Favorite Free Web Development Resources

These are my favorite free web development resources that I actually used, excluding any official documentation and the MDN

Courses §

Full Stack Open Course by the University of Helsinki
- Probably the best React-based full-stack course. Is up-to-date (as of 2019) and uses modern syntax.
The Odin Project
- Go from zero to hero - curates free resources into a comprehensive course.
- This mostly solves the issue of finding high-quality resources in the noise of the modern internet, reducing decision fatigue.
Scrimba’s Learn React
- Great, shorter React-only course, despite not being as up-to-date. There is a new course by the same instructor, but I haven’t tried it.
- Scrimba’s an engaging platform overall, with several other nice courses available.

Codepip’s mini-games, namely Flexbox Froggy and CSS Grid Garden.
In a similar vein, CSS Diner by flukeout is great for learning CSS selectors.
Learn Git Branching
- Git is part of the modern web development workflow. This is a comprehensive and accessible tutorial for a complex topic.

Javascript.info
- Can also count as a course. Clearly explained concepts along with exercises and solutions.
CSS Tricks
- Great cheatsheets and guides for CSS

EdX and Coursera - there are some great courses there if you have the time to commit, such as HKU’s Front-End React Course and Harvard’s CS50 Web.
The webdev subreddit - lots of lists and resources available there.