Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Learn Backend Development Part-Time, Online
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course follows the research, setup, and implementation of a social media dashboard from a Figma design. It covers an accessible dark/light toggle, Sass and BEM class names, and theme switching with JavaScript and CSS custom properties.
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