Sobre o Curso

Curso de Angular 4 - Construindo Aplicações Web com o Novo Angular. Neste curso, você vai aplicar os fundamentos da nova versão do Angular para construir uma aplicação frontend 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. Você não vai ficar só no básico. 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 dentro dos tópicos, falaremos sobre Reactive Programming e da integração do Angular com a biblioteca RxJS. 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!

Sobre o Autor

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.

Conteúdo Programático

Capítulo 1. Introdução

Visão Geral     04:14

A Escolha da Linguagem     02:01

Instalando as Ferramentas     05:40

Capítulo 2. Vamos Falar Sobre Typescript

Vamos Falar Sobre Typescript 00:31

Declaração de Variáveis 05:05

Configuração e Primeiro Exemplo 15:42

Funções em Typescript 05:33

Usando Funções 06:37

Classes e Interfaces 07:15

Usando Classes e Interfaces 09:00

Módulos (ES6) 03:30

Organizando os Exemplos em Módulos 08:03

Definição de Tipos 03:33

Importando uma Biblioteca em JS 08:57

Capítulo 3. Primeira Aplicação

Gerando a Primeira Aplicação 03:34

Conhecendo a Estrutura Gerada 07:34

Compreendendo a Configuração e o Bootstrap 09:27

O que é um Componente?     03:36

Primeiro Componente com Angular-CLI     04:54

O que é Property Binding? 02:48

Aplicando Property Binding nos Primeiros Componentes 04:03

Passando Valores para um Componente 01:51

Usando o Decorator @Input 10:39

O que são Diretivas? 02:28

Usando as Diretivas ngIf e ngFor 06:10

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 no Template 04:25

Lidando com Erros 04:00

Capítulo 4. Projeto do Curso (Aplicação MEAT)

Baixando o Projeto Inicial 03:19

Começando com a Aplicação MEAT 07:02

Criando os Componentes Header e Home 05:17

O que são Rotas? 02:15

Criando as Primeiras Rotas 09:40

Criando os Componentes de Restaurantes 16:42

O que é Injeção de Dependência? 01:54

O que é um Serviço?     02:58

Criando a Classe de Serviço para Restaurantes 07:15

Reactive Programming e HTTP 04:50

Configurando a API de Backend (json-server) 02:05

Adicionado HTTP ao Serviço de Restaurantes 08:39

Tratamento de Erros com o Operador Catch 07:19

Parametrizando as Rotas 03:37

Criando Componentes de Detalhe de Restaurantes 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:47

Implementando o Componente de Avaliações - Pipes Async e Date 08:09

Implementando os Itens de Menu - Pipe Currency 10:58

Implementando o Carrinho de Compras 16:45

Aplicando Eventos no Componente do Carrinho de Compras 04:26

Localizando Preços Para a Moeda Brasileira 04:08

Capítulo 5. Formulários e Componentes Personalizados

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:13

Aplicando Feedback Visual no Formulário de Compra 07:40

Criando um Componente de Input (Content Projection) 16:40

Validação com Expressões Regulares     03:00

Criando Componente Usando ControlValueAccessor (Parte 1) 08:28

Criando Componente Usando ControlValueAccessor (Parte 2) 05:30

Implementando o Componente com os Itens da Compra 10:01

Fornecendo os Itens da Compra 10:07

Criando o Componente de Total de Compra 07:35

Finalizando a Compra (HTTP POST) 16:10

Navegação Programática via Router 06:54

Criando um Componente de Rating 11:20

Capítulo 6. Reactive Forms

O que são Reactive Forms? 02:22

Refatorando a Aplicação para Reactive Forms 15:07

Validação com Reactive Forms     06:59

Criando Validadores Personalizados 10:20

Capítulo 7. Módulos (Angular)

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:17

Criando um Core Module com Serviços 08:49

Adicionando Serviços a um Módulo Compartilhado 05:05

Realizando o Pré-Carregamento de Todos os Módulos 03:55

Capítulo 8. Introdução a Animações

Introdução a Animações 04:05

Instalação do Módulo de Animações 02:38

Definindo um Snackbar 05:22

Aplicando Animações no Snackbar 08:20

Usando Observable com Snackbar 10:59

Usando os Operadores Do e SwitchMap 08:11

Animação com Void e Estilos em Transições (Restaurantes) 06:34

Animação nos Itens do Menu 02:14

Animação com Keyframes 01:48

Usando Animação com Keyframes nos Itens do Carrinho 08:05

Resumo de Animações 01:34

Capítulo 9. Configurações de uma Aplicação

Rotas com Wildcard (Criando Página Não Encontrada)     03:50

Construindo a Aplicação 08:35

Modificando a Estratégia de Navegação (Hash) 10:50

Personalizando a Construção com Variáveis de Ambientes 08:04

Capítulo 10. Deploy de uma Aplicação

Deploy no Apache HTTP Server 03:14

Deploy Usando a Estratégia de Caminho - Apache HTTP Server 05:30

Deploy Usando o arquivo htaccess - Apache HTTP Server 02:10

Modificando o base-href para Deploys em Subdiretórios 05:01

Resumo do Processo de Build e Deploy 01:47

Capítulo 11. Aulas Extras - Busca de Restaurantes

Adicionando a Busca de Restaurantes 05:15

Aplicando Animações na Barra de Busca 06:37

Observable ValueChanges de Reactive Forms 09:28

Operadores debounceTime e distinctUntilChanged 09:15

Prevenindo a Interrupção do Observable ValueChanges 07:56

Capítulo 12. Angular 4.3

Novo Módulo HttpClient 03:14

Refactoring da Aplicação para o Angular 4.3 13:10

Capítulo 13. Segurança: Backend

Personalizando o Backend 00:00

Utilizando HTTP e Typescript 11:10

Implementando a Rota de Login 00:00

Introdução a JWT 03:32

Estrutura de um Token JWT 02:27

Adicionando o Token a Rota de Login 09:22

Middleware de Autorização 15:13

Capítulo 14. Segurança: Frontend

Preparando a Página de Login 04:20

Criando o Componente de Login 09:35

Criando o Serviço de Login 09:27

Realizando a Compra com Autenticação 11:29

Protegendo o Módulo de Compra com CanLoad 16:39

Protegendo o Componente de Compra com CanActivate 10:41

Disparando o Login Manualmente 15:39

Implementando o Route Guard CanDeactivate 11:41

O que são Interceptors? 03:43

Utilizando HTTP Interceptors 16:53

Capítulo 15. Aulas Extras - Error Handling

Criando um Error Handler Global 11:15

Utilizando Zonas 08:55

Avaliações de nossos alunos

5.0

Avaliação média

  • (100%)
  • (0%)
  • (0%)
  • (0%)
  • (0%)

Comentários

  • avatar

    Silvano Matta

    Perfeito o curso, muito bom. e fiquei surpreso com as novas aulas não imaginei que fossem haver mais. genial pessoal super recomendado a todos.

  • avatar

    Elton

    Didática excelente e explicação incremental, sem sobressaltos de informação, auxiliam muito no aprendizado. E mesmo os que já tem mais familiaridade com o assunto certamente se surpreenderão com o estilo da explicação e conteúdo.

  • avatar

    Anfrisio Neto

  • avatar

    Eduardo Tz

    Excelente, muito bem explicado . Aguardando mais cursos do Tarso.

  • avatar

    Eduardo Cecon Mendonça

    Ótima explicação