Obrigado por enviar sua consulta! Um dos membros da nossa equipe entrará em contato com você em breve.
Obrigado por enviar sua reserva! Um dos membros da nossa equipe entrará em contato com você em breve.
Programa do Curso
Introdução
- O que é Angular?
- Angular vs React vs Vue
- Visão geral das 17 funcionalidades e da arquitetura do Angular
- Configurando o ambiente de desenvolvimento
Primeiros passos
- Criar um novo projeto Angular 17 utilizando o Angular CLI
- Explorando a estrutura e os arquivos do projeto
- Executar e servir a aplicação
- Exibir dados usando interpolação e expressões
Componentes
- Compreender o papel dos componentes no Angular 17
- Criando e usando componentes
- Passagem de dados entre componentes usando entradas e saídas
- Utilizar ganchos do ciclo de vida dos componentes
Directivas
- Compreender a diferença entre directivas estruturais e de atributos
- Criar e utilizar directivas incorporadas, como ngIf, ngFor, ngSwitch, etc.
- Criar e utilizar directivas personalizadas
Condutas
- Compreender o objetivo dos pipes em Angular 17
- Criar e utilizar pipes incorporados, como date, currency, json, etc.
- Criar e utilizar pipes personalizados
Serviços
- Compreender a função dos serviços em Angular 17
- Criar e utilizar serviços
- Injetar dependências utilizando fornecedores
Módulos
- Compreender o papel dos módulos em Angular 17
- Criar e utilizar módulos
- Importar e exportar módulos
Vinculação de dados
- Compreender a diferença entre a ligação de dados unidirecional e bidirecional
- Criar e utilizar a vinculação de propriedades, a vinculação de eventos e a sintaxe banana-in-a-box
- Utilização de variáveis de referência de modelo
Roteamento
- Compreender o papel do encaminhamento em Angular 17
- Criação e configuração de rotas
- Navegar entre rotas usando routerLink e router.navigate()
- Utilização de parâmetros de rota, parâmetros de consulta e fragmentos
Formulários
- Compreender a diferença entre formulários orientados por modelos e formulários reactivos
- Criar e validar formulários utilizando controlos de formulários, grupos de formulários, matrizes de formulários, etc.
- Utilizar validadores incorporados, como required, minLength, maxLength, etc.
- Criar e utilizar validadores personalizados
Cliente HTTP
- Compreender o papel do cliente HTTP em Angular 17
- Criar e utilizar pedidos HTTP para comunicar com serviços backend
- Utilização de observáveis para tratar fluxos de dados assíncronos
- Utilização de interceptores para modificar ou tratar pedidos ou respostas HTTP
Novo fluxo de controlo declarativo
- Explicar a nova sintaxe do bloco de controle de modelo e como ela simplifica tarefas comuns, como renderização condicional, looping e manipulação de coleções vazias
- Dar exemplos de uso dos novos blocos, como @if, @else, @switch, @case, @default, @for e @empty
- Comparar a nova sintaxe com a anterior, como *ngIf, *ngSwitch e *ngFor
- Mencionar como os novos blocos de controlo suportam aplicações sem zonas com sinais
Blocos de carregamento diferido
- Explicar o conceito de carregamento diferido e como ele pode melhorar o desempenho e a experiência do usuário de aplicativos da Web
- Apresentar o novo bloco de controlo @defer que permite o carregamento lento do conteúdo do bloco e das suas dependências
- Dar exemplos de utilização do bloco @defer em diferentes cenários, como o carregamento de componentes, directivas, pipes, animações e estilos
- Mencionando como o bloco @defer funciona com a nova API de transições de exibição
API de transições de exibição
- Explicar a finalidade e os benefícios da API de transições de exibição, que permite que os desenvolvedores personalizem as animações e as transições entre exibições
- Apresentar a nova diretiva withViewTransitions que permite a utilização da API de transições de vistas
- Dar exemplos de utilização da diretiva withViewTransitions com diferentes tipos de transição, como fade, slide, zoom e flip
- Mencionando como a API de transições de exibição funciona com o roteador Angular e o histórico do navegador
Outros recursos e melhorias
- Resumir brevemente alguns dos outros recursos e melhorias que o Angular 17 oferece, tais como:
- Suporte para passar @Component.styles como uma string
- O código de animações do Angular é carregável por lazy-load
- Suporte a TypeScript 5.2
- O núcleo da API de sinais está agora estável
- [O suporte à v16 foi removido e a versão mínima de suporte é a v18.13.0
- O Esbuild será o construtor padrão e o servidor de desenvolvimento padrão usará o Vite
Resumo e próximos passos
Requisitos
- Conhecimento de HTML, CSS e JavaScript
- Experiência com TypeScript e RxJS
- Experiência em desenvolvimento Web
Público
- Programadores que pretendam aprender a utilizar o Angular 17 para criar aplicações Web dinâmicas e com capacidade de resposta
- Programadores que pretendam atualizar as suas competências relativamente a versões anteriores do Angular
- Programadores que pretendam explorar as novas funcionalidades e melhorias do Angular 17
28 Horas
