免費的學習途徑有哪些?

既然選擇了程序員這條道路，天然就免不了要不斷的學習，正所謂學習無止境，技術永創新。學習的途徑有不少，總的來講無非兩種：一種是收費的，另外一種是免費的。我天然會選免費的學習途徑了。下面就是我搜集的一些學習途徑，和園友們一塊兒分享下。

第一種：免費的視頻。

      視頻的優勢就是簡單明瞭，能夠邊看邊學，生動有趣，方便快速進入學習狀態。我在計算機方面的知識，大都是經過看視頻入門的。最先學asp的時候，是看的網易視頻，我至今還記得是一個叫FIF小組的視頻。php是看的李炎恢和php100上面的視頻，css也是李炎恢的視頻。photoshop的進階學習 是看的一個叫李濤的老師講的視頻。C語言程序設計是聽的某大學的上課公開課視頻。數據庫方面的知識是看的優酷網上某網友上傳的等等。這些視頻資源讓我受益頗豐，可是也花了我大量的業餘時間。學習進度慢，這就是視頻的缺點。有些老師因爲本身的理解有誤，若是你不加思考的全盤接受，會讓你走不少彎路。視頻做爲掌握新知識的啓蒙教程，是很是合適的，可是很難讓你有更深刻的理解。

推薦慕客網：http://www.imooc.com/

第二種： 免費的書籍。

     書是人類進步的階梯，要更上一層樓，就要看書。通常來講，一本書包含做者對相關知識的深刻而又系統的理解，幾乎是無保留的教。若是能認真看幾遍，必定能從其中某些章節中獲得啓發，會有一種頓悟的感受，並且看書能夠本身把握快慢的節奏，有時候一個小時看書，至關於看10個小時的視頻還不止。

推薦：你們網:http://club.topsage.com/

第三種： 源代碼。

   當你以爲網上的那些視頻過小兒科了，簡直浪費時間，看書，又感受千遍一概的時候，說明你的瓶勁不在於基礎知識和應用層面。這個時候須要看看那些優秀的開源程序是怎麼寫的。對於前端來講，研究jQuery的實現機制是最好不過的了。可是看源碼是最難的一種，每每很堅持看下去。我建議先從一些小的工具類開始看起，找到一些看源碼的方法。弄明白以後，必定要本身能實現出來。這樣才能變成本身的知識。

端工具：
can i see :http://caniuse.com/  ——一個查看css及html5在各個瀏覽器及手機端的支持狀況

前端視野：——平時能夠多看看的網站了解下最新資訊
前端觀察站，騰訊的前端技術，挺有含金量：
html5 中國：   http://www.html5cn.org/   ——有不少html及css小知識的網站，建議多瀏覽
web前端開發   http://www.css88.com/
前端亂燉         http://www.html-js.com/
博客園裏面牛人很多。   http://www.cnblogs.com/
csdn  .net 程序員   http://www.csdn.net/




html5及css3:
Adobe出的，Adobe實際上是html5很是忠實的擁抱者。官方社區有很是多的html5資源 http://beta.theexpressiveweb.com/
html5和css3開發，仍是Adobe http://www.adobe.com/cn/devnet/html5.html
MDN，mozilla官方出品的HTML5資料庫，我認爲是地球上最好的前端資料庫 https://developer.mozilla.org/zh-CN/
css3參考手冊在線版，很全 http://css.doyoe.com/


網頁設計：
黃蜂網（上面的效果然是不能更炫了）：http://www.woofeng.cn/
站酷 (ZCOOL) - 設計師互動平 http://www.zcool.com.cn/

CSS3媒體查詢（Media Query）
css3媒體查詢官方文檔 http://www.w3.org/TR/css3-mediaqueries/
css3媒體查詢官方中文文檔 http://www.w3.org/html/ig/zh/wiki/CSS3%E5%AA%92%E4%BD%93%E6%9F%A5%E8%AF%A2
前端觀察站的文章 http://www.qianduan.net/media-type-and-media-query.html


CSS3彈性盒模型（伸縮盒）
使用CSS彈性盒MDN https://developer.mozilla.org/zh-CN/docs/CSS/Tutorials/Using_CSS_flexible_boxes
官方的CSS彈性盒模型 http://www.w3.org/html/ig/zh/wiki/Css3-flexbox/zh-hans


viewport與設備自適應
CSS Device Adaptation官方文檔 http://dev.w3.org/csswg/css-device-adapt/#the-atviewport-rule
ATA技術社區，viewport筆記 http://www.atatech.org/article/detail/12233/786


CSS3動畫
CSS3 Animation http://www.w3cplus.com/content/css3-animation
CSS3動畫在線測試工具（騰訊團隊弄的）http://ecd.tencent.com/css3/tools.html
CSS3 Transitions, Transforms和Animation使用簡介與應用展現 http://www.zhangxinxu.com/wordpress/2010/11/css3-transitions-transforms%E5%92%8Canimation%E4%BD%BF%E7%94%A8%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%BA%94%E7%94%A8%E5%B1%95%E7%A4%BA/


JavaScript性能優化
Javascript高性能動畫與頁面渲染 http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering
前端工程打開速度優化的按部就班總結 http://www.cnblogs.com/zhengyun_ustc/archive/2013/05/09/frontendoptimize.html


用戶體驗

DIVCSS5 - DIV+CSS佈局教程學習與CSS資源分享平臺 http://www.divcss5.com/
FEX 作最專業的前端 http://fex.baidu.com/
GMU - mobile UI http://gmu.baidu.com/
IXDC－國際體驗設計協會 | 引領中國交互設計行業發展 http://ixdc.org/
UEhtml設計師交流平臺 網頁設計 界面設計 http://www.uehtml.com/
UI設計_UI_UI設計師-Uimaker-專一UI設計 http://www.uimaker.com/
UI中國-專業界面設計平臺 www.ui.cn/
暢遊視覺設計中心 http://vc.changyou.com/


工具類

在線工具 —— 開源中國社區 view-source:http://tool.oschina.net/
Placehold.it-圖片佔位符 http://placehold.it/
CSS 圖片拼合生成器-css_sprite http://cn.spritegen.website-performance.org/
　　

阿里
Iconfont-阿里巴巴矢量圖標庫 http://iconfont.cn/
阿里巴巴（中國站）用戶體驗設計部博客 http://www.aliued.cn/
TaoBaoUED | 作地球上最好的 UED http://ued.taobao.org/blog/
一淘-UX-用戶體驗中心 http://ued.alimama.com/
　　

百度
百度MUX http://mux.baidu.com/
百度搜索用戶體驗中心 | 建立搜索引擎的極致用戶體驗 http://vc.changyou.com/index.shtml
　　

騰訊

TGideas-騰訊遊戲官方設計團隊 http://tgideas.qq.com/
騰訊CDC http://cdc.tencent.com/
騰訊ecd – 電商用戶體驗設計部 E-Commerce User Experience http://ecd.tencent.com/
騰訊ISUX – 社交用戶體驗設計 – Better Experience Through Design http://isux.tencent.com/
騰訊MXD移動互聯網設計中心 http://mxd.tencent.com/
騰訊alloyteam http://www.alloyteam.com/


網易

網易用戶體驗設計中心 http://uedc.163.com/
網易nec-更好的CSS樣式解決方案 http://nec.netease.com/
　　

新浪

新浪UED | 一個關注用戶體驗、關注工做流、關注做品質量的有愛團隊 http://ued.sina.com/
微博UDC | 讓設計無「微」不至 http://udc.weibo.com/