Useful Learning Resources For Web Designers

Advertisement

Fortunately, learning is not limited to only a small minority of people anymore; it is not even limited to visiting a school or a university. The Internet makes it possible for us to distribute knowledge at a small price, and is full of resources to expand everyone’s knowledge on an enormous variety of topics.

Since learning is a lifelong task that doesn’t stop after pursuing a certain academic certificate, this round-up is not only dedicated to beginners. It’s for everyone who wants to become an expert in a certain field or is simply curious about the Web and the latest tools and techniques around them.

We hope that this round-up will bring you closer with many of the valuable resources that are available out there. Some are completely free while others can be obtained through quite affordable memberships. You may also be surprised to find that your local college or university is also publishing free classes and courses on all sorts of topics you can think of — make sure to keep an eye open!

Here are the topics of learning resources we’ll cover today:

Coding

Code Avengers5
Code Avengers’ courses are a fun way for students to learn computer programming and Web design. Participating in interactive coding challenges, bug hunts and robot missions takes the pain out of learning JavaScript, HTML5 and CSS3. The lessons are designed for students of all ages.

Code Avengers6

Coderwall7
Thousands of developers share their achievements and current projects on Coderwall. Connect with them, share your own pro tips, and get feedback. Learning new programming languages, tools and technologies has a playful twist and is far from boring. Discover how others are solving their challenges, and gain badges for every completed project.

Coderwall8

The Starter League9 (formerly Code Academy)
Trying to build Web apps without the necessary support and guidance can be painful. The Starter League provides you with expert instruction and mentorship. They also paired up with 37signals (creator of Basecamp and Campfire) to provide hands-on knowledge on building successful Web apps.

The Starter League10

Pluralsight11
Pluralsight was created by a group of developers with the goal of providing the highest quality training possible — for developers, by developers. The library is huge, with courses on nearly every topic you could ask for.

Pluralsight - Hardcore Developer Training12

TekPub13
TekPub was created with the goal of educating developers. The mini-casts topics range from JavaScript to Ruby on Rails, with more in-depth tutorials available. (Note: Tekpub has been acquired by Pluralsight; old videos can be accessed via Pluralsight).

TekPub14

PeepCode15
PeepCode offers high-quality one-hour screencasts on development resources. Learning the most important techniques is quick and easy with these tutorials. (Note: Peepcode has been acquired by Pluralsight; old videos can be accessed via Pluralsight).

Peepcode16

Hacker Rank17
On Hacker Rank, coders compete to beat high scores by solving little challenges accross the whole science universe, including areas like algorithmy, code gold or artificial intelligence. How do you match up against others when coding a bot to win at tic-tac-toe?

Hacker Rank18

Mozilla Webmaker19
Mozilla Webmaker wants to help you move from merely using the Web to making something amazing with it. It has new tools for you to use, projects to help you get started, and a global community of creators — educators, filmmakers, journalists, developers, youth — all making and learning together.

mozilla20

Google Developers University Consortium21
The Google Developers University Consortium features courses on mobile and Web development. You will find many usful resources, especially if you’re working with Android and Google Maps.

googlecode22

Android Training23
On Android Training, you will find a collection of classes to help you build Android apps. The classes explain the steps to take in order to solve a problem or implement a feature, using code snippets and sample code.

Android Training | Android Developers24

Programr25
Programr is an online lab for students and enthusiasts who want to learn programming. The platform’s goal is to give you the skills you need in order to write sophisticated programs. Test your coding skills by mastering assignments, build your own app right in the browser, and check out contributions by other users. You can even show off your know-how in programming contests. It supports coding languages for console, Web and mobile.

programmr26

Learn Code the Hard Way27
“Less talk, more code” is the credo of Learn Code the Hard Way. Students start by getting code to work; learning the theory comes second. The website focuses on practice by featuring exercises and rote repetition, which will help you gain confidence in whatever you want to do.

Learn Code The Hard Way28

Dash29
Dash teaches HTML, CSS, and Javascript through fun projects you can do in your browser.

Dash30

Web Design Circuit31
Web Design Circuit is a 12-week, mentor-driven course that teaches the basics of HTML, CSS and web design, with suggested weekly goals and (virtual) face time with the instructors and peers.

Web Design Circuit32

Hack Design33
Hack Design is an easy-to-follow design course. You can simply receive a design lesson in your inbox each week, which is hand crafted by a design pro. A great resource if you love learning at your own pace. No fake projects.

Hack Design34

Code School35
Code School teaches Web technologies in the comfort of your browser with video lessons, coding challenges, and screencasts.

