- 1. Resumo do projeto
- 2. Objetivos de aprendizagem
- 3. Critérios de aceitação mínima do projeto
- 4. Considerações técnicas
O que tenho que fazer exatamente? Neste projeto você desenvolverá uma aplicações web de perguntas e respostas. Sua aplicação deve permitir que o usuário responda uma perguntas e escolha as respostas, a partir de uma lista de alternativas.
O tema é livre. Você deve criar a melhor aplicação web possível.
O objetivo principal deste projeto é ter uma primeira experiência desenvolvendo aplicações web (WebApp) que interajam com o usuário através do navegador e desenvolver a lógica, utilizando HTML, CSS e JavaScript como ferramentas.
Pense nos passos que o usuário tem que percorrer, repasse o fluxograma e se organize com sua dupla/trio.
- Uso de HTML semântico.
- Uso de seletores de CSS.
- Construa sua aplicação respeitando o design feito (layout).
- Uso de condicionais (if-else | switch | operador ternario)
- Uso de funções (parâmetros | argumentos | valor de retorno)
- Declaração correta de variáveis (const & let)
- Uso identificadores descritivos (Nomenclatura | Semântica).
Os critérios que você deverá considerar para saber se completou o projeto são:
- Mostrar uma tela de boas-vindas na qual se peça, através de prompt, o nome do usuário antes de começar a prova.
- Mostrar uma tela na qual o usuário pode escolher se quer mesmo dar início a prova ou não. Caso ele não deseje iniciar, o fluxo deve ser encerrado. Caso ele queira, seguirá para a próxima etapa, descrita no item 3.
- Mostrar, através de prompt, a pergunta 1 com alternativas. O usuário responde e depois é apresentada a pergunta 2 e depois a 3.
- Mostrar uma tela de resultados (respostas corretas e incorretas).
Seguem exemplos de tela. Você pode usar as cores e fontes que quiser e acrescentar detalhes, porém os seguintes aspectos do leiaute modelo devem ser mantidos:
- O nome da pessoa deve ser impresso na tela;
- As respostas corretas e erradas devem ser impressas na tela em caixas separadas, exibidas lado a lado.
A entrega será feita através do GitHub e sua prova deve ser publicada no GitHub Pages.
A lógica do projeto deve estar implementada completamente em JS, HTML e CSS. Neste projeto não é permitido usar bibliotecas ou frameworks, somente vanilla JavaScript.
Não deve ser usada a pseudo-variável this.
Aqui vai a página que será mostrada para o usuário. Também nos serve para indicar que script será usado e unir tudo que fizemos.
Este arquivo deve conter as regras de estilo. Queremos que escreva suas próprias regras, por isso NÃO está permitido o uso de frameworks de CSS (Bootstrap, materialize, etc).
Aqui você escreverá todo o código que tenha a ver com a lógica.