HTML5 Canvas Ultimate Guide

HTML5 Canvas Ultimate Guide, available at $54.99, has an average rating of 4.57, with 73 lectures, based on 450 reviews, and has 4500 subscribers.

You will learn about 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 This course is ideal for individuals who are New beginners or Anyone who wants to learn HTML5 Canvas in depth or Anyone who wants to improve HTML5 Canvas skills or Anyone who wants to refresh HTML5 Canvas knowledge or Experts who wants to reinforce themselves It is particularly useful for New beginners or Anyone who wants to learn HTML5 Canvas in depth or Anyone who wants to improve HTML5 Canvas skills or Anyone who wants to refresh HTML5 Canvas knowledge or Experts who wants to reinforce themselves.

Enroll now: HTML5 Canvas Ultimate Guide

Summary

Title: HTML5 Canvas Ultimate Guide

Price: $54.99

Average Rating: 4.57

Number of Lectures: 73

Number of Published Lectures: 73

Number of Curriculum Items: 73

Number of Published Curriculum Objects: 73

Original Price: $99.99

Quality Status: approved

Status: Live

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

Who Should Attend

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

Target Audiences

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

*** 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 games, web graphics, drawings 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 examples, projects 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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Setting up the working environment

Lecture 2: What is Canvas?

Lecture 3: Hello World!

Chapter 2: Drawing Lines and Paths on Canvas

Lecture 1: Draw Lines

Lecture 2: Drawing Complex Lines

Lecture 3: Line Caps

Lecture 4: Line Joins

Lecture 5: Shadows

Lecture 6: Lab Session: Drawing Complex Shapes

Lecture 7: Drawing Curves

Lecture 8: Drawing Quadratic Curves

Lecture 9: Drawing Bezier Curves

Lecture 10: Lab Session: Drawing a Heart

Chapter 3: Drawing Shapes on Canvas

Lecture 1: Drawing Rectangles

Lecture 2: Lab Session: Drawing a Chessboard

Lecture 3: Drawing Circles

Lecture 4: Lab Session: Drawing a Pac-Man

Lecture 5: Lab Session: Drawing Polygons

Lecture 6: Shadows on Shapes

Chapter 4: Drawing Texts on Canvas

Lecture 1: Drawing Basic Texts

Lecture 2: Styling Texts

Lecture 3: Lab Session: Drawing 3D Texts

Lecture 4: Positioning Texts

Lecture 5: Shadows on Texts

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

Lecture 1: Creating Project Structure

Lecture 2: Creating the Chart Configurations

Lecture 3: Creating the Canvas and Performing the Pre-Operations

Lecture 4: Drawing Axes

Lecture 5: Drawing Labels

Lecture 6: Drawing Guidelines

Lecture 7: Drawing Bars

Lecture 8: Pushing to GitHub

Lecture 9: Readme.md

Chapter 6: Drawing Images on Canvas

Lecture 1: Drawing Images

Lecture 2: Lab Session: Drawing Pokemon Characters From A Tile

Lecture 3: Lab Session: Filtering Images

Chapter 7: Canvas Advanced Topics

Lecture 1: save() and restore() the canvas state

Lecture 2: Save Canvas as an Image

Lecture 3: Patterns

Lecture 4: Gradients

Chapter 8: Animations

Lecture 1: Animation Basics

Lecture 2: Lab Session: Bouncing Ball

Lecture 3: Sprite Animation

Lecture 4: Lab Session: Running A Game Character

Chapter 9: Transformations on Canvas

Lecture 1: Scale

Lecture 2: Rotate

Lecture 3: Translate

Lecture 4: Transform

Chapter 10: Making Physics with Animations on Canvas

Lecture 1: Introduction

Lecture 2: Velocity

Lecture 3: Acceleration

Lecture 4: Vertical Projection

Lecture 5: Horizontal Projection and Angular Projection

Lecture 6: Momentum on One Axis

Lecture 7: Momentum on Two Axes

Chapter 11: User Interactions on Canvas

Lecture 1: Handling Key Events

Lecture 2: Handling Mouse Events

Lecture 3: Lab Session: Juggling a Ball with Mouse

Lecture 4: Lab Session: Dragging and Dropping Canvas Objects

Chapter 12: Project : Building a Flappy Monster Game

Lecture 1: Creating Project Structure

Lecture 2: Creating the Game Class Part 1

Lecture 3: Creating the Game Class Part 2

Lecture 4: Creating the Background

Lecture 5: Creating the Score Board

Lecture 6: Creating the Walls

Lecture 7: Creating the Monster

Lecture 8: Collision Detection and Final Touches

Lecture 9: Fix: Walls Overlap Issue Fixed

Chapter 13: Project : Building Paint Application

Lecture 1: Project Design Overview

Lecture 2: Handling Color and Brush

Lecture 3: Drawing on Canvas

Lecture 4: Clear and Download Drawings

Chapter 14: End of Journey

Lecture 1: Whats next?

Instructors

Alperen Talasl?o?lu
Professional Frontend Developer and Instructor

Rating Distribution

1 stars: 8 votes

2 stars: 22 votes

3 stars: 46 votes

4 stars: 127 votes

5 stars: 247 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!