一、團隊組織

網站	說明
騰訊Web前端團隊，代表作品WebQQ，致力於前端技術的研究
ISUX	騰訊社交使用者體驗設計，簡稱ISUX，騰訊設計團隊網站
CDC	騰訊使用者研究與體驗設計部
FEX	百度Web前端研發部出品
凹凸實驗室	京東使用者體驗設計部出品
奇舞團	奇虎360旗下前端開發團隊出品
在更新的螢幕裡創造出更好的產品和更優的體驗
EFE	由百度多個遵循統一技術體系的前端團隊所組成
UXC	覆蓋了百度85%以上的產品體驗設計

二、開發社群

網站	說明
知乎	中文網際網路最大的知識分享和社交平臺
開源中國	目前國內最大的開源技術社群
中國最大的前端技術社群
掘金	一個幫助開發者成長的社群
V2EX	創意工作者們的社群
部落格園	一個面向開發者的知識分享社群
CNode	國內最大最具影響力的 Node.js 開源技術社群
由眾多愛好者共同維護的 Ruby 中文社群

三、前端門戶

網站	說明
前端網	一個專注於Web前端開發行業的綜合性入口網站
大前端	一個集前端開發和Wordpress內容為一體的雙軌獨立網站

四、前端大牛

網站	說明
基於 Node 執行時的應用效能管理解決方案
張鑫旭,上海閱文資訊科技有限公司使用者體驗設計師
廖雪峰，著有《Spring 2.0核心技術與最佳實踐》一書。
阮一峰,2014年出版《ECMAScript 6入門》
囧克斯	勾三股四
大漠，就職淘寶，CSS3、CSS處理器和Drupal中國佈道者。2014年出版《圖解CSS3：核心技術與案例實戰》。
陳皓，就職經歷Amazon中國任研發經理；阿里北京研發中心、商家業務部資深專家；阿里核心系統和阿里雲ECS相關的虛擬化平臺的開發工作。
樸靈，阿里資料產品部資深工程師。致力前端、資料視覺化、Node等領域
鍾欽成,網名司徒正美,著名的JavaScript專家,去哪兒網前端架構師
CSS森林	GhostZhang,微信支付設計中心，負責重構前端團隊的管理工作。
99css	ytzong,就職經歷139 郵箱前端工程師；騰訊 ISUX 前端工程師； iOS 獨立開發者
劉小超，現在就職於 Tencent ISUX ，崗位 UI Engineer，主要從事UI開發方面工作。
Barret李靖，阿里巴巴職員
屈光宇，奇虎 360，前端開發
愚人碼頭，內容涵蓋Web前端開發原創教程、技術中文文件、前端工具、資源分享、疑難解答、最新技術、招聘資訊等
伯樂線上	黃餘糧 ，黃利民
周愛民，一名程式設計師、架構師，就職物聯網公司（ruff.io）
justjavac，天津維基科技有限公司研發工程師
C7210，互動設計師、UX熱愛者、譯者
Alon Zhang，網際網路資訊博主
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技術領域最具權威和影響力的國際中立性技術標準機構
學習 Web 開發的最佳實踐
學程式設計，從w3cschool開始

八、HTML(5)

九、CSS(3)

十、ECMAScript

十一、JavaScript

十二、jQuery

十三、Vue.js

網站	說明
vuejs	官方倉庫
全球最大的 Vueframework 中文開源技術社群
用於除錯Vue.js應用程式的瀏覽器devtools擴充套件
一個 webpack 的 loader
Vuex	狀態管理模式
Vue.js 伺服器端渲染指南
Find the best packages for your Vue app!
一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端元件庫
iView	一套基於 Vue.js 的高質量 UI 元件庫

十四、AngularJS

十五、React

網站	說明
React	官方網站
Made by 題葉 & Feifei Hang
收到 Redux 作者 Dan 的多次點贊
React 核心開發者、有 React API 終結者之稱的 Sebastian Markbåge 撰寫
作者 Christian Alfoni and Juho Vepsäläinen 中文譯者 Fakefish
基於 React.js 開發的 Web 元件庫
dva	基於 redux、redux-saga 和 react-router 的輕量級前端框架
能夠快速在 React 框架中使用動畫

十六、Node.js

網站	說明
教你 Web 開發技能的開源課程，自學或者參加一個附近的教學活動
作者： Manuel Kiessling 翻譯： goddyzhao & GrayZhang & MondayChen
基於 Node.js 平臺，快速、開放、極簡的 web 開發框架
Koa 框架	阮一峰
Koa	Koajs 中文文件

十七、RequireJS

十八、Sass和Less

網站	說明
世界上最成熟、最穩定、最強大的專業級CSS擴充套件語言
Sass 是成熟、穩定、強大的 CSS 擴充套件語言

十九、Webpack

二十、Markdown

二十一、Git和GitHub

二十二、Github大牛

網站	說明
Baidu FEX team
尼古拉斯·澤卡斯 Nicholas C. Zakas，雅虎首頁的前端技術主管， YUI 庫的貢獻者，目前在 Box 公司任職
tj	TJ Holowaychuk，Koa、Co、Express、jade、mocha、node-canvas、commander.js等知名開源專案的建立和貢獻者
樸靈(田永強)，就職阿里巴巴資料平臺，Node.js佈道者
玉伯，支付寶前端，seajs作者
kejun	Douban Inc
fengmk2，Alipay
Zhouxuan Yang，Alipay
jayli	Taobao

二十三、框架類庫

網站	說明
WeUI	微信官方設計團隊為微信 Web 開發量身設計
ZUI	一個基於 Bootstrap 深度定製開源前端實踐方案，幫助你快速構建現代跨屏應用。
MZUI	為移動端設計，基於 Flex 的 UI 框架
阿里他她，一套基於 Framework7 開發的UI庫
KISSY	一款跨終端、模組化、高效能、使用簡單的 JavaScript 框架
通過解決陣列，數字，物件，字串等問題，讓JavaScript變得更輕鬆。
一個 BizSpark Startup
最優的javascript庫、框架和外掛。

二十四、動畫

網站	說明
緩動函式	指定動畫效果在執行時的速度，使其看起來更加真實

二十五、移動端

網站	說明
Mars - mobile needs a hero
jtyjty99999-Alibaba，收集移動端開發所需要的一些資源與小技巧
白樹，就職微信支付，負責移動端產品，擅長小程式、H5前端開發
愚人碼頭,一些可選功能是專門針對移動端瀏覽器的
阿里他她，特色的HTML框架 可以建立精美的iOS應用
阿里他她，一套基於 Framework7 開發的UI庫
開源、免費、強大的移動端觸控滑動外掛

二十六、開發平臺

網站	簡介
一款線上的程式碼編輯器,通過流行的JS框架建立自定義的環境,以簡化JS程式碼
JSBin	Collaborative JavaScript Debugging
一個 JavaScript 編譯器
RunJS	線上編輯、展示、分享、交流你的 JavaScript 程式碼
JSDM	一個WEB前端線上編輯器，可同時編輯HTML、CSS、JAVASCRIPT程式碼，並即時預覽！
面向前端設計人員和開發人員的社交開發環境
一個線上編譯器和除錯工具，它允許您編譯原始碼並在線執行超過60種程式語言
HCODE	一個線上程式碼測試、託管、分享的工具，方便與別人一起除錯、分享程式碼，具有程式碼高亮、一鍵程式碼格式化、貼心的快捷鍵等功能。
一個線上程式碼編輯器，用它可以很輕鬆地建立和釋出一個您自己的網頁，一切伴隨著 HTML、CSS 和 JavaScript。

二十七、線上工具

相關推薦