Visão Geral

O curso PWA101 Progressive Web Apps Fundamentals é um treinamento introdutório de 24 horas que capacita profissionais a desenvolver Progressive Web Apps (PWAs), aplicações web modernas com funcionalidades offline, notificações push e instalação. Ele cobre Service Workers, Web App Manifest, responsividade e otimização, com 70% de prática em laboratórios hands-on.

Objetivo

Após realizar este Curso PWA101 - Progressive Web Apps Fundamentals, você será capaz de:

• Compreender fundamentos de PWAs
• Criar apps responsivas e instaláveis
• Implementar Service Workers para offline
• Configurar notificações push
• Otimizar performance e SEO
• Testar e depurar PWAs
• Publicar PWAs em servidores
• Aplicar PWAs em cenários reais

Publico Alvo

• Desenvolvedores web: Experiência em HTML, CSS, JavaScript
• Designers UI/UX: Interfaces responsivas
• Profissionais de TI: Projetos de aplicações web
• Product Owners: Projetos ágeis
• Nível: Iniciante a intermediário (1-3 anos)
• Motivações:
  • Criar apps rápidas e offline
  • Reduzir custos com apps nativos
  • Melhorar UX com notificações
  • Alinhar com transformação digital

Pre-Requisitos

• Conhecimento básico de HTML, CSS, JavaScript
• Familiaridade com desenvolvimento web
• Ferramentas: Visual Studio Code, DevTools
• Computador com Node.js instalado

Materiais

Conteúdo Programatico

Dia 1: Fundamentos e Configuração

• Módulo 1: Introdução às PWAs
  1. Conceitos: rápidas, confiáveis
  2. Benefícios: offline, instalação
  3. Ferramentas: VS Code, Node.js
  4. Laboratório: Configurar projeto PWA
• Módulo 2: Design Responsivo
  1. Media queries, flexbox, grid
  2. Teste com Lighthouse
  3. UX em PWAs
  4. Laboratório: Criar interface responsiva
• Módulo 3: Web App Manifest
  1. Estrutura: ícones, cores
  2. Instalação em dispositivos
  3. Splash screen, tema
  4. Laboratório: Configurar Manifest
• Módulo 4: Service Workers
  1. Conceitos e ciclo de vida
  2. Registro no JavaScript
  3. Cache básico
  4. Laboratório: Registrar Service Worker

Dia 2: Funcionalidades Offline e Notificações

• Módulo 5: Cache e Offline
  1. Estratégias: Cache First
  2. API Cache para assets
  3. Teste offline
  4. Laboratório: Configurar cache offline
• Módulo 6: Sincronização
  1. Background Sync API
  2. Eventos no Service Worker
  3. Sincronizar tarefas
  4. Laboratório: Implementar sincronização
• Módulo 7: Notificações Push
  1. API Push e Notifications
  2. Integração com Firebase
  3. Personalização de notificações
  4. Laboratório: Configurar notificações
• Módulo 8: Performance
  1. Lazy loading, minificação
  2. Auditoria com Lighthouse
  3. Tempo de carregamento
  4. Laboratório: Otimizar com Lighthouse

Dia 3: Testes e Publicação

• Módulo 9: Acessibilidade
  1. WCAG, ARIA
  2. Navegação por teclado
  3. Teste com axe DevTools
  4. Laboratório: Melhorar acessibilidade
• Módulo 10: SEO
  1. Metatags, sitemap
  2. Google Search Console
  3. Indexação
  4. Laboratório: Configurar SEO
• Módulo 11: Testes e Depuração
  1. Testes em dispositivos
  2. Depuração com DevTools
  3. Automação com Jest
  4. Laboratório: Depurar em dispositivo
• Módulo 12: Publicação
  1. GitHub Pages, Netlify
  2. Configuração HTTPS
  3. Projeto final: PWA funcional
  4. Laboratório: Publicar PWA