前端学习有效路径（转载网络）

（转载网络）

教过团队，我来说一下真实有效的路径

1. 概念：对编程有基础的认识和概念，这一步很抽象，但是可以先看其他视频基础了解一下。也是很重要的一部分，对于男生来说似乎天生就有这种概念。而女生会比较吃力。

了解程序就是input => output这个概念，详细需求实现利用是公认的顺序+分支+循环

2. 基础：HTML（会写div就行）， CSS（文本样式/定位/宽高就行）， js基础（变量/函数/基础DOM操作），大概一些特别基础的内容。

这是信心培养阶段。还需要懂得一个道理『无论以后内容多看不懂，底层就是你现在学会的这些，只不过是封装而已，并没有新的东西』。
千万记住不要全部都看，也不要看老旧的教辅或者网站，这些都不是现在该做的事情。
最好的情况就是有人带，基本2天就能完成。
并且记住的是，这其实就是80%的内容了，也就达到了『会用』的阶段

对于教导者来说，千万不要说『来，这些你先自己看完』，然后丢一堆书或者网站，这些只会让别人越看越懵。因为大部分人都是学生，普通学生的学习模式就是用大量的时间来读熟读烂再领悟。

而全看完，不仅留下90%以上的大问好，然后等到后面发现基本没用上，越学越乱，越学越挫败

还有一点，在学习JavaScript的过程中一定和第一点结合起来，就是编程的概念。而不是仅仅『面向JavaScript』。一方面其实学习所有编程语言都是一个套路，没必要分开。一方面就没必要局限3. 提升效率：这个阶段主要是为了提升效率而做的处理

上一个阶段，基本就可以写业务了，但是写起来很慢，这个阶段就是一步一步去提高自己开发的效率

- 引用DOM操作插件，封装DOM操作，加快操作效率
- 引用视图框架，最好是Vue3，加快视图和数据的处理效率
- 加入工程化，最好是Gulp，自动化完成一些操作 4. 大量练习

4. 抽象：这个阶段就是最难的部分，需要学习很多抽象的概念，包括算法也好，设计模式也好。当然这部分并不强求，只适合已有萌芽概念的同学，千万不要硬学，没有必要。

因为
- 不影响你实现业务（赚钱）
- 慢慢来肯定会有哪一天突然领悟
- 很多程序员十几年工作经验同样都没到这一步，也没有什么影响

5. 输出：这个阶段其实是总结阶段，因为在总结阶段，你才有更大的动力去进一步探索。而输出只是一个方式