Curso de Vue.JS
Domina el desarrollo de SPA con el último gran framework Javascript
Material disponible
Intermedio
10 Clases 15 h
Vue (pronunciado viu como view) es un framework progresivo cuyo principal cometido es construir interfaces complejas y reutilizables mediante componentes, y adaptarse de forma incremental a las necesidades de un proyecto web. Su core está únicamente enfocado en la componentización y renderización de vistas, lo que hace que sea extremadamente liviano. Además, su curva de aprendizaje es muy suave en comparación con otros frameworks más completos.

Al ser un framework progresivo es muy sencillo adaptarlo y aumentar sus funcionalidades mediante librerías externas que proporciona su comunidad habituales en otras SPA como gestión de rutas, estados o conexión a servicios externos. Todo lo anterior convierte a Vue en uno los frameworks con más proyección actualmente en el mundo del desarrollo de aplicaciones web.

Qué aprenderé en el Curso de Vue.JS

  • Entorno de desarrollo y creación de componentes con VueJS
  • Componentes avanzados: ciclo de vida, propiedades, eventos, binding
  • HTML/Jade, CSS/Sass/PostCss, Directivas, transiciones
  • Routing con vue-router
  • Debug y testing
  • Patrón Flux
  • Vue con Vuex

Objetivos del curso

En este curso aprenderás a definir y crear interfaces complejas mediante componentes, a conectarlos mediante propiedades, y a crear una Single Page Aplication (SPA) completa. Podrás aplicar los conocimientos y la forma de trabajar con Vue a otros frameworks progresivos y basados en componentes.

Además de aumentar tus habilidades con este nuevo curso, Vue.js te permitirá multiplicar tu valía profesional al dominar un recurso con un gran demanda en el mercado de trabajo.

Por qué debes aprender Vue.JS

En este curso te enseñaremos a trabajar con Vue.js paso a paso y siempre con un enfoque práctico para que puedas aplicarlo de forma inmediata en tus proyectos. Para poder sacar el máximo provecho de este curso, necesitarás un conocimiento medio de HTML, CSS y Javascript. Además es recomendable haber tenido alguna experiencia, aunque sea testimonial, con algún framework SPA tipo Angular.

Clases y contenidos

Previo I. Introducción a VueJS

Primeros pasos con este framework de Javascript.

Previo II. Hola Mundo con VueJS Gratis

Primeros pasos con código para ver cómo funciona Vue.js

Entorno de desarrollo y nuestra primera aplicación con Vue.js

Cómo creamos una aplicación sencilla con Vue.Js de forma que podamos ir viendo sus principales funcionalidades y terminamos la sesión con un entorno de desarrollo profesional.

Componentes avanzados: ciclo de vida, propiedades, eventos, binding…

Es esta clase aprenderemos cómo funciona un componente en detalle: su ciclo de vida, propiedades, métodos, data binding...etc.

Estilos en componentes Vue.JS
  • Tratamientos que tienen que ver con la parte estética en los componentes de VueJS.
  • Trabajo con plantillas y sus estilos: HTML/Jade, CSS/Sass/PostCss, veremos Directivas, transiciones…
  • Mejorar las plantillas de nuestros componentes, cómo funcionan los estilos, cómo se encapsulan para un componente en concreto y cómo hacer animaciones, entre otra serie de cosas.
Anidando componentes. Comunicación entre componentes.

Aprendemos a interrelacionar componentes, anidarlos, y comunicarlos entre ellos mediante datos y eventos.

Single page Apps: routing con vue-router

Con la biblioteca oficial de VUE para crear rutas, crearemos de forma sencilla una SPA completa utilizando rutas principales y anidadas.

Conectando con servicios externos

Nuestros componentes no viven aislados del mundo, así que lo conectaremos con datos reales para que se muestran en nuestra aplicación basandonos en la librería Vue-Axios y firebase con la biblioteca oficial de VUE para firebase vuefire.

Debuggeando y testeando nuestros componentes

Una aplicación robusta es aquella que está testeada. En esta sesión aprenderemos a probar los componentes de Vue para asegurarnos que nada falla, para ello utilizaremos la biblioteca Karma.

Introducción al patrón Flux y su implementación y uso con vuex

Aprenderemos qué es patrón Flux, cómo funciona, cómo simplifica la gestión de datos cuando nuestra aplicación empieza a crecer en complejidad y cómo aplicarlo en Vue con Vuex.

Valoraciones

Efrain Garcia Garduño

Miguel Angel Martin Hernandez

Andrea Zucchini

Miguel Perez

Mario Garrido

jon

Visualnacert

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 130 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete