Web前端开发的知识点很多，这里将知识划分为：理论知识，类库框架，编码开发，运行环境。理论知识是非常重要的，每一种程序开发，都不能离开基础理论。掌握了理论基础，就能学习编码了，在此之前得先学习第三方框架和类库，例如jQuery。有了这些理论知识和类库框架，就可真正的编码了。为了能高效、稳定的运行在相应的环境中，还学要懂得运行环境。
1.web前端工程师理论知识
理论知识包括“软知识”和“硬知识”。“软知识”指能在各个程序开发中都用到的，算是基本功、内功，例如数据结构、算法、设计模式、面向对象等等;“硬知识”指能直接用于本程序开发的。web前端开发所需要的硬知识其实都包含在三个标准里面：http标准、W3C标准和ECMAScript标准;http标准:浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有http的连接。web系统既然和http链接有瓜葛，因此就必须学习它。W3C标准：html、css、js是W3C标准的一部分，而W3C标准也只是web前端开发知识体系中的一部分而已。ECMAScript标准：有些人可能只知道javascript;而js是在ES的基础上，为web浏览器做了一部分封装(增加了DOM操作、BOM操作等)
2.web前端工程师框架和类库
使用框架前，我觉得很重要的一点是弄清类库(诸如JQuery)和框架(诸如angularJS)的区别在何处。简单而言，类库，解决的是代码或者是模块级别的复用或者对复杂度的封装问题，例如将一个解决复杂问题的功能模块封装成一个函数，提供一个简单的接口。库它是一种工具，它提供了很多封装好的方法，用与不用取决于我们自身，即使用了也不会影响我们呢的代码结构。而框架，更多的是对模式级别的复用和对程序组织的规范。这里的模式是指比如MVC，为了实现M和V的解耦，把复杂的耦合关系由经常变化的业务代码转移到不经常变化的框架内部消化。是面向一个领域来提供一套解决方案，提高开发效率，如果我们选择了使用某框架，就应该遵循该框架所规定的规则。二者主要的区别是：JQuery以DOM操作为中心，框架，准确来说是MVC框架，是以模型(model)为中心，而DOM操作是附加的。所以，以模型为中心达到的目的是带来一整套工作流程的变更，使得后台工程师可以编写前端的模型代码，把后台与前端打通，交互设计师处理UI跟模型的互动关系，UI设计师可以专注、无障碍的处理HTML源码，把它们以界面模板的形式提交给交互工程师。这一整套协作机制能大大提高开发效率。使用MVC框架使得前端任务更好的被解耦。
3.web前端运行环境
当系统真正到了运行环境中，还有好几个知识点需要你掌握。要知道web系统虽然大部分是在浏览器下运行，但是js可能会被运行在node环境。在浏览器环境下，重要的两点是：web安全和性能优化。
以上就是对于web前端知识体系的介绍，其实对于想转行学习web前端的人还是需要参加培训课程，经过专业的课程学习才能把这些知识体系完全掌握，达到就业的水平。
