Découvrir les Variables en CSS avec 2 exemples concrets
Découvrir les Variables en CSS avec 2 exemples concrets
Dans ce tuto en vidéo nous allons découvrir ensemble SASS.
SASS est un langage de programmation qui va nous permettre de pouvoir écrire et surtout maintenir facilement notre code CSS.
Nous allons apprendre à écrire du SASS et à générer automatiquement un fichier CSS.
Dans cette formation SASS, nous passerons en revue :
- Les variables,
- Les fichiers partiels,
- Les mixins,
- Les extensions,
- Les media Queries.
Le cours se termine par un QCM pour valider vos connaissances en SASS.
A la fin de ce tutoriel, vous serez opérationnel pour mettre en place un projet SASS de votre choix.
Je mets les codes sources à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Si vous avez besoin d'acquérir des compétences de bases en HTML et CSS, je propose une formation complète dédiée à ce sujet.
Bon tuto !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction à SASS
Introduction à SASS
Chapitre 2
Installation de SASS
Installation de SASS
Chapitre 3
Les variables
Les variables
Chapitre 4
Les fichiers partiels
Les fichiers partiels
Chapitre 5
Les pseudo classes
Les pseudo classes
Chapitre 6
Les commentaires
Les commentaires
Chapitre 7
Les mixins
Les mixins
Plan détaillé du cours
Chapitre 1 : Introduction à SASS
08m
Leçon 1Présentation de SASS
Leçon 2Le rôle de SASS
Leçon 3Les formes d'écriture
Leçon 4La génération du CSS
Chapitre 2 : Installation de SASS
33m21s
Leçon 1Téléchargement de SASS pour tous les OS
Leçon 2Mise en place de la hiérarchie de notre site
Leçon 3Ecriture du fichier index.html
Leçon 4Appel de l'invite de commande
Leçon 5Génération du fichier style.css
Leçon 6On compile
Leçon 7Compilation automatique
Leçon 8Le fichier Map
Leçon 9Création d'un exécutable
Chapitre 3 : Les variables
15m40s
Leçon 1Déclaration et exploitation
Leçon 2Manipulation
Leçon 3Calcul
Chapitre 4 : Les fichiers partiels
10m03s
Leçon 1Création et appel
Leçon 2L'invite de commande
Leçon 3Hiérarchisation
Chapitre 5 : Les pseudo classes
05m30s
Leçon 1Mise en place d'un lien
Leçon 2Lien hover
Chapitre 6 : Les commentaires
03m54s
Leçon 1Commentaire visible
Leçon 2Commentaire invisible
Chapitre 7 : Les mixins
20m56s
Leçon 1Mise en place de 2 nouvelles boîtes
Leçon 2Déclaration
Leçon 3Appel
Leçon 4Hiérarchisation
Leçon 5Webkit
Chapitre 8 : Les extensions
12m06s
Leçon 1Création d'une nouvelle boite
Leçon 2Déclaration et appel
Leçon 3Hiérarchisation
Chapitre 9 : Les media Queries
07m20s
Leçon 1Mise en place
Leçon 2Autant qu'on veut
Leçon 3Encore un autre
Chapitre 10 : Conclusion
02m01s
Leçon 1Conclusion
Avis des apprenants