...

Formation Sass, Compass et Less : Simplifier la création et la maintenance de vos CSS


Objectifs
  • Améliorer la gestion de projets d'intégration des sites web en systématisant la création du code CSS
  • Apprendre l'écriture et la maintenance des styles CSS dans le cadre d'un travail collaboratif
Participants
  • Intégrateur
  • Développeur Front-End
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB61

Dates de Formations

23 et 24 Mai 2019

25 et 26 Juil. 2019

19 et 20 Sept. 2019

26 et 27 Nov. 2019

Programme
  • 1/ Introduction
    • • Les faiblesses du langage CSS
    • • Comment éviter la répétition du code et se conformer à l'approche DRY (Don't Repeat Yourself)
    • • Qu'est-ce que les pré-processeurs ? Et à quoi servent-ils ?
    • • Architecture d'une chaîne de production avec pré-processeur.
  • 2/ Sass
    • • Installation de l'environnement de développement depuis l'ivite de commande
    • • Variables, conditions, fonctions
    • • Outils d'imbrication et de réutilisation des styles : les mixins et le placeholders
    • • La modularisation des CSS
    • • Application des media queries dans Sass
    • • SMACSS : présentation et application à Sass
  • 3/ Le framework Compass
    • • Installer Compass
    • • Configurer Sass depuis Compass
    • • Sprites et Grid CSS avec Compass
    • • Gérer un projet complet avec Bundler
  • 4/ Less
    • • Installation
    • • La syntaxe Less
    • • Variables, conditions, fonctions
    • • Modularisation des CSS
  • 5/ Less ou Sass ?
    • • Comparaison des spécificités et performances
    • • Quel préprocesseur pour quel projet ?