Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

EGATOR via YouTube

Start learning Write review
Corporate Finance Institute Ad

Finance Certifications Goldman Sachs and Amazon Teams Trust

Learn More → Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course builds a responsive ecommerce admin dashboard with HTML, CSS, and JavaScript. It covers sidebar and dashboard layouts, calendar and order sections, media queries, sidebar animation, light/dark mode toggling, and populating an orders table.

Syllabus

Intro Project Overview
Project Folder Structure and Files
Adding Material Icons CDN
Aside/Sidebar Markup
CSS Variables and General Styles
Aside and Sidebar Styles
Main Section Calendar & Insights Markup
Main Section Calendar & Insights Styles
Recent Orders Orders Table Markup
Recent Orders Orders Table Styles
Right Section Top & Recent Updates Markup
Right Section Top & Recent Updates Styles
Right Section Sales Analytics Markup
Right Section Sales Analytics Styles
Media Queries 1 Responsive Design For Big Tablets and Small Laptops
Media Queries 2 Responsive Design For Small Tablets and Mobile Phones
Showing and Hiding of the Sidebar using JavaScript
Animating Sidebar
Theme Change/Toggle Functionality Light & Dark Mode with JavaScript
Filling Table with Orders using JavaScript

Taught by

EGATOR

Reviews

Start your review of Responsive Admin Dashboard Using HTML, CSS & JavaScript with Light & Dark Mode

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.