目錄

基礎應用

• 變數與資料型別
• 物件、陣列與型別判斷
• 運算式和運算子
• 流程判斷與迴圈
• BOM 和 DOM
• 事件機制的原理
• 函式
• THIS 的真實身分
• 基本型別包裹器
• 物件的原型和原型鏈
• 網頁的生命週期

ES6

• 箭頭函式
• String Method
• 標籤樣板字面值
• Fetch API 和 Axios
• 非同步機制
• 透過 lazy loading 延遲載入圖片
• RegExp
• File API
• Virtualized List
• AbortController

Functional Programming

• Pure Function
• Recursions
• pipe 和 compose
• 陣列運用
• Curry
• Composition
• Spread and Gather
• Partial Application
• 常用的 Ramda API
• Pointfree
• Functor
• Applicative
• Monad

RxJS

• 什麼是 Observable
• Observable
• Creation Operator
• Observable Operators & Marble Diagrams
• 簡易拖拉實作的 operator

Gulp

• 基礎設定
• 運行的過程中遇錯不會中斷
• load plugins 簡化載入流程
• 排序執行的檔案
• 優化程式碼
• 圖片壓縮技巧
• EJS
• includePaths 載入外部資源

Webpack

• 初探 Webpack
• Webpack Config
• CSS module
• Sass Module
• 獨立拆分 CSS
• 搬移檔案
• Babel
• 分析路徑
• 圖片處理
• 全局調用
• Optimization

Plugin

• ESLint 和 StyleLint
• S.O.L.I.D