Recrutez des développeurs Tailwind expérimentés qui ont fait leurs preuves

Cela peut sembler facile et évident de trouver un développeur lorsque vous en avez besoin. Mais il ne suffit pas de publier des offres d'emploi et d'engager rapidement un candidat. L'évaluation des compétences du développeur est la partie la plus cruciale d’un processus d’embauche. Imaginez : si vous n'évaluiez pas les compétences et l'expertise des développeurs, l'ensemble du processus, du début à la fin, serait défectueux.

Pour trouver le meilleur développeur Tailwind, vous devez mettre l'accent sur plusieurs facteurs qui portent sur l'expertise des candidats, leurs compétences, leur formation et leur expérience professionnelle, ainsi que sur la preuve pratique que ce développeur spécifique répond vraiment aux exigences du poste.

Dans ce guide d'embauche complet pour développeurs Tailwind, vous en saurez plus sur les prérequis de ce recrutement afin de vous préparer à mieux mener le processus d'embauche de développeurs Tailwind. Nous vous expliquerons tout ce qui concerne l’expertise Tailwind. Nous incluons des informations sur les compétences techniques et sur celles non techniques, les éléments essentiels, les statistiques sur les chiffres pertinents, les salaires, les obligations, les phases d'évaluation, etc.

Le recrutement d'un développeur n'est pas une chose à prendre à la légère; Ne cédez surtout pas à la tentation de prendre des raccourcis. Pour vous aider, nous vous encourageons à jeter un coup d'œil à notre guide d'embauche complet pour des conseils détaillés sur le processus d'embauche d'un développeur Tailwind.

À propos de Tailwind

Tailwind, également connu sous le nom de Tailwind CSS, représente un framework CSS axé sur l'utilité, visant la création rapide d'interfaces personnalisées. Le développeur peut personnaliser facilement et rapidement. De plus, comme Tailwind est un framework CSS de bas niveau, les développeurs peuvent utiliser tous les blocs de construction possibles pour leurs conceptions.

Le framework Tailwind repose sur le CSS (Cascading Style Sheet utilisé pour décrire toute partie écrite dans un langage de balisage). Il utilise également les classes CSS pour un processus de stylisation pratique et commode.

Avec Tailwind, une caractéristique importante est qu'il n'y a pas d'obstacles tels que les systèmes informatiques basés autour d’une certaine opinion, qui entravent habituellement la vitesse et la dynamique du développement. Et globalement, ce framework permet de réussir à créer des interfaces utilisateur personnalisées.

Statistiques sur Tailwind

En ce qui concerne les statistiques sur Tailwind, nous nous concentrerons sur la demande, la popularité, les estimations de salaire et les sections pertinentes.

Tailwind a été mis sur le marché en 2019, mais depuis lors, il a atteint la version actuelle 3.1 en 2022, avec plusieurs améliorations et corrections précédentes. La dernière version dispose d'une prise en charge intégrée des importations CSS, d'un espacement plus large, de changements de couleur d'opacité, d'un contraste réglable, d'arrière-plans de dialogue natifs du style, et plus encore.

Depuis lors, Tailwind s'est hissé au sommet des frameworks CSS les plus appréciés en 2020 et, étonnamment, il conserve la première place en termes de popularité en 2022, grâce à son CSS simple, facile à utiliser et adapté aux débutants.

En ce qui concerne le salaire d'un dev Tailwind, il varie entre 76 599 et 141 206 dollars par an, soit 85 586 dollars en moyenne.

Marques populaires qui ont recours à Tailwind

De nombreuses marques et entreprises s'appuient sur Tailwind dans leur travail, mais en voici quelques-unes parmi celles qui sont répertoriées :

1. Starbucks
2. Buzzfeed (Solid)
3. TED (Shed)
4. Medium
5. Kickstarter
6. Twitch
7. Github (Primer design system)
8. Pizza Hut (UK)
9. Blizzard Entertainment (Diablo 4)
10. Github CoPilot - Programmeur de paires d'IA

