Curso Vue + Vuex + Vuetify

Les traigo un curso donde desarrollamos una web app para gestión de tareas mientras aprendemos y practicamos Vue, Vuex y Vuetify mi stack preferido para desarrollo frontend.

Vue

Vue es un framework javascript progresivo que nos permite hacer desde pequeñas aplicaciones a plataformas completas utilizando el concepto de componentes, lo cual nos permite grandes oportunidades de reutilización y una arquitectura muy dinámica.

Los grandes competidores de Vue son React y Angular, desde mi punto de vista, Vue tiene lo mejor de ambos mundos.

Vuex

Nos permite tener un punto central con los estados de nuestra aplicación, de manera tal que cualquier componente pueda acceder a los mismos independientemente de donde se encuentre.

Vuetify

Vuetify es una libreria UI para Vue con hermosos componentes hechos a mano que utilizan el concepto de material desing de Google. Sin ser diseñadores, nos permite dar un estilo atractivo y mejorar la experiencia de usuario de nuestras interfaces.

Requisitos

  • Conocimientos de HTML, CSS y Javascript.
  • Conocimientos básicos de Vuejs.

Nota

El curso esta desarrollado de forma progresiva a fin de ir recorriendo un camino escalonado en el aprendizaje de este stack, no te desesperes si al principio la aplicación no luce muy bien, el estilo y diseño lo mejoraremos en los capítulos finales con la implementación de Vuetify.

Capitulo 1: Instalación e inicialización de proyecto

Capitulo 2: Primer componente y listado de tareas

Capitulo 3: Agregar tarea

Capitulo 4: Eliminar Tarea

Capitulo 5: Editar tarea

Capitulo 6: Filtrar tareas

Capitulo 7: Métricas tareas

Capitulo 8: Notificaciones

Capitulo 9: Cargando

Capitulo 10: Vuex - Instalación y conceptos

Capitulo 11: Vuex - Implementación 1er Parte

Capitulo 12: Vuex - Implementación 2da Parte

Capitulo 13: Vuetify - Instalación y conceptos

Capitulo 14: Vuetify - Implementación 1er parte

Capitulo 15: Vuetify - Implementación 2da parte

Capitulo 16: Vuetify - Implementación 3era parte

Capitulo 17: Vuetify - Implementación 4ta parte

Capitulo 18: Vuetify - Implementación 5ta parte

Capitulo 19: Vuetify - Implementación 6ta parte