國內的普通開發者對於掌握一門新的技術不知道從哪裏下手，看哪些書。爲了獲得相關知識會關注各種公衆號、購買各種視頻課程來學習，但由於這些內容本身有碎片化的特點，效果往往不太理想。以至於付出了大量的時間到最後不能夠形成系統化的知識。
我同樣也遇到過類似的問題，不是說公衆號與視頻課程不好，這些也有自身的優勢，但是往往都是別人經過實踐沉澱下來的，我們讀過之後往往僅限於瞭解而已。如果要掌握還需要大量的實踐、探究纔行。
我自己在學習的過程中遇到了一些比較優秀的國外課程，這些課程也是國外開發者學習實踐的主要形式，那我現在整理出來分享給大家：
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
React
https://reactforbeginners.com/
Node
Vuex
JavaScript 內存管理
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management
JavaScript 事件循環
https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop
瀏覽器環境中，兩個運行時可以通過postMessage方法實現通信。
Block formatting context
面試時常考的：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
一些前端庫的介紹：
Snabbdom
Snabbdom是一個vdom比對庫，在含有虛擬DOM的框架中特別常用。
自身介紹：A virtual DOM library with focus on simplicity, modularity, powerful features and performance.
地址：https://github.com/snabbdom/snabbdom
Leaflet.heat
Leaflet.heat可以用於繪製熱力圖：https://github.com/Leaflet/Leaflet.heat
使用CSS製作簡歷
超棒的可以使用純CSS製作一份完整的個人簡歷，也可以用來練手：
https://css-tricks.com/new-year-new-job-lets-make-a-grid-powered-resume/
看到這裏的同學可以試着使用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
來試着實現一下吧！
歡迎大家收藏本文，後期將不定時的更新完善。