• 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, Web Developer, Web Designer, Instructor-Led Training

"We've Got You Covered"

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

Posts by Topic

see all