[Training] Web组前端培养方案

学习路线

1.HTML，CSS，Javascript （前端开发最基本的编程语言）

2.HTML5，CSS3（各种新特性，可以让你做出更炫酷的页面）

3.jQuery，Bootstrap（最基本的两个前端库，可以大幅度缩短开发时间）

4.Npm, Bower, Grunt/Gulp（基本的前端开发工具）（注: grunt,yo 依赖于npm，虽然npm常常用于node开发）

5.Eslint(代码风格), mocha(单元测试), yeoman(项目脚手架), AngularJS(富客户端框架), Istanbul(测试率覆盖工具) (进阶的前端开发工具, 有条件的建议做一下运维组的练习)

学习资料

下面介绍你们可以从哪里学习到这些东西

HTML/CSS/Javascript：

1. http://www.w3schools.com/

2. 《Head First HTML与CSS》

3. 《精通CSS:高级Web标准解决方案》

4. 《JavaScript高级程序设计》

jQuery，HTML5，CSS3也可以在W3Schools中找到教程。

Bootstrap：

1. http://getbootstrap.com/
2. http://www.bootcss.com/

Grunt（前端自动化工具）：

1. http://gruntjs.com/
2. http://www.gruntjs.net/

Bower（前端库管理工具）：

1. http://bower.io/

Yeoman（前端脚手架工具）（注：脚手架，把项目理解为高楼大厦，那么脚手架就是搭建项目的骨架（不是项目的骨架），yeoman可以方便的在不同项目间重用配置):

1. http://yeoman.io/