本文针对零基础或非计算机专业背景的学习者,提供了一套系统的JavaScript学习方案。文章强调HTML/CSS基础的重要性,建议避开浮躁的速成教程和无效培训。推荐分四个阶段阅读《JavaScript DOM编程艺术》、《JavaScript高级程序设计》、《JavaScript语言精粹》及《高性能JavaScript》等经典著作,通过循序渐进的阅读与代码实践,帮助初学者建立扎实的前端开发能力。
这并非什么丰富的经验之谈,而是基于个人学习过程中积累的一些教训总结。
或许有人会质疑:‘你自身水平有限,有什么资格指导我们?’请先不要急于反驳,听我继续说明。
让大学生去教小学数学,未必比初中生教得好。因为大学生早已跨越了那个阶段,忘记了当初的学习路径;而初中生刚经历过,对难点记忆犹新,甚至有自己的总结。例如,许多高手认为《JavaScript DOM编程艺术》(俗称犀牛书)适合入门,觉得内容过于简单,但根据我的经验,它并非最佳入门选择。
首先讨论学习JavaScript所需具备的基础条件。
就个人条件而言,我是文科背景,大学专业为工商管理,与计算机专业毫无关联;此外,英语成绩也不理想,甚至未通过四级考试。在这样的条件下我都能愉快地学会,你还有什么理由等待?
当然,学习JavaScript确实存在门槛:你需要对HTML和CSS有较为熟练的掌握。如果连<body>标签的作用都不清楚,就急于学习JS,无异于在没学好加减法的情况下直接学习乘除法,这是有害无益的。
接下来分享几点关键的学习建议。
第一,不要急于查阅复杂网页效果的源代码。这除了打击自信心外,对你毫无帮助。在技能未达标时,强行模仿高阶技巧(如所谓的‘葵花宝典’)是学不会的。
第二,不要急于加入技术交流QQ群或试图联系行业大牛。如果你向张三丰请教武功,第一句话就问‘丹田在哪里’,很可能遭到拒绝甚至惩罚。
第三,直接跳过网上那些‘多少天精通JS’或‘从入门到精通’的教程。大量事实证明,浮躁的心态必然导致失败。
第四,坚决避免参加电脑培训班。这不仅浪费金钱和时间,更关键的是学不到实质内容。原本购买两本好书自学三个月即可掌握的内容,培训班可能会拖延至两年。
以下推荐几本优质书籍。
我没有特别的捷径,只是推荐几本好书。请务必按顺序阅读,不要在第一本书未读完时就急于阅读第二本,因为并非每次‘穿越’都能成功。
第一阶段:《JavaScript DOM编程艺术》
阅读本书前,请确认你对JavaScript有基本了解,例如知道if/else等语法。如果不懂,请先阅读《JavaScript高级程序设计》的前三章,但只看前三章,随后回到《JavaScript DOM编程艺术》。
学习JavaScript时,《JavaScript DOM编程艺术》是极佳的入门书籍。建议老老实实阅读两遍,全书围绕一个网页效果示例展开,跟随书中代码逐行敲击。完成后,你会发现这些效果常见于网页中,从而获得小小的成就感。
第二阶段:《JavaScript高级程序设计》
有些书成为经典,有些书超越经典,本书属于后者。书中章节经典,由浅入深,其中第6章关于JavaScript面向对象的解说,堪称无出其右。
如果满分100分的JS考试中,读完《JavaScript DOM编程艺术》能得20分,那么读完本书可得60分以上。学完后成就感倍增,请相信我(建议至少看两遍,推荐三遍,并逐行敲击书中代码)。
本书最新版本为第三版,近期刚出版。我阅读的是第二版,第三版与第二版变动不大,仅增加了几章内容,目前价格相差约10元。
至此,恭喜你初步‘下山’,可以开始尝试独立做一些事情了。
第三阶段:《JavaScript语言精粹》和《高性能JavaScript》
接下来的两本书《JavaScript语言精粹》和《高性能JavaScript》可作为JS高级教程的补充。虽然部分内容与《JavaScript高级程序设计》重复,但两书篇幅适中,可同时阅读,对前期所学知识起到很好的加强和巩固作用。
第四阶段:《JavaScript DOM高级程序设计》和《JavaScript设计模式》
在深入理解前述书籍后,接下来两本书的阅读顺序已无关紧要。《JavaScript DOM高级程序设计》(注意区别于《JavaScript 高级程序设计》)和《JavaScript设计模式》均为重量级著作,能将你的JS技术提升至新台阶。前者侧重‘外功’,后者侧重‘内功’,二者关系类似乾坤大挪移与九阳神功。
《JavaScript DOM高级程序设计》首先教你搭建类似jQuery的工具函数库,随后通过讲解几个实际应用中常见的例子,使初学者受益匪浅。
《JavaScript设计模式》主要讲解JavaScript的设计模式。虽然翻译质量一般,略显生硬,但基本不影响学习,通过阅读代码完全可以理解其含义。
这两本书已出版一段时间,可能较难购买,此处提供下载地址: