JavaScript Dynamic Quiz Application from Scratch JSON AJAX Premium class

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
19 Videos (2h 2m)
    • Jsquiznew

      2:22
    • 1 Introduction to building a dynamic web application from scratch

      3:06
    • 2 Course Resources Setup and tools

      5:59
    • 3 JavaScript Objects

      4:12
    • 4 Create Object Array JSON file

      6:31
    • 5 JSON Parse Data into Object JavaScript

      5:00
    • 7 Use AJAX to get JSON data into JavaScript Object

      10:06
    • 9 Build Questions display in HTML

      8:54
    • 10 Bootstrap styling of quiz

      10:46
    • 11 Move Between Questions

      8:28
    • 12 JavaScript addEventListener

      5:06
    • 13 innerText Value check

      3:49
    • 14 Selecting CLases Toggling Classes in elements

      8:06
    • 15 Save Selection

      4:33
    • 16 Movement between questions completion of quiz

      8:17
    • 17 Dynamic Quiz add new questions

      5:43
    • 18 Hide show next and previous buttons

      6:04
    • 19 Create Score Card for Quiz

      10:29
    • 20 Finish Project JavaScript Dynamic Quiz from Scratch

      4:45

About This Class

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

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.

182

Students

1

Project

Laurence Svekis

Web technology Instructor

Providing Smart digital solutions online since 2001. I am considered a true web technology expert. Having professional experience in a wide range of digital areas. Everything from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Understanding how users flow through the web and learning what drives users to interact online has been the cornerstone of what I do. The more seamless the process the better the user experience and the more likely they are to interact again and share their experiences.

After launching my first websites I quickly realized that to get traffic on your site you need to be able to market online. Research and using personal experimentation as to what are the most successful ways to effectively drive traffic to my websites, I was able to successfully build multiple success eCommerce sites. I used my expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, I had identified it as an excellent opportunity to drive traffic and connect with users. I created many successful sites that integrated with Myspace and then later into Facebook. I was able to monitize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms. I continued to perfect the art of Internet marketing and adapt to new technology and changes.

In 2008 I created my first YouTube video, and channel. Realizing that there was another great opportunity with video I have been experimenting with video marketing and video monization. Youtube being the second largest search engine has a very bright future. As technology progresses the trend has always been quicker, easier means of delivering content always wins out. Images beat out text as they are easier and quicker for us to process, videos beat out images being the most efficient means of getting content to users. As bandwidth increases, and more platforms that can even easier deliver videos become available videos will be the trend for the future.

Understanding technology provides a means to better connect with users.

Applications I've created have entertained, informed and engaged tens of millions of people. I have over billions of page views on various platforms, and have sent millions of click through visitors.

I have developed hundreds of web applications, from micro sites to enterprise level platforms.