Websites to Practise Your Frontend Skills - Div_pradeep
Tags: webdev, javascript, career, programming
Published: 2022-10-25 12:30:54

####   Original Tweet From  [@Div_pradeep](https://twitter.com/Div_pradeep)
{% embed https://twitter.com/Div_pradeep/status/1584838865226846208 %}
Finding websites for practicing your frontend skills is difficult, especially for beginners.

Here is the list of the top 8 websites to practice your frontend skills:🧵👇🏻 

###1.) Frontend Mentor

Improve your front-end coding skills by building real projects.

Solve real-world HTML, CSS, and JavaScript challenges whilst working to professional designs.

🔗  [https://www.frontendmentor.io/](https://www.frontendmentor.io/) ![Twitter Image 0](https://pbs.twimg.com/media/Ff56jicVUAAMtmE.jpg) 

###2.) CodeWars

As a front-end developer, Codewars is a good platform to practice JavaScript.

It is a great platform for developing your problem-solving skills.

🔗  [https://www.codewars.com/](https://www.codewars.com/) ![Twitter Image 1](https://pbs.twimg.com/media/Ff56j_hVsAAl1y6.jpg) 

###3.) Codewell

Real-world projects designed to improve your front-end skills and make it easier to build a portfolio.

🔗  [https://www.codewell.cc/](https://www.codewell.cc/) ![Twitter Image 2](https://pbs.twimg.com/media/Ff56kdDVsAADf8b.jpg) 

###4.) CSS Battle

One great resource for front-end developers is the CSS Battle website.

The website features a series of challenges that try to teach different aspects of front-end development.

🔗  [https://cssbattle.dev/](https://cssbattle.dev/) ![Twitter Image 3](https://pbs.twimg.com/media/Ff56k29VEAE8-O9.png) 

AdSpace Here!!

###5.) JavaScript30

A 30 day vanilla JS coding challenge by Wes Bos. You get to build clocks, drum kits, and so much more using just Javascript.

It's also free, so there's no excuse to not sign up and get started right away!

🔗  [https://javascript30.com/](https://javascript30.com/) ![Twitter Image 4](https://pbs.twimg.com/media/Ff56lS9UUAAM6UN.jpg) 

###6.) Coderbyte

Coderbyte offers a wide variety of courses that will teach you everything from basic HTML and CSS to more advanced topics like responsive design and front-end animation.

🔗  [https://coderbyte.com/](https://coderbyte.com/) ![Twitter Image 5](https://pbs.twimg.com/media/Ff56lzdVQAA7lCM.jpg) 

###7.) FreeCodeCamp

Over 7000+ tutorials and tons of challenges to complete along the way to test what you've learnt.

The tracks are straightforward and the best part? It's all free.


🔗  [https://www.freecodecamp.org/learn/](https://www.freecodecamp.org/learn/) ![Twitter Image 6](https://pbs.twimg.com/media/Ff56mNYUcAUeNuN.png) 


AdSpace Here!!


###8.) CodePen Challenges

Challenges are fun opportunities for leveling up your skills by building things.

Each week, you’ll get a new prompt surrounding a monthly theme to riff on.

🔗  [https://codepen.io/challenges/?ref=blog.codewell.cc](https://codepen.io/challenges/?ref=blog.codewell.cc) ![Twitter Image 7](https://pbs.twimg.com/media/Ff56mlpVEAAAtL-.png) 

That's a wrap!

If You liked this thread.

1. Follow [@Div_pradeep](https://twitter.com/Div_pradeep) for more such content around web development, resources, tips, and cheatsheet.

2. RT the first tweet to share it with other people.

I appreciate it!

Thanks for reading. 



Click [Here](https://www.knowledge-twitter.com/?utm_source=dev.to)  For More Posts Like This [https://www.knowledge-twitter.com](https://www.knowledge-twitter.com/?utm_source=dev.to)