阅读 3690

好久不见,我总感觉欠你点什么

好久不见,后台有收到朋友留言,问前端周刊是不是不做了?实际上不是,我在酝酿更好的内容提供形式!经过两个月的精心准备,很高兴跟大家宣布:我又回来了,并且给关注前端周刊的同学准备了礼物,前端周刊明天开始提供新的内容形式:定期推送 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 获取高清视频下载地址,预告如下,敬请期待。

关注下面的标签,发现更多相似文章
评论