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

Empower Your Learning with Our Flexible Plans

Invest in your future with our flexible subscription plans. Whether you're just starting out or looking to enhance your expertise, there's a plan tailored to meet your needs. Gain access to in-demand skills and courses for your continuous learning needs.

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

Pro

Ideal for continuous learning, offering extensive resources with 880+ courses and diverse Learning Paths to enhance your skills.

$ 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 +

Experience immersive learning with Practice Labs and CTF Challenges for comprehensive skill-building.

$ 79.00
Billed monthly or $699.00 billed annually

Everything in Pro and

  • 1400+ Practice Lab exercises with guided instructions
  • 150+ CTF Challenges with detailed walkthroughs
  • New Practice Labs and Challenges added every month

Related Courses

1 of 50