Javascript feels very unfriendly to "start with".

Like I want a best practice guide for modern JS and basically everyone tells you "Yeah I use Flerp but that's outdated, you should use Shlorp" and the Shlorp docs tell you you need "Peteng" and "Gropsh" set up before starting.

It's super hard to see best practice that's not "you are a startup with limitless funding, here do microservices in Kubernetes with this Meta Framework.

(I don't need to "learn to code", I need a no-nonsense JS thing for people who are competent in another language. If I have to read another explainer of IF I'll have to kill myself)
@tante
I think it’s easier to write to an expert (just write down what you learned or made this past week), and it’s easy to write to a complete noob (start with the basics), but reaching an audience in between is tough. It takes a special skill set, and one that’s not very common/not widely cultivated.
I’ve seen an occasional “intro to X for Y programmers”, but they’re hard to find. Even rarer is a more general “intro to X for programmers” with no specific “from” language.
@tante so something like @deadparrot RUST for JavaScript devs, but the other way around?
What is your "main" language?

@tante I've found that for each programming language X, there's usually a hand-maintained "X the right way" website out there that tries to stay up to date with an (opinionated) "what's good practice/tooling and not obsolete".

Maybe this JavaScript-oriented instance of that pattern will help? It does not boil the frameworks ecosystem down to one choice, but at least the list is short and concise, and you can see what the non-framework tools do...
http://jstherightway.org/

JS: The Right Way

A quick reference to best practices for writing JavaScript -- links to code patterns and tutorials from around the web

JS: The Right Way

@tante my impression is that this is why the typescript community has been growing so much. the language has much more structure (while being js compatible), and as such the tooling around it is following that structure.

https://www.typescriptlang.org/

fwiw, my bias is completely in the other direction. i'm all /loosey goosey/ when it comes to my js, but i'm not getting paid for it. good luck!

JavaScript With Syntax For Types.

TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.

@tante Try this book https://exploringjs.com/impatient-js/

It might be a bit low level for what you need, but Rauschmayer is very comprehensive and clear.

JavaScript for impatient programmers (ES2022 edition)

@tante kannst du sagen, was du versuchst zu bauen?
@mamhoff Ich versuche ein besseres Verständnis für modernes JS zu bekommen. Wenn ich was konkretes Bauen müsste jetzt, würde ich einfach Python nehmen.
@tante @mamhoff
Also sowas wie "JavaScript for Python developers"?
@tante @mamhoff Traversy Media hat mMn immer eine nette Übersicht https://youtu.be/EqzUcMzfV1w (ich code aber nur gelegentlich in JS, kann also selbst nicht beurteilen, ob es super aktuell/der Standard ist)
Web Development In 2022 - A Practical Guide

YouTube
@tante it‘s more like youth culture or weird music niches than a properly documented, serious set of kit (eg. python) in that sense. If that makes sense.
@kmetz that is actually the perfect description, thank you!
@tante imo this is all anyone needs to learn modern js without frameworks https://javascript.info/
The Modern JavaScript Tutorial

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.

@tante haha yes. I think my partner feels this right now. She learned vanilla js and is now a trainee. Except they don't use vanilla but node with transpiled code. Except they use all that in reactjs. Except they use all that in nextjs.

Is is quite convoluted unfortunately. I am not sure there is really "that" one way to go. It kind of depends what you want to develop and then you can try one of the more popular options 🙈

@tante @janl I used to think that as well (the speed of fashions DOES suck) but thanks to the very different setup needs for frontend - node backend - electron - data/visuals - aws cdk I understand the difficulty to converge on best practices... but yes, makes very hard on beginners. (also missing: really good js books - go, rust have really good ones these days, go in particular.)
@sushee @tante Have you tried Eloquent Javascript? I remember thinking it is good :)

@tante thats why i use for my work a more minimal setup, i build smaller components on my own, and use libraries that try to solve one problem.

But you are right, to start is a little bit rough, if you search you find a lot of best practicse that get old if finish reading it 😅

@tante seriously. I was a web designer in the 00s, and when I went back to pick up some js skills in 2016, I was like “what do you mean I need a framework and a dev environment, wtf”
@tante A modern JavaScript Cookbook would be fantastic, just a list of recipes for basic web tasks that all use pure JavaScript, HTML, and CSS.

@tante I think what you're looking for is an opinionated framework. Svelte is a great jumping-into choice.

But JS as a language shouldn't ever be opinionated. That's what frameworks and libs are for, decreasing options until there's just x way to do it. That's why there's such diversity today, depends on your need for that thing.

@tante I recommend starting with plain old JavaScript, not any framework or library. The newest version of JS is pretty good so you don't need stuff like jQuery anymore. Mozilla's MDN is a good place for looking up stuff, they also have guides (never used the guides though): https://developer.mozilla.org/
Search

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

MDN Web Docs

@tante @emilygorcenski It’s a steaming turd with at least three ways to import code from elsewhere.

I find that the most acceptable and consistent way to get something done in javascript is to write it in Typescript. The tooling is kinda mature enough that the translation step is bearable.

@tante I'm a C++ developer, not JS. The other day I started looking at things js related for a very small side project. It's a mess... miss jquery and the jquery UI lib. Easy, to the point for small things. Now everything is a framework and a dependency hell. Or maybe I'm just getting old 🤣🤣
@tante The main libraries everyone uses to make things easier are Lodash, express (for the server), and then some front-end framework or CSS library. You probably don’t need a front-end framework if you’re coding by yourself (and you should learn to code without relying on one) but big projects usually just pick from React, Angular, and Vue. I use Bootstrap a lot for small projects because it has lots of pre-built components.
@tante oddly enough, I'm having this exact problem with things like C#. I'm having more problems with the ecosystem and tooling rather than the language itself.

@tante: The heavy emphasis on frameworks and the fact that the flavour of the day changes so frequently and feels led by fads put me off web development pretty much permanently.

That JavaScript itself bears the scars of being hacked together in ten days doesn't help proceedings.

JavaScript for impatient programmers (ES2022 edition)

@tante don’t fall for the framework trap. #assembly

@tante I'm a big fan of #vim and #neovim, but may I just mention; this whole Flerp vs Shlorp is totally a thing here as well, unfortunately. See syntastic, pathogen, deoplete (to a lesser extent), and, I suspect, quite a few other plugins. Even color schemes!

Although I'd like to give a shout out to signify, which was turned async without abandoning the existing code and name.

@tante I often get asked, why I don't teach React or some framework like it. And it boils down to "frameworks are (very) temporary, but JavaScript is likely still around in 10 years. And it helps you get into any future framework, too.
@claudius @tante Do you actually teach JavaScript or do you teach TypeScript? It‘s an additional layer, but you get typing, which at least in my opinion is very important especially for beginners…

@DerMolly @tante I teach JavaScript, that's why I wrote JavaScript.

I do know about and even use TypeScript myself, but the additional layer currently does not yield any benefit for the use case I am teaching.