HTML5前端学习路线

一、前端小白入门

学习HTML、CSS基础知识，实现PC端静态页面制作（例如京东商城），响应式网页布局的制作（微软中国官网）、及WebApp页面布局（淘宝、美团等）。实现这些需要的知识有：

 1、学习HTML基本语法：双标签、单标签语法结构。

2、常用标签：标题标签、段落标签、布局标签、表格、列表、标签标签。

3、学习CSS基本语法：选择器声明。

4、学习CSS的三种样式表：内联、内部、外部

5、学习CSS的各种常用选择器

6、学习CSS的选择器、样式表的优先级和权重问题。

7、学习CSS的核心属性及属性值

8、学习CSS的元素类型的转换

9、学习CSS的定位锚地的应用

10、学习CSS中的图片整合技术的应用

11、学习CSS中常见的浏览器的兼容及解决方法

12、学习HTML5新增元素及属性

13、学习CSS3新增选择器的应用

14、学习CSS3的2D、3D、关键帧动画的相关应用

15、学习CSS3中弹性盒的应用

16、学习CSS3中媒体查询响应式的设计应用

二、前端PC项目的进阶

学习JavaScript和jQuery及掌握一门后台程序语言的简单基础和一个数据库，实现PC端项目交互开发（做一个电商类型的网站开发）。需要的知识有：

 1、学习JavaScript的基本语法

2、学习JavaScript的循环语句

3、学习JavaScript的函数与数组

4、学习JavaScript的String和Data

5、学习JavaScript的BOM与DOM

6、学习JavaScript的相关事件

7、学习JavaScript的拖拽效果

8、学习JavaScript的cookie存储

9、学习JavaScript的正则表达式

10、学习JavaScript的Ajax的应用

11、学习JavaScript的面相对象基础

12、学习JavaScript的运动与游戏开发的应用

13、学习JavaScript的ES5和ES6的相关知识

14、学习JavaScript的工具库的自主研发项目

15、学习jQuery经典交互特效开发（时间轴、瀑布流、焦点图轮播、弹出层等）

16、学习一门后端语言和数据库的基础知识（接口定义、后端联调）

17、学习前端工程和和模块化的应用开发（Gulp、Webpack等）

三、前端移动端webAPP

学习前端目前主流的框架知识，实现移动端项目的独立开发。需要学习的框架有：

 1、学习Vue.js的使用

2、学习React.js的使用

3、学习Angular的使用

4、学习Node.js的使用

5、学习各类混合应用开发（微信公众号、微信小程序、第三方Hybrid框架等）

6、学习实数可视化的基础知识实现数据的可视化

学完这些并不代表你就无敌了，前端的知识更新很快的，我们只有不断给自己充电，才能跟上时代的步伐。

来源：千锋HTML5