Note: A guest article by Anees. More details about him after the post.

Web-development-Resources-DIY-web-design

I don’t know if any of you considered going to a school to learn web development. None of the web developers I know (that includes me too) learned it from a teacher. We learned it ourselves.

With a plethora of resources available both online and offline (web sites and books that offer tutorials on web technologies), you can be your own teacher.

Below are 10 terrific resources you can utilize to learn Web development yourself.

1. W3Schools

W3Schools

This is where I started learning. W3schools offers tutorials on everything you need to learn to make a website. They cover 30+ topics including HTML, CSS, JavaScript, JQuery, and PHP. You can see the full list on the left side navigation bar of the site.

For client-side technologies, they offer a ‘Try it yourself’ editor so that you can modify the code of a particular example and see the result right there, in your browser. Give it a try here. The site sports a minimal design that is easy to look at.

Via their optional online certification program, you can get certified for a fee of $95 (per course).

2. Tutorials Point

Tutorials-Point

Tutorials point offers more than just web development and a lot more than what w3schools does. The courses include, Java, Python, Ruby, C and Perl.

They too have an online editor, similar to W3Schools’ ‘Try It Yourself’ editor where you can Edit HTML, CSS or Java Script Code in left box and click Preview button to see the results on right panel.

3. Codecademy

Codecademy

Codecademy is the easiest way to learn how to code. It’s interactive, fun, and you can do it with your friends. From Codecademy’s About page: “Codecademy was created out of the frustrations Zach and Ryan felt with learning how to program. Tired with less effective text and video resources, Ryan and Zach teamed up to create Codecademy, a better, more interactive way to learn programming by actually coding.”

The courses offered are limited to JavaScript (Python and Ruby lessons are on their way), but it covers the basic programming concepts that are common to all programming languages.

I recommend signing up for an account, though you can take the course without one, so that you can keep the score and badges you earn and save your progress.

The list of courses offered can be found here.

Codecademy labs, another great service from them, is where you can program in Ruby, Python, and JavaScript online, without the help of an IDE.

4. About.com

About.com

About.com, owned by the New York Times Company, teaches you everything, from cooking to Buddhism. According to the site, they cover more than 88,000 topics and add more than 1,600 pieces of new content each week.

You can learn web design from About’s guide Jennifer Kyrnin here. Subscribing to her newsletter and the daily CSS tip is highly recommended.

5. DevelopPHP

DevelopPHP

With DevelopPHP, you can learn various web design and development courses online for free. You can get our hands on textbook style courses covering popular web development technologies, high quality video tutorials on web application programming logic, elite vector art training, 3D graphics, and web animation training. More over, you’ll get steady supply of educational material as technologies evolve.

6. JQuery fundamentals

It’s a book authored by JavaScript application developer Rebecca Murphey. The book covers everything you need to learn about JavaScript and JQuery. It’s available online under Creative Commons license at here. No download required.

7. Dive into Accessibility by Mark Pilgrim

Dive into Accessibility will help you to develop a more accessible web site in 30 days. From the book: “…it will answer two questions. The first question is “Why should I make my web site more accessible?” If you do not have a web site, this book is not for you. The second question is “How can I make my web site more accessible?” If you are not convinced by the first answer, you will not be interested in the second.”

The soft copy is available for free here.

8. BONUS: E-Books

If that isn’t enough, Mashable has compiled a list of 10 essential free E-Books (available in PDFs / HTML) for web designers that covers almost every aspect of design, from planning your business and managing your time, to designing web applications. Read it here.

Go offline.

If you are serious about web designing, consider buying the books below, so that you can learn offline. They can also save you from getting bored while on the toilet.

9. Head First Web Design by Ethan Watrall & Jeff Siartro

Head-First-Web-Design

Head First Web Design — is one of the best books available on web design, published by O’Reilly Media. Whether you’re building a personal blog or a corporate website, with this book, you’ll learn the secrets of designing effective, user-friendly sites, from customer requirements to hand-drawn storyboards all the way to finished HTML and CSS creations that offer an unforgettable online presence. Books in the ‘Head First’ series are well designed and make learning easier. Other titles in the series that you may love are Head First JavaScript, Head First PHP & MySQL, and Head First AJAX.

10. Responsive Web Design by Ethan Marcotte

Resposive-Web-Design

Responsive Web Design details the principles behind responsive web design. It explains well how to create sites that react to the user’s needs, beyond the desktop and craft beautiful designs for mobile browsers / netbooks / tablets. Published by ‘A Book Apart’. A book you should keep.

* Title image credit: stock photo.

Conclusion:

If you’re a web developer, you’re frequently in the hunt for ways to develop your expertise, enhance your tech tank, and continue on top of the hottest courses in web development and design. Whether you like to learn a new coding language, keep updated about new stuffs, refresh on best methods, or purely be encouraged by superb illustrations from your friends, hope I’ve gathered enough terrific resources to help you get started and keep going.

