Tutorials

November 28, 2013

30 Best Websites to Learn Design and Development

Some of the benefits of online education are really focused on money, personal time management, pace and real fun projects and active communities.

Recently I have published an interview with Matt Loszak who learnt iOS development himself and quit his day job to pursue entrepreneurial success.

Affordability

While most of the courses, studies and special workshops cost hundreds and sometimes thousands of dollars online education is the way to get demandable knowledge and skills and start working for any tech company or starting your own service-based business or creating products yourself.

Immersive communities

Learning with community is much more fun and efficient. It is like sitting in a class and having classmates helping you. You keep progressing because you are motivated by likeminded people and shared goals to learn something.

Learn at your own pace

You have a family, full time job and not much spare time. That is very understandable and that is why online learning is the way to your new career, you do not have to quit your job right now or attend classes where you’ll have spend your money and time commuting, paying for the classes and resources. Online learning gives you freedom to allocate 1-2 hours everyday after your work and family time to start pursuing your new career in design, development or business.

Build something real

While learning you shouldn’t learn just for the sake of learning, try to solve problem and your learning project might evolve into a business. Building real stuff is more interesting because you can ask people how would they use it, get feedback and fire up your motivation level every day.

Lets get started!

Treehouse

Treehouse

From $25/monthTopics: Web Development, Software Development, Design, Business.

One of the leading platforms to learn development and design online. Beautiful website, nice and clean interface, strong branding and practical courses from the industry leaders.

Tuts+ Premium

Tuts+ Premium

From $19/monthTopics: Web Development, Software Development, Design, Business, Video, Audio, Photography.

Definitely the biggest and very well-known network of tutorials in any tech subject starting from beginner to expert level.

Lynda

Lynda

From $25/monthTopics: Web Development, Software Development, Design, Business.

Lynda has been around for almost two decades and has been developing its platform full of valuable courses ranging from productivity, accounting, development, design and game design.

Codeacademy

Codeacademy

FreeTopics: JavaScript, HTML/CSS, PHP, Python, Ruby, API

Codeacademy offers you a free and interactive game to actually learn to code. Learn to build websites, games and apps.

Code School

Code School

$29/monthTopics: iOS, JavaScript, Ruby, jQuery, Git, Sass

Unique courses on various programming languages. You’ll love the gamified and nicely designed courses.

Udemy

Udemy

Free – $199/courseTopics: Business, Productivity, Web & Software Development, Design.

Many different course on various topics for all levels. It is like a marketplace of courses so you’ll get different lessons by different people.

Udacity

Udacity

FreeTopics: Programming, Computer Science, Math & Science.

Free online courses from “some” guys like Don Norman, Reddit co-founder Steve Huffman or an entrepreneur Steve Blank.

Ruby Monk

Ruby Monk

FreeTopics: Ruby

Free, interactive tutorials to help you discover Ruby idioms, in your browser. For every entry level, beginner, intermediate or advanced.

Skillfeed

Skillfeed

$19/monthTopics: Web Development, Design, Photography, Video, Business

Video tutorials on many fields including web development, design, photography, video and business.

Nettuts+

Nettuts+

FreeTopics: ASP.NET, Ruby, Python, PHP, CMSs, HTML/CSS, Databases

One of the best blogs out there for web development, many various coding languages and practical tutorials.

Don’t Fear the Internet

Don't Fear the Internet

FreeTopics: HTML, CSS

Very stylish guide to front-end development for the artistic folks. Friendly approach for print designers, photographers and artists.

Wptuts+

Wptuts+

FreeTopics: WordPress, Web Development

Whole website dedicated for WordPress development. Creating and implementing themes, custom plugins and smart workflow hacks.

Coursera

Coursera

FreeTopics: Business, Management, Engineering, Technology Design

Best online courses in the world from leading universities offered for free.

CSS-Tricks

CSS-Tricks

FreeTopics: HTML, CSS, jQuery

Industry leading HTML/CSS tutorials and tricks solving big problems in front-end development world.

Android Development

Android Development

FreeTopics: Android Design and Development

Your very first stop for Android development. Basics, best practices and in-depth tutorials on building Android apps.

SitePoint

SitePoint

FreeTopics: HTML, CSS, JavaScript, PHP, Ruby, Mobile, UX Design

A one-stop-shop for everything web design and development. Large collection of practical tutorials and real-world cases.

Codrops

Codrops

FreeTopics: Web Development, Web Design

Unique experiments on web design and development pushing the limits and innovating the industry.

Webdesigntuts+

Webdesigntuts+

FreeTopics: UX/UI Design, Web Design, Front-end Development, Typography, eCommerce

