文章目录 学习前端前提一， 明确方向/态度二， 明确内容路线 学习前端过程三，明确方法，怎么学1、入门（两方面）->搭积木2、尝试写完整的东西 四，如何深入3、把握主流实用知识4、广度认知，扩充知识面5、项目6、现实 个人学习心得/建议：
前言：在学习的时候，即使有做计划，有时候也会因为一些其他的干扰，陷入迷茫之中，断断续续的学习，所以总结一下学习web前端的一些表层的东西，帮助自己在学习过程中更加明确每一步该怎么走，也分享给大家。
博主学前端的经历
最早，在MOOC上看视频，大一花一个月寒假纯学习，就写了几个HTML，最后什么也没学会，当时也没经验，没人指导，瞎学。
大二开课，跟老师学+自学，一开始看老师分享的培训课程深入学习，虽然知道学习内容且有计划，但总是学着学着就学不下去（课程冗长没有成就感，知识理论不太好接受，学的蛮难过的），最后，三天打鱼两天晒网。到现在，终于慢慢找到适合自己学习方法，慢慢沉淀，织网式学习，每天进步一些。
学习前端前提 一， 明确方向/态度
确定了前端/只是学学
前端：专注，深入学习
后端：也要用到，前后端交互
其他/没确定方向：打好基础
总之，前端就像地基，它可能不决定你的大楼，但它对你的将来或多或少会有影响，所以建议打好基础。
二， 明确内容路线许多同学们可能跟着培训机构的视频就入了前端这行的门，但大多数都只是机械的学习着资料中的内容。俗话说，选择要比努力重要。那么学习开发，首先应该要有一个清晰的学习路线。
要学的内容（总的一句，蛮多的）
H5技能图谱
前端工程师必备技能
要走的路线（总的一句，蛮长的）
github上拿的前端学习路线图
平常个人积累
web课程的软件及学习网站
课上，跟上老师节奏。
大学前端课程主要要学习三部分的内容：
HTML超文本标记语言 (Hyper Text Markup Language)
Css层叠样式表（Cascading Style Sheets）
JavaScript是前端的核心
课后，练习（回顾），总结（写博客），实践（应用）。
要多加练习，死记硬背是无法驾驭前端的。
课外，写自己的网站（新学代码->实现/想要效果->实现代码）
拓展，自学（选一个自己的路线）
1、入门（两方面）->搭积木方面1:培养兴趣。例如：做个人主页 日历 小动画，多去看看一些你喜欢的前端效果，去尝试模仿
方面2：系统地学习(干货重点)，打好基础；有一定基础，迭代式学习（在2基础上查缺，填鸭式）。针对HTML CSS JavaScript知识点要多加练习，死记硬背是无法驾驭前端的。总结，重构，多问为什么从而将知识变为自己的。
具体学习也可在网上各个平台找学习路径方法
JavaScript小白学习路径方法及须知
写自己的小型复杂度网站，jQuery（JavaScript库）。例如：个人任务管理、 日期时间组件、 图片管理工具。从网络上百度前端学院中寻找合适的练习题目来进行练习，通过不断积累问题学习。
其他：
1，学前端扩展知识，如前端chrome浏览器调试总结
在网络或程序员平台了解学习主流方案解决问题的思路。像React、 Vue、Angular（三足鼎立框架），Redux 等一些东西开始对于我们来说是一脸懵逼，可以按需了解它们的发展历史 场景问题 设计思想，不断重构，对深入学习前端开发很有帮助。
4、广度认知，扩充知识面如：Node.js、WebAssembly、Mobile、Hybird、GO、Dust、 Flutter、WebGL、Canvas、SVG、Electron、TypeScript 等等，学着提炼核心思想。
5、项目将3,4学到的投入复杂度开发，积累经验
6、现实专攻，对一个领域进行深度掌握、打磨自己的技术学习方法 。学到再多还不是为了找工作，总得面对自身与现实情况调整自己的学习内容与方向。
或者，分析一个前端招聘单位的应聘要求学习。
其他：学着找国外的一手资料,毕竟国内的经过翻译很多知识只可意会不可言传（只适合大佬）。前端的经典著作适合大部分人。
备注：只是用自己的经验与借鉴他人而总结的计划。
以上只是解决学什么，资料学习路径到处都是，也很类似，自己网上找，且那些都是别人的，不是自己的。关键还是下面大部分人想知道的怎么去学，也是分享的重点
个人学习心得/建议：1，学会取舍
全部前端内容太多了，学到一定阶段，不断学习过程中，知识总会给你开一个更大更广的知识群，要冷静取舍，从而向更加明确自己感兴趣擅长的方向前进或拓宽。
2，学会自己找答案与提问
自己专研，毕竟有时候没人愿意告诉你答案；同时，有时也要有不耻下问的谦逊，实在找不到解决方法就要问。一个合格的程序员要学会面对百度编程
3，定期反思总结
不要一味地逼自己学，还是要了解自己到底什么方法适合自己，定期花一些时间冥想反思有助于提升学习效率。还有，人的忘性极大，不及时巩固一些知识点就跟白学一样，所以定期回顾知识，尽量总结知识架构。
lhzdyz学习法：Concept （概念）、Teach （教给别人）、Review （回顾）、Simplify （简化）
4，写博客，看博客
将最近学的知识点总结分享在网络平台上，就当做教陌生人，不一定要多好，毕竟互相不认识，自娱自乐，当笔记也好。这样可以提高你学习兴趣，但也不要弄错重点，实操>理论。
5，有机会，可以找个大佬带你，找个好的前端学习环境
说实话，编程的学习曲线蛮高的，自学难度也大，加上一个人学习也会产生挺多问题的，所以有机会还是找到一个肯带你的，可以在你的同学，熟人中找，否则一个最简单的环境问题可能都让你头疼。如果你身边有比较好的环境可以尝试融入，建议大家互帮互助，有输出才能更有收获，相信大家都不会喜欢总从你这拿东西走的人，而很少回报你。如果有机会搭上大佬，好好学，他们有经验，总能突然点悟你。当然很多时候有些大佬也很忙或不会理你，如果碰到了，不用尴尬，也不要抱怨，毕竟在没有互利的情况下，他们没有理由把他们辛勤付出的成果分享给你，不告诉是他们的合理权利。如果周围没有这个环境 没有大佬，就只能上万能的互联网了。
6，实在还不知道怎么学
那就上网吧，知乎，百度，CSDN，51CTO，博客园，简书，慕课MOOC等网络资源，入了程序员的坑，这些东西多多少少都要回玩一点。前人玩留下的经验也总有适合你的。
7，充分利用起周边资源
有时候是随便翻翻这些博客论坛会发现好东西，不要让它在收藏夹积灰，有用的就总结利用成自己的，看都看不懂的还是酌情收藏，让自己知道自己的收藏夹有些什么。有时候是老师同学分享发现的东西，要是你觉得有意思，就立马用一用，归纳归纳成自己的，别过了一段时间是什么都不知道了。
8，持续学习
跟不上课，结课后，仍需要持续学习。要想就业也需要紧跟前端前沿更新换代。我们还是学生，一方面还有时间可以学很多东西，但另一方面，想想这么多东西学起来也很费劲，软件行业更新极快，只有不断学习，才能让自己在这个行业留下来。Stay Hungry,Stay Foolish.（求知若饥，虚心若愚）
9，别让情绪毁掉你的学习
刚好今天心理课讲到：好的情绪也有助于学习效率，坏的情绪不利于学习。学会管理情绪，也是你能安心学习的前提，不要开心就学一点不开心就扔开学习。
大家有什么建议心得也可以评论分享!