JavaScript Dynamic Quiz Application from Scratch JSON AJAX
4.7 (44 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,648 students enrolled
Wishlisted Wishlist

Please confirm that you want to add JavaScript Dynamic Quiz Application from Scratch JSON AJAX to your Wishlist.

Add to Wishlist

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
4.7 (44 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,648 students enrolled
Created by Laurence Svekis
Last updated 8/2016
English
English
Curiosity Sale
Current price: $10 Original price: $200 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • create a dynamic data driven JavaScript Quiz application
  • write JavaScript Code
  • create a project from scratch
  • Learn how to build a JavaScript applciation
View Curriculum
Requirements
  • basic JavaScript
  • HTML and CSS
  • computer access
Description

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.

Who is the target audience?
  • Web developers
  • web masters
  • anyone who wants to learn more about JavaScript
  • anyone who wants to learn how to build a JavaScript project from scratch
Students Who Viewed This Course Also Viewed
Curriculum For This Course
21 Lectures
02:01:28
+
Introduction to JavaScript Dynamic Web Projects
2 Lectures 09:05
+
Learn how to use JSON
6 Lectures 26:11
JavaScript Objects
04:12

Create Object Array JSON file
06:31

JSON Parse Data into Object JavaScript
05:00

Source Code JSON to Object
00:13

Use AJAX to get JSON data into JavaScript Object
10:06

Source Code AJAX
00:09
+
Build Application from Scratch
13 Lectures 01:27:04

Bootstrap styling of quiz
10:46

Move Between Questions
08:28

JavaScript addEventListener
05:06

innerText Value check
03:49

Selecting Classes Toggling Classes in elements
08:06

Save Selection
04:33

Movement between questions completion of quiz
08:17

Dynamic Quiz add new questions
05:43

Hide show next and previous buttons
06:04

Create Score Card for Quiz
10:29

Finish Project - JavaScript Dynamic Quiz from Scratch
04:45

Project Source Code
02:04
About the Instructor
Laurence Svekis
4.2 Average rating
13,275 Reviews
297,777 Students
185 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"