前端开发者应该关注的JavaScript学习资源

柔光的暖阳◎ 2022-06-12 05:53 240阅读 0赞

**导语：**[**lifesinger**][lifesinger]**在他的博客中总结了**[**JavaScript 相关的学习资源**][JavaScript] **，不仅有相关领域内的优秀书籍，还包括很多值得关注的网站。他按照开发人员阶梯学习过程作了分类，供广大人员参考。此外，相信前端开发领域还有非常多优秀的书籍和网站，期待大家的挖掘和分享。**

以下是相关内容：

最近 reddit 有讨论：[References for JavaScript Mastery][]. 去年 Rey Bango 博客上也有一篇文章：[What to Read to Get Up to Speed in JavaScript][]. 下面是我的整理，希望能对你有所帮助。

### 登堂入门 ###

*  (1)[DOM Scripting: Web Design with JavaScript and the Document Object Model][DOM Scripting_ Web Design with JavaScript and the Document Object Model] – 2005 年，这本书的第一版是我最喜爱的前端书籍之一。知识点的讲解轻松有趣，例子由浅入深，引人入胜。去年发现这本书有第二版了，增加了 HTML5 章节，原有内容也与时俱进。我相信无论新人还是老手，都会发现这是一本好书。
    
    (2)[Eloquent JavaScript ][Eloquent JavaScript]– 这是一本在线书籍，里面的例子都可调试。作者缓缓道来，内容翔实丰富。从 2007 年始，这本书历经四年，直到今年一月份才正式出版。建议国内有志人士翻译成中文，在保证翻译质量的基础上，造福国内前端。
    
    (3)[jQuery Fundamentals][] – Rebecca Murphey 在 github 上维护的这本书，个人觉得是最好的 jQuery 入门教程，没有之一。
    
    (4)[JavaScript: The Good Parts][JavaScript_ The Good Parts] – Douglas Crockford 的这本书薄而精，在不同阶段阅读，会有不一样的收获。建议通读一遍，日常可随意翻翻。
    
    (5)我阅读过的还有几本：[Professional JavaScript for Web Developers][], [ ppk on JavaScript, 1/e][ppk on JavaScript_ 1_e], [ Object-Oriented JavaScript][Object-Oriented JavaScript]. 都挺不错的，如果时间精力充沛，不妨读读。特别是 Stoyan Stefanov 的 Object-Oriented JavaScript, 个人觉得是非常好的一本教程式书籍，特别适合已有 OO 编程经验、同时想学习 JavaScript 的开发人员。

### 更上层楼 ###

(1)[JavaScript: The Definitive Guide ][JavaScript_ The Definitive Guide]– 学 JavaScript 的如果没读过这本犀牛书，就好像基督教徒没读过圣经一样。此书前面的章节很耐读，后面的语言参考，则方便查阅。这是 JavaScript 语言学习和参考查阅的首选书籍。该书第六版已完成，期待电子版和纸质书早日面世。

(2)[Pro JavaScript Techniques ][Pro JavaScript Techniques]– John Resig 的这本书，展现了 JavaScript 的专业开发技巧。如果想深入了解 jQuery 源码，这本书会非常有帮助。

(3)[Secrets of the JavaScript Ninja][] – 这本书汇集了前端开发所需掌握的 JavaScript 知识的方方面面，是今年最值得期待的专业书籍之一。目前前 14 章已有电子版，最后 3 章 John Resig 还在编写中。中文版我和沉鱼已经在翻译，敬请期待。

(4)[High Performance JavaScript ][High Performance JavaScript]– 如果你关注 JavaScript 的性能，那 Nicholas C.Zakas 的这本书是绝对值得一读的。

(5)[JavaScript Patterns ][JavaScript Patterns]– 偷懒是程序员的优良品质，模式则是先人们总结的偷懒招式。Stoyan Stefanov 的这本书，从 JavaScript 的实际使用场景出发，提炼了不少可以让前端们偷懒的实用招式。模式的探索、创新，将永远是程序员自我提升的一条修炼之道。

(6)[Douglas Crockford’s JavaScript][Douglas Crockford_s JavaScript] – Crockford 大牛在 JavaScript 方面的总结，有不少经典文章，值得研读。

