Practical GreenSock
Learn how to build 3 interactive projects using GSAP3 and ScrollTrigger.
Watch The Courses Preview
Find out exactly what you will build inside of this bundle.
Projects Slider
Starter Project
- Build an interactive slider step by step using GSAP3
- Vanilla JavaScript and GreenSock
- 1hr 34min
Pen Reveal
Starter Project
- Build a cool product reveal scrolling animation using ScrollTrigger
- Vanilla JavaScript and GSAP3 and ScrollTrigger
- 1hr
Bella
Main Project
- A series of GreenSock and ScrollTrigger tutorials based on a popular award winning website
- Vanilla JavaScript and GSAP3 and ScrollTrigger
- 5hrs 23min
Everything that Petr does in the videos he explains the pros/cons, reasons why he is coding it a certain way, he doesn’t leave you confused or guessing how or why.
I have gained so much knowledge from this course.
I would recommend it to anyone and everyone!
Robbie Crenshaw, Front-End Web Developer, @robbiecren
Learn how to make projects
you want to make!
Even pace and positive attitude makes the lessons so easy to follow. I highly recommend this course.
Michael Mary
Bella is a phenomenal online course, the detail that Petr put into this course blew me away. I have gained so much knowledge from this course.
Robbie Crenshaw
I really love the course, some effects that I thought were pretty difficult to achieve, Petr makes them really easy to understand and code.
Daniel Cruz
Intended Audience
Is this for you?
- Anyone on a journey to build an award-winning website (one day).
- Anyone with some JavaScript and GSAP3 experience.
- This course is not for GSAP or JS beginners, it might be too fast for you.
- Designers who would love to build their own animations.
- Creative developers looking for more advanced GreenSock tutorials.
Objectives
What will you learn?
- Build more advanced interactive elements step by step.
- Build a variety of interactive components using GSAP3 and vanilla JavaScript.
- Learn how to implement parallax images, smooth scrolling, page transitions and more.
- Learn by doing, follow Petr step by step, line by line.
Prerequisites
What do you need before starting?
- A completion of my GreenSock 101 is highly recommended.
- All working files are available for download.
- Positive attitude towards learning new techniques.
- A genuine interest in GreenSock and JavaScript animations.
- Tomato lovers more than welcome!
Target Audience
Intermediate and advanced creative developers, this is for you :)
It is very easy to learn with Petr, he is explaining everything step by step.
Jonathan Martínez
I had the opportunity to go through this course and boy I learn a LOT. Petr picks a hard looking animations and turns them into easy to follow step by step tutorials.
Jaroslav Horak
If you want to start learning how to make websites with cool animations, this should be the go-to course.
Shobhit Kuruvilla
Petr Tichy (@ihatetomatoes) is a long-time GreenSock ambassador, author of multiple successful online courses, a host of Awwwards Live Jury website reviews and a front-end developer, just like you.
GreenSock is ultra high-performance, professional-grade animation platform for the modern web used on more than 70% of award winning websites.
Watch the first 5 course videos and if you are not completely satisfied, you can enjoy my 14-day 100% money back guarantee. Simply contact me for a prompt refund.
Course Packages
Select your package.
Starter Projects
GSAP3 or ScrollTrigger project
$67
$47
- Access to Projects Slider or
- Access to Pen Reveal or
- Lifetime access
Most Popular
Main Project
GSAP3 and ScrollTrigger project
$147
$97
- Access to Bella
- Lifetime access
Practical GreenSock
A bundle of 3 projects
$281
$127
- Access to Projects Slider
- Access to Pen Reveal
- Access to Bella
- VIP discount on my future courses
- Lifetime access
Sold out
Have a few questions? No worries.
Who designed Bella?
Bella has been inspired by award-winning website Leonie Hendrikse & Jeroen Stock – stockdutchdesign.com and this course has been produced with a written permission from Exo Ape.
The content of this course is for educational purposes only and you may not reuse the design aspect without Exo Ape’s permission.
A special thanks to Rob Smittenaar (Creative Developer – @robsmittenaar), Robbert Schefman (Art Direction – @RobbertSchefman) and Ronald Gijezen (Motion Design – @ronaldgijezen).
What if I sign up and find out it's not for me?
You are covered by my 14-day money back guarantee. If you are not thrilled after watching the first 5 videos, you can enjoy my 100% money back guarantee. Simply contact me for a prompt refund of the full purchase price.
Can I download the videos and watch them offline?
No, video files are not available for download. You need to be online and logged in to my site to be able to follow this course.
Do I need GreenSock Club membership?
No, you don’t need the paid GreenSock club membership. We will only cover the core GSAP. I use GSDevtools in some units, but that does not stop you from following along.
What software do I need to complete the workshop?
All you need is a code editor (I am using VSCode and LiveServer extension). You can download the starting files and follow me step-by-step from start to finish of each project.
I have another question!
For any other questions use the Get In Touch form or hit me up on Twitter @ihatetomatoes.
Do you offer a student discount?
Yes, simply prove that you are a student by completing the Student Discount Request form and I will get back to you.
Do you want to master JavaScript animations?
Here is what others think about the courses in this bundle.
What a marvelous course! It usually takes me weeks to do these sorts of things but I binged the whole lot in one sitting.
It’s very rare to find courses on frontend that focus purely on interaction and motion design using real world scenarios.
Petr breaks down concepts down quickly and doesn’t waste words by going off on tangents.
He’s an exceptional teacher and my only complaint is that this course wasn’t made 5 years ago 🙂
Very much looking forward to seeing a more in depth Barba.js course in the future.
Petr’s teaching is first class! He makes everything so easy to understand and I don’t feel like I’m getting to overwhelmed by it all when following along.
Being fairly new to vanilla JavaScript I was concerned I would not be able to understand what was happening but Petr breaks everything down in a way thats very easy to understand whats happening under the hood.
Keep up the incredible work, I’m so glad I came across GSAP it really is fantastic and It’s keeping my css clutter free!
Great course on how to start animating with GSAP.
I really like the starting code to speed up the learning process.
You also dig deep into some of the quirks of the code and the refactoring is an important step.
You did it in a way that doesn’t confuse the student.
Great stuff!
This course teaches general principles and approaches that one will be using and reusing in animated site projects over and over again.
Great value, better than expected.
Bella is a phenomenal online course, the detail that Petr put into this course blew me away.
Everything that Petr does in the videos he explains the pros/cons, reasons why he is coding it a certain way, he doesn’t leave you confused or guessing how or why.
In one of the videos Petr says “Let’s debug this together“, he really took the time to make these videos feel intimate and personal, as if we were working on this project together.
I have gained so much knowledge from this course, I would recommend it to anyone and everyone!
Bella is really packed with so many great lessons. This was a course I had really been looking for in regards to GSAP tweens, timeline animations and parallax effects.
It really covered them all! Absolutely enjoyed it and really came out the other side with a lot more knowledge and best way to approach projects.
Bella was the perfect companion to the previous, Project Slider and the Pen Reveal tutorials.
I found the instructions very clear.
I sometimes tried to make changes when prompted in an attempt to resolve issues before you revealed your way. I find this great especially from a CSS point of view and adding extra rules to help get the effects I wanted.
Having the code snippets was also great to refer to and use when needed throughout each of the videos.
Really well done Petr and thank you for the course!!
Petr’s teaching and knowledge of the GSAP engine are second to none.
Skills gained after completing this course will definitely add to any developers skillset.
I’ve been trying to look for tutorials on how to make websites like the ones from Awwwards, FWA, etc. and there’s none.
In this course in a little amount of time you learn how to make subtle but powerful effects that make a website look awesome.
I really love the course, some effects that I thought were pretty difficult to achieve, Petr makes them really easy to understand and code.
This was a great tutorial on GSAP3 and ScrollTrigger. The content is in depth and you learn how to animate various parts of a webpage with really cool effects that have endless capabilities.
Petr is very easy to learn from so I have found myself enjoying his videos.
He gives very clear instructions on each section of code and challenges you to think ahead and try to anticipate the scripting so you can learn do it yourself.
I highly recommend this course.
I have done a few of the courses on ihatetomatoes and not once have I been disappointed.
The Bella course will help you gain a lot of useful GSAP knowledge that one would not easily learn by just reading the GSAP documentation.
You will also learn how to use JavaScript to enhance the power of GSAP.
Even though some of the exercises are pretty complex, Petr breaks them down into easy to understand steps.
Highly recommended, one of the best GSAP courses I have done!
Awesome course from Petr.
I enjoy his teaching methods and explanations. I have used GSAP in he past, but only scratched the surface and I am maybe 3/4 done with Bella and learned so much I never imagined possible.
I am completely happy so far and hope to use this new knowledge to further my development skills.
Maybe someday Petr can do a deconstruct video on one of my sites 🙂
I had the opportunity to go through this course and boy I have learned a LOT.
Petr once again picks a hard looking webpage and turns it into easy to follow step by step tutorials.
We go from a simple CSS animations to a more complicated GreenSock ones and end up with full page transitions. Wow!
Undertook Petr’s Bella Project and learnt so many cool and helpful features in GSAP and ScrollTrigger, the course is really easy to follow and easy to get started as it allows you to purely focus on the JavaScript side of the website.
Glad to have found this opportunity and cannot wait for more courses like this!
One of the best learning experiences I’ve ever had. Petr explains everything wonderfully and it’s easy to follow through.
If you want to start learning how to make websites with cool animations, this should be the go-to course.
I’ve been building websites for 17 years and I found this course extremely helpful.
Petr’s project-based approach is very intuitive and easy to follow.
Whether you’re an experienced developer who wants to grab the next Awwwards’ SOTD or a beginner who desires to learn basic GSAP, this is the course for you.
This is a great set of tutorials that gives a taste for some of what GSAP3 is capable of – I will be coming back for more!
Not only will you leave with an extensible plug and play project – there are plenty of nuggets along the way to teach you best practices for code structure, refactoring and functional concepts – lessons that will last beyond this course and affect future work too.
Highly recommended for learning delightful frontend interaction techniques and effects.
I feel that writing a ‘review’ on this course does not give you enough credit.
This is more like a ‘thank you card’ to one of the best instructor in the industry.
Thank you Petr for going out of your way to ensure that we receive the best training possible.
This GreenSock course (together with all your other courses), are truly exceptional. You rock!
Direct to the point. Cool projects and I have learned important things to create more complex animations with GSAP and ScrollTrigger.
Yep, seriously interesting insight into the current gsap.
I am learning a lot and the course is fairly easy to follow so thank you Petr!
The Project Slider is an awesome project to utilize and learn Greensock animation (GSAP).
Nothing more important than seeing how GSAP tweens are applied to real projects.
Petr explains each concept well and he goes over them again to summarize each unit.
This is a great introduction to using the GSAP animation utility in javascript.
Each unit is short and concise which helps in absorbing each lesson.
I highly recommend this course.
Thank you Petr! This is another really good tutorial! I now understand much better how GSAP works in practice. And I like the creativity!
Great course to learn how to recreate a beautifully animated award-winning landing page.
Get this course to learn GSAP3 and how powerful it can be to animate your next web project.
The course content is easy to follow, directions are clear, and final code samples are provided.
What else do you want?! Just get it now!
Very good course. Clearly explained and broken down into very manageable sections. Learning a lot.
This is another great course from Petr! Great examples showing the power of GSAP in action.
I highly recommend any material Petr provides for learning GSAP and javascript for creating animations and great flow.
I love the Bella course.
As a designer interested in making everything a bit more interactive I do learn a lot.
The steps trough the videos are very well explained. I have a lot of fun. But there’s still a lot to learn 🙂
Many thanks for that course!
This class is amazing. Petr explains his process so well. I can’t wait for the next course!!!
♥
Made by Petr Tichy
Now that you are at the bottom of the page, why not to do some clicking instead of scrolling and reading?