基础学习：
前端最基础的就是 HTML , CSS 和 JavaScript 。
网页设计：HTML和CSS基础知识的学习
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
动态交互：JavaScript基础的学习
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
开源分享：docs.qq.com/doc/DSmRnRG…
在有技术能力的人面前永远没有饱和的说法，而大部分技术能力很差的，面试了几家工作就觉得找不到工作，就放弃了，这样的人当然会说饱和。
可是问题在于你技术学好了没有？你说你基本的技术需求都可以满足，我是不相信谁找不到工作的。除非这个社会乱了，真正有用的人才一定会有工作，这是毋庸置疑的。
没有工作经验？没有项目经验？
首先我必须声明一点，工作经验工作年限不等于这个人的技术水平。
我曾经面试过很多人，有很多四五年工作经验的人不如工作一两年的人，这样的事情非常常见。
没有工作经验是正常的，可是没有项目经验就是你自己的问题了。
学习技术必须有项目跟着，网上资源那么多，开源项目那么多？自己把整个项目搞清楚，并不是一件特别难的事情。如果连起码的项目都没有，怎么证明你的技术学得好？难道只是看视频吗？这样能找到工作才怪。
掌握以下内容可以找到Web前端工作
最基本的内容，你需要把静态网页写好，HTML、CSS的标签属性常用的也才只有几十个。自己能独立作出小米、京东的官网就可以了。
最主要的就是学好原生JavaScript，能充分地对其进行理解和使用。同时这也是前端最为重点的部分，现在找前端工作都需要能熟练使用框架的，现在最火的框架是Vue和React。Vue比较多，而这些框架都是用JavaScript封装出来的，换句话说学好JavaScript，就是把框架学好了。
建议学JavaScript找个负责有经验的老师带一带。既然是学技术，就别对自己太抠，自己能学好JavaScript的人非常少，最好得到专业的人指导，不然放弃的概率会非常大。找别人带带你，自己自学技术，我觉得是非常不现实。
后面的内容就是学HTML5和CSS3的新特性，做一些比较炫酷的特效。如果要研究得非常深，那么也确实很困难。但其实我们在实际的应用中会很少用到，所以作为简单的了解就行。
后面就是前端最为主要的框架了，建议选择学习Vue，成本低，容易学，需求大。 学习前端技术不像我们以前学习数学语文，需要好的学习方法。自己多在网上搜索一些关于前端的学习方法，我做开发这么多年，太了解如果学习方法不对，一个人是很难学好前端技术的。
如果实在不了解好的学习方法可以来问我。 希望想学习技术的朋友，不要被别人的言论影响太多，如果选择学技术，就一心的学好，工作都是可以找到的。
当前，前端开发行业的薪资水平究竟是怎样的呢？
我们先用三个数据了解一下。
从表中可以看出，工资在20k-30k范围内的岗位占了30.2%，占比最大，更有一部分精英薪资水平达到30k+。
工资水平呈现逐年上升趋势，17年以后幅度更大。
看到这里是不是有心动了呢？
那么接下来应该做什么？
首先是补完自己的基础知识：
补充学习HTML5/CSS3的课程更
深入地学习JS，深入了解JS中的各类对象和方法，使用JS学习基本的算法
学习掌握主流的JS框架
NodeJS可以继续学下去
再然后可以自己动手做一些实践项目：
开发模仿饿了么/网易云音乐/B站客户端等Web应用（这些东西挺火）
做一些涉及复杂用户交互的Web应用（比如用JS开发个小游戏，例如多人版贪吃蛇）
做一个JS全栈的内容管理系统/博客（检验你前后端的JS技能）
使用CSS3/JS实现一些酷炫的动效（可以在codepen排行榜上看看） 下面是我在学习HTML和CSS的时候整理的一些笔记，有兴趣的可以看下：
进阶阶段
进阶阶段，开始攻 JS，对于刚接触 JS 的初学者，确实比学习 HTML 和 CSS 有难度，但是只要肯下功夫，这部分对于你来说，也不是什么大问题。
JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。
我这部分的学习技巧是，增加次数，减少单次看的内容。就是说，第一遍学习 JS 走马观花的看，看个大概，去找视频以及网站学习，不建议直接看书。因为看书看不下去的时候很打击你学下去的信心。
然后通过一些网站的小例子，开始动手敲代码，一定要去实践、实践、实践，这一遍是为了更好的去熟悉 JS 的语法。别只顾着来回的看知识点，眼高手低可不是个好习惯，我在这吃过亏，你懂的。
1、JavaScript 和 ES6
在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。
2、前端框架
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
以 Vue 为例，我整理了如下的面试题。
