¿Qué voy a aprender?
Vue.js 2 es un framework javascript versátil con el cual puedes desarrollar aplicaciones grandes o pequeñas, eso no importa, de tan sólo 17kb, el cual utiliza Blazing Fast Virtual DOM para optimizar los cambios de datos de nuestras aplicaciones al máximo.El Curso de Vue.js 2 con Vuex es ideal si te interesa aprender a desarrollar aplicaciones con html y javascript en el lado del cliente de forma rápida y sencilla.
En este curso aprenderás a utilizar Vuex de forma completa, Vuex es una librería para Vue.js que nos permite mantener el estado de nuestra aplicación, algo muy parecido a lo que vemos en el curso de ReactJS con Redux.
A continuación te resumo lo que vamos a desarrollar y a aprender a lo largo del curso de Vue.js 2.
- Introducción a Vue.js 2, aquí aprenderemos las bases necesarias para seguir el curso.
- Desarrollo de una aplicación de Contador con Vue.js 2 y Vuex.
- Desarrollo de una aplicación de Lista de tareas con Vue.js 2 y Vuex.
- Desarrollo de una Api con Node.JS y Mongoose con datos relacionados.
- Desarrollo de una aplicación con Vue.js 2, Vuex y Vue-Router donde mezclaremos todo lo aprendido.
Te invito a que sigas leyendo el contenido del curso el cual está definido un poco más abajo.
Hemos desarrollado otro curso sobre Vuejs 2 con Vuex más avanzado, aunque este sigue siendo 100% funcional.
Requisitos recomendados para tomar el curso
- Nivel básico sobre Node.js para entender el desarrollo de la api que construiremos, aquí tienes un curso por si te interesa.
- Nivel intermedio / avanzado de Javascript.
- Nivel intermedio / avanzado Html y Css.
¿Para quién es este curso?
- Si quieres tener la posibilidad de utilizar un potente framework javascript para desarrollar el frontend de tus aplicaciones este curso es para ti.
- Si quieres ampliar tus conocimientos sobre frameworks en el lado del cliente con javascript este curso es para ti.
¿Qué hago si tengo dudas a lo largo del curso?
El curso de Vue.js 2 con Vuex cuenta con su propio foro para recibir ayuda en caso de que la necesites, una vez te hayas inscrito podrás acceder siempre que quieras. Las dudas planteadas en el foro normalmente son respondidas el mismo día para acelerar la fase de aprendizaje.Contenido del Curso
Archivos del curso | |||
Curso Vue.js 2 – Archivos | 00:00:00 | ||
Introducción al curso | |||
Curso Vue.js 2 – Introducción | GRATIS | 00:02:00 | |
Curso Vue.js 2 – Instalar dependencias y primer proyecto | 00:06:00 | ||
Curso Vue.js 2 – Nuestro primer componente | GRATIS | 00:04:00 | |
Curso Vue.js 2 – Ejecutar métodos desde los componentes | 00:02:00 | ||
Curso Vue.js 2 – Desarrollo de filtros globales y a nivel de componente | 00:03:00 | ||
Curso Vue.js 2 – Iterando datos con v-for | 00:03:00 | ||
Curso Vue.js 2 – Conociendo el ciclo de vida de un componente | 00:04:00 | ||
Curso Vue.js 2 – Inicializando datos en componentes con el Hook Mounted | 00:03:00 | ||
Curso Vue.js 2 – Two Way Binding | GRATIS | 00:03:00 | |
Curso Vue.js 2 – Carga de componentes dinámicos, ideal para SPA’s | 00:07:00 | ||
Curso Vue.js 2 – Paso de datos a componentes con Props | 00:03:00 | ||
Curso Vue.js 2 – Emitir y escuchar Eventos para comunicar componentes padres e hijos | 00:03:00 | ||
Curso Vue.js 2 – Extener la funcionalidad de componentes con Mixins | 00:04:00 | ||
Curso Vue.js 2 – Definiendo layouts con Slots | 00:07:00 | ||
Manejando el estado de nuestras aplicaciones con Vuex | |||
Curso Vue.js 2 – Introducción a Vuex | GRATIS | 00:06:00 | |
Curso Vue.js 2 – Instalar y configurar Vuex | 00:03:00 | ||
Aplicación de Contador con Vuex | |||
Curso Vue.js 2 – Definir la Store para la aplicación de contador | 00:05:00 | ||
Curso Vue.js 2 – Componente Counter | 00:07:00 | ||
Curso Vue.js 2 – Utilizando MapGetters en nuestro Contador | GRATIS | 00:03:00 | |
Desarrollo de una lista de tareas con Vuex | |||
Curso Vue.js 2 – Módulos con Vuex para definir la Store de Todos | 00:08:00 | ||
Curso Vue.js 2 – Cargar el módulo de Todos en Vuex | 00:02:00 | ||
Curso Vue.js 2 – Desarrollar la template del componente Todo | 00:08:00 | ||
Curso Vue.js 2 – Desarrollar la lógica del componente Todo | 00:07:00 | ||
Curso Vue.js 2 – Desarrollar la template del componente TodoList | 00:11:00 | ||
Curso Vue.js 2 – Desarrollar la lógica del componente TodoList | 00:13:00 | ||
Desarrollar la Api con NodeJS, Express y Mongoose | |||
Curso Vue.js 2 – Instalar dependencias NodeJS y Express | 00:05:00 | ||
Curso Vue.js 2 – Definir modelos Mongoose y conexión con base de datos | 00:08:00 | ||
Curso Vue.js 2 – Mapear rutas y habilitar Cors | GRATIS | 00:03:00 | |
Curso Vue.js 2 – Ruta post para hacer login | 00:08:00 | ||
Curso Vue.js 2 – Ruta post para registrar usuarios | 00:02:00 | ||
Curso Vue.js 2 – Ruta get para obtener los posts con su autor y todos los comentarios relacionados | 00:05:00 | ||
Curso Vue.js 2 – Ruta post para crear comentarios relacionado a un post y a un usuario | 00:06:00 | ||
Curso Vue.js 2 – Ruta put para actualizar posts | 00:03:00 | ||
Curso Vue.js 2 – Ruta post para crear nuevos posts | 00:03:00 | ||
Curso Vue.js 2 – Ruta delete para eliminar posts | 00:02:00 | ||
Aplicación completa con Vue.js 2, VueRouter, Vuex y NodeJS con Mongoose | |||
Curso Vue.js 2 – MutationTypes | 00:05:00 | ||
Curso Vue.js 2 – Acción Vuex para registrar usuarios con NodeJS | 00:06:00 | ||
Curso Vue.js 2 – Acción Vuex para hacer login con NodeJS | 00:02:00 | ||
Curso Vue.js 2 – Acción para cerrar sesión | 00:01:00 | ||
Curso Vue.js 2 – Mutación para hacer login | 00:01:00 | ||
Curso Vue.js 2 – Mutación para cerrar sesión | 00:01:00 | ||
Curso Vue.js 2 – Mutación para establecer el usuario logueado con Vuex | 00:02:00 | ||
Curso Vue.js 2 – Definición de Getters del módulo de Autenticación | 00:01:00 | ||
Curso Vue.js 2 – Configurar Store y VueResource | 00:05:00 | ||
Curso Vue.js 2 – Http Interceptors y Root con VueResource | 00:03:00 | ||
Curso Vue.js 2 – Filtro global con Moment | 00:03:00 | ||
Curso Vue.js 2 – Navegación para usuarios identificados | 00:04:00 | ||
Curso Vue.js 2 – Navegación para usuarios no identificados | 00:01:00 | ||
Curso Vue.js 2 – Navegación dinámica basada en autenticación | 00:05:00 | ||
Curso Vue.js 2 – Mostrar un preloader en cada petición a la API | 00:02:00 | ||
Curso Vue.js 2 – Configurar sistema de validación de formularios con traducciones | 00:04:00 | ||
Curso Vue.js 2 – Desarrollo de la template para el formulario de login con Bootstrap | 00:09:00 | ||
Curso Vue.js 2 – Procesar el formulario de login con validaciones | 00:06:00 | ||
Curso Vue.js 2 – Definir ruta para hacer login | 00:02:00 | ||
Curso Vue.js 2 – Proteger la ruta de login para usuarios identificados | 00:08:00 | ||
Curso Vue.js 2 – Template para el formulario de registro | 00:03:00 | ||
Curso Vue.js 2 – Lógica del formulario de registro | 00:04:00 | ||
Curso Vue.js 2 – Enrutar formulario de registro | 00:04:00 | ||
Curso Vue.js 2 – Comprobar acceso a rutas de forma global | 00:03:00 | ||
Curso Vue.js 2 – Módulo Posts: acciones | 00:05:00 | ||
Curso Vue.js 2: Módulo Posts: mutaciones | 00:04:00 | ||
Curso Vue.js 2 – Módulo Posts: getters | 00:03:00 | ||
Curso Vue.js 2 – Componente SinglePost (template), reutilización de componentes | 00:10:00 | ||
Curso Vue.js 2 – Lógica del componente SinglePost, validación de formularios y emisión de eventos | 00:05:00 | ||
Curso Vue.js 2 – Componente para listar todos los Posts | 00:05:00 | ||
Curso Vue.js 2 – Lógica del componente Home, ejecutando acciones con mapActions | 00:06:00 | ||
Curso Vue.js 2 – Ruta para la Home | 00:02:00 | ||
Curso Vue.js 2 – Componente formulario de posts para crear y editar | 00:08:00 | ||
Curso Vue.js 2 – Desarrollo de un componente para crear posts utilizado el componente PostForm | 00:03:00 | ||
Curso Vue.js 2 – Lógica Componente AddPost donde haremos una petición a Node.JS enviando el JWT | 00:03:00 | ||
Curso Vue.js 2 – Enrutar el componente para crear nuevos Posts | 00:05:00 | ||
Curso Vue.js 2 – Componente para crear un formulario para añadir nuevos comentarios | 00:04:00 | ||
Curso de Vue.js 2 – Componente para representar cada comentario de un post | 00:04:00 | ||
Curso Vue.js 2 – Lógica del componente PostDetail, cacheando el estado con Vuex | 00:05:00 | ||
Curso Vue.js 2 – Ruta para ir al detalle de un post, rutas con parámetros | 00:05:00 | ||
Curso Vue.js 2 – Edición de Posts reutilizando el formulario de Posts | 00:07:00 | ||
Curso Vue.js 2 – Componente Pefil usuario, mostrando el usuario decodificando el JWT | 00:06:00 |
180 ALUMNOS MATRICULADOS
Muy interesante
Muy interesante para complementarlo con Node o Laravel
Muchas gracias por tu valoración Eric.
Buen curso
Un buen curso para entender vuex, espero cursos mas avanzados para trabajar web app mas complejas.
Estupendo curso sobre Vue y mucho más
Mis felicitaciones al autor. Un curso instructivo, ameno y muy útil. Muy bien estructurado, con una curva de aprendizaje bien ajustada. De agradecer también la inclusión de otras tecnologías como son json web token, mongoose, router, vuex, ES6 promise y otras.
Deseando empezar el siguiente.
Muchísimas gracias, en cada curso se muestran distintos temas y muchas veces de distintas formas para tener más posibilidades, espero que todos los cursos te resulten útiles.
Saludos.
Muy buen curso
Perfecto para aprender bien a desarrollar con Vue.js 2 y Vuex, así como entender también cómo funciona Vue Router para hacer aplicaciones SPA y consumir una API REST usando json web tonkens, como la de la última parte del curso.
Es recomendable realizar previamente el curso de «Node.js y Express.js de principiante a experto con ES6» para entender bien el desarrollo de la API, hecha en la penúltima parte del curso usando NodeJS, Express y Mongoose, y que luego es usada en la última aplicación del curso.
mucha claridad en las explicaciones
bien