聯繫我們

課程簡介

模組 1 – JavaScript 基礎

  • 現代 JavaScript (ES6+) 簡介
  • 資料類型、運算子與控制結構
  • 函式、範圍與閉包
  • 陣列、物件與資料操作
  • 非同步程式設計:回呼(callbacks)、Promise 與 async/await
  • 最佳實踐與編碼標準

模組 2 – TypeScript 精要

  • 什麼是 TypeScript 以及使用原因
  • 靜態類型與類型推斷
  • 介面、自訂類型與列舉(enums)
  • 類別、繼承與存取修飾詞
  • 泛型與裝飾器(decorators)
  • 專案設定與編譯器配置(tsconfig.json)

模組 3 – 使用 JavaScript/TypeScript 進行網頁開發

  • DOM 操作與事件處理
  • 表單與輸入驗證
  • 使用 REST API(fetch/axios)
  • 前端專案結構與工具链
  • React(搭配 TypeScript)簡介:
    • 元件、props、state 與 hooks
    • 元件間通訊
    • 路由與 API 整合
  • 最佳實踐與程式碼組織

模組 4 – 使用 Node.js 與 TypeScript 進行後端開發

  • Node.js 與 NPM 簡介
  • 使用 Express.js 建立伺服器
  • 建置與使用 RESTful API
  • 中間件、路由與驗證
  • 資料庫整合(例如:SQLite、PostgreSQL 或 MongoDB)
  • 實務專案:完整應用程式的後端

模組 5 – 使用 Electron 進行桌面應用程式開發

  • Electron 概述:架構與功能
  • 建立視窗、選單與作業系統層級整合
  • 後端整合與本地資料儲存
  • 在 Electron 中使用 React(或其他前端函式庫)
  • 應用程式封裝與分發(Windows、macOS、Linux)

模組 6 – 測試、部署與最佳實踐

  • 單元測試與整合測試(Jest、Mocha 或 Vitest)
  • CI 工具與建置流程
  • 針對網頁與桌面環境進行封裝
  • 程式碼安全性、效能與維護
  • 文件撰寫與版本控制(Git/GitHub)

摘要與後續步驟

最低要求

  • 具備基礎程式設計概念的認知
  • 擁有 HTML 與 CSS 的實務經驗
  • 熟悉使用命令列與程式碼編輯器

適用對象

  • 前端與後端開發者
  • 軟體工程師與全端開發者
  • 正 transitioning 至 JavaScript 生態系的技術專業人員
 35 小時

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類