学习前端开发必读书籍，拥有这几本武功秘籍，让你如有神助

ゝ一纸荒年。 2023-02-14 10:22 14阅读 0赞

Html和Css方面书书籍：

1 .HTML 5与CSS 3权威指南 ：html5和css3入级好书；详尽讲解了HTML5与CSS 3的所有功能和特性；  
![在这里插入图片描述][20200602111910795.png]  
2 .HTML5移动Web开发指南：介绍了一下移动端的web开发技术，以及一些移动端框架：QueryMobile、Sencha Touch，以及PhoneGap；  
![在这里插入图片描述][202006021119232.png]  
3. HTML5程序设计(第2版)： 很全面的介绍了一下html5技术，前端人员都应该看一看；  
![在这里插入图片描述][20200602111939963.png]  
4.《Head first HTML&CSS》好的入门书。看两遍就对HTML & CSS 有个大概印象了。

此时把w3cschool作为备查手册收藏起来，结合此书，事半功倍，成就感爆棚。  
![在这里插入图片描述][20200602111959505.png]  
5.《CSS权威指南（第三版）》最权威的CSS书籍，很透彻的剖析了CSS2的各个属性，但是，我再读第二遍的时候，对其中对属性做一一尝试，发现很多知识点其实已经被标准修改了。所以，大家也要注意，不能盲目信任权威，要自我实践。此外，我特别喜欢作者列出对属性支持和应用的表格，很清晰。遗憾的是，没有CSS3部分的描述  
![在这里插入图片描述][2020060211201561.png]  
6、 CSS禅意花园：主要的Web设计原则以及它们运用的CSS布局技巧；  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
7.图解CSS3：核心技术与案例实践:这本书讲解的是最新的CSS3（前几本书停留在CSS2.1时代，2.1是基础），CSS3也是必学的，不然真的跟不上时代了。  
![在这里插入图片描述][20200602112120415.png]  
好了，差不多就推荐到这里，CSS这基本是基于情怀，罗列一下，买不买都没必要，想当年我学CSS 是挨着几个仅有的视频，一个属性一个属性的练习，还有IE6 各种兼容问题，虐到爆，那酸爽（现在你们是性福的，基本不用兼容IE6 这个老东西了，）。

JavaScript部分

1.JavaScript高级程序设计，这本书自己看了两遍，确实比较厚。但是对于基础非常重视，其实，在第二遍仔细看的过程中，发现很多细节性的东西自己之前没注意。所以，这本好书值得读不止一遍，前端的圣经。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]  
2.JavaScript语言精粹，很薄的一本书，但是知识点很分明，作者很清晰的指出了 JavaScript 这门语言中精华部分和糟粕部分，此外，还讲解了一些编码的技巧，很受用。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 2]  
3.《JavaScript DOM编程艺术》最好的JS入门书籍，最让人有兴趣读完的那种书。

它通过一个 幻灯片 案例，从头到尾教你实现出来，最后效果实现的同时，基本的JS常用属性，你也就滚瓜烂熟了，很有成就感。（个人很偏向这种风格书籍，此书让我彻底爱上前端js）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 3]  
4.JavaScript权威指南（第6版）：前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 4]  
5. 高性能JavaScript： 又一本好书，涵盖了当今JavaScript开发者需要了解的所有性能问题，毫无疑问，它已加入我的性能最佳实践列表；值得细细品读并实践；  
![在这里插入图片描述][20200602112315733.png]  
在有了这些书籍后， html + css 这部分建议在 w3school 在线教程 上学习，边学边练，每个属性后还有在线测试。 然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练 多练 多练 ，最重要的事儿 还得我说三遍？ javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习一些基本语法 和定义。

点此链接领取：[8年开发老码农福利赠送：网页制作，网站开发，web前端开发，从最零基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端小程序项目实战【视频＋工具＋电子书＋系统路线图】都有整理，送给每一位对编程感兴趣的小伙伴][8_web_HTML_CSS_JavaScript_jQuery_Ajax_node_angular]

然后你必须要看书，然后实践（好多人问 有没有快速捷径，我只能告诉你：如果有捷径，码农们就不用天天如此苦逼了吧）

[20200602111910795.png]: https://img-blog.csdnimg.cn/20200602111910795.png
[202006021119232.png]: https://img-blog.csdnimg.cn/202006021119232.png
[20200602111939963.png]: https://img-blog.csdnimg.cn/20200602111939963.png
[20200602111959505.png]: https://img-blog.csdnimg.cn/20200602111959505.png
[2020060211201561.png]: https://img-blog.csdnimg.cn/2020060211201561.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200602112027660.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[20200602112120415.png]: https://img-blog.csdnimg.cn/20200602112120415.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200602112208254.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200602112221378.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200602112249140.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200602112303943.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[20200602112315733.png]: https://img-blog.csdnimg.cn/20200602112315733.png
[8_web_HTML_CSS_JavaScript_jQuery_Ajax_node_angular]: https://docs.qq.com/doc/DUEJhRnRvZ3V2VEdp