Programming In HTML5

Course details

This instructor-led course provides participants with the knowledge and skills to develop HTML5 web applications using Microsoft Visual Studio 2010.

After completing this course, students will be able to:

• Create and view a simple Web application using HTML within the Microsoft Visual Studio 2010 SP1 IDE.
• Explain the new semantic and structural elements that can be used to create HTML5 Webpages.
• Create Web forms that make use of validation capabilities using the new input types and attributes included in the HTML5 specifications.
• Create layouts and styles using advanced CSS and CSS3.
• Integrate graphics and multimedia into webpages using the Canvas, SVG, Video and Audio elements.
• Implement offline data scenarios using the new HTML5 Web Storage API.
• Use advanced HTML5 JavaScript APIs such as drag-and-drop, File API and Geolocation API.
• Create simple web applications using WebMatrix or ASP.NET MVC.

Module 1: Introduction to HTML5 Development
This module introduces HTML development, presenting all the basics needed to build a web site or application. It also introduces CSS and JavaScript, which with HTML are the basis for web development. It also introduces the jQuery JavaScript library, the most popular JavaScript library at the time of writing.

Module 2: Creating Page Structure and Navigation
This module explains the new HTML5 elements and their meaning, and how and when to use them. The module also discusses navigation and menus, which are the backbone of creating a website or application.

Module 3: Creating Form Input and Validation
This module introduces the new input types and attributes that were added in HTML5. It also discusses the Modernizr JavaScript library, which detects HTML5 features and supplies polyfills for the new HTML5 elements.

Module 4: Laying Out and Styling Webpages
This module explains important concepts about the layout and styling of webpages and applications. It also describes how to use the new features of Cascading Style Sheets 3 (CSS3), such as new selectors, text effects, and multi-column layouts, to improve the look and feel of your webpages.

Module 5: Getting Started with Graphics and Multimedia Elements
This module explains the canvas element, which displays graphics, and the audio and video elements, which are used to play multimedia. These elements represent HTML5’s solution to add-on availability and cross-browser compatibility for multimedia and graphics.

Module 6: Creating Advanced Graphics
This module discusses some of the differences between SVG and Canvas. It also describes how to choose one over the other.

Module 7: Using Client-Side Storage
This module explains web storage and how to use its API to have a persistence mechanism on the client-side. It also introduces IndexedDB at a very high level because this specification is currently in development and might change in the future.

Module 8: Using Advanced HTML5 JavaScript APIs
This module explains how to use other HTML5 JavaScript APIs, such as the drag-and-drop API, the file API to work with files, and the geolocation API to find the user location.

Module 9: Using WebMatrix and Other Developer Tools
This module explains other developer tools that you can use with HTML5. These tools include Microsoft WebMatrix, ASP.NET MVC3, and the Razor view engine. It also explains how to use these tools to create websites and applications.