网络的普及不仅为我们带来了新闻资讯和娱乐，也渐渐地成为我们接受教育、学习新知的场地。目前，在线学习逐渐成为一种潮流和时尚。相比传统教育，它在下面几个方面具备明显的优势：

• 费用低：学校费用很贵，但部分在线教育是免费的，或者花费很少就可以获得学习的机会；
• 可选择性：我们可以根据自己的发展方向和爱好，来选择适合自己的在线教育类型；
• 可自主性：尤其对于平常工作很忙的上班族来说，在线教育可以按照自己的时间和精力来安排学习计划，每天可以抽出1~2个小时来学习；
• 实践性强：多数在线教育目标性很强，具备很强的可操作性，可以让我们学习到更加实用的技术。

这里，我们为大家整理了30个在线学习设计与开发的站点，希望对大家有用。

1. Codeacademy

Codeacademy给使用者提供的是免费和交互式的在线编程学习体验，大家可以学习构建站点、开发游戏和应用等。

• 价格：免费
• 关键词：Javascript、HTML/CSS、PHP、Python、Ruby

2. Udacity

一个互助教学平台，个人可以为他人提供教程。

• 价格：免费
• 关键词：数学、计算机科学、编程

3. Ruby Monk

RubyMonk是一个互动的Ruby学习平台。

• 价格：免费
• 关键词：Ruby

4. Nettuts+

Nettuts是一个专注于提供网络开发教程的网站。

• 价格：免费
• 关键词：ASP.NET、Ruby、Python、PHP、 HTML/CSS、数据库、CMS

5. Don’t Fear the Internet

一个学习HTML和CSS基础知识的极佳资源。

• 价格：免费
• 关键词：HTML、CSS

6. Wptuts+

主要用来学习WordPress开发，如创建WordPress主题、开发WordPress插件等。

• 价格：免费
• 关键词：Web开发、WordPress

7. Coursera

顶级在线教育平台，提供了部分来自高校的计算机科学课程。

• 价格：免费
• 关键词：管理、工程方向

8. CSS-Tricks

专注于提供优秀的HTML/CSS教程和技巧。

• 价格：免费
• 关键词：HTML、CSS、jQuery

9. Android Development

这是学习Android开发的第一站，提供了开发Android应用的最基本的教程。

• 价格：免费
• 关键词：Android设计与开发方向

10. SitePoint

提供Web设计与开发一站式在线学习，教程丰富，多采用真实案例进行讲解。

• 价格：免费
• 关键词：HTML、CSS、JavaScript、PHP、Ruby、移动开发、UX设计

11. Codrops

著名创意代码分享网站 ，提供大量的原创教程、演示、免费的源码及其它设计资源下载。

• 价格：免费
• 关键词：Web开发、Web设计

12. Webdesigntuts+

提供了大量关于WordPress、Tumblr主题和操作教程，教你快速架设站点。

• 价格：免费
• 关键词：UX/UI设计、Web设计、前端开发、电子商务

13. Bento

提供关于Web开发的全部所需技能培训。

• 价格：免费
• 关键词：Web开发

14. KillerPHP

专注于PHP的视频教学网站。

• 价格：免费
• 关键词：PHP、MySQL等

15. Mobiletuts+

提供有关IOS以及安卓平台教程。同时还发布很多有关网页设计的免费教程。

• 价格：免费
• 关键词：iOS、Android和黑莓的开发、移动设计等

16. PHP Academy

主要提供Web开发课程培训。

• 价格：免费
• 关键词：PHP、HTML5和JavaScript等

17. LearnStreet

一家类似Codeacademy的编程教学站点，提供JavaScript、Python和Ruby培训课程。

• 价格：免费
• 关键词：JavaScript、Python和Ruby

18. Tutorialzine

提供了丰富的教程，比如构建博客、web应用开发等等。

• 价格：免费
• 关键词：HTML、CSS、PHP、JavaScript、AJAX和Angular JS等

19. Abduzeedo

提供了设计相关的常用教程。

• 价格：免费
• 关键词：摄影、平面设计、Web设计等

20. 1stwebdesigner

提供关于站点设计与开发的技巧和教程。

• 价格：免费
• 关键词：Web开发、UI设计、WordPress

21. W3Schools

提供的免费网页开发教程。

• 价格：免费
• 关键词：HTML、CSS、JavaScript、SQL、PHP、jQuery

22. Designmodo

提供了大量关于登陆框、控件、下拉菜单和站点设计教程。

• 价格：免费
• 关键词：Web设计、前端开发、UI设计

23. PSDFan

提供关于数字艺术、web设计、UI设计、排版等多种内容的教程。

• 价格：免费和付费形式，付费为每月$9起
• 关键词：Web设计、前端开发、UI设计

24. SpoonGraphics

为初学者提供从摄影到作图的丰富教程。

• 价格：免费与付费两种形式，付费的每月$19起
• 关键词：摄影、平面设计等

25. Treehouse

在线学习开发与设计的优秀平台之一，网站设计美观、简洁，教师多数来自行业的知名人士，指导性强。

• 价格：每月$25起
• 关键词：Web 开发、软件开发、设计、商务

26. Tuts+ Premium

最大的全方位在线教育网络之一，包括了从初学者到专家水平的各个层次课程。

• 价格：每月$19起
• 关键词：Web开发、软件开发、设计、商务、摄影

27. Lynda

Lynda的课程包括了会计、办公、开发、游戏设计等方面。

• 价格：每月$25起
• 关键词：Web 开发、软件开发、设计、商务

28. Code School

提供多数流行编程语言的培训课程，形式很有趣。

• 价格：每月$29起
• 关键词：iOS、Javascript、Ruby、jQuery、Git、Sass

29. Udemy

提供多种流行语言的培训课程，课程设计富有趣味性。

• 价格：免费与付费形式，付费为每门课程$199
• 关键词：商务、办公，Web与软件开发、设计

30. Skillfeed

主要提供Web开发、设计、摄影等方面的课程培训。

• 价格：每月$19起
• 关键词：Web开发、设计、摄影等

Via Despreneur