Portifólio Desenvolvimento em JavaScript

Prévia do material em texto

CURSO: ANÁLISE E DESENVOLVIMENTO DE SISTEMAS | DISCIPLINA: DESENVOLVIMENTO EM JAVASCRIPT
RELATÓRIO DA AULA PRÁTICA DA DISCIPLINA DE DESENVOLVIMENTO EM JAVASCRIPT
ELABORAR UM RELATÓRIO QUE DEVERÁ CONTER INTRODUÇÃO, MÉTODOS, RESULTADOS E CONCLUSÃO SOBRE O ASSUNTO DESENVOLVIDO EM AULA PRÁTICA, PARA COMPREENDER COMO FOI CRIADO O CÓDIGO EM JAVASCRIPT PARA VALIDAÇÃO DE CAMPO DE E-MAIL EM FORMULÁRIO HTML
ALUNA: 
2025
Sumário
INTRODUÇÃO	3
METODOS	3
ESTRUTURA	4
HTML	4
JavaScript	4
RESULTADOS	5
CONCLUSÃO	7
REFERÊNCIAS:	8
INTRODUÇÃO
Nesta atividade, criaremos um projeto na plataforma Playcode.io, onde será implementado um código simples em HTML e um script em JavaScript para validar um campo de e-mail. O sistema exibirá mensagens de erro e orientações ao usuário, explicando a estrutura correta de um endereço de e-mail.
JavaScript é uma linguagem de programação amplamente utilizada por desenvolvedores para tornar páginas da web interativas.
O Playcode.io é uma ferramenta online e gratuita que oferece um ambiente interativo para testar códigos em JavaScript e outras linguagens.
Os objetivos desta atividade são:
· Criar um formulário simples para coletar um endereço de e-mail.
· Implementar a validação do e-mail utilizando JavaScript.
· Exibir mensagens de erro e orientação sobre a estrutura correta do e-mail.
METODOS
Para criar um formulário simples de e-mail em HTML e JavaScript para orientar o usuário, foi seguido os seguintes passos:
1. Abrir o navegador e acesse a plataforma Playcode.io (https://playcode.io).
2. No menu "Arquivo+", selecione "Novo" e crie um arquivo chamado index.html.
3. Insira o código HTML contendo o campo de e-mail e as instruções para validação.
4. Crie um script em JavaScript para validar o e-mail digitado pelo usuário.
5. Se o usuário inserir um e-mail fora do padrão, o sistema exibirá uma mensagem informando a estrutura correta de um endereço de e-mail.
ESTRUTURA
HTML
JavaScript
RESULTADOS
Análise inicial
Mensagem de alerta: Inclua um “@” no endereço de e-mail. (***), está com “@” 
faltando
Mensagem de alerta: Inclua um “@” no endereço de e-mail. (***), está com “@” 
faltando
Mensagem de alerta: Inclua um “@” no endereço de e-mail. (***), está com “@” 
faltandom
Note que no endereço de e-mail está com o @ faltando. O @ deve ser incluído.
Mensagem ao colocar o endereço de e-mail inválido.
CONCLUSÃO
O JavaScript permite a implementação de diversos efeitos que tornam o site mais dinâmico, oferecendo ao desenvolvedor a capacidade de aprimorar a interação com a página. Com essa linguagem, é possível executar ações em resposta ao comportamento do usuário, tornando a experiência mais fluida e personalizada.
Por outro lado, o HTML é a base fundamental da web, permitindo a construção de sites e a inserção de conteúdo como imagens, vídeos e links por meio de hipertextos.
Ao utilizar essas linguagens de programação na plataforma Playcode.io, foi possível criar um formulário para coleta do e-mail do usuário. No HTML, foram inseridas as informações necessárias para que o usuário digitasse seu e-mail, enquanto no JavaScript, implementamos validações interativas que alertam com mensagens de erro caso o e-mail não siga o formato correto.
Esta atividade prática demonstrou o poder das linguagens de programação, que podem otimizar tarefas diárias, tornando os projetos mais dinâmicos, atrativos e profissionais.
REFERÊNCIAS:
OLIVEIRA, C. L. V.; ZANETTI, H. A. P. Javascript descomplicado: programação para web, IoT e dispositivos móveis. São Paulo: Érica, 2020.
FLANAGAN, D. JavaScript: o guia definitivo. Tradução: João Eduardo Nóbrega Tortello. 6. ed. Porto Alegre: Bookman, 2013.
ALVES, W. P. HTML e CSS: aprenda como construir páginas web. São Paulo: Expressa, 2021.
FLANAGAN, D. Javascript: o guia definitivo. Tradução: João Eduardo Nóbrega Tortello. 6. ed. Porto Alegre: Bookman, 2013.
image5.png
image1.png
image2.png
image3.png
image4.png