Vue.JS es el nuevo framework JavaScript que viene para ayudarnos a desarrollar aplicaciones front de una manera sencilla y cómoda. Vue.JS es considerado por su creador como un framework progresivo. Se considera así por la facilidad de integrar funcionalidad hecha en Vue.JS en nuestras aplicaciones ya desarrolladas y, a su vez, por la suave curva de aprendizaje que tenemos que dedicar en tiempo y esfuerzo en cada una de las piezas del framework.

A lo largo del curso de Vue.JS + Vuex, aprenderemos desde cómo crear componentes simples que podamos integrar en nuestras aplicaciones realizadas con otras tecnologías hasta cómo crear proyectos enteros con todas las piezas importantes del ecosistema de Vue.JS.

Los asistentes al curso de Vue.JS + Vuex también aprenderán a escalar sus aplicaciones con vue-router y a gestionar el estado con Vuex. Por último, aprenderán además a testear de manera automatizada sus componentes con Jest y vue-test-utils.

• Horario: Sábados, de 10:00h a 15:00h
• Fechas:
  • Desde el 20 de Octubre de 2018
  • Hasta el 15 de Diciembre de 2018

¿Qué es VueJS y en qué nos puede ayudar?

• Historia y contexto del framework
• ¿Qué cosas voy a poder hacer con Vue.JS?
• Características principales de Vue.JS
• Breve comparación con otros frameworks

Creando componentes visuales con Vue.js

• Cómo empezar a crear componentes

  • ¿Qué es un componente?
  • Tipos de componentes
  • De jQuery a Vue.JS
  • Instalación de librerías
  • La instancia de Vue.js
  • Nuestro primer componente ‘HelloWorld’
  • Los datos y la reactividad
  • Los métodos
  • Ciclo de vida de una instancia
  • Nuestra primera llamada AJAX con Vue y Axios

• Los templates

  • Interpolación de datos
  • Directivas
  • Manejo de eventos
  • Shorthands
  • Renderizado condicional
  • Renderizado de colecciones

• Elementos de un componente de Vue.JS

  • Registro de componentes
  • Las propiedades
  • Las propiedades computadas
  • Los watchers

• Conceptos avanzados

  • Formularios
  • Eventos personalizados
  • Filtros
  • Slots
  • Mixins

Desarrollando proyectos más grandes con vue-cli

• NodeJS
• Webpack
• Babel
• Creación de proyectos y scaffoldings
• Añadiendo funcionalidades extra a nuestro proyecto
• Los Single File Components y vue-loader

Gestionando rutas con vue-router

• ¿Por qué necesitamos gestionar rutas?
• El enrutador
• Registrando rutas dinámicas
• Rutas anidadas
• Redirecciones
• Navitagion Guards
• Misceláneas sobre rutas
• Lazy loading de módulos por medio de rutas

Gestionando el estado con vuex

• ¿Por qué necesitamos un gestor de estado?
• El Store
• El estado
• Los getters
• Las mutaciones
• Las acciones
• Modularizando los stores

Testeando componentes con vue-test-utils

• ¿Por qué necesitamos probar nuestros componentes?
• ¿Qué es un test unitario?
• Jest
• Entendiendo las partes de vue-test-utils
• Probando componentes visuales
• Testeando partes asíncronas
• Probando vue-router
• Probando vuex