Como Fazer um App de Quiz Usando JavaScript - Tutorial Completo para Iniciantes

Quer ter mentorias comigo sobre o básico da programação web (HTML, CSS, JavaScript, GitHub, etc..)?

Desenvolver projetos é a melhor maneira de fixar conceitos sobre programação e aprender novas funcionalidades. Por isso, no vídeo de hoje vamos programar juntos um jogo de Quiz usando HTML, CSS e JavaScript puros!

Ao longo deste tutorial veremos conceitos importantíssimos da programação, como: manipulação do DOM, ouvidores de eventos, adição e remoção de elementos HTML por meio do JavaScript, dentre outros.

Ao final do vídeo você terá feito um aplicativo completo de Quiz e ainda poderá colocar as perguntas que quiser, para deixar ele a sua cara!

Confira outros vídeos da playlist Projetos Pequenos:

Links citados no vídeo:

Me encontre aqui:

📧 Contato:

---------------------------------------------------------------------------------------------------------------—

Capítulos do vídeo:
00:00 - Introdução
01:12 - Estrutura inicial do projeto
03:00 - HTML inicial do Quiz
06:40 - CSS inicial do Quiz
16:18 - Começando o jogo: função startGame()
20:12 - Mostrando próxima pergunta na tela: função displayNextQuestion()
31:07 - Checando se o usuário acertou a resposta: função selectAnswer()
43:12 - Resetando o Quiz: função resetState()
44:50 - Detectando o fim do Quiz: finishGame()
54:52 - Despedida

[srprogramador]

Quer ter mentorias comigo sobre o básico da programação web (HTML, CSS, JavaScript, GitHub, etc..)?

[juliadamacena]

deus lhe abençõe senhor programador, você ajudou demais aqui a pobi que tem projeto pra entregar de fim de semestrew

[rafaellima]

Caramba, tu és o primeiro que vi usando cifrão na variavel, muito bom mesmo, pois destaca mellhor as suas variaveis criadas dos outros metodos do js, muito obrigado! agora só falta eu rechear com mais perguntas

[MrAndremauricio]

Caramba que sensacional, fiz todo o seu jogo do zero, adicionei uns sons quando o usuário acertar ou errar alguma questão... Cara foi demais esta aula.. Sou professor de JS e vou passar o jogo para meus alunos fazerem... vlw demais.

[mizaelmarques]

Estou estudando js, seu video tem muita informação, mas a sua didatica é excelente...da pra tirar um bom aprendizado do seu video..parabens

[vsi]

Não sabia absolutamente NADA de html, css e js, então procurei tutorial para um projeto para me basear e conseguir captar muita coisa em relação à essas linguagens. O vídeo é bem explicado e facil de entender. Obg moço!

[luisalima]

Obrigada! Treinei bastante Javascript. Fiz minhas alterações e ficou show.

[guilhermehenriquerodrigues]

Parabens, que aula exelente, a melhor para iniciantes.

[charlesconde]

Que aula boa! Entendi os conceitos e a lógica

[tacianeabreu]

Uau, amei demais essa aula, ganhou uma nova inscrita! 😊

[AlanJohnny]

Ganhou um inscrito pela ótima didática!

[JoaoBernardoKiaku-jkuv]

Muito bom! Fui treinando isso, mas ficaria mais show se tivesse a selecionar perguntas aleatórias...

[Zed-Yamazaki]

Por algum motivo, no momento de adicionar o click, não está dando certo. No caso, faço exatamente do jeito que você faz mas a função do click não funciona.

[JoaoBernardoKiaku-jkuv]

Quero uma ajuda nisso, como posso fazer para gerar perguntas aleatórias!?

[lucasmutumbua]

Treinei, mas não consegui pegar as respostas. preciso de ajuda!

[shayferlin]

Como utilizar o async quando o JS é no mesmo arquivo que o HTML?

[BarryTheAlien]

a parte final de mostrar o resultado simplesmente n vai. Já revisei centenas de vezes

[ericgaldino]

ola ... voce poderia me ajudarem criar um aplicativo?