Descrição
Esta aula prática da disciplina Desenvolvimento em JavaScript propõe a criação e execução de um projeto simples voltado à validação de um campo de e‑mail em um formulário HTML. A atividade utiliza a plataforma online Playcode.io como ambiente de desenvolvimento e execução, exigindo acesso à internet e um computador por aluno. O foco é implementar, testar e apresentar uma rotina em JavaScript que verifique se o campo de e‑mail foi preenchido corretamente e exiba mensagens de erro ou orientação ao usuário.
O trabalho inclui a montagem de um projeto vazio no Playcode.io, a escrita de código HTML e JavaScript para validação do campo destinado a colega de e‑mail e a elaboração de um relatório final com introdução, métodos, resultados e conclusão. O relatório deverá ser produzido em formato Word e seguir as normas da ABNT, conforme os requisitos apontados no roteiro. Não são necessários softwares pagos; a plataforma indicada é gratuita (freeware).
O que é desenvolvido nesta atividade
Desenvolver uma função simples em JavaScript para validação de campo de e‑mail em um formulário HTML, apresentando mensagens que orientem sobre a composição correta de um e‑mail. As tarefas centrais incluem: criar um novo projeto no Playcode.io (opção empty), inserir código HTML básico com um campo para colega de e‑mail, implementar a lógica de validação e definir a apresentação das mensagens de erro/orientação. Ao final, elaborar um relatório técnico em Word contendo introdução, métodos, resultados e conclusão.
Principais conteúdos abordados
- Validação de campo de e‑mail usando JavaScript
- Estrutura de formulário em HTML
- Uso da plataforma Playcode.io como ambiente de desenvolvimento
- Exibição de mensagens de erro e orientação ao usuário
- Elaboração de relatório final em Word conforme normas da ABNT
- Requisitos de infraestrutura: computador (1 por aluno) e acesso à internet
Portfólio Aula Prática Desenvolvimento em JavaScript
ROTEIRO DE AULA PRÁTICA
NOME DA DISCIPLINA: Desenvolvimento em JavaScript
OBJETIVOS
Definição dos objetivos da aula prática:
– Construir função simples para validação de campo de e-mail de um determinado formulário
feito em HTML utilizando a plataforma Playcode.
INFRAESTRUTURA
Instalações:
Playcode.io
Materiais de consumo:
Descrição
Quantidade de materiais
por
procedimento/atividade
Computador 1 por aluno
Software:
Sim ( X ) Não ( )
Em caso afirmativo, qual? Playcode.io.
Pago ( ) Não Pago ( X )
Tipo de Licença: Freeware.
Descrição do software:
O playcode é uma plataforma online de criação de código em linguagens como JavaScript que
permite realizar testes e executar rotinas escritas na linguagem e forma prática, rápita e
interativa. Conta com exemplos prontos utilizando bibliotecas, frameworks e APIs.
Equipamento de Proteção Individual (EPI):
– NSA
PROCEDIMENTOS PRÁTICOS
Escrita de código em JavaScript para validar campo de um formulário simples para colega de e-mail. Apresentar uma
mensagem orientando como preencher corretamente o campo de email.
Atividade proposta:
– Criar um novo projeto dentro do Playcode.io composto por um pequeno formulário com campo para colega de email que deve ser informado pelo usuário.
– Escrever código que deverá verificar se o campo de e-mail está preenchido corretamente, mostrar uma mensagem
ao usuário informando a composição correta de um e-mail.
– Criar relatório final de atividades.
3
Procedimentos para a realização da atividade:
Você deverá:
Criar um novo projeto (abrir o editor) no playcode.io.
Escolher um projeto vazio (empty).
Colocar um código em HTML simples e com ele um código em JavaScript que deverá fazer validação de campo para
coleta de e-mail.
Mostrar mensagem de erro e de orientação (escolha a melhor forma de apresesentar essa mensagem), explicando a
estrutura de um e-mail.
Checklist:
– Acesso a internet.
– Acesso ao site playcode.io.
RESULTADOS
Resultados da aula prática:
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
Como funciona?
Elaboramos os portfólios, já deixamos prontos, nas normas da ABNT e conforme os requisitos da universidade. Fácil assim! O MELHOR É QUE VOCÊ COMPRA E JÁ BAIXA NA HORA O SEU ARQUIVO EM WORD! Sabemos que conciliar trabalho, família, vida profissional e estudos é difícil hoje em dia, por isso, estamos aqui para ajudar você. Conte com nossa qualidade, experiência e profissionalismo adquirindo seu portfólio conosco. GARANTIMOS SEU CONCEITO!
Como se realizam os envios?
O seu trabalho é disponibilizado pronto, respondido e nas normas já na mesma hora aqui em nosso site na sua área de downloads e também no seu e-mail.
Em quanto tempo recebo o portfólio?
Os envios são imediatos. Após sua compra, o trabalho já é disponibilizado instantaneamente aqui em nosso site e no seu e-mail.
E se o portfólio que comprei precisar de correção?
Caso haja alguma solicitação de correção/alteração por parte do tutor, basta entrar em contato conosco pelo WhatsApp que providênciaremos sem custo algum.
Qual o formato do arquivo?
Os arquivos são enviados em formato Word e são editáveis.
Caso eu tiver alguma dúvida, terei suporte no pós venda?
Sim, com certeza. Basta clicar no ícone do WhatsApp no cantinho da tela. Será um prazer atendê-lo(a).
Quais os seus canais de contato?
Whatsapp: 53 984751621 – Clicar no canto da tela ou ESCANEIE O QRCODE ABAIXO
E-mail:portifoliosp@gmail.com
Portfólio em Word, respondido, completo e já nas normas
Prefere falar pelo WhatsApp?
Se estiver acessando pelo computador, escaneie o QR Code abaixo com a câmera do celular para abrir nosso atendimento no WhatsApp.


