面对日益纷杂的前端工具，作为新人常感无从下手。经过一番检索和简单对比，再结合自己的喜好，筛选了将要学习和使用的工具，以适应日益工程化、专业化的 Web 前端开发工作。

库与框架

jQuery: 操作dom的神器，曾经一度火的一塌糊涂。

jQuery UI: 一个JQuery的UI框架,特点是高效、组件化

Vue.js: 数据驱动的组件，为现代化的 Web 界面而生

angularjs 应用最广泛的企业级web开发框架

angular: 新一代angular开发框架

React.js: 构建组化件应用的javascript库

React Native: 使用react构建移动app应用

构建工具&模块化

一个构建、测试应用的构建工具

gulp.js: 自动化工作流

node 建立在V8引擎上的快速构建平台

模块打包器

将模块打包到一个bundle中

webpack: 能够将依赖打包、生成的自动构建工具

包管理

一个用来管理依赖的包管理器，你可以使用它下载很多模块化的工具

npm: Node 模块化管理工具

CSS 处理

提供一个高效、动态的方法生成css

Stylus: node社区的css预处理器

PostCSS: 将css转换成js插件

模块化

ECMAScript 6 Module

模板引擎

使用js生成html文件

EJS

jade

测试框架

Mocha: 一个简单、快速的用来测试node和web应用的测试框架

Chai: Chai 是一个针对 Node.js 和浏览器的行为驱动测试和测试驱动测试的诊断库，可与任何 JavaScript 测试框架集成。

脚手架

Yeoman Web 应用开发流程与工具

koa-generator koa项目生成器

集成方案

FIS: 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题

UI框架

bootstrap 简洁、直观、强悍的UI框架，让web开发更迅速,后端程序的福音。

foundation 最流行的响应式前前端布局框架

semantic-ui Semantic作为一个开发框架，通过HTML语言帮助创建令人赏心悦目、响应式的布局。

Material UI 一组反应元件，实现谷歌的材料设计。

Ant Design 是一个 UI 设计语言，是一套提炼和应用于企业级后台产品的交互语言和视觉体系。

游戏引擎

CreateJS 基于HTML5的一套模块化的库和工具共同工作或*使丰富的交互式内容的开放式Web技术。

PhaserJS PC端和移动端HTML5游戏框架 。

ThreeJS 制作HTML5的3D游戏引擎 。

白鹭 Egret是一套HTML5游戏开发解决方案

Cocos2d-JS 开发者可以通过cocos游戏开发引擎快速编辑界面和动画、编写和调试代码等，最终导出适合于各平台、各渠道发布的游戏安装包。

容器

Docker: Build, Ship, and Run Any App, Anywhere

前端开发就是将UI设计师设计好的界面实现，即用一些前端方面的语言(HTML、CSS、jQuery等等)将UI设计变成可以与用户交互的网页;前端工程师目前岗位火爆，只要掌握了真正的前端知识，而不是泛泛而谈，找工作也相对比较轻松，薪资也是比较可观的。当然，刚刚入门，我的建议是不要太看重薪资，最应该看中的是有没有好的环境和平台可以学习到更多。当你在好的环境好的平台学习到更多，积累了一定经验之后，薪资真的挺简单。不要被刚刚开始少得可怜的薪资所打败，从而放弃，如果你真的想要进入这行，坚持下去吧。未来回过头来，你会发现，一切就都是这么简单明了了。