Learn HTML5 & JavaScript

The fun way to learn programming, through Zombies!
3.7 (11 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.
1,045 students enrolled
25% off
Take This Course
  • Lectures 9
  • Length 3.5 hours
  • Skill Level All Levels
  • 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 8/2013 English

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?

  • Learn HTML5 basics
  • Learn JavaScript variables, functions & properties
  • Learn Object Oriented Tehniques

Who 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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

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.

Ready to start learning?
Take This Course