Packt
Maîtriser Tailwind CSS 3.0 - Construire deux projets dynamiques

Acquérir des compétences de haut niveau avec Coursera Plus pour 199 $ (régulièrement 399 $). Économisez maintenant.

Packt

Maîtriser Tailwind CSS 3.0 - Construire deux projets dynamiques

Inclus avec Coursera Plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

6 heures à compléter
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

6 heures à compléter
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Apprenez à installer et à configurer Tailwind CSS pour vos projets.

  • Maîtrisez la construction d'un clone dynamique de l'UI de Tesla avec des sections réactives.

  • Acquérir une expérience pratique dans la création d'un clone d'interface utilisateur Instagram entièrement responsive.

  • Comprendre comment appliquer l'approche utilitaire de Tailwind à la conception de sites web modernes.

Compétences que vous acquerrez

  • Catégorie : Feuilles de style en cascade (CSS)
  • Catégorie : Interface utilisateur (UI)
  • Catégorie : HyperText Markup Language (HTML)
  • Catégorie : Composants Web
  • Catégorie : Composants UI
  • Catégorie : Développement Web Front-End
  • Catégorie : Conception de sites web réactifs
  • Catégorie : Conception et développement de sites web

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

août 2025

Évaluations

4 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Il y a 3 modules dans ce cours

Dans ce module, nous allons préparer le terrain pour votre voyage dans Tailwind CSS 3.0. Vous aurez un aperçu clair de ce que le cours implique, des deux principaux projets UI que vous construirez et de la façon dont Tailwind améliorera vos compétences en matière de développement frontal.

Inclus

1 vidéo1 lecture

Dans ce module, nous allons construire un clone de page d'atterrissage Tesla en utilisant Tailwind CSS 3.0. Vous apprendrez à structurer les modèles, à styliser les composants tels que les en-têtes et les pieds de page, et à reproduire les mises en page du monde réel section par section. Ce projet pratique vous permettra d'affiner vos compétences en matière de développement frontal et de mise en œuvre de la conception.

Inclus

6 vidéos1 devoir

Dans ce module, nous allons créer un clone de l'interface utilisateur d'Instagram avec Tailwind CSS. Vous travaillerez sur la réplication des composants communs des réseaux sociaux tels que l'en-tête, les histoires, les posts et les suggestions de profil. En réalisant ce projet, vous acquerrez une expérience pratique des stratégies de mise en page d'UI modernes et de la conception basée sur les composants.

Inclus

6 vidéos3 devoirs

Instructeur

Packt - Course Instructors
Packt
1 298 Cours333 510 apprenants

Offert par

Packt

En savoir plus sur Conception et produit

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux Questions