Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Task Tracking Application with Google Apps Script GSuite
Rating: 4.4 out of 5(19 ratings)
1,639 students

Task Tracking Application with Google Apps Script GSuite

Explore what you can do with Google Apps Script and how you can use it to Create a Task Tracking web app
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • How to apply Google Apps Script
  • Creating a web app with Google Apps Script
  • Connecting GSuite Products together to make amazing applications and save time

Course content

2 sections37 lectures2h 3m total length
  • Task Tracking to Spreadsheet App2:44
  • Google Apps Script Setup1:55

    Learn to set up Google Apps Script by logging into Drive, creating a test tracking application sheet, and preparing a web app with restricted email access.

  • Web App Setup Google Script4:55

    Set up a Google Apps Script web app with two templates for viewing and editing tasks, enforce login by checking the active user's email, and render JSON outputs via ContentService.

  • Source Code Web App0:06
  • Setup of Tasks and SubTasks3:58

    Set up tasks and subtasks in a Google Apps Script spreadsheet, with id, created, details, completed, and creator, and pass data to a web front end via JSON.

  • Source Code0:12
  • Client Side list Tasks and SubTasks9:46

    List tasks and subtasks from the tasks sheet in a Google Apps Script web app, returning a client side data object. Skip completed rows and include id, created, and due.

  • Source Code Google Script0:19
  • Select SubTasks send to Client Side5:32

    Select subtasks from the main task list and send them to the client side, build a sub tasks list, and compute a completion percentage for front end display.

  • Source Code0:31
  • Client Side Data as HTML.8:13

    Connect google script data to the client side using bootstrap and moment js to render spreadsheet tasks on a web page, looping through data and displaying tasks and sub tasks.

  • View Page HTML0:16
  • SubTasks Listings.12:18

    Create and display sub tasks for each main task by looping through tasks and subtasks, building a Bootstrap styled list with due dates, assigned to, and completion using Moment.js.

  • Source Code0:33
  • Sheet Editor Option Client Side3:27

    Develop a client-side sheet editor in a Google Apps Script web app, enabling multiple templates, direct sheet updates, and page navigation based on URL parameters for editing.

  • Source Code0:32
  • Client Side Editor.5:33

    Build a client-side editor for a task tracking app, bootstrap styling, a task adder and subtasks, and wire saving to a spreadsheet via JavaScript with alerts and editable existing tasks.

  • Send Data to Google Script5:16

    Send front-end task data to Google Script backend to add tasks, using JavaScript to gather inputs, validate, and trigger Google Script run with a success handler.

  • Source Code0:49
  • Google Script Get Client Side Data5:43

    Learn to send client-side data to Google Apps Script, create server-side tasks, and append them to the tasks sheet with id, date, assigned, details, completed, creator, and user email.

  • Source Code0:04
  • Edit SubTasks Client Side9:39

    Edit subtasks on the client side by turning fields into editable inputs, handling task ids and due dates, and saving updates via a backend update task function.

  • Source Code0:58
  • Google Script Task Updates5:42

    Learn how to update tasks in the Google Apps Script task tracker by finding the correct row by id, preparing update data, and writing changes back to the tasks sheet.

  • Source Code0:43
  • SubTask Updates6:05

    Update subtasks by id in the sub task function, wiring details, due date, assignee, and completion, and send updates to Google script, mirroring the update task flow.

  • Source Code0:50
  • Google Script Updates3:28

    Update a sub task in the spreadsheet by syncing data to the server and updating four columns (due date, assign, details, complete) based on the sub task ID.

  • Source Code0:50
  • Add New SubTasks3:40

    Dynamically add subtasks to tasks in a Google Apps Script task tracker using an Add Sub Task Adder to append inputs under the main task and set due dates.

  • Source Code1:24
  • Google Script Add SubTask4:46

    Add sub tasks by appending values to the main task I.D., update the data object with sub task details and dates, and distinguish tasks from sub tasks with styling.

  • Source Code0:54
  • Final Code Review7:26

    Implement access control in the task tracking app by validating the active user's email against the access sheet and gating edits to authorized users within Google Apps Script GSuite.

  • Final Source Code3:49

Requirements

  • JavaScript Experience
  • Coding experience

Description

Google apps script always you to connect with GSuite products to connect and customize connections between them

Within the upcoming lessons - we walk you through creating a Task tracking application from scratch to track tasks and projects into a Google Sheet.  Interact with the web app have the data placed within the sheet.

JavaScript is a prerequisite to this course - Prior coding experience is required!!!!

Source code is included so that you can build your own version of the application.

Course covers building a fully functional web app using Google Apps Script - create a web app to track tasks within your spreadsheet

This is a fast paced course focused on creating the web app using Google Apps Script!

Focus of the course is script - CSS and frontend styling is done by using Bootstrap 4

  • Explore how you can setup a webapp using Google Apps Script

  • Connect your webapp get data from the Spreadsheet

  • Output client side data to the webapp

  • Use Google Apps Script to connect Gsuite together

  • Track tasks and output from spreadsheet data

  • Update and edit spreadsheet data using the webapp


Taught by an instructor with many years of web development experience ready to help you learn about Google Apps Script and how you can write code to create custom applications. 

You have nothing to lose, start building your application today.

Who this course is for:

  • Web developers
  • GSuite Users and developers
  • JavaScript application developers
  • Application developers and web coders
  • Google Apps Script Developers