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

JavaScript Summary Project

The last JavaScript 101 title where we will practice everything we worked on and add a few new things such as working with canvas and mouse events.

Duration: 36:34

Dependency warningThis course builds on concepts from Conditions and Loops.
Advanced Level
Advanced Level
Blazing Fast
Blazing Fast

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

JavaScript Summary Project Overview

What you'll learn

Amazing how much we've been through in the last 4 hours. you can consider yourself a JavaScript developer at this stage. In this last JavaScript tutorial of this cluster of videos we will add a few missing elements such as working with user interaction and canvas.

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

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!