(+34) 91 172 33 13 info@fictizia.com Plaza de España 12, Madrid

UX y Desarrollo 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

UX y Desarrollo 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
Próximas ediciones
20 de Octubre de 2018 Sábados de 10:00 h a 15:00 h

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.

Las mejores empresas confían en nuestros alumnos

La calidad de la formación que reciben las personas que se forman en FICTIZIA se refleja en el nivel de las empresas que las contratan. Es un orgullo que las mejores compañías confíen en las capacidades de nuestros alumnos y es la mejor prueba de la efectividad de la formación que ofrecemos.

  • Alumnos Fictizia en Google
  • Alumnos Fictizia en El Ranchito
  • Alumnos Fictizia en Ogilvy
  • Alumnos Fictizia en BBVA Next
  • Alumnos Fictizia en Lola Mullenlowe
  • Alumnos Fictizia en Ánima-Kitchent
  • Alumnos Fictizia en Atresmedia
  • Alumnos Fictizia en BQ
  • Alumnos Fictizia en DDB
  • Alumnos Fictizia en Mach
  • Alumnos Fictizia en Byte London
  • Alumnos Fictizia en indra
  • Alumnos Fictizia en The Cocktail
  • Alumnos Fictizia en *SCPF
  • Alumnos Fictizia en Ediciones SM
  • Alumnos Fictizia en Paradigma digital
  • Alumnos Fictizia en Panda Security
  • Alumnos Fictizia en Exit Consultores Audiovisuales
  • Alumnos Fictizia en Mediaset
  • Alumnos Fictizia en Everis
  • Alumnos Fictizia en JWT
  • Alumnos Fictizia en Lalivingston
  • Alumnos Fictizia en Kairos DS
  • Alumnos Fictizia en Twin Pines
  • Alumnos Fictizia en LUCA data driven solutions
  • Alumnos Fictizia en Redbility
  • Alumnos Fictizia en LeChuck
  • Alumnos Fictizia en Liquid Squad
  • Alumnos Fictizia en Social Mood
  • Alumnos Fictizia en Warner Bros International tV Production