While I usually try to write stuff that’s geared more to experienced developers, I don’t want to neglect those who are just starting out.
I’ve been collecting links to beginners resources for web development for some time now, so I thought I’d share that list here. Feel free to add your own in the comments.
A Beginner’s Guide to HTML & CSS (website)
A simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.” This guide, led by front-end developer Shay Howe, looks quite comprehensive, covering everything from tag semantics to new CSS3 features like gradients.
HTML & CSS: Design and Build Websites (book)
A beautifully designed book by Jon Duckett that has been the #1 selling web design book on Amazon for a number of months now. The website describes the book as “a book about code that doesn’t read like a 1980s VCR manual. It’s not just for programmers, it’s written and presented to make it easy for designers, bloggers, content and e-commerce managers, marketers to learn about the code used to write web pages.”
30 Days to Learn HTML and CSS (screencast series)
A video screencast series by Jeffrey Way of the Tuts+ Network that teaches viewers HTML and CSS from the ground up. All the lessons are in the Tuts+ Premium section, but unlike other courses on Tuts+ Premium, this one doesn’t require that you be a Premium member.
The CSS3 Anthology (book)
This book, by Rachel Andrews, is a great question-and-answer type book that can complement linear tutorial-style learning. It’s not the type of book you’ll read cover to cover (although you would definitely benefit from that), but instead works well as a problem-solving reference that you can go back to time again. Excellent for beginners and includes lots of new CSS3 techniques along with an introduction to responsive web design.
Code Avengers (interactive learning)
30 Days to Learn jQuery (screencast series)
Don’t Fear The Internet (screencast series)
Video lessons created by Jessica Hische and Russ Maschmeyer. The site offers short tutorial videos that cover topics starting from an introduction to the internet as well as web browsers, HTML and CSS.
Codecademy (interactive learning)
Treehouse (screencast series / quizzes)
An affordable option for high-quality learning of HTML, CSS, responsive design, and even iOS development for building iPhone and iPad apps. Using Treehouse, users watch videos, take quizzes, and unlock badges.
jQuery Air: First Flight (screencast series)
“The aim of this site is to give decent advice to students who want a career in web design or development. Sure, there are lots of websites out there that give advice on writing really good code, but not many of them are aimed specifically at young people who are just starting out.”
W3C’s Web Education Community Group Wiki (website)
A wiki with articles and resources for teaching and learning web development. Includes a Web Standards Curriculum.
A Google Code resource comprising a series of videos totalling nearly 2 hours of playing time covering the basics of the big three in front-end development.
HTML5 & CSS3 Fundamentals: Development for Absolute Beginners (screencast series)
MSDN presents 21 episodes with Bob Tabor teaching the fundamentals of HTML5 & CSS3 programming. Includes concepts about web pages, CSS3 styles and HTML5 features.
jQuery Fundamentals (website)
MDN’s Learn How to Make Websites (links to external sources)
Beginner Articles on CSS-Tricks (blog articles)
A collection of beginners articles by Chris Coyier.
CSS Basics on Impressive Webs (blog articles)
The CSS Basics section on this site, which I’ve neglected lately, but has some good basic stuff for beginners or those who have been out of the CSS loop for some time.
Learn CSS Layout (info app)
A simple info-app site that teaches CSS layout stuff from the ground up.
If you know of any others, I’ll continue to update this list.