HTML5 and javascript in Motion For Beginner Level course

A very Basic Learning Course for HTML5 & JS in Motion for Junior Developers
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
3 students enrolled
40% off
Take This Course
  • Lectures 13
  • Length 1.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course Description

Go beyond the basics of web development and do something a little more experimental. Import your webcam and add interactivity.

HTML5's canvas and video tags, along with JavaScript, are the front-end developer's ticket to creative interactivity. And I can show you how to make the most of them.

In less time than it takes to watch a feature-length movie, you'll be using HTML5 video and JavaScript to import and manipulate images and video. Along the way, I points out the possibilities, from simple stuff like changing colors, to inputting video data into Three JS.

What are the requirements?

  • A basic level of knowledge in HTML and javascript is expected.

What am I going to get from this course?

  • How to read in data from incoming images and video and parse it into javascript
  • How the HTML5 canvas tag works and can be manipulated using javascript
  • How to make image filters
  • How HTML5 video works
  • How to import in a webcam image using HTML5

Who is the target audience?

  • This course will help web developers who looking to try out the latest in cutting edge HTML5 capabilities in their next project. It will be a good starting point for students who are looking to import HTML5 video into a canvas element and understand how to manipulate that data to affect how it displays. Students will need to have an understanding of basic HTML and javascript.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Course introduction
Introduction ? 1:42
The canvas element ? 9:42
The video element ? 2:56
Section 2: Reading in images using javascript
Understanding the image data object ? 2:12
Reading image data with canvas and javascript ? 13:14
Manipulating image data with canvas and javascript ? 13:12
Section 3: Reading in video using javascript
Reading video data with canvas and javascript ? 3:26
Manipulating video data with canvas and javascript ? 8:39
Section 4: javascript's power brings potential
Moving into 3D ? 9:04
Reading in webcam data ? 4:04
Controlling effects via Leap Motion ? 6:06
Section 5: Where to from here?
Fun demos out in the wilderness ? 3:51
Section 6: Course conclusion
Conclusion ? 0:40

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Smart Tech, UI Front end Developer

Who I am

I like to refer to myself as a “Design-engineer". It wasn't long into my career that I got sick of the constraints of traditional design and moved to the web. I found a passion for interaction design and front-end development. When I'm not creating beautiful solutions, I enjoy reading Theology Books, Running Triathlons, and loving my beautiful wife and kids.

What I do

I specilize in Users. From Interfaces to Experiences my goal is to create things that just work. I Design pixel based solutions for for the web and mobile and Develop websites and web applications using HTML5, CSS, JavaScript, JQuery.

Ready to start learning?
Take This Course