Destino Dev

Cursos

Angular Avançado: Performance e Testes

Código do curso: github.com/johnpires/angular-avancado-performance-e-testes

Domine as técnicas avançadas de performance e testes no Angular, levando suas aplicações ao próximo nível de qualidade e eficiência. Este curso aborda estratégias profissionais utilizadas em projetos de grande escala, incluindo otimização de detecção de mudanças com OnPush e Signals, lazy loading granular, virtual scrolling e técnicas de memoização.

Aprenda a construir uma suíte de testes robusta para aplicações Angular, cobrindo testes unitários com Jasmine e Karma, testes de componentes com Angular Testing Library, testes de integração e testes E2E completos com Cypress. Você aprenderá a testar serviços, guards, interceptors, pipes e componentes com todas as suas dependências.

Ao final do curso, você será capaz de identificar e resolver gargalos de performance em aplicações Angular reais, implementar uma cultura de testes com alta cobertura de código, e utilizar ferramentas como Angular DevTools, Webpack Bundle Analyzer e Lighthouse para medir e monitorar a performance continuamente.

Conteúdo do curso

Módulo 1: Detecção de Mudanças e OnPush Strategy

  1. Entendendo o Mecanismo de Change Detection (8 min)
  2. OnPush Change Detection: Implementação Prática (8 min)
  3. Angular Signals: Reatividade Granular Moderna (8 min)
  4. ChangeDetectorRef: Controle Manual do Ciclo (8 min)
  5. Pure Pipes e Memoização para Performance (2 min)
  6. Profiling com Angular DevTools e Lighthouse (2 min)

Módulo 2: Performance e Otimização de Bundle

  1. Lazy Loading Avançado: Módulos e Componentes (2 min)
  2. Virtual Scrolling com Angular CDK (8 min)
  3. Web Workers: Cálculos Fora da Thread Principal (2 min)
  4. Server-Side Rendering com Angular Universal (8 min)
  5. Otimização de Bundle com Webpack Bundle Analyzer (8 min)
  6. Core Web Vitals: INP, LCP e CLS (8 min)

Módulo 3: Testes Unitários com Jasmine e Karma

  1. Fundamentos de Testes no Angular: TestBed (8 min)
  2. Testando Serviços e Mocking de Dependências (2 min)
  3. Testando Formulários Reativos (8 min)
  4. Testes de Guards, Interceptors e Pipes (2 min)
  5. Cobertura de Código com Istanbul (2 min)
  6. Testes com Angular Testing Library (8 min)
  7. Testes Assíncronos: fakeAsync e async/await (2 min)

Módulo 4: Testes E2E com Cypress

  1. Cypress: Configuração e Primeiros Testes E2E (8 min)
  2. Cypress: Comandos Customizados e Fixtures (8 min)
  3. Cypress: Interceptação de Requisições HTTP (8 min)
  4. Cypress: Testes de Acessibilidade e Visual (2 min)
  5. Pipeline CI/CD: Integrando Testes Automatizados (2 min)
  6. Projeto: Testes E2E do E-commerce Angular (8 min)

Módulo 5: Arquitetura Avançada e Projeto Final

  1. NgRx: Gerenciamento de Estado Avançado (3 min)
  2. Micro-Frontends com Module Federation (8 min)
  3. Design de Componentes para Testabilidade (3 min)
  4. NgRx Entity: Gerenciamento Eficiente de Coleções (2 min)
  5. Projeto Final: E-commerce com Angular Avançado (2 min)
  6. Deploy, Monitoramento e Próximos Passos (2 min)