Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Sass

Découvrir les objectifs de cette formation

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Damien Bruyndonckx vous souhaite la bienvenue et vous expose les objectifs, le plan et les prérequis de cette formation.

Transcription

Bonjour à toutes et à tous, je m'appelle Damien Bruyndonckx et je vous souhaite la bienvenue dans cette formation où nous allons partir ensemble à la découverte de Sass. Sass va vous permettre d'automatiser la production et la mise à jour de vos feuilles de style CSS. Bien évidemment, pour pouvoir suivre cette formation dans les meilleures conditions, il vous est indispensable d'avoir déjà une bonne connaissance de ce langage CSS et cela, bien sûr, va de paire avec une bonne connaissance du langage HTML. Alors, entendons-nous bien, je n'attends pas de vous que vous soyez des gourous de l'HTML ou du CSS, mais par contre, je pars du principe que les concepts de base de ces deux langages sont acquis, et que vous avez l'habitude de lire et d'écrire du code HTML et des feuilles de style CSS. Enfin, si vous avez quelques notions de programmation, cela vous aidera, puisque nous parlerons dans cette formation de variables ou encore de fonctions, bref, des concepts un peu bizarres mais que l'on manipule de manière trop courante en programmation. Rassurez-vous, si vous n'avez aucune notion de programmation, pas de panique pour autant, puisque nous réexpliquerons brièvement, ses différents concepts de base en cours de route. Au niveau du plan de cette formation nous commencerons par une découverte rapide de Sass. Qu'est-ce que c'est, qu'est-ce que ça permet de faire, en quoi est-ce utile et comment ça fonctionne ? Vous apprendrez très rapidement que le langage Sass n'est pas directement exploitable par les navigateurs, et qu'il vous faudra le transformer en code CSS à un moment donné de la procédure. Justement, nous allons apprendre à compiler du code Sass, c'est-à-dire à le transformer en CSS classique, et vous verrez dans ce chapitre que nous avons pas mal d'options et d'outils à notre disposition pour réaliser cette opération. Dans le chapitre qui suivra, nous commencerons l'étude, à proprement parler, du langage Sass puisque nous aborderons les principes fondamentaux de ce langage. C'est, par exemple, dans ce chapitre que nous parlerons de ces fameuses variables. Et puis, nous explorerons ensemble quelques techniques nous permettant de réutiliser un même petit bout de code plusieurs fois. Nous terminerons notre étude du langage Sass par quelques constructions plus avancées qui vous permettrons de bien saisir toute la puissance de ces technologies, et puis nous terminerons la formation par l'étude d'un cas pratique dans lequel nous mettrons en musique tous les concepts que nous aurons appris dans les chapitres précédents, et ce au travers d'un exemple qui se veut le plus proche possible de ce que vous rencontrerez dans la vie réelle. Alors, avant de commencer deux petites remarques, vous aurez très certainement remarqué à mon accent que je suis belge, je vais faire de mon mieux pour parler le meilleur français possible, mais quelques belgicismes risquent de m'échapper, donc, septante ça veut dire 70, nonante ça veut dire 90, je crois que pour le reste on devrait pouvoir se comprendre. Et puis, deuxième petite remarque, quand on pourra choisir des noms pour nos variables, pour nos classes, pour nos mixines, etc, j'ai pour habitude de choisir des noms en anglais. Alors, pourquoi choisir des noms en anglais ? D'abord, parce que le reste des langages est en anglais. Effectivement, en HTML on parle du « Head » et non pas de l'entête, on parle du « Body » et non pas du corps, on parle d'« unordered list » et non pas de liste non ordonnée, bref, quand j'écris ce genre de langage, je ne me pose jamais la question de savoir si ce que j'écris, je peux l'écrire en français ou si je dois l'écrire en anglais, puisque j'écris tout en anglais. Ça me simplifie considérablement l'existance. Ensuite, l'anglais est souvent plus concis que le français, donc, quand on choisira un nom de variable en anglais, ce nom de variable sera très souvent plus petit, il comportera moins de caractères que son équivalent francophone. Et vous savez qu'au moins on a de caractères, au moins on a de chance de se tromper, de faire de fautes de frappes sur le clavier, par exemple. Autre raison : l'anglais n'a pas de caractères spéciaux. Vous savez qu'en HTML, en CSS, en Java script les « e », les « a » avec accent, les « ç », etc du français nous posent problème et, donc, ici le simple fait d'utiliser de l'anglais nous évitera un risque d'erreurs, et puis, dernière raison et non des moindres, le travail s'effectue souvent dans des équipes multilingues. C'est très certainement, d'ailleurs, le cas dans ma Belgique natale, et donc, l'anglais est le dénominateur commun qui permet à ces équipes multilingues de travailler en toute harmonie. Voilà, permettez-moi encore de vous souhaiter la bienvenue dans cette formation où nous nous retrouverons dans la prochaine vidéo pour commencer notre exploration du langage Sass.

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 !