Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Google Apps Script - Project Exercise Spreadsheet web app
Rating: 4.3 out of 5(51 ratings)
3,065 students

Google Apps Script - Project Exercise Spreadsheet web app

Learn the power of Google Script and see how you can connect Google Spreadsheet as a data source for a post board
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • Create web apps with Google Script
  • Build your own post application
  • Add Google Scripts apps to Google Sites
  • Update and use Spreadsheet data within Google Sites

Course content

2 sections • 42 lectures • 2h 45m total length

  • Introduction to building web apps with Google Script3:07

    Develop web apps by integrating Google Apps Script with Google Sites to let users post to a feed that automatically updates a Google spreadsheet.

  • Resource Google Script0:01
  • Google Apps Script Introduction4:02

    Learn how Google Apps Script automates tasks across Google Workspace apps, including Sheets, Docs, Forms, Gmail, and Calendar, using a cloud-based JavaScript library. Get started with setup and Google Sites.

  • Google Apps Script Create First Script5:50

    Create your first Google Apps Script by starting with a new Google Sheet, opening the script editor, and binding a script to the sheet to build and run functions.

  • Run your Script make things Happen10:23

    Explore the Google Apps Script editor, manage versions, and use the spreadsheet app to append rows, log activity, and deploy web apps with triggers.

  • Google Script Source Code 30:02
  • Output HTML Create webapp5:31

    Publish your first web app by rendering HTML with Google Apps Script's HTML service, using doGet for content and doPost for submissions, and deploying with access and permission settings.

  • Google Script Source Code 40:03
  • Create Index page as HTML7:29

    Create an index page in Google Apps Script using HTML service, templates from file, and sandbox mode to render data-driven output via iframe, passing template data from backend to frontend.

  • Google Script Source Code 50:09
  • Get user Session Email1:24

    In Google Apps Script, use the session service to fetch the active user's email and pass it to the frontend; explore continuing client-side development with JavaScript.

  • Google Script Source Code 60:04
  • Build Client Side Code JavaScript5:30

    Build client side code in JavaScript to connect the front end with Google scripts, load posts via a button, and set up event listeners and dom interactions.

  • Get Spreadsheet content to client side8:40

    Learn to fetch spreadsheet data using Google Apps Script, expose posts as JSON to the client side, and build a get posts workflow for the front end.

  • Google Script Source Code 80:27
  • JavaScript Build Post Output4:15

    Learn to build client-side content with a JavaScript rebuild function that clears a container, uses a for loop to iterate items, and adds them via the DOM and inner HTML.

  • Build Output Items4:10

    Build output items with vanilla JavaScript by creating divs, h2, and paragraphs, updating inner HTML, applying a post style class, and loading posts with DOM manipulation.

  • Google Script Source Code 100:38
  • Bring web app into Google Sites.6:32

    Publish and embed your google apps script web app into a google sites page, customize layout and access, and preview and publish the site for public or restricted viewing.

  • Submit a new post to Spreadsheet6:25

    Set up a web form to submit new posts to a Google spreadsheet using HTML and JavaScript, and send data to a Google Apps Script backend.

  • Send Data to Google Script8:58

    Connect client-side data to Google script, send post data to a Google spreadsheet, log and return results, and append a new post with id, date, email, and category.

  • Google Script Source Code 130:53
  • Google Script Sort Column Data5:01

    Learn to sort a date column in a Google spreadsheet with Apps Script so newest posts appear at the top, using getRange and a sort object.

  • Google Script Source Code 140:05
  • Detect URL parameter Page number5:51

    Explore implementing pagination in Google Apps Script by reading the URL page parameter in doGet, defaulting to one, and parsing the first value from an array.

  • Add Pagination Pages for posts8:32

    Learn to implement pagination in a Google Apps Script app by passing page values from the client, calculating offsets, and slicing posts per page to load relevant posts.

  • Add Pagination Pages part 2.6:19

    Calculate total pages from items length using ceiling, then return a pagination object with next page, previous page, total items, total pages, and per page data for the front end.

  • Add Pagination Pages part 311:30

    Build a client-side pagination in the Google Apps Script project by converting page values to numeric, loading posts, and wiring next and previous controls.

  • Google Script Source Code 181:37
  • Application Tweaks3:43

    Apply practical tweaks to a Google Apps Script project by rearranging HTML, loading posts on page load, auto-reloading on new posts, and configuring pagination for a spreadsheet web app.

  • Google Script Source Code 190:52
  • Remove Record from Spreadsheet7:23
  • Update Spreadsheet data remove row6:28

    Connect the client to the backend using Google Script Run with a success handler to remove a post. Delete the spreadsheet row after validating the email and refresh the content.

  • Date Sort Bug Fixes3:23

    Fix date sort bug in Google Apps Script by using timestamps instead of strings. Convert to numeric values and sort newest first, with test methods to verify behavior.

  • Google Script Source Code 221:52
  • Style and Updated View Content7:50

    Add dynamic client-side pagination to the web app by building page controls in HTML, generating page spans, handling clicks with pick page, and highlighting the active page for better navigation.

  • Google Script Source Code 231:02
  • Final Tweaks6:47

    Perform final tweaks to the Google Apps Script project by validating page load, pagination, and post creation and deletion, with session-based permissions and minimal styling for Google Sites deployment.

  • Google Script Source Code 150:03
  • Google Script Source Code Final2:10

