## Tarea
Estás construyendo una visualización detallada de información de razas. Después de obtener los datos de razas desde la API, mostrarás el nombre de cada raza, descripción, esperanza de vida, rangos de peso para machos y hembras, y el estado hipoalergénico.
1. Utiliza Axios para obtener datos desde `https://dogapi.dog/api/v2/breeds` cuando se haga clic en el botón "Fetch Breeds", envolviendo la solicitud en un bloque try-catch.
2. Si ocurre un error durante la solicitud a la API, oculta el indicador de carga y muestra un mensaje de error.

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

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICdBcmlhbCcsIHNhbnMtc2VyaWY7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YzZjZmYTsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBtaW4taGVpZ2h0OiAxMDB2aDsKICBtYXJnaW46IDA7CiAgY29sb3I6ICMzMzM7CiAgcGFkZGluZzogMjBweDsKfQoKYnV0dG9uIHsKICBwYWRkaW5nOiAxMnB4IDIwcHg7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjZmZmZmZmOwogIGJhY2tncm91bmQtY29sb3I6ICMwMDdiZmY7CiAgYm9yZGVyOiBub25lOwogIGJvcmRlci1yYWRpdXM6IDZweDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2U7CiAgbWFyZ2luLWJvdHRvbTogMjBweDsKfQoKYnV0dG9uOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA1NmIzOwp9CgojbG9hZGluZyB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjMWQ0ZWQ4OwogIGZvbnQtc3R5bGU6IGl0YWxpYzsKICBtYXJnaW46IDEwcHggMDsKfQoKI2Vycm9yLW1lc3NhZ2UgewogIGNvbG9yOiAjZWY0NDQ0OwogIGZvbnQtd2VpZ2h0OiBib2xkOwogIGZvbnQtc2l6ZTogMXJlbTsKICBtYXJnaW46IDE1cHggMDsKfQoKI2JyZWVkLWxpc3QgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDE1cHg7CiAgd2lkdGg6IDEwMCU7CiAgbWF4LXdpZHRoOiA2MDBweDsKfQoKI2JyZWVkLWxpc3QgZGl2IHsKICBwYWRkaW5nOiAyMHB4OwogIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7CiAgYm9yZGVyLXJhZGl1czogOHB4OwogIGJveC1zaGFkb3c6IDAgNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJvcmRlci1sZWZ0OiA0cHggc29saWQgIzAwN2JmZjsKICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLCBib3gtc2hhZG93IDAuMnMgZWFzZTsKfQoKI2JyZWVkLWxpc3QgZGl2OmhvdmVyIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7CiAgYm94LXNoYWRvdzogMCA4cHggMTZweCByZ2JhKDAsIDAsIDAsIDAuMTUpOwp9CgojYnJlZWQtbGlzdCBoMyB7CiAgZm9udC1zaXplOiAxLjI1cmVtOwogIGNvbG9yOiAjMWYyOTM3OwogIG1hcmdpbjogMCAwIDhweDsKfQoKI2JyZWVkLWxpc3QgcCB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjNGI1NTYzOwogIG1hcmdpbjogNHB4IDA7Cn0=

