第一步：了解前端发展前景。学习任何一个东西要明白它是干什么的，它的前景怎么样，自己适不适合学习。
第二步：基础知识学习。html和css没有多少逻辑性，容易上手，标签多记多用，网页经常使用到的标签有：
内容详细标签：
<h1>~<h6>标题标签
<pre>格式化文本
<u>下划线（underline)
<i>斜体字（italics）
<cite>引用，通常为斜体
<em>强调文本通常为斜体
<strong>加重文本，通常为黑体
<font>设置字体、字体大小、颜色等
<big><small>字体变大和字体变小
<del>加删除线
<code>程序码
<kbd>定义键盘文本
<blockquote>块引用，通常是缩进
<address>地址标签
<sup>上标
<sub>下标
<br>换行
<hr>水平线
列表标签：
<dl>、<dt>和<dd>是定义列表的标签
<ul>和<li>无序列表
<ol>和<li>有序列表
表格标签：
<table>、<tbody>、<tr>、<th>和<td>
css重点有：
1.盒模型
2.选择器
3.定位
4.浮动
5.动画
6.响应式
7.其它新特性
第三步：js，前端的核心就是js，框架什么的都是为了方便程序员使用，框架的使用决定了你的高度，js的掌握情况决定的你的广度
js重点：
1.条件语句--if--else，for，for in
2.dom--增删改查
3.面向对象---js虽然不是纯粹的面向对象，但是正向其发展
4.方法的使用---js中有许多关于字符串，数组，对象的操作方法，建议着重将字符串和数组的增删改查方法全部测试一遍，注意方法的返回值
5.原型---原型是资深前端工程师需要了解的，初级前端工程师不建议研究
第四步：库及框架的使用。jquery是比较简单好用的js库，与js一样，jq最重要的是它的方法的使用。框架推荐vue.js，vue比angular容易上手。
第五步：插件的使用。插件用的好，可以简化很多代码。
第六步：看源码，挖底层原理。底层永远是最难的，想成为真正的高手必须对底层有很深刻的了解。
第七步：拓展。前端大发展方向主要有两个。一个是移动端，一个是前后端结合。
IT,IT,I代表在一个领域的高度，当I足够高之后才能变成T,T代表拓展。
最后：祝大家早点成为大神！