Dans ce nouveau cours, nous allons apprendre à utiliser les différentes fonctionnalités de Sass (variables, fonctions, imbrication, héritage, structures conditionnelles…) et comprendre en quoi Sass peut nous aider à créer un meilleur code CSS.
En effet, une utilisation raisonnée de Sass peut aujourd’hui encore permettre de créer du code CSS à la fois plus facilement maintenable et plus puissant puisque Sass transforme le CSS en un quasi langage de programmation avec l’utilisation intensive de variables notamment.
Plan du cours Sass
Le plan de ce cours est le suivant :
- Présentation et installation de Sass via npm (Node Package Manager) ;
- Découverte, création et manipulation des variables Sass ;
- Découverte et utilisation des fonctions Sass prédéfinies et création de fonctions personnalisées avec les règles
@function
et@return
; - Etude de l’imbrication du code avec Sass ;
- L’héritage avec Sass ;
- Découverte des mixins Sass ;
- Découverte et manipulation des structures de contrôle Sass (boucles et conditions) ;
- Import de code avec Sass.
A qui s’adresse ce cours ?
Ce cours s’adresse à toutes les personnes qui veulent apprendre à créer un code CSS plus compact, plus facilement maintenable et à la fois plus robuste et plus généralement à tous ceux qui veulent acquérir de nouvelles connaissances liées au CSS.
Pour suivre ce cours dans de bonnes conditions, vous devez auparavant bien évidemment posséder des connaissances en CSS et il est également fortement recommandé de connaitre le HTML. Connaitre un langage de programmation comme le Javascript vous aidera à comprendre plus rapidement ce que sont les variables, fonctions et structures de contrôle mais cela n’est pas strictement nécessaire pour suivre ce cours.
Soutenir la création de cours
Ce cours complet Sass vous est fourni gratuitement. Pour que celui-ci puisse être mis à jour régulièrement et pour aider à la création d’autres cours comme celui-ci, tout don est le bienvenu. Vous pouvez effectuer un don (sécurisé) directement ici :
Merci par avance pour votre soutien !