Curso Angular 2 Gratuito

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

Atualizado para Angular 2 (final)

Link do curso com certificado:

• http://loiane.training/curso/angular-2/

Playlist Youtube

• Clique aqui para assistir a todos os vídeos já publicados

Lista das aulas

Aulas publicadas/programadas

Introdução

• 01: Introdução + Arquitetura
• 02: Ambiente de desenvolvimento
• 03: Primeira app (Hello World)
• 04: Entendo a primeira app + typescript
• 05: Criando e usando um componente
• 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

Pipes

Formulários (Templates)

Formulários (Data)

Integração com server

• REST
• Obtendo dados do servidor
• Enviando dados para o servidor
• Promises
• CORS

Routing

Angular CLI: Explorando em detalhes

CRUD Mestre-detalhe