DEV Community

Cover image for Resources to practice web development

Posted on • Originally published at

Resources to practice web development

Excellence is not an art. It is the habit of practice — Aristotle

Best way to be good at any piece of tech is to practice it. In order to practice the tech , you need challenges , ideas for side projects. In this blog post , I have compiled a list of sites which provides more challenges and ideas for us to practice web development.

Doing more side projects is one way of avoiding tutorial hell.

Let's dive in.

Front end mentor


Front end mentor has set of challenges to level up your HTML, CSS and Javascript skills . It is one of the best resource which provides design assets and project ideas to build.

Once you are done with project , you can submit and get feedback for your project, also you can review other developer's work.

You can also join front-end mentor's slack community to brainstorm and chat with other developers

Challenges can be filtered based on difficulty level and also based on HTML,CSS, JS and API.

From Front end mentor

Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Join 247,155 developers building projects, reviewing code, and helping each other get better.



Freecodecamp is one of the best web dev resource which has 100's of tutorials and tons of challenges to complete. Once completed , you can test your skills by completing the challenges and once done you will be awarded certification.



Codewell offers real world Figma templates that you can use to improve and level up your HTML, CSS, and Javascript skills. You can even share your solutions and receive feedback on either the website or on the growing Slack community


Another useful resource which provides you with challenges where you can web development, mobile app development, web scraping and also your programming skills.

By Code mentor

Improve your programming skills by working on real-world projects. Join our free community to discuss projects, review code, and learn from peers and mentors.

Daily UI


Once you sign up to daily ui's newsletter, challenges starts and you will get design challenges each day. once done you can post them in dribble or behance , so that other
designers can give feedback for your designs.

By Daily UI
Daily UI is a series of daily Design ChallengesInspiration and Surprise Rewards!


Useful resource to practice front-end , back-end and full-stack knowledge by building web applications.

CSS Battle


This is one of the fun resource where you can use your CSS skills to battle with other fellow developers.

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 intermediate CSS properties.

Codepen Challenges


Each week, you’ll get a new prompt surrounding a monthly theme to work on. The best Pens get picked and featured on the homepage!


image.png lets you create solutions to their challenge right in the browser and compare them with the community.



Ace Front End has complete and practical coding challenges, with a detailed walk through of a perfect interview solution


That's pretty much it. Thank you for taking the time to read the blog post. If you found the post useful , add ❤️ to it and let me know if I have missed something in the comments section. Feedback on the blog are most welcome.

Let's connect on twitter : (

Top comments (8)

fawazar profile image

So many resources everywhere to the point one does not no which one to pick and focus on. Everything sounds so cool.
Currently I am doing freecodecamp. I think I'll finish it first.
thanks for the post.

imkarthikeyan profile image

First pick one and finish it. Then go after another. Since you are doing freecodecamp finish that first and then go after another.

fawazar profile image

After freecodecamp, which one is the best to go? I don't think going for another learning course would be a good idea since freecodecamp covers pretty plenty of programming. (And I have programming knowledge before).
I can code in plenty of languages. However, I would like to build a project (Using Flutter for instance.).

Thread Thread
imkarthikeyan profile image

That depends on which domain. Since you want to build projects on flutter and that is mobile development , I would suggest you go to and look for mobile app development ideas and start building one by one and showcase it on twitter once you have done it.

leo1705 profile image
<Leo />

Thank you so much for creating this is definately going to improve my coding skills!

sabhinav10 profile image
Abhinav Singh

This list is awesome.

ngundengg profile image
Ngundeng gatluak

The post is awesome 😊, thanks for sharing ❤️

joelbuenrostro profile image
Joel Buenrostro

Nice list, thanks for sharing!!!