DEV Community

Cover image for 4 Skills to Become a Front-end Developer in 6 Months (Road-map)

4 Skills to Become a Front-end Developer in 6 Months (Road-map)

Programming with Shahan on August 01, 2021

Let me give you a simple 🚦Roadmap to know where you are, and where you should go next. 🔑Key Concepts Every website has two parts. A Fro...
Collapse
 
ats1999 profile image
Rahul kumar

2 months would be enough

Collapse
 
codewithshahan profile image
Programming with Shahan • Edited

when I was new into coding, I thought it would take 2/3 months💪. In reality, it takes 9-10 months to master only frontend dev. Even though, I wasted countless of hours by learning random programming languages without knowing the proper steps to follow a specific category.

remember, mastering any programming languages take times.

Collapse
 
ats1999 profile image
Rahul kumar

That is the thing you said propar guidance. From my aspect, a just beginner can learn the following as follows:

  • html 2 days
  • css 3 days
  • JavaScript 7 days
  • 10 days to build some projects
  • any framework 10 days
  • next 30 days just build projects

There is nothing more in front end for beginners.

Thread Thread
 
codewithshahan profile image
Programming with Shahan • Edited

Nice Joke!
This would be a terrible experience for beginners when they try to build real-world projects on their own.

They need to go back HTML CSS or JS. This is frustrating.

Your prospective is suitable for someone who already has some experience with these languages and tools.

Thread Thread
 
ats1999 profile image
Rahul kumar

If someone genuinely want to learn the he/she can put 6-8 hours daily.

This way in two months, you're going to have 480 hours total.

There are a lot of websites who claims that they can make you full stack developer in jist 300 hours.

If you'll look at the YouTube tutorial for front end developer, you'll found its length is maximum of 10-20-hours (3 days maximum).

If you'll take tutorial for 50 hours in 5 hours a day (300 hours in two months) then also you have 250 hours to practice, build projects,etc...

If you are still saying that you can not be a front end developer, then i can guess that left tab of your browser have opened HTML tutorial and right tab have opened Netflix, Amazon prime,etc...

Thread Thread
 
vijay711github profile image
vijay711-github

Bro you just awesome you are suggestion like diamonds for thanks a lot bro ❤️❤️❤️for motivating me....
and again thanks your words turns my mind 👍😊❤️ keep growing bro

Collapse
 
drsimplegraffiti profile image
DrSimple

@rahul I beg to differ...2 months is enough to grim the surface. Deep diving will require the stated time range, save you are Albert Einstein or Dexter

Collapse
 
ats1999 profile image
Rahul kumar
Collapse
 
vijay711github profile image
vijay711-github

Really can i become frontend developer in just 2 months and land job 🤔

Collapse
 
ats1999 profile image
Rahul kumar

Yes, in just 3 months i have a full stack MERN developer job in a startup, where i used to develop dashboards, real time services and geospatial analysis system.

dev.to/ats1999/comment/1go11

Collapse
 
victoreke profile image
Victor Eke

Been learning Frontend for over 12 months now(it gets better with time) and I have to say in all honesty, that it will take more than 6 months to be a frontend dev alone. It's possible but the chances are you'll have to be coding everyday with 100% laser focus.

Collapse
 
codewithshahan profile image
Programming with Shahan

100% correct. I totally agree with you.

Collapse
 
alaayt profile image
Alaa

Love u man

Collapse
 
vono1412 profile image
VoNo1412

I am studying JS right now.

Collapse
 
dungvietle profile image
realDungLee

where did you study?

Collapse
 
vono1412 profile image
VoNo1412

I'm studyinf at scrimba and freecodecamp youtube combined with reading You don't know JS.

Collapse
 
iykecharles profile image
iykecharles

Hi, I am a Golang develeoper interested in becoming full stack developer. Someone advised that I need just the basics of JavaScript to learn react ? Is that so? What tutorial would you recommend that would give me just that basics needed for me to learn JavaScript to be equipped for React. Thanks.

Collapse
 
