前端學習資源

工作幾年下來收集的相關前端學習資料,整理出來供喜愛前端的同學們一同成長!

資源: 

http://www.cnblogs.com/jikey/p/3613082.html 

前端入門教程 

http://pan.baidu.com/share/home?uk=4127504068&view=share
http://pan.baidu.com/share/home?uk=1413169451&view=share 

前端入門視頻 

http://pan.baidu.com/share/home?uk=4127504068 

前端入門資料 

http://www.cnblogs.com/sb19871023/p/3894452.html 

前端知識體系 

 

. API手冊: 

1. API集合 

http://pan.baidu.com/s/1i3gREIh

百度網盤離線衆多chm 

http://api.jq-school.com/ 

在線api大全 

http://s4tar.github.io/2015/01/20/zeal/

[軟件推薦]-離線文檔閱讀器-zeal:類似Mac上的Dash

 

2. Ecmascript 5 

http://es5.github.io/ 

es5 en 

http://www.ibm.com/developerworks/cn/web/wa-ecma262/index.html 

http://yanhaijing.com/es5/ 

ECMA-262,第 5 版 

http://javascript.ruanyifeng.com/ 

http://es6.ruanyifeng.com/ 

ECMAScript 6入門 

 

3. 各開發中心 

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 

mozilla js參考 

https://developer.apple.com/library/safari/navigation 

safari開發中心 

http://developer.chrome.com/extensions/api_index.html 

chrome開發中心(chrome的內核已轉向blink) 

http://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx 

microsoft js參考 

http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html 

http://bonsaiden.github.io/JavaScript-Garden/zh/ 

js祕密花園 

 

4. jQuery 

 http://learn.jquery.com/ 

學習jquery 

http://hemin.cn/jq/ 

Hemin在線版jquery 1.11.0手冊,適合mac用戶 

http://jquery.bootcss.com/ 

jquery 中文api 

http://www.css88.com/jqapi-1.9/on/ 

css88 jq api 

http://devdocs.io/ 

http://api.jq-school.com/ 

http://www.ecma-international.org/ecma-262/5.1/ 

http://css.doyoe.com/ 

http://www.css88.com/jquery-ui-api/ 

jquery ui 1.10 

http://james.padolsey.com/jquery/

jquery 源碼查找

 

5. js template 

https://github.com/aui/artTemplate 

artTemplate -> tmodjs 

https://github.com/aui/tmodjs/blob/master/README.md 

tomdjs 

http://juicer.name/docs/docs_zh_cn.html 

淘寶模板juicer模板 

http://koen301.github.io/fxtpl/ 

Fxtpl v1.0 繁星前端模板引擎 

http://sentsin.com/layui/laytpl/ 

laytpl 

 

6. 彈出 

https://github.com/aui/artDialog 

artDialog 最新版 

http://aui.github.io/artDialog/doc/index.html 

artDialog 文檔

https://code.google.com/p/artdialog/downloads/list 

google code 下載地址 

 

7. 其它 

http://niceue.com/validator/demo/index.php 

驗證api 

http://www.css88.com/doc/underscore/ 

underscore 中文手冊 

http://underscorejs.org/ 

underscrejs en api 

http://extjs-doc-cn.github.io/ext4api/ 

ext4api 

http://www.csser.com/tools/backbone/backbone.js.html 

backbone 中文手冊 

http://seajs.org/ 

http://cyj.me/why-seajs/zh/ 

seajs 中文手冊 

http://www.vipaq.com/rtfm/JavaScript/RequireJs/zh-cn/2.1.9/api.html 

requriejs 中文api 2.1.9 

http://makingmobile.org/docs/tools/requirejs-api-zh/ 

requriejs 中文api 2.1.6 

http://devdocs.io/ 

英文版各種API 

http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm 

qwrap手冊 

http://easings.net/zh-cn 

緩動函數 

http://www.w3school.com.cn/svg/svg_reference.asp 

svg 中文參考 

https://developer.mozilla.org/en-US/docs/Web/SVG 

svg mdn參考 

http://isux.tencent.com/css3/tools.html 

騰訊css3動畫製作工具 

 

8. nodejs 

https://github.com/mailzwj/node.js 

Node.js 資源彙總 無痕 

