既然选择了程序员这条道路，自然就免不了要不断的学习，正所谓学习无止境，技术永创新。学习的途径有很多，总的来说无非两种：一种是收费的，另一种是免费的。我自然会选免费的学习途径了。下面就是我搜集的一些学习途径，和园友们一起分享下。
第一种：免费的视频。
视频的优点就是简单明了，可以边看边学，生动有趣，方便快速进入学习状态。我在计算机方面的知识，大都是通过看视频入门的。最早学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/