joseluisgs/vuetutorial

Ejemplos de Tutorial Vue que iré haciendo

VueTutorial

Ejemplos de Tutorial Vue que iré haciendo poco a poco.

Revisa cada rama para ir viendo los temas en cuestión

Temas

Vue Esencial

Se describe los elementos ensenciales de Vue

• Bindings y conexiones entre datos y elementos HTML
• Directivas
• Eventos
• Propiedades computadas, obervadores y filtros
• Comunicaciones entre instancios y ciclo de vida de un componente
• Bindings entre Clases y Estilos
• Transiciones y animaciones
• Ajax con Resource y Axios (recomendado Axios)
• Ejemplo resumen con Lista de tareas con Almacenamiento en Storage

Componentes

Se describe los elementos ensenciales de Vue

• Introducción a los componentes
• Propiedades
• Slots
• Eventos
• Bus
• Componentes anidados
• Componentes dinámicos
• Inputs personalizados
• Ejemplo resumen con Lista de Contactos con distintos componentes
• Ejemplo lista de contactos con elementos intercambiables

Intermedio

• Configurando un proyecto con Vue CLI y Vue UI
• SFC: Sigle File Components
• Funciones de renderizado
• Manejo de CSS Global y CSS Scoped
• Uso de servicios
• Intorducción a Mixins
• Introduccion al manejo de rutas y Vue Router
• Introduccion al manejo del estado compartido, datos globales y Vuex
• Ejemplo de lista de juegos, con multiple compoentes y eventos multinivel

Vuex

• Revisa los commits, que será uno por lección con GitKraken podrás ir a cada uno de ellos
• Configuración de Vuex
• Getters: Nos permiten utilizar propiedades calculadas sobre elementos del estado y que estén copartidas
• Mutaciones: Funciones para cambiar el estado
• Acciones pata la partte asíncrona
• Módulos y Estructuración
• Ejemplo de carro de compra con Vuex

Vue Router

• Revisa los commits, que será uno por lección con GitKraken podrás ir a cada uno de ellos
• Configuración de Vue Router
• Router link, router view y active links
• Navegación programática
• Rutas dinámicas y reactividad en rutas
• Rutas anidadas, u rutas dinámicas anidasas
• Nombres de rutas y nombres de vistas
• Redirecciones y alias
• Propiedades desde rutas
• Modo historia y peticiones erróneas
• Protección de rutas: global y local. Protección de componenets
• Metadatos
• Transiciones
• Obtención de datos: antes o depues de procesar la ruta
• Scroll
• Enlaces perozosos o cargas asíncronas

Otros Aspectos

• Custom Directives
• Mixins y filtros
• Vue form Bindings

Firebase

• Iniciailiazr Firebase
• Leer y Escribir
• Uso en tiempo real
• Actualizar
• Eliminar
• Transacciones
• Ordenar y filtrar

Autor

• José Luis González Sánchez

• GitHub

Sobre los ejemplos

Ejemplos sacados inspirados y basados en mi experiencia cursando:

• https://wmedia.teachable.com/p/aprende-vue2-y-firebase-paso-a-paso
• https://escuelavue.es/como-aprender-vue

Licencia

Este proyecto esta licenciado bajo licencia MIT, si desea saber más, visite el fichero LICENSE