Angular

Apresentação

A Angular tornou-se, desde a sua primeira versão AngularJS (2010), uma das frameworks de Javascript mais utilizadas até os dias de hoje, a partir da versão Angular 2 (2016), sofreu a sua maior alteração, totalmente reescrita em “Typescript”.

Destinatários

Designers, Developers de outros ambientes de desenvolvimento, ou profissionais interessados eno desenvolvimento de aplicações SPA com Angular.

Pré-requisitos

Os formandos devem estar confortáveis com HTML5 e Javascript na sua especificação standard ES5, ES6, ES7, .., ES Next.

Objetivos

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 na capacidade de criar SPA (Single Page Applications), quer tenham ou não conhecimentos prévios da framework.

Metodologia

A metodologia a adoptar nesta formação será num conceito “hands on Training”, ou seja, os conceitos serão introduzidos através de exemplos práticos efetuados pelo formador e executados simultaneamente pelos formandos. Haverá momentos intermédios de aplicação prática de conceitos através da execução de exercícios no sentido de avaliar a aquisição de conceitos.

Programa

• Introdução e configuração de Ambiente de Desenvolvimento (revisão)
• Os Formandos deverão trazer já instalado e configurado os seguintes softwares (tools):
  • Instalar Node.js (https://nodejs.org/en/ )  e GIT (https://git-scm.com/ )
  • Instalar Typescript: (npm install -g typescript)
  • Instalar Angular CLI: (npm install -g @angular/cli)
  • Abrir (instalar) Chrome, e extensao : Augury
  • Editor de Código: (VSCode  com extensões Es6, Angular e Angular 8 snippets)
• Breve revisão ao ECMAScript, novas funcionalidades da especificação ES6, ES7, …, ESNext (Classes, fat Arrow functions, spread e rest operators, destructuring, …)
  Introdução á sintaxe do Typescript
• Gestão de “packages, librarias e frameworks” de Javascript com npm (ou yarn)
  Introdução ao Angular, Elementos estruturais de uma Aplicação em Angular
• Enquadramento da utilização da framework Angular para desenvolvimento Web
• Utilização de Angular CLI como ferramenta para gerir, e desenvolver projetos em Angular
• Demonstração pratica da estrutura de uma aplicação em Angular
  Conceitos de compilação JIT (Just in Time) e AoT (ahead of time)
• Components, Services, Directives, Pipes, Modules
• Navegação entre componentes de uma Aplicação – Routing
  Conceitos 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”
• Protecção na navegação de “Routes” com “Guards”
• Utilização de “Router Outlets” múltiplos
• Conceito de Lazy-loading de Modulos de Angular
• 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
• Criar Validators personalizados
• Interacção com servidores através do HttpClient
• Introdução ao Modulo HttpClient
• Interacção com webserver, com HTTP e utilizando Websockets (data pushing)
• HTTP interceptors
• Progress Events