前端开发基本知识（前端学习是先平后陡再平）

第一阶段是Html和CSS，修真院强烈推荐一开始就要做响应式和自适应。不算太难。

这里主要是标签，属性，盒子模型，定位，浮动，垂直居中等，没什么太难的。

第二阶段是Bootstrap和Less，Bootstrap做为一个响应式的框架，对于初学者来说，更重要的是理解复用的概念，Less和Sass二选一，帮助你更好的理解抽象和复用。

这里更重要的观点就是去思考，如果说让我来把常见的布局抽象成框架，我该怎么做？

穿插在这两个阶段始终的有两点。一个是拿到UI图后，怎么快速在脑袋里画出局的方案，一个是做完之后，怎么保证百分百还原UI图。

第一个是熟练度的问题，也是为后续学习打下结实的基础，动手做事之前，先有方案。

第三阶段的学习主要就是Dom操作和事件处理，有了CSS的基础，那么第一个问题就是，怎么用代码去改变这些Dom节点的属性，以及怎么获取呢？这就是Dom，这里面会有一个概念要分清，原生和JQuery，推荐直接用JQuery，节省时间，没什么本质的差别，JQuery就是觉得原生不好用，所以才封装了一层而已，如果理解好了Bootstrap和Less，可以用Bootstrap的一些封装好的类，如Btn和Button的对比这些来理解Jquery和原生，但不要纠结。

Dom节点的操作是要举一反三，没必要把所有的Dom节点的操作都学会。

跟着就是去理解事件的概念，最简单的就是Click事件，怎么监听一个事件，怎么在监听一个事件之后做处理？JS里有多少事件？同样的不需要全部都试一遍。

这儿要注意的小细节就是记死，ID是给JS用的，Class是给CSS用的。

第四阶段的学习就是关于业务逻辑的编写，很多人在这一步会比较蒙逼，原因就是无法把业务逻辑转换成JS代码，修真院里选用的是杀人游戏，其实也很简单，这个时候学会画流程图是一件好事，顺序，选择，循环 用这三种去梳理要做的事情，或者是直接写伪代码，我记得付老师在洗髓换骨营讲过这个，很简单，不到一小时的课，可以练习一下。

当然还是要弄明白，怎么从大往下了拆解。

这个时候要着重培养一概念，就是分层，内聚，解藕。

这是编程思想中的一点，很多初学者在这里，好不容易把代码写出来，但是代码像一堆屎一样，更关键的是不知道自己的代码写的渣~

这也是为什么修真院需要对所有的来学习的人都一对一，每天审核日报和审核任务的原因，不然你自己错了都不知道怎么错的。

第五阶段的学习就页面的参数传递，本地存储的读写，以及和后台数据的交互，这三个都不算太难，但也是有自己的坑，这是的难度已经升到了20，特别是和后台数据交互，首先要理解Ajax，其次要理解什么是跨域，再次要理解什么是接口，最后弄明白什么是http,什么是参数，什么是返回值，什么是header，什么是三次握手等等。

这其中对于一些基础知识有要求了，对你的编程能力也有要求，同时跟之前写CSS一样，要求你拿到原型图，就能训练出来判断当前页面有几个接口，第一个接口的参数大概是什么，数据拿到之后怎么在页面展示，以及需要获取用户哪些数据的能力。

第六阶段的学习是一个比较大的飞跃，修真院直接选取AngularJS，不要说学习曲线啦~没太大的差别，在这方面，修真院要有经验的多，几百个零基础的人都可以直接学会Angular。学会之后，对于Vue和React基本上用怂了~这里的难度直接升到了50.

AnguarJS要学的话，之前是否打好了内聚，分层，复用的概念就特别重要了。第一要明白，为什么要有AngularJS，是想解决什么问题。其次就是很简单的事了，先理解Controller，再理解双向绑定，再理解Filter，再理解Service，再去理解Directive，这个顺序就差不多了。第七阶段学习难度算是正常，基本上就是UI-Router，Bower，Webpack，Gulp，GruntJS等各种各样的打包，包管理，路由等工具了，用到哪个学哪个。这里的难度算是60.

但是这里其实还有很多隐藏的东西要学习，主要就是行业相关，比如说支付，电商等行业知识，另外就是一些SDK和API的使用，如地图，图片，微信，小程序等。

所以整理来说，修真院更愿意把这些东西都融合在一起，在了解这些行业知识的同时去学习这些技能。