Programming in HTML5 with CSS course description

This course provides an introduction to HTML5, CSS3, and JavaScript. It is an entry point into both the Web application and Windows Store apps training paths. The course focuses on using HTML5 / CSS3 / JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured application.

What will you learn

• Create and style HTML5 pages.
• Use JavaScript.
• Style HTML5 pages by using CSS3.
• Use common HTML5 APLs in interactive Web applications.
• Create HTML5 Web pages that can adapt to different devices and form factors.
• Enhance the user experience by adding animations to the HTML5 page.

Programming in HTML5 with CSS course details

Programming in HTML5 with CSS course contents

• Overview of HTML and CSS

Overview of HTML, Overview of CSS, Creating a Web Application by Using Visual Studio 2012.
Hands on Exploring the Contoso Conference Application.

• Creating and Styling HTML5 Pages

Creating an HTML5 Page, Styling an HTML5 Page.
Hands on Creating and Styling HTML5 Pages.

• Introduction to JavaScript

Overview of JavaScript Syntax, Programming the HTML DOM with JavaScript, Introduction to jQuery.
Hands on Displaying Data and Handling Events by Using JavaScript.

• Creating Forms to Collect and Validate User Input

Overview of Forms and Input Types, Validating User Input by Using HTML5 Attributes, Validating User Input by Using JavaScript.
Hands on Creating a Form and Validating User Input.

• Communicating with a Remote Data Source

Sending and Receiving Data by Using XMLHTTPRequest, Sending and Receiving Data by Using jQuery AJAX operations.
Hands on Communicating with a Remote Data Source.

• Styling HTML5 by Using CSS3

Styling Text, Styling Block Elements, CSS3 Selectors, Enhancing Graphical Effects by Using CSS3.
Hands on Styling Text and Block Elements using CSS3.

• Creating Objects and Methods by Using JavaScript

Writing Well-Structured JavaScript, Creating Custom Objects, Extending Objects.
Hands on Refining Code for Maintainability and Extensibility.

• Creating Interactive Pages using HTML5 APIs

Interacting with Files, Incorporating Multimedia, Reacting to Browser Location and Context, Debugging and Profiling a Web Application.
Hands on Creating Interactive Pages by Using HTML5 APIs.

• Adding Offline Support to Web Applications

Reading and Writing Data Locally, Adding Offline Support by Using the Application Cache.
Hands on Adding Offline Support to a Web Application.

• Implementing an Adaptive User Interface

Supporting Multiple Form Factors, Creating an Adaptive User Interface.
Hands on Implementing an Adaptive User Interface.

• Creating Advanced Graphics

Creating Interactive Graphics by Using Scalable Vector Graphics, Programmatically Drawing Graphics by Using a Canvas.
Hands on Creating Advanced Graphics.

• Animating the User Interface

Applying CSS Transitions, Transforming Elements, Applying CSS Key-frame Animations.
Hands on Animating User Interface Elements.

• Web Sockets for Real-Time Communications

Introduction to Web Sockets, Sending and Receiving Data by Using Web Sockets.
Hands on Implementing Real-Time Communications by Using Web Sockets.

• Creating a Web Worker Process

Introduction to Web Workers, Performing Asynchronous Processing by Using a Web Worker.
Hands on Creating a Web Worker Process.

Learning path

Reviews