Ask HN: Resources to learn vanilla web programming in 2023?

[newsoul]

I want to learn web programming. Mostly because I will have the full stack to express myself starting from the UI to the functionality (backend).

But, I don't want to start with frameworks. I want to learn vanilla HTML, CS, JS. Frameworks hide many things. I know the DOM is a structured form of data. I want full control through vanilla JS to manipulate and bend that structure at my will.

Where to learn that from? Also I believe learning in this way will give me more understanding about JS frameworks when I study their source code.

[turtleyacht]

Any post or article where the author is like "Let's build a React" may emphasize vanilla JS. For example,

HEX: a No-Framework Approach to Building Modern Web Apps (2017)

https://medium.com/@metapgmr/hex-a-no-framework-approach-to-...

Manning has Build a Web Framework (From Scratch) in its Manning Early Access Program (MEAP):

https://www.manning.com/books/build-a-frontend-web-framework...

Web Components are a neat way to have <custom-tag /> stuff controlled by CSS. But you can forego that and use (BEM-named) values in class attributes.

Even just `document.querySelector` and `.querySelectorAll` gives some idea of vanilla JS. There's also (tongue-in-cheek)

http://vanilla-js.com/

This book for writing Javascript may still be relevant:

Reliable Javascript: How to Code Safely in the World's Most Dangerous Language (2015)

Hmm, code samples are no longer easily available. I would love to share it if Wrox Press (formerly) were cool with it.

And then there's places like Mozilla Developer Network (MDN):

https://developer.mozilla.org/en-US/

You mentioned backend. With just Node.js, you're technically running vanilla JS there too.

[he11ow]

I've tried every shortcut possible only to realize the long way is the short way.

Sign up to a Udemy web-development bootcamp. Take it class by class by class. It won't necessarily be quick. Some things won't work, because things will have changed since the bootcamp was recorded - that's practice onto itself in how to fix things - and the Q&As on Udemy courses are very good for that. Afterwards, sign up to an intermediate course that actually builds a project in a given framework. It doesn't matter which, because once you know one, it's a lot easier to contextualize a different one. Anyhow, the framework doesn't matter, at least not for the first year or two; being able to create and ship something does.

[owenpalmer]

Your plan is solid, but I find your question a bit silly. It doesn't really matter where you learn these things. Just google it and click on the first page that isn't trying to sell you something.

[newoldhead]

HTML, CSS and at least the basics of JS can be learned for free from codeacademy. Once you have those, code a website for yourself so you get how they work. Shouldn't take more than a week to finish this if you're dedicated.

[schwartzworld]

MDN has amazing documentation and is exactly what you're asking for.

[perilunar]

https://developer.mozilla.org/en-US/docs/Learn