HTML5 3: Building Dynamic Experiences with JavaScript

HTML5 logo
Starting Tuesday November 19, 2013 Seats still available. Register for this course: HTML5 3: Building Dynamic Experiences with JavaScript

This course can be applied to the Award of Achievement HTML5 AcademyThis course can be applied to the Award of Achievement HTML5 Academy

Course Description

HTML5 offers new and enhanced capabilities that were previously unattainable or difficult to implement in HTML4. To access these you need JavaScript. In this course you will learn to use your JavaScript skills to implement these HTML5 features on your web site:

  • contentEditable
  • Drag & Drop
  • Canvas
  • Form Elements
  • Web Storage
  • Application Caching
  • Geolocation

Duration: 12 Hours (4 evenings)

Theoretical Objectives

At the end of the course you will be able to discuss or answer: What are the new dynamic features of HTML5?

  • contentEditable
  • Drag & Drop
  • Canvas
    • applications
  • Form Elements
    • front-end impacts
    • back-end considerations
  • Web Storage
    • what does this replace
    • applications
  • Application Caching
    • considerations
  • Geolocation
    • integration with web services

Practical Objectives

You will learn about creating standards compliant web sites and apply the Theoretical Objectives to use these new elements in your web pages

  • Make your pages editable to allow users do change the content of web pages
  • Drag & Drop
  • Canvas to create dynamic graphic elements
  • Form Elements for data validation
  • Web Storage for offline data retention
  • Application Caching for offline application availability
  • Geolocation for enhancing the user experience

 

Prerequisites

Access to the internet is required to complete assignments.

Lab Equipment and Devices

The sessions are conducted in a computer lab and you will have a lab computer for you to use.  You are welcome to bring your own computer to the lab sessions if you prefer to use that. Wireless access is available in the lab.

At times you will be doing a fair bit of typing and you will want to have a large enough screen and separate physical keyboard so that you can view content and type at the same time.

Lab exercises are based on using the lab computers.
If it appears that you are having challenges with your own device, we will ask you to use the lab computer.

Please plan to use your own cloud based storage (SkyDriveDropBoxiCloud or similar) or a USB storage key.

Instructional Methods

  • Hands-on labs
  • Discussion
  • Online collaboration
  • Lecture
  • Homework assignments submitted online

Course Materials

  • Web site
  • Course notes
  • Printed copies of on-screen lecture notes available on request during lectures

No Recording or Pictures in the Lab

Please note: Taking pictures or video during the course sessions is not permitted. All the course materials and lecture notes are available in physical form and on the web.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s