Resources

People to learn from

Here are some people doing amazing work...

Read their stuff, watch their videos, buy their courses, attend their workshops, follow their social media posts... These are quality resources you can trust!

Stephanie Eckles - Modern CSS
Manuel Matuzović - HTML Hell and Manuel's blog
Andy Bell's website - Piccalilli and Set Studio blog
Heydon Pickering - Webbed Briefs videos, plus Inclusive Components and Every Layout (made with Andy Bell)
Joel Strohmeier - High quality and very practical accessibility-focused front end blog posts from Joel (my colleague at Nomensa).
Eric Bailey - Accessibility web dev posts
Adrian Roselli - A very detailed accessibility-focused blog
Kevin Powell - CSS Evangelist courses and videos
Sara Soueidan - Accessibility and design engineering
Josh Comeau - React & CSS Blogs and Courses
Cassie Evans - Beautiful svg and other animations
Rachel Andrew - Grid By Example
Marcy Sutton-Todd - Testing Accessibility
Wes Bos - JavaScript courses, podcast and tips
Adam Argyle - Personal site and Web.dev blogs on all things front end.
Several of these people and others also contribute to Web.dev - Tutorials on HTML, CSS, Accessibility, privacy and more (check the blog too!)

🎁 BONUS: If you're a budding designer, check out Eric Kennedy's courses and newsletter! OR Refactoring UI is another excellent resource.

Suggest a person

Free courses for total beginners

For first steps into front end web development, there are loads of courses out there...

Try to find resources that suit your learning style. For example, I like reading a lot, but learn best by watching short videos with practical tasks alongside. I also like to make notes from video courses. You will thrive if you find resources that match your preferred learning style.

Watch out!

Beware of any courses that promise to teach you everything in one cheap package. They won't manage it! Even many expensive bootcamps will rush you through the fundamentals, skipping important foundations.
Beware of any that rely on libraries like Bootstrap as you are unlikely to learn HTML or CSS to a good standard with those, and it may hinder your overall progression.
Beware of youTube videos and blog tutorials produced by other learners. The vast majority of tutorials out there are sadly teaching inaccessible and low quality code. That's why I list people above who are trustworthy learning resources.
Beware tutorial hell! As soon as you've done some basic HTML and CSS, start trying to build things. Frontend Mentor's learning paths are ideal for this. Josh Comeau has a great post about why you should mix guided and unguided learning

Here are a few free starter ideas:

W3C's Intro to Web Accessibility will set anyone up to do well in the tech industry. It's an essential foundation I will recommend again and again, no matter what your job aspirations may be.
FreeCodeCamp's Responsive Web Design course
The Odin Project Foundations course
The MDN docs have a great selection of tutorials and learning resources
Try to build Frontend Mentor challenges following their Learning Paths once you've learnt some basics. Note the challenges are not actually sorted easiest to hardest so you may want to refer to my suggested challenge order.

Recommended paid courses

Once you've built solid foundations in accessible HTML...

Sara Soueidan's Practical Accessibility course is excellent and highly practical, just as the title says!
Kevin Powell has a selection of premium CSS courses. I've not taken any myself, but like his teaching style a lot. Just be aware that the HTML might not be great and a lot of the content is likely to teach you what's possible, rather than only teaching what's good.
Wes Bos' Beginner JavaScript — an excellent video course. Note, all the course notes are available for FREE!
Jonas Schmedtmann's Complete JavaScript Course on Udemy provides a cheaper alternative, but no less valuable.
Vue Mastery is well worth the subscription, made by Vue's own creators and covering everything from beginner to expert levels.
Josh Comeau's Joy of React course is truly excellent at teaching React concepts in a practical way and re-solidifying foundational JavaScript knowledge

Any other suggestions?

If you've found a particular resource super helpful, I'd love to know about it so I can share with others. Thanks! 😁