CSS for Developers

1h 51mIntermediate2024-11-15

Authors

Carrie Dils

Development, WordPress

Course details

Whether you're a front-end developer learning to fine-tune styles for the web or a back-end developer scaffolding basic layouts, this course shows developers how CSS works and how to leverage modern CSS for web projects. Instructor Carrie Dils instructs developers on the principles of CSS, how it can be used to solve web layout and styling challenges, and ways to incorporate CSS into your projects

Learning objectives
Detail how CSS works.
Describe the range of options CSS offers.
Use CSS to create everyday solutions to web styling and layout problems.
Increase your ability, whatever your level, to use CSS confidently.

Skills covered

CSSWeb StandardsWeb DesignWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesOpen SourceSoftware DevelopmentOne-Off

Concepts

0. Introduction

01 - Welcome to CSS for developers
02 - Using GitHub Codespaces with this course
03 - Using browser developer tools

1. How CSS Works

04 - Why is CSS so frustrating
05 - Declarative vs. imperative languages
06 - Browser rendering stack
07 - CSS syntax
08 - The cascade
09 - Selector specificity
10 - Units and sizes

2. CSS Layouts

11 - It starts with the CSS box model
12 - Layout and positioning options
13 - Deciding which layout module to use

3. Modern CSS Can Do That

14 - CSS custom properties
15 - CSS-in-JS
16 - CSS functions
17 - Logical properties and writing modes
18 - Targeting elements
19 - Native CSS nesting

4. Using and Extending CSS

20 - Start by leveraging HTML
21 - Organize your CSS
22 - Manipulating CSS with JS
23 - Extend capabilities with a pre-processor
24 - Using CSS frameworks
25 - CSS linting

Conclusion

26 - Next steps