As a mediocre frontend dev, this hits hard. I bought a bunch of texts to up my DS&A and college level math skills as I'd like to eventually be able to excecute on 3D animation in the browser, but the books end up sitting on my desk as I consider I'm too old/there're too many people who _do_ have these skills already, etc.
What sort of 3D animation do you want to do? If you're talking about shaders, you might be doing yourself a disservice with the bottom-up approach. In my opinion, learning to use math functions as tools rather than having a deep understanding of how they work is an equally valid approach. I know several great WebGL developers who really aren't very good at math. Consider the following definitions of the dot product:…
This is perhaps where I go wrong, as I assume it's 'all the same thing'. I currently work on a web app that provides an editing interface for 2D animation with DOM objects (so, rectangles), so I have a notion of using matrices for camera transforms but the extension into 3D animation seems like another planet. I get what you're saying with the tool perspective, but I'm usually nervous about "how do I fix something if something breaks".
In the past when I've spoken of what I work on with friends of friends who're professionals in other fields, and I'd frequently be asked about my 3D animation skills as they had some business idea they wanted to execute on. This experience was primarily my motivation to looking further into 3D rather than say gaming so gun to my head 3D modeling and editing would be the first stop.
But the comments here have been helpful