Curso de Angular 2 e 4 com TypeScript

Ementa do Curso

• Módulo 01 - Introdução
  • Apresentação do curso
  • Como assistir ao curso?
  • Canais de comunicação
  • O que é o Angular 2?
  • Documentação e Github oficiais
    
• Módulo 02 - Ferramentas
  • NodeJS e NPM
  • Git
  • Escolha do editor de texto
  • Instalando Visual Studio Code
  • Extensões
    
• Módulo 03 - Um pouco de TypeScript
  • O que é o TypeScript?
  • Instalando o TypeScript
  • Inferência de Tipo Visualizar
  • VSCode Tasks
  • SourceMaps
  • Ocultando arquivos desnecessários no VSCode
  • Classes, Herança e sobrescrita de métodos
  • Interfaces Visualizar
  • Generics Visualizar
  • Exercicio
    
• Módulo 04 - Quickstart com Angular 2
  • Sobre a seção
  • Criando nosso primeiro projeto do zero
  • Entendendo a estrutura
  • Sobre o Browser Sync
  • Adicionando o Bootstrap 4
  • Criando um novo módulo de recurso
  • Criando um component para exibir a lista de contatos
  • A classe de modelo Contato
  • Exportando um array de contatos
  • Exibindo os contatos com ngFor Visualizar
  • Criando um component master/detail
  • Adicionando rotas com RouterModule
  • Módulo de rotas para os contatos
  • Barra de navegação e botões
  • RouterLinks
  • RouterLinks com parâmetros
  • Criando um serviço reutilizável
  • Chamadas assíncronas com Promises
  • Simulando uma conexão lenta e encadeando Promises
  • Extraindo parâmetro da rota
  • Buscando contato pelo id
  • Two-way data-binding com ngModel
  • Verificando parâmetro da rota
  • Desabilitando botão Salvar do formulário
  • Mudanças de estado e validade com ngModel
  • Mensagens de erro do formulário com Bootstrap e ngClass
  • Evento ngSubmit 04:40 Criando uma API simulada
  • Buscando contato da nossa API Visualizar
  • Tratamento de erros com catch 03:54 Cadastrando novo contato
  • Alterando um contato existente
  • DialogService 02:04 Deletando um contato
  • Mensagem ao deletar contato com ngClass, ngSwitch e ngIf
  • Melhorando nossa mensagem de erro do Timeout
  • Mensagem para lista vazia com ngIf
  • Usando location.back()
  • Plugin de Snippets do Angular
  • Criando Component para a busca
  • Sobre os Observables
  • Criando método para retornar um Observable no ContatoService
  • Capturando entrada do usuário
  • Implementando a lógica da busca
  • Aguardando um tempo para a próxima chamada com debounceTime
  • Ignorando buscas repetidas com distinctUntilChanged
  • Tratamento de erro com catch
  • Exibindo contatos da busca
  • Exibindo detalhes dos contatos pesquisados
  • Sobre Input e Output properties
  • Input Property
  • Output Property
  • Syntax Sugar com two-way data-binding no ContatoBuscaComponent
  • Resetando busca ao clicar em um item
  • Bônus: interface para os serviços
  • Considerações sobre esta seção
  • Exercício
    
• Módulo 05 - Arquitetura
  • Sobre a seção
  • Visão geral Visualizar
  • Modules
  • Exercício sobre Módulos 2 perguntas Angular Modules vs JavaScript Modules
  • Bibliotecas Angular
  • Components
  • Templates
  • Metadata
  • Data Binding
  • Services
  • Dependency Injection
  • Considerações sobre a seção
    
• Módulo 06 - Angular CLI
  • Sobre a seção e o Angular CLI
  • Angular vs Angular CLI
  • Requisitos e Node upgrade
  • Instalando o Angular CLI
  • Exercício: lista de comando do ng help
  • Gerando novo projeto com ng new
    

Plínio Naves

Formado em S.I. pela Libertas Faculdades Integradas. Trabalha com diversas tecnologias como Javascript, jQuery, Angular JS, Angular 2, Ionic 2, Node JS, PHP, Java, CSS, LESS, HTML5, MySQL, Oracle DB, Mongo DB, Padrão MVC, entre outras.

Cursos Relacionados

• Comentários
• Avaliações

Qual a sua avaliação para este hangout?

Enviar

AVALIAÇÕES

Ninguém avaliou este curso ainda. Seja o primeiro...