Introduction to the Course , Instructor and Understanding Syntax.
  • Introduction to SVG.
  • Introduction to Instructor.
  • The first SVG example.
BASIC SHAPE - Designing of RECTANGLE.
  • Designing a Basic Rectangle.
  • Adding concept of TRANSPARENCY to the Rectangle.
  • Using Transparency concept.
  • Adding Rounded Corners to a Rectangle.
BASIC SHAPE - Designing of CIRCLE.
  • Designing CIRCLE in SVG.
BASIC SHAPE - Designing of ELLIPSE.
  • Designing a Basic ellipse.
  • Designing Multiple Ellipse in SVG.
  • Designing the combination of two ellipse.
BASIC SHAPE - Designing of LINE.
  • Designing LINE in SVG.
BASIC SHAPE - Designing of POLYGON.
  • Designing a Basic POLYGON.
  • Designing POLYGON with FOUR sides.
  • ADVANCE use of POLYGON.
  • ADVANCE use of POLYGON - Part 2.
BASIC SHAPE - Designing of POLYLINE.
  • Designing a Basic POLYLINE.
  • Combination of Different straight Lines.
Understanding the concept of PATH in SVG.
  • Basics and Practical example of PATH.
  • Designing a Quadratic Curve using the PATH concept.
Adding TEXT to your SVG.
  • Defining a basic TEXT in SVG.
  • Rotating the TEXT at a certain angle.
  • Adding some advance Functionality to TEXT.
  • Using TEXT as a link in SVG.
Useful ELEMENTS in SVG.
  • The use of g element in SVG.
  • The use of defs element in SVG.
  • The use of symbol element in SVG.
STROKES in SVG.
  • Introduction to stroke with practical example.
  • The use of stroke-width property in SVG.
  • The stroke dasharray concept.
  • The stroke linecap property in SVG.
Some ADVANCE concept used in SVG.
  • The Clip path concept in SVG.
  • Use of mask in SVG.
  • Introduction to TOOLS for SVG.
Adding JAVASCRIPT to SVG.
  • Using script in SVG.
  • Adding more than one event to SVG.
Applying different EFFECTS / FILTERS to SVG.
  • Applying BLUR effect.
  • Implementing the SHADOW effect.
  • Using BLUR effect for an OFFSET image.
  • Applying black shadow to an element.
  • Applying Colored shadow.
Applying GRADIENTS in SVG.
  • Understanding the concept of gradient.
  • Understanding the vertical linear gradient .
  • Adding Text to Linear gradient.
  • The concept of Radial Gradient in SVG.
Performing Animation in SVG.
  • The basic implementation of animation.
  • The advance function of animation.
  • Applying animation to multiple objects.
  • The use of END element in SVG.
  • Performing repeated actions in Animation.
  • The use of SET element in SVG.
  • Understanding the transform animation.
  • Animating the MOTION of element.
  • Animating Motion of an element -Part2
  • Adding Links to Images.