Curso de VUE.js - Javascript Framework

VUE es un framework de Javascript progresivo para construir interfaces de usuario cuya acogida y utilización en la comunidad de desarrolladores es cada vez mayor. A diferencia de otros frameworks monolíticos, como por ejemplo Angular, Vue está diseñado desde cero para ser utilizado incrementalmente.

La librería central está enfocada solo en la capa de visualización, y es fácil de utilizar e integrar de manera puede trabajar tanto como capa añadida a proyectos existentes como de ser la base de aplicaciones complejas creadas íntegramente con VUE.

En este curso, aprenderá a utilizar Vue empezando con los conceptos fundamentales del framework hasta alcanzar una base sólida para profundizar en conceptos más avanzados. Para ello, se realizan sesiones dinámicas y prácticas mediante las cuáles irá construyendo las bases de su primera aplicación Vue.

El curso es adecuado tanto para desarrolladores que aún no conocen Vue como para los que están comenzando con este framework.

Requisitos

1. HTML nivel básico a medio
2. Javascript nivel básico a medio
3. CSS nivel básico

1. Introducción

1.1. El framework

Introducción conceptual a VUE, sus características y particularidades esenciales.

1.2. Preparación del entorno

Consejos para adecuar ele entorno de desarrollo para trabajar con VUE.

1.3. Herramientas

Extensiones y herramientas útiles para trabajar y depurar VUE.

2. Aplicación VUE

2.1. La instancia

Características y creación de una instancia de Vue.

2.2. Datos y métodos

Fórmulas más básicas de manejo de datos.

2.3. Hooks del ciclo de vida

Introducción y práctica con los hooks de la instancia de Vue.

3. Ejercicio práctico de síntesis

4. Sintaxis

4.1. Interpolación

Opciones de interpolación en el DOM.

4.2. Directivas

Declaración de directivas, renderizado condicional y recursivo en el DOM.

5. Gestión de datos

5.1. Propiedades computadas

Declaración y usos prácticos de las propiedades computadas.

5.2. Métodos

Definición de métodos y sus particularidades.

5.3. Watchers

Declaración y usos prácticos de los watchers.

6. Eventos

6.1. Escucha

Uso de las directivas para la escucha de eventos.

6.2. Manejadores

Cómo declarar y utilizar manejadores de eventos.

6.3. Modificadores

Cómo alterar el comportamiento de los eventos.

7. Ejercicio práctico de síntesis

8. Formularios

8.1. Uso básico

Técnicas y directivas para el tratamiento de formularios

8.2. Modificadores

Cómo alterar el comportamiento del enlace de datos con los campos de un formulario

9. Ejercicio práctico de síntesis

10. Componentes

10.1. Qué son

Definición y utilidad de los componentes.

10.2. Declaración

Cómo declarar y construir componentes.

10.3. Inyección de datos

Técnicas para alimentar a los componentes con datos.

10.4. Eventos

Comunicación de los componentes con el resto de la aplicación a través de los eventos.

11. Ejercicio práctico de síntesis

12. Estilos CSS

12.1. Estilos inline

Utilización dinámica de estilos CSS inline.

12.2. Clases

Utilización dinámica de clases CSS.

13. Ejercicio práctico de síntesis

14. Vuex

14.1. Conceptos básicos

Definición de los elementos esenciales para centralizar el modelo de datos de una aplicación y manejar controladamente los cambios, estado y acciones de efecto colateral.

15. Ejercicio práctico de síntesis

16. Enrutado

16.1. Conceptos básicos