前言：前端是什么？
前端工程师主要利用HMTL与CSS建构页面，用JavaScript完善交互以及用户体验。
一个优秀的前端程序员至少要：
精通html、css，
熟练掌握并深刻理解javascript语言，
除了掌握当前主流的js框架外，最好能够以面向对象方式编写自己的JS框架，编写JS控件。
前端程序员首先是一个程序员，然后才是前端程序员。意思是前端程序员也需要了解后端编程，了解界面设计，了解软件工程。
前端知识结构图
一、 切页面
HTML + CSS
学习HTML + CSS，可以根据自身情况选择学习方法。
如果时间充裕的话，可以看书系统的学习。推荐书籍：《HeadFirst HTML and CSS》。
如果学习时间紧，直接上http://www.w3school.com.cn/或者菜鸟教程等可在线演示代码效果的网站进行学习。
如果学习完之后不知道如何上手开发一个项目，可以看实战教程。实战教程看一集明白怎么开发即可，不需要全部看完。
HTML和CSS的学习时间最好不要超过一周，一天按6小时算的话，28小时的学习时间已经足够了。因为HTML和CSS属于比较简单，且都是散乱的标签没有逻辑，先理解它们的用法，在开发过程总记不住再到网上查，多来几次就都记住了。
知识点总结：http://www.imooc.com/article/2181
HTML5 + CSS3
学习方法同上。
Sass/LESS
应用于移动端的css，用法与css大致相同.
移动端开发视频教程：链接：http://pan.baidu.com/s/1i5go293密码：n1yf
二、 编程语言/前端库/框架
一个封装好的一个CSS/HTML框架，栅格系统响应式布局，为开发人员省下调整样式的时间，将更多的经历花在JS写的页面功能和数据交互上。
中文文档API: http://jquery.cuishifeng.cn/
推荐书籍： 《锋利的jquery》、《jquery权威指南》
网站：菜鸟教程、w3school
一个封装好的javascript类库，刚开始写前端的同学直接看原声的JS工作量较大且不好理解。可能不能用原生JS写复杂的功能，jquery的方法简单易学且功能强大。先学jquery再去理解JS，是一个知其然，再知其所以然的过程。
学习程度：初学者看完AJAX请求章节即可，插件章节可按开发需要再选择性阅读。
书籍推荐：《JavaScript DOM编程艺术》（我没有看过，但是大家都推荐。）
《JavaScript高级程序设计》——JS圣经，比较全面，非常好的一本书，比犀牛书可阅读性强。看不懂犀牛书可以先看这本。
《JavaScript权威指南》——传说中的犀牛书，好厚好厚的一本书，静下心来仔细阅读，或者开个讨论班，大家分模块讲解，这样就不会拖延或者囫囵吞枣。个人体验，读第二遍跟第一遍的时候对js的理解有了质的飞跃，
《JavaScript语言精粹》——蝴蝶书，很薄的一本书，但是可以帮助你快速了解JS的精华部分。
*JS面试基础：链接：http://pan.baidu.com/s/1jHHkhfS 密码：vdgi
HTML+CSS+JS整站实战教程：
链接：http://pan.baidu.com/s/1b8CRIQ 密码：t0f5
是一个基于 ChromeV8 引擎的 JavaScript 运行环境，学习AngularJS、React、vue.js等框架之前，最好先学习node.js。它的包生态系统，npm，是目前世界上最大的开源库生态系统。
书籍推荐：《深入浅出node.js》
功能强大之处在于使用MVVM结构处理交互数据，使前后端真正实现分离。有兴趣的同学可以打好js基础之后进行学习。
Vue2.0+node.js+mangoDB视频教程：
链接：http://pan.baidu.com/s/1mhFefLQ密码：wmlu
三、 开发工具
Sublime Text3
四、调试工具/代理服务器
浏览器、
Nginx、
五、版本管理
667
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
