Courses are the first and what I have found to be the most welcoming and easiest way for myself as a newcomer to begin learning. Here are some of my recommendations.
Brad of Traversy Media is the first instructor I discovered and found the most effective in my learning journey. I initially found him on YouTube and tried out his Crash Courses on HTML and CSS to get a taste of web development and what it initially consists of.
Brad does a great job of explaining everything, including multiple ways of doing one thing. This is great as his preferred way of doing certain things may not be for everyone. His courses on Udemy are incredibly well structured with some enjoyable projects too.
freeCodeCamp offers a wide variety of courses from Responsive Web Design and Machine Learning with Python and Coding Preparation. Best of all? It's all free! The coding challenges that total up to roughly 1,400 hours of work FCC also consist of Web Development projects that test the skills you've learnt and picked up from the main course itself.
A massive part of FCC is the community as well. Their forum offers space for those working on the courses if you get stuck or are unsure of what you're doing or where to go next. They also have spaces in the forum on Design and career advice too.
If you can, I highly recommend you donate to FCC once you complete any of their courses.
Communities are something I seriously underestimated initially are a vital part of your journey in becoming a developer. Being able to share, discuss and help with other developers learning like yourself or even experienced developers who are more than happy to help you is a massive help in learning the profession and your mentality towards it.
Dev.to is a potent tool when it comes to community. The number of articles, videos, podcasts and guides freely available feels somewhat infinite. There is always somebody around to assist you, from fundamental concepts to recommendations on tools you should be using.
Dev offers a great platform for both new and experienced developers to share something their learning and the problems they've faced and how to solve them. Doing this yourself will help you in teaching yourself and possibly helping others in your position.
I had no idea Twitter contained so many passionate developers sharing their journeys. I have never been an avid tweeter but seeing other people in my position sharing their little victories every day in their #100DaysOfCode allowed them to look back at their progress daily to see how their constantly making progress, but it also gave me the confidence to share my journey and open up about my big achievements but also the challenges I'm facing too.
These are websites that I refer to daily when I need to remind myself of sometimes fundamental HTML and CSS that sometimes slips my mind.
CSS TRICKS has been an absolute Godsend for me when it comes to CSS. Using it as reference for very particular CSS concepts, it also has many extensive guides on Flexbox, Grid, Media Queries, and much more.
I hope some of these resources helpful in your journey, becoming a Web Developer. If you have any resources you're using that I've missed, please comment below. If you would like to check out some of the great developers I'm following on Twitter or if you would like to follow me on Twitter you can click here! or if you would like to connect with me on LinkedIn then click here instead!