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/BobsProgrammingAca...
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
On this page of the site you can watch the video online Build Admin Dashboard From Scratch | HTML, CSS and JavaScript Tutorial for Beginners with a duration of hours minute second in good quality, which was uploaded by the user Bob's Programming Academy 31 May 2023, share the link with friends and acquaintances, this video has already been watched 8,132 times on youtube and it was liked by 148 viewers. Enjoy your viewing!
