在所有的编程学习中，Web开发相对其他的编程技术来说，入门更加容易。虽然门槛相对较低，但要成为一名优秀的Web开发程序猿，需要掌握的技能却不少。
那么，要想成为一名优秀的Web开发程序猿需要掌握哪些技能呢？
接下来，萌小妹为大家概括了一系列作为优秀Web开发程序猿应该掌握的编程语言和工具。
这是一种所有浏览器都理解的编程语言，并且它是前端开发的支柱。在深入其他语言之前好好理解这门编程语言非常重要。
ES6
这是JavaScript语言的扩展，而且许多浏览器正在实现ES6。好处是哪怕是现在，你也可以开始编写ES6代码，因为你可以使用transpiler（转译器）如Babel来转换ES6代码为ES5代码。经历这些并了解新功能是一件好事。不过，没有不要钻研得太深因为它们很容易发生变化。
Babel
这是最流行的ES6到ES5转译器之一。此外，它还被许多框架，如React所推荐。需要注意的是Babel不仅仅是ES6到ES5的转译器。它也是JSX到JavaScript的转译器。不知道什么是JSX？那么请看下面。
NodeJS
NodeJS是一个服务器端平台，它允许你用JavaScript语言构建后端。即使你对后端开发不感兴趣，但是许多前端工具依赖于NodeJS。因此至少要熟悉node和它的命令行工具。
NPM
NPM是node的软件包管理器。就像pip之于Python，rubygems之于Ruby，以及Maven之于Java。了解如何安装/删除/升级软件包，尤其是package.json文件结构。
Grunt或Gulp
这两个是运行在Node平台上最为流行的任务运行器。从技术上讲，它们是针对npm的软件包。它们允许你自动化许多前端任务，如Lint源文件，串联，缩减，部署以及更多。
Bower
这是用于前端库本身的一个软件包管理工具。想添加Jquery到你的应用程序？和使用bowerinstalljquery一样容易。
ReactJs
ReactJs是构建视图最流行的前端库。请注意，它不仅仅是MVC中的V，因此和框架如Angular没有比较性。ReactJs是用ES6写的，并且可以用Babel转译为ES5。它还使用也可以用Babel转译为JavaScript的JSX。
WebPack或Browserify
这两个都是最流行的模块打包机。它们可以获取js源代码，找出正确的依赖关系，并发出可以驱动整个应用程序的JavaScript文件。
Flux或Redux
React组件被布置在一个层次结构中。大部分时间，数据模型遵循层次结构。在这种情况下，Flux并不怎么有用。然而，有时候你的数据模型是不分层的。当你的React组件开始接收外部道具，或你有少量的组件开始变得非常复杂的时候，那么你可能会想要试试Flux。
Immutable.js
Immutable.js提供了一套数据结构，可以帮助解决在构建Reactapp时的某些性能问题。这是一个伟大的库，你可能会在你的app中大量使用它，但是当你白癜风治疗知名医院治疗白癜风的好医院