Build a Responsive Social Media Dashboard using HTML, CSS, and JavaScript | Admin Dashboard Template

preview_player
Показать описание
In this tutorial, we will teach you HTML, CSS, and JavaScript by building a responsive admin dashboard. We will not use any CSS frameworks, such as Bootstrap to build this dashboard. Instead, we will teach you how to build a layout using CSS Grid and how to make it look good on devices of different sizes using CSS Media Queries.

00:00 Introduction
00:34 Project Overview
00:53 Responsive Web Design
01:09 Visual Studio Code
01:40 Live Server Extension
02:11 Create Project Files
03:31 Basic HTML 5 Structure
07:58 Link CSS and JS Files
11:07 Layout using CSS Grid
22:35 Add Fonts and Icons
28:46 Header
33:59 Sidebar
40:54 Main Section and Cards
46:09 Products Section
51:00 Responsive Web Design using CSS Media Queries
58:07 Outro

#HTML #CSS #JavaScript
Рекомендации по теме
Комментарии
Автор

Your tutorial is great. I have learnt a great deal of knowledge from you to improve my coding in HTML, CSS and JAVASCRIPT. Thank you Bob.

asayentelbah
Автор

Its really a great.Your explanation technique is too good to understand.

cricdial
Автор

Salam alikom vraiment bravo t'as une capacité incroyable de faire simplifier les choses! t'es vraiment pédagogique merci de contunier à nous donner ce contenu très intéressent !!merci merci!!surtout en mode projet en frond end et backend

firasmessaoudi
Автор

Je supporte ta chaine!!vraiment une mine d'or

firasmessaoudi
Автор

This is really great.... I have learnt a lot from your teaching

agbooladavid