Visão Geral

O curso PWA 201 Progressive Web Apps Advanced é um treinamento intensivo e prático de 24 horas (3 dias de 8 horas) projetado para desenvolvedores e arquitetos de software que desejam dominar o desenvolvimento de Progressive Web Apps (PWAs) robustas, escaláveis e de alto desempenho. Como continuação do curso PWA101 - Progressive Web Apps Fundamentals, ele aprofunda conceitos como Service Workers, Web App Manifest e integração com APIs modernas (ex.: WebRTC, WebAssembly, IndexedDB), além de explorar gerenciamento de estado, otimização avançada, testes automatizados, segurança e pipelines de CI/CD. Com 70% de prática, o curso utiliza laboratórios hands-on para construir uma PWA complexa (ex.: aplicativo de e-commerce), aplicável em cenários empresariais reais.

PWAs são uma tecnologia estratégica na transformação digital, combinando a acessibilidade da web com a experiência de aplicativos nativos. Elas oferecem funcionalidades como operação offline, notificações push, instalação em dispositivos e performance otimizada, reduzindo custos de desenvolvimento e manutenção em comparação com apps nativos. O curso PWA201 capacita profissionais a criar PWAs que atendem às demandas de empresas modernas, como e-commerce, fintech, saúde digital e soluções corporativas, garantindo escalabilidade, segurança e uma experiência de usuário superior.

O curso é estruturado em 12 módulos, distribuídos em 3 dias, cobrindo:

• Dia 1: Estratégias avançadas de Service Workers e integração com APIs (IndexedDB, WebAssembly, WebRTC).
• Dia 2: Gerenciamento de estado com React, code splitting, server-side rendering (SSR) e otimização com Lighthouse.
• Dia 3: Testes automatizados, segurança avançada (CSP, OAuth) e deploy com CI/CD, culminando em um projeto final.

Objetivo

Após realizar este Curso PWA 201 Progressive Web Apps Advanced você será capaz de:

• Implementar Service Workers avançados
• Integrar WebRTC, WebAssembly, IndexedDB
• Gerenciar estado com React, Redux
• Otimizar com code splitting, SSR
• Automatizar testes
• Escalar com CI/CD e deploy
• Garantir segurança com CSP, OAuth
• Aplicar PWAs em cenários complexos

Publico Alvo

• Desenvolvedores web: HTML, CSS, JavaScript, PWAs básicas
• Arquitetos de software: Soluções escaláveis
• Engenheiros de front-end: React, Vue.js
• Product Owners: Projetos ágeis
• Nível: Intermediário a avançado (3+ anos)
• Motivações:
  • Criar PWAs empresariais
  • Integrar WebAssembly, WebRTC
  • Otimizar performance
  • Implementar CI/CD

Pre-Requisitos

• HTML, CSS, JavaScript, ES6+
• Experiência com PWAs (Service Workers, Manifest)
• Frameworks: React, Vue.js (diferencial)
• Node.js, Git, Webpack/Vite

Materiais

Conteúdo Programatico

Dia 1: Service Workers e APIs

• Módulo 1: Service Workers Avançados
  1. Estratégias dinâmicas
  2. Workbox para automação
  3. Versionamento de cache
  4. Laboratório: Workbox com Cache First
• Módulo 2: IndexedDB
  1. Armazenamento local
  2. Sincronização offline
  3. Dexie.js
  4. Laboratório: Carrinho offline
• Módulo 3: WebAssembly
  1. Alta performance
  2. Compilação C/Rust
  3. Filtros de produtos
  4. Laboratório: Filtragem com WASM
• Módulo 4: WebRTC
  1. Comunicação em tempo real
  2. Chamadas de suporte
  3. Segurança
  4. Laboratório: Chat WebRTC

Dia 2: Estado e Otimização

• Módulo 5: Estado com React
  1. Redux, Context API
  2. Gerenciamento de carrinho
  3. Evitar re-renderizações
  4. Laboratório: Redux para carrinho
• Módulo 6: Code Splitting
  1. Webpack, Vite
  2. Lazy loading
  3. Redução de TTI
  4. Laboratório: Code splitting
• Módulo 7: SSR para PWAs
  1. Next.js
  2. SEO, performance
  3. Hidratação
  4. Laboratório: SSR com Next.js
• Módulo 8: Lighthouse Avançado
  1. Auditoria completa
  2. Critical Rendering Path
  3. Compressão Brotli
  4. Laboratório: Lighthouse > 95

Dia 3: Testes e Escalabilidade

• Módulo 9: Testes Automatizados
  1. Jest, Cypress
  2. Testes de Service Workers
  3. Cobertura > 80%
  4. Laboratório: Testes Jest, Cypress
• Módulo 10: Segurança
  1. HTTPS, CSP
  2. OAuth 2.0, JWT
  3. Auditoria OWASP
  4. Laboratório: CSP e OAuth
• Módulo 11: CI/CD e Deploy
  1. GitHub Actions
  2. Netlify, AWS
  3. Monitoramento
  4. Laboratório: Pipeline CI/CD
• Módulo 12: Projeto Final
  1. Revisão de conceitos
  2. PWA de e-commerce
  3. Deploy e teste
  4. Laboratório: Publicar PWA