Web前端的知识点非常多，也非常散，需要好几层结构来组织这个体系。今天小编就来为大家梳理一下这个体系。
一般而言一名在市场上有竞争力的前端开发者必须掌握以下技术知识：
1.HTTP协议
2.react ，vueJS ，angularJS等目前比较流行jquery(工具库)的使用
3.NodeJS的开发，express，koa等常用框架
4.在技术选型上，能给出你选择的方案是较优的数据说明
5.前端性能优化
6.前后端分离
7.能封装业务组件和公用组件
小编在这里就基于以上的知识选取一些分为四块给大家介绍一下Web前端的开发：
一、理论知识
在Web前端开发的理论知识中包括"软知识"和"硬知识"
所谓"软"的就是能在各个程序开发中都用到的，算是基本功、内功，例如数据结构、算法、设计模式、面向对象等等;
所谓"硬"的就是能直接用于本程序开发的。用C语言你就得学C语言语法，此时学java没用，Web前端开发所需要的硬知识其实都包含在三个标准里面：http标准、W3C标准和ECMA标准;
硬知识有三个标准：http标准、W3C标准和ECMA标准，拿http标准来讲，为什么做Web前端要了解http标准?——因为浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有http的连接。Web系统既然和http链接有瓜葛，你就必须去了解它。你不必去非常了解http的详细内容，但是你要了解Web前端开发常用的一些http的知识，详细内容还得靠你自己去查阅。这些知识的应用，是我们在编程中无法避免的。
Web前端基础知识学习：全面梳理前端入门技术点
二、框架和类库
前面已经描述了一些Web前端开发所需要的理论知识，下面讲下类库或者框架，它们能大大提高你的开发效率。
jq的熟练使用是必须的，利用jq不仅仅停留在只使用它的API和插件上，还要自己去写jq插件，去读jq的源码、了解jq的设计思路。怎样才能透彻的理解java的事件系统?答案就是多读几遍!
bootstrap不用再过多解释了吧，从github上的排名也能看出道道来。
fontAwesome是全世界强大的图标系统。相比于CSS制作图标来说，这个要好很多倍，不管是开发、效率还是维护上。icomoon.io能让我自定义选择自己的图标文件。
requireJS和seaJS这种模块定义系统，也一定是你系统中不可或缺的。我曾经看过一个教程，讲师就说：requirejs带来了既jquery之后的第二次前端技术变革。

三、编码开发
你专门做Web前端，写HTML语句还用手动一条一条写吗?你得需要zencoding的协助，否则效率太差了，针对HTML、CSS、JS的压缩、合并、语法检查，文件的清除、复制这些操作，你还要手动去做吗？你需要grunt或者gulp的帮助。
你的系统中有比较多的JS代码或者文件，请选择一个合适的模块定义规范CMD / AMD
用git来帮助你做文件版本管理，简单的就是使用github，调试、测试，也都有专门的工具
四、其他
当然Web前端开发人员，同时也必须具备良好的沟通能力。前端是团队里应该学会沟通的人，界面有问题需要和UI沟通，数据有问题需要和后台沟通，功能有问题需要和产品沟通，测试的时候给你提bug你还需要和测试沟通，还要做好沟通多次，不断修改页面的准备。