Training Courses

HTML Canvas : Introduction

Two Day Course


Out of all the new HTML5 features, the Canvas tag and its associated JavaScript API are the most graphically rewarding. Advertisements, animations, applications, games, and nearly anything else that was once the domain of plug-ins like Flash and Java can be now created with native HTML5.

This two day course covers everything from drawing basic shapes to creating interactive animations and is the ideal course for anyone who wants to start building native HTML5 Canvas applications immediately. You should have a working knowledge of HTML & CSS basics. Knowledge of Javascript and/or jQuery fundamentals would be an advantage but not essential.

Public Course Dates & Pricing

Course DatesLocationPriceStatus

  • Public Courses

    Small class sizes so you get the maximum amount of trainer time possible. You attend with delegates from other companies.

    A great, cost efficient way to learn, discounts are also available for group bookings.


    Discount Info
  • Private Courses

    One to one tuition or a private group with just your colleagues. Your choice of duration, content and location. We can train at one of our centres or onsite with you wherever you are located.

    We offer a free consultation service to help work out every detail and build the perfect course for you.

    From £499 + VAT

    Free Consultation

Course Outline


    • The canvas tag
    • Fallback content
    • Concepts
    • API syntax primer
    • The rendering context
    • Testing and checking for support
    • Canvas template

    Lines, strokes and rectangles
    • Examining a basic draw template
    • Beginning and ending paths
    • Picking up the pen
    • Drawing straight lines
    • Changing stroke weight and colour
    • Using line caps and mitres
    • Rectangles
    • Clearing the Canvas area
    • Using RGBA and global alpha

    Other shapes
    • Creating ovals
    • Creating triangles
    • Calculating more complex shapes
    • Bezier and quadratic curves
    • Drawing text

    Re-usable code
    • Object orientation
    • Syntax
    • Properties
    • Providing methods using prototypes
    • Creating a grid drawing aid
    • Building re-usable shapes

    Drawing images
    • Using images on the same page
    • Using images on other domains
    • Using content from another canvas
    • Creating an image from scratch
    • Drawing the image
    • Scaling the image
    • Slicing the image

    Questions and answers

    Colours and fills
    • Colour names
    • Hexadecimal colours
    • Controlling alpha with RGBA and global alpha
    • Creating gradients - linear, radial and custom
    • Creating and applying patterns
    • Creating shadows

    • Saving and restoring states
    • Translations
    • Rotating
    • Scaling
    • Skewing
    • Flipping

    • Combining and punching shapes
    • Exploring the many global
    Composite Operations
    • Using Clipping Paths and masking

    Creating animations
    • Clear, save, draw, restore
    • Controlling an animation
    • Defining parameters and conditioners
    • Creating a screen wrap or ticker animation
    • Animation workshop

    Layering techniques
    • Using multiple Canvases
    • Positioning
    • Managing layers

    • Building a project or game using jQuery and the Canvas API
    • Listening and reacting to keyboard events
    • Binding to Mouse events

    Related topics and APIs
    • Drawing video onto the Canvas
    • Animating Canvas video content
    • Re-skinning video controls
    • Local storage
    • HTML Canvas libraries

    Questions and answers
Experience + Flexibility

We know training inside out. We can advise you on all the options to make sure you get the best possible course.

Tell us you need to cancel 5 working days before your course and there’s no charge. Great for your peace of mind.

Our trainers bring their years of industry experience into the classroom. You'll leave confident and prepared.

The smallest class size in the industry. More one on one time with the trainer and a less intimidating group size.

Tell us which you use and it'll be booted up and waiting with the latest software when you arrive.

We provide a lovely onsite lunch so you can relax. We can cater for any dietary requirement with no fuss.

Comfort + Location
Value + Choice
Reputation + Feedback

  Our Clients

We've worked very hard over the last 20 years to grow our business through personal recommendations.

When you attend a course we ask you to tell us how it went. We use your feedback to help us improve our courses.

We publish all our customer satisfaction stats live on our site (good or bad) because we want everyone to know just how highly you rate us every day, every week and every year.

We know that choosing the best course can be difficult, maybe the thoughts of the 4960 other clients we've asked will give you the inspiration to join us too.

The most recent comments from attendees of our courses are shown below. We reckon they will give you a pretty good indication of how they think we perform.

  Client Ratings

Attendees surveyed4960
  Trainer Knowledge9.8 / 10
  Trainer Materials9.6 / 10
  Trainer Preparation9.8 / 10
  Overall Trainer Score9.7 / 10
  Centre Lunch9.6 / 10
  Centre Staff9.9 / 10
  Overall Centre Score9.7 / 10
  Overall Experience9.7 / 10
  % Who Would Recommend Us99.7%

"Efficiently run, good style of teaching and good pace. Felt I could ask questions if needed. "

"Knowledge sharing and explaining - excellent. Thank you"

"Very knowledgeable tutor/company with what seems like loads of experience, nice vibe in the office, GREAT lunch for both days and a great tutor that was very good at explaining things when you got it wrong and congratulating you when you got it right. Would come back again to do different courses etc when I need to in the future"

"Teaching the relevant information in relation to the course in good time and being able to relay the information so it is remembered. Great environment, staff and software."

"Great trainer, food and environment. "

"Tutor explained everything in very detail and that makes my not afraid to ask questions."

