Web

• Web 的構成可分為
  • Clinet (客戶端)
  • Server (伺服器端)
  • Database (資料庫)
• 為了輔助 Web 開發並減少錯誤，也逐漸多了 DevOps (營運輔助) 工具

Client (客戶端)

• 通稱為前端 (Frontend / Client-Side)
• 實作與用戶交流的介面
• 程式語言
  • HTML
    • 網頁的基礎結構
  • CSS
    • 添加佈局、配色、動畫效果
  • JavaScript
    • 添加互動性功能
• 常用框架
  • Vue
    • 適合初學者和中小型項目
  • Angular
    • 適合大型項目
  • React
    • 強調組件化設計
• 常用工具
  • Webpack
    • 提供模組打包功能
  • Vite
    • 新一代前端建構工具

Server (伺服器端)

• 通稱後端 (Backend / Server-Side)
• 實作業務邏輯、API、數據管理
• 程式語言
  • Node.js
  • Python (Django、Flask)
  • Ruby (Rails)
  • PHP
  • Java
  • Go (Golang)
  • C# (ASP.NET Core)
• 常用框架
  • Django
  • Express
  • Spring Boot
  • FastAPI
  • Koa.js
• 常用工具
  • Apache Kafka
  • GraphQL

Database (資料庫)

• Database (資料庫) 用來儲存大量資料
• 常見工具
  • MySQL
  • PostgreSQL
  • MongoDB
  • Redis

DevOps (營運輔助)

• 開發與營運 (Development and Operations) 的混合詞
• 自動化
  • 將重複性操作變為自動處理
• 測試環境
  • 將程式運行結果提供測試的環境，避免更新後的異常
• 常見工具
  • Jenkins
  • Docker
    • 提供輕量級容器
    • 支持跨平台部署
  • Kubernetes
  • GitLab CI/CD
  • Ansible
  • Terraform
  • Prometheus