Développeur framework Tailwind CSS

Picto fav
Picto partage
  • Partager par mail
  • Imprimer
Mise à jour : 12/12/2025 Formation : 25245368F Source : VIVANEO

Session de formation

Code CARIF Dates Niveau de sortie Financeur(s) Lieu Organisme formateur Type Réunion
486543S Se rapprocher de l'organisme pour connaitre la prochaine session Sans niveau spécifique

Autre financeur, OPCO

Lille (59) VIVANEO
Tél : 01 77 17 90 36
Email : formation@vivaneo.fr

FC

Non Picto rouler et dérouler
Durée

Durée totale de la formation : 50h
Durée en centre : 50h
Durée en entreprise : h

Modalités de formation

Rythme :
Temps partiel, Temps plein, Cours de jour
Type de parcours : Parcours individualisé

Dispositif Financeur
Financements à déterminer selon la situation du bénéficiaire Autre financeur
OPCO Entreprises OPCO

Tarif : N.C.
Modalités d'enseignement : Formation entièrement présentielle

Lieu de formation

253 Boulevard de Leeds
59777 Lille

Accueil sur le lieu de formation

Accès handicap : Pas d'accès handicap
Hébergement : Pas d'hébergement
Restauration : Pas de restauration
Transport : Pas de transport

Admission

Niveau d'entrée requis : Sans niveau spécifique
Prérequis :
Connaissances de base en HTML et CSS Notions de responsive design Connaissances en JavaScript recommandées selon l’environnement choisi
Public :
En activité professionnelle, Salarié
En recherche d'emploi, Tout public

Réunions d'informations

Aucune information

Complément d'information

Aucune information

Objectifs de la formation

  • Comprendre le fonctionnement et la philosophie de Tailwind CSS
  • Installer et configurer Tailwind CSS dans un projet moderne
  • Utiliser les utilitaires Tailwind pour structurer et styliser une interface
  • Gérer la typographie, les couleurs, les espacements et la mise en page
  • Créer des composants réutilisables avec Tailwind
  • Utiliser les variantes (hover, focus, responsive…)
  • Personnaliser Tailwind via le fichier de configuration
  • Mettre en œuvre l’optimisation et la purge des classes inutilisées
  • Intégrer Tailwind avec un framework JS (Svelte, React, Vue…)
  • Concevoir une interface responsive complète et cohérente

Contenu pédagogique

Module 1 – Introduction à Tailwind CSS
  • Présentation du framework et avantages
  • Fonctionnement basé sur les classes utilitaires
  • Installation via CDN ou Node.js
Module 2 – Structure d’un projet Tailwind
  • Configuration tailwind.config.js
  • Setup avec Vite, Webpack ou frameworks front-end
  • Organisation des fichiers CSS
Module 3 – Utilitaires essentiels
  • Couleurs, typographie, spacing
  • Layout, flexbox, grid
  • Borders, shadows, backgrounds
Module 4 – Variantes et responsive design
  • Mobile-first et breakpoints
  • Variantes d’état (hover, focus, active)
  • Dark mode et gestion des thèmes
Module 5 – Composants et patterns
  • Construction de composants UI cohérents
  • Réutilisation de combinaisons de classes
  • Plugins officiels et plugins tiers
Module 6 – Personnalisation avancée
  • Étendre les utilitaires dans la configuration
  • Customisation des couleurs, fonts et espacements
  • Création d’utilitaires personnalisés
Module 7 – Optimisation et production
  • Purge CSS / Content
  • Gestion de la performance
  • Déploiement d’un projet Tailwind optimisé
Module 8 – Intégration avec des frameworks
  • Tailwind avec Svelte, React, Vue, Next.js ou SvelteKit
  • Approches component-based
  • Exemples pratiques d’intégration

Métiers visés

Insertion dans l'emploi

Picto rouler et dérouler

Aucune donnée n'est encore disponible pour cette formation

Informations complémentaires

Picto rouler et dérouler

Numéro Carif : 486543S
Référence formation : 25245368F
Code NSF : -
Formacode principal : 71954 - Framework
ROME associés : -

Picto alerte M'alerter sur les nouvelles sessions