Building projects and solving real world problems is inarguably one of the best ways you can learn how to code. Theoretical is all good, but without applying the knowledge you learn, you will most likely not progress. We've made a list of 8 websites that can help you get better at frontend development through practice.
- CodePen Challenges
- Frontend Mentor
Inarguably one of the best resources to learn web development. Over 7000+ tutorials and tons of challenges to complete along the way to test what you've learnt.
The tracks are straightforward and the best part? It's all free.
Codewell challenges include:
- Figma Template
- All assets (images, icons, etc)
- PNG files for desktop, tablet, and mobile views
- README.md file with the fonts used and how to deploy
This one is specific to CSS, but its gamification system is a great way to track your progress and continue learning, they even give away some merchandise at the end of some battles, which is always a great motivator.
The battles on there aren't necessarily going to tell you how to create web layouts, but they will definitely help you tackle some of the more intermediate CSS properties.
- Coding Challenges
- Interview Kits
They offer free challenges to get a feel for the platform before subscribing to their plans which start at $35/mo. If you're serious about transitioning to a web development career, Codebyte offers you all the tools you need to accomplish that.
This may not be a structured way to learn, but looking at other people's code is a great way to get inspired and perhaps learn something you may have not known.
If you've enjoyed this article, be sure to follow us on Twitter here for more content like this!