課程介紹
前言
本課程設計五個專案，帶領學員從簡單的網頁互動小工具，到職場常見的行政流程自動化，再到企業管理的車輛調度系統，逐步學習如何利用網頁前端、Google Sheet 與 Apps Script 進行開發。課程不僅強調實作，也著重在不同領域的應用實例，幫助學員能將所學技能應用於生活與工作中。
- 什麼是 Vibe Coding，與傳統寫程式的差異。
- 為什麼不用會寫程式也能「寫程式」。
- 範例 Demo：一句話生成簡單網頁。
- 設計發想與任務拆解觀念。
第一章：網頁互動小工具設計
以「午餐吃什麼」為主題，透過 JavaScript 與前端互動設計，製作一個隨機轉盤工具，使用者可輸入自訂選項，並由轉盤隨機選出結果。
1-1 隨機轉盤設計原理。
1-2 前端互動功能與事件監聽。
1-3 自訂欄位輸入與選項管理。
第二章：網頁地圖應用 — Ubike 即時查詢
串接 Ubike 開放資料 API，取得即時站點資訊，並透過定位功能顯示使用者附近的租借站點，搭配地圖標示呈現。
2-1 Ubike API 與資料格式解析。
2-2 地圖模組基本應用。
2-3 定位功能、即時查詢設計。
第三章：職場工具小程式 — 個人班表排程工具
開發一個結合行政院人事行政總處的辦公日曆表與 Google Sheet 的班表工具，讓使用者可管理多項工作與活動，並自動排程生成個人化班表。
3-1 發想設計、尋找資料來源與解析。
3-2 Google Sheet 基本應用與資料管理。
3-3 自動化排程、個人化班表的生成。
第四章：請假申請與審核系統
建立前端請假表單，將填寫的資料自動寫入 Google Sheet，並設計流程讓主管收到 mail 通知後，可直接點擊按鈕核准或退回。
4-1 前端請假表單設計、後端資料自動寫入 Google Sheet。
4-2 Apps Script 觸發 mail 通知。
4-3 郵件內核准／退回按鈕設計與流程。
第五章：租車公司車輛調度管理工具
模擬多個租車店面與擁有的車輛資源，設計一個系統自動根據使用者需求安排預約租車流程，提升營運效率。
5-1 多店面與車輛資源資料結構設計。
5-2 預約租車前端頁面設計。
5-3 自動調度與資源分配流程。
第六章：課堂總結
6-1 Vibe Coding 的優缺點與極限。
6-2 如何用在日常生活與工作、下一步可以學什麼。
張書豪｜蘋果芽數位科技
業師專長於電腦資訊，過往曾任職於高瞻資訊擔任影響分析師、大猩猩科技演算法工程師。並且在永和社區大學電腦課授課開班，包含 Python 程式設計初學班、電腦維修 DIY、一起來滑手機等課程。業師具豐富實務與教學經驗，瞭解程式設計對於未曾接觸過的學生，多有擔心程式難度或不知道如何應用，因此在其教學上常以生活常見的程式帶入課程，例如餐點點餐系統、臉書、LINE 等社群軟體，多媒體剪輯軟體等程式，幫助非資訊相關科系或對 Python 網路爬蟲程式設計有興趣者，從 0 到 1 ，完善建立具邏輯有程式的基礎概念。
課程資訊
。課程型態：線上影音課程
。課程長度：約 5 小時
。觀看權限：30 天（期限內可無限次、跨載具觀看授權影片）
課程費用：此為活動優惠價，不得與其他優惠同步使用。限量名額，若遇額滿依報名優先順序決定。
天地人學堂
TWMG（TIANDIREN WEALTH MANAGEMENT GROUP）
。主辦單位有權做課程內容增減修與調整優惠適用對象與活動最終解釋權和裁量權。
