https://escuela.it/cursos/curso-desarrollo-profesional-vuejs
Para el curso sobre VueJS2 es necesario tener instalado:
- Cualquier editor como Atom, Sublime Text, VSCode, o cualquier otro editor/IDE que nos guste.
- NodeJS en su versión LTS.
-
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
-
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.
-
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.
-
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
-
Anidando componentes. Comunicación entre componentes.
Descripción: Aprenderemos a interrelacionar componentes, anidarlos, y comunicarlos entre ellos mediante datos y eventos.
-
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.
-
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 basándonos en la librería Vue-Axios y Firebase con la biblioteca oficial de VUE para firebase
vuefireCódigo -
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.
-
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.