Développement Développer avec SASS

Gagner en productivité en générant dynamiquement des CSS

Objectifs

→ Découvrir SASS
→ Démarrer un projet avec SASS
→ Développer avec SASS
→ Aller plus loin avec SASS
→ Construire une grille avec SASS

Public concerné

Intégrateurs, développeurs et webdesigners.

Pré-requis

Il est nécessaire de maîtriser le HTML et les CSS pour accéder à cette formation.

Programme

Découvrir SASS

  • Définir la notion de préprocesseur
  • Comprendre le principe de fonctionnement d‘un préprocesseur
  • Aborder brièvement les autres préprocesseurs
  • Découvrir SASS et le SassScript
  • Distinguer SCSS et SASS

 

Quiz de compréhension

Démarrer un projet avec SASS

  • Installer SASS (Terminal OS X, Node…)
  • Découper les styles en plusieurs fichiers (partials)
  • Importer les partials avec @import
  • Créer et utiliser ses premières variables

 

Exercice : convertir une page existante codée en CSS vers SASS

Développer avec SASS

  • Comprendre la notion d‘imbrication (nesting)
  • Créer une première mixin
  • Trouver et installer des mixins (Bourbon…)
  • Étendre ses mixins (@extend)

 

Exercice : créer et utiliser variables et mixins

Aller plus loin avec SASS

  • Développer à l‘aide des fonctions SASS
  • Programmer conjointement avec SASS et Post CSS
  • Utiliser les sélecteurs “Placeholder”
  • Autoprefixer ses propriétés
  • Réaliser des opérations de calcul avec SASS

 

Exercice : développer une première fonction simple

Construire une grille avec SASS

  • Connaître les @-rules de débogage (@debug, @warn, @error…)
  • Utiliser les directives et expressions de contrôle (@if, @for…)

 

Exercice : développer une grille simple avec SASS et ses fonctions

Méthodes pédagogiques

Alternance de théorie, de démonstration et de mise en pratique grâce à de nombreux exercices concrets.

Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Développeur Web ayant plus de 10 ans d‘expérience en enseignement.

Marketing Digital
Web
Médias sociaux
Voir toutes les formations

Développer avec SASS

1 jour 7 heures 750 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

Développer avec SASS

1 jour 7 heures 1 390 €HT*

* À partir de

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis