首先希望你培养对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
这些掌握后，你就可以进行企业级开发了。
谢邀。虽然答主不是专业的前端开发，不过当年在校期间给学校做网站赚外快，也算了解一些吧。下面对前端开发需要的技术总结下。不到位的欢迎各位留言讨论补充。
基础篇：
HTML、CSS、JavaScript，差不多算的上是Web开发三剑客，必须懂的了。
对于HTML、CSS，大家学会其语法、理解语义基本就可以了，到了JavaScript这里，就需要大家有更多的认识了。不仅仅是语法、语义，还得掌握许多基础库以及常用框架的用法。
最后可以给大家推荐一个新手入门学习的网站（W3School），感觉还是很靠谱的。
进阶篇：
在完成基础知识的学习后，就可以针对性的细化学习，加强项目能力了。
移动端开发(webapp)
后台系统开发
NodeJS
等等以上每一个部分你可能都需要了解，但最好针对性的往某一方面加强。这一部分对于自学来说其实是比较有难度的，最好的方法就是到相关的公司实习，许多公司都会招收实习生并在毕业后留下来，所以说有时间的可以提前到公司去实习。
