Here Are 6 Front-End Challenges to Code - Better Programming

October 25, 2019 0 Comments

Here Are 6 Front-End Challenges to Code - Better Programming

 

 

Here Are 6 Front-End Challenges to Code

Are you able to code these front-end challenges?

Indrek Lasn
Photo by Olav Ahrens Røtne on Unsplash

Front-end development is stressful and hard — but with practice, one can master the craft. If you’re willing to put the work and effort in, you’ll be able to become a proficient problem solver in the front-end development landscape. One effective way to become a great front-end developer is to simply build and solve as many challenges as one can.

Here are six challenges you can start solving today to become a master of front-end development. Without further ado, here are the six challenges you probably should code.

A fantastic credit card form with smooth and sweet microinteractions. Includes number formatting, validation, and automatic card-type detection. It’s built with Vue.js and also fully responsive.

See it live here.

credit-card-form — https://github.com/muhammederdem/credit-card-form

What you’ll learn by solving the challenge

Back in 2016, Twitter introduced this awesome animation for their tweet likes. As of 2019, it still looks rad, so why not create one yourself?

Twitter tweet like animation

What you’ll learn by solving the challenge

Chat rooms are a popular way of communicating thanks to being easy and fun to use. But what actually powers modern-day chat rooms? WebSockets!

What you’ll learn by solving the challenge

What’s unique about this navigation is the popover container morphs to fit the content. There’s an elegance to this transition versus the traditional behavior of opening and closing a new popover entirely.

Stripe navigation

What you’ll learn by solving the challenge

Try doing it first yourself, but if you need help, check out this post for a step-by-step guide.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade


Tag cloud