Hi, In this post I'm going to introduce to 10 resources to practise your Web development skills. These resources suit to both beginners and advanced developers, so it means is that you can find easy to complex projects to practise in there.
Frontend Mentor has both free and premium challenges but free version has more than enough projects ranging from easy to advanced challenges. If you could afford premium version, I'd highly recommend it as there are quite complex projects to put in to your portfolio. You can download the project you choose with figma design and instructions and built it accordingly. Once you complete project, you can submit your solution so that other developers can leave their feedback on your project
Codementor is platform where you can hire expert mentors to advance you in your Web development career but they also provide projects to practise for free. These projects range from easy, medium to hard. They give you instructions, requirements, and resources to use on the chosen project. And also you can see other people's solution or post your own solution and be rated by other developers
Frontend Practise is another free resource where you try to clone given website to perfect closeness. Projects are divided in to three categories, from level 1 to level 3.
Codewell has both free and paid version. But you can stick with free version of it as there are quite a lot of free projects to practise. Once you choose project you want to build, you can download assets, instructions.
Css Battle is not like other resources listed in this post. You are only going to be using Html and Css to create shapes to 100% closeness. the more they are like the original design, the higher score you get and your ranking goes up. It's more like a competitive css practising ground.
Codier is the free platform where each project you choose has instructions that you must follow and once you completed the project, you can submit your solution and others could rate it.
Frontend Club has the least amount of projects to practise for but it's enough at the beginning to practise. There are total of 8 projects in which you are given instructions on how to complete the project alongside assets.
100 Days of Projects
This project list in github is created by Florin Pop and Jim Medlock and these projects are broken down into 3 categories, easy, medium, and hard. Easy to medium projects don't much require backend skills if you don't want. Most of the advanced projects require some kind of backend connection.
So these are 10 resources to practise your Frontend skills. You can choose one and complete it fully or you can go through all of them and hand pick only the ones that you liked and build them. However you want to use these resources is up to you. If you liked this post or have feedback please share your thoughts