Become the CSS Hero of Your Office with CSS Architecture

Lesson 1, Step 1: Introduction

Courses Outline

Lesson 1: Introducing CSS Architecture
Free
Introduction
4:35
Goals of CSS Architecture
11:28
Lesson 2: Writing Maintainable CSS Code
Selector Efficiency and Simplification
13:59
Naming Classes
13:37
Specifying Units
8:56
Quiz
Lesson 3: Principles of CSS Architecture
Single Responsibility Principle
8:27
Open/Closed Principle
6:36
DRY CSS
10:32
Separation of Concerns
9:57
ITCSS
4:57
CSS Code Smells
10:10
Quiz
Lesson 4: Style Hierarchy
The Role of the Normalizer
7:47
Establishing Hierarchical Styles
11:24
Quiz
Lesson 5: CSS Architecture in Practice
Setting Up the Application
9:21
Settings, Tools, Generic, Elements
7:53
Implementing Objects and Components
7:21
Putting the Component Library into Practice
3:38
Lesson 6: Conclusion
Next Steps
3:41