RELATÓRIO DE AULA PRÁTICA - DESENVOLVIMENTO EM JAVASCRIPT - Yasmin Oliveira de Souza

Prévia do material em texto

SUPERIOR DE TECNOLOGIA EM DESENVOLVIMENTO WEB 
 
 
 
 
YASMIN OLIVEIRA DE SOUZA 
 
 
 
 
 
 
 
 
 
 
 
RELATÓRIO DE AULA PRÁTICA 
DESENVOLVIMENTO EM JAVASCRIPT 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Salvador - BA 
2025 
SUMÁRIO 
1 INTRODUÇÃO 4 
2 DESENVOLVIMENTO 5 
3 CONCLUSÃO 8 
 
1 INTRODUÇÃO 
Durante esta aula prática, foi proposto o desenvolvimento de uma aplicação 
web simples, utilizando as linguagens HTML e JavaScript, com o objetivo de validar 
dinamicamente o campo de e-mail de um formulário. A atividade foi realizada na 
plataforma online Playcode.io, que permite a criação e execução de códigos de 
forma prática e interativa. A proposta central consistiu em aplicar conhecimentos 
fundamentais de validação de dados, garantindo que os usuários informem e-mails 
no formato correto antes do envio do formulário. 
2 DESENVOLVIMENTO 
Para a realização da atividade, foi criado um novo projeto vazio na plataforma 
Playcode.io. A estrutura da aplicação foi construída em HTML, contendo um 
formulário com um campo específico para a coleta de e-mails. 
Em seguida, foi implementado um script em JavaScript responsável por 
realizar a validação desse campo. Utilizou-se uma expressão regular (regex) para 
verificar se o e-mail informado seguia a estrutura adequada, ou seja, contendo ao 
menos um caractere antes e depois do símbolo “@”, bem como um domínio válido. 
Além disso, foram desenvolvidas mensagens de retorno visual ao usuário. 
Caso o e-mail fosse considerado válido, uma mensagem de confirmação era exibida 
em verde. Caso contrário, uma mensagem de erro orientava o preenchimento 
correto do campo, utilizando uma linguagem clara e acessível. 
 
 
A validação implementada funcionou conforme o esperado. A aplicação foi 
capaz de identificar corretamente tanto os e-mails válidos quanto os inválidos, 
fornecendo feedback imediato ao usuário. Essa funcionalidade é essencial em 
formulários web, pois contribui para a coleta de dados confiáveis e evita o envio de 
informações com erros de digitação ou formato. 
 
 
 Segue abaixo, na figura 1 o resultado: 
Figura 1 - Resultado 
 
(Fonte: Autoria Própria) 
 
Segue abaixo, nas figuras, a linha de código utilizada: 
 
3 CONCLUSÃO 
A atividade possibilitou a aplicação prática de conceitos essenciais de 
desenvolvimento web, com foco em usabilidade e validação de dados. A utilização 
do JavaScript para a verificação do campo de e-mail demonstrou como é possível 
melhorar a experiência do usuário e garantir a integridade das informações 
coletadas. Além disso, a plataforma Playcode.io se mostrou uma excelente 
ferramenta de apoio para o desenvolvimento e testes de pequenos projetos em 
tempo real, facilitando o processo de aprendizagem e fixação dos conteúdos. 
	1​INTRODUÇÃO 
	2​DESENVOLVIMENTO 
	3​CONCLUSÃO