Programming In HTML5 With JavaScript And CSS3 M20480 - Japan

Programming in HTML5 with JavaScript and CSS3 M20480 Training Couse Outline

Module 1: HTML and CSS

• HTML
• CSS
• Creating a Web Application Using Visual Studio 2012

Lab:

• Walkthrough of the Contoso Conference Application
• Examine and modify the Contoso Conference Application

Module 2: Creating and Styling HTML5 Pages

Labs:

• Create HTML5 Pages
• Style HTML5 Pages

Module 3: JavaScript

• JavaScript Syntax
• Programming the HTML DOM with JavaScript
• jQuery

Lab:

• Display Data Programmatically
• Handle Events

Module 4: Creating Forms to Collect Data and Validate User Input

• Forms and Input Types
• Validating User Input Using HTML5 Attributes
• Validating User Input Using JavaScript

Lab:

• Create a Form and Validate User Input Using HTML5 Attributes
• Validate User Input Using JavaScript

Module 5: Communicating with a Remote Data Source

• Sending and Receiving Data by Using XMLHTTPRequest
• Sending and Receiving Data by Using jQuery AJAX Operations

Lab:

• Retrieve Data
• Serialise and Transmit Data
• Refactor the Code Using jQuery Ajax Method

Module 6: Styling HTML5 Using CSS3

• Styling Text
• Styling Block Elements
• CSS3 Selectors
• Enhancing Graphical Effects Using CSS3

Lab:

• Style the Navigation Bar
• Style the Page Header
• Style the About Page

Module 7: Creating Objects and Methods by Using JavaScript

• Writing Well-Structured JavaScript
• Creating Custom Objects
• Extending Objects

Lab:

• Inherit From Objects
• Refactor Code to Use Objects

Module 8: Creating Interactive Pages Using HTML5 APIs

• Interacting with Files
• Incorporating Multimedia
• Reacting to Browser Location and Context
• Debugging and Profiling a Web Application

Lab:

• Incorporate Video
• Incorporate Images
• Use the Geolocation API

Module 9: Adding Offline Support to Web Applications

• Reading and Writing Data Locally
• Adding Offline Support Using the Application Cache

Lab:

• Implement the Application Cache
• Implement Local Storage

Module 10: Implementing an Adaptive User Interface

• Creating a Print-Friendly Stylesheet
• Adapting Page Layout to Fit a Different Form Factor

Lab:

• Create a Print-Friendly Stylesheet
• Adapt Page Layout to Fit a Different Form Factor

Module 11: Creating Advanced Graphics

• Creating Interactive Graphics Using Scalable Vector Graphics
• Programmatically Drawing Graphics Using a Canvas

Lab:

• Create an Interactive Venue Map Using Scalable Vector Graphics
• Create a Speaker Badge Using a Canvas Element

Module 12: Animating the User Interface

• Applying CSS Transitions
• Transforming Elements
• Applying CSS Key-Frame Animations

Lab:

• Apply Transitions to User Interface Elements
• Apply Key-Frame Animations

Module 13: Implementing Real-Time Communications Using Web Sockets

• Web Sockets
• Sending and Receiving Data Using Web Sockets

Lab:

• Receive Data from Web Socket
• Send Data to a Web Socket
• Send Multiple Types of Messages to or From a Web Socket

Module 14: Creating a Web Worker Process

• Web Workers
• Performing Asynchronous Processing Using a Web Worker

Lab:

• Improve Responsiveness Using a Web Worker
• Provide User Feedback During a Long-Running Process