Learning Resources for Web Designers

Fortunately, the Internet has made it possible to learn however, whenever and wherever possible. Web designers don’t have to visit a school to learn a new technique, and although some avenues of knowledge come at a price, it is a small price to pay for valuable resources that continue to inspire designers to create and build incredible virtual structures. Learning is a lifelong skill just as the brain is a muscle that must be tested and strengthened. There are valuable resources available online, and this is a list of the ones that are most helpful. Of course, if you have any helpful resources to add, feel free to leave a comment.

Coding Resources

Coderwall

You’ll find thousands of web developers sharing current projects and new achievements on Coderwall. Members can connect with these developers, share tips and even get feedback on projects. It’s helpful if you want to learn new tools, technologies and the latest programming languages. The site is easy-to-use and quite playful, and it’s fun to see how others work through challenges and post their findings. Members also gain badges for every project that they complete. The Tyrannosaurus Rex badge is my favorite.

Code Avengers

Students often don’t get the training for today’s necessary programming skills directly from school. Resources like Code Avengers help students learn more about web design and programming. There are interactive coding challenges, robot missions and even bug hunts that make it easy to learn the ins and outs of HTML5, CSS3 and JavaScript. Students of all ages can participate and start learning.

The Starter League (Code Academy)

Web app development can be very time-consuming and stressful particularly if you have very support or know what direction to go in. The Starter League is a wonderful online arena that provides both expert instruction and mentoring opportunities for these occasions. The Starter League is partnered with 37signals, which is the creator of Campfire and Basecamp. These mentors provide a hands-on look at how to build successful web apps.

Pluralsight

Wouldn’t it be cool if you could connect to bunch of savvy developers who speak your language? Enter Pluralsight. It’s a site created by developers for developers with lots of training modules to utilize. There are courses on any kind of topic that you could want, and they’re easy to get into.

PeepCode

Got an hour to spare? PeepCode allows developers to get into one-hour screencasts on development resources. You can learn all kinds of techniques easily within the tutorials provided. However, Pluralsight just acquired PeepCode so the older videos can be accessed through Pluralsight site.

PHP Academy

PHP isn’t a favorite for developers to learn because it can be tricky, but PHP Academy has a ton of free tutorials and web development seminars to explore in MySQL, JavaScript, JQuery and CSS. These are all free with a forum to ask for more help and an optional premium membership for more benefits.

HTML and CSS Resources

Learn HTML and CSS in 30 Days

If you’re not sure where to start with HTML and CSS, you can learn both in 30 days for free. This is a free course with one video per day for 30 days. You just have to spend 10 minutes a day on each topic. By the month’s end, you’ll have all you need to create a website of your very own.

A Beginner’s Guide to HTML and CSS

This HTML and CSS guide is extremely report to view for those who are just starting out. You can take your first steps with HTML and CSS going through the fundamentals and learn all of the different elements for front-end design and development. From there, it’s easy to update your current site. The guide was created by Shay Howe, a front-end developer and designer.

JavaScript

Backbone Screencasts

For those just diving into Backbone.js, these screencasts are incredibly informative and helpful. The live coding sessions help developers go through beginner level and advanced level stuff with Ruby on Rails.

JavaScript Garden

There is a ton of documentation available on JavaScript Garden and details some of the weird quirks of JavaScript. You can avoid common mistakes and even solve little known bugs, and you can also review performance issues and the mistakes that JavaScript programmers might get into when submerging into the depths of the complicated programming language. You do need some basic knowledge of JavaScript to get by on this site.

NodeSchool

For beginners who need some lessons in JavaScript, there’s NodeSchool. These are interactive lessons that teach the basic concepts of JavaScript as well as some electrics. There’s also in-person NodeSchool events around the world, which you can look up online if you want to attend.

Eloquent JavaScript: A Modern Introduction to Programming

You can get a free digital version available in HTML of “Eloquent JavaScript” by Marijn Haverbeke, or you can also order a paperback version from Amazon. The book is also available in different languages such as French, Polish and German.

Design

Drawspace

If you love to draw and want to share with other online artists, Drawspace is the community for you. There are all kinds of lessons in a huge library that can teach you how to draw and enhance current talents. You can also track your progress with a profile and advance upwards as you learn more techniques.

WordPress on Lynda.com

Lynda.com has a ton of tutorials for everything WordPress and so much more. You can learn from tons of free videos, but there’s also more content available with a paid suscription. The training is for all skill levels and goes through the basics of WordPress to more complex lessons.

Wpbeginner

If you’re not sure where to start with WordPress, you should check out wpbeginner. It was founded in July 2009 by Syed Balkhi and provides tricks, hacks, tips and other WordPress resources that you can use to improve your WordPress site.

Treehouse

Whether a beginner or expert in web development or web design, you can learn a thing or two at Treehouse. There are materials for learning every part of the web industry including technical but also skills for starting a business. There are also specific tracks like a web development track where you can focus your talents.

These are some of the most helpful resources available for designers and developers online, but there are many more out there. Got any in mind that weren’t listed?