Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Learn HTML5 & JavaScript to your Wishlist.

Add to Wishlist

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,044 students enrolled
Created by Ken Azzawe
Last updated 8/2013
$10 $20 50% off
2 days left at this price!
30-Day Money-Back Guarantee
  • 3.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Learn HTML5 basics
Learn JavaScript variables, functions & properties
Learn Object Oriented Tehniques
View Curriculum
  • Windows or Mac

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

Who is the target audience?
  • Web and Mobile Developers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 9 Lectures Collapse All 9 Lectures 03:27:01
HTML5 and JavaScript Basics
7 Lectures 02:11:29

Explore the Zombies graphics

Tools you’ll need

HTML intro

The HTML5 Canvas

Draw a Zombie on the Canvas  

Preview 13:11

HTML Tags & Attributes

JavaScript Functions, Properties and Objects

Load all Zombie frames

Animate a Zombie 

Preview 10:45

Development Tools

Closer look at Zombie animation

JavaScript Objects

Browser Developer Tools, step through code

Template for loading anim sequences

Object Prototyping

Create GfxSprite prototype object

GfxSprite: loadImage, and load

JavaScript Object Prototyping, create GfxSprite

Image Transparency and Shadow

Reusing GfxSprite to load Player

Testing with background image

JavaScript Image Processing, enable transparency and shadow

Keyboard events

Sprite object prototype

DirectionalSprite inherits Sprite

Player inherits DirectionalSprite

Controlling Player via keyboard

Keyboard Events, control your Player

      • Zombie prototype object

Artificial Intelligence & AI Profile

Zombie States

Normal State -> seek player

Dying, Flashing & Attack State

AI Zombie chases Player
Advanced Techniques, Tiles, Collisions, and Obstacles
2 Lectures 01:15:32

Sprites Manager


Sprites Collision Detection

Physics, onTouchedPlayer

The Sprites Manager

- Extract Tiles from TilesSheet

- GfxSpriteTilesSheet for Special Effects

- Player fires explosions

Tiles and TileSheets
About the Instructor
3.7 Average rating
11 Reviews
1,044 Students
1 Course

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.

Report Abuse