Course Description:

HTML5 is a major revision of the HTML standard. A collection of new features - rich typography, native audio & video, powerful drawing and image manipulation API – allow you to create web pages with unparalleled user experience. Native HTML has many benefits over Flash and enterprise developers will be asked to use it more and more. This class is meant for experienced HTML developers who are already familiar with website development. They will be able to upgrade their skills to the HTML5 level. Lab exercises are done using plain text editor. This allows you to have a close contact with the HTML5 syntax.

Duration : 3 Days (09.00 - 16.30 )

Fee : [10,900 Baht; With your own computer 8,900 Baht]
(Fee includes Course Material + Coffee Break and Lunch)

Instructor: Dr. Natapon Pantuwong
Lectuer at Faculty of Information Technology, KMITL

Training Date:
1-3 April 2014
16-18 July 2014

Training Venue: The Connecion ( Near MRT Ladprao Exit 4 ) >> See Map

Topics
Understand the history of HTML5 and current browser support for it
Know when to use Flash and when to use HTML5
Create meaningful structure for the document using the semantic elements
Use the new HTML5 input types
Validate form without any JavaScript
Draw shapes, images, and text using the canvas element
Play back music and videos without requiring a special plug-in using the music and video elements
Pinpoint the user’s location using the Geolocation API
Store information on the client side using the Web Storage, Web SQL Database, and Indexed Database APIs
Build offline applications to allow users to be productive when there's no Internet connection
Build multi-threaded client applications that take better advantage of multi-core machines using the Web Worker API and Messaging API
Build push-based applications using the WebSocket API, so the server can initiate communicates with the client

Prerequisite:

Our HTML and JavaScript course or equivalent knowledge of HTML, JavaScript, and Web page design.

Course Outline:

Chapter 1. Introduction to HTML 5
History: how did we get here?
A bit about the HTML 5 standards body
A quick view of the new features:
Canvas
Canvas Text
Video and audio
Local storage
Offline web applications
New input types
Web workers
Web Socket API
Current browser support for HTML 5
Detecting support for HTML 5
HTML 5 vs. Flash – the right tool for the right job
Chapter 2. The Basics
The DOCTYPE
The root element – html.
The head element.
The link element.
Content type
Text encoding.
Chapter 3. New Semantic Elements
What is a semantic element?
The header and footer elements
The article element
The section element
The hgroup element
The aside element
The mark element
The time element
The nav element
Chapter 4. New User Input Options
Placeholder text
Autofocus an input element
The contenteditable attribute
Email address input
Web address input
Spin box for number input
Slider for number input
Date, time, week and time input
Search box
Color picker
Chapter 5. The Canvas
Main uses of the canvas.
The canvas elements and its properties
The drawing context
The coordinate system
Drawing simple shapes
Working with color and line style
Using path
Drawing text
Drawing image
Image pixel manipulation
Handling canvas events
Chapter 6. Audio and Video
The media elements – video and audio.
Commonly used video codecs and containers.
Specifying content in multiple codecs.
Configuring web server for MIME type.
Using Flash fallback
Showing a place holder image as fallback
The track element
Customizing the player - Controlling media playback using JavaScript
Chapter 7. Geolocation
What is geolocation?
Example use cases of geolocation.
The basic API to obtain location
Handling errors
More advanced options to obtain location
Monitoring user’s location
A word about privacy
Chapter 8. Local Data Storage
What is local storage?
Example use cases.
Difference with cookies
The storage window objects - localStorage and sessionStorage
Saving and retrieving data
Deleting data
Security issues and same origin policy
Designing data for storage
Advanced options
Handling errors
Storage events
Chapter 9. SQL Data Storage
Overview of SQL database support
Opening a database connection
Transaction management
Executing a query and reading data
Inserting and deleting data
Supplying parameters to SQL
Chapter 10. Building Offline Applications
What is an offline application
Example use cases
Key offline support in HTML 5
Local storage or SQL for storing data
Caching
How caching works – the manifest file
Configuring web server MIME type for cache file.
Updating the cache
Detecting if we are online or offline
Handling cache events
Chapter 11. Advanced Topics
Cross window messaging.
Example use cases for messaging
The messaging API
Introduction to web worker
Example use cases for web worker
The web worker API
Shared worker
Chapter 12. Push Using Web Socket API
What is push
Example use cases for push
The websocket protocol
Adding websocket protocol to Apache.
Other websocket servers.
Creating a web socket
Sending the server a message
Receiving a message from the server
Dealing with firewall and proxy servers

Online Registration >> HERE

Payment Condition :

Payment may be paid in full or 50% deposit at least 7 days prior to the start of the course. The payment could be paid by the following methods

1. Account transfer to "IMC Institute" Saving account no. 616-2-07327-1 , Kasikorn Bank, Sathorn Square Branch.

or

2. Cheque should be made payable to "IMC Institute"

Notes:

In case you choose to pay 50% deposit, we would request the remaining 50% to be paid at the registration desk before the beginning of the course.

Contact Person :
For more information, contact our course coordinator on:

Ms.Kwanhathai Thavornpong
Mobile: 087-593-7974, 088-192-7975
Tel: 02-610-3687
E-mail: contact@imcinstitute.com