Build Admin Dashboard From Scratch | HTML, CSS and JavaScript Tutorial for Beginners 🔎🔍
🎞️ · 01.06.2023 · 05:11:11 ··· Donnerstag ⭐ 146 🎬 7985
📺Bob's Programming Academy
🎬 · 01.06.2023 · 05:11:11 ··· Donnerstag
😎 · 12.09.2024 · 18:59:00 ··· Donnerstag
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
SELECT * FROM DAvidON WHERE `DAvid`="wuHecLQbFuk" ORDER BY ts
SELECT * FROM DAvidPlay WHERE `DAvid`="wuHecLQbFuk"
***
· 01.06.2023 · 05:11:11 ··· Donnerstag
U
U
L
L
T
* 1685589071
* 1685589071
X 7985
Y 146
P
C 82682
B 8
V 18
* · 23.11.2022 · 00:00:00 ···
2 · 24.07.2023 · 04:14:12 ···
L · 12.09.2024 · 18:58:54 ···
C · 14.12.2024 · 08:12:20 ···
💘 🖱️ * · 01.01.1970 · 01:00:00 ···
* · 01.01.1970 · 01:00:00 ···
· 01.01.1970 · 01:00:00 ···
**##
*** · 01.01.1970 · 01:00:00 ··· ::
*2* · 01.01.1970 · 01:00:00 ··· ::
*L* · 01.01.1970 · 01:00:00 ··· ::
*C* · 01.01.1970 · 01:00:00 ··· ::
********
