Vos documents CSS vous paraissent difficilement maintenables avec leurs centaines (milliers?) de lignes ? Vous voulez doper les capacités du langage CSS en y ajoutant des variables, des fonctions, un héritage des classes ... ? Cette formation SASS en vidéo répondra à toutes vos questions (et même plus encore).
Au programme de cette formation SASS
Pendant plus de 2 heures, nous allons découvrir ensemble cette extension CSS qui permet de booster les capacités du langage avec un nouveau format de fichiers qui va ensuite être compilé à l'aide de Sass pour obtenir un fichier CSS exploitable par les navigateurs Web.
EN BONUS : Pour bien comprendre toutes les notions abordées, nous viendrons créer une grille responsive complète que vous pourrez utiliser dans vos futurs projets de sites Web. La puissance de Sass est tellement importante que notre fichier CSS sera divisé par 7.
Notons qu'il est important de maîtriser les bases des langages HTML et CSS pour bien assimiler le contenu de cette formation.
Des bases de JavaScript et/ou de PHP sont également bienvenues pour mieux comprendre des concepts plus avancés comme les fonctions, les variables, les opérateurs booléens ... même si cela reste optionnel puisque nous aborderons tout cela ensemble.
Je reste disponible dans le salon d'entraide pour répondre à vos questions.
Table des matières de cette formation CSS (durée : 2h27m)
-
Les bases
- Introduction gratuit 00:02:00
- Installation de Sass sur macOS et Windows (update novembre 2019) 00:01:23
- Installation de Sass sur macOS et Windows 00:04:48
- Compiler un fichier et découverte du projet de grille responsive 00:27:56
- Inbrication de sélecteurs et de propriétés 00:10:06
- Les variables 00:12:09
-
Notions intermédiaires
- Les mixins 00:13:42
- Les fonctions 00:07:41
- Importation de fichiers 00:05:50
- Extension de règles CSS 00:02:56
- Les drapeaux 00:06:44
- Les mathémathiques avec professeur Steven 00:07:11
- Les structures conditionnelles et finalisation de la grille responsive 00:26:57
-
Notions avancées
- Débogage et opérateurs booléens 00:11:02
- Extensions de placeholders 00:02:26
- La directive @at-root 00:03:33
- Conclusion 00:00:55
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Steven Sil
-
Très intéressant ! Malheureusement certaines fonctions sont dépassées car Sass n'est plus sur Ruby, donc à mettre à jour, mais avec la doc à côté, ça se tient !
-
Excellent TUTO, Je connaissais less mais la SASS que du bonheur !!!!!! MERCI beaucoup, toujours aussi clair, bonne méthodologie d'apprentissage !!!
-
Tutoriel très difficile pour un embryon comme moi ^^ mais bien expliqué. Comme le tutoriel précédent, il me faudra du temps pour tout assimiler. Je met néanmoins une note de 5 étoiles pour ce tuto pour récompenser votre travail !
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
C'est une suite à la première formation : Tuto Boostez votre CSS avec Sass avec CSSNon du tout :) C'est une formation complète qui reprend les notions vu il y a 2 ans ainsi que beaucoup de nouvelles notions + un projet de grille responsive :)
note moyenne
avis laissés