搜索
首页web前端js教程一个伟大的JavaScript程序员成长之路

一 个 伟 大 的 JavaScript 程 序 员 成 长 之 路

遥想当年还年少的时候,我的兴趣爱好就跨越了各种不相关的领域。我喜欢数学,如同我深爱历史那样。我的目标是成为像文艺复兴时期多才多艺的伟人那样——在多个领域都有出色表现。这是一个艰巨的任务——突然之间我发现自己正面临着“样样皆通,样样稀松”的危险。

我开始考虑钻研某些领域,这样至少我还可以成为一个“精通某些领域”的人。那么我该怎么做,才能既专注于某个领域,同时又能学到软件开发所需的大量知识?

这篇文章主要概述在我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程序员,但是要想成为专业人士我依然还有很长的路要走,还需要不断地学习和掌握知识和技术。

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

以上是一个伟大的JavaScript程序员成长之路的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。