前端学习相关书籍

关于书籍

HTML、CSS 类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。

Javascript 的书籍 推荐看老外写的，国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。

这里推荐几本 Javascript 书籍：

初级读物

《JavaScript高级程序设计》：一本非常完整的经典入门书籍，被誉为JavaScript圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。

《JavaScript王者归来》百度的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。

 中级读物

《JavaScript权威指南》：另外一本JavaScript圣经，讲解的也非常详细，属于中级读物，建议购买。

《JavaScript.The.Good.Parts》：Yahoo大牛，JavaScript精神领袖Douglas Crockford的大作，虽然才100多页，但是字字珠玑啊！强烈建议阅读。

《高性能JavaScript》：《JavaScript高级程序设计》作者Nicholas C. Zakas的又一大作。

《Eloquent JavaScript》：这本书才200多页，非常短小，通过几个非常经典的例子（艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等）来介绍JavaScript方方面面的知识和应用方法。

 高级读物

《JavaScript Patterns 》：书中介绍到了各种经典的模式，如构造函数、单例、工厂等等，值得学习。

《Pro.JavaScript.Design.Patterns》：Apress出版社讲解JavaScript设计模式的书，非常不错。

《Developing JavaScript Web Applications》：构建富应用的好书，针对MVC模式有较为深入的讲解，同时也对一些流程的库进行了讲解。

《Developing Large Web Applications》：不仅有JavaScript方面的介绍，还有CSS、HTML方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的Web程序下，如何进行JavaScript架构设计，值得一读。

要做优秀的前端工程师，还需要继续努力：《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“ jQuery 库”、“前端框架”、“HTML5”、“CSS3”。。。 这些都要深入研究！

万事开头难！如果你能到这个境界，剩下的路自己就可以走下去了。

人们常说：不想当裁缝的司机，不是个好厨师。

如果单纯只是学习前端编程语言、而不懂后端编程语言（PHP、ASP.NET，JSP、Python），也不能算作是优秀的前端工程师。

在成为一个优秀的前端工程师的道路上，充满了汗水和辛劳。

分享56本前端工程师必备的javaScript学习书籍（包括了pdf,chm,doc）格式，希望网友们好好利用哦，下载地址：

1、JavaScript权威指南(第6版)(中文版)

2、深入浅出Javascript.O‘reilly.Head.First.Javascript.Jan.2008

3、JavaScript王者归来月影扫描版

4、JavaScript.DOM高级程序设计贝斯扫描版

5、精通javascript(图灵计算机科学丛书)

6、JavaScript面向对象15分钟教程

7、原型、作用域、闭包的完整解释

8、Javascript面向对象特性实现(封装、继承、接口)

9、JavaScript面向对象(OOP)语法

10、面向对象的JavaScript基础

11、基于JavaScript的面向对象程序设计研究

12、JavaScript面向对象指南

13、Web前端开发修炼之道

14、微软JavaScript手册js

15、javascript高级程序设计学习笔记正则表达式整理

16、JavaScript内核高级教程

17、javascript高级教程

18、怎样做好网页设计

19、面向对象的_JavaScript_编程及其_Scope处理

20、基于XMPP的企业级即时通信系统的研究与实现

21、基于JavaScript切片的AJAX框架网络爬虫技术研究

22、JavaScript语言精髓与编程实践(第三章)

23、JavaScript语言精髓与编程实践(第二章)

24、JavaScript学习深入—面向对象编程

25、JavaScript面向对象高级编程

26、Javascript基础教程(文字版_代码可复制)

27、轻轻松松学用JavaScript编程

28、JavaScript节点详解

29、高性能JavaScript_编程

30、IE行为手册

31、犀牛JavaScript(第5版上)

32、犀牛JavaScript(第5版下)

33、精通GUI图形界面编程(MATLAB)

34、javascript兼容

35、js浏览器兼容手册OSOS

36、常用JS框架比较

37、CommonJS时代的JS模块和编译工具

38、IE6兼容兼容心得(自己总结的)

39、[Js]JavaScript对象与数组参考大全

40、XMLHttpRequest中文参考手册

41、JScript

42、JavaScript源码大全 v1.0

43、JavaScript语言参考

44、JavaScript网页设计300例

45、JavaScript使用手册

46、正则表达式

47、悟透JavaScript 

48、OReilly.JavaScript权威指南第四版

49、JavaScript语言精髓与编程实践

50、JavaScript设计模式（英文版）

51、JavaScript设计模式 (中文版)

52、javascript面向对象编程

53、Javascript基础教程(文字版,代码可复制)

54、JavaScript高级程序设计（第2版）

55、JavaScript_高级编程

56、JavaScript_Core_内核-_V0

