本文针对缺乏JavaScript基础的开发者,梳理了从环境搭建到进阶学习的完整路径。推荐Firefox及Firebug等必备工具,涵盖HTML、CSS、DOM等基础知识资源,并深入解析Yahoo视频教程、可维护代码理念及MooTools源码阅读方法,帮助读者通过实践掌握跨浏览器开发技能。
[译注:或许有人质疑,若不翻译所荐资料则一切徒劳,然关键在于作者传授的学习路径。具体参考内容可于Google搜索对应知识的中文版本。]
若译文有误,敬请留言指正!
帮帮我!我不懂JavaScript [Help! I Don't Know JavaScript!]
2007年6月5日,作者 Michelle
为协助所有对Mootool感兴趣却遭遇诸多障碍者,我整理了以下网络资源,旨在提供开展客户端应用开发所需的全部知识。
职业必备工具
此为从事Web开发的前提条件。
Firefox:开发工作不可或缺Firefox。此外,还需在个人电脑及其他测试机上安装计划兼容的所有浏览器,以便利跨浏览器支持测试。
必不可少的扩展
- Firebug:堪称史上最优秀的插件。Firebug使面对海量代码而困惑的你,清晰洞察浏览器处理页面时的内部运作机制。
- Web Developer Toolbar:赋予你全面掌控站点的强大能力。可禁用JavaScript、查看无CSS时的网页、禁用来源访问、启用严格警告等。Web Developer Toolbar能提供你所期望的一切功能。
学习基础知识
切勿因不懂HTML而止步于Web开发之路!
How to Create
此处极佳,不仅详尽介绍各类繁琐细节,还涉及语义化与实践优化课题。总体而言,这是非常优秀的人性化设计基础知识概览。
- HTML
- CSS
- JavaScript
Mozilla开发者中心[MDC]
这或许是网上最全面的Web开发信息中心,尤以Firefox或Mozilla信息见长。它应成为你的主要参考资源。
- HTML
- CSS
- JavaScript
- 特别收录: DOM
W3 Schools
基本上,W3 Schools 能提供所有Web技术的快速参考,且比W3C原始参考文档更易读。MDC虽更佳,但手边备有快速参考资料始终有益。
- HTML
- CSS
- JavaScript
微软开发人员网络 [MSDN]
勿被其名误导——JScript与JavaScript本质相同。若我没记错,微软因该站点曾获一两个可用性奖项。与IE的不规范行为斗争时,应常来此查阅。
- HTML & CSS
- JavaScript
[译注:近期发现梦都网(中文)的HTML和CSS基础教程及参考文档甚佳,建议参阅。]
其他资源
若你颇具好奇心,可常阅 A List Apart ,以获取巧思妙技。另请注意,Mootool在 strict doctype [严格文档类型]下表现最佳。译注:Doctype即XHTML文档头部声明指定的文档类型,通常形式如下:
- <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
JavaScript详细
JavaScript,世上最酷的编程语言。欲掌握JavaScript,首需明白,它与 <此处用你最喜欢的编程语言代替>截然不同。明了此点后,你可能想参阅以下指导文章:
了解基础
接下来轻松一点。Yahoo的几位优秀人士上传了大量普及性视频教程。这确是大好事,因为我们对JavaScript的学习简化至仅需数小时观看这些聪明人的讲解。
激动人心的 JavaScript三部曲
- JavaScript编程语言
- 第一部分
- 第二部分
- 第三部分
- 第四部分
- DOM的理论研究
- 第一部分
- 第二部分
- 第三部分
- 高阶JavaScript
- 第一部分
- 第二部分
- 第三部分
特别收录
- Nicholas Zakas谈可维护代码
- Joe Hewitt介绍Firebug
自食其力地进阶
完成上述学习后,尝试利用Google查找想知道的问题答案,直至你能用原始JavaScript代码编写出几个有趣的跨浏览器Ajax应用。这并非不可能,不久你便能脱离Google独立操作。我认为靠自身力量完成这些,有助于你理解框架如何实现应用,以及丰富应用背后的过程。
你可能也会觉得 JavaScript的知识鸿沟 是篇有意思的文章。
通过实例进行学习
若你真想成为优秀的JavaScript代码编写者,最佳方式是阅读已洞悉个中奥妙之人编写的代码。也就是说,你可能需要 浏览MooTools的源码 以获启迪。你不仅能吸收诸多好点子,通过此过程,还能更深层理解该框架。
进阶到更高水平
此刻该下载Mootools啦!若你确实完成了我上面列举的大部分学习内容,我们欢迎你到论坛提问,在IRC聊天室潜水,为Mootools社区做出贡献。 试试下载完整、未经压缩的源码并应用于开发工作。观察修改源码时的变化。尝试找出一些bug,提出相应解决办法。制作几个插件。但请确保为插件命名时让其看起来和Moo有关。