Tu primera Progressive Web App (PWA 2020)

Curso: Tu primera Progressive Web App (PWA 2020)

básico
9 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Tu primera Progressive Web App (PWA 2020)

Toma este curso
Tu primera Progressive Web App (PWA 2020)

Curso: Tu primera Progressive Web App (PWA 2020)

básico
+9 horas
Sube a premium

Y accede a todos los cursos con un solo pago

#EDteamFunciona, compruébalo

#EDteamFunciona, compruébalo

Comienza este curso gratis
Comienza este curso gratis
Tu primera Progressive Web App (PWA 2020)

Tu primera Progressive Web App (PWA 2020)

Moderniza y lleva tu sitio web al siguiente nivel, implementando lo mejor de las apps modernas.

Nivel: básico
Fecha de lanzamiento: 28 de Septiembre
Duración: +9 horas
(Ver temario)
Calificación: 4.7
(Ver 12 opiniones)

Comparte:

Acerca de este curso

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.

¿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.

¿A quién está dirigido 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.
Avatar

Prof. Diego Adrian Barra Paredes

@addcodeVer perfil

Soy una persona a la que le apasiona mucho el desarrollo web y estar a la vanguardia con las últimas tecnologías para este tipo de aplicaciones.

Temario del curso

Introducción a las PWA

Abordaremos el funcionamiento de las PWA y como debemos implementarlas en nuestras apps.

  • 1.1 - Bienvenida al curso

  • 1.2 - Instalaciones necesarias

  • 1.3 - Fundamentos de las aplicaciones web progresivas

  • 1.4 - Creando el proyecto aplicando el concepto Mobile First con Material Design Lite. (Parte 1)

  • 1.5 - Creando el proyecto aplicando el concepto Mobile First con Material Design Lite. (Parte 2)

  • 1.6 - Conectando con github y deployando con github pages

Web App Manifest

Personalizaremos la presencia de tu app en el home screen.

  • 2.1 - Fundamentos de un app manifest

  • 2.2 - Atributos de un app manifest

  • 2.3 - Estrategias de implementar nuestra web app manifest

  • 2.4 - Implementando el app manifest en nuestra aplicación. (Parte 1)

  • 2.5 - Implementando el app manifest en nuestra aplicación. (Parte 2)

  • 2.6 - Deployando en github pages y adicionando PWACompact

Service Worker

Comprenderemos el poder que tiene el service worker como proxy de nuestra aplicación.

  • 3.1 - Fundamentos del Service Worker

  • 3.2 - Instalando mi primer Service Worker

  • 3.3 - Ciclo de vida de un Service Worker. (Parte 1)

  • 3.4 - Ciclo de vida de un Service Worker. (Parte 2)

Cache y el modo Offline

Conoceremos estrategias para que tu app funcione sin conexión.

  • 4.1 - Fundamentos y estrategias de caché

  • 4.2 - Instalando nuestro primer caché

  • 4.3 - Estrategia: Sólo caché

  • 4.4 - Estrategia: Sólo Red

  • 4.5 - Estrategia: Caché recurriendo a la red

  • 4.6 - Estrategia: Red recurriendo al caché

  • 4.7 - Estrategia: Caché luego red

  • 4.8 - Caché dinámico y optimización

Almacenamiento

Aprenderemos el manejo dentro del navegador.

  • 5.1 - Configurando Firebase

  • 5.2 - Preparando a Postme para almacenar datos. (Parte 1)

  • 5.3 - Preparando a Postme para almacenar datos. (Parte 2)

  • 5.4 - Introducción a las bases de datos en navegadores

Implementación de las librerías y apps mas utilizadas

Usaremos Firestore la ultima base de datos de Firebase que permite trabajar de manera offline, pouchDB y indexedDB.

  • 6.1 - IndexedDB. (Parte 1)

  • 6.2 - IndexedDB. (Parte 2)

  • 6.3 - Firestore. (Parte 1)

  • 6.4 - Firestore. (Parte 2)

  • 6.5 - Firestore. (Parte 3)

  • 6.6 - Pouchdb

Sync

Conoceremos métodos de sincronización para cuando tu app recupere conexión a internet.

  • 7.1 - Configurando PouchDB en Postme

  • 7.2 - Sincronizando con pouchDB

  • 7.3 - Background Sync. (Parte 1)

  • 7.4 - Background Sync. (Parte 2)

Notificaciones web push y características nativas del dispositivo

Aprenderemos el uso de las notificaciones cuando nuestra app se encuentre activa o este cerrada.

  • 8.1 - Notificaciones solo en el navegador

  • 8.2 - Notificación click y close en el service worker

  • 8.3 - Deployando en github pages y web push. (Parte 1)

  • 8.4 - Deployando en github pages y web push. (Parte 2)

  • 8.5 - Deployando en github pages y web push. (Parte 3)

  • 8.6 - Capacidades y despedida

Avatar

Prof. Diego Adrian Barra Paredes

@addcodeVer perfil

Soy una persona a la que le apasiona mucho el desarrollo web y estar a la vanguardia con las últimas tecnologías para este tipo de aplicaciones.

Sigue aprendiendo con

JavaScript en el navegador

JavaScript en el navegador

Avatar

Alvaro Felipe

5

4.7

React.js Desde Cero (2020)

React.js Desde Cero (2020)

Avatar

Beto Quiroga

5

4.8

Angular Desde Cero

Angular Desde Cero

Avatar

Luis Aviles

5

4.6

Vue.js desde cero

Vue.js desde cero

Avatar

Josh Ospina Tafur

5

4.4

Empieza a aprender Tu primera Progressive Web App (PWA 2020)

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Obtén cuatro meses gratis
al adquirir un plan anual

Por $ USD más obtén
una suscripción anual

Premium

Ahorra $120 USD
$360240USD

El mes te sale a $30 20 USD

Ahorra 33 %

Ahorra 33 %

Ahorra 33 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+169 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+169 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$32USD

$30 20 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

12 calificaciones de los estudiantes (4.7)

Cargando Calificaciones...

Sigue aprendiendo con

JavaScript en el navegador

JavaScript en el navegador

Avatar

Alvaro Felipe

5

4.7

React.js Desde Cero (2020)

React.js Desde Cero (2020)

Avatar

Beto Quiroga

5

4.8

Angular Desde Cero

Angular Desde Cero

Avatar

Luis Aviles

5

4.6

Vue.js desde cero

Vue.js desde cero

Avatar

Josh Ospina Tafur

5

4.4