Javascriptを学びたい友達への学習体験談まとめ_基礎知識

当然只是个人的经验，有什么不对的也请高手见谅和指正。

关于到培训学校学习的忠告：别说现在没有这样的学校，就是有专门的学校也不要去，因为不会有好的老师的。不要浪费你自己（很可能是你父母）的钱和时间。趁早死了这个念头。

关于培训学校的这个我想我要比一般的朋友更有发言权，因为我本人干英语培训将近2年，我很清楚培训市场的情况，你很难碰到一个好的老师。英语可能还好些，毕竟英语说得好的老师还比较多，长期跟老外泡在一起，确实对口语能力的提高很显著，但是代价是很昂贵的。而你现在要学的是Javascript，呵呵，好的前端工程师可不多！

我的个人观点，有资格和有能力的教好Javascript的老师，一定要是个好的有着丰富的前端开发经验的前端工程师。大学的老师，教授可能他们中很少有人符合这个要求，而好的前端工程师，都忙着自己的工作去了。剩下的有时间去教Javascript的人，呵呵，就不多说了。

这里也发点牢骚，我们在大学校园里学习的东西，你学的时候根本不知道这个东西有什么意义，你自己不去钻研，老师他是不会告诉你的。在培训学校，呵呵，也差不多。

如果不是一个好的前端工程师，他很难告诉你为什么我们现在提倡使用闭包把以前的全局变量放到闭包中作为闭包函数的局部变量？他也很难对 Javascript变量作用域的相关知识跟你讲透彻。在Javascript里能够形成scope（作用域）的东西有哪些？为什么说全局变量是魔鬼？闭包又是怎么产生的作用域？等等这样很基础，但很重要的知识的意义，他不清楚，将给你听，让你明白这些知识和他们的意义就更困难。

呵呵，所以我的建议，想学Javascript，还是多跟你的身边认识的朋友，特别是那些从事前端开发的工程师多交流和学习。自己要多钻研。呵呵，不认识前端工程师，就到脚本之家与蓝色理想来多看看（bbs.blueidea.com，记住！这可不是广告哦！），把你不清楚的问题提出来，但是我这里要说一个好的学习习惯。什么时候提问？

什么时候提问？这个也是问题吗？对的，很多人，也是很多在校学生的一个不好的学习习惯，一有问题就问别人请求帮助。我个人这个是个坏习惯。难道问问题也是个坏习惯？对的，我个人觉得，你问问题寻求别人的帮助，应该是在你自己已经动脑经思考，通过各种途径查阅相关资料都无法获取问题的最终解决办法的情况下再来提问？这样你已经对你要解决的问题做过研究，有一定了解，你可以更详细的告诉别人你想要的答案大概是什么样的，或者说你可以把你想描述的问题讲的更清楚。这样别人来解决你的问题的时候，也可以更快速的作出解答。我想你学起来，对这个问题的理解也会更深刻些。

好了，好像扯得有些远了。来谈谈怎么学习Javascript吧！先给大家泼点冷水，我想告诉你的是：Javascript要比其他的开发语言都难学好！

为什么？因为就目前来说，大家（国内甚至是国外的程序员）普遍对Javascript这门编程语言（请允许我这么说）了解和研究得不够深，至少不像大家对 JAVA,C#等这样的语言了解的和研究得那么透。所以这个就引起了另一个问题，现在市面上Javascript的书籍对Javascript这门语言的讲解都不够深入和全面。当然是相对JAVA,C#这样的语言来说。所以这就导致了，学Javascript很困难。当然学任何一门编程语言，特别是学好，学精都不容易。

不过也有好的消息，就是现在大家对Javascript的重视和更深入的研究，现在Javascript书籍里讲解的内容也要比4年前质量高出太多了，可以这么说，你现在开始Javascript正是时候哦！呵呵！所以这里也给大家一个经验，买Javascript的书，最好不要买4年前，也就是2005 年前出版的。最好买近两年出版的书。

说到这里，我想说说一个现象，随这大家近几年对Javascript的重视和研究，主要是很多传统的程序员开始学习和研究Javascript，他们把面向对象编程的思想带入到Javascript的前端开发，极大的促进了Javascript的推广和发展。这点要十分感谢他们。也许是处于这些程序员的传统的开发的思想的影响，现在我们的Javascript库如雨后春笋般的出现。

