Curso HTML5 Avanzado - Progressive Web Apps

Información de: Progressive Web Apps

Las progressive web apps (PWA) nos permiten tener aplicaciones web HTML5 que se comportan como aplicaciones nativas del teléfono. Estas nos brindan múltiples ventajas en el desarrollo web/movil. Si ya tienes conocimientos básicos de HTML, CSS y javascript puedes tomar este curso.

Contenido del curso Progressive Web Apps

Modulo 1 |

Introducción a las Aplicaciones Web Progresivas (PWA's)                    | M E G A |

• ¿Qué es una PWA?
• ¿Necesito una PWA?
• ¿Cuál es mi audiencia?
• ¿Qué tipo de contenido ofrezco?
• ¿Por qué hacer una PWA?
• Herramientas para desarrollo de PWA
• ¿Que puede hacer la Web hoy?

Tecnologías Core de las PWA's I                    | M E G A |

• Responsive Design
• App Shell Architecture
• Manifest.json
• ES6 (Promesas)
• Service Workers

Modulo 2  

Tecnologías Core de las PWA's II                     M E G A |

• Offline Support (Cache API)
• (ver gratis)
• Push Notifications
• API Fetch

Tecnologías Core de las PWA's III                    | M E G A |

• Online/Offline Events
• Background Sync API
• Web Share API

Modulo 3  

Creando una PWA I                    | M E G A |

• Flujo de Trabajo para PWA's
• Webpack
• Programación basada en Componentes
• Programación Reactiva
• Multi Starter Kit
• Firebase para PWA's
• Authentication
• Storage
• Database
• Hosting

Creando una PWA II                    | M E G A |

• Módulos a Desarrollar:
• App Shell
• Soporte con Desconexión
• Autenticación
• Perfil
• Cámara
• Subida de Ficheros
• Linea de Tiempo (Home)
• Servicios Firebase a usar:
• Firebase Auth
• Firebase Storage
• Firebase RealTime Database

Modulo 4 

Creando una PWA III                    | M E G A |

• APIs a usar:
• Service Workers
• Cache API
• Manifest.json
• API Fetch
• File API
• Push Notifications
• Online/Offline Events
• Background Sync API
• Web Share API
• GetUserMedia
• Geolocation
• Canvas

Creando una PWA IV                    | M E G A |

• Terminando Pendientes
• Agregando Analíticas
• Despliegue en Producción

Material de apoyo                    

| M E G A |

Capturas:

| 1 M E G A | | 2 M E G A | | 3 M E G A | | 4 M E G A | | 5 M E G A | | 6 M E G A | | 7 M E G A | | 8 M E G A | | MASTER M E G A |