20480 – Programming in HTML5 with JavaScript and CSS3

Description

Overview:

In this introduction to HTML5, CSS3, and JavaScript you will 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 focus is 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 applications.

Prerequisite(s):

HTML4, Basic CSS, Basic JavaScript

Audience:

Outline:

Lesson 1: Overview of HTML and CSS

• Overview of HTML
• Overview of CSS
• Creating a Web Application by Using Visual Studio 2017

Lesson 2: Creating and Styling HTML5 Pages

• Creating an HTML5 Page
• Styling an HTML5 Page

Lesson 3: Introduction to JavaScript

• Overview of JavaScript
• Introduction to the Document Object Model

Lesson 4: Creating Forms to Collect and Validate User Input

• Creating HTML5 Forms
• Validating User Input by Using HTML5 Attributes
• Validating User Input by Using JavaScript

Lesson 5: Communicating with a Remote Server

• Async programming in JavaScript
• Sending and Receiving Data by Using XMLHTTPRequest Object
• Sending and Receiving Data by Using the Fetch API

Lesson 6: Styling HTML5 by Using CSS3

• Styling Text by Using CSS3
• Styling Block Elements
• Pseudo-Classes and Pseudo-Elements
• Enhancing Graphical Effects by Using CSS3

Lesson 7: Creating Objects and Methods by Using JavaScript

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

Lesson 8: Creating Interactive Pages using HTML5 APIs

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

Lesson 9: Adding Offline Support to Web Applications

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

Lesson 10: Implementing an Adaptive User Interface

• Supporting Multiple Form Factors
• Creating an Adaptive User Interface

Lesson 11: Creating Advanced Graphics

• Creating Interactive Graphics by Using SVG
• Drawing Graphics by Using the Canvas API

Lesson 12: Animating the User Interface

• Applying CSS Transitions
• Transforming Elements
• Applying CSS Keyframe Animations

Lesson 13: Implementing Real-Time Communications by Using Web Sockets

• Introduction to Web Sockets
• Using the WebSocket API

Lesson 14: Performing Background Processing by Using Web Workers

• Understanding Web Workers
• Performing Asynchronous Processing by Using Web Workers

Lesson 15: Packaging JavaScript for Production Development

• Understanding Transpilers and Module bundling
• Creating Separate Packages for Cross Browser Support