作者简介 cnfi 蚂蚁金服·数据体验技术团队

本文翻译自《Stay updated in JS fatigue universe》,并对内容有所补充和修改。 部分内容参考《HOW TO KEEP UP TO DATE ON  FRONT-END TECHNOLOGIES》

想要在“每天都有新事物冒出来”的前端世界中跟上步伐,眼下已经成为了一个艰巨的任务。 很多人都有这样的感觉:不需要几个月你的技术就会过时,全新的炒作、类库、框架总会让你迷失,面对这场比赛,你只能选择退出。

我的许多同事都想知道我是如何设法保持最新的状态,并且仍能完成我的日常工作。在这篇文章中,我将分享我的日常生活,并告诉你如何找到有用的信息。

关注大牛

我的许多资源来自twitter。去follow那些JavaScript社区的领袖们,可以让我很轻松的获取到有意思的东西,尽管找到这些人是多么地不容易。

由于我们非常关注开源社区,于是Github成了我的主要来源。 首先找到一个业界顶级的项目(比如React),点击“Contributors”标签,可以看到这些主要贡献者的档案。 他们中的一些人拥有twitter帐户,他们经常会发布一些有价值的信息。

业界大牛不完全名单

Addy Osmani

TodoMVC、Material-Design-Lite、Yeoman等项目作者,Google Chrome工程经理
主页
https://addyosmani.com/
github
https://github.com/addyosmani
twitter
https://twitter.com/addyosmani

Lea Verou

 
 
麻省理工学院HCI研究员, W3C-CSSWG成员,github多个项目作者
主页
http://lea.verou.me/
github
https://github.com/LeaVerou
推特
https://twitter.com/leaverou

Evan You 尤雨溪

 
 
大名鼎鼎的Vue.js作者,前端布道者,业界大V
主页
http://evanyou.me/
github
https://github.com/yyx990803
推特
https://twitter.com/youyuxi

Axel Rauschmayer

 
 
2ality博主,写有《Speaking JavaScript》等著作,ES.next News刊物主编
主页
http://2ality.com/
github
 
推特
https://twitter.com/rauschma

Ben Alman

 
 
 
GruntJS作者,jQuery界大神,开发了jQuery BBQ等大量插件
主页
http://benalman.com/
github
https://github.com/cowboy
推特
https://twitter.com/cowboy

Nicholas C. Zakas

 
 
 
著名的《JavaScript高级程序设计》作者,JS布道者
主页
https://www.nczonline.net/
github
 
推特
https://twitter.com/slicknet

探索新项目

另一个巨大的信息来源地,是Github的“Explore”标签。那里有无尽的内容如“Topics”、“Trends”、“Resources”...,你完全可以呆上几天。

打开 github.com/trending 可以看到最新的趋势库和开发者。 你还可以根据语言和时间跨度(今天,本周,本月)对它们进行过滤。

看最好的资讯

我每天都会访问这些网站。 我喜欢他们,因为他们没有垃圾邮件,他们的所有内容都来自社区。

EchoJS

www.echojs.com/

DailyJS

medium.com/dailyjs/

Front-End Front

frontendfront.com/

另外,我也会订阅以下两个前端领域的技术刊物

ES.next News

esnextnews.com/

Web Design Weekly

web-design-weekly.com/

怎么抽出时间?

很多人认为,白天忙于工作,晚上回家后又太累,所以根本无法抽出时间再去消化与工作相关的信息。当然我也不认为你应该在业余时间去做这件事。从“时间管理哲学”的角度看,这是一种非常糟糕的做法。

在我看来,在工作时间内去丰富你的内在是一种不错的方式。每天早上到达工作岗位后,我开始浏览新闻网站。 如果我发现一些有趣的事情,我会将它加入书签供以后阅读。毕竟我们并不是机器,一天的工作中通常会有几个休息的间隙。 即使没有,我也会每天花半小时来阅读这些书签链接。每天下班之前,我会简要浏览github的“Trends”页面,并start一些我认为有意思的项目。 我会在30分钟内回顾它们,在我的下一个POC中小试牛刀,甚至在工作中使用它们。

做一名贡献者

贡献可以成为一个很好的信息来源,同时也让你有能力亲自动手练习你所学到的东西。 你可以在Stack Overflow提出问题或者回答问题。在Github上提issue、提request、参与讨论等等,这将对你的知识和技能带来巨大的帮助。

总结出自己的学习方法

总结出一套自己的方法来跟上最新方向是很重要的. 来看看这些厉害的开发者们是怎么做的吧!

Axel Rauschmayer:

我推荐读以下3个资源来跟上最新发展. 1.推特. 先关注些你认识的知名前端开发者, 比如你经常用的某个库的作者. 然后从他的关注列表里面去挖掘, 迟早你会看到一些有用的推特. 2.Echo JS 是个 JavaScript 新闻站. 它的布局和 Hacker News 类似. 3.关注这些 每周邮件 (那啥: 我是 JavaScript 每周新闻的编辑).

Alex Sexton:

我发现对我来说, 只有不断实践才能跟上最新发展. 我在推特上关注了很多前端界的人, 也读博客和编程界新闻, 但我发现实践比纯读更能学到东西. 当我想学一样东西的时候, 我就直接开始做项目, 然后从中不断学习, 理解核心概念.

Addy Osmani:

为了知道前端界都在发生些什么, 我经常刷推特和 G+. 对于那些我经常使用的工具和库, 我会关注下作者的最新情况, 这样才能知道接下来会有什么发展. 关注下那些制定网络标准的人也很有好处, 这样你才能知道接下来的几年会有什么发展.

