Web前端开发工程师是一个比较新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。
web前端开发包含面很广，要学的东西也很多。简单点说web前端开发就是做软件开发、微信小程序 、网页设计、网站建设、APP开发、游戏开发这块的。
web前端包括哪些技术？
1 基础技术
前端的三大基础毫无疑问就是HTML、CSS和JS。我称之为前端的骨、肉和魂。
先说“骨”——HTML。HTML,翻译过来就是超文本标记语言，而不是江湖上的HOW TO ML。方向不能搞错了，我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习，div、h1-h6、p、ul-li、strong、图片、字体等，什么内容用什么框.
再说“肉”——CSS。CSS定义了HTML标签的显示外观，气质。主要掌握浮动，宽高设置、显示属性等
最后“魂”——Javascript。这是运行在浏览器上的脚本，但是现在javascript已经远远不是当年的那个js了，尤其Ecmascript6标准出来后，nodeJS 横空出世，JS暴露出一统天下的野心，JS让网页变得灵活，其实现的每一个明里暗里的交互，其实是为了触及您的灵魂，这也是其成为魂的原因。
而现在，CSS3和HTML5的发展，又将web推向下一个时代，一个更为丰富多彩的时代。
2 环境基础
设备、浏览器以及工作原理
必须指出的是，html CSS JS都是运行在浏览器的，是由浏览器负责编译和呈现的。所以必须了解浏览器的工作原理。但是浏览器千千万万，也不是每个都要去解剖，主要的有Chrome, Firefox, IE，Safari,Opera,国内的主浏浏览器基本是基于chrome内核开发，做了一些更为接地气的功能，了解下就可以了，主要有QQ浏览器，UC，百度浏览器，360浏览器，搜狗浏览器，猎豹浏览器等。
3 计算机基础
计算机网络，http协议。既然是web必不可少需要知道计算机网络的知识，这对于网页的加载和速度优化有很大的帮助，并且，我们做的不是静态的页面，而是动态的，所以必然涉及到与后台之间的数据的传输和存储，这个是要掌握的。
必须懂：Ajax，必须会的工具：fiddler
4 流行框架
流行的前端UI框架：
Bootstrap、jQuery UI、Amaze UI
流行的前端框架：
jquery mobile
angular.Js
Vue.js
React.js
5 可视化组件
Echarts
tableau(收费)
6 新应用
针对移动化以及物联网方向发展
7 锦上添花—
UI、 UX 、交互设计、 SEO（包括SEM） 、产品，更主要一个同理心。好的设计和交互才能带来的好的体验，赢得用户。
SEO则在推广层面，好的SEO让我们以最低的成本，借力搜索引擎，获得更加跟多的曝光机会，毕竟这是个酒香也怕巷子深的时代。
最后是产品，站在产品角度，融合（前后端）技术和商业，让产品产生价值，实现价值。