在开始学习之前你需要知道以下4点：
第一：需要达到什么样的技术水平才能就业？
既然是为了就业，你就要知道学习web前端编程技术需要达到什么样的技术水平，才能获得一份web前端开发的工作。就好比高考的一个分数线，你是否能被大学录取，要看你能不能过分数线。软件公司录用你，也是有一个标准，所以首先你要知道学习web前端编程技术应该能达到什么样的水平才能就业。
目前行业就业标准：需要有项目开发的经验，一年经验web前端开发项目经验以上，进公司一周后可以参加项目模块的开发。

第二：合理的学习周期计划
合理的学习计划周期，你要学一个专业很强的技术，你肯定不能盲目的学，肯定是要把所有的内容进行分块来学。每天的内容都是固定的。学习编程有一个词语叫做“循序渐进”。不能急也不能拖。每天学习的量要差不多，然后完成每天的知识，并且把它掌握，每天做多少练习，完成什么作业，都要明确。
这要根据你的学习能力接受能力以及每天付出多少时间来学习制定的合理周期。

三、书本与视频学习相结合
很多人在学习Web前端时，选择看视频学习的方法。个人认为，看视频进行学习，效率虽然比较快，但是深度不够。学习Web前端，一定要书本和视频相结合，才相得益彰。
如果你的基础实在太差，看不懂书本，可以借助视频作为快速入门的途径。但你如果想要深入学习一门技术，就要多看书。先把一个模块的知识点看一遍，心里有了一个谱，再看视频，然后再动手操作。(记住，要多练习、多操作。)
但现在很多人不看书，盲目看视频，心里没有一点儿概念，导致基础不佳，只是零碎地掌握了一点皮毛，到最后的结果是学不能致用!

四、做好归纳总结
Web前端开发学习的内容比较多，而且很多东西都非常零碎，分散，这就需要你自己去进行整理和归纳。例如把一些常用的代码写法记录下来;各种编辑器的特点和哪些编辑器比较好用等等。
除了总结自己在练习操作过程中的知识，网络上也有不少大神总结了许多的经验，你可以将人家的经验据为己有，以免自已以后走弯路。
Web前端的学习需要不断地积累知识，不断地积累经验，还要不断的向有经验的前辈提问，学习他们的方法，来提高自己技术水平，以后才能有更大的发展。

学习建议
在你开始入手学习前，有一些小的建议。根据我自己学习的经验发现，这些建议在现在乃至我以后的岗位生涯里都是有很大帮助的。还有就是开始学习前，建议可以先花几天时间，查找一些如何入门的文章，通过对许多文章及前人的建议。整理出适合自己学习的一套完整计划，然后在学习过程中，在自己对前端更加了解之后，做出一些计划的调整。我相信，在这样的计划学习之下比一来就开始学习具体知识要快速有效得多。

1、贵在规范：代码规范，不是说小白时期不重要，正是什么都不懂的时候，才要严格执行学到的规范。徐徐渐进，等到学有所成，渐渐地形成一套自己的代码风格
2、贵在手写：最开始学习建议手写代码，哪怕只有一行代码，也要一个字母一个空格的敲打出来
3、贵在动手：哪怕只有一行代码的事例，也要手动编写运行，而不是眼高手低，哦，好简单会了，就不动手了
4、贵在基础：只有小白阶段把基础打好了（比如：HTML、CSS、Jquery），后续进阶难关才会更好克服
5、贵在坚持：在觉得最难的时刻，坚持一下，天空会完全不一样
6、贵在计划：制定相应的计划，并严格执行，否则一般学习效果大打折扣
7、贵在一步一个脚印：前端要学习掌握的知识非常多，需要跟着计划一步一个脚印，由易到难
8、以上：是个人学习时的总结，如果能够较好的遵循，学习效果和后续的进阶方面，有大大的帮助。当然适合自己的方法方式才是最好的。

如果大家对于学习前端有任何问题，学习方法，学习路线，
如何学习有效率的问题，可以随时来咨询我，
或者缺少系统学习资料的，我做这行年头比较久，
自认为还是比较有经验的，可以帮助大家提出建设性建议，
603985993这是我的web前端交流3000人裙，有任何问题
可以随时来咨询我。

根据当下市场需求，排列出前端的学习顺序如下：
1.基础阶段：HTML+CSS
2.js阶段：JavaScript基础、JavaScript进阶、JavaScript高级
3.jQ阶段：jquery部分
4.h5、css3阶段：H5+CSS3 、canvas画布、bootstrap 、响应式网站开发
5.前后端交互阶段：Node.js 、node+Gulp+MongoDB+Express+Ajax 、git+gitHub阿里秀百秀项目
6.移动端开：移动端开发、电商项目实战
7.es6、模块化开发阶段、ES6 前端工程化、前端模块化
8.vue阶段：vue 、vue综合项目
9.小程序阶段：微信小程序、微信小程序扩展
10.react阶段：react 、TypeScript

前端开发日新月异，只要我们把最基础的知识掌握好了，尤其是javascript编程语言。无论它出现多少的开发框架，我们都可以快速掌握并使用它。当然使用这些框架或工具来开发项目只是我们必备的岗位技能，我们进一步需要学习的是如何掌握工作技巧，并且每天都有所进步，不管是技术上面还是项目管理上面。只有不断学习不断进步，保持成长性的思维，才不会被岗位和社会所淘汰。

凹