The HTML canvas element is used to draw graphics on a web page. Canvas has several methods for drawing paths, boxes, circles, text, and adding images. The [course_title] course teaches you all the essential use of the HTML canvas element so that you can create drawable surface inside your web pages and can control with JavaScript.
HTML canvas is an excellent element that you can use for compositing images and even creating games. Throughout the course, you will learn how to use the canvas elements through real-world projects. The course illustrates the system of making compositions using shapes, images, and text, creating effects and filters on images and creating animations.
Assessment
This course does not involve any written exams. Students need to answer 5 assignment questions to complete the course, the answers will be in the form of written work in pdf or word. Students can write the answers in their own time. Each answer needs to be 200 words (1 Page). Once the answers are submitted, the tutor will check and assess the work.
Certification
Edukite courses are free to study. To successfully complete a course you must submit all the assignment of the course as part of the assessment. Upon successful completion of a course, you can choose to make your achievement formal by obtaining your Certificate at a cost of £49.
Having an Official Edukite Certification is a great way to celebrate and share your success. You can:
- Add the certificate to your CV or resume and brighten up your career
- Show it to prove your success
Course Credit:Udacity
Course Curriculum
HTML5 Canvas Basics | |||
Introduction | 00:01:00 | ||
Somewhere Cool | 00:01:00 | ||
Demo and Rationale | 00:01:00 | ||
Favorite Meme | 00:01:00 | ||
Creating a Canvas | 00:01:00 | ||
Coordinate system | 00:02:00 | ||
Loading Images Code | 00:02:00 | ||
Saving Images | 00:03:00 | ||
Drawing Rectangles | 00:01:00 | ||
Colors | 00:01:00 | ||
Drawing Text | 00:02:00 | ||
Drawing Text Quiz | 00:01:00 | ||
MemeMaker Programming Quiz | 00:01:00 | ||
Lesson Recap | 00:01:00 | ||
From Pixels to Animation | |||
Silent Film Vignette | 00:02:00 | ||
What is a pixel? | 00:01:00 | ||
Filters and Effects | 00:01:00 | ||
Canvas 2D Image data | 00:01:00 | ||
Grayscale Quiz | 00:01:00 | ||
Playing videos with Canvas | 00:01:00 | ||
requestAnimationFrame | 00:01:00 | ||
You’re DONE | 00:01:00 | ||
Assessment | |||
Submit Your Assignment | 00:00:00 | ||
Certification | 00:00:00 |
Course Reviews
No Reviews found for this course.