Learn HTML5 & JavaScript

The fun way to learn programming, through Zombies!

Video Error

We tried several times to play your video but there was an unforeseen error. We have notified our engineers.

Visit https://helpx.adobe.com/flash-player.html to check that Flash is enabled on your browser.

With Flash enabled, please try again in a few minutes or contact support.

$20
Take This Course
  • Lectures 9
  • Video 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

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

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

What is the target audience?

  • Web and Mobile Developers

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

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.

Curriculum

Section 1: HTML5 and JavaScript Basics
13:11

Explore the Zombies graphics

Tools you’ll need

HTML intro

The HTML5 Canvas

Draw a Zombie on the Canvas  

10:45

HTML Tags & Attributes

JavaScript Functions, Properties and Objects

Load all Zombie frames

Animate a Zombie 

19:16

Development Tools

Closer look at Zombie animation

JavaScript Objects

24:44

Template for loading anim sequences

Object Prototyping

Create GfxSprite prototype object

GfxSprite: loadImage, and load

14:14

Image Transparency and Shadow

Reusing GfxSprite to load Player

Testing with background image

22:44

Keyboard events

Sprite object prototype

DirectionalSprite inherits Sprite

Player inherits DirectionalSprite

Controlling Player via keyboard

26:35

      • 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
39:08

Sprites Manager

Z-Order

Sprites Collision Detection

Physics, onTouchedPlayer

36:24

- 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.

Ready to start learning?
Take This Course