Treinamento Angular
Capacitar ao participante a obter (gratuitamente) e instalar corretamente todas as ferramentas necessárias para o desenvolvimento em Angular. Conhecer e aplicar na prática tanto os conceitos básicos como avançados do Angular. Conhecer e aplicar na prática a linguagem TypeScript Criar ricas aplicações Web utilizando os principais recursos do Angular 5 e 6 Conhecer a fundo o Angular com acesso a banco de dados e aplicar na prática os conceitos adiquiridos Conhecer e aplicar na prática os conceitos de rotas Conhecer e aplicar na prática os conceitos do banco de dados Firebase Capacitar ao participante criar aplicações Web que interajam com banco de dados
CARGA HORÁRIA
40 horashoras
TURMAS
INÍCIO
TÉRMINO
TURNO
MODALIDADE
CONTEÚDO
Conteúdo programático:
Introdução ao Angular
- Introdução
- Componentes
- Templates
- Metadata
- Data binding
- Diretivas
- Services
- Injeção de dependencia
- Wrap up
Preparação do ambiente
- Instalação do Nodes
- Instalação do TypeScript
- Instalação do Visual Studio Code
- Instalação do Angular CLI
- Verificando as instalações
- Overview da criação do projeto
- Criando seu primeiro projeto
- Iniciando o servidor
- Utilizando o Visual Studio Editor
TypeScript
- Introdução ao TypeScript
- TypeScript X JavaScript
- Equality
- References
- Null X Undefined
- this / Closure
- Number
- Classes
- Emit
- Super
- Arrow Functions
- Rest Parameters
- let / const
- Destructuring
- Spread
- for...of
- Iterators
- Template Strings
- Promise / Generators
- Async Await
Template e Data Binding
- Apresentando dados
- Sintaxe dos Templates
- Ciclo de vida
- Interação dos Componentes
- Componente X Styles
- Componentes dinâmicos
- Diretivas para os atributos
- Animações
Forms
- Entradas pelo usuário
- Template-driven Forms
- Validação
- Reactive Forms
- Dynamic forms
Injeção de dependências
- Pattern
- Injeção de dependência no Angular
- Hierarquia
- Exemplo prático
HttpClient / JSON
- Instalando o módulo
- Obtendo dados via JSON
- Tratamento de erro
- Obtendo dados non-JSON
- Enviando dados para o servidor
- POST request
- Interceptando todos os requests e responses
- Tratando eventos
- Tratando cookies e headers
Rotas
- Introdução
- Imports
- Configuração
- Router outlet
- Router links
- Router state
- Activated route
- Eventos
Aplicação com Router
- Importando a biblioteca router
- AppComponent shell
- RouterOutlet
- RouterLink binding
- RouterLinkActive binding
- Diretivas
- Rota padrão
- Redirecionando rotas
- Definindo rotas com parâmetros
- Voltando as páginas
- Parâmetros para rotas requeridos e opcionais?
Pipes
- Introdução aos pipes
- Utilizando pipes
- Built-in pipes
- Parametrizando pipe
- Encadeamento de pipes
- Pipes customizados
Firebase
- Introdução
- Console do Firebase
- Realtime Database
- Storage
- Hosting
- Firebase Cloud Functions
- Conectando o Angular ao Firebase
Projeto do curso
- Arquitetura do projeto
- Classe de modelo para os usuários
- Classe de serviço e database
- Componente de cadastro de usuários
- Componente de lista dos usuários
- Componente de detalhe do usuario
- Autenticação
- Fazendo build para produção