Course Overview

Google Drive is a powerful cloud storage solution, and integrating it with web technologies opens up endless possibilities. This course focuses on building a dynamic image gallery using JavaScript and Google Apps Script. By learning how to fetch, display, and manage images stored in Google Drive, students will gain hands-on experience in web development and automation, making this an essential skill for developers and content creators looking to streamline workflows.

This course begins with setting up a web application environment and writing the HTML structure for the image gallery. It then introduces Google Apps Script to connect with Google Drive, retrieve images, and serve them through a web app. Students will explore JavaScript techniques for dynamically creating page elements using the DOM, implementing a responsive image modal, and handling JSON responses from the web app. A step-by-step approach ensures a smooth learning experience, covering both front-end and back-end scripting.

By the end of this course, students will have a fully functional image gallery powered by Google Drive and JavaScript, gaining practical skills in Google Apps Script, web app deployment, and dynamic web development.

What You Will 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 the folder contents of Google Drive

Program Curriculum

  • Web Application Setup and Start for Development
  • Google Script Web App
  • Get Drive Images Using Google Apps Script
  • Connect to WebApp JSON
  • Create Page Elements JavaScript DOM createElement
  • JavaScript Popup Image Modal Part I
  • JavaScript Popup Image Modal Part II
  • Code Review Image Gallery
  • $7 Million Cybersecurity Scholarship by EC-Council
  • Chapter 1 Quiz

Instructor

Laurence Svekis

An experienced web application developer, having worked on multiple enterprise-level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO. Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success, and I want to help you experience what technology has to offer. I'm passionate about web technologies and look forward to sharing my knowledge and experience with you!

Join over 1 Million professionals from the most renowned Companies in the world!

certificate

Fastest Way to Level Up Your Cybersecurity Skills

Invest in your future with flexible subscription plans that give you access to the world’s largest online cybersecurity course library. Whether you're exploring cybersecurity courses for beginners or advancing your expertise,
access in-demand courses, practical labs, and CTF challenges designed to support continuous learning.

Monthly Plans
Annual Plans
Save 20% with our annual plans!

Pro

Build your cybersecurity skills with 900+ bite-sized courses and curated learning paths designed for continuous learning.

$ 69.00
Billed monthly or $599.00 billed annually

What is included

  • 880+ Premium Short Courses
  • 70+ Structured Learning Paths
  • Validation of Completion with all courses and learning paths
  • New Courses added every month
Early Access Offer

Pro +

Develop real-world cybersecurity skills through hands-on labs and CTF challenges designed for practical learning.

$ 79.00
Billed monthly or $699.00 billed annually

Everything in Pro, Plus:

  • 1600+ Hands-on lab exercises with guided instructions
  • 150+ CTF Challenges with detailed walkthroughs
  • New Hands-on Labs and Challenges added every month

Related Courses

1 of 50