Curso de Angular Básico ao Avançado

Nesse curso vamos aprender como desenvolver com Angular e TypeScript. Você vai aprender os conceitos básicos e intermediários do Angular, desde os primeiros passos até uma aplicação completa com requisições ao servidor e rotas.

Iniciante 0(0 Avaliações) 84 Alunos Português
Autor : Loiane Groner
Última atualização em 11/2022
+ Mostrar mais
Visão geral do curso

Angular, diferentemente do que muitas pessoas acreditam, não se trata de uma linguagem de programação propriamente dita, mas sim uma plataforma e um framework que funciona basicamente para a construção da interface de aplicações usando HTML, CSS e principalmente JavaScript. Essa foi uma plataforma que foi criada pelos desenvolvedores do Google e que acabou se tornando muito famoso também por conta disso.

Ela oferece para o desenvolvedor elementos que tornam a construção de componentes, templates, diretivas, roteamento, módulos, serviços, injeção de dependências e ferramentas de infraestrutura que automatizam tarefas, como a de executar os testes unitários de uma aplicação.

O que vou aprender ?

  • Nesse curso vamos aprender como desenvolver com Angular e TypeScript. Você vai aprender os conceitos básicos e intermediários do Angular, desde os primeiros passos até uma aplicação completa com requisições ao servidor e rotas.
  • Vamos aprender os conceitos de componentes, templates, diretivas, serviços, data-binding, validação de formulários, formulários reativos, roteamento (single page application – SPA) e como conectar ao servidor e trabalhar com RxJS (Observables).
Requisitos
  • Não é necessário saber AngularJS para esse curso, já que o Angular foi reescrito. Vamos aprender todos os conceitos do zero, então não se preocupe!
Conteúdo do Curso
72 Aulas 13:02:52
Curso de Angular Básico ao Avançado - Introdução
9 Aulas
  • Curso Angular #01: Introdução
    00:13:35
  • Novidades Angular 4.x e CLI
    00:25:59
  • Curso Angular #02: Ambiente de Desenvolvimento (Node.JS, TypeScript, Angular CLI)
    00:09:29
  • Curso Angular #03: Hello, World! Criando primeiro projeto e o primeiro Componente
    00:20:24
  • Curso Angular #04: Introdução ao TypeScript para Angular
    00:14:47
  • Curso Angular #05: Módulos (ngModule)
    00:17:00
  • Curso Angular #06: Introdução aos Templates
    00:11:53
  • Curso Angular #07: Introdução aos Serviços e Injeção de Dependência (DI)
    00:11:53
  • Curso Angular #08: Dicas plugins Angular para Atom e VS Code
    00:14:29
Curso de Angular Básico ao Avançado - Data binding
8 Aulas
  • Curso Angular #09: Property Binding e Interpolação
    00:14:00
  • Curso Angular #10: Class e Style binding
    00:12:51
  • Curso Angular #11: Event binding
    00:13:31
  • Curso Angular #12: Two-way data binding
    00:13:53
  • Curso Angular #13: Reusando Componentes com Input properties
    00:09:26
  • Curso Angular #14: Emitindo Eventos com Output properties
    00:11:36
  • Curso Angular #15: Ciclo de vida do Componente
    00:10:53
  • Curso Angular #16: Acesso ao DOM e ao Template com ViewChild
    00:05:00
Curso de Angular Básico ao Avançado - Angular CLI
7 Aulas
  • Curso Angular #17: Angular CLI: Instalação e criação de projetos: ng new e ng serve
    00:07:46
  • Curso Angular #18: Angular CLI: Criando components, services: ng generate
    00:07:57
  • Curso Angular #19: Angular CLI: Usando pré-processadores (Sass, Less, Stylus)
    00:04:10
  • Curso Angular #20: Angular CLI: ng lint, ng test, ng e2e
    00:10:12
  • Curso Angular #21: Angular CLI: Estrutura do projeto
    00:24:18
  • Curso Angular #22: Angular CLI: Gerando build de produção
    00:08:12
  • Curso Angular #23: Angular CLI: instalando bibliotecas (Assistam aula #118 no lugar desta aula)
    00:14:32
Curso de Angular Básico ao Avançado - Diretivas
13 Aulas
  • Curso Angular #24: Introdução e tipos de diretivas no Angular 2
    00:03:16
  • Curso Angular 2 #25: Diretivas: ngIf
    00:14:57
  • Curso Angular #26: Diretivas: ngSwitch, ngSwitchCase e ngSwitchDefault
    00:09:52
  • Curso Angular 2 #27: Diretivas: ngFor
    00:06:21
  • Curso Angular 2 #28: Diretivas: sobre o * e template
    00:08:49
  • Curso Angular #29: Diretivas: ngClass
    00:05:59
  • Curso Angular #30: Diretivas: ngStyle
    00:07:12
  • Curso Angular #31: Operador Elvis ("?")
    00:07:54
  • Curso Angular #32: ng-content
    00:08:03
  • Curso Angular 2 #33: Criando uma diretiva de atributo
    00:15:19
  • Curso Angular #34: Diretivas: HostListener e HostBinding
    00:11:05
  • Curso Angular #35: Diretivas: Input e Property Binding
    00:08:35
  • Curso Angular 2 #36: Criando uma diretiva de estrutura (ngElse)
    00:11:50
