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.

Neste módulo, vamos mergulhar nos Reactive Forms do Angular, a abordagem mais eficiente para formulários dinâmicos. Vamos construir um formulário de currículo do zero, dominando FormControl, FormGroup e FormArray. Vamos implementar validações avançadas, como as por diretivas e padrões, vamos integrar requisições HTTP para carregar dados de estados e cidades, e gerenciar campos dinâmicos, finalizando com o resumo e reset das informações.

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.

Neste módulo, vamos mergulhar no RxJS, desmistificando seus conceitos e a integração com Angular. Vamos aprender a criar e manipular Observables, explorar o pensamento reativo e declarativo, e dominar as estratégias de tratamento de erros, como catchError e finalize. Vamos desenvolver habilidades para controlar fluxos de dados, garantindo aplicações robustas e eficientes.

IA na prática

Neste módulo, vamos criar um sistema de upload de arquivos do zero com Inteligência Artificial. Partimos da coleta de requisitos para estruturar prompts eficazes, gerando código backend e frontend, implementando endpoints e otimizações. Vamos cobrir a criação de Spec Kits, planos de implementação e a adição de testes unitários e de integração para construir uma solução robusta.

Neste módulo, vamos mergulhar na estruturação da navegação de aplicações Angular. Vamos abordar desde a criação de rotas com lazy loading e a nova API provide-router, até a segurança com guards de autenticação e permissões. Vamos implementar resolvers para carregar dados antes dos componentes, múltiplos outlets e transições fluidas, otimizando a experiência do usuário.

Neste módulo, vamos fazer a transição do Karma e Jasmine para o Vitest, desvendando testes unitários no Angular. Vamos aprender a isolar componentes, serviços e requisições HTTP, manipulando o DOM e criando mocks. Vamos cobrir APIs modernas para roteamento e gerenciamento de estado, além de trabalhar com formulários, guards e interceptors, garantindo a qualidade e cobertura do seu projeto.

Neste módulo, vamos levar nossas aplicações do ambiente de desenvolvimento para produção com o Render. Vamos aprender a configurar repositórios e scripts de build, gerenciar variáveis de ambiente para front-end e back-end, integrar testes unitários na esteira de deploy, além de implementar segurança com CORS e resolver erros comuns como o 404 em SPAs.