r/learnjavascript • u/TheInsaneApp • Oct 01 '20
JavaScript Roadmap for Beginners, Intermediate and Experts
14
Oct 01 '20
Is there a way to navigate the chart? Seems scattered even for beginner section.
16
u/esdotvee Oct 01 '20 edited Oct 01 '20
That’s because it’s not a beginner friendly language. NaN, undefined, and null - lol ... let, var, and const?
E - Know anyone reading this may ask what language to start with. The answer is Python version 3 and higher. A similar graph or flow chart for python would be a lot easier to understand than this one for JS.
8
u/gloomndoom Oct 01 '20
You seem to be downvoted but there is some truth here. I’m not a developer as a full time job but I have a CS background and am proficient in a couple languages, passable in a handful. Javascript just seems to be a mess.
5
u/Morphray Oct 01 '20
What is a better beginner language?
5
u/PussPussMcSquishy Oct 01 '20
Python.
It gets kicked for being slow in comparison to C++ or other compiled languages, but that’s about the only bad thing you say about it. Otherwise it’s straightforward to read/write and has massive support. Also, Pycharm is the tits of all IDEs (opinion).
2
u/RoguePlanet1 Oct 01 '20
I keep hearing about how user-friendly Python is, but have been trying to get at least okay at JS first, since it seems widely-used and has been around.
3
u/InstinctCreative_ Oct 05 '20
been on the js stuff for a while now and the whole thing seems so complicated when you get to the scopes and methods and my brain is fr tweaking
0
Oct 02 '20
[deleted]
1
u/gerbosan Oct 02 '20
Frameworks are kind of magic. First, learn the language and how things are built then use a framework to ease and work faster.
Ruby and Ruby on Rails are witchcraft.
1
16
5
u/dada_ Oct 01 '20
Bit of a strange roadmap, in my view. Purescript, Typescript and Elm are sort of tucked away in the corner, but they're vastly larger and more complex topics than, say, the Singleton or Module patterns. And besides, I'd say only Typescript is by far the more important one of those three. Same for Jest. Testing is important and it's something you should start with early, but it's a whole roadmap by itself.
4
6
u/pxldgn Oct 01 '20
This chart is wrong on many levels
While NaN is a primitive value, it is a member of Number (as all the other numbers). What the author would like to write here is "Primitive Types" instead of "Primitives", and NaN definitely does not belong there.
https://www.ecma-international.org/ecma-262/11.0/index.html#sec-primitive-value
JSON is not a "data structure" whatever the author means by that, JSON is an object. That's all. There is such a thing like "Structured Data" (containing the JSON object), but that is a completely different thing:
https://www.ecma-international.org/ecma-262/11.0/index.html#sec-structured-data
Please don't share this chart, this is just simply ridiculous.
2
u/PatientPlatform Oct 01 '20
I choose to believe this chart as it tells me i'm an intermediate JS coder whilst the rest of reality screams the opposite :P
1
u/____0____0____ Oct 01 '20
Agreed. I appreciate what the author is trying to do, but a quick glance has already shown me a few mistakes. For instance, null is an object, while in concept it is a primitive, it can create some ambiguity in the definition. Types are weird in js... For the most part, there is string, number, boolean, undefined, and object. Even functions are technically objects, but they do return back function type for typeof. I find it extremely confusing as to the level of differences between actual types and what we perceive them as, even as someone who has read into this a great deal.
3
3
u/aluo1729 Oct 01 '20
Not a roadmap but something better than one: Learn principles of programming with Python (read ThinkPython o Python Crash Course), learn HTML and CSS (go thru the Mozilla Developer Network courses) then learn some JavaScript (Eloquent JavaScript or javascript.info). When learning javascript do some projects and have fun with, try to explore it and see what you can. There's a lot of interesting libraries and framework so just put a little bit of time searching about them.
4
Oct 01 '20
I don't think design patterns should be here as they are not language related.
Moreover the singleton pattern is simply the module pattern in modern js and factory pattern isn't important.
I'd put more emphasis on other patterns like command and observer which are very dominant in FE.
1
u/dream_emulator_010 Oct 01 '20
Anyone have tips for good reading material concerning the advanced patterns in TypeScript?
1
u/eggtart_prince Oct 02 '20
I wanna learn Observers, what's a good use case to learn it? What type of apps use Observers?
1
1
1
Dec 05 '20
Good chart, it could be better to the eyes though.
It's too cramped. And the Intermediate and Advanced colors are difficult to differentiate in your render.
1
u/HelloItIsMe_91125 Feb 02 '23
It's funny that I get this under your.
(Sorry, im on mobile. Dont know to put it in one word)
1
u/Lazy_End_1784 26d ago
Um mundo de opções com certeza uma linguagem rica em possibilidades para quem está começando.
57
u/yadoya Oct 01 '20
I prefer this one
https://github.com/kamranahmedse/developer-roadmap