整理一波國外前端學習網站

國內的普通開發者對於掌握一門新的技術不知道從哪裡下手，看哪些書。為了獲得相關知識會關注各種公眾號、購買各種視訊課程來學習，但由於這些內容本身有碎片化的特點，效果往往不太理想。以至於付出了大量的時間到最後不能夠形成系統化的知識。

我同樣也遇到過類似的問題，不是說公眾號與視訊課程不好，這些也有自身的優勢，但是往往都是別人經過實踐沉澱下來的，我們讀過之後往往僅限於瞭解而已。如果要掌握還需要大量的實踐、探究才行。

我自己在學習的過程中遇到了一些比較優秀的國外課程，這些課程也是國外開發者學習實踐的主要形式，那我現在整理出來分享給大家：

Git

Git的學習主要推崇的就是Githug，它主要是以遊戲闖關的形式來加深Git。直達連結：https://github.com/Gazler/githug

JavaScript

Build 30 things in 30 days with 30 tutorials
No Frameworks×No Compilers×No Libraries×No Boilerplate
直達連結：https://javascript30.com/

ES6

https://es6.io/

React

https://reactforbeginners.com/

Node

https://learnnode.com/

Vuex

https://scrimba.com/g/gvuex

---

一些前端庫的介紹：

Snabbdom

Snabbdom是一個vdom比對庫，在含有虛擬DOM的框架中特別常用。
自身介紹：A virtual DOM library with focus on simplicity, modularity, powerful features and performance.
地址：https://github.com/snabbdom/snabbdom

---

看到這裡的同學可以試著使用Promise實現一個只能同時進行兩項任務的函式：

function addTask(task) {

}

addTask({ value: 1, time: 300 }).then(function (e) { console.info(e) });
addTask({ value: 2, time: 100 }).then(function (e) { console.info(e) });
addTask({ value: 3, time: 400 }).then(function (e) { console.info(e) });
addTask({ value: 4, time: 700 }).then(function (e) { console.info(e) });

// 最後的輸出結果為： -> 2, 1, 4, 3

來試著實現一下吧！