HTML5 Canvas Training

Live Online & Classroom Enterprise 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.

Looking for a private batch ?

REQUEST A CALLBACK

Enterprise Reporting
Lifetime Access
CloudLabs
24x7 Support
Real-time code analysis and feedback

What is HTML5 Canvas Training about?

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.

What are the objectives of HTML5 Canvas Training ?

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

What are the prerequisites for HTML5 Canvas Training?

Good to have understanding of:

HTML/XML
JavaScript
Object Oriented Methodologies

Available Training Modes

Live Online Training

Course Outline Expand All

Expand All

1. Understanding HTML5 and the Canvas

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 -

2. Understanding HTML5 Canvas API

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

3. HTML5 Canvas Application Development

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 -

4. Canvas further topics

Mobile Development - Testing for Mobile Browsers - Scale vs. Resize Optimizing - Preloading vs. HTML Asset Embedding - -

Frameworks - Box2D - WebGL - JQuery -

The future - GPU - Accessibility - Conclusion -

Who is the instructor for this training?

The trainer for this HTML5 Canvas Training has extensive experience in this domain, including years of experience training & mentoring professionals.

Reviews

My outlook on training changed completely after attending SpringPeople BPC training. The content, the trainer and infrastructure at SpringPeople were top notch and perfectly in tune with the industry requirements. Regardless to say, training is now something that I look forward to to. Kudos to everyone at SpringPeople!

Shweta Priya

Sony

I attended the 3-day AngularJs training at SpringPeople. The trainer was an industry veteran with vast experience in the subject. Notably, the hands-on training, and the Q&A session stood out. Overall, I found SpringPeople a great place to learn with excellent facilities and great trainers. Would recommend SpringPeople to my colleagues and friends.

Swati Singh

I attended the training on API Design for Mulesoft. The sessions were well planned and value-laden. I benefited immensely from the hands-on experience enabled through virtual labs. I would like to specifically commend the efficiency of the support team who were always available to resolve my concerns.

Nikhil Kohli

Stryker

I attended the jQuery training batch, conducted by Mr. Vijay, an SME who did a thorough coverage of all the essentials. He took us through concepts such as jQuery animations, event handlers, plugins, and jQuery-UI by small programs, very easily. The sessions were useful and well structured. By the end of the training, I was well equipped to develop a SPA on Product Management System. Overall, the learning experience at SpringPeople was great!

Heena Rajan

Mindtree