Code School36

Codecademy37
At Codeacademy, you can build your own projects and learn how to create interactive websites, games, and apps. You can also join groups to code with your friends and show off your progress with points and badges.

Codecademy38

Codewars39
At Codewars you can challenge yourself on kata, created by the community to strengthen different skills. Kata are ranked to approximate difficulty. As you complete higher ranked kata, you progress through the ranks so Codewars can match you with relevant challenges.

Codewars40

LearnStreet41
LearnStreet makes learning to code easy for anyone. Whether you would like to start off with JavaScript, Ruby or Python, the platform has got you covered. Build your skill base in the interactive courses, and use it in fun little projects.

LearnStreet42

PHP Academy43
PHP Academy provides free tutorials on PHP and other Web development topics, including MySQL, JavaScript (including jQuery) and CSS. There are free video tutorials, optional premium membership and a forum to ask for help.

phpacademy | Free Video Tutorials | PHP, MySQL, CSS, jQuery Tutorials44

PLAYterm45
PLAYterm is a platform where CLI users share their skills and inspire others. It can replay your terminal sessions online, and it provides embed codes that you can put on your website. Share your knowledge and help others improve their skills.

Playterm46

The New Boston47
With his project, The New Boston, Bucky Roberts makes high-quality education available for everybody. His YouTube channel features a lot of computer-related tutorials on topics such as Java, C++, After Effects or Phyton.

The New Boston48

gotoAndLearn49
gotoAndLearn is a free video tutorial resource for Flash, Game development and HTML5 by game developer evangelist Lee Brimelow.

gotoandlearn50

repl.it51
On repl.it, you can explore more than 15 programming languages in your browser — even on the go with your phone or tablet. Just type an expression into the console and wait for the results. The Web application also lets you save your session and share it with others.

replit52

The Pragmatic Bookshelf53
The Pragmatic Bookshelf’s mission is to improve the lifes of developers by offering text books, audio books and videos for training. The content is produced by programmers for programmers, addressing relevant cutting-edge topics.

The Pragmatic Bookshelf54

HTML and CSS

30 Days to Learn HTML and CSS55
Do you want to learn HTML and CSS but don’t know where to start? 30 Days to Learn HTML and CSS is a free course consisting of one video daily for 30 days. All you have to do is spend 10 minutes a day on a new topic. By the end, you’ll have the necessary building blocks to code an entire website.

30 Days to Learn HTML and CSS56

A Beginner’s Guide to HTML & CSS57
This simple and comprehensive guide will help novices take their first steps in HTML and CSS. Outlining the fundamentals, it teaches you all of the common elements of front-end design and development.

A Beginner’s Guide to HTML & CSS58

Don’t Fear the Internet59
For those who don’t want to learn to code, this website provides a brief introduction to WordPress, CSS and HTML, even throwing in some PHP trickery. Jessica Hische and Russ Maschmeyer have prepared short chunks of technical information in concise videos.

Don't Fear the Internet60

JavaScript

Backbone Screencasts61
If you’re learning Backbone.js, these screencast will be very useful. The extensive live coding sessions will walk you through, from the beginning to more advanced stuff like using Backbone.js with Ruby on Rails.


backbone
62

appendTo63
JavaScript and jQuery skills are becoming more and more sought after. By offering a number of lessons, appendTo helps you develop those skills. Signing up isn’t even necessary; just watch the free screencasts (each around 10 minutes long), and start building your foundation of JavaScript and jQuery knowledge.

.appendto, Developer Learning Center64

JavaScript Garden65
JavaScript Garden is a growing collection of documentation about the most quirky parts of JavaScript. It offers advice on avoiding common mistakes and subtle bugs, and it lays out performance issues and bad practices that JavaScript programmers might run into on their journey to the depths of the language. The resource is dedicated to professional developers, rather than beginners, and it requires some basic knowledge of the language.

66

NodeSchool67
NodeSchool offers interactive lessons for Node.js, including core concepts and electives. There is also a list of free/affordable in-person NodeSchool events around the world which are .

nodeschool68

Eloquent JavaScript: A Modern Introduction to Programming69
The book “Eloquent JavaScript” by Marijn Haverbeke introduces the JavaScript programming language and programming in general. A free digital version is available in HTML format and you can order a paperback version from Amazon. Furthemore, the book has been translated to French, German and Polish. (Note: A second, more modern edition is currently in process.)

Eloquent JavaScript: A Modern Introduction to Programming70

Node Tuts71
Node Tuts by Pedro Teixeira offers free webcasts exclusively about Node.Js.

