Web App Example w/ Google Sheets, Tabulator, JavaScript, Apps Script, HTML, CSS Tutorial

Learn how to build a Web App using Google Sheets, Tabulator, JavaScript, Apps Script, HTML & CSS.

Web App Tutorial Links:
Tabulator http://tabulator.info/
Google Sheets https://www.google.com/sheets/about/
CSS used: https://gist.github.com/chicagocomput...
All Import links: https://gist.github.com/chicagocomput...
Original Web App Series Google Apps Script - Web App Tutorial

00:00 Google Sheets Web App Example
01:07 Web App Demo
03:39 Create Google Apps Script Google Sheets Web App Project
05:02 Get data from back-end / spreadsheet
08:35 Web App Tabulator core setup
13:02 Web App Head Deployment & Dev URL
16:00 Connect Front-End HTML, JavaScript with Back-End in our App
30:04 Tabulator Data Table Pagination
32:20 Create Drop Down option in our Web App
34:25 Edit Data in Our Spreadsheet / back-end
51:39 Status Messages
58:41 Sort Tabulator data by Date
01:03:27 Change the Theme
01:05:20 Edit other fields in our Web App
01:14:58 Autocomplete Dropdown Field
01:18:55 Checkbox & Task Progress
01:32:18 Web App Styling using CSS
01:40:46 Add Number & Currency Columns with Validation
01:56:05 Add Search Functionality
02:08:06 Add New Record Functionality
02:23:12 Deploy the Web App

#web #app #javascript

• #education
• #web_app
• #google_sheets
• #example
• #javascript
• #apps_script
• #html
• #css