Scribd
Carregar
5 visualizações8 páginas

Portfólio de Desenvolvimento em JavaScript

O relatório apresenta um projeto de validação de formulários em JavaScript, focando na validação de e-mails para melhorar a integridade dos dados. O sistema fornece feedback imediato ao usuário, substituindo alertas intrusivos por mensagens contextuais. O projeto foi concluído com sucesso e sugere melhorias para validação em tempo real.

Enviado por

Junior Gadelha
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
5 visualizações8 páginas

Portfólio de Desenvolvimento em JavaScript

O relatório apresenta um projeto de validação de formulários em JavaScript, focando na validação de e-mails para melhorar a integridade dos dados. O sistema fornece feedback imediato ao usuário, substituindo alertas intrusivos por mensagens contextuais. O projeto foi concluído com sucesso e sugere melhorias para validação em tempo real.

Enviado por

Junior Gadelha
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

3

ANÁLISE E DESENVOLVIMENTO DE SISTEMA

VALDIR FERNANDES GADELHA JUNIOR

RELATÓRIO DE AULA PRÁTICA – DESENVOLVIMENTO EM


JAVASCRIPT

SOBRAL
2025
4

VALDIR FERNANDES GADELHA JUNIOR

JAVASCRIPT

Portifólio de desenvolvimento em Javascript apresentado


como requisito parcial para a obtenção de média
bimestral da disciplina.

Sobral
2025
5

1 ATIVIDADE

1.1 VALIDAÇÃO DE FORMULÁRIO FRONT-END COM JAVASCRIPT

1.1.1 O Problema

A coleta de dados de usuários através de formulários HTML é uma


porta de entrada primária para qualquer sistema. A submissão de dados mal
formatados, especialmente e-mails, corrompe a base de dados, impede a
comunicação futura e gera retrabalho. Era necessário criar um mecanismo de
validação no lado do cliente (navegador) para fornecer feedback imediato ao usuário
antes do envio dos dados ao servidor.

1.1.2 Introdução (O "Pitch" do Projeto)

Este projeto implementa uma validação robusta de campo de e-mail


utilizando JavaScript puro (Vanilla JS) e manipulação direta do DOM (Document
Object Model). O objetivo foi criar uma experiência de usuário (UX) superior ao
padrão, substituindo os alert() intrusivos por mensagens de feedback
contextualizadas (inline).
O script captura o evento de "submit" do formulário, previne o
recarregamento padrão da página e utiliza uma Expressão Regular (Regex) para
verificar a estrutura do e-mail. Com base no resultado, o DOM é manipulado para
exibir uma mensagem de sucesso (verde) ou uma mensagem de erro construtiva
(vermelha), orientando o usuário sobre a formatação correta de um e-mail.

1.1.3 Desafios e Aprendizados

O principal desafio foi garantir que o feedback ao usuário fosse


imediato e claro. A escolha de usar uma div de mensagens controlada por classes
CSS (.mensagem-erro, .mensagem-sucesso) provou ser muito mais eficaz e
profissional do que métodos de alerta tradicionais. Além disso, a implementação
6

correta do [Link]() foi fundamental para que o script pudesse


interceptar o envio do formulário com sucesso.

1.2 CONCLUSÃO E PRÓXIMOS PASSOS

O projeto foi concluído com sucesso. A solução valida eficazmente


os e-mails, melhora a integridade dos dados coletados e fornece uma interface de
usuário limpa.
Como próximos passos, esta validação poderia ser aprimorada para
ser "em tempo real", disparando não no "submit", mas no evento onblur (quando o
usuário clica fora do campo de e-mail), dando um feedback ainda mais rápido.

([Link])
7

([Link])
8

([Link])
9

(CÓDIGO EXECUTADO)
10

Você também pode gostar