Accueil > Développement informatique et DevOps > Less et Sass : rentabiliser vos développements CSS
Formation #DEV204

Formation Less et Sass : rentabiliser vos développements CSS

Durée : 4 jours

Code : DEV204


Prochaines dates programmées :

Du 21 au 24 Mai 2024

Du 17 au 20 Sept. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Réaliser des feuilles de style CSS maintenables avec LESS et SASS
Programme
1/ Les préprocesseurs de CSS pour faciliter la vie
  • Rappels de syntaxe CSS
  • Les difficultés du métier d'intégrateur Web
  • 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.)
  • Choisir : Sass, Less
2/ Présentation de Sass
  • Introduction à Sass
  • Installation de Sass
  • Migrer en douceur vers Sass
  • Utilisation de SASS côté serveur
  • Invite de commande SASS
  • Le langage de Sass
  • Les bases de Sass
  • Variables, fonctions
  • Structures de contrôle
  • Les opérations
  • Les sélecteurs imbriqués
  • Les mixins
  • Création de mixins avec arguments
  • Composition et factorisation de styles
  • Eclater vos fichiers
  • Compression
  • Les fonctions plus avancées de Sass
  • Import de fichiers
3/ 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é
4/ Présentation de Less
  • Utilisation de LESS côté client
  • Le langage Less
  • Les variables
  • Les opérations
  • Les règles imbriquées et pseudoclasses
  • Les mixins
  • Travailler avec des mixins paramètrés
  • Travailler avec les mixins et patterns matching
  • Evaluer du code Javascript
  • Les fonctions natives
5/ Bonnes pratiques et 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
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Architectes
  • Développeurs
  • Web Designers
  • Webmasters
Dates

Dates

  • Du 21 au 24 Mai 2024
  • Du 17 au 20 Sept. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.