3 ms·
Ask HN: Resources to learn vanilla web programming in 2023?
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 3y agoAny 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-building-modern-web-apps-e43f74190b9c 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-from-scratch 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/ 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/ https://developer.mozilla.org/en-US/ You mentioned backend. With just Node.js, you're technically running vanilla JS there too.
- newoldhead 3y agoHTML, 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.
- he11ow 3y agoI'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.
- schwartzworld 3y agoMDN has amazing documentation and is exactly what you're asking for.
- perilunar 3y agohttps://developer.mozilla.org/en-US/docs/Learn https://developer.mozilla.org/en-US/docs/Learn
- owenpalmer 3y agoYour 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.