web前端到底怎么学？（深度详解）

web前端到底怎么学？

一般据我经验，在喜欢并且决定和她恋爱之前，我都会做一下充分准备和调查，有必要了解和研究清楚 ‘她’ 的几个特性和习惯。

1. web前端的基本工作职责 和基础技能（要清楚）

2.  web前端的分类和门派（简要概述，武林 实在是太大啦）。

3. 前端开发 必看的书籍资料（干货重点）。

如果 你已经了解清楚以上前2点并思路清晰，那就直接 和她相爱吧-直接跳入 【前端开发 必看的书籍资料】

在学习过程中有什么不懂得可以加我的WEB前端学习交流扣扣qun，前面是133，中间868，后面是702。群里有不错的学习教程与开发工具、项目源码分享，专业的老师解答问题。与你分享web前端企业当下人才需求及怎么从零基础学习好web前端，和学习什么内容。

1、web前端的基本工作职责（要清楚）

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

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

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

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

 

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

那么我们靠什么来提升用户体验和人性化操作，让用户觉得体验牛x、舒服呢？（当然细分厉害的公司，会有专门的 用户体验攻城狮）
 

当然是我们自始自终的主角 `JavaScript`了，毕竟它最初就是为浏览器而生的脚本语言。

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

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

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

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

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

web前端工程师，是一个要精通本职html,css,javascript，也要了解后端编程，了解界面设计，了解软件工程的综合人才。

（卧擦！这才入门，web前端就这么多职能 和掌握的基本技能，不开森了 ，哼！）
 

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

2、web前端的分类和门派（简要概述，武林 实在是太大啦）

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

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

比如：

●【少林派】：七十二般武艺样样精通 - web网站开发
●【武当派】：以柔克刚 - 移动APP开发
●【峨嵋派】：倾国倾城 - canvas 数据可视化
●【华山派】：剑法精湛 -  nodejs开发
●【逍遥派】：潇洒飘逸 -  HTML5游戏
 

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

由于web前端知识体系 实在是太庞大，这是另一个话题，三言两语是描述不清的，我们后面会专门开一个专题文章，来讲解和讨论这个话题。

3、前端开发 必看的书籍资料（干货重点-入门篇）

01 、html + css 这部分建议在 w3school 在线教程 上学习，边学边练，每个属性后还有在线测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练 多练 多练 ，最重要的事儿 还得我说三遍？

 02 、javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习一些基本语法 和定义。
 然后你必须要看书，然后实践（好多人问 有没有快速捷径，我只能告诉你：如果有捷径，码农们就不用天天如此苦逼了吧）。

忍得住寂寞枯燥，才能拿得到高薪！