When you enroll in this course, you'll also be enrolled in this Specialization.
Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate
There are 5 modules in this course
This hands-on course empowers learners to construct, apply, and optimize scalable vector graphics (SVG) and XSLT-enhanced XML documents through structured, practical projects. Designed for aspiring web developers, data visualizers, and interface designers, the course introduces foundational XML syntax, builds competency in SVG drawing, and advances into reusability, filters, text integration, and markup semantics.
Spanning five progressive modules, participants will define XML-based SVG structure, apply styling with CSS and inline attributes, create interactive and accessible graphics using text and metadata, and implement advanced stroke and filter effects. The course culminates with the design of polished SVG interfaces through gradients, animation hooks, and semantic enhancements.
By engaging with quizzes, graded assessments, and project-based learning, learners will evaluate their understanding of visual logic, and synthesize reusable components to produce clean, scalable, and standards-compliant vector graphics.
This module introduces the foundational concepts of SVG within XML, focusing on basic shape creation, coordinate systems, and the syntax necessary for building scalable vector drawings.
What's included
10 videos4 assignments
Show info about module content
10 videos•Total 78 minutes
Equal Line Give•7 minutes
Give Color Giving•5 minutes
Stroke Pixel Give•10 minutes
Giving Equal Interior•5 minutes
Equal Giving Okay•4 minutes
Create Stroke Fill•8 minutes
Give Stroke Line•10 minutes
Give Okay File•12 minutes
Equal Create Give•8 minutes
Create Equal Close•9 minutes
4 assignments•Total 60 minutes
SVG Basics – Lines and Colors•10 minutes
Stroke and Fill Techniques•10 minutes
File Handling and Shape Creation•10 minutes
Graded - SVG Drawing Fundamentals•30 minutes
Composition and Styling
Module 2•2 hours to complete
Module details
This module explores composition techniques, element grouping, and styling methods using inline CSS and reusable definitions to create visually organized SVG drawings.
What's included
6 videos3 assignments
Show info about module content
6 videos•Total 56 minutes
Equal Drawing Okay•8 minutes
Equal Create Style•9 minutes
Create Equal Give•9 minutes
Equal Create Close•12 minutes
Equal Close Style•10 minutes
Style Stop Give•9 minutes
3 assignments•Total 50 minutes
Drawing and Layout Refinement•10 minutes
Closure and Style Management•10 minutes
Graded - Composition and Styling•30 minutes
Text and Metadata in SVG
Module 3•2 hours to complete
Module details
This module delves into integrating textual content and metadata into SVG graphics, highlighting the use of accessibility tags, character escaping, and structured labeling.
What's included
6 videos3 assignments
Show info about module content
6 videos•Total 62 minutes
Text Give Close•11 minutes
Span Text Close•10 minutes
Text Give Length•8 minutes
Text Hash Ampersand•13 minutes
Mask Equal Close•12 minutes
Close Create Mask•9 minutes
3 assignments•Total 50 minutes
Handling Text Elements•10 minutes
Special Characters and Metadata•10 minutes
Graded - Text and Metadata in SVG•30 minutes
Advanced SVG Structuring
Module 4•2 hours to complete
Module details
This module advances into reusable components, filtering techniques, and enhanced stroke styling, enabling modular and complex SVG design implementations.
What's included
7 videos3 assignments
Show info about module content
7 videos•Total 68 minutes
Give Equal Value•8 minutes
Equal Text Give•14 minutes
Equal Give Create Text•9 minutes
Equal Stroke Create•13 minutes
Equal Give Create•7 minutes
Equal Close Filter•8 minutes
Equal Give Attribute•8 minutes
3 assignments•Total 50 minutes
Value and Attribute Design•10 minutes
Stroke, Filter, and Attribute Enhancements•10 minutes
Graded - Advanced SVG Structuring•30 minutes
Color, Effects, and Final Touches
Module 5•2 hours to complete
Module details
The final module focuses on gradient fills, color transitions, and finishing effects using filters, tooltips, and proper markup closure to create polished, interactive SVG graphics.
What's included
5 videos3 assignments
Show info about module content
5 videos•Total 42 minutes
Equal Yellow Fill•4 minutes
Equal Gradient Giving•8 minutes
Equal Give Close•9 minutes
Close Title Section•6 minutes
Colon Equal Close•15 minutes
3 assignments•Total 50 minutes
Fill and Gradient Techniques•10 minutes
Final Touches and Markup Closure•10 minutes
Graded - Color, Effects, and Final Touches•30 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Welcome to EDUCBA, a place where knowledge is limitless! We provide a wide selection of instructive and engaging programmes designed to empower students of all ages and experiences. From the convenience of your home, start a revolutionary educational experience with our cutting-edge technologies courses and experienced instructors.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.