Construindo Aplicações Web Com o Novo Angular (4, 5 e 6)
4.5 (6,936 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
18,857 students enrolled

Construindo Aplicações Web Com o Novo Angular (4, 5 e 6)

Construa uma Aplicação SPA inspirada no iFood e usando os Recursos do Angular
4.5 (6,936 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
18,857 students enrolled
Created by Tarso Bessa
Last updated 7/2018
Portuguese
Portuguese [Auto-generated]
Current price: $51.99 Original price: $74.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 16 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Criar uma aplicação usando recursos do Angular como Componentes, Diretivas e Pipes
  • Consumir Web Services REST usando os serviços Http e HttpClient
  • Usar eventos para Comunicação entre Componentes
  • Usar HttpInterceptors para Enviar Headers de Autorização automaticamente
  • Usar Route Guards para Proteger Componentes na Aplicação
  • Criar Formulários com Template Forms e Reactive Forms
  • Usar Validadores Padrões e Personalizados para Formulários
  • Criar Módulos e Carregá-los de Forma Tardia (Lazy-Loading)
  • Usar Operadores de RxJS para Implementar Buscas Sofisticadas de Forma Simples
  • Realizar Autenticação Simples em uma Aplicação Angular
  • RxJS 6 e o novo operador "pipe" (Angular 6)
  • Criar Componentes com Angular Elements (Angular 6)
Course content
Expand all 133 lectures 15:55:16
+ Vamos Falar Sobre Typescript
11 lectures 01:13:39
Vamos Falar Sobre Typescript
00:30
Declaração de Variáveis
05:04
Configuração e Primeiro Exemplo
15:42
Funções em Typescript
05:33
Usando Funções
06:36
Classes e Interfaces
07:15
Usando Classes e Interfaces
08:59
Módulos (ES6)
03:29
Organizando os Exemplos em Módulos
08:02
Definição de Tipos
03:33
Importando uma Biblioteca em JS
08:56
+ Primeira Aplicação
16 lectures 01:12:46
Gerando a Primeira Aplicação
03:34
Conhecendo a Estrutura Gerada
07:33
Compreendendo a Configuração e o Bootstrap
09:27
O que é Property Binding?
02:48
Aplicando Property Binding nos Primeiros Componentes
04:03
Passando Valores a um Componente
01:50
Usando o Decorator @Input
10:38
O que são Diretivas?
02:27
Usando as Diretivas ngIf e ngFor
06:09
Usando o Operador de Navegação Segura
03:40
Eventos de Um Componente
02:02
Emitindo Eventos em um Componente
01:41
Adicionando Eventos a um Elemento do Template
04:25
Lidando com Erros
04:00
+ Projeto do Curso (Aplicação MEAT)
23 lectures 02:32:32
Baixando o Projeto Inicial
03:18
Começando com a Aplicação MEAT
07:01
Criando os Componentes Header e Home
05:17
O que são Rotas?
02:14
Criando as Primeiras Rotas
09:39
Criando os Componentes de Restaurantes
16:42
O que é Injeção de Dependência?
01:53
Criando a Classe de Serviço para Restaurantes
07:14
Reactive Programming e Http
04:49
Configurando a API de Backend (json-server)
02:05
Adicionando HTTP ao Serviço de Restaurantes
08:38
Tratamento de Erros com o Operador Catch
07:18
Parametrizando as Rotas
03:37
Criando Componentes de Detalhe de Restaurante
07:37
Serviço HTTP para o Detalhe do Restaurante
09:02
Rotas Filhas para Avaliações e Menu
06:01
O que são Pipes?
02:46
Implementando o Componente de Avaliações - Pipes Async e Date
08:09
Implementando os Itens de Menu - Pipe Currency
10:57
Implementando o Carrinho de Compras
16:44
Aplicando Eventos no Componente do Carrinho de Compras
04:26
Localizando Preços Para a Moeda Brasileira
04:08
+ Formulários e Componentes Personalizados
16 lectures 02:02:07
O que são Template Forms?
02:18
Criando o Componente de Compra
02:37
Usando Template Forms na Compra
06:54
Validação com Template Forms
01:46
Aplicando Validação no Formulário de Compra
05:12
Aplicando Feedback Visual no Formulário de Compra
07:40
Criando um Componente de Input (Content Projection)
16:40
Criando Componente Usando ControlValueAccessor (Parte 1)
08:27
Criando Componente Usando ControlValueAccessor (Parte 2)
05:29
Implementando o Componente com os Itens da Compra
10:00
Fornecendo os Itens da Compra
10:06
Criando o Componente de Total de Compra
07:35
Finalizando a Compra (HTTP POST)
16:10
Navegação Programática via Router
06:53
Criando Um Componente de Rating
11:20
+ Reactive Forms
4 lectures 34:48
O que são Reactive Forms?
02:22
Refatorando a Aplicação para Reactive Forms
15:07
Criando Validadores Personalizados
10:20
+ Módulos (Angular)
7 lectures 49:11
O que são Módulos?
03:58
Carregamento Tardio de Módulos (Lazy-Loading)
13:27
Criando Um Módulo Compartilhado
06:43
Criando um Feature Module (Módulo de Compra)
07:16
Criando um Core Module Com Serviços
08:48
Adicionando Serviços a um Módulo Compartilhado
05:05
Realizando o Pré-Carregamento de Todos os Módulos
03:54
+ Introdução a Animações
11 lectures 59:43
Introdução a Animações
04:04
Instalação do Módulo de Animações
02:37
Definindo um Snackbar
05:21
Aplicando Animações no Snackbar
08:20
Usando Observable com Snackbar
10:58
Usando os Operadores Do e SwitchMap
08:11
Animação com Void e Estilos em Transições (Restaurantes)
06:33
Animação nos Itens do Menu
02:14
Animação com Keyframes
01:47
Usando Animação com Keyframes nos Itens do Carrinho
08:05
Resumo de Animações
01:33
+ Configurações de Uma Aplicação
4 lectures 34:44
Construindo a Aplicação
12:02
Modificando a Estratégia de Navegação (Hash)
10:49
Personalizando a Construção com Variáveis de Ambientes
08:03
Requirements
  • Ter conhecimentos básicos de Javascript, HTML e CSS
  • Conhecer lógica de programação
Description

UPDATE: Novas aulas adicionadas com atualização da aplicação até o Angular 6 (RxJS 6, Formulários, Pipes e Angular Elements) - seção "Angular 5 e 6"

----

Neste curso você vai aplicar os fundamentos da nova versão do Angular para construir uma aplicação de delivery de comida, que eu chamei de MEAT. 

A aplicação usa como base o Bootstrap e o template open-source AdminLTE para que você seja apresentado a uma aplicação visualmente próxima das aplicações de mercado. O MEAT será construído usando os principais recursos do Angular como componentes, diretivas e pipes. 

Você vai aprender a consumir uma API REST usando serviços do framework e conhecer as duas estratégias para implementação de formulários, que são Template Forms e Reactive forms.

Vou te mostrar como implementar componentes de formulário e integrá-los com as diretivas do Angular. Você também vai aprender a dividir sua aplicação em módulos e configurá-los para carregamento tardio. 

Ainda vou falar de Reactive Programming, Animações e como realizar o deploy em um dos servidores mais comuns da Web, que é o Apache HTTP Server.

O curso de Angular também contém uma introdução ao Typescript com os principais pontos para você tirar o melhor proveito do Angular.

Seja muito bem-vindo!

Who this course is for:
  • Alunos que estejam interessados em aprender Angular
  • Alunos que queiram conhecer as maneiras de implementar formulários, como Template Forms e Reactive Forms