Formation Sass et Compass

Notée : (4)

Décuplez vos compétences CSS avec Sass et Compass

Prix (Formation inter-entreprise)

1500€ HT / personne

Durée

3 jours

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

La syntaxe de CSS évolue très peu. 15 ans que CSS existe et les intégrateurs doivent toujours se passer des variables, des fonctions, des sélecteurs imbriqués... Ceci a pour effet de faire perdre du temps et rend le code difficilement maintenable.
La nouvelle vague des développeurs front utilise de plus en plus des extensions à CSS3 comme Sass. Sass permet de générer du CSS tout en comblant les vieilles lacunes de ce dernier avec une syntaxe bien pensée. Vous pourrez par exemple créer une fonction border-radius() qui vous permettra de générer le code nécessaire pour être compatible avec tous les navigateurs (border-radius, -webkit-border-radius, -moz-border-radius...).
Encore mieux, vous ferez la connaissance de Compass qui est une bibliothèque de fonctions pour Sass très complète (fonction pour CSS3, manipulation des couleurs et des images, génération de sprites...)
Venez découvrir ces outils indispensables aux développeurs front modernes !

Les objectifs

  • Utiliser Sass et Compass pour générer du CSS et combler les manques de CSS 2.1/3
  • Organiser son code en équipe
  • Penser une hiérarchie dans son CSS
  • Améliorer la capacité à supporter d'anciens navigateurs
  • Avoir un code souple, prêt aux améliorations de CSS (3,4,5...)
  • Mieux cerner les problématiques actuelles liées à l'intégration
  • Naviguer sereinement dans un parc de navigateurs très hétérogène
  • Découvrir des propriétés CSS3 utilisables dès maintenant
  • Aller plus loin dans CSS3 et faire des animations modernes
  • Mieux communiquer avec son designer

Pré-requis

  • HTML (balisage, blocs, structure du DOM)
  • CSS 2.1 (comprendre les directives, la syntaxe CSS, les sélecteurs)
  • Ordinateur portable à apporter

Le programme de la formation Sass et Compass

Jour 1

  • Introduction à Sass
  • Installation de Sass et Compass
  • Configuration de LiveReload
  • Les bases de Sass
    • Variables, fonctions, mixins
    • Composition et factorisation de styles (nested, extend…)
    • Découpe en plusieurs fichiers (partials)
    • Compression
  • Les fonctions plus avancées de Sass
  • TP (30 min) : Exemple d'intégration simple

Jour 2

  • Introduction à Compass
  • Configuration de Compass
  • Les points forts de Compass
  • Support de Internet Explorer
  • Support des vendor prefixes (-moz, -webkit…)
  • CSS3 avancé
  • Utilisation de plugins Compass
  • Usage avancé des images avec Compass (sprite, inline…)
  • Utilisation des fonts (@font-face, icon fonts…)
  • TP (1h) : Exemple d'intégration avancé

Jour 3

  • Comparatif entre Bourbon et Compass
  • Media queries avec Sass
  • Migration d'un projet existant
  • TP (3h) : Mise en pratique sur un projet existant
  • Récapitulatif

Télécharger le programme

Le(s) formateur(s)

4 témoignages

Très bonne formation qui permet d'aborder les bases (et plus) le préprocessing. On voit tout de suite comment améliorer sa productivité, optimiser son intégration. Je pense mettre tout cela en place très rapidement pour mes projets en cours.

Sophie Arnaud

Formation très intéressante permettant d'acquérir les bases en Sass et Compass. Rythme de formation plus que correcte avec des phases d'apprentissage et de travaux pratiques. Formateur très agréable avec de bonne capacité d'encadrement et d'un très bon niveau. Recommandé pour apprendre les bonnes pratiques Sass et Compass.

Cyrille Gourdin
Dimelo

La formation sass et compass est assez globale et très intéressante, elle nous donne des bonnes bases et surtout l'envie de continuer soi-même après. Nous avons été très bien accompagnés que ce soit avant ou pendant la formation.

Delphine Cambon
Dimelo

Très bonne formation pour ma part. J'avoue être venu avec quelques a priori, certainement parce que je n'avais pas encore mesuré la puissance de ces outils et leurs domaines d'application. J'ai trouvé le rythme de la formation approprié. Les ressources de Damian très utiles et qui ont bien servi de trame pour celle-ci. J'ai trouvé intéressant aussi de sortir un tout petit peu du contexte de la formation pour voir et appréhender les outils qui permettent de faciliter la vie de l'intégrateur. Je recommande donc vivement cette formation pour tout intégrateur qui souhaiterait organiser ces css, gagner en temps et productivité avec les différentes méthodes, fonctions existantes.

Jérôme Malgat

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formations à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accéder au Manifeste

Nos clients

FNAC
Voyage SNCF
CNRS
EADS
Peugeot
Boursorama

Nos formations en images

