IP492S14A HTML5 3: Building Dynamic Experiences with JavaScript

HTML5 logoThe next session for this course starts on Wednesday July 16, 2014

Course Description

This course can be applied to the UBC HTML5 Academy

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 JavaScript to implement these HTML5 features on your web site:

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

Course Duration: 12 Hours (4 evenings)

Prerequisites: Fundamentals of HTML5 2: (IP491) JavaScript Introduction (IP356)

Register for this course

Theoretical Objectives

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

  • Editable
  • 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

  • Editable
  • 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.

Computer Equipment

The sessions are conducted in a computer lab, and you will have a computer provided for your 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.

Please note that 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.

If it appears that you are having challenges with your own device, we will ask you to use the computer provided for you in the lab.

Storage

Please plan to use your own cloud based storage SkyDrive, DropBox, iCloud (or similar) or a USB storage key.

Instructional Methods

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

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.