注：该文章资料来源于网络

前端开发必备的11项技能

第1项技能：HTML超文本标记语言

技能要点：

HTML文件的结构
HTML文件的编写方法
HTML基本标记
文字与段落标记
框架
使用表单
XHTML页面结构

第2项技能：JavaScript脚本

技能要点：

JavaScript基本语法
流程控制
函数
对象与数组
程序调试与错误处理
事件处理
处理文档对象
文档对象模型
window窗口对象

第3项技能：CSS网页样式布局

技能要点：

CSS定位与div布局
div 标记与 span 标记
CSS+div美化与布局
CSS与JavaScript的综合应用
CSS与XML的综合运用
CSS与Ajax的综合应用
晋级提升必会的技能

第4项技能：HTML5开发技能

技能要点：

HTML5语法
新增的input输入类型
新增的form元素
HTML5音频与视频
HTML5多媒体技术
Web存储
WebSQL混合开发
Workers多线程处理

第5项技能：常用Javascript框架

技能要点：

jQuery框架
Prototype框架
YUI框架
ExtJS框架
Dojo框架

第6项技能：Javascript Ajax应用

技能要点：

JavaScript的常用对象
DOM文档对象模型
XML请求与响应
JSON
Post/Get请求
成为优秀的前端开发必会的技能

第7项技能：响应式Web设计

技能要点：

Range对象与Selection对象
学会绘制图形
History API
CSS 3 模块与模块化结构
CSS3中的属性选择器
使用选择器在页面中插入内容
文字与字体相关样式
CSS 3中的变形处理
CSS 3中的动画功能

第8项技能：常用交互设计工具

技能要点：

流程图工具
导航设计工具
思维导图
原型设计工具
UML工具
站点地图工具

第9项技能：Web交互设计

技能要点：

指示牌和面包屑
可用性测试
可访问性/级联样式表

第10项技能：网站信息架构

技能要点：

用户需求及其行为分析
信息架构基本信息
组织系统
标签系统
搜索系统
叙词表、受控词表，以及元数据
流程和方法论
设计和文件说明

第11项技能：REST软件架构

技能要点：

统一接口GET/POST/PUT/DELETE
识别资源
表述解析Json/XML/Html
查询
Web缓存
条件请求
扩展性与版本控制
好了，这下你可以有计划、分步骤的学习和掌握这些技能了，要是你不知道怎么去学，我可以负责任的告诉你，先去看书。

这里，我可以再给你推荐一些图书，分属不同的出版社（这么说，是不希望你认为我在推销书），这些图书都是我认为很有用的书。

HTML+CSS网页设计与布局从入门到精通
JavaScript权威指南（第6版）
CSS禅意花园(修订版)
HTML5与CSS3基础教程（第7版）
响应式Web设计:HTML5和CSS3实战
jQuery权威指南（第2版）
疯狂Ajax讲义（第3版）
Axure RP 6原型设计精髓
交互设计沉思录
大型网站技术架构：核心原理与案例分析
REST实战（中文版）

学完这些去阿里！

1、HTML/HTML5基础

1.0、语义化H5标签
1.1、H5引进了一些新的标签，特别注意article、header、footer、aside、nav等，注意HTML的标题结构
1.2、理解浏览器解析HTML的过程，理解DOM的树形结构，及相应API
1.3、理解HTML标签在各个浏览器上的默认样式（代理样式），理解CSS中的重置样式表的概念
1.4、理解Canvas、SVG、video等功能性标签
1.5、理解form、iframe标签，理解文件提交过程
推荐书籍：
A、《HTML5秘籍》

2、高健壮性CSS

2.1、学习基础知识，包括大部分常用属性、选择器的用法，要对大多数标签有个基础概念,在日常使用的基础上，尝试学习浏览器兼容性问题，要知道兼容性的主要问题及解决方法
2.2、深入理解盒子模型，区分块级元素、行内元素，有几个比较重要的属性：display、float、position，一定要弄清楚区分盒子、行内盒子的概念另外可以考虑学一些预编译语言：sass、less，都很简单
2.3、学习常用框架，可以使用bootstrap构建项目
2.4、学习框架的代码组织方式包括：12格栅系统、组件化、组件的风格化等
2.5、学习CSS 3的新功能，特别是动画效果、选择器
2.6、认真学习一些CSS对象化思想，学习编写简洁性、高复用性、高健壮性的CSS
2.7、有空的话，可以看看所谓的扁平化设计，还有简洁性
2.8、理解CSSOM、render、reflow、CSS性能、CSS阻塞概念
学习方法：
1、多看别人的代码，一些设计的不错的网站就是很好的学习素材，比如拉勾网
2、一定要学会使用grunt、gulp压缩CSS
3、display + position + float 可以组合出很复杂的效果，多想想盒子模型
4、尝试在不用float，且position不为absolute的情况下实现等高、等宽等布局
推荐书籍：
1、《图灵程序设计丛书:HTML5与CSS3设计模式》
2、《Web开发技术丛书:深入理解Bootstrap》
3、《高流量网站CSS开发技术》
4、《CSS设计彻底研究》 这个一定要
5、《Web开发技术丛书:深入理解Bootstrap》
6、可以找一些专门讲SASS的书，但是我没找到
7、《CSS权威指南(第3版)》

