• The Fig Leaf Blog

The Fig Leaf Blog

TRAINING: HTML 5 (August 29, 2016)

Posted by Fig Leaf Software on Aug 26, 2016 12:29:17 PM
Fig Leaf Software

HTML5_Logo_.pngLearn the fundamentals of HTML 5 and advanced techniques to get a head-start in developing the next generation of web content and applications in this 2 day hands-on, instructor-led class

Course Prerequisites

In order to get the most out of this class, you must be able to meet the following prerequisites:

  • Have prior experience working with HTML 3.2/4.0/XHTML
  • Have a casual understanding of CSS
  • Have a basic understanding of JavaScript

Course Objectives

  • Learn the differences between HTML 4 and HTML 5
  • Embed multimedia into a web page using HTML 5
  • Add structure to your document using new tags
  • Use the new form elements supported by HTML 5
  • Learn which tags and attributes have been deprecated
  • Develop a basic understanding of MathML and SVG
  • Understand cross-browser compatibility issues
  • Learn how to develop off-line applications
  • Create an application that leverages an advanced drag & drop
  • Integrate 2-D canvas drawing and WYSIWYG editing into your forms

Course Outline

Unit 1: Introducing the Course

Unit 2: Introducing HTML 5

  • Reviewing Features and Benefits
  • Understanding the HTML 5 document header
  • Structuring your document with <header>, <footer>, <nav>, <figure> and other new structure tags
  • Tagging microdata
  • Using Audio and Video
  • Implementing custom attributes
  • Introducing MathML
  • Introducing SVG
  • Reviewing deprecated elements and attributes
  • Coding for optimum browser compatibility

Unit 3: Styling your HTML 5 pages

  • Using the new CSS selectors
  • Using advanced layout techniques
  • Adding cool font and visual effects
  • Coding for optimum browser compatibility - including handheld devices

Unit 4: Working with Forms

  • Setting autofocus to a field
  • Using the Placeholder attribute
  • Capturing email addresses
  • Capturing url addresses
  • Capturing a telephone number
  • Capturing numbers (spinner)
  • Capturing numbers (slider)
  • Using the Date, Month, Week, Time inputs
  • Defining a Search Box
  • Choosing a Color
  • Using a DataList
  • Creating Selection Groups
  • Defining Command Buttons
  • Setting field input to be required
  • Styling fields with new pseudo-selectors
  • Creating a WYSIWYG editor
  • Adding right-mouse button support
  • Ensuring Compatibility with Older Browsers

Unit 5: Developing HTML 5 Applications

  • Drawing with the <canvas> element
  • Using Web Sockets for communications
  • Storing data locally
  • Adding off-line support
  • Implementing Drag & Drop
  • Adding notifications
  • Using the Undo manager
  • Using GeoLocation
  • Scaling your application with Web Workers
  • Supporting multiple browsers and devices

Register & Save My Seat! 

Topics: HTML 5, Online Training, Instructor-Led Training, Web Developer, Web Designer

"We've Got You Covered"

Sign up to receive updates on new events, new classes, discounted promotions, monthly schedules, and more.

Recent Posts

Posts by Topic

see all