Course Outline
This course introduces the features and benefits of HTML 5 for use by Mobile and Web Developers. Using the latest browsers and tools which support HTML5, we explore the direction the web is going. While recognising that many of the features are yet to be ratified and even implemented consistently, the course focuses on good practice and creating manageable code.
The course it a mix of conceptual familiarisation, plus plenty of hands-on coding examples. Much of the course is delivered using hand-coding, since development tools are not yet fully available for HTML5.
Our hands-on HTML 5 training course provides delegates who prefer a fast track learning route with intensive practical tuition in creating professional web sites using HTML5, JavaScript, CSS3 and some JavaScript libraries (specifically JQuery and Modernizr).
Available as a public or closed course at our London training centre, or can be tailored to your team's requirements and delivered onsite as a bespoke, customised training course.
Delegates need to bring own mobile devices for testing code.
Labs will allow delegates to try out code for use on web &/or mobile devices, depending on preferences and time available.
Course Content
This course has been developed for real-world, commercial scenarios by our expert instructors. See below for detailed syllabus. If you have a technical question, please email sales@jbinternational.co.uk
Overview
· HTML 5 features and standards
· Mobile development challenges
· Tools and platforms
· Hardware support
HTML 5 101
· The new HTML 5 structural elements
· Styling HTML4 with CSS
Text and Forms
· Working with new HTML 5 features in Text & Forms
· New input types
· Document Structure
· Validation
Video and Audio
· <video> and <audio> elements
· Codecs
· Controls
Canvas
· Essentials
· Drawing paths
· Transformers
· Capture images
· Animation
Data Storage
· Storage Options
· Web Storage
· Web SQL Databases
Offline
· Taking a site offline
· Working with the cache
GeoLocation
· Getting location from a device or browser
· API Methods
Messages, Workers and Sockets
· Messaging API
· Threads
· Web Sockets
Updated Tags in HMTL5
Unchanged Tags
Tags with Modified behaviour
Attribute additions, deletions and changes
Events
Overview of events and event handlers in HTML5
Handling Form and Window events
Responding to Mouse and Keyboard events
Media events
XML and XHTML in HTML5
Using XML techniques within HTML5
HTML5 and SVG
Optimising Html 5 for Mobile
· Dealing with Orientation
· Interfacing with the hardware
· Creating touch friendly pages
· Using JQuery Mobile
· Library options:
o PhoneGap
o Appcelerator Titanium
