Curso
Nesse curso veremos como construir, utilizando o framework Angular, uma SPA de cadastro de lembretes que realiza todas as 4 operações de um CRUD. Para isso, utilizaremos uma API back-end RESTful que disponibiliza um endpoint para realizar essas operações a partir dos verbos HTTP GET, POST, PUT e DELETE.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
11 horas
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.
Laboratório Angular: Criando uma Tooltip
Preparando o ambiente para programar com Angular
O que é Angular?