Make Art by Coding – Web Animation


Learn to create shapes and graphics with this fantastic coding course! If your ambition is to work as a graphic designer, or web designer, this is the perfect course to bolster your portfolio of qualifications.

Report Abuse


Learn to create shapes and graphics with this fantastic art coding course! If your ambition is to work as a graphic designer, or web designer, this is the perfect course to bolster your portfolio of qualifications.

The type of image you will learn to design is called Scalable Vector Graphic (SVG), which differs from other image formats, in the sense that it is crafted by code and maths, which means it can be scaled up to any size needed.

Scalable Vector Graphics

SVG is an XML-based vector image format which supports interactivity and animation. It is a popular file type because all major modern web browsers have SVG rendering support, while SVG images can also be edited with any text editor or drawing software.

Learn how to create images by coding instead of using a design with the help of this intuitive file type.


This is a course that will teach you to create images in the SVG format, using code rather than design software. This means you will be able to transfer this skill into a web or graphic design career.

  • Create shapes and graphics that are scalable depending on the size you need
  • Implement the Bezje curve which models smooth curves which can scale indefinitely
  • Learn how to save your images in other formats
  • Get to grips with the ViewBox and its attributes to help you view and scale your creations
  • Test functionality and cross browser compatibility
  • Work with polygons and how to effectively add them to your animations
  • Create and add trees and other objects to bring your animations to life


  • Gain real experience by working on actual projects
  • Incorporate these skills and combine them with CSS to use images you create in web pages.
  • Build images that can scale indefinitely
  • Style shapes and interact with them in JavaScript
  • Alter shapes for use on webpages
  • This course is taught by a highly-experienced instructor
  • 24/7 access to the course content for 12 months
  • Introduction Part 1
  • Introduction Part 2
  • Creating Rectangle and Circles
  • Creating Lines
  • SVG viewBox
  • Polygon element Part 1
  • Polygon element Part 2
  • Polygon element Part 3
  • Polygon element Part 4
  • Box Attributes
  • Box Attributes (Cont’d)
  • Bezier Curves Part 1
  • Bezier Curves Part 2
  • Bezier Curves Part 3
  • Bezier Curves Part 4
  • Quadratic Bezier Curves
  • Arcs
  • Arcs (Cont’d)
  • SVG-edit and Illustrator
  • Styling Inline
  • SVG in IMG tag
  • SVG in Background IMG
  • Modifying Inline SVG
  • SVG with Javascript
  • Adding Trees
  • Creating Trees
  • Creating Trees (contd)
  • Remove
  • Adding Other Type of Trees
  • Sorting Trees
  • Sorting Trees (cont’d)
  • Refactoring Javascript
  • Refactoring Javascript (Cont’d)
  • Saving as SVG
  • Saving as SVG (Cont’d)
  • Save as PNG
  • Downloading
  • Refactoring Part 1
  • Refactoring Part 2
  • Refactoring Part 3
  • Main Functionality
  • Main Functionality (Cont’d)
  • Testing Cross Browser Compatibility
  • Checking DOMcontentloaded
  • Styling Part 1
  • Styling Part 2
  • Styling Part 3
  • Modal for PNG Part 1
  • Modal for PNG Part 2
  • Modal for PNG Part 3
  • More Javascript Refactoring
  • Styling The Modal More
  • Adding Size Reset Button
  • Outro

Additional information

Exams Included


Course Type

Online Course

Expiry Date After Purchase

1 year

Device Processor

1 gigahertz (GHz)

RAM Required

1 GB

Operating System

Mac OS, Windows 10, Windows 7, Windows 8


Google Chrome, Internet Explorer 8 or above, Mozilla Firefox, Safari 6 or above


Android, iPad, iPhone, Mac, Windows


There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

Vendor Information

  • Store Name: Otutu Online Store
  • Vendor: Otutu Online Store
  • No ratings found yet!

We want you to be satisfied, so all eligible courses purchased on Vogate can be refunded within 14 days. For whatever reason, if you are unhappy with a course, you can request a refund, provided the request meets the guidelines in our refund policy.

Certain restrictions may apply and some purchases may only be eligible for credit refunds. For more information regarding our refund policy, please see below.

How to submit a refund request

If you’re looking for instructions on how to submit a refund request, please visit our support and help section

Our 14-day policy

While our 14-day refund policy is to allow customers to learn risk free, we must also protect our vendors from fraud and provide them a reasonable payment schedule. Payments are sent to vendor after 30 days, so we will not process refund requests received after 14 days of purchase.

Additional reasons for denied refunds

We reserve the right, in our sole discretion, to limit or deny refund requests in cases where we believe there is refund abuse, including but not limited to the following:

  • A significant portion of the course has been consumed or downloaded by a customer before the refund was requested.
  • Multiple refunds have been requested by a customer for the same course or other courses
  • Excessive refunds have been requested by a customer.
  • Users who have their account reported, banned or course access disabled due to a violation of our Terms or Trust & Safety Guidelines. 
  • We do not grant refunds for any subscription services.

These refund restrictions will be enforced to the extent permitted by applicable law. 

Product Enquiry