Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
9 Hour(s) 55 Minute(s)
Language
English
Taught by
Alperen Talaslıoğlu
Rating
1 views
Course Overview
Most powerful drawings, animations, web applications and games with HTML5 Canvas by using JavaScript
*** 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 Content
- 10 section(s)
- 73 lecture(s)
- 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 Canvas Advanced Topics
- Section 8 Animations
- Section 9 Transformations on Canvas
- Section 10 Making Physics with Animations on Canvas
What You’ll 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
Reviews
-
MMarian Maschke
Seriously awesome course. Learned so much! Pros: - Very in detail course. - Lecturer builds some nice samples to see how the different Canvas functions can be integrated. - Very easy to follow pacing and structure. - Lecturer has not edited out his mistakes and typos. Instead he shows you how he searches for them if something is not working. Cons: - Some hickups in the English language (No problem to follow though) - JavaScript writing style is a bit dusty, but some minimal experience can fix that no problem.
-
SShubham Agarwal
Over course content is really good but only problem is with the sound as voice of the teacher is very low sometimes unable to hear it clearly
-
TThomas Cowan
I'm a freelance web developer and I finally decided it was time to do a deep dive into HTML5 canvas and learn it's full capabilities. I found this class to be very comprehensive and the instructor obviously knows the subject very well. He made the class very enjoyable. I would definitely recommend the class to anyone who wishes to learn the canvas element in depth.
-
AAndré Silva Barbosa
Now that I finished the course I can say that this is a very good course with lot of topics about Canvas and nice projects in the final lessons.
