近几年IT业可谓是发展火热，而且新生了很多的职业。例如安卓开发工程师、iOS开发工程师。在这众多的新生职业中备受瞩目的当属Web前端工程师了，前端工程师薪资高，就业发展前景好，更多的人选择了这一职业成为自己的发展方向，想要自己成为一名合格的Web前端工程师，eb前小编整理的Web前端开发学习路线图值得大家去看看。
以上这份学习路线图是2019年最新的学习路线，挺适合大家借鉴来学习的。Web前端课程包括了几个方面的内容：
1、学习HTML，这是最简单，最基本的是要掌握div，formtable、Ulli、P、跨度、字体这些标签，这些都是最常用的，尤其是DIV和表格，DIV，表也可以用于布局，但不灵活，和用于基本表处理数据。学习资料的话可以加下web前端开发学习裙：659加上479再加上860自己去群里下载下。
2、学习CSS，CSS这里说的不包括CSS3 Web前端开发工程师里面我们看到的，一个可以使用HTML或CSS + CSS+DIV的界面布局，所以CSS是用来协助HTML布局和显示，我们称之为“CSS样式”，为什么说DIV+CSS?因为我说div是HTML主要用于布局的，所以div是这个东西的核心!CSS必须配合部。CSS必须掌握浮、位置、宽度和高度，以及最大值和最小值，以100%，溢出，边缘、填充等。这些都是与布局相关的样式。
3、五月前学JS。你觉得还过的去，看看JS是可怕的，事实上，JS入门很简单，不需要很多东西，只要根据ID或名称DOM或”风格，或价值，然后以一个ID或名称元标签，或额外的数据，在HTML，这是对数据的操作有关系，那么数据逻辑的影响，无非是一个跳跃，弹框，隐藏什么，这一切都是结合其他应用，代码一点都不难，将这些基本的JS。百度其他好。然后多看一些，不是什么问题。
4、学习jQuery相当于封装一组JS插件的JS。其目的是操作更方便，编写更少的代码，jQuery条目也非常简单。这些都是切入点，要学会像JS，只是改变了JQ代码。剩下的就跟百度一样。
5，最好是指出背景语言，如java，php，为什么?因为我们是前台接口数据，从后台到点，如果后台代码，你知道如何与后台数据交互是最好的，它节省了时间，也可以使前端代码更加规范。否则，可能是因为你回来了，无法忍受的数据，然后前端代码再次重写，这将是可怕的。
学习一门技术，你得知道必须要学习的内容有哪些，哪些是更重要的，从浅入深了解一门技术，扎实的掌握住基础的知识，才能让我们更好的去掌握更精髓的课程内容。
1、敢于表现自己
不是说要像销售一样可以口若悬河的介绍和推销自己，而是敢于把自己做的东西推荐给别人用。因为很多时候人都是有惰性的，如果你把你自己的东西推荐给别人使用，那么别人使用会提出一些意见或建议，甚至是bug，这个时候你需要不断完善你的代码从而提高自己。
比如说一个团队里面，A同学写了一个插件，那么推荐给团队的其他同学使用，这个插件在项目的使用中会得到完善，从而水平会有所提高，看问题的视野也得到扩展。如果他一直都是自己用，可能自己会很熟悉，但是很多的情形是自己考虑不到的，最后自己这方面的实践（学习）也到此为止。
2、做好自己的笔记
是的，要做好自己的笔记，做笔记有很多方法，写博客，用APP（印象、有道）等方式，做笔记是为了更好记忆和理解自己学习到的东西。因为开发或学习过程中会遇到各种各样的问题，有些是当时不理解或者是找不出原因的，有些是很容易被忽视的，那么你记录下来，等到你下次遇到同样或者类似的，那么你可以快速得解决或者是搞懂一些以前不完全理解的知识。
这个是我入门的时候，我的上司教我的一个方法，我觉得很实用，一直到现在，很多可能大家觉得比较简单的问题，我都会记录，有一部分是记录在开源中国的博客里面，一个是为了帮助自己学习，一个是帮助那些跟我一样遇到这个问题的人。即使在网络发达，搜索强悍的今天，我还是建议这么做。
3、学习和提高团队相关的开发技能
有这么一种情况，团队开发用的是react，然后有个同学自己的react都没有掌握就跑去搞angularjs。说实话，我不反对学习任何的技术，当时在一个团队里面互相学习和团队开发事实上是提高自己一个很好的途径。如果团队里的一些技能自己没有掌握，那么你去学习其他技能很容易适得其反，因为在团队开发用到的技能是你工作中不可缺少的，如果没有熟练掌握，你在工作中很多事情都做不好，而你新学习的技能因为在工作中没有应用场景，你也很容易忘记。
如果真的在你团队中应该去使用一些新的框架或组件之类的，那么可以跟leader或者同事沟通，提出自己的想法，给团队引进新的技能。但是这个的前提是你能把旧的框架或组件搞懂，因为你想替换旧的那必须能够适用现在的场景，反过来说，你还是要熟悉现在团队的开发。其实没有不好的框架，只有更合适的框架。
4、做好自己的计划
做工作计划是我刚入门的时候，我上司教给我的一个技能。在工作过程中，我们经常被打断，比如说要修复bug，或者是一些插进来的任务。这样的事情多的时候我们经常容易混乱，这个时候做自己的工作计划的重要性就突显了。其实做工作计划可以很简单的，只要记录自己做了什么，什么东西没做，计划什么时候完成这些内容，这样可以了。
除了做好工作计划之外，做好自己的学习计划。这个时代变化太快了，特别是前端，那个规划好自己的学习我觉得是很有必要的。前端在快速发展，之前还是prototype.js 一转眼就是jquery，再眨眼的时候angularjs、reactjs、vuejs就出来了。有时候我自己都会有点恐慌，觉得自己赶不上时代，但就因为这样，所以更要计划学习，学习新框架的技术和了解它的应用场景，规划好自己的时间，选择性了解和学习一些新东西。
5、读别人的源码和造轮子
这里说的读源码是只读取一些优秀插件或框架的源代码，因为这些代码里面会有很多的应用技巧、基础扩展、设计模式等，这些都是很好的学习demo。比如说读lodash你可以知道一些js的基础应用和扩展，读jquery你可以了解到一些设计模式和dom操作技巧、缓存技巧甚至是动画运用等。
读懂了、学习了别人的源码，更易于自己造轮子，造轮子是为了自己更好的去理解使用技巧和应用场景。但这里并不是告诉你，什么情况下都要造轮子，很多时候我比较建议用一些合适的成熟的框架，这个是出于开发效率考虑。那么什么时候造轮子？我觉得是为了自己更好掌握这个轮子从而造一部车做准备，或者是这个轮子已经不能满足自己的扩展。
6、参与开源项目或坚持一个自己的一个开源项目
其实这一点跟第一个观点很像，第一个观点敢于表现自己是为了让自己更好地学习技术，督促自己学习，而这个观点我想说的则是要推销自己，让自己的一些理念和观念产品化，做出一款属于自己的程序（代码产品），跟第一个观点是一个质的提升。
简单的来说就是把自己的插件或组件或框架当作一个产品来做，当自己学习到的知识应用到里面去，让你的代码能够应用到更多的场景或者再某一个应用场景下发挥更大的作用。现实的一个例子，我身边一个朋友做了一款编辑器，打造了好些功能，其中有专题制作，在他服务过的几个公司都用上了，而后有人通过这款编辑器找到他，给他提供了一个待遇不错的岗位。
7、总结
技能的应用技巧学习很重要，但是我觉得一个人的心态和态度更加重要，所以要敢于表现自己，督促自己不断学习，有一颗向上的心，好好的计划自己的工作和学习，希望每个前端都能打造自己的产品。
随时随地看视频
