Parece que su navegador tiene desactivado JavaScript.

Usted debe tener habilitado JavaScript en su navegador para utilizar la funcionalidad de este sitio web. Haga clic aquí para obtener instrucciones sobre cómo habilitar JavaScript en su navegador.

Crea Aplicaciones Web Progresivas Vídeo Curso Tutorial Desde 0

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]
Compartir Producto
Compartir vía Correo Electrónico
Aceptamos