Core Coursework
(take these in order)
- +
Editor's Notes
Use CSS to layout and visually style web pages so you’re websites aren’t just functional, but they look nice as well! - ⠇
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!
- +
Editor's Notes
The most essential tools to bring your designs to life are modern CSS layout tools such as Flexbox and CSS Grid. - ⠇
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!
- +
Editor's Notes
CSS Animations are incredibly powerful and communicate trustworthiness and quality of your software. - ⠇
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.
- +
Editor's Notes
Create reusable components without any JavaScript dependencies needed – using only vanilla CSS! - ⠇
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.
- +
Editor's Notes
Taking advantage of some of the newer CSS features can improve maintainability of your CSS and give your layouts more abilities! - ⠇
Advanced CSS Layouts
Flexbox and Grid provide methods for creating responsive websites with complex designs. Combined with CSS Calc, it revolutionizes CSS layout web pages. Learn more!
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!
- ⠇
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.
- ⠇
Sass Fundamentals
This SaaS programming course will empower your CSS practices and help you master styling complex applications while keeping the styles readable and maintainable.
- ⠇
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!
- ⠇
Scalable Modular Architecture for CSS (SMACSS)
Learn how to make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.
