Código fonte apresentado no curso de Angular gratuito do blog loiane.com - loiane.training
Código atualizado para Angular v5.0.0-beta.0
Arquivo package.json exposto no projeto para ser notificado das atualizações dos pacotes npm via greenkeeper.io.
Particularmente recomendo o uso do Visual Studio Code como editor - que é o mesmo usado nas aulas.
Para pacote de plugins, instale esse pacote de extensões VSCode que contém todos os plugins mostrados durante as aulas do curso: https://marketplace.visualstudio.com/items?itemName=loiane.angular-extension-pack.
Aulas publicadas/programadas
- 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
- 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
- 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)
- 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)
- 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
- 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
- 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 #
- Aulas a serem publicadas
- Aulas a serem publicadas
- Aulas a serem publicadas
- Aulas a serem publicadas