Curso de Angular Básico ao Avançado - Serviços
6 Aulas
  • Curso Angular #37: Introdução a Serviços
    00:07:35
  • Curso Angular #38: Criando um serviço (Service)
    00:11:00
  • Curso Angular #39: Injeção de Dependência (DI) + como usar um serviço em um componente
    00:07:00
  • Curso Angular #40: Escopo de instâncias de serviços e módulos (singleton e várias instâncias)
    00:15:28
  • Curso Angular #41: Comunicação entre componentes usando serviços (broadcast de eventos)
    00:14:00
  • Curso Angular #42: Injetando um serviço em outro serviço
    00:05:20
Pipes (Filtros)
6 Aulas
  • Curso Angular #43: Pipes (usando pipes, parâmetros e pipes aninhados)
    00:14:22
  • Curso Angular #44: Criando um Pipe
    00:06:51
  • Curso Angular #45: Aplicando Locale (internacionalização) nos Pipes
    00:08:30
  • Curso Angular #46: Pipes: Criando um Pipe "Puro"
    00:09:03
  • Curso Angular #47: Pipes: Criando um Pipe "Impuro"
    00:07:17
  • Curso Angular #48: Pipes: Async (assíncrono)
    00:06:14
Rotas
23 Aulas
  • Curso Angular 2 #49: Rotas: Introdução
    00:09:00
  • Curso Angular #50: Rotas: Configurando rotas simples
    00:10:58
  • Curso Angular #51: Rotas: RouterLink: definindo rotas no template
    00:05:41
  • Curso Angular #52: Rotas: Aplicando CSS em rotas ativas
    00:02:33
  • Curso Angular #53: Rotas: Definindo e extraindo parâmetros de roteamento
    00:07:18
  • Curso Angular #54: Rotas: Escutando mudanças nos parâmetros de roteamento
    00:07:09
  • Curso Angular #55: Rotas Imperativas: Redirecionamento via código
    00:12:08
  • Curso Angular #56: Rotas: Definindo e extraindo parâmetros de url (query)
    00:07:32
  • Curso Angular #57: Rotas: Criando um módulo de rotas
    00:08:03
  • Curso Angular #58: Criando um módulo de funcionalidade
    00:10:13
  • Curso Angular #59: Rotas: Criando um módulo de rotas de funcionalidade
    00:05:27
  • Curso Angular #60: Rotas Filhas
    00:11:31
  • Curso Angular #61: Rotas Filhas: desenvolvendo as telas
    00:18:52
  • Curso Angular #62: Rotas: Dica de Performance: Carregamento sob demanda (lazy loading)
    00:14:25
  • Curso Angular #63: Rotas: Tela de Login e como não mostrar o Menu (NavBar)
    00:18:09
  • Curso Angular #64: Usando Guarda de Rotas: CanActivate
    00:15:03
  • Curso Angular #65: Usando Guarda de Rotas: CanActivateChild
    00:18:30
  • Curso Angular #66: Usando Guarda de Rotas: CanDeactivate
    00:13:37
  • Curso Angular #67: Usando Guarda de Rotas: CanDeactivate com Interface Genérica
    00:07:02
  • Curso Angular #68: Guarda de Rotas: Resolve: carregando dados antes da rota ser ativada
    00:17:26
  • Curso Angular #69: Usando Guarda de Rotas: CanLoad: como não carregar o módulo sem permissão
    00:08:47
  • Curso Angular #70: Definindo rota padrão e wildcard (rota não encontrada)
    00:10:00
  • Curso Angular #71: Estilo de url: HTML5 ou usando #
    00:03:50
Outros cursos relacionados


Atualizado em 01/2024


0 11 Grátis
Sobre o professor

Loiane Groner

0 Avaliações | 126 Alunos | 2 Cursos
Loiane Groner possui 15+ anos de experiência em TI, trabalha como engenheira de software nos Estados Unidos e ama compartilhar conhecimento! Palestrante internacional, e autora de ...
Feedback do aluno
0
0 Avaliações
  • (0)
  • (0)
  • (0)
  • (0)
  • (0)

Avaliações

Grátis
Este curso inclui:
  • 13:02:52 de vídeo sob demanda
  • 72 Aulas
  • Acesso no dispositivo móvel e na TV
  • Recursos para download
  • Acesso total vitalício
  • Certificado de conclusão gratuito

  • Compare este curso com outros