Formation CSS avancé

Notée : (6)*

Découvrez les subtilités du langage CSS ainsi que ses nouveautés lors de cette formation de 2 jours !

Prix (Formation inter-entreprise)

1200€ HT / personne

Durée

2 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...)

CSS est un langage simple et rapide à prendre en main. Cependant il regorge de particularités souvent méconnues et sous-estimées par des développeurs.

Dans cette formation CSS Avancé, nous reviendrons sur ces points afin de démystifier le fonctionnement du langage. Nous irons encore plus loin en nous intéressant également aux différentes techniques et frameworks qui peuvent vous aider à mieux travailler au quotidien et à maintenir une base de code CSS dans la durée.

A l’issue de cette formation CSS Avancé, vous repartirez avec le code source de votre projet, construit ensemble au fil des exercices.

Covid-19 : Nous nous adaptons dans ces moments difficiles. Nous avons mis en place des outils permettant l'organisation de formations à distance.

Les objectifs

  • Comprendre les subtilités du langage CSS
  • Savoir utiliser les outils de développements CSS dans un navigateur et un IDE
  • Rendre son code CSS plus maintenable et évolutif
  • Découvrir les dernières évolutions de la norme
  • Optimiser les performances de son code CSS

Pré-requis

  • Bases des langages CSS et HTML
  • Expérience minimum en développement web
  • Notions de GIT
  • Ordinateur portable à apporter

Le programme de la formation CSS avancé

Jour 1 : prise en main

  • Mise en place du projet Git
  • Le langage CSS, standard et évolution
  • Prise en main des DevTools Chrome
Reprise de concepts clés
  • Notions de cascade, spécificité et héritage
  • Le modèle de boite
  • Marges et Flux
  • Sélecteurs CSS avancés
Positionnement et mise en page
  • Comprendre le positionnement
  • Couches et stacking
  • Flexbox
  • CSS Grid
  • Quelle technique utiliser ?

Jour 2 : maintenabilité et performances

Maintenabilité du CSS
  • Resets
  • Media queries
  • Architecture CSS et conventions de nommage
  • CSS Encapsulé
  • Créer une librairie de composants
Performances CSS
  • Critical CSS
  • Outils d'analyse du CSS
  • Écrire du CSS performant
Autour du CSS
  • Présentation des principaux pré-processeurs : SASS, LESS, Stylus
  • Utilisation de post-processeurs
  • Optimisation et traitements des fichiers CSS
  • Automatisation avec les outils de build : Gulp, Brunch, etc.
  • Frameworks CSS : bootstrap, foundation, etc.

A l’issue de cette formation CSS Avancé, vous repartirez avec le code source de votre projet, construit ensemble au fil des exercices.

Télécharger le programme

Le(s) formateur(s)

Romain Petit

Romain Petit

Romain est consultant indépendant depuis 2012 spécialisé dans les technologies web front-end.
Il utilise le framework JavaScript Vue et Nuxt au quotidien, respire le SASS et défend activement la JAMstack.
www.romainpetit.com.

Romain donne des formations depuis 5 ans pour différentes structures. Avec le Campus Numérique in The Alps sur des formations innovantes, avec l'Université de Grenoble Alpes en IUT et Licence professionnelle.

Il monté le collectif d'indépendants et espace de travail Le Médiastère, au centre ville de Grenoble, depuis lequel il travaille à distance.

Depuis peu, il a rejoint l'équipe de BackMarket comme développeur front-end sénior.

Voir son profil détaillé

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

  • une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
  • de nombreux clients qui nous font confiance depuis des années
  • un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
  • 80 formations au catalogue, 968 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
  • la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation

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

Axa
Société Générale
Orange
La Poste
La Poste
EADS

Formation CSS avancé

Notée : (6)*

Découvrez les subtilités du langage CSS ainsi que ses nouveautés lors de cette formation de 2 jours !

CSS est un langage simple et rapide à prendre en main. Cependant il regorge de particularités souvent méconnues et sous-estimées par des développeurs.

Dans cette formation CSS Avancé, nous reviendrons sur ces points afin de démystifier le fonctionnement du langage. Nous irons encore plus loin en nous intéressant également aux différentes techniques et frameworks qui peuvent vous aider à mieux travailler au quotidien et à maintenir une base de code CSS dans la durée.

A l’issue de cette formation CSS Avancé, vous repartirez avec le code source de votre projet, construit ensemble au fil des exercices.

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.

Les objectifs

  • Comprendre les subtilités du langage CSS
  • Savoir utiliser les outils de développements CSS dans un navigateur et un IDE
  • Rendre son code CSS plus maintenable et évolutif
  • Découvrir les dernières évolutions de la norme
  • Optimiser les performances de son code CSS

Pré-requis

  • Bases des langages CSS et HTML
  • Expérience minimum en développement web
  • Notions de GIT
  • Ordinateur portable à apporter

Le programme de la formation CSS avancé

Jour 1 : prise en main

  • Mise en place du projet Git
  • Le langage CSS, standard et évolution
  • Prise en main des DevTools Chrome
Reprise de concepts clés
  • Notions de cascade, spécificité et héritage
  • Le modèle de boite
  • Marges et Flux
  • Sélecteurs CSS avancés
Positionnement et mise en page
  • Comprendre le positionnement
  • Couches et stacking
  • Flexbox
  • CSS Grid
  • Quelle technique utiliser ?

Jour 2 : maintenabilité et performances

Maintenabilité du CSS
  • Resets
  • Media queries
  • Architecture CSS et conventions de nommage
  • CSS Encapsulé
  • Créer une librairie de composants
Performances CSS
  • Critical CSS
  • Outils d'analyse du CSS
  • Écrire du CSS performant
Autour du CSS
  • Présentation des principaux pré-processeurs : SASS, LESS, Stylus
  • Utilisation de post-processeurs
  • Optimisation et traitements des fichiers CSS
  • Automatisation avec les outils de build : Gulp, Brunch, etc.
  • Frameworks CSS : bootstrap, foundation, etc.

A l’issue de cette formation CSS Avancé, vous repartirez avec le code source de votre projet, construit ensemble au fil des exercices.

Télécharger le programme

Le(s) formateur(s)

Romain Petit

Romain Petit

Romain est consultant indépendant depuis 2012 spécialisé dans les technologies web front-end.
Il utilise le framework JavaScript Vue et Nuxt au quotidien, respire le SASS et défend activement la JAMstack.
www.romainpetit.com.

Romain donne des formations depuis 5 ans pour différentes structures. Avec le Campus Numérique in The Alps sur des formations innovantes, avec l'Université de Grenoble Alpes en IUT et Licence professionnelle.

Il monté le collectif d'indépendants et espace de travail Le Médiastère, au centre ville de Grenoble, depuis lequel il travaille à distance.

Depuis peu, il a rejoint l'équipe de BackMarket comme développeur front-end sénior.

Voir son profil détaillé

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

  • une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
  • de nombreux clients qui nous font confiance depuis des années
  • un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
  • 80 formations au catalogue, 968 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
  • la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation

* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012