How to add Fade Out and Fade in to page elements pure JavaScript

Learn how to apply fade in and fade out effects to HTML page elements with pure JavaScript code. Select and create new page elements dynamically with code, add event listeners and have the page elements fade in and fade out once the event is triggered. How to append and add new page elements with JavaScriptHow … Read more

How to create JSON feed from Google Sheets Data

Create a Google Sheet Under File Menu Select ‘Publish to the web” Select under Link Sheet and as Web Page – Click Publish Check the URL provided to ensure page is visible on the web Copy Sheet ID Place the id in the JSON URL ‘https://spreadsheets.google.com/feeds/list/’+id+’/1/public/values?alt=json’; const id = ‘1H2xq8J5uZKDABgu1JlvV-nVWKqZoV8_UpB_D_snOrLo’; const url = ‘https://spreadsheets.google.com/feeds/list/’+id+’/1/public/values?alt=json’; 7. … Read more

Output Sheets as JSON in WebApp

The code below will output content from a Google Sheet – as JSON into a Webapp URL which is perfect to be used from any website to connect via AJAX to get the JSON data. function doGet(e) { const id = ‘1zydy1wJynoC*****7ZFzx1t7B452UdSFqSe0E3I’; const ss = SpreadsheetApp.openById(id); const sheet = ss.getSheetByName(‘data’); const rows = sheet.getDataRange().getValues(); const … Read more

Google Spreadsheet Data API Apps Script Code JSON JavaScript Course

How to use Data in a Google Sheet to output as JSON for your website sharing Google Sheets as JSON get data with AJAX https://www.udemy.com/course/sheet-as-json/?referralCode=30A002EE878D362F522D Explore how you can output and share Google Sheets Content as JSON in a Web app with Apps Script Code JavaScript and Google Apps Script as the backend code to … Read more

Practice AJAX get JSON Data

Since myjson.com shut down – and unfortunately I was using it and referring to it in many courses. I’ve now setup some end points that you can use to practice making requests to. They are basic JSON returns on GET method requests. https://www.discoveryvip.com/shared/party.json https://www.discoveryvip.com/shared/quiz.json https://www.discoveryvip.com/shared/list.json https://www.discoveryvip.com/shared/coin.json https://www.discoveryvip.com/shared/person.json https://www.discoveryvip.com/shared/test1.json https://www.discoveryvip.com/shared/people.json https://www.discoveryvip.com/shared/data1.json https://www.discoveryvip.com/shared/peopledata.json https://www.discoveryvip.com/shared/1people.json https://www.discoveryvip.com/shared/books1.json https://www.discoveryvip.com/shared/books2.json https://www.discoveryvip.com/shared/person1000.json … Read more

AJAX and JSON resources

Text EditorsKomodo Edit is the free and Open-Source counterpart of Komodo IDE.Looking for a powerful editor without all the advanced functionality an IDE comes with?Komodo Edit is for you.http://komodoide.com/Scintilla is a free source code editing component. It comes with complete source code and alicense that permits use in any free project or commercial product.http://www.scintilla.org/Sublime Text: … Read more