Google Drive Image Gallery Website JavaScript Google Script
4.9 (8 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,225 students enrolled

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 JavaScript
4.9 (8 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,225 students enrolled
Created by Laurence Svekis
Last updated 12/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 8 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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 !!!!!

Learn more about JavaScript and how JavaScript ES6 can be applied to create amazing JavaScript projects.  Course is loaded with JavaScript Examples and perfect JavaScript for Beginners to learn more about JavaScript Online.  Writing JavaScript Code using vanilla JavaScript - no libraries no tricks this JavaScript tutorial the JavaScript Course will walk you through creating your own JavaScript code and provide many JavaScript Code Snippets for use in JavaScript programming.  Learn JavaScript with this step by step JavaScript Course.

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
Course content
Expand 17 lectures 51:56
+ Introduction to creating an image gallery website from Google Drive Images
17 lectures 51:56
HTML Source
00:06
Source Code
00:03
Get Drive Images using Google Apps Script
09:14
Google Script Source Code
00:10
Connect to WebApp JSON
04:22
JavaScript Source Code
00:04
Create Page Elements JavaScript DOM createElement
03:10
JavaScript Source Code
00:08
JavaScript Popup Image Modal
06:56
JavaScript Modal Source Code
00:34
JavaScript Popup Image Modal Part 2
03:53
Source Code
00:16
Code Review Image Gallery
08:09
Final Source Code
00:48