WEB TECH GUIDE

網站技術指南

從網站規劃、前後端開發、部署維運到 AI 技術,整理適合循序閱讀的基礎文章。

READING PATHS

依主題閱讀

20 篇

認識網站是如何運作的

  1. 認識網域名稱(Domain Name),以及網域跟網址的關係
  2. 從輸入網址到網頁呈現:揭開瀏覽器運作的黑魔法
  3. 網站、Web App、原生 App怎麼選?
  4. 網頁開發工程師介紹:前端、後端與全端工程師的差別是什麼?
  5. HTTP 與 HTTPS 是什麼?為什麼你的網站一定要升級 HTTPS?

系統設計與規劃

  1. 如何設計與建置網站:從規劃、開發到維護的簡單說明
  2. UI 與 UX 是什麼?一次搞懂差異、流程與設計職責

認識網站前端開發

  1. 網頁開發三巨頭:HTML、CSS、JavaScript 的角色分工與協作
  2. 追求完美的套件管理器:npm、Yarn 與 pnpm 的解析
  3. Shadow DOM:網頁的秘密武器

後端與資料庫概念篇

  1. 資料庫是什麼?一次搞懂 DB、DBMS、類型、用途與選擇方式

部署與維運篇

  1. Docker解密:從「在我電腦上可以跑」到全球標準
  2. 解密CI/CD:現代軟體的自動化引擎
  3. 什麼是 CDN?認識內容傳遞網路的運作原理、優勢與使用場景

AI 相關技術應用

  1. 揭開機器的神秘面紗:五分鐘大型語言模型指南
  2. 認識機器學習(Machine Learning):AI 時代的核心技術
  3. Vibe Coding 是什麼?讓 AI 幫你寫程式的新世代開發方式,並介紹實用工具以及優勢與風險
  4. 什麼是 RAG?檢索增強生成(RAG)簡介
  5. 認識模型上下文協定(Model Context Protocol, MCP)
  6. 【AI 硬體科普】GPU vs. TPU:算力雙雄的巔峰對決,誰才是未來的霸主?