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

Creative SVG Animation From Scratch [2021]

Learn SVG by Using Advanced CSS Animations. Draw Vectors and Create SVG Web Animations.
4.8
4.8/5
(4 reviews)
1,181 students
Created by Safak Kocaoglu

9.4

CourseMarks Score®

10.0

Freshness

8.6

Feedback

8.9

Content

Platform: Udemy
Price: $11.99
Video: 3h 59m
Language: English
Next start: On Demand

Top SVG courses:

Detailed Analysis

CourseMarks Score®

9.4 / 10

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

Freshness Score

10.0 / 10
This course was last updated on 4/2021.

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.

Student Feedback

8.6 / 10
We analyzed factors such as the rating (4.8/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.

Content Score

8.9 / 10
Video Score: 8.2 / 10
The course includes 3h 59m 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 26 minutes of 9 SVG courses on Udemy.
Detail Score: 8.9 / 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.
16 resources.
0 exercise.
0 test.

Table of contents

Description

If you are a developer or a designer and want to improve your visual skills, this course is the perfect match for you. Nowadays, it’s not possible to impress someone by creating boring regular web pages and applications. It’s not the 2010s anymore and users really care about visualization. And using SVGs is the best and the easiest way to create your own drawings and animate them on your web applications.
In this course, we are gonna be creating awesome real-world projects that will be an inspiration for your imagination. We are gonna begin with the basics of the SVG and learn how to create shapes using an HTML file and how to use SVG properties. And then you are gonna see how easy to create incredible vectors by using a free design tool which is called Figma. After that, we will dive into CSS animations and learn how to animate elements, how to use transform, transitions, and keyframes. And finally, we are gonna create our own projects and learn about advanced techniques of SVG animations.
If you are a beginner at animations, don’t worry, everything in this course is from scratch. You don’t have to know advanced CSS or JavaScript. The only prerequisite is understanding how HTML and CSS codes work. We are going to be covering all those awesome CSS animation properties and JavaScript DOM manipulation basics.
And after this course, you will be able to draw and animate your own icons, shapes, and vectors. And you will be more confident in front-end development.

Requirements

• Be able to understand basics of HTML and CSS

You will learn

✓ Creating SVG animations using HTML and CSS
✓ Drawing creative SVGs using Figma
✓ CSS animations, transforms, transitions and keyframes
✓ Creating 10 real-world projects
✓ Using basic JavaScript for SVG animation

This course is for

• Web developers who want to improve their front-end skills.
• Developers curious about SVG animations
• Designers who want to learn advanced SVG

How much does the Creative SVG Animation From Scratch [2021] course cost? Is it worth it?

The course costs $11.99. And currently there is a 87% discount on the original price of the course, which was $89.99. So you save $78 if you enroll the course now.
The average price is $12.5 of 9 SVG courses. So this course is 4% cheaper than the average SVG course on Udemy.

Does the Creative SVG Animation From Scratch [2021] course have a money back guarantee or refund policy?

YES, Creative SVG Animation From Scratch [2021] has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any SCHOLARSHIPS for this course?

Currently we could not find a scholarship for the Creative SVG Animation From Scratch [2021] course, but there is a $78 discount from the original price ($89.99). So the current price is just $11.99.

Who is the instructor? Is Safak Kocaoglu a SCAM or a TRUSTED instructor?

Safak Kocaoglu has created 6 courses that got 12 reviews which are generally positive. Safak Kocaoglu has taught 1956 students and received a 4.9 average review out of 12 reviews. Depending on the information available, Safak Kocaoglu is a TRUSTED instructor.

More info about the instructor, Safak Kocaoglu

Computer Engineer
Hi there, I am Safak. I am a full-stack web developer with 5 years of experience. My job is creating well-designed interactive web and mobile applications and sharing my experiences with the students. If you are interested in web design, web animations, and creating useful web APIs, I recommend you to check my courses out. 

9.4

CourseMarks Score®

10.0

Freshness

8.6

Feedback

8.9

Content

Platform: Udemy
Price: $11.99
Video: 3h 59m
Language: English
Next start: On Demand

Students are also interested in

Other courses by ​Safak Kocaoglu

Get this widget on your website (for course creators):

Creative SVG Animation From Scratch [2021] rating
Copy this code and paste it to your website:
<a href="https://coursemarks.com/course/creative-svg-animation-from-scratch-2021/" target="_blank" title="Creative SVG Animation From Scratch [2021] on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/94.svg" width="200px" alt="Creative SVG Animation From Scratch [2021] rating"/></a>