Classbaze

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

Learn SVG Animation – With HTML, CSS & Javascript

Learn how these powerful animation are created using HTML,CSS & Javascript
4.0
☆☆☆☆☆ 4.0/5
(1,818 reviews)
18,408 students
Created by
Code Collective

7.0

Classbaze Grade®

4.2

Freshness

7.6

Popularity

8.6

Material

Detailed Analysis »

Learn how these powerful animation are created using HTML
Go to course »
Platform: Udemy
Price: check current price
Video: 1h 23m
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®

7.0 / 10

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

Freshness

4.2 / 10
This course was last updated on 8/2017.

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

7.6 / 10
We analyzed factors such as the rating (4.0/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.6 / 10
Video Score: 7.8 / 10
The course includes 1h 23m 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: 8.6 / 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.
9 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

Looking to enhance your next web development project? Or learn one of the most sort after animation skills?
Within two hours you will have created Six SVG projects looking at a number of different animation techniques. Using animation within the user interface of a website is now standard practise. This fast and effective course will introduce use to new ways to improve your client projects.

All SVG files are provided but we do also work through creating the SVG files in Adobe Illustrator(or Similar). Lessons are taught with video screencasts, explained in detail as we work through real projects created directly for this course.
Projects Include
– Animating Logos
– Animating Social Icons
– Hand Drawing Text 
– CSS animation properties explained 
– Using Gradients over Text and Icons (Cross Browser)
– Using Masks 
– Using CodePen
– Introduction to SVG Optimisation Online
For a complete beginner to SVG we recommend taking our other course in the series. 

What can you learn from this course?

✓ Optimise SVG files for use online
✓ Prototype animations in the online tool Codepen
✓ Use Javascript to calculate the length of an SVG Path
✓ Create SVG’s that make use of Masks & Gradients

What you need to start the course?

• Have a text editor downloaded to their computer e.d Atom.io, Sublime Text
• If you have a vector graphics program like Adobe illustrator you can follow along but it is not required. All svg files are provided.
• Have experience writing CSS code and styling using classes

Who is this course is made for?

• Should already know what an svg file is
• Should have used html/css before – not suitable for absolute beginner to coding
• Students who want to improve their svg animations and try new techniques but don’t know how

Are there coupons or discounts for Learn SVG Animation - With HTML, CSS & Javascript ? What is the current price?

The course costs $15.99. And currently there is a 75% discount on the original price of the course, which was $64.99. So you save $49 if you enroll the course now.
The average price is $15.4 of 144 Animation courses. So this course is 4% more expensive than the average Animation course on Udemy.

Will I be refunded if I'm not satisfied with the Learn SVG Animation - With HTML, CSS & Javascript course?

YES, Learn SVG Animation – With HTML, CSS & Javascript 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 SVG Animation - With HTML, CSS & Javascript course, but there is a $49 discount from the original price ($64.99). So the current price is just $15.99.

Who will teach this course? Can I trust Code Collective?

Code Collective has created 2 courses that got 2,872 reviews which are generally positive. Code Collective has taught 26,326 students and received a 4.1 average review out of 2,872 reviews. Depending on the information available, we think that Code Collective is an instructor that you can trust.

Learn everything about

Code Collective

Level up your coding.
Get ahead in the developer world. Learn new skills that will help take your career to the next level. 
Over 1000 positive reviews and 20k students enjoy my courses. 
If you need a specific course please contact us and we can create courses on anything related to coding.
Browse all courses by on Classbaze.
Code Collective's full profile and courses »
Go to class »

7.0

Classbaze Grade®

4.2

Freshness

7.6

Popularity

8.6

Material

Detailed Analysis »

Learn how these powerful animation are created using HTML
Go to course »
Platform: Udemy
Price: check current price
Video: 1h 23m
Language: English
Next start: On Demand

Classbaze recommendations for you

Other courses by ​Code Collective

Go to class »