Dans le développement web moderne, maîtriser SASS (Syntactically Awesome Stylesheets) est devenu essentiel pour optimiser la gestion des feuilles de style et améliorer l'efficacité du code CSS. Ce préprocesseur CSS offre une flexibilité accrue grâce à des fonctionnalités avancées telles que les variables, le Nesting, les mixins, et les fonctions personnalisées. Grâce à cette formation, vous apprendrez à configurer, organiser et structurer efficacement votre code SASS pour garantir une meilleure maintenabilité et évolutivité. L'utilisation de SASS est un atout majeur pour les développeurs front-end et les designers web cherchant à se distinguer sur le marché du travail, notamment dans des environnements collaboratifs où les projets sont complexes et nécessitent un style cohérent et évolutif. En maîtrisant ces outils, vous pourrez assumer des rôles plus stratégiques dans la gestion de la performance et de la productivité des équipes de développement.

Public

À qui s'adresse la formation SASS

La formation "SASS" s'adresse aux développeurs web et intégrateurs souhaitant améliorer leur expertise en CSS grâce à l'utilisation de SASS, un préprocesseur puissant. Elle convient aussi bien aux débutants ayant des connaissances de base en CSS qu'aux professionnels cherchant à optimiser et structurer leur code de manière efficace. Idéale pour ceux qui veulent maîtriser les fonctionnalités avancées et les bonnes pratiques pour des projets web de qualité.

Objectifs

Compétences visées pour la formation SASS

Cette formation SASS vise à vous doter des compétences essentielles pour maîtriser ce préprocesseur CSS. Vous apprendrez à installer, configurer et utiliser SASS pour optimiser vos feuilles de style de manière efficace. Le programme couvre la gestion des fichiers SCSS, l'utilisation avancée des variables, mixins et fonctions, ainsi que l'organisation du code. Vous développerez un projet pratique, renforçant ainsi vos acquis à travers des scénarios réels.

Programme

Comprendre et installer SASS

  1. Le concept de préprocesseur CSS
  2. Avantages de l'utilisation de SASS
  3. Méthodes d'installation (Node js, Ruby)
  4. Guide pour chaque environnement

Configurer SASS

  1. Créer un projet SASS
  2. Comprendre les fichiers SCSS
  3. Compilation automatique depuis style .scss
  4. Tester
  5. Exercices pratiques

Maitriser les fondamentaux de SASS

  1. Définition et utilisation des variables
  2. Nombres, chaines, couleurs, etc.
  3. Opérations mathématiques
  4. Fonctions SASS intégrées
  5. Utiliser des sélecteurs imbriqués
  6. Créer et utiliser des mixins
  7. Fonctions personnalisées
  8. Extensions de classe
  9. Le Nesting
  10. Le Placeholder
  11. Les commentaires
  12. Bonnes pratiques et pièges

Organiser le code avec SASS

  1. Importer des fichiers
  2. Gérer les dépendances entre fichiers
  3. Structurer le code avec des modules
  4. Organiser le code en fichiers par composant
  5. Approfondir la gestion des dépendances
  6. Techniques d'évitement de conflits
  7. Améliorer la maintenabilité
  8. Conseils et astuces pour organiser le code
  9. Bonnes pratiques

Découvrir les fonctionnalités avancées

  1. Contrôle de flux avec directives @
  2. Découverte des boucles
  3. Découverte des itérations
  4. Manipuler des listes et maps
  5. Explorer les fonctions natives intégrées
  6. Exercices pratiques dans scénarios réels

Développer un projet pratique

  1. Distribution de projets pratiques
  2. Utiliser toutes les fonctions apprises
  3. Intégrer SASS dans un projet réel
  4. Revue des bonnes pratiques
  5. Techniques de déboggage
  6. Optimiser le code

La formation SASS est dispensée sur 35 heures

Durée et montant de la formation

Intitulé Durée Montant HT
Formation SASS - 35 heures 2490.00 €

Demander une convention de formation

Inscription newsletter

Recevez la newsletter ONLYWEB Formation pour vous tenir informé des formations à venir et maintenir vos compétences.

ONLYWEB Formation, s'appuie sur le réseau d'experts EVA - Solutions

coordonnées

© ONLYWEB Formation
6 pl. Dumas de Loire
69009 Lyon
TÉL 09 72 13 00 73
EVA Solutions: La force du réseau