Descripción:
Vue.js es uno de los últimos frameworks que han despertado el interés de los desarrolladores web debido a su reactividad, componentes reutilizables y facilidad de uso. El Curso de VueJS muestra a los desarrolladores cómo aprovechar sus características para crear interfaces Web reactivas de alto rendimiento con Vue.js. Desde la estructuración inicial hasta la implementación completa, este curso proporciona el paso a paso para desarrollar una interfaz web interactiva desde cero con Vue.js.
Las características más sobresalientes de Vue son: Aprenderlo es facil. Hace el código mas fácil de escribir, de entender y de mantener. Su sistema de data binding. Su sistema de componentes. Plugins increibles para hacer peticiones http, validación de formularios, router y soporte para transformadores como Browserify (vuefy) o WebPack para escribir javascript moderno. Si alguna ves has intentado desarrollar alguna característica para el frontend de tu proyecto, estoy seguro que lo primero que viene a tu mente es jQuery, y seguramente, has terminado con un inmantenible e incompresible gran archivo lleno de $(‘#elemento’). ¿Seria fabuloso poder deshacerse de todo esto verdad?.
Objetivo:
Comenzarás por crear una aplicación simple en Vue.js que te permitirá observar sus características en acción. Aprovechando los conceptos más complejos, aprenderá sobre la vinculación de datos reactivos, los componentes reutilizables, los complementos, los filtros y la administración de estado con Vuex. Este curso también le enseñará cómo llevar la reactividad a una aplicación estática existente usando Vue.js. Cuando termine la capacitación, habrá construido, probado y desplegado una aplicación reactiva completa en Vue.js desde cero.
Temario:
Parte 1: COMPRAS CON VUE.JS
Buzzwords | Historia de Vue.js| Lo más importante de Vue.js | Uso de Vue.js en un proyecto existente | Vue.js 2.0! | Proyectos usando Vue.js | Gestionando el tiempo
Parte 2: FUNDAMENTOS – INSTALACIÓN Y USO
Modelo de arquitectura MVVM | DefineProperty, getters y setters | Comparando con otros frameworks | Fundamentos de Vue.js | Instalación, uso y depuración de una aplicación Vue.js | Depuración de su aplicación Vue | Scaffolding de nuestras aplicaciones
Parte 3: COMPONENTES – ENTENDIMIENTO Y USO
Revisión de los componentes | Beneficios del uso de componentes | Reescribiendo una lista de compras con componentes simples | Componentes de un solo archivo | Reescribiendo nuestra aplicación de lista de compras con componentes de un solo archivo | Reescritura de la aplicación Pomodoro con componentes de un solo archivo | Unión reactiva de las transiciones CSS
Parte 4: REACTIVIDAD – DATOS DE VINCULACIÓN A SU SOLICITUD
Revisitando la vinculación de datos | Interpolación de datos | Uso de expresiones y filtros | Revisión y aplicación de las directivas
Parte 5: VUEX – GESTIONANDO ESTADOS EN TU APLICACIÓN
Comunicación de los componentes entre padres e hijos, eventos y presentaciones | ¿Por qué necesitamos una tienda de estados global? | ¿Qué es Vuex? | ¿Cómo funciona la tienda y qué tiene de especial? | Saludos con la tienda | Instalación y uso de la tienda Vuex en nuestras aplicaciones | Uso de la tienda Vuex en la aplicación de la lista de compras | Uso de la tienda Vuex en la aplicación Pomodoro
Parte 6: PLUGINS – CONSTRUYENDO SU CASA CON SUS PROPIOS LADRILLOS
La naturaleza de los complementos de Vue | Uso del complemento vue-resource en la aplicación de lista de compras | Creación y uso de un complemento en la aplicación Pomodoro
Parte 7: PRUEBAS
¿Por qué pruebas unitarias? | Pruebas unitarias para la aplicación Vue | Escribir pruebas unitarias para la aplicación de la lista de compras | Pruebas unitarias de escritura para nuestra aplicación Pomodoro | ¿Qué es la prueba de extremo a extremo? | Nightwatch para e2e | Escribir pruebas e2e para la aplicación Pomodoro
Parte 8: DESPLIEGUE
Despliegue de software | Mover la aplicación al repositorio de GitHub | Establecer una integración continua con Travis | Implementación de la aplicación Pomodoro | Implementación de la aplicación de la lista de compras
Parte 9: ¿QUÉ SIGUE?
El viaje hasta ahora | Vue 2.0 | Revisitando nuestras aplicaciones
