HTML5 Canvas Ultimate Guide

HTML5 Canvas Ultimate Guide

image description

What you will learn

  • Learning basics of HTML5 Canvas
  • Advanced skills of drawing on Canvas
  • Able to build HTML5 games with Canvas
  • Display data on Canvas
  • Animations and Transitions on Canvas
  • Clear and solid understandings of Canvas


Curriculum

Section 1: Introduction

Section 2: Drawing Lines and Paths on Canvas

Section 3: Drawing Shapes on Canvas

Section 4: Drawing Texts on Canvas

Section 5: Project : Building a Open Source Bar Chart Library

Section 6: Drawing Images on Canvas

Section 7: Advanced

Section 8: Animations

Section 9: Transformations on Canvas

Section 10: Making Physics with Animations on Canvas

Section 11: User Interactions on Canvas

Section 12: Project : Building a Flappy Monster Game

Section 13: Project : Building Paint Application

Section 14: End of Journey

Course Description

Most powerful drawings, animations, web applications and games with HTML5 Canvas by using JavaScript

Requirements

  • Basic knowledge on HTML5
  • Basic knowledge on CSS3
  • Basic knowledge on JavaScript
  • Curiosity to learn new technologies
  • Eagerness to become an expert frontend developer

Description

*** The most comprehensive HTML5 Canvas Course in Udemy! ***

*** Real English Captions (not auto-generated) ***

Canvas was initially created by Apple in 2004 and it has been going on to shape the modern next generation web applications. In today's modern web development world, it is one of the most demanding skills to create gamesweb graphicsdrawings and data visualizations without any plugin like old Flash-dependent days. 

In this course, we will cover all of the key points of the Canvas API together. This course is a best chance for whom is willing to learn this edge technology or improve personal skills set. Every topics are supported by comprehensive html canvas examplesprojects and lab sessions to support and reinforce the learning curve.

The topic covered in the course are mainly :

  • Basics of Canvas
  • Understanding the basic math behind canvas and coordinate systems
  • Drawing paths and lines on canvas
  • Drawing shapes like rect, circle and more complex polygons
  • Writing texts on canvas
  • Text effects
  • Displaying images on canvas
  • Playing videos on canvas
  • Transformations
  • Animations
  • DOM interactions
  • Events

Let's dive into the Canvas ocean together!

If you have any questions related to the lectures, do not hesitate to ask!


javascript canvas library, html canvas image, html5 canvas examples with source code, canvas developer guide, canvas api github, canvas api java, canvas api assignments, canvas api live

Who this course is for:

  • New beginners
  • Anyone who wants to learn HTML5 Canvas in depth
  • Anyone who wants to improve HTML5 Canvas skills
  • Anyone who wants to refresh HTML5 Canvas knowledge
  • Experts who wants to reinforce themselves