How or where to see how to make such complex animations, preloader?

Question

css

Hello, how to make such complex animations, preloader, sliders, mouse movement capture on the screen, like on sites from awwwards.com?
For example, this site:
acme-experience.com (especially the preloader and screen transition)
or
eaglefilmsme.com/en
In general, where can I see at least the basics of how to start doing this, or at least similar things?
I'm already familiar with gsap, scrollmagic and plugins for drawing svg. But I think this is just the beginning. You need to dive deeper into js, ​​but what exactly and first of all?

Answer 1

https://codepen.io/IvanKhartov/pen/KmgzpX

Answer 2

https://designmodo.com/demo/fullpageanimation/
https://codyhouse.co/demo/animated-page-transition...
search page animation or transition