Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Plan du cours
Introduction
- Vue d'ensemble Tailwind CSS
Pour commencer
- Installation Tailwind CSS
- Installation de Node
- Installation du code VS
- Mise en place de l'environnement
Tailwind CSS Principes de base
- Attacher Tailwind CSS avec HTML
- Créer des conteneurs avec des classes utilitaires
- Ajouter des propriétés de largeur et de hauteur
- Comprendre le fonctionnement de la boîte à outils
- Envelopper et redimensionner des éléments flexibles
- Création d'une grille et d'une disposition en lignes
- Ajuster le flux d'éléments dans une grille
- Ajouter un espace entre les éléments et les justifier
- Justifier des éléments individuels
- Ajouter des marges aux éléments
- Styliser le texte à l'aide des classes utilitaires de Tailwind
- Ajouter et styliser des bordures
- Ajout d'ombres aux éléments
- Utilisation de points d'arrêt pour ajouter un comportement réactif
- Utilisation de pseudo-sélecteurs
- Directives de superposition et d'application
- Utilisation de composants pour la réutilisation du code
Mise en place d'un meilleur environnement de développement
- Créer un environnement avec Tailwind CLI
- Directives et fonctions
Résumé et prochaines étapes
Pré requis
- Connaissances de base en HTML et CSS
Audience
- Développeurs
7 Heures
Nos clients témoignent (4)
exercices de codage
Kesh - Vodacom
Formation - HTML5, JavaScript, and CSS4
Traduction automatique
Style d'enseignement du formateur
Fatma Badi - Dubai Electricity and Water Authority
Formation - Front End Developer
Traduction automatique
Console part in web environment it gives me ho to navigate and check the history, browser api. It explains well the proper functions every element in the templates.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
Formation - HTML5, JavaScript, and CSS3
I was benefit from the step by step and in detail guidance of the trainer.