Jogo de perguntas e respostas, no formato de quizz, com sua construção utilizada para reforçar o aprendizado de conceitos importantes dentro do JavaScript
Thiago Paiva, professor e desenvolvedor web.
Este código é uma versão aprimorada de um projeto que desenvolvi em algumas turmas na disciplina de Desenvolvimento Web Avançado no curso superior em Tecnologia em Análise e Desenvolvimento de Sistemas no IFSP de Cubatão, instituição onde atuei como professor substituto nos anos de 2015 e 2016. A diferença desta versão para a utilizada em aula é o uso do W3Css como framework CSS e a inclusão de um ranking de pontuação, usando algoritmo de ordenação para distribuir as pontuações.
Nele é reforçado conceitos do JavaScript como DOM, objetos, vetores e webStorage.
Há uma outra versão utilizando JQuery, onde planejo publicar em breve.
Se quiser focar no javascript e aproveitar o horroroso belíssimo CSS e as estruturas do HTML, basta acompanhar pelo repositório. Para usar pelo git, obviamente precisará dele instalado na sua máquina, e na linha de comando, digitar o seguinte:
git clone https://github.com/paiva-thiago/js-quizz.git
E o repositório está separado por cada commit representando um tópico, então, para ir no passo a passo, acompanhando cada tópico, tem o índice dos checkouts, para voltar a cada 'capítulo' 😄
- Apresentação e Document Object Model
git checkout -f 36a122ff49a403566b238748620e34fab44cbd38 - Variáveis e condicionais
git checkout -f f93c9b84a659b61ee7d9e28625282eda722c34e3 - Responda!
git checkout -f a381e2a6d74a3cee210fb19c3ef34a203ce394b2 - Objetos
git checkout -f ce5cd9810a414bf193fc0c8348dc59407458efdc - Vetores
git checkout -f c4f5aab64cba7066ae10dc6fc2936b20d9e96f2e - Arquivo para controle das perguntas
git checkout -f 9d9b6fc86117515761b9882391cb8b1f1c2132f3 - Escopo de variáveis
git checkout -f fcd9047a715b86615224a8c9b4b1312e135039a2 - Índices e Vetores I
git checkout -f 83c6b770130bd0a9ca8102e037d8c3bb7ebdcf54 - Índices e Vetores II
git checkout -f 6d02caac2eeeb99637d947e119a5a5e750c5abbc - Finalizando nossas perguntas
git checkout -f af5161ef29b927ee1bb3b4712d4d4a644adeaed8 - Incluindo Pontuação
git checkout -f 939c8b8eb6860fd6c14ffa511b5381ea45b7d579 - WebStorage I
git checkout -f 9ad1b1b4ebf4c752886e5b6567f4306731f01c74 - WebStorage II
git checkout -f 8d8251ef47fff60be9888960bab241d40101d13d - Ordenação
git checkout -f e7e766ad87058846aa49b76ebbaebb7d95e6d4c5 - SEASON FINALE
git checkout -f 62bb48c58d3b51e19c9a66b6b5981653055dbd20