很久不见，我总感受欠你点什么

很久不见，后台有收到朋友留言，问前端周刊是否是不作了？实际上不是，我在酝酿更好的内容提供形式！通过两个月的精心准备，很高兴跟你们宣布：我又回来了，而且给关注前端周刊的同窗准备了礼物，前端周刊明天开始提供新的内容形式：按期推送 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 获取高清视频下载地址，预告以下，敬请期待。