Aprenda Angular 8+ do zero com 10 projetos completos

Aprenda a construir aplicações web front-end (+30h)

Avaliação: 4.1 de 5189 avaliações

Total de horas: 34.5

Aulas: 427

Nível de dificuldade: Todos os níveis

Bem-vindo ao meu curso de Angular 8+!

Bem-vindo ao meu curso sobre Angular 8+ (Angular 8 em diante)! O Angular está experimentando um crescimento tremendo no setor de desenvolvimento web front-end, tornando-se essencial para qualquer pessoa nessa área aprender este framework JavaScript do Google mais cedo ou mais tarde. Neste curso, quero apresentar a você este framework começando com pequenas aplicações e gradualmente avançando para aplicações mais complexas. Vamos aprender todos os componentes que compõem o Angular para construir nossas aplicações web. Estas são as aplicações que criaremos neste curso:

1. Aplicativo de Perguntas e Respostas:

Este é o primeiro aplicativo onde começaremos com o básico do Angular, como componentes, sua estrutura e diretivas *ngIf e *ngFor.

2. Lista de Tarefas:

Neste aplicativo, criaremos nossas próprias tarefas e poderemos visualizar tarefas concluídas e incompletas. Vamos aprender como os componentes se comunicam entre si usando Input e Output.

3. Agenda de Contatos:

Vamos adicionar contatos através de um formulário e exibi-los na tela. Vamos explorar o potencial dos formulários do Angular neste aplicativo.

4. Aplicativo de Coquetéis:

Usando a API cocktaildb, implementaremos filtros para pesquisar nossos coquetéis favoritos. Neste aplicativo, aprenderemos como usar serviços para buscar informações externas. Também aprenderemos como criar e usar modelos (classes).

5. Viagens dos Sonhos:

Vamos carregar uma lista de países em uma lista arrastável que pode ser movida para outra lista usando arrastar e soltar. Vamos explorar o uso do Angular Material e diretivas do Angular neste aplicativo.

6. Viagens dos Sonhos (Aprimoramento 1):

Neste aprimoramento, aprenderemos como instalar e integrar o Google Maps. Para cada país indicado, um marcador será colocado no mapa.

7. Reservas do Salão de Cabelo da Juani:

Usando um formulário, inseriremos os detalhes necessários para fazer uma reserva. Através de um login, poderemos visualizar as reservas feitas. As reservas serão armazenadas no FireBase. O formulário será um formulário reativo.

8. Reservas do Salão de Cabelo da Juani (Aprimoramento 1):

Vamos adicionar um calendário (fullcalendar) para exibir as reservas.

9. Burguer Queen:

Vamos imitar os painéis de pedidos rápidos de redes de fast food, revisando todos os conceitos anteriores em um nível ainda mais alto. Os pedidos serão salvos no FireBase.

10. Burguer Queen (Aprimoramento 1):

Vamos adicionar o PayPal como método de pagamento.

11. Painel de Controle:

Este é o back-end de um aplicativo de blog dinâmico que nos permite criar postagens e categorias. Vamos explorar gráficos, herança de componentes, guards e diretivas personalizadas. Tudo será salvo no FireBase.

12. Blog Dinâmico:

Vamos exibir as postagens salvas através do aplicativo de painel de controle. Este aplicativo é uma imitação do meu site original, discoduroderoer.

13. Rastreador de Despesas:

Este aplicativo nos ajuda a acompanhar nossas despesas e receitas para ter uma ideia geral de como gastamos nosso dinheiro. Podemos criar novos usuários e fazer login no aplicativo. Vamos usar gráficos, detalhes, animações, assinaturas, validadores personalizados, formulários, etc. Tudo será gerenciado através do FireBase.

14. Visualizador de Pedidos do Burguer Queen:

Este aplicativo está relacionado ao Burguer Queen e nos permite visualizar os pedidos feitos através dele. Ele possui uma visualização para o funcionário que gerencia o pedido e outra para o cliente que aguarda seu pedido. Geramos PDFs para exibir nossos pedidos.

15. Aplicativo Desktop:

Este aplicativo compila todas as aplicações anteriores para mostrar todas as aplicações criadas no curso, incluindo a sua própria. Vamos explorar o conceito de aplicações aninhadas.

Como extra, incluí as aplicações que criamos no YouTube e Twitch. Todas as aplicações foram testadas nas seguintes versões:

• v8.0.1
• v8.2.14
• v9.1.2
• v10.0.5
• v11.1.1
• v12.0.2
• v13.0.3

Vejo você no curso!

O que você aprenderá

• Domine os conceitos básicos do Angular.
• Entenda todos os componentes do Angular (componentes, serviços, diretivas, pipes, etc.).
• Crie aplicações web com Angular.
• Implante suas próprias aplicações em um servidor.