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