这篇文章主要概述在我5年工作经验的基础上,我成为优秀JavaScript开发人员所使用的技术和资源。

当前大多数Web开发人员面临着这样一个共同的问题:他们必须在多个不同的领域领先于他人——从数据库到后端架构,到前端用户界面,再到使用良好的CSS知识修正用户界面

 

阅读书籍

首先,也是最重要的一点是,你必须付出努力才能脱颖而出。虽然你也可以在无心中获得点点滴滴的积累,例如,不时地阅读一些博客文章,而且老实说,因为这种方法最初的时间和精力的投入要求低得多,所以更简单。这样的学习模式显然比你专门和刻意的学习过程要花费更多的时间。关于这种窘境的解决方式也很简单:阅读书籍。

书籍是人类进步的阶梯。文字是我们让知识以浓缩的形式代代相传的工具。成为Web技术专家有一个要解决的问题是,你必须学会何时远离网络本身。网络本身就存在着让人混乱和分心的内容,所以我要给出的第一个建议是,要阅读相关主题的书籍。

对于JavaScript中,可以先从以下书籍开始:《JavaScript the Good Parts》就像是JavaScript中的《圣经》。虽然这本书已经有点古老了,但依然是最好的起始点。《JavaScript: the Definitive Guide》也是我们必需的,虽然你可能会将它当作是参考书。 jQuery创始人John Resig的《Secrets of the JavaScript Ninja》也值得关注。此外,你还可以阅读电子书,非常方便,很多在线电子书还是免费的。另外,JavaScript Guide虽然不是书,但深受Mozilla开发人员的信赖和青睐。

脚本库的学习,使用和阅读

接下来最重要的一个步骤是去了解脚本库。书籍教你如何读懂语言,库教你如何应用它。关于脚本库你需要做这两件重要的事情:使用它们,阅读它们的源代码。

对于库的使用,需要了解以下几个重点的库:jQuery,Backbone,underscore以及React、 Angular和Ember之一。这并不是说你必须要使用这些库,但任何像样的JavaScript开发人员至少应该有一定的使用这些库的经验(无论好坏)。

提升JavaScript技能的第二件重要的事情是阅读这些库的源代码。我强烈建议阅读Backbone和underscore的源代码,因为它们写得非常优美。阅读和理解underscore可以提高函数式编程的技巧。另一个值得阅读源代码,也是其他开发人员推荐给我的库是mootols(我个人并不使用mootools,也没有阅读过它的源代码。)

剩下的库,如React和Ember等,理解起来可能很难,但非常值得。此外还应该浏览一下其他库的源代码,看看它们是如何构建代码库的,并尝试探索一些新的模式。其他著名的可使用和阅读其源代码的库包括D3、highcharts和moment.js。

练习与自问问题

要成为一个好的JavaScript开发人员的关键步骤是练习,许许多多的练习。理想的情况是,练习的重点不在于DOM,而在于语言,所以一定要确保有一个可以运行node.js的测试工具。做各种琐碎又大量的node.js练习。研究编码招式,经历使用JavaScript的不同方式:闭包,原型,扩展数组(map、filter)等。在做练习的同时,要开始在脑中形成JavaScript的基本思想。

我的一个朋友,Armagan,一位优秀的JavaScript程序员,也是一个使用《Pro JavaScript Design Patterns》用于讲座的老师,所以这本书值得一阅。

在学习的同时,要试着回答一些问题,例如:原型如何继承工作?闭包的定义?关键字含义如何改变?如何使用apply/bind/map/filter/call?收集一系列JavaScript开发人员需要面临的共同源要点,并试着用自己的话来解释。用书面或口头的形式向另一个人解释这些概念,有利于极大地提高你的技能。在练习的同时,尽量去思考“如果是那种情况,又该如何?”的情景。例如,“如果我使用两次bind,那个这个”this“会是什么意思?jQuery如何确保this关键字指向jQuery对象,而不是全局对象?这个库如何完成一定的功能?”等等,这些都是你应该时常问问自己的常见问题。

