This article outlines a series of software development workers should learn programming language / tool for understanding the changes modern fast update web development knowledge to the students.
一、JavaScript
This is the only all browsers understand the programming language, and it is the front-end development pillar. JavaScript is also known as ECMAScript, ES 5. Before delving into other languages good understanding of this programming language is very important.
Two, ES6
This is an extension Javascript language, and many browsers are implementing ES6. Benefit is that even now, you can start writing ES6 code, because you can use transpiler (translator) as Babel to convert ES6 code ES5 code. These experiences and learn about new features is a good thing. However, do not delve too deeply because they are easy to change.
Three, Babel
This is one of the most popular ES6 to ES5 translator. In addition, it is a lot of frameworks, such as React recommended. To real time ES6 converted to ES5 code.
Note that Babel is not just ES6 ES5 to the translator. It is also the JSX to JavaScript translator. I do not know what is JSX? Then see below.
Four, NodeJS
NodeJS is a server platform that allows you to build the back-end using JavaScript language. Why should I mention NodeJS? This is because, even if you are not interested in the back-end development, but a lot of front-end tools rely on NodeJS. At least be familiar with the node and its command-line tool.
Five, NPM
NPM is the node package manager. Like the pip in Python, ruby gems in the Ruby, as well as in the Maven Java. Learn how to install / remove / upgrade packages, especially package.json file structure.
Six, Grunt or Gulp
Both are running on Node platform, the most popular task runner. Technically, they are packages for the npm. They allow you to automate many front-end tasks such as Lint source file, series, cut, deployment, and more.
Seven, Bower
This is a front-end library itself is a package management tools. Jquery want to add to your application? Bower install jquery and use as easy.
The front end of the tool for the development of basic enough. But here I would like to talk about two of the most popular framework, React and Angular.
Eight, ReactJs
ReactJs view is to build the most popular front-end library. Note that it is not just in MVC V, and the frame so as not Angular comparative. ReactJs ES6 is written, and can be translated into Babel ES5. It also uses JavaScript can also be translated into the JSX with Babel.
Nine, WebPack or Browserify
These are two of the most popular modules baler. Js they can get the source code, find the correct dependencies and issues can drive the entire application JavaScript file. I prefer WebPack.
Ten, Flux or Redux
React assembly is arranged in a hierarchy. Most of the time, the data model to follow hierarchy. In this case, Flux is not how helpful. However, sometimes your data model is not hierarchical. When you start receiving external components React props, or you have a small number of components became very complicated, then you might want to try Flux.
Eleven, Angular 2
Angular 2 is the next version of one of the most popular JavaScript MVC framework of. It is a completely redesigned, and there is a steep learning curve. Full support for two-way data binding. In selecting Angular 2 development to be careful evaluation.
Twelve, Immutable.js
Immutable.js provides a data structure that can help solve some of the performance problems of building React app. This is a great library, you might use it a lot in your app in, but when you focus on the impact of the performance, it is completely useless.