30+ Resources for learning web design & development

September 10, 2013 · 4 comments

by Anders

Learning the basics of web design and development is useful for more or less anyone today. Being able to get something online is not only creating a potential job and freelance income opportunity. It is also useful if you want to start your own blog and create a following online. While it is indeed possible to take expensive training classes or buy books, you should know that it is possible to learn a lot from completely free online services. There are tons of websites specializing in providing structured information and tutorials to help you boost your leaning process.

In this article, I have collected more than 30 great resources to help you get started learning web design and development. Let me know if I missed a great resource in a comment and please help me by sharing this article with your network.


ElegantThemes
ThemeForest

Advertisement

 

W3 Schools – MORE INFO

w3schools is your first stop in learning HTML and CSS, here you will learn how to make a website.

w3schools is your first stop in learning HTML and CSS, here you will learn how to make a website. They offer free tutorials in all web development technologies.

Web Design Tuts+ – MORE INFO

Webdesigntuts+ is a blog made to house and showcase some of the best web design tutorials and articles around.

Webdesigntuts+ is a blog made to house and showcase some of the best web design tutorials and articles around.

Net Magazine – MORE INFO

Net Magazine, is stuffed with great tutorials on pretty much anything you can imagine, need a tutorial on HTML, CSS, JavaScript, jQuery, then they are your go to guys.

Net Magazine, is stuffed with great tutorials on pretty much anything you can imagine, need a tutorial on HTML, CSS, JavaScript, jQuery, then they are your go to guys.

CSS-Tricks – MORE INFO

CSS-Tricks is the place where you can polish your web design skills.

CSS-Tricks is the place where you can polish your web design skills. Any query you may have related to the world of cascading style sheets, can be resolved here.  It has a complete knowledgebase of the css syntax with vast explanations and examples.

Code Academy – MORE INFO

CodeAcademy has an interactive on-screen exercise that makes it one of the best.

CodeAcademy has an interactive on-screen exercise that makes it one of the best.  Courses are designed in such manner that makes learning enjoyable, especially when it comes to more complex computer languages.

Code HS – MORE INFO

CodeHS is founded by Stanford University Students. Its aim is to provide knowledge related to the field of computer science.

CodeHS is founded by Stanford University Students. Its aim is to provide knowledge related to the field of computer science. There are a variety of courses offered and are cheaply priced.

Google Developers – MORE INFO

The Google Developers University Consortium offers a ton of great courses for developers interested in working with Google products.

The Google Developers University Consortium offers a ton of great courses for developers interested in working with Google products.

Opera Dev – MORE INFO

Dev.Opera can help you learn all the latest open web technologies, including JavaScript, CSS3, HTML5, and SVG.

Dev.Opera can help you learn all the latest open web technologies, including JavaScript, CSS3, HTML5, and SVG.

Lynda.com – MORE INFO

Lynda.com is one of the largest premium tutorial sites for software, business, and creative topics.

Lynda.com is one of the largest premium tutorial sites for software, business, and creative topics.

Code School – MORE INFO

Codeschool is yet another another online teaching website which is full of video lessons, coding drills, and screencasts  related to many renowned technologies.

Codeschool is yet another another online teaching website which is full of video lessons, coding drills, and screencasts  related to many renowned technologies.

KillerPHP – MORE INFO

Killer-PHP

P2PU – MORE INFO

P2PU

Smashing Magazine – MORE INFO

Smashing-Magazine

Quackit – MORE INFO

Quackit

TreeHouse – MORE INFO

TreeHouse

Don’t Fear the Internet – MORE INFO

Don't-Fear-The-Internet

Udacity – MORE INFO

Udacity

Udemy – MORE INFO

Udemy

HTML Dog – MORE INFO

HTML-Dog

Tuts+ Free Courses – MORE INFO

Tut -Free-Courses

Skill Feed – MORE INFO

Skill-Feed

Coursera – MORE INFO

Coursera

Tuts+ Premium – MORE INFO

Tuts-Premium

HTML.net – MORE INFO

HTML.net

About.com – MORE INFO

About.com

Timothy Training – MORE INFO

Timothy-Training

Open Learn – MORE INFO

Open-Learn

iTunes – MORE INFO

iTunes

Academic Earth – MORE INFO

Academic-Earth

Web Design – MORE INFO

Web-Design

W3.org – MORE INFO

W3.org

Author : Anders

Anders is Co-founder of Tripwire Magazine. He is into WordPress topics, Web design, Web-development and also interested in SEO and Online Marketing. He has started Splashmagazine.com and he’s also writing for other blogs. Anders is a passionate blues musician and a family-man, as well.

{ 4 comments… read them below or add one }

Adil Meo October 24, 2013 at 3:06 pm

i think w3schools is best ! however we should also try these other sites ! thanks 4 this useful article :-)

Reply

Arun Kallarackal October 6, 2013 at 2:43 pm

I’ve been using w3 schools for some time now. But I’m eager to try out other sites that you’ve mentioned here. Thanks!

Reply

Steve October 5, 2013 at 12:40 am

Great peice.

Does anyone know where’s the best and most practical place to learn wordpress?

Reply

Victoria September 13, 2013 at 12:27 pm

Its great there are so many resources allowing to learn online and recently even get high educatuion online. Now not only people from big cities can get super quality education + money barriers are also falling. Now you just need to have a desire to learn and you can study in best universities online hearing lectures and reading books of top professors for free – and it’s wonderful!

Reply

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>

Previous post:

Next post:


Web Analytics