"Very informative and a very steep learning curve. Very well taught"

"Great location, great little office, everyone is super nice. It's not an intimidating environment at all, which is great when you're here to learn something new."

"well structured journey through the training days"

"Tutor described every points as detail as possible and willing to answer every single questions."

"I really enjoyed the course and I learned what I expected to. Would definitely return to further my education on this."

"I've completely understood the course. I'm leaving with so much to work on but definitely have the right foundations now. Iwan has explained it perfectly."

"Trainer was excellent, great pace, plenty of time for questions and felt comfortable asking questions. Good examples and time for us to put knowledge into practice. Really great! "

"Brillianrt course, learnt a lot and like the idea that I can take the files home with me. Staff and trainers are also very friendly and food options were great. "

"Well paced. Lots of information that was clearly explained and demonstrated. Took the time to tailor information to my specific work needs (i.e. coding differences between email and web)"

"The staff were all very friendly and the trainer, Simon was very good at explaining everything in a very understandable manner. "

"Trainer's enthusiasm, knowledge and patience were outstanding. Course was easy to follow, well balanced, targeted towards individual's objective sheets and audience aware. As with previous course I attended, the overall service was completely faultless. Will hopefully be planning my next course soon!"

"Providing supporting notes and additional materials. Responding to the specific learning goals I'd set."

"As said previously, it was superb! I think you offer a great range of courses and the teachers are brilliant. I could not have had more help or been guided through the course easier and think it is amazing how well you teach in order to get us to learn so much in a couple of days. I will be coming back for more courses no doubt!!!! "

"Really good at starting with the basics and going at a good pace. I liked that a topic was explained and then we could put it into practice at the computer. Also the lunch was amazing! "

"Communicating! Everything was clearly signposted and set out in a straight forward manner. Everyone has been welcoming and the venue is very comfortable. I'd highly recommend the course, the Iwan (our trainer) and Media Training Ltd. "

"the whole course was great."

"Fantastic Course, loved the small class sizes and the environment. "

"Very good at communication, gained a good understanding easily. Good knowledge . "

"The overall atmosphere was great, trainer was great also and i've gained a lot from the course."

"Patient and flexible approach to learning. Helped put learned concepts into a day-to-day context"

"Tutor was very knowledgable, helped and solved all of our queries. "

"Making something that was very complicated easy to understand and ensuring that everyone had the foundations to allow us to progress with HTML and CSS i.e. ensuring the fundamentals were there and reminding us of those fundamentals throughout the course."

"Really good at breaking down the context and why we were doing things which is what will help make it stick."

"Knowledge and expertise. Extremely friendly and welcoming. Great location and facilities. Thank you."

"Everything - my fourth time at Media Training and I have a great experience each time I visit. "

"Food was lovely every day and plenty of it! Friendly tutors and very helpful, feel like I learnt a lot! Will be looking at some of your other courses and will be back very soon hopefully! "

"All staff made me feel welcome. Dele enthused with his knowledge and delivery such that I am looking forward to getting back to work and having a go."

"Very friendly environment, interesting course with examples"

"Trainer was excellent and always a pleasure to come here"

"Very clear explaining of what needs to be done. Course was very engaging with interesting facts. Went at a good pace that was easy to follow. Good that there are only 3 people in the group, got a good amount of support. Location was convenient. Set up was good. Good amount of breaks"

"Trainor was very good and knew how to adjust his lessons to fit individual classes. Food was great. I like the style of the training, ie, you hold several training courses at the same time in different small rooms. Fee was reasonable, given the quality of the training. I really enjoyed this training and it more than lived up to my expectations."

"Lunch was great, the training rooms were great and Iwan was great. Good location and really enjoyed the training here. Iwan was very encouraging and I learnt such a lot"

"The trainer for the course used excellent analogies and it was very easy to understand. Will definitely be using this knowledge in my job role. "

"Very clear and easy to follow! It is a nice small class and you get great support if you get lost or don't follow. "

"Ivan was great at explaining the concepts and incredibly patient. He was a joy to learn with. He covered quite a lot in a short span of time but it didnt feel rushed which was great."

"Keeping things clear and easy to understand, without being condescending. I have taken html courses before but this one made more sense to me."

"Beside the amazing course lead by Ivan, the lunch was awesome!"

"I liked when we were given tasks and the teacher would walk around and help us if needed. This reinforced where we were perhaps going wrong and could be rectified quickly. I enjoyed the mix of being taught and having the small tasks to do independently."

"- Great examples -Trainer's explanation was very clear and easy to understand -Software super easy to use and available for free to use after course -Staff very helpful, friendly and welcoming"

"Everyone was really friendly and made me feel really comfortable. The course was really hands on, and feel I've taken a lot away... and the small class size was good. "

"Small classes meant more effective and relevant learning"

"perfect timing with breaks good intensity of theory and practise amazing atmosphere, very friendly"

"Friendly staff, experienced teacher, small group size, nice atmosphere"

"I would just like to say how impressed I was with every aspect of this course. I didn't expect to get as much from the two days as I did. Simon was an excellent tutor who delivered the course at a suitable pace & allowed us sufficient time to practice. The centre, it's facilities and staff were also of a very high standard. I would certainly recommend this course to others and hope to return in future. Thank you "