Accueil > Développement Logiciel, Devops > Less et Sass : rentabiliser vos développements CSS
Formation #DEV204

Formation Less et Sass : rentabiliser vos développements CSS

Formation avec Restauration incluse
(Déjeuner, Petit Déjeuner et Pauses Cafés)

Durée : 4 jours

Code : DEV204


Sessions programmées :

Du 26 au 29 Jan. 2021

Du 16 au 19 Mars 2021

Du 24 au 27 Mai 2021

Du 20 au 23 Juil. 2021

Du 26 au 29 Oct. 2021

Du 28 au 31 Déc. 2021

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email :
  • Pour les entreprises AU MAROC :
    Au minimum 10 JOURS OUVRÉS avant la date de formation
  • Pour les entreprises HORS MAROC :
    Au minimum 15 JOURS OUVRÉS avant la date de formation

Formation dans votre entreprise.

Durée : 4 jours

Code : DEV204


Vous souhaitez réaliser cette formation en vos locaux avec le même programme ?

Vous souhaitez personnaliser le programme de cette formation pour qu'elle réponde aux spécificités de votre entreprise ?

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 26 au 29 Jan. 2021
  • Du 16 au 19 Mars 2021
  • Du 24 au 27 Mai 2021
  • Du 20 au 23 Juil. 2021
  • Du 26 au 29 Oct. 2021
  • Du 28 au 31 Déc. 2021
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email :
    • Pour les entreprises AU MAROC : Au minimum 10 JOURS OUVRÉS avant la date de formation
    • Pour les entreprises HORS MAROC : Au minimum 15 JOURS OUVRÉS avant la date de formation