web前端开发是很多小伙伴入门首选的编程语言，相较于其他编程语言来说，前端效果会比较直观，目前可以实现的效果也非常多，应用领域也是十分的广阔，那么如果一个普通人想要学前端需要多久的时间呢？应该如何学习才更好一些呢？
相信很多人入坑前端，除了高薪就是简单好学了，很多人在简单的学习了HTML/CSS之后，觉得哇哦，这么简单，于是继续向下继续学，就到了JavaScript，最后发现js的路很长，可能自己才迈出了第1步，甚至有的会觉得现在自己的脑子不够用了，然后就开始质疑自己是不是真的不适合学习前端，前端太难了，我都学了这么久了还没有学会，最后就在自我的否定中放弃了。
如果你现在正在放弃的边缘挣扎，或者你正要打算入门学习前端，我希望你能静下来看看这篇文章，并且坚持一段时间执行它，希望能给你带来一些帮助，这套方法已经经过多人使用并且后期效果杠杠的，前提你得听我的，听话的孩子运气不会差。
第1步，学前预习，时长1个小时，分为3次预习，这步需要你拿到即将要学习的这块内容的预习资料，ppt也好，代码也好，首次预习，时间10分钟左右，快速的预览一下大致会讲点什么内容，同时把这10分钟能看懂的单独标注一下，例如标注为绿色，这步的目的是先知道你要学什么做到心中有数；再次预习，时间20分钟左右，细看相关资料，过程中把看不懂的知识点、单词标注一下，比如标注为红色，这步的目的是要明确自己一会学习的重点是什么，有重点，带着目的去学习，会事半功倍，最后一次预习，时长30分钟，把自己前2次看懂和看不懂的东西，自己用相关编辑器操作一下，比如标注为黄色，这步的目的是进一步明确自己要听的实操部分操作上的细节点。总之这1个小时的预习，你要明确，学的都有哪些，哪些是自己重点去听的，哪些是操作上要细细的去看的，时间可能对于你来说有些长，但是在这个过程里面，你会慢慢建立起自学的意识，同时也提高学习的效率，毕竟有准备有目的的去做一件事情成功的概率会更高一些，你觉得呢？
第2步，学习中，学习前的预习已经让你有目标的去学习，去吸收知识点了，学习中的你需要做到的就是认真听，做好笔记，有疑问的地方立即提问并解决掉，有想法的多沟通，不要自己去琢磨，尤其当你还是一个小白的时候，除了耗费更多的时间，没有任何意义。如果你是看视频自学的话，一定要添加对应老师的QQ，不要想着多看几遍视频吸收一下，还是那句话除了消耗更多的时间之外，还会拖垮你的耐心，沟通能解决的事情，为什么非要自己去研究呢，站在巨人的肩膀上成功不香吗？尤其这个巨人可能就在你的身边，你说呢？
第3步，学习后，用思维导图软件整理自己刚学的内容，不要问我为什么用思维导图，你看下面的对比图，你就知道了。整理的过程，我希望你可以先自己凭借记忆整理已经知道的，之后再对照着课上的笔记或者代码去整理没有记住的，这也就很清晰的分析出来了，哪些是已经掌握了的，哪些是你还需要多多加深巩固的，这样就可以在后期的作业中多去练习自己还不熟悉的部分，在这里我希望重点说一下，作业是巩固和加深当天知识点的，不是为了让你通过作业来学习新的技术的，在IT培训行业这么久，我见过太多的学生想要通过作业来学会还没有听懂的知识点，你也可能会觉得没有问题，但是你没有想过，作业做完你知识点是会了，但是你有没有想过，你是边学边做作业的，最后是学会了也做完了，但是你做完的学会的也只是这个案例展示给你的知识点，其他的呢？你真的也会了？
最后，还是希望看这篇文章的你能明白一件事情，那就是学习，任何时候绝对不是嘴上说说而已，更不是一蹴而就的，你看到的那些高薪背后，都是有你看不到的熬夜努力堆积而来的。
想要学习web前端的同学，可以参考云和数据web前端培训班提供的web前端学习路线，该学习路线对从零基础小白到web前端初级开发工程师，web前端高级开发工程师，后面的web前端大神级开发工程师都有一个明确清晰的指导，根据云和数据web前端培训机构提供的web前端学习路线图可以让你对学习web前端开发需要掌握的知识有个清晰的了解，并快速入门web前端开发。