11 Great Sites to learn Web Development Online

11 great places to learn web development online

Perhaps you had been to design school, learning web design skills that are actually quite outdated and not practical anymore, and been wondering where is the best place to learn the best practices of web development. Well, in this post I will show you some really useful sites that teach you real web development skills.

Personally, I think that the best place to learn about web design or development is going to be on the net. Those dedicated sites, blogs and tutorials are very useful which one might hardly get to learn this in school. Without further explaining, here are the 11 great sites to learn about web development online.

Code School

In Code School, you can learn front end development in a very entertainment and effective way. Not only it provides video explanation and useful notes in PDF, you can also learn by coding immediately with the code challenge given. There are free courses but you can also enroll with just USD25 a month.

Code School

Codeacademy

Codecademy is the easiest way to learn how to code. It’s interactive, fun, and you can do it with your friends. Currently it has only 4 courses and mainly focusing on Javascript. It is a great place to learn basic Javascript.

Codeacademy

30 Days to Learn HTML & CSS

This is a free premium tutorial from Tutsplus. With this 30 days course, you can learn the essential knowledge of HTML and CSS. In the end, you can build a web page with confidence! Besides that, you can also become a member to access to more premium tutorials.

30 Days to Learn HTML & CSS

Don’t Fear the Internet

This is a website with unique name. Perhaps it addresses out non-designers’ fear of creating web pages. Well don’t be fear! This website provides useful and entertaining videos that talk about basics of HTML and CSS and also the idea of it. Recommended to check them out!

Don’t Fear the Internet

Web Development From Scratch

This is a NetTuts’ session “Web Development From Scratch”. Well, it covers the basics of Web building and also telling you which is the right tool for development. Dedicated to beginners and also designers that would like to refresh their basic skills.

Web Development From Scratch

Dot Install

This site is completely in Japanese and it also has a lot of video tutorials covering front end development as well as back end and more! And the videos are normally short and straight to the point. And it’s free!

Dot Install

Mozilla Developer Network

Well w3schools might be a good place to learn, but Mozilla Developer Network (MDN) is a better choice. Learn, browse and experience what the latest web technologies with the resources and demos provided. Definitely an awesome site for reference and inspiration.

Mozilla Developer Network

Team Treehouse

Tree House is a famous online learning site under Think Vitamin. You will find many useful video tutorials about HTML, CSS, Javascript and also many other stuff to learn! Just subscribe to the monthly plan and you can access to the entire library.

Team Treehouse

HTMLDog

HTMLDog is another useful site to learn about web development. It categorize the difficulties into 3 levels: beginner, intermediate and advanced, which is really easy to follow and understand. The clean structure also make this site easy to navigate too.

HTMLDog

SitePoint

SitePoint, a popular book publisher, also has a great resources on its online portal. Check out the resources which include HTML, CSS and Javascript references and more.

SitePoint

Ontwik

Ontwik is a website mainly contains videos covering many aspects of web development. The tags on the sidebar makes users to find targeted topic easily. This is a video site for real developers and designers.

Ontwik

End Word
Basically above are the websites that I would like to introduce today. As you can see, all those sites are for individual learners, if you want to learn online with a group of people, perhaps you can head to P2PU, a great location to learn with your peers. Well, if you have other great sites to introduce, feel free to suggest by using the comment form below.

Similar Posts:
Powered by Shutterstock

Comments

  • Yoeri

    Thanks a lot! Finally someone made a good list that hopefully will help me out. Cheers.

    • jayhan

      You are welcome!

  • http://www.scenestitchers.com Wen

    I always find your posts informative. there’s always something new in here.

  • http://www.dev-hq.net/ Joe

    Generally seems like a pretty good list!
    I also find that http://www.dev-hq.net/ is insanely helpful

    • jayhan

      Hi Joe, thanks for the site intro!

  • http://askpeople.org panda pati

    Are their other great sites like codecademy , learnstreet etc. where I can learn php .