Learn Dynamic HTML5 Programming

Develop Compelling Web Applications and Games!
3.8 (2 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.
752 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 26
  • Length 3 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

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

Published 10/2014 English

Course Description

In this part of his series on HTML5 and CSS3, author and expert looks at creating compelling web applications using the latest features in HTML5. You’ll learn how to play and script both audio and video and draw graphics using Canvas and SVG. You’ll also see how to store data client-side by using the web storage API and how to work with the two types of web storage: local storage and session storage. This course also explores HTML5 techniques and features for creating games in a browser.

This workshop focuses on HTML5 techniques for creating web applications and games. The contents of this course include:

Introduction
This chapter introduces the tools you’ll use in this course and provides a sneak preview of the features that will be covered. We’ll also look at some example applications that illustrate techniques for creating dynamic HTML5 user interfaces.

Audio and Video
The growth in handheld devices that do not support plug-in programs like Flash makes the topic of this chapter particularly crucial. You’ll learn how to embed audio and video content natively in a Web page, without the need for plug-ins to play the content.

Creating Graphics with <canvas>
The <canvas> element is an exciting addition to HTML5 that allows you to use JavaScript to dynamically render shapes. This chapter provides an overview of how to create graphical content using the <canvas> element.

Creating Graphics with SVG
Scalable Vector Graphics (SVG) elements offer a wide range of functionality in creating both static and dynamic graphics. This chapter demonstrates how easy and fun it is to create graphical content by using SVG.

Using the Web Storage API
This chapter describes how to store data client-side by using the web storage API. You’ll get an overview of the types of web storage, as well as detailed examples of common data storage situations and how to best handle them.

Gaming
This chapter will show you how to use HTML5 techniques and features to create games to be played in a Web browser. You’ll be introduced to the key elements of an HTML5 game, learn some key data considerations, and get a behind-the-scenes tour of a real live game.

The lessons are wrapped in a feature-rich interface that lets you jump to any topic and bookmark individual sections for later review. Full-Screen mode provides a hi-def, immersive experience, and Watch-and-Work mode shrinks the video into a small window so you can play the videos alongside your application. Also included are exercise files that give you an easy way to try out the techniques you learn.

What are the requirements?

  • PC or Laptop
  • Text Editor

What am I going to get from this course?

  • Audio and Video
  • Creating Graphics with <canvas>
  • Creating Graphics with SVG
  • Using the Web Storage API
  • Gaming

What is the target audience?

  • People who want to know advanced knowledge about Html5
  • any Html Programmer
  • any webdeveloper

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: Introduction
Introduction
Preview
05:14
Examples
Preview
05:16
Working Files
Article
Section 2: Audio and Video
Playing Video
08:31
Scripting Video
09:27
Playing Audio
03:27
Scripting Audio
04:46
Section 3: Creating Graphics with <canvas>
Creating Simple Graphics with <canvas>
04:23
Drawing Simple Shapes
05:07
Going Further with Shapes
07:47
Working with Colors
08:22
Working with Text
07:53
Transformations and Animations
06:28
Section 4: Creating Graphics with SVG
Creating Simple Graphics with SVG
03:28
Drawing Simple Shapes
06:55
Going Further with Shapes
10:58
Working with Colors
11:09
Working with Text
10:53
Transformations, Animations, and Events
11:45
Section 5: Using the Web Storage API
Getting Started with Web Storage
08:55
Using the Web Storage API
06:55
Handling Web Storage Events
10:58
Section 6: Gaming
Getting Started with Games in HTML5
05:17
Managing Data in HTML5 Games
05:42
Initializing HTML5 Games
07:46
Playing HTML5 Games
07:49

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Skill Pass, High Quality Training!

SKILLPASS is one of the world's leading producers of online computer and software training, supplying richly diverse courses of informative and inspiring tutorials. Created on the idea that anyone should have the ability to learn to use computer software on their own time.Our training authors are some of the most accomplished in their respective fields. The tutorials that could make the difference in your new job, promotion, or school advancement are always available and only a click away.

Ready to start learning?
Take This Course