Advanced HTML Training Class: HTML5 & CSS3

Advanced HTML Training Class Topics Covered

Defining modern HTML

• History and overview

Overview of advanced HTML functionality

• New markup and elements (header, footer, nav elements)
• Form Elements
• Video and Audio tags
• Canvas Element
• Styling with CSS3
• Geolocation
• Offline support
• Web Forms
• HTML5 Examples
• HTML and web browsers, the roadmap

Advanced HTML Markup

• Using the HTML5 Doctype and character encoding
• Using the <header> element
• Using the <nav> element
• Understanding the <article> element
• Working with <section> element
• Working with dates and caption
• Understanding the Role attribute

Creating Advanced HTML Forms

• Working with new input types
• Email
• URL
• Range and number
• Search Fields
• Date Pickers
• Placeholder text
• Autofocus
• HTML 4 fallbacks for forms

Working with the video and audio tags

• Video basics (Codecs and browser support)
• Working with the video element
• Video attributes (autoplay, preloading, looping)
• Using the audio element
• Audio MIME types and fallbacks
• Improving Accessibility

Working with the Canvas element in HTML

• The role (and limitations) of the canvas element
• Creating fallbacks (browser support)
• Understanding the coordinate system
• Paths
• Fills and Strokes
• Text
• Images
• Transforms
• Compositing
• A Drawing Loop
• Adding Interactivity
• PNG-based sprite animation

Styling HTML elements

• Working with CSS
• Styling with CSS 2 versus CSS 3 features
• Browser support and testing
• Borders
• Backgrounds
• Colors
• Text Effects
• Sizing and Positioning
• Selectors
• Web fonts

Advanced HTML Applications and Interactivity

• Understanding HTML5’s offline capabilities
• HTML Storage
• Working with the revised JavaScript API
• Geolocation API
• Web Sockets