List of Free Web Dev Resources

I came across the above tweet from Tanya Joosten yesterday and it got me thinking about my own career and what I've learned to become a full-time web developer. Everything I've learned about programming and web design I learned on my own through online tools, courses, or books. Most of the resources I leaned on were free or very inexpensive.
I think my daughter's idea of learning online may be a combination of YouTube, Tiktok, Discord, and Robloxian High School. She's going to be very disappointed unless we get it together in online education.
— Tanya Joosten (@tjoosten) March 23, 2019
Below is a list of resources you might find helpful to learn more about web development.
Beginner
- Learn HTML for Free, with an interactive guide
- Quick JavaScript primer with an interactive guide
- Beginner HTML, CSS, and JavaScript at https://www.codecademy.com (you can get 7 days of the “Pro” subscription for free, which is enough time to at least start the web development path at https://www.codecademy.com/paths/web-development). This used to be more of a free resource, but it has become more subscription required.
- HTML5 & CSS3 Fundamentals: Development for Absolute Beginners
- Setup your development machine (Mac only)
- Learn Markdown in about 30 min for free
Intermediate
- JavaScript 30: Learn to build Build 30 things in 30 days with 30 tutorials
- Learn CSS Grid
- Object Oriented Bootcamp (not free, but it is just $9 a month for Laracasts)
- PHP for Beginners
Advanced
- ES6 for Everyone from Wes Bos (not free but costs less that $100)
- Vue.js Crash Course
- Learn Vue.js Step by Step
- Laravel from Scratch
- Build a Laravel App with TDD (some free content, again it is only $9 a month for Laracasts)
Other Interesting Projects
- Mess with machine learning in web languages: https://ml5js.org
- Tons of stuff here: https://code.tutsplus.com, including WordPress dev courses, for $16.50 a month
- Free Google digital marketing primer: https://www.yourprimer.com