工作幾年下來收集的相關前端學習資料,整理出來供喜愛前端的同學們一同成長!
資源:
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
在線api大全
http://s4tar.github.io/2015/01/20/zeal/
[軟件推薦]-離線文檔閱讀器-zeal:類似Mac上的Dash
2. Ecmascript 5
es5 en
http://www.ibm.com/developerworks/cn/web/wa-ecma262/index.html
ECMA-262,第 5 版
http://javascript.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
學習jquery
Hemin在線版jquery 1.11.0手冊,適合mac用戶
jquery 中文api
http://www.css88.com/jqapi-1.9/on/
css88 jq api
http://www.ecma-international.org/ecma-262/5.1/
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 中文手冊
underscrejs en api
http://extjs-doc-cn.github.io/ext4api/
ext4api
http://www.csser.com/tools/backbone/backbone.js.html
backbone 中文手冊
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
英文版各種API
http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm
qwrap手冊
緩動函數
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://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85).aspx
http://csscreator.com/properties
10. UI:
http://www.w3cplus.com/MetroUICSS/
http://alexwolfe.github.io/Buttons/
http://hiloki.github.io/kitecss/
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
2. sass
http://www.w3cplus.com/sassguide/
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
ECharts 百度的圖表軟件
2. 地圖
高德地圖
四:在線工具
a. 在線編輯類的:
http://w3cshare.com/jsbin-editor/ jsbin的用法
優點:不需要登錄,即發即預覽
缺點:速度不靠譜
優點:國內訪問速度快,可以上傳圖片(左下角)
缺點:需要登錄,用戶名
優點:功能強大,歷史記錄給力,缺點:訪問速度慢
b. 有圖片的代碼發羣共享或申請免費的測試空間:
優點:不需要手工發佈,只需三級域名就可以訪問,支持語言:php,python,java,
缺點:需要身份證驗證獲取免費雲豆
版本控制工具:svn
優點:不需要身份驗證,支持: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