Abra o prompt de comando e cole o código abaixo:
git clone [email protected]:daniloagostinho/curso-angular15-na-pratica.git
Entre na pasta do projeto
cd curso-angular15-na-pratica
e instale as dependências
npm i
Parar iniciar o servidor com a aplicação funcionando digite o comando abaixo:
ng serve
a aplicação estara disponível no endereço:
localhost:4200
Grade curricular
- Introdução;
- Apresentação do curso;
- Como aproveitar aproveitar o máximo do curso.
- Introdução da seção;
- Instalando o Nodejs;
- Instalando o Angular CLI;
- Instalando o Visual Studio Code;
- Criando a aplicação com Angular CLI;
- Instalando o bootstrap;
- Criando uma conta no mongoDB Atlas;
- Clonando o backend;
- Conectando o backend com o mongoDB atlas.
- Introdução da seção;
- Conteúdo da próxima aula;
- Criando o componente de login;
- Criando o formulário de cadastro;
- Conteúdo da próxima aula;
- Criando modal de continuação do cadastro;
- Criando o formulário do modal de continuação do cadastro;
- Conteúdo da próxima aula;
- Criando método de upload da imagem de perfil;
- Criando validação de senhas iguais;
- Criando serviço para cadastro de usuários;
- Criando método para gerar payload do cadastro;
- Criando o método de submit;
- Criando serviço de notificações;
- Criando o formulário de login;
- Criando serviço para login do usuario;
- Concluindo o método de login;
- Criando rota de login com Lazy-loading;
- Criando a rota de dashboard com Lazy-loading;
- Criando a rota de dashboard com Lazy-loading;
- Protegento a rota dashboard com guardas de rota.
- Conteúdo da próxima aula;
- Trabalhando no componente de dashboard;
- Conteúdo da próxima aula;
- Trabalhando no componente de menu;
- Trabalhando no componente de menssage de horas;
- Exibindo nome do usuário no menu;
- Criando serviço de download da imagem de perfil;
- Fazendo download da imagem de perfil do usuário;
- Fazendo download da imagem de perfil do usuário;
- Criando método de logout;
- Introdução da seção;
- Trabalhando no componente de receitas;
- Conteúdo da próxima aula;
- Criando o modal de cadastro de receitas;
- Criando o formulário do modal de cadastro de receitas;
- Impedindo que usuário selecione data futura no campo de data de entrada;
- Criando serviço de cadastro de receitas;
- Trabalhando no método de submit parte 1;
- Trabalhando no método de submit parte 2;
- Trabalhando no método submit parte 3;
- Aplicando formato de moeda no campo valor;
- Criando serviço de listagem de receitas;
- Trabalhando no método de listagem de receitas;
- Trabalhando na tabela de listagem de receitas parte 1;
- Trabalhando na tabela de listagem de receitas parte 2;
- Trabalhando na tabela de listagem de receitas parte 3;
- Trabalhando na tabela de listagem de receitas parte 4;
- Trabalhando nos ícones de ações da tabela;
- Criando serviço de exclusão de receitas;
- Trabalhando na exclusão das receitas.
- Introdução da seção;
- Conteúdo da próxima aula;
- Trabalhando no componente de atualização de receitas;
- Criando o formulário do modal de atualização de receitas parte 1;
- Criando o formulário do modal de atualização de receitas parte 2;
- Criando serviço de atualização de receitas;
- Criando método de submit;
- Exibindo mensagem quando não existirem receitas.
- Introdução da seção;
- Conteúdo da próxima aula;
- Criando HTML e CSS do componente;
- Trabalhando no método de buscar receitas de meses anteriores;
- Trabalhando no método de buscar receitas dos próximos meses.
- Introdução da seção;
- Conteúdo da próxima aula;
- Criando HTML e CSS do componente de dívidas;
- Conteúdo da próxima aula;
- Trabalhando no componente de adicionar dívidas;
- Criando o formulário do componente de adicionar dívidas;
- Criando serviço de cadastro de dívidas;
- Trabalhando no método de submit parte 1;
- Trabalhando no método de submit parte 2;
- Criando serviço de listagem de dívidas;
- Trabalhando no método de listagem de dívidas;
- Listando as dívidas na tabela;
- Criando a busca de dívidas;
- Criando o componente de atualizaçao de dívidas;
- Conteúdo da próxima aula;
- Criando formulário do modal de atualização das dívidas;
- Preenchendo os campos do formulário da modal de atualização de dívidas;
- Criando serviço de atualização de dívidas;
- Trabalhando no método submit;
- Criando o método de que define o mês atual para o componente de receitas;
- Criando serviço de exclusão de dívidas;
- Trabalhando na exclusão das dívidas;
- Conteúdo da próxima aula;
- Criando o componente de meses;
- Interligando componentes de meses;
- Entendendo melhor os métodos singleton criado.
- Introdução da seção;
- Criando método para retornar total de receitas;
- Conteúdo da próxima aula;
- Trabalhando no componente de saldo de receitas.
- Introdução da seção;
- Criando método para retornar saldo total de dívidas;
- Conteúdo da próxima aula;
- Trabalhando no componente de saldo de dívidas.
- Introdução da seção;
- Conteúdo da próxima aula;
- Criando HTML e CSS do componente saldo total;
- Criando serviço singleton para compartilhar o saldo total das receitas;
- Criando serviço singleton para compartilhar o saldo total das dívidas;
- Criando serviço para notificar saldo total;
- Criando métodos para verificar se dívidas são maiores/menores do que as receitas;
- Trabalhando no método de saldo total parte 1;
- Trabalhando no método de saldo total parte 2;
- Criando métodos que seta o valores para variavel showBalanceTotal;
- Corrigindo classe saldo positivo;
- Tratando quando saldo de receitas é igual a dívidas.
- Introdução da seção;
- Criando serviço para retornar informações do usuário;
- Utiliando o serviço que lista informações do usuário;
- Criando interceptor para adicionar token as requisições;
- Corrigindo margin dos formulários;
- Criando HTML e CSS do footer.
- Apresentação final;
- Para onde ir agora?.
Este curso pode ser adquirido clicando aqui.