Portfólio Desenvolvimento em JavaScript

O documento apresenta um relatório de aula prática sobre a validação de formulários em aplicações web utilizando JavaScript. Foi desenvolvido um formulário com um campo de e-mail, onde a validação foi realizada com uma expressão regular, mostrando mensagens de erro ou sucesso conforme o formato do e-mail inserido. A experiência destacou a importância da validação no front-end para a integridade dos dados e a melhoria da experiência do usuário.

Enviado por

holmessherock468

Direitos autorais

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 DOCX, PDF, TXT ou leia on-line no Scribd

100% acharam este documento útil (1 voto)

608 visualizações5 páginas

Portfólio Desenvolvimento em JavaScript

Enviado por

holmessherock468

Direitos autorais

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 DOCX, PDF, TXT ou leia on-line no Scribd

ANÁLISE EM DESENVOLVIMENTO DE SISTEMAS

LUCAS MATIAS DA SILVA

PORTFÓLIO – RELATÓRIO DE AULA PRÁTICA:

NOME DA DISCIPLINA: DESENVOLVIMENTO EM JAVASCRIPT

INTRODUÇÃO

A validação de formulários é uma das tarefas mais importantes em aplicações web, pois
garante que os dados inseridos estejam no formato esperado antes de serem
processados. Nesta atividade prática, desenvolvi um formulário com um campo para e-mail
e implementei a verificação de seu formato usando JavaScript.

MÉTODOS

● Utilizei HTML para construir a estrutura do formulário.

● A validação foi feita com JavaScript puro, sem o uso de bibliotecas externas.
● A lógica da verificação utilizou uma expressão regular (RegEx) que analisa o
padrão do e-mail digitado.
● Todo o código foi testado no Playcode.io, um ambiente online interativo que
permite visualizar resultados em tempo real.

DESENVOLVIMENTO DO PROJETO

Etapa 1 – Criação no Playcode.io

O projeto foi iniciado no site Playcode.io, uma ferramenta online para desenvolvimento e testes
de código em tempo real. Dentro do ambiente, criei um novo projeto contendo um formulário
com:

● Um campo de entrada para o e-mail do usuário;

● Um botão de envio;

● Uma área para exibir mensagens de validação com base no conteúdo inserido.
Etapa 2 – Estrutura do Código HTML

Etapa 3 - Validação com JavaScript

Esse código verifica se o campo de e-mail foi preenchido corretamente, utilizando uma
expressão regular. Caso o e-mail seja válido, exibe uma mensagem positiva. Caso
contrário, mostra ao usuário qual é o formato esperado.

RESULTADOS

O sistema funcionou conforme o esperado. A cada tentativa de envio do formulário, o código

validava o conteúdo digitado:

● Se o e-mail estava correto, aparecia a mensagem “E-mail válido!” em verde.

● Se o e-mail estava fora do padrão, era exibida a mensagem “E-mail inválido. Formato
correto: [email protected]” em vermelho.

Isso demonstra a eficácia da lógica implementada com JavaScript e reforça a importância das
boas práticas de validação no front-end.
CONCLUSÃO

A atividade permitiu aplicar na prática conceitos importantes do desenvolvimento web.

Compreendi como usar expressões regulares para validar campos de formulário e como
manipular elementos HTML por meio do JavaScript. O uso do Playcode.io foi essencial para
testar e ajustar o código rapidamente, o que contribuiu para um aprendizado mais eficiente.