好久不见，我总感觉欠你点什么
好久不见，后台有收到朋友留言，问前端周刊是不是不做了？实际上不是，我在酝酿更好的内容提供形式！经过两个月的精心准备，很高兴跟大家宣布：我又回来了，并且给关注前端周刊的同学准备了礼物，前端周刊明天开始提供新的内容形式：定期推送 3 到 5 分钟主题聚焦的短视频教程，文章也会继续写。
为什么选择视频？
我为什么选择增加视频教程的形式来分享内容？
人至践则无敌，我坚信所有的成长都来自实践，不知道你有没有过书和文档看了半天却还是不知从何下手的情况？视频在展示实操方面有着天然的优势，通过结合语音和代码操作，能够让观看的人更快理解和吸收。当然，不得不承认，作为实践的基石，读书和看文档也是不可或缺的。
不论哪个领域，若你只有想法注定会越来越落后，如果你期望自己的职业技能日益精进，想每天花 3 到 5 分钟就能掌握可以快速上手实践的技能，每天的视频教程就是给你准备的！
在上班路上观看前端周刊推送的视频教程，到公司后加以实践，很快你就能把视频介绍的知识和技巧用到实际工作中，内化成自己的能力，让自己变的更值钱。
有什么特别之处？
时间和注意力是人最宝贵的资源，如果能集中精神 5 分钟看完的内容，绝不应该看 10 分钟，前端周刊所推送的视频教程都是经过精心设计、录制和剪辑，具体来说：
- 每集都是 step-by-step 的编码演示，因为速成是可能的，法门就是亲眼看到活人做到；
- 每集都配备 jsbin/github 代码链接方便学习者探索，因为只有弄脏双手，才能真的理解；
- 每集只用 3 到 5 分钟讲 1 个很具体、可操作的点（主攻 how、必要时 why），因为这样不会浪费你的注意力，实践成本也是最低的；
- 视频里没有寒暄，没有告别，更不会偏题，因为我非常珍视想通过视频打磨技能的同学的时间；
已经准备好什么内容？
停更了这么久，当然得拿出足够的诚意，目前已经准备好的 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 上供你调试。
还会准备什么内容？
后续的视频教程会从以下列表中选题，最最重要的是，这些工具、框架、库、技巧都是我平时工作中经常用的，有些甚至是我踩过的坑。如果想看这些主题之外的内容？很遗憾你要移步别处了：
- Javascript/CSS 基础，比如新语言特性实操等；
- 前端框架，如 React/Vue.js/Angular 等；
- 前端开发和调试工具，如 VSCode，Chrome Dev Tools；
- Node.js 框架，如 Express/Koa/Weather.js 等；
- Node.js 开发和调试工具，如 Postman、Charles 等；
- Native 框架和工具，如 React Native、fastlane 等；
- Javascript 项目工程化方法和实战操作；
- Bash、ZSH、Git 等效率工具；
- 其他小众但是绝对能提高你效率的库、工具；
当然，我也会定期发起投票，看看大家的实际需要。
如果你还有问题？
对于内容、选题如果你还有其他疑问，有以下几种反馈方式：
- 在文章后面留言，我会定期看微信公众号后台；
- 加我的微信 feweekly 当面反馈；
- 在任意课程的 github 仓库提 Issue；
想抢先看视频教程？
如果想抢先观看第 1 期公开课《React 16 新特性尝鲜》的视频教程，请关注前端周刊微信公众号发送 course-react16 获取高清视频教程下载地址。