Huge collection of practical tutorials building WordPress, Tumblr themes, building complete websites from scratch and loads of quick tips.

Bento

Bento

FreeTopics: Everything Development

Everything you need to know about web development. Huge collection for almost every programming language.

KillerPHP

KillerPHP

FreeTopics: PHP, MySQL, Frameworks

Free tutorials on object oriented PHP, databases and frameworks specifically targeted for web designers.

Mobiletuts+

Mobiletuts+

FreeTopics: Mobile Design, iOS, Android and Blackberry Development, PhoneGap.

Many various tutorials for different mobile platforms. Tutorials range from beginner to advanced level.

PHP Academy

PHP Academy

FreeTopics: PHP, HTML5, JavaScript

Free web development tutorials on creating fun stuff like countdown, drawing app or a unique hit counter.

LearnStreet

LearnStreet

FreeTopics: JavaScript, Ruby, Python

Free coding courses building real-world projects and implementing your knowledge to build fun games and apps.

Tutorialzine

Tutorialzine

FreeTopics: HTML, CSS, PHP, JavaScript, AJAX, Angular JS

Dozens of useful tutorials building practical and reusable stuff like simple blog, sliders, web apps and much more.

SpoonGraphics

SpoonGraphics

Free – $9/monthTopics: Typography, Photography, Graphic Design, Illustration.

Creative and specific tutorials ranging from typography to illustration for beginners, advanced designers and digital artists.

Abduzeedo

Abduzeedo

FreeTopics: Typography, Web Design, Graphic Design, Illustration.

Tons of innovative tutorials on experiments in web, graphic design and illustration. Latest trends and most creative concepts.

1stwebdesigner

1stwebdesigner

FreeTopics: Web Development, Web & UI Design, Illustration, WordPress.

Various tutorials ranging from simple tips and design basics to complete website development from scratch.

W3Schools

W3Schools

FreeTopics: HTML, CSS, JavaScript, SQL, PHP, jQuery

Learn the basics of most popular coding and programming languages. Very simple examples and live preview for a nice play around.

Designmodo

Designmodo

FreeTopics: Web Design, Front-end Development, Illustrations, UI Design.

Lots of valuable tutorials on building practical stuff like login forms, widgets, drop-down menus and complete websites.

PSDFan

PSDFan

Free – $9/monthTopics: Designs Basics, Web Design, UI Design, Digital Art.

Awesome tutorials on digital art, web design, user interface design and lots of design essentials as typography, wireframes, colors and more.

Author

Tomas Laurinavicius

Adventurous designer and entrepreneur. Editor-in-chief at Despreneur and Product Manager at Refe. Currently based in Budapest, Hungary. Connect with me on Twitter.

15 Comments

  1. Probably missed the best one! onemonthrails…

  2. Hein Zaw Htet says:

    W3Schools is not a good choice :-D

    • Why so Hein? It is for the very, very beginning, I think getting the understanding of HTML, CSS, JS or PHP it is a good choice, I learned the basics of HTML there.

    • Nope, it’s awesome site. I learned all web dev from there and it was totally enough to understand everything. And for things which weren’t there Google helped :)

  3. Perfect list Tomas! Envato’s websites are my favorites :)

  4. This Blog Post was very informative and it helped me find a reliable place online where I can learn more about Website Development and Designs. Out of all the ones you pointed out I like the udemy one better hehe!

  5. Really Awesome collection of Online Education sites.

  6. Wow, this is real smart. You have brought the best on every field on one place. :) I’m already found of many in this list. I recommend it to anyone wishing to be the best.

  7. This is just what I was looking for! Here I sit at my computer wondering how I could make money via the internet, don’t know a thing about computer programming or how to make a website from scratch, but I guarantee I will in a couple of weeks or months.

    Thank you so much this will be extremely helpful to me and my financial future.

  8. Codeschool and Threehouse are 2 of the best.

  9. Thank You for awesome list.

  10. Great list, but you are missing the best one: Pluralsight (http://www.pluralsight.com/).

  11. Thanks Awesome list.

    There is also http://www.webdesignacademy.co.za. Some free and some paid courses.

  12. Browsing the internet looking for certain answers to every day problems related to programming, web design and other related problems can be a time-consuming task.

    Having all your eggs in one basket is always an ideal situation for anyone who needs to find these resources fast.

    I have bookmarked this page because it does offer some great resources to help me or others I will share this page with.

    Thanks for a great resource page.

  13. Great list. But I can’t believe I don’t see Smashing Magazine on there: http://smashingmagazine.com

    Also, I have a free 12-week email course to learn design: http://designforhackers.com

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>