HOME SCALA & F# JAVA .NET WEB GROOVY & GRAILS ANDROID & IOS NOSQL ARCHITECTURE AGILE & SCRUM AGILE DEVELOPER  
Richard Clark's HTML5 Mobile Mastery (HTML5-MOBILE-01-03)
CODE: HTML5-MOBILE-01-03          DURATION: 3 DAY/S
HTML5 is the next major milestone in HTML and it is not just another incremental enhancement; it represents an enormous advance for modern web applications. HTML5 is such a big step forward; everybody is talking about it (and how often do these companies agree on anything at all?):

�The Web has not seen this level of transformation, this level of acceleration, in the past ten years� we're betting big on HTML5�?�Vic Gundotra, VP of Engineering, Google
�The world is moving to HTML5� �Steve Jobs, Apple

�If you want to do something universal, there is no question, the world is going HTML5. That is clear...The world is just pushing down this HTML5 path and so are we.� �Steve Ballmer, CEO Microsoft


Modern browsers already support a lot of the new HTML5 features, so it is time to start using it! In this HTML5 Mobile Mastery course, attendees will learn how to create HTML5 web pages and web applications using HTML5 markup, CSS3, and HTML5 JavaScript APIs.

Over the course of three action-packed days, HTML5 Mobile Mastery covers all the new features in HTML5 with an eye toward practical applications, especially for mobile application development. The course aims to be highly practical, too, outlining current browser support, trends in the market, common gotchas, and how to make the new features work in older browsers.

LEARN HOW TO:
In Richard Clark's hands-on HTML5 Mobile Mastery course, you will learn how to enhance existing sites and create highly interactive web applications using HTML5.

Upon completion of the training course, you will be able to:
  • Create interactive server-side and client-side web pages using the latest HTML5 technologies
  • Reuse HTML content in multiple contexts, including across multiple browsers, screen sizes, and orientations.
  • Create pages the securely combine information from multiple sources
  • Design and construct complete, scalable client-server applications running across the web
  • Maintain backward compatibility with legacy browsers.
  • The training course covers HTML5, application architecture, and application development techniques
PROGRAMME

PART 1: UNDERSTANDING HTML5

    HTML5 Overview

  • Why HTML5?
    • Key features
    • Key players
  • Key design principles
  • Separating Presentation and Content
    • Presentational vs. Structural vs. Semantic markup
  • Markup changes
    • Structural elements
    • Semantic elements
    • Deprecated elements
  • Authoring HTML5
  • HTML5 page structure
  • Maintaining compatibility
    • Using Helper Libraries
      • HTML5Shiv
      • Modernizr
      • Other polyfills
  • Lab preview
  • Lab: Authoring HTML5

    Microdata

  • Adding semantics to structural markup
  • Using data vocabularies
  • Testing Microdata

PART 2: CSS3

    CSS3

  • Applying CSS3 selectors
  • CSS3 Styling Additions
    • Border radius
    • Box and text shadows
    • Gradients
    • Multi-column layout
    • Reflection
    • WebFonts
    • Transformations
  • Backward compatibility approaches
    • Polyfills
    • Alternate designs via Modernizr
  • Lab: Styling with CSS3

    CSS3 Media queries

  • Detecting screens sizes, resolutions, and orientations
  • Creating adjustable layouts
  • Using CSS frameworks (e.g. for mobile)
  • Lab: Mobile layouts with CSS3

PART 3: SERVER-BASED WEB APPLICATION

    Enhancing interactivity

  • Adding interactivity via JavaScript
  • Adding visual effects
    • Controlling styling dynamically
    • CSS3 Transitions
  • Lab: Adding interactivity

    Expert development practices for web applications

  • Automated code testing
    • Using qUnit
    • Using JSTestDriver
  • Automated UI testing
    • Using Selenium
    • Using Selenium Remote Control
    • Lab: Automated testing practices

    HTML5 Forms

  • HTML5 Form elements
  • New input types
  • Form validation
  • Building and using HTML5 Forms
  • Lab: Using HTML5 Forms

    HTML5 Security

  • HTML5's origin-based security model
  • Cross-Origin Resource Sharing

    Cross Document Messaging

  • Using PostMessage
  • Maintaining compatibility
  • Lab: Cross-Document Messaging

    AJAX applications and XMLHttpRequest Level 2

  • Cross-document XHR
  • Progress events
  • Lab: Using XHR Level 2

    HTML5 Web Workers

  • Uses for web workers
  • Implementing Web Workers
  • Lab: Using the Web Workers API

PART 4: MULTIMEDIA AND INTERACTIVE GRAPHICS

    HTML5 Audio and Video

  • Audio and video containers
  • Audio and video codecs
  • Styling with CSS3
  • Controlling with Javascript
  • WebVTT and video accessibility
  • Browser support and polyfills
  • Lab: Using the audio and video APIs

    SVG & Canvas intro

    SVG

  • Uses for SVG
  • Authoring SVG
    • Authoring tools
    • Programmatic generation
    • Interactive graphics with SVG
  • Browser support and polyfills

    Canvas

  • Uses for Canvas
  • Using the Canvas API
    • Canvas coordinates
    • Drawing operations
    • Canvas transforms
    • Accessibility
  • Advanced Canvas techniques
    • Manipulating pixel data
    • Video capture
  • Browser support and polyfills
  • Lab: Using the Canvas API

