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

Aprenda a criar aplicações web do zero com o Angular 13, através de 7 projetos práticos e divertidos

4.58 (3390 reviews)
Udemy
platform
Português
language
Web Development
category
11,403
students
11 hours
content
May 2022
last update
$19.99
regular price

What you will 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

Description

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

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

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

Ao término do curso, você será capaz de criar aplicações utilizando os principais recursos do Angular 13, 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 13, 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!

Content

Introdução

Seja bem vindo!
Objetivos do Curso
Instrutor
Conhecimentos Necessários
Introdução
Por que aprender Angular através da criação de projetos?
Como acompanhar o curso
Requisitos do Sistema
Instalando o Sublime
Notas para a versão 9 do Angular
Instalando o NodeJS/NPM
Importando os códigos dos projetos
Notas para a versão 9 do Angular
Introdução

Primeiro projeto - Olá mundo!

Introdução
Instalando o Angular CLI
Notas para a versão 9 do Angular
Criando o primeiro projeto - Olá mundo!
Notas para o Angular CLI 9 do Angular 9
Arquitetura modular do Angular
TypeScript
Webpack
Estrutura de um projeto Angular CLI - parte 1/2
Estrutura de um projeto Angular CLI - parte 2/2
Scripts do Angular CLI
Primeiro projeto

Segundo projeto - Calculadora

Introdução
Criando o segundo projeto - Calculadora
Criando o módulo Calculadora
Criando o componente Calculadora
Criando o serviço Calculadora
Criando a interface HTML da Calculadora
Notas para a configuração do Bootstrap no Angular 9
Instalando o Bootstrap
Implementando o serviço CalculadoraService
Documentando o serviço CalculadoraService
Testando o serviço CalculadoraService
Fazendo debug do serviço CalculadoraService
Implementando o componente CalculadoraComponent
Implementando a interface do CalculadoraComponent
Testando o CalculadoraComponent
Segundo projeto

Terceiro projeto - Gerenciador de tarefas

Introdução
Criando o terceiro projeto - Gerenciador de tarefas
Notas para a versão 9 do Angular
Instalando o Bootstrap
Configurando as rotas de navegação no componente principal
Criando o módulo de tarefas
Criando o model de tarefas
Criando o serviço de gerenciamento de tarefas - parte 1/2
Criando o serviço de gerenciamento de tarefas - parte 2/2
Criando o componente de listagem de tarefas
Registrando as rotas de listagem de tarefas
Nota para a criação da interface HTML
Criando a interface HTML da listagem de tarefas
Implementando a listagem de tarefas - parte 1/2
Implementando a listagem de tarefas - parte 2/2
Criando o componente de cadastro de tarefas
Registrando as rotas de cadastro de tarefas
Criando a interface HTML do cadastro de tarefas
Nota sobre o ViewChild do vídeo a seguir
Implementando o cadastro de tarefas - parte 1/2
Implementando o cadastro de tarefas - parte 2/2
Criando o componente de edição de tarefas
Registrando as rotas de edição de tarefas
Criando a interface HTML da edição de tarefas
Nota sobre o ViewChild do vídeo a seguir
Implementando a edição de tarefas
Removendo tarefas
Alterando o status de uma tarefa
Criando uma diretiva de tarefa concluída
Implementando a diretiva de tarefa concluída
Ajustando os testes unitários
Terceiro projeto

Quarto projeto - Jogo da velha

Introdução
Notas para a versão 9 do Angular
Criando o quarto projeto - Jogo da velha
Criando o módulo Jogo da velha
Criando o componente Jogo da velha
Criando o serviço do Jogo da velha
Implementando o serviço do Jogo da velha - parte 1/2
Implementando o serviço do Jogo da velha - parte 2/2
Criando a interface HTML do Jogo da velha
Criando o CSS do Jogo da velha
Adicionando uma fonte ao Jogo da velha
Adicionando imagens ao Jogo da velha
Implementando a tela inicial do Jogo da velha
Implementando a tela do tabuleiro do Jogo da velha
Implementando a tela final do Jogo da velha
Ajustando os testes unitários do Jogo da velha
Quarto projeto

Quinto projeto - Conversor de moedas

