Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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
Declaração de Clientes (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Curso - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Curso - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Curso - Building Web Apps using the MEAN stack
Gostei das tuas piadas
Dermot - Griffiths & Armour
Curso - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Curso - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Análise passo a passo. Explicação de cada linha de código. Todos os problemas que tive durante o curso foram resolvidos com sucesso e o Łukasz explicou-me a razão. Também gostei das boas práticas que foram apresentadas. Nunca me convenci do estilo TDD - simplesmente não o considero útil e não vale o seu tempo. O Łukasz apontou tantas vantagens do TDD que mudou completamente a minha opinião.
Michał Uściński - Devapo Sp. z o. o.
Curso - Testing Angular Applications
Machine Translated
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Curso - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Curso - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Curso - Angular 6
Good examples and interactive course !
