Formation au préprocesseur SASS avec le framework Compass

Simplifiez votre code pour le développement HTML5 / CSS3 grâce à la syntaxe SCSS et à l'utilisation de Mixins et Sprites avec Compass.

14 heures | 2 jours
Débutant
Dernière mise à jour : 10/2020
Formation au préprocesseur SASS avec le framework Compass

logo qualiopi
Objectifs de formation
  • Savoir utiliser le préprocesseur SASS
  • Connaître la syntaxe du SCSS
  • Utiliser Mixins et Sprites avec Compass
Pré-requis à la formation
  • Connaissance en HTML
  • Connaissance en CSS
Programme

Journée 1:

Introduction
  • Les avantages de SASS
  • Qu’est-ce qu’un préprocesseur CSS ?
  • Simplifiez votre code !
  • Rappel CSS
Logiciels pour développer, de quoi a-t'on besoin ?
  • Présentation de l'éditeur de code que nous allons utiliser durant la formation.
  • Installation du logiciel et des plug'in utiles.
Installer SASS
  • Télécharger SASS
  • Créer un projet SASS
  • Compilation automatique à partir du style.scss
  • Test de ma première compilation
Travaux pratique: Installation de SASS et mise en place de notre base de travailler pour développer notre premier projet.

Découverte des commandes SASS
  • Les variables
  • Le Nesting
  • Le sélecteur d'imbrication &
  • Les propriétés imbriqués
  • Les feuilles de styles Partials
  • Les extensions de classes
  • Les opérateurs mathématiques
  • Les mixins
  • Placeholder
  • Import
  • Les commentaires
Travaux pratique: Essai des différentes commandes et mise en place d’un projet.

Compilation
  • Choisir le type de sortie du fichier (normal, compressé …)
  • Bonnes pratiques

Journée 2:

Le framework Compass
  • Introduction
  • Les avantages
Installer Compass
  • Télécharger Compass
  • Créer un projet Compass
  • Compilation
Mixins
  • Qu’est-ce qu’une mixins
  • Découvertes des différentes mixins
  • Mise en place des mixins de Compass
Les sprites
  • Principe de base
  • Configuration
  • Préparation des images (:link, :hover …)
  • Obtenir un fichier unique pour stocker toutes les images
  • Génération du code css automatiquement
Travaux pratique: Mise en place d’un projet avec Compass pour utiliser les mixins et les sprites.

Notre organisme est certifié Qualiopi, gage de la qualité de nos services.
Vous pouvez télécharger notre certificat en suivant ce lien :
Téléchargez notre certificat Qualiopi
Informations supplémentaire sur la formation
Modalités pédagogiques

Nous favorisons un apprentissage avec des apports théoriques et des exercices sous forme de travaux pratiques (mise en situation, cas pratiques ...), contrôle continu et qcm pour favoriser l'apprentissage et atteindre les objectifs.

Modalités d'inscription

Inscription possible à tout moment, sous réserve de place disponible, en nous contactant au 0805 691 308. Un délai de rétractation de 14 jours s'applique.

Outils et supports

Nous précaunisons l'utilisation de votre propre ordinateur pour les formations qui ont lieu en présentiel et à distance. Un poste de travail est disponible pour les formations en présentiel. Le support de cours est transmis par le formateur.

Modalités de formation à distance

Les formations à distance se déroule en « classe virtuelle », avec un logiciel de visio-conférence, permettant de vous former dans toute la France depuis votre lieu de travail. Notre outils de visio-conférence favorise l'apprentissage avec des outils comme le partage de la caméra, partage d'écran, un tableau blanc, un espace de dialogue par message, la possibilité pour l'apprenant de « lever la main » pour interpeller le formateur, le partage de fichiers (cours, travaux pratiques ...) et l'enregistrement des sessions pour revoir le cours.

Modalités d'évaluation

Avant la formation
Un audit gratuit et sans engagement est établi notre formateur référent. Un test d'autopositionnement avant l'entrée en formation est envoyé.

Au cours de la formation
Travaux pratiques, mises en situation réel, quiz ... pour valider l'appropriation et la compréhension de chaque notion abordée en formation par les participants.

Après la formation
Une attestation de formation et un certificat de réalisation, reprenant l'ensemble des informations de la formation est remise aux stagiaires. Un certificat est remis au stagiaire après le passage de la certification.

Évaluation qualitative

En fin de formation un questionnaire de satisfaction est à remplir par le stagiaire pour nous permettre d'améliorer notre offre.

Modalités particulières

Nous adaptons les outils et réseaux nécessaires afin d'accueillir, accompagner et former les publics en situation de handicap. avec une adaptation possible du rythme pédagogique et des modalités d'évaluation.Renseignez-vous auprès de la personne référente : Mickael Masset au téléphone 01 83 64 34 37.

Formateur pour cette formation
Formateur pour cette formation Mickael
Mickael dispose d'une solide expérience front-end et notamment en référencement et graphisme. Il travail en informatique depuis plus de 15 ans. Mickael intervient également en administration système Linux et et macOS.
Autres formations qui pourraient vous intéresser
Formation Atomic Design
Dernière mise à jour : 02/2019
1690 € HT
Formation Progressive Web App (PWA)
Dernière mise à jour : 06/2020
1290 € HT
Formation Responsive Web Design
Dernière mise à jour : 01/2020
1200 € HT