Website for Frontend Challenges.

1.Frontend Mentor

Improve your coding skills by building real projects. Solve real-world HTML, CSS, and JavaScript challenges whilst working on professional designs. Join over 12,000 developers building projects, reviewing code, and helping each other get better.

Frontend Mentor is an awesome resource for developers looking to improve their front-end skills.

If you want to improve your skills by building projects and being part of a supportive development community, Frontend Mentor is an incredible place to be. Be sure to focus on more than just completing challenges. Engage with others by giving code reviews, get active in the Slack community, and above all

 

2.Hackerrank

HackerRank is a place where programmers from all over the world come together to solve problems in a wide range of Computer Science domains such as algorithms, machine learning, or artificial intelligence, as well as to practice different programming paradigms like functional programming.

HackerRank is very good for beginners so even if you want to print your first program “Hello World!” then definitely HackerRank gives this opportunity to you. It has a pretty good UI with boilerplate code pre-written that helps beginners to start competitive coding.

The HackerRank Jobs app/Web site lets candidates browse job openings at nearly 40 participating companies, such as VMware, Box, Visa, Uber, and Quora. Candidates can specify job roles in their browsing, such as back-end, front-end, mobile, or DevOps developer positions, along with the location.

 

3.Codier.io

Explore and attempt front-end coding challenges on Codier.

Challenges on Codier can be anything that the challenger wants them to be; if it’s a Pure CSS Checkbox challenge, the user that creates the challenge can specify that in the rules of the challenge. They can also add a template to get creators started – templates can be the basic HTML structure for a challenge or even just a framework like React.

Creations on Codier can be built through a combination of HTML, CSS, and JavaScript within the editor. Users can alternatively use preprocessors to write their creations, and even include external resources.

Codier is a lot more than just a platform for people to find challenges. We believe it is a great place for learning, and also as a source of inspiration.

 

4.100 Days of CSS

Challenge yourself and become a CSS expert in 100 days. Be creative, submit your result and check out what others have created. No Registration and completely free.

The 100 Days of Code is a coding challenge created by Alexander Kallaway to encourage people to learn new coding skills. The challenge follows one simple rule: Code for at least an hour each day for 100 consecutive days.

 

5.CSSBattle

In a world plagued by CSS-in-JS vs SASS and “CSS is not a real language” tweetstorms, comes a fun competitive game to park all discussions aside and flex your CSS muscles.

Use your CSS skills to replicate targets with the smallest possible code. Feel free to check out the targets below and put your CSS skills to test.

 The aim of this game is simple — you have an image target that you need to replicate with the smallest possible CSS (and slight HTML if you please) code.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Shopping Cart