CSS for Programmers

CSS for Programmers

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 25m | 245 MB

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.

This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With GitHub Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that you’ll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.

Table of Contents

1 CSS for Developers
2 Using GitHub Codespaces with this course

The Basics
3 Why is CSS so weird
4 Declarative vs. imperative languages
5 The browser rendering stack
6 Sidebar Browser developer tools
7 CSS syntax
8 The cascade
9 Selector specificity

The Box Model
10 What is the CSS box model
11 Logical properties
12 Layout and positioning

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

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

23 Going further