推薦20個(gè)很有幫助的 Web 前端開發(fā)教程
在平常的搜索中,我碰到過(guò)很多有趣的信息,應(yīng)用程序和文檔,我把它們整理在下面這個(gè)列表。這是收藏的遇到的有用內(nèi)容的一個(gè)偉大的方式,可以在你需要的時(shí)候方便查閱。相信你會(huì)在這個(gè)列表中發(fā)現(xiàn)對(duì)你很有用的資料。
1. CSS Vocabulary
一個(gè)偉大的指向和點(diǎn)擊的小應(yīng)用程序,讓你加快速度掌握 CSS 語(yǔ)法的各個(gè)不同部分,學(xué)習(xí)各個(gè)屬性的正確的名稱。
2. Liquidapsive
一個(gè)簡(jiǎn)單的信息化布局,通過(guò)選擇框的方式,可以讓你在響應(yīng)式,自適應(yīng),流動(dòng)和靜態(tài)布局中選擇,所以你可以看到四大布局類型之間的區(qū)別。
3. Superhero.js
最好的文章,視頻和演示文稿,以幫助前端開發(fā)人員保持較大的 JavaScript 代碼庫(kù)的集合。包括有一些普遍原則型的東西,對(duì)測(cè)試工具,性能,安全性和更多的資源。
4. HowToCoffeeScript.com
學(xué)習(xí)和記憶 CoffeScript 語(yǔ)法的速查手冊(cè)。
5. The HTML Landscape
這是非常有趣的。這是 W3C ??文檔,它描述了3個(gè) HTML 規(guī)范之間的“可感知的差異”: WHATWG、W3C的 HTML5.0 和W3C的 HTML5.1 。可能是有點(diǎn)過(guò)于技術(shù)性,但你也許可以在這里找到一些有趣的新東西。
6. The Elements of HTML
一個(gè)很好的全面的 HTML 和 XHTML 元素的單頁(yè)圖表,用來(lái)說(shuō)明各個(gè)元素屬于哪個(gè)規(guī)范。這看起來(lái)對(duì)做研究真是好,如果元素已過(guò)時(shí)或在 HTML5 中已過(guò)時(shí)。
7. JavaScript Equality Table
一個(gè)很不錯(cuò)的3層的圖表,幫助您了解 JavaScript 的 == 和===操作符。結(jié)論是應(yīng)該使用===操作符,除非你完全明白==發(fā)生了轉(zhuǎn)換。
8. Web Accessibility Checklist
一個(gè)有用的,但不是壓倒性的參考,以幫助您檢查過(guò)各種元素在你的項(xiàng)目中的可訪問(wèn)性。很多,這是非常簡(jiǎn)單的,除了做輔助驗(yàn)證已。
9. Static Web Apps — A Field Guide
根據(jù)介紹:“本指南將為您介紹的靜態(tài) Web 應(yīng)用程序世界,并提供解決方案,同時(shí)建立他們遇到的共同挑戰(zhàn)。
10. Learn regular expressions in about 55 minutes
豐富的文檔和教程,介紹正則表達(dá)式。它所宣稱的55分鐘或者更長(zhǎng)的時(shí)間才能真正得到的東西,但絕對(duì)值得一試。
11. Open Web CSS Reference
這是一個(gè)非常全面的,鮮為人知的 CSS 屬性和功能的參考。按字母順序排列,包括鏈接到規(guī)范頁(yè)面。
12. CSS Values
這是一個(gè)簡(jiǎn)單的方法來(lái)查找一個(gè) CSS 屬性并快速查看可能的值。例如,如果你忘了什么樣的價(jià)值觀是可以接受的,如字體變形。除了值,最新的更新包括瀏覽器支持的每個(gè)屬性的圖表。
13. ES6features
由微軟的開發(fā)者盧克霍本整理的東西,ECMAScript6 規(guī)范的概述。對(duì)于前端開發(fā)人員,這將是有益的,開始逐漸熟悉這個(gè)東西。
14. Relevant Spec Links
我經(jīng)常很難找到在規(guī)范的引用的一些正確的地方。這是一個(gè)很好的簡(jiǎn)要,總結(jié)從 Mozilla 獲取的你需要知道的有關(guān)規(guī)范的鏈接。
15. OverAPI.com
史上最全的開發(fā)人員在線速查手冊(cè)!這個(gè)網(wǎng)站收集了眾多對(duì)開發(fā)人員非常有用的手冊(cè),記得分享和推薦一下哦。
16. JavaScript: The Right Way
一個(gè) JavaScript 指南,旨在引領(lǐng)入門人員,并幫助有經(jīng)驗(yàn)的人到 JavaScript 的最佳實(shí)踐。
17. The HTML5 JavaScript API Index
一個(gè)真正全方位一站式的地方尋找 HTML5 API 的信息。很容易使用3窗格視圖導(dǎo)航“自動(dòng)從 HTML5 規(guī)范文件生成” 。
18. Zeal
19. The Ultimate Flexbox Cheat Sheet
20. jsCode
您可能感興趣的相關(guān)文章
本文鏈接:推薦20個(gè)很有幫助的 Web 前端開發(fā)教程和文檔
編譯來(lái)源:夢(mèng)想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁(yè)設(shè)計(jì)資源
作者:山邊小溪
主站:yyyweb.com 記住啦:)
歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處。






















浙公網(wǎng)安備 33010602011771號(hào)