(7)[JavaScript Garden][] – 这里汇集了 JavaScript 的一些经典话题，很值得花时间研读。

**我阅读过的还有：**[**High Performance Web Sites**][High Performance Web Sites]**,** [**Even Faster Web Sites**][Even Faster Web Sites]**,** [**HTML5 Up and Running**][HTML5 Up and Running]**.**

### 参考查阅 ###

*  [Mozilla Developer Network ][Mozilla Developer Network] – 这是 Web 开发人员的宝藏，遇到问题建议优先到这里查查，闲时没事也可以到这里逛逛。我相信，作为 Web 开发人员，你会喜欢这里的。
    
    [MSDN Web Development ][MSDN Web Development]– 遇到 IE 的兼容性问题时，如果 Google 不能解决，请马上到这里搜索。对前端来说，最经常查阅的是 HTML and CSS 与 Scripting 两部分。不要恨 IE, 一旦你了解了她，你会爱上这个敌人。
    
    ECMA-262 系列：[ECMA-262 3rd Edition ][ECMA-262 3rd Edition]和 [ECMA-262 5th Edition][], 这两个链接都是在线版本，查阅方便。此外非常推荐注释版：[Annotated ECMAScript 5.1][], 有阅读笔记和关联链接，适合研读。
    
    还有 W3C 等站点，就不细说了。

### 订阅关注 ###

这个有很多，列举太耗时费力。可以 follow 我的推荐：

*  [lifesinger@twitter][lifesinger_twitter]
    
    [lifesinger’s shared items in Google Reader][lifesinger_s shared items in Google Reader]

Google Reader 里，我的 Shared Items 很谨慎，读过且觉得值得一读或有查阅价值的文章我才会 share. Twitter, 最近用得比较少，有时会推荐一些资源，大家可酌情订阅。在我的 following 里，有一些国内外著名的前端开发人员，推荐大家根据兴趣，选择性 follow.

再推荐一个站点：[JSMentors.com][], 这里收集了不少全世界范围内有影响力的前端导师们，建议选择性订阅。

### 写在最后 ###

这里只推荐了 JavaScript 相关的学习资源。作为一名前端工程师，还得具备 HTML, CSS, 基本的后台开发知识，以及交互设计等用户体验相关知识。这些方面的学习资源，是另一个话题，以后有机会再和大家讨论分享。

上面提到的书籍，是我读过的部分。提到的网站，是我经常光顾的。我相信还有非常多优秀的书籍和网站，期待大家的挖掘和分享了。

书籍版本的选择，我的排序是：英文纸质版 > 英文电子版 > 中文高质量翻译版。这只是我个人的一个 taste, 建议根据实际情况，选择合适自己的即可。

国内的原创前端书籍，我仔细看过的只有《悟透 JavaScript》和《JavaScript 语言精髓与编程实践》。翻译类书籍里，只抱着研究翻译的心态，看过部分译稿。如果有英语阅读能力，个人不是很推荐购买译本。目前国内前端译作，个人感觉质 量较烂，甚至离及格还有距离。高质量的翻译，需要我们所有前端共同努力了。

最后想提一点：**要让自己有效消费信息，而不要让信息消费你。**比如书籍，一个阶段，读一两本就好，贪多嚼不烂。学 习阶段容易产生焦虑，甚至自我否定，要调整好心态。要明白你花了一晚上可能都没弄明白的一篇博客，作者当初可能花了好几个月才研究整理出来。保持良好的心 态，不断挖掘自己的真正兴趣点和擅长点，在自知的基础上自我弥补、自我提升，在自我提升的螺旋中进一步自我认识、自我坚持。这是一种修行，有苦有乐，冷暖 自知。付出汗水，登上峰顶，才有可能见到满眼的精彩。

原文链接：[JavaScript 学习资源推荐][JavaScript]

