Pasar al contenido principal

¡Feliz Día México 🇲🇽! Lo celebramos con 20% de descuento en todo EDteam. La oferta termina en

Alexys Lozada
Jose Luján
Manu Rodríguez
Jose Luján
Luis Avilés
Álvaro Felipe
Jose Luján
Beto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jon MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
Jose Luján
Álvaro Felipe
Álvaro Felipe
Alexys Lozada
Jose Luján
Manu Rodríguez
Jose Luján
Luis Avilés
Álvaro Felipe
Jose Luján
Beto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jon MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
Jose Luján
Álvaro Felipe
Álvaro Felipe
Jon MirCha
Jon MirCha
Alexys Lozada, Jose Luján
Alexys Lozada, Jose Luján
Alexys Lozada, Jose Luján
Camilo Adobe

HTML5 Avanzado - 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.

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)

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