Pasar al contenido principal

🔥 ¡Hoy clase gratis y en vivo! Crea tu propio CMS con PHP junto a Yesi Days. Regístrate. Comenzamos en: --:---:---:---

Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
Luis Avilés
Álvaro Felipe
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José Luján
José Luján
Álvaro Felipe
Álvaro Felipe
Jonathan MirCha
Jonathan MirCha
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Camilo Adobe
Álvaro Felipe
José Luján
Jonathan MirCha
Álvaro Felipe
Álvaro Felipe
Beto Quiroga, Alexys Lozada
Álvaro Felipe
Juan Villalvazo
Luis Avilés
Jonathan MirCha
Jonathan MirCha
Jonathan MirCha
Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
Luis Avilés
Álvaro Felipe
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José 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

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