前言：信息過載時代的高效學習策略

2012 年前端領域發生革命性突破與重新定義：抽象化程度提升、代碼質量標準提高、維護性與性能雙飛躍。面對龐大知識體系，作者精選高質量演講資源（含 PPT/視頻），構建系統化學習路徑，助開發者假期高效充電。

基礎篇：建立現代前端認知底座

1. 走在技術前沿的方法 — Chris Coyier

技術理念雖變，保持前沿有法可循。
How to Stay Up to Date on Web Stuff

2. 確保開發模式跟上時代 — Rebecca Murphey

從「本地測試 → FTP 上傳」到現代工程化流程；從「兼容 IE6 為標準」到新基準。講解前端開發新起點。
A New Baseline for Front-End Developers

3. 理解瀏覽器幕後工作原理 — David Mosher

瀏覽器是最不穩定開發平台。理解解析渲染機制，助做出更好決策，贊同最佳實踐背後邏輯。年度最佳主題之一。
So, You Want to Be a Front-End Engineer (Video)

4. 了解 Web 平台當前能力 — Addy Osmani

HTML5 新特性構建全新 Web App（媒體流、設備輸入、現代 CSS、媒體捕獲、文件 I/O 等），解決現實問題方案匯總。
Tooling for the Modern Web App Developer

工作流篇：工程化工具鏈掌握

5. Web App 開發工作流 — Yeoman 生態

CoffeeScript/JS、Less/Sass、框架、工具整合需「實用工具腰帶」。介紹 Yeoman 整合方案。
Web App Developers Toolbelt

6. 現代 Web 設計師工作流 — Chris Coyier

設計師職責擴展至交互構建、多設備適配、團隊代碼協作。贊賞工具推薦與高水準工作流構建。
A Modern Web Designer's Workflow (Video)

7. 移動 Web 開發工具帶 — Pete Le Page

移動端開發差異大，專用工具鏈讓開發更便捷。
Mobile Web Developers Toolbelt (Video)

8. Chrome DevTools 深度調試秘籍 — Patrick Dubroy

深度掌握 Chrome 開發者工具，調試效率倍增。
Secrets of the Chrome DevTools (Video)

面向未來篇：前瞻技術佈局

9. CSS 未來 — Peter Gasston

CSS3 如何賦能當下開發，面向未來編寫 CSS。
The CSS of Tomorrow

10. JavaScript 未來 (ES6) — Dave Herman

ES6 新特性與使用方式前瞻。
The Future of JavaScript

11. Web Components 與 Web App 未來 — Eric Bidelman

如何將新技術有機整合進 Web 應用。
Web Components and the Future of Web App Development

CSS 專題深度篇

12. CSS 新特性與標準 — Darcy Clarke

最新 CSS 實現與標準，改變日常開發方式。
All the New CSS Hawtness

13. 模塊化 CSS 治理亂象 — Jonathan Snook

解決 CSS 代碼混亂，實現模塊化管理維護。
Your CSS Is a Mess

14. CSS 預處理器對比 — Bermon Painter

未用預處理器即 OUT。主流預處理器概述對比。
CSS Pre-Processors

15. KSS：CSS 文檔化與格式化工具 — Kyle Neath

生成 CSS 文檔與代碼格式化，建立團隊規範。
A Better Future With KSS

JavaScript 專題篇

16. 可維護 JavaScript 代碼風格 — Nicholas Zakas

有趣代碼 ≠ 專業代碼。學習編寫可持續維護的 JS 代碼。
Maintainable JavaScript

建議： 無需全部精讀，按需選擇 3-5 個專題深度學習，構建個人知識體系，為成為更強前端工程師奠基。