MOC 10953 - HTML5 Programming

Print

Request an offer for classroom delivery of this course

Register for a Live Web Conference Course

Course duration

Course Outline

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

The training is intended for entry-level developers for HTML who have a basic but limited understanding of HTML and who are interested in learning core HTML5, CSS, and JavaScript programming skills that are required to successfully create applications for the upcoming Internet Explorer 10 browser and the next version of the Windows operating system.

  1. Introduction to HTML5 Development
    1. Overview of HTML
    2. What's New in HTML5?
    3. Introduction to CSS
    4. Introduction to JavaScript
    5. Introduction to jQuery
    6. Lab: Building a Basic Web Page in the Visual Studio 2010 SP1 Environment
      1. Writing the Home Page HTML
      2. Styling the Homepage
      3. Adding JavaScript and jQuery to Make a Dynamic Home Page
  2. Creating Page Structure and Navigation
    1. HTML5 Structural Elements
    2. Navigation and Menus
    3. Lab: Creating Page Structure and Navigation
      1. Using Semantic Elements in the Home Page.
      2. Creating the Game Details and Cart Pages.
      3. Adding Navigation and Menus to the Home Page.
  3. Creating Form Input and Validation
    1. Working with Input Types
    2. Using Form Attributes
    3. Validation
    4. Using Browser Detection, Feature Detection, and Modernizr
    5. Lab: Creating Form Input and Validation
      1. Creating the Checkout and Game Review Forms
      2. Adding Validation to the Checkout and Game Review Forms
      3. Adding Modernizr Support
  4. Laying Out and Styling Webpages
    1. Creating Layouts
    2. Advanced CSS by Using CSS3
    3. Lab: Laying Out and Styling Webpages
      1. Add a CSS3 style to the store's webpages
  5. Getting Started with Graphics and Multimedia Elements
    1. Canvas Basics
    2. Video/Audio Formats and Codecs
    3. Controlling Multimedia with JavaScript
    4. Lab: Getting Started with Graphics and Multimedia Elements
      1. Adding Video to the Details Page
      2. Create a Slideshow Using the Canvas
  6. Creating Advanced Graphics
    1. Drawing with SVG
    2. Animation
    3. Choosing Between SVG and Canvas
    4. Lab: Creating Advanced Graphics
      1. Adding an SVG Chart with Animation
      2. Adding Animation to the Game Details Canvas-Based Slideshow
  7. Using Client-Side Storage
    1. Web Storage vs. Cookies
    2. Web Storage API
    3. Lab: Using Client-Side Storage
      1. Creating the Cart Behavior by Using the localStorage Object
      2. Integrating the Cart with the Web Application
  8. Using Advanced HTML5 JavaScript APIs
    1. Using the Drag-and-Drop API
    2. File API
    3. Geolocation API
    4. Lab: Using Advanced HTML5 JavaScript APIs
      1. Integrating Drag-and-Drop Behavior into the Home Page
      2. Adding Geolocation Information to the Purchase Event
      3. Adding Coupon-Reading Behavior
  9. Using WebMatrix and Other Developer Tools
    1. WebMatrix
    2. ASP.NET MVC3 and Razor
    3. Lab: Using WebMatrix and Other Developer Tools
      1. Using WebMatrix to Create a Website
      2. Using ASP.NET MVC 3 to Create a Website

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).


InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)


For an overall view of our offerings, please visit us at www.intersource.ch.