- Bem vindos ao curso
- Porque usar o Angular
- Links úteis e essenciais do Angular
- Introdução à seção
- Instalação do Node.js
- Instalação e configuração do NVM (Node Version Manager)
- Instalação do Visual Studio Code
- Instalação e configuração do GIT
- Introdução à seção
- Desenvolvimento da primeira função com o Typescript
- Arquivo de configuração tsconfig.json
- Tipos de dados básicos: o tipo ANY
- Tipos de dados básicos: o tipo STRING
- Tipos de dados básicos: o tipo BOOLEAN
- Tipos de dados básicos: o tipo NUMBER
- Tipos de dados básicos: o tipo ARRAY
- Enums: como desenvolver e utilizar com o Typescript
- Enums: como mudar os valores padrões
- Funções: primeira função com o Typescript
- Funções: declaração de parâmetros de entradas tipados
- Funções: declaração de parâmetros de entrada com valores default
- Funções: funções com parâmetros REST
- Funções: Arrow Functions
- Classes: introdução à criação de classes com o Typescript
- Classes: Construtores
- Classes: métodos internos da classe
- Classes: como fazer o uso de Herança
- Classes: modificadores de acesso
- Interfaces: introdução e criação de Interfaces tipadas
- Interfaces: Criação de interfaces funcionais e implementação com classes
- Generics: introdução e uso com o Typescript
- Generics: desenvolvimento de funções genéricas
- Módulos: Introdução, desenvolvimento e uso nos nossos projetos
- Apresentação da seção
- Primeiro projeto com o Angular
- Detalhamento da estrutura do projeto Angular
- Módulos no Angular: o que são e a sua importância em um projeto
- Components e Templates no Angular: o que são e como se relacionam
- Introdução à seção
- Instalação do Angular CLI
- Primeiro projeto com o Angular CLI
- Estrutura de projeto gerado através do Angular CLI
- Arquivos de ambientes específicos: Desenvolvimento, Homologação e Produção
- Introdução e demonstração do comandos mais importantes do Angular CLI
- Ng doc: Como usar o Angular CLI para pesquisa na documentação do Angular
- Como atualizar o Angular CLI
- Introdução às seções de desenvolvimento do projeto Gestão de Vinhos
- Arquitetura - Projeto Gestão de Vinhos
- Geração do projeto com o Angular CLI
- Inclusão do Bootstrap 4 como template do projeto
- Criação da classe de modelo: vinho.ts
- Geração do primeiro componente do projeto: Listagem de vinhos
- Separação de responsabilidades: classe de serviço para gerenciar vinhos
- Services: o que são e porque utilizá-lo na separação de responsabilidades
- Criação e configuração de API simulada para requisições de dados de negócio
- Implementação de requisição assíncrona à API com Promises
- Requisições assíncronas com Http e Promise
- Aula extra: Implementação de requisição assíncrona à API com Observable
- Geração de componente para o cadastro de Vinhos
- Introdução ao Router Module: configuração de rotas de acesso a componentes
- Configuração de barra de menu para Navegação no Cadastro e Listagem de vinhos
- Implementação de botão para voltar do Cadastro para Listagem de Vinhos
- Cadastro de vinhos: fluxo completo do formulário ao envio dos dados ao Servidor
- Two-way databinding: uma abordagem mais detalhada
- Validação dos campos do formulário de cadastro de vinhos
- Validação de campos com ngModel: uma abordagem mais detalhada
- Criação de componente e template para exibir os detalhes de um vinho
- Detalhamento de vinho: da busca no Servidor até à exibição para o usuário
- Implementação do botão para voltar para a tela de listagem de vinhos
- Seleção de vinho na tela de listagem e redirecionamento para a tela de detalhes
- Carregamento de vinho cadastrado para edição e criação de rota
- Seleção de vinho na tela de listagem e redirecionamento para tela de edição
- Edição de vinhos: envio de dados atualizados para o Backend
- Remoção de vinho: implementação do fluxo completo
- Introdução à seção para criação de componente de Notificações
- Modelo para criação de objetos para Notificação
- Serviço para criar uma notificação: Subject e Observable
- Fluxo de exibição do componente de notificação
- Tipos de alertas customizados: controle com NgClass
- Melhorias no serviço de Notificação: criação de alertas específicos
- Animações: Transições entre estados para controle da exibição do alerta
- Animações com o Angular: introdução e principais conceitos
- Pipes padrão do Angular: formatação de datas
- Pipes padrão do Angular: transformação de frases maiúsculas
- Busca dinâmica na listagem de vinhos: criação de Pipe para filtragem de vinhos
- Pipes: introdução, principais conceitos tipos de pipes