(+34) 91 172 33 13 info@fictizia.com C/ Eduardo Benot 2, Madrid

Desarrollo interactivo y Web

Curso de Vue.JS + Vuex

Desarrollo progresivo de aplicaciones Front con Vue.JS, gestión de estados con Vuex y testing de componentes con Jest

Desarrollo interactivo y Web

Curso de Vue.JS + Vuex

  • frontend
  • frameworks
  • JS
  • VueJS
  • componentes
  • Vuex
  • Vue-cli
  • testing
  • Jest
Duración 36 horas
Coste 720 €
Plazas 8 plazas
Modalidad Presencial
Dirigido a Maquetadores web, Desarrolladores web, programadores Frontend
Requerimientos Conocimientos medios de JavaScript y/o dominio de jQuery

Enfoque y objetivos del Curso

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.

Programa de estudios

  1. ¿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
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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

Profesorado

En Fictizia tenemos muy claro que quién imparte las clases siempre es clave. Con el objetivo de ofrecer una formación que responda a la realidad del mundo laboral, el equipo de profesores de Fictizia​ está formado por profesionales con una larga trayectoria profesional, lo que les capacita para reconocer las necesidades reales de un sector tan cambiante y exigente como el actual. Cada profesor de Fictizia es un especialista de alto nivel en su campo que además comparte en las aulas de Fictizia sus conocimientos, sus enorme experiencia, sus tropiezos, sus aciertos y la pasión por su trabajo. Por eso estamos tan orgullosos de nuestro profesorado.

Jose Dongil

Jose Dongil

Desarrollador Web apasionado de JavaScript y todo lo que tenga que ver con HTML5 y CSS3. Coorganizador de la comunidad de desarrollo Codenares. Trabaja en proyectos de Innovación en BEEVA con tecnologías como VueJS, NodeJS y TruffleJS, entre otras. Escribió la guía en español «Desarrolla aplicaciones con VueJS». Ha impartido charlas y talleres sobre este framework progresivo y ha evangelizado durante estos últimos años sobre Front y buenas prácticas en «El Abismo de Null». Entre sus intereses está el desarrollo de aplicaciones híbridas con tecnologías web, el estudio de redes distribuidas con Blockchain y el desarrollo de sistemas informáticos con tecnologías .Net de Microsoft.