Bangkok--5 Mar--Software Park
Date /Time : 26-29 March 2012 (09.00-16.00)
Venue : Training Room 3rd Floor, Software Park Building Cheangwattana Pakkred Nonthaburi
Registration Fee : 11,7760 (Included VAT 7 %)
Course 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.
Course 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
Course Contents
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
Course 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 applicatio
For more information please contact:
Juntima Klumchaun
Technology Transfer Department
Software Park Thailand
Tel: 02-583-9992 ext. 1424
Fax: 02-583-2884
E-mail:
[email protected]