JavaScript 中的 Promise 是專門用來執行非同步操作的資料結構，提供了 then、catch、all、race 等方法，使得複雜的非同步流程變得簡潔好管理。這篇文章將會介紹 promise 的 resolve 和 reject，如何使用 then 串接非同步流程以及 catch 處理錯誤，方便好用的 promise chain，以及如何利用 Promise.all 及 Promise.race 平行處理非同步流程。

javascript

RWD的網頁顯示圖片，經常會遇到問題：同樣的圖片，檔案過大使得在手機上載入速度過慢，但在桌機上又顯得解析度不夠。這篇文章將會教你如何經由設定 img 標籤的 srcset 屬性以及 HTML5 picture tag，依據裝置解析度載入適當的圖片，在圖片解析度和下載速度之間取得平衡。

rwd web browser

這篇文章將會教你如何實作三種 Interative Binary Tree Traversal 的方法 (In-Order, Pre-Order and Post-Order)。值得注意的是，迭代相對於遞迴的遍歷二元樹 (binary tree traversal) 方法較為不直觀，為了符合traverse的順序，有些節點需要晚點再拜訪，實作上會用到stack的資料結構。

algorithm data structure

令 A = [a0, a1, ..., an-1], ai > 0，要如何判斷是否存在一組(p, q), p <= q 使得 sum(ap, ap+1, ... aq) = s？我們可以用下面介紹的Caterpillar Method。

algorithm

給定A = [a0, a1, …, an-1]，如何找到一組S = [s0, s1, … sn-1], sj ∈ {-1, 1}, 使得abs(sum(ai * si))有最小值？關鍵在於對於A中的每個元素a能夠產生的sum作動態規劃。

algorithm dynamic programming

給定A = [a0, a1, ..., an-1]，如何使得slice的和 sum(A[p], A[p+1], ..., A[q]) 有最大值（slice長度可以為0）？有個有名的Kadane’s Algorithm可以解決這個問題。

algorithm dynamic programming

Given a set of numbers {a1-an}, what is the best way to come up with a nonempty subset such that the sum of its elements is 0 mod n, where n is the size of the original set?

algorithm

這篇教學介紹React專案的基本webpack設定。包含支援ES6需要的Babel，程式碼風格檢查的ESLint和開發工具webpack-dev-server。

webpack react

這篇教學介紹Redux如何用正規化(normalization)的方式，儲存從API取得的遠端資料。

react

這篇教學主要是整理Redux middleware的原理，如何實作，以及如何理解middleware chain的順序。

react