02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoNext Video

Creating User Interaction with Mouse Events

Our last task in this javascript tutorial will be to add user interaction. Yes even the pros make mistakes although most others will edit them out we like keeping our mistakes inside as there a great learning experience(even if they make us sometimes embarrassed like this one!). In this tasks we will learn a lot of things from how to debug applications all the way through how to work with mouse events. In the end of our course we will have a fully interactive canvas project.

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

Javascript for beginners

Light background in programing can help but isn't mandatory. JavaScript for beginners title is a fast 4 hours quick jumpstart to javascript development.

00:30

Defining a Canvas Area

Getting started with the JavaScript Canvas API. An HTML5 canvas tutorial.

07:24

Modifying the HTML and CSS

Before we continue and build our canvas API example we want to align the element to sit on top of our HTML frame. This is only one of many of our canvas tutorials.

03:10

Preparing to draw using loops

Working with loops in this video we will explore the types of loops we can work with.

03:49

Nesting Loops to create a Grid

In the core of it is just two loops only because one is inside of the other each time the first loop finishes a round the internal loop does a complete loop.

08:15

Adding an interval using setInterval

Learn how to work and interact with javascript setinterval.

04:25

Creating User Interaction with Mouse Events

Learn how to add events and main JavaScript Mouse events in to your project

07:38

What should You Learn Next?

Our recomendation of what you should learn next.

01:24