Nom de fichier: | Udemy – Terminez le cours Tailwind CSS à partir de zéro avec un vrai projet |
Source du contenu: | https://www.udemy.com/course/complete-tailwind-css-course-from-scratch-with-real-project/ |
Taille du fichier: | 2,6 Go |
Éditeur: | udemie |
Mis à jour et publié: | 28 juillet 2024 |
Bienvenue à le « Terminez le cours Tailwind CSS à partir de zéro avec un vrai projet » cours
Vent arrière Css | Apprenez le framework CSS moderne Tailwind CSS à l’aide de Flexbox, CSS Grid et créez des sites de style modernes et réactifs.
CSS vent arrièreest un framework CSS open source. La principale caractéristique de cette bibliothèque est que, contrairement à d’autres frameworks CSS comme Bootstrap, elle ne fournit pas une série de classes prédéfinies pour des éléments tels que des boutons ou des tableaux. Au lieu de cela, il crée une liste de classes CSS « utilitaires » qui peuvent être utilisées pour styliser chaque élément en les mélangeant et en les faisant correspondre.
Par exemple, dans d’autres systèmes traditionnels, il y aurait un message d’avertissement de classe qui appliquerait une couleur de fond jaune et un texte en gras. Pour obtenir ce résultat dans Tailwind, il faudrait appliquer un ensemble de classes créées par la bibliothèque : bg-white-300 et font-bold.
Travailler avec Tailwind CSSencourage une approche plus directe du style. Au lieu de passer d’un fichier HTML à une feuille de style CSS distincte, les développeurs peuvent appliquer des styles directement dans le HTML. Cela rend la conception plus rapide et plus simple. Tailwind CSS n’est pas lié à un framework JavaScript spécifique.
Dans ce cours, vous apprendrez à développer un site Web avecCSS vent arrièreà partir de zéro.
Si vous envisagez de commencer à apprendreCSS vent arrièrece cours est celui qui vous convient le mieux.
Nous avons expliquéCSS vent arrièredu débutant à tous les niveaux. Nous avons expliqué tous les sujets aussi simplement que possible avec des exemples, des diapositives et des diagrammes.
Nous avons créé beaucoup de projets tout en expliquant les sujets. Parce que nous pensons que les formations appliquées sont bien plus utiles que les autres méthodes pédagogiques.
Parlons maintenant du programme du cours.
Dans la première partie du cours, nous répondons à la question de savoir ce qu’est un Framework. Nous expliquons les avantages de Tailwind CSS.
Dans la section suivante, nous commençons à apprendre les opérations que nous effectuerons avec Tailwind CSS. Pour suivre ce cours, vous devez avoir des connaissances de base en HTML et CSS. Nous apprendrons comment les opérations effectuées avec le CSS normal sont effectuées avec Tailwind CSS. Tailwind CSS a ses propres classes. Nous expliquerons ces sujets à l’aide de la page de document. Parce qu’il est très important de pouvoir utiliser les pages d’un document lorsque l’on apprend quelque chose de nouveau. Il n’est pas possible d’expliquer un sujet avec toutes ses subtilités. Ce que nous essayons de faire, c’est de vous apprendre à apprendre le sujet. Ce faisant, il est nécessaire de parler des fonctionnalités les plus élémentaires.
Dans ce didacticiel, nous allons vous montrer comment utiliser les fonctionnalités CSS les plus courantes avec Tailwind CSS. Nous allons commencer à travailler avec des classes de texte et de couleurs.
Ensuite, nous commencerons à voir des fonctionnalités qui affectent la structure globale de notre page, telles que flex et grid. Pour renforcer ce que nous avons appris dans la deuxième partie, dans la troisième partie, nous créerons un magnifique site Web. L’ensemble de ce site aura un design adaptatif. Lors de la création de cette application, nous verrons également quelques sujets que nous n’avons pas vus lors de la conférence.
Ainsi, lorsque vous aurez terminé notre cours, vous aurez appris à intégrer Tailwind CSS dans les applications et vous serez capable de créer des interfaces d’application avec Tailwind CSS.
Aucune connaissance préalable n’est nécessaire!
Vous n’avez pas besoin d’avoir des connaissances préalables surCSS vent arrière.Ce cours vous fera passer d’un niveau débutant à un niveau plus avancé avec des exemples pratiques.
Vous serez sûr d’utiliserCSS vent arrièreet si jamais vous êtes bloqué, nous serons là pour vous aider.
Apprenez en faisant!
Nous avons donc rendu ce cours aussi simple que possible afin de vous guider étape par étape afin que vous puissiez vous sentir en confiance et bien comprendre comment utiliserCSS vent arrière. Dans ce cours, nous enseigneronsCSS vent arrièreen créant divers projets.
Dans ce tutoriel, vous apprendrez:
· Bases CSS de Tailwind et ajout à l’application
· Le plus importantCSS vent arrièresujets.
· Comment créer des designs réactifs pour les sites Web
· Comment créer facilement le site Web le plus grand et le plus avancé en utilisantCSS vent arrière
Qu’est-ce que Tailwind CSS?
Tailwind CSS est unframework CSS axé sur l’utilitairepour créer des interfaces utilisateur Web modernes. Au lieu de composants prédéfinis, Tailwind CSS fournit un ensemble de classes utilitaires de bas niveau que vous pouvez combiner pour créer n’importe quelle conception, directement dans votre HTML. Cela vous donne la flexibilité de créer des conceptions personnalisées sans avoir à écrire beaucoup de CSS.
Voici quelques-unes des principales fonctionnalités de Tailwind CSS:
- Approche axée sur l’utilité:Tailwind CSS fournit un ensemble de classes utilitaires de bas niveau que vous pouvez combiner pour créer n’importe quelle conception. Cela vous donne beaucoup de flexibilité et de contrôle sur l’apparence de votre site Web.
- Conception réactive:Tailwind CSS facilite la création de conceptions réactives qui s’affichent parfaitement sur n’importe quelle taille d’écran.
- Personnalisable:Tailwind CSS est hautement personnalisable, vous pouvez donc créer vos propres conceptions et composants personnalisés.
- Facile à apprendre:Tailwind CSS est relativement facile à apprendre, surtout si vous êtes déjà familier avec HTML et CSS.
LIEN DE TÉLÉCHARGEMENT: Udemy – Terminez le cours CSS Tailwind à partir de zéro avec un projet réel
Complete_Tailwind_CSS_Course_From_Scratch_with_Real_Project.part1.rar – 995,0 Mo
Complete_Tailwind_CSS_Course_From_Scratch_with_Real_Project.part2.rar – 995,0 Mo
Complete_Tailwind_CSS_Course_From_Scratch_with_Real_Project.part3.rar – 68,6 Mo