## Tâche
Vous construisez un affichage d'informations détaillées sur les races. Après avoir récupéré les données de race à partir de l'API, vous afficherez le nom de chaque race, sa description, sa durée de vie, les plages de poids des mâles et des femelles, et son statut hypoallergénique. 
1. Utilisez Axios pour récupérer des données depuis `https://dogapi.dog/api/v2/breeds` lorsque le bouton "Récupérer les races" est cliqué, en enveloppant la requête dans un bloc try-catch.
2. S'il y a une erreur lors de la requête API, masquez l'indicateur de chargement et affichez un message d'erreur.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJpbmRleC5jc3MiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGJ1dHRvbiBpZD0iZmV0Y2gtYnJlZWRzIj5GZXRjaCBCcmVlZHM8L2J1dHRvbj4KICAgIDxwIGlkPSJsb2FkaW5nIiBzdHlsZT0iZGlzcGxheTogbm9uZSI+TG9hZGluZyBicmVlZHMuLi48L3A+CiAgICA8cCBpZD0iZXJyb3ItbWVzc2FnZSI+PC9wPgogICAgPGRpdiBpZD0iYnJlZWQtbGlzdCI+PC9kaXY+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9heGlvcy9kaXN0L2F4aW9zLm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0iaW5kZXguanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg==

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICdBcmlhbCcsIHNhbnMtc2VyaWY7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YzZjZmYTsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBtaW4taGVpZ2h0OiAxMDB2aDsKICBtYXJnaW46IDA7CiAgY29sb3I6ICMzMzM7CiAgcGFkZGluZzogMjBweDsKfQoKYnV0dG9uIHsKICBwYWRkaW5nOiAxMnB4IDIwcHg7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjZmZmZmZmOwogIGJhY2tncm91bmQtY29sb3I6ICMwMDdiZmY7CiAgYm9yZGVyOiBub25lOwogIGJvcmRlci1yYWRpdXM6IDZweDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2U7CiAgbWFyZ2luLWJvdHRvbTogMjBweDsKfQoKYnV0dG9uOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA1NmIzOwp9CgojbG9hZGluZyB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjMWQ0ZWQ4OwogIGZvbnQtc3R5bGU6IGl0YWxpYzsKICBtYXJnaW46IDEwcHggMDsKfQoKI2Vycm9yLW1lc3NhZ2UgewogIGNvbG9yOiAjZWY0NDQ0OwogIGZvbnQtd2VpZ2h0OiBib2xkOwogIGZvbnQtc2l6ZTogMXJlbTsKICBtYXJnaW46IDE1cHggMDsKfQoKI2JyZWVkLWxpc3QgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDE1cHg7CiAgd2lkdGg6IDEwMCU7CiAgbWF4LXdpZHRoOiA2MDBweDsKfQoKI2JyZWVkLWxpc3QgZGl2IHsKICBwYWRkaW5nOiAyMHB4OwogIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7CiAgYm9yZGVyLXJhZGl1czogOHB4OwogIGJveC1zaGFkb3c6IDAgNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJvcmRlci1sZWZ0OiA0cHggc29saWQgIzAwN2JmZjsKICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLCBib3gtc2hhZG93IDAuMnMgZWFzZTsKfQoKI2JyZWVkLWxpc3QgZGl2OmhvdmVyIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7CiAgYm94LXNoYWRvdzogMCA4cHggMTZweCByZ2JhKDAsIDAsIDAsIDAuMTUpOwp9CgojYnJlZWQtbGlzdCBoMyB7CiAgZm9udC1zaXplOiAxLjI1cmVtOwogIGNvbG9yOiAjMWYyOTM3OwogIG1hcmdpbjogMCAwIDhweDsKfQoKI2JyZWVkLWxpc3QgcCB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjNGI1NTYzOwogIG1hcmdpbjogNHB4IDA7Cn0=

