HOW TO LEARN FRONT-END DEVELOPMENT EASILY

Abir Paul
3 min readSep 12, 2021

I will just say,” DO IT !! ”. It’s only been 6 months since I started learning about web development. At first, it was a horrible road to go down. But, I found a shortcut, you still have to work hard and practice a lot. Let me tell you the secret.

I already knew the basics of HTML except I didn’t know anything about CSS or JavaScript. I started my journey by rushing into the intermediate level of website building. I opened my laptop, went to YouTube, and typed, “Netflix Clone Using HTML CSS” . I opened the first video that came and made some popcorn and sat down. I watched the three hours long video overnight(with my helping buddy — COFFEE) and I am proud of myself because it was not “ Zack Snyder’s Justice League “. I also downloaded the whole code from the creator’s GitHub(take as much advantage as you get). From that video, I learned the basis of HTML, CSS, and JavaScript and how things work, and a few of the advanced techniques that went over my head.

Photo by Ferenc Almasi on Unsplash

Now, the main part of the secret is that you have to do experiments. Earlier I said that I downloaded the code of Netflix Clone and I utilized it fully. I did experiments on it and learned things through it. It’s all about playing around with the UI components of the website. The more you experiment, the more you will learn the inner working of it. I did this for 15–20 days straight, I turned Netflix Clone into Travel Website then into a Portfolio Website. It was fun to screw around with some else work and turning it into something new.

Then, I found the real treasure, should I tell you what is it? Just kidding, I am going to tell you. Actually, there are two — 1. CodePen 2. Stack Overflow, these two will help you to understand basic and small things such as did you get stuck somewhere, Stack Overflow will have answers and some explanations. You want to do something new and innovative, CodePen is there for you. Then again, experiments and read and learn, this is the only cycle you need to ace your understanding of basics and intermediate level of front-end development.

Photo by Ferenc Almasi on Unsplash

The final part of the secret is that “ NEVER EVER COPY & PASTE “, it doesn’t make you a thief maybe but it definitely makes you a fool. If you are just copying and pasting it, then you are at loss. First of all, you are not learning anything at all and secondly, if anyone asks you to make them understand what you did, you will become a fool at that point in time. If it’s going to take a lot of time to understand, then give it that time. There are no shortcuts to success, it’s someone else quotes by the way. If something is not getting into that skull of yours, then try again and again. But never give up on it, the moment you give in, you give up the aim of becoming a good, maybe awesome developer.

I am not teaching you the basis or anything, I am just guiding you on how to accomplish them. By the way, since then, I have created three websites of my own within 6 months and I try to make them unique in their own way.

Try Something New Every time.

There may be some blogs in the future about front-end frameworks, I am still learning them. So, it’s gonna take some time. But, I can say one thing that they are awesome.

Another thing, I am not getting paid by Netflix or CodePen or Stack Overflow but, I love to.

Original Post Link

Bye. Au Revoir. Adios. Auf Wiedersehen. Sayōnara. Those are the only languages I know for “ GOODBYE “.

GitHub Link to My Profile

--

--

Abir Paul

I am a guy who likes to explore things and share it with everyone