Angular 6 para webApps RESTFUL

Carga horária: 32hs

Objetivo: Preparar o profissional para criar aplicações Web utilizando Angular6 com Typescript, Javascript, HTML5 e interface (SPA) responsiva com Bootstrap. Princípios de Programação Funcional, Testes Unitários (Jasmine & Karma), compilação e publicação do projeto na nuvem. 

Próximas turmas

Frequência Horário Início Término Valor
Segunda e Quarta 18:00/22:00h 26/11/2018 19/12/2018 6xR$240,00

Ementa:

  • Diferenças da Arquitetura baseada em componentes (Webcomponents architecture) para arquitetura MVC (Model, View, Controller)
  • Visão geral do ECMASCRIPT 6 e novos padrões de projeto
  • Diferença do Angular1, 2, 3,4, 5 e 6
  • Classes
  • Princípios de orientação a objeto (OOP)
  • Modificadores de acesso: public, private, protected e default
  • Tipos de variáveis: Boolean, String, Number, any, Array, Object, Date
  • Typescript compiler: Geração de Javascript com Typescript
  • Package.json e Tsconfig.json
  • Clausura
  • Declaração de métodos e métodos autoinvocados
  • Analogia do Typescript com o JAVA
  • Loops: for, while, do while, continue, break;
  • Objetos Globais vs Locais
  • Diferenças entre declaração de variáveis e métodos: var, let, const, readonly, static, abstract
  • Sintaxe de Construtores
  • Construtores cheios e vazios (Sobrecarga)
  • Métodos públicos e privados
  • Argumentos opcionais e obrigatórios de métodos
  • Getters & Setters
  • Entidades, Enums, Constantes
  • Interfaces e Herança (Implents & Extends)
  • Métodos Abstratos
  • Serviços e injeção de dependência
  • Entendendo Prototype
  • Callbacks
  • Call & Apply
  • Sort para ordenação de Arrays
  • Entendendo Promises
  • AJAX e chamadas assíncronas
  • Serviços REST (GET, POST, PUT, DELETE) com protocolo HTTP
  • Entendendo formato de dados (JSON, JSONP, XML, etc)
  • Headers de requisição
  • Interceptando requisições
  • Tópicos de Segurança da Informação: Authorization, Oauth,, Basic Authentication
  • Entendendo Components e two-way-data-binding
  • Entendendo o app.module (NgModule)
  • Formulários reativos controlados na Classe (FormsModule)
  • Regex, Máscaras e validação de campos
  • Rotas
  • Decorators
  • Entendendo Observables e o subscribe
  • Criação de componentes e comunicação com @Inputs, @Outputs e Events
  • LocalStorage e SessionStorage
  • Conversão de variáveis (truncamento, arredondamento, etc)
  • Autenticação e Login de aplicações
  • Animações
  • Temas, CSS, SCSS
  • Bootstrap para criação de elementos: tables, buttons, inputs, panels, accordions, menu, forms
  • Angular generators com angular-cli: component, directive, pipe, service, class, interface, enum, module
  • Compilando o projeto como ng build
  • Condicionais de view ( ngIf, ngHide, ngClass, ngStyle, ngSwitch)
  • Inputs File e tratamento de imagens (Base64, binary, FileReader, blob, atob, btoa)
  • Entendendo princípios de programação funcional (filter, map, reduce)
  • Design Patterns

Testes Unitários

  • Automatize sua aplicação com o JASMINE e KARMA
  • Criação de testes unitários de integração de API
  • Testando microserviços antes da integração com o backend
  • Garantindo integridade do código

Aplicações e Projetos a serem realizados no curso

  • Criação de iframes e mapas
  • Aplicação de Listagem e Busca de produtos  (autocomplete) com persistência de imagens e Carrinho de Compras
  • Login de usuários com autenticação JWT
  • Envio de email com o log da aplicação via SMTP
  • Criação de gráficos para monitoramento de aplicações e Deploy da aplicação no Heroku