Y29uc3QgZmV0Y2hCcmVlZHNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZmV0Y2gtYnJlZWRzJyk7CmNvbnN0IGxvYWRpbmdNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvYWRpbmcnKTsKY29uc3QgZXJyb3JNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Vycm9yLW1lc3NhZ2UnKTsKY29uc3QgYnJlZWRMaXN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JyZWVkLWxpc3QnKTsKCmZ1bmN0aW9uIGRpc3BsYXlCcmVlZHMoYnJlZWRzKSB7CiAgYnJlZWRzLmZvckVhY2goYnJlZWQgPT4gewogICAgY29uc3QgYnJlZWREaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGNvbnN0IGJyZWVkTmFtZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2gzJyk7CiAgICBjb25zdCBicmVlZERlc2NyaXB0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRMaWZlU3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkV2VpZ2h0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRIeXBvYWxsZXJnZW5pYyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkR3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwJyk7CgogICAgYnJlZWROYW1lLnRleHRDb250ZW50ID0gYnJlZWQuYXR0cmlidXRlcy5uYW1lOwogICAgYnJlZWREZXNjcmlwdGlvbi50ZXh0Q29udGVudCA9IGJyZWVkLmF0dHJpYnV0ZXMuZGVzY3JpcHRpb247CiAgICBicmVlZExpZmVTcGFuLnRleHRDb250ZW50ID0gYExpZmUgU3BhbjogJHticmVlZC5hdHRyaWJ1dGVzLmxpZmUubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMubGlmZS5tYXh9IHllYXJzYDsKICAgIGJyZWVkV2VpZ2h0LnRleHRDb250ZW50ID0gYFdlaWdodCAoTWFsZSk6ICR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5taW59LSR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5tYXh9IGtnLCAoRmVtYWxlKTogJHticmVlZC5hdHRyaWJ1dGVzLmZlbWFsZV93ZWlnaHQubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMuZmVtYWxlX3dlaWdodC5tYXh9IGtnYDsKICAgIGJyZWVkSHlwb2FsbGVyZ2VuaWMudGV4dENvbnRlbnQgPSBgSHlwb2FsbGVyZ2VuaWM6ICR7CiAgICAgIGJyZWVkLmF0dHJpYnV0ZXMuaHlwb2FsbGVyZ2VuaWMgPyAnWWVzJyA6ICdObycKICAgIH1gOwoKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTmFtZSk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZERlc2NyaXB0aW9uKTsKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTGlmZVNwYW4pOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRXZWlnaHQpOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRIeXBvYWxsZXJnZW5pYyk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZEdyb3VwKTsKICAgIGJyZWVkTGlzdC5hcHBlbmRDaGlsZChicmVlZERpdik7CiAgfSk7Cn0KCmFzeW5jIGZ1bmN0aW9uIGZldGNoQnJlZWRzKCkgewogIGxvYWRpbmdNZXNzYWdlLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snOwogIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9ICcnOwogIGJyZWVkTGlzdC5pbm5lckhUTUwgPSAnJzsKCiAgdHJ5IHsKICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgX19fX18uX19fX18oJ19fX19fJyk7CiAgICBsb2FkaW5nTWVzc2FnZS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnOwogICAgZGlzcGxheUJyZWVkcyhyZXNwb25zZS5kYXRhLmRhdGEpOwogIH0gX19fX18gKGVycm9yKSB7CiAgICBsb2FkaW5nTWVzc2FnZS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnOwogICAgZXJyb3JNZXNzYWdlLnRleHRDb250ZW50ID0KICAgICAgJ0NvdWxkIG5vdCBsb2FkIGJyZWVkIGluZm9ybWF0aW9uLiBQbGVhc2UgdHJ5IGFnYWluLic7CiAgICBjb25zb2xlLmVycm9yKCdFcnJvciBmZXRjaGluZyBicmVlZHM6JywgZXJyb3IpOwogIH0KfQoKZmV0Y2hCcmVlZHNCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBmZXRjaEJyZWVkcyk7

- Utilisez `axios.get('https://dogapi.dog/api/v2/breeds')` pour récupérer les données de l'API ;
- Dans le bloc `catch`, gérez l'erreur.

