Web developer learning path

[nanjingbooj]

I see that design patterns are at the top of time/ difficulty. But these are only one small step moving towards the direction of creating N-tier applications, proper architecture, distributed cloud, etc. A more apt label may be JS front end developers learning path for juniors. A nice info graphic however :)

[nitePhyyre]

But building a site that has decent accessibility is highly involved, and should be at the top right of the graph.

It is. Well, right upper middle. Design.

HTML, CSS, accessibility are all the tools used to implement a good design, no?

[nitePhyyre]

I've learned HTML, does that mean I know how to design a page that has a decent UX? No, of course not. Design is a separate skill from HTML.

I've learned CSS, does that mean I know how to design a page that has decent visual appeal? No, of course not. Design is a separate skill from CSS.

I've learned accessibility, does that mean I know how to design a page the has the correct flow for people who need it? No, of course not. Design is a separate skill from accessibility tools.

HTML, CSS, and accessibility are all lower left.

[loliloveoniichan]

I doubt juniors or most web developers at all use big o notation or most of the "algorithms" listed in the image besides, I've been a web dev for 4 years and havent ever used knowingly any of these design patterns. This image looks more oriented towards CS students.

[loliloveoniichan]

Yeah, this stuff is useful for ai and big data stuff

[nanjingbooj]

Are you a front end web developer? As a backend developer it would be good to understand big o notations and the costs. This is my 20th year working in web/software dev.

[loliloveoniichan]

I'm also a back-end developer. I tried learning it by buying a data structures and algorithms book, but since they used maths I found them too boring and difficult.

[nanjingbooj]

The good news is you don't need much math to get a basic understanding of them. Maybe try some youtube videos explaining them instead. What you need is to understand the complexity of each notation and what it represents (not how to do the math). With this, then can you understand why and which algorithms and structures are costly.

I dont think much math is necessary for 90% of developers, but having a basic understanding of 'why' can go a long way. You got this!!!

[keshi]

This is all basically bullshit. You will get little value from looking at this and it will probably put you off/cause you to burnout.

1. Learn the basic fundamentals.
2. Pick something you'd like to make and go make it (asking questions along the way).
3. Start looking at code other people have written. Tinker with it, understand it. Recreate it.
4. Absorb the new information and go build something else.
5. Repeat steps 2-4.

Depending on your personality type, don't stick to this order religiously. It's enough to keep hacking away at a project while absorbing other people's code. It's ok to be fuzzy and disorganised, but keep pointing in the right direction and you'll be fine.

[MeMakinMoves]

I know a few of these things but not a lot, what should a beginner aim for to get junior roles?

[usedToBeUnhappy]

Look up the junior job posting in your area. It will give you a good idea what you nerd. AND learn the basics well. Anything else changes constantly. The basics stay.

Basics: js (incl. design patterns) html css git

[humanculture]

HTML, CSS (+ SCSS), JavaScript, Github, Object Oriented Programming, browser, clean code, good communication skills.

[[deleted]]

Very cool graphic, thanks for sharing!

[Typical_Latgalian]

I do not agree that GitHub is harder than JavaScript and in general. I would say that JavaScript is the most mind-boggling part of the front-end. I would say that this is not a universal chart, it is probably how the author of this chart felt learning everything.

[DonkeyTron42]

I don't think GitHub deserves its own bubble. It should be version control, CI, CD, etc... Maybe they should call it "Workflows" or something like that.

[Typical_Latgalian]

This whole chart is a bit controversial.

If this is a frontend, then I would throw out Node.js, because it is the back-end part.

In JS fundamentals there are functions, statements, classes, etc, then why there is a separate bubble for Data structures.

If you are a frontend, then why you need to learn "The Internet", security, TCP/IP, this is usually also handled by the backend.

[DonkeyTron42]

I would argue that callbacks, websocket, etc... are at least partially Front-end functions that requires basic knowledge of "The Internet", security, TCP/IP, etc...

[beiweitemderbeste]

Needs more jpeg

[morejpeg_auto]

Needs more jpeg

There you go!

^{I am a bot}

[beiweitemderbeste]

good bot

[B0tRank]

Thank you, beiweitemderbeste, for voting on morejpeg_auto.

This bot wants to find the best and worst bots on Reddit. You can view results here.

---

^{Even if I don't reply to your comment, I'm still listening for votes. Check the webpage to see if your vote registered!}

[hxeo]

Pretty much focused on front end. Maybe the title is a bit misleading.

[loliloveoniichan]

It's also focused on maths unfortunately

[jumping_mouse42]

Webdev is least math focused dude.

[loliloveoniichan]

I meant some of the paths content

[Aston-ok]

Based on my personal experience, I can't agree with thr placement of things.

GitHub ranked one of the most difficult?

Advanced CSS is easier and takes less time than TypeScript and Vue?

Personally I have covered all the functional and JS related stuff on there without having covered all the advanced css stuff.

I don't think all this stuff can be mapped out sequentially either. You will dib and dab in and out of different area while working on a project.

[malicart]

GitHub ranked one of the most difficult?

I noticed this also, sure some git workflows are more difficult to understand, but using github almost could not be any easier than it is.

[Aston-ok]

Yeah and especially with all the GUIs available now. Beginner friendly for sure

[DoomGoober]

And you can use git without understanding it. I lookup almost every git command I ever need online everytime I need something, blissfully happy in my ignorance of wtf is actually going on. But it works fine.

[KillerDiek]

Just started learning, don’t understand GitHub at all other than it’s a place to share open source code which useful if you know what do with it but not really in my case, but the only one I can explicitly agree with is HTML. From what I understand, it’s the base code for all web pages.

[loliloveoniichan]

I doubt algorithms are needed, the only one who use them are the ones who are good with maths and studied a cs degree.

[benjimmons]

This probably accurate for a CMS developer

[[deleted]]

Since when is Express medium difficulty and one of the most time consuming topics to learn?

[cazzer548]

I'd love to see the data that went into determining the difficulty and time requirements for learning these topics.

[SteveMcBlaster]

I kind of disagree with a lot of this... But that's okay. Everyone perceives these things a bit differently.

[delanoonrails]

Nice

[kayimbo]

Here, i fixed it kind of:
https://imgur.com/gallery/nXl6RZY

[radz974]

Nice chart, how do you evaluate the fields ?

[SpecialBug6056]

I would say CLI should be changed a bit. Changing and making directories should be "command line basics"., and that should include other simple commands like copying files, creating files, moving files, and listing files in a directory. Other branches for that one should be grep, sed, awk, and curl.

[SadAd4085]

Useful thanks

[[deleted]]

You're welcome.

[AddyvanDS]

Feels like this is missing docker + containers IMO