Développeur framework Tailwind CSS

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

Contenu 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

Résultats attendus de la formation

Savoir construire des interfaces modernes avec Tailwind CSS
Maîtriser les classes utilitaires et la logique responsive
Créer et maintenir une base de composants cohérente
Optimiser le code CSS pour la production
Intégrer Tailwind dans un environnement professionnel

N° session CO

Date de début

Date de fin

Lieu de formation

Inscription

Public

Détails

401292S

15/12/2025

31/12/2026

Dijon 21000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 50 heure(s)
Durée en centre: 50 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps partiel , Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Hope !
64e Rue Sully
21000 - Dijon

ORGANISME FORMATEUR

Vivaneo
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : Connaissances de base en HTML et CSS Notions de responsive design Connaissances en JavaScript recommandées selon l’environnement choisi

COMPLEMENT D’INFORMATION

401294S

15/12/2025

31/12/2026

Dijon 21000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 50 heure(s)
Durée en centre: 50 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps partiel , Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Chez Startway Coworking
15 Boulevard de Brosses
21000 - Dijon

ORGANISME FORMATEUR

Vivaneo
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : Connaissances de base en HTML et CSS Notions de responsive design Connaissances en JavaScript recommandées selon l’environnement choisi

COMPLEMENT D’INFORMATION

401296S

15/12/2025

31/12/2026

Besançon 25000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 50 heure(s)
Durée en centre: 50 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps partiel , Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Ibis Besançon Centre Ville
21 rue gambetta
25000 - Besançon

ORGANISME FORMATEUR

Vivaneo
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : Connaissances de base en HTML et CSS Notions de responsive design Connaissances en JavaScript recommandées selon l’environnement choisi

COMPLEMENT D’INFORMATION

401297S

15/12/2025

31/12/2026

Belfort 90000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 50 heure(s)
Durée en centre: 50 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps partiel , Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Belfort Boost
6 Rue de Madagascar
90000 - Belfort

ORGANISME FORMATEUR

Vivaneo
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : Connaissances de base en HTML et CSS Notions de responsive design Connaissances en JavaScript recommandées selon l’environnement choisi