Obsessed with React and teaching. I help people become Frontend Developers. Living with my fiancee and Yorkshire Terrier 🐶 in Poland.
Obsessed with React and teaching. I help people become Frontend Developers. Living with my fiancee and Yorkshire Terrier 🐶 in Poland.
Image by Bill Jelen from Unsplash

How To Improve Your Frontend Skills

Nov 11, 2020
5 min read

DESCRIPTION

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.

Introduction

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.
My plan to master Frontend:
10% = ~max. 1 hour per day
  • 10% - code challenges.
  • 10% - read articles.
  • 30% - courses, videos, books.
  • 50% - build projects.
It's flexible, 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.
Ok, let's dive into all the individual sections from the plan.

Practice Coding Challenges

It’s good to practice algorithms, solve problems, and think fast 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, website related to your hobbies, 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.
Additionally, these free books are great to improve JavaScript and to have a good grasp of Frontend Development:

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.
I have faith in you, shall you not give up and continue this tough, Frontend journey to improve your skills.
Big thanks for reading the article, you're awesome! 🙇‍♂️
You can also find me on:
Thanks for all the support. ❤️
logo with a rocket of the BigDevSoon application

Level up your Frontend skills

Code real-world projects based on Figma designs.
spread the word
Did you like this post? Share it with the world! 🌐