一、團隊構造
| 網站 | 申明 |
|---|---|
| 騰訊 AlloyTeam 團隊 | 騰訊Web前端團隊，代表作品WebQQ，努力於前端手藝的研討 |
| ISUX | 騰訊交際用戶體驗設想，簡稱ISUX，騰訊設想團隊網站 |
| CDC | 騰訊用戶研討與體驗設想部 |
| FEX | 百度Web前端研發部出品 |
| 淘寶前端團隊（FED） | 用手藝為體驗供應無窮能夠 |
| 凹凸實驗室 | 京東用戶體驗設想部出品 |
| 奇舞團 | 奇虎360旗下前端開闢團隊出品 |
| 阿里巴巴國際UED團隊 | 在更新的屏幕里創造出更好的產物和更優的體驗 |
| EFE | 由百度多個遵照一致手藝體系的前端團隊所構成 |
| UXC | 覆蓋了百度85%以上的產物體驗設想 |
二、開闢社區
| 網站 | 申明 |
|---|---|
| StackOverflow | 到場世界上最大的開闢者社區 |
| SegmentFault | 中文範疇最大的手藝問答交換社區平台 |
| 知乎 | 中文互聯網最大的學問分享和交際平台 |
| 開源中國 | 現在國內最大的開源手藝社區 |
| w3ctech | 中國最大的前端手藝社區 |
| 掘金 | 一個協助開闢者生長的社區 |
| V2EX | 創意事情者們的社區 |
| 博客園 | 一個面向開闢者的學問分享社區 |
| CNode | 國內最大最具影響力的 Node.js 開源手藝社區 |
| Ruby China | 由浩瀚愛好者配合保護的 Ruby 中文社區 |
三、前端流派
| 網站 | 申明 |
|---|---|
| 前端網 | 一個專註於Web前端開闢行業的綜合性流派網站 |
| 大前端 | 一個集前端開闢和Wordpress內容為一體的雙軌自力網站 |
四、前端大牛
| 網站 | 申明 |
|---|---|
| AlloyTeam | 騰訊Web前端團隊 |
| taobaofed | 淘寶前端團隊（FED） |
| alinode團隊博客 | 基於 Node 運行時的運用機能治理處理計劃 |
| 鑫空間-鑫生涯 | 張鑫旭,上海閱文信息手藝有限公司用戶體驗設想師 |
| 廖雪峰的官方網站 | 廖雪峰，著有《Spring 2.0中心手藝與最好實踐》一書。 |
| 阮一峰的個人網站 | 阮一峰,2014年出書《ECMAScript 6入門》 |
| JavaScript 隱秘花圃 | 三生石上 |
| 囧克斯 | 勾三股四 |
| w3cplus | 大漠，就任淘寶，CSS3、CSS處理器和Drupal中國佈道者。2014年出書《圖解CSS3：中心手藝與案例實戰》。 |
| 酷 殼 – COOLSHELL | 陳皓，就任閱歷Amazon中國任研發司理；阿里北京研發中間、商家業務部資深專家；阿里中心體系和阿里雲ECS相干的假造化平台的開闢事情。 |
| html5ify | 朴靈，阿里數據產物部資深工程師。努力前端、數據可視化、Node等範疇 |
| Ruby’s Louvre | 鍾欽成,網名司徒正美,有名的JavaScript專家,去哪兒網前端架構師 |
| CSS叢林 | GhostZhang,微信付出設想中間，擔任重構前端團隊的治理事情。 |
| 99css | ytzong,就任閱歷139 郵箱前端工程師；騰訊 ISUX 前端工程師； iOS 自力開闢者 |
| [米隨隨] s5s5 | 劉小超，如今就任於 Tencent ISUX ，崗亭 UI Engineer，主要處置UI開闢方面事情。 |
| 小鬍子哥的個人網站 | Barret李靖，阿里巴巴職員 |
| Jerry Qu | 屈光宇，奇虎 360，前端開闢 |
| EVILCOS | 餘弦，曉得創宇 |
| WEB前端開闢 | 愚人船埠，內容涵蓋Web前端開闢原創教程、手藝中文文檔、前端東西、資本分享、疑難解答、最新手藝、僱用信息等 |
| 伯樂在線 | 黃餘糧，黃利民 |
| Aimingoo’s Blog | 周愛民，一位順序員、架構師，就任物聯網公司（ruff.io） |
| justjavac(迷渡) | justjavac，天津維基科技有限公司研發工程師 |
| Be For Web | C7210，交互設想師、UX酷愛者、譯者 |
| Alon’s Blog | Alon Zhang，互聯網資訊博主 |
| I’m qiqiboy! | qiqiboy，wordpress開闢、web前端 |
五、活潑微博
| 網站 | 申明 |
|---|---|
| 掘金手藝社區 | 發掘最優良的互聯網手藝 |
| w3c中國 | 萬維網同盟中國辦事處官方微博 |
六、書本引薦
| 書本 | 作者 | 譯者 |
|---|---|---|
| 《Web規範設想》 | 劉傑（嗷嗷） | |
| 《大巧不工 Web前端設想修鍊之道》 | 賴定清 / 林堅 | |
| 《高機能網站建立指南 前端工程師妙技精華》 | Steve Souders | 劉彥博 |
| 《高機能網站建立進階指南 Web開闢者機能優化最好實踐》 | Steve Souders | 口碑網前端團隊 |
| 《Web站點優化》 | 金 | |
| 《Node.js開闢指南》 | 郭家寶（BYVoid） | |
| 《JavaScript高等順序設想（第3版）》 | [美] 尼古拉斯·澤卡斯 | 李松峰 / 曹力 |
| 《JavaScript威望指南》 | 弗拉納根 | 李強 |
| 《JavaScript言語精鍊》 | Douglas Crockford | 趙澤欣/ 鄢學鵾 |
| 《深切淺出Node.js》 | 朴靈 | |
| 《CSS開闢王》 | 張亞飛 | |
| 《JavaScript DOM編程藝術 （第2版）》 | [英] Jeremy Keith / [加] Jeffrey Sambells | 楊濤 / 王建橋 / 楊曉雲 等 |
七、前端教程
| 網站 | 申明 |
|---|---|
| W3C中國 | Web手藝範疇最具威望和影響力的國際中立性手藝規範機構 |
| MDN Web 文檔 | 進修 Web 開闢的最好實踐 |
| w3cschool | 學編程，從w3cschool最先 |
| Microsoft Web 開闢 | Developer Network |
八、HTML(5)
| 網站 | 申明 |
|---|---|
| HTML(超文本標記言語)MDN | MDN Web 文檔 |
| 后HTML5時期Ⅰ | TGideas 萬技師 |
| 后HTML5時期Ⅱ | TGideas 鬼爪手 |
| HTML5 進階系列 | 愛前端 林鑫 |
| 匠心打造canvas署名組件 | 翟燦東，網名路易斯，安然康健前端工程師。 |
| HTML5 有哪些讓你冷艷的 demo？ | 知乎 關注者 8K |
| 一隻會飛的魚 | 每周一點canvas動畫 |
九、CSS(3)
| 網站 | 申明 |
|---|---|
| CSS Reference | 從基本學問中進修CSS的統統主要屬性 |
| You Don’t Know CSS | 楊健 |
| 壯大的css3 | Wayne Zhu |
| 深切相識 CSS3 新特徵 | 周 翔 |
| Flex 規劃教程：語法篇 | 阮一峰 |
| Flex 規劃教程：實例篇 | 阮一峰 |
| 怎樣編寫輕量級 CSS 框架 | 敘帝利 |
| CSS 專業技能 | 一個幫你提拔 CSS 技能的珍藏集 |
| CSS3手藝-雪碧圖自適應縮放與精靈動畫計劃 | 慕課網 艾倫 Aaron |
| 搞定這些疑難雜症，向css3動畫說yes | IMWeb 結一 |
| Effective前端1：能運用html/css處理的題目就不要運用JS | 會編程的銀豬 |
| 前端怎樣呼風喚雨 | IMWeb coverguo |
| 默許的checkbox、input、radio太丑了？我來教你轉變運用純css3改寫的帶動畫的默許款式 | 掘金 sunshine小小倩 |
| CSS機能剖析，怎樣優化CSS進步機能 | 博客園 樓蘭小騎士 |
| CSS 黑魔法小技能，讓你少寫不必要的JS，代碼更文雅 | 思否 微醺光陰 |
| CSS-Tricks | The Shapes of CSS |
十、ECMAScript
| 網站 | 申明 |
|---|---|
| Understanding ECMAScript 6 | Nicholas C. Zakas |
| 探究 ES6 | 翻譯自《 Exploring ES6 》 |
| ECMAScript 6 入門 | 阮一峰 |
| ES5合集 | 顏海鏡 |
| ES6 你能夠不曉得的事 – 基本篇 | 化辰，淘寶前端團隊（FED） |
| ES6 你能夠不曉得的事 – 進階篇 | 化辰，淘寶前端團隊（FED） |
十一、JavaScript
| 網站 | 申明 |
|---|---|
| JavaScript 規範參考教程（alpha） | 阮一峰 |
| JavaScript 隱秘花圃 | 三生石上 中文翻譯 |
| JavaScript Promise迷你書（中文版） | 原著：azu / 翻譯：liubin、kaku、honnkyou |
| JS 函數式編程指南 | Linghao Li |
| JavaScript 闖關記 | stone0090 |
十二、jQuery
| 網站 | 申明 |
|---|---|
| 進修jQuery | Learning Center |
| jQuery API 中文文檔 | 官方 |
| jQuery API中文文檔 | 愚人船埠 |
| jQuery UI API中文文檔 | 愚人船埠 |
| jQuery中文手冊 | hemin |
| YOU MIGHT NOT NEED JQUERY | 你能夠不須要JQUERY |
十三、Vue.js
| 網站 | 申明 |
|---|---|
| Vue.js | 官方網站 |
| vuejs | 官方堆棧 |
| Vue 專業中文社區 | 環球最大的 Vueframework 中文開源手藝社區 |
| vuefe.cn | Vue.js 中文文檔 |
| Vue Forum | Vue 論壇 |
| Vue Land | Vue 聊天室 |
| vue-devtools | 用於調試Vue.js運用順序的瀏覽器devtools擴大 |
| Vue Loader | 一個 webpack 的 loader |
| vue-router | 官方路由 |
| Vuex | 狀況治理模式 |
| Vue 效勞端襯着 | Vue.js 效勞器端襯着指南 |
| Vue package | Find the best packages for your Vue app! |
| awesome-vue | Awesome Vue.js |
| Element | 一套為開闢者、設想師和產物司理預備的基於 Vue 2.0 的桌面端組件庫 |
| iView | 一套基於 Vue.js 的高質量 UI 組件庫 |
| Vue + webpack 項目實踐 | 勾三股四 |
| vue 機能優化 | 島書,Coffcer |
十四、AngularJS
| 網站 | 申明 |
|---|---|
| Angular 中文版 | 官方網站 |
| AngularJS入門教程 | 嚴清 , 李詩劍 (譯者) |
| AngularJS在線教程 | 喬樂同享 |
| AngularJS進修筆記 | 鄒業盛 |
| Angularlearning | Angular.js 的一些進修資本 |
| UI Bootstrap | Bootstrap components written in pureAngularJSby theAngularUI Team |
| AngularStrap | AngularJS 1.2+ native directives for Bootstrap 3 |
| AngularLearning | dolymood |
十五、React
| 網站 | 申明 |
|---|---|
| React | 官方網站 |
| React 中文索引 | Made by 題恭弘=叶 恭弘 & Feifei Hang |
| React China | React 中文的論壇 |
| React 入門實例教程 | 阮一峰 |
| React Router 運用教程 | 阮一峰 |
| React Native 中文版 | 極客學院 |
| React.JS教程 | PHPERZ |
| React.js 2016 最好實踐 | 騰訊全端 AlloyTeam 團隊 Blog |
| React 導讀 | 小擼,國雙科技 |
| Redux 中文文檔 | 收到 Redux 作者 Dan 的屢次點贊 |
| React Router 中文文檔 | 官方文檔中文翻譯 |
| React 引見及實踐教程 | 董越 和 徐新茹 |
| React 設想頭腦 | React 中心開闢者、有 React API 終結者之稱的 Sebastian Markbåge 撰寫 |
| React Webpack 小書 | 作者 Christian Alfoni and Juho Vepsäläinen 中文譯者 Fakefish |
| Material-UI | React 前端 UI 庫 |
| Amaze UI React | 基於 React.js 開闢的 Web 組件庫 |
| dva | 基於 redux、redux-saga 和 react-router 的輕量級前端框架 |
| Ant Motion | 能夠疾速在 React 框架中運用動畫 |
十六、Node.js
| 網站 | 申明 |
|---|---|
| NODESCHOOL | 教你 Web 開闢妙技的開源課程，自學或許列入一個四周的教授教養運動 |
| Node入門 | 作者： Manuel Kiessling 翻譯： goddyzhao & GrayZhang & MondayChen |
| 七天學會NodeJS | Alibaba.com |
| Node.js 包教不包會 | alsotang |
| 從零最先nodejs系列文章 | 粉絲日記 |
| NodeJS的代碼調試和機能調優 | 小鬍子哥 |
| Express | 基於 Node.js 平台，疾速、開放、極簡的 web 開闢框架 |
| Express框架 | 阮一峰 |
| Koa 框架 | 阮一峰 |
| Koa | Koajs 中文文檔 |
十七、RequireJS
| 網站 | 申明 |
|---|---|
| Javascript模塊化編程 | 阮一峰 |
| RequireJS進修 | 恭弘=叶 恭弘小釵 |
| RequireJS入門 | Snandy |
| RequireJS 入門指南 | 介入翻譯 NCThinker, 姜鵬飛, super0555 |
十八、Sass和Less
| 網站 | 申明 |
|---|---|
| Sass中文網 | 世界上最成熟、最穩固、最壯大的專業級CSS擴大言語 |
| SASS中文文檔 | Sass 是成熟、穩固、壯大的 CSS 擴大言語 |
| SASS用法指南 | 阮一峰 |
| Sass入門 | 大漠 |
| Less中文文檔 | 給 CSS 加點料 |
十九、Webpack
| 網站 | 申明 |
|---|---|
| webpack | 官方網站 |
| webpack 中文 | 中文官網 |
| webpack | github |
| webpack-demos | 阮一峰 |
二十、Markdown
| 網站 | 申明 |
|---|---|
| Markdown 語法申明 (簡體中文版) | riku |
| Markdown 入門參考 | LearnShare |
| GitBook | 協助團隊在線撰寫，協作和宣布內容 |
| Cmd Markdown | Cmd Markdown 編輯瀏覽器 |
| StackEdit | 瀏覽器中的Markdown編輯器 |
| Mditor | 一款輕量級的markdown編輯器 |
二十一、Git和GitHub
| 網站 | 申明 |
|---|---|
| Git-Book | 官方文檔 |
| git – 簡明指南 | 羅傑·杜德勒 |
| 猴子都能曉得GIT入門 | backlog |
| 廖雪峰的官方網站 Git教程 | 廖雪峰 |
| Learn Git Branching | 經由過程一系列刺激的關卡應戰，逐漸深切的進修 Git 的壯大功用 |
| Git事情流指南 | 李鼎(哲良),taobao |
| 有關 git 的進修材料 | xirong,alibaba |
| GitHub 遨遊指南 | Phodal Huang,黃峰達,ThoughtWorks 高等諮詢師 |
| GitHub秘笈 | Star 24.8k Fork 3.8k |
二十二、Github大牛
| 網站 | 申明 |
|---|---|
| AlloyTeam | 騰訊 AlloyTeam |
| fex-team | Baidu FEX team |
| tmallfe | 天貓前端團隊 |
| nzakas | 尼古拉斯·澤卡斯 Nicholas C. Zakas，雅虎首頁的前端手藝主管， YUI 庫的貢獻者，現在在 Box 公司任職 |
| tj | TJ Holowaychuk，Koa、Co、Express、jade、mocha、node-canvas、commander.js等着名開源項目的建立和貢獻者 |
| JacksonTian | 朴靈(田永強)，就任阿里巴巴數據平台，Node.js佈道者 |
| lifesinger | 玉伯，付出寶前端，seajs作者 |
| jobbole | 伯樂在線 |
| paulirish | Google Chrome |
| kejun | Douban Inc |
| fengmk2 | fengmk2，Alipay |
| fool2fish | Zhouxuan Yang，Alipay |
| jayli | Taobao |
二十三、框架類庫
| 網站 | 申明 |
|---|---|
| WeUI | 微信官方設想團隊為微信 Web 開闢量身設想 |
| ZUI | 一個基於 Bootstrap 深度定製開源前端實踐計劃，協助你疾速構建當代跨屏運用。 |
| MZUI | 為挪動端設想，基於 Flex 的 UI 框架 |
| SUI Mobile | 阿里他她，一套基於 Framework7 開闢的UI庫 |
| KISSY | 一款跨終端、模塊化、高機能、運用簡樸的 JavaScript 框架 |
| nice validator | 搶先的表單考證處理計劃 |
| Underscore.js | 一整套函數式編程的實用功用 |
| Lodash | 經由過程處理數組，数字，對象，字符串等題目，讓JavaScript變得更輕鬆。 |
| Metro UI CSS | 一個 BizSpark Startup |
| Kite CSS | 一個天真的規劃助手 |
| Creative Link Effects | 創意鏈接或菜單項結果 |
| JAVASCRIPTING | 最優的javascript庫、框架和插件。 |
| Microjs | 奇異的微型框架 |
二十四、動畫
| 網站 | 申明 |
|---|---|
| Animate.css | 一個跨瀏覽器的CSS動畫庫 |
| Bounce.js | 觸摸庫 CSS3關鍵幀動畫 |
| Waves.js | 點擊按鈕或背景動畫 |
| 緩動函數 | 指定動畫結果在實行時的速率，使其看起來越發實在 |
二十五、挪動端
| 網站 | 申明 |
|---|---|
| 騰訊挪動Web前端學問庫 | Mars – mobile needs a hero |
| Mobi Tips | TGideas |
| mobileTech | jtyjty99999-Alibaba，網絡挪動端開闢所須要的一些資本與小技能 |
| 無線Web開闢經驗談 | 付出寶 |
| Mobile Web Favorites | hoosin |
| 挪動web資本整頓 | 白樹，就任微信付出，擔任挪動端產物，善於小順序、H5前端開闢 |
| Zepto.js API 中文版 | 愚人船埠,一些可選功用是特地針對挪動端瀏覽器的 |
| Framework7 | 阿里他她，特徵的HTML框架 能夠建立優美的iOS運用 |
| SUI Mobile | 阿里他她，一套基於 Framework7 開闢的UI庫 |
| Swiper | 開源、免費、壯大的挪動端觸摸滑動插件 |
二十六、開闢平台
| 網站 | 簡介 |
|---|---|
| JSFiddle | 一款在線的代碼編輯器,經由過程盛行的JS框架建立自定義的環境,以簡化JS代碼 |
| JSBin | Collaborative JavaScript Debugging |
| BabelJS | 一個 JavaScript 編譯器 |
| RunJS | 在線編輯、展現、分享、交換你的 JavaScript 代碼 |
| JSDM | 一個WEB前端在線編輯器，可同時編輯HTML、CSS、JAVASCRIPT代碼，並立即預覽！ |
| CodePen | 面向前端設想職員和開闢職員的交際開闢環境 |
| IDeone | 一個在線編譯器和調試東西，它許可您編譯源代碼並在線實行凌駕60種編程言語 |
| HCODE | 一個在線代碼測試、託管、分享的東西，輕易與他人一同調試、分享代碼，具有代碼高亮、一鍵代碼格式化、知心的快捷鍵等功用。 |
| Thimble | 一個在線代碼編輯器，用它能夠很輕鬆地建立和宣布一個您本身的網頁，統統伴隨着 HTML、CSS 和 JavaScript。 |
二十七、在線東西
| 網站 | 簡介 |
|---|---|
| CanIUse | 檢察瀏覽器版本對HTML5和CSS3的支撐狀況 |
| ECMAScript 6 compatibility table | ECMAScript 6兼容性表 |
| CSS Validation Service | W3C CSS 考證效勞 |
| BROWSERHACKS | browser specific CSS and JavaScript hacks |
二十八、正則表達式
| 網站 | 簡介 |
|---|---|
| 正則表達式 MDN | MDN Web 文檔 |
| RegExp對象 | 阮一峰 |
| 正則的擴大 | 阮一峰 |
| 進階正則表達式 | 小鬍子哥 ( Barret Lee ) |
| 正則表達式30分鐘入門教程 | deerchao |
| 正則表達式前端運用手冊 | 路易斯 |
| JS正則表達式元字符 | 思否 小弟調調 |
二十九、CDN
| 網站 | 簡介 |
|---|---|
| 百度靜態資本大眾庫 | 穩固，疾速，周全，開源的國內CDN加快效勞。 |
| 360網站衛士經常使用前端大眾庫CDN效勞 | 經常使用前端大眾庫以及調和運用Google大眾庫&字體庫的挪用要領 |
| 前端庫CDN效勞 | 微信，主要包含一些經常使用的 JS 庫，CSS庫，以至是SWF文件。 |
| BootCDN | Bootstrap 中文網支撐並保護的前端開源項目免費 CDN 效勞 |
| TAONPM | 淘寶 NPM 鏡像,能夠用此替代官方版本(只讀) |
| Staticfile CDN | 免費、疾速、開放的 CDN 效勞 |
| jQuery CDN | 最新的穩固版本 |
三十、API
| 網站 | 簡介 |
|---|---|
| OverAPI.com | Collecting All Cheat Sheets |
| 經常使用API文檔索引 | 開源中國社區 在線API文檔 |
瀏覽更多
本文在GitHub的地點GitHub Front-end-resources
