Angular: Conectando com uma API RESTful

Nessa aula conheceremos a aplicação de cadastro de lembretes que será construída ao longo do curso, bem como utilizar o Angular CLI para iniciar nosso projeto.

Conheceremos a arquitetura do projeto, ou seja, a disposição dos componentes de páginas e componentes compartilhados, bem como a classe responsável por realizar as requisições para a API.

Nessa aula criaremos nosso projeto utilizando o Angular CLI e, além disso, construiremos o primeiro elemento da nossa aplicação: a interface Lembrete, que definirá a estrutura da entidade de mesmo nome.

O Service é responsável por realizar as requisições para a API de Lembretes. Esse Service que será criado nessa aula possuirá métodos para cada uma das operações disponibilizadas pela API.

Vamos adicionar o Bootstrap ao nosso projeto, uma biblioteca front-end que facilitará a construção da nossa aplicação ao fornecer diversos componentes visuais prontos.

Sempre que uma requisição é realizada para o servidor, existe uma chance que essa requisição falhe. Dessa forma, criaremos um componente para exibir um erro ao usuário sempre que isso acontecer.

Criaremos um componente para a página de listagem de Lembretes. Além disso, criaremos uma Rota para esse componente para acessá-lo de uma URL pré-definida.

Criaremos um componente para o formulário de Lembretes, que será utilizado nas páginas de criação e edição.

Nesta aula criaremos a página de criação. É nessa página que definiremos o comportamento de criação do componente de formulário.

Similar ao que fizemos na página de criação, na página de edição reutilizaremos o componente de formulário porém, dessa vez, implementaremos o comportamento de atualização do lembrete.