前端学习入门书籍

布满荆棘的人生 2022-07-20 12:27 148阅读 0赞

![Center][]

目前已有的前端书籍，还在学习中。

作为一个自学过来的人，谈一谈自己的自学经历。

本文适合非计算机专业，无编程基础，只会普通电脑操作的人员，英语能达到四级以上最好，英语不好也没关系，多费点记忆力而已。

本人文科生，非计算机专业。自学三个月左右，成功进入一家电商公司进行前端开发。

如果去网上搜索前端自学路线，会有各种书籍，视频，网站的推荐。这些推荐固然是不错，但是却忽视了一个问题，那就是推荐者多是计算机专业的人，以其专业视角进行推荐，往往并不符合非计算机专业自学者的情况。本人一开始的时候就是查找了很多自学的文章，按照推荐的方法学习，结果就在学习JS的时候走了很多弯路。后来自己在亚马逊找书，才算入门了JS。

废话不多说。过程也很简单，先来理解一下我们主要学习的三个东西是干嘛的：

HTML,CSS,Javascript，对于知识体系的构建很有帮助，当初稀里糊涂学了几个星期都不明白三者的关系。对于知识的理解无疑是不利的。

关于具体关系，可以网上查，也可以听听下面这段话：

Javascript与HTML，CSS同为构成网页的三大元素。HTML像是车身骨架，CSS是美化门面的烤漆,Javascript则像轮胎，遵循结构（HTML），样式（CSS），行动（Javascript）的路径，它们同心协力把交互性推上路。------《Head First Javascript》

按照以下书籍的学习顺序来就行了。（注：每天学习6小时以上）

前端自学用一个电脑自带记事本就行，但是为了提高效率，还请下载一个开发软件，推荐用sublime或者Atom。

书籍强烈建议购买纸质正版书籍。电子版对于初学者非常不友好，有时候需要来回翻看一些内容，电子版很不方便。

1.先学习HTML和CSS。书籍推荐《Head First  HTML与CSS》（第二版），大概7-15天能学完，这涉及到每个人的学习能力不一样，有的人对新事物理解比较快，有的人慢一些。但是基本上两个星期都是可以完整的学完的，在完整的理解书上的内容并把书上的代码敲过一遍后，基本上可以做一些静态效果了。书中的第十一章《布局与定位》需要重点理解，我后来遇到很多问题还是要在看这一章。

![20160827153726294][]

2.进一步学习CSS，推荐《CSS权威指南》，有了第一本书的基础，看这本书比较容易理解了。但是此书比较厚，对于缺少实战经验的新人来说，有可能学着后面的忘着前面的，没关系，哪里忘记了，以后需要再去看就行。初学者主要是要构建一个初步的前端知识框架。此书大概需要10-15天能完整看完。

![Center 1][]

3.CSS3的学习。学习了CSS之后可以继续学习Javascript了，但是CSS3也是必学的，这部分可以以后学，也可以这时候趁热打铁学。有了CSS的基础，CSS3学起来是非常容易的，无非是多加了一些功能。推荐一本《CSS3专业网页开发指南》，3-5天即可看。或者直接到3wSchool上看一看也行。

![Center 2][]

4.Javascript学习。不同于HTML与CSS，JS不但需要记忆，也牵涉到逻辑，对于没有编程经验的新手，可能一开始并不能理解里面的各种语法为什么是这样，能干什么用。往往会一头雾水。网上推荐的书籍一般是《Javascript DOM 编程艺术》，《Javascript高级程序设计》，《Javascript权威指南》。而且往往把《Javascript DOM 编程艺术》f放在第一位，可是对于没有任何编程经验的新手来说，此书虽然简单，但是一开始就简单介绍的JS语法会让初学者摸不着头脑，过来人看if语句之类的东西，感觉太简单，但是对于新手来说，根本难以明白if语句为何要这样写，它又是干嘛的。为什么又要进行Document.GetElementById。所以这时候初学者的任务不是去学习JS语法，而是要从一个没有编程经验的新手去理解JS是个什么东西。这里推荐两本书，一本是《Head First Javascript》另一本是《Javascript入门经典》（Jermey McPeak那个第五版，不是Phill Ballard那个。）

![Center 3][]![Center 4][]

这两本各有优势，《Head First Javascript》图形化的内容适合理解JS的语法是怎么回事。但是缺乏一定的体系，而且后面的章节举的例子对于初学者也不容易。还有一个缺点就是，前面的例子就会用到后面没学的知识点，书中虽然强调不用在意，稍后会介绍。但是对于内容的理解往往大大折扣。而《Javascript入门经典》实在是一本不错的入门书籍，其实，JS入门用这个就够了。奇怪的是，基本没有人推荐这个书，亚马逊，京东的购买也是非常少，反倒是《Javascript DOM 编程艺术》，《Javascript高级程序设计》卖的非常好。《Javascript入门经典》大概15-30天能学完，看个人理解水平。书中的例子一定要亲自实践，会有非常大的收获，课后题也一定要做。学完此书，你对再去看其他的JS书籍就很容易了。但是还不能掉以轻心，就去看什么《Jsvascript语言精粹》《Javascript权威指南》之类的书。你现在需要的是另一本JS教科书。那就是《Javascript高级程序设计》，学完了《Javascript入门经典》，再看高级程序设计，基本都能看懂，但是有两章需要额外注意，那就是第六章面向对象和第七章函数表达式。因为这两章不仅是JS的难点和核心，也是前一本书中没怎么详细讲解的。因为这两章的内容比较抽象，所有需要更多的时间去理解。这时候可以配合一些视频，比如智能社那个32集的JS视频，看你需要的部分。其他部分也非常不错，有空也可以看，加深理解。有了之前的基础《Javascript高级程序设计》大概20天-30天月能 完整的看一遍。

![Center 5][]

至此，理解能力快的，两个月左右可以学完，理解能力慢的3个月左右可以学完。出去找个前端实习是没问题了。至于Jquery ，Bootstrap这些框架之类的。有了前面的基础，一般一周就能学会。能实际工作了，也不要忘记JS的学习，《Javascript高级程序设计》不是看一两遍就行的。必须看到全部的内容完全能理解，运用才行，按照我的经验，5遍差不多。

工作以后，基本上第一年都是要时刻努力学习的，前端要学的东西还多着呢。

其他推荐书籍：《锋利的Jquery》

![Center 6][]

JS的一个库，用的比较多，这一本就够了。

《Javascript 权威指南》，用来查漏补缺。也请务必看两遍以上。

![Center 7][]

最后，欢迎新手交流。 2016.8

[Center]: /images/20220719/dfc374caffc84a839fe35e646e4b3241.png
[20160827153726294]: /images/20220719/2459a1fdb98a4a959cc0e2a397f17a69.png
[Center 1]: /images/20220719/aacaa2d32822449b9da833b206d2b929.png
[Center 2]: /images/20220719/2fcb2a21ee87452b8a35579cde220b93.png
[Center 3]: https://img-blog.csdn.net/20160827154329531?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 4]: /images/20220719/3c58944f571542ee9640e51ac39a45d5.png
[Center 5]: /images/20220719/be694e0335154fb79bca144ae1de3672.png
[Center 6]: /images/20220719/bda336fd481e4eae84e2326513626077.png
[Center 7]: /images/20220719/5b0654bffd8a4f0b9e9f51fa11da61be.png