
Build a dynamic quiz app from scratch using data in Google Sheets. Connect to spreadsheet data across multiple sheets, render content in a web app, and score dynamically.
Set up Brackets with live preview for localhost Ajax requests, and prepare a Google Sheet named quiz with Google Apps Script to supply data.
Create a Google spreadsheet to store quiz data, including questions, correct answers, and options; publish it to the web and retrieve it as JSON for the app.
Learn how to fetch and format spreadsheet data in a web app using Google Sheets API, convert to JSON or CSV, and run queries to select specific columns.
Learn to fetch data from a Google Sheets-based feed using JavaScript fetch and Ajax, wiring a URL with the sheet ID and handling JSON responses via promises.
Pull sheet data from Google Sheets into a JavaScript object, iterate quiz entries, and render a dynamic feed in a self-contained app with an init function.
Explore transforming sheet data into structured objects by iterating feed entries, extracting gsx keys, splitting on dollar signs, and building a dynamic questions array for a quiz app.
Demonstrates how to handle multiple sheets in a google sheets data source by iterating through sheets and using promise.all to fetch each sheet's data.
Build a sheet data object by fetching and structuring multi-sheet data with promises, naming sheets as keys and content as values to power a dynamic quiz app.
Create questions in a dynamic quiz by extracting data from the current quiz object stored in Google Sheets, building DOM elements, and assembling a questions array with correct flags.
Explore how to dynamically render quiz answer options from a temp array using divs and spans, wire up click events to check answers, and shuffle the options for randomized order.
Style dynamically generated quiz elements by applying classes, borders, padding, and hover effects to output, question, and answer elements, then refine rendering and prepare for answer checking and scoring.
Enable a first-run load of the first quiz question on page load using the quiz builder, preparing answer checking and scoring in a future lesson.
Check answers using a boolean flag, update the score, and advance to the next question while removing clickability and rendering a dynamic next button until the quiz ends.
Set up the Google Apps Script editor to build a web app, connect to a spreadsheet by id, and use doPost to collect posted data, log results, and manage permissions.
Create a new sheet for quizzes, name it dynamically, append rows with a multi dimensional array, track the latest row, and publish the Apps Script as a web app.
Connect a Google Script web app via ajax and post content with fetch. Handle json responses, publish updates, and create quizzes using the executable version.
Develop a dynamic quiz form with JavaScript, creating inputs and questions on demand. Learn to handle submissions, prevent default, and post quiz data to a web app.
Assemble a dynamic quiz by gathering quiz inputs and assigning the quiz-questions class. Post the form data as a string via fetch, building a multi-dimensional array aligned with the spreadsheet.
Update a Google Sheets backed web app using Google Script to post and retrieve form data, parse JSON, and dynamically create quiz rows; deploy as web app version 2.
Enhance the quiz creator by auto-adding the first question on load, applying styling, and enabling dynamic, multi-question generation that submits to a Google script and updates a spreadsheet.
Debug a cors error in a dynamic quiz app by troubleshooting quiz name collisions, creating a new namer function, and testing sheet creation for the next available quiz sheet.
Learn to implement the doGet method in a Google script, compare post and get approaches, test parameter handling, deploy as a web app, and use debugging and triggers for reliability.
Connect to Google Sheets with JavaScript, fetch data as JSON via the Google Visualization API, and render booleans as green or red on a web page.
Build your own Dynamic and interactive quiz that uses only Google Sheet data to output the contents of the quiz, and JavaScript on your web page or website. You will be amazed at what you can do with just a few lines of code and how easy it is to connect Google Sheets to your website. This is a great solution to avoid backend code using only Google Script which is essentially JavaScript with a bunch of methods in the cloud.
No database - only JavaScript skills is a prerequisite for this course.
Power up your web applications - made easy - no magic just code ;)
All the source code is included
New to apps script - don't worry its like JavaScript : Apps Script is a scripting language based on JavaScript 1.6, which gets executed in the Google Cloud.
JavaScript developers extend your knowledge and learn how you can use your skills to develop apps script bringing together all the power of Google's Apps.
Google Apps Script : is based on JavaScript 1.6 with some portions of 1.7 and 1.8 and provides subset of ECMAScript 5 API however instead of running on the client, it gets executed in the Google Cloud. According to Google, Apps Script "provides easy ways to automate tasks across Google products and third party services."Apps Script is also the tool that powers the add-ons for Google Docs, Sheets and Slides."
If you haven't tried it yet, I guarantee you will be BLOWN AWAY at how powerful Google Script can be, and at how easy it is to write. With just a few lines of code you can DO A WHOLE LOT!!!
Don't take my word for it try it and see.
Taught by an instructor with over 20 years of web development experience, ready to help you learn and answer any questions you may have.
What are you waiting for this course is perfect to start writing Google Script and to practice writing Google Script, you have nothing to lose.