Skip to main content

JavaScript 學習路徑

本資料夾包含完整的 JavaScript 學習內容，按照從基礎到進階的順序排列：

📚 學習路徑​

🌟 基礎概念 (1-4)​

  1. javascript-primitive-types - JavaScript 中的原始型別
  2. objects-and-arrays - 物件（Object）和陣列（Array）
  3. loops-and-arrays-practice-01 - 迴圈與陣列練習 01
  4. loops-and-arrays-practice-02 - 迴圈與陣列練習 02

🔧 函式基礎 (5-12)​

  1. functional-programming-basics - 學習 FP 的 JavaScript 基礎
  2. function-declaration-vs-expression - 函式宣告 vs 函式表達式
  3. arrow-functions - 箭頭函式（Arrow Function）
  4. hoisting - 提升（Hoisting）
  5. expressions-vs-statements - 表達式 vs 陳述式
  6. advanced-function-concepts - 進階函式概念
  7. callback-functions - 回呼函式（Callback Function）
  8. setinterval-settimeout - setInterval/setTimeout 課程範例

⚡ 非同步程式設計 (13-16)​

  1. es6-promises - ES6 的 Promise
  2. macrotask-vs-microtask - Macrotask vs. Microtasks
  3. call-stack - JavaScript 執行堆疊
  4. event-loop - 事件迴圈（Event Loop）

🧠 進階概念 (17-21)​

  1. this-keyword - this 關鍵字
  2. memory-management - 記憶體管理
  3. classes - ES6 類別
  4. regexp-template-literals - 正規表達式與樣板字面值
  5. gsap-animation - GSAP 動畫

🔍 深入理解 (22-32)​

  1. temporal-dead-zone - let、const 的 TDZ（暫時性死區）
  2. call-by-value-reference - 值傳遞、引用傳遞、共用傳遞
  3. undefined-vs-not-defined - undefined 和 not defined 差異
  4. logical-operators - 邏輯運算子（&& 和 ||）
  5. ternary-operator - 三元運算子
  6. operator-precedence - 運算子的相依性與優先性
  7. async-await - async/await 簡介與應用
  8. closures - 閉包（Closure）
  9. prototypes - JavaScript 原型
  10. lexical-environment-scope - 語彙環境、作用域鍊、範疇、執行環境
  11. javascript-engine - JavaScript 引擎運行流程解析

📈 學習建議​

初學者路徑​

建議按照順序 1-12 學習，掌握基礎語法和函式概念。

進階學習者路徑​

重點關注 13-21，深入理解非同步程式設計和進階概念。

專家級路徑​

完整學習 22-32，深入了解 JavaScript 內部運作機制。

🎯 學習目標​

  • 基礎階段：掌握 JavaScript 語法和基本概念
  • 中級階段：理解函式、非同步程式設計
  • 高級階段：深入理解 JavaScript 引擎和內部機制

此排序基於學習難度和概念相關性，幫助你建立紮實的 JavaScript 基礎。