2
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
SISTEMAS OPERACIONAIS
Desenvolvimento em
POLO: digite seu JavaScript
polo
PORTFÓLIO – RELATÓRIO DE AULA PRÁTICA
NOME: JEFFERSON CORREIA ALBINO RA: 3664660304
Desenvolvimento em JavaScript
Estado /UF
Vera /MT
2024
2025
2
NOME: JEFFERSON CORREIA ALBINO RA: 3664660304
Trabalho de portfólio apresentado como requisito parcial
para a obtenção de pontos para a média semestral.
Na matéria Desenvolvimento em Javascript.
Orientadora/ Professora: Anderson Emidio de Macedo
Goncalves
Disciplina: Desenvolvimento em Javascript
Vera /MT
2025
SUMÁRIO
INTRODUÇÃO
...........................................................................................................................................
3
METODOLOGIA..........................................................................................................3
RESULTADOS...............................................................................................................3
CONCLUSÃO.................................................................................................................7
REFERÊNCIAS BIBLIÓGRAFICAS..........................................................................7
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 [Link].
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:
Figura 1: html – primeira parte
4
Figura 2: html – segunda parte
Figura 3: – Java Script
5
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:
6
Figura 4: Mensagem de Alerta - E-mail incorreto
Figura 5: Mensagem de E-mail validado com sucesso.
CONCLUSÃO 7
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: [Link] Acesso em: 24
abril. 2025.
5
5