Entretien avec un développeur Tailwind

Conseils utiles pour un entretien de présélection

Quel que soit le degré de compétence que vous estimez avoir pour embaucher un développeur Tailwind, vous aurez probablement encore besoin de l'aide extérieure de spécialistes de l'acquisition de talents et de recruteurs. Inclure ces professionnels dans le processus de recherche de développeurs est une excellente idée pour s'assurer que seuls les bons aspects sont testés et examinés avant la décision finale d'embauche.

Pourquoi avez-vous besoin d'un spécialiste en recrutement de talents ? Parce qu'il se concentrera sur les facteurs initiaux qui détermineront si le développeur est apte à poursuivre ou non les étapes de l'entretien par la suite. Ils connaissent les bonnes questions à poser au dev Tailwind et savent comment évaluer son expertise.

Tout d'abord, ils se concentrent sur les années d'expertise ou le nombre d'années d'expérience du développeur avec Tailwind. Au cours de ce processus, ils se concentrent simultanément sur les compétences générales du développeur ainsi que sur sa maîtrise de l'anglais, de l'étiquette de l'entretien, sa ponctualité et son professionnalisme en termes d'apparence, de communication, etc.

Compétences techniques d'un développeur Tailwind

Le meilleur candidat pour le poste de développeur Tailwind doit avoir des connaissances et de l'expérience dans les domaines suivants :

• Tailwind CSS
• PHP, Laravel
• Intégrations API (JSON, REST)
• ECMAScript (une norme JavaScript)
• jQuery, AJAX, Bootstrap
• Connaissance de C# et Python

Nous avons également demandé à Diamant Isufi, ingénieur logiciel chez Proxify, de nous en dire plus sur les compétences techniques indispensables au savoir et au savoir-faire du développeur Tailwind :

"Le développeur Tailwind doit connaître les bases du HTML et du CSS et savoir comment fonctionne l'IDS (logiciel de détection des intrusions). Il doit savoir comment les classes fonctionnent et de quelle manière on peut accéder au fichier CSS. En outre, il doit connaître la réactivité des mobiles et des ordinateurs de bureau, ainsi que les approches correctes pour la multi-utilisation (utilisation multiple et simultanée) des pages Web sur un plus grand nombre d'appareils, pour les utilisateurs. Enfin, ils doivent également connaître NPM (Node Package Manager) et Yarn (Yet Another Resource Negotiator)."

Diamant Isufi

Compétences non techniques d'un développeur Tailwind

Les recruteurs, les spécialistes de l'acquisition de talents et les responsables du recrutement sont également attentifs aux compétences non techniques d'un développeur Tailwind.

Il est plus que crucial que le développeur ait au moins une maîtrise moyenne ou bonne de l'anglais, car cela indique que le développeur aura une compréhension et une communication claires avec les clients. Une autre compétence non technique à posséder est l'attitude et l'ouverture d'esprit pendant l'entretien; de bons soft skills en matière de communication permettront au développeur de surmonter les difficultés éventuelles grâce à une compréhension mutuelle avec le client.

Le développeur doit être ponctuel pour l'appel/entretien; en effet, cela montre si le développeur est responsable et accessible en cas de besoin.

Points essentiels et évaluation d'un développeur Tailwind

Il existe plusieurs critères essentiels et incontournables à rechercher chez un développeur Tailwind, comme indiqué ci-dessus dans les sections correspondantes :

• Bachelor ou Master en informatique, IT ou ingénierie
• Expérience dans la personnalisation d'applications avec TailwindCSS UI
• Expérience avec Tailwind CSS, Laravel, PHP
• Expérience des intégrations API (JSON, REST)
• Connaissance de l'ECMAScript
• Expérience avec C# et Python
• Expérience avec AJAX, Bootstrap, jQuery

À cela, Diamant ajoute :

