How to learn frontend Web Development in 6 Months ? ( I am a Beginner , Recommend plan and resources )

General Rules

  • This Forum Rules:
    1. No asking for course requests or download links.
    2. Don't share links to other websites for downloads or references.
    3. Avoid controversial topics in discussions.

    4. Use an appropriate thread title that matches your content, not just a word.

    Other Forum Rules Can Be Found Here

naijatask

Member
TutFlixer
Jun 15, 2021
173
187
27
Canada
I'll recommend you start with the HTML and CSS course by Jonas schmedtmann.

Then, head over to frontend mentor and take on some challenges with your acquired skills.

Practice like 8 challenges, then you can try to take on a bigger challenge like rebuild any website (like 3 websites) in your country.

When you're comfortable with your html and css skills, you can move on with learning JavaScript by the same author.

After that, try to rebuild some of the projects in the course.

Head over to YouTube, follow YouTubers such as deved, netninja and others.

Build lots of JavaScript projects from those on YouTube.

Keep on practicing by replicating some popular web apps like Todo app, a music app etc.

Do not forget to also practice with using APIs.

When you're pretty comfortable with your html, css and JavaScript skills, it's time to move on to using frameworks.

You can get the advanced css and sass course by Jonas schmedtmann and also enroll for a tailwind css course.

When you're comfortable with tailwind and sass, you can start learning react, a JavaScript framework. I'll recommend using the course by John smilga as it contains lots of practice and real world examples.

If you think you're still lacking in knowledge, you can continue with the react course by academind.

Head over to YouTube, and build lots of react projects.

Try to recreate your html and css projects with your new founded react skills.

During these time, don't neglect learning git and GitHub And also bundling tools like webpack, parcel and babel as they are very essential tools in the web space.

After getting comfortable with react, you should start learning typescript. Then try to recreate your react projects with typescript.

After that, you can start learning some react frameworks like next js, svelte, Vue, remix etc.

Learning all these should take you nothing less than a year (if you study 4 hours a day).

I hope this helps 😃
 

whoopty_hoops

Member
TutFlixer
May 28, 2021
69
157
21
India
I am a beginner and only know some HTML and figma
honestly dont spend too much time with html and css, the fact is with HTML5, there are too many great elements which many dont even use cuz we dont know about it lol. You will end up seeing everyone sticking with div tags and applying css or using a css library.

My suggestion is to spend nothing more than 1-2 months learning html/css/js.
For css just know grid and flex. Truth be told there is so much and you will end up forgetting whatever u learn hahaha. You will end up googling 90% of your stuff thats programming hahaha. You can find net ninja on youtube or just take some frontend master stuff on that grid/flex. Another resource for css is prolly Kevin Powell you can find it here in tutflix . Maybe take powells responsive course than the demystifying should be taken once your know some frontend framework.

Now after your first 2 months, pick a frontend framework. Pick one that will get you a job not one that is famous. IMO just learn react and get good in it, you will realize all that js u learned was an overkill. After learning react learn redux and u are good to go. From there onwards I will suggest learn a server side meta framework like next. Jump from react to next is seamless takes like 1-3 months (being generous over here). But if you know how to build backend rest apis , then react + redux is a perfect combination takes you to a full stack.

Just dont make the same mistake I did. I kept on learning JS and Css and realized most of the stuff is an overkill and not needed when u pick up a frontend framework. Honestly, just pick a stephen grider course hes using modern react + redux, + he just updated. Personal statement when learning redux just look at the Docs. Redux toolkit + rtk query documentation is so good and prolly the best you don't even need a course to learn modern redux now. Docs alone will get you proficient in it in a week. I will encourage learning RTK over react-query as it works well along with redux (from the same redux team).

yeah also pick a UI lib like material ui/maintine/antd. Pick one and just use that to build stuff so you dont end up spending most of your time styling components. UI lib like the one I mentioned will also bring consistency and a uniformed design system. No need to enroll in a course just use the docs directly.
 

outsidekidx

Out of space, out of mind, I'm on another planet
TutFlixer
Jan 13, 2023
1
4
3
Brazil
honestly dont spend too much time with html and css, the fact is with HTML5, there are too many great elements which many dont even use cuz we dont know about it lol. You will end up seeing everyone sticking with div tags and applying css or using a css library.

My suggestion is to spend nothing more than 1-2 months learning html/css/js.
For css just know grid and flex. Truth be told there is so much and you will end up forgetting whatever u learn hahaha. You will end up googling 90% of your stuff thats programming hahaha. You can find net ninja on youtube or just take some frontend master stuff on that grid/flex. Another resource for css is prolly Kevin Powell you can find it here in tutflix . Maybe take powells responsive course than the demystifying should be taken once your know some frontend framework.

Now after your first 2 months, pick a frontend framework. Pick one that will get you a job not one that is famous. IMO just learn react and get good in it, you will realize all that js u learned was an overkill. After learning react learn redux and u are good to go. From there onwards I will suggest learn a server side meta framework like next. Jump from react to next is seamless takes like 1-3 months (being generous over here). But if you know how to build backend rest apis , then react + redux is a perfect combination takes you to a full stack.

Just dont make the same mistake I did. I kept on learning JS and Css and realized most of the stuff is an overkill and not needed when u pick up a frontend framework. Honestly, just pick a stephen grider course hes using modern react + redux, + he just updated. Personal statement when learning redux just look at the Docs. Redux toolkit + rtk query documentation is so good and prolly the best you don't even need a course to learn modern redux now. Docs alone will get you proficient in it in a week. I will encourage learning RTK over react-query as it works well along with redux (from the same redux team).

