SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Become the CSS Hero of Your Office with CSS Architecture
Become the CSS Hero of Your Office with CSS Architecture

Become the CSS Hero of Your Office with CSS Architecture

Craft structured, maintainable and scalable CSS


Course details

4.4∙38 Ratings23 reviews

Published
August 2017
Videos
21
Duration
2h 34m
Happy students
3320

Take this course

About the course

**Only very few people are capable of engineering structured, maintainable, and scalable CSS**. Writing CSS is easy, especially with the introduction of tools, preprocessors, and frameworks, helping you along the way. Though all of these may help you create CSS, they're not made to consider the structure, scalability, and future maintenance needs. All considerations that your future self and developer will be thankful for. Most courses labeled with CSS architecture are backed by a certain technology, framework, or mindset. In this course, we're not going to show you that, instead, we're helping you build structured, maintainable, and scalable CSS through software engineering principles _and_ best practices. We'll show you how to design, create, and contribute to CSS stylesheets of large applications and component libraries in a structured, scalable, and maintainable way. It's a revelation, one your future self or developer will thank you for. To get started in this course, you will need basic HTML and CSS skills. You should be able to write code in a text editor or integrated development environment. Knowing Sass or LESS will help you understand the practical lessons quickly, but they are optional. If you're not quite ready for this course, you can buff up your CSS skills, with our CSS Selectors 2: Targeting HTML Like a Pro, or CSS Selectors 3: Diving Deeper course. Test your CSS knowledge with our AtoZ: CSS course. For a true challenge of your front-end development skills, try out Responsive Web Development course.

Course Instructor

Zsolt Nagy

Zsolt Nagy

Zsolt has been working hard on both his tech skills and soft skills, giving him the opportunity to become a Dev Tech Lead. He has taken these skills to the next level by blogging about his dev journey and creating Dev Career Mastery; a learning platform for developers wanting to expand their soft skills.

Course Outline

Lesson 1: Introducing CSS Architecture
  • Free
    Introduction
    4:35
  • Locked
    Goals of CSS Architecture
    11:28
Lesson 2: Writing Maintainable CSS Code
Lesson 3: Principles of CSS Architecture
Lesson 4: Style Hierarchy
Lesson 5: CSS Architecture in Practice
Lesson 6: Conclusion

Reviews
4.4

38 total

18
19
1
0
0

Course details

4.4∙38 Ratings23 reviews

Published
August 2017
Videos
21
Duration
2h 34m
Happy students
3320

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy