Canvas and SVG Web Graphics
Create accessible, responsive, and performant browser graphics using Canvas, SVG, interaction, and animation.
- Level
- intermediate
- Duration
- 40 hours
- Access
- free
- Languages
- English
Price and billing
- Price
- Free
- Billing basis
- Not applicable
Learning outcomes
- Initialize a crisp canvas and draw predictable primitives in its coordinate system.
- Combine paths, color, gradients, and transforms into reusable drawing functions.
- Render text and image assets with safe loading and measurable placement.
- Create bounded animation loops and map pointer or keyboard input into graphic state.
- Build scalable vector scenes with meaningful structure and a responsive viewBox.
- Compose reusable vector artwork using paths, transforms, definitions, and references.
- Connect data and interaction to graphics without losing accessibility or performance.
- Deliver a responsive interactive visualization with verification and fallback content.
Requirements
- Prior knowledge
- Basic programming experience is recommended.
- Devices
- A computer with a modern web browser is recommended for practical work.
- Software
- A modern browser with JavaScript enabled; coding tools run inside the course.
- Equipment
- No additional physical equipment is required unless a course activity explicitly states otherwise.
- Connectivity
- Internet access is required to load course content, save progress, and submit work.
- A modern browser and reliable internet connection
- Time for four to six hours of practice per week
- Completion of each server-scored unit assessment in order
Curriculum
8 units
Assessments and completion
Each of the eight units includes a server-scored assessment. Learners must score at least 70% to pass a unit; up to three attempts are allowed per assessment.
Access period
- Duration
- No fixed expiry
- Access starts
- Enrollment
Certificate
- Offer
- No certificate is currently offered.
- Issuer
- Not applicable.
- Fee policy
- No certificate
- Verification
- Not advertised.