JSON 線上課程教學影片

編程線上教學課程內容

課程簡介

JSON（JavaScript Object Notation）是目前最流行的輕量級資料交換格式，廣泛應用於 RESTful API、前後端通訊、設定檔儲存與資料序列化。
本課程在一小時內帶你從零掌握 JSON 的語法規則、資料結構設計與跨語言操作技巧，並透過實作展示如何在 JavaScript、Python 等環境中讀寫與處理 JSON 資料。
完成課程後，學員將能熟練設計、解析與驗證 JSON 資料，為現代 Web 開發與 API 整合奠定堅實基礎。

 

適合對象：

• 前端、後端、全端開發初學者

• 想學習 REST API 與資料交換技術的工程師

• 資料分析與移動應用開發人員

• 需要處理非結構化資料的技術工作者

---

 

一小時課程大綱

第一章：課程導入與 JSON 基礎概念（約 5 分鐘）

• JSON 是什麼？與 XML 的比較與優勢

• JSON 在現代 Web 開發中的角色

• 資料交換標準流程：序列化（Serialization）與反序列化（Deserialization）

• 展示簡單 JSON 結構與對應物件

第二章：JSON 語法規則與資料型態（約 10 分鐘）

• JSON 支援的資料型態：字串、數字、布林、陣列、物件、null

• 嚴格語法規則：雙引號、逗號、無尾隨逗號、無註解

• 巢狀結構設計與多層資料組織

• 練習：建立個人資料與產品目錄的 JSON 檔案

第三章：JSON 物件與陣列操作（約 10 分鐘）

• 物件（Object）結構：鍵值對設計原則

• 陣列（Array）與多筆資料管理

• 巢狀物件與陣列組合應用

• 實作：建立包含多筆使用者資料的 JSON 結構

第四章：JSON 驗證與格式檢查（約 10 分鐘）

• 常見 JSON 語法錯誤與修正方法

• 使用線上 JSON 驗證工具與格式化功能

• JSON Schema 簡介與資料結構驗證

• 實作：驗證與美化複雜巢狀 JSON 資料

第五章：JavaScript 操作 JSON（約 10 分鐘）

• JSON.parse() 解析字串為物件

• JSON.stringify() 序列化物件為字串

• 處理非同步 API 回傳的 JSON 資料

• 實作：從外部 API 獲取資料並顯示於網頁

第六章：Python 操作 JSON（約 10 分鐘）

• 使用 json 模組讀寫 JSON 檔案

• 處理巢狀資料結構與字典操作

• 錯誤處理與資料驗證技巧

• 實作：讀取 JSON 檔案並轉換為 CSV 格式

第七章：迷你專案實作（約 10 分鐘）

專案主題：電商產品目錄管理系統

• 建立包含產品分類、價格、庫存的完整 JSON 結構

• 使用 JavaScript 動態載入並篩選產品

• 實作搜尋功能與資料過濾

• 展示前端顯示與後端處理的完整流程

第八章：延伸應用與課程總結（約 5 分鐘）

• JSON 在不同領域的應用：

  • REST API 與 GraphQL

  • 設定檔（package.json、.eslintrc）

  • 資料庫匯出與快取格式

• JSON 與其他格式比較（XML、YAML、Protocol Buffers）

• 進階主題：JSON Schema 驗證、JSON Patch、JSON Pointer

• 推薦學習資源與線上練習平台