Understanding the front-end framework Knowledge

Build tool (Auto)

• Grunt.js: Strong ecological, rapid development, there are a large number of optional plug-ins;

• Gulp.js: Streaming project building tools;

• Browserify.js:Node.js module, mainly used to rewrite the existing COMMONJS modules, so that the browser can also use these modules;

• Uglify.js:JavaScript parser, compression tool, and code beautification library.

Package Management Tools

• Homebrew (Mac OS): Software Installation Tool under Apple Mac OS;

• Apt:debian, Ubuntu and other series of Linux system software package management tools, can be used to install, delete, upgrade software, etc.;

• NPM:Node.js's official Package manager;

• Bower:twitter is an open source project for Web package management.

Front End

MVC Framework

• Backbone.js: A framework for Web development that provides a model (models), collection (collections), view (views) structure for complex JavaScript applications;

• Ember.js: You can create a feature-rich Web application and provide a standard application architecture JavaScript framework;

• Angular.js: A set of frameworks, templates, and data binding and rich UI components for developing Web pages, without manual dom manipulation, and extending the HTML class library for apps.

Template

• Handlebars.js:JavaScript page Template Library, can provide the necessary semantic template for the developer;

• Mustache.js: Is the mustache template system JavaScript implementation, syntax logic is relatively simple, applicable to C + +, Clojure, Erlang, Go, Java, JavaScript and other languages;

• Jade:node template engine, mainly used in node. JS Server template;

• HAML-JS: Allows the use of Haml syntax in JavaScript projects, with the same functionality as native Haml;

• Eco: Can be used to embed coffeescript logic into a tag.

Test

• Casper.js:CasperJS is a navigation script and test tool prepared for PHANTOMJS and Slimerjs;

• Zombie.js:Zombie.js is a lightweight framework that allows you to test the client's JavaScript code in a simulated environment without the help of a browser.

back end

Server

• Express:node Web application framework;

• Node:Node.js is a platform built on the chrome JavaScript runtime to quickly build Web applications.

Database

• MongoDB: Open source Document Storage database, is also a leading non-relational database;

• Postgresql: Open Source Object-relational database server;

• SQL: Structured Query language that can be used to access data and query, update, and manage relational database systems.

Architecture

• RESTful: The current popular Internet software architecture, the structure is clear, easy to understand, easy to expand.

Test

• Cucumber.js: Takes a popular behavior-driven development tool and applies it to the JavaScript stack.

• Jasmine: A behavioral-driven development testing framework that is not dependent on the browser, DOM, or any other JavaScript architecture, and is better suited for Web sites, node. JS projects, or applications where JavaScript can be run.

• Mocha: Runs on node. JS and the browser, primarily for asynchronous testing.

• Q-unit: Unit Testing framework, commonly used in jquery, jquery UI, and jquery mobile projects, can also be used to test regular JavaScript code.

Assertion Library (Assertion Libraries)

• Chai: A BDD/TDD Assertion library (assertion Libraries) for node that can be paired with any JavaScript test framework.

Functional Programming tools

• The Underscore.js:JavaScript library provides a number of useful function programming tools without the need to extend any built-in objects;

• Lo-dash: A JavaScript library that provides customization, performance, and consistency.

You can view the latest status of this recommendation list on GitHub.

Via codefellows

Extended Reading

• Front-End Skills Summary: https://github.com/JacksonTian/fks (thanks to Weibo friends @ soft and fat recommended)

• 
  

Understanding the front-end framework Knowledge