Skip to content

Desarrollo Móvil

Aplicaciones Web Progresivas


Course
Jorge Alberto Osorio
Access code required
Enroll

Aprende a diseñar, construir y optimizar Aplicaciones Web Progresivas (PWAs) desde cero, combinando teoría esencial con ejercicios prácticos y herramientas accesibles para crear experiencias web modernas, seguras y eficientes.

Este curso universitario está diseñado para quienes desean dominar el desarrollo de Aplicaciones Web Progresivas (PWAs) de principio a fin, partiendo desde los fundamentos hasta la optimización, publicación y mantenimiento. A lo largo de cinco módulos intensivos, descubrirás cómo las PWAs están transformando el panorama del desarrollo web gracias a su capacidad de funcionar offline, ser instalables y ofrecer experiencias cercanas a las aplicaciones nativas. El enfoque es eminentemente práctico: cada concepto teórico se traduce en una acción concreta, permitiéndote implementar lo aprendido en proyectos reales desde el primer día. Iniciarás con una introducción envolvente al mundo de las PWAs, explorando su historia, ventajas y el impacto que han tenido en la industria del software, citando autores clave y casos reales. Posteriormente, te adentrarás en las características técnicas que definen una PWA, como la seguridad, la accesibilidad y la capacidad de trabajo sin conexión, comprendiendo el papel crítico de tecnologías como HTML5, CSS3 y JavaScript. Aprenderás a sacar provecho de frameworks modernos, dominarás el uso de service workers, la gestión avanzada de caché y la configuración adecuada del manifest, siempre a través de ejemplos prácticos y ejercicios guiados. Más adelante, abordarás la optimización de recursos, técnicas de SEO, accesibilidad y métodos de medición del rendimiento, utilizando herramientas gratuitas y métricas fáciles de interpretar para validar tu progreso. Finalmente, explorarás la publicación, distribución y mantenimiento continuo de PWAs, enfrentando escenarios reales de actualización y monitoreo, y preparándote para los desafíos del entorno digital actual. Este curso no sólo te brindará los conocimientos técnicos, sino que también te equipará con las mejores prácticas y estrategias para construir aplicaciones web resilientes, seguras y de alto impacto, listos para ser aplicados en tu trabajo o emprendimiento desde el primer módulo.

Here is the course outline:

1. Fundamentos y panorama de las PWAs

Explora qué es una Aplicación Web Progresiva, por qué está revolucionando el desarrollo web y cómo ha evolucionado desde sus orígenes. Identificarás sus características distintivas y el valor que aportan a usuarios y empresas.

Bienvenida.
Bienvenido al universo PWA
De los marcadores a la instalabilidad: evolución y hitos
Seguridad, offline y más: el ADN de una PWA
Ensayo: Fundamentos y panorama de las PWAs
Quiz: Fundamentos y panorama de las PWAs
Proyecto: Analizando el impacto y ADN de las PWAs desde la experiencia real

2. Construyendo la base técnica de una PWA

Aprenderás a combinar HTML5, CSS3 y JavaScript con frameworks modernos, manifiestos y service workers para crear la estructura esencial de una PWA lista para instalarse en cualquier dispositivo.

Estructura y presentación progresiva: HTML5 y CSS3 en acción
Capas de lógica: JavaScript, Service Workers y el Manifest
Acelerando el desarrollo con frameworks modernos
Ensayo integrador: De la base técnica a la experiencia PWA completa
Quiz: Construyendo la base técnica de una PWA
Proyecto integrador: Construye la base técnica de tu propia PWA

3. Rendimiento y capacidades offline avanzadas

Domina las estrategias de caché, el almacenamiento local y la optimización de recursos para ofrecer experiencias veloces, fiables y siempre disponibles, incluso cuando el usuario se queda sin conexión.

Optimización de recursos y métricas de rendimiento
Cache-first o network-first: estrategias y almacenamiento offline
Siempre actualizado: background sync y actualizaciones silenciosas
Ensayo: Estrategias avanzadas para rendimiento y funcionamiento offline en PWAs
Quiz: Rendimiento y capacidades offline avanzadas en PWAs
Proyecto Integrador: PWA Resiliente, Optimizada y Siempre Actualizada

4. Engagement, seguridad y publicación

Impulsa la adopción de tu PWA mediante accesibilidad, SEO y notificaciones push, sin descuidar la seguridad. Finalmente, publica y da mantenimiento continuo a tu aplicación en múltiples plataformas.

Accesibilidad y SEO: preparándote para todos y para los buscadores
Confianza y compromiso: seguridad integrada y notificaciones push
De la prueba al mundo: publicación, distribución y mantenimiento
Ensayo integrador: De la inclusión y la seguridad al mantenimiento de tu PWA
Quiz: Engagement, seguridad y publicación en PWAs
Proyecto Final de Módulo: De la Accesibilidad al Mantenimiento en tu PWA

5. Síntesis y hoja de ruta para PWAs de alto impacto

Integra todos los conocimientos adquiridos, evalúa el estado de tu PWA y traza un plan de mejoras continuas para mantener su relevancia y rendimiento a largo plazo.

Auditoría integral de tu PWA
Priorización de mejoras y creación de roadmap
Estrategias de mantenimiento evolutivo
Ensayo: Integración de auditoría, priorización y mantenimiento evolutivo en una PWA
Quiz: Mantenimiento y Actualización Continua en PWAs de Alto Impacto
Proyecto final: Auditoría, planificación y mantenimiento evolutivo de tu PWA
Glossary
Study guide
Back to top