4.33. Introduction au HTML : structure de base, balises et attributs : promesses et async/await
HTML, ou HyperText Markup Language, est le langage de balisage standard pour les documents conçus pour être affichés dans un navigateur Web. Il s'agit de l'une des technologies de base du World Wide Web et constitue une compétence essentielle pour tout développeur front-end.
Structure de base d'un document HTML
La structure de base d'un document HTML est constituée de balises imbriquées. Chaque document commence par la balise <!DOCTYPE html>, qui indique au navigateur que ce qui suit est un document HTML5. Ensuite, nous avons le <html> cela implique tout le contenu de la page.
Dans la balise <html>, nous avons deux parties principales : la balise <head> et <body>. La <head> contient des métadonnées sur le document, telles que le titre de la page, des liens vers des feuilles de style CSS et des scripts JavaScript. Le <body> contient le contenu principal affiché dans le navigateur.
Balises et attributs HTML
Les balises HTML sont les éléments constitutifs de toute page Web. Ils définissent la structure et la mise en page du contenu. Chaque balise commence par un crochet angulaire (<) et se termine par un crochet angulaire (>). Les balises les plus courantes incluent <h1> à <h6> pour les en-têtes, <p> pour les paragraphes, <a> pour les liens, <img> pour les images, et bien d'autres.
Les attributs fournissent des informations supplémentaires sur les éléments HTML. Ils se présentent sous forme de paires nom/valeur et sont toujours inclus au début de la balise. Par exemple, la balise de lien <a> est généralement livré avec l'attribut 'href', qui spécifie l'URL vers laquelle le lien doit pointer.
Introduction aux promesses et async/wait en JavaScript
JavaScript est un langage de programmation qui vous permet d'ajouter une interactivité complexe aux sites Web. L'une des fonctionnalités les plus puissantes de JavaScript est sa capacité à gérer des opérations asynchrones, telles que la récupération de données depuis un serveur. Cela se fait à l'aide de Promises et de la syntaxe async/await.
Promesses en JavaScript
Une promesse en JavaScript est un objet qui représente l'achèvement ou l'échec éventuel d'une opération asynchrone. Il sert de proxy pour une valeur qui peut ne pas être connue lors de la création de la promesse. Une promesse peut être dans l'un des trois états suivants : en attente, remplie ou rejetée.
Les promesses sont utilisées pour gérer les opérations asynchrones d'une manière plus flexible et plus robuste que les anciens rappels. Ils peuvent être enchaînés et manipulés de manière à éviter ce que l'on appelle « l'enfer des rappels », où nous avons de nombreux rappels imbriqués et où le code devient difficile à lire et à maintenir.
Async/Await en JavaScript
async/await est une syntaxe spéciale en JavaScript qui rend le travail avec Promises plus confortable et plus facile à comprendre. Le mot-clé 'async' est utilisé pour déclarer une fonction comme asynchrone, ce qui signifie qu'elle renverra une promesse. Le mot-clé 'await' est utilisé pour suspendre l'exécution de la fonction asynchrone jusqu'à ce que la promesse soit résolue ou rejetée.
L'utilisation de async/await fait ressembler le code asynchrone à du code synchrone, ce qui peut le rendre plus facile à comprendre et à maintenir. Cependant, il est important de noter que même si le code peut sembler synchrone, il s'exécute toujours de manière asynchrone, ce qui signifie qu'il ne bloque pas l'exécution du reste du code.
