Formation Sass et Compass


  • DÉVELOPPEZ VOS COMPÉTENCES CSS AVEC SASS ET COMPASS.
REFERENCE
 
 
SECP
DUREE
 
 
3 jours
TARIFS
 
 
1650 € HT
Niveau : Intermédiaire
Cours à distance: Non
OBJECTIFS :
 

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.

À l'issue de la formation, les participants seront capables 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.
PRÉ-REQUIS :
 

Le seul prérequis de ce stage Sass et Compass est d'avoir de bonnes connaissances CSS.

PUBLIC :
 

Cette formation Sass et Compass s'adresse aux Intégrateurs, aux développeurs front-end, ainsi qu'aux développeurs sensibilisés à l'intégration.

PROGRAMME :
 

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

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

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

TRAVAUX PRATIQUES :
 

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

S'INSCRIRE À CETTE
FORMATION SASS ET COMPASS

Pas de session programmée pour l'instant.

Contactez-nous pour obtenir les prochaines disponibilités de nos consultants formateurs
Information pratiques sur
LA FORMATION
Lieu de la formation Paris - LA DEFENSE
Nous contacter 01 43 34 90 94
CETTE FORMATION SUR-MESURE Ce cours est réalisable en intra-entreprise, dans vos locaux ou nos salles de cours CONTACTER NOTRE SERVICE INTRA
D'autres formations
SUR LE MÊME THÈME

1 j

 

Web - Digital

LESS et SASS
CSS est un bon moyen de séparer le design du code HTML. Cependant, certaines contraintes liées au langage font que l'évolution, la réutilisation et la maintenance des feuilles de style CSS se...

2 j

 

Web - Digital

Google Web Designer
Le mobile, devenant de plus en plus la norme, et l'abandon de la technologie Flash ont forcé le développement d'animations et de bannières à migrer vers la...

1 j

 
Le passage des examens de certification a bien évolué ces dernières années. En effet, les examens étaient axés sur la théorie plutôt que sur...

2 j

 

Web - Digital

HTML, CSS : L'essentiel
Quelque soit la technologie que vous utilisiez, que vous allez utiliser, le langage HTML est un passage obligé. En effet, JAVA, .NET, PHP ou autre langage ou architecture, en dernier...
Plus de formations sur le même thème

Des questions ?

ON VOUS RAPPELLE

 

0

Formations
Informatique
et Management
en ligne à ce jour

+ 0

Stagiaires dans nos
salles de cours sur
l'année

0%

De participants
satisfaits ou très
satisfaits de nos
formations

0

Formateurs experts
validés PLB