100 Awesome Resources Help You Become Web Designer and Developer

This is the 7th part of web coding series. Read the previous articles here. Part 1, part 2, part 3, part 4, part 5, part 6.

Many beginners fall in a pitfall, figuring out which programming language is best to learn first.

When I started, I was surrounded by people who asked me to learn Joomla. They thought Joomla is better than WordPress. Some said go with .NET/Sharepoint. Even worst, some said I must learn most famous languages & technologies!….

….When you find yourself at crossroads like this, the best way to go ahead is to follow your heart out. It doesn’t matter whether Joomla is better or WordPress is better. It also doesn’t matter which has most jobs in market.You will only enjoy doing stuff that you really love. That is a reason you will do that stuff so often that you will end up mastering it!

Quotes from the interview with Rahul Bansal, founder of rtcamp.com. Read the full interview here:  Interview with 10 web developers/ web designers

In the end, language doesn’t matter very much. Understanding data and control structures and design patterns does matter very much. Keeping this in mind here is the list of 100 resources that I believe would be useful for web designer / web developer aspirants.

Don’t forget to share a comment if you think I am missing some important resources in this list. Feel free to share your own work.

Table of Contents

1.Tutorial sites

2. Forums

3. Books

4. Paid Sites

5. Video Tutorials

6. Must Read Blogs

7. Cheat Sheets

8. WordPress Tutorial Sites

9. Certification

10.Expert Voice

11. Other Resources

Tutorial Sites

If you want to learn web designing for free online, there are numerous tutorial sites on web teaching web technologies. Some of the important sites are listed below.

1. W3schools.com

W3schools.com is probably the number 1 tutorial site which teaches almost all the web technologies for free. Apart from normal tutorials and references, it also provides a platform to test your skills using Try it Yourself editor. Just edit the code and find the output instantly with ease. It also offers an online certification program, where you can become certified in the most popular web topics.

2. Codecademy.com
“Learning is fun” is the motto of Code Academy. You won’t feel like you are learning some complex stuff here. It is just like playing games with your friends and having fun.

3. Tizag.com
Tizag is designed to teach beginner web programmers HTML, CSS, PHP, etc. Like w3schools you could not get an awesome feel here. But it is one of the best reference sites regarding web coding on the web.

4. WebDesign.About.com
As you know About.com is not a typical tutorial site. But one thing what about.com make different is that they provide free email web design course. You just need to sign up their web design newsletter and learn web coding by reading emails. This course is aimed at beginners.

5. HTML Dog

One of the best resources for web designers related to HTML and CSS.

6. w3c

Learn Standards of Web designs from the inventor of World Wide Web.

7. DevShed

The no.1 open source web development tutorials.

 

Forums

Get answers for your doubts and help the fellow members by sharing your knowledge. Here are some most responsive forums on the web.

8. Sitepoint forums

This is one of the most active and responsive forums on the web. The forum is not only dedicated for the web designers and developers. But there are many important sections like design your site and program your sites and more.

9. Designers Talk Forum

The complete forum is dedicated for various designers.

10. Dynamic Drive Forum

This is a complete web development forum.

11. Ozzu Forum

This forum covers web design and development topics. They also cover Graphics, Internet Marketing and more.

12. Web design chat

Another superb forum for web designers.

13. Kirupa.com

The forum has over 100,000 members. It’s a web design forum that has a strong trend toward Flash and Gaming.

14. Digital Point Forum

If you are a frequent searcher on internet with the questions regarding web designs or internet marketing, chances are more that you might have reached to this forum. This forum has an excellent market place also

15. Dev Shed Forum

It focuses on programming mostly, though it does cover general web design topics, and graphic design as well.

16. CodingForums.com

This is an active forum focused on coding. Many of the languages covered are for web design.

17. HTMLforum.com

Website Design and Development are topics covered. It also covers Server Administration, Marketing, and Business topics.

 

Books

Buy Book from Amazon and learn various web technologies.

18. HTML and CSS: Design and Build Websites

A full-color introduction to the basics of HTML and CSS from the publishers of Wrox. Perfect for newbies. Introduces HTML and CSS in a way that makes them accessible to everyone—hobbyists, students, and professionals.

19. Web Design: All in One for Dummies

