實體編程教學課程內容
課程簡介
本課程為三小時密集入門課程,專為初學者及前端 / 後端開發人員設計,聚焦於理解 JSON(JavaScript Object Notation) 的資料格式及其在現代應用系統中的重要角色。
JSON 是目前最廣泛使用的資料交換格式,結構清晰、可讀性高,應用於 API 通訊、Web 應用、資料儲存、App 後端、雲端平台與資料分析 等領域。課程將帶領學員了解 JSON 的語法結構、解析與生成方法,並配合 JavaScript、Python 等程式語言操作範例,學會如何在應用程式中讀取、處理與傳遞 JSON 資料,為進一步開發 RESTful API、網頁應用與資料整合打下穩固基礎。
課程目標
-
理解 JSON 的結構、特性與應用場景。
-
掌握 JSON 的語法規則與資料格式設計。
-
能讀取與生成 JSON 資料,並操作其中的結構。
-
學會以 JavaScript / Python 操作 JSON 與 API。
-
為進階課程如 RESTful API、AJAX、資料視覺化建立基礎知識。
授課對象
課程大綱
第一部分:JSON 基礎概念與結構認識(約 40 分鐘)
-
JSON 的由來與應用領域。
-
JSON 與 XML 的主要差異。
-
JSON 的語法結構與資料型態(Object、Array、String、Number、Boolean、null)。
-
錯誤格式與驗證工具(JSONLint、VS Code Plugin)。
-
實作練習:建立第一個 JSON 檔案並完成格式驗證。
第二部分:操作與解析 JSON 資料(約 60 分鐘)
-
讀取與解析 JSON:JavaScript 的 JSON.parse() 與 JSON.stringify()。
-
Python 的 JSON 模組應用(json.load()、json.dump())。
-
動態訪問物件與陣列的資料。
-
JSON 資料的巢狀結構與迭代(Loop)。
-
實作練習:從檔案中載入 JSON 並輸出特定內容。
第三部分:JSON 與 Web / API 應用(約 45 分鐘)
-
JSON 在前後端通訊中的角色(RESTful API)。
-
使用 Fetch / Axios 取得 API JSON 資料。
-
處理伺服器回傳與錯誤狀況。
-
將 JSON 資料轉換為前端介面顯示(HTML 與表格)。
-
實作練習:連接公開 API(例如天氣或新聞)並顯示資料。
第四部分:資料整合與延伸應用(約 35 分鐘)
-
JSON 檔案結構化與壓縮最佳實踐。
-
JSON Schema 的介紹與驗證用途。
-
JSON 與 CSV、Excel、XML 的轉換。
-
延伸應用:以 Python 將 JSON 資料輸出至報表或圖表中。
-
實作練習:將本地 JSON 資料轉換成圖形分析視覺化結果。
課程特色