3、深入学习JS

3.1、重新学习JS语法，注意：表达式（特别是函数访问表达式）、语句、类型（包括类型判断)注意，这个时候主要倾向于“原生”JS哦，不要使用框架
3.2、深入理解JS的“一级函数”、对象、类的概念,学会使用函数来构造类、闭包，学会用面向对象的方式组织代码
3.3、深入理解JS的作用域、作用域链、this对象（在各种调用形式中，this的指向）理解函数的各种调用方法（call、apply、bind等）
3.4、理解对象、数组的概念
理解对象的“[]”调用，理解对象是一种“特殊数组”
理解for语句的用法
深入理解JS中原始值、包装对象的概念（重要）
3.5、学习一些常用框架的使用方法，包括：JQUERY、underscore、EXTJS，加分点有：backbone、angularjs、ejs、jade
通过比较多个框架的使用方法，想清楚“JS语言极其灵活”这一事实
总结常见用法，提高学习速度
学习模块化开发（使用require.js、sea.js等）
3.6、适当看一些著名框架的源码，比如jQuery（不建议看angularjs，太复杂了）
重要的是学习框架中代码的组织形式，即设计模式
3.7、了解JS解释、运行过程，理解JS的单线程概念
深入理解JS事件、异步、阻塞概念
3.8、理解浏览器组成部件，理解V8的概念
学习V8的解释-运行过程
在V8基础上，学会如何提高JS性能
学会使用chrome的profile进行内存泄露分析
学习方法：
1、提高对自己的要求，要有代码洁癖
2、适当的时候看看优秀框架的源码，特别是框架的架构模式、设计模式
3、多学学设计模式
4、学习原生JS、DOM、BOM、Ajax
推荐书籍：
1、《O\’Reilly精品图书系列:​JavaScript权威指南(​第6版)》 必看
2、《JavaScript设计模式》
3、《WebKit技术内幕》
4、《JavaScript框架高级编​程:应用Prototype YUI Ext JS Dojo MooTools》
5、《用AngularJS开发下一代Web应用》
6、跨终端
6.1、理解混合APP的概念
6.2、理解网页在各类终端上的表现
6.3、理解网页与原生app的区同，重在约束
6.4、理解单页网站，特别要规避页面的内存泄露问题
6.5、入门nodejs，对其有个基础概念，知道它能做什么，缺点是什么
推荐书籍：
1、《单页Web应用:JavaScript从前端到后端 》
2、《Web 2.0界面设计模式》
3、《响应式Web设计:HTML5和​CSS3实战》
5、工具
学会使用grunt进行JS、CSS、HTML 压缩，特别是模块化js开发时候的压缩
会用PS进行切图、保存icon
入手sublime、webstorm
学会使用chrome调试面板，特别是：console、network、profile、element

进阶：

4、性能

1.1、理解资源加载的过程
包括：TCP握手连接、HTTP请求报文、HTTP回复报文
1.2、理解资源加载的性能约束，包括：TCP连接限制、TCP慢启动
1.3、理解CSS文件、JS文件压缩，理解不同文件放在页面不同位置后对性能的影响
1.4、理解CDN加速
1.5、学会使用HTTP头控制资源缓存，理解cache-control、expire、max-age、ETag对缓存的影响
1.6、深入理解浏览器的render过程
推荐书籍：
1、《Web性能权威指南》
2、雅虎网站页面性能优化的34条黄金守则

5、http及TCP协议族

2.1、学习http协议，理解http请求-响应模式
2.2、理解http是应用层协议，它是构建在TCP/IP协议上的
2.3、理解http报文（请求-响应报文）
2.4、理解http代理、缓存、网关等概念，指定如何控制缓存
2.5、理解http协议内容，包括：状态码、http头、长连接（http1.1）
2.6、学习http服务器的工作模型，对静态文件、CGI、DHTML的处理流程有个大致概念
推荐书籍：
1、《HTTP权威指南》
2、《TCP/IP详解》
3、《图解TCP/IP(第5版)》

6、安全性

XSS、SQL注入