5 Websites to Improve your Front-End Skills
Front-end web development is quite an interesting track. It allows you to exercise creative freedom and have fun while at it. Sure, you may come across a bug that turns your well-arranged page into a Pablo Picasso masterpiece, but debugging is where you learn the intricacies of programming. Learning to code is best accomplished by solving real problems and taking on projects, and many websites exist to provide this function.
Here are 5 websites you should be familiar with as a front-end beginner hoping to improve your skills.
1. Frontend Mentor (https://www.frontendmentor.io/)
Frontend Mentor is a community-based challenges platform that allows you to practice your front-end skills using a realistic workflow. Their challenges include mobile and desktop designs, assets, and a style guide to help you get started. The platform is regularly updated with new challenges, so you can find something to do, share your solution, and get feedback.
One other advantage Frontend Mentor offers is a community of front-end developers, including everyone from newbies to experts. It is a helpful community to grow your tech network as you establish yourself in this track. When you can, try to give feedback on others’ solutions. This will also deepen your knowledge while giving back to the community that helped you grow.
Frontend Mentor | Front-end coding challenges using a real-life workflow
2. Codewell (https://www.codewell.cc/)
Codewell provides Figma templates that you can use to improve your HTML, CSS, and JavaScript skills. New templates are available weekly, and you get access to their Slack channel. It is even possible to share a solution via the website or through their growing Slack community. Although one might need a paid account to fully access the Figma file, there’s still a lot one can do with a free account.
Codewell | Improve your HTML, CSS, and JavaScript skills by practicing on real design templates.
3. Dev Challenges (https://devchallenges.io/)
The platform is similar to Frontend Mentor since you can customize challenges based on their difficulty level. With a GitHub account, you can easily sign up to join the platform. You also have the opportunity to give feedback on the work of others or collaborate on projects instead of working alone.
4. Style Stage (https://stylestage.dev/)
This platform provides a base HTML page for you to restyle and submit a different style sheet. The style sheet will be saved in a catalogue contributed by other users. The guidelines require you to follow accessibility rules, so you will not only create a project that looks great, but one that is also accessible. This platform is really helpful for developing and practicing one’s CSS skills.
5. freeCodeCamp (https://freecodecamp.org/)
When it comes to free learning resources, FreeCodeCamp is probably at the top of everyone’s list. FreeCodeCamp is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications, and local organizations that intend to make learning web development accessible to anyone. Essentially, it is a boot camp for developers and it is not specific to front-end beginners. FreeCodeCamp has a thing or two for everyone.
There are so many websites to use as resources or learning guides; you just have to choose what works best for you. If you combine what you’ve learnt with these resources and practice well, then it wouldn’t be long before you observe improvements in your skills.
Thanks for reading this edition of #ECXTechListicles! Don’t forget to hit the follow button.