Resources

People to learn from

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.

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! 😁