Saltar al contenido principal Lima – Perú Bogotá – Colombia Cochabamba – Bolivia
Curso: Tu primera Progressive Web App (PWA) | EDteam | EDteam
Escuelas / / Frontend desde cero / Tu primera Progressive Web App (PWA) Moderniza y lleva tu sitio web al siguiente nivel, implementando lo mejor de las apps modernas.
¿Qué aprenderás? Aprenderás a crear apps que no dependan de la conexión a internet para funcionar, para esto usaremos estrategias de red. Ganarás presencia nativa instalando tu página o sitio web en tu dispositivo móvil utilizando el web manifest y pwacompact. Podrás hacer uso de las notificaciones push cuando tu aplicación este activa o cerrada. En este curso crearemos una app llamada postme la cual consistirá en el envío de mensajes, notas y comentarios; para ello usaremos como framework de diseño Material Design Lite, la plataforma de Firebase y su base de datos Firestore, PouchDB, Express y Git desde cero usando html, css y javascript básico. ¿Quienes pueden tomar este curso? Aquellas personas que tienen un su sitio o página web y quieran modernizar implementando las últimas tecnologías creadas para las aplicaciones web.
51 calificaciones de 1.2K estudiantes Ronald Cana 20 ene 2021
Es un buen curso de repaso de PWA con buenos ejemplos
Álvaro Santana Nascimento 2 may 2022
Excelente curso. Realmente disfruté todo lo que aprendí.
Juan Bravo 11 ago 2021
Terminar la aplicación con la subida de audios e imágenes a firebase
Carlos Campos 9 dic 2020
Excelente curso. El profesor explica muy bien. Gracias!
Roger Miguel Acosta 23 oct 2020
Excelente curso, muy practico y un gran profesor. Saludos
¿Para quién es este curso?
Aquellas personas que tienen un su sitio o página web y quieran modernizar implementando las últimas tecnologías creadas para las aplicaciones web. ¿Qué conocimientos previos necesitas? EDteam te ayuda a dominar la tecnología con la mejor metodología en español.
Los mejores profesores de Latinoamérica Toma apuntes sin salir de tus clases Cursos, talleres y rutas de aprendizaje Opciones para ver este curso Obtén acceso de por vida solo a este curso
Obtén acceso a todos los cursos, rutas y escuelas de EDteam
1. Introducción a las PWAAbordaremos el funcionamiento de las PWA y como debemos implementarlas en nuestras apps.
2. Web App ManifestPersonalizaremos la presencia de tu app en el home screen.
2.1 - Fundamentos de un app manifest 3:27 2.2 - Atributos de un app manifest 5:17 2.3 - Estrategias de implementar nuestra web app manifest 6:47 2.4 - Implementando el app manifest en nuestra aplicación. (Parte 1) 14:27 2.5 - Implementando el app manifest en nuestra aplicación. (Parte 2) 13:11 2.6 - Deployando en github pages y adicionando PWACompact 22:01 3. Service WorkerComprenderemos el poder que tiene el service worker como proxy de nuestra aplicación.
3.1 - Fundamentos del Service Worker 8:10 3.2 - Instalando mi primer Service Worker 8:09 3.3 - Ciclo de vida de un Service Worker. (Parte 1) 22:20 3.4 - Ciclo de vida de un Service Worker. (Parte 2) 20:59 4. Cache y el modo OfflineConoceremos estrategias para que tu app funcione sin conexión.
4.1 - Fundamentos y estrategias de caché 12:14 4.2 - Instalando nuestro primer caché 15:44 4.3 - Estrategia: Sólo caché 10:49 4.4 - Estrategia: Sólo Red 3:05 4.5 - Estrategia: Caché recurriendo a la red 7:23 4.6 - Estrategia: Red recurriendo al caché 8:59 4.7 - Estrategia: Caché luego red 9:28 4.8 - Caché dinámico y optimización 12:09 5. AlmacenamientoAprenderemos el manejo dentro del navegador.
5.1 - Configurando Firebase 21:47 5.2 - Preparando a Postme para almacenar datos. (Parte 1) 16:57 5.3 - Preparando a Postme para almacenar datos. (Parte 2) 16:01 5.4 - Introducción a las bases de datos en navegadores 7:13 6. Implementación de las librerías y apps mas utilizadasUsaremos Firestore la ultima base de datos de Firebase que permite trabajar de manera offline, pouchDB y indexedDB.
6.1 - IndexedDB. (Parte 1) 14:59 6.2 - IndexedDB. (Parte 2) 12:58 6.3 - Firestore. (Parte 1) 13:41 6.4 - Firestore. (Parte 2) 15:28 6.5 - Firestore. (Parte 3) 15:12 12:55 7. SyncConoceremos métodos de sincronización para cuando tu app recupere conexión a internet.
7.1 - Configurando PouchDB en Postme 13:37 7.2 - Sincronizando con pouchDB 26:23 7.3 - Background Sync. (Parte 1) 17:17 7.4 - Background Sync. (Parte 2) 7:57 8. Notificaciones web push y características nativas del dispositivoAprenderemos el uso de las notificaciones cuando nuestra app se encuentre activa o este cerrada.
8.1 - Notificaciones solo en el navegador 19:13 8.2 - Notificación click y close en el service worker 6:42 8.3 - Deployando en github pages y web push. (Parte 1) 14:04 8.4 - Deployando en github pages y web push. (Parte 2) 17:37 8.5 - Deployando en github pages y web push. (Parte 3) 7:06 8.6 - Capacidades y despedida 7:18 Obten acceso completo al cursoTu primera Progressive Web App (PWA) Desbloquea solo este curso $32 USD
Conserva este curso de por vida con un único pago. Tendrás acceso completo a todos los cursos, rutas y escuelas de EDteam *Incluye todos los beneficios por comprar el curso