[lifesinger]: http://lifesinger.wordpress.com/
[JavaScript]: http://lifesinger.wordpress.com/2011/02/27/references-for-javascript-study/
[References for JavaScript Mastery]: http://www.reddit.com/r/javascript/comments/fqht8/references_for_javascript_mastery/
[What to Read to Get Up to Speed in JavaScript]: http://blog.reybango.com/2010/12/15/what-to-read-to-get-up-to-speed-in-javascript/
[DOM Scripting_ Web Design with JavaScript and the Document Object Model]: http://redirectingat.com/?id=725X584219&site=lifesinger.wordpress.com&xs=1&url=http%3A%2F%2Fwww.amazon.com%2FDOM-Scripting-Design-JavaScript-Document%2Fdp%2F1430233893%2F&sref=http%3A%2F%2Flifesinger.wordpress.com%2F2011%2F02%2F27%2Freferences-for-javascript-study%2F
[Eloquent JavaScript]: http://eloquentjavascript.net/
[jQuery Fundamentals]: http://jqfundamentals.com/book/index.html
[JavaScript_ The Good Parts]: http://redirectingat.com/?id=725X584219&site=lifesinger.wordpress.com&xs=1&url=http%3A%2F%2Fwww.amazon.com%2FJavaScript-Good-Parts-Douglas-Crockford%2Fdp%2F0596517742&sref=http%3A%2F%2Flifesinger.wordpress.com%2F2011%2F02%2F27%2Freferences-for-javascript-study%2F
[Professional JavaScript for Web Developers]: http://http//www.amazon.com/gp/product/047022780X
[ppk on JavaScript_ 1_e]: http://redirectingat.com/?id=725X584219&site=lifesinger.wordpress.com&xs=1&url=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2F0321423305&sref=http%3A%2F%2Flifesinger.wordpress.com%2F2011%2F02%2F27%2Freferences-for-javascript-study%2F
[Object-Oriented JavaScript]: http://redirectingat.com/?id=725X584219&site=lifesinger.wordpress.com&xs=1&url=http%3A%2F%2Fwww.amazon.com%2FObject-Oriented-JavaScript-high-quality-applications-libraries%2Fdp%2F1847194141&sref=http%3A%2F%2Flifesinger.wordpress.com%2F2011%2F02%2F27%2Freferences-for-javascript-study%2F
[JavaScript_ The Definitive Guide]: http://www.davidflanagan.com/2011/02/javascript-the.html
[Pro JavaScript Techniques]: http://redirectingat.com/?id=725X584219&site=lifesinger.wordpress.com&xs=1&url=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2F1590597273&sref=http%3A%2F%2Flifesinger.wordpress.com%2F2011%2F02%2F27%2Freferences-for-javascript-study%2F
[Secrets of the JavaScript Ninja]: http://jsninja.com/
[High Performance JavaScript]: http://redirectingat.com/?id=725X584219&site=lifesinger.wordpress.com&xs=1&url=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2F059680279X&sref=http%3A%2F%2Flifesinger.wordpress.com%2F2011%2F02%2F27%2Freferences-for-javascript-study%2F
[JavaScript Patterns]: http://redirectingat.com/?id=725X584219&site=lifesinger.wordpress.com&xs=1&url=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2F0596806752&sref=http%3A%2F%2Flifesinger.wordpress.com%2F2011%2F02%2F27%2Freferences-for-javascript-study%2F
[Douglas Crockford_s JavaScript]: http://javascript.crockford.com/
[JavaScript Garden]: http://bonsaiden.github.com/JavaScript-Garden/
[High Performance Web Sites]: http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309/
[Even Faster Web Sites]: http://www.amazon.com/Even-Faster-Web-Sites-Performance/dp/0596522304
[HTML5 Up and Running]: http://www.amazon.com/HTML5-Up-Running-Mark-Pilgrim/dp/0596806027/
[Mozilla Developer Network]: https://developer.mozilla.org/en-US/docs
[MSDN Web Development]: http://msdn.microsoft.com/en-us/library/aa155073.aspx
[ECMA-262 3rd Edition]: http://bclary.com/2004/11/07/
[ECMA-262 5th Edition]: http://people.mozilla.org/~jorendorff/es5.html
[Annotated ECMAScript 5.1]: http://es5.github.com/
[lifesinger_twitter]: http://twitter.com/lifesinger
[lifesinger_s shared items in Google Reader]: http://www.google.com/reader/public/atom/user%2F05422701936444684249%2Fstate%2Fcom.google%2Fbroadcast
[JSMentors.com]: http://jsmentors.com/