A list of helpful learning resources

Posted on 7 December 2023

Resources Free Paid

Personally tried and tested courses, some paid and some free.


On this page

HTML

The perfect way to learn the front-end fundamentals: Build Responsive Real-World Websites with HTML and CSS. Jonas does a great job to help you think like a developer and delves into design too!

Paid

CSS

What drew me to this course was the advanced concepts like FlexBox, Grid, @keyframes and learning Sass: Advanced CSS and Sass: Flexbox, Grid, Animations and More!

Paid

JavaScript

Beginner friendly and a great way to learn the basics. Scrimba has a pretty innovative set up allowing you to practice directly in the browser Learn JavaScript.

Free

The course that got me proficient with JavaScript in the quickest time, Wes’ style is unrivalled: BEGINNER JAVASCRIPT!. Look out for a sale, I snagged a copy during Black Friday.

You can grab the course notes for free, which is a pretty cool gesture from Wes.

Paid

Unbelievably comprehensive and amazing value for the amount of content. Invaluable to refer back to, too: The Complete JavaScript Course: From Zero to Expert!!

Paid

React

”The ultimate React 101”, I have to agree. Interactive, well paced, covers the fundamentals and best practices. Learn React.

Free

React - The Complete Guide 2023 (incl. React Router & Redux). Beginner friendly, comprehensive and a great way to learn professional standard React skills from scratch.

Paid

Crash courses

Astro is an incredible static site generator and it’s UI-agnostic too. In classic Brad Traversys style he’ll get you up and running in no time.

Free

A great way to learn Tailwind CSS: Tailwind | Project from scratch.

Free

The king of crash courses back at it again with these extremely helpful Next courses Next.js Crash Course and the updated version Next.js 13 Crash Course | App Directory, React Server Components & More.

Free

A complete and interactive website build. The best part about this course is learning how a professional tackles a design system: Build a space travel website with Kevin Powell.

Free

Tools

Git version control, a skill we all need as a web developer and one that I adopted as soon as possible. Jess does a great job at demystifying the basics Git, GitHub, & GitHub Desktop for beginners.

Free

Jason Taylors Git Complete: The definitive, step-by-step guide to Git.

Paid

Design

A short and to the point interactive course. You’ll quickly start to understand what makes a user interface look good: Learn UI design fundamentals

Free

A great place to start if you’d like to learn how to use Figma, Daniel Walter Scott’s: Figma UI UX Design Essentials

Paid