Do you know an awesome resource that I missed? Is there anything you would like to add? Let me know in the comments.

Author box:

AneesAuthor name: Anees

About: Anees is a Computer Science & Engineering student, blogger and a web developer from Kerala, India. He is blogging about web development and social media on Tech Lessons. You can get in contact with him on Twitter or Facebook.

P.S. If you like to contribute an awesome guest post on arkarthick.com, please contact me HERE with the subject line : Guest Post (or) send me a DM on Twitter @arkarthick.

Related Posts Plugin for WordPress, Blogger...

Popularity: 3% [?]

Buffer

Viewed 1,592 Times Recently.

Tags: , , , , , , , , , , , , , , , ,


If you enjoyed this post, please consider leaving a comment.

Subscribe to RSS Feed (Or) via E-mail to stay up-to-date.

Meanwhile, please take a moment to share it with others and Save/Bookmark in your favorite Social Networking/Bookmarking Sites:



  • Laren

    Thanks for this list. I’ve been trying to self learn PHP and MySQL and the problem that I come across a lot is outdated information. I wish there were a standard for putting dates on web pages and articles. Anyway, there were a couple on your list that I hadn’t thought of or tried and I will give them a look. Thanks again.

    • http://techlessons.in/ Anees

      Hi Laren,

      Glad that you found the post helpful. If you are new to PHP, I recommend starting with W3schools and Head First PHP & MySQL. :)

      • Laren

        Thanks for the recommendations, I will look in to them. One site I found very easy to follow is http://www.tizag.com/ but when I started doing the PHP tutorials I found that the code being taught was outdated. It kind of threw me off. I have figured out a little more since that happened and I am thinking about looking at it again and seeing if I can work with it.

  • anuj

    Thanks for the resources.I have been trying to learn Python but when i think of making some small application i loose my patience since not having the command over the language.So i am thinking first try to get some open source developed on python which i can use and debug to better understand the framework.
    So do you have any idea of web applications in python.
    Thanks

  • http://www.bestlaserdistancemeters.com/ David @ laser distance meters

    Thanks for the article Anees. I love being my own teacher. The question is, do employers value self-study? The answer is, usually no. Most employers prefer formal training especially if it can be certified. I would love to see an article on this topic.

    • http://techlessons.in/ Anees

      Hi David,

      You have a point. There are only a few employers who value self-learning and most of them are college dropouts. :)

  • http://tech18.com Sunil Jain

    Hi Anees,

    I personally don’t recommend anyone to use W3Schools, because they are not well maintained and updated like Wikipedia. Although they do provide Certificate courses, but they are nowhere affiliated to W3C in anyway.

    There’s a site supported by many Developers ~> http://w3fools.com/ , which explains very clearly why W3Schools is Harmful to any beginner or advanced programmer.

    I have myself blocked w3schools.com sites in my Google Search using Google Blocker Extension and hence it has given me the best results and answers I’m always looking for.

    I would like to hear from you buddy !!

    Happy Blogging :D

    • http://techlessons.in Anees

      Hi Sunil,

      I started learning from W3schools, but never went back for reference. I’ll checkout w3fools to see what they’ve to say. Thanks for the reply :)

  • http://news.experiencenottinghamshire.com/ Olly Poole

    I am really impress cause there’s no need for me to took web development courses on schools cause I can personally inherit myself ideas from these sites. Thanks for these very obscure listing cause it helps me a lot.

    • http://arkarthick.com/ Karthick AR

      These are some of the best places to learn web design, web development online. I’m glad you’re finding it useful. Thank you.

  • http://www.korelix.com/ web designer philippines

    Thanks for sharing these valuable web design resources. I think I need a refresher. Will look into them in detail later (except for the ‘head first book”).

    • http://arkarthick.com/ Karthick AR

      I’m really glad to be of some assistance. These are very valuable resources indeed. Thank you!

  • Rohiteshwar

    I want to make career in the web designing field and this post really helpful for me.

    • Anees

      Glad that you liked it :)

  • http://www.learnstreet.com Joanne

    You can learn Ruby, Python, and JavaScript for free at http://www.learnstreet.com

Bloggers connect!


A R Karthick - Find me on Bloggers.com

    • Entrepreneur, Blogger, Photography/Designing/Social Media - Enthusiast. Humorous, Creative & Positive Thinker. Love to be a Friend & Seek/Share Awesome Things!
© 2010-2013 arkarthick.com | Author: A.R.Karthick Performance Optimization WordPress Plugins by W3 EDGE Suffusion WordPress theme by Sayontan Sinha
201 queries in 0.975 seconds