Highlights
- Gain an introduction to HTML5
- Explore new Elements in HTML5
- Design Modern Mobile & Classic Websites With HTML5
- Ensure Maximum Portability And Low Development Costs
- Understand a new semantic structure
- Updated Tags in HMTL5
- Utilise Forms and Media
- Store Data on the Client (Web Storage)
- Explore Events
- Utilise The Canvas
- Learn more about HTML and SVG
- Understand how to utilise the API's …
- Optimise Html5 for Mobile
Course Details
Introduction
- Devices/platforms/hardware
- Introducing Development technologies/tools
- Backward compatibility, progressive enhancement & responsive design
- Testing for HTML5 support
HTML5 Overview
- Where does HTML5 come from?
- The vision: common HTML everywhere
- The range of HTML5 features
New Elements in HTML5
- New Elements in HTML5
- New tags/elements
- New attributes
- New character reference standard
- New DOCTYPE
- New general DOM methods
A new semantic structure
- Semantic elements
- Microdata
Updated Tags in HMTL5
- Unchanged Tags
- Tags with Modified behaviour
- Changed elements
Forms
- New Input Types
- New Form Elements; Datalist, Keygen and Output fields
- keygen Element
- New Form related Attributes
Media
- Video and Audio in HTML5
Storing Data on the Client (Web Storage)
- Persistent client-side data storage
- The localStorage Object
- Session management
- Security Issues
Events
- Overview of events and event handlers in HTML5
- Handling Window and Form events
- Responding to Mouse and Keyboard events
- Media events
The Canvas
- Create a Canvas
- Drawing with Javascript
- Understanding Co-ordinates
- Rectangle, circle and ellipse
- Paths, Line, polygon and polyline
- Text
- Introducing filters
- Linear and radial gradients
- Images
- Controlling layout, visibility and state with Canvas tags
- IE compatibility
HTML and SVG
- Web Fonts (WOFF)
And there’s more in the API's …
- HTML5 and the offline app
- GEOlocation
- File reader
- History object
- getusermedia
- Battery status
- Vibration
- Beacon
- Gamepad
- Eventsource (server side events)
- Web sockets
- Undo manager
- Web workers
- Postmessage
Optimising Html5 for Mobile
- Introduction
- Mobile operating systems
- Webpage or app
- Challenges
- Dealing with Orientation
- Interfacing with the hardware
- Creating touch friendly pages
- HTML
- CSS
- Liquid layouts
- JavaScript
- Libraries
- jQTouch
- jQuery Mobile
- PhoneGap
- Other useful mobile technologies
Who should attend
Software and Web developers who want to be able to leverage the powerful new features of HTML 5. Customised courses also available which can focus on HTML 5 for specific needs such as mobile phone applications
Feedback
4.8 out of 5 average
"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"
Brian Leek, Data Analyst, May 2022
“JBI did a great job of customizing their syllabus to suit our business needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and the Instructor handled this particularly well - very impressive”
Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022