TUTO Apprendre à utiliser SASS et SCSS

Dans cette formation en ligne, tu vas apprendre à utiliser le préprocesseur SASS avec la syntaxe SCSS.

Les préprocesseurs CSS permettent principalement de gagner du temps sur ses fichiers CSS.
Des tas de fonctionnalités ont été créées dans le but d'augmenter le rendement de notre travail, sa logique, et d'optimiser le nombres de lignes de code.

Apprendre à utiliser SASS et SCSS

Ces fonctionnalités, nous allons les apprendre une par une :

• Les opérateurs, (pour faire des calculs en CSS).
• Les Variables, pour pouvoir entreposer des couleurs et des valeurs dans des variables réutilisables.
• Le nesting, une façon plus intuitive décrire du CSS.
• Les Extends, pour étendre les propriétés CSS d'un sélecteur.
• Les Partials et Imports, pour écrire du CSS dans un fichier séparé puis l'importer.
• Les Mixins, Pour écrire du CSS réutilisable.
• Les fonctions, pour utiliser un système de fonction comme dans un langage classique.

Nous verrons toutes ces notions grâce à un petit projet concret, afin de pouvoir les mettre directement en pratique !
 

Quelle est la différence entre SASS et SCSS ?

C'est très simple, SASS est le nom de ce préprocesseur, et à la base sa syntaxe était unique, c'était la syntaxe de SASS.
Mais cette syntaxe s'est vite révélée assez contraignante due à sa lisibilité qui était, disons-le, mauvaise.
C'est là que vient la syntaxe SCSS, beaucoup plus logique et intuitive. C'est cette syntaxe que la majorité des développeurs utilisent aujourd'hui. Donc on va apprendre à utiliser le préprocesseur SASS avec sa syntaxe : SCSS !

Je reste disponible dans le salon d'entraide pour répondre aux éventuelles questions sur le cours.