转载

现代Web开发需要学习的15大技术

　　英文原文：Things to learn for Modern Web Development

　　将近 4 年前，我写了一篇名为《Future of Web and Mobile: HTML5, CSS3 and Javascript》的博客文章，其中我提到了 Javascript 的出现，以及 JavaScript 框架，例如 jQuery、Knockout 等的爆发。

　　快进到现在，我发现现代 web 开发再一次将发生压倒性的改变。信息资讯的铺天盖地令人迷惑，尤其对于初学者而言。首要原因是新的框架，例如 Angular 2 和 ReactJs 出现了，使用了尚未完全定型的 ECMAScript 6 特性。并且有更多的工具可用于转换 ES6 代码为普通的旧的 JavaScript 代码，也就是 ES5。

　　我概括了一系列我们应该学习的编程语言/工具，以便于理解势不可挡和快速变化的现代 web 开发。

　　JavaScript

　　这是唯一一种所有浏览器都理解的编程语言，并且它是前端开发的支柱。JavaScript 也被称为 ECMAScript，ES 5。在深入其他语言之前好好理解这门编程语言非常重要。

　　ES6

　　这是 Javascript 语言的扩展，而且许多浏览器正在实现 ES6。好处是哪怕是现在，你也可以开始编写 ES6 代码，因为你可以使用 transpiler（转译器）如 Babel 来转换 ES6 代码为 ES5 代码。经历这些并了解新功能是一件好事。不过，没有不要钻研得太深因为它们很容易发生变化。

　　Babel

　　这是最流行的 ES6 到 ES5 转译器之一。此外，它还被许多框架，如 React 所推荐。要想实时地将 ES6 转换为 ES5 代码，在 https://babeljs.io/repl/有一个可用的 REPL。

　　需要注意的是 Babel 不仅仅是 ES6 到 ES5 的转译器。它也是 JSX 到 JavaScript 的转译器。不知道什么是 JSX？那么请看下面。

　　NodeJS

　　NodeJS 是一个服务器端平台，它允许你用 JavaScript 语言构建后端。为什么我要提 NodeJS 呢？这是因为，即使你对后端开发不感兴趣，但是许多前端工具依赖于 NodeJS。至少要熟悉 node 和它的命令行工具。

　　NPM

　　NPM 是 node 的软件包管理器。就像 pip 之于 Python，ruby gems 之于 Ruby，以及 Maven 之于 Java。了解如何安装/删除/升级软件包，尤其是 package.json 文件结构。

　　Grunt 或 Gulp

　　这两个是运行在 Node 平台上最为流行的任务运行器。从技术上讲，它们是针对 npm 的软件包。它们允许你自动化许多前端任务，如 Lint 源文件，串联，缩减，部署以及更多。

　　Bower

　　这是用于前端库本身的一个软件包管理工具。想添加 Jquery 到你的应用程序？和使用bower install jquery一样容易。

　　上述工具用于基本的前端开发已经足够。不过下面我还要说一说两个最流行的框架，即 React 和 Angular。