Introdução
Entendo o padrão de projeto Observer
Criando o quinto projeto - Conversor de moedas
Notas para a versão 9 do Angular
Instalando o Bootstrap e jQuery
Criando o módulo conversor
Criando o model moeda
Criando o model conversão
Criando o model de resposta de uma conversão
Nota importante!!!
Criando o componente do Conversor de moedas
Criando o serviço de gerenciamento de moedas
Implementando o serviço gerenciamento de moedas
Criando o serviço de conversão de moedas
Implementando o serviço de conversão de moedas
Criando o HTML do formulário de conversão de moedas
Nota sobre o ViewChild do vídeo a seguir
Implementando o formulário de conversão de moedas
Criando uma diretiva de validação de números
Implementando a diretiva de validação de números - parte 1/2
Implementando a diretiva de validação de números - parte 2/2
Implementando a ação de conversão de moedas
Criando o componente modal de conversão de moedas
Criando o HTML do componente modal de conversão de moedas
Implementando o componente modal de conversão de moedas
Criando um filtro (pipe) de formatação de data (dd/mm/yyyy)
Implementando o filtro (pipe) de formatação de data
Ajustando os testes unitários do Conversor de moedas
Quinto projeto

Sexto projeto - Dashboard

Introdução
Criando o sexto projeto - Dashboard
Notas para a versão 9 do Angular
Criando o módulo Dashboard
Criando o componente do Dashboard
Criando o serviço de dados do Dashboard
Implementando o serviço de dados do Dashboard
Importando a API de gráficos no projeto
Criando o HTML e CSS dos gráficos do Dashboard
Implementando os gráficos no componente - parte 1/2
Implementando os gráficos no componente - parte 2/2
Ajustando os testes unitários do Dashboard
Sexto projeto

Sétimo projeto - Projeto final

Introdução
Criando o sétimo projeto - Projeto final
Atualizando o Projeto Final para a versão 9 do Angular
Instalando o Bootstrap e jQuery
Importando a API de gráficos no projeto
Configurando as rotas de navegação no componente principal
Criando o HTML do menu principal da aplicação
Integrando o módulo Dashboard
Criando as rotas do módulo Dashboard
Integrando o módulo Calculadora
Criando as rotas do módulo Calculadora
Integrando o módulo Conversor de moedas
Criando as rotas do módulo Conversor de moedas
Integrando o módulo Gerenciador de tarefas
Criando as rotas do módulo Gerenciador de tarefas
Integrando o módulo Jogo da velha
Importando os assets (imagens) do Jogo da velha
Importando a fonte do Jogo da velha
Notas para o projeto jogo da velha no Angular 9
Criando as rotas do módulo Jogo da velha
Ajustando os testes unitários do Projeto final
Sétimo projeto

Conclusão

Palavras finais e próximos passos

Screenshots

Formação Angular 13 - O início criando 7 projetos - Screenshot_01Formação Angular 13 - O início criando 7 projetos - Screenshot_02Formação Angular 13 - O início criando 7 projetos - Screenshot_03Formação Angular 13 - O início criando 7 projetos - Screenshot_04

Reviews

