Web前端开发推荐阅读书籍-精华

学校里没有前端的课程，那如何学习JavaScript，又如何使自己成为一个合格的前端工程师呢？ 读书吧~相对于在网上学习，在项目中学习和跟着有经验的同事学习，书中有着相对完整的知识体系，每读一本好书都会带来一次全面的提高。而如果深一脚浅一脚的学习，写出代码的质量会参差不齐。初学者的首要任务是成为靠谱的熟练开发者，能够稳定的输出有一定质量的代码，这样才能让人放心的把任务交给你。 学习路线 大部分技术，熟读下列四类书籍，就是一个很好的学习提升

• 入门，用浅显的语言和方式讲述正确的道理和方法
• 全面，巨细无遗地探讨每个细节，遇到疑难问题时往往可以在这里得到理论解答
• 实践，结合实际中经常遇到的情景环境，来描述如何设计和解决问题
• 深入，讲解一些文化，思路，甚至于哲学上的东西，真正做到深入一种语言去编程，如unix编程艺术，程序员修炼之道等等 接下来介绍的这些书籍，没法说这是前端学习最优路线，但真看进去了获得一个IT民工从业资格是没啥问题的。

书籍推荐

第一批次

入门级，也适合想掌握一些前端技能的非前端工程师

第二批次

成为一名合格的前端工程师 (或) <精通JavaScript>

第三批次

更优秀的代码，更优良的设计

第四批次

从语言细节到复杂工程实践，想开发靠谱的各类底层代码，应该看看 应该重视跟踪阅读一些大牛们的Blog了

番外篇

各类专题书籍，读好第二批次书籍之后，有精力就接触下

• <高性能网站建设指南>
• <高性能网站建设进阶指南>
• <高性能JavaScript>
• <精通CSS>(或)
• <正则表达式必知必会>(或<正则表达式权威指南>)
• <深入浅出Node.js>
• <锋利的jquery>

找书技巧

关于一个主题的书很多，那我们怎么找到一本合适我们阅读的书呢？因为适合自己的才是最好的。下面是一些些小技巧：

1. 在各大图书网（如当当、亚马逊、京东等）上搜索关键词，如jQuery，可以选择按照销量或好评排序，一般排在前面的就是很抢手的好书，值得阅读
2. 如果想看一本书的评价怎么样，那就去豆瓣读书搜索吧，那里的评论还是值得参考的 以下是分享的电子书书籍列表（排名不分先后）：

Javascript系列

• [JavaScript.DOM高级程序设计]（加）桑贝斯.扫描版
• [高性能JavaScript编程].(High.Performance.JavaScript).Nicholas.C.Zakas
• IE和Firefox的Javascript兼容性总结
• JavaScript+DOM编程艺术
• javascriptDOM编程艺术 第二版
• JavaScript高级程序设计(第2版)
• JavaScript脚本特效编程给力起飞
• JavaScript面向对象高级编程
• JavaScript模式.Stoyan Stefanov.扫描版
• javascript权威指南第六版
• JavaScript设计模式
• javascript语言精粹
• js常见算法实现汇总
• 精通JavaScript
• 面向对象的JavaScript基础
• 深入浅出JavaScript
• JavaScript框架高级编程
• JavaScript宝典(第7版)
• JavaScript异步编程
• JavaScript开发技术大全

jQuery系列

• [jQuery攻略].(印)哈瓦尼.扫描版
• [jQuery基础教程]
• 《Web开发典藏大系：jQuery网页开发实例精解》扫描版
• 《锋利的jQuery》高清扫描PDF带书签目录完整版+源码
• jquery1.8.2_20121105.chm
• jQuery权威指南
• jquery源码_详细中文注释
• jquery源码分析
• 常用JS框架比较
• jQuery技术内幕：深入解析jQuery架构设计与实现原理
• jQuery攻略
• 犀利开发 jQuery内核详解与实践

HTML5系列

