Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms.
Prérequis : voir le cours Créez votre site web avec HTML5 et CSS3.
Avec le temps, vos projets grossissent, tout s’entasse et un beau jour on regrette amèrement de ne pas avoir pris le temps de réfléchir à l'organisation et la structure des fichiers HTML/CSS. On aurait gagné du temps aussi bien dans la rédaction que dans la mise en œuvre ou la maintenance.
Le cours propose de répondre aux trois problématiques suivantes :
Ce cours se décompose en deux parties. Avec la première vous apprendrez à structurer votre code. Nous allons commencer avec votre HTML : simplifier votre HTML est tout aussi important que de simplifier votre CSS ! Anticiper la façon de structurer votre code avant d’écrire la moindre ligne de code est très important, et cela vous fera gagner du temps par la suite.
Dans la deuxième, nous aborderons les préprocesseurs CSS et notamment Sass, afin d’optimiser notre code. De la structure à la lisibilité, en passant par l’écriture : vous saurez simplifier votre CSS, c’est certain. Nous allons aussi aborder des notions de simplification générale que vous pourrez appliquer tout au long de votre parcours professionnel, quels que soient les projets.
Sass est l’abréviation de Syntactically Awesome Style Sheets (“feuilles de style syntaxiquement fantastiques”, en français).