Node Tuts - Node.js72

Ruby on Rails

Ruby on Rails Tutorial73
Michael Hartl has written a tutorial book named Ruby on Rails Tutorial. Visit the website to find the free online version, along with screencasts.

Ruby on Rails Tutorial74

TryRuby75
Ruby is a revolutionary programming language from Japan known for its simplicity and power. On TryRuby, you can experiment with it right in your browser. A 15-minute interactive tutorial will help you get started.

TryRuby76

Hackety Hack77
Hackety Hack teaches you the basics of programming by introducing the Ruby language. Build your skills from scratch, and use them to build desktop applications and websites.

Hackety Hack78

Virtuous Code79
Avdi Grimm is a software “cultivator” who publishes a screencast series on Ruby development. When you subscribe, you get new screencasts every Monday and Thursday (or access to the full scripts if you prefer reading to watching), the source code for each video and access to the complete archive of episodes.

Virtuous Code80

RubyMonk81
RubyMonk is an interactive Ruby learning plattform. You will learn the basics of the programming language right in your browser. The tutorials are free but donations are very welcome.

RubyMonk- Interactive Ruby tutorials82

Rails for Zombies83
Learn Ruby the zombie way with Rails for Zombie. You don’t have to worry about configuration. After watching short introductory videos, you can start experimenting right in the browser. The course is aimed at beginners, but there are also courses for more experienced Ruby developers.

Rails for Zombies84

RailsCasts85
RailsCasts by Ryan Bates, offers a free weekly screencast featuring Tips and Tricks for Ruby on Rails. The topics are targeted for intermidiate users, but beginners and experts can also get something out of it. You may subscribe for additional screencasts.

RailsCasts86

Design

Drawspace87
Drawspace is a community of drawing enthusiasts, professional artists and art educators. It features a huge library of free downloadable lessons that teach you how to draw or enhance your current abilities. With a profile, you can track your progress, from beginner to advanced levels.

drawspace88

Miscellaneous Lessons From The Web Industry

Treehouse89
Treehouse is for beginners and experts. It offers material for learning everything you need to be successful in the Web industry. This includes technical knowledge, but also skills for starting a successful business. You can learn via specific tracks (i.e. Web developement) or topics.

Treehouse90

Tuts+ Premium91
Tuts+ Premium is a subscribers-only platform that offers resources for learning creative and technical skills such as design, Web development, motion graphics and photography. The content is created and constantly revised by leading experts. Choose whether to learn by video or articles with screenshots. A large community is behind Tuts+ Premium that you can connect with and ask for further help.

Tuts+  Premium | The best way to learn creative and technical skills.92

Ontwik93
Ontwik gathers the latest lectures and conferences from Web developers and designers in one place. It covers topics such as JavaScript, NodeJS, jQuery, Ruby, Rails, HTML5, CSS3, UI, UX and more. There are also lectures on creativity, marketing and startups.

Ontwik94

Because technical knowledge is not enough

A Student’s Guide to Web Design95
Here is an attempt to better equip graduates in the design industry. It provides resources and information to help young Web designers with life after graduation.

96

#The5097
After graduating from art college, Jamie Wieck realized that he had no clue about professional life. So, he started #The50 to help students and graduates in the same situation learn what every creative should know. The tips are made up of 140 characters and a hash tag, making them easy to share on Twitter.

98

The Web Design Community Offers Advice to Beginners99,” Smashing Magazine
We asked, “What is the single best tip from your experience that you would give to a newbie developer?” This article compiles all of the amazing responses we received.

The Web Design Community Offers Advice To Beginners100

Jessica Hische’s Thoughts101
Illustrator Jessica Hische doesn’t have a traditional blog, but she shares answers to frequently asked questions about her and her work. You’ll find useful advice on random topics regarding the Web industry such internships, pricing, non-creepy networking, and so on.

jessicahische102

The Secret Handshake103
The creative industry is very different from traditional companies and applying only traditional methods in the application process won’t bring you too far. The Secret Handshakes is a resource for students and young creatives looking for insiders insights, honest answers and solid solutions to help you go pro.

secrethandshake104

WaSP InterAct Curriculum105
Designed to keep up with the fast-moving industry, WaSP InterAct is a living curriculum that prepares students for careers on the Web. Courses are divided into several learning tracks, covering everything from the foundations to professional practice. Recommended reading lists, assignments and exam questions help you to become a real Web professional.

WaSP InterAct Curriculum106

