[翻譯] 前端 JavaScript 架構（完結）

• 立即調用的函數運算式 
  Immediately-invoked Function Expression。保護代碼免受其他代碼的幹擾，並且通過封裝的方式組織你的代碼。
• 事件 & 訊息 
  Events & Messaging。在 Web 應用程式中可以使用事件和訊息實現組件通訊。事件允許一個組件同自身通訊，訊息則允許一個組件以非硬式編碼方式監聽其他組件。
• 模組化 & 依賴管理 & 效能最佳化 
  RequireJS。Web 前端應用可以快速變得相當複雜。理想的做法是提供某種結構和依賴關係管理，以及用一種簡單的方式最佳化最終結果。
• 應用分層 & 解耦合 
  Model & Collection & View。Web 前端應用可以快速變得相當複雜。在你知道這點之前，如果你不小心就會導致關係混亂。值得慶幸的是，Backbone.js 提供了組件來協助你把應用分割為可用的小模組，並且每個小模組各司其職。。
• 代碼品質 
  Coding Standard, Linting, Analysis。前端 Web 應用程式可以很快變得相當複雜。如果開發人員不能達成共識，事情可能馬上土崩瓦解，特別是在一個大型項目中。形成統一的代碼標準和使用一些工具來避免問題，才能真正有助於項目成功。
• 類比請求 & 類比資料 
  Mockjax & mockJSON。前端開發人員可以藉助一些技術和庫，從而獨立於後端的進度進行開發和構建原型。類比待用資料還可以協助構建單元測試。
• 模板 - 分離展現和邏輯 
  Templating。在代碼中混入標記會導致一些讓人討厭的代碼，這樣的代碼繁瑣、單調，並且難以維護。像 Underscore 和 Handlebars 這樣的庫提供了一種清晰的方式，將展現描述從邏輯中分離出來。你可以自由選擇使用什麼庫，但是我鼓勵你多進行一些比較，找到最適合你的庫。
• 模式 
  Patterns。成熟的設計模式和有限狀態機器。
• 自動化 
  Automation。擁抱 Grunt、Bower 和 Yeoman 可以協助自動化開發、測試、部署過程中的各個環節。