FACULDADE ANHANGUERA
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
RERISSON HENRIQUE RODRIGUES DA SILVA
Portfolio Individual
Desenvolvimento em Javascript
Relatório de Aula Prática - Desenvolvimento em Javascript
Professor (a): Anderson Emidio de Macedo Goncalves
Maringá – PR, 08 de Outubro de 2025
RERISSON HENRIQUE RODRIGUES DA SILVA
Portfolio Individual – Relatório de Aula Prática - Desenvolvimento
em Javascript
Trabalho apresentado à disciplina: Desenvolvimento em
Javascript, do curso de ANÁLISE E DESENVOLVIMENTO DE
SISTEMAS, da Faculdade UNOPAR - ANHANGUERA, como
requisito parcial para a obtenção de nota.
Maringá – PR, 08 de Outubro de 2025
Relatório da Aula Prática – Desenvolvimento em Javascript
1. Introdução
Nesta aula prática foi desenvolvido um formulário moderno utilizando HTML, CSS e
JavaScript. O objetivo foi compreender a validação de campos em formulários e aplicar um
design visual atrativo. A proposta envolveu a criação de uma interface centralizada e
responsiva, com cores suaves e mensagens de feedback ao usuário.
2. Métodos
O projeto foi criado no ambiente [Link], com um layout moderno estruturado em
HTML e estilizado em CSS. O JavaScript foi responsável por verificar se o campo de e-mail
estava preenchido corretamente, exibindo mensagens em cores distintas para sucesso e
erro. Foram utilizados gradientes, sombras e animações leves para aprimorar a experiência
visual.
3. Checklist
Nº Item do Checklist Status
1 Acesso ao site [Link]. ✔️Concluído
2 Acesso a internet. ✔️Concluído
4. Desenvolvimento
O projeto seguiu as condições básicas para a validação de tudo que havia sido solicitado.
Todos os Códigos e Estruturas de Códigos usadas para o desenvolvimento, estão disponíveis
em minha página do Github - RerissonHRS/Portif-lio-Acad-mico---Desenvolvimento-em-
JavaScript: ROTEIRO DE AULA PRÁTICA - Desenvolvimento em JavaScript
5. Resultados
O resultado foi um formulário funcional e esteticamente agradável, capaz de validar o
formato de e-mail inserido pelo usuário. A interface apresenta cores modernas, campos
arredondados e um botão com efeito de transição. O usuário é orientado de forma clara
sobre o formato correto de e-mail, garantindo melhor usabilidade.
6. Evidências de Execução da Tarefa
1° Execução
2° Validação Teste de email – ERROR “NÃO É UM FORMATO DE E-MAIL”
3° Validação Teste de email – OK “TEXTO DIGITADO É UM EMAIL DE FORMATO CORRETO”
7. Conclusão
A atividade demonstrou como combinar a funcionalidade do JavaScript com o design
moderno do CSS para criar interfaces eficazes e atraentes. A validação de e-mail é um
recurso essencial em aplicações web e, quando bem apresentada, contribui para uma
experiência mais profissional e intuitiva.
8. Links:
JavaScript Playground
RerissonHRS/Portif-lio-Acad-mico---Desenvolvimento-em-JavaScript: ROTEIRO DE AULA
PRÁTICA - Desenvolvimento em JavaScript