5.00
(1 Note)

Apprendre Tailwind CSS

Par La Minute De Code Catégories : Formations
Liste de souhaits Partager
Partager le cours
Lien de la page
Partager sur les réseaux sociaux

À propos du cours

Cette formation formation complète sur Tailwind CSS est conçue pour vous fournir une expertise complète dans l’utilisation de Tailwind CSS pour créer des sites web modernes et esthétiques. À la fin de cette formation, vous serez capable de coder une landing page complète de A à Z.

Tout d’abord, nous vous familiariserons avec les principes de base . Vous apprendrez à utiliser les classes utilitaires pour appliquer des styles à vos éléments HTML, manipuler les couleurs, la typographie, les tailles et d’autres propriétés de base pour créer des designs attrayants.

Ensuite, nous explorerons la mise en page en utilisant Tailwind CSS. Vous découvrirez comment utiliser Flexbox et Grid pour créer des mises en page complexes et réactives. Vous apprendrez également à positionner les éléments de manière précise sur la page en utilisant les classes utilitaires.

Au fur et à mesure que vous progresserez, nous vous introduirons aux techniques avancées, telles que les animations, les transitions, les transformations et les effets spéciaux. Ces fonctionnalités vous permettront d’ajouter une touche d’interactivité et de dynamisme à vos designs.

Vous apprendrez également à rendre vos sites web compatibles avec différentes tailles d’écrans en utilisant les classes responsives de Tailwind CSS et des requêtes media. Vous verrez comment créer des designs qui s’adaptent parfaitement à toutes les tailles d’écran.

Nous aborderons des sujets avancés tels que les pseudo-classes et pseudo-éléments, les propriétés CSS avancées et les meilleures pratiques pour l’organisation et la structuration de votre code CSS.

Pour mettre en pratique tout ce que vous avez appris, vous réaliserez un projet final en codant une landing page complète de A à Z. Ce projet vous permettra de consolider vos compétences et de créer un portfolio impressionnant.

Afficher plus

Qu’allez-vous apprendre ?

  • Introduction à Tailwind CSS : Découverte du framework et de ses avantages.
  • Installation : Installation et configuration de Tailwind dans un projet.
  • Classes Utilitaires : Utilisation des classes utilitaires pour le style.
  • Personnalisation : Modification des thèmes (couleurs, polices, espacements).
  • Layouts Responsives : Création de mises en page adaptées à différents écrans.
  • Formulaires : Stylisation des éléments de formulaire.
  • Animations : Ajout d'animations et de transitions.
  • Plugins : Utilisation de plugins pour étendre les fonctionnalités.
  • Bonnes Pratiques : Organisation du code et optimisation des performances.
  • Projets Pratiques : Réalisation de projets réels avec Tailwind CSS.

Contenu du cours

Tailwind CSS de A à Z

  • 02:33
  • 03:54
  • 04:55
  • Typographie Partie 2
    07:45
  • Background et Gradient
    04:07
  • Margin et Padding
    03:31
  • Width et Height
    04:30
  • Border
    05:17
  • Divide
    02:18
  • Outline et Ring
    05:12
  • Hover et transitions
    05:26
  • Transform
    04:39
  • Container, Displays et Breack points
    03:56
  • Les positions
    03:29
  • Les animations
    04:18
  • Flexbox Partie 1
    03:22
  • Flexbox Partie 2
    03:16
  • Grid Partie 1
    03:23
  • Grid Partie 2
    03:17
  • Grid Partie 3
    02:12
  • Images et background image
    03:58
  • Float
    02:16
  • Filter
    02:43
  • Shadow, Opacity et Mix Blend Mode
    02:24
  • Focus et autres states
    06:28
  • Projet Final – Présentation
    01:35
  • Mise en place de la Navigation
    18:31
  • Mise en place du Hero
    03:38
  • Mise en place de la Galerie
    07:49
  • Mise en place de la section à propos
    04:44
  • Mise en place de la section contact
    09:29
  • Mise en place du Footer
    07:34
  • Installer Tailwind CSS
    08:06

Quiz

Conclusion

Obtenez un certificat

Ajoutez ce certificat à votre CV pour démontrer vos compétences et augmenter vos chances .

selected template

Notes et avis de l’apprenant

5.0
Total 1 Note
5
1 évaluation
4
0 évaluation
3
0 évaluation
2
0 évaluation
1
0 évaluation
C
Il y a 6 mois
Très complet

Want to receive push notifications for all major on-site activities?