Objectifs
Description
Maîtrisez le préprocesseur CSS SASS, le nouveau langage de programmation.
Détails de la formation
SASS est un langage de template qui permet d’utiliser une syntaxe différente, des fonctions, des variables, le tout compilé en un fichier CSS propre et lisible.
Vous démarrez cette formation vidéo au préprocesseur CSS SASS par la préparation de l'environnement de travail. Vous installez SASS et Compass qui est un framework pour optimiser l’écriture de vos feuilles de styles. Il donne des éléments que vous trouverez dans la plupart des intégrations.
Vous préparez votre IDE (environnement de développement intégré), dans le cas présent avec l'éditeur de code Sublime Text. Le formateur réalise une compilation en direct. Vous apprenez à travailler avec les sourcemaps.
Le formateur vous apprend ensuite les bases du langage SASS : l'inclusion et l'organisation des fichiers, les variables, l'imbrication du code. Vous manipulez les outils graphiques de ce préprocesseur.
Vous découvrez comment étendre les éléments de base et utiliser les mixins SASS et Compass avec leurs différentes fonctions. Les mixins sont sûrement l’outil le plus précieux apporté par les langages de template et spécialement par Sass. Comme des fonctions, les mixins sont nommés, peuvent utiliser des arguments et renvoient les données qui sont demandées.
Vous poursuivez ce cours vidéo sur le préprocesseur CSS SASS avec les techniques avancées de SASS et Compass. Le formateur vous explique la logique conditionnelle et les boucles. Vous travaillez sur la grille de ligne de base de Compass.
Vous voyez comment utiliser SASS pour créer un thème WordPress. Vous apprenez à intégrer SASS sur le thème default-bootstrap fourni avec la version 1.6 de Prestashop.
Vous terminez cette formation en ligne sur le préprocesseur CSS SASS par des conseils du formateur pour maîtriser rapidement SASS qui remplace progressivement LESS notamment avec le framework CSS/JS Twitter Bootstrap.
A l'issu de ce cours vidéo sur le préprocesseur CSS SASS, vous maîtrisez les fondamentaux et les techniques avancées de ce nouveau langage de programmation. Vous êtes capable de coder des pages web en toute autonomie avec ce préprocesseur CSS.