Curso HTML5 Avanzado – Progressive Web Apps EDTeam (Escuela Digital)

0

Curso HTML5 Avanzado – Progressive Web Apps Crea apps móviles (no híbridas) con las tecnologías web que ya conoces: HTML, CSS, JS. 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.

¿Qué aprenderás en el Curso HTML5 Avanzado?

  • 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 para el Curso HTML5 Avanzado?

  • JavaScript

1. Introducción a las Aplicaciones Web Progresivas (PWA’s)

  • ¿Que es una PWA?
  • Caracteristicas de una PWA
  • ¿Cual es mi audiencia?
  • ¿Qué tipo de contenido ofrezco?
  • ¿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

Qué aprenderás en el Curso HTML5 Avanzado

Curso HTML5 Avanzado 2017 – Progressive Web Apps EDTeam (Escuela Digital)
Idioma: Español| Peso: 3 GB | Resolución: 1280x720p | EDTeam (Escuela Digital) | Formato: MP4

VER DESCARGAS MULTI-SERVER

Share.

Leave A Reply

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.