Lea Verou:

有几个订阅源(feeds) 我天天都读 我关注了很多人, 包括 Web 标准的制定者, 以及开发浏览器的, 还有厉害的其他类别的开发者. 我偶尔会阅读标准, 有些很好理解而且是一手资讯, W3C邮件列表(W3C mailing lists) 也很有帮助: 你在新技术出现的那一刻就能开始学习他们, 甚至你可以影响到这些新技术的发展! 参加会议

End.

如何在疲劳的JS世界中持续学习的更多相关文章

  1. 总结:js世界中的特殊符号

    常用符号:+ ++ - -- || / /' && 等 这些基本上每天都能用到,但是 js 世界中有些特殊符号是不常用的,我也是偶然在阅读大神代码的时候发现的,一番查找之后得出了以下结 ...

  2. 译\Node.js应用的持续部署

    Node.js应用的持续部署 翻译前 翻译自:https://blog.risingstack.com/continuous-deployment-of-node-js-applications/ 正 ...

  3. CSS世界中那些说起来很冷的知识

    CSS世界中那些说起来很冷的知识 最近读了张鑫旭的新书<CSS世界>收获了不少对CSS的深度理解 也正值个人在公司内部进行部分章节的内容分享,于是顺带着直接把我即将分享的内容先给大家过过目 ...

  4. CSS 世界中的方位与顺序

    在 CSS 中,我们经常会与各种方向方位打交道. 譬如 margin.padding,它们就会有 margin-left.margin-right 或者是 padding-left.padding-r ...

  5. Firebug中调试中的js脚本中中文内容显示为乱码

    Firebug中调试中的js脚本中中文内容显示为乱码 设置 页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏 中的"选项"---" ...

  6. js文件中函数前加分号和感叹号是什么意思?

    本文转自:http://blog.csdn.net/h_o_w_e/article/details/51388500 !function(){}();   !有什么用? 从语法上来开,JavaScri ...

  7. Angularjs在控制器(controller.js)的js代码中使用过滤器($filter)格式化日期/时间实例

    Angularjs内置的过滤器(filter)为我们的数据信息格式化提供了比较强大的功能,比如:格式化时间,日期.格式化数字精度.语言本地化.格式化货币等等.但这些过滤器一般都是在VIEW中使用的,比 ...

  8. 解决webkit浏览器中js方法中使用window.event提示未定义的问题

    这实际上是一个浏览器兼容性问题,根源百度中一大堆,简要说就是ie中event对象是全局变量,所以哪里都能使用到,但是webkit内核的浏览器中却不存在这个全局变量event,而是以一个隐式的局部变量的 ...

  9. 在JS方法中返回多个值的三种方法

    在使用JS编程中,有时需要在一个方法返回两个个或两个以上的数据,用下面的几种方法都可以实现: 1 使用数组的方式,如下: <html> <head> <title> ...

随机推荐

  1. hive表链接

    等值连接 不等职链接 外部链接 没有包含在聚合函数(这里是count)中的列,都需要包含在group by函数中: 正确的外链接的写法,用的是右外链接: 自链接表 把同一张表 看成了2张表

  2. python语法糖/装饰器

    1.python高阶函数和嵌套函数 1.1高阶函数 def func1(x): return x**2 def func2(x): return x**3 def func(x,y): return ...

  3. Django--CRM--一级, 二级 菜单表

    一. 一级菜单表 1. 首先要修改权限表的字段, 在权限表下面加上icon和 is_menu 的字段 2. 展示结果 # 我们既然想要动态生成一级菜单,那么就需要从数据库中拿出当前登录的用户的菜单表是 ...

  4. GlusterFS卷的种类

    1.分布卷 在分布式卷中,文件随机扩展到卷中的砖块中. 使用分布式卷,需要扩展存储和冗余不是很重要,或由其他硬件/软件层提供. 创建语法:gluster volume create [transpor ...

  5. DAY04、流程控制if、while、for

    一.if 判断 语法一: if 条件: # 以下是上一条if 的子代码块 print(子代码1) print(子代码2) print(子代码3) 示例: # 路边飘过一个生物,要不要表白? sex = ...

  6. 表单中input name属性有无[]的区别

    1 input数组 如下一个表单: <input type="text" name="username[]" value="Jason" ...

  7. Windows 7 quick launch

    %AppData%\Microsoft\Internet Explorer\Quick Launch\User Pinned\TaskBar %AppData%\Microsoft\Internet ...

  8. 关于构造器中的super()

    1.为什么在子类的constructor里面要加一句super()? 答:如果子类用了extends的关键字继承的父类,那么子类在使用构造器的时候就要加super()语句,这是语法规范,就是这么定的. ...

  9. CSS3 flexbox 布局 ---- flex 容器属性介绍

    flexbox布局是CSS3中新增的属性,它可以很轻松地帮我们解决掉一些常见的布局问题,比如导航栏. 我们用普通的方法写导航栏,通常会在ul, li 结构写好后,让li 元素左浮动,然后再给ul 清浮 ...

  10. Linux 部署KVM虚拟化平台

    简单介绍 KVM 是基于虚拟化扩展(Intel VT 或者 AMD-V)的 X86 硬件的开源的 Linux 原生的全虚拟化解决方案.KVM 中,虚拟机被实现为常规的 Linux 进程,由标准 Lin ...