Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Sass

Écrire du code Sass

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Dans cette vidéo, votre formateur expose les principes de base qui régissent l'écriture du langage Sass.

Transcription

À partir de maintenant, vous allez devoir écrire du code Sass, et non plus du code CSS. On va commencer par une bonne nouvelle : c'est le fait que le langage Sass étend le langage CSS. Alors, en quoi est-ce une bonne nouvelle ? C'est une bonne nouvelle parce que tout le code CSS que vous avez déjà ecrit est, en fait, du code Sass valide. En effet, Sass va tout simplement venir ajouter ses fonctionnalités au CSS. Mais le CSS de base, le CSS que vous connaissez, c'est du Sass également, donc, 100% de ce que vous connaissez en CSS peut être reexploiter tel quel dans votre code Sass. Par contre, l'invers ce n'est pas vrai : du code Sass n'est pas forcément, lui, du CSS. En effet, quand vous utiliserez une fonctionnalité qui est spécifique à Sass, que Sass vient ajouter au langage CSS, ça, ce n'est pas quelque chose qui fait partie de la norme CSS du code Sass, n'est pas forcément du CSS valide, mais la bonne nouvelle, c'est que tout ce que vous avez déjà appris en CSS va vous servir à 100%, quand vous apprendrez Sass. Alors, au niveau de navigateur web, un navigateur ne comprend que le code CSS, il ne comprend pas le code Sass. Autrement dit, à un certain moment de la procédure, nous devrons transformer le code Sass que nous aurons écrit en code CSS exploitable par un navigateur. Cette opération de transformation de Sass en CSS, c'est ce qu'on appelle la « compilation ». Pour parler avec les bons termes, vous allez devoir compiler votre code Sass en CSS. Alors, pour être sûr de bien comprendre ce qui se passe, vous allez écrire du Sass, vous allez envoyer ce code Sass dans un compilateur, et ce compilateur va ressortir du code CSS. Et c'est ce code CSS que vous enverrez dans le navigateur web, et le navigateur, il va s'en servir pour afficher la page web à l'internaute. Alors, au nivaeu de la compilation de Sass en CSS, vous avez déjà compris que ce fichier CSS, ce n'est pas vous qui allez l'écrire, c'est le compilateur Sass qui va le générer automatiquement. D'ailleurs, vous n'écrirez plus jamais dans le fichier CSS. En effet, si vous allez modifier manuellement le fichier CSS que Sass aura généré, la prochaine fois que vous allez modifier vos fichiers Sass et recompiler une nouvelle version de ce fichier CSS, vos modifications seront écrasées, seront perdues à tout jamais. Autrement dit, vous ne mettrez plus vos mains dans le fichier CSS, vous écrirez exclusivement du code maintenant dans les fichiers Sass. Au niveau de l'opération de compilation en elle-même vous allez voir qu'il y a plein d'options pour pouvoir compiler ce code Sass, et l'une des options possibles, c'est la possibilité de minifier du code CSS, vous avez vu dans la vidéo précédente. Donc, au niveau de la minification, on va retirer tous les espaces, tous les sauts de ligne. On va générer des fichiers CSS un petit peu plus petits, ils seront plus facilement transportables dans les réseaux et spécialement, dans les réseaux mobiles, par contre, un code CSS minifié, il est optimisé pour une lecture par un navigateur, par une machine, par un ordinateur, il n'est pas directement exploitable, vous l'avez vu par l'œil humain. Autrement dit, nous allons écrire des codes Sass avec des sauts de ligne, avec des espaces, et puis c'est au moment de la compilation qu'on pourra ou pas minifier le code CSS.

L'essentiel de Sass

Abordez et intégrez Sass dans votre flux de travail. Découvrez les options pour compiler votre code Sass en CSS, passez en revue les mécanismes pour le réutiliser, etc.

2h59 (31 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Sass Sass 3.4.22
Spécial abonnés
Date de parution :25 avr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !