Skip to content

igorpwnd/curso-angular2

 
 

Repository files navigation

Curso Angular (versões 2.x e 4.x) Gratuito

Código fonte apresentado no curso de Angular gratuito do blog loiane.com - loiane.training

Código atualizado para Angular 4 RC.2

Link do curso com certificado:

Playlist Youtube

Lista das aulas

Aulas publicadas/programadas

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
  • Extra: Atualizações do RC 5 e ngModule

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
  • Extra: Angular CLI: atualizando para versão RC5 (webpack)
  • 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, materialize, lodash, jquery, etc)

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)

  • Aulas a serem publicadas

Formulários (Data)

  • Aulas a serem publicadas

Integração com server

  • Aulas a serem publicadas

CRUD Mestre-detalhe

  • Aulas a serem publicadas

About

🎓 Curso de Angular 2.x e 4.x gratuito do blog loiane.com - loiane.training

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 75.1%
  • HTML 14.4%
  • JavaScript 9.9%
  • CSS 0.6%