由于前端开发的火热和一些IT巨头公司 对 web前端开发人员的需求旺盛，让越来越多的人转入前端。前端开发领域 是IT技术语言领域唯一一个男女老少都可以快速入门并快速提升兴趣的领域，今天就来聊聊前端到底该怎么学~
话不多说，让我们直接进入今天的主题。
web前端到底怎么学？
那么在讲 Web前端怎么学这个大命题之前呢，依据我本人的尿性，还是得先把你拉入坑，让你在坑里好好学~
想说爱你不容易！但是我会想方设法让你爱上她（Web前端开发）。
一般据我经验，在喜欢并且决定和她恋爱之前，我都会做一下充分准备和调查，有必要了解和研究清楚 ‘她’ 的几个特性和习惯。
如果你已经了解清楚以上前2点并思路清晰，那就跳到后面的 “前端开发 : 必看的书籍资料 ” 。
web前端的基本工作职责
“ 入一行，要先知一行 ”；我们来看看Web前端开发职位 无论什么门派都要做到的一些基本工作职责。
首先，你必须是一个合格的“页面仔”，这个叫法不好听，但很生动。
我们都知道，所有呈现的内容都是基于HTML 网页的。
如果你的HTML、CSS（包括现在的HTML5+CSS3）基础不会，或者不够扎实，都很难在有大的进步，或者你的JS 很好，但布局基础不行，还是不能算合格的web前端。
其次，前端主要负责实现视觉和交互功能，以及与后端服务器通信，完成业务逻辑。现在前端的核心价值在于对用户体验的极致追求。
那么我们靠什么来提升用户体验和人性化操作，让用户觉得体验牛x、舒服呢？（当然细分厉害的公司，会有专门的 用户体验攻城狮）
当然是我们自始自终的主角 java script了，毕竟它最初就是为浏览器而生的脚本语言。
然而，JS这门语言并不是一种强类型语言，更像是一种解释型语言，所以很多属性，在不同的浏览器环境解释有很大不同导致，效果和性能千差万别，而且很多属性之长，之多，之巨都很有工作量。
之后，就出现了jQuery 这种的框架神器，由于其好用，简单，效果多样，兼容完美，高效率等特性，迅速席卷全世界，所以如果想入门，jQuery 这个东西你是逃不掉的，而且利用它简单的语法，你会很快将一些效果实现出来，迅速提升兴趣。
再后，既然涉及到视觉 和用户体验，那么UI 设计知识，你肯定要涉及或者懂一些设计方面的技能和基本素养，比如PS的一些基本操作，切图，和颜色值（比如会改个字，隐藏个图层，改个尺寸，变个颜色什么滴），屏幕适配方案等，讲道理说：平时并不需要我们做，但技能包里绝对要有。
最后，服务器知识+后端语言基础，这个职责和话题就比较hight了，到后面我们会一一解释。
总之，web前端同样是程序员，由于前端是位于后端程序和界面设计师之间的岗位，相当于中间桥梁，要完成三者的对接，涉及到广泛 的知识，规模大到工程级，也就有了前端工程师的说法（某人总结，很是到位）。
Web前端工程师，是一个要精通本职HTML、CSS、java script，也要了解后端编程，了解界面设计，了解软件工程的综合人才。
看到这一大篇的职责和技能，你也别害怕，因为这些就像小孩子，会走路，会说话。只要你有兴趣，只要有人领路，有教程自然而然就能掌握的技能，至于一些设计素养，反正你不是UI，有最好，没有又有什么所谓呢？
web前端的分类和门派
根据Web前端的细分工种 和 业务不同，我无耻的把她比拟出来几个门派，供大家参考，也让无比庞大的前端划分变得有趣一些，不然下面我放一张图， 你看了会晕菜。
这里我先简单说几种，我们常常熟知的几个门派，比如：
少林派：七十二般武艺样样精通 - Web网站开发
武当派：以柔克刚 - 移动APP开发
峨嵋派：倾国倾城 - canvas 数据可视化
华山派：剑法精湛 - nodejs开发
逍遥派：潇洒飘逸 - HTML5游戏
让你晕菜的技能树 ，客观您感受一下先~
Web前端知识体系实在是太庞大，先不感慨了，我们赶紧去看干货！
前端开发 : 必看的书籍资料
HTML + CSS这部分建议在在线教程上学习，边学边练，每个属性后还有在线测试。 然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练、多练、多练 ，最重要的事儿 还得我说三遍？
java script 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先通过在线教程学习一些基本语法和定义。
然后你必须要看书，然后实践（好多人问 有没有快速捷径，我只能告诉你：如果有捷径，码农们就不用天天如此苦逼了吧）。
记住：忍得住寂寞枯燥，才能拿得到高薪！
对于习惯看视频学习的同学，以上内容也可以在在线学习网站上去搜，现在大部分基础课程讲解都还不错。跟着敲一起学，确实可以避免看书查资料的枯燥。
以下内容都是结合我自己的学习路线与经验，再整理汇总了网络各路大神的资料，希望能帮助源源不断入坑的新人更好的学习。（web前端学习交流群：328058344 禁止闲聊，非喜勿进！）
前端书籍必读、必买
★ 越多，推荐等级越高，和难度无关。最好按照我给的顺序入门，这样不会让你枯燥，想放弃，如果先推荐经典的厚的，满篇定义，我估计是害你们放弃。
1 . java script
先说 java script，因为前面说了，CSS 最好跟着视频练习，毕竟都是可视化的，像做艺术。
《java script DOM编程艺术》
★★★★★
最好的JS入门书籍，最让人有兴趣读完的那种书。
它通过一个 幻灯片 案例，从头到尾教你实现出来，最后效果实现的同时，基本的JS常用属性，你也就滚瓜烂熟了，很有成就感。（个人很偏向这种风格书籍，此书让我彻底爱上前端js）
一目了然地告诉你如何用JS操作DOM（这是浏览器端编程的基本功），还灌输了最符合标准的编程理念。可惜有点老，最新一版是2010年的。不过不影响阅读和实现，全部按照最新ES5属性就行了。
《java script高级程序设计》
★★★★
又称红宝书，雅虎首席前端架构师，YUI的作者Zakas出品。虽然书名带了“高级”二字，但是讲得都很基础的属性内容，事无巨细。关键一点是翻译的也很到位，并不是如嚼蜡一般，这很重要。看此书，我建议配着下面的犀牛书一起 看效果更佳。
《java script权威指南》
★★★★★
著名的淘宝前端团队翻译的，看译者列表都是一堆前期大神。
这本书又叫犀牛书，被国人誉为：java script开发者的圣经。网上对此书评价很多很好，大概意思是说这本书是一本java script文档手册，更适合当作字典和备忘录查询来使用。
我也是对这本书有很厚的感情和依赖（忘了属性就拿来翻翻，总有收获），个人感觉这本书还是写得枯燥了些，毕竟是工具性质，不适合当作第一本入门来看，不过内容绝对是五颗星，无可挑剔！神书
《java script语言精粹》
★★★★★
作者是大名鼎鼎的 【老道】，我的JS 偶像，我github第一个关注的就是这个大胡子叔叔。他是 JSON格式的发明和维护者，也