【原】【荐】前端技术及学习资料汇总

【一些前端框架和库】
1.backbone.js
（前端MVC框架，实际针对Web就是MVR.(Model,View,Router路由)，backbone依赖underscore.js库。）
a)Backbone.js(1.1.2)API中文文档：http://www.css88.com/doc/backbone/
b)Backbone源码分析-Backbone架构+流程图：http://www.cnblogs.com/nuysoft/archive/2012/03/19/2404274.html
c)Backbone.js入门教程第二版：
https://github.com/the5fire/backbonejs-learning-note/
http://blog.csdn.net/the_fire/article/category/682529
d)http://blog.csdn.net/feng88724/article/category/1084579
e)http://www.ibm.com/developerworks/cn/web/wa-backbonejs/
f)推荐《Backbone.js实战》Backbone+underscore：http://book.2cto.com/201406/43935.html

h)Backbone.js简单入门范例：http://dmyz.org/archives/598
g)Backbone first glance
backbone学习系列博客
http://www.cnblogs.com/wumadi/archive/2013/09.html
http://blog.csdn.net/Eagle_110119/article/category/1358915
Backbone及Underscore源码解析
Backbone入门指南及源码解析
backbone.js -中文API PDF下载

2.underscore（js库，backbone依赖underscore.js库）
a)http://www.css88.com/doc/underscore/

3.jquery（js库）
a)http://www.css88.com/jqapi-1.9/

4.sea.js&CMD规范
（前端模块化开发，seajs采用CMD规范，CMD推崇aslazyaspossible.按需加载。seajs只是模块加载器，不负责任何具体的业务，你还需要模块。）
a)http://seajs.org/docs/#docs
b)一步步学会使用SeaJS 2.0
c)使用SeaJS实现模块化JavaScript开发：http://blog.codinglabs.org/articles/modularized-javascript-with-seajs.html
JavaSript模块规范-AMD规范与CMD规范介绍：http://blog.chinaunix.net/uid-26672038-id-4112229.html
CMD模块定义规范：https://github.com/seajs/seajs/issues/242

5.node.js&npm
（Node是一个Javascript运行环境(runtime)。npm是一个NodeJS包管理和分发工具。有了NPM，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。）
a)https://cnodejs.org/getstart
b)/article/4664364.html
c)NodeJS系列~博客

6.mustache（web模板引擎）
a)http://www.iinterest.net/2012/09/12/web-template-engine-mustache/
b)/article/3624600.html
c)/article/4855337.html

让Mustache支持简单的IF语句：
http://writing.jan.io/mustache-2.0.html
在 mustache 2 出来前，可以尝试：
https://github.com/wycats/handlebars.js
做了很多扩展，社区也非常活跃，推荐。
http://mobile.51cto.com/web-439630.htm

Mustache 嵌套数组

https://github.com/janl/mustache.js

http://docs.ractivejs.org/latest/mustaches#index-references

mustache.js (hogan.js) API中文版

7.Handlebar（和Mustache兼容的模版引擎）

http://handlebarsjs.com/
Handlebars是一个和Mustache兼容的模版语言，我们可以直接把Mustache模板导入到handlerbars里，然后就能用到Handlebars的高级功能。
所有用过Mustache人们都会欢呼，Handlebars有IF!!!
GBin1专题教程之Javascript模板引擎handlebars

http://www.cnblogs.com/iyangyuan/archive/2013/12/12/3471227.html

http://www.rankber.com/handlebars-tutorial.html

8.knockout（前端MVVM框架）
a)官网：http://knockoutjs.com/documentation/introduction.html
b)Knockout应用开发中文指南（官网文档翻译）：/article/1308084.html
c)交互式练习：http://learn.knockoutjs.com/
d)Knockout.js入门：http://www.adobe.com/cn/devnet/html5/articles/getting-started-with-knockoutjs.html
e)MVVM架构~Knockoutjs系列
KnockoutJs 进阶学习
KnockoutJS官方中文chm文档下载：
http://download.csdn.net/detail/tenero/7561501
http://download.csdn.net/detail/huaxiazhonghuahun/8048587

9.bootstrap（前端框架）
a)http://v3.bootcss.com/
b)http://docs.bootcss.com/bootstrap-2.3.2/docs/index.html
c)Bootstrap用户界面架构视频教程：http://www.icoolxue.com/album/show/78

9.Less css（css框架）
备注：sublime下想要.less的文件代码高亮，需要安装一个叫less的插件。
/article/1214953.html

【前端集成开发工具】
1.grunt：http://www.gruntjs.net/
/article/4664449.html
/article/4664450.html
/article/4682278.html
2.bone：https://github.com/wyicwx/bone
同事开发的工具，是基于Node.js的项目构建工具，与Grunt类似。

其它学习资料参考:
结合个人经历总结的前端入门方法：
https://github.com/jeniffer-d/FE-learning

JavaScript的那些书：
http://limu.iteye.com/blog/1267475#bc2359856

这个项目收集移动端开发所需要的一些资源与小技巧：
https://github.com/jtyjty99999/mobileTech