CSS Learning PathLearn CSS, from Laying Out Websites to Performant Animations
CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.
Core Coursework
Getting Started with CSS
Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more!
CSS Foundations
Fast-track your CSS learning to build professional, responsive websites. Master core concepts and practical layouts with Flexbox and Grid through engaging hands-on exercises.
CSS Grid & Flexbox for Responsive Layouts, v2
Learn the essential CSS layout techniques for building responsive, beautiful websites. You'll use CSS Grid and Flexbox to build out real-world web layouts!
Practical CSS Layouts
Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.
CSS Animations and Transitions
Learn CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.
Intermediate HTML & CSS
Learn modern CSS selectors like :is(), :where(), and :has() and discover new HTML elements and CSS Selectors that you might not know!
CSS Projects
Looking to practice your CSS skills? Work through five distinct projects to practice writing semantic HTML, mobile-first designs, media queries, and CSS layout techniques.
Elective Coursework
Design for Developers
Become self-sufficient for the entire process from concept to design to implementation. Learn the creation & execution of complete front-end experiences!
SVG Essentials & Animation, v2
Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!
Tailwind CSS
Learn Tailwind CSS‘s utility-first approach for responsive, and customizable web designs. Master themes, layers, responsive breakpoints, dark mode, and more to create maintainable and visually appealing user interfaces!
Sass Fundamentals
This Sass programming course will empower your CSS practices and help you master styling complex applications while keeping the styles readable and maintainable.
Design Systems with React & Storybook
Design components with Figma, and then learn to code your components in React, and document them for your teams with Storybook.
Dynamic CSS with Custom Properties (aka CSS Variables)
Create reusable components without any JavaScript dependencies needed – with only vanilla CSS! Master CSS custom properties AKA CSS variables.
Responsive Web Typography v2
Learn how to implement web fonts and create a modern, scalable web typography system to give the best reading experience for desktop and mobile devices!
