這篇文章收集了Google 前端工程師 Addy Osmani 分享在 Speaker Deck 的15個精彩幻燈片，每個都是精華中的精華，真正的干貨！相信你認真閱讀之后一定會有收獲！

Addy Osmani 創建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator，出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》兩本技術書籍，而且還是著名的 jQuery、Modernizr 以及Backbone.js 框架的貢獻者。

Tooling For The Modern WebApp Developer

現代 Web App 開發者必備的實用工具推薦，深入介紹了 Chrome 開發者工具的功能。

The New Wave Utility Belt (FOWA)

介紹了 Google 強大的工具系統：Yeoman，幫助開發人員快速構建出漂亮的、引人注目的 Web 應用。

Digesting JavaScript MVC

深入解析 JavaScript MVC，討論 JavaScript MVC 模式應用情況以及優秀的框架推薦。

Decoupling JavaScript Vs. The World 

講解 JavaScript 組件級別解耦、模塊級別解耦以及觀察者模式、門面模式和中介者模式等。

Scaling Your JavaScript Applications

探討 JavaScript 應用程序的體系結構，模塊化和可擴展性。

內容包括MV*模式（MVC，MVP，MVVM），MV*框架，AMD 和大規模的應用模式和解決方案。

The jQuery Essentials

《jQuery 必知必會》教你編寫 jQuery 的***實踐和性能技巧，如果你正在學習 jQuery，一定不能錯過了。

Polyfilling The HTML5 Gaps With JavaScript

Polyfill 是 JavaScript 墊片，讓你能夠在舊的瀏覽器中使用 HTML5 和 CSS3 的那些強大的新功能。

Large-scale JavaScript Application Architecture

構建高擴展的 JavaScript 項目必須要了解的架構和設計模式使用經驗。

Scalable JavaScript Design Patterns

在這個幻燈片中，作者詳細介紹了大型 JavaScript Web 應用程序的架構和設計模式。

jQuery Proven Performance Tips & Tricks, 2011

jQuery 代碼的性能測試方法和技巧分享，都是作者多年的***實現經驗。

Building Decoupled Large-scale Applications Using JavaScript (And jQuery)

探索 JavaScript 構建大型 Web 應用的優秀設計模式，關注解耦（decoupling）的重要性。

Large-Scale JavaScript Development

在這個幻燈片中，作者分享了一組優秀的設計模式用于構建低耦合、高擴展的 JavaScript 應用程序。

Tools For jQuery Application Architecture (Extended Slides)

jQuery 應用架構工具集錦，包括：JavaScriptMVC, Backbone.js, Spine.js, Sammy.js等眾多內容。

Evaluating jQuery Learning Material

教你如何評估 jQuery 學習資料的價值，幫助你挑選有價值的學習內容。

jQuery Performance Tips & Tricks

使用 jQuery 進行開發時的***實踐和性能技巧，值得前端開發人員時刻加載腦子里。

Addy Osmani 博客地址：http://www.addyosmani.com

Addy Osmani Github：https://github.com/addyosmani

原文鏈接：http://www.cnblogs.com/lhb25/archive/2013/01/29/valuable-front-end-resources.html