一、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。
二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。
三、jQuery、Ajax等。jQuery没有过时，它仍然是前端基础的一部分。
四、ES6语法。这部分属于JS新增的语法，面试必问。其中，关于 promise、async 等内容要尤其关注。
五、HTML5和CSS3。要熟悉其中的新特性。
六、canvas。面试时，有的公司不一定会问canvas，靠运气。如果时间不够，这部分的内容可以先不学。但如果你会，绝对属于加分项。
七、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。
八、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。
九、Node.js。属于加分项，如果时间不够，可以先不学，但至少要知道 node 环境的配置。
为了帮助大家学习前端，让学习变得轻松，高效！今天给大家分享一套教学资源，从最零基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等帮助大家在学习Web前端的道路上披荆斩棘
项目列表：
1.【HTML5 canvas龙卷风动画制作】
2.【CSS3 七夕表白页面特效】
3.【CSS 20行代码见证七色花动画】
4.【HTML5 敲出一个牛逼的雪景】
5.【CSS3特效拉窗帘】
6.【HTML5游戏项目】
7.【英雄联盟官网特效】
8.【web动画形成原理-滚动】
9.【天猫官网必用技术——懒加载】
10.【CSS3炫酷的轮播特效】
11.【css实现点击图片切换】
12.【CSS3大型企业官网】
13【WEB烟雾梦幻特效】
14.【解析渲染原理-解析渲染原理】
15.【实现3d炫酷相册】
16.【纯html css 打造女神轮播图】
17.【植物大战僵尸网页版】