Plano de Ensino 📅
Curso: Desenvolvimento Frontend com Angular
Ementa
- Fase 1: Abordagem Clássica (NgModule): Arquitetura, Componentes, Data Binding, Diretivas e Serviços.
- Fase 2: Angular Moderno (Standalone): Standalone Components, Forms, API consumption, RxJS e Arquitetura Avançada.
Cronograma (16 Aulas)
Módulo 1: Fundamentos e Estrutura
- Aula 01: Introdução ao Angular e Ecossistema (SPA, CLI, Node.js)
- Aula 02: Estrutura do Projeto e Componentes (Visão Clássica)
- Aula 03: Data Binding (Interpolação, Property, Event, Two-way)
- Aula 04: Diretivas Estruturais (ngIf, ngFor) e de Atributo
Módulo 2: Core e Comunicação
- Aula 05: Comunicação entre Componentes (@Input, @Output, EventEmitter)
- Aula 06: Serviços e Injeção de Dependência (ProvidedIn: 'root')
- Aula 07: Roteamento no Modelo Clássico (RouterModule)
Módulo 3: Angular Standalone e Formulários
- Aula 08: Standalone Components (O novo padrão do Angular 15+)
- Aula 09: Roteamento Standalone (provideRouter, loadComponent)
- Aula 10: Formulários (Reactive Forms e Template-driven)
- Aula 11: HTTP Client e Integração com APIs REST
Módulo 4: Avançado, RxJS e Deploy
- Aula 12: RxJS e Programação Reativa (Observables, Subjects)
- Aula 13: Arquitetura e Organização Profissional (Core/Shared/Features)
- Aula 14: Estilização Moderna e Angular Material
- Aula 15: Build de Produção, Deploy e Performance
- Aula 16: Projeto Final Integrador (CRUD Completo)
Avaliação
- Exercícios: 16 listas focadas em lógica e implementação Angular.
- Projetos: 16 etapas de construção de um sistema real.
- Quizzes: 16 avaliações de conceitos-chave.
- Projeto Final: Uma aplicação SPA completa publicada em produção.