呵呵！JAVA有JAVA的库和各种各样的框架，C#也是模仿JAVA，也是有着丰富的开发库。这些库为我们的开发带来了极大的方便，这是个很不错的事情。所以这些传统的程序员在从事前端的开发的时候，也为自己编写了库。我们很熟悉的就有prototype,jQuery,YUI,Ext等等，我就不一一列举了。当然这些库的出现也为我们的前端开发带来了极大的方便，但是事情都有两面性的，在这些库的出现后，在给我们的开发带来便利的同时，也让我们的很多朋友产生对库的依赖，可能严重点的，没有库了，给他个记事本（我们姑且不提开发效率）可能就不知道如何下手了。

如果仔细想想，这个也是很可怕的事情。为什么？因为大家都不再去花心思去研究Javascript底层的知识，只是一味的在这些库的帮助下，构建那些炫目的特效（还好，这些库都是免费的）。或者干脆直接用别人写好的插件。都不知道万一这些库要是开始收费（只是瞎想想），怎么办？还有就是这些库比如有别有用心的人，在中加点什么恶意的东西，我想很难有人会从头到位把一个库研究个透。你怎么办？最严重的就是编程能力的下降，但给人的感觉是入门的门槛更底了。不要被“The Write Less, Do More”这样的广告迷惑了，因为在你加载这个库的同时，别忘了“Size of your web page is much bigger, or say the size is HUGE".

所以当大家使用这些库的时候，我希望大家不仅仅是使用者，也要用心去阅读这些库的代码，从中学习。收获会很大的，而且说不定，你会发现可个改善地方，甚至是有错误的地方。这个是很有可能的。还有就是我刚才提到的，这些库的开发者很多都是从传统的程序员转型过来，或者说是因为开发需要而开始学习 Javascript，很可能会有错误。或者说受以前学习语言的影响，写的程序更像是在写其他的语言，而不是写Javascript，执行效率并不高。所以不要迷信库。

问几个问题，你清楚jQuery是怎么实现CSS(3)和XML的XPath选择器的吗？jQuery又是怎么实现eventHandle的？怎么处理其中的浏览器兼容性问题的？

如果你还不明白我提的问题，那么请仔细看看jQuery是怎么实现的吧！如果你还读不懂它，还是多看看我要给你介绍的Javascript的书吧，了解 Javascript的底层和基础的知识。让自己能读懂jQuery，让自己不要jQuery也能实现Dom的拖动，让自己也能写出自己的库。当然这话我说得太大了。不过只要你是真正研究Javascript和相关的知识，你也可以做到的。

绕了这么大一圈，现在让我们正式开始吧，来介绍几本学习Javascript的书吧。（以下介绍的书都是本人自己购买阅读过的，对了我不崇洋媚外，一条真理：不要买中国人写的Javascript书）

入门的书：

《Javascript高级编程技术》：不要被“高级”这两个字吓到，这个书其实是本很不错的入门的书，因为这本书也很详细的介绍了javascript 的全部内置对象和语法，并且介绍了面向对象的思想，DOM、BOM的知识，正则表达式，高级的DOM处理。Ajax的知识，还是很全面的。而且个人认为这本书对基础知识的介绍并不比其他的同类书逊色。比起《Javascript权威指南》（我当时买点的是第4版）,我觉得更详细些和更清楚些。在《指南》的第4版中，我觉得那本书中讲的东西有点混乱。感觉一个知识点还没有讲清楚，就给你一个什么类，看得不明不白的。因为没有看《指南》的第五版，所以这里不推荐给大家。而且《高级编程》这本书要比《指南》便宜不少。《高级编程》中也提出了采用功能(future)探测来取代浏览器版本探测来处理脚本兼容性的处理。个人觉得《指南》有的，这本书也都说了。还有我前面提到的，这本书的作者是YAHOO的资深的前端工程师，你可以在他的网站下载到相关的代码。

《Javascript DOM 编程艺术》：我个人的感觉是学习DOM编程的经典入门书籍，作者是webstandards.org的创始人之一，书中以浅显易懂的语言，教你一步一步的来讲解DOM编程，一点点地提升网站的用户体验。书中一直强调不唐突的脚本开发，网站要向后兼容，强调网站的可访问性。这个也是大家在做前端开发时应当努力追求的，也是必须要有的开发指导思想。可惜很多的后台开发的程序员，根本没有这个概念，所以你在开发的时候，一定要给你的程序员多洗脑。呵呵！

