Angular

Nesse módulo você dará seus primeiros passos com o Angular, entendendo o que é e para que serve, configurando todo o ambiente de desenvolvimento, instalando o Angular CLI, criando seu primeiro projeto, conhecendo a estrutura e comandos básicos, e aprendendo formas de depurar sua aplicação.

Nesse módulo você aprenderá os fundamentos de componentes no Angular, entendendo o que são, como estruturá-los, como eles se comunicam e recebem dados, e como aplicar estilos e encapsulamento de forma correta. Também verá diferentes formas de binding (Property, Event, Two-Way e Class/Style Binding) e técnicas para composição de componentes.

Nesse módulo você desenvolverá um projeto prático no Angular do zero, aplicando conceitos de componentização, estilização e uso de bibliotecas como Tailwind e Angular Material. Você criará layouts, gerenciará dados e eventos entre componentes, implementará funcionalidades como drag and drop, formulários, filtros e comentários, além de lidar com problemas comuns de estado e atualização da interface.

Nesse módulo você aprenderá a migrar sua aplicação para o Angular 20 de forma organizada, entendendo o que mudou na estrutura de pastas, nas regras de dependência e no novo padrão de organização por feature. O professor demonstra na prática como aplicar o modelo Feature Based Components, como dividir a aplicação entre Core e Shared, e como identificar diferenças importantes entre telas e features.

Nesse módulo você entenderá a fundo como funcionam os Pipes no Angular e como eles podem transformar dados diretamente no template da sua aplicação. Você aprenderá a formatar textos, números, datas, moedas e percentuais, além de trabalhar com parâmetros personalizados como currencyCode, digitsInfo e display. Também explorará o uso correto de datas em UTC, fusos horários e boas práticas de internacionalização (i18n), permitindo que sua aplicação se adapte automaticamente a diferentes regiões e idiomas.

Nesse nível, vamos aplicar os signals em um projeto completo, desenvolvendo um gerenciador de filmes com várias funcionalidades, como cadastro e login de usuários, validação de formulários, controle de autenticação e comunicação com API. O projeto permitirá adicionar filmes, atribuir notas, calcular automaticamente a média das avaliações, marcar favoritos e filtrar filmes por nome ou categoria, utilizando signals como principal forma de gerenciamento de estado.

Nesse nível, vamos trabalhar com Reactive Forms, explorando uma forma mais estruturada, escalável e prática de lidar com formulários no Angular. Durante as aulas, iremos construir formulários dinâmicos utilizando FormGroup, FormControl e FormArray, entendendo como organizar e controlar estados complexos de forma clara dentro da aplicação. Também vamos integrar os formulários com endpoints da API, realizando envio e carregamento de dados, além de manipular listas dinâmicas dentro dos formulários. Vamos aprender a recuperar estados com Reactive Forms, aplicar validators, utilizar diretivas para melhorar a interação com os formulários e implementar funcionalidades como reset de FormArray e controle completo dos dados preenchidos pelo usuário.

Neste módulo, vamos explorar Template Driven Forms no Angular, começando pela criação de formulários simples até a implementação de validadores customizados. Aprenderemos a sincronizar dados com two-way data binding, configurar mensagens de erro e realizar redirecionamentos. Ao final, integreremos tudo para exibir um resumo dinâmico, garantindo uma experiência interativa e completa.