Learn your way! Get started

Windows 8 Using HTML5 and JS, Part 2: WinJS

with expert Peter Thorsteinson


Watch trailer


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 2/11/2014
Level Advanced
Runtime 2h 16m
Closed captioning Included
Transcript Included
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

In this course we will take a look at how to implement navigation within an application, how to implement event handling and how to do object oriented programming in JavaScript using support provided by WinJS. The object oriented techniques that we will look support inheritance, namespaces, and asynchronous programming.

Prerequisites

This course assumes that students have some programming background and experience using Visual Studio 2010/2012 and Java Script, HTML5 and CSS3. In addition, the course assumes some basic knowledge of XAML markup and basic knowledge of Windows Store applications and Windows 8.

Learning Paths

This course is part of the following LearnNowOnline SuccessPaths™:
Building Windows Store Applications

Meet the expert

Peter Thorsteinson has been working for two decades in many areas of Microsoft-based software development technologies, including all the latest languages, frameworks, and tools. He has been involved in several large scale software development projects and has authored and co-authored several books and courses relating to ASP.NET, AJAX, JavaScript, WPF, WCF, WF, ADO.NET, and LINQ. Peter is currently focusing on ASP.NET MVC, jQuery, Task Parallel Library, Windows Azure, and SharePoint Development.

Course outline



Implementing

Implementing Navigation (16:47)
  • Introduction (00:53)
  • Implementing Navigation (04:21)
  • Simplistic Navigation (01:10)
  • Demo: Simplistic Navigation (03:53)
  • Demo: More Simple Navigation (04:41)
  • Demo:Flat Navigation (01:05)
  • Summary (00:42)
Implementing Event Handlers (38:39)
  • Introduction (00:31)
  • Implementing Event Handlers (02:24)
  • Event Handlers (01:03)
  • Demo: Event Handlers (05:36)
  • Demo: Synching Handlers (03:42)
  • Demo: Promises (04:27)
  • Demo: Promise Functions (02:04)
  • Demo: Articles (02:56)
  • Calculator App (01:05)
  • Demo: Calculator (05:09)
  • Demo: Calculator Events (01:44)
  • Demo: Creating Calculator (04:01)
  • Demo: Remove Onclick (03:12)
  • Summary (00:38)
WinJS OO Programming (34:05)
  • Introduction (00:37)
  • Object-Oriented Programming (07:31)
  • JavaScript OOP (00:15)
  • JavaScript Classes (09:58)
  • Demo: JS Classes (03:17)
  • Demo: Create Function (02:28)
  • Demo: Links (02:14)
  • WinJS Classes (07:13)
  • Summary (00:28)

WinJS Code Elements

WinJS Inheritance (09:02)
  • Introduction (00:30)
  • WinJS Inheritance (05:42)
  • Demo: WinJS Inheritance (02:34)
  • Summary (00:15)
WinJS Namespaces (11:16)
  • Summary (00:15)
  • Introduction (00:36)
  • WinJS Namespaces (05:47)
  • Demo: WinJS Namespace (04:42)
WinJS Async Programming (27:07)
  • Introduction (00:37)
  • Asynchronous Programming (10:20)
  • Demo: Asynchronous Programming (04:39)
  • Demo: Asynchronous Functions (05:12)
  • Demo: progressDispatch (01:42)
  • Demo: Effect on UI (04:18)
  • Summary (00:16)