This includes five minibooks provide deep coverage: essential pre-design considerations, how to establish the look of your site, building a site, how to test your site, and taking your site public. The book contains 650+ pages on the latest tools and new web design standards, such as HTML5, CSS 3, and other core technologies and page-building strategies.

20. Learning Web Design: A Beginner’s Guide to (X)HTML, StyleSheets, and Web Graphics

Everything you need to know to create professional web sites. By the end of the book, you’ll have the skills to create multi-column CSS layouts with optimized graphic files, and you’ll know how to get your pages up on the Web.

21. DreamWeaver CS5.5: The missing manual

As we all know, Dreamweaver is software used for designing and managing professional-looking websites, but it’s somewhat complex program. The Missing Manual comes in. With its jargon-free explanations, 13 hands-on tutorials, and savvy advice from Dreamweaver expert Dave McFarland, you’ll master this versatile program with ease.

22. Learning PHP, MySQL and Java Script: A Step by Step Guide to Create Dynamic Websites

This book is carefully paced for non-programmers. If you’re familiar with HTML, using the information in Learning PHP, MySQL, JavaScript and CSS, you will quickly learn how to build interactive, data-driven websites with the powerful combination of PHP, MySQL, JavaScript and CSS – the top technologies for creating modern site

23. Web Application Architecture: Principles, Protocols and Practices

This book goes through In-depth examination of concepts and principles of Web application development

24. Creating a Web Site: The Missing Manual

You’ll never find creating a website is that much easy. Read this book.

25. WordPress Theme Design: Complete Guide to Creating WordPress Themes

This book is perfect if you are looking forward to learn building wordpress theme from expert. The author Tessa Blakeley has years of experience in web and multi-media development.

26. Justin Tadlock’s Professional WordPress Plugin Development

The author Justin Tadlock is the founder of hybrid wordpress theme company. This book is meant for professional web developers who wanted to learn wordpress plugins.

 

It is true that there are many free web design learning tutorial and references sites. But if you want to become a professional web designer, apart from the learning materials and valuable references you may need some expert instructions and frequent advice, tips, and feedback regarding your work. Checkout some paid sites here.

27. WebDesign.com

This is professional training site founded by iThemes, wordpress theme company. You will get 400 hours of professional web design training. Read my review of WebDesign.com here

28. Lynda.com

This is an online software training course and gets on-demand access to the entire video tutorial library. The software course includes for audio, photography to web interfaces.

29. Tutorials Galaxy

This Web Design Course include Photoshop, Dreamweaver & Flash Tutorial.

30. how to build website

Learn to build modern Web sites with HTML and CSS. Four hours of video tutorials for total beginners for $29.99

31. Learnable

Online paid learning for web designers and developers

32. Tuts+ Network paid

Paid members can access ibrary of courses, tutorials and eBooks.

33. Graphics and Web Design- Arena Multimedia

Arena Multimedia is a leading company in animation and multimedia. Learn graphics and web design from them.

34. Killer videos

Killer paid tutorial videos for web designing and web programming aspirants.

35. Become Web Developer from scratch

Learn all the programming languages needed to become a Web Developer from scratch including the new HTML5 and CSS3 for $199.

36. Asp.net

ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript. ASP.NET supports three approaches to build web sites

 

Video Tutorials

Learn web designing by watching videos.

37. Killer Sites Video Tutorials

Killersites.com offer several useful resources to make learning web design easy.

38. Killer PHP Video Tutorials for Web Designers

Perfect PHP tutorials for web designers

39. Tentonbooks.com Videos

Watch web designing video series from tenton books.

40. Turning Web Template into WordPress Theme

Watch an awesome video of turning web templates into WordPress theme.

41. DevelopPHP

Watch videos and learn Web Development and Graphic Design Online 100% Free.

42. Video Lecture

Watch 10 lectures from IIT India, Harvard University to Google.

43. YouTube Web Design Tutorial Channel

A nice youtube channel to help you out to learn web designing.

44. Video Sitepoint

This link will lead you to the video learning section of the famous sitepoint site.

 

Must Read Blogs

45. Smashing Magazine

May be the best blog on web design on internet.

46. Freelance Switch

This blog covers a vast array of topics about life as a freelancer. This will definitely help freelance designers and developers.

47. Web Designer Wall

