优就业是中公教育IT培训品牌，致力于培养面向互联网领域的人才，以学员就业为目的，就业为宗旨，是一家集互联网营销师、UI/UE交互设计师、Web前端工程师、Java工程师、Python工程师、Unity开发工程师、大数据工程师、Linux云计算工程师、PHP工程师等课程为一体的IT培训机构。为培养符合时代需求的IT人才，中公教育优就业以高瞻的视野，经多年布局，打造人才培训服务体系。以企业需求为导向，以行业未来为驱动，向企业和社会不断输送IT人才。

Web前端是什么？

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互，前端开发主要职能就是把网站的界面更好地呈现给用户。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。++是C语言的继承，c++语言对C语言的功能做了一定的扩充，同时增添了面向对象编程机制。引入面向对象编程机制，主要是为了提高开发效率。

优势一拥有更高性价比，轻松维护

响应式网站可以根据不同的设备自动进行内容的布局调整，只需拥有一个就可以兼容所有的终端设备，有了响应式网站，管理变得十分简单，只需一次编辑，任何设备上都可以同时看到更新。

优势二拥有出色的、人性化的用户体验

响应式网站可以自动侦测设备屏幕的大小，对网站的内容和布局灵活调整，让网站在任何设备上都有令人惊艳的显示效果。

优势三实现多媒体更加简单

利用HTML5的video和audio非常方便的在网页上添加视频和音频，不需要很复杂的代码，就能打造一款功能齐全的HTML5播放器。

为什么要选择中公优就业学习Web前端技术？

中公优就业Web前端培训机构采用阶段式授课方式，学完一部分内容进行考核，将掌握不牢固的技术点在下个阶段再进行讲解。并且定期更新课程大纲所学技术，让学员可以学到企业所需智能机器人技术。

第 一阶段HTML5+CSS3

第二阶段JS交互设计

第三阶段Node开发

第四阶段前端框架

第五阶段小程序+数据可视化

第六阶段就业指导+项目提升

由于前端开发的火热和一些IT巨头公司对

web前端开发人员的需求旺盛，让越来越多的人转入前端。前端开发领域是IT技术语言领域一个男女老少都可以入门并进步兴趣的领域，今天就来聊聊前端到底该怎么学~

话不多说，让我们直接进入今天的主题。web前端到底怎么学?一般据我经验，在喜欢并且决定和她恋爱之前，我都会做一下充分准备和调查，有必要了解和研究清楚

‘她’的几个特性和习惯。

web前端的基本工作职责和基础技能(要清楚)

web前端的分类和门派(简要概述，武林实在是太大啦)。

前端开发必看的书籍资料(干货重点)。

如果你已经了解清楚以上点并思路清晰，那就跳到后面的 “前端开发 :必看的书籍资料 ” 。

web前端的基本工作职责

“入一行，要先知一行 ”;我们来看看Web前端开发职位无论什么门派都要做到的一些基本工作职责。

首先，你必须是一个合格的“页面仔”，这个叫法不好听，但很生动。

我们都知道，所有呈现的内容都是基于HTML网页的。

如果你的HTML、CSS(包括现在的HTML5+CSS3)基础不会，或者不够扎实，都很难在有大的进步，或者你的JS很好，但布局基础不行，还是不能算合格的web前端。

其次，前端主要负责实现视觉和交互功能，以及与后端服务器通信，完成业务逻辑。现在前端的核心价值在于对用户体验的追求。

那么我们靠什么来提升用户体验和人性化操作，让用户觉得体验牛x、舒服呢?(当然细分厉害的公司，会有专门的用户体验攻城狮)当然是我们自始自终的主角JavaScript了，毕竟它较初就是为浏览器而生的脚本语言。

然而，JS这门语言并不是一种强类型语言，更像是一种解释型语言，所以很多属性，在不同的浏览器环境解释有很大不同导致，效果和性能千差万别，而且很多属性之长，之多，之巨都很有工作量。

