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. You'll even build a professional portfolio website by the end of the course!
- +
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 along with responsive images to build out real-world web layouts! - +
Editor's Notes
SVG is an amazing graphics format that can achieve many things beyond CSS. - ⠇
SVG Essentials & Animation, v2
Build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites! - +
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! - +
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.
Elective Coursework
- ⠇
Design for Developers
Become self-sufficient for the entire process of execution from concept to design to implementation. Learn the creation & execution of comple front-end experiences! - ⠇
CSS In-Depth, v2
In this CSS course, Estelle Weyl shows you the full capabilities of CSS3. Dive into the essentials of CSS, while also exploring new CSS features - ⠇
Design Systems with React & Storybook
Design components 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)
Make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.
