Learn how to research and plan a real-world website project, set up a website project, build an accessible dark/light toggle from a Figma design, use Sass and BEM class names for building a card UI, and switch between dark and light modes using JS and CSS custom properties. The course employs a hands-on approach with practical project-based learning. This course is intended for individuals interested in front-end development and design, particularly those looking to enhance their skills in building interactive and accessible user interfaces.
Overview
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
