YoVDO

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

Offered By: EGATOR via YouTube

Tags

Responsive Web Design Courses Computer Science Courses Javascript Courses HTML Courses Media Queries Courses Chart.js Courses

Course Description

Overview

Learn to create a responsive admin dashboard for crypto/banking applications using HTML, CSS, and JavaScript in this comprehensive tutorial. Master modern CSS techniques including Grid, Flexbox, Variables, and Media Queries to ensure responsiveness across devices. Implement light and dark theme functionality with JavaScript and CSS Variables. Follow step-by-step instructions to build the dashboard's components, including navigation bar, sidebar, cards, monthly reports, fast payment section, charts, investments, and recent transactions. Gain practical experience in responsive design and theme customization while developing a fully functional and visually appealing admin interface.

Syllabus

Intro Project Overview
Material Icons & Google Fonts link
Navigation Bar Markup
CSS Root Variables and General Elements Styles
Navigation Bar Styles
Sidebar Markup
Sidebar Styling
Middle Section Cards Markup
Middle Section Cards Styles
Monthly Reports Markup
Monthly Reports Styles
Fast Payment Markup
Fast Payment Styles
Chart JS
Investments Markup
Investments Styles
Recent Transactions Markup
Recent Transactions Styles
Media Queries For Tablets and Mobile Phones Responsive Design
Show/Hide Sidebar on small screens using JavaScript
Theme Change Functionality


Taught by

EGATOR

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera