Construindo Aplicações Web Com o Novo Angular 4
4.7 (667 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,272 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Construindo Aplicações Web Com o Novo Angular 4 to your Wishlist.

Add to Wishlist

Construindo Aplicações Web Com o Novo Angular 4

Construa uma Aplicação SPA inspirada no iFood e usando os Recursos do Angular 4
4.7 (667 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,272 students enrolled
Last updated 6/2017
Portuguese
Current price: $10 Original price: $75 Discount: 87% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 11 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Criar uma aplicação usando recursos do Angular como Componentes, Diretivas e Pipes
  • Criar componentes reusáveis e integrá-los com as diretivas do Angular
View Curriculum
Requirements
  • Ter conhecimentos básicos de Javascript, HTML e CSS
  • Conhecer lógica de programação
Description

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 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 is the target audience?
  • Alunos que estejam interessados em aprender Angular
  • Alunos que queiram conhecer as maneiras de implementar formulários, como Template Forms e Reactive Forms
Students Who Viewed This Course Also Viewed
Curriculum For This Course
106 Lectures
11:08:39
+
Apresentação
1 Lecture 01:11
+
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
2 More Sections
About the Instructor
Tarso Bessa
4.7 Average rating
661 Reviews
2,272 Students
1 Course
Arquiteto de Software

Trabalha com desenvolvimento de software desde 2002, é formado em Informática pela Unifor, palestrou em diversos eventos, incluindo JustJava, e publicou dois artigos na Mundo Java (Mundo J). Tem 4 certificações na plataforma Java EE. Programa em Java, Objective-C, Swift e Javascript.

Nas horas vagas, alterna entre videogames, filmes e fotografia.

COD3R Cursos Online
4.7 Average rating
2,456 Reviews
7,688 Students
5 Courses

A COD3R é uma Escola de cursos online de programação criada por profissionais experientes do mercado que se dedicam a programação, arquitetura e design de software, infraestrutura e todo o ciclo de vida do desenvolvimento de um software. Acreditamos que a melhor forma de aprender é praticando, e o nosso objetivo como Escola de ensino é entregar conteúdo de valor que te fará aprender, executar e pensar da melhor forma possível e com as melhores práticas disponíveis do mercado.