Programming with HTML5 with JavaScript and CSS3

Course details

This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course 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.

Objectives

This course is designed to teach you how to:

• Explain how to use Visual Studio 2012 to create and run a Web application
• Describe the new features of HTML5, and create and style HTML5 pages
• Add interactivity to an HTML5 page by using JavaScript
• Create HTML5 forms by using different input types, and validate user input by using HTML5 attributes and JavaScript code
• Send and receive data to and from a remote data source by using XMLHTTPRequest objects and jQuery AJAX operations
• Style HTML5 pages by using CSS3
• Create well-structured and easily-maintainable JavaScript code
• Use common HTML5 APIs in interactive Web applications
• Create Web applications that support offline operations
• Create HTML5 Web pages that can adapt to different devices and form factors
• Add advanced graphics to an HTML5 page by using Canvas elements, and by using and Scalable Vector Graphics
• Enhance the user experience by adding animations to an HTML5 page
• Use Web Sockets to send and receive data between a Web application and a server
• Improve the responsiveness of a Web application that performs longrunning operations by using Web Worker processes

Content

• Module 1: Overview of HTML and CSS
• Module 2: Creating and Styling HTML5 Pages
• Module 3: Introduction to JavaScript
• Module 4: Creating Forms to Collect Data and Validate User Input
• Module 5: Communicating with a Remote Data Source
• Module 6: Styling HTML5 by Using CSS3
• Module 7: Creating Objects and Methods by Using JavaScript
• Module 8: Creating Interactive Pages using HTML5 APIs
• Module 9: Adding Offline Support to Web Applications
• Module 10: Implementing an Adaptive User Interface
• Module 11: Creating Advanced Graphics
• Module 12: Animating the User Interface
• Module 13: Implementing Real-Time Communications by Using Web Sockets
• Module 14: Creating a Web Worker Process

Prerequisites

We recommend that attendees of this course:

• 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
• Understand how to write JavaScript code to add functionality to a web page:
• How to create and use variables
• How to use:
• arithmetic operators to perform arithmetic calculations involving one or more variables
• relational operators to test the relationship between two variables or expressions
• logical operators to combine expressions that contain relational operators
• How to control the program flow by using if else statements
• How to implement iterations by using loops

Who should attend?

This course is intended for professional developers who have:

• 6-12 months of programming experience and who are interested in developing applications using HTML5 with JavaScript and CSS3 (either Windows Store apps for Windows 8 or web applications).
• 1 – 3 months experience creating Web applications, including writing simple JavaScript code
• 1 month experience creating Windows client applications
• 1 month of experience using Visual Studio 2010 or 2012
• This course is not intended for developers with three or more months of HTML5 coding experience.