"Un développeur Tailwind doit savoir quand et pour quels projets il peut utiliser Tailwind. Il peut être facile de procéder à la configuration et d'appliquer des styles rapidement. Pourtant, pour la réutilisabilité et l'évolutivité, ils auraient besoin de connaître les structures appropriées qui réduisent les codes redondants et appliquent des styles globaux. Je demanderais personnellement au candidat quelles sont ses expériences précédentes avec Bootstrap et Material Design, comment il gère la réactivité, comment il a configuré les thèmes et le style dans des projets précédents et quelle expérience il a avec SaaS."

Qu'est-ce qui distingue un excellent développeur Tailwind d'un bon ?

Il n'est pas difficile de faire la différence entre un bon et un excellent développeur Tailwind. Un bon développeur aura une expérience pratique et éprouvée de plusieurs années avec ce framework, et il fera partie de la communauté Tailwind depuis un certain temps.

De plus, il partagera immédiatement ses opinions professionnelles sur les composants de Tailwind; les réflexions critiques et les avis constructifs sur le framework (améliorations, problèmes, etc.) confirment qu’une personne a une assez bonne expérience de ce framework.

Ne sous-estimez pas non plus l'importance de la capacité à savoir partager des opinions sous forme d'idées et d'améliorations. Si le développeur Tailwind partage des idées concrètes pour le travail actuel ou futur, c'est un autre signe clair qu'il est probablement le bon candidat pour le poste.

Et, bien sûr, montrer des performances exceptionnelles lors des tests techniques et pratiques pendant les phases d'entretien constitue un autre aspect essentiel pour filtrer les candidatures jusqu’à obtenir la meilleure.

Défis possibles lors de l'embauche d'un développeur Tailwind

Comme pour la plupart des recrutements, le problème habituel est d'embaucher un développeur qui n'a pas les compétences ou l'expertise requises pour le poste. Le recruteur peut résoudre ce problème à temps si les entretiens et la présélection sont effectués correctement et méticuleusement.

Et pour éviter ce genre de difficultés, il ne faut pas avancer dans une dynamique hâtive ou précipitée lors des entretiens et du filtrage des candidatures. Les responsables du recrutement ou les recruteurs doivent présélectionner les meilleures candidatures et ne pas se contenter de mettre de côté tous les candidats "assez bons".

Pourquoi et quand devez-vous faire appel à un développeur Tailwind ?

Engagez un développeur Tailwind si vous avez besoin d'atteindre ou d'améliorer les points suivants dans votre travail/entreprise :

• Construire régulièrement des looks et des composants différents; Tailwind est adapté à l'utilisation de toutes les palettes et couleurs pour créer un nouveau composant de look à chaque fois.
• Gestion des CSS inutilisés – avec Tailwind, il n'y aura plus de CSS inutilisés, et lorsque les développeurs en produisent, il n’y a, au final, qu’un minuscule paquet de CSS de moins de 10KB.
• Conceptions réactives – le développeur peut rapidement créer des conceptions très réactives, directement en HTML, sans avoir à se soucier des diverses requêtes média dans le CSS.
• Pas de doublons : Tailwind gère les répétitions en extrayant des composants spécifiques pour obtenir un seul résultat.
• Mode sombre, élégant et pratique : le développeur peut utiliser Tailwind pour appliquer un mode sombre dans la configuration, puis utiliser ce même mode sombre sur n'importe quel motif de couleur, couleur de bordure, gradient ou couleur de texte.
• Utilisation de valeurs par défaut prêtes à l'emploi : Tailwind propose de nombreuses valeurs par défaut prêtes à l'emploi, telles que l'échelle d'espacement, les ombres de boîte, les valeurs par défaut du curseur de la souris, les palettes de couleurs, etc. Ces valeurs par défaut permettent d'obtenir un design personnalisé et facile à mettre en œuvre dans le framework CSS personnalisé.
• Meilleure intégration de l'EDI (environnement de développement intégré): le développeur n’a pas besoin de se souvenir de chaque nom de classe car, grâce à l'extension Tailwind IntelliSense, il existe des suggestions d'autocomplétion qui ne nécessitent pas de configuration.

