DEV Community

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

Posted on β€’ Edited on

8 3

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.

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

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
Haroon Ahmad β€’

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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more