学习路线图推荐如下：

一、HTML

这一部分认识网页，学习基础标签的使用，能够写出一些基本的结构

二、CSS

· css常见属性

· 盒模型

· 定位

· 浮动

· 常见选择器

· css权重

· 等等

学习完HTML+CSS部分，要求可以根据DIV+CSS写出常见的网页布局

三、JavaScript

· JavaScript 入门

· JavaScript 数据类型

· JavaScript 基本数据类型

· JavaScript 数组

· JavaScript String

· JavaScript 循环

· JavaScript function

· JavaScript 常见操作，比如日期之类的

· JavaScript 作用域

· JavaScript this

· JavaScript 原型和原型链

· JavaScript 闭包

· JavaScript 面向对象

· 等等

四、DOM和BOM

· DOM节点操作

· DOM属性操作

· DOM事件操作

· BOM(浏览器对象模型)

· BOM的一些操作

· 等等

学到这个阶段，要求可以完成常见的静态网站开发，实现各种网页效果。

五、jQuery

虽然现在框架大行其道，但是jQuery还是要学习的，学习的不仅仅是jQuery的使用，还包括他的一些编程思路和思想

· jQuery 选择器

· jQuery 链式编程

· jQuery DOM操作

· JavaScript 原生Ajax

· jQuery Ajax

· jQuery 动画

· jQuery 插件的使用

· 如果可以的话，建议看下jQuery，对照网络分析jQuery教程，深入学习jQuery

六、移动端HTML5和CSS3

· HTML5 入门

· HTML5 新增标签

· HTML5 新增表单

· HTML5 新增一些功能，比如音频视频，本地存储、Canvas和Web Socket等

· CSS3 入门

· CSS3 新增属性

· CSS3 3D效果

· 响应式学习

· 媒体查询

· 栅格系统

七、bootstrap + zeptojs + less + sass(scss)

现在我们开始向着移动端开发学习了，响应式开发是我们迫切的需求，建议掌握一门响应式的前端组件库供我们使用。

并且我们要学习一下移动端开发的库zeptojs，它是jQuery的轻量级替代品，API和jquery几乎一样

我们写CSS，再也不是原来的样子了，现在可以用less，sass，scss去写css，更方面和。

上面的部分，基础是前几年前端学习路线，包括现在还是和适合大部分人去使用。

但是现在我们都知道前端框架层出不穷，前端开发模式也发送了很大的改变，需要我们学习和更多的东西。

八、前端主流框架的学习

· Vue

· React

· Angular

· 微信小程序开发

· 构建工具的使用(Webpack，gulp等)

九、nodejs

现在越来越多的公司需要前端开发人员懂一些后台开发，不一定是编程语言上面的，可以是后台开发思想上面的，所以我们学习nodejs去入门后台开发还是比较好的选择。

并且nodejs不仅仅在后台开发上面发力，在更多的地方还有用处，大家可以自己摸索。

学习Web前端开发，无非两种方式，一种是自己学，一种是去培训机构学。

看题主已经自学了部分知识，相信对自己现阶段的自学能力及自律能力，都有了一定的认识，如果题主觉得自己有充足的的时间和较强的自制力，也是可以选择继续自学的。

如果依旧选择自学，那就找一些进阶的书籍和视频来看。相关的进阶书籍，你可以去CSDN上看看那些大神推荐的，然后选择自己感兴趣，并适合自己的来看，在这里就不多做推荐了。

视频的话，你可以上网找找资源，现在这种学习资源网上非常多。只要自己肯下功夫，想要自学提升也是完全没有问题的。如果只看专业书籍和视频，你只会停留在理论层面，去企业工作，更需要的是你的技术，而不是理论。自学往往接触的实战项目较少。

更多培训课程，学习资讯，课程优惠等学校信息，请进入 南京玄武区Web培训南京秦淮区Python培训南京建邺区Linux云计算培训 网站详细了解，免费咨询电话：400-998-6158