Avantages de Tailwind

Comme Tailwind fait partie des frameworks CSS les plus populaires, pour un développeur, il y a de nombreux avantages à travailler avec lui et à l'intégrer dans le travail quotidien. Ce framework possède des fonctionnalités exceptionnelles qui peuvent être appliquées à différents projets, notamment les projets React.

Lorsqu'un développeur utilise Tailwind, il se concentre sur l'affichage d'un élément plutôt que sur la fonctionnalité de cet élément. Aussi, les tests sont-ils beaucoup plus faciles grâce à cet objectif de mise en page et d'affichage.

Voyons quels sont les avantages notables les plus essentiels de Tailwind :

• Sécurité et réactivité : il y a rarement des bugs et des interruptions avec Tailwind, et le développeur peut concevoir une mise en page directement avec les fichiers HTML pour une expérience conviviale et réactive.
• Stylisation CSS rapide – Tailwind est le framework de stylisation HTML le plus rapide qui permette une conception directe de la mise en page grâce à de nombreuses classes intégrées. Lorsque le développeur stylise certaines applications Web, il n'a pas besoin des fonctions et des thèmes par défaut ; au lieu de cela, le développeur choisit divers looks et options, palettes de couleurs, espacement, thèmes, styles et couleurs et plus encore.
• Patterns d'utilité commune – Avec Tailwind, il n'est pas nécessaire de nommer les classes car il offre des patterns d'utilité commune disponibles pour l'organisation globale et la mise en cascade des classes.
• Convient à la création de mises en page complexes – L'un des aspects intéressants de Tailwind est qu'il utilise une approche axée sur le mobile et que le développeur peut créer rapidement des conceptions réactives.
• Intégration de la communauté – Lorsque le développeur se sent bloqué ou a besoin de l'avis d'un autre expert, la communauté offre de nombreuses possibilités de ce type.

En ce qui concerne les meilleurs avantages de travailler avec Tailwind, Diamant a déclaré :

"Il s'agit d'une excellente solution pour les développeurs familiers des CSS qui souhaitent accélérer les processus de création et de conception. Elle est simple à utiliser, facile à configurer et il y est assez aisé d’appliquer des styles aux composants. La réactivité est gérée facilement grâce à des points d'arrêt, et il existe un fichier de configuration Tailwind pour personnaliser les besoins du projet et s'adapter au thème."

Ainsi, nous constatons de nombreux avantages à l'utilisation de Tailwind; ce qui est encore plus vrai pour les employeurs et les entreprises en ce qui concerne les avantages à long terme pour la réussite commerciale.

Les entreprises ont tout à gagner à embaucher des développeurs Tailwind, car tout site Web aura toujours besoin d’une interface utilisateur précise et unique, et pas seulement une réalisation approximative. De plus, il n'y a pas de limitation pour choisir d'autres approches de style, et la personnalisation s'améliore lorsque CSS et SCSS sont combinés. Les structures de style seront toujours livrées très rapidement et modifiées efficacement si nécessaire. Et il n'y a pas non plus de dépendance à l'égard d'autres bibliothèques.

Questions et réponses pour un entretien sur Tailwind

Nous vous proposons ci-dessous quelques questions parmi les nombreuses questions pertinentes à prendre en compte pour l'entretien avec un développeur Tailwind :

1. Décrivez brièvement les fonctions et les directives dans Tailwind.

Réponse attendue : Les fonctions de Tailwind sont des ensembles de fonctionnalités personnalisées permettant d'accéder facilement à des valeurs spécifiques dans Tailwind. Dans ce contexte, les directives sont les at-rules utilisées spécifiquement pour Tailwind, et elles représentent les types d'instructions CSS qui dirigent le comportement de CSS. Toutes les directives commencent par @

Les fonctions et les directives ajoutent des caractéristiques à vos projets Tailwind, qui enrichissent ces projets de fonctionnalités spéciales. En voici quelques-unes :

