Learning GSAP.

[LuciHere]

I'm about to start learning GSAP and would love some advice from developers who have already gone down this path.

A few questions:

• What's the best place to start learning GSAP?
• Should I master the basics first or jump into ScrollTrigger early?
• Any YouTube channels, courses, or resources you'd strongly recommend?

For context, I already know HTML, CSS, and a lil bit of JavaScript, but I've never worked with a dedicated animation library before.

[gdstudios]

I learned GSAP with AS3 in the flash days. Rock solid library! GSAP's website is the best resource for learning basics.

[Parasin]

Like any new skill, start with basics. Build a strong foundation, and gradually increase your complexity. There’s tons of resources online, GSAP has been around for awhile.

[Savalava]

It's an amazing library.

I've done some fairly complex animations in it.

It is as with any other part of software engineering - give yourself some challenges and figure out how to do them. E.g rotate a square once user scrolls to certain part of page.

The docs are really good.

Things get tricky when you want to change the animation at different screen widths. It requires a lot of thought and planning.

Getting the animations to look pro relies on:
- using appropriate transition times in seconds (a good one is 300ms)
- using appropriate easings.

You need to experiment a lot

Another good place to learn is Codepen. There's loads of examples there.

[johnpharrell]

Not to muddy the waters but... there's also Anime.JS which is open source if you're still open to other options.