`
wellee
  • 浏览: 104143 次
  • 性别: Icon_minigender_1
  • 来自: 温州
社区版块
存档分类
最新评论

js resources

阅读更多

JavaScript 学习资源推荐
http://lifesinger.wordpress.com/2011/02/27/references-for-javascript-study/

 

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

登堂入门

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

更上层楼

  • JavaScript: The Definitive Guide – 学 JavaScript 的如果没读过这本犀牛书,就好像基督教徒没读过圣经一样。此书前面的章节很耐读,后面的语言参考,则方便查阅。这是 JavaScript 语言学习和参考查阅的首选书籍。该书第六版已完成,期待电子版和纸质书早日面世。
  • Pro JavaScript Techniques – John Resig 的这本书,展现了 JavaScript 的专业开发技巧。如果想深入了解 jQuery 源码,这本书会非常有帮助。
  • Secrets of the JavaScript Ninja – 这本书汇集了前端开发所需掌握的 JavaScript 知识的方方面面,是今年最值得期待的专业书籍之一。目前前 14 章已有电子版,最后 3 章 John Resig 还在编写中。中文版我和沉鱼已经在翻译,敬请期待。
  • High Performance JavaScript – 如果你关注 JavaScript 的性能,那 Nicholas C.Zakas 的这本书是绝对值得一读的。
  • JavaScript Patterns – 偷懒是程序员的优良品质,模式则是先人们总结的偷懒招式。Stoyan Stefanov 的这本书,从 JavaScript 的实际使用场景出发,提炼了不少可以让前端们偷懒的实用招式。模式的探索、创新,将永远是程序员自我提升的一条修炼之道。
  • Douglas Crockford’s JavaScript – Crockford 大牛在 JavaScript 方面的总结,有不少经典文章,值得研读。
  • JavaScript Garden – 这里汇集了 JavaScript 的一些经典话题,很值得花时间研读。
  • 我阅读过的还有:High Performance Web SitesEven Faster Web SitesHTML5 Up and Running.

参考查阅

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

订阅关注

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

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

再推荐一个站点:JSMentors.com, 这里收集了不少全世界范围内有影响力的前端导师们,根据实际能投入的精力,选择性订阅即可。

写在最后

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

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

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

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

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

 

 

分享到:
评论

相关推荐

    javascript-resources-1.2.zip

    【标题】:“javascript-resources-1.2.zip” 【描述】中的“common-jetty8.zip”提到了一个与Jetty相关的开源项目,它被用于“runnable-war”环境,即运行时的Web应用程序。Jetty是一个轻量级、高性能的Java Web...

    jscript resources

    标题“jscript resources”指的是与JavaScript相关的资源,这可能包括文档、示例代码或教程,旨在帮助开发者理解和使用JavaScript这门编程语言。描述中的“jscript resources”同样强调了这一点,意味着我们将关注的...

    Laravel开发-resources

    2. `public` - 虽然不是`resources`的子目录,但与之紧密关联,存放静态文件如图片、JavaScript和CSS,这些文件可被浏览器直接访问。 3. `lang` - 包含多语言文件,用于实现应用程序的本地化。 4. `stubs` - Laravel...

    javascript-resources:javascript学习资源列表

    重新介绍 JavaScript(JS 教程) http://javascript.crockford.com/ 播客 http://five-js.envylabs.com/ http://javascriptjabber.com/ http://nodeup.com/ http://thechangelog.com/podcast/ ...

    resources.assets.zip

    5. **脚本文件**:C#、JavaScript、Lua等,定义游戏逻辑或程序行为。 6. **动画资源**:FBX、JSON等,用于角色动画和场景动画。 7. **字体文件**:TTF、OTF,用于自定义UI文本样式。 8. **配置文件**:XML、JSON、...

    前台大神用的vue-resources,下载即可使用,没毛病!

    Vue.js 是一个流行的前端JavaScript框架,它以组件化开发、轻量级和高效著称。Vue-Resources 是一个与 Vue.js 配合使用的插件,主要用于处理 HTTP 请求,包括 GET、POST、PUT、DELETE 等操作。这个插件极大地简化了...

    Save All Resources2.0.4.zip

    这种格式包含了HTML、CSS、JavaScript以及其他资源文件,用于构建和分发浏览器插件。CRX文件的出现,使得开发者能够将完整的扩展程序打包成一个单一的可执行文件,便于用户下载和安装。同时,CRX格式还提供了数字...

    my_js_qwje

    "my first js resources" 描述表明这是一份初级阶段的JavaScript学习资料,可能包括基础教程、示例代码、练习项目等,适合初学者入门。 JavaScript,简称JS,是一种轻量级的解释型编程语言,主要用于网页和网络应用...

    Chrome插件0.1.8:Save All Resources

    Cocos2d-js是一个流行的开源跨平台游戏引擎,支持JavaScript语言,用于创建2D游戏和互动应用。HTML5是现代网页开发的标准,它包含了诸如Canvas、WebGL、Audio和Video等新元素和API,使得在浏览器中构建丰富的多媒体...

    Save All Resources谷歌插件

    标题中的“Save All Resources”是一款针对谷歌浏览器(Chrome)的扩展程序,它的主要功能是帮助用户一键下载网页中所有的资源文件。这款插件对于开发者、设计师或者需要批量下载网页资源的用户来说非常实用,它能...

    devtools-resources

    1. **源代码查看与编辑**:通过此工具,开发者可以实时查看和编辑H5页面的HTML、CSS和JavaScript代码,即时查看修改效果,大大提升了调试速度。 2. **网络请求监控**:监控页面的HTTP/HTTPS请求,包括请求头、响应...

    谷歌浏览器插件_Save All Resources

    4. `content.js`、`devtool.js`、`popup.js`:JavaScript文件,实现插件的核心功能,如监听事件、处理用户交互以及下载资源等。 5. `background.js`:后台脚本,通常负责处理与浏览器全局事件的交互,比如监听新标签...

    resources.pak 打包工具

    在Chrome浏览器中,为了提高性能和安全性,许多静态资源如HTML、CSS、JavaScript、图片等会被压缩并打包成"resources.pak"文件。这种打包方式有助于减少网络传输的数据量,加快页面加载速度,并且可以对代码进行混淆...

    微信小程序-微信小程序相关文件,包含ide破解,及一些api的hack技巧

    Resources/app.nw/app/dist/components/create/createstep.js Resources/app.nw/app/dist/stores/projectStores.js Resources/app.nw/app/dist/weapp/appservice/asdebug.js window上: 安装完后,一般是放在这个...

    resources_cn.rar

    其专业版还包括对Web开发的支持,例如HTML、CSS、JavaScript等前端技术。 总的来说,"resources_cn.rar"文件包含的是PyCharm的中文本地化资源,这对于在中国使用PyCharm的开发者来说非常有用,因为它允许他们用母语...

    resources.rar

    6. HTML、CSS、JavaScript文件:这些是Web开发中的基本元素,HTML定义页面结构,CSS负责样式,JavaScript处理交互。 7. 模板文件:如PPTX(PowerPoint)、DOCX(Word)或PDF,它们可能是报告、演示文稿或文档模板。...

    resources-optimizer-maven-plugin-1.1.0.zip

    该插件名为"resources-optimizer-maven-plugin",版本为1.1.0,其核心功能是自动化地压缩和合并项目中的JavaScript和CSS文件。在Maven工程中集成此插件,开发者无需手动处理这些琐碎但重要的优化步骤,极大地提升了...

    web resources

    "myweb"可能是项目文件夹的名称,通常包含一个结构化的目录,如`css`存放样式表,`js`存放脚本,`img`存放图片,以及`fonts`和`media`存放字体和多媒体资源。 八、性能优化:Web资源的加载速度直接影响用户体验。...

    Save All Resources浏览器插件

    要保存网站内容,一种做法是直接右键另存为整个网页。虽然有时网页也能正常运行,但不可避免地丢失了网站文件夹结构。当然,你也可以在Sources中挨个文件地另存为,然后重新建立文件夹结构。今天给大家推荐一款扩展...

Global site tag (gtag.js) - Google Analytics