In this tutorial, we will teach you HTML, CSS and JavaScript by building a responsive admin dashboard.
We will not be using 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:00 Introduction
00:00:38 Project Overview
00:05:07 About HTML, CSS, JavaScript and Document Object Model (DOM)
00:06:38 Basic Structure
00:14:44 Layout using CSS Grid
00:27:44 Adding Fonts and Icons
00:33:23 Header
00:38:59 Sidebar
00:45:51 Main Section and Cards
00:55:03 Building Charts using the ApexCharts Library
01:06:13 Responsive Web Design using CSS Media Queries
01:13:48 Outro
Royalty Free Music from Bensound: https://www.bensound.com/
#HTML #CSS #Javascript #CSSGrid #CSSMediaQueries #ApexCharts #HTMLCSSDashboard #ResponsiveAdminDashboard #ResponsiveDashboard #AdminDashboard #HTMLForBeginners #HTMLTutorial #HTMLCSSTutorial #HTMLCSSJavaScript #HTMLCSSJavaScriptTutorialForBeginners #TutorialForBeginners #Project
Watch video HTML CSS JavaScript Tutorial for Beginners | Build Admin Dashboard From Scratch online without registration, duration hours minute second in high quality. This video was added by user Bob's Programming Academy 14 June 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 95,052 once and liked it 1.8 thousand people.