Descrição
ROTEIRO DE AULA PRÁTICA – DESENVOLVIMENTO EM JAVASCRIPT
DESENVOLVIMENTO EM JAVASCRIPT:
Unidade: U3_PROGRAMAÇÃO ORIENTADA A EVENTOS
Aula: A4_EVENTOS_EM_NÍVEL_DE_PÁGINA
OBJETIVOS
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.
SOLUÇÃO DIGITAL:
“Visual Studio Code”
É 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
PROCEDIMENTOS PRÁTICOS E APLICAÇÕES
Procedimento/Atividade nº 1
Inserir o nome do experimento: Jogo de Jokenpô
Atividade proposta:
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
- Campo resultado
- Botão para reiniciar
- Use CSS para estilizar o jogo e criar animações simples.
- Utilize sua criatividade
- 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.
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
Resultados do experimento:
O estudante deve entregar um arquivo em PDF contendo toda a codificação necessária para realizar o exercício.
O arquivo deverá conter:
- Capa;
- Folha de rosto com os dados da disciplina e do aluno;
- Codificação completa do exercício;
- Prints do exercício;
- 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.