• 《HTML 5 从入门到精通》-中文学习教程
• HTML 5用户指南
• HTML5 Canvas基础教程
• HTML5+CSS3在触屏网站上的实践
• HTML5参考手册.chm
• HTML5参考手册-W3CSchool版.chm
• HTML5程序设计（第2版）
• HTML5高级程序设计
• HTML5开发精要与实例详解
• HTML5移动Web开发指南
• HTML5移动开发即学即用
• HTML5与CSS3权威指南
• The Definitive Guide to HTML5 Video
• 响应式Web设计：HTML5和CSS3实战
• HTML5游戏开发(全)
• HTML5 CANVAS游戏开发实战
• HTML5与CSS3设计模式【2013第1版】
• Head First HTML5 Programming（中文版）
• HTML5_Canvas_2D_API_规范_1.0_中文版
• HTML5贪吃蛇程序

CSS系列

• [CSS参考手册(第3版)].(CSS.Pocket.Reference.3rd.Edition).Eric.A.Meyer.文字版
• [变幻之美-DivCSS网页布局揭秘-案例实战篇].(金峰)
• CSS3参考手册.chm
• CSS参考手册.chm
• CSS3学习必备书籍《CSS3 实战》
• CSS禅意花园
• CSS权威指南 第3版
• HTML与CSS入门经典（第8版）
• 精通CSS：高级Web标准解决方案(第2版)
• 移动端开发最佳实践
• 《Sass和Compass设计师指南》
• CSS3实战：开发与设计迷你书
• 《高流量网站CSS开发技术》迷你书
• CSS网站布局实录 （第二版）
• CSS Web设计高级教程 第2版

web前端-FE

• 《HTTP权威指南》高清中文版
• Ajax实战
• AJax与PHP基础教程
• Ajax中文手册
• W3School全套教程.CHM
• web前端标准在各浏览器中的差异
• Web前端开发规范手册
• 编写高质量代码-Web前端开发修炼之道
• 高性能网站建设进阶指南+WEB开发者性能优化最佳实践
• 构建高性能web站点
• 网页设计配色
• 正则表达式
• 正则表达式系统教程.CHM
• IE11 白皮书
• 谷歌搜索引擎优化初学者指南
• Web前端黑客技术揭秘
• 移动应用UI设计模式
• 构建高性能web站点
• Web开发秘方
• 众妙之门 网站UI设计之道
• 好玩的数学-数学演义
• SEO艺术
• SEO必知必会51技
• 《微信公众平台应用开发实战》
• Git权威指南

Node系列

• NodeJS中文文档
• Node.js开发指南
• Node入门一本全面地Node.js教程
• [Wrox] Professional Node.js(node高级编程)
• MongoDB权威指南
• Smashing+Node.js+JavaScript+Everywher
• Node,+Up+and+Running
• Node.js入门经典源代码
• 深入浅出Node.js
• Node.js+开发指南
• Node.js v0.10.18 手册 & 文档
• AngularJS入门教程-v1.01-20130527
• 《Node+Web开发》
• 深入浅出node.js2
• NODE.js入门手册
• Node+Web开发
• Node.js实战
• Node入门

名站文档

• Google Android开发入门与实战
• 百度、淘宝、网易、搜狐前端开发面试题集锦
• 百度官方seo优化指南
• 百度前端基础平台与架构分享
• 百度搜索引擎优化指南
• 产品设计与用户体验–马化腾
• 人人FED-CSS编码规范
• 搜狐WEB标准_前端技术应用规范

WordPress

• 12个wordpress_经典安全技巧
• WordPress-FAQ_常见问题解答
• WordPress安装及迁移教程
• WordPress高级教程
• WordPress完整解读
• 史上最经典的WordPress_主题教程
• WordPress中文完全教程
• WordPress 主题教程

产品系列

