Formação Angular 10 - O início criando 7 projetos
4.3 (1,843 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.
5,534 students enrolled

Formação Angular 10 - O início criando 7 projetos

Aprenda a criar aplicações web do zero com o Angular 10, através de 7 projetos práticos e divertidos
4.3 (1,843 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.
5,534 students enrolled
Last updated 7/2020
Portuguese
Portuguese [Auto]
Current price: $44.99 Original price: $64.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 11 hours on-demand video
  • 16 articles
  • 2 downloadable resources
  • 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 aplicações básicas/intermediárias com o Angular
  • Criar 7 projetos práticos, incluindo uma calculadora, um conversor de moedas, CRUD, Dashboard, jogo da velha,...
  • Criar e executar projetos do zero com Angular
  • Criar projetos utilizando o Angular CLI
  • Entender a arquitetura do Angular
  • Entender o que são Typescript e Webpack
  • Criar componentes (components) no Angular
  • Criar serviços (services) no Angular
  • Criar filtros (pipes) no Angular
  • Criar diretivas (directives) no Angular
  • Aprender a criar formulários de dados
  • Aprender a validar dados de formulários
  • Aprender a manipular dados do template
  • Aprender a acessar APIs HTTP externas
  • Aprender a criar rotas e navegação
  • Aprender o que é um Observer
  • Aprender o básico sobre testes unitários com o Angular
  • Aprender a utilizar o Bootstrap com o Angular
  • Criar gráficos utilizando a API de gráficos do Google
  • Aprender a utilizar fontes externas nos projetos Angular
Course content
Expand all 148 lectures 11:15:23
+ Introdução
13 lectures 32:42
Instrutor
03:01
Conhecimentos Necessários
03:18
Introdução
00:11
Por que aprender Angular através da criação de projetos?
01:47
Como acompanhar o curso
02:47
Requisitos do Sistema
01:04
Instalando o Sublime
03:25
Notas para a versão 10 do Angular
00:20
Instalando o NodeJS/NPM
06:22


Importando os códigos dos projetos
04:17
Notas para a versão 10 do Angular
00:35

Sobre os requisitos do sistema.

Introdução
2 questions
+ Primeiro projeto - Olá mundo!
11 lectures 01:01:22
Instalando o Angular CLI
06:14
Notas para a versão 10 do Angular
00:46
Criando o primeiro projeto - Olá mundo!
08:15
Notas para o Angular CLI 10 do Angular 10
00:23
Arquitetura modular do Angular
04:48
TypeScript
07:04
Webpack
04:58
Estrutura de um projeto Angular CLI - parte 1/2
10:13
Estrutura de um projeto Angular CLI - parte 2/2
08:46
Scripts do Angular CLI
08:15

Teste seus conhecimentos relacionados com os tópicos estudados no primeiro projeto.

Primeiro projeto
5 questions
+ Segundo projeto - Calculadora
15 lectures 01:53:06
Criando o segundo projeto - Calculadora
04:40
Criando o módulo Calculadora
09:35
Criando o componente Calculadora
13:46
Criando o serviço Calculadora
11:18
Criando a interface HTML da Calculadora
03:21
Notas para a configuração do Bootstrap no Angular 10
00:11
Instalando o Bootstrap
08:51
Implementando o serviço CalculadoraService
09:42
Documentando o serviço CalculadoraService
07:15
Testando o serviço CalculadoraService
11:19
Fazendo debug do serviço CalculadoraService
04:59
Implementando o componente CalculadoraComponent
09:08
Implementando a interface do CalculadoraComponent
07:59
Testando o CalculadoraComponent
06:25

Teste seus conhecimentos relacionados com os tópicos estudados no segundo projeto.

Segundo projeto
4 questions
+ Terceiro projeto - Gerenciador de tarefas
31 lectures 02:45:25
Criando o terceiro projeto - Gerenciador de tarefas
04:18
Notas para a versão 10 do Angular
00:11
Instalando o Bootstrap
03:38
Configurando as rotas de navegação no componente principal
08:52
Criando o módulo de tarefas
02:54
Criando o model de tarefas
05:25
Criando o serviço de gerenciamento de tarefas - parte 1/2
11:54
Criando o serviço de gerenciamento de tarefas - parte 2/2
12:13
Criando o componente de listagem de tarefas
04:03
Registrando as rotas de listagem de tarefas
10:15
Nota para a criação da interface HTML
00:17
Criando a interface HTML da listagem de tarefas
03:45
Implementando a listagem de tarefas - parte 1/2
06:49
Implementando a listagem de tarefas - parte 2/2
12:48
Criando o componente de cadastro de tarefas
02:20
Registrando as rotas de cadastro de tarefas
04:09
Criando a interface HTML do cadastro de tarefas
03:14
Nota sobre o ViewChild do vídeo a seguir
00:19
Implementando o cadastro de tarefas - parte 1/2
06:08
Implementando o cadastro de tarefas - parte 2/2
14:47
Criando o componente de edição de tarefas
01:41
Registrando as rotas de edição de tarefas
03:29
Criando a interface HTML da edição de tarefas
01:06
Nota sobre o ViewChild do vídeo a seguir
00:09
Implementando a edição de tarefas
06:21
Removendo tarefas
05:48
Alterando o status de uma tarefa
03:20
Criando uma diretiva de tarefa concluída
04:20
Implementando a diretiva de tarefa concluída
06:52
Ajustando os testes unitários
05:49

Teste seus conhecimentos relacionados com os tópicos estudados no terceiro projeto.

Terceiro projeto
4 questions
+ Quarto projeto - Jogo da velha
16 lectures 01:06:04
Notas para a versão 10 do Angular
00:05
Criando o quarto projeto - Jogo da velha
01:42
Criando o módulo Jogo da velha
03:36
Criando o componente Jogo da velha
03:11
Criando o serviço do Jogo da velha
03:08
Implementando o serviço do Jogo da velha - parte 1/2
07:12
Implementando o serviço do Jogo da velha - parte 2/2
08:47
Criando a interface HTML do Jogo da velha
02:38
Criando o CSS do Jogo da velha
03:14
Adicionando uma fonte ao Jogo da velha
02:52
Adicionando imagens ao Jogo da velha
03:25
Implementando a tela inicial do Jogo da velha
06:16
Implementando a tela do tabuleiro do Jogo da velha
09:33
Implementando a tela final do Jogo da velha
03:08
Ajustando os testes unitários do Jogo da velha
02:48

Teste seus conhecimentos relacionados com os tópicos estudados no quarto projeto.

Quarto projeto
3 questions
+ Quinto projeto - Conversor de moedas
28 lectures 02:15:11
Entendo o padrão de projeto Observer
09:06
Criando o quinto projeto - Conversor de moedas
02:15
Notas para a versão 10 do Angular
00:20
Instalando o Bootstrap e jQuery
04:34
Criando o módulo conversor
01:43
Criando o model moeda
02:17
Criando o model conversão
01:40
Criando o model de resposta de uma conversão
03:16
Nota importante!!!
02:05
Criando o componente do Conversor de moedas
03:49
Criando o serviço de gerenciamento de moedas
03:05
Implementando o serviço gerenciamento de moedas
04:24
Criando o serviço de conversão de moedas
02:09
Implementando o serviço de conversão de moedas
14:13
Criando o HTML do formulário de conversão de moedas
03:14
Nota sobre o ViewChild do vídeo a seguir
00:31
Implementando o formulário de conversão de moedas
11:58
Criando uma diretiva de validação de números
02:45
Implementando a diretiva de validação de números - parte 1/2
09:54
Implementando a diretiva de validação de números - parte 2/2
06:46
Implementando a ação de conversão de moedas
05:39
Criando o componente modal de conversão de moedas
02:58
Criando o HTML do componente modal de conversão de moedas
01:42
Implementando o componente modal de conversão de moedas
14:07
Criando um filtro (pipe) de formatação de data (dd/mm/yyyy)
03:55
Implementando o filtro (pipe) de formatação de data
05:37
Ajustando os testes unitários do Conversor de moedas
04:25

Teste seus conhecimentos relacionados com os tópicos estudados no quinto projeto.

Quinto projeto
6 questions
+ Sexto projeto - Dashboard
12 lectures 45:24
Criando o sexto projeto - Dashboard
04:42
Notas para a versão 10 do Angular
00:07
Criando o módulo Dashboard
02:07
Criando o componente do Dashboard
02:34
Criando o serviço de dados do Dashboard
03:25
Implementando o serviço de dados do Dashboard
04:47
Importando a API de gráficos no projeto
03:23
Criando o HTML e CSS dos gráficos do Dashboard
02:22
Implementando os gráficos no componente - parte 1/2
12:14
Implementando os gráficos no componente - parte 2/2
04:19
Ajustando os testes unitários do Dashboard
01:30

Teste seus conhecimentos relacionados com os tópicos estudados no sexto projeto.

Sexto projeto
3 questions
+ Sétimo projeto - Projeto final
21 lectures 52:03
Criando o sétimo projeto - Projeto final
03:36
Atualizando o Projeto Final para a versão 10 do Angular
00:19
Instalando o Bootstrap e jQuery
03:30
Importando a API de gráficos no projeto
01:02
Configurando as rotas de navegação no componente principal
05:15
Criando o HTML do menu principal da aplicação
02:27
Integrando o módulo Dashboard
02:34
Criando as rotas do módulo Dashboard
07:33
Integrando o módulo Calculadora
01:33
Criando as rotas do módulo Calculadora
02:33
Integrando o módulo Conversor de moedas
01:12
Criando as rotas do módulo Conversor de moedas
02:50
Integrando o módulo Gerenciador de tarefas
01:57
Criando as rotas do módulo Gerenciador de tarefas
04:17
Integrando o módulo Jogo da velha
01:22
Importando os assets (imagens) do Jogo da velha
00:44
Importando a fonte do Jogo da velha
01:15
Notas para o projeto jogo da velha no Angular 9
00:30
Criando as rotas do módulo Jogo da velha
01:50
Ajustando os testes unitários do Projeto final
02:13

Teste seus conhecimentos relacionados com os tópicos estudados no sétimo projeto.

Sétimo projeto
2 questions
+ Conclusão
1 lecture 04:03
Palavras finais e próximos passos
04:03
Requirements
  • Você deve ter noções de programação web (HTML, CSS)
  • Você deve ter noções de lógica de programação
  • Você deve conhecer Javascript básico
  • Você de ter noções de orientação a objetos
Description

*** Atualizado para a versão 10 do Angular ***

Esse curso tem como objetivo principal ensinar a criação de aplicações web com o poderoso framework Angular 10.

Para tornar o aprendizado prático e divertido, você criará 7 projetos ao longo do curso, onde serão ensinados passo a passo na prática, os recursos básicos e intermediários do Angular 10!

Ao término do curso, você será capaz de criar aplicações utilizando os principais recursos do Angular 10, e dar os primeiros passos na carreira de desenvolvedor web com esse poderoso framework web.

Através do curso, você será capaz de se destacar no mercado de trabalho, como um desenvolvedor web que possui conhecimentos em Angular 10, que por ser um framework recente, ainda demanda de muitos profissionais qualificados.

Veja a seguir como esse curso o tornará um profissional diferenciado no mercado de trabalho:

  1. Através do estudo utilizando projetos na prática, você será capaz de criar seus próprios projetos em um curto espaço de tempo.

  2. Aqui serão apresentadas as melhores práticas a serem seguidas, o que significa que você criará aplicações otimizadas e de qualidade.

  3. Com a criação de projetos práticos, você terá uma ampla base de exemplos codificados para utilizar como referência em seus projetos, o que aumentará a sua produtividade.

  4. Através de pequenos projetos, você ficará motivado a concluir o curso rapidamente, o que o ajudará a estar qualificado em um curto espaço de tempo.

O curso é 100% prático, e todas as lições são executadas passo a passo para que não fique nenhuma dúvida.

O curso foi dividido em 7 projetos, com o objetivo de tornar o aprendizado otimizado, divertido, e prático, portanto ele não possui lições teóricas e cansativas.

É um curso para ser realizado do início ao fim, deixando ainda um gostinho de quero mais ao seu término!

Como foi possível perceber, só existem vantagens em atender esse curso, e se você pretende se tornar um profissional diferenciado no mercado de trabalho de desenvolvimento web, esse curso foi feito para você!

O que você está esperando? Comece agora mesmo e bons estudos!

Who this course is for:
  • Esse curso é para desenvolvedores Web/Javascript que pretendem criar aplicações web com o Angular
  • Desenvolvedores que pretendem entender o Angular desde o básico
  • Desenvolvedores que pretendem aprender ou melhorar seus conhecimentos em Angular de modo divertido, através da criação de projetos práticos