Logo du framework CSS

Formation Sass le CSS Objet

Découvrez comment les préprocesseurs CSS Sass aident à gagner en productivité et à rationaliser l'intégration HTML/CSS.

Programme

Pourquoi les préprocesseurs CSS ?

  • Rappels de syntaxe CSS
  • Les difficultés du métier d'intégrateur Web
  • À quoi servent les préprocesseurs ?
  • L'approche DRY
  • Les principaux préprocesseurs

Sass, les bases

  • Présentation et objectifs
  • Mise en place de l'environnement de développement
  • Les différentes syntaxes : Sass vs Scss
  • L'imbrication, les variables et les sélecteurs
  • Les conditions, boucles et fonctions mathématiques

Sass, utilisation avancée

  • Les mixins et l'héritage @extend
  • Organisation d'un projet : partials et import
  • Intégrer des media queries dans Sass
  • Les fonctions de couleur
  • Générer des thèmes graphiques
  • Configuration avancée : livereload, compression et configuration du format de sortie
  • Déboguer les CSS générées

L'extension Compass

  • Présentation et apports de Compass
  • Installation et configuration
  • Les mixins CSS3 : animation, border-radius, shadow...
  • Les sprites CSS : de la théorie à la pratique
  • Utilisation des fonts CSS : @font-face, icon-font
  • Les grilles CSS et les helpers de layout
  • Les principaux plug-ins et outils associés

Techniques avancées

  • Idées reçues sur les bonnes pratiques d'intégration
  • Les pièges à éviter (inception, portée des variables...)
  • Conventions de codes et CSS modulaires : les guides SMACSS, BEM...
  • CSS hautes performances et postprocesseurs
  • Workflow et travail en équipe
  • Optimisations

Informations pratiques

À qui s'adresse la formation

Développeur web débutant, souhaitant maîtriser le CSS objet.

Organisation

Jour 1 / Découverte et manipulation par l'exemple.

Pré-requis

Bonnes connaissances de CSS. Connaissances de base en HTML.

Objectifs

A l’issu de la formation, les élèves seront capables de :


- Maîtriser les outils Sass et Compass pour gagner en productivité et en maintenabilité

Prochaines dates disponibles

22/05

Tarifs

Pour 1 personne :

350€ / jour

À partir de 5 personnes :

300€ / jour

Pour une classe entière :

Ces formations pourraient vous intéresser