Jonathan
June 11, 2023
Ótimo curso, algumas coisas na parte de APi estava desatualizado por causa da documentação que mudou, como venho estudando o framework a um tempinho consegui seguir sem nenhum problema.
Alexandre
May 26, 2023
O início é muito protocolar e sem conteúdo, por isso a nota mediana, mas no decorrer se mostrou o melhor curso de angular e o único que realmente me instruiu de verdade, em face a cursos da Alura, ou de alguns de MVPs, dos quais eu tive contato e com um aprendizado muito precário. Um pequeno ponto negativo é com relação a sintonia do vídeo com o código e pastas, bem como o código em si, que muitas vezes não reflete exatamente o que está no curso. No meu caso foi positivo pois pude resolver os problemas no código e, com isso, aprender muito mais. Ainda assim prejudica levemente a cadência do curso, mas sem tirar a sua excelência.
Cainã
May 18, 2023
Professor não digita código, deixa tudo comentado. Pra que essa preguiça ? O curso não é ao vivo...vai ficar gravado, poderia ter se dedicado de forma adequada. Explicação deixa a desejar também. Eu no seu lugar meu caro(a) não compraria !
Bruno
May 14, 2023
O software que o professor utiliza está antigo e tem diversas diferenças com o atual, isso nos confunde. Além disso o professor não consegue passar bem seu conhecimento.
Carlos
April 12, 2023
atingiu todas as expectativas, abordou os pilares da linguagem possibilitando uma evolução posterior do aluno.
Sergio
March 31, 2023
ta tudo pronto, o professor só vai explicando, fica meio ruim de entender, eu tenho que ficar copiando o código do arquivo e achando onde coloca no meu. Todas as tecnologias depravadas, até mesmo o bootstrap, ou seja, tem que saber muito bem como utilizar as ferramentas, alterar e atualizar as tecnologias, para dar prosseguimento no curso, péssimo para quem está iniciando.
Leandro
March 1, 2023
O curso é muito interessante, ´é baseado em varios projetos em situações diferentes, o que facilita o entendimento dos conceitos e tambem como aplicar as soluções/recursos do angular para cada projeto.
Daniel
February 7, 2023
Sim, é bem o que eu esperava, por ter um noção bem basica sobre angular estou achando legal ter esse nivel de detalhamento.
Gustavo
January 12, 2023
Não gostei. Desatualizado, pelo título parece que o curso é atual, mas não tem relação nenhuma com Angular 13! As notas explicam como arrumar? Sim, mas não sei se funcionam, e se fosse para ficar lendo documentação eu não tinha comprado o curso. Por se tratar de um curso exclusivo de Frontend deveriam ter telas bonitas, designs reais/uteis. São projetos que você não consegue utilizar como base para nada, apenas alguns conceitos explicados de forma básica. No mais o curso é bom
Simone
January 11, 2023
Obrigado por compartilhar seus conhecimentos. Sou desenvolvedor java e o mercado esta pedindo quase que 100% o conhecimento em front. Acabou as vagas de somente backend.
Igor
January 4, 2023
Ótima didática. Só a parte dos testes unitários que não gostei muito (não tinha interesse no assunto.)
Matheus
January 3, 2023
Eu entendo que o objetivo do curso era focado em Angular, mas achei que algumas aplicações da linguagem, por mais que foram comentadas, ficaram um pouco vagas, e entendo que com a prática, todos esses conceitos serão aprendidos mas com apenas o curso, ficou um pouco vago. Olhando no geral do curso, foi sim bom e satisfatório, com ele pude aprender conceitos importantes além de novas maneiras de resolver problemas
Marcelo
November 10, 2022
O conteúdo é bem dividido e detalhado, e organizado de forma sequenciada e didática. Porém, com a atualização do Angular pra versão 14, algumas coisas ficaram defasadas e não funcionais, o que impactou o fluxo de aprendizado para mim.
Rebeca
October 21, 2022
Muito bem explicado e passo a passo. Didática bacana, ao ponto de mostrar e falar as pastas quando cria.
Jefferson
September 21, 2022
Gostaria de me apresentar antes pois assim torna possível entender melhor a minha avaliação. Faz alguns anos que não tenho contato com nenhuma tecnologia. Como sendo o primeiro contato com o Angular estou bastante surpreso pela sua capacidade e sua forma robusta e otimização. Pude perceber algumas das modernidades implementadas e muitas outras que ainda não conheci, mas que me agradou bastante. Sobre o curso acredito que entrega com o propósito para quem está tendo o primeiro contato. No gerenciar por algum motivo minha aplicação não está apresentando em tela, mas não fico me apegando, pois, sei que talvez tenha esquecido de alguma vírgula, ao invés disso, eu me atenho ao conteúdo e às mudanças e capacidades da ferramentas, tentando absorver o máximo. Pretendo prosseguir com os outros módulos do curso. E a respeito deste começar a implementar meu primeiro projeto utilizando o conhecimento que aprendi no curso!

Charts

Price

Formação Angular 13 - O início criando 7 projetos - Price chart

Rating

Formação Angular 13 - O início criando 7 projetos - Ratings chart

Enrollment distribution

Formação Angular 13 - O início criando 7 projetos - Distribution chart

Related Topics

1214624
udemy ID
5/13/2017
course created date
3/22/2020
course indexed date
Bot
course submited by