是時候重新學習了！和以前一樣，我收集了很多不同的學習資源，包括學習指南，學習文檔，和其他有用的網站來幫助你在前端開發(fā)的不同領域里快速地進入狀態(tài)。
所以請盡情享受我們的文檔和指南系列的第九部分，并且不要忘了在評論區(qū)讓我知道任何我沒有找到的。
鏈接：http://standardjs.com
JavaScript標準樣式并不是一個主要的學習指南,但是它是一個模式,根據(jù)這個模式你可以安裝和運行JavaScript，并且可以通過命令行來測試你的JavaScript代碼，而不是一系列JavaScript語法的規(guī)則。它也被用作一個文本編輯器的插件。作為一份指南，你也可以看看Rules breakdown，這對于初學者和其他人來說是培養(yǎng)一些基本的JavaScript意識練習的最好方法。
鏈接：https://angular.io/docs/ts/latest/guide/webpack.html
“Webpack是一款流行的模塊打包工具，它能在語塊里很方便地打包應用的代碼資源，并且它能從一個服務器里把代碼加載到一個瀏覽器里?！边@份指南在Angular的官網上有，這份指南已經準備好在Angular2應用里使用Webpack。
鏈接：https://thepaciellogroup.github.io/AT-browser-tests/
“HTML元素是如何被屏幕閱讀器所支持的?！痹赪indows10操作系統(tǒng)上的Firefox瀏覽器里,在VoiceOver上的Firefox瀏覽器里和在OSX操作系統(tǒng)上的Safari9瀏覽器上,和在Windows8.1操作系統(tǒng)上的NVDA和Firefox瀏覽器里是由四個表格組成的數(shù)據(jù)來覆蓋JAWS的, 還有更多的測試。
JAWS介紹鏈接地址:
http://wenku.baidu.com/view/18d8337a1711cc7931b716d4.html
VoiceOver介紹鏈接地址:
http://baike.sogou.com/v7818959.htm?fromTitle=voiceover
OSX介紹鏈接地址:
http://baike.sogou.com/v286354.htm?fromTitle=OSX
NVDA介紹鏈接地址:
http://blog.sina.com.cn/s/blog_bdda07c4010197aq.html
鏈接：https://www.supremo.tv/typeterms/
Type Terms工具對設計者的有用程度遠大于開發(fā)者，但是它對于那些想更加熟悉排版術語的人來說，是為他們精心設計的和有用的交互工具。它是Supremo(蘇帕摩)的民間機構，一個曼徹斯特的設計機構開發(fā)出來的。
鏈接：http://email-toolbox.com/
它是大量的鏈接資源，主要聚焦在設計和編寫HTML郵件代碼上。這些資源都在不同的分類下，包括人們應遵循的，課程，可讀的博客文章，工具和郵件服務提供者(商)。
鏈接：https://kyusuf.com/post/almost-complete-guide-to-flexbox-without-flexbox
這里有很多不同的伸縮布局盒指南和工具，但是他們有一些不同。這份指南將向你展示在你的布局里如何使用傳統(tǒng)的方法來達到和伸縮布局盒一樣的效果。很高興能看到它們在這樣一個帖子里，并且還有代碼示例。
鏈接：https://github.com/toddmotto/angular-styleguide
這是由Todd Motto寫的一份”針對團隊的Angular樣式指南”,他是一名Telerik倡導開發(fā)人員。Todd也在Angular JS開發(fā)網站上提供課程。這份樣式指南”已經為ES2015從頭到腳重新寫了一遍,內容變化的是在Angular1.5以上版本在未來升級你的應用到Angular2。”
Telerik的介紹鏈接地址: http://bbs.51aspx.com/showtopic-44305.html
鏈接：http://www.csspurge.com/
這個網站可以給你一些流行網站和框架排名的有效統(tǒng)計數(shù)據(jù)，可維持的CSS.它可以展現(xiàn)CSS文件大小的數(shù)據(jù),具體的排名,和使用的CSS屬性。
鏈接：https://chromium.googlesource.com/chromium/blink/ /master/Source/core/css/html.css
?。ㄐ枳詡鋲μ莶拍艽蜷_鏈接）
歸功于Umar Hansa在推特上寫的博客文章。這是Chrome瀏覽器使用的核心CSS文件,該核心CSS文件用來為HTML元素提供以西基本默認的樣式。有興趣可以快速瀏覽,因為它確實有一些奇怪。
鏈接：http://gethead.info/
“列出了在你的文檔里的<head>標簽元素里有很多的可以執(zhí)行的東西?！蔽蚁矚g這個，因為它不僅列出了標準的元素，同時也列出了我們能看見的很多特定的東西，但是對于這些特定的東西我們也許并不完全理解。
鏈接：http://greim.github.io/gen/dist/00-intro.html
這是一份由Greg Reimer所寫的，覆蓋了ES6 Generators的有著八個部分的教程?！痹谌缃竦腏avaScript中Generators是一個最被忽視的功能。我認為這是因為generators僅僅是由generators和iterators組成的一個兩部分整體的一半。而且知道如果只學習其中一個而不學其他的,則就像是在畫一幅不完整的畫。至少對于我本人來說,啊哈!那個時刻沒有到來知道我縮小范圍并且從整體上看iterators和generators?！?/p>
鏈接：http://node.green/
從技術上說，這是后端，但是它和JavaScript開發(fā)者息息相關。這里有為ES2015準備的兼容的表格集合，但是它只能在Node.js上應用。
鏈接：http://www.html5accessibility.com/
我在之前一個帖子里已經貼了這個，但是它被重新設計了，而且重新設計后的看上去很棒?！边@個網站測試了在主流的瀏覽器上對HTML5新特性的支持程度。這包括它們是否有鍵入訪問權限，是否允許通過APIs映射到平臺，并且是否任何涉及到新特性的權限功能都被支持?！?/p>
鏈接：http://maintainablecss.com/
“編寫CSS不用再擔心之前存在的樣式會帶來問題。MaintainableCSS是編寫模塊化的,可擴展的和可擴展性的CSS樣式的一種方式。”這是由Adam Silver編寫的有十二個部分的指南。
鏈接：http://jargon.js.org/
最初是由Hugo Giraudel開始的，這是一個社區(qū)驅動的試圖用最少簡單的詞匯來解釋很多時髦的詞匯，來編織當前的JavaScript生態(tài)系統(tǒng)。”這個想法并不是取代個人的文檔，但是可以作為某種形式的術語表，可以被輕松地引用。”
鏈接：http://hackerthemes.com/bootstrap-cheatsheet/
一份Bootstrap 4 的參考手冊,來自HackerThemes網站的Alex。這個網站有一個非常漂亮交互式布局,這個漂亮的交互式布局展示了可被點擊的條目,當該條目被點擊時在該頁面的視口的底端會有代碼片段和代碼效果顯示出來。你也可以在版本4里點擊突出的所有新的東西。
Bootstrap 4的介紹鏈接地址:
http://www.bootcss.com/
鏈接：https://egghead.io/articles/angularjs-core-services-directive-definition-object-and-ui-router-cheat-sheets
“我們創(chuàng)建了一些參考手冊學習指南來幫助你克服最初的AngularJS學習曲線，并且提供給你的日常工作提供一份參考?！卑ㄈ輩⒖际謨?AngularJS Core Services(AngularJS核心服務),AngularJS Directive Definition Object(AngularJS指令定義對象)，和AngularJS ui-router(AngularJS 用戶界面路由)。
鏈接：https://github.com/gaearon/react-makes-you-sad
Dan Abramov為那些在使用React框架時有理解不同概念困難的人而制作的一張流程圖。這張流程圖提供了一些可以做和不可以做的類型的建議，來幫助你簡化事情，這樣你就可以更好地理解這個庫了。
React介紹鏈接地址:
http://www.ruanyifeng.com/blog/2015/03/react.html
鏈接：http://www.flexboxpatterns.com/
“Flexbox很棒，但是引入了很多新的概念，這樣做可能使使用它變得有些困難。這些交互示例將會展示給你很實際的方法，來使用Flexbox構建UI組件。它們以簡單的代碼，而在結尾之前得到更復雜的代碼
Flexbox介紹鏈接地址:
http://www.cnblogs.com/starof/p/4894140.html
鏈接：https://www.hacksplaining.com/
它不僅僅適用于前端開發(fā)者，同時也值得在開發(fā)領域的人進去看一看?！盩he best defense against hackers(對抗黑客最好的防御)是一個見多識廣的開發(fā)團隊。我們交互式的練習將教會你的團隊，關于如今大多數(shù)的常見的安全漏洞。”
原文：https://www.sitepoint.com/20-docs-guides-front-end-developers-9/
譯文：http://www.codeceo.com/article/20-docs-guides-for-web-dev.html
聯(lián)系客服