Y29uc3QgZmV0Y2hCcmVlZHNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZmV0Y2gtYnJlZWRzJyk7CmNvbnN0IGxvYWRpbmdNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvYWRpbmcnKTsKY29uc3QgZXJyb3JNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Vycm9yLW1lc3NhZ2UnKTsKY29uc3QgYnJlZWRMaXN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JyZWVkLWxpc3QnKTsKCmZ1bmN0aW9uIGRpc3BsYXlCcmVlZHMoYnJlZWRzKSB7CiAgYnJlZWRzLmZvckVhY2goYnJlZWQgPT4gewogICAgY29uc3QgYnJlZWREaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGNvbnN0IGJyZWVkTmFtZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2gzJyk7CiAgICBjb25zdCBicmVlZERlc2NyaXB0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRMaWZlU3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkV2VpZ2h0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRIeXBvYWxsZXJnZW5pYyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkR3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwJyk7CgogICAgYnJlZWROYW1lLnRleHRDb250ZW50ID0gYnJlZWQuYXR0cmlidXRlcy5uYW1lOwogICAgYnJlZWREZXNjcmlwdGlvbi50ZXh0Q29udGVudCA9IGJyZWVkLmF0dHJpYnV0ZXMuZGVzY3JpcHRpb247CiAgICBicmVlZExpZmVTcGFuLnRleHRDb250ZW50ID0gYExpZmUgU3BhbjogJHticmVlZC5hdHRyaWJ1dGVzLmxpZmUubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMubGlmZS5tYXh9IHllYXJzYDsKICAgIGJyZWVkV2VpZ2h0LnRleHRDb250ZW50ID0gYFdlaWdodCAoTWFsZSk6ICR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5taW59LSR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5tYXh9IGtnLCAoRmVtYWxlKTogJHticmVlZC5hdHRyaWJ1dGVzLmZlbWFsZV93ZWlnaHQubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMuZmVtYWxlX3dlaWdodC5tYXh9IGtnYDsKICAgIGJyZWVkSHlwb2FsbGVyZ2VuaWMudGV4dENvbnRlbnQgPSBgSHlwb2FsbGVyZ2VuaWM6ICR7CiAgICAgIGJyZWVkLmF0dHJpYnV0ZXMuaHlwb2FsbGVyZ2VuaWMgPyAnWWVzJyA6ICdObycKICAgIH1gOwoKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTmFtZSk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZERlc2NyaXB0aW9uKTsKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTGlmZVNwYW4pOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRXZWlnaHQpOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRIeXBvYWxsZXJnZW5pYyk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZEdyb3VwKTsKICAgIGJyZWVkTGlzdC5hcHBlbmRDaGlsZChicmVlZERpdik7CiAgfSk7Cn0KCmFzeW5jIGZ1bmN0aW9uIGZldGNoQnJlZWRzKCkgewogIGxvYWRpbmdNZXNzYWdlLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snOwogIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9ICcnOwogIGJyZWVkTGlzdC5pbm5lckhUTUwgPSAnJzsKCiAgdHJ5IHsKICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgYXhpb3MuZ2V0KCdodHRwczovL2RvZ2FwaS5kb2cvYXBpL3YyL2JyZWVkcycpOwogICAgbG9hZGluZ01lc3NhZ2Uuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICAgIGRpc3BsYXlCcmVlZHMocmVzcG9uc2UuZGF0YS5kYXRhKTsKICB9IGNhdGNoIChlcnJvcikgewogICAgbG9hZGluZ01lc3NhZ2Uuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICAgIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9CiAgICAgICdDb3VsZCBub3QgbG9hZCBicmVlZCBpbmZvcm1hdGlvbi4gUGxlYXNlIHRyeSBhZ2Fpbi4nOwogICAgY29uc29sZS5lcnJvcignRXJyb3IgZmV0Y2hpbmcgYnJlZWRzOicsIGVycm9yKTsKICB9Cn0KCmZldGNoQnJlZWRzQnV0dG9uLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZmV0Y2hCcmVlZHMpOw==

Ce cours offre une exploration approfondie des principes clés de JavaScript, en se concentrant sur les classes, la manipulation du DOM, la gestion des événements et la programmation asynchrone. Vous apprendrez à créer des éléments dynamiques et interactifs, à gérer les interactions utilisateur et à traiter les opérations asynchrones. Grâce à un mélange de théorie et de défis pratiques, ce cours vous aide à développer des compétences pratiques en JavaScript pour des applications du monde réel.

Apprenez les fondamentaux des classes JavaScript, des déclarations de classes à la définition de méthodes qui améliorent la fonctionnalité. Découvrez comment utiliser efficacement les objets de paramètres, gérer les propriétés privées et contrôler l'accès avec les accesseurs et les mutateurs. Maîtrisez les propriétés statiques et les méthodes statiques et libérez la puissance de l'héritage de classe en utilisant "extends" et "super()" pour construire un code évolutif et réutilisable.

Maîtrisez la manipulation du DOM pour créer des applications web dynamiques et interactives. Naviguez et modifiez la structure du DOM, mettez à jour le contenu de manière dynamique et appliquez les meilleures pratiques en matière de sécurité et de performance. Différenciez les propriétés et les attributs pour optimiser votre code.

Débloquez l'interactivité de vos applications web en maîtrisant les événements JavaScript. Comprenez la propagation des événements, contrôlez le comportement des événements et implémentez une gestion efficace des événements pour les interactions utilisateur. Optimisez les performances avec des techniques avancées comme la délégation d'événements.

Cette section couvre les éléments essentiels de JavaScript asynchrone, y compris les callbacks, les Promesses et async/await. Vous apprendrez à récupérer des données à partir d'APIs, à intégrer des bibliothèques tierces et à gérer efficacement plusieurs requêtes, développant des compétences pour créer des applications axées sur les données.

Défi : Travailler Avec des Bibliothèques Tierces

Tâche

Awesome!

Défi : Travailler Avec des Bibliothèques Tierces

Tâche