学习标准

接下来需要了解的是EcmaScript标准。研读最新的EcmaScript标准副本。同时,还可以试着了解JavaScript中即将推出的功能,如ES6和ES7。近期已经出现了例如promises、modules、generators、comprehensions等新功能,好好阅读标准,也可以阅读专业书籍,如Nicholas Zakas的《Understanding EcmaScript 6》或Axel Rauschmayer博士的《Exploring JS》,或许会有所帮助。从主要源学习标准以及探索新增的语言才是通往专业化道路的途径和方法。

利用网络资源

我前面提到过利用网络来了解网络是危险的,但是现在我要提议的是我们还可以利用网络来获取最好的资源。《Hacker News》就是一个很好的来源,但是持续的跟踪通常会耗费更多的时间,因为真正有用的信息比例是很低的。相反,还不如直接瞄准每周摘要如《JavaScript weekly》呢。随着时间的推移,你自然会领悟到哪些库或技术越来越有吸引力。可以在Twitter上找找有影响力的JavaScript开发人员。 其他的网络资源包括博客如Toptal Blogs、Rebecca Murphey’s blog和Nicholas Zakas’ blog等。

另一个非常重要的网络资源是视频会议和教育视频。说到会议,JSConf系列的品质就很高。至于教育视频,我强烈建议Pluralsight,因为他们有着编写高质量课程经验的开发军团。

简而言之

读书,书中自有信息之精华。

了解基本的库,如jQuery、underscore和Backbone,阅读源代码。

练习,试着用自己的话去解释常见的JavaScript概念,例如继承。就上述主题做演讲和讲座。

通读新版本的标准,使用最新增加的语言。

利用网络资源,查看摘要和博客,以及视频会议和教育视频。

结论

不断重复上述步骤,并参与到大量的项目中去有助于你快速提高你的JavaScript技能。但始终要牢记,只有付出才会有回报,才会有望成为专业人士。我自认为自己是一个很好的JavaScript程序员,但是要想成为专业人士我依然还有很长的路要走,还需要不断地学习和掌握知识和技术。另外这里推荐一下我的前端学习交流qun:四八四,七五七,七六零,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。自己整理了一份2019最全面前端学习资料,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入学习。

最后祝学习快乐,愿与君共勉!

最新文章

  1. windows开关机时间记录
  2. Win10 资源文件
  3. css兼容问题集合
  4. 基于HTML5的燃气3D培训仿真系统
  5. json数据传输有感
  6. hdu 2089
  7. FFT Golang 实现
  8. 【转】关于C的未定义行为
  9. SpringMVC4+thymeleaf3的一个简单实例(篇二:springMVC与thymeleaf的整合)
  10. xcode UIImage图片拉伸
  11. 关于margin
  12. windows已激活,但提示:windows 7 内部版本7601 此windows副本不是正版
  13. Python学习【02】Python基础
  14. linux下mycat自启动方法
  15. 批量杀掉多个pid文件中记录的pid进程, 并集成到shell脚本中
  16. 【VS2019】F12跳转到源码,关闭浏览器不停止项目【转】
  17. selenium+Java使用内容记录(全)
  18. ElasticSearch5.0之后的改变
  19. 小程序学习一 .json 文件配置
  20. Ubuntu下架设FTP服务器

热门文章

  1. JDK8时间工具类
  2. 原创 | 手摸手带您学会 Elasticsearch 单机、集群、插件安装(图文教程)
  3. android 实现 波纹效果+图片左右无限滑动缩放效果
  4. FastReport安装包下载、安装、去除使用限制以及工具箱中添加控件
  5. Elastic Stack 笔记(五)Elasticsearch5.6 Mappings 映射
  6. Linux 笔记 - 第十章 Shell 基础知识
  7. spring字符编码filter
  8. Redis基础(官方文档总结)
  9. 理解JavaScript中的this关键字
  10. Android Studio [真机测试/开发者模式]