Apresentação
- Apresentação do Curso
Introdução
- Visão Geral
- Escolha da Linguagem
- Instalandos As Ferramentas
Vamos Falar Sobre Typescript
- Vamos Falar Sobre Typescript
- Declaração de Variáveis
- Configuração e Primeiro Exemplo
- Funções em Typescript
- Usando Funções
- Classes e Interfaces
- Usando Classes e Interfaces
- Módulos (ES6)
- Organizando os Exemplos em Módulos
- Definição de Tipos
- Importando uma Biblioteca em JS
Primeira Aplicação
- Gerando a Primeira Aplicação
- Conhecendo a Estrutura Gerada
- Compreendendo a Configuração e o Bootstrap
- O que é um Componente?
- Primeiro Componente com Angular-CLI
- O que é Property Binding?
- Aplicando Property Binding nos Primeiros Componentes
- Passando Valores a um Componente
- Usando o Decorator @Input
- O que são Diretivas?
- Usando as Diretivas ngIf e ngFor
- Usando o Operador de Navegação Segura
- Eventos de Um Componente
- Emitindo Eventos em um Componente
- Adicionando Eventos a um Elemento do Template
- Lidando com Erros
Projeto do Curso (Aplicação MEAT)
- Baixando o Projeto Inicial
- Começando com a Aplicação MEAT
- Criando os Componentes Header e Home
- O que são Rotas?
- Criando as Primeiras Rotas
- Criando os Componentes de Restaurantes
- O que é Injeção de Dependência?
- O que é um Serviço?
- Criando a Classe de Serviço para Restaurantes
- Reactive Programming e Http
- Configurando a API de Backend (json-server)
- Adicionando HTTP ao Serviço de Restaurantes
- Tratamento de Erros com o Operador Catch
- Parametrizando as Rotas
- Criando Componentes de Detalhe de Restaurante
- Serviço HTTP para o Detalhe do Restaurante
- Rotas Filhas para Avaliações e Menu
- O que são Pipes?
- Implementando o Componente de Avaliações - Pipes Async e Date
- Implementando os Itens de Menu - Pipe Currency
- Implementando o Carrinho de Compras
- Aplicando Eventos no Componente do Carrinho de Compras
- Localizando Preços Para a Moeda Brasileira
Formulários e Componentes Personalizados
- O que são Template Forms?
- Criando o Componente de Compra
- Usando Template Forms na Compra
- Validação com Template Forms
- Aplicando Validação no Formulário de Compra
- Aplicando Feedback Visual no Formulário de Compra
- Criando um Componente de Input (Content Projection)
- Validação com Expressões Regulares
- Criando Componente Usando ControlValueAccessor (Parte 1)
- Criando Componente Usando ControlValueAccessor (Parte 2)
- Implementando o Componente com os Itens da Compra
- Fornecendo os Itens da Compra
- Criando o Componente de Total de Compra
- Finalizando a Compra (HTTP POST)
- Navegação Programática via Router
- Criando Um Componente de Rating
Reactive Forms
- O que são Reactive Forms?
- Refatorando a Aplicação para Reactive Forms
- Validação com Reactive Forms
- Criando Validadores Personalizados
Módulos (Angular)
- O que são Módulos?
- Carregamento Tardio de Módulos (Lazy-Loading)
- Criando Um Módulo Compartilhado
- Criando um Feature Module (Módulo de Compra)
- Criando um Core Module Com Serviços
- Adicionando Serviços a um Módulo Compartilhado
- Realizando o Pré-Carregamento de Todos os Módulos
Introdução a Animações
- Introdução a Animações
- Instalação do Módulo de Animações
- Definindo um Snackbar
- Aplicando Animações no Snackbar
- Usando Observable com Snackbar
- Usando os Operadores Do e SwitchMap
- Animação com Void e Estilos em Transições (Restaurantes)
- Animação nos Itens do Menu
- Animação com Keyframes
- Usando Animação com Keyframes nos Itens do Carrinho