https://github.com/alsotang/node-lessons 

 教程 

 

9. 兼容性 

http://kangax.github.io/compat-table/es6/ 

esma 兼容列表 

http://caniuse.com/#index  

http://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85).aspx 

 http://csscreator.com/properties 

10. UI: 

http://v3.bootcss.com/ 

http://www.w3cplus.com/MetroUICSS/ 

http://semantic-ui.com/ 

http://alexwolfe.github.io/Buttons/ 

http://hiloki.github.io/kitecss/ 

http://www.pintuer.com/ 

http://amazeui.org/ 

http://www.worldhello.net/gotgithub/index.html 
http://igit.linuxtoy.org/contents.html 
http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn/  

http://rogerdudler.github.io/git-guide/index.zh.html 
http://gitref.justjavac.com/ 
http://git-scm.com/book/zh 
http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic/ 

 

11. less,sass

1. less

http://less.bootcss.com/

2. sass

http://www.w3cplus.com/sassguide/

http://www.cn-sass.com/

sass中國

 

12. http

http://segmentfault.com/bookmark/1230000002521721 

HTTP API 設計指南

 

二:移動端api 

http://demos.jquerymobile.com/1.4.3/ 

jquery mobile 

https://github.com/jtyjty99999/mobileTech 

99移動端知識集合 

https://github.com/RubyLouvre/mobileTech 

司徒正美移動知識集合 

https://github.com/AlloyTeam/Mars

移動端前端開發知識庫 

http://www.html-5.cn/Manual/Zepto/ 

http://mweb.baidu.com/zeptoapi/ 

zepto 1.0 中文手冊 

http://www.css88.com/doc/zeptojs_api/ 

zepto 1.1.2 

http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html 

zepto 中文註釋 

http://app-framework-software.intel.com/api.php 

jqmobile 手冊 

https://github.com/maxzhang/maxzhang.github.com/issues 

移動瀏覽器開發集合 

http://thx.github.io/mobile/debugging-in-mobile/ 

js移動調試 

https://github.com/hoosin/mobile-web-favorites 

移動開發大雜燴 

 

三:圖表地圖類: 

1. 圖表 

http://www.hcharts.cn/api/index.php 

Highcharts 中文API 

http://api.highcharts.com/highcharts 

Highcharts 英文API 

http://echarts.baidu.com/  

ECharts 百度的圖表軟件 

 

2. 地圖 

http://lbs.amap.com/api/ 

高德地圖

四:在線工具

a. 在線編輯類的: 

http://www.jsbin.com 

http://w3cshare.com/jsbin-editor/ jsbin的用法 

優點:不需要登錄,即發即預覽 

缺點:速度不靠譜 

http://runjs.cn/ 

優點:國內訪問速度快,可以上傳圖片(左下角) 

缺點:需要登錄,用戶名 

http://www.jsfiddle.net 

優點:功能強大,歷史記錄給力,缺點:訪問速度慢 

b. 有圖片的代碼發羣共享或申請免費的測試空間: 

http://sae.sina.com.cn/ 

優點:不需要手工發佈,只需三級域名就可以訪問,支持語言:php,python,java, 

缺點:需要身份證驗證獲取免費雲豆 

版本控制工具:svn 

http://jae.jd.com/ 

優點:不需要身份驗證,支持:java,php,nodejs,python,ruby 

缺點:需要在控制檯手動發佈才能在線上預覽 

版本控制工具:git 

推薦使用intellij idea / phpstorm / webstorm來管理 svn/git 代碼的提交與更新。

 

 五:國內各大公司UDE設計體驗博客

http://www.aliued.cn/                阿里巴巴(中國站)用戶體驗設計部
http://ixdc.org/                              國際體驗設計協會
http://udc.weibo.com/                微博UDE
http://ued.sina.com/                  新浪UDE
http://ue.baidu.com/                  百度UDE
http://fex.baidu.com/                  百度泛用戶體驗
http://uedc.163.com/                  網易UEDC
http://cdc.tencent.com/              騰訊CDC
http://isux.tencent.com/             騰訊ISUX
http://alipayifed.com/                 IFED螞蟻金服
http://www.visualchina.com/    視覺中國
http://www.aliued.com/             阿里巴巴國際UDE


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章