Webdevelopment with JavaScript, HTML5 and CSS3

Module 1: Overview of HTML and CSS

• Overview of HTML
• Overview of CSS
• Creating a Web Application by Using Visual Studio / .net 6.0
• Lab : Exploring the Contoso Conference Application
• Walkthrough of the Contoso Conference Application
• Examining and Modifying the Contoso Conference Application

Module 2: 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

Module 3: Introduction to JavaScript

• Overview of JavaScript Syntax
• Programming the HTML DOM with JavaScript
• Lab : Displaying Data and Handling Events by Using JavaScript
• Displaying Data Programmatically
• Handling Events

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

• Overview of Forms and Input Types
• Validating User Input by Using HTML5 Attributes
• Validating User Input by Using JavaScript
• Lab : Creating a Form and Validating User Input
• Creating a Form and Validating User Input by Using HTML5 Attributes
• Validating User Input by Using JavaScript

Module 5: Communicating with a Remote Data Source

• Sending and Receiving Data by Using XMLHTTPRequest
• Sending and Receiving Data by Using HTML5 fetch operations
• Lab : Communicating with a Remote Data Source
• Retrieving Data
• Serializing and Transmitting Data
• Refactoring the Code by Using HTML5 fetch api

Module 6: 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

Module 7: Creating Objects and Methods by Using JavaScript

• Writing Well-Structured JavaScript
Creating Custom Objects
• Extending Objects
• Lab : Refining Code for Maintainability and Extensibility
• Inheriting From Objects
• Refactoring 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 : Creating Interactive Pages by Using HTML5 APIs
• Incorporating Video
• Incorporating Images
• Using the Geo location API

Module 9: Adding Offline Support to Web Applications

• Reading Data Locally
• Adding Offline Support by Using the Cache and ServiceWorker
• Lab : Adding Offline Support to a Web Application
• Implementing the ServiceWorker
• Implementing Local Storage

Module 10: 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

Module 11: 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

Module 12: 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

Module 13: 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

Module 14: 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