Ask HN: How to become productive quickly in front end dev as a system programmer

I come from a background in systems programming. Eventually turned into a sysadmin which morphed into this whole DevOps thing.

Browsing the landscape of frontend development is daunting, to say the least. Trying to get a small web app running seems to be quite involved. There are lots of competing frameworks, not to mention ES6 compilers etc. I have found what appear to be good resources on JavaScript, but explicitly don't cover the "DOM" at all. Other resources assume you can't figure out HTML, and spoon food you bit by bit over 100's of pages worth of explanation.

Is there a "best" resource or resources (online or paper) for a current programmer who just needs the meat of how to get stuff done in the front end? (I will admit that I'm drawn to VueJS as a framework, but that of course assumes you know what you're doing).