JavaScript Dynamic Quiz Application from Scratch JSON AJAX

Step by Step guide to creating a Dynamic Web based JavaScript Quiz which uses a JSON data source file to generate a quiz

3.95 (78 reviews)

Udemy

platform

English

language

Game Development

What you will learn

create a dynamic data driven JavaScript Quiz application

write JavaScript Code

create a project from scratch

Learn how to build a JavaScript applciation

Why take this course?

Learn to Build your own Dynamic JavaScript Quiz from Scratch.

This course covers a step by step approach to building an interactive online quiz. The completed project is a web quiz that gets generated from a data file. Source code is included so that you too can try the code for yourself, adjust and create your own version.

Online quizzes are a useful tool for websites, to create interaction, add engagement and gather information from users. You will be amazed at how easy it can be to create applications like this from scratch. Add you own questions easily. The quiz data is from a JSON file that gets pulled into the JavaScript via AJAX. The JavaScript code then generates the visual output within the HTML.

The course covers everything you need to know, with source code included. Step by step process covering everything you need to know to be able to utilise all these amazing JavaScript capabilities.

Learn about JavaScript Objects and how they can be used to hold data
Learn about JSON and how it relates to JavaScript objects
Use AJAX to get data from a web file and then parse it to a usable object format within your JavaScript.
How to add Bootstrap for quick styling to your page

How to build a project from scratch explained step by step. What makes this course different is that it takes a project based approach to teaching JavaScript. See how and why code in JavaScript is used to create REAL WORLD PROJECTS.

How to build the question data file
navigation between questions using JavaScript
adding event listeners to trigger user initiated functionality
working with the DOM - Document Object Model
Dynamic Classes
Adding new question
Create a final score card for the user to show their results
and a whole lot more.....

Start exploring what you can do with JavaScript

By the end of the course you will have the skills and know how to create JavaScript code to make quizzes online.

I am here to help you learn how to create your own web projects and ready to answer any questions you may have.

Want to know more, what are you waiting for take the first step. Join now to start learning how you too can create dynamic and interactive web projects today.

Screenshots

JavaScript Dynamic Quiz Application from Scratch JSON AJAX - Screenshot_01

JavaScript Dynamic Quiz Application from Scratch JSON AJAX - Screenshot_02

JavaScript Dynamic Quiz Application from Scratch JSON AJAX - Screenshot_03

JavaScript Dynamic Quiz Application from Scratch JSON AJAX - Screenshot_04

Reviews

Paul

March 19, 2020

The content is great, the delivery needs improving, as it is taking me ages to get through it. The problem is the lecturer speaks, then quickly edits the code in a series of steps without saying what each is, and then moves on. It is clear a lot of this is being made up on the fly, which is confusing when the lecturer changes their mind on how to do things as they go along. I have to watch closely, stop and rewind to pick up subtle changes that aren't foregrounded. It's like a conversational run through glossing over parts, rather than a tight instructional where each detail is given step by step in a clear manner. This means the course is taking much longer for me than it should, when I have to do this. I've done quite a few courses here, and the sharpest ones do not suffer from this issue. Little details like a highlight on the mouse are missing, and if you miss a detail - problem. But with a raising of delivery standards, this should be a great course.

Kayla

November 4, 2019

I was very disappointed in this course; as it skipped over many parts and the code was not valid in the end. I had to buy another course.

Alejandra

March 28, 2018

This course does not utilize best coding practices and rushes through coding without explaining why he is developing the application and it is not reproducible in other environments. I really wish I would have asked for my money back before the 30 days ran out.

Giorgos

January 12, 2018

copy-pasted the source code at the end doesnt run on my device and it didnt run. also the editor showed 60+ errors

David

June 2, 2017

The content of the course was, and is great. The actual instructor was great as well. My only complaint is that it felt a little scattered. It felt like the instructor was building it as he was teaching it - which isn't necessarily bad. It wasn't that a couple mistakes were made (that he caught) - I like seeing that happen because it shows me how I should go about debugging my own code as I write and test it. It was more that there were some clear points in the videos where it felt like the instructor had to collect his thoughts, whereas I figured there'd be a script of some sort. What irked me the most was that the instructor seemed to leave certain bits of "test" code in the application as it was being built (and even in the final product) and that was confusing, so much so that I ended up just going through the final product myself line by line and adding comments to my file explaining the everything in my own words - this proved to be what I wanted and needed (which is why I'm still leaving a 5-star review) but that one issue did essentially force me to figure it out on my own which I imagine is not what all students want. All that being said, I would still definitely recommend this course to anyone looking to build this kind of an application. The logic behind some of the more desirable features (functioning next/back buttons and 'saving' certain pieces of information as the user moves through the program) is very clear once you take the time to understand how everything works together. Using this course I was able to build the same quiz but instead had 'categories' of questions within my JSON, and then further randomized the order of the questions so users aren't taking the exact same quiz over and over again. So I would say the course definitely achieved its goal, and I am more than pleased with the purchase.

Ankit

April 3, 2017

Nice simple JS Quiz for Learning. Nicely explained. Though the author should explain some concepts and the reason behind for using some logic. Rest Great.

Travis

November 6, 2016

Not enough organization. I've done several web courses and most of the instructors were much more organized and clear in their delivery. I know he is incredibly talented and smart, but I felt like I was watching him do too much on-the-fly programming without organization and preparation.

Natalie

October 14, 2016

the instructor goes over a lot of content but rarely explains why he does one thing over another. It is hard to follow at times

Marcus

August 25, 2016

Not a beginner course. If you lack basic understanding of JS, you may struggle around 50% of the way through. However, this is great exposure for a beginner to see the power of JS in building a dynamic quiz application. Lawrence has a solid mastery of the subject matter. He presents multiple ways to achieve complex results. Beginner Intermediate to Advanced Intermediate subject matter. Very helpful. Recommended. Moves quickly.

MLR

August 10, 2016

Intriguing course. Not too difficult (my opinion). This course helps to fill a stubborn gap in my JavaScript education process. It's essential to witness (& absorb) the thought process of "piece by piece" (combining JavaScript code bits) to construct a complex goal. This Instructor has a few courses like this. I'm studying all of them.

Charts

Price

Rating

Enrollment distribution

JavaScript Dynamic Quiz Application from Scratch JSON AJAX - Distribution chart