Formación : Vue.js, dominio del marco JavaScript de código abierto

Vue.js, dominio del marco JavaScript de código abierto




En pocos años, Vue.js se ha convertido en el tercer proyecto más popular en Github, en todas las tecnologías. Por delante de React y Angular, Vue.js es el framework js de código abierto más popular. Este curso te introducirá a esta librería y su ecosistema, y te enseñará las mejores prácticas del desarrollo JS moderno.


ABIERTA
IN-COMPANY
A MEDIDA

Formación en tus instalaciones, en nuestro centro o a distancia

Ref. VJS
  3d - 21h00
Duración, formato, fechas y lugar: ¡Tú decides, nosotros nos encargamos de organizarlo!

Descargar en formato pdf

Compartir este curso por correo electrónico




En pocos años, Vue.js se ha convertido en el tercer proyecto más popular en Github, en todas las tecnologías. Por delante de React y Angular, Vue.js es el framework js de código abierto más popular. Este curso te introducirá a esta librería y su ecosistema, y te enseñará las mejores prácticas del desarrollo JS moderno.


Objetivos pedagógicos
Una vez finalizada la formación, el participante podrá:
Comprensión de los conceptos clave de Vue.js
Ser capaz de desarrollar una Single Page App completa con Vue.js
Conozca las herramientas esenciales para desarrollar aplicaciones Vue.js

Público afectado
Desarrolladores web, integradores, arquitectos de software.

Requisitos previos
Buenos conocimientos de HTML, dominio y experiencia práctica de JavaScript (ES5 como mínimo).

Programa de la formación

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.