Анимация в JavaScript это набор техник по изменению CSS элементов, не более того. Основное это animation, transition, и transform.
Поэтому не ищите гайды по анимации, а найдите документации по этим свойствам CSS, и когда вы изучите их, станет понятно как сделаю любую нужную вам анимацию.
Это минимум.
Дальше нужно понимать как работают анимации, для этого нужно понимать устройство браузера, т.е. как он отрисовывает страницу, что влияет на производительность, почему некоторые анимации это плохо, и как оптимизировать анимации.
Для этого нужно разбираться со вкладкой Performance в Chrome DevTools. Профайлите свои анимации, причем, делайте их похардовее, чтобы браузер офигел и подвисал, и смотрите почему он лагает. Чтобы понять причины тормозов придется копать в дерево DOM, как рисуются элементы, как они аффектятся при изменении DOM, и прочее. Так и поймете как делаются анимации, что хорошо и что плохо для браузера.
Всё описанное выше есть в документациях, можно найти при необходимости, например:
https://developers.google.com/web/fundamentals/per... (читать весь раздел)
https://developer.mozilla.org/en-US/docs/Web/CSS/a...
Вообще информации нужно море, ссылок будет намного больше.
Собственно по вопросу – я не искал, но не уверен что найдется нормальный курс по анимациям, разве что поверхностные. Если хотите реально научиться работать с анимациями, то практика, вероятно, лучший вариант.
Простой
Простой
