Classbaze

Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Learn Web Animation the Easy Way: An Intro to SVG and GSAP

Create an animated eCard with just JavaScript and SVG in record time
4.2
☆☆☆☆☆ 4.2/5
(483 reviews)
2,427 students
Created by
Siggy Works

8.8

Classbaze Grade®

8.3

Freshness

8.6

Popularity

8.9

Material

Detailed Analysis »

Create an animated eCard with just JavaScript and SVG in record time
Go to course »
Platform: Udemy
Price: check current price
Video: 3h 10m
Language: English
Next start: On Demand

Best Animation classes:

Skillshare_logo_2020
Best Animation classes on Skillshare »
Coursera Logo
Best Animation classes on Coursera »
Pluralsight Logo
BestAnimation classes on PluralSight »
Udemy logo
Best Animation classes on Udemy »
linkedin
Best Animation classes on LinkedIn (Free trial) »

Classbaze Rating

Classbaze Grade®

8.8 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness

8.3 / 10
This course was last updated on 12/2020.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Popularity

8.6 / 10
We analyzed factors such as the rating (4.2/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Material

8.9 / 10
Video Score: 8.0 / 10
The course includes 3h 10m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
The average video length is 3 hours 10 minutes of 144 Animation courses on Udemy.
Detail Score: 9.3 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 9.5 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

0 article.
6 resources.
0 exercise.
0 test.

In this page

About this course

  The course will teach you this
  What you need to START the course
  Who can start this course?
General questions
  Coupons & Discounts
  Guarantees & money back
  Financial aid
Teacher
Classbaze hand picked recommendations

About the course

If you’re a front-end developer, UI/UX designer or just a general web animation enthusiast you’ll benefit from the techniques taught in this course. We use a project-based approach to introduce you to the SVG graphics format and GreenSock Animation Platform–possibly the most powerful and performant javascript animation library available today.
While building a complex animated greeting card, you’ll learn:
• Why SVG is a hot commodity today
• The benefits of using SVG
• About SVG shapes and custom tags
• How to include SVG on a web page
• How to organize SVG elements for web animation
• What the GreenSock Animation Platform is
• Make sense of GreenSock’s different bundles and which to use
• The GreenSock API and its six basic tweening functions
• All about timelines and how they work in GreenSock
• How to break down the SVG project into scenes
• How to create catchy, impressive animations piece-by-piece
• How to use timelines to organize your entire animation sequences
• And much more…
All project files with full source code will be made available to you at each step of the animation process. Learn valuable skills that will benefit you through out your career or open up a whole new world of creative expression if you’re a hobbyist or enthusiast.

What can you learn from this course?

✓ Understand SVG and the benefits of using it today
✓ Embed SVG on a web page and organize SVG elements for web animation
✓ Gain hands-on experience with the GreenSock Animation Platform and how to animate anything with it
✓ Master how to easily breakdown an SVG project into scenes and timelines in GreenSock
✓ Create a complex, fully animated greeting card, step-by-step and ready to share with friends

What you need to start the course?

• Students should have a good understanding of HTML, CSS & JavaScript
• Students will need a text editor to follow along with the coding videos
• Students will need someway of running the supporting files on localhost server and browser

Who is this course is made for?

• Some experience with HTML/CSS/Javascript is needed
• No SVG knowledge is needed or expected
• Anyone with an interest in web development and animation will benefit from the skills taught in this course

Are there coupons or discounts for Learn Web Animation the Easy Way: An Intro to SVG and GSAP ? What is the current price?

The course costs $49.99. And currently there is a 410 discount on the original price of the course, which was $84.99. So you save $35 if you enroll the course now.
The average price is $15.4 of 144 Animation courses. So this course is 225% more expensive than the average Animation course on Udemy.

Will I be refunded if I'm not satisfied with the Learn Web Animation the Easy Way: An Intro to SVG and GSAP course?

YES, Learn Web Animation the Easy Way: An Intro to SVG and GSAP has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any financial aid for this course?

Currently we could not find a scholarship for the Learn Web Animation the Easy Way: An Intro to SVG and GSAP course, but there is a $35 discount from the original price ($84.99). So the current price is just $49.99.

Who will teach this course? Can I trust Siggy Works?

Siggy Works has created 1 courses that got 483 reviews which are generally positive. Siggy Works has taught 2,427 students and received a 4.2 average review out of 483 reviews. Depending on the information available, we think that Siggy Works is an instructor that you can trust.

Learn everything about

Siggy Works

Javascript Developer/SVG Enthusiast/Cartoonist
Short Version
Siggy, as friends and enemies call him, is a FullStack JavaScript Developer with over 15 years of web development experience. At work he also happens to be the developer who can also draw, so inevitably always gets handed the dry-erase marker during design sessions.

The Whole Nine
Siggy was born many moons ago as an artist, got in trouble for drawing cartoons in class, compensated by taking way too many math classes, then somehow managed to shoe-horn a computer science degree in between marathon sessions of black-jack. Then he discovered Flash, fell in love with Flash, made lots of noise and cash with Flash (apparently ad agencies love[d] it), got bored, read Bruce Mau’s Incomplete Manifesto, wandered the earth like Kane for a few years while attempting to grow a beard. Shaved. Mourned the death of his dearly beloved Flash. Learned who the hell Douglas Crockford was and marveled at his kung-fu. Contemplated deeply. Very deeply. Swallowed his pride and embraced the long-scorned web maiden that is JavaScript! …but kept his sketchbook close by.
Browse all courses by on Classbaze.
Siggy Works's full profile and courses »
Go to class »

8.8

Classbaze Grade®

8.3

Freshness

8.6

Popularity

8.9

Material

Detailed Analysis »

Create an animated eCard with just JavaScript and SVG in record time
Go to course »
Platform: Udemy
Price: check current price
Video: 3h 10m
Language: English
Next start: On Demand

Classbaze recommendations for you

Other courses by ​Siggy Works

Go to class »