• 《YES！产品经理》1-33问
• [引爆流行].马尔科姆·格拉德威尔.扫描版
• 《人人都是产品经理》电子书
• 欺骗的艺术（中文）
• 《谁说菜鸟不会数据分析》
• 长尾理论（亚马逊畅销书榜经管类第一名）
• 《Facebook效应》中文完整版

源码系列

• 《HTML5+Canvas+游戏开发实战》源码
• 《微信公众平台应用开发实战》源码
• AJax与PHP基础教程源码
• Google Android开发入门与实战代码
• HTML 5开发精要与实例详解 源码
• HTML+5与CSS+3权威指南(第2版)代码清单(1)
• HTML5 Canvas基础教程源码
• HTML5与CSS3权威指南代码清单
• JavaScript DOM编程艺术(第2版)-源代码
• JavaScript 高级程序设计(第三版)源码
• JavaScript高级程序设计(第3版).文字版英文+源码
• jquery权威指南（第2版）示例源代码
• jQuery权威指南-配套源代码
• 响应式Web设计：HTML5和CSS3实战代码
• 编写高质量代码-源代码
• 犀利开发 jQuery内核详解与实践——源码
• jQueryMobile源码

参考手册

• Ajax 中文帮助文档
• Ajax-XMLHTTP
• CSS2.0样式表中文手册
• CSS2中文手册
• css3.0参考手册(Tencent ISD webteam)
• CSS参考手册版本：v3.4.0
• css样式表滤镜中文手册
• CSS中文完全参考手册
• DOM文档对象模型
• Dreameaver 8.0官方教程
• Ext 中文文档
• html5参考手册
• JavaScript实例特效300例
• JavaScript秀网页特效(CHM)
• Mootools v1.11 文档中文版
• 配色大辞典

PS教程

• Adobe.Photoshop.CS6摄影师教程人像修饰
• PS-Ai基础班YY上课录像
• 侯老师Ps教程
• 影楼数码PS数码照片处理
• 平面设计教程

HTML+CSS视频教程-PHP兄弟连课程

• HTML与CSS概述及HTML语言语法
• HTML的主体结构
• HTML常用标签（上）
• HTML常用标签（下）
• HTML的表格标签
• HTML窗口分帧技术
• HTML表单的设计应用
• 层叠样式表CSS的基础
• CSS的多种选择器的使用
• 常见的CSS属性和值
• DIV.CSS标准化网页部局准备工作（上）
• DIV.CSS标准化网页部局准备工作（下）
• DIV.CSS布局网站首页实例

JS视频教程-智能社

• 01 – 初探javascript魅力 – 1
• 02 – 初探javascript魅力 – 2
• 03 – 初探javascript魅力 – 3
• 04 – 初探javascript魅力 – 4
• 05 – 初探javascript魅力 – 5
• 06 – javascript基础 – 1
• 07 – javascript基础 – 2
• 08 – 深入javascript
• 8-妙味课堂原创【JavaScript专题课程视频】正则表达式-火星文2
• 09 – 定时器的使用 – 1
• 10 – 定时器的使用 – 2
• 11 – dom基础
• 12 – dom操作应用
• 13 – dom操作应用高级 – 1
• 14 – dom操作应用高级 – 2
• 15 – js运动基础 – 01
• 16 – js运动基础 – 02
• 17 – js运动应用 – 01
• 18 – js运动应用 – 02
• 19 – js运动中级
• 正则表达式-火星文1
• 20 – JS事件基础
• 21 – JS事件中级
• 22 – JS事件高级应用 – 01
• 23 – JS事件高级应用 – 02
• 24 – Ajax基础
• 25 – Ajax中级
• 26 – JS面向对象基础 – 01
• 27 – JS面向对象基础 – 02
• 28 – JS面向对象实例
• 29 – JS面向对象高级
• 30 – BOM应用
• 31 – COOKIE基础与应用
• 32 – JS中的正则表达式

引用

写到这，这篇文章也仅仅是一个引导的作用。如果想了解每一本书的内容简介，请继续阅读以下文章：