Desarrollo de aplicaciones PWA con Vuejs y Quasar Framework [FU/XF/MG/MUP]

MUP]

by PIGUE
5 marzo, 2020
2 comments

¿Qué voy a aprender?

¿Te gustaría desarrollar una aplicación móvil sin tener que publicar en las Stores de Google y Apple?
¿Te gustaría desarrollar una aplicación web que se comporte como una aplicación móvil y funcione Offline?

Si la respuesta es sí, entonces este curso te interesa. A lo largo de este curso vamos a desarrollar una aplicación web progresiva PWA con Vuejs 2 desde 0 y paso a paso con Quasar Framework, una poderosa herramienta que hace más grande si cabe Vuejs.

Una aplicación web progresiva (PWA) es una aplicación web que se comporta como una aplicación móvil, es decir, tiene una interfaz similar, tabs, side menu, capacidad de trabajar Offline y además puede ser instalada en el dispositivo móvil del usuario.

Si quieres saber más, te invito a ver el vídeo introductorio del curso donde explico todo lo que vamos a hacer mostrando la APP finalizada.

Requisitos recomendados para tomar el curso

Tener experiencia en Vuejs 2 y Vuex, si no la tienes puedes hacer este curso antes, es la base para poder sacar este curso adelante satisfactoriamente.

¿Para quién es este curso?

Desarrolladores web que utilicen Vuejs como su framework favorito en el lado del cliente y deseen aprender a desarrollar aplicaciones web progresivas con Vuejs desde 0

¿Qué hago si tengo dudas a lo largo del curso?

El Curso Desarrollo de aplicaciones PWA con Vuejs y Quasar Framework 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.

ARCHIVOS
	PWA Quasar: Archivos del curso		00:00:00
INTRODUCCIÓN
	PWA Quasar: ¿Qué vamos a hacer?	GRATIS	00:06:00
	PWA Quasar: ¿Qué es Quasar Framework?		00:03:00
DESARROLLANDO NUESTRA PWA DE NOTÍCIAS
	PWA Quasar: Crear proyecto PWA con Quasar Framework	GRATIS	00:13:00
	PWA Quasar: Levantar el servidor de desarrollo en modo PWA y revisar el Layout		00:11:00
	PWA Quasar: Introducción a los plugins en Quasar y desarrollar y configurar el plugin Vuelidate		00:06:00
	PWA Quasar: Cambiar el logo de la APP, diferencia entre statics y assets		00:02:00
	PWA Quasar: API FAKE con JSON SERVER		00:04:00
	PWA Quasar: Configurar Vuex Persist con Localforage para persistir datos con IndexedDB		00:05:00
	PWA Quasar: Utilizar Quasar CLI para crear el módulo Auth de Vuex y Acciones		00:04:00
	PWA Quasar: Finalizar el módulo de autenticación, state y mutaciones		00:02:00
	PWA Quasar: Configurar traducciones i18n con Quasar		00:03:00
	PWA Quasar: Definir variables de entorno en Quasar y configurar Axios		00:04:00
	PWA Quasar: Crear componente formulario Login y validaciones		00:14:00
	PWA Quasar: Validar el formulario desde el componente, Notify y emitir evento para procesar		00:07:00
	PWA Quasar: Procesar formulario de login contra la API, Loading y autenticar usuario		00:10:00
	PWA Quasar: Navegación con TABS para usuarios no identificados		00:06:00
	PWA Quasar: Crear Store APP para manejar idioma y conexión de la APP, establecer de forma dinámica con Vuex i18n		00:04:00
	PWA Quasar: Cambiar el idioma de la APP desde el Layout		00:08:00
	PWA Quasar: Crear componente para mostrar si el usuario está Online \|\| Offline	GRATIS	00:05:00
	PWA Quasar: Desarrollar la lógica para cerrar sesión		00:07:00
	PWA Quasar: Desarrollar sistema de registro completo con JSON SERVER		00:14:00
	PWA Quasar: Detectar si no se está accediendo desde un dispositivo móvil y mostrar mensaje		00:03:00
	PWA Quasar: Store para manejar las notícias con Vuex		00:09:00
	PWA Quasar: Crear componente notícia para iterar en el listado de notícias		00:05:00
	PWA Quasar: Añadir TABS para usuarios identificados		00:03:00
	PWA Quasar: Desarrollar la lógica de la página de notícias, Online, Offline Scroll Infinito		00:11:00
	PWA Quasar: Trabajo diseñando la template de la página de notícias		00:10:00
	PWA Quasar: Navegación y componente detalle de una notícia		00:07:00
	PWA Quasar: Desarrollar página detalle de una notícia		00:04:00
	PWA Quasar: Obtener las notícias al iniciar sesión para modo Offline		00:04:00
	PWA Quasar: Iniciar sesión Offline		00:14:00
	PWA Quasar: Proteger rutas que requieren autenticación		00:05:00
	PWA Quasar: Extender Webpack desde el archivo de configuración de Quasar		00:03:00
	PWA Quasar: Evitar que el usuario sin conexión pueda acceder al formulario de registro		00:03:00
	PWA Quasar: Generar aplicación para poner en producción y consejos		00:03:00
	PWA Quasar: Archivo de Manifiesto, API de Workbox y SkipWaiting con Custom Service Worker		00:07:00