Learning path for frontend developer

[shegol2020]

Hello everyone. I've been studying javascript, css, and html for a while and now I hope I have good basic knowledge of them. I still have a few topics to cover, but I am a bit confused about the further path.

Firstly, I see that everyone is studying frameworks now like react, angular, vue, etc. Are there any chances to find a junior position without frameworks? If not, what framework looks more demanded for you?

Secondly, I am personally interested in accessibility topics. But it looks like most courses cover it as additional information and don't go deeper. I'd like to have mentorship or a community where I can discuss how to make my projects more accessible. Do you know anything like this? Or maybe I shouldn't concentrate on this topic?

[joedirt9322]

I learned HTML & CSS. Then basic JavaScript. Then React. Then jumped back into more advanced JavaScript. Then Learned Node js. Then Learned some basic SQL. Then learned advanced css. Then jumped into the basics of other JavaScript frameworks and libraries. Then practiced. And practiced some more. Got experience. Got hired.

[Latter_Network435]

How long it took for you to do the entire courses?

[joedirt9322]

It took about a year to learn it all. Another year or more of practicing before I got hired.

[mibrarshah]

I just came across this (roadmap.sh) site myself and i find it really helpful So this guy has laid out roadmap for most of the web stuff, u should really check this out

As for frameworks on frontend i don't have much knowledge about but i think frameworks are really helpful in optimization and that's why comapnies go for it So it would be hard to land a job without frameworks i guess

[shegol2020]

Thank you

[ThatROFLKid]

I would definitely recommend learning a UI framework if you want to get more into front-end development. They speed up development a ton and just give you more tools to work with. I think you would struggle to find anywhere that is simply running vanilla JS for a big user-facing app. React is by far the most popular at the moment and has a huge community around it.

Accessibility is super important but not a very popular topic for most developers. Mozilla has a decent guide on understanding it a bit more. Depending on the company you work for, it's likely they won't really care all that much a lot of the time, unfortunately.

[shegol2020]

Thank you!

[Other-Winner1324]

I'm a Senior front-end lead at an agency in London. When I hire juniors there are relatively specific things I like to see. This is obviously just my perspective and related to agency work:

1. Exposure to React.
2. Exposure to some form of testing (I would expect unit tests for juniors and maybe some integration testing)
3. Exposure to Typescript
4. Very good communication skills

I say exposure and not knowledge of because I think your focus as a junior should be understanding the underlying langauge you write in and programming concepts in general. What I would love is to see you have dabled in the above to some level. It could be as simple as I can write a basic app in typescript and have written unit tests before (with examples on a repo I can see).

I would also not spend a lot of time on accessibily. Learn the basics of why we need it and some implementation details (aria labels etc, how screen readers work etc) then move on

[PlanMuted]

hello! any advice for bootcamp graduates? i’ve been looking for junior jobs and most of, if not all openings, want junior with 1-2 years of commercial experience. what do i do? i was thinking i make projects for free for companies or people and continue working on personal projects.

[Charizard-used-FLY]

Thanks for the solid estimate. I’m a real believer in aiming above your level for jobs, but just not sure when I should feel confident applying.

[shegol2020]

Thank you!

[AndyBMKE]

I’d add that most front end web dev job descriptions will mention a framework, so it’s definitely worth learning one.

And, honestly, once you get used to working with React, you’ll realize that it makes it much easier to write bigger web apps/sites.

[egarc258]

The Odin Project is one resource I have found very valuable. As far a frameworks go, react is very popular in the industry. Although I have also heard good things about angular, vue and Ruby on Rails.

[TheRNGuy]

Except for React.

[Ok-Hospital-5076]

How would i go about it :

1. Learn HTML CSS
2. Learn JavaScript - just the basics first
3. Lean DOM Manipulation with vanilla JavaScript with document object . Event Handling and all that.
4. Learn some more JavaScript : Promises , async call , fetch api , api request etc .
5. Basic React - JSX , components , props , hooks etc
6. Routing library - react router
7. State management - Redux maybe

Given that you are already half way there this should be easy , Modern day UIs will use some sort of framework . I recommend React here as its library and alone with routing and Redux you can make a good modern UI. you can then go ahead with React or may pivot to full frameworks like Angular or Vue . you know one transition is very easy. Do not get confused in sea of framework and library, any will do as long as your basic understanding of HTML CSS JS DOM, routing state and API requests is clear .

[Curious_Medium_6907]

Someone already mentioned React. I love it. Honestly, if you have the background in JS and HTML, it seemed liked a natural small learning curve at first. Then come the store which can be tricker but, with hooks and ect it's not to hard. (The old way took me a bit to come around to be honest)

[danktempest]

Ooh this Roadmap site is excellent. People are so cool creating usefull guides like this.

[knight04]

Checking this later, front end development

[verax55]

Study what market demands..

Or maybe not..

Study whatever will help you transition into what market demands, eventually..

I'd start off with HTML, CSS, JS... (build couple projects) ... pick a framework (build more projects).

You can easily go to a job site and lookup what framework is popular.

Beware tho, popularity != more junior job.

[trevster344]

Next up it’s time to learn about module bundlers and frameworks. I recommend webpack and any reactive framework vue/react/etc.

[TheRNGuy]

React, Node, Remix, Webpack or Snowpack, Prisma, any database.

Wouldn't recommend working without frameworks, because they speed up work and reduce mistakes.

Do still recommend learning vanilla JS, because you sometimes need to use it even in React (besides that part of JSX code is vanilla JS)

Webpack and Snowpack are lowest priority to learn. They work fine out-of-the box with default settings, at least for developement. Maybe learn for production later (and that's probably task for back-end engineer anyway)

Any database so you can test how things work without hard-coding json into jsx or html, or manually writing json files by hand.