DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Best 7 Platforms to Level Up Your Frontend Skills πŸš€
Rana Haroon
Rana Haroon

Posted on • Updated on

Best 7 Platforms to Level Up Your Frontend Skills πŸš€

In this article, I am sharing best site and apps which are beginner-friendly. This will improve your speed of front-end development to a whole new Level.

inspired and images from @Amit_T18 from twitter

CSS Battles

CSS Battle is an online CSS Code Golfing game. Here, players from all around the world try to visually replicate "Targets" in smallest possible CSS code and battle it out to get to the top of the leaderboard.

https://cssbattle.dev/

CSS Battles

JavaScript 30

It's a 30-day vanilla JS coding challenge. During these 30 days (more or less β€” you can binge the tutorials Netflix style to take it as slow as you like because you'll get an instant and free access to all the videos) you'll build 30 different apps using fun and easy video tutorials

https://javascript30.com/

JavaScript 30

Code Well

Improve your HTML and CSS skills by practicing on real design templates. With Codewell, you can browse high quality Figma templates that you can use to sharpen your HTML and CSS skills.

https://www.codewell.cc/

Code Well

Frontend Mentor

Frontend Mentor is a platform where you can solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.

https:// www.frontendmentor.io/

Frontend Mentor

Frontend Practice

With this, you get a list of websites that look nice to clone and increase your experience and ideas. Take your frontend skills to the next level by recreating real websites from real companies.
The perfect type of practice for developers of all skill levels.

https:// www.frontendpractice.com/

Frontend Practice

Codewars

Codewars is an educational community for computer programming. On the platform, software developers train on programming challenges known as kata. These discrete programming exercises train a range of skills in a variety of programming languages, and are completed within an online integrated development environment.

https:// www.codewars.com/

Codewars

Daily UI

Daily UI is a series of daily Design Challenges. Inspiration and Surprise Rewards! Get Started. 100% FREE.

https:// www.dailyui.co/

Daily UI

Summary

Hope you find these sites and apps helpful for your new design at font-end.

If you find this article helpful, then let me know via your comments below.

Top comments (5)

Collapse
 
andrewbaisden profile image
Andrew Baisden

Learned something new because I did not know about some of these so thanks.

Collapse
 
ranaharoon3222 profile image
Rana Haroon Author

glad you find it useful :)

Collapse
 
andrewbaisden profile image
Andrew Baisden

Keep it up more of this content.

Collapse
 
369gtech profile image
Steven Mcleod

Thanks for the share, doing some of these to add to my daily routine and I think they will add value to my portfolio to becoming a web3 app builder - Thanks

Collapse
 
vulcanwm profile image
Medea

This is really helpful! Thanks

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.