20個為前端開發者準備的文件和指南（3）

2016-08-07 分類：WEB開發、程式設計開發、首頁精華0人評論發表於2016-08-07

原文網址 : http://www.codeceo.com/article/20-docs-guides-for-web-dev-3.html

前端

本文由碼農網 – 唐李川原創翻譯，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

我們來到了2015年（譯者注：原文撰寫與2015年2月25日），而且我感肯定你現在有下面兩種感覺的其中一種：

1.你對在這個產業中得花費多少來學習有些不堪重負(Really overwhelmed)

2.渴望獲取到更多的知識,但是等不到別人告訴你接下來該學些什麼。

我假設它綜合了這兩種情緒-第一種產生的原因是我們個人的情感，而第二種焦慮產生就有些不必要了。

所以，為了幫你走出困境，我編譯了另外一些有用的文件，資訊站點和涉及到前端開發不同領域的指南的列表。

1.I want to use

基於的資料和功能都在Can I use網站上列出來了,這個app可以給你選擇很多前端開發功能的能力和獲得全世界使用者看到你選擇的功能的人數的百分比。

2. Regulex(JavaScript正規表示式視覺化工具)

它是一個客戶端工具，一個JavaScript正規表示式視覺化工具，該工具有一個精確的錯誤提示器，來告訴你在你的正規表示式裡有某個語法錯誤。它也提供一種選擇，即通過使用一對iframe標籤來把輸出的結果嵌入到你想要嵌入的地方。

3. Mastering the :nth-child(精通:nth-child)

它是隻有一頁的站點，可以幫助你理解如何使用多種多樣有用但是通常又很複雜的基於nth-child的選擇器組合。

4. HTML5 Video Events and API(HTML5 Video(視訊)事件和API)

“這個頁面演示了HTML5 video的新元素，它的多媒體API，以及多媒體事件。播放、暫停和在整個視訊裡搜尋、調節音量、靜音、調節回放速度(包括設定為負值)。在視訊裡看看效果，看看主要事件的效果和屬性值的變化。”

5. Excess XSS(攻克XSS)

XSS介紹連結地址: http://baike.sogou.com/v625072.htm?fromTitle=xss

它大概就是一個所有開發者都應該熟悉的主題，而且對於瞭解XSS，它上面的內容也許是很好的開始。它是跨站指令碼的綜合性的教程,是一份潛在攻擊型別的手冊，並且提供瞭解決方案來預防這些攻擊。

6. RSCSS

它意味著”合理的CSS 樣式表結構標準”,在為很大的專案編寫Sass/CSS時,它還在備檔一些技巧和技術。

Sass介紹連結地址: http://baike.sogou.com/v73912368.htm?fromTitle=SASs

7. CodeFightClub(程式設計競爭俱樂部)

“它是由Andrew Hathaway建立的一個專案，它的目標是幫助同樣的開發者學習如何盡他們所能來以最好、最有效和最優的方式來編寫他們的程式碼。為了能決定誰的程式碼編寫方式是最好的，使用者可以發表評論，並且可以為他們喜歡的競爭者投票來贏得一場競爭。”這個網站根據程式語言分成了很多類別，但是上面似乎沒有那麼多，然而你可以在網站上新增來使它增多，並且也可以發起一些”程式設計競爭賽”。