Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Google Sheets as JSON data source for JavaScript
Rating: 4.3 out of 5(21 ratings)
2,126 students

Google Sheets as JSON data source for JavaScript

Explore how you can setup your Google Spreadsheet to output as JSON and then Fetch the data using JavaScript
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Output your Google Spreadsheet data as JSON
  • Access your Google spreadsheet from JavaScript

Course content

2 sections18 lectures1h 17m total length
  • Introduction spreadsheet as JSON introduction2:07
  • Google SpreadSheet Setup4:33
  • Updated Method to connect to Google Sheets as source for Data12:27
  • Source Code example share Sheet data as JSON endpoint0:23
  • Google SpreadSheet as JSON5:12
  • JavaScript Fetch JSON5:48
  • Source Code fetch example0:10
  • Get JSON Promise all JavaScript Example9:59
  • Code explained JavaScript Map8:15
  • Source Code Map Example0:12
  • Code explained JavaScript Promise All5:59
  • Source Code Promise All Example0:13
  • Spreadsheet Data Clean Up JSON10:58
  • Build the object using Sheet name4:20
  • Output Sheet data to HTML5:03
  • Source Code0:41

Requirements

  • Google account
  • JavaScript and basic HTML and CSS knowledge
  • Basic Web development understanding

Description

Please note this is an intermediate level course with prerequisites of JavaScript knowledge

Google sheets provides an easy way to work with data online, did you know you can also output it as JSON.  This course will show you how you can output multiple sheets from one spreadsheet as JSON data and then using JavaScript Fetch access the contents contained within the Sheet.  Use the data within you JavaScript application. 

You will be amazed at how easy it is to output a JSON formatted data file from your Google Sheets and then bring that data directly into you application using JavaScript.

Step by step training showing you how to build an application just like the one in the course.  Source Code is included to get you started quickly and easily.  Make full use of you data, no more database calls just frontend code accessing your data contained within the Google Spreadsheet.  Easily update your data within the sheet and see it being used within the JavaScript.

  • Learn how to setup the JSON URL of you Google Sheet
  • Using Fetch get the URLs and bring the data into JavaScript
  • Use promiseAll to ensure your data is within your JavaScript
  • Create an object on the fly using the data contained within the spreadsheet
  • Use the new JavaScript object full of data within you JavaScript to output and use the content
  • All this and much more

Source code is always included to help you code exactly what is presented within the lessons.

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.  

Taught by a knowledge instructor with many years of web development experience, ready to help you learn.

Join now and  use your own Google spreadsheet data within your JavaScript applications.


Who this course is for:

  • Anyone who wants learn more about Googlesheets
  • Anyone whos wants to combine the power of Google sheets and access it from a web application
  • Use Google Spreadsheet as a data source