Home / Design / Top 15 Websites to learn Web Design and Development
Top 15 Websites to learn Web Design and Development

Top 15 Websites to learn Web Design and Development

People are, at all times looking to enhance their skills at Designing and Developing websites. Formal education in this field is quite rare so in this article, I’m going to share the 15 Top Websites to Learn Web Design and Development from, more formally.

CSS-Tricks.com

CSSTricks.com 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.

If you were ever wondering what exactly is the difference between margins and padding, or how to animate a button using CSS 3, then you definitely got to visit CSSTricks.

And all this is free! Yes! Free.

css-tricks

CodeAcademy.com

CodeAcademy.com is in my opinion, the best among all! The interactive on-screen exercises never let your interest graph to drop. Courses are designed in such manner that makes learning enjoyable, especially when it comes to more complex computer languages.  The user profiles are also fascinating at CodeAcademy. Badges and points are awarded to users after completion of each exercise which makes your profile look more professional and impressive. Interaction with a large community of programmers also helps in learning more skills for becoming a better coder.

Lessons are available for HTML, PHP, JavaScript, Ruby and other languages too. And yes, all free of cost!

codeacademy

Advertisement

CodeHS

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.

codeHS

Dev.Opera.com

Dev.Opera.com caters articles for HTML5, JavaScript, SVG, CSS3 and other web technologies. Additionally, it also offers tutorials on Mobile, Add-Ons, and tv. Users can even share their knowledge with the community by submitting their own articles too.

dev-opera

CodeSchool

CodeSchool.com – Learn by Doing, as their slogan suggests, codeschool is yet another another online teaching website which is full of video lessons, coding drills, and screencasts  related to many renowned technologies. This includes Ruby, HTML/CSS and more significantly Iphone/Ios Programming Language( Objective C and Xcode).

code-school

KillerPHP

KillerPHP.com , as the name suggests, mainlycontain tutorials on the PHP programming language. These tutorials are indeed designed and made with killer precision. A newbie can learn right from the basics to advanced programming techniques through this website.

killerphp

Lynda.com

Lynda.com is one of the pioneers in providing online tutorials. It is in fact the largest database of tutorials on the web. Be it the Adobe Creative Suite, WordPress CMS, a Microsoft product or any other software/computer language, you can find approximately 2000(and increasing) lectures related to all these on Lynda.com.

Though these lectures are not free, the quality and superiority of these tutorials are worth the price and that too, isn’t that high. Memberships start at $25/Month. Lynda.com also provides a seven day trial period for its customers so that they are completely satisfied when they decide to pay.

lynda

NetTuts

NetTuts is part of the Envato’s Tuts network of blogs which contain detailed tutorials related to website development. The website is regularly updated with newer tutorials, tips and tricks and freebies too. Membership at this website starts at $19/month. This is pretty cheap if you examine the stuff you get to learn in return.

Often there are free articles posted at nettuts which are equally resourceful.

nettuts

P2Pu

P2Pu – Powered by Mozilla, P2PU provides free courses related to the web development. The good thing about this is that the lessons are available in even Spanish too.  Topics covered at P2PU include basic html, Advanced Coffeescript, PHP etc.

p2pu

Skillfeed

Skillfeed is a portal powered by the famous ShutterStock.com.  Courses are offered for technical and creative development and the website has a super user-friendly interface.

Monthly subscription costs around $19/month and a 7 day trial is offered too.

skillfeed

Treehouse

Treehouse is one of my favorite website which has made learning a totally different experience for me. It too contains brilliant video tutorials on web and mobile development. One can become a Android programmer, Iphone application Developer or a PHP expert taking the courses provided by TeamTreeHouse.

treehouse

Udacity

Udacity offers affordable, accessible and interactive classes to students across the globe. Crash courses for web designing are available too.

udacity

Udemy

Udemy.com is another growing website which provides training for web development and other technologies. The courses are available at different prices and also contain some free videos, through which one can get an idea of the professionalism and quality in their teaching material. Udemy is also optimized for ipad/mobile which serves as a portable teacher to many students across the globe. Web development courses at Udemy are highly regarded by many top notch programmers and have been featured in many popular technology blogs.

udemy

W3Schools

W3Schools.com is the place with loads of knowledge related to web development, all for free. It contains tutorials ranging from basic html scripting, css styling, to advanced server side scripting in php. The live editor feature enables the user to write and test the code directly in the browser.

Also, w3schools.com offers an online certification program, where you can get certified in the widely used web technologies.

w3schools

Wptuts

Wptuts is also part of the chain of the Envato Blogs. It deals with the most popular CMS on the web – WordPress. This too works the same way as NetTuts and is also worth a try!

Also, there’s another blog part of this network which completely deals with web designing http://webdesign.tutsplus.com/.

wptuts

Best of luck!

About Ali Zohaib

O-level student at St. Patrick’s High School, Karachi. I am an avid designer, part-time blogger and technology enthusiast. Recently I became a Microsoft Certified Technology Specialist.

20 comments

  1. Good collection some are totally new to me. Thanks

  2. even if the sites listed here for learning design / development are over 95% similar to other ones I’ve read, its still a valuable list and worthwhile post because its presented differently and I’m reminded again of what a great gift of life the internet has become. these days you don’t have to be wealthy to get educated!

  3. Great collection. Thanks for sharing.

    Is w3schools really a good resource for learning web development? http://www.w3fools.com/

    Some other good resources are MDN https://developer.mozilla.org/en-US/ and Webplatform http://www.webplatform.org/

  4. Since the list has so many paid services, I would add pluralsight ( http://www.pluralsight.com ), very similar to lynda.com

  5. Website Designer Toronto

    Great resource! Thanks for sharing this informative post.
    WRS Builder

  6. Hi…good post,really very informative about the web design & development..Thanks..Keep sharing.

  7. Hi . Thanks for this websites list , they are very helpful .

  8. web design singapore

    Wow great information Thanks for sharing valuable..

  9. Good information. I use w3schools and it’s one of best websites to learn basics in web designing languages easily.

  10. Grate collection. This post is valuable.

  11. Thanks for your great information, the contents are quiet interesting.I will be waiting for your next post.

  12. Thank you for sharing your valuable information,this is very useful information for online learners

  13. Hi Ali Zohaib!
    Thank you so much for sharing such a kind knowledge about the learning of web design and development. Really it is a best solution for the people who learn online. If any of the person having problem in web development and designing I’ll surely recommend them to surf your site. Really impressive one!
    Thanks again Ali Zohaib and wish you best of luck.

  14. How about https://frontendmasters.com/courses/? Is this course being compared with others?

  15. Website Designing

    I am very happy to read your articles it’s very useful for me,
    and I am completely satisfied with your website.
    All comments and articles are very useful and very good.
    Your blog is very attention-grabbing. I am loving all of the in
    turn you are sharing with each one!…

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>

Scroll To Top