• @apply : si vous souhaitez combiner des parties de classe existantes dans un CSS personnalisé, vous utilisez @apply.
• @tailwind - avec cette directive, votre CSS recevra les éléments suivants : "components", "base", "variants" et "utilities".
• @responsive – pour envelopper les définitions de classes et créer des versions de classes réactives.
• @variants-pour la création de versions utilitaires.
• config()-utilisé pour accéder facilement aux valeurs de configuration dans Tailwind.
• @screen-pour faciliter la création d'une requête média sans duplication des valeurs.

2. Que pouvez-vous nous dire à propos des styles personnalisés dans Tailwind ?

Réponse attendue : Nous pouvons toujours ajouter rapidement des styles personnalisés dans le framework de Tailwind car il est hautement personnalisable. Il n’y a quasiment pas de ralentissements ni d'obstacles à cela car Tailwind est également extensible. Par exemple, nous pouvons personnaliser un thème avec un espacement ou une typographie uniques, ainsi que des palettes de couleurs. Ensuite, nous pouvons ajouter des règles CSS personnalisées au projet avec @layers. Il est également possible d'ajouter des styles de base, des classes de composants, de résoudre facilement les ambiguïtés et de gérer facilement les whitespaces, entre autres.

3. Que sont les "requêtes média" en CSS ?

Réponse attendue : Les requêtes média sont utilisées pour modifier l'apparence de l'application ou de la page web/du site web par le biais de fonctionnalités spécifiques, de préférences de l'utilisateur et de caractéristiques qui complètent une apparence fonctionnelle. Ces requêtes sont principalement utilisées et liées à CSS, mais vous pouvez également les utiliser avec JS ou HTML.

Ces requêtes sont un excellent outil à utiliser et elles sont combinées avec les types de médias en termes d'enrichissement et d'ajout au concept de types de médias (qui, soit dit en passant, sont divers ensembles de règles pour divers appareils). Les requêtes média permettent d'ajuster la résolution, la hauteur et la largeur d'un appareil, la hauteur et la largeur de la fenêtre d'affichage, ainsi que l'orientation paysage ou portrait. Au final, nous obtenons une feuille de style bien adaptée et personnalisée pour les appareils (ordinateur portable, mobile, ordinateur de bureau, etc.).

4. Pouvez-vous expliquer la différence entre CSS et CSS3 ?

Réponse attendue : Le mot-clé modules est le mot crucial ici car CSS manque de modules, et CSS3 en possède. Pour le définir de manière simple, CSS est une version plus simple, plus basique ; elle offre des options de stylisation avec des couleurs, des arrière-plans et des bordures mais ne prend pas en charge le responsive design. Elle permet également d'améliorer l'accessibilité globale du contenu.

Dans le même temps, CSS3 est plus avancé et mis à jour. De plus, nous obtenons ici ce support de conception réactive (responsive design). Avec CSS3, nous pouvons mettre en forme et structurer des pages, et même obtenir des modules individuels si nous divisons les normes CSS.

5. Qu'est-ce que le Box Model CSS?

Réponse attendue : Si nous voulons faire référence à des choses liées à la mise en page, à la conception ou au "framing" des choses que nous voyons, nous nous référons au box model. Toutes les parties du CSS sont "boxed". Donc pour la manipulation, la création, les alignements et les ajustements de la mise en page, nous devons savoir comment travailler avec ce modèle.

Ce box model ressemble à un framework. Il encadre et capture les éléments HTML à l'intérieur. Les composants de cette boîte sont donc le padding (la zone nette qui entoure le contenu), les marges (un encadrement qui est hors de la bordure), le contenu lui-même (le texte et/ou l'image), et les bordures (le framework autour du contenu et le padding également).

6. Qu’est-ce que les "groupes imbriqués" ?

Réponse attendue : Tout d'abord, définissons “groupes imbriqués” : il s'agit simplement d'un groupe constitué comme suit: le groupe enfant, contenu dans un autre groupe parent.

