Accueil > Technologies WEB > Créer des CSS Dynamiques avec Sass
Formation #TWC72

Formation Créer des CSS Dynamiques avec Sass

Durée : 3 jours

Code : TWC72


Prochaines dates programmées :

Du 03 au 05 Avril 2024

Du 24 au 26 Juil. 2024

Du 23 au 25 Oct. 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

  • Comprendre la logique de fonctionnement des préprocesseurs CSS
  • Mieux organiser son code et ses fichiers lors de l'intégration
  • Développer plus rapidement ses pages web
Programme
1/ Les préprocesseurs CSS
  • Introduction sur les préprocesseurs CSS
  • Principe de fonctionnement d'un préprocesseur
  • Les principaux préprocesseurs CSS du marché : SASS, LESS, Stylus, PostCSS, ...
2/ SASS et SCSS : compatibilité
  • Différences de syntaxe entre SASS et SCSS
  • Règles imbriquées
  • Les sélecteurs
  • Les commentaires
  • Les variables
  • Les mixins
  • Les fonctions
  • Héritage
  • Placeholder
  • Les couleurs
  • Expressions mathématiques
  • Unités numériques
  • Directives de contrôle
  • Importations
  • Formats d’exports
3/ Le framework Compass
  • Implémentation et configuration (config.rb)
  • Compass watch
  • Importer compass
  • A bas les prefix navigateur
  • Les modules CSS3 (importation à la carte)
  • Helpers
  • Grilles
  • Sprites
  • Plugins (Susy, Fancy button, Slideshows …)
4/ Installation du préprocesseur
  • Environnements de compilation
  • Installation de Prepros
  • Paramétrages
  • Compilation d'un fichier SASS en feuille de styles CSS
5/ Principes
  • Découpage du projet
  • @import et fichiers multiples
  • Factorisation
  • Réutilisabilité
  • Optimisation, compression et minification
  • Syntaxe de SASS
  • DRY (Don't Repeat Yourself)
  • Imbriquer les sélecteurs
  • Les variables
  • Mixin et fonctions
6/ Booster la factorisation
  • Extension des sélecteurs : @extend
  • Placeholders
  • Maps et convention de nom
7/ Les sprites
  • Définition
  • Paramétrer une sprite map
  • Images en base64
  • Utilisation d'inline
8/ Maintenir un projet SASS
  • Débogage
  • Source Maps et navigateurs
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

  • Développeurs
  • Informaticiens
  • Webmasters
Dates

Dates

  • Du 03 au 05 Avril 2024
  • Du 24 au 26 Juil. 2024
  • Du 23 au 25 Oct. 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.