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

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.

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

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.

Join the biggest student community

6,400,000

Hours of video content

28,000,000

Course Enrollments

7,500,000

Students

Reviews

Average Rating
4.0
Details
  1. 5 Stars
    9
  2. 4 Stars
    0
  3. 3 Stars
    0
  4. 2 Stars
    3
  5. 1 Stars
    1
    • 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