En CSS, l'imbrication représente un processus par lequel nous rassemblons et imbriquons des éléments qui réduisent le code écrit par le développeur, avec l'aide du plugin 'tailwind/nesting'. En retour, cela nous aide à charger les pages plus rapidement et à minimiser la taille des feuilles de style. Le processus d'imbrication est un sélecteur contenu dans un autre sélecteur ou des styles connexes regroupés en un seul endroit. Ainsi, nous écrivons le CSS d'une manière plus organisée.

7. Que pouvez-vous dire de l'intégration des pages web CSS ?

Réponse attendue : L'intégration d'une page web en CSS peut se faire de trois façons.

• En ligne – S'il y a des attributs d'éléments HTML au code CSS; c'est-à-dire que nous leur appliquons le CSS. Ici, nous allons à l'attribut de l'élément HTML et nous écrivons le code CSS dans celui-ci.
• Embarqué/Interne : cette méthode est idéale pour appliquer un style unique dans un document ou par le biais de < style > dans < head >, ce qui signifie que nous plaçons le CSS dans l'élément d'en-tête de la page Web.
• Lié / Importé / Externe – Si nous avons besoin d'éditer et de modifier plusieurs pages de sites Web, c'est la méthode de choix à utiliser. Nous nous rendons dans un fichier de type externe et nous utilisons l'élément < link > pour y placer le CSS. Pour ce faire, nous devons nous rendre dans l'espace de travail, créer un fichier CSS distinct et lancer la liaison dans toutes les pages Web suivantes.

8. Que représentent les "pseudo-classes" et les "pseudo-éléments" en CSS ?

Réponse attendue : Si nous devons spécifier ou définir un élément ou un état particulier, nous devons utiliser un sélecteur pour les spécifier. Ce type de sélecteur est appelé pseudo-classe. Il s'agit, en fait, d'un mot-clé à l'intérieur d'un sélecteur. Avec la pseudo-classe, nous pouvons réaliser divers styles d'éléments, de liens (visités et non visités), et d'autres choses du même type. Il suffit de survoler et de déplacer la souris sur l'élément que nous voulons styliser. Par exemple, avec survol, nous pouvons changer la couleur d'un bouton de sorte que lorsqu'un utilisateur survole ce bouton, la couleur change. Il existe de nombreuses variantes de pseudo-classes, telles que focus, group-hover, active, focus-within, group-focus, motion-safe, focus-visible, et bien d'autres.

Lorsque nous cherchons à définir et à comparer les expressions pseudo-classe et pseudo-élément, on remarque que la pseudo-classe est une classe virtuelle CSS, tandis que le pseudo-élément est un élément virtuel HTML. La pseudo-classe indique les différents états de l'élément et ce pseudo-élément joue le rôle d'un nouvel élément dans un élément; ils stylisent une ligne ou la première lettre, par exemple.

9. Qu'est-ce qu'un "préprocesseur" CSS ?