yeah also pick a UI lib like material ui/maintine/antd. Pick one and just use that to build stuff so you dont end up spending most of your time styling components. UI lib like the one I mentioned will also bring consistency and a uniformed design system. No need to enroll in a course just use the docs directly.
I'll take your advice and come back to give you the feedback!
[Starting Today 02/08/2023]
-
Thanks, btw.
 

SoulSurvivor7

Member
TutFlixer
Dec 19, 2020
134
174
27
www
Scrimba frontend Career Path or Odin Project. When you don't understand a concept, just google!


And Just start applying. No matter your skill level.

BTW
I don't think there's a perfect roadmap. And you will never feel good enough. So there is always some luck involved. Some people can get a job after 6 months. Some after years.

Just make sure to actually build stuff. And stay out of tutorial hell!
 
Last edited:

cashflow2riches

Premium User
Premium
TutFlixer
Jul 10, 2022
32
20
8
United States
Everyone seemed to give good advice. For me the main thing as a beginner is consistency. I went through the coding bootcamp route 2 years ago (Lambda). Today I wouldn't recommened bootcamps being we have so many resources available. Bootcamps are only good for one thing...ACCOUNTABILITY.

I've been trying to code for years prior to the bootcamp and couldn't get pass what a function is. If you don't have the accountability problem and can self study, dude just follow a roadmap, build a couple portfolio projects and you in the game!!
 
  • Like
Reactions: ashish222

ness7

New member
TutFlixer
Jul 7, 2022
2
4
3
France
You should check out Traversy Media, he posts a Web development roadmap every year, it's well respected.
2023 is not out yet but his 2022 is still relevant.
Take notes of the different fields of expertise and look for the most recent courses on youtube along with documentation. Udemy courses tend to be too outdated, including the highest rated courses from Jonas Schmedtman
 
  • Like
Reactions: cashflow2riches

SoulSurvivor7

Member
TutFlixer
Dec 19, 2020
134
174
27
www
You should check out Traversy Media, he posts a Web development roadmap every year, it's well respected.
2023 is not out yet but his 2022 is still relevant.
Take notes of the different fields of expertise and look for the most recent courses on youtube along with documentation. Udemy courses tend to be too outdated, including the highest rated courses from Jonas Schmedtman
Im a fan of Traversy Media. But i'm not a fan of guides like theses. There are so many (new) technologies to learn. And it can become quite overwhelming as a newbie

It's quite simple; If you want to do web development. Just learn HTML/CSS and JavaScript. And yes, invest most of your time in JS.

If you can master JS, you should be able to get a front end job anywhere.
 

mug3k1

Member
TutFlixer
Oct 18, 2020
56
43
13
Brazil
This is some great advice. I'm personally working my through the front-end developer path at Scrimba. It's going great so far, In 5 days in and I'm 75% through the CSS section and will be doing JavaScript next. I kind of worried about that but let's see how it goes haha.

I've already downloaded a bunch of courses so if I get stuck I can use one of them to learn the subject that's giving trouble from another teacher/angle.
 

SoulSurvivor7

Member
TutFlixer
Dec 19, 2020
134
174
27
www
This is some great advice. I'm personally working my through the front-end developer path at Scrimba. It's going great so far, In 5 days in and I'm 75% through the CSS section and will be doing JavaScript next. I kind of worried about that but let's see how it goes haha.

I've already downloaded a bunch of courses so if I get stuck I can use one of them to learn the subject that's giving trouble from another teacher/angle.

Make sure to do the projects twice. Once with scrimba, and then on your own.
I struggled a bit with the JS section "Essential JavaScript concepts". They learn you so many techniques in such a short amound of time.

I couldn't wrap my head around it first time. When you do the projects for the second time on your own. You will understand it much beter.
 

mug3k1

Member
TutFlixer
Oct 18, 2020
56
43
13
Brazil
Make sure to do the projects twice. Once with scrimba, and then on your own.
I struggled a bit with the JS section "Essential JavaScript concepts". They learn you so many techniques in such a short amound of time.

I couldn't wrap my head around it first time. When you do the projects for the second time on your own. You will understand it much beter.

Thanks for the tip, I'll keep that in mind.
 

turdflingingmonkey

New member
TutFlixer
Sep 16, 2020
4
7
3
USA
Step 1 is to go to LinkedIn and search for jobs in your area. Find the jobs that interest you, and list the most common requirements. Are most jobs in React/Vue/Angular? Are most companies using JS or TS?

IMO video courses are really slow. I'd do FreeCodeCamp and the official docs for whatever framework is the most common in my area.

Focus on core basics. Don't learn stuff like Redux unless it's very common in job postings. Learn common pitfalls (like useEffect rendering issues).

Stuff like Git (git flow), GitHub, Linux is very important.

Setup a project with proper practices, like Conventional Commits, CI (linting, formatting, etc.), CD (automatic deployments to some kind of CDN or server).

Most of the time recruiters won't even bother checking your GitHub projects, but it will give you something to talk about when it comes to behavioral questions, like challenges you've experienced.

Nobody cares about your portfolio page, another to do app or the Netflix front page clone you watched on YouTube.

Build 1-2 projects that solve a real need you or someone you know has. Back in the day I built a tracking app (web app, server, mobile app) that I used to drop a lot of weight.

Extra points if it's being actively used by other people (this is why it's important that it solves a real need). For example, you could write a mobile app to transcribe your grandmother's recipes. You'd need a mobile app/web app, a server. I'd spend a week learning the basics of neural networks for text detection (it's one of the simplest ML task you can do) or you could use Azure/GCP/AWS services. Release to app stores, and record your "client" using it. Get feedback and iterate.
 
  • Like
Reactions: toofanSingh

Latest resources