前端开发：从菜鸟到大牛的取经之路

灰太狼 2022-07-16 14:26 206阅读 0赞

![1240][]

以我的经验，大部分技术，熟读下列四类书籍即可。

*  入门，用浅显的语言和方式讲述正确的道理和方法，如head first系列；
 *  全面，巨细无遗地探讨每个细节，遇到疑难问题时往往可以在这里得到理论解答，如Definitive Guide/Programming xx系列；
 *  实践，结合实际中经常遇到的情景环境，来描述如何设计和解决问题，如cookbook系列；
 *  深入，讲解一些文化，思路，甚至于哲学上的东西，真正做到深入一种语言去编程，如unix编程艺术，程序员修炼之道等等。

那么，目前为止我认为最好的书是：

## CSS： ##

1.  入门：[Head First HTML and CSS, XHTML （中文版，第二版）][Head First HTML and CSS_ XHTML]这本2005年底的书依然是最易懂，清晰和正确的入门读物，去看看amazon排名就知道了;
2.  全面： CSS, The Definitive Guide (3th Edition) （[《CSS权威指南 第3版)》][CSS_ _3]）Meyer可能是css领域最权威和知名的作者，他在这本书里讲解了每个细节的实现和原理，更详细的东西恐怕只能从w3c那几乎不可读的文档中去寻找了；
3.  实践： CSS Mastery (2th Edition) （[《精通CSS:高级Web标准解决方案(第2版)》][CSS_Web_2]）Andy budd恐怕是英国最出色的CSS作者，这本书用简单直接的方式论述了很多实践中组件的正确实现以及可替代方法，包括CSS3；
4.  深入：很遗憾，CSS在这方面还没有一本必读著作，也可能并不需要，因为到了这个程度，多是用户体验和视觉设计了，目前最接近的是 Transcending CSS （[《超越CSS：Web设计艺术精髓(修订版) 》][CSS_Web_]），但不断的技术进化使得书中某些部分感觉有些落伍。

关于CSS3， 她是一个模块化的渐进式增强，且以2.1为基础，因此，请学好CSS2再学习CSS3，这方面我认为只需要一本实践书即可，告诉你CSS3能做到什么。毕竟，原理是共通的。

The Book of CSS3 推荐这本，一个技术人员写的组织清晰的CSS3模块描述和实践指南，还包括浏览器的实现情况。2011年5月出版，是目前为止最好的。

## Javascript： ##

1.  入门： Eloquent Javascript 一位hacker写的编程入门，书中向hacker，open source, free software的欣赏和痴迷比比皆是，比如官网下边那个向emacs致敬的console。作者很聪明，这本书的目标读者，beginners是不会因为这些小细节而向他叫好的。他想要的，只是把在其中浸淫多年的，真正意义上的编程精神，传达给初学者们而已。少见地打败了对应的HeadFirst系列。（Headfirst Javascript）
2.  全面： Javascript, The Definitive Guide(6th edition) （[《JavaScript权威指南(第6版)》][JavaScript_6]）伴随我们web开发者成长的一本javascript圣经，一直以来都是无可争议的最好与最全面的JS书籍，2011年出版了最新版。
3.  实践：在目前的web开发环境中，我们都是在使用各种JS框架，很少自己写框架来开发，因此这本书的位置，应该留给你所使用的框架。如果是jquery，我推荐Jquery: Novice to Ninja （[《JQUERY从菜鸟到忍者(第2版)》][JQUERY_2]）这本，框架方面的书，经常一本入门的就够了，因为更新实在太快，之后的研究学习只能全靠网络了。
4.  深入：与CSS不同，JS是一种真正的编程语言，所以对他的深入研究是一个长期的过程，CSS的深入更偏向技艺/工匠，而js更偏向设计/架构/艺术，我推荐以下几本从不同方面深入JS的书，他们都是业界最顶级的JS开发团队（yahoo）的成员和同事，因此思路是很统一的，著名的高性能网站建设指南1和2都出自这个团队。
    
     *  Javascipt, The Good Parts （[《JavaScript语言精粹(修订版) 》][JavaScript_]）由JSON的发明者撰写。
     *  Javascript Patterns （[《JavaScript模式》][JavaScript]）YSlow的合作开发者撰写。
     *  High Performance Javascript 最好的zakas的书，虽然我不太喜欢他。

附上一些即将出版，我非常想看的书，有先睹为快的朋友可以分享一下心得：

*  Secrets of Javascript Ninja （好像没有中文版）Jquery作者John Resig最新著作。
 *  Node: Up and Running 认识一下流行的no-block js server.
 *  Javascript Web Applications （[《基于MVC的JavaScript Web富应用开发》][MVC_JavaScript Web]）这本号称是对当下js landscape的总结。

文章源自：[http://www.zhihu.com/question/19809484/answer/13215239][http_www.zhihu.com_question_19809484_answer_13215239]

好了，下面是广告时间。前端学习群，纯净+免费+高质量分享。现在还不满，从速哦！入群加 **笑笑微信：iamaixiaoxiao**。

![Center][]

[1240]: /images/20220709/19fae22c3db446d59bbbffcb6306b16b.png
[Head First HTML and CSS_ XHTML]: http://www.amazon.cn/gp/product/B00FF3P8FY/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B00FF3P8FY&linkCode=as2&tag=cfjh-23
[CSS_ _3]: http://www.amazon.cn/gp/product/B0011F5SIC/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B0011F5SIC&linkCode=as2&tag=cfjh-23
[CSS_Web_2]: http://www.amazon.cn/gp/product/B003IURKAM/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B003IURKAM&linkCode=as2&tag=cfjh-23
[CSS_Web_]: http://www.amazon.cn/gp/product/B008O70OKC/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B008O70OKC&linkCode=as2&tag=cfjh-23
[JavaScript_6]: http://www.amazon.cn/gp/product/B007VISQ1Y/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B007VISQ1Y&linkCode=as2&tag=cfjh-23
[JQUERY_2]: http://www.amazon.cn/gp/product/B00EVO8PCG/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B00EVO8PCG&linkCode=as2&tag=cfjh-23
[JavaScript_]: http://www.amazon.cn/gp/product/B0097CON2S/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B0097CON2S&linkCode=as2&tag=cfjh-23
[JavaScript]: http://www.amazon.cn/gp/product/B008QTG1HS/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B008QTG1HS&linkCode=as2&tag=cfjh-23
[MVC_JavaScript Web]: http://www.amazon.cn/gp/product/B0082226FU/ref=as_li_ss_tl?ie=UTF8&camp=536&creative=3132&creativeASIN=B0082226FU&linkCode=as2&tag=cfjh-23
[http_www.zhihu.com_question_19809484_answer_13215239]: http://www.zhihu.com/question/19809484/answer/13215239
[Center]: /images/20220709/6afbbcf23f6048b5b82fa3fd2f33ab94.png