Para desenvolver Aula Prática Desenvolvimento em JavaScript – Eventos em Nível de Página, comece identificando os objetivos e as entregas solicitadas no roteiro. A seguir, veja os pontos presentes na descrição desta atividade e organize teu relatório de acordo com as orientações do curso.
Objetivos e conhecimentos trabalhados
Use os objetivos do roteiro para definir o que a atividade precisa demonstrar.
Definição dos objetivos da aula prática:
Desenvolver um projeto interativo que utilize eventos CSS e HTML5 para criar uma experiência dinâmica e envolvente para o usuário.
Ferramentas e materiais mencionados no roteiro
Prepare os recursos citados na atividade e registre as versões ou configurações usadas quando forem relevantes.
É um editor código-fonte gratuito e poderoso da Microsoft para Windows, macOs e Linux, usado por desenvolvedores para o desenvolvimento de sistemas.
LINK SOLUÇÃO DIGITAL ONLINE (EXCETO ALGETEC): https://code.visualstudio.com/download
Como desenvolver a atividade passo a passo
Execute cada etapa na ordem indicada e registre o que foi feito para depois explicar o processo no relatório.
Unidade: U3_PROGRAMAÇÃO ORIENTADA A EVENTOS
Aula: A4_EVENTOS_EM_NÍVEL_DE_PÁGINA
PROCEDIMENTOS PRÁTICOS E APLICAÇÕES
Inserir o nome do experimento: Jogo de Jokenpô
Nesta atividade, vamos criar um jogo simples de "Jokenpô" (pedra, papel, tesoura) utilizando HTML, CSS e JavaScript. O jogo permitirá ao usuário escolher uma das opções (pedra, papel ou tesoura) e competir contra o computador. Utilizaremos eventos CSS para animar as escolhas e eventos HTML5 para capturar interações do usuário.
Procedimentos para a realização da atividade: Siga as etapas descritas a seguir para realizar a atividade.
Crie um arquivo HTML com a estrutura básica.
Campos para escolher entre pedra, papel ou tesoura
Use CSS para estilizar o jogo e criar animações simples.
Utilize JavaScript para implementar a lógica do jogo e interações com o usuário.
Pedra ganha da tesoura, perde para o papel.
Papel ganha da pedra, perde para a tesoura.
Tesoura ganha do papel, perde para a pedra.
Como conferir e avaliar o trabalho
Confira os critérios e perguntas do roteiro antes de finalizar a entrega.
Avaliando os resultados:
Responda a seguinte questão de acordo com o cenário a seguir:
Durante o desenvolvimento da página web “Gerador de Tabuada Interativo”, que utiliza JavaScript para calcular e exibir os resultados com base no número informado pelo usuário, por que é importante compreender e aplicar estruturas de repetição, como o laço “for”, em sistemas interativos como o proposto nesta atividade?
Checklist:
Criar um arquivo HTML com a estrutura básica para o jogo.
Utilizar CSS para estilizar o jogo e criar animações simples.
Implementar JavaScript para a lógica do jogo e interações com o usuário.
Testar e ajustar a funcionalidade do jogo conforme necessário.
Resultados e organização do relatório
Apresente o que foi obtido e relacione os resultados com os objetivos da atividade.
Resultados do experimento:
O estudante deve entregar um arquivo em PDF contendo toda a codificação necessária para realizar o exercício.
Folha de rosto com os dados da disciplina e do aluno;
Referências bibliográficas (quando houver).
Resultados de Aprendizagem:
Ao final da atividade, espera-se que o aluno:
Compreender a estrutura básica de uma página web utilizando HTML, CSS e JavaScript.
Aplicar eventos e lógicas em JavaScript para criar interações dinâmicas com o usuário.
Utilizar animações e estilizações em CSS para tornar a interface do jogo mais atrativa e interativa.
Como estruturar o relatório
Organize a entrega em identificação da atividade, objetivos, recursos utilizados, descrição dos procedimentos, registros dos resultados e conclusão. Ajuste essa sequência ao modelo exigido pela instituição e inclua apenas observações e evidências obtidas durante a tua própria execução.
Checklist antes de entregar
- Conferir se todos os objetivos do roteiro foram contemplados.
- Descrever os procedimentos na ordem em que foram realizados.
- Inserir registros, imagens ou arquivos quando a atividade solicitar.
- Relacionar os resultados com as tarefas e revisar o formato de entrega exigido.
