很久不見，我總感受欠你點什麼

很久不見，後臺有收到朋友留言，問前端週刊是否是不作了？實際上不是，我在醞釀更好的內容提供形式！通過兩個月的精心準備，很高興跟你們宣佈：我又回來了，而且給關注前端週刊的同窗準備了禮物，前端週刊明天開始提供新的內容形式：按期推送 3 到 5 分鐘主題聚焦的短視頻教程，文章也會繼續寫。

爲何選擇視頻？

我爲何選擇增長視頻教程的形式來分享內容？

人至踐則無敵，我堅信全部的成長都來自實踐，不知道你有沒有過書和文檔看了半天卻仍是不知從何下手的狀況？視頻在展現實操方面有着自然的優點，經過結合語音和代碼操做，可以讓觀看的人更快理解和吸取。固然，不得不認可，做爲實踐的基石，讀書和看文檔也是不可或缺的。

不論哪一個領域，若你只有想法註定會愈來愈落後，若是你指望本身的職業技能日益精進，想天天花 3 到 5 分鐘就能掌握能夠快速上手實踐的技能，天天的視頻教程就是給你準備的！

在上班路上觀看前端週刊推送的視頻教程，到公司後加以實踐，很快你就能把視頻介紹的知識和技巧用到實際工做中，內化成本身的能力，讓本身變的更值錢。

有什麼特別之處？

時間和注意力是人最寶貴的資源，若是能集中精神 5 分鐘看完的內容，毫不應該看 10 分鐘，前端週刊所推送的視頻教程都是通過精心設計、錄製和剪輯，具體來講：

1. 每集都是 step-by-step 的編碼演示，由於速成是可能的，法門就是親眼看到活人作到；
2. 每集都配備 jsbin/github 代碼連接方便學習者探索，由於只有弄髒雙手，才能真的理解；
3. 每集只用 3 到 5 分鐘講 1 個很具體、可操做的點（主攻 how、必要時 why），由於這樣不會浪費你的注意力，實踐成本也是最低的；
4. 視頻裏沒有寒暄，沒有告別，更不會偏題，由於我很是珍視想經過視頻打磨技能的同窗的時間；

已經準備好什麼內容？

停更了這麼久，固然得拿出足夠的誠意，目前已經準備好的 4 門課程（總時間都控制在 20 分鐘內）會在接下來陸續放出來分享給你們：

1. 與時俱進：React 16 新特性嚐鮮

React 16 的發佈除開源許可證和 Fiber 機制全面開啓以外，還爲咱們提供了部分很是強大的新特性，本視頻教程將經過實例帶你探索這些新特性，從 Error Boundary 到 Text Only Component，再到 Portal，共 6 小節，每小節實例講解 1 個新特性，讓你在學會新特性用法的同時熟悉新特性的最佳實踐。學完本視頻教程，你將能熟練把諸如 Error Boundary，Portal 等特性運用到你的實際項目中來提升開發效率和代碼質量，演示源碼已經推到 Github 上供你調試。

2. 組件化必殺技：styled-components 簡明教程

經過將 ES6 中的模板字符串（template literals）特性創造性的運用到 CSS 編碼上，styled-components 成了前端社區現象級的 CSS-IN-JS 解決方案，能讓咱們在不用擔憂樣式和組件之間如何關聯的狀況下用 CSS 書寫組件，讓樣式組件真正成爲開發的基本單元。那麼，如何在 React/React Native 項目中使用 styled-components？如何改造現有項目？如何提升代碼複用度和適應變化的能力？本視頻教程將爲你打開 styled-components 的大門，用 8 小節 18 分鐘讓你熟知 styled-components 的主要特性，演示源碼將會放在 Github 上供你調試。

3. 瀏覽器 Console 高級技巧實戰

console 是開發 javascript 應用時最經常使用的調試工具，也是大多前端工程師入門時學會的第 1 個 API。除 console.log 以外，現代瀏覽器還爲咱們提供了不少打印日誌的函數，來簡化開發中的各類日誌輸出需求，好比日誌分級、格式化、分組、計時、計數等。共 8 小節，20 分鐘 分鐘，學完本課程，你就能把這些工具函數添加到你的工具箱，讓本身成爲更高效的工程師，演示源碼將會放在 Github 上供你調試。

4. 玩轉異步 JS ：async/await 簡明教程

經過這門課程能學習如何使用 ES2017 中的 async/await 特性編寫出相比於 promise chain 和 callback hell 更容易閱讀理解的代碼。共 8 小節，20 分鐘，本課程將會從編寫簡單的 async/await 函數開始，逐步演示如何結合 promise 和 await 關鍵字，如何定義不一樣類型的 async 函數，如何處理錯誤，如何讓 await 代碼串行或並行，如何在循環中正確使用 await等，演示源碼將會放在 Github 上供你調試。

還會準備什麼內容？

後續的視頻教程會從如下列表中選題，最最重要的是，這些工具、框架、庫、技巧都是我平時工做中常常用的，有些甚至是我踩過的坑。若是想看這些主題以外的內容？很遺憾你要移步別處了：

1. Javascript/CSS 基礎，好比新語言特性實操等；
2. 前端框架，如 React/Vue.js/Angular 等；
3. 前端開發和調試工具，如 VSCode，Chrome Dev Tools；
4. Node.js 框架，如 Express/Koa/Weather.js 等；
5. Node.js 開發和調試工具，如 Postman、Charles 等；
6. Native 框架和工具，如 React Native、fastlane 等；
7. Javascript 項目工程化方法和實戰操做；
8. Bash、ZSH、Git 等效率工具；
9. 其餘小衆可是絕對能提升你效率的庫、工具；

固然，我也會按期發起投票，看看你們的實際須要。

若是你還有問題？

對於內容、選題若是你還有其餘疑問，有如下幾種反饋方式：

1. 在文章後面留言，我會按期看微信公衆號後臺；
2. 加個人微信 feweekly 當面反饋；
3. 在任意課程的 github 倉庫提 Issue；

想搶先看視頻教程？

若是想搶先觀看首期公開課《React 16 新特性嚐鮮》的視頻教程，請關注前端週刊微信公衆號發送 course-react16 獲取高清視頻下載地址，預告以下，敬請期待。