Desarrollo Front-end con VueJS

Duración: 30 horas

Código: VUE-001

Descripción:

Vue es el framework JavaScript de mayor crecimiento, es sencillo y rápido de dominar, con él que se puede crear desde aplicaciones pequeñas hasta aplicaciones para empresas pues toma lo mejor de otros frameworks como Ember, react y angular. VueJS está ganando mucho terreno entre los frameworks de desarrollo front-end, todo está creado en JavaScript, lo que es una de las razones de su popularidad.

Objetivos:
  • Comprender como funciona VueJS
  • Crear componentes con Vue
  • Manejar rutas y estados con Vue
Audiencia:

Este curso está dirigido a:

  • Estudiantes y profesionales que deseen desarrollar y diseñar aplicaciones web con este framework
Prerrequisitos:

Tener conocimiento en el lenguaje JavaScript y JavaScript orientado a objetos

Contenido:
  1. Módulo:Introducción
    1. Introducción Vue.js
    2. Conceptos y terminología
    3. Ejercicio formulario y templates
    4. Ejercicio formulario computed
    5. Formulario con Methods
    6. Formulario con transitions
    7. Procesar formulario con Ajax y axios
    8. CSS dinámico
  2. Módulo: Programación Orientada a Componentes
    1. Creando Instancia (binding)
    2. Ciclo de vida de la instancia de Vue
    3. Crear componentes globales
    4. Crear componentes locales
    5. Template
    6. Eventos personalizados
    7. Event bus
  3. Módulo: Componentes
    1. Bases de los componentes
    2. Registro de componentes
    3. Paso de argumentos
    4. Single file components
    5. Slots
    6. Emits
    7. Vue Validate
  4. Módulo: Transiciones
    1. Transiciones y animaciones
    2. Transiciones reutilizables
  5. Módulo: Herramientas de configuración de entornos de desarrollo
    1. Vue devtools y Vue cli
    2. Crear un proyecto vue con Webpack
    3. Ejercicios con Webpack
  6. Módulo: Manejo de estado
    1. Como funciona Vuex
    2. Crear un proyecto Webpack e importar vuex
    3. State, getters y mutations
    4. Actions, stores y components
    5. Computed methods, Data y Templates
    6. Ejercicio con Single File Components
  7. Módulo: Manejo de rutas
    1. Conceptos básicos de manejos de rutas
    2. Rutas, transiciones y enlaces activos
    3. Rutas programadas
    4. Rutas anidadas
    5. Rutas nombradas
    6. Redirecciones y alias
    7. Paso de propiedades
    8. Historial HTML 5
  8. Módulo: Extras
    1. Server side renderin
    2. Routing params
    3. Crear Filtros con VueRouter
    4. Router params
    5. Crear filtros en vue
    6. Directivas personalizadas
Costos:

Este costo incluye: Material de estudio, el uso de una computadora por persona, certificados y refrigerios