CSS for Programmers
1h 25mIntermediate2022-11-09
Authors
Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
Course details
Discover what makes CSS unique, how you can apply it to programming problems, and how to integrate it smoothly with your work. Instructor Morten Rand-Hendriksen discusses declarative and imperative languages, then goes into CSS syntax, the cascade, and more. He covers the CSS box model, as well as how to work with JavaScript frameworks to write CSS as part of JavaScript. Morten includes CSS techniques to counteract or even block the cascade. He also highlights ways to use HTML and CSS with JavaScript to build great markup.
Skills covered
CSSWeb StandardsWeb DesignFront-End Web DevelopmentPersonaWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - CSS for Developers
- 02 - Using GitHub Codespaces with this course
1. The Basics
- 03 - Why is CSS so weird
- 04 - Declarative vs. imperative languages
- 05 - The browser rendering stack
- 06 - Sidebar - Browser developer tools
- 07 - CSS syntax
- 08 - The cascade
- 09 - Selector specificity
2. The Box Model
- 10 - What is the CSS box model
- 11 - Logical properties
- 12 - Layout and positioning
3. CSS-in-JS
- 13 - CSS-in-JS - Writing CSS without writing CSS
- 14 - CSS-in-JS example - Styled Components and CSS Modules
- 15 - Accepting or resisting the cascade
4. Building Great Markup
- 16 - HTML serves most of your needs
- 17 - The layout module flowchart
- 18 - Modern CSS to the rescue - Custom properties
- 19 - CSS as JS properties
- 20 - Accessibility and hiding content with CSS
- 21 - Units and sizes
- 22 - CSS functions
Conclusion
- 23 - Going further