Many of the explainer video agency suggest these points for JAVA Script Animation:

1. Launch real web apps on Google App Engine and start building real CRUD features.
2. JQUERY should be avoided wherever possible. Javascript is much easier to learn than Jquery. You won't spend as much time learning it in comparison to javascript. You can use document.querySelector() instead.
3. Write code on GitHub and ask people smarter than you to read it and offer advice.
4. Don't be afraid of failure, and continue to learn

You could use the Web Animation API: https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API
Or you could use CSS animation: https://css-tricks.com/almanac/properties/a/animation/
And: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

I use the jquery package
Just place
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
in your HTML file

More info on jquery here

You can then call an animation using the animate() method

$(selector).animate(properties[, duration, easing, callback])

More on the animate method here