Training for Your Group
Training On Demand
Course Length: 5 days
- 1 month experience creating Windows client applications
- 1 month of experience using Visual Studio 2010 or 2012
Prerequisites: Before attending this course, students must have at least three months of professional development experience. In addition to their professional experience, students who attend this training should have a combination of practical and conceptual knowledge related to HTML5 programming. This includes the following prerequisites:
- Understand the basic HTML document structure:
- How to use HTML tags to display text content.
- How to use HTML tags to display graphics.
- How to use HTML APIs.
- Understand how to style common HTML elements using CSS, including:
- How to separate presentation from content
- How to manage content flow.
- How to control the position of individual elements.
- How to implement basic CSS styling.
- How o create and use variables
- How to use:
- relational operators to test the relationship between two variables or expressions
- logical operators to combine expressions that contain relational operators
- arithmetic operators to perform arithmetic calculations involving one or more variables
- How to control the program flow by using if … else statements.
- How to implement iterations by using loops.
- How to write simple functions.
What You're Going To Learn
- Learn how to use Visual Studio 2012 to create and run a Web application.
- Learn the new features of HTML5, and create and style HTML5 pages.
- Learn to send and receive data to and from a remote data source by using XMLHTTPRequest objects and jQuery AJAX operations.
- Learn to style HTML5 pages by using CSS3.
- Learn to use common HTML5 APIs in interactive Web applications.
- Learn to create Web applications that support offline operations.
- Learn to create HTML5 Web pages that can adapt to different devices and form factors.
- Learn to add advanced graphics to an HTML5 page by using Canvas elements, and by using and Scalable Vector Graphics.
- Learn to enhance the user experience by adding animations to an HTML5 page.
- Learn to use Web Sockets to send and receive data between a Web application and a server.
- Learn to improve the responsiveness of a Web application that performs long-running operations by using Web Worker processes.
This Course is Available On Demand
90 Day Access
90 Day Subscription
180 Day Access
180 Day Subscription
180 Day Access +
180 Day Subscription
Overview of HTML and CSS
- Overview of HTML
- Overview of CSS
- Creating a Web Application by Using Visual Studio 2012
- Lab: Exploring the Contoso Conference Application
- Walkthrough of the Contoso Conference Application
- Examining and Modifying the Contoso Conference Application
Creating and Styling HTML5 Pages
- Creating an HTML5 Page
- Styling an HTML5 Page
- Lab: Creating and Styling HTML5 Pages
- Creating HTML5 Pages
- Styling HTML5 Pages
- Introduction to jQuery
- Displaying Data Programmatically
- Handling Events
Creating Forms to Collect Data and Validate User Input
- Overview of Forms and Input Types
- Validating User Input by Using HTML5 Attributes
- Lab: Creating a Form and Validating User Input
- Creating a Form and Validating User Input by Using HTML5 Attributes
Communicating with a Remote Data Source
- Sending and Receiving Data by Using XMLHTTPRequest
- Sending and Receiving Data by Using jQuery AJAX operations
- Lab: Communicating with a Remote Data Source
- Retrieving Data
- Serializing and Transmitting Data
- Refactoring the Code by Using jQuery ajax method
Styling HTML5 by Using CSS3
- Styling Text
- Styling Block Elements
- CSS3 Selectors
- Enhancing Graphical Effects by Using CSS3
- Lab: Styling Text and Block Elements using CSS3
- Styling the Navigation Bar
- Styling the Page Header
- Styling the About Page
- Creating Custom Objects
- Extending Objects
- Lab: Refining Code for Maintainability and Extensibility
- Inheriting From Objects
- Refactoring Code to Use Objects
Creating Interactive Pages using HTML5 APIsThis module describes how to use some common HTML5 APIs to add interactive features to a Web application.
- Interacting with Files
- Incorporating Multimedia
- Reacting to Browser Location and Context
- Debugging and Profiling a Web Application
- Lab: Creating Interactive Pages by Using HTML5 APIs
- Incorporating Video
- Incorporating Images
- Using the Geolocation API
Adding Offline Support to Web Applications
- Reading and Writing Data Locally
- Adding Offline Support by Using the Application Cache
- Lab: Adding Offline Support to a Web Application
- Implementing the Application Cache
- Implementing Local Storage
Implementing an Adaptive User Interface
- Supporting Multiple Form Factors
- Creating an Adaptive User Interface
- Lab: Implementing an Adaptive User Interface
- Creating a Print-Friendly Stylesheet
- Adapting Page Layout To Fit a Different Form Factor
Creating Advanced Graphics
- Creating Interactive Graphics by Using Scalable Vector Graphics
- Programmatically Drawing Graphics by Using a Canvas
- Lab: Creating Advanced Graphics
- Creating an Interactive Venue Map by Using Scalable Vector Graphics
- Creating a Speaker Badge by Using a Canvas Element
Animating the User Interface
- Applying CSS Transitions
- Transforming Elements
- Applying CSS Key-frame Animations
- Lab: Animating User Interface Elements
- Applying Transitions to User Interface Elements
- Applying Key-Frame Animations
Implementing Real-Time Communications by Using Web Sockets
- Introduction to Web Sockets
- Sending and Receiving Data by Using Web Sockets
- Lab: Implementing Real-Time Communications by Using Web Sockets
- Receiving Data from Web Socket
- Sending Data to a Web Socket
- Sending Multiple Types of Messages To or From a Web Socket
Creating a Web Worker Process
- Introduction to Web Workers
- Performing Asynchronous Processing by Using a Web Worker
- Lab: Creating a Web Worker Process
- Improving Responsiveness by Using a Web Worker