Intro to Windows 10 Development

13
Intro to Windows 10 Development & Design By Levi Fuller

Transcript of Intro to Windows 10 Development

Page 1: Intro to Windows 10 Development

Intro to Windows 10Development & Design

By Levi Fuller

Page 2: Intro to Windows 10 Development

Overview

Neat Facts & Features

Windows 10

UX, XAML & Data-Binding

Creating a Custom Button

Windows SDK

UWP Apps (Demo)

Page 3: Intro to Windows 10 Development

Neat Facts and Features• UWP Apps are integrated into the UX

• Driver updates in Windows Update

• Save File [ + E ] In Quick Access

Integrated Driver UpdatesQuick Access

Open Picture Dialog – Photos App

Page 4: Intro to Windows 10 Development

Windows 10

• Single, multi-platform core OS

• Universal Drivers

• SKU Specific Components & SDKs

• Core Updates

Page 5: Intro to Windows 10 Development

UX, XAML, & Databinding

• Windows 10’s XAML UI

Start Menu

Action Center

Date/Time Menu

MS Edge

Apps

Office 2016

And more…

MS Edge Interactive Print Dialog

Date/Time Menu

Start Menu

Page 6: Intro to Windows 10 Development

UX, XAML, & Databinding

Adaptive UI

No Design Templates

Vertical Scrolling

Aww Hamburgers

Windows 10 Design

Windows 8 Design

Page 7: Intro to Windows 10 Development

XAML and Data-Binding (Code)

• Compiled Bindings

• UI Elements Objects @ Compile Time

• Bind to objects to the ViewModel… with IntelliSense

Page 8: Intro to Windows 10 Development

Windows SDK

• C# / C++ / VB.NET XAML

• JavaScript HTML

• JQuery

• AngularJS

Page 9: Intro to Windows 10 Development

Accessing SKU Specific Capabilities

• Different SKUs, Different Capabilities

Page 10: Intro to Windows 10 Development

UWP Applications

• Universal Windows Platform

• Truly Universal

• Native Apps Any Platform

• Same binary

• Windows Core

Page 11: Intro to Windows 10 Development

WINDOWS 8 vs WINDOWS 10

WINDOWS 8

• Only “Tablet” view

• Suspended when not focused

• Multiple SDKs

• Separate binaries for each platform

• Windows 8 Design Principles

WINDOWS 10

• Windowed

• Suspended only when minimized

• Single app -> All platforms (SKUs)

• UX is up to Devs

Page 12: Intro to Windows 10 Development

Simple Pay App Example (C#/XAML)

Credera Task Sample App (C#/XAML)

Custom Button/Control (Blend 2015)

Demos

Page 13: Intro to Windows 10 Development

Further Learning

• Universal Windows Platform Guide (UX and Code)

• https://msdn.microsoft.com/en-us/library/windows/apps/dn894631.aspx

• Task Sample App

• https://github.com/ChuckkNorris/CrederaSampleApp