0基础自学Web 前端，如何高效快速入门？

用户bPcIIME - 2021-09-14 17:32:44

本人，天坑专业，现小厂渣渣前端一枚，刚被某日报认证为农民工，我的前端是自学入门的。

其实入门前端很简单，前提是

一定不要傻学、乱学、不系统地学，学习讲究章法和技巧！最好是有个有经验的人带着学更好，我最开始自学web前端的时候，就因为这个走了不少弯路，期间差点怀疑人生！

对于前小白来说，请不要走我踩过的坑了，一定要有个人带着学，最好是个有经验的前端老师，这样才能把概念讲明白，细节讲清楚。

如果没人带着、盲目自学可能就会像我一样，在自学路上跌入深坑！

我的学长也是做前端的，告诉我说某本前端书写得挺好，照着敲一遍就会了，我买来一看，啊呸！全都是天书，这哪看得懂？？小刘说：使劲看！多看两遍！！我说：好的大佬！！

第一步按照书上说装个notepad++，我就去某度搜，随便找了一个叫notepad++的网站，就下载下来，双击安装，我的360安全卫士，直接特么病毒报警了，电脑风扇像战斗机要起飞一样嗡嗡直响，吓得我差点把电脑扔了！！害得我去附近电脑店重装了个系统，花了50大洋，生气！！
在这里插入图片描述

于是又找了另一个做前端的学长，讲明了我要学web前端的态度，想问问有没有推荐小白看的视频，学长一会就发给我一个，说这个视频挺好，让我从头看，我就又硬着头皮看

前面HTML还行，花了有2周的时间学了个大概，感觉还很简单，就是个标记语言，多查查手册知道怎么用的就行了，到CSS后半部分就有点懵逼了，盒模型？相对定位，绝对定位？这啥玩意？听不懂，直接跳过，看下一节。

然后看视频到了JS部分，就卡住了，视频里老师讲到了JS里的数据类型，上来直接说声明个字符串类型，一口带过，我就一脸懵逼，什么字符？字符什么？什么串？这比HTML和CSS难度不在一个级别呀，越看越不懂，直接放弃治疗！！
在这里插入图片描述

后来就觉着，这个破视频不适合我，赶紧又找了个简单点的视频，真的是踩坑无数，网上的视频不是目录太长、资料过时就是缺内容、知识不连贯，害得我好几次，好不容易看明白了这一节，也能照着敲出来了，下一节就接不上了，中间缺失了好几节课，直接就不懂了，心里一阵MMP。

还有一些课程直接就过时了，都什么年代了，打开上来让我安装Dreamweaver cs3呢，当时我就把它丢进了垃圾桶，还是老师推荐的 VScode 好用，YYDS！

学完了上面的课程，就不至于浪费了很长时间在找资料、理解概念上，也没个人带着，最后连个页面都写不出，去问别人，不是不理我，就是被冷嘲热讽（给我发下面这种表情包）好多次陷入迷茫了。
在这里插入图片描述

后来终于找到了个看似像样的课程，把之前不懂的知识用补上了，js也懂一些了，什么高仿京东页面，交互逻辑就都明白了，还能写个函数定个时执行了。心里一阵美滋滋

后来也自认为学得差不多了，刚好也赶上金三银四，就得赶紧找工作了，这么耗着可不行，于是就开始写简历，「精通HTML，精通CSS，精通JS，精通web前端，精通H5 ，像素级精仿京东页面等」，反正什么词高大上就网上写，写好后，直接某联、某聘、某勾上一顿群发。

几天过去了，一点动静都没有，连个短信都没有，软件上都显示不匹配，又过了几天，某聘上来了消息，说看了我的简历，让我去面试，当时欣喜若狂，赶紧准备各种面试题，第二天就去了

见到面试官，第一个问题就卡住了，问：「说一下浏览器的底层原理，以浏览器打开百度为例」，我心想，这没学过呀，直接说不会，下一个问：「说一下你知道的 js的设计模式」，完了，又懵逼，硬着头皮说继续，说一下「Vue和React的区别」，然后又不会，面试过直接说：「你这啥都不懂，还出来面试，回去再练几年吧」，我就陷入了绝望之谷。
在这里插入图片描述

后来，我摆正了心态，奋发图强，在知乎找大厂面试题解析，偶然间看到一个老师在讲CSS的盒子模型，真的用两个纸箱子，给同学展示到底什是内边距，什么是外边距，他的另一个视频，讲JS 的数据类型，真的用小孩子的那种玩具，讲什么是数据，什么是数据类型，非常直观，看到后直接就爱了。

后来就继续深入系统的学习node js，Vue，react，TS，做小程序，写企业级后台项目，一步一个脚印地学，出去面试才有了信心，找到了互联网非996的前端工作，还有师父带着，自己也有了更进一步的提升，工资也翻倍的上涨。

总之，前端的发展非常迅猛，不像很多年前，会HTML、CSS、JS三件套就可以找到一个非常好的工作了，现在要求也越来越高，必须得系统深入的学才行，现在出去面试越来越卷了，基本必考算法，平时工作中也时不时得刷一刷LeetCode，找找感觉，后端的知识也要多了解一些，没准面试你的就是个后端大佬，多学多练，找对方法，不要傻学就行了。

以上是我自学前端多年的一些经验和感悟，其实坚持下来挺难的，还是那句话：师傅领进门，修行在个人！现在大家想学编程太方便了，各种教程满天飞。刚开始入门的时候有高手带，往往能有事半功倍的效果，如果自己不知道怎么找资料，我可以不把我自学的这份免费分享给你。可以到这个WEB前端学习交流裙，前面三位484，中间三位757，后面三位760，在里面找我要就可以了，我是裙管理，因为自己自学的时候走过太多的弯路，所以创建了这个裙，大家在跟着教程自学的过程中，遇见有不懂的问题也可以随时在里面问，里面有很多已经工作多年的大佬会帮你解答，学习氛围非常好。

特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。

上一篇： 50行代码串行Promise，koa洋葱模型原来是这么实现？

下一篇：利用canvas绘制时钟（模拟时钟效果）