Développeur framework Tailwind CSS

Partager par mail
Imprimer

Mise à jour : 12/12/2025

Formation : 25245368F

Source : VIVANEO

Session de formation

Code CARIF

Dates

Niveau de sortie

Financeur

Lieu

Organisme formateur

Type

Réunion

486543S

Du 15/12/2025
Au 31/12/2026

Sans niveau spécifique

Autre financeur

Lille (59)

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

Non

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
Autres 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

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

Informations complémentaires

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

Organisme porteur de la formation

VIVANEO

Affichage téléphone organisme porteur

01 77 17 90 36

Affichage email organisme porteur

formation@vivaneo.fr

Lien d'accès vers la fiche de l'organisme

Voir la fiche de l'organisme et son potentiel de formation

Autres sessions de formation disponibles