Relatório de Aula Prática - Desenvolvimento em JavaScript

Prévia do material em texto

Rio de Janeiro/RJ 
2024 
 
 
 
 
 
 
 
 
 
 
 
NOME: VITOR HUGO FERNANDO PEREIRA BRANDÃO 
RA: 3478159801 
 
 
 
 
 
 
 
DESENVOLVIMENTO WEB 
 
 
 
 
 
 
PORTIFÓLIO – RELATÓRIO DE AULA PRÁTICA 
 
 
DISCIPLINA: DESENVOLVIMENTO EM JAVASCRIPT 
 
 
SUMÁRIO 
INTRODUÇÃO ............................................................................................... 3 
METODOLOGIA ........................................................................................... 3 
RESULTADOS ............................................................................................... 3 
CONCLUSÃO ................................................................................................. 5 
REFERÊNCIAS BIBLIÓGRAFICAS .............................................................. 5 
 
3 
 
INTRODUÇÃO 
No âmbito do presente projeto, vislumbra-se a elaboração de uma função em 
linguagem JavaScript destinada à validação do campo de e-mail em um formulário 
HTML, mediante a utilidade da plataforma PlayCode. O propósito intrínseco consiste na 
implementação de uma solução ágil e interativa, por meio da qual seja possível testar e 
executar rotinas no referido ambiente, conjugando as linguagens HTML (Linguagem de 
Marcação de HiperTexto) e JavaScript. Este esforço centrar-se-á na criação de um 
formulário singelo, incorporando um campo de e-mail, acompanhado de uma função de 
validação. Em situações adversas, a aplicação deverá oferecer mensagens instrutivas, 
orientando o usuário na correta inserção de um endereço eletrônico. 
METODOLOGIA 
1 - Inicializei a experiência de desenvolvimento no portal playcode.io. 
2 - Foi criado um projeto no editor disponibilizado pela plataforma. 
3 - Optei por um projeto desprovido de código prévio (empty). 
4 - Foi adicionado trechos de código HTML e JavaScript, engendrando um formulário 
contendo campo de e-mail, e simultaneamente, foi incorporado uma função que realizou 
a validação pertinente. 
RESULTADOS 
A imagem do código criado está apresentada abaixo: 
 
4 
 
Figura 1: Código HTML e JavaScript 
 
Fonte: PlayCode. Elaborado pelo Autor (2024). 
 
O código concebido oferece um formulário elementar, munido de um campo para 
inserção de e-mail e um botão intitulado "Validar E-mail". Ao se acionar referido botão, 
a função “validarEmail” é deflagrada, averiguando a correção do formato do e-mail 
inserido. Mensagens elucidativas são emitidas para o usuário, delineando a validação 
efetuada. Segue em imagem um exemplo de quando o e-mail é digitado e enviado fora 
do padrão: 
 
5 
 
Figura 2: Mensagem de Alerta - E-mail incorreto 
 
Fonte: Visual Studio Code in Live Server. Elaborado pelo Autor (2024). 
CONCLUSÃO 
O presente projeto culmina na confecção de um código em linguagem JavaScript, 
apto a validar o campo de e-mail em um formulário HTML, hospedado na plataforma 
PlayCode. A função de validação, adotando uma expressão regular, escrutina a correção 
do formato do e-mail, proporcionando uma experiência interativa e elucidativa ao 
usuário. A implementação promove aprimoramento na usabilidade do formulário, 
contribuindo para a coleta de dados de qualidade e reforçando a eficácia do processo de 
interação com o usuário. 
REFERÊNCIAS BIBLIÓGRAFICAS 
PlayCode. Javascript Playground. Disponível em: https://playcode.io/. Acesso em: 05 
fev. 2024. 
MICROSOFT. Visual Studio Code. Versão 1.85.2. Microsoft Corporation, 2024. 
Disponível em: https://code.visualstudio.com/. Acesso em: 05 fev. 2024. 
		2024-02-05T10:44:02-0300