所有浏览器都能理解编程语言,这是前端开发的主干。JavaScript也称为ECMAScript,ES5。在深入学习其他语言之前,了解这种编程语言很重要。
ES6
这是Javascript语言的扩展,许多浏览器都在实现ES6。优点是您现在可以开始编写ES6代码,因为您可以使用像Babel这样的编译器将ES6代码转换为ES5代码。
Babel
这是最受欢迎的ES6到ES5翻译器之一。此外,它也被许多框架推荐,例如React。要实时将ES6转换为ES5代码,您可以在网站上找到可用的REPL。
需要注意的是,Babel不仅是ES6到ES5的转换器,也是JSX到JavaScript的转换器。
NodeJS
NodeJS是一个服务器端平台,允许使用JavaScript语言构建后端。为什么要提到NodeJS?这是因为,即使您对后端开发不感兴趣,许多前端工具也依赖于NodeJS。至少,您应该熟悉node及其命令行工具。
NPM
NPM是节点的包管理器。正如PIP之于Python,红宝石之于ruby,Maven之于Java。了解如何安装、删除和升级软件包,尤其是package.json文件结构。
Grunt或Gulp
这是在节点平台上运行的两个最流行的任务运行器。从技术上讲,它们是NPM的软件包。它们允许您自动化许多前端任务,如Lint源文件、连接、缩减、部署等。
ReactJs
ReactJs是构建视图最流行的前端库。请注意,它不仅仅是MVC中的V,因此不能与Angular这样的框架进行比较。ReactJs是用ES6编写的,可以用Babel翻译成ES5。它还可以使用Babel将其转换为JSX for JavaScript。
WebPack或Browserify
两者都是最受欢迎的模块打包机。他们可以获取js源代码,找出正确的依赖关系,并发布可以驱动整个应用程序的JavaScript文件。