HTML5 Canvas Training

Live Online & Classroom Training

This is an advance course in HTML Canvas covering it's various implementation and use cases. Topics like retained mode versus immediate mode, browser support, mobile support, Canvas API and application development are few of them which are taught extremely well in this course.

(4.7) 119 Learners
Instructed by SPRINGPEOPLE

No Public/Open-house class on the topic scheduled at the moment!

Course Description


The HTML5 Canvas course will give participants all the tools necessary to start building native web browser HTML5 Canvas applications immediately. You will learn how to create Canvas applications how to use the HTML5 Canvas API how to interact with JavaScript and HTML web page controls how to manipulate video and incorporate audio and how to get Canvas apps to work across a broad set of web browsers and mobile platforms.


At the end of HTML5 Canvas training course, the participants will be able to:

  • Create interactive client-side HTML5 Canvas applications
  • Display, manipulate and animate  the HTML5 Canvas drawing surface
  • Display, manipulate and animate text on the HTML5 Canvas
  • Display, manipulate and animate images on the HTML5 Canvas
  • Create interactivity applications using the keyboard and mouse
  • Utilize audio and video on the HTML5 Canvas
  • Create a JavaScript framework for HTML5 Canvas applications
  • Optimize Canvas application for multiple platforms
  • Utilize third party libraries and frameworks

Suggested Audience

  • Web Developers
  • Beginners

Duration - 2 Days


Good to have understanding of:

  • JavaScript
  • Object Oriented Methodologies

Course Curriculum

Expand All
  • HTML5 Introduction - What is HTML5? - tCreating A Basic HTML5 Web Page -
  • HTML5 Canvas overview - What is the Canvas - What is the Canvas good for? - What is the Canvas not good for? - Why or why not just use
    ? - Retained Mode vs. Immediate Mode - Browser Support - Mobbile Support - tag - Canvas and DOM - Canvas methods - Canvas properties - CSS properties - Canvas 2d Context - Canvas Hello World -
  • HTML5 Canvas drawing - Canvas drawing API - Drawing lines, boxes, circles - HTML5 Canvas Text - Canvas Text API - Fonts, faces, colors - - HTML5 Canvas Images - t Canvas Image API - t Loading and displaying images - t -
  • HTML5 Canvas advanced API topics - Global shadows and Global alpha - Creating an application loop (interval, draw() function) - Animation - Moving - Animation - Frame based - Canvas State - Rotation - Clipping - Canvas and
  • HTML5 and Javascript - Communicating with Form controls - Event Listeners & Creating an Object model -
  • Creating an application (Drag And Drop) - Mouse events - Keyboard events - Creating a Drag And Drop framework - Hit Test Point - Hit Test - Mouse Over and CSS - Deleting objects - Local storage -
  • Mobile Development - Testing for Mobile Browsers  - Scale vs. Resize Optimizing - Preloading vs. HTML Asset Embedding - -
  • Frameworks - Box2D - WebGL - JQuery -
  • The future - GPU - Accessibility - Conclusion -


SpringPeople works with top industry experts to identify the leading certification bodies on different technologies - which are well respected in the industry and globally accepted as clear evidence of a professional’s “proven” expertise in the technology. As such, these certification are a high value-add to the CVs and can give a massive boost to professionals in their career/professional growth.

Our certification courses are fully aligned to these high-profile certification exams; at the end of the course, participants will have detailed knowledge, be eligible and be fully ready take up these certification exams and pass with flying colours.



SpringPeople Corporate Learning Center

Job Trends

About the Instructor

Founded in 2009, SpringPeople is a global premier eLearning marketplace for Online Live, Instructor-led classes in the region. It is a certified training delivery partner of leading technology creators, namely Pivotal, Elastic, Lightbend, EMC, VMware, MuleSoft, RSA, and... Read More

Course Rating and Reviews


Average Rating
5 Stars
4 Stars
3 Stars
2 Stars
1 Star

SPRINGPEOPLE SpringPeople Trainer

Nishit Sinha

Senior Applications Developer
ServiceNow Inc.
Course Material:
Class Experience:
Nothing as such

SPRINGPEOPLE SpringPeople Trainer


Course Material:
Class Experience:
session like reading the slides

SPRINGPEOPLE SpringPeople Trainer


Course Material:
Class Experience:
The trainer was pretty new to the training and the class was not helpful. Not at all recommended. Failed to satisfy my requirements

This class is intended for participants with some prior exposure to the technology and are now looking to build up their expertise on the topic.

On successful completion of the course, participants will be eligible to sit of the related certification exam (see course overview). All participants receive a course completion certificate, demonstrating their expertise on the subject.

Total duration of the online, live instructor led sessions. Sessions are typically delivered as short lectures (2-hrs weekdays/3-hrs weekends) and detailed hands-on guidance.

Expected offline lab work hours that participants will need to complete and submit to the trainer, during and after the instructor-led online sessions.

  1. We are happy to refund full fee paid - no questions asked - should you feel that the training is not up to your expectations.
  2. Our dedicated team of expert training enablement advisors are available on email, phone and chat to assist you with your queries.
  3. All courseware, including session recordings, will always be available to access to you for future reference and rework.

Contact Us

+91-80-6567-9700 (BLR)

Schedule a Call

Related Courses

Recently Viewed