Pasar al contenido principal
Alexys Lozada
Jose Luján
Jose Luján
Luis Avilés
Álvaro Felipe
Álvaro Felipe
Jose Luján
Alberto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Alexys Lozada, Daniel Romero
Álvaro Felipe
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Alexys Lozada
Jose Luján
Jose Luján
Luis Avilés
Álvaro Felipe
Álvaro Felipe
Jose Luján
Alberto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Alexys Lozada, Daniel Romero
Álvaro Felipe
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Alexys Lozada, Jose Luján
Alexys Lozada, Jose Luján
Camilo Adobe
Daniel Romero
Jose Luján

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

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 (ver gratis)
  • 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 (ver gratis)
  • Recuperar cache
  • Probando aplicacion offline
  • Push notifications

4. Tecnologías Core de las PWA's III

  • Notificaciones con acciones
  • Configurar acciones (ver gratis)
  • 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 (ver gratis)
  • 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 (ver gratis)
  • 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 (ver gratis)
  • Seccion de Camara: Tomando foto
  • Seccion de Camara: Subiendo foto

8. Creando una PWA IV

  • Terminando Seccion Profile
  • Seccion Timeline (ver gratis)
  • 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