ASMR Programming - Quiz Game With Api - No Talking
13.4 هزار بار بازدید -
8 ماه پیش
-
Hello Everyone ✨I am starting
Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎
Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 61 - 100 days javascript coding ⚜️
In this tutorial, I am gonna showing to you how to code a quiz game with html, css and javascript! this game get questions and answers from api and you don't need to manually add questions to it! also you can choose difficulty and category of questions and also number of questions. it also add points to your score depending on time that you answered the question❗️
Keyboard Info :
Keyboard Link : https://www.yunzii.com/products/yunzi...
Pudding Keycaps : https://www.yunzii.com/products/yunzi...
Yunzii Instagram : Yunzii_Keyboard
Email : [email protected]
Discord & Facebook : Yunzii Keyboard
Youtube : @YUNZIIKEYBOARD
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
100 Days of JavaScript Coding
Day 61 - Source Code : https://github.com/AsmrProg-YT/100-da...
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉
100 days of javascript Playlist : 100 Days of JavaScript Coding
Every week i will update this playlist ✅
Video Contents :
00:00 - Intro (100 days of code - day 61)
00:45 - Warming hands
00:50 - Main codes
01:29 - Fonts api
01:52 - Html coding
05:44 - Main styles
06:36 - Quiz container
07:10 - Settings styles
10:00 - Main js codes
11:54 - fetchCategories()
13:25 - startGame()
14:35 - fetchQuestions
16:46 - displayQuestion()
18:03 - displayAnswers()
20:08 - selectAnswer()
24:36 - updateCurrentScore()
24:56 - disableButtons()
25:32 - showResults()
27:21 - updateHighScore()
28:01 - updateHighScoreDisplay()
28:21 - updateProgress()
28:49 - shuffleArray()
29:45 - decodeHTML()
30:51 - Score styles
31:12 - Question styles
31:30 - answer-btn styles
33:06 - Result styles
35:33 - Final Result
Asmr Game Coding Playlist : ASMR Game Coding
Other Video's :
Coding a Snake Game : ASMR Programming - Coding a Snake Gam...
Movie Guide App Coding : ASMR Programming - Movie Guide App Wi...
Coding IOS (IPhone) Dynamic Music : ASMR Programming - Coding IOS (IPhone...
Subscribe → https://bit.ly/3Lf1K4A ✅
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 61 - 100 days javascript coding ⚜️
In this tutorial, I am gonna showing to you how to code a quiz game with html, css and javascript! this game get questions and answers from api and you don't need to manually add questions to it! also you can choose difficulty and category of questions and also number of questions. it also add points to your score depending on time that you answered the question❗️
Keyboard Info :
Keyboard Link : https://www.yunzii.com/products/yunzi...
Pudding Keycaps : https://www.yunzii.com/products/yunzi...
Yunzii Instagram : Yunzii_Keyboard
Email : [email protected]
Discord & Facebook : Yunzii Keyboard
Youtube : @YUNZIIKEYBOARD
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
100 Days of JavaScript Coding
Day 61 - Source Code : https://github.com/AsmrProg-YT/100-da...
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉
100 days of javascript Playlist : 100 Days of JavaScript Coding
Every week i will update this playlist ✅
Video Contents :
00:00 - Intro (100 days of code - day 61)
00:45 - Warming hands
00:50 - Main codes
01:29 - Fonts api
01:52 - Html coding
05:44 - Main styles
06:36 - Quiz container
07:10 - Settings styles
10:00 - Main js codes
11:54 - fetchCategories()
13:25 - startGame()
14:35 - fetchQuestions
16:46 - displayQuestion()
18:03 - displayAnswers()
20:08 - selectAnswer()
24:36 - updateCurrentScore()
24:56 - disableButtons()
25:32 - showResults()
27:21 - updateHighScore()
28:01 - updateHighScoreDisplay()
28:21 - updateProgress()
28:49 - shuffleArray()
29:45 - decodeHTML()
30:51 - Score styles
31:12 - Question styles
31:30 - answer-btn styles
33:06 - Result styles
35:33 - Final Result
Asmr Game Coding Playlist : ASMR Game Coding
Other Video's :
Coding a Snake Game : ASMR Programming - Coding a Snake Gam...
Movie Guide App Coding : ASMR Programming - Movie Guide App Wi...
Coding IOS (IPhone) Dynamic Music : ASMR Programming - Coding IOS (IPhone...
Subscribe → https://bit.ly/3Lf1K4A ✅
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
8 ماه پیش
در تاریخ 1402/08/26 منتشر شده
است.
13,468
بـار بازدید شده