Overview:

In this course students will learn how form data can be saved the new storage objects in HTML5. The focus will be using the PHP to process information entered in HTML5 forms which can automatically send and receive e-mails via the Web. Geolocation objects and all properties on Web page automatically load a map based on the current latitude and longitude coordinates.

Audience

The HTML5 course is designed for software developers interested in designing, creating, and deploying HTML5 web applications. It is valuable to both beginners and advanced developers that already have experience in developing web applications. To get the most out of the course, you should be somewhat familiar with HTML and JavaScript. Prior exposure to any of these concepts will be helpful, but not required:

HTML/XML

JavaScript

Ajax

JSON, DOM

The Benefits

The benefits of using HTML5; Differences in the versions of HTML4 vs. HTML5 including new attributes and elements; The native audio and video support built into HTML5; The Canvas element; Offline applications using Web Storage; The new form elements found in HTML5; and Degradation based on browser version. All students will:

Understand the benefits and purpose of HTML5

Learn the differences among HTML5, HTML 4, and XHTML

Learn the new features of HTML5 such as the improved form control, audio/visual support, client side data storage, geolocation, Web Workers, Web Sockets, Canvas, and more

Discover how to integrate CSS3 with HTML5

Learn about the HTML5 support tools that are available

Understand HTML5 for mobile development and Game application

Module 1: Introducing HTML5

Creating with Tags: An Overview

Incorporating the new HTML5 elements

Using continued tags from HTML4

Choosing a Browser to Interpret HTML5

Module 2: Understanding HTML5 Tags

Understanding HTML5 and related files

Learning which files work with the Web

Indentifying the parts of a tag

Understanding the role of the comment tag

Nesting Tags

Module 3: Text Tags and a Little CSS3

Adding HTML5 Structure

Adding Style to Text with CSS3

Styling HTML5 elements with CSS3 properties

Creating CSS3 classes and IDs

Module 4: Working with Color Values

RGB Color

dding Transparency to Color

Creating a Color Scheme

Integrating the Color Palette with a Web

Module 5: Organizing a Page

Setting a home base

Organizing Files, Images, Absolute reference

Design: Paragraphs, divisions, and lists

Module 6: Displaying Data with Tables

CSS3 Table Properties for HTML5

Tables and Tabular Data

Adding borders with CSS3

Using the rowspan and colspan attributes

Module 7: Link Element and Key Attibutes

Alternate style sheets

ink icons

Page Links

Using Iframes

Module 8: Navigation Strategies

Web Navigation Concepts

Using JavaScript to Call a Linked Page

Creating Consistency

Single-Page Web Sites with Iframes

Module 9: Images

The Basic of HTML5 Image Files

Working with Graphic File Sizes

Placing Images and Creating Flexible Web Pages

Application for Dynamic SVG file from Adobe illustrator CS5 files

Module 10: Sound

The Basics of Audio in HTML

Autoplay

Preload

Browser Support for Audio

Saved by Source: Plan B

Creating Audio Files

Sound Effects: FX on the Desktop

Module 11: Video

Making an HTML5 Page with Video

Video and Browser Compatibility

Making Video for the Web

Video and Source Attributes

Module 12: Adding Just Enough JavaScript

Inserting JavaScript into HTML5 Pages

Using the Document Object Model

Storing Temporary Values

HTML5 elements and the DOM

Module 13: Thundering the Site with Canvas

Canvas Basics

mages in canvas and shadows

Creating Complex Drawing with Canvas

Lines and movemen

Module 14: Deploying a Web Application
Adding a Form
The form as part of the DOM

The list attribute, the URL type, and datalists

Date Picker

Module 15: Embedding Objects and Storing Informatio

Geolocation
Finding latitude and longitude
Google Earth plug-in
Session storage
Adding and Adjusting Objects in HTML5 Web Pages

Module 16: Catching Interactive Data

Server-side languages and HTML5
PHP Basic
Basic PHP Program Structures
Making an E-Mail Application

Module 17: Mobile Development with HTML5

mportant HTML5 features for Mobile Devices

Best Supported Features

Mobile Development Frameworks

Device Design Considerations

Payment must be paid in full at least 7 days prior to the start of the class. The payment can be made:

1. Cheque should be made payable to "Software Park Thailand#2"

Or

2. Account transfer to "Software Park Thailand #2" Saving account no. 324-2-56262-0, Siam Commercial Bank, Chaengwattana Branch. Then, fax the deposit slip to +66 2 583 2884.

Notes:

• Withholding tax (3%) is exempt.
• Should you need to withdraw, you must send the notice of the withdrawal in writing no later than 7 working days before the commencement date. The cancellation less than 7 days will be subject to a fine of 40% of the fee.
• Software Park Thailand reserves the rights to cancel courses due to unforeseen circumstances.

For more information, contact our course coordinator on:

Tel: +66-2583-9992 Ext. 1423, 1420

Fax: +66-2583-2884

Email: training@swpark.org

You are encouraged to use the course schedule as a guide to plan your training. The schedule is accessible at www.swpark.or.th for more information.