"Curso de Desarrollo Frontend con APIs de Videojuegos"
Clase 1 de 27 • Curso Avanzado de Vue.js 2
Contenido del curso
VueCli, configuración inicial del proyecto y consumo del API de Blizzard
- 2
Creación de Aplicaciones Vue.js con API de Diablo III
03:24 min - 3
Desarrollo de Aplicaciones con APIs de Blizzard: Guía Completa
04:55 min - 4
Estructura y gestión de carpetas en proyectos Vue.js
04:40 min - 5
Instalación y configuración de librerías en Vue con Bootstrap
01:29 min - 6
Configuración de Axios para llamadas a APIs de Diablo III
02:45 min - 7
Gestión de Tokens con Vuex: Integración y Almacenamiento en Vue.js
05:17 min
Creación de los componentes y layouts de nuestro proyecto
- 8
Componente Reutilizable de Carga con Vue.js
03:05 min - 9
Estilos CSS oscuros para aplicaciones Vue.js con Stylus
02:01 min - 10
Creación de Layouts con Vue y Bootstrap para Mejorar la UI
06:08 min - 11
Organización de Assets en Vue: Imágenes, Fuentes y CSS Globales
02:47 min - 12
Creación de NavBar y Footer con BootstrapVue y FontAwesome
06:25 min - 13
Refactorización de Importaciones en Vue.js con Plugins
02:16 min - 14
Buscador de Perfiles en Diablo III: Creación de Formulario y Título
08:57 min - 15
Rutas Dinámicas y Lazy Loading en Vue.js
08:02 min - 16
Construcción y Consumo de APIs con Vue.js y Vuex
13:51 min - 17
Creación y Uso de Componentes en Vue.js: MainBlock y TopHeroes
17:32 min - 18
Visualización de Héroes con Bootstrap-Vue en Diablo III
17:28 min - 19
Componente de Progreso de Actos en Vue.js
06:11 min - 20
Implementación de Componentes Vue: MainBlock y PlayerStats
12:55 min - 21
Navegación y Visualización de Artesanos en Vue.js
13:48 min - 22
Funciones y Componentes para la Vista de Héroe en Vue.js
27:13 min
Agregando funcionalidades avanzadas a nuestro proyecto
- 23
Carga Diferida de Componentes en Vue.js: Mejora de Rendimiento
08:01 min - 24
Implementación de Inventario de Objetos de Personaje en Vue.js
15:48 min - 25
Directivas Personalizadas en Vue: Creación y Uso Básico
07:28 min - 26
Configuración y despliegue de aplicaciones en Netlify con Vue.js
06:54 min - 27
Creación y Personalización de Páginas en Vue.js
06:31 min
¿Qué está pasando en este curso?
En esta clase exploramos un nuevo enfoque de aprendizaje en línea: cursos en formato de lectura. Aunque puede parecer un cambio radical, especialmente en áreas como el desarrollo de software, este formato presenta varias ventajas. Al utilizar lecturas, se facilita el acceso a bloques de código y permite abordar proyectos complejos sin extenderse en largos videos. Queremos saber qué piensas sobre este formato de curso y tus preferencias.
¿De qué trata el proyecto del curso?
El proyecto central es un buscador de perfiles del videojuego Diablo III. Este curso se diferencia al utilizar APIs reales y profesionales proporcionadas por la empresa del videojuego. Los estudiantes aprenderán a consumir estas APIs para acceder a datos de personajes, competencias y rankings en tiempo real. Aunque se centra en Diablo III, el método es aplicable a otros juegos como Warcraft y Starcraft.
¿Qué hace especial a esta API?
La API de Diablo III funciona en un entorno competitivo donde las temporadas y los rankings son esenciales. Cada cinco minutos, los datos del juego se actualizan y quedan accesibles a través de las APIs. El curso enseña a consumir esta información y a visualizarla, un conocimiento valioso en cualquier trabajo que requiera el uso de APIs en la industria del desarrollo.
¿Cómo se estructura la aplicación del curso?
La aplicación es un frontend que consume las APIs de Diablo III. Estos son algunos de los componentes clave que verás:
- Consumo de APIs: Acceso a temporadas, rankings, datos de usuarios y objetos del jugador.
- Carga asíncrona: Optimización del performance con carga asíncrona de rutas y componentes.
- Utilización de sprites: Mejora del rendimiento utilizando imágenes sprites para reducir llamadas al servidor.
¿Qué nos ofrece Vue en este curso?
Vue es el framework principal utilizado en este curso. Con un enfoque hacia la fluidez y la eficiencia en el desarrollo, Vue es conocido por su buena documentación y facilidad de uso.
¿Cuáles son las mejoras que trae Vue 3?
Vue 3 ofrece mejoras significativas en rendimiento y en el Virtual DOM, que es ahora más rápido y ligero. Una gran ventaja es que permite la coexistencia de componentes de Vue 2 y Vue 3, facilitando la transición en proyectos existentes.
Consejos y sugerencias para el estudiante
- Practica sin miedo: La práctica y el error son partes esenciales del aprendizaje. No temas a cometer errores; es una oportunidad para aprender.
- Profundiza en las lecturas: Con este formato, tienes la ventaja de acceder rápidamente al código y revisarlo cuantas veces necesites.
- Explora y contribuye: Usa plataformas como GitHub para explorar, compartir, y contribuir a proyectos existentes.
Este formato novedoso de cursos y el uso de herramientas como APIs profesionales abren nuevas puertas en el aprendizaje de desarrollo. Anímate a explorar, practicar y, sobre todo, ¡nunca pares de aprender!