CSS - SASS : Maitrîsez le préprocesseur

Formation en ligne

Edité par Toutapprendre / Elephorm

Maîtrisez le préprocesseur CSS SASS, le nouveau langage de programmation.

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.

Suggestions

Autour du même sujet

Hacking Éthique : Tests d’Intrusion et Sécurité Web |

Hacking Éthique : Tests d’Intrusion et Sécuri...

Formation en ligne

Expert en cybersécurité et en hacking éthique, Cyberini propose un code de la route numérique afin de naviguer sur internet dans les meilleures conditions possibles, tout en assurant un niveau maximal de sécurité.

ReactJS - Les fondamentaux |

ReactJS - Les fondamentaux

Formation en ligne

Apprendre ReactJS

Docker - Les fondamentaux |

Docker - Les fondamentaux

Formation en ligne

Docker - Les fondamentaux

L'algorithmique - Les fondamentaux |

L'algorithmique - Les fondamentaux

Formation en ligne

Apprendre l'algorithmique

ReactJS 2018  - Les fondamentaux |

ReactJS 2018 - Les fondamentaux

Formation en ligne

Apprendre ReactJS 2018

Laravel - le framework PHP |

Laravel - le framework PHP

Formation en ligne

Apprendre Laravel

Chargement des enrichissements...