🅰️ Fase 06: Angular Standalone e Arquitetura Frontend
Bem-vindo à Fase 06 da Trilha de Formação em Computação. Nesta etapa, você aprenderá a construir Single Page Applications (SPAs) de porte corporativo com Angular Standalone, aplicando padrões de injeção de dependência, estado reativo com Signals e comunicação HTTP.
🎯 Objetivos de Aprendizado
- Arquitetura Standalone: Componentes, diretivas e pipes independentes sem necessidade de
NgModule. - Sintaxe de Controle de Fluxo: Aplicação do novo controle de fluxo nativo (
@if,@for,@switch). - Estado Reativo (Signals): Gerenciamento de estado de aplicação reativo de alta performance.
- Formulários Reativos: Construção de formulários seguros com validação assíncrona (
ReactiveFormsModule). - Serviços & Injeção de Dependência: Separação de regras de negócio em
Servicescom@Injectable. - Roteamento & Interceptadores: Navegação SPA, controle de acesso com
Guardse interceptação de requisições HTTP (HttpInterceptor).
🚀 Sumário da Fase 06
Acesse a ementa técnica do curso de Angular Standalone abaixo.
📊 Arquitetura Conceitual da Fase 06
flowchart TD A[🅰️ Standalone Components & Signals] --> B[📝 Reactive Forms & Validações] B --> C[⚙️ Services & Injeção de Dependência] C --> D[🌐 HttpClient & Interceptadores HTTP] D --> E[🗺️ Router, Lazy Loading & Navigation Guards]
📚 Ementa do Curso
- Capítulo 01: Introdução ao Angular Standalone
- Capítulo 02: Estrutura de Componentes Standalone
- Capítulo 03: Interpolation e Property Binding
- Capítulo 04: Event Binding e Control Flow (@if, @for)
- Capítulo 05: Diretivas de Atributo e Estilização
- Capítulo 06: Comunicação com @Input e @Output
- Capítulo 07: Ciclo de Vida do Componente
- Capítulo 08: Pipes Nativos e Customizados
- Capítulo 09: Formulários Reativos (Reactive Forms)
- Capítulo 10: Validações Customizadas em Formulários
- Capítulo 11: Serviços e Injeção de Dependência
- Capítulo 12: Gerenciamento de Estado Reativo com Signals
- Capítulo 13: HttpClient e Consumo de APIs REST
- Capítulo 14: Roteamento SPA e Lazy Loading
- Capítulo 15: Proteção de Rotas com CanActivate Guard
- Capítulo 16: Interceptadores de Requisições (HttpInterceptor)
- Capítulo 17: Programação Reativa com RxJS
- Capítulo 18: Tratamento Global de Erros HTTP
- Capítulo 19: Testes Unitários com Jasmine e Karma
- Capítulo 20: Projeto Frontend — Painel de Gestão de Alunos