Over 2,000 mentors available, including leaders at Amazon, Airbnb, Netflix, and more. Check it out
Published

How to improve your frontend coding skills

It’s easy to get stuck in tutorials hell. We tend to overuse one learning source and burn out quickly. I described more ways to improve as a Developer, let’s go through them and sum up an example plan to make sure you have fun while learning.
Adrian Bigaj

Lead Frontend Developer, BigDevSoon (https://bigdevsoon.me/)

This post has been authored by Adrian Bigaj one of our resident experts in frontend development.

We all want to learn to code fast, get our dream jobs, and earn money quickly. Firstly, we have to be systematic. Secondly, our brain can’t receive the same learning method over and over again.

I created my own development plan that helped me achieve the Lead Frontend Developer position in the past and I’ll happily share it with you down below.

Setting up a plan

My daily breakdown roughly looked as follows:

  • 10% - code challenges
  • 10% - read articles
  • 30% - courses, videos, books
  • 50% - build projects

The timing is flexible and can be less or much more dedicated time per day. IMO, it’s important to mix often so your brain won’t get bored or you won’t feel the burnout.

It’s always best to learn by hands-on coding and building projects. Additionally, the forestapp is amazing for productivity.

Practice Coding Challenges

It’s good to practice algorithms, solve problems as a Developer. Logical thinking is a crucial ability to succeed and grow in the IT field. Focusing on only one project can lead to quicker burnout, hence switching context can help to keep the right balance.

Don’t overload yourself with coding challenges, try to do at least one per day.

Please, find the recommended websites to practice coding below.

Note: I would totally aim for Codewars first as it’s free and you start from fairly basic coding challenges. Don’t spend more than 1 hour per day on this, otherwise, your brain might 🤯.

Stay Up-To-Date By Reading

Frontend evolves at a lightning-fast pace. You have to keep that tempo. One article per day, per week, just make sure to be systematic. There is this amazing browser extension to help you read only what’s loved by other developers.

daily.dev - It will fulfill your browser landing page with articles.

If you still have time to read a bit more, I recommend the following websites.

Note: I highly recommend implementing what you’ve learned, as just reading won’t keep the knowledge with you. Decrease the number of articles you read, don’t aim for super complex things such as Machine Learning, AI for starting. Read about React, Flexbox, Grid System, topics you’re already working on, and want to expand your skills even further there.

Projects To Build

It’s best to build what drives you the most, or even better if you can build for a friend, family. That will boost your motivation even further 🚀.

Try to think about something you really want to have, a portfolio, a website related to your hobbies, an application you always thought of. If it’s a complex idea, try to simplify, make sure there is at least a piece of it you will be capable of building, and seeing your dream project live running on a deployed website.

If there is nothing from the above you can think of, that’s ok. I’ll share some links for references below. Below you can find the list of websites with project ideas.

Note: Just remember to focus on one project at a time. If it grows and you feel that you won’t make it - decrease the scope, break on smaller pieces, don’t be too ambitious, don’t overdo.

Courses, Videos, Books

I’m a fan of practicing by building but courses, videos, books are a nice addition to your knowledge pack. Take a break from the project you’re working on and watch a related course, video, or read a book.

Having a collection of courses, videos, books related to Frontend Development is great just avoid “from cover to cover” and have it as a reference. Search for the problem you’re trying to solve, and follow the instructions, move one step closer, rinse and repeat.

The below list includes some of the platforms I’ve been learning on.

Sum Up

1 hour of Frontend challenge per day, if it’s too hard, just try a simpler one, or move it to the next day. Read, but not all the time, try to stick to the topics you’re learning and implement freshly absorbed knowledge.

It will click faster. Practice by building projects. Read, watch, search for a particular problem you’re trying to solve. Hands-on the code as fast as you can. Mix often, your brain won’t be bored.

Try different approaches, connect them together, and shape up your unique learning process to skyrocket in Frontend Development. 🚀

Closing Notes

Remember, learning to code is hard. You’ll fail non-stop, want to quit, and throw it away. Survive and one day everything will “click” together and out of nowhere, you’ll start enjoying it to the max. It’s worth it.

Find an expert mentor

Get the career advice you need to succeed. Find a mentor who can help you with your career goals, on the leading mentorship marketplace.