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