WEB D

EVELOPM

ENT

TRAIN

ING

15

WE

B D

ES

I GN

TR

AI N

I NG

RE

SO

UR

CE

S O

N T

HE

WE

B

Full credit to creativebloq.com

W3SCHOOLS

While many web training sites look colourful, attractive, and welcoming, with video and colourful graphics, W3Schools looks a bit flat and boring at first glance. But don't be put off!

If you're looking to start from the beginning with the most basic lessons in HTML and CSS, the site offers a steady progression of interactive tutorials that explains everything in plain and simple language and, more importantly, lets you play with markup live on the site, so you can see what effect the tiniest changes can have on how a web page appears in the browser.

For a beginner who doesn't know quite where to start with HTML, CSS, and JavaScript, it still provides a very user-friendly, straightforward and free way to get going.

OPERA WEB STANDARD CURRICULUMThe good people who work at the Opera browser created and maintain

this free and comprehensive resource introducing the basics of web design and web standards. Like W3Schools, it's based around plain text and not exactly visually seductive. But the writing is lively and easy to follow, which more than makes up for that.

GOOGLE CODE UNIVERSITY

Google's lessons in "HTML, CSS, and Javascript from the Ground Up" presents the basics of building websites with video tutorials presented by Google's own developers. A perfect place for beginners to start with their web design training.

TREEHOUSE

Treehouse is a video-based service, offering web design training in HTML and CSS, web development (including HTML5 and Javascript), and creating iOS apps (using Objective-C and Xcode), all wrapped up in a clear and easy-to-navigate user interface.

Treehouse charges a subscription for its services, but the videos are very professionally produced, and you get a wealth of lessons covering almost every aspect of web design and development.

Not only does Treehouse provide great content but there's also a game element to the site that tests you on what you've learned and rewards you with achievement badges. So if you need extra motivation to learn, this is a great site to use.

LYNDA.COM

Like Treehouse, Lynda.com offers a wide range of video-based tutorials that can teach you how to design websites (as well as covering other design-related subjects) for a monthly fee. Lynda.com has been around since the dawn of the web (it launched in 1995), and also produces books, videos, and documentaries. An authoritative source of web design training videos, you can get a taster by checking out its free tutorials.

DON'T FEAR THE INTERNET

Don't Fear the Internet is the brainchild of freelance typographer and illustrator Jessica Hische, and is aimed at similarly creative people who have little to no desire to do web design professionally - but at the same time don't want an ugly cookie-cutter site showcasing their work.

Through short tutorial videos, you’ll learn how to take a basic WordPress blog and manipulate the CSS, HTML, and even some PHP, to match your aesthetic needs. So if you're scared off by web design terminlogy and general geekdom, but like the idea of a more casual, good-humoured approach to learning, this is a great place to begin. The site is free to use, although donations are welcomed.

MOZILLA SCHOOL OF WEBCRAFT

No, we haven't added a rogue Harry Potter game in the list. The Mozilla School of Webcraft is part of an open education programme at the online community for learning, Peer to Peer University.

The site offers a host of free web design training courses, including ones in CSS, PHP, and HTML. It also features various challenges to test your skills: for example, Challenge 101 will help you create your own basic website from scratch.

NETMAGAZINE.COM

Our sister website, from the makers of monthly print mag .net magazine, is packed full of tutorials on all aspects of HTML, CSS, JavaScript, jQuery, and more. Most of the material here is aimed at intermediate to advanced web designers, and we'd particularly recommend the series entitled "Build a responsive site in a week" for anyone wishing to get started with responsive web design.

SMASHING MAGAZINE

It's not actually a magazine (well, not in the traditional print sense of the word), but the web design blog Smashing Magazine is a fantastic resource of tutorials on all aspects of the process. Likenetmagazine.com, the lessons are aimed at the intermediate to advanced end of the web design spectrum.

CODECADEMY

Codecademy describes itself as the 'easiest way to learn how to code' and has established a great reputation for itself within the web design community.

This free web design training resource runs through the path of building websites, games, and apps in an engaging way, easing users in gently with a very basic first lesson.

The site also features a social network aspect, meaning users can interact with and learn alongside friends and colleagues. And, like Treehouse, the team at Codecademy also understand the power of a badge, offering them at various key points in the training.

WEBDESIGNTUTS+

Webdesigntuts+ offers a huge range of tutorials on a wide range of web design and web development topics for free. There's also a premium area with paid content. The site's part of the wider Tuts+ network, which includes PSD Tuts for Photoshop tutorials and WP Tuts for WordPress tutorials.

CODE SCHOOL

Code School's approach is to help users learn by doing, through interactive video and coding in the browser. This web design training comes at a price but, in our opinion, it's very reasonable.

For just $25 a month, users gain access to all areas to the school's entire training content. But this is not just for individuals, there's also the option for businesses to enrol entire teams on training courses - an offer that the likes of IBM and NASA have already taken advantage of.

CSS-TRICKS

CSS-Tricks is a blog where web designer Chris Coyier walks through some of the latest CSS techniques. It's become immensely popular among professional web designers, and has recently developed a partnership with number 4 on our list, Treehouse. It's a brilliant and constantly updated source of tips, tutorials, and video lessons - all free.

SITEPOINT

Australian company Sitepoint makes its money selling web design and development books, but that doesn't stop it providing some fantastic tutorials on its site for free. These tend towards the techie, but there are also some useful introductions to web design for beginners, such asthis article on HTML and CSS.

UDACITY

Want to learn how to build a simple web browser in just seven weeks? Or how to build a search engine like Google? Well, with Udacity you can do both and best of all the training is absolutely free and is led by expert professors from Stanford and the University of Virginia.

For anyone interested, courses are not offered on-demand. Instead, prospective students can visit the website for a class schedule and enrol accordingly.

THANK YO

U

Prese

ntatio

n Cre

ated

by:

Cyg

nism

edia

.com