Jon MirCha
https://app.ed.team/cursos/pwa?14
¿Qué aprenderás?
- Trabajar con web workers
- Guardar datos en cache para apps offline
- Usar firebase para obtener datos
- Acceso a camara del dispositivo
- Crear tu primera PWA
¿Qué conocimientos necesitas?
Avanzado
- +10 horas
- Certificado
- Proyecto final
-
Clases grabadas
Temario del curso
EDteam tiene los temarios más detallados en español
1. Introducción a las Aplicaciones Web Progresivas (PWA's)
- ¿Que es una PWA? (ver gratis)
- Caracteristicas de una PWA (ver gratis)
- ¿Cual es mi audiencia? (ver gratis)
- ¿Qué tipo de contenido ofrezco? (ver gratis)
- ¿Por qué hacer una PWA?
- Herramientas para desarrollo de PWA
- ¿Que puede hacer la Web hoy?
2. Tecnologías Core de las PWA's I
- Tecnologías core PWA
- Responsive web design
- App shell architecture
- Manifest.json
- Manifest.json e iconos
- Extension Webserver para Google Chrome
- Promises (promesas)
- Service Worker
- Registrar service worker
3. Tecnologías Core de las PWA's II
- Que es fetch API
- Ejemplo de fetch API
- Registrar service worker
- Guardando en cache
- Recuperar cache
- Probando aplicacion offline
- Push notifications
4. Tecnologías Core de las PWA's III
- Notificaciones con acciones
- Configurar acciones
- Eventos online y offline
- Registrar sincronización de fondo
- Demo con API Github
- Demo con API Github: Búsqueda de usuarios
- Evento message
- Compartir contenido con el API share
5. Creando una PWA I
- Aclaraciones y temario
- Flujo de trabajo, Kit de inicio y instalación de Dependencias
- Estructura de archivos kit de inicio
- Estructura package JSON
- Estructura Webpack
- Ejecutando StarterKit
- Estructura de carpetas de Desarrollo
- Probando StarterKit en desarrollo y produccion
6. Creando una PWA II
- Depurando kit inicio e introducción a Firebase
- Autenticación con Firebase y Github sign in
- Autenticación con Firebase y Github sign out
- Dividiendo aplicacion en Componentes
- Definiendo el App Shell de la aplicación
- Programacion, animaciones del menu y terminando App Shell
7. Creando una PWA III
- Seccion Uploader, Input File y API File
- Creando componente auxiliar para mensajes
- Integracion de Uploader de archivos y Firebase Storage
- Integracion de Uploader, archivos y Firebase Database
- Seccion Profile
- Sección de camara: Accediendo a la camara
- Seccion de Camara: Tomando foto
- Seccion de Camara: Subiendo foto
8. Creando una PWA IV
- Terminando Seccion Profile
- Seccion Timeline
- Dependencia de Webpack para PWA's
- Convirtiendo EDgram en PWA
- Desplegado y Publicacion de EDgram
¿Por qué estudiar en EDteam?
Profesores reales
Todos nuestros profesores tienen experiencia real en aulas. Porque no basta saber un tema, sino saber enseñarlo.
Especialidades
Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.
Aprende con proyectos
Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.
Suscripción o compra
Compra los cursos que necesites con acceso de por vida o suscribete y accede a todos nuestros cursos y especialidades
Clases en vivo
Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.
Seguimiento de aprendizaje
Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.
abce
0
25
Profesor
HTML5 Avanzado - Progressive Web Apps
14
Acceso de por vida a este curso
PremiumAcceso a todos los cursos de EDteam