Как быть — учить GreenSock или чистую CSS Animation?
Кто нибудь из серьёзных верстальщиков делает анимацию самостоятельно, вот чтобы без плагинов писать весь код с нуля?
Да, вполне. Тут нужно понять такую вещь: есть задача и есть инструмент под задачу. Если вам нужно посадить кактус в горшок - экскаватор будет не к месту. И не всегда универсальный набор шестигранников подойдет под треугольный болт.Вопрос : нужно ли вообще заморачиваться над серьёзным изучением анимации, джаваскрипта, или же забить и учить документацию гринсок?
Что такое GSAP? Ну вот без красивых слов? Это набор функций, решающих набор задач. А если у вас появится задача, на которую этот инструмент не рассчитан? Или задача, которую вообще никто еще не решал до вас, или готовые решения не подходят? Вы ничего не сможете сделать. Так что если вы хотите делать интересные вещи, которые выходят за рамки среднестатистического сайта, то ответ очевиден.
P.S.: И да, не зацикливайтесь на каком-то конкретном инструменте (например GSAP) только потому, что кто-то сказал, что это "стандарт". Всегда есть альтернатива. Например anime.js. То, что инструмент активно не развивается, не значит, что он вдруг перестал решать свою задачу. Старая добрая классическая zippo работала, работает и вас переживет.
Конечно юзать GSAP. Основная фича это TimeLine. Т.е. поддержка вашего кода в дальнейшем будет намного проще.
Например вам нужно выполнить последовательно 2 анимации. Без GSAP:
Вручную ставите задержки, например, первая анимация длится 3 секунды, для второй вам нужно ручками прописать «начать анимацию спустя 3 секунды». Если время первой анимации изменилось, снова переписывать все delay. Представьте если у вас одна анимация состоит из 10 микроанимаций и на сайте несколько анимаций. В случае изменения чего-либо все тайминги считать заново и переписывать. А если по завершению анимации еще нужно что-то сделать, то это полный трешачёк.GSAP
Вы просто говорите GSAP'у когда закончится первая анимация, начни вторую. Или начни вторую на пол-секунды раньше чем завершится первая. А когда анимация завершится полностью, открой мне попап, например.
Что касается изучения JS, в процессе работы и выучите, просто практикуйтесь как можно больше, а не думайте что же юзать. Берите GSAP и покоряйте.