首先希望你培养对web前端的兴趣。
推荐你从这本书培养兴趣
HTML5+CSS3+JavaScript从入门到精通
它系统的整合了html css 和js 的基础，有丰富的案例给你练习，这本书看完你从头到尾手lu一个网站不成问题，有了练习就会有成就感救能更乐意去探索和学习。
这本书看完之后，大家继续进阶学习一下es6语法，当下所有开发基本上都是es6以后的语法。因为当下都是es6语法开发的前端应用，所以这也是必备的知识点。
ES6 入门教程
推荐阮一峰大佬写的这本书，在网上也可以预览，书中大概会有百分之50%的知识点会在你以后敲代码中经常用到。
/
这些学习完之后，后面技术就很简单了。
大家需要掌握
一门前端框架 vue 或者 react
一个路由管理 vue-router 或者 react-router
一个样式预编译器 less 或者 sass
了解打包工具webpack
一套ui组件库，vue 中的 element 或者 react 中的 ant design
这些掌握后，你就可以进行企业级开发了。
web前端需要学习什么内容?
随着互联网应用的发展和广泛应用，web前端的开发和应用在市场也越来越受到企业的欢迎。所以学习web前端培训课程需求也在增加，那么前端培训学什么内容呢？小编就带着各位来了解一下。
一、前期需要分析那些内容
前端培训是设计应该如何做一个好的页面，无论做一个传统的桌面应用程序，还是做一个Web应用程序的页面，前期的前端页面分析与设计是少不了的操作。
二、网页实体应该如何展现更好
如果你自己的Ps技术不行，或者你实在没有审美细胞，业不想成为大牛的网页设计师，那么你可以直接奔向网页原型的开发。事实证明:如果你没有实体模型，做起网页原型来肯定是要花费更多时间的，有句话说得好“出来混，早晚要还的”
三、网页原型开发如何做
网页原型是用HTML开发出来的，肯定是要使用CSS渲染的。一般大家的HTML文档都会利用外部样式来定义文档中使用的样式。Javascript也放在外部文档中，这个文档只包含了Javascript代码，所以前端基础html+css+js这些也是要会的。
四、如何选择框架
如果大家已经知道了要去开发什么东西了，接下来的工作那就是要进行框架的选择了，要采用什么语言，什么框架了。在这个时候就要通过整体的分析来看哪个框架更加适合自己的项目，所以前端框架一定要了解。
五、开发进行需要注意的事项
在一切都准备好了以后，那么就是要进行实际的操作了。在实际操作中大家要多加注意把该有的流程一个不能少的完成，要时刻保存备份。
前端学习路线图：
