Portal GSTI
Portal GSTI

PublicarCadastre-seLogin
Menu
CURSO

Curso de Angular 2 e 4 com TypeScript

Imagem destacada do curso Curso de Angular 2 e 4 com TypeScript

Sobre o curso
0,00

Construa aplicações modernas, escaláveis e testáveis com a nova versão do Framework do Google!
  • Data de publicação: 14/05/2017
  • Idioma: Português (Brasil)
  • Plataforma: Udemy
Ver curso

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

Mais informações

Com este curso você irá aprender: 

  • Compreender a arquitetura por trás de uma aplicação Angular 2
  • Usar os conhecimentos adquiridos para se estabelecer como um desenvolvedor Angular
  • Criar aplicações Angular com total segurança do que está fazendo
  • Criar aplicações SPA (Single Page Applications) com um dos frameworks mais modernos do mercado para este fim
  • Usar os conhecimentos adquiridos para desenvolver aplicativos móveis híbridos com Ionic 2

Requisitos

  • Lógica de programação
  • Noções de Orientação a Objetos
  • HTML CSS JavaScript
  • Não é necessário saber Angular JS 1.x
Ver curso
foto de Plínio Naves
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.

Qual a sua avaliação para este hangout?

foto de


AVALIAÇÕES

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