Formation CSS avancé

Cette formation CSS Avancé vous permettra de maîtriser les subtilités de CSS.

Vous découvrirez les concepts complexes de CSS comme la cascade, les spécificités, ou encore le modèle de boîte, et vous apprendrez à maîtriser des outils modernes tels que Flexbox, CSS Grid, et TailwindCSS.

Grâce à des ateliers pratiques, vous construirez un projet concret en appliquant des techniques avancées pour optimiser vos feuilles de style, améliorer leur maintenabilité et maximiser leur performance.

À la fin de la formation, vous repartirez avec une solide expertise et un projet complet que vous pourrez réutiliser comme base dans vos travaux futurs.

Vous souhaitez apprendre les bases de CSS ?

Notre formation d'initiation au web est toute indiquée pour vous !

🇺🇸 Cette formation est aussi disponible en anglais

Les objectifs

• Maîtriser les subtilités du langage CSS
• Savoir utiliser les outils de développement CSS dans un navigateur et un IDE
• Rendre son code CSS 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 : Mise en page et Positionnement

• 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

Mises en pratique :
- Selection précise et héritage
- Intégration avec des positionnements relatifs et absolus
- Intégration avec flexbox

Jour 2 : Maintenabilité et Performances

• Maintenabilité du CSS
  • Resets
  • Media queries
  • Unités relatives.
  • Architecture CSS et conventions de nommage
  • CSS Encapsulé
  • CSS Utilitaire et TailwindCSS
• 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
    • Webpack
    • Vite
    • Gulp
  • Frameworks CSS
    • Bootstrap
    • Foundation

Mises en partique:
- Décliner un composant en variations de tailles avec les unités relatives
- Refactoring avec TailwindCSS
- Débug de performances layout shift sur une animation CSS

Télécharger le programme

Le(s) formateur(s)

Romain PETIT

Romain est consultant indépendant sur des technologies web front-end depuis 2012.
Il utilise le framework JavaScript Vue.JS et Nuxt au quotidien pour développer des applications. Il croit en un web accessible, et défend la JAMstack.

Romain donne des formations depuis 6 ans pour différentes structures: Le Campus Numérique in The Alps sur des formations innovantes, avec l'Université de Grenoble Alpes et Oxiane.

Il monté le collectif d'indépendants et espace de travail Le Médiastère au centre ville de Grenoble, son camp de base.
Depuis 2020, il a rejoint l'équipe de BackMarket.

Voir son profil détaillé

Julien MAINGAULT

Julien est un formateur chez Humancoders, expert en développement web front-end depuis 2015.

Pour ses clients, Julien a essentiellement produit des sites vitrines et des plateformes d’e-commerce, il maîtrise Wordpress, Shopify, HTML, CSS, Bootstrap et Tailwind.

En parallèle de cette activité, Julien s'engage également en faveur de l'inclusion des personnes handicapées grâce au travers d'une plateforme numérique visant à accompagner les personnes autistes !

Depuis quelques années, Julien partage son savoir, auprès d'étudiants et de professionnels que ce soit autour des technos du web ou du marketing digital.

Animé par la transmission de ses connaissances et de son expérience, Julien sait expliquer clairement des concepts complexes et s’adapter aux attentes et besoin de ses stagiaires. Dans ses formations, il s'applique également à créer une dynamique de groupe qui favorisent l'interaction entre stagiaires et avec le formateur.

Rejoignez une formation de Julien pour une expérience de formation pratique et inspirante !

Voir son profil détaillé

FAQ

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...
• 163 formations au catalogue, 1641 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
• 99% des participants qui se disent satisfaits de nos formations
• la possibilité de vous proposer un accompagnement personnalisé, du conseil ou un suivi après la formation