1
El ecosistema del desarrollador JS moderno
- La especificación ECMAScript.
- Sintaxis ES6+.
- Novedades de ES9/ES10.
- Babel y Webpack.
Trabajo práctico
Configuración de un entorno de desarrollo JS optimizado.
2
Introducción a Vue.js
- Principios clave de Vue.js.
- Vue.js vs React vs Angular.
- Creación y gestión de un proyecto con vue-cli.
- Hoja de ruta y futuras versiones.
- La base de una aplicación: la instancia Vue.
- Creando tu primer componente Vue.js.
- Gestionar eventos DOM.
- Depuración con vue-devtools.
Trabajo práctico
Crear el proyecto Vue.js que servirá de base para el resto del trabajo práctico.
3
Distribuir el código entre los componentes
- Anidamiento de componentes y accesorios.
- Pasar contenido a un componente: slots/children.
- Activar eventos personalizados.
- El ciclo de vida de los componentes.
Trabajo práctico
Refactorización del código de la aplicación red wire: distribución en subcomponentes.
4
Mejorar las plantillas
- Filtros y computedProps: simplifican la escritura de plantillas.
- Plantillas vs métodos de renderizado y JSX.
- Componentes funcionales.
- Animaciones y transiciones: mejorar la experiencia del usuario.
Trabajo práctico
Mejora de la visualización de tu aplicación: diferentes técnicas de renderizado.
5
Gestión de la navegación
- Desarrollar un sistema interno de enrutamiento.
- Principios del enrutador Vue.
- Configurar rutas.
- Asegurar una aplicación: Guardias de navegación.
- Transiciones entre pantallas.
Trabajo práctico
Configuración de la navegación con el router Vue.
6
Gestión de datos con Vuex
- Vuex: conceptos básicos.
- Instalación y puesta en marcha.
- Extender Vuex con plugins.
- Librerías alternativas.
Trabajo práctico
Optimice la arquitectura de la aplicación convirtiéndola a Vuex.
7
Desarrollar una aplicación conectada
- Carga y envío de datos con AJAX: los diferentes escenarios.
- Gestión de formularios.
- "Vinculación de datos bidireccional frente a flujo de datos unidireccional.
- Vuex y formularios.
- Validar la entrada del usuario.
Trabajo práctico
Carga de datos desde una API REST/JSON y creación de un formulario.
8
Ir más allá con Vue.js, mejores prácticas
- Mixins y plugins.
- Agrupe su código en componentes de archivo único .vue.
- Crear directivas personalizadas.
- Haz que tu código sea robusto utilizando tipos Prop.
- Compilación y optimización del rendimiento.
- Flujo de escritura/TypeScript.
- Renderizado del lado del servidor.
- Desarrollo de aplicaciones móviles.
Trabajo práctico
Mejorar la calidad del código de la aplicación.