IP491S14A HTML5 2: The Semantic Web

Starting Wednesday June 18th, 2014. There are a few seats still available. Registration closes Thursday.

HTML5 2: The Semantic Web

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

This course can be applied to the UBC Certificate in Multimedia and Web Development.

HTML is no longer just for the Web. With the advent of HTML5 its influence will pervade every major mobile platform — and Windows 8. HTML5 skills with along with JavaScript and jQuery, are becoming indispensable to developing in almost any vendor environment and on every device form factor.

In this course you will learn to identify the key features of HTML5 that distinguish it from previous versions of HTML, and build HTML5 compliant web pages that employ the most immediately relevant features in common use today. This is also laying the groundwork for developing for other platforms.

This is a workshop oriented course in which the focus will be on building web pages. Learn strategies and tools to support cross-browser compatibility and use online tools to validate your markup. In addition to using the new semantic and multimedia elements you will learn how Canvas, Form elements, and Web Storage can contribute to rich user experiences. You will be able to view your web pages live on the web.

Duration: 12 Hours (4 evenings)

Theoretical Objectives

At the end of the course you will be able to discuss or answer:

What is HTML 5?
Where does HTML5 fit in with other technologies?
What’s new in HTML 5?
What level of support is there for HTML5 in Browsers?
- Workarounds and Tools that support HTML5
Development tools
What can I use today?

The Semantic Web?
Using the new elements
- Heading
- Article
- Section
- Footer
- Cite, Details, Mark

More new Elements

Media elements
- Audio
- Video
Canvas
Form elements
Web Storage
Application Caching
Geolocation
- CSS Layouts
- Where JavaScript fits in
Impacts on Search Engine Optimization

Practical Objectives

You will learn about creating standards compliant web sites and recognize the application of the concepts shown in the Theoretical Objectives.

Specifically, you will be able to use these new elements

Heading
Article
Section
Footer
Cite, Details, Mark
Audio
Video

Prerequisites

Fundamentals of HTML Authoring (IN320)

Prior experience authoring in HTML 4 is required, CSS or visual design is an asset but is not required.

Knowledge of the following will be very helpful:

Cascading Style Sheets (CSS) for styling page elements
CSS for page layout
JavaScript

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 (SkyDrive, DropBox, iCloud 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.