Learn your way! Get started

Windows 8 Using HTML5 and JS, Part 1: Introduction

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/10/2014
Level Advanced
Runtime 3h 24m
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 cover several major topics. First, we’ll look at Windows Store app development, how to get started and how the underlying architecture works. We will then discuss the concepts behind Windows 8 user interface design. We will review the four versions of Windows that are available and some of the key differences between them. Then we will take a look at the project templates that Visual Studio provides, which are: the blank, grid, split, hub and navigation templates.

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



Windows 8 Intro

Windows Store App Development (34:42)
  • Introduction (01:08)
  • Windows Store App Development (02:03)
  • Introduction (04:46)
  • Windows 8 UI Design (12:16)
  • Windows Store Apps (03:51)
  • Demo: Windows 8 UI (03:12)
  • Demo: Links (03:46)
  • Demo: Windows 8 Concepts (03:27)
  • Summary (00:09)
Windows 8 Editions (45:52)
  • Introduction (02:12)
  • Windows 8 Editions (03:06)
  • Windows 8 Architecture (14:05)
  • App Packaging (11:05)
  • Demo: Windows 8 Apps (03:54)
  • Demo: Links (04:08)
  • Demo: More Links (03:56)
  • Demo: Developer Links (03:14)
  • Summary (00:09)

Getting Started

Getting Started (12:53)
  • Introduction (00:36)
  • Getting Started (06:04)
  • Getting Started Points (00:30)
  • Demo: Links (05:09)
  • Summary (00:33)
Windows Store Project Templates (39:15)
  • Introduction (00:23)
  • WS Project Templates (05:24)
  • JavaScript Project Templates (00:30)
  • Blank App Template (00:33)
  • Creating a Blank App (02:32)
  • Demo: Links (02:20)
  • Demo: Blank App Template (03:38)
  • Demo: Appxmanifest (05:10)
  • Demo: More Appxmanifest (02:30)
  • Demo: Blank App UI (04:17)
  • Demo: Image (02:17)
  • Demo: Boilerplate Code (04:46)
  • Demo: CSS and HTML (04:19)
  • Summary (00:30)

Templates

Project Templates Continued (33:21)
  • Introduction (00:38)
  • Grid App Template (02:38)
  • Creating a Grid App (00:35)
  • Demo: Links (02:41)
  • Demo: Blank App (00:54)
  • Demo: HTML and CSS (02:19)
  • Demo: Defaults (05:09)
  • Demo: Data & Navigation (02:11)
  • Demo: Appxmanifest (02:15)
  • Split App Template (01:01)
  • Demo: Running Grid App (02:16)
  • Demo: Split App (02:57)
  • Demo: Content URIs (03:47)
  • Demo: Packaging (03:34)
  • Summary (00:18)
Hub App Template (19:43)
  • Introduction (00:30)
  • Hub App Template (01:47)
  • Demo: Creating a Hub App (04:56)
  • Demo: Hub App Default (03:05)
  • Demo: Pages (04:13)
  • Demo: Section (04:42)
  • Summary (00:28)
Navigation App Template (18:49)
  • Introduction (00:46)
  • Navigation App Template (01:36)
  • Demo: Create Nav App (04:00)
  • Demo: Page Navigation (04:58)
  • Demo: Quickstart (04:45)
  • Demo: More Quickstart (02:26)
  • Summary (00:14)