Skip to content

Latest commit

 

History

History
135 lines (125 loc) · 4.27 KB

angularjs2.md

File metadata and controls

135 lines (125 loc) · 4.27 KB

Introdução

  • 01: Introdução + Arquitetura
  • 02: Ambiente de desenvolvimento
  • 03: Primeira app (Hello World)
  • 04: Introduço ao Typescript para Angular
  • 05: Módulos (ngModule)
  • 06: Templates
  • 07: Serviços (Services) e Injeção de dependência (DI)
  • 08: Dica de produtividade: code snippets

Data binding e eventos

  • 09: Property binding + Interpolation
  • 10: Class e Style binding
  • 11: Event binding
  • 12: Two-way data binding
  • 13: Input properties
  • 14: Output properties
  • 15: Ciclo de vida (life-cycle) do Componente
  • 16: Acesso à variáveis locais do Template com ViewChild

Angular CLI: Introdução

  • 17: Angular CLI: Instalação e criação de projetos: ng new e ng serve
  • 18: Angular CLI: Criando components, services: ng generate
  • 19: Angular CLI: Usando pré-processadores (Sass, Less, Stylus)
  • 20: Angular CLI: ng lint, ng test, ng e2e
  • 21: Angular CLI: Estrutura do projeto
  • 22: Angular CLI: Fazendo build
  • 23: Angular CLI: instalando bibliotecas (bootstrap)

Diretivas

  • 24: Introdução e tipos de diretivas no Angular 2
  • 25: ngIf
  • 26: ngSwitch
  • 27: ngFor
  • 28: sobre o asterisco
  • 29: ngClass
  • 10: ngStyle
  • 31: operador elvis
  • 32: ng-content
  • 33: Criando uma diretiva de atributo
  • 34: HostListener e HostBinding
  • 35: Property Binding de Diretivas
  • 36: Criando uma diretiva de estrutura (ngElse)

Serviço (Service) e Injeção de Dependência (DI)

  • 37: Introdução a Serviços
  • 38: Criando um serviço (Service)
  • 39: Injeção de Dependência (DI) + como usar um serviço em um componente
  • 40: Escopo de instâncias de serviços e módulos
  • 41: Injetando um serviço em outro serviço
  • 42: Comunicação entre componentes usando serviços

Pipes

  • 43: Pipes (usando pipes, parâmetros e pipes aninhados)
  • 44: Criando um Pipe
  • 45: Aplicando Locale (internacionalização) nos Pipes
  • 46: Pipes: Criando um Pipe "Puro
  • 47: Pipes: Criando um Pipe "Impuro"
  • 48: Pipes: Async

Rotas

  • 49: Rotas: Introdução
  • 50: Rotas: Configurando rotas simples
  • 51: Rotas: RouterLink: definindo rotas no template
  • 52: Rotas: Aplicando CSS em rotas ativas-k
  • 53: Rotas: Definindo e extraindo parâmetros de roteamento
  • 54: Rotas: Escutando mudanças nos parâmetros de roteamento
  • 55: Rotas Imperativas: Redirecionamento via código
  • 56: Rotas: Definindo e extraindo parâmetros de url (query)
  • 57: Rotas: Criando um módulo de rotas
  • 58: Criando um módulo de funcionalidade
  • 59: Rotas: Criando um módulo de rotas de funcionalidade
  • 60: Rotas Filhas
  • 61: Rotas Filhas: desenvolvendo as telas
  • 62: Rotas: Dica de Performance: Carregamento sob demanda (lazy loading)
  • 63: Rotas: Tela de Login e como não mostrar o Menu (NavBar)
  • 64: Usando Guarda de Rotas: CanActivate
  • 65: Usando Guarda de Rotas: CanActivateChild
  • 66: Usando Guarda de Rotas: CanDeactivate
  • 67: Usando Guarda de Rotas: CanDeactivate com Interface Genérica
  • 68: Resolve: carregando dados antes da rota ser ativada
  • 69: CanLoad: como não carregar a rota/módulo sem permissão
  • 70: Definindo rota padrão e wildcard (rota não encontrada)
  • 71: Estilo de url: HTML5 ou usando #

Formulários (Templates)

  • Introdução
  • Adicionado o FormModule no módulo
  • Criando um formulário template-driven
  • Fazendo submit do formulário template-driven
  • Validação
  • CSS para erros
  • Valores padrão com ngModel
  • Grupos de formulário
  • Trabalhando com radio buttons

Formulários (Data)

  • Introdução
  • Criando um formulário data-driven
  • Fazendo submit do formulário data-driven
  • Validação
  • Validacão padrão do Angular
  • CSS para erros
  • Valores padrão com ngModel
  • Grupos de formulário
  • Trabalhando com radio buttons
  • Trabalhando com arrays (mestre-detalhes)
  • FormBuilder
  • Criando uma validaço customizada
  • Criando uma validaço customizada assíncrona
  • Resetando o formulário
  • Criando uma máscara de Input + ControlValueAccessor

Integração com server

  • O objeto Http
  • Obtendo dados do servidor
  • Enviando dados para o servidor
  • Promises
  • RxJS e Observables
  • Operadores do Observable (mapeando dados)
  • REST
  • CORS

CRUD completo

  • Criação do projeto
  • Configurando as rotas
  • Criando a tela de login com formulário template-driven
  • Listagem de dados
  • Detalhes do dado
  • Formulário do dado
  • Edição
  • Criação
  • Deleção
  • Adicionando guarda de rotas
  • Conclusão do curso