Y29uc3QgZmV0Y2hCcmVlZHNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZmV0Y2gtYnJlZWRzJyk7CmNvbnN0IGxvYWRpbmdNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvYWRpbmcnKTsKY29uc3QgZXJyb3JNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Vycm9yLW1lc3NhZ2UnKTsKY29uc3QgYnJlZWRMaXN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JyZWVkLWxpc3QnKTsKCmZ1bmN0aW9uIGRpc3BsYXlCcmVlZHMoYnJlZWRzKSB7CiAgYnJlZWRzLmZvckVhY2goYnJlZWQgPT4gewogICAgY29uc3QgYnJlZWREaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGNvbnN0IGJyZWVkTmFtZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2gzJyk7CiAgICBjb25zdCBicmVlZERlc2NyaXB0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRMaWZlU3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkV2VpZ2h0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRIeXBvYWxsZXJnZW5pYyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkR3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwJyk7CgogICAgYnJlZWROYW1lLnRleHRDb250ZW50ID0gYnJlZWQuYXR0cmlidXRlcy5uYW1lOwogICAgYnJlZWREZXNjcmlwdGlvbi50ZXh0Q29udGVudCA9IGJyZWVkLmF0dHJpYnV0ZXMuZGVzY3JpcHRpb247CiAgICBicmVlZExpZmVTcGFuLnRleHRDb250ZW50ID0gYExpZmUgU3BhbjogJHticmVlZC5hdHRyaWJ1dGVzLmxpZmUubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMubGlmZS5tYXh9IHllYXJzYDsKICAgIGJyZWVkV2VpZ2h0LnRleHRDb250ZW50ID0gYFdlaWdodCAoTWFsZSk6ICR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5taW59LSR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5tYXh9IGtnLCAoRmVtYWxlKTogJHticmVlZC5hdHRyaWJ1dGVzLmZlbWFsZV93ZWlnaHQubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMuZmVtYWxlX3dlaWdodC5tYXh9IGtnYDsKICAgIGJyZWVkSHlwb2FsbGVyZ2VuaWMudGV4dENvbnRlbnQgPSBgSHlwb2FsbGVyZ2VuaWM6ICR7CiAgICAgIGJyZWVkLmF0dHJpYnV0ZXMuaHlwb2FsbGVyZ2VuaWMgPyAnWWVzJyA6ICdObycKICAgIH1gOwoKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTmFtZSk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZERlc2NyaXB0aW9uKTsKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTGlmZVNwYW4pOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRXZWlnaHQpOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRIeXBvYWxsZXJnZW5pYyk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZEdyb3VwKTsKICAgIGJyZWVkTGlzdC5hcHBlbmRDaGlsZChicmVlZERpdik7CiAgfSk7Cn0KCmFzeW5jIGZ1bmN0aW9uIGZldGNoQnJlZWRzKCkgewogIGxvYWRpbmdNZXNzYWdlLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snOwogIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9ICcnOwogIGJyZWVkTGlzdC5pbm5lckhUTUwgPSAnJzsKCiAgdHJ5IHsKICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgX19fX18uX19fX18oJ19fX19fJyk7CiAgICBsb2FkaW5nTWVzc2FnZS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnOwogICAgZGlzcGxheUJyZWVkcyhyZXNwb25zZS5kYXRhLmRhdGEpOwogIH0gX19fX18gKGVycm9yKSB7CiAgICBsb2FkaW5nTWVzc2FnZS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnOwogICAgZXJyb3JNZXNzYWdlLnRleHRDb250ZW50ID0KICAgICAgJ0NvdWxkIG5vdCBsb2FkIGJyZWVkIGluZm9ybWF0aW9uLiBQbGVhc2UgdHJ5IGFnYWluLic7CiAgICBjb25zb2xlLmVycm9yKCdFcnJvciBmZXRjaGluZyBicmVlZHM6JywgZXJyb3IpOwogIH0KfQoKZmV0Y2hCcmVlZHNCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBmZXRjaEJyZWVkcyk7

- Utiliza `axios.get('https://dogapi.dog/api/v2/breeds')` para obtener datos de la API;
- En el bloque `catch`, gestiona el error.