codewithshahan profile image
Programming with Shahan

if you already know basics JS I recommend you to take the “object oriented programming with JavaScript” by mosh hamedani.

Otherwise you need to take his “ultimate JavaScript course”. He covered all the essential concepts about js before learning React.

His courses is very professional and short.

Or you can watch this video where I talked about freecodecamp website
youtu.be/tvBI8o5GGnY

Collapse
 
vagrantjin profile image
Vagrant Jin Kazama

Months?

That's an junior intern programmer who can stitch UI Libraries and NPM install everything like a high-schooler.

You made no mention of actual software development, what and how to test, accessibility, browser compat, libraries, actual Javascript, performance(browser performance bottlenecks) and most importantly, how to debug JS., how to write good software.

We need more developers doing C#,Java, C++

Collapse
 
youurt profile image
Ugur Tigu

1 day is enough ..

Collapse
 
afourcmd profile image
AfouR-cmd

I am now in my 2nd month learning html and css.

Collapse
 
codewithshahan profile image
Programming with Shahan

make sure to understand all the fundamentals before jumping to JavaScript :)

Collapse
 
afourcmd profile image
AfouR-cmd

Yeah I will do sir. Thank you for the reminders, though having a hard time.

Thread Thread
 
codewithshahan profile image
Programming with Shahan

Keep Going. Never stop learning.

Collapse
 
kirsty_851d86e1664 profile image
Kirsty

Thanks for this. I found it really useful. I've completed HTML, CSS and a bit of JS and GitHub on Codecademy. They took a couple of months with a few diversions. My experience is that doing these lessons and making it work in the real world are two completely different things. While there are rules, as the saying goes - there are many roads that lead to Rome - the secret is to find what works for you as a developer. Mastery is a VERY long process!

Collapse
 
codewithshahan profile image
Programming with Shahan

Glad to hear that.
Yep, the secret is to find what works best for you. I totally agree with you.

Collapse
 
muneebwaqas416 profile image
MUNEEB WAQAS

@codewithshahan I know basic of HTML,CSS , JS ans ReactJS. But when someone tell me to build a responsive HTML,CSS website then it's a nightmare for me.So what should I do?Can you recommend proper time I should give in a day to learn Front end development?Should I have to revisit my HTML,CSS concepts or just start making projects on my own?

Collapse
 
riobrewster profile image
RioBrewster

Seriously? No wonder so many sites are such a complete unusable mess!

Yes you might know enough to build a hacky, insecure, fragile front end that doesn't integrate with any backend. But how is the performance? Does it work equally well in all browsers on all devices?

You don't even mention accessibility. As a front end dev that is part of your job and it adds a whole other layer of complexity.

I wonder how the senior developers on your team feel about your arrogance and fixing your unintelligible code.

Collapse
 
yoshida profile image
Masao Yoshida • Edited

Mr.Shahan.
I think it was good to add git at the roadmap.

Collapse
 
codewithshahan profile image
Programming with Shahan

Are you talking about images?

Collapse
 
yoshida profile image
Masao Yoshida

No I mean you have mentioned about git in your post.

Thread Thread
 
codewithshahan profile image
Programming with Shahan • Edited

thanks a lot. I didn't realize😁

Collapse
 
isokafor profile image
ISOkafor

Js hasn't been easy, I swear.

Collapse
 
codewithshahan profile image
Programming with Shahan

You are right

Collapse
 
icephonix1111 profile image
icephonix1111

ohh

Collapse
 
musharrofshishir profile image
Musharrof Shishir • Edited

That's a great roadmap. I would like to know more about how can i effectively learn JS and frameworks within/!within the mentioned time? what kind of learning system or guideline i could follow to achieve my goal of being a developer? and also, what to do to build a developer portfolio/profile?
i'm a bit lost ig...

Collapse
 
amouratoglou profile image
Agustin Mouratoglou

You are already born a front end developer. don't waste time.

Collapse
 
codewithshahan profile image
Programming with Shahan

Fake News😬