Objectifs pédagogiques
- Utiliser les préprocesseurs Less et Sass dans le cadre d'applications graphiques
- Combler les lacunes de CSS (exemple : absence de variables ou de fonctions) avec Less et Sass
- Rendre le résultat des développements réutilisable.
Modalités et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour les cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatique...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Niveau requis
Avoir une bonne connaissance de CSS.
Public concerné
Développeurs de sites Web connaissant le HTML, le CSS ainsi que la représentation DOM.
Programme
Les préprocesseurs de CSS pour faciliter la vie
- Présentation de Syntactically Awesome StyleSheets (Sass)
- Présentation de Leaner CSS (Less)
- Rentabiliser sa production avec les préprocesseurs
- Mieux organiser son code
- Comprendre la logique du préprocesseur
- Les similitudes entre les produits (assignations, etc.)
- Les raisons pour lesquelles il faut choisir
- Sass
- Less
Présentation de Sass
- Introduction à Sass
- Installation de Sass
- Migrer en douceur vers Sass
- Le langage de Sass
- Les bases de Sass
- Variables, fonctions
- Structures de contrôle
- Les opérations
- Les mixins
- Composition et factorisation de styles
- Eclater vos fichiers
- Compression
- Les fonctions plus avancées de Sass
Présentation de Compass
- Un framework pour Sass
- Développer cross-browsers avec Compass
Présentation de Less
- Le langage Less
- Les variables
- Les opérations
- Règles imbriquées
- Pseudo-classes
- Les mixins
- Intégration de JavaScript
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation
