Google Drive Image Gallery Website JavaScript Google Script

Create a dynamic image gallery getting images from your Google Drive Folder and placing them on your website.

What you'll learn

How to apply JavaScript AJAX and JSON
How to create a webapp with Google Apps Script
How to construct JSON object endpoint with data
How to read folder contents of Google Drive

Requirements

JavaScript
Programming experience
HTML and CSS

Description

Create your own website that DYNAMICALLY GETS IMAGES from your Google Drive !!!!!

Created with Google Apps Script - allows you to create WebApps with JSON content for your website that you can make an AJAX request and get those images directly showing on your webpage.

Get data from Google Drive and use that data within you JavaScript application.

Previous JavaScript knowledge is a prerequisites to this course - YOU MUST HAVE JAVASCRIPT EXPERIENCE

Course is focused on applying JavaScript to connect to web APIs and get back JSON data using Google Apps Script to construct the API.

Course covers:

How to search the drive folder and get the image information

How to output JSON data into a Google Script web app

Building your endpoint to connect to Google Apps Script web app

Using JavaScript fetch to connect to JSON data

Applying JavaScript forEach to loop data and use it in the code

Building Elements for the page and updating attributes

Adding CSS

Compete WebApp with Modal popup for fullsize viewing of images

Complete Gallery display of Google Drive Images.

Source code is included so you can copy and paste the code to try for yourself.

Step by step learning

Fast friendly support is always available within the Q&A section

Experienced instructor with over 20 years of experience ready to help you learn

You have nothing to lose - Join now and start learning to create your own version of this helpful application today!!!

Who this course is for:

Web developers
Web designers
Anyone who wants to learn more about Google Apps Script
Webmasters