JavaSctipt正规学习路线，网友：我学不会，原来是这样！

朴灿烈づ我的快乐病毒、 2022-03-14 21:08 181阅读 0赞

完成整个课程大纲需要花上6~8周的时间，将学会完整的JavaScript语言（包括jQuery和一些HTML5）。如果你没有时间在6个星期里完成所有的课程（确实比较有挑战性），尽量不要超过8个星期。花的时间越长，掌握和记忆各种知识点的难度就越大。

![1240][]

**1～2周(简介，数据类型，表达式和操作符)**

如果你还不是很了解HTML和CSS，完成Codecademy上的web基础任务。

阅读《JavaScript权威指南》或者《JavaScript高级程序设计》的前言和第1~2章。

十分重要：在书中遇到的每个样例代码都要动手敲出来并且在火狐或Chrome浏览器控制台中跑起来、尽量蹂躏它（做各种试验）。也可以用jsfiddle，但不要用Safari浏览器。我建议用火狐搭配Firebug插件去测试和调试代码。浏览器控制台就是可以让你编写和运行JavaScript代码的地方。

阅读《JavaScript权威指南》第34章。或者阅读《JavaScript高级程序设计》第34章。你可以跳过位操作部分，在你的JavaScript生涯中一般不会用上这个。

再次说明，记得要不时停下来把书本的代码敲到浏览器控制台里（或者JSFiddle）做各种测试，可以改变几个变量或者把代码结构修改一番。

阅读《JavaScript权威指南》第5章。至于《JavaScript高级程序设计》则暂时没有阅读任务，因为前面已经把相关知识覆盖了。

完成Codecademy? 上的2~5部分。

**3~4周(对象，数组，函数，DOM，jQuery)**

![1240 1][]

以下二选一：

阅读《JavaScript权威指南》第6章。

阅读《JavaScript高级程序设计》第6章。注意：只需要看“理解对象”（Understanding Objects）部分。

两本书会涉及更多的一些细节，但只要看完我的博文，你可以完全放心地跳过这些细节。

阅读《JavaScript权威指南》第7~8章或者《JavaScript高级程序设计》第5和7章。

此时，你应该花大量时间在浏览器控制台上写代码，测试if-else语句，for循环，数组，函数，对象等等。更重要的是，你要锻炼和掌握独立写代码，不用借助Codecademy。在Codecademy上做题时，每个任务对你来说应该都很简单，不需要点帮助和提示。如果你还卡在Codecademy上，继续回到浏览器上练习，这是最好的学习方法。就像詹姆斯年轻时在邻居的篮球场上练球，比尔盖茨在地下室里学习编程。

持续地练习，这一点点的进步积累起来效果会非常惊人。你要看到这个策略的价值，相信它是可行的，全心投入进去。

**Codecademy会造成已掌握的错觉。**

使用Codecademy最大的问题是，它的提示和代码小片段会让人很容易就把答案做出来，造成一种已经掌握这个知识点的错觉。你可能一时看不出来，但这样做你的代码就不是独立完成的了。 但目前为止，Codecademy依然是学习编程的好帮手。特别是从一些基本的代码结构如if语句，for循环，函数和变量去指导你了解小项目和小应用的开发过程。

回到Codecademy完成JavaScript路线。做完6~8部分（数据结构做到Object 2）。

实现Codecademy上 路线的5个基础小项目（Basic Projects）。做完之后，你已不再需要Codecademy了。这是一件好事，因为自己做的越多，学得就越快，就能更好准备开始独立编程。

阅读《JavaScript权威指南》第13，15，16和19章。或者阅读《JavaScript高级程序设计》第8，9，10，11，13和14章。这本书没有涉及到jQuery，而Codecademy上的jQuery知识也覆盖得不够。可以看看jQuery的教程免费的：

下面是小编整理的一整套系统的web前端学习教程，加群即可免费领取！

自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

加Q 裙：853597293（招募中）

![1240 2][]

你也可以在《JavaScript权威指南》第19章了解更多的jQuery知识。

[1240]: /images/20220315/d9df44a2e9f4423999be976ec5ca07f6.png
[1240 1]: /images/20220315/edd2a99d0fff47ac9244d9bf0f7e77c3.png
[1240 2]: /images/20220315/4783f37a55ed487883c18d1770ca5989.png