YoVDO

Social Media Dashboard with Dark-Light Toggle

Offered By: TheCoderCoder via YouTube

Tags

HTML & CSS Courses Project Management Courses Javascript Courses Sass Courses Accessibility Courses User Interface Design Courses Front-end Development Courses

Course Description

Overview

Learn to build a responsive social media dashboard with a dark/light mode toggle in this comprehensive video tutorial series. Explore the entire development process, from initial research and planning to final implementation. Discover techniques for setting up a real-world website project, creating an accessible dark/light toggle based on a Figma design, utilizing Sass and BEM methodology for efficient CSS organization, and implementing theme switching functionality using JavaScript and CSS custom properties. Gain valuable insights into professional web development practices and enhance your front-end skills through this hands-on project.

Syllabus

How I research and plan a real-world website project | FEM social media dashboard, Part 1.
How I set up a real-world website project | FEM social media dashboard, Part 2.
Building an accessible dark/light toggle from a Figma design | FEM social media dashboard, Part 3.
How I use Sass and BEM class names when building a card UI | FEM social media dashboard, Part 4.
Switching dark/light mode with JS and CSS custom properties | FEM social media dashboard, Part 5.


Taught by

TheCoderCoder

Related Courses

Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera
Regression Modeling in Practice
Wesleyan University via Coursera
Diseñando páginas web con Bootstrap 4
Universidad Austral via Coursera
Structured Query Language (SQL) using SAS
SAS via Coursera
CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy