作者：小北哥哥
由于Web前端开发的火热，和一些IT巨头企业对专业人才的旺盛需求（当然也包括高到吓人的薪资水平），越来越多的人转入了前端开疆拓土；前端开发领域，是IT技术语言领域唯一一个男女老少都能快速入门，并快速提升兴趣的领域，那应该如何去做呢？
想要进军一个行业，必先对其进行充分的了解和认识，包括：
web前端的基本工作职责和基础技能（要清楚）
web前端的分类和门派（简要概述，武林实在是太大啦）
初步了解后，我们可以选择自学或者参加培训，这也是最重要的一步，自己决定；然后我会为大家推荐优质Web前端书籍，因为无论对于自学还是培训，书籍都将是提升进步的重要推动力。
丨web前端的基本工作职责
入一行，要先知一行，Web前端开发职位必须具备的基本工作职责，如下：
首先，你必须是一个合格的“页面仔”，这个叫法不好听，但很生动。
我们都知道，所有呈现的内容都是基于HTML网页的。
如果你的HTML、CSS（包括现在的HTML5+CSS3）基础不会，或者不够扎实，都很难在有大的进步，或者你的JS 很好，但布局基础不行，还是不能算合格的web前端。
其次，前端主要负责实现视觉和交互功能，以及与后端服务器通信，完成业务逻辑。现在前端的核心价值在于对用户体验的极致追求。
那么我们靠什么来提升用户体验和人性化操作，让用户觉得体验牛x、舒服呢？
当然是我们自始自终的主角 JavaScript了，毕竟它最初就是为浏览器而生的脚本语言。
然而，JS这门语言并不是一种强类型语言，更像是一种解释型语言，所以很多属性，在不同的浏览器环境解释有很大不同导致，效果和性能千差万别，而且很多属性之长，之多，之巨都很有工作量。
之后，就出现了jQuery 这种的框架神器，由于其好用，简单，效果多样，兼容完美，高效率等特性，迅速席卷全世界，所以如果想入门，jQuery 这个东西你是逃不掉的，而且利用它简单的语法，你会很快将一些效果实现出来，迅速提升兴趣。
再后，既然涉及到视觉和用户体验，那么UI 设计知识，你肯定要涉及或者懂一些设计方面的技能和基本素养，比如PS的一些基本操作，切图，和屏幕适配方案等，讲道理说：平时并不需要我们做，但技能包里绝对要有。
总之，web前端同样是程序员，由于前端是位于后端程序和界面设计师之间的岗位，相当于中间桥梁，要完成三者的对接，涉及到广泛的知识，规模大到工程级，也就有了前端工程师的说法。
Web前端工程师，是一个要精通本职HTML、CSS、JavaScript，也要了解后端编程，了解界面设计，了解软件工程的综合人才。
看到这一大篇的职责和技能，你也别害怕，因为这些就像小孩子，会走路，会说话。只要你有兴趣，只要有人领路，有教程自然而然就能掌握的技能，至于一些设计素养，反正你不是UI，有最好，没有又有什么所谓呢？
丨web前端的分类和门派
根据Web前端的细分工种和业务不同，我们可以将其比喻为几个门派，形象之余也让无比庞大的前端划分变得有趣一些。
这里我先简单说几种，我们常常熟知的几个门派，比如：
少林派：七十二般武艺样样精通 - Web网站开发
武当派：以柔克刚 - 移动APP开发
峨嵋派：倾国倾城 - canvas 数据可视化
华山派：剑法精湛 - nodejs开发
逍遥派：潇洒飘逸 - HTML5游戏
如果直接给你技能树 ，是不是会直接晕菜~
丨前端开发 : 必看的书籍资料
HTML+CSS这部分记住一定要多练、多练、多练 ，最重要的事儿，还得我说三遍？
JavaScript 要学的内容实在很多，如果没有其他编程语言的基础的话，可能要费些力，还是建议先了解和学习一些基本语法和定义。
最后，你必须要看书，和实践。
下面就是干货了，也是汇聚了网罗各路大神的看法和意见，汇总出来的优质+Web前端书籍推荐，希望能对各位有所帮助。
丨前端书籍必读、必买
★ 越多，推荐等级越高，和难度无关。最好按照我给的顺序入门，这样不会让你枯燥，想放弃，如果先推荐经典的厚的，满篇定义，我怕你们直接放弃……
1 . JavaScript
先说 JavaScript，因为前面说了，CSS 最好跟着视频练习（有老师带自然更优），毕竟都是可视化的，像做艺术。
《JavaScript DOM编程艺术》
▼
★★★★★
最好的JS入门书籍，最让人有兴趣读完的那种书。
它通过一个幻灯片案例，从头到尾教你实现出来，最后效果实现的同时，基本的JS常用属性，你也就滚瓜烂熟了，很有成就感。
一目了然地告诉你如何用JS操作DOM（这是浏览器端编程的基本功），还灌输了最符合标准的编程理念。可惜有点老，最新一版是2010年的。不过不影响阅读和实现，全部按照最新ES5属性就行了。
《JavaScript高级程序设计》
▼
★★★★
又称红宝书，雅虎首席前端架构师，YUI的作者Zakas出品。虽然书名带了“高级”二字，但是讲得都很基础的属性内容，事无巨细；关键一点是翻译的也很到位，并不是如嚼蜡一般，这很重要。
看此书，我建议配着下面的犀牛书一起看效果更佳。
《JavaScript权威指南》
▼
★★★★★
著名的淘宝前端团队翻译的，看译者列表都是一堆前期大神。
这本书又叫犀牛书，被国人誉为：JavaScript开发者的圣经，网上对此书评价极高，大概意思是说这本书是一本JavaScript文档手册，更适合当作字典和备忘录查询来使用。
《JavaScript语言精粹》
▼
★★★★★
作者是大名鼎鼎的“老道”，他是 JSON格式的发明和维护者，也有很多著作和对JS 这门语言的超多贡献，此人功力之高无可置疑。
这本书，属于稍微入门以后看的，了解了一些中高级概念 比如：闭包、原型链、作用域链、继承封装等以后，看此书有如神助，看一页相当于犀牛书几十页的讲解（不吹牛逼，当时我是这感觉的）
2 . CSS
CSS类， 如果视频看完了，练习的熟练了，你还需要一些书的推荐和查询，也是有必要的，我再来给你罗列几本经典的收藏书。
《Head first HTML&CSS》
▼
★★★
好的入门书，看两遍就对HTML & CSS 有个大概印象了。
此时把w3cschool作为备查手册收藏起来，结合此书，事半功倍，成就感爆棚。
《CSS权威指南(第三版)》
▼
★★★★
最权威的CSS书籍，除了阅读W3C的文档外的不二选择；有时间可以反复看，有css3内容，并当做字典随时查，类似犀牛书。
《图解CSS3：核心技术与案例实践》
▼
★★★
这本书讲解的是最新的CSS3，也是必学的，不然真的跟不上时代了。
《CSS禅意花园》
▼
★★★★
这本书很值得期待，我看过PDF版本的，那时候还没翻译出来，翻译的也一般，不过作者是巨牛逼的，听说对css理解的就像自己的左右手，光靠写CSS 他年薪就轻松百万了……汗颜！思路清晰，图文并茂，还解决一些疑难杂症和高级技巧，类似于JS的语言精粹了，大神级别。
丨最后
有些童鞋认为：从来不需要买纸质书，我全程PDF就行了嘛，不过我建议有些书还是要纸质的，这样有感觉，也可以做笔记，甚至随时当工具书字典来查询，由于前端的特殊性和js语言的属性之繁多庞杂，我建议你还是要买纸质的书，帮助很大。
花费了不少时间整理收集，虽然还是不到冰山一角，但至少入门够用了，希望能帮到新人和想要入行Web前端的观望者。
