Introducción
  • Introducción al curso de PWA y Responsive
  • ¿Que es una aplicación web progresiva? (PWA)
Primeros pasos
  • Herramientas necesarias
  • Crear el proyecto
Estructura HTML
  • HTML del Header
  • Iconos
  • Servicios
  • Vídeos
  • Pie de págna
Maquetación web
  • Estilos generales
  • Estilos de la cabecera
  • Estilos marquesina / slider
  • Maquetando la parte de los sevicios
  • Maquetanción de los videos
  • Estilizando el pie de página
Responsive Web Design (Adaptar CSS para móvil)
  • ¿Que es Responsive Web Design o diseño adaptable?
  • Media Queries
  • Maquetación adaptable de la cabecera
  • Responsive para la marquesina central
  • Adaptación a móvil de servicios, videos y el footer
Creando la Aplicación Web Progresiva desde cero - PWA
  • Scroll suavizado
  • Configurar meta etiquetas para la PWA
  • Manifiesto
  • El Service Worker
  • Evento Install
  • Evento Activate
  • Evento Fetch
Subir la aplicación PWA y probarla en dispositivos moviles
  • Instalar terminal (opcional)
  • Publicar PWA / GitHub Pages
  • Probar la PWA en dispositivos móviles
Angular PWA
  • Angular PWA - Aplicaciones web progresivas con Angular
BONUS - Despedida y regalos
  • BONUS - Despedida y sorpresas