Google Drive Image Gallery Website JavaScript Google Script
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 EXPERIENCECourse 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 informationHow to output JSON data into a Google Script web appBuilding your endpoint to connect to Google Apps Script web appUsing JavaScript fetch to connect to JSON dataApplying JavaScript forEach to loop data and use it in the codeBuilding Elements for the page and updating attributesAdding CSS Compete WebApp with Modal popup for fullsize viewing of imagesComplete 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 learningFast friendly support is always available within the Q&A sectionExperienced instructor with over 20 years of experience ready to help you learnYou have nothing to lose – Join now and start learning to create your own version of this helpful application today!!!
Overview
Section 1: Introduction to creating an image gallery website from Google Drive Images
Lecture 1 Introduction Image Gallery
Lecture 2 Web Application Setup and start for development
Lecture 3 HTML Source
Lecture 4 Google Script Web App
Lecture 5 Source Code
Lecture 6 Get Drive Images using Google Apps Script
Lecture 7 Google Script Source Code
Lecture 8 Connect to WebApp JSON
Lecture 9 JavaScript Source Code
Lecture 10 Create Page Elements JavaScript DOM createElement
Lecture 11 JavaScript Source Code
Lecture 12 JavaScript Popup Image Modal
Lecture 13 JavaScript Modal Source Code
Lecture 14 JavaScript Popup Image Modal Part 2
Lecture 15 Source Code
Lecture 16 Code Review Image Gallery
Lecture 17 Final Source Code
Web developers,Web designers,Anyone who wants to learn more about Google Apps Script,Webmasters
Course Information:
Udemy | English | 0h 52m | 405.96 MB
Created by: Laurence Svekis
You Can See More Courses in the Design >> Greetings from CourseDown.com