Introducción

• Presentación del curso
• Pre requisitos del curso
• Instalar Node y NPM
• Qué son las aplicaciones web progresivas

Angular 2

• Angular CLI, creación del proyecto
• Acerca de Angular
• Explorando el proyecto
• Primer componente
• Mostrar datos en un componente
• Angular Material
• Pipes
• Servicios
• Nuevo componente - Logro
• Angular Router
• Moverse entre rutas
• Parámetros en las rutas

Angular Universal

• Server side rendering
• Configurar y explorar proyecto base de Angular Universal
• Cómo funciona Angular Universal
• El futuro de Angular Universal

Servicio web

• Configuración del entorno
• POST para crear registros
• Configurar MongoDB y Mongoose
• Guardar registros en MongoDB
• GET para obtener registros de la BD
• GET sobre miembro
• Actualizar con PUT
• Eliminar con DELETE

Application Shell

• Application Shell
• Configurar Angular Material
• Toolbar de Material Design
• Sidebar de Material Design
• ShellRender y ShellNoRender
• Detalles de la interfaz

Service Workers

• Qué son las ServiceWorkers
• Enviar SW desde el servidor
• Error con el primary outlet
• Registrar ServiceWorker
• DevTools
• Ciclo de vida de una ServiceWorker
• Guardar archivos en el Cache
• Responder peticiones con la ServiceWorker
• Eliminar versiones anteriores del cache
• Acceso offline
• Actualizar el cache

Trabajando con observadores

• Definir modelo
• Agregar nuevo componente
• Mocking de datos
• Módulo de router para componente individual
• Observadores
• Map y Catch sobre observadores
• Suscribirse a un observador
• Otro método para agregar componentes
• Nuevas rutas para Angular y el servidor
• Formulario para subir nuevos logros
• Peticiones POST con Angular
• Mejorar la interfaz

Almacenamiento local

• Configurar IndexedDB
• Servicio para la base de datos
• Implementando DI Swapping
• Insertar en la base de datos local
• Consultas locales
• Obtener último registro en la BD
• Enviar registros nuevos desde el servicio web
• Mostrar elementos actualizados
• Mantener sólo últimos registros localmente
• Enviar registros anteriores desde el API
• Cargar registros anteriores
• Dependency Injection Swapping explicado

Notificaciones push

• Endpoint del servicio web
• Plugin findOrCreate
• Namespaces, UX de notificaciones y registro de ServiceWorker
• Generar VAPID keys
• Solicitar permisos para notificaciones push
• Servicio en Angular para solicitud de permiss
• Enviar notificaciones push
• Recibir y mostrar notificaciones
• Encadenar promesas
• Enviar notificaciones al crear un logro
• Solicitar permiso con acción del usuario
• Validar si ya tenemos permisos
• Mostrar si hay suscripción activa o no
• Eliminar subscripción a notificaciones push
• Eliminar suscripciones desautorizadas
• Abrir app desde la notificación

Deploy e instalación en teléfonos

• Webmanifest para instalar en el teléfono
• Enviar el webmanifest
• Icono de las notificaciones push
• Configurar Heroku
• Configurar MongoDB en Heroku
• Deploy y logs de la app
• Prueba en el teléfono [Final]