「CSS 決定版ガイド」の第 3 版: フロントエンド開発を行うには、CSS2 を詳しく理解する必要があります。注意深く見るたびに、何か新しいものを得るでしょう。

『Webサイト再構築』と『CSS Webサイトレイアウト記録』（中国人が書いた唯一のおすすめ本）：これを読めば、なぜWEB標準を学ぶ必要があるのか​​がわかります。フロントエンドエンジニアの仕事が重要であることが分かるでしょう。

改善段階:

「JavaScript DOM 高度なプログラミング」: この本では、DOM プログラミングのスキルを詳細に紹介するだけでなく、オブジェクト指向プログラミング手法の使用と、この本に記載されている開発ライブラリを管理するための名前空間の使用についても説明します。あなたが学ぶように、あなたの個人的な DOM Javascript ライブラリは常に強化されています。あはは、前にも言ったように、独自のライブラリを作成できます。もちろん、この本のコードは比較的緩いものであり、実際のエンタープライズレベルの開発には適用できません。ただし、オブジェクト指向開発の説明は十分ではありませんが、この本の中でクロージャとオブジェクト指向開発の考え方が紹介されているため、JS への理解がさらにレベルアップします。

「XML 開発ガイド」: 私たちは ajax を知っています (X は XML を指します)。XML の関連知識を理解したい場合は、この本を読む必要があります。読んでみると、XML について理解できないことが多すぎることがわかります。おそらく、自分が知っていることと比較すると、ほんの少ししか知らないでしょう。ちなみに、ここで言っておきますが、Ajax プログラムのデータキャリアとして XML を使用することはお勧めしません。なぜ？とても不経済だからです。まずデータを XML ドキュメントに変換し、次に Javascript を使用して XML ドキュメントからデータを抽出し、ドキュメントをデータに変換します。そして、ブラウザによる XPath 互換性の処理には、あなたは夢中になるでしょう。これで、それを置き換える JSON が完成しました。ただし、XML はすでに RSS などの多くの標準のデフォルトのデータ通信キャリアであるため、XML を使いこなす必要があります。

個人的には、JavaScript を学ぶことはこれらの本を読むことと基本的に同じだと感じています。もちろん、これらの書籍は、「Mastering Javascript」、「PPK Talks about Javascript」、「Advanced CSS Skills」、「Ajax in Action」、「Ajax Advanced Programming」、および「JavaScript: The Good Parts (コピー版）」。

これらの本を読むと、JavaScript の関連知識、CSS (CSS にどのようなセレクターがあるのか​​がわかります)、および XML の知識が理解できるようになります。はは、基本的な開発は自分で解決できるはずです。また、JavaScript オブジェクト指向開発についても理解しており、下位互換性のある開発アイデアを持っている必要があります。これらの本を読めば、WEB 標準についての理解がさらに深まることは明らかです。

もちろん、優秀なフロントエンドエンジニアになりたいなら、これら以外にも学ぶ必要があります。また、SEO 最適化の知識も知る必要があります。なぜなら、作成するページは検索エンジンに優しいものでなければならず、適切な知識が必要だからです。構造。 SQL とデータベース、できれば C# などのバックグラウンド プログラミング言語を理解する必要もあります。主な理由は 2 つあり、総合的に向上することと、オブジェクト指向プログラミングを完全に理解することです。これらの伝統的な言語の考え方はより成熟していますが、JavaScript の継承メカニズムはこれらの伝統的なプログラミング言語とは異なることを知っておく必要があります。したがって、JavaScript を使用して C# を作成しないでください。もう一つ重要な理由があります。目立たない開発アイデアをより毅然として実行してもらいたい場合は、プログラマーを頻繁に洗脳する必要があります。しかし、あなたは彼らにあなたの言うことを聞いてもらう必要があります。あなたは彼の言うことを理解する必要があります。そして、彼らがあなたの言うことを聞くように、彼にいくつかの良い提案をしたほうがよいでしょう。 WEB標準の発展に向けて、もっと頑張ってください！

ここで付け加えておきたいのは、フロントエンド開発では、JSON と正規表現を詳しく学ぶ必要があるということです。それから、JSON のデータキャリアがあります。 AJAX プログラムの XML を置き換えるのは、XML よりもはるかに簡単です。最後に、クロージャの使用と、皆さんも私も何度も言及したオブジェクト指向開発のアイデアがあります。

はは、最後にもっと練習して、学んだ知識を実際の開発に応用し、友達ともっとコミュニケーションを取りたいと思っています。一緒に進歩しましょう！