Próximas Turmas
Nenhuma turma disponível no momento
Quero mais informaçõesO que você vai aprender nesse curso
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.
Conteúdo do curso
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