Y29uc3QgZmV0Y2hCcmVlZHNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZmV0Y2gtYnJlZWRzJyk7CmNvbnN0IGxvYWRpbmdNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvYWRpbmcnKTsKY29uc3QgZXJyb3JNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Vycm9yLW1lc3NhZ2UnKTsKY29uc3QgYnJlZWRMaXN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JyZWVkLWxpc3QnKTsKCmZ1bmN0aW9uIGRpc3BsYXlCcmVlZHMoYnJlZWRzKSB7CiAgYnJlZWRzLmZvckVhY2goYnJlZWQgPT4gewogICAgY29uc3QgYnJlZWREaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGNvbnN0IGJyZWVkTmFtZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2gzJyk7CiAgICBjb25zdCBicmVlZERlc2NyaXB0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRMaWZlU3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkV2VpZ2h0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRIeXBvYWxsZXJnZW5pYyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkR3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwJyk7CgogICAgYnJlZWROYW1lLnRleHRDb250ZW50ID0gYnJlZWQuYXR0cmlidXRlcy5uYW1lOwogICAgYnJlZWREZXNjcmlwdGlvbi50ZXh0Q29udGVudCA9IGJyZWVkLmF0dHJpYnV0ZXMuZGVzY3JpcHRpb247CiAgICBicmVlZExpZmVTcGFuLnRleHRDb250ZW50ID0gYExpZmUgU3BhbjogJHticmVlZC5hdHRyaWJ1dGVzLmxpZmUubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMubGlmZS5tYXh9IHllYXJzYDsKICAgIGJyZWVkV2VpZ2h0LnRleHRDb250ZW50ID0gYFdlaWdodCAoTWFsZSk6ICR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5taW59LSR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5tYXh9IGtnLCAoRmVtYWxlKTogJHticmVlZC5hdHRyaWJ1dGVzLmZlbWFsZV93ZWlnaHQubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMuZmVtYWxlX3dlaWdodC5tYXh9IGtnYDsKICAgIGJyZWVkSHlwb2FsbGVyZ2VuaWMudGV4dENvbnRlbnQgPSBgSHlwb2FsbGVyZ2VuaWM6ICR7CiAgICAgIGJyZWVkLmF0dHJpYnV0ZXMuaHlwb2FsbGVyZ2VuaWMgPyAnWWVzJyA6ICdObycKICAgIH1gOwoKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTmFtZSk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZERlc2NyaXB0aW9uKTsKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTGlmZVNwYW4pOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRXZWlnaHQpOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRIeXBvYWxsZXJnZW5pYyk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZEdyb3VwKTsKICAgIGJyZWVkTGlzdC5hcHBlbmRDaGlsZChicmVlZERpdik7CiAgfSk7Cn0KCmFzeW5jIGZ1bmN0aW9uIGZldGNoQnJlZWRzKCkgewogIGxvYWRpbmdNZXNzYWdlLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snOwogIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9ICcnOwogIGJyZWVkTGlzdC5pbm5lckhUTUwgPSAnJzsKCiAgdHJ5IHsKICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgYXhpb3MuZ2V0KCdodHRwczovL2RvZ2FwaS5kb2cvYXBpL3YyL2JyZWVkcycpOwogICAgbG9hZGluZ01lc3NhZ2Uuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICAgIGRpc3BsYXlCcmVlZHMocmVzcG9uc2UuZGF0YS5kYXRhKTsKICB9IGNhdGNoIChlcnJvcikgewogICAgbG9hZGluZ01lc3NhZ2Uuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICAgIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9CiAgICAgICdDb3VsZCBub3QgbG9hZCBicmVlZCBpbmZvcm1hdGlvbi4gUGxlYXNlIHRyeSBhZ2Fpbi4nOwogICAgY29uc29sZS5lcnJvcignRXJyb3IgZmV0Y2hpbmcgYnJlZWRzOicsIGVycm9yKTsKICB9Cn0KCmZldGNoQnJlZWRzQnV0dG9uLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZmV0Y2hCcmVlZHMpOw==

Domina los conceptos esenciales de JavaScript, incluyendo clases, manipulación del DOM, manejo de eventos y programación asíncrona. Aprende a crear aplicaciones web dinámicas e interactivas gestionando interacciones de usuario, obteniendo y mostrando datos, y manejando operaciones asíncronas de manera eficiente. A través de una combinación de teoría, desafíos prácticos y ejemplos del mundo real, este curso te proporciona las habilidades prácticas necesarias para el desarrollo web moderno.

Aprenda los fundamentos de las clases en JavaScript, desde las declaraciones de clases hasta la definición de métodos que mejoran la funcionalidad. Descubra cómo utilizar objetos de parámetros de manera eficaz, gestionar propiedades privadas y controlar el acceso mediante getters y setters. Domine las propiedades y métodos estáticos y aproveche el poder de la herencia de clases utilizando "extends" y "super()" para construir código escalable y reutilizable.

Domina la manipulación del DOM para crear aplicaciones web dinámicas e interactivas. Navega y modifica la estructura del DOM, actualiza el contenido de forma dinámica e implementa las mejores prácticas de seguridad y rendimiento. Diferencia entre propiedades y atributos para optimizar tu código.

Desbloquee la interactividad de sus aplicaciones web dominando los eventos en JavaScript. Comprenda la propagación de eventos, controle el comportamiento de los eventos e implemente una gestión eficiente de eventos para las interacciones de usuario. Optimice el rendimiento con técnicas avanzadas como la delegación de eventos.

Profundización en JavaScript asíncrono, incluyendo callbacks, Promesas y async/await. Estudio de la obtención de datos desde APIs, integración de bibliotecas de terceros y gestión eficiente de múltiples solicitudes, desarrollando habilidades para crear aplicaciones orientadas a datos.

Desafío: Trabajar con Bibliotecas de Terceros

Tarea

Awesome!

Desafío: Trabajar con Bibliotecas de Terceros

Tarea