Descripción:
¿Es usted un desarrollador que desea crear experiencias de usuario verdaderamente multiplataforma, sin restricciones de tienda y características que los clientes desean? Entonces, debe familiarizarse con las aplicaciones web progresivas (PWA), una combinación perfecta de aplicaciones web y móviles con un tiempo de respuesta increíblemente rápido. Este curso te ayudará a explorar conceptos del desarrollo de PWA. Al final del Curso de Desarrollo de Progressive Web Applications (PWA), habrá recorrido las herramientas de desarrollo del navegador, los módulos de nodos y las herramientas en línea para crear PWA de alta calidad.
Objetivo:
Al término del curso, entre otras cosas, el alumno será capaz de:Explorar los principios básicos de los PWA. Crear e instalar PWA en sitios web comunes con un HTTPS determinado como requisito principal. Familiarizarse con el ciclo de vida del service worker. Definir patrones de almacenamiento en caché del service worker. Aplicar estrategias de almacenamiento en caché a tres escenarios de sitios web diferentes. Implementar las mejores prácticas para el rendimiento web.
Temario:
Parte 1: INTRODUCCIÓN A LAS APLICACIONES WEB PROGRESIVAS
Por qué necesitábamos una nueva forma de construir sitios web | Ejemplos de PWA en el mundo real | ¿Qué son las PWA? | Ventajas PWA | Requisitos técnicos de PWA
Parte 2: CREAR UNA EXPERIENCIA DE PANTALLA DE INICIO CON UN MANIFIESTO WEB
La especificación del manifiesto web | Validando archivos de manifiesto web| Polyfiling en la experiencia de pantalla de inicio en iOS y otros navegadores heredados | Microsoft Edge e Internet Explorer |Beneficios sin Polyfils | Probando la experiencia de agregar a la pantalla de inicio en Chrome
Parte 3: ASEGURAR TU SITIO WEB
¿Qué es HTTPS? | Diferentes tipos de certificado SSL | Cómo obtener e instalar un certificado SSL | Migración de un sitio web a HTTPS | Auditoría del sitio para cualquier HTTP:// | Configuración de servidor de redireccionamiento automático de HTTP a HTTPS
Parte 4: SERVICE WORKERS: NOTIFICACIÓN, SINCRONIZACIÓN
El hilo del service worker | Soporte de navegadores para service worker | La API Fetch | Creación de un shell de service worker | El ciclo de vida del service worker | Almacenamiento en caché | Uso de notificaciones push | Sincronización de fondo
Parte 5: ADMINISTRACIÓN DE LA API DE CACHE: GESTIÓN DE ACTIVOS WEB EN UNA APLICACIÓN
Usando la API de Fetch | Respuestas de caché | El objeto caché
Parte 6: PATRONES DE CACHEO DE SERVICE WORKERS
Cómo funciona la caché de service workers | Eventos para service workers | Patrones y estrategias de caching | Templating service workers
Parte 7: OPTIMIZACIÓN PARA EL RENDIMIENTO
La importancia de WPO | Reducción del tamaño de la carga útil de la imagen | El costo de CSS y JavaScript | Indicadores clave de rendimiento | Minificación de scripts| Uso de detección de características para cargar condicionalmente | Polyfils de JavaScript
