推薦20個頗有幫助的 Web 前端開發教程

在日常的搜索中，我碰到過不少有趣的信息，應用程序和文檔，我把它們整理在下面這個列表。這是收藏的遇到的有用內容的一個偉大的方式，能夠在你須要的時候方便查閱。相信你會在這個列表中發現對你頗有用的資料。

1. CSS Vocabulary 
一個偉大的指向和點擊的小應用程序，讓你加快速度掌握 CSS 語法的各個不一樣部分，學習各個屬性的正確的名稱。 

2. Liquidapsive 
一個簡單的信息化佈局，經過選擇框的方式，可讓你在響應式，自適應，流動和靜態佈局中選擇，因此你能夠看到四大布局類型之間的區別。

3. Superhero.js 
最好的文章，視頻和演示文稿，以幫助前端開發人員保持較大的 JavaScript 代碼庫的集合。包括有一些廣泛原則型的東西，對測試工具，性能，安全性和更多的資源。

4. HowToCoffeeScript.com 
學習和記憶 CoffeScript 語法的速查手冊。

5. The HTML Landscape 
這是很是有趣的。這是 W3C ​​文檔，它描述了3個 HTML 規範之間的「可感知的差別」： WHATWG、W3C的 HTML5.0 和W3C的 HTML5.1 。多是有點過於技術性，但你也許能夠在這裏找到一些有趣的新東西。

6. The Elements of HTML 
一個很好的全面的 HTML 和 XHTML 元素的單頁圖表，用來講明各個元素屬於哪一個規範。這看起來對作研究真是好，若是元素已過期或在 HTML5 中已過期。

7. JavaScript Equality Table 
一個很不錯的3層的圖表，幫助您瞭解 JavaScript 的 == 和===操做符。結論是應該使用===操做符，除非你徹底明白==發生了轉換。

8. Web Accessibility Checklist 
一個有用的，但不是壓倒性的參考，以幫助您檢查過各類元素在你的項目中的可訪問性。不少，這是很是簡單的，除了作輔助驗證已。

9. Static Web Apps — A Field Guide 
根據介紹：「本指南將爲您介紹的靜態 Web 應用程序世界，並提供解決方案，同時創建他們遇到的共同挑戰。

10. Learn regular expressions in about 55 minutes 
豐富的文檔和教程，介紹正則表達式。它所宣稱的55分鐘或者更長的時間才能真正獲得的東西，但絕對值得一試。

11. Open Web CSS Reference 
這是一個很是全面的，不爲人知的 CSS 屬性和功能的參考。按字母順序排列，包括連接到規範頁面。

（web前端學習交流羣：328058344 禁止閒聊，非喜勿進！） 
12. CSS Values 
這是一個簡單的方法來查找一個 CSS 屬性並快速查看可能的值。例如，若是你忘了什麼樣的價值觀是能夠接受的，如字體變形。除了值，最新的更新包括瀏覽器支持的每一個屬性的圖表。

  
13. ES6features 
由微軟的開發者盧克霍本整理的東西，ECMAScript6 規範的概述。對於前端開發人員，這將是有益的，開始逐漸熟悉這個東西。

14. Relevant Spec Links 
我常常很難找到在規範的引用的一些正確的地方。這是一個很好的簡要，總結從 Mozilla 獲取的你須要知道的有關規範的連接。

15. OverAPI.com 
史上最全的開發人員在線速查手冊！這個網站收集了衆多對開發人員很是有用的手冊，記得分享和推薦一下哦。

 

16. JavaScript: The Right Way 
一個 JavaScript 指南，旨在引領入門人員，並幫助有經驗的人到 JavaScript 的最佳實踐。 

17. The HTML5 JavaScript API Index 
一個真正全方位一站式的地方尋找 HTML5 API 的信息。很容易使用3窗格視圖導航「自動從 HTML5 規範文件生成」 。

18. Zeal 
這看起來至關整潔。這是一個原生的應用程序，可讓你離線搜索130多個API文檔。簡單的鍵盤快捷鍵，你能夠從你的工做區的任何位置顯示API的瀏覽器。

19. The Ultimate Flexbox Cheat Sheet 
一個普遍引用，以幫助您找到flexbox語法和刷上不太熟悉的東西。

20. jsCode 
一個應用程序，以幫助您建立本身的自定義 JavaScript 編碼準則。您也能夠看看別人和你分享與你的團隊或其餘合做者建立的自定義指南。