一系列JavaScript的基礎工具

ourjs發表於2014-04-06
JavaScript

　　在我們的bootcamp訓練營中，學員們介紹了一些工具和庫來擴充套件他們程式碼的能力。Kalina，目前我們JavaScript學員中的一員，列舉了這些工具，想和其它愛好程式碼的小夥伴一起分享。

點選看大圖

　　Ivan Storck，我們JavaScript訓練營的指導員，把Kalina列舉的工具繪製成下面這個思維導圖：

　　一般的工具

　　腳手架工具（幫助啟動專案）

  • Yeoman－Yeoman是一個強健且固執的客戶端堆疊，其包含一些能幫助開發人員快速構建漂亮web應用程式的工具和框架。

　　構建工具（自動化的）

  • Grunt.js—Grunt生態系統非常龐大,並且一直在增長。由於擁有數量龐大的外掛可供選擇，因此，你可以利用Grunt自動完成任何事,並且花費最少的代價。
  • Pint.js（Grunt的助手 ）－Pint是一個小型，非同步的GruntJS執行器，試圖解決大規模構建流程中的一些問題。
  • Gulp.js－Gulp使用流式構建專案，且主張程式碼優先於配置。因此使建立過程更簡單，直觀。
  • Browserify.js （瀏覽器的）—Browserify 是一個允許我們寫node.js-風格的模組，編譯後給瀏覽器使用。就像node.js一樣，我們在不同的檔案中編寫模組，用module.exports 匯出外部方法和屬性，用exports匯出變數。
  • Uglify.js －Uglify.js 是NodeJS的一個JavaScript解析/壓縮/美化庫。

　　包管理工具

  • Homebrew（Mac OS）－Homebrew能安裝你需要而蘋果沒有的東西。
  • Apt（Ubuntu）－apt-get命令是一個很強大的命令列工具，與Ubuntu的APT機制一起工作，能安裝新的軟體包，更新現有的軟體包，能更新包列表索引，且甚至能能更新整個Ubuntu系統。
  • NPM－npm是Node.js的官方包管理器。
  • Bower－Bower是web的包管理器。

　　前端工具

　　MVC框架

  • Backbone.js－Backbone.js通過提供帶有鍵值繫結的模型和定製的事件，帶有列舉功能的豐富的集合API，帶有宣告式事件處理的檢視，而且將它所有這些東西通過一個RESTful JSON介面連線到你現有的API上面，來向Web應用程式提供架構。
  • Ember.js－當底層模型變化時能保持你的HTML最新，那麼Ember.js能讓Handlebars模板更勝一籌。
  • Angular.js－AngularJS能讓你為你的應用擴充套件HTML詞彙。它能讓程式更富表現力，更具可讀性，更快的構建程式。

　　模板

  • Handlebars.js－Handlebars提供了必要的能力，讓你能有效的構建語義模板。Mustache模板相容Handlebars，因此你可以把Mustache模板匯入到Handlebars中，來利用Handlebars額外的特性。
  • Mustache.js（比Handlebars少外接元素）－Mustache是一個支援ActionScript, C++, Clojure, CoffeeScript, ColdFusion, D, Erlang, Fantom, Go, Java, JavaScript, Lua, .NET, Objective-C, Pharo, Perl, PHP, Python, Ruby, Scala and XQuery.的簡單的web模板系統。
  • Jade－Jade是一個主要為node.js伺服器端模板設計的節點模板引擎。
  • Haml.js－Haml.js能讓Haml語法在JavaScript工程中使用。其有許多與原生Haml相同的功能。

　　測試

  • Casper.js－CasperJS是一個導航指令碼處理和測試JavaScript中 PhantomJS 和類似的SlimerJS書寫的工具。
  • Zombie.js－Zombie.js是一個通過模擬環境來測試客戶端JavaScript程式碼的輕量框架。不需要瀏覽器。

　　後端工具

　　伺服器

  • Express－Express是一個Node的web應用框架。
  • Node－Node.js是一個基於Chrome JavaScript 執行時建立的一個平臺，用來方便地搭建快速的， 易於擴充套件的網路應用。

　　資料庫

  • MongoDB－MongoDB是一款開源的文件型資料庫，是NoSQL資料庫中最熱的一款。
  • Postgresql－Postgresql是一個強大的，開源，物件關係的資料庫系統。
  • SQL－SQL被用來與資料庫進行通訊。美國國家標準協會規定，它是關係型資料庫管理系統的標準語言。

　　架構風格

  • RESTful－REST是一個架構風格，由一套協調的體系結構約束組成，在分散式超媒體系統中應用元件，聯結器和資料元素。

　　測試

  • Jasmine－Jasmine是一個JavaScript的行為驅動開發測試框架。它不依賴於瀏覽器，DOM或任何JavaScript框架。因此它適合於web站點，Node.js工程或任何JavaScript能執行的地方。
  • Mocha－Mocha是一個在noce.js和瀏覽器上執行的富功能JavaScript測試框架，它讓非同步測試變得簡單有趣。
  • Q-Unit－Q-Unit是一個功能強大，易於使用的JavaScript單元測試框架。它被應用於jQuery，jQuery UI和jQuery移動開發的工程中，它能測試任何通用的JavaScript程式碼。
　　Assertion（斷言） 庫
  • Chai－Chai是一個 node和瀏覽器的BDD/TDD Assertion（斷言） 庫，它能與任何JavaScript測試框架進行很好的配合。

　　函式化程式設計工具

  • Underscore.js - Underscore是一個在沒有擴充套件任何內建物件情況下提供許多函數語言程式設計幫助的JavaScript庫。
  • Lo-Dash－Lo-Dash是一個提供一致性，定製性和表現性的實用庫。

　　更新：

　　還有其它你認為應該在這列舉的工具嗎？看看這篇文章和Github上有關MindNode的思維導圖（OPML）。把你的建議傳送給我們，讓我們在此增加一些新鮮流行的工具！

　　原文：codefellows.org

相關文章