To add one more, there's also Oh sh*t, Git: https://ohshitgit.com

I think it's been posted around here before, but who knows, maybe you're one of todays lucky 10000?

I don't have a list of resources, but here is a not-so-comprehensive list of things I find important:

  1) Understand how requestAnimationFrame() works
  2) Understand how setTimeout() works
  3) Know how to minimise the number of DIVs you have in the DOM at any one time
  4) Understand the touchstart, touchmove and touchend events properly.
  5) Understand the browser viewport model and the vw, vh CSS units. These units can even be used to scale text, which, if done well can allow for truly responsive text scaling.
  6) Understand the various layout engines. Grid is good for static layouts, Flex is great when you want to animate things.
  7) Understand the different element positioning modes. I'm amazed how little most web devs understand absolute and relative positioning. Understanding this is super useful.
  8) Understand promises properly. Understand async/await and try/catch. Understand Promise.all() and Promise.race().
  9) Understand what 'this' means and how func.call() works in Javascript
  10) Understand indexedDB and localStorage
  11) Be aware that any Javascript on a page executes in a single thread
  12) Understand which JS likely to trigger a "recalc" and "repaint" in a browser
  13) Become a master of your browser's dev tools and be comfortable debugging asynchronous code.

The MDN pages for a lot of the above are pretty good - all the best :)