Réponse attendue : Nous utilisons les préprocesseurs en CSS lorsque nous avons besoin de simplifier le travail avec des tâches répétitives (c'est-à-dire de permettre leur automatisation), mais aussi de réduire les diverses erreurs, longueurs de code inutiles et de faire des bouts de code que nous pouvons réutiliser.

Certains préprocesseurs CSS sont Less, Sass, Stylus et PostCSS. Leur utilisation avec Tailwind est optionnelle. L’utilisation des préprocesseurs permettrait une organisation CSS plus facile ainsi que la combinaison de fichiers.

10. Que pouvez-vous dire de 'calc()' dans Tailwind ?

Réponse attendue : calc() est une fonction importante et simple d'utilisation, à laquelle nous avons recours lorsque nous avons besoin d'obtenir le calcul d'une valeur spécifique, c'est-à-dire de recevoir les valeurs des propriétés en CSS. Lorsque nous utilisons cette fonction, toutes les expressions mathématiques sont activées, telles que ( * ), ( - ), ( / ) et ( + ), et nous recevons également des valeurs liées au padding, à la largeur, à la marge et à la hauteur.

Cette fonction est toujours placée entre deux crochets.

11. Définissez ce qu’est BEM en CSS.

Réponse attendue : Le BEM (Block-Element-Modifier) est une méthodologie ou une convention frontend permettant de nommer les classes CSS et de les organiser correctement dans des formats propres.

Lorsque nous utilisons CSS BEM, nous pouvons mieux maintenir et organiser nos CSS. Par exemple, en résolvant les problèmes de scoping lors de la définition des espaces de noms. Cette méthodologie est particulièrement utile pour les grands projets car elle permet d'organiser facilement les styles au sein de ces projets.

Maintenant, définissons brièvement les trois parties du BEM :

• Le bloc, qui permet de garder les éléments ensemble à l'intérieur, et il se comporte presque de la même façon qu’un scope.
• L'élément, qui se comporte comme un composant plus spécifique.
• Le modificateur, qui est utilisé pour l'ajout de certains styles dans certains éléments.

L'utilisation du BEM est bénéfique car nous obtenons une meilleure structure du code CSS. Nous pouvons réutiliser des blocs indépendants, sans qu’il n’y ait plus aucun problème ou obstacle en cascade.

12. Comment décririez-vous les Tailwind "floats" ?

Réponse attendue : Tailwind CSS Float est une classe qui peut reconnaître plusieurs valeurs. Tailwind CSS Float et la propriété CSS Float peuvent tous deux être utilisés dans le même but. Avec l'aide de Float, nous pouvons facilement observer le contenu lorsque nous devons envelopper un élément avec celui-ci.

Nous avons trois types de floats :

• Float-none – Lorsqu'il est dans une position/place par défaut, l'élément peut “flotter” ici
• float-left : pour un élément flottant à gauche d'un conteneur
• float-right – Pour l'élément flottant à droite d'un conteneur

13. Qu'est-ce que sont la "cascade CSS" et la "portion en cascade" ?

Réponse attendue : Lorsque les règles de positionnement des styles sont fluides, descendantes ou en "cascade", à partir de sources diverses ou différentes, nous appelons cet algorithme "CSS en cascade". Ce concept contribue à une hiérarchie soignée des styles.

Lorsque nous entrons dans les détails, la portion en cascade signifie que nous maintenons un document de manière plus pratique parce que nous faisons des divisions de formations de style séparées, telles que la largeur de ligne, la taille de la police, la couleur du fond et la police également.

14. Définition et brève comparaison de "nth-of-type()" et "nth-child()".

Réponse attendue : Les fonctions "nth-of-type()" et "nth-child()" sont des sélecteurs, des pseudo-classes en CSS.

La fonction nth-of-type() peut facilement faire correspondre un nombre avec un élément sur la base de ce nombre; c’est-à-dire la position numérique de l'élément. En d’autres termes, sur la base de l'ordre dans la source. Ici, la position n'est déterminée qu'au sein du groupe de frères et sœurs du même type d'élément.

Avec nth-child(), nous faisons également correspondre un nombre avec un élément, mais ici le terme “nombre” renvoie à la quantité de frères qui ont précédé l'élément dans tout le document.

15. Comparer et définir les termes "relatif" et "absolu" dans le contexte de CSS.

Réponse attendue : Ces termes représentent les positions dans Tailwind CSS, c'est-à-dire la position de l'élément par rapport au flux global du document.

Le positionnement relatif est un positionnement normal dans le contexte de la position normale et ordinaire de l'élément. Si nous travaillons avec un élément placé de manière relative et que nous définissons les propriétés bottom, top, left et right, les changements visibles seront très différents de la position normale.

En revanche, avec la position absolue, nous ajustons la position de l'élément uniquement en fonction de son placement par rapport au "parent". S'il n'y a pas de "parent" et que nous devons utiliser quelque chose comme "parent", nous attribuons ce rôle au corps du document.