Responsive Admin Dashboard Using HTML, CSS & JavaScript with Light & Dark Mode

Responsive Admin Dashboard Using HTML, CSS & JavaScript with Light & Dark Mode

EGATOR via YouTube Direct link

Aside/Sidebar Markup

4 of 20

4 of 20

Aside/Sidebar Markup

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Responsive Admin Dashboard Using HTML, CSS & JavaScript with Light & Dark Mode

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro Project Overview
  2. 2 Project Folder Structure and Files
  3. 3 Adding Material Icons CDN
  4. 4 Aside/Sidebar Markup
  5. 5 CSS Variables and General Styles
  6. 6 Aside and Sidebar Styles
  7. 7 Main Section Calendar & Insights Markup
  8. 8 Main Section Calendar & Insights Styles
  9. 9 Recent Orders Orders Table Markup
  10. 10 Recent Orders Orders Table Styles
  11. 11 Right Section Top & Recent Updates Markup
  12. 12 Right Section Top & Recent Updates Styles
  13. 13 Right Section Sales Analytics Markup
  14. 14 Right Section Sales Analytics Styles
  15. 15 Media Queries 1 Responsive Design For Big Tablets and Small Laptops
  16. 16 Media Queries 2 Responsive Design For Small Tablets and Mobile Phones
  17. 17 Showing and Hiding of the Sidebar using JavaScript
  18. 18 Animating Sidebar
  19. 19 Theme Change/Toggle Functionality Light & Dark Mode with JavaScript
  20. 20 Filling Table with Orders using JavaScript

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.