Stone River Elearning – 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
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 ed 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
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
Requirements:
- Google account
- JavaScript and basic HTML and CSS knowledge
- Basic Web development understanding
Course Curriculum
- Introduction spreadsheet as JSON introduction (2:07)
- Google SpreadSheet Setup (4:33)
- Google SpreadSheet as JSON (5:12)
- JavaScript Fetch JSON (5:48)
- Get JSON Promiseall JavaScript Example (9:59)
- Code explained JavaScript Map (8:15)
- Code explained JavaScript Promise All (5:59)
- Spreadsheet Data Clean Up JSON (10:58)
- Build the object using Sheet name (4:20)
- Output Sheet data to HTML (5:03)
Sale Page: https://stoneriverelearning.com/p/google-sheets-as-json-data-source-for-javascript
Archive: https://archive.ph/wip/8BU3j
Reviews
There are no reviews yet.