Design System with Figma
kindtiger
Through this course, you will build a design system and experience the explosive synergy of your design work.
초급
Figma, Figma Tokens, Design System
BEST
GSAP Guide for Web Animation Part.02
“GSAP is capable of this?” Breaks the stereotype that animation is complex and difficult.
Reviews from Early Learners
What you will gain after the course
How to use GSAP
Understanding Animation
Understanding the Web
HTML structure
GSAP Plugin
With various codes and various animations
GSAP is more powerful and cooler! 😎
GSAP, a JavaScript animation library
Gain a deeper understanding of GreenSockAnimationPlatform (GSAP) and learn how to systematically build and manage animations.
✅ If you want to use GSAP better!
✅ More code, animations, and practice materials!
I want to use GSAP better...
Are you saying there isn't enough Korean material? 🥲
Have you used GSAP for some time, but want to understand it more deeply and use it more effectively? Still feeling overwhelmed by the lack of proper Korean documentation or guides? GSAP allows you to add various animations with just basic syntax, but as you delve deeper into its properties, you'll be able to handle an ever-increasing variety of animations.
This lecture is Part 2 of the advanced GSAP Basics course, a continuation of the previous course. It's designed to allow you to apply the concepts learned in the Basics course to create a wider variety of code and animations.
Animation Controls
👉 Learn various animation control methods provided by GSAP.
DeepDive
👉 Gain a deeper understanding of GSAP's instrumental features by handling callbacks for frequently used animations and using 3D effects.
Advanced Stagger
👉 Learn about the various applications and usage methods of Stagger and its handling.
Advanced Timeline
👉Learn how to efficiently manage timelines and design function-driven animations.
* Toy Story, the class example, is a design work by Go Yu-jin.
By experiencing the various properties and methods of GSAP that you weren't familiar with, you can increase your learning ability and learn how to systematically build and manage animations ! If you take a solid step-by-step approach to GSAP, you'll eventually be able to apply it freely. 😄
You can do it after taking the class!
- ✅ By looking at the animation, you can infer which properties and methods of GSAP are used internally.
- ✅ You will be able to see yourself implementing the animation you want to create without difficulty.
- ✅ Practice materials are provided for each section so you can apply what you've learned!
💡 If you understand Part 02 well, you will gain much more from the ScrollTrigger lecture in Part 03 that follows.
Q&A 💬
Q. Why should I learn GSAP?
For web developers, where productivity is paramount, implementing animations with pure JavaScript is both irrational and unnecessary. Wouldn't it be more convenient to use a well-made tool? It's like using a hammer instead of your hands to drive nails.
Q. What are the benefits of learning GSAP?
You will gain the ability to analyze animations and easily incorporate them into your projects.
Q. What can I do if I learn GSAP?
You can add animation to any web work, making static websites more dynamic.
New to GSAP? Check out past lectures.
Recommended for
these people
Who is this course right for?
Developers who know GSAP but want to understand it more deeply
Developers interested in the interactive web
Developers who want to create web animations
Designers curious about the interactive web
Anyone who needs an explanation of GSAP
Need to know before starting?
HTML, CSS, JavaScript
This lecture is a continuation of the previous Part 01 lecture.
4,479
Learners
234
Reviews
300
Answers
4.9
Rating
5
Courses
---안녕하세요 디자인과 개발에 재미를 가지고 강의를 만드는 범쌤입니다 🙂 -----------------------------------------------------온라인 / 오프라인 출강 문의는 seonbeom2@gmail.com 으로 연락주세요 🙇♂
Curriculum
All
47 lectures ∙ (12hr 18min)
Course Materials:
Lecture resources
15. Twin killing(?)
05:11
20. 3D Transform
15:38
22. Practice (1)
14:50
23. Practice (2)
23:02
33. Practice (1)
16:11
34. Practice (2)
11:08
35. Practice (3)
14:46
Published:
Last updated:
Reviews
All
31 reviews
5.0
31 reviews
- hjux
Reviews 21
∙
Average Rating 5.0
5
100% enrolledI finished the course!! 😆 The lecture was longer than I thought because it covered GSAP in more depth following the previous basic part. I was able to learn more diverse tips and new functions when implementing animations. This time, there were more examples for each section than the previous basic part, and I liked the part where the necessary js explanations were provided in the middle, and the part where the students were curious about and explained in advance. I always feel this way every time I take Beom's class, but he teaches in an easy and fun way. I'm also really looking forward to the next scroll trigger lecture. I hope it comes out soon! I really enjoyed each and every class. 👍👍 Thank you for your hard work in creating such a sincere lecture!!🐯🐯
hooncliReviews 50
∙
Average Rating 5.0
5
100% enrolledI hesitated before purchasing because the lecture price was high, but I think I made a good purchase because the content of part 2 is really informative. GSAP plugins, methods, callbacks, etc. are basic, and the examples and sources provided as practice materials seem to have a lot to use. And after completing it once, I am both happy and worried about how much practice I will need to do to properly utilize what I learned here. I am also looking forward to the next Scroll Trigger lecture.
- aldald95058004
Reviews 2
∙
Average Rating 5.0
- zzu
Reviews 2
∙
Average Rating 4.0
5
100% enrolledI will come back often to review. Your ability to explain is really the best. Before taking the lecture, I didn't even have a basic concept of gsap and used it in real life;; I had no understanding at all, so I looked at many websites that used gsap and tried to follow them, but there was so much grammar that I got confusedㅠ So I asked gpt and asked him to write it for me, and I finished the project by copying and pasting the references or almost going through the floor ㅋㅋ.. Thanks to this lecture, I was able to understand and apply gsap in general.! When I listened to other gsap teachers' lectures, I would say ~there is something like this. It was like a watermelon, and there was a lecture that I really wanted to refund,, I was impressed by the way Professor Beom tried to make me understand by properly explaining each thing one by one. This teacher's lecture is a great lecture. Every time I watch the lecture, I feel like I have to pay the tuition. I will come back often to review. Your ability to explain is really the best.
- ekgml52338089
Reviews 2
∙
Average Rating 5.0
$121.00
kindtiger's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![[Inflearn X Living Coding] HTML and the Internet강의 썸네일](https://cdn.inflearn.com/public/courses/335806/cover/88d920fe-0c13-484f-8d31-1f1be0c6c4e0/335806.png?f=avif&w=420)
![Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)강의 썸네일](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?f=avif&w=420)
![[2025 Exam Criteria] Web Design Technician Practical Exam Complete Guide강의 썸네일](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420)