Formation CSS avancé : Comment choisir le bon framework pour son UI

Vous ne savez pas quel framework CSS choisir ? Ou encore, comment nommer vos classes CSS ? Mettez à jour vos compétences en CSS grâce à cette formation avancée à Paris.


Description de la formation

On pense souvent que le CSS c'est juste pour s'amuser et que c'est n'est pas important... On se rend vite compte que c'est faux au fur et à mesure que le projet grossit.

  • Comment nommer ses classes ?
  • Quelle architecture et organisation pour son code CSS ?
  • Comment choisir le bon framework CSS entre Bootstrap, Tailwind CSS, Bulma CSS, Foundation, Skeleton, Semantic UI, ...

Il y a tant d'options !

Dans cette formation CSS avancé, vous verrez tout cela en détail, en allant de la façon dont on peut architecturer du code CSS, à la découverte des critères nécessaires pour choisir le bon framework CSS.

Faites une mise à jour de vos compétences en CSS avec nous !


Objectifs pédagogiques

- Comprendre ce qu’est une architecture de code - Comprendre ce qu’est-ce un framework CSS - Savoir choisir le bon framework CSS

Public visé

- Intégrateur web / designer - Développeur informatique - Lead technique / CTO - Manager technique

Prérequis de la formation

- Connaissances du HTML et CSS

Programme de la formation (personnalisable)

Introduction

  • Qu’est-ce qu’une architecture de code et pourquoi on en a besoin
  • Qu’est-ce qu’un framework CSS et pourquoi il y en a

Architecturer son code CSS

  • Quelles sont les méthodologies existantes
    • BEM
    • OOCSS
    • SMACSS,
    • Atomic CSS
    • Utility first CSS
  • Quels sont les soucis liés au CSS : nommage, séparation du fond et de la forme
  • Qu’est-ce que l’Atomic design
  • Quels sont les différents frameworks CSS
    • Bootstrap
    • Foundation
    • Material Design
    • Semantic UI
    • Bulma
    • Tailwind
    • Tachyons
    • Atomic CSS
  • Comprendre comment choisir le bon framework CSS
  • TP : refaire des éléments d’UI sans framework
  • TP : refaire une page avec un framework

 

Passer au niveau supérieur du CSS

  • Utiliser un pré-processeur
  • Utiliser un post-processeur
  • Utiliser un gestionnaire de tâche