Blog of design ideas, web trends and tutorials.

48. Web Designer Depot

This is an exciting platform designed to explore different web and graphic design techniques, great examples and best practices.

49. Bittbox

A nice site for web designers

50. WDL

Another nice blog for web designers.

51. Hongkiat

Malaysian site rocking on web design and development.

52. A List Apart

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices

53. Dev Lounge

Devlounge is a site for people working and enjoying the web.

 

Cheat Sheet

Click the below given links to download free PDF cheat sheet eBooks of HTML, CSS, XHTML, JavaScript, PHP, Python, SQL and WordPress.

55. Cheat Sheet 1

HTML Cheat sheet help you to tweak your website making

56. Cheat Sheet 2

A useful CSS cheat sheet for beginner. Click the link and download pdf

57. HTML/ XHTML quick reference

Download this pdf. It is one of the best ebook for HTML/XHTML.

58. JavaScript Cheat Sheets

This cheat sheet help you to learn javascript.

59. PHP Cheat Sheet

This is a list of useful PHP cheat sheet from addedbytes.com

60. Python

Get a list of useful pdfs from addedbytes.com

61. SQL Server

This is another added bytes resources of SQL cheat sheet.

62. WordPress

WordPress cheat sheet from skidvis.com

 

WordPress Tutorial sites

Learning wordpress from official wordpress documentation site is great. But sometimes for beginners it alone would not be enough. So here I am listing sites that help you to learn wordpress development.

63. WordPress Developer Documentation

Learn wordpress from official site. Another important links from the same site is listed here: Theme Development, Writing a Plugin

64. WordPress Cheat Sheets

List of WordPress Cheat Sheets.

65. PHP Master WordPress Plugin Development

Learn how to develop wordpress plugin from PHP Master.

66. net.tutsplus.com WordPress Plugin development

Crash course of WordPress plugin development from tutsplus.com Another important links are added here from the same site. Developing WordPress Theme using responsive framework, How to Create a WordPress Theme from Scratch

67. WordPress.tv

Official WordPress video tutorial site. Here are some great videos from the same site

Video tutorial WordPress Plugin Development

Video :WordPress Theme Development

68. ThemeShper- Creating WordPress Theme

Learn how to create wordpress theme.

69. Designing for WordPress: Complete Series

Read the complete series of article of designing for wordpress

70. How to Build A WordPress Theme From Scratch

Learn how to build wordpress theme from scratch from Developer drive.com

71. Create a Typography Based WordPress Blog Theme

Learn how to create a typography based wordpress blog theme.

72. The anatomy of WordPress Theme

The anatomy of wordpress theme is a must read for beginners.

Certification

Certifications will only look good on a resume if the person reading it would be predisposed to trusting the certification and the authorities that offer it. Mostly people don’t accept certification as a sign of competence or knowledge. Anyway if you want to get certified for various web technologies online this list will help you.

73. Zend Certification

The best PHP certification on the web.

74. HTML 5 Microsoft Certification

Get certified on HTML 5 from Microsoft.

75. CIW

The Certified Internet Web Professional (CIW) education program was created by a community of Web designers and developers in the late 1990s. The CIW Associate certification only requires one exam..The exam covers internet, page authoring, and networking basics.

76. CAW (Certified Associate Webmaster)

The Certified Associate Webmaster (CAW) Exam, created by the World Organization of Webmasters, was first offered soon after October 20, 1998. World Organization of Webmasters exams are a series of vendor neutral industry standard certification exams

The CAW certification is offered by WOW and covers most of the basics with a focus in markup and scripting. One exam is required, costs $125 and is available through VUE.

77. DreamWeaver 8 Developer Certification

Get certified on Dreamweaver 8, one of the best software that help you to design web pages.

78. Microsoft Certified Solutions Developer (MCSD)

Microsoft Certified Solutions Developer (MCSD) has been reinvented for today’s marketplace, empowering developers using Microsoft Visual Studio to build and deliver high-value applications that are accessible on any device.

79. W3Schools certification

You can get certified on all web technologies. You can get certified for just $95.

80. CodeChef.com

CodeChef is not a certification program. You can practice, improve your programming skills and compete with other techies on codechef. Learn more about codechef here.

81. Google Summer of Code