Conference Organiser’s Handbook107
Are you planning to organize a conference? Then, the Conference Organiser’s Handbook is the best place to start. The website was put together by Peter-Paul Koch and provides information on everything you need to know, from start to finish.

conferencehandbook108

Expanding Your General Knowledge

TED109
TED is devoted to “ideas worth spreading.” You can watch talks on technology, design, business, global issues, science and entertainment. Get inspired by other thinkers, and get involved in a community of curious people!

ted110

Khan Academy111
The Khan Academy wants to provide anyone anywhere in the world with a world-class education — for free! All you need is an Internet connection. A huge video library provides you with lessons on a wide array of topics, covering everything from basic maths to macroeconomics to programming basics and even art history. Test your knowledge, track your progress and earn badges.

Khan Academy112

University of Reddit113
The University of Reddit is an open-source peer-to-peer learning platform. The courses are free and range from computer science to mathematics to languages.

University of Reddit114

VideoLectures.Net 115
Registering on this site gives you free access to educational video lectures. The videos cover many fields of science and feature distinguished scholars and scientists at conferences, workshops and other events. The high-quality content is aimed at both the scientific community and the general public.

videolectures.net116

P2PU117
The Peer 2 Peer University is an open-education project that encourages lifelong learning, following its credo “We are all teachers and we are all learners.” Everybody can participate and make use of the content. It also features a School of Webcraft, with some basic tutorials.

P2PU | School of Webcraft118

Online Courses119
Online courses offers 100 open courses for tech geeks. Among them, you will find general computer science topics and courses on Web design and development. The website also provides information on accredited schools, college finances and studying.

Online Courses120

Lynda121
Lynda helps you learn software, creative and business skills. As a member, you get unlimited access to a huge library of high-quality video tutorials, taught by working professionals. Topics also include design and development.

Software training online-tutorials for Adobe, Microsoft, Apple122

Udemy123
Who do you want to be? An entrepreneur? A mobile developer? A better photographer? A yoga instructor? On Udemy you can become what you want to be by learning from an expert in an interactive online course filled with other passionate students. All courses on Udemy are developed, created and owned by the experts themselves.

Udemy124

Learners TV125
Learners TV provides a huge collection of free downloadable video lectures on all sorts of topics, including computer science. The website also features science animations, lecture notes and live, timed online tests with instant feedback and explanations.

Learners TV126

ReadWrite127
ReadWrite covers all things Web, tech and social media. Its list of tech-focused instructional websites links you to platforms that teach a wide array of topics. The topics are pretty general, ranging from computing to hacking.

readwrite128

Learn a new language

Radio Lingua129
Radio Lingua is a podcast that helps you learn languages where, when and how you want. There are quick starter courses if you want to learn the absolute basics of a language, or you can take your skills to the next level by diving into grammar and vocabulary. The episodes are aimed at learners of all ages and conducted by experienced teachers and native speakers.

Radio Lingua Network130

Busuu131
Learning a language with Busuu is completely different from what you are used to. As a member of the platform’s community, you learn directly from native speakers via video chat. That way, everyone is not only a learner, but also a teacher. To keep you motivated, the language you are learning is represented as a tree, which grows with the effort you put in. Joining Busuu is free.

busuu132

Open University classes & University-style classes

Udacity 133
Udacity’s learning experience is different from other education platforms. Learn by solving challenging projects and by interacting with renowned university instructors and other students. The courses are as demanding as studying at a real university, but a range of certificate options are available.

Udacity134

OnlineCourses (formerly know as Lecturefox)135
On OnlineCourses you will find high-quality classes from renowned universities such as Harvard, Berkeley and MIT. Topics range from biology to accounting, foreign languages to science.

opencourses136

Education Portal137
Making education accessible is the goal of the Education Portal. The platform offers articles and videos on researching schools, degree programs and online courses. Covering everything from arts to sciences, it also has a list of free Web design courses that lead to college credits.

Education Portal138

OpenClassroom139
Stanford University’s OpenClassroom provides videos of computer sciences courses. You can watch the videos for free, and the lessons are split up into short chunks of quality information.

OpenClassroom140

MIT OpenCourseWare141
MIT OpenCourseWare publishes virtually all MIT course content. The open platform doesn’t require any registration, and it features free lecture notes, exams and videos.

mit142

OpenCourseWare143
The OCW consortium is a collaboration of higher-education institutions and associated organizations from around the world to create a broad and deep body of open-education content using a shared model.

opencourseware144

The Faculty Project145
The Web isn’t be the only thing you are interested in. If so, then the Faculty Project might be for you. It brings lectures from leading university professors to anyone with an Internet connection. The free courses are taught through video, slideshows and reading resources, and they cover lessons from maths to economics to history.

