Tous les cours

Développement

Produce Maintainable CSS With Sass

Learn to write clean, maintainable, and modular CSS code through the implementation of designed naming and file structures, such as BEM, and the use of Sass, a CSS precompiler.
Moyenne
15 heures
Ce cours en libre accès vous intéresse ?

CSS provides the tools to make beautiful, identifiable, and responsive pages. It is also notoriously unruly, with not a lot of inherent structure. With all of the color, layout, and typographic options, a .css file can get messy pretty quickly. This might be okay for small projects, but if you want to be a professional developer, you'll face the following issues:

  • How do I write clean, well structured CSS?

  • How do I make sure my code is maintainable and modular?

  • How can I code faster and more efficiently? 

This course will show you how to do all that and more; by the end, you'll even have a solid portfolio project to show off and personalize!

Portfolio website

We'll start with how to integrate structure into your code by learning about specificity, implementing the BEM structure and using CSS precompilers. Next, we'll dive into the nitty-gritty of writing .scss with Sass.  Once you've got those basics down, we'll take your development to the next level by working with some powerful Sass functionalities like variables, functions, conditions, mixins, and extensions.  But that's not all!  In part four, we'll get you ready to be a development ninja by showing you how to include advanced techniques like loops and maps, as well as making your website responsive and universally browser-friendly.

Ready to jump in and get coding?  Join me in chapter one!

Objectifs pédagogiques

  • Identify how to use BEM selectors , CSS preprocessors, and SASS to structure your code
  • Apply SASS variables, mixins, extensions, and functions to improve a codebase
  • Identify advanced SASS techniques for creating responsive, browser-friendly websites

Et si vous en faisiez votre métier ?

Suivez une des formations diplômantes de notre école 100% en ligne, et transformez vos connaissances en compétences professionnelles.

  • Formations jusqu’à 100 % financées
  • Date de début flexible
  • Projets professionnalisants
  • Mentorat individuel

Contributeurs

Professeur

Pat Gerke

Developer, animator, designer, and globetrotter

Créé par

Mis à jour le 23/01/2025
Licence

Développement

Produce Maintainable CSS With Sass

Moyenne
15 heures
Cours en libre accès