Curious about the world of web design and programming, but not sure where to start? You’re not alone. Here’s a few resources that offer tutorials for beginners, and helpful information for designers and programmers at all skill levels.
If you know of any good sites we didn’t list, post links to them in the comments!
W3 Schools is a fantastic site dedicated to teaching web developers at all levels. This is a great place to start with very basic HTML and CSS and eventually move on to more complicated things if you choose. The site’s “Tryit” editor allows you to type in HTML and CSS on one side of the screen and see the resulting “site” on the other side. This feature is incredibly helpful as you can track your progress incrementally as you hone your skills.
Specifically geared for non-web designers, Don’t Fear the Internet gives basic tutorials of HTML and CSS in easy-to-understand videos. The site also features tools explaining in detail exactly how the internet works and what the role of your own development plays into it.
WebDesignTuts is another site that has resources for everyone from the beginner to the advanced programmer. This site puts you in charge by categorizing tutorials by topics, difficulty, estimated completion, and in some cases, additional requirements. This is a good resource since it is organized in such a way as to maximize your time and by allowing you to advance quickly through HTML and CSS and on to more advanced topics.
Some of you who really want to dive in might enjoy this article from WebDesignTuts that highlights some of the current trends in web design. The article does a great job to catch you up on when is currently hot in web development.
Lynda.com provides a great service to the beginning developer through a paid subscription. While this may deter some novices, the site is a solid resource that is very well organized and presented. The service prides itself on giving you control over your own learning experience. By constructing itself as a virtual library, Lynda allows you to do anything from looking up a complex answer to a question on its database to diving into tutorials that are hours long. Each tutorial also gives its duration time, letting you plan and manage your time effectively. It should also be noted that Lynda not only offers tutorials on web development, but also topics ranging from Photoshop to 3D and animation.
Tutorial guide is a massive database for self-teaching materials. Like Lynda, it features a slew of differnent topics other than HTML and CSS. Unlike Lynda, however, the site is free of charge. The catch though, is that the information on the site is not very well organized, and you may find yourself looking longer than you would like for certain tutorials. For the patient and frugal however, look no further than Tutorial Guide.