The Faculty Project146

Academic Earth147
Whether you want to advance your career or just take classes that interest you, Academic Earth provide anyone with the opportunity to earn a world-class education. The website offers free lessons and learning tools from many disciplines. If you would like to study further, it also connects you to universities and scholars.

academicearth148

Course Hero149
Course Hero has a mission to help college students get the most out of their education by giving them access to the best academic content and materials available. Search for study documents by department, keyword and even school. After registering, you can use the resources for free.

Course Hero150

edX151
edX is a not-for-profit enterprise by MIT, Harvard, Berkley and the University of Texas System. Take part in high-quality online courses from different disciplines — including computer science — and obtain a certificate from one of the renowned universities. The institutions use the insights they gain from the platform to research how technology can transform learning.

edX152

Coursera153
Partnering with the top universities from around the world, Coursera offers free online courses. The lectures are taught by renowned professors and cover a variety of disciplines. Assignments and interactive exercises help you test and reinforce your knowledge.

Coursera154

Webcast.berkeley155
Since 2001, Webcast.berkeley has been a window into UC Berkeley’s classrooms, publishing courses and campus events for students and learners everywhere in the world. View audio and video recordings of lectures online, or download them to your device.

webcast.berkeley | UC Berkeley Video and Podcasts for Courses156

The Open University157
The Open University is open to anyone and offers over 570 courses at many different levels, from short introductory courses to postgraduate and research degrees. Studying is flexible and adapts to your lifestyle. You can even connect to other learners online and use the activities to assess your progress.

The Open University158

Last Click…

WeekendHacker159
Do you have a small project or idea in mind but need a little help? WeekendHacker is a place to reach out to designers and developers who may be able to assist. Simply sign up, post your project, and sit back and wait for someone to help.

160

Until Next Time!

We hope that this list of learning resources will help you to further develop your skills and open doors for you. Of course, you’re more than welcome to share other resources that are missing in this round-up in the comments section below! Also, we look forward to hearing which resource you find most valuable, and why!

By the way, you may also want to check out Melanie Lang’s list of inspirational podcasts161 — we highly recommend it!

(sh, ml, ea, il)

Front page image credits: Programmr162.

