Trabalhando com Calendar em aplicações Angular.

Nessa aula iremos implementar um calendário, utilizando o componente angular-calendar, em nossa aplicação Angular para que seja possível listar todos os eventos cadastrados em nossa base (Fake API). Além disso, aprenderemos a cadastrar, atualizar e deletar essas informações através do calendário. Para esse aprendizado, trabalharemos com as perspectivas mensal e semanal.

• Template utilizado na aula

Tecnologias

• Angular
• Node

Links úteis

• Angular CLI
  • generate
• NG Bootstrap
• Font Awesome
• RxJS
• Date-Fns
• Angular-Calendar

Ambiente, recursos e requisitos necessários

• Node 16.14.0 (LTS);
• Seu editor de código de preferência (No meu caso, Visual Studio Code);
• Familiaridade com HTML, CSS e JavaScript;
• Vontade de aprender :D

Comandos utilizados

• ng add angular-calendar

Testando a aplicação

• Clone o repositório para a sua máquina
• Abra um terminal na pasta principal da aplicação
• Instale todas as dependências da aplicação utilizando o seguinte comando:

  npm install
  

• Antes de inicializar nossa aplicação, é necessário subir nossa fake API (Back-end server):

  npm run server
  

• Para rodar a aplicação, execute o comando:

  npm start
  

• Abra o seu browser na seguinte URL: http://localhost:4200