Sass et Compass
CasperJS
Ruby on Rails
Ruby

Formation Sass et Compass

Notée : (4)

Décuplez vos compétences CSS avec Sass et Compass

La syntaxe de CSS évolue très peu. 15 ans que CSS existe et les intégrateurs doivent toujours se passer des variables, des fonctions, des sélecteurs imbriqués... Ceci a pour effet de faire perdre du temps et rend le code difficilement maintenable.
La nouvelle vague des développeurs front utilise de plus en plus des extensions à CSS3 comme Sass. Sass permet de générer du CSS tout en comblant les vieilles lacunes de ce dernier avec une syntaxe bien pensée. Vous pourrez par exemple créer une fonction border-radius() qui vous permettra de générer le code nécessaire pour être compatible avec tous les navigateurs (border-radius, -webkit-border-radius, -moz-border-radius...).
Encore mieux, vous ferez la connaissance de Compass qui est une bibliothèque de fonctions pour Sass très complète (fonction pour CSS3, manipulation des couleurs et des images, génération de sprites...)
Venez découvrir ces outils indispensables aux développeurs front modernes !

Les objectifs

  • Utiliser Sass et Compass pour générer du CSS et combler les manques de CSS 2.1/3
  • Organiser son code en équipe
  • Penser une hiérarchie dans son CSS
  • Améliorer la capacité à supporter d'anciens navigateurs
  • Avoir un code souple, prêt aux améliorations de CSS (3,4,5...)
  • Mieux cerner les problématiques actuelles liées à l'intégration
  • Naviguer sereinement dans un parc de navigateurs très hétérogène
  • Découvrir des propriétés CSS3 utilisables dès maintenant
  • Aller plus loin dans CSS3 et faire des animations modernes
  • Mieux communiquer avec son designer

Pré-requis

  • HTML (balisage, blocs, structure du DOM)
  • CSS 2.1 (comprendre les directives, la syntaxe CSS, les sélecteurs)
  • Ordinateur portable à apporter

Le programme de la formation Sass et Compass

Jour 1

  • Introduction à Sass
  • Installation de Sass et Compass
  • Configuration de LiveReload
  • Les bases de Sass
    • Variables, fonctions, mixins
    • Composition et factorisation de styles (nested, extend…)
    • Découpe en plusieurs fichiers (partials)
    • Compression
  • Les fonctions plus avancées de Sass
  • TP (30 min) : Exemple d'intégration simple

Jour 2

  • Introduction à Compass
  • Configuration de Compass
  • Les points forts de Compass
  • Support de Internet Explorer
  • Support des vendor prefixes (-moz, -webkit…)
  • CSS3 avancé
  • Utilisation de plugins Compass
  • Usage avancé des images avec Compass (sprite, inline…)
  • Utilisation des fonts (@font-face, icon fonts…)
  • TP (1h) : Exemple d'intégration avancé

Jour 3

  • Comparatif entre Bourbon et Compass
  • Media queries avec Sass
  • Migration d'un projet existant
  • TP (3h) : Mise en pratique sur un projet existant
  • Récapitulatif

Télécharger le programme

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

  • en répondant à vos questions lors de rendez-vous téléphoniques réguliers
  • en étant présents physiquement à l'amorce du projet
  • en réalisant un audit de vos pratiques quelques semaines/mois après la formation
Cette idée vous intéresse ? Faîtes-le nous savoir pour que nous trouvions la formule adaptée à votre situation.

4 témoignages

Très bonne formation qui permet d'aborder les bases (et plus) le préprocessing. On voit tout de suite comment améliorer sa productivité, optimiser son intégration. Je pense mettre tout cela en place très rapidement pour mes projets en cours.


Formation très intéressante permettant d'acquérir les bases en Sass et Compass. Rythme de formation plus que correcte avec des phases d'apprentissage et de travaux pratiques. Formateur très agréable avec de bonne capacité d'encadrement et d'un très bon niveau. Recommandé pour apprendre les bonnes pratiques Sass et Compass.


Dimelo

La formation sass et compass est assez globale et très intéressante, elle nous donne des bonnes bases et surtout l'envie de continuer soi-même après. Nous avons été très bien accompagnés que ce soit avant ou pendant la formation.


Dimelo

Très bonne formation pour ma part. J'avoue être venu avec quelques a priori, certainement parce que je n'avais pas encore mesuré la puissance de ces outils et leurs domaines d'application. J'ai trouvé le rythme de la formation approprié. Les ressources de Damian très utiles et qui ont bien servi de trame pour celle-ci. J'ai trouvé intéressant aussi de sortir un tout petit peu du contexte de la formation pour voir et appréhender les outils qui permettent de faciliter la vie de l'intégrateur. Je recommande donc vivement cette formation pour tout intégrateur qui souhaiterait organiser ces css, gagner en temps et productivité avec les différentes méthodes, fonctions existantes.