Formation Sass et Compass Réf : S&C

Par Mehdi Kabab

Décuplez vos compétences CSS avec Sass et Compass.

Durée :
3 jours
Lieux :
Paris

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

Grâce à Sass et à son framework CSS3, Compass, les intégrateurs et développeurs web professionnels confrontés à des impératifs de productivité et de maintenabilité, disposent enfin d'outils libres pour écrire de façon cohérente leurs feuilles de styles CSS. Porté par une communauté très active, le préprocesseur libre Sass offre un arsenal de fonctions pour la productivité du développeur front-end : code CSS allégé et simplifié lors de la phase de développement, variables, mixins, fonctions, placeholders, concaténation, validation de code à la volée...
Cette formation très complète vous permettra de découvrir les richesses offertes par Sass and Compass.

Objectifs pédagogiques

A l'issue de la formation, les participants seront en mesure de :
  • Maîtriser les concepts introduits par Sass,
  • Organiser efficacement leur code,
  • Penser leurs projets de manière plus atomique,
  • Mieux cerner des problématiques actuelles liées à l'intégration.


Public

Intégrateurs, développeurs front-end,
Développeurs sensibilisés à l'intégration.

Pré-requis

Bonnes connaissances de CSS

Type

Stage pratique

Méthode pédagogique

Alternance de présentation magistrale (50%) et d'illustrations et exercices pratiques (50%). Un support de cours sera remis à chaque participant aux formats papier, ainsi que les codes sources utilisés pour les exercices.

Plan de cours

PROGRAMME DE LA 1ERE JOURNEE DE FORMATION
Introduction à Sass
Historique
Grands principes

Installation du préprocesseur Sass
Installation depuis l'invite de commande
Un mot sur les interfaces graphiques
Première transformation d'un fichier Sass en feuille de styles CSS
Utiliser son éditeur préféré

Syntaxe de Sass
Imbriquer les règles
Les variables
Réutiliser son code à l'aide des mixins
Découper sa feuille de styles en plusieurs fichiers
Développer avec Sass : des projets à la sauce DRY

Les pièges à éviter
Syndrome de l'imbrication aiguë
Portée des variables
Une fonction en cache une autre

PROGRAMME DE LA 2EME JOURNEE DE FORMATION
Factorisation avancée
Factoriser les styles avec @extend
Maîtriser la factorisation de styles avec les placeholders

Penser modulaire
Présentation de SMACSS et de BEM
Quels intérêts pour mes projets ?
SMACSS appliqué à Sass
BEM appliqué à Sass

Les pièges à éviter
Cas des héritages complexes
Factorisation vs cascade CSS

PROGRAMME DE LA 3EME JOURNEE DE FORMATION
Présentation de Compass
Un framework CSS3 pour Sass
Alternative(s)

Installation de Compass
Installation depuis l'invite de commande
Premier projet Compass

Configuration de Compass
Compass centralise la configuration du projet Sass

Les sprites CSS
Qu'est-ce qu'un sprite CSS ?
Démystifier la sprite map
Paramétrer une sprite map
Maîtriser les sélecteurs
Des sprites aux petits oignons

Gérer un projet Compass
Problèmes rencontrés
Présentation du gestionnaire de paquets Bundler
Vie d'un projet géré par Bundler
Travailler en équipe avec Bundler

Déboguer un projet Sass
Exploiter les informations de débogage de Sass
À la découverte de Source Maps

Prochaines sessions

picto Du lundi 12/06 au mercredi 14/06 2017 Paris 1 890 € fleche S’inscrire à la session du lundi 12/06 au mardi 14/06
picto Du mercredi 06/12 au vendredi 08/12 2017 Paris 1 890 € fleche S’inscrire à la session du lundi 06/12 au mardi 08/12
Proposer une session.

Témoignages

Formation Sass très complète pour une première approche de l'outil avec un formateur très compétent. Outil très intéressant par rapport à nos besoins.
Myriam A

Cette formation permet de donner des bases saines à un projet Sass/compass. La formation est claire et exhaustive.
Anne Cavalier

Approche technique fort intéressante avec toutes les bouées nécessaires pour ne pas se noyer. Y'a plus qu'à sauter dans le grand bain.
Lucile H

Très satisfait de ces trois jours
Benoît Dequck

Un formateur au top. Pleins de choses à apprendre lors de cette formation.
Nicolas KOKLA

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Technologies front-end »  – Voir toutes les formations