之后，就出现了jQuery这种的框架神器，由于其好用，简单，效果多样，兼容，率等特性，迅速席卷全世界，所以如果想入门，jQuery这个东西你是逃不掉的，而且利用它简单的语法，你会很快将一些效果实现出来，迅速提升兴趣。

再后，既然涉及到视觉和用户体验，那么UI设计知识，你肯定要涉及或者懂一些设计方面的技能和基本素养，比如PS的一些基本操作，切图，和颜色值(比如会改个字，隐藏个图层，改个尺寸，变个颜色什么滴)，屏幕适配方案等，讲道理说：平时并不需要我们做，但技能包里要有。

较后，服务器知识+后端语言基础，这个职责和话题就比较hight了，到后面我们会一一解释。

总之，web前端同样是程序员，由于前端是位于后端程序和界面设计师之间的岗位，相当于中间桥梁，要完成三者的对接，涉及到广泛的知识，到工程级，也就有了前端工程师的说法(某人总结，很是到位)。

Web前端工程师，是一个要精通本职HTML、CSS、JavaScript，也要了解后端编程，了解界面设计，了解软件工程的综合人才。

看到这篇的职责和技能，你也别害怕，因为这些就像小孩子，会走路，会说话。只要你有兴趣，只要有人领路，有教程自然而然就能掌握的技能，至于一些设计素养，反正你不是UI，有较好，没有又有什么所谓呢?

web前端的分类和门派

根据Web前端的细分工种和业务不同，我无耻的把她比拟出来几个门派，供大家参考，也让无比庞大的前端划分变得有趣一些，不然下面我放一张图，你看了会晕菜。

这里我先简单说几种，我们常常熟知的几个门派，比如：

少林派：七十二般武艺样样精通 - Web网站开发

武当派：以柔克刚 -移动APP开发

峨嵋派：倾国倾城 - canvas数据可视化

华山派：剑法精湛 - nodejs开发

派：潇洒飘逸 - HTML5游戏

让你晕菜的技能树 ，客观您感受一下先~

Web前端知识体系实在是太庞大，先不感慨了，我们赶紧去看干货!

web前端开发：必看的书籍资料

HTML +

CSS这部分建议在在线教程上学习，边学边练，每个属性后还有在线测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练、多练、多练

，较重要的事儿还得我说三遍?

JavaScript要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先通过在线教程学习一些基本语法和定义。

然后你必须要看书，然后实践(好多人问有没有捷径，我只能告诉你：如果有捷径，码农们就不用天天如此苦逼了吧)。

记住：忍得住寂寞枯燥，才能拿得到高薪!

对于习惯看视频学习的同学，以上内容也可以在在线学习网站上去搜，现在大部分基础课程讲解都还不错。跟着敲一起学，确实可以避免看书查资料的枯燥。

以下内容都是结合我自己的学习路线与经验，再整理汇总了网络各路大神的资料，希望能帮助源源不断入坑的新人更好的学习。

web前端书籍必读、必买

★越多，推荐等级越高，和难度无关。较好按照我给的顺序入门，这样不会让你枯燥，想放弃，如果先推荐经典的厚的，满篇定义，我估计是害你们放弃。

1 . JavaScript

先说 JavaScript，因为前面说了，CSS较好跟着视频练习，毕竟都是可视化的，像做艺术。

《JavaScript DOM编程艺术》

★★★★★

较好的JS入门书籍，较让人有兴趣读完的那种书。

它通过一个幻灯片案例，从头到尾教你实现出来，较后效果实现的同时，基本的JS常用属性，你也就滚瓜烂熟了，很有成就感。(个人很偏向这种风格书籍，此书让我彻底爱上前端js)

一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功)，还灌输了较符合标准的编程理念。可惜有点老，较新一版是2010年的。不过不影响阅读和实现，全部按照较新ES5属性就行了。

《JavaScript程序设计》

★★★★

