Angular

Apresentação

O Angular é uma das frameworks JavaScript mais utilizadas desde o seu lançamento como AngularJS em 2010. A partir da versão Angular 2 (2016), foi totalmente reescrita em TypeScript, trazendo melhorias significativas em desempenho, modularidade e escalabilidade. Esta formação oferece uma abordagem sólida, prática e atual para o desenvolvimento de Single Page Applications (SPA) utilizando as versões mais recentes do Angular.

Enquadramento

O Angular, mantido pela Google, é amplamente adotado no desenvolvimento web moderno para criar aplicações interativas, escaláveis e de alta performance. Este curso combina teoria e prática (hands-on training), introduzindo conceitos e aplicando-os diretamente em exemplos e exercícios, garantindo que os formandos consolidem as competências necessárias para o desenvolvimento profissional com Angular.

Destinatários

• Designers e developers de outros ambientes de desenvolvimento.
• Profissionais interessados no desenvolvimento de SPA com Angular.

Pré-requisitos

• Conhecimentos sólidos em HTML5 e JavaScript (ES5, ES6, ES7 e ESNext).

Objetivo Geral

Capacitar os formandos para criar aplicações SPA modernas e robustas utilizando Angular, com compreensão dos seus conceitos, arquitetura e boas práticas de desenvolvimento.

Objetivos Específicos

No final do curso, os formandos serão capazes de:

• Configurar o ambiente de desenvolvimento para Angular.
• Criar e estruturar componentes, serviços, diretivas e pipes.
• Implementar routing e navegação entre componentes.
• Utilizar Dependency Injection e o módulo HttpClient para comunicação com servidores.
• Criar forms (template-driven e reactive) com validações.
• Trabalhar com Observables e programação reativa.
• Aplicar técnicas de lazy-loading e otimização de performance.

Programa

1. Introdução e Configuração de Ambiente de Desenvolvimento
   • Instalação e configuração de Node.js, Git, TypeScript e Angular CLI.
   • Extensões VSCode recomendadas.
   • Revisão de funcionalidades ES6, ES7, ESNext.
2. Introdução ao TypeScript
   • Sintaxe e conceitos principais.
   • Gestão de packages, bibliotecas e frameworks com npm ou yarn.
3. Fundamentos do Angular
   • Estrutura e elementos de uma aplicação Angular.
   • Utilização do Angular CLI.
   • Conceitos de compilação JIT e AoT.
4. Componentes, Serviços, Diretivas, Pipes e Módulos
5. Routing e Navegação
   • Implementação de routing, passagem de dados e child routes.
   • Guards e proteção de rotas.
   • Router outlets múltiplos e lazy-loading.
6. Dependency Injection
   • Conceitos, injectors e providers.
   • Utilização do HttpClient.
7. Programação Reativa com Observables
   • Comunicação entre componentes com @Input e @Output.
   • Padrão Mediator com serviços injetados.
8. Ciclo de Vida e Detecção de Alterações
   • Métodos de lifecycle dos componentes.
9. Trabalho com Forms
   • Template-driven forms.
   • Reactive forms e FormBuilder.
   • Validações incorporadas e personalizadas.
10. Interação com Servidores
    • Introdução ao módulo HttpClient.
    • Comunicação HTTP e WebSockets.
    • HTTP interceptors e progress events.