Google Apps Script Make Images HTML5 Canvas save to Gdrive
4.6 (3 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.
2,947 students enrolled

Google Apps Script Make Images HTML5 Canvas save to Gdrive

Using HTML5 Canvas upload images make customizations and save to your Google Drive.
4.6 (3 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.
2,947 students enrolled
Created by Laurence Svekis
Last updated 12/2019
English
English [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
11 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 11 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 Google Apps Script
  • How to apply Google Apps Script in Projects
  • Explore how to use Google Apps Script - Classes and Methods to power up GSuite
Requirements
  • JavaScript and prior coding experience
  • Prior Programming experience
  • Computer access and internet access
  • Google Account
Description

Explore how you can create an interactive web application that uses HTML5 canvas to create images and customize uploaded images.  Save to your GDrive directly and get the URL path to the image back.

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

Course is about applying Google Apps Script and JavaScript

Step by step learning

Course Covers applying GOOGLE APPS SCRIPT -

  • How to setup a Web App and deploy a web app with Google Apps Script

  • How to get an image into base64 value from GDrive

  • How to output an image to web app as base64

  • Creating HTML5 canvas editor for images

  • Add Client side functionality with JavaScript

  • Updating image in Canvas with option buttons

  • Uploading image from computer adding text and logo image

  • Upload image to Google Drive - newly create canvas image as base64

  • Save image to drive from client side

  • Upload images send as email

Create your own version of this application, extend on the functionality and have fun learning more about Google Apps Script.

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
  • Application Developers
  • Coders who want to explore how to use Google Apps Script
  • Anyone who wants to learn more about Google Script
  • JavaScript developers who want to add a new language to their portfolio
  • Anyone who wants to create amazing applications
  • Anyone who wants to power up their Google Suite of Products with really amazing features
Course content
Expand 24 lectures 01:15:19
+ Introduction to using Apps Script with web app to make images HTML5 coder
24 lectures 01:15:19
Source Code
00:04
Source Code Base64 Image
00:05
Base64 image client side
07:06
Source Code image to client side
00:16
Client Side Options
04:27
Source Code HTML dashboard
00:12
Client Side JavaScript
07:11
Source Code JavaScript Placeholders
00:21
Add Text to Canvas.
05:00
Source Code Functions
00:26
Add Logo to Canvas
02:37
Add Logo Source Code
00:29
Upload Image to Canvas
06:46
Source Code Canvas load image
00:38
Save Canvas Image to gDrive
04:17
Source Code Save Image
00:04
Google Apps Script Save Image
07:27
Source Code Project
00:09
Final Tweaks and Updates
05:20
Final Source Code
01:12
Image Uploader Project Conclusion
06:55