Requirements

  • Computer with internet access
  • Google Account
  • JavaScript Knowledge

Description

Group site project with Google Script - Google Site and Web apps - Spreadsheet

Perfect course to learn and practice Google Apps Script!!!

Do you want to connect Google Apps Together and make some really amazing things happen?  Course will provide you the foundation to work with Google Script to build a Web App that can be embedded in Google Sites.   Within the course we show you how to use Google Spreadsheet as a source for retrieving and storing data.  Power up what you do online, bringing together built in functionality in your Google Suite.

JavaScript developers extend your knowledge and learn how you can use your skills to develop apps script bringing together all the power of Google's Apps. 

Course Covers

  • Basics of Google Script - how to use the online editor and overview of functionality

  • How to create a bound script to your Google Sheet

  • Add new rows and get contents from Google Spreadsheet

  • Sort and update Google Sheet data

  • How to select sheet contents

  • How to use HTTP service to output and html file within Google Web apps

  • Use web apps to create interactive content

  • Use JavaScript within Google Apps and Google client side pages

  • Setup a Google site and embed your Google script

  • Use session values and other powerful built in script methods

  • Fine tune and tweak debug web apps

  • All this and more

Source Code is included so you can build the same app we build in the course, but even better :)

Build a nice interactive project from scratch alongside the lessons within the course.

Practice JavaScript and data handling, JSON, JavaScript objects, Array and more

Google Apps Script : is based on JavaScript 1.6 with some portions of 1.7 and 1.8 and provides subset of ECMAScript 5 API however instead of running on the client, it gets executed in the Google Cloud. According to Google, Apps Script "provides easy ways to automate tasks across Google products and third party services."Apps Script is also the tool that powers the add-ons for Google Docs, Sheets and Slides."

If you haven't tried it yet, I guarantee you will be BLOWN AWAY at how powerful Google Script can be, and at how easy it is to write.  With just a few lines of code you can DO A WHOLE LOT!!!

Don't take my word for it try it and see.

Taught by an instructor with over 20 years of web development experience, ready to help you learn and answer any questions you may have.

What are you waiting for this course is perfect to start writing Google Script and to practice writing Google Script, you have nothing to lose.



Who this course is for:

  • Application developers
  • Anyone who wants to learn about Google Apps Script
  • Anyone who wants to create web apps with Google Apps Script
  • JavaScript developers who want to extend their knowledge

Report abuse