Web Development
Data Science
Python
SQL
JavaScript
Artificial Intelligence
IT & Software
IT Certifications
Hacking
AWS
Arduino
DevOps
3D Modeling
Graphic Design
Photoshop
Drawing
Digital Painting
UX Design
Business
Data Analysis
Communication Skills
Project Management
Leadership & Management
Human Resources
Digital Marketing
Social Media Marketing
Marketing
SEO
Google Analytics
Branding
Excel
Office Productivity
SAP
PowerPoint
Microsoft Access
SharePoint
Finance & Accounting
Trading & Investing
Accounting
Bitcoin
Personal Finance
Video Editing & Animation
Photography
Adobe Premier Pro
Adobe Lightroom
Personal Development
Productivity
Career Development
Life Coaching
Health & Fitness
Meditation & Mindfulness
Yoga
Music
Music Production
Guitar
Piano
Singing
Language Learning
Teaching & Academics
Engineering
Math
LifestyleJavaScript Animations with GreenSock (GSAP) (Udemy.com)
Take your front-end web design to the next level by adding sophisticated, interactive animations to your projects
Created by: David Sharkey
Last updated April 2019
What you will learn
- The basics of the GreenSock Animation Platform (GSAP)
- How to add polish and professionalism to a webpage using JavaScript animations
- How to create sophisticated UI elements with GSAP and jQuery
- How to use easing to add character to your animations
- How to create complex animation timelines
- How to put what you learn into practice on an actual website
How it compares
Against the other 239 rated Udemy courses in JavaScript on CourseDuck:
- Rating4.2 out of 5higher than 17% of them
- Reviews313#137 of 240 by number of reviews
- Length1.8 hoursshorter than 86% of them
- Last updatedApril 2019earlier than 79% of them
Course Description
Do you sometimes feel that your web design projects feel a little flat? Lacking a bit of pizzazz? Do you browse award-winning websites and think "I wish I knew how to do flashy stuff like that"?
If that sounds like you, then the GreenSock Animation Platform (GSAP) might be what you're looking for!
GSAP is a collections of tools that enable you to unleash your creativity and write buttery-smooth tweens and timelines. GSAP is built for performance, compatibility, and ease-of-use. It's no wonder that over 7 million websites use GSAP to give an extra layer of polish and professionalism to their projects.
This course will teach you everything you need for a solid foundation in GSAP. Upon completion of this course, you will have all the tools you need to create stunning JavaScript animations.
The course is split into two sections:
*** Section One
In section one, we will learn the main tools and features of GSAP, including TweenMax, TimelineMax, different types of tweens, easing, playback controls, and much more. By the end of this section you will have a solid foundation to take forward into real world projects.
*** Section Two
In section two, we will apply our newfound skills and techniques to an actual webpage. We will work on the homepage of a fictional company called AlphaStar. Using various GSAP tools, we will make a variety of UI enhancements to the page to make it more interactive, engaging and eye-catching.
Who are you?
My name is David Sharkey, and I've been using GreenSock for over 4 years. From simple animations to complex timelines, I have used GSAP in a variety of projects. In my career as a web designer, I can honestly say GSAP is one of the most fun, versatile tools I have ever worked with.
Over the years, my clients have loved the extra touches that GSAP can provide, and it has made my websites stand out in a crowded market.
Why take this course?
Take this course if you want to take your front-end web design to the next level by incorporating Javascript animations into your skillset.
Mastering GSAP will unleash your creativity and free you from the restrictions of HTML and CSS. Wow your clients, earn more money and attract higher calibre employers by harnessing the amazing power of the GreenSock Animation Platform.
Complete your purchase and let's get tweening!
*****Student Feedback*****
"This course serves as an excellent introduction to GreenSock. I haven't even completed the course yet and I'm already able to make some quite complex animations. Great course, 5/5."
- John Edwards
Udemy Discount
The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.
Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.
Instructor Details
- 4.2 Rating
313 Reviews
David Sharkey
Hi! Thanks for checking out my profile. I'm David, a web design addict from Scotland.
I've been designing websites since the late 90's - first as a hobby and now as a full-time job. I've worked on e-learning websites, e-commerce websites, real estate websites, and other complex projects.
I'm so excited to be on Udemy and to share some of the knowledge I've picked up over the years. I love to teach and interact with people, so this is just the perfect outlet for me.
My specialist areas include: WordPress, HTML, CSS, JavaScript animations, The Adobe Creative Suite, Social Media Marketing.
I'm truly passionate about creating cool things with computers, and I hope that enthusiasm comes through in my courses. I put a lot of time and effort into creating my courses, and I'm excited to be able to share with you what I know.
More courses by David Sharkey
More JavaScript courses
The Modern Javascript Bootcamp Course (2026)
4.9 (13,238 Reviews)
Provider: Udemy
Time: 51.9h
$24.99
JavaScript: Understanding Advanced ES Next (ES6 and Beyond) (2025)
4.9 (1,076 Reviews)
- Provider: Udemy
- Time: 3.5h
$79.99
Reviews
By Konstantin Benzing on 8/22/2022
The lecturer is knowledgeable and experienced in his field. The examples given are easy to understand and follow. I have learned the basics of Tweens and a timeline. The course itself does not cover the spectrum of functionalities for GSAP. I had wished for more timeline combinations and plugins (Draggable, MotionPath, ScrollTrigger, MorphSVG, Text). I had hoped for more elaborate examples, which are closer to modern web design.
By Kevin Yerena on 12/19/2021
Overall a useful introduction to GSAP, clear and articulate. I would have liked to have had the course end with maybe an additional video that gave a sense of direction for what to explore beyond the course on my own or to provide some resources for further learning or examples of GSAP in action.
By Heather Olcot on 7/19/2021
Nice basic introduction to GSAP. Would work for devs who are proficient in web dev fundamentals but use of jquery could do with being left out. There is also a mistake in one of the quiz questions meaning none of the answers are technically correct.
By Anastasia on 4/4/2021
Clear and helped me understand GSAP so much better then trying to navigate the docs and other people's examples on codepen! Thank you thank you!
By Juti Buican on 10/14/2020
Instructor speaks very clearly. Go straight to the point. I am on the content number 3 (just finished), and so far so good.
By Marcelo Puerta on 7/10/2020
El curso ha sido muy ameno, y con un excelente uso de las herramientas. Los conceptos se explican con claridad y la aplicación de ejemplos facilita mucho la comprensión de cada elemento. El tiempo dedicado ha sido excelente.
By Ras Hahn on 3/13/2020
The pacing was very well suited for me. A lot of examples that are presented first and then explained afterwards. Also the demo projects are well prepared. Even though short, a high knowledge/duration ratio!
By Michael J Rubillo on 2/29/2020
Good instructor. Covered the topic in great detail. The sample project at the end was very help to see how these tools can be used in real world examples.
By Naveen Bhaskar on 11/23/2019
Tutorial is really great. But there are some updation happened in the plugin and that was not mentioned. I understand that this made few months back. it would be really great If you can give a note of the updations happened in the gsap library after the release of this tutorial. Other than this GREAT JOB
By Eli S on 6/22/2019
It was alright. A bit brief for the $20. I would have liked to go over some more examples, especially image carousels. I learned a fair bit, and expect I'll be referencing the code for some other projects.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 84 / 100
- Video Duration:
1.8h - Price: $39.99
- Provider: Udemy
- Updated:
April 2019 - Level:
Intermediate - Language:
English - Certificate:
Yes
30-day money-back guarantee on most paid courses
Udemy Coupon Price Tracker
