Página inicial e formulário de cadastro de vídeos da AluraPlay, uma plataforma de compartilhamento de vídeos
🪧 Vitrine.Dev | |
---|---|
✨ Nome | Aluraplay Requisições |
🏷️ Tecnologias | Javascript, NodeJS |
🔥 Desafio | https://cursos.alura.com.br/course/javascript-criando-requisicoes |
1º - Faça o download do repositório através do arquivo zip ou do terminal usando o git clone;
2º - Acesse o diretório do projeto pelo seu terminal;
3º - É necessário ter o Noje.js instalado para executar este projeto.
4º - Rode o comando npm init para inicializar o npm dentro do projeto.
5º - Rode o comando npm install -g json-server para instalar as dependências.
6º - Rode o comando npx json-server --watch db.json para iniciar o servidor
7º - Abra o arquivo index.html em seu navegador.
Inicialmente no projeto comecei instalando o Node.js e os pacotes npm para iniciar o json-server.
Depois criei requisições GET para consumir a API mockada, manipulei o DOM para criar os elementos HTML a partir do JavaScript.
Um ponto muito importante foi salvar dados na API através do método POST e como estruturar essas requisições enviadas com o fetch API, diferenciando method, headers e body.
Por fim aprendi como utilizar parâmetros para buscar objetos específicos na API, recolhendo dados escritos em um campo de digitação, detectar eventos de click com addEventListener, verificar se há elementos filhos em um container com firstChild e por fim remover elementos filhos de um container com removeChild.
Para complementar o projeto lideo com erros com try catch detectando ele através de condicionais, como verificar se uma lista está vazia pelo seu tamanho, criei mensagens de erro com throw new Error e imprimi a mensagens de erro para o usuário.