推荐你从这本书培养兴趣
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前端开发是从网页制作演变而来的，名称上有很明显的时代特征。以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。
网页开发工具
学习Web前端开发，网页开发工具有FrontPage，会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HMLT网页制作工具，偶使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面，融合了HMLT5一些新的内容。包括网格布局什么的。
学习内容
HMLT、CSS和JavaScript。HMLT是内容，CSS是表现，Javascript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多自学成“才”的同行。HMLT是最基础的，现在流行的是HMLT5设计，先学会网页布局。css是用来美化HMLT页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习，偶想一个星期入门是没有问题的。
基础知识：
1. HMLT + CSS。这部分建议，边学边练。之后可以模仿一些网站做些页面。理解CSS每个元素的属性，样式的实现不一定只有一种写法，多想一想还有没有什么需要改进的地方。
2、JavaScript。不是所有的网页都必须有JS，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。
3、Photoshop、Flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。
4、HMLT5和CSS3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。
5、浏览器兼容。懂Web标准，熟练手写 HMLT CSS3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。
6、熟悉一门后台编程语言 asp、php、jsp等。7、对于自己想要学习的内容，制订一下计划，有节奏地学习
一个学习习惯好的人，做什么事情都会有一个明确的计划，对于一个web前端初学者来说，一份好的学习计划是你开始的前提，因为学习一个东西最怕三天打渔，如果能够持续地学习一个东西，偶可以把它学习地很好。这时候，你就应该结合偶自身的情况，选择一段最佳的学习时间，在这段学习时间里偶可以不被打扰，保持高度专注。比如每天早上6.30起床看一个小时书。
8、注意劳逸结合
对于电脑工作者来说，多参加体育锻炼，多去户外走走，运动能够增强人的记忆力，并且有时候还能产生灵感。如果身体不好，你的学习效率会非常低，人的精神状态一旦非常好的时候，做什么都会如鱼得水。想要成为大神，身体好是前提条件。有人30岁成为大神，偶资质不好，偶35岁成为大神总可以吧。切莫在30岁的时候就把身体弄跨了，然后35岁转行了，永远失去了成长为大神的机会。
9、向别人解释你的知识，多与人讨论
一个NB的web前端开发者，一定是一个很会思考的，有能力就多写博客，多分享自己的所学所思，只要你能写出东西，不怕你写的太低级，这些对于学习者自身也是非常有益的。通过用别人能够理解的语言来解释你学到的东西，本身就要求你对该知识充分理解。另外，很多人经常感叹「跟你讨论一下，偶马上变得有思路了」，这其实就是交流的作用。
在互联网IT编程开发设计培训类课程中，Web前端培训开发相对而言是比较简单，并且工作以及发展前景都是比较不错的，因此许多想要转行的情况下都比较偏重web前端培训学习。那麼Web前端培训內容是什么?小编今天就为大家来简单的来解答一下。
综合来讲，Web前端培训分为HTML5+CSS3、JS交互设计、移动端、服务器、前端框架、小程序六大模块，下面就为大家具体介绍每个阶段学什么。
第一阶段前端核心基础，让学员掌握前端基础知识包括HTML5与CSS的基础知识和代码的撰写会学习PC端网站布局以及jQuery框架。
第二阶段HTML5 + CSS3 + 移动端核心，HTML+css3新特性，css进阶，CSS3实例演练完成页面特效的制作。
第三阶段移动端，会学到CSS像素与物理像素的关系，布局视口，移动端适配，移动端特效滑屏、滚动以及点触等。
第四阶段服务器端，服务器端开发Node，数据库操作，前后端交互核心，微信公众号开发。
第五阶段JavaScript高级
第六阶段前端框架中，会学习前端高级框架Vue、React、Angular，让学员会使用主流框架开发门户网站、管理系统等相关知识。
第七阶段小程序开发，将学习微信小程序、开发工具使用，原生小程序API使用，小程序框架Mpvue应用。
以上就是Web前端培训的内容，想要了解更多Web前端培训的具体课程内容，可以到尚硅谷官网进行咨询了解，有专职的老师为大家解答，而且还可以下载免费视频学习。
web前端学习路线图：
