Angular 8

Carga horária: 60hs

Objetivo: Preparar o profissional para criar aplicações Web E LAYOUT * utilizando Angular8 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. 

* Layouts utilizando os mais recentes Frameworks de Webdesign interagindo com o Angular 8, HTML5, CSS3, Bootstrap4.3, PrimeNG, Angular Material, possibilitando a criação de portfólios com galerias de imagens, sistemas com formulários, validações e gráficos e sites responsivos. Hoje em dia, o design conta mais do que nunca com os conceitos de usabilidade e acessibilidade.

Próximas turmas

Módulo 1 (Visual Front)

 

Bootstrap 4.3

  • Instalação
  • Bootstrap CDN
  • Temas
  • Layouts
    •     Containers
    •     Grid (12 colunas)
  • Media
  • Margin, Padding, Toggle
  • Cabeçalhos
  • Listas
  • Formatação
  • Tipografia
  • Imagens (Responsivas, alinhamento, miniatura)
  • Tabelas
  • Components
  • Cartões (cards)
  • Carrousel
  • Alertas
  • Accordion
  • Menu
  • Forms
  • Tooltips
  • Input
  • Jumbotron
  • Listas
  • Modal
  • Navbar (Barra de Navegação)
  • Popover

 

Design Bootstrap 4

  • Waves
  • Animate
  • Wow

 

Angular 8:

  • Instalação (material, animações e ícones)
  • CDN
  • Importações
  • Temas
  • Icones
  • Formulários
  • Checkbox
  • Input
  • Select
  • Slide
  • Datapicker
  • TextArea
  • Hint
  • Contador de caracteres
  • Navegação
    • Menu
  • Toolbar
  • Cards
  • Tabs
  • List
  • Botões
  • Icon
  • Modal
  • Tooltip
  • Tabelas

 

HighCharts JS 

  • Instalação para Angular
  • Exportação de gráfico PDF
  • Graficos em colunas, linhas
  • Categorias
  • Json

 

Módulo 2 (Programação Back)

  • 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, 6 e 7
  • Classes em typescript
  • 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
  • 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 (Implements e Extends)
  • Métodos Abstratos
  • Serviços e injeção de dependência
  • 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 Observable e 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 JWT e Login de aplicações
  • Angular generators com angular-cli: component, directive, pipe, service, class, interface, enum, module
  • Condicionais de view (ngIf, ngFor, ngHide, ngClass, ngStyle, ngSwitch)
  • Entendendo princípios de programação funcional (filter, map, reduce)
  • Integração com banco online (Firebase)
  • Hosting Firebase

Testes

  • Teste Unitário
  • 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
  • Compilando o projeto como ng build

 

Aplicações e Projetos a serem realizados no curso

  • 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
  • Criação de gráficos para monitoramento de aplicações
  • Deploy no Firebase Hosting