Google Summer of Code is an internship open source program for students sponsored by Google. This is not a conventional certification program. You can work for an open source project and after completion Google will provide you a certificate and stipend. You can get download my book regarding Google Summer of Code here

.

Expert Voice

There is no best way to learn something than learning it from someone who has been there. So here are the stories from real experience from successful web designers and web developers.

82. Interview with 10 web designers and developers: “how they became Web designers/developers

Building a web developing career is a tougher task because schools don’t teach you how to start your freelancing web designing career. So I’ve conduct an interview with 10 successful designers and web developers asking 2 questions: How did you became web designer and what advice will you give to those who wanted to be a web designer. Read the full interview here. Also read the 2nd part of the interview

83. Why I created a WordPress theme framework

Justin Tadlock, the founder of hybrid theme explains why he has created a wordpress theme framework. This article is a perfect explanation of wordpress theme framework and its features.

84. Why I became a Web Developer

Freelance web developer Amber Weinberg tells why I became a web developer. Read my interview with her

85. Scott Granneman

Scott Granneman explains how he became a web developer.

86. How I became a web designer

Bnonn Tennant shares his story.

87. My advice to anyone planning to become a web developer

Must read for those who are willing to become a web developer.

88. How to Create a Web Design Portfolio with No Job Experience

Are you just getting started and don’t have a portfolio to show your clients. Here is how to create a web design portfolio with no job experience.

89. Why I am successful now as web designer

Mark Atkinson shares his story.

 

Other Resources

These are some resources helpful for web designers and web developers.

90. 30 Open Source Apps

30 useful open source apps for web designers.

91. 100 Resources for Web Designers

100 fantastic resources for web designers.

92. 10 Productivity tips for web designers

Ten productivity tips for web designers and developers by inspectelement.com

93. 100 web designers to follow on Twitter

This is the list of 100 web designers to follow on twitter.

94. 100 must read design blogs

This is the list of 100 useful design blogs.

95. 23 Helpful Cheat Sheets

Here is 23 extremely helpful wordpress cheat sheets and resources.

96. Color Schemer

ColorSchemer Studio 2 is a professional color matching application for anyone from hobbyists to advanced professionals.

97. 60+ FireFox Add-ons for web designers and web developers

Here are 60+ useful firefox add-ons for web designers and developers.

98. 10 Best HTML editors for Windows and Mac

Here are 10 best free HTML editors for Windows and Mac.

99. 100 web developer tools

Read the 100 important web developer tools.

100. Web Design Glossary

A glossary of jargon terms used in the HTML and XML industry. These words are used regularly throughout web development documentation and books.

Have you written any helpful resources for web designers which are not listed here? Let us know by sharing comment here.

If you enjoyed this post, make sure you subscribe to my RSS feed!

Related posts:

  1. Web Coding (Part 3): How to learn Web Designing Online
  2. What is the Difference between Web Development and Web Design [INFOGRAPHICS]
  3. “How do I became Web Developer” Story of 10 Web Developers/Designers- Case Study
  4. “What should you do in RIGHT WAY to become a Web Developer / Designers”- Advice from 10 successful web developers
  5. 4 Awesome Tools to Make Your Web Page Printer Friendly

This post was written by:

- who has written 167 posts on Tech and Project.

Shahzad Saeed is a graduate student and founder of this blog TechandProject.com He used to give tips for students who want to participate on international science fairs and student project programs including Google Summer of Code. You can follow Shahzad on @twitter and Facebook

Contact the author

2 Responses to “100 Awesome Resources Help You Become Web Designer and Developer”

  1. rahul.del Says:

    Guys, txtWeb is back with their National Level Developer Challenge – App2Fame for the second time, a wonderful opportunity to showcase innovative ideas and develop cool SMS Apps.
    SMS based applications are really simple with simplistic interface and flexible to choose any language to work with and exciting because of the prizes. The challenge here is an Idea. If you showcase an innovative idea, you can be famous and win loads of prizes.
    Participate today: http://www.app2fame.com/?pcode=112&src=12&act=1

  2. web designing institute Says:

    I am impressed with your creativity.I was always facinated with graphics and animations.Want to make a bright career in this field of art.Can you please suggest me some good institutes where i can undersgo training or guidance so that i can excell in this field.