¿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.
Nuevo curso recomendado: PWA con Vuejs 2 y Vuex Offline con AWS Cloudfront y OneSignal
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.Contenido del Curso
| 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 | ||
Cursos relacionados
Despliegue de Vuejs 2 en AWS y Cloudfront con dominio personalizado
7Opciones de Precio +
Curso de Vuejs 2 con GraphQL y Cognito Avanzado
24Opciones de Precio +
PWA con Vuejs 2 y Vuex Offline con AWS Cloudfront y OneSignal
29Opciones de Precio +
82 ALUMNOS MATRICULADOS
Fantástico Curso. Como siempre directo y reutilizable.
Otro curso fantástico de Vue. En esta ocasión usando Quasar y desarrolando una app PWA. De los frameworks que se han visto en este y otros cursos la verdad es que de momento me quedo con Quasar. Me ha gustado mucho. Por ponerle una pega a este framework, decir que no es posible, de momento, crear un proyecto en typescript con el cli de quasar. Para poder hacer el curso en TS he tenido que usar vue ui seleccionando TS, PWA, para luego añadir el plugin de quasar con vue add quasar. De esta forma no hay quasar-config y otras configuraciones son algo diferentes pero se puede seguir el curso perfectamente. Como yo en lo personal me siento más cómodo con TS me ha valido la pena el pequeño esfuerzo de búsqueda y configuración inicial. Se supone que la próxima versión 1.0 de Quasar ya habrá soporte directo en el cli para TypeScript como ya lo hay en Vue Cli.
Sobre las PWA pues poco que decir, la idea es fantástica tanto para móvil como para escritorio.
Saludos.
Muchas gracias Alberto, estoy completamente de acuerdo contigo, lo bueno de todo esto es que Quasar es un Framework muy activo que no deja de añadir cosas muy interesantes, estoy seguro que en breve tendremos la posibilidad de utilizar TS con Quasar CLI.
Saludos.
Un curso muy completo y detallado
El curso es muy completo y extenso, tocando todos los puntos. Además me ha servido para aprender Quasar e integrarlo dentro de mis desarrollos con Vuejs.
Muchas gracias Jordi, en breve seguimos trabajando con Quasar Framework para el desarrollo de aplicaciones en el servidor tipo SSR.
Un saludo.
Bueno pero perfectible
Excelente curso como siempre. Podría ser mejor si abordara push notifications, background sync, etc.
Muchas gracias Christopher, lo tenemos en cuenta.
Muy buen curso
Ideal para dar los primeros pasos con Quasar. Como siempre muy bien explicado todos los puntos importantes para el desarrollo, animo a seguir el curso a todo aquel que quiera profundizar en el desarrollo con VueJS
Muchas gracias Sergio.