PART 5: CLIENT-SERVER WEB APPLICATIONS

    Architecting Client-Server Web Applications

  • Overall architecture
  • Client-side considerations
  • Server-side considerations
  • Client-Server interactions

    HTML5 Web Storage

  • Cookies vs. Web Storage
  • Local vs. Session storage
  • Using the Web Storage API
  • Compatibility and Alternatives to Web Storage
  • Lab: Using Web Storage

    Client-side Database Storage

  • Web SQL Database
  • Indexed Database
  • Compatibility strategies
  • Database Storage

    Client-Server Communications Review

  • HTTP
  • Bi-Directional HTTP (AJAX & Comet)
    • Polling
    • Long polling
    • Streaming
  • Lab: Network Traffic Analysis, Part 1: HTTP, Ajax, Comet

    Server-Sent Events

  • SSE architecture
  • Using the EventSource API
  • Lab: Server-Sent Events

    HTML5 WebSocket

  • Uses for WebSocket
  • The WebSocket Protocol
  • The WebSocket API
  • Lab: Network Traffic Analysis, Part 2: WebSocket
  • Lab: Using the WebSocket API

    HTML5 WebSocket

  • Uses for WebSocket
  • The WebSocket Protocol
  • The WebSocket API
  • Lab: Network Traffic Analysis, Part 2: WebSocket
  • Lab: Using the WebSocket API

PART 6: HTML5 AND MOBILE APPLICATION DEVELOPMENT

    Designing pages for mobile devices

  • Mobile interaction patterns
  • Mobile UI Libraries
    • jQuery Mobile
    • Sencha Touch
    • Zepto
    • Other libraries
  • CSS Designs for mobile devices
  • Performance tuning for mobile
    • Mobile browser limitations
    • Optimizing images
    • Data URIs
    • CSS Sprites
    • Performance measurement tools
    • Mobile Boilerplate

    HTML5 Offline Web Applications

  • Overview
  • ApplicationCache API and Events
  • Understanding the Manifest file
  • Server Configuration
  • Building and using HTML5 Offline Web Applications
  • Lab: Creating HTML5 Offline Web Applications

    HTML5 Geolocation

  • Using Geolocation
  • Sources of location data
  • User privacy issues
  • Using the Geolocation API
  • Displaying location data
  • Browser support
  • Lab: Using the Geolocation API

    Other Device Access

  • Drag & Drop
  • Accelerometer access
  • Speech input
  • Webcam

    Embedding web pages into native mobile applications

  • Embedding web views in iOS
  • Embedding web views in Android
NEXT SESSION
The next course will be delivered at The Skills Matter eXchange - London, on 24 Feb 2014 by Richard Clark. Richard is also the author of this course.
COURSE DATES & REGISTRATION
Date City Cost (ex vat) Offer
24-02-14 London �1995.00 �1795.00 if booked before 26-12-13 Book Online Now
14-07-14 London �1995.00 �1795.00 if booked before 15-05-14 Book Online Now
10-11-14 London �1995.00 �1795.00 if booked before 11-09-14 Book Online Now
Book Online or Call Sales on +44 (0)207 1839040
ABOUT THE AUTHOR
Richard Clark has taught for Apple and Hewlett-Packard, written immersive simulations for biomanufacturing and law enforcement, developed high-performance web applications for the Fortune 100, and publishe
More about Richard Clark
IN PARTNERSHIP WITH KAAZING
IS THIS COURSE FOR YOU?
If you are a web designer or developer interested in designing, creating, and deploying HTML5 web applications and you want to gain some first hand experience with all the new HTML5 features so that you can start using it in your projects right away, this HTML5 Mobile Mastery course is for you!

COURSE PREREQUISITES
Important - Please note: Delegates are requested to bring their own laptop to this course. If you are unable to bring a laptop for the course, please contact the sales team.

This HTML5 course is valuable to both beginners and advanced web developers that already have experience in developing web applications.

However, to benefit from this HTML5 course, you should be somewhat familiar with HTML and JavaScript, prior to attending.

In addition, prior exposure to any of the following concepts will be helpful, but not required:
  • HTML/XMl
  • JavaScript
  • Ajax

COURSE LABS & EXERCISES
Over the course of three action-packed days, HTML5 Mobile Mastery covers all of the new features in HTML5 without hurting your head. For each feature there is a corresponding hands-on lab so attendees will get real-life experience. Richard Clark's HTML5 Mobile Mastery course aims to be highly practical, too, outlining current browser support, trends in the market, common gotchas, and how to make the new features work in older browsers.

COURSE DATES & REGISTRATION
Date City Cost (ex vat) Offer
24-02-14 London �1995.00 �1795.00 if booked before 26-12-13 Book Online Now
14-07-14 London �1995.00 �1795.00 if booked before 15-05-14 Book Online Now
10-11-14 London �1995.00 �1795.00 if booked before 11-09-14 Book Online Now
Book Online or Call Sales on +44 (0)207 1839040
� Copyright 2003-2013, Skills Matter Ltd
About Us  Jobs  Find Us  Meeting & Training Rooms  Newsletter  Jobs: Sales Executive  Jobs: Student SkillsCaster  Open Source Journal  Jobs: We're hiring Rails Developers  Privacy Policy  Training Vouchers  Jobs: We're hiring tech support