PORTIFOLIO JAVASCRIPT

Prévia do material em texto

ANÁLISE E DESENVOLVIMENTO DE SISTEMA 
CAMILI BORGES MINÁ 
DESENVOLVIMENTO EM JAVASCRIPT 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
SANTO ANDRÉ - SP 
2025.1 
PORTIFÓLIO – DESENVOLVIMENTO EM JAVASCRIPT 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Aula prática da 
disciplina 
Desenvolvimento em 
javascript apresentado 
como requisito parcial 
para a obtenção de 
média semestral no 
curso análise e 
desenvolvimento de 
sistemas. 
 
 
 
 
 
 
 
 
 
 
 
 
 
SANTO ANDRÉ – SP 
2025 
 
SUMÁRIO 
1. INTRODUÇÃO ........................................................................................................ 
2. DESENVOLVIMENTO .................................................................................... 
3. CONCLUSÃO ................................................................................................. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
INTRODUÇÃO 
 
O relatório descreve a criação de uma função simples em Javascript, na 
plataforma Playcode, para validar campos de e-mail em formulários HTML. 
Destaca a importância da validação de formulários, especialmente de e-mails, 
devido ao seu formato específico, e o uso eficaz do Javascript para essa 
finalidade. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
DESENVOLVIMENTO 
 
1.1 – Acessando a plataforma 
 
Para criar um formulário de e-mail simples, o usuário deve acessar o site 
playcode.io, clicar em "start coding" e escolher um projeto do tipo "HTML". 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1.2 – Criando a estrutura HTML 
 
 
O HTML foi estruturado com as tags essenciais e um formulário com campo de 
e-mail validado pelo atributo required, usando também , e 
para título, envio e instruções. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2.2 – Validando com JavaScript 
 
Foi adicionado um script com event listener no botão "Submit", usando regex 
para validar o e-mail e exibir mensagens conforme o resultado. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2.3 Testando 
Utilizando da ferramenta de visualização web oferecida pelo playcode.io, 
podemos observar o resultado do projeto: 
 
 
 
 
 
 
 
 
 
 
Teste de validação com e-mail inválido: 
 
 
 
 
 
 
 
 
 
 
Teste com e-mail válido 
 
 
 
 
 
 
 
 
 
 
 
 
Camili.borges@g
mail.com 
invalido@invalido 
 
Conclusão 
O projeto de verificação de e-mail envolveu a criação do formulário e o 
aprendizado dos fundamentos de HTML, CSS e Javascript, reforçando 
habilidades técnicas e destacando a importância da usabilidade e experiência do 
usuário. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
	ANÁLISE E DESENVOLVIMENTO DE SISTEMA
	PORTIFÓLIO – DESENVOLVIMENTO EM JAVASCRIPT
	SUMÁRIO
	INTRODUÇÃO
	DESENVOLVIMENTO
	Conclusão