Learn HTML5 & JavaScript

The fun way to learn programming, through Zombies!
  • Lectures 9
  • Video 4 Hours
  • Skill level all level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

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.

Course Description

HTML5 is an exciting new technology enjoying widespread adoption by the developer community. Its unique cross platform capability makes it the perfect choice for applications that provide rich user experiences on Mobile and Desktop.

JavaScript is a versatile programming language that allows developers to write a few lines of code that accomplish more than traditional programming languages.

This course is a fun and exciting way to learn both of these technologies through a Zombies game.

Each lecture introduces new concepts and techniques followed by coding sessions, and more explanations that makes it easy to follow along. If you ever wanted to learn HTML5 and JavaScript in a fun and effective way, this course is for you!

Like the page on Facebook HTML5 Zombies

What are the requirements?

  • Windows or Mac

What am I going to get from this course?

  • Over 9 lectures and 3.5 hours of content!
  • Learn HTML5 basics
  • Learn JavaScript variables, functions & properties
  • Learn Object Oriented Tehniques

What is the target audience?

  • Web and Mobile Developers

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: HTML5 and JavaScript Basics

Explore the Zombies graphics

Tools you’ll need

HTML intro

The HTML5 Canvas

Draw a Zombie on the Canvas  


HTML Tags & Attributes

JavaScript Functions, Properties and Objects

Load all Zombie frames

Animate a Zombie 


Development Tools

Closer look at Zombie animation

JavaScript Objects


Template for loading anim sequences

Object Prototyping

Create GfxSprite prototype object

GfxSprite: loadImage, and load


Image Transparency and Shadow

Reusing GfxSprite to load Player

Testing with background image


Keyboard events

Sprite object prototype

DirectionalSprite inherits Sprite

Player inherits DirectionalSprite

Controlling Player via keyboard


      • Zombie prototype object

Artificial Intelligence & AI Profile

Zombie States

Normal State -> seek player

Dying, Flashing & Attack State

Section 2: Advanced Techniques, Tiles, Collisions, and Obstacles

Sprites Manager


Sprites Collision Detection

Physics, onTouchedPlayer


- Extract Tiles from TilesSheet

- GfxSpriteTilesSheet for Special Effects

- Player fires explosions

Instructor Biography

Ken Azzawe , Architect

Seasoned software consultant with extensive experience in delivering solutions for the Canadian, US, and overseas markets. Ken's engagement experience includes projects implemented in Banking, Financial, Insurance, Telecommunication, and Technology industries working for Fortune 500 companies. With 17 years of technology experience, Ken is an established professional with subject matter expertise in multi-channel applications, enterprise integration, and cloud computing. Ken also likes to dabble in game programming as a hobby.

Join the biggest student community


Hours of video content


Course Enrollments




Average Rating
  1. 5 Stars
  2. 4 Stars
  3. 3 Stars
  4. 2 Stars
  5. 1 Stars
    • Jacob Greenberg

    I've learnt the JavaScript fundamentals and thought I was ready to move on to game development

    Either I'm to stupid or this course is just completely beyond my understanding loops, binary, multi ways, arrays etc. None of it made any sense to me, all I could do was mindlessly copy down what he was typing.

    • Rickard

    Dead course.

    Don't buy this course, content is not being added.

    • Nikolaos Mplantzas

    So much useful information!

    This class was great. The material was very organized and Ken's delivery made the concepts easy to understand and apply.I like his use of examples and analysis.

    • Ahmed Al-Badri

    Great for beginners, enthusiasts and pros!

    Everyone can benefit from these excellent, clearly explained lectures. Best of all: they are very enjoyable to watch!

Ready to start learning?
Preview this course