都说前端学习是先平缓后陡峭再平缓,那这几个转折点大概对应哪一领域的知识?

262 阅读6分钟
原文链接: www.jianshu.com

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

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

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

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

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

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

另一个就是严谨度的问题,从一开始就养成一个百分百还原设计图的好习惯。

附加技能就是提前培养自己对于抽象,封闭和复用的概念。

之后就进入JS的学习,这里是一个难度上升的地方,之前CSS的难度是1,JS的难度是10.

提前两周去看JS的基本语法书,基本语法很简单,重点是理解变量,常量,函数,参数,返回值,作用域,判断,循环等,不要看其他太多的东西,也不要太纠结于细节的概念,这些都可以在后续的编码实践里多理解。

这些筹备工作做完以后,就是第三阶段的学习。

第三阶段的学习主要就是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的使用,如地图,图片,微信,小程序等。

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

这些就够了么,还不够。

源码管理,开发流程,调试重构,打包部署等一系列工程化的东西,全部都是你要会的。


给出一个简单的截图,虽然官网上跟我说的角度不一样~

但是道理是一样的。

修真院的这套任务体系,就是融合了技能,能力,流程,行业,工具等一系列知识点,并且给出一对一的指导,来帮助初学者快速的成长的~

这个快速,真的是史上最快的~~

作者:暗灭

北京葡萄藤.IT修真院首页 | IT修真院

===============================

免费,快速,高效的帮助IT新人入门,做一个“正直,善良,纯洁”的程序员。


扫码注册 | 免费学习