Realdolmen Education

Details

Upgrading Skills to HTML 5

This course is currently not scheduled on the open calendar, but can be organized on request.

Request Course

Duration

2 day(s)

Audience

Developers and webdesigners who already have experience creating web applications, and want to upgrade their knowledge to HTML 5

Prerequisites

Participants should already know about the typical web technologies such as HTML, JavaScript and CSS.

Objectives

The goal of this course is to prepare developers and webdesigners for the future of web development: HTML 5.

Methods

Classroom training with hands-on exercises.

Description

Dynamic web applications are the future! However, building these applications using HTML 4 can be difficult;there are a lot of requirements in today's web applications that simply aren't supported by the HTML 4specification. Many vendors have tried to fill in this gap, ranging from JavaScript libraries, to full-blownbrowser plugins. This has presented application developers with a choice. Either work in a rich environmentrequiring the end-user to install technology specific browser plugins, or work in a more restrictedenvironment, only using JavaScript libraries so that the end-user is not bothered with installing anythingmanually.

All of this now belongs to the past! With the arrival of HTML 5 features, developers can now design rich webapplications without requiring the use of any browser plugins! HTML 5 supports exciting new featuresout-of-the box, including new form elements, audio and video playback and 2d drawing.

However, the introduction of HTML 5 is not as smooth as one might expect. Since it's a collection ofseparate specifications that are now starting to emerge in all major browsers, it's easy to loose track ofwhat's important. This is where RealDolmen can help! With this upgrade course of only one day, we willprovide participants with a clear overview of the more important new features of HTML 5, and how to usethem. This should clear the road ahead for any developer who wants to be prepared for the future.

Contents

  • Upgrading Skills to HTML 5
    • Upgrading Skills to HTML5
      • Goal
      • Agenda
    • Introduction
      • What is HTML?
      • SGML
      • Early versions of HTML
      • Semantics
      • CSS Style Sheets
      • XML
      • XHTML
      • JavaScript
      • HTML5 Standard
      • Evolution of HTML and XML
      • Basic HTML5 Page
    • New Elements
      • New Elements
      • New Semantic Elements
      • Using
        Elements
      • Promoting Recurring
        Elements
      • Headers and Footers
      • Navigation
      • Articles and Sections
      • Figures
      • Time
      • Mark
      • Ruby Annotations
      • Others
      • HTML 5.1 Elements
      • Removed Elements
      • New Form Elements
      • Date Related Input Fields
      • Date and Time Fields
      • Datetime Fields
      • Week and Month Fields
      • Number Fields
      • URL and Email Fields
      • Search Fields
      • Color Picker Field
      • Placeholders
      • Validation Fields
      • Autofocus Fields
      • Datalist
      • Progress and Meter Fields
      • Output Fields
      • Keygen
      • Multimedia Elements
      • Canvas
      • Embedded SVG
      • Audio Element
      • Video Element
    • Cascading Stylesheets 3
      • Informal CSS3 Specification
      • Browser Specific Extensions
      • Selectors
      • Attribute Selectors
      • Structural Pseudo Class Selectors
      • Form Element Selectors
      • Border Improvements
      • Border Radius
      • Box Shadow
      • Border Image
      • Box Resize
      • Box Sizing
      • Backgrounds
      • Background Image Size
      • Background Origin
      • Background Clipping
      • Multiple Backgrounds
      • Background Gradients
      • CSS Colors
      • Opacity
      • RGBa
      • Opacity Example
      • Hue Saturation Lightness
      • Fonts
      • Web Fonts
      • Google Web Fonts
      • Text Shadow
      • Word Wrapping
      • Multi Column Layout
    • Flex Layout
      • Flexbox Introduction
      • Flex Terminology
      • Simple Flex Layout
      • Flex Directions
      • Flex Justify and Align
      • Flex Sizing
      • Growing and Shrinking
      • Wrapping Flex Items
      • Flex Further References
    • Media Queries
      • Many Device Dimensions
      • Media Types
      • Media Features
      • Responsive Design Strategies
      • Transformations
    • CSS3 Transitions and Animations
      • Transitions and Animations Specifications
      • Transitions
      • Selecting Transition Properties
      • Timing Function
      • Combining Transition Properties
      • Animations
      • Basic Animation
      • Keyframes
      • Animation Properties
      • Advanced Animation Example
    • JavaScript
    • Canvas
      • Canvas
      • Creating a Canvas
      • Drawing To a Canvas
      • Drawing Properties
      • Drawing Rectangles
      • Drawing Text
      • Drawing Images
      • Drawing Paths
      • Tracing a Path Contour
      • Path Drawing Example
      • Other Canvas Features
    • WebSocket
      • WebSocket Overview
      • The Problem
      • The Solution
      • Infrastructure Changes
      • The Upgrade Mechanism
      • Creating a WebSocket
      • WebSocket Callback Functions
      • Sending and Receiving Data
      • WebSocket Example
      • Socket.io
    • Web Workers
      • Web Workers
      • Creating and Stopping a Web Worker
      • Passing Messages to and From Web Workers
      • Thread Safety
      • Errors and References
      • Web Workers Example
    • Geo Location
      • Geo Location Introduction
      • Getting Geo Location
      • Success Callback
      • Error Callback
      • Options
      • Geo Location Example
    • Local Data
      • Storing Local Data
      • LocalStorage
      • Storing Values
      • Using Complex Objects as Values
      • Indexed DB
      • Getting a Reference to IndexedDB
      • Database Requests
      • Opening a Database
      • Defining the Database Structure
      • Indexes
      • Transactions
      • Working With Data
      • Cursors
    • Related Technologies
      • Modernirz
      • WAI-ARIA
      • Microdata
    • Conclusion
      • Other HTML5 features
      • Summary