Websites that Helped My Frontend Journey

#webdev #frontend #tips #community

Let’s be honest, every programming journey can be a little bit confusing sometimes. Be it frontend dev, backend dev, or fullstack. Maybe it’s because you don’t know where to start or when you do know, you feel overwhelmed because there are so many languages and frameworks to learn. So here are the websites that helped me throughout my journey to be a better frontend dev.

1. roadmap.sh

roadmap.sh is a website for roadmaps, guides, and video tutorials for learning based on the role you want to be.

What I like about this web is the roadmap. Because not only it has all the language and requirements that you need to learn, but also has a simple explanation and references that can help you understand more about that language. And it’s FREE of course. The reference is a link that redirects us to an article or tutorial, video, and even free courses.

2. freeCodeCamp

freeCodeCamp is a free online course certification.

What I like about freeCodeCamp other than it’s free, it also takes you to step by step on how to learn your chosen course. For example, let’s just say you chose the New Responsive Web Design course, inside the course, you’ll encounter the first section which is the basic HTML and CSS.

And after you learned the basic HTML and CSS, you can scroll down to the next section and start the more advanced CSS such as Flexbox and typography.

Now, inside each section, there’s a certification project for your certification. After you complete all the certification projects, you will receive a certificate of completion. You can check your certificate in your profile menu.

freeCodeCamp certification is also available for Backend, Data Visualization, Quality Assurance, and many more.

3. Frontend Mentor

Frontend Mentor is a freemium website to improve you frontend skills with real projects.

What I like about this web other than its real projects is that you don’t have to design the project. For free users, after you start the challenge, you will be given a zip file containing the designs in .jpg, image assets, and the style guide. But thanks to this, you can also learn your pixel-perfect skill, and detailing on the side. If you’re a pro user, you can get access to Sketch and Figma design files.

Frontend mentor also has a Slack community

4. w3schools

W3Schools is a website for tutorials.

What I like about this website is that it offers a lot of programming language tutorials, and a lot of how-tos, every explanation is simplified to avoid confusion, and every tutorial has a code editor for you to try and/or edit the code. All in all, it’s perfect for everyone at any level. The editor is also available in light and dark theme.