又称红宝书，雅虎首席前端架构师，YUI的作者Zakas出品。虽然书名带了“”二字，但是讲得都很基础的属性内容，事无巨细。关键一点是翻译的也很到位，并不是如嚼蜡一般，这很重要。看此书，我建议配着下面的犀牛书一起看效果更佳。

《JavaScript放心指南》

★★★★★

的淘宝前端团队翻译的，看译者列表都是一堆前期大神。

这本书又叫犀牛书，被国人誉为：JavaScript开发者的圣经。网上对此书评价很多很好，大概意思是说这本书是一本JavaScript文档手册，更适合当作字典和备忘录查询来使用。

我也是对这本书有很厚的感情和依赖(忘了属性就拿来翻翻，总有收获)，个人感觉这本书还是写得枯燥了些，毕竟是工具性质，不适合当作本入门来看，不过内容是五颗星，无可挑剔!神书

《JavaScript语言精粹》

★★★★★

作者是大名鼎鼎的 【老道】，我的JS偶像，我github个关注的就是这个大胡子叔叔。他是

JSON格式的发明和维护者，也有很多著作和对JS这门语言的超多贡献，可见此人功力!

这本书，属于稍微入门以后看的，了解了一些中概念比如：闭包、原型链、作用域链、继承封装等以后，看此书有如神助，看一页相当于犀牛书几十页的讲解(不吹牛逼，当时我是这感觉的)

2 . CSS

CSS类，如果视频看完了，练习的熟练了，你还需要一些书的推荐和查询，也是有必要的，我再来给你罗列几本经典的收藏书，买不买均可的。。

《Head first HTML&CSS》

★★★

好的入门书。看两遍就对HTML & CSS有个大概印象了。

此时把w3cschool作为备查手册收藏起来，结合此书，事半功倍，成就感爆棚。

《CSS放心指南(第三版)》

★★★★

较放心的CSS书籍，除了阅读W3C的文档外的不二选择(就是翻译太操蛋，可能有的词你以为是火星语，不过不影响阅读)。有时间可以反复看，有css3内容，并当做字典随时查。类似犀牛书。

《图解CSS3：核心技术与案例实践》

★★★

这本书讲解的是较新的CSS3(前几本书停留在CSS2.1时代，2.1是基础)，CSS3也是必学的，不然真的跟不上时代了。

《CSS禅意花园》

★★★★

这本书很值得期待，我看过PDF版本的，那时候还没翻译出来，翻译的也一般，不过作者是巨牛逼的，听说对css理解的就像自己的左右手，光靠写CSS他年薪就轻松百万了。。汗颜!思路清晰，图文并茂，还解决一些疑难杂症和技巧，类似于JS的语言精粹了，大神级别。

好了，差不多就推荐到这里，CSS这基本是基于情怀，罗列一下，买不买都没必要，想当年我学CSS是靠着几个仅有的视频，一个属性一个属性的练习，还有IE6各种兼容问题，虐到爆，那酸爽(现在你们是幸运的，基本不用兼容IE6这个老东西了)。

真正起到决定作用的，还是JS语言的掌握和实践，JS能力越强基础越稳固，你的前端能力就会越好，自然薪资越高，所以现实点说大家，大家一起努力吧，让money都到碗里来!

有些童鞋认为：从来不需要买纸质书，我全程PDF就行了嘛，不过我建议有些书还是要纸质的，这样有感觉，也可以做笔记，甚至随时当工具书字典来查询，由于前端的特殊性和js语言的属性之繁多庞杂，我建议你还是要买纸质的书，帮助很大。

其他

再为大家奉上我手里整理出来的一些资料~

★越多，难度越高。

CSS

CSS放心指南 (第3版)★★

精通CSS ★★★

HTML & CSS设计与构建网站 ★

JavaScript

JavaScript & jQuery交互式Web前端开发 ★

JavaScript DOM编程艺术 (第2版)★

JavaScript程序设计(第3版)★★

锋利的jQuery ★★

高性能JavaScript ★★★

JavaScript语言精粹 ★★★

JavaScript放心指南 ★★★

编写可维护的JavaScript ★★★