English French German Italian Portuguese Russian Spanish

logo_old

  • Web Design Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Design

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Design

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

MOC 10953 - HTML5 Programming

 PDF PrintEmail

Course duration

  • 3 Days

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.

  • Learn 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.
  • Learn to create Web forms that make use of validation capabilities using the new input types and attributes included in the HTML5 specifications.
  • Learn to create layouts and styles using advanced CSS and CSS3.
  • Learn to integrate graphics and multimedia into webpages using the Canvas, SVG, Video and Audio elements.
  • Learn to implement offline data scenarios using the new HTML5 Web Storage API.
  • Learn to use advanced HTML5 JavaScript APIs such as drag-and-drop, File API and Geolocation API.
  • Learn to create simple web applications using WebMatrix or ASP.NET MVC.
  • Have three to six months of development experience in a professional environment.
  • Be familiar with the HTML document structure and associated terminology, but are not expected to be expert and do not need to have experience with HTML5.
  • Have one to three months experience with HTML and XML.
  • Have a general familiarity with the Microsoft Visual Studio IDE.
  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.