LearnKey Training

HTML 5 Fundamentals Course

HTML 5 Fundamentals Course

Back to Product Page

HTML 5 Fundamentals Course

2 Sessions -
5 Hours of Interactive Training

LearnKey's HTML 5 Fundamentals course teaches all of the newest syntax and basic principles behind the latest features of HTML. LearnKey's expert explains how HTML 5 tags and attributes are used to format content and add multimedia to your web pages. Learn to use the new <audio> and <video> tags to embed audio and video directly into your web pages. Work with the new <canvas> tag and give your viewers the ability to draw right on your page. HTML 5 is the future of Web site design and development; are you on board?

  • Learn new HTML 5 tags like; <audio>, <video>, <canvas>, <article>, <aside>, <details> and more!
  • Learn to create Web worker objectives
  • Learn the tricks of Geolocation Data

About The Author

Session 1

Section A: Introduction to HTML 5

  • HTML Defined
  • HTML History
  • New Features of HTML 5
  • HTML 5 and the W3C
  • HTML 5 Coding Technologies
  • HTML 5 Browser Support
  • Tools Needed to Write HTML 5 Code
  • Example Coding Environment
  • My First HTML 5 Page
  • Role of JavaScript in HTML 5

Section B: HTML Text Markup

  • Basic Document Structure
  • Creating a Basic Document Template
  • Creating HTML Comments
  • Classic HTML Paragraph Tags
  • Classic HTML Heading Tags
  • Unordered Lists
  • Ordered Lists
  • Attributes
  • Hyperlinks
  • Image Tag

Section C: HTML 5 Text Markup

  • Article Tag
  • Aside Tag
  • Article/Aside Example
  • Details Tag
  • Figure Tag
  • Header and Footer Tags
  • Nav Tag
  • Section and Summary Tags
  • Global Attributes

Section D: HTML 5 Forms

  • Form Tag
  • Input Text
  • Input E-mail
  • Input URL
  • Input Numbers
  • Input Range
  • Input Date
  • Input List with Datalist
  • Option Groups
  • Input Radio Buttons
  • Input Check Boxes
  • Regular Expression Pattern Matching
  • Required Fields

Session 2

Section A: HTML 5 Audio and Video

  • Add Audio Objects to the Page
  • Determining the Audio Source
  • Add Video Objects to the Page
  • Video Tag Browser Support
  • Accepted File Formats/Codecs
  • Multi-File Support
  • Setting the Preload Attribute

Section B: HTML 5 Canvas and SVG

  • Creating the Canvas
  • Stylizing the Canvas Element
  • Cartesian Grid Defined
  • Drawing a Circle using JavaScript
  • Drawing a Rectangle using JavaScript
  • Drawing a Line using JavaScript
  • Drawing Gradients
  • Applying Opacity Drawing Objects
  • Placing Images on the Canvas

Section C: HTML 5 Communication APIs

  • AJAX Defined
  • Disadvantages of AJAX
  • Posting Results via innerHTML
  • Creating an XMLHttpRequest Object
  • Sending an XMLHttpRequest
  • Monitoring Server Communication
  • Interacting with a Remote Server
  • Send Parameters to the Server with GET
  • Send Parameters to the Server with POST

Section D: HTML 5 Web Workers

  • Web Workers Defined
  • Web Worker Features
  • Web Worker Limitations
  • Creating a Web Worker Object
  • Writing the Web Worker Code

Section E: HTML 5 Geolocation

  • Understanding Geolocation
  • getCurrentPosition API
  • Geolocation Callback Function
  • Getting Additional Position Data
  • Trapping Geolocation Errors
  • Creating and Displaying a Map
  • watchPosition API

Section F: HTML 5 Data Storage

  • Understanding HTML 5 Storage
  • Storing Data on the Client
  • Retrieving Data from localStorage
  • Retrieving Data from sessionStorage