CSS for JavaScript Developers

Discover the joy of CSS! In this course, we pop the browser's hood to learn how CSS really works. By learning about the systems and layout algorithms that drive CSS, we'll come to understand CSS at a deeper, more-intuitive level. With these skills, we'll be able to build all kinds of layouts and effects, and have fun doing it!


Welcome! In this brief introduction, we'll learn how this course platform works, see how to get the most out of this course, and become acquainted with the community features.

Module 1

Rendering Logic I

Flow layout is the “OG” layout algorithm of the web, and it's still used heavily today. In this module, we explore how to best use Flow layout in modern times. We'll also deepen our understanding of common fundamentals like the Box Model.

Module 2

Rendering Logic II

To understand CSS, we need to understand its systems. In this module, we dive deep into positioned layout to understand how containing blocks and stacking contexts work. We'll also learn about managing overflow and visibility.

Module 3

Modern Component Architecture

Over the past few years, an explosion of ideas and tools have made CSS much easier to work with at scale. In this module, we'll peek our head into this wild new world, and learn how to make the most of it.

Module 5

Responsive and Behavioural CSS

Modern web applications respond dynamically, contorting themselves to display well across an incredibly wide range of devices. In this module, we'll learn how to write CSS that responds and adapts to different situations.