Apresentação
Pretende-se com este curso dar uma formação sólida, atual e rigorosa sobre as últimas versões da framework Angular da Google, dotando os formandos da capacidade de criar SPA (Single Page Aplications), quer tenham ou não conhecimentos prévios da framework.
A quem se destina
Front-End developers que queiram aprofundar os seus conhecimentos no desenvolvimento de Single Page Aplications (SPA) com a Framework Angular.
Objectivos
Neste curso será feita uma breve introdução a conceitos básicos das últimas especificações de Javascript (ES6) e Typescript antes de introduzir a Framework Angular, onde serão abordados assuntos como estruturação de uma aplicação em Angular, criação de componentes, serviços, directivas, navegação com routing, reactive forms e gestão de “state” com Observables e HttpClient.
Pré-Requisitos
Conhecimentos de HTML5 e Javascript na sua especificação standard ES5.
Não é necessário qualquer tipo de conhecimento de versões anteriores de AngulaJS ou Angular 2.
Programa
Introdução, Ambiente de Desenvolvimento
Breve introdução ao ECMAScript, novas funcionalidades da especificação ES6 (Classes, fat Arrow functions, spread e rest operators, destructuring, …)
Breve introdução á sintaxe do Typescript
Gestão de “packages, librarias e frameworks” de Javascript com npm (ou yarn)
Introdução ao Angular
Enquadramento da utilização da framework Angular para desenvolvimento Web
Abordagem e explicação genérica sobre a framework
Utilização de Angular CLI como ferramenta para gerir, e desenvolver projetos em Angular
Demonstração prática da estrutura de uma aplicação em Angular
Elementos estruturais de uma Aplicação em Angular
Navegação entre componentes de uma Aplicação - Routing
Conceitos básicos de “Routing” implementação de “Routing” e modulos que compõem uma estrutura de navegação
Passagem de “Data” em “Routing”
Conceito de “Child Routes”
Dependency Injection em Angular
Introdução ao Padrão de Desenho : "Dependency Injection”
“Injectors” e “Providers”, “injectar” um serviço, utilização do HttpClient.
Reactive programming em Angular, com Observables
Estratégia de comunicação entre componentes
Criar “loosely-coupled” components (@Input e @output properties)
Como passar dados entre componentes hierarquicamente relacionadas
Utilização do Padrão de Desenho “Mediator” através de DI de serviços
“Change Detection” em Angular e métodos “lifecycle” de uma componente
Introdução a API Forms do Angular
Template-driven forms em Angular
Reactive forms em Angular
Utilizar o FormBuilder
Validação de Forms com Validators Built-in
Interacção com servidores através do HttpClient
Introdução ao Modulo HttpClient
Interacção com webserver em “node” e Typescript
Efetuar chamadas para o servidor
