Preparando para integrar com Frontend
Área: Backend | Nível recomendado: Iniciante
Preparar aplicações backend para uma integração eficiente e segura com o frontend, implementando práticas essenciais de configuração de CORS, tratamento de erros e validação de dados, além de conhecer boas práticas no design de API focado no frontend.
Vídeo
Link direto: https://youtu.be/_FNqVtgfYQ0
Tópicos
Introdução ao CORS:
Explicação do que é CORS e por que é necessário em aplicações modernas web.
Demonstração prática de como habilitar CORS em uma aplicação Express.js.
Tratamento de Erros:
Boas práticas para o tratamento de erros para garantir que o frontend possa reagir adequadamente.
Implementação de tratamento de erros assíncronos usando
express-async-errors
.Tratamento de rotas não encontradas (404) para retornar respostas JSON.
Tratamento de erros para ObjectId inválido no MongoDB.
Validação de Dados:
Importância da validação de dados recebidos pelo backend.
Introdução às bibliotecas de validação de dados, como Joi.
Implementação de validações de payload usando Joi.
Design de API focado no Frontend:
Princípios de design de API que facilitam o consumo pelo frontend.
Exemplos de como unificar endpoints e simplificar payloads para reduzir a carga no frontend.
Melhores práticas de design de API, incluindo consistência, documentação, paginação e versionamento.
Material de Apoio
Repositório no GitHub
PDF para Download
Miro
Exercícios de Fixação
Use esses exercícios para reforçar o que acabou de aprender. Se errar, leia a explicação para entender melhor o conceito.
Exercícios de Validação
Esses exercícios testarão sua compreensão prática. Revise o feedback para melhorar suas habilidades.
Desafio de Código
Implemente a validação de dados e o tratamento de erros usando Joi e middlewares em uma aplicação Express.
Arquivo Inicial
Tarefas
Validação de Dados com Joi:
Implemente a validação de dados recebidos no endpoint
/tarefas
usando Joi.
Tratamento de Erros:
Adicione middlewares para tratamento de erros na aplicação.
Configuração de CORS:
Habilite CORS na aplicação.
Código Esperado
Validação de Dados e Tratamento de Erros
Feedback: Certifique-se de validar os dados recebidos com Joi e trate adequadamente os erros usando middlewares. Habilite CORS para permitir requisições de diferentes origens.
Revisão de Código
Analise o código a seguir, encontre e corrija o erro relacionado à configuração de CORS e tratamento de erros na integração com frontend.
Projeto Prático
Implemente um endpoint para criar tarefas em uma aplicação ExpressJS. As tarefas devem ter as propriedades "título", "descrição" e "status". Utilize CORS, valide os dados usando Joi e implemente o tratamento de erros.
Arquivo Inicial
Tarefas
Validação de Dados com Joi:
Implemente a validação de dados recebidos no endpoint
/tarefas
usando Joi.
Tratamento de Erros:
Adicione middlewares para tratamento de erros na aplicação.
Configuração de CORS:
Habilite CORS na aplicação.
Last updated