Footnotes

  1. 1 #a1
  2. 2 #a2
  3. 3 #a3
  4. 4 #a4
  5. 5 http://www.codeavengers.com/
  6. 6 http://www.codeavengers.com/
  7. 7 http://coderwall.com/
  8. 8 http://coderwall.com/
  9. 9 http://www.starterleague.com/
  10. 10 http://www.starterleague.com/
  11. 11 http://www.pluralsight.com/training
  12. 12 http://www.pluralsight.com/training
  13. 13 http://www.tekpub.com/
  14. 14 http://www.tekpub.com/
  15. 15 https://peepcode.com/screencasts
  16. 16 https://peepcode.com/screencasts
  17. 17 https://www.hackerrank.com/
  18. 18 https://www.hackerrank.com/
  19. 19 https://webmaker.org/en-US/projects/
  20. 20 https://webmaker.org/en-US/projects/
  21. 21 http://code.google.com/edu/
  22. 22 http://code.google.com/edu/
  23. 23 https://developer.android.com/training/index.html
  24. 24 https://developer.android.com/training/index.html
  25. 25 http://www.programr.com/
  26. 26 http://www.programr.com/
  27. 27 http://learncodethehardway.org/
  28. 28 http://learncodethehardway.org/
  29. 29 https://dash.generalassemb.ly/
  30. 30 https://dash.generalassemb.ly/
  31. 31 https://generalassemb.ly/education/web-design-circuit
  32. 32 https://generalassemb.ly/education/web-design-circuit
  33. 33 http://hackdesign.org/
  34. 34 http://hackdesign.org/
  35. 35 https://www.codeschool.com/
  36. 36 https://www.codeschool.com/
  37. 37 http://www.codecademy.com/?locale_code=en
  38. 38 http://www.codecademy.com/?locale_code=en
  39. 39 http://www.codewars.com/
  40. 40 http://www.codewars.com/
  41. 41 http://www.learnstreet.com/
  42. 42 http://www.learnstreet.com/
  43. 43 http://phpacademy.org/
  44. 44 http://phpacademy.org/
  45. 45 http://playterm.org/
  46. 46 http://playterm.org/
  47. 47 http://www.youtube.com/thenewboston
  48. 48 http://www.youtube.com/thenewboston
  49. 49 http://gotoandlearn.com/
  50. 50 http://gotoandlearn.com/
  51. 51 http://repl.it/
  52. 52 http://repl.it/
  53. 53 http://pragprog.com/screencasts
  54. 54 http://pragprog.com/screencasts
  55. 55
  56. 56
  57. 57 http://learn.shayhowe.com/html-css/
  58. 58 http://learn.shayhowe.com/html-css/
  59. 59 http://www.dontfeartheinternet.com/
  60. 60 http://www.dontfeartheinternet.com/
  61. 61 http://backbonescreencasts.com
  62. 62 http://backbonescreencasts.com
  63. 63 http://learn.appendto.com/
  64. 64 http://learn.appendto.com/
  65. 65 http://bonsaiden.github.com/JavaScript-Garden/
  66. 66 http://bonsaiden.github.com/JavaScript-Garden/
  67. 67 http://nodeschool.io
  68. 68 http://nodeschool.io
  69. 69 http://eloquentjavascript.net/
  70. 70 http://eloquentjavascript.net/
  71. 71 http://nodetuts.com/
  72. 72 http://nodetuts.com/
  73. 73 http://ruby.railstutorial.org/
  74. 74 http://ruby.railstutorial.org/
  75. 75 http://tryruby.org/levels/1/challenges/0
  76. 76 http://tryruby.org/levels/1/challenges/0
  77. 77 http://hackety.com/
  78. 78 http://hackety.com/
  79. 79 http://devblog.avdi.org/
  80. 80 http://devblog.avdi.org/
  81. 81 http://rubymonk.com/
  82. 82 http://rubymonk.com/
  83. 83 http://railsforzombies.org/
  84. 84 http://railsforzombies.org/
  85. 85 http://railscasts.com
  86. 86 http://railscasts.com
  87. 87 http://dev.drawspace.com/
  88. 88 http://dev.drawspace.com/
  89. 89 http://teamtreehouse.com/
  90. 90 http://teamtreehouse.com/
  91. 91 https://tutsplus.com/
  92. 92 https://tutsplus.com/
  93. 93 http://ontwik.com/
  94. 94 http://ontwik.com/
  95. 95 http://www.studentguidewebdesign.com/
  96. 96 http://www.studentguidewebdesign.com/
  97. 97 http://www.the-50.org/
  98. 98 http://www.the-50.org/
  99. 99 http://www.smashingmagazine.com/2010/08/18/the-web-design-community-offers-advice-to-beginners/
  100. 100 http://www.smashingmagazine.com/2010/08/18/the-web-design-community-offers-advice-to-beginners/
  101. 101 http://jessicahische.is/thinkingthoughts
  102. 102 http://jessicahische.is/thinkingthoughts
  103. 103 http://learnthesecrethandshake.com/
  104. 104 http://learnthesecrethandshake.com/
  105. 105 http://interact.webstandards.org/curriculum/front-end-development/
  106. 106 http://interact.webstandards.org/curriculum/front-end-development/
  107. 107 http://www.quirksmode.org/coh/
  108. 108 http://www.quirksmode.org/coh/
  109. 109 http://www.ted.com/
  110. 110 http://www.ted.com/
  111. 111 http://www.khanacademy.org
  112. 112 http://www.khanacademy.org
  113. 113 http://www.ureddit.com/
  114. 114 http://www.ureddit.com/
  115. 115 http://videolectures.net/
  116. 116 http://videolectures.net/
  117. 117 https://p2pu.org/en/schools/school-of-webcraft/
  118. 118 https://p2pu.org/en/schools/school-of-webcraft/
  119. 119 http://www.onlinecollegecourses.com/2009/10/28/100-incredible-open-courses-for-the-ultimate-tech-geek/
  120. 120 http://www.onlinecollegecourses.com/2009/10/28/100-incredible-open-courses-for-the-ultimate-tech-geek/
  121. 121 http://www.lynda.com
  122. 122 http://www.lynda.com
  123. 123 https://www.udemy.com/
  124. 124 https://www.udemy.com/
  125. 125 http://www.learnerstv.com/Free-Computers-Video-lectures-ltv461-Page1.htm
  126. 126 http://www.learnerstv.com/Free-Computers-Video-lectures-ltv461-Page1.htm
  127. 127 http://www.readwriteweb.com/archives/tutorial_sites.php
  128. 128 http://www.readwriteweb.com/archives/tutorial_sites.php
  129. 129 http://radiolingua.com/
  130. 130 http://radiolingua.com/
  131. 131 http://www.busuu.com
  132. 132 http://www.busuu.com
  133. 133 http://www.udacity.com/
  134. 134 http://www.udacity.com/
  135. 135 http://www.onlinecourses.com/lectures/
  136. 136 http://www.onlinecourses.com/lectures/
  137. 137 http://education-portal.com/
  138. 138 http://education-portal.com/
  139. 139 http://openclassroom.stanford.edu/MainFolder/HomePage.php
  140. 140 http://openclassroom.stanford.edu/MainFolder/HomePage.php
  141. 141 http://ocw.mit.edu/index.htm
  142. 142 http://ocw.mit.edu/index.htm
  143. 143 http://www.ocwconsortium.org/
  144. 144 http://www.ocwconsortium.org/
  145. 145 http://facultyproject.com/
  146. 146 http://facultyproject.com/
  147. 147 http://www.academicearth.org/
  148. 148 http://www.academicearth.org/
  149. 149 http://www.coursehero.com/
  150. 150 http://www.coursehero.com/
  151. 151 https://www.edx.org/
  152. 152 https://www.edx.org/
  153. 153 https://www.coursera.org/
  154. 154 https://www.coursera.org/
  155. 155 http://webcast.berkeley.edu/
  156. 156 http://webcast.berkeley.edu/
  157. 157 http://openlearn.open.ac.uk/course/
  158. 158 http://openlearn.open.ac.uk/course/
  159. 159 http://www.weekendhacker.net/
  160. 160 http://www.weekendhacker.net/
  161. 161 http://www.smashingmagazine.com/2013/04/19/podcasts-for-designers-developers/
  162. 162 http://www.programmr.com/

↑ Back to topShare on Twitter

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1
  2. 2

    Level of article:
    Bad – [ ]
    Medium – [ ]
    Good – [ ]
    Great – [ ]
    Amazing – [ ]
    Smashing – [ x ]

  3. 3

    WOW! great article! Thanks : )

  4. 4

    Excellent resources for every individual who needs to develop his skills in this fast growing competitive programming world. And instead of “Resources for Web Designers” you should have mentioned these as “Resources for Programmers”. Just food for thought :)

  5. 5

    I think you forgot codewars (http://www.codewars.com). It is a great platform to test your knowledge and learn something new.

    • 6

      Iris Lj. (@smash_it_on)

      February 14, 2014 5:47 pm

      Hi Dino, Hi @All,

      Thank you for your suggestions. We’ve included them into the post now :-) Cheers!

  6. 7

    Jhonnatan Gonzalez

    February 14, 2014 3:33 pm

    Once again you made it people! Good resources!!!!!!! TIME TO LEARN!!!!

  7. 8

    Codecademy doesn’t make an appearance? (http://www.codecademy.com/)

    • 9

      The Starter League has “formerly Code Academy” written after it, but I don’t think that’s correct, as Starter League seems to be an actual school in chicago and the Code Academy site is up and running…

  8. 10

    Nice round up. Thanks for sharing.

  9. 11

    Great article. I’ve been using Treehouse for a couple of years now and I think it is the best way to learn.

  10. 13
  11. 14

    Great list! I haven’t heard of a lot of these. One of my favorite parts of web development is the openness to sharing knowledge that the community has.

  12. 15

    I mentioned http://www.designcourse.com – I’m releasing a video tutorial every day of 2014. 45 videos so far!

  13. 16

    John Mindiola III

    February 14, 2014 6:36 pm

    Shay Howe’s site is super slick. Great include. This article is like a treasure chest of awesomeness!

  14. 17

    Harish Venkatesan

    February 14, 2014 8:09 pm

    Great post! The state of online education these days is amazing.

    We’re trying to contribute by building Designlab (http://www.trydesignlab.com). We feature free interactive design lessons, and we’re expanding now to more immersive, in-depth courses where you learn by doing projects and getting feedback from expert design mentors (http://www.trydesignlab.com/design-for-developers/).

    Happy learning!

  15. 18

    Love it! Thank you Smashingawesomemagazne!

  16. 19

    For learning a new language, I really like Duolingo.

  17. 20

    Great post!

    A nice catch all option is http://www.skilledup.com

  18. 21

    Fantastic Article!

    You should also add the University of the People http://www.uopeople.org which is the first Non-Profit,Tuition-Free, Accredited Online University.

    Thank you!

  19. 22

    duolingo.com for free language courses !!

  20. 23

    Thank you very much!

  21. 24

    Nikita Tselovalnikov

    February 15, 2014 12:04 am

    As far as I know, https://www.udemy.com is a pretty good resource for all sorts of learning as well.

  22. 26

    This is supa! Thanks! :D

  23. 27

    Don’t forget Duolingo in the Language learning section. Created by the same guy who made reCaptcha’s. duolingo.com

  24. 28

    Wow, what an awesome collection! Thank you!

  25. 29

    love u smashing guys…very valuable article for web developers..

  26. 30

    I am almost crying by the happiness I am feeling. thank you so much <3

  27. 31

    Christiaan Hemerik

    February 16, 2014 3:05 pm

    The one resource that’s missing here would be Gibbon.co! This startup launched last year and makes great use of so called ‘learning flows'; articles, blog posts, tutorials etc. all bound together in different flows that suit your interest. I was thinking of Gibbon right away when I came across this article and kind of expected to see it… :)

  28. 32

    BasicVersity.com is a pretty useful free tool to practice and improve your basic knowledge of Web development and lots of other topics – using randomized quizzes, flashcards and performance tracking. http://basicversity.com

  29. 33

    Kashif Muhammad Qasim

    February 17, 2014 8:51 am

    Truly Wonderful! Thank you for sharing…

  30. 34

    Good list. I guess Microsoft offerings aren’t hip enough, so here they are http://www.microsoftvirtualacademy.com/ or http://channel9.msdn.com/

  31. 35

    Thanks for the link!

    It’s a little odd that you chose to link to my blog, when you were talking about RubyTapas. RubyTapas can be found at http://rubytapas.com.

    Cheers!

  32. 36

    this is just sOOooo awesome!!! thanks for sharing ;)

  33. 37

    Thank you very much. Great article!

  34. 38

    Awesome collection!

  35. 39

    Great article, thank you!

    If you had to pick your favorite resource for design and your favorite resource for coding, which would it be for each?

  36. 40

    I have used some of these resources and they are great. You guys have compiled a nice list!

  37. 41

    Holy wowsers!! This is awesome. I had no idea most of these sites existed… wow, so much to learn.

    I’m glad to see you listed Khan Academy; it’s been a lifesaver for me through high school. However, I noticed you don’t have Duolingo under language sites? You really should; it’s amazing. And free.

  38. 42

    Lynda.com is the best. It should be on top of the list.

  39. 43

    Thank you, I have not enought money and time to attend a course and this is such a good list to improve competences. So it’s really big thank you! ;)

  40. 44

    There is also an educational platform on https://webina.rs
    They have got some courses for Web Designers too.

  41. 45

    Some useful resources here.

    I recently launched a social platform for storing code snippets called Snippet Repo (http://www.snippetrepo.com).

  42. 46

    PLEASE PLEASE PLEASE post more articles like this…this was great!!!!! THANK YOU!

  43. 47

    Thanks for the great list of web development advice sites. I am often looking for sites to help me with various things and finding sites with code snippets and examples is very helpful at times. Can I also recommend http://webdevelopment.support which is a QA site for web developers.

  44. 48

    Web development service

    April 28, 2014 5:29 am

    Thanks for the great list of web development advice sites. I am often looking for sites to help me with various things and finding sites with code snippets and examples is very helpful at times.

  45. 49

    Wowwww great article. I have found another very helpful article for the beginners in the link below:

    http://technology-vibe.com/blog/useful-learningcoding-sites-newbies/

    Thanks

  46. 50

    What about codebabes and codeacademy?

  47. 51

    This is really an amazing collection. i have also written a similar article to help out newbies.
    Mind checking it out?
    http://starscontest.com/blog/top-ten-resources-for-learning-web-development/

  48. 52

    i know of this one,
    http://www.developphp.com/

    its free not so sure how secure the code is thou…

  49. 53
  50. 54

    I think that Coding Avengers is a great way for someone like me who is a beginner to learn code. GREAT IDEA

  51. 55

    It is really useful and I have used some tips at my most famous website http://adeptcareer.in (Adept Career). Thanks for sharing such a useful information.

  52. 56

    You can also try http://www.kentwebsitedesignersnow.co.uk/learn-web-design-seo/ as a resource for learning Web design and seo online. Great hints and tips every month. Learn in the go. Simple to follow too.

  53. 57

    What about a code generator? I created one at http://webcodetools.com/. It lets you generate CSS3, HTML5, Rich Snippets (Microdata) and more.

  54. 58

    Nice Article for anyone who is new to web designing!!
    You missed http://www.w3schools.com/

  55. 59

    Very nice collection. All the shared platforms are good but personally I like W3schools.com. I have also written a similar article or assignment to help out newbies.
    http://accounting.researchmyassignment.com/

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top