Curso de Vue.JS

FrontEnd

Domina el desarrollo de SPA con el último gran framework Javascript

Intermedio Medio (de 8 a 20 horas)
Clic para comenzar...

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.

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.

Objetivos

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.

Contenidos

00. Bienvenida. Introducción a VueJS2. Comparativas. Hola Mundo 
Descripción: Aprenderemos qué es Vue, en qué se diferencia de otros frameworks y veremos una pequeña demostración de cómo funciona con un sencillo Hola Mundo con esteroides

01. Entorno de desarrollo y primer componente con VueJS 
Descripción: Aprenderemos cómo empezar a crear un proyecto con Vue de manera sencilla y nuestro primer componente desglosado.

02.Componentes avanzados: ciclo de vida, propiedades, eventos, binding… 
Descripción: Es esta clase aprenderemos cómo funciona un componente en detalle: su ciclo de vida, propiedades, métodos, data binding...etc.

03. Plantillas y estilos: HTML/Jade, CSS/Sass/PostCss, Directivas, transiciones… 
Descripción: En esta sesión aprenderemos cómo mejorar las plantillas de nuestros componentes, cómo funcionan los estilos y cómo hacer animaciones

04. Anidando componentes. Comunicación entre componentes. 
Descripción: Aprenderemos a interrelacionar componentes, anidarlos, y comunicarlos entre ellos mediante datos y eventos.

05. Single page Apps: routing con vue-router 
Descripción: Con la biblioteca oficial de VUE para crear rutas, crearemos de forma sencilla una SPA completa utilizando rutas principales y anidadas.

06. Conectando con servicios externos 
Descripción: 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

07. Debuggeando y testeando nuestros componentes 
Descripción: Una aplicación robusta es aquella que está testeada. En esta sesión aprenderemos a testear los componentes de Vue para asegurarnos que nada falla. Para ello utilizaremos la biblioteca Karma.

08. Introducción al patrón Flux y su implementación y uso con vuex 
Descripción: El patrón Flux está de moda, aprenderemos qué es, 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.

Previo I. Introducción a VueJS

Xavier Julián OImos, José Manuel Rosa

Previo II. Hola Mundo con VueJS

Gratis !
Xavier Julián OImos, José Manuel Rosa

Estilos en componentes Vue.JS

Xavier Julián OImos, José Manuel Rosa

Anidando componentes. Comunicación entre componentes.

Xavier Julián OImos, José Manuel Rosa

Single page Apps: routing con vue-router

Xavier Julián OImos, José Manuel Rosa

Conectando con servicios externos

Xavier Julián OImos, José Manuel Rosa

Xavier Julián OImos

Frontend, CSS, HTML, Javascript, UI, UX

José Manuel Rosa

HTML, CSS, Javascript, ES6, AngularJS, React, VueJS, NodeJS