+351 217 983 104

catálogo de formação

Angular

Print Friendly, PDF & Email

Em pré-inscrição. Entre em contacto para obter mais informações.

Nível Avançado | 30 horas | Laboral: 5 dias

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

Pedido de Informação