Vue consumiendo APIs oficiales de Blizzard

Curso Avanzado de Vue.js 2

Contenido del curso

Bienvenida al curso

1
Vue consumiendo APIs oficiales de Blizzard
Viendo ahora

VueCli, configuración inicial del proyecto y consumo del API de Blizzard

Creación de los componentes y layouts de nuestro proyecto

Agregando funcionalidades avanzadas a nuestro proyecto

Cursos Empresas Blog Live Conf Eventos Precios

0:0013:27

Vue consumiendo APIs oficiales de Blizzard

Curso Avanzado de Vue.js 2

Clase 1 de 27

Clase 1 / 27

Obtén respuestas inmediatas¿Dudas?Profundiza lo que acabas de ver

Recursos

Aprende a construir un buscador de perfiles de Diablo III con Vue consumiendo las APIs oficiales de Blizzard. Este es un curso 100% en lecturas pensado para proyectos grandes: tendrás código accesible al instante, podrás avanzar a tu ritmo y practicar una arquitectura moderna de aplicaciones con API. Comparte tu feedback en comentarios para mejorar el formato.

¿Qué es y por qué este curso en lecturas beneficia tu aprendizaje?

La propuesta combina lo mejor de los cursos verticales con la flexibilidad de las lecturas. No todos los contenidos encajan en audio (ver código solo con audio es difícil), pero aquí las lecturas aportan ventajas claras para un proyecto amplio.

Acceso directo a bloques de código.
Seguimiento de un proyecto completo sin videos extensos.
Facilidad para pausar, copiar y probar.
Formato ideal para aprender a consumir APIs paso a paso.

Puedes usar la app en App Store o Google Play Store. Y recuerda dejar tu opinión: si prefieres lecturas o video, tu comentario ayuda a definir futuros cursos.

¿Cómo es el proyecto con Vue y APIs de Blizzard Entertainment?

El proyecto es un buscador de perfiles de Diablo III. La aplicación es un frontal que consume APIs: el front end se conecta a un endpoint de Blizzard y “pinta” arrays de objetos con datos de temporadas, rankings, usuarios y objetos del jugador. Es una dinámica de desarrollo muy usada hoy: backend detrás del endpoint y frontend conectado a la API.

¿Qué habilidades y conceptos de Vue practicarás?

Creación de componentes paso a paso.
Carga asíncrona o lazy load de rutas y componentes.
Transiciones entre vistas para una navegación fluida.
Uso de sprites en CSS para reducir peticiones al servidor.
Uso de Keep Alive para mantener vistas y mejorar rendimiento.
Animaciones y carga progresiva por pedacitos con un toggle switch de on/off.
Lectura de APIs equivalentes si prefieres Warcraft o StarCraft II.

¿Cómo funciona la autenticación y el consumo de APIs?

Creación de secrets e IDs para obtener un token seguro.
Consumo de las APIs oficiales de Blizzard.
Los datos del jugador se actualizan rápido: en minutos aparecen en la API.
Arquitectura clara: un endpoint central, backend detrás y frontend conectado.

¿Qué viene con Vue 3 y qué opinan los expertos?

La versión 3 trae mejoras de rendimiento notables y una sintaxis nueva que puedes adoptar gradualmente. Lo mejor: compatibilidad entre Vue 2 y Vue 3 en el mismo código base. Además, el Virtual DOM se reescribió para ser más eficiente y el framework será más ligero.

¿Qué mejoras de rendimiento y compatibilidad trae Vue 3?

Virtual DOM reescrito con mejoras de velocidad.
Promesa de ser aproximadamente el doble de rápido que antes.
Tamaño más ligero para producción, por debajo de los diez K.
Convivencia de Vue 2 y Vue 3 en el mismo proyecto.
Beneficios de rendimiento incluso si mantienes componentes en Vue 2.

¿Quién impulsa Vue y por qué la comunidad importa?

Creado por Evan You con una comunidad grande y activa.
Ecosistema rico con muchas herramientas y sponsors.
No depende de una gran empresa, pero tiene soporte sostenible.
Confianza en producción por su adopción y recursos disponibles.

¿Qué experiencia aporta el profesor y por qué elegir Vue?

Más de siete años como dev, dos centrados en frontend.
Migró de AngularJS a Vue por su facilidad y documentación.
Ha entregado proyectos grandes y pequeños sin limitaciones del framework.
Filosofía de aprendizaje: practicar, equivocarse y seguir iterando.

Cuéntanos en comentarios: ¿te funciona el formato 100% en lecturas?, ¿qué parte te gustaría profundizar y qué datos de las APIs de Blizzard te interesa visualizar en tu front end?

Hola! Estoy entusiasmado por hacer el curso y reforzar mis conocimientos, lo tengo en mi "Read List" 😄 los cursos anteriores han sido muy buenos, para quienes están acostumbrados a leer documentación no tendrán problema con este curso. Pero quiero realizar algunas sugerencias. Disculpen si cometo el error de sugerir muy pronto. Se que tanto Nacho como Jorge son excelentes profesores!

A los cursos les hace falta una botón al lado de "Reportar un Problema" que diga "Realizar Sugerencia" seria mas cómodo que escribir a Team Platzi y se podría recopilar que se debe mejorar en los cursos.
No he avanzado en el curso, pero vi el demo en Netlify y creo que, como comente en el curso de Backend de DRF. Hace falta un curso de Vue orientado como para poder integrarlo con la app de CRide desarrollada en el Curso de DRF. Es decir, donde haya validación de formularios, manejo de Login de Usuarios, buenas practicas con Vue, API's, Vue Router, y Vuex, Modularizacion con Vuex, donde guardo mis funciones de utilidad, como valido, obtengo y envió una imagen al backend con Vue, entre otros, que sirva para aprovechar lo complejo y completo del curso de DRF.
Que no haga falta abrir una ventana nueva para ver los comentarios, que habrán en un modal! A veces solo necesitamos acceder a un enlace que alguien compartió o copiar algo y una nueva ventana se abre obligatoriamente 😄
Mas cursos en texto! tal como la documentación de los Lenguajes y Frameworks, es mas fácil volver al punto donde esta la información que necesitas
Agregar como Medium, herramientas para poder subrayar y hacer notas sobre el texto del curso
Tooltips sobre ciertas palabras en el texto del curso con definiciones o enlaces útiles, se me ocurre por ejemplo Webpack y sobre la palabra la definición de Webpack y algún enlace útil, seria genial

De resto esta genial, y se que en este curso se explicaran cosas que obviamente no se aprenden de la documentación, ni en los cursos anteriores, si no de la experiencia de grandes como Nacho o Jorge.

Gracias @Jorge ! 💪🏽