🇫🇷 Tailwind CSS en 1h: Maîtriser ce puissant framework CSS

🇫🇷 Tailwind CSS en 1h: Maîtriser ce puissant framework CSS

Tailwind CSS en 1h: Maîtriser ce puissant framework CSS

Cours complet sur Tailwind CSS pour développer rapidement de superbes sites web

Language: french

Note: 3.9/5 (13 notes) 3,005 students

Instructor(s): Clara Donnart

Last update: 2022-12-27

What you’ll learn

  • Les bases de Tailwind CSS
  • Comment utiliser Tailwind CSS pour crĂ©er des sites Web modernes
  • Comment crĂ©er des composants personnalisĂ©s avec Tailwind CSS
  • Comment personnaliser les classes d’utilitĂ© existantes et crĂ©er de nouvelles classes d’utilitĂ©
  • Tout de A Ă  Z sur le framework Tailwind CSS

 

Requirements

  • DisponibilitĂ©, flexibilitĂ© et passion pour l’apprentissage
  • Des connaissances de base en HTML5 & CSS3 sont un plus !

 

Description

Vous en avez assez d’utiliser des outils de crĂ©ation de landing page professionnelle sans avoir Ă  tout styliser vous-mĂŞme ? Vous ĂŞtes au bon endroit ; ce cours sera un tutoriel complet sur Tailwind CSS.

Tailwind est un cadre de travail axĂ© sur l’utilitĂ© qui transforme la conception de sites Web en un jeu d’enfant. Sa simplicitĂ© et son Ă©ventail de classes en font un excellent outil pour les dĂ©veloppeurs dĂ©butants.

Ce cours vous aidera Ă  crĂ©er une page web rĂ©active parfaite pour votre application, votre entreprise, votre portfolio ou votre blog. Avoir une petite connaissance de HTML et CSS est idĂ©al pour vous mettre sur la voie la plus rapide vers Tailwind ; cependant, ce n’est pas essentiel.

Le premier aspect de ce cours sera de se familiariser avec les utilitaires CSS de Tailwind et la façon dont ils fonctionnent et sont mis en œuvre. Nous aborderons le fameux système de grille et les requêtes média pour que votre nouvelle page soit la plus belle possible sur tous les appareils.

Nous vous prĂ©senterons les polices, les couleurs, l’alignement, les couleurs d’arrière-plan, les dĂ©gradĂ©s, les images, le padding, la marge, la grille, le flexbox, le hover, les animations, les transitions et la transformation.


Pourquoi choisir ce cours ?

Tutoriel complet sur Tailwind CSS : Vous serez guidé à travers chaque étape du code pour vous assurer que vous avez la bonne compréhension et les outils avant un professionnel après avoir suivi ce cours.

Tutoriel basĂ© sur la pratique : Vous apprendrez par la pratique pour vous aider Ă  comprendre plus rapidement tous les aspects du cadre CSS Tailwind. Vous aurez Ă©galement accès aux outils qui vous permettront de remanier notre modèle ou de crĂ©er une toute nouvelle page d’accueil en fonction de vos besoins. Tout au long de la formation, vous pourrez tĂ©lĂ©charger des fichiers de projet, que vous pourrez conserver et retravailler Ă  votre guise.

Exploitez votre crĂ©ativitĂ© : En plus d’apprendre Ă  crĂ©er une page d’accueil Tailwind CSS propre, moderne et professionnelle, vous apprendrez Ă©galement Ă  ajouter des animations et des polices de caractères Google pour que votre site Web se distingue des autres.


Apprenez Ă  crĂ©er vos prochains sites Web professionnels dès aujourd’hui !

Avec le bon Ă©tat d’esprit, la comprĂ©hension et l’application des enseignements de ce cours, vous commencerez instantanĂ©ment Ă  progresser vers la maĂ®trise de Tailwind CSS.

Une connaissance de base de CSS3 et HTML 5 est un plus !

 

Who this course is for

  • Toute personne qui souhaite apprendre Tailwind CSS
  • Les personnes qui en ont assez d’utiliser CSS3 et qui veulent utiliser quelque chose de plus simple
  • Les concepteurs de sites Web
  • Tous ceux qui veulent crĂ©er de beaux designs

 

Course content

  • Introduction et vue d’ensemble
    • Introduction Ă  TailwindCSS
    • Vue d’ensemble de TailwindCSS
  • Installation de TailwindCSS
    • Installation de npm et de TailwindCSS
    • Pourquoi utiliser Tailwind CSS ?
  • Typographie
    • Margin et padding
    • Largeur et hauteur
    • Taille de la police
    • Poids et style des polices
    • Espacement des lignes dans TailwindCSS
    • Mise en majuscule et dĂ©bordement du texte dans TailwindCSS
    • DĂ©coration du texte dans TailwindCSS
    • Arrière-plan dans TailwindCSS
  • Bordures dans TailwindCSS
    • Bordures dans TailwindCSS
    • Rayon de la bordure dans TailwindCSS
    • Diviseur dans TailwindCSS
    • Contour dans TailwindCSS
    • OpacitĂ© et Box-Shadow
  • Mise en page
    • Flexbox avec TailwindCSS
    • Conception avec TailwindCSS : Hover, focus et actifs
    • Boostez votre productivitĂ© avec Tailwind CSS : la directive Apply Projet
  • Mini Projet
    • Mini Projet
  • Projet Final
    • Projet Final TailwindCSS

 

🇫🇷 Tailwind CSS en 1h: Maîtriser ce puissant framework CSS

Google Data Analytics [Coursera]

Time remaining or 989 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate