Consumiendo la API Pokémon con ANGULAR 17: Componentes Standalone, Servicios y APIs

¡Bienvenidos a un nuevo viaje por el mundo de Angular! 🚀 En este tutorial, aprenderemos a construir un proyecto utilizando componentes standalone, creando un servicio y consumiendo una API de Pokémon. 🌐💻
Comenzaremos explorando los conceptos clave que subyacen en Angular, estableciendo una base sólida para nuestro proyecto. A lo largo del tutorial, destacaremos las ventajas de utilizar componentes standalone, comparando con proyectos tradicionales y descubriendo cómo esta arquitectura puede simplificar y mejorar nuestra experiencia de desarrollo.
Paso a paso, te guiaré a través de la creación de un proyecto desde cero, mostrándote cómo estructurar componentes standalone de manera efectiva y cómo conectarlos para formar un ecosistema coherente. También abordaremos la creación de un servicio para gestionar la lógica de negocio y conectarnos a una emocionante API de Pokémon, ¡donde veremos a nuestros personajes favoritos cobrar vida en la aplicación! 🐾🔍
Descubriremos qué es loadComponent
¡No te pierdas este tutorial repleto de conocimientos prácticos, tips y trucos para llevar tus habilidades de desarrollo Angular al siguiente nivel! 🌈✨
#Angular #DesarrolloWeb #PokemonAPI #ComponentesStandAlone #ServiciosAngular #TutorialKZbin
¡Prepárate para sumergirte en el mundo de Angular y Pokémon como nunca! 🎮👩‍💻 ¡Suscríbete, activa la campanita y únete a la diversión de la creación de proyectos con Angular! 🎉🔗

[@scarletp6971]

Definitivamente me suscribo a su canal! Ya me estaba sintiendo decepcionada que no entendia la tarea y su video me ha animado mucho a seguir adelante.

[@HugoOnTheBeat]

amigo es la primera vez que me funciona algo en angular... quería darte las gracias y te aseguro que voy a ver todo tu material. muchas gracias por compartir el conocimiento!

[@daniiespinoza1]

Impecable como siempre profe!!!

[@joseantonioamayapostigo2542]

no me funciona y me tira un error en la parte de next:

[@YouTics]

Ojo con la sintaxis

[@joseantonioamayapostigo2542]

bueno solucionado lo del next: ahora si te puedo seguir

[@davidmanas95]

Puedes continuar el tutorial para ir mostrando la lista de pokemon con sus imagenes y stats por favor?? Explicas bastante bien y quiero continuar practicando con tus explicaciones. Gracias

[@YouTics]

Con seguridad a la brevedad continuaré con la segunda parte, gracias por el mensaje

[@davidmanas95]

@@YouTics perfecto, muchas gracias

[@scarletp6971]

Buenos dias profesor!!! Estoy muy feliz de haberlo encontrado! Con este video he seguido sus pasos y he aprendido y entendido mas. Hay segunda parte de este video que muestre como agregar la api info en el componente.html? Estoy tomando unas "clases" para un certificado pero ahi no dan mucha ayuda en si nosotros tenemos que enseñarnos solos y de tanta busqueda lo encontre a usted esta madrugada. Tengo que entregar una tarea de world map api interactivo usando http en angular. Yo estaba usando solo un componente mas aparte del principal app.component segun yo para no confundirme mas. Si lo podria hacer asi? Muchas gracias y exitos!!

[@YouTics]

Buenas, me alegro poder ayudarte. Con respecto a tu consulta, una api es un recurso que vos consumis e ese un servicio creado en angular, una vez que vos creas el servicio lo podes utilizar en cualquier component, fíjate que tengo en listas de reproducción del canal varios videos sobre crear peticiones http, espero te sea útil, saludos

[@scarletp6971]

@YouTics muchisimas gracias por responderme profesor! Ya descanse un poco, yo me pongo a ver los videos! Gracias infinitas!

[@malcubas1]

Buenazo el tutorial

[@freydermauricioortega5092]

Muchas gracias por el video!. quiero aprovechar para hacer una pregunta, como puedo integrar Auth0 con angular 17 ya que el codigo para conectar auth0 esta para angular con modulos

[@YouTics]

Hola frey, cuando trabajas con módulos externos y tu proyecto es con standalone, tenes que importarlo, lo mismo con los providers, con standalone tu componente es también su propio módulo, saludos

[@msvm8700]

Buen video

[@enriqueruiz320]

Un segundo con 41 minutos y treinta y tantos segundos 🤭 ✌