1. 常用的HTML标记（表单尤为重要）
2. CSS盒子模型 和 布局技巧

阶段重点：浮动式分栏布局

1. JS语法，基本语句，数据类型
2. DOM和BOM两大核心对象
3. 浏览器调试（元素，网络，控制台）

练习实例：悬浮式广告，轮播图，边栏吸附式面板

补充说明：学习了js才算前端入门

1. 元素查询，效果，属性，CSS

练习实例：将js时的demo源码重写成jq代码，QQ和淘宝网站的注册和登录（正确的使用HTML标记和兼容事件处理）

1. Bootstrap是CSS学习路上最好的老师，学习每一个Bootstrap框架组件的样式（能手写响应式框架视为合格）
2. 选择器，动画
3. 伪元素和伪类（灵活运用，减少DOM节点数量，这将是你与非专业前端人员写出来的HTML代码有着明显区别的地方）
4. 深刻理解元素类型（内联元素，行块元素，块元素）的特性，好多后端人员学习了CSS基础后布局上还是会有各种对齐的问题，原因正是不理解浏览器对各类元素类型的渲染效果。

阶段重点：元素类型，不完全理解这点知识，那么优美的布局结构将与你无缘，写好布局是写好JS的前提，HTML结构不好，那么你的JS不可能写好。

1. 方法封装（提高代码重用，这是写好js必须掌握的）
2. 重学数据类型（Array,Object,JSON，不会JSON的前端不是一个合格的前端）
3. 面向对象编程（工厂/构造/原型开发模式），深刻理解this、同步、异步
4. 浏览器事件模型

练习实例：将之前的代码按 面向对象 方式全部重写（怕累就不要做前端）。

特别提醒：进入该阶段的学习，一定要抛弃看视频学习的方式，学会阅读文档是必须的。视频教给你的只有功能的实现，没有质量的提升。如果不会阅读文档，那么你的前端之路基本在此终结。

推荐书籍：《JavaScript高级程序设计》

1. 熟练使用jQuery（选择器，链式语法，对象访问，CSS，筛选，事件，测试，遍历）
2. 理解JQ对象与原生JS对象的区别
3. jQuery插件编写（插件的编写不仅是功能的实现，更是对自己代码健壮性的考验）

补充说明：将JS进阶的知识灵活运用在jQ的进阶中

1. rem与vw（一定要深刻理解rem的作用，在许多框架中有许多文档写着，1rem=20px  这都不是rem的正确用法）
2. flex布局（完全掌握flex的各项属性，各种不负责任的前端经常会写 flex:1，各类浏览器默认值会不一样，小心在这方面吃大亏）
3. touch事件，浏览器默认行为（浏览器默认手势功能）

特别提醒：不要进入rem的误区，rem应该是一个变量，而不是一个常量

1. 学习ES6（这对后期学习框架很有帮助）

补充说明：到了这一阶段，相信你已经有能力区分什么是重点学习内容

推荐APICloud与uni-app，其它的没去了解过，都一个尿性。