DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS.

Développeur framework Tailwind CSS

Date de mise à jour : 16/12/2025 | Identifiant OffreInfo : 15_25505666F
Information fournie par :
Carif-Oref Occitanie

Objectifs, programme, validation de la formation

Objectifs


  • 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

Programme de la formation

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

Validation et sanction

Attestation de formation

Type de formation

Non certificiante

Sortie

Sans niveau spécifique

Métiers visés

Code Rome

Durée, rythme, financement

Modalités pédagogiques
Durée
50 heures en centre

Conventionnement : Non

Financeur(s)

Autre

Conditions d'accès

Public(s)
Demandeur d'emploi, Public en emploi, Tout public
Modalités de recrutement et d'admission

Niveau d'entrée : Sans niveau spécifique

Conditions spécifiques et prérequis

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

Modalités d'accès

Lieu de réalisation de l'action

formation entièrement présentielle
Adresse
85A Rue de la République
30000 - Nîmes
Responsable : VIVANEO
Téléphone fixe :
Contacter l'organisme

Contacts

Contact sur la formation
28 rue du chemin vert
75011 - Paris 11e
Responsable : Monsieur Mickael MASSET
Téléphone fixe : 0177179036
fax :
Site web :
Contacter l'organisme
Contacter l'organisme formateur
VIVANEO
SIRET: 51017673800043
75011 Paris 11e
Responsable : MASSET
Téléphone fixe : 0177179036
Site web :
Contacter l'organisme

Période prévisibles de déroulement des sessions

du 15/12/2025 au 31/12/2026
débutant le : 15/12/2025
Adresse d'inscription
28 rue du chemin vert
75011 - Paris 11e
Etat du recrutement : Ouvert
Modalités : Entrées/sorties permanentes

Organisme responsable

VIVANEO
SIRET : 51017673800043

Adresse
28 rue du chemin vert
75011 - Paris 11e
Téléphone fixe : 0177179036
Contacter l'organisme