Build Admin Dashboard From Scratch | HTML, CSS and JavaScript Tutorial for Beginners

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. Source Code on GitHub: https://github.com/BobsProgrammingAcademy/admin-dashboard 00:00 Introduction 00:34 Project Overview 01:18 Responsive Web Design 01:46 Visual Studio Code 02:17 Live Server Extension 02:43 Create Project Files 04:09 Basic HTML 5 Structure 08:17 Link CSS and JS Files 09:51 Layout using CSS Grid 19:08 Add Fonts and Icons 23:46 Header 25:34 Main Section and Cards 32:32 Building Charts using the ApexCharts Library 40:05 Responsive Web Design using CSS Media Queries 44:24 Outro Royalty-Free Music from Bensound: https://www.bensound.com/ #HTML #CSS #Javascript #CSSGrid #CSSMediaQueries #ApexCharts #HTMLCSSDashboard #ResponsiveAdminDashboard #ResponsiveDashboard #AdminDashboard