developing universal apps and rest apis using visual studio online

38
Developing Universal Apps and REST APIs using Visual Studio Online Michael John Peña Microsoft Student Partner Alumnus @mjtpena

Upload: michael-john-pena

Post on 18-Jun-2015

530 views

Category:

Technology


0 download

DESCRIPTION

My Presentation about Universal App and Visual Studio Online for September 2014 MSDN Session for Microsoft Philippines.

TRANSCRIPT

Page 1: Developing Universal Apps and REST APIs using Visual Studio Online

Developing Universal Apps and REST APIs using Visual Studio OnlineMichael John PeñaMicrosoft Student Partner Alumnus@mjtpena

Page 2: Developing Universal Apps and REST APIs using Visual Studio Online

A little about me…

• B.S. Information Technology – UST• Microsoft Student Partner 2011 – 2013• Provoke Solutions 2013 – 2014• Avanade – Present

• I like clouds.• I love to read.• I did not choose to become a geek, the geek life chose me.• Making the world a better place, one line of code at a time.

Page 3: Developing Universal Apps and REST APIs using Visual Studio Online

Agenda For Tonight

What is Visual Studio Online?

Consuming VSO API

Visual Studio Online

Questions, Clarifications, Links and Downloads

What is Universal App?

What codes are shared between Windows Phone and Windows 8?

Universal Apps Questions?

Page 4: Developing Universal Apps and REST APIs using Visual Studio Online

Microsoft Universal App

Page 5: Developing Universal Apps and REST APIs using Visual Studio Online

• Windows 8 and Windows Phone 8 share many components at the operating system level

Shared Windows Core

Page 6: Developing Universal Apps and REST APIs using Visual Studio Online

Apps

XAMLC

C++C#

Visual Basic

HTML

JavaScript

Windows RuntimeWindows

Developing for Windows

Page 7: Developing Universal Apps and REST APIs using Visual Studio Online

Windows 8 PlatformWindows Store Apps

HTMLJavaScrip

t

CC++

C#VB

Desktop Apps

Win32

.NET / SL

Internet Explore

r

Communication

& Data

Application Model

Devices & Printing

WinRT APIsGraphics &

Media

Syst

em

Serv

ices

JavaScript(Chakra)

CC++

C#VB

XAML HTML / CSSVie

wM

od

el

Contr

olle

r

Windows Core OS ServicesCore

Page 8: Developing Universal Apps and REST APIs using Visual Studio Online

Windows Runtime APIs

FundamentalsApplication

Services Threading/Timers Memory Management Authentication Cryptography Globalization

Devices

Geolocation Portable Sensors NFC

User Interface

SVG Tiles Input Accessibility Printing

HTML5/CSS XAML DirectX Controls Data Binding

Communications & Data

Memory Management XML Networking SMS

Notifications Streams

Contracts Local & Cloud Storage Web

Media

Playback Capture PlayTo Visual Effects

Page 9: Developing Universal Apps and REST APIs using Visual Studio Online
Page 10: Developing Universal Apps and REST APIs using Visual Studio Online

• Windows 8.1

• Visual Studio 2013

• 4 GB Ram for Phone Emulator/SDK

• Windows Phone 8.1

Minimum Requirements

Page 11: Developing Universal Apps and REST APIs using Visual Studio Online

The Solution File

Page 12: Developing Universal Apps and REST APIs using Visual Studio Online

• Assets• Images and Files

• App.xaml• Views

• Custom Control

• Code Behind (App.xaml.cs)

• Portable Class Libraries• Model

• ViewModel

• Services

• Helpers / Converters

What are shared?

Page 13: Developing Universal Apps and REST APIs using Visual Studio Online

• References

• App Manifests

• Some Classes :D• Special mention to:

WebAuthenticationBroker

What are not shared?

Page 14: Developing Universal Apps and REST APIs using Visual Studio Online
Page 15: Developing Universal Apps and REST APIs using Visual Studio Online

Visual Studio Online

Page 16: Developing Universal Apps and REST APIs using Visual Studio Online

• Version Control

• Work Items

• Agile and Scrum Tools

• Automated Build

• Service Hooks

What is VSO?

Page 17: Developing Universal Apps and REST APIs using Visual Studio Online

Version Control

Page 18: Developing Universal Apps and REST APIs using Visual Studio Online
Page 19: Developing Universal Apps and REST APIs using Visual Studio Online

Work Items

Page 20: Developing Universal Apps and REST APIs using Visual Studio Online
Page 21: Developing Universal Apps and REST APIs using Visual Studio Online
Page 22: Developing Universal Apps and REST APIs using Visual Studio Online

What can we do with it?

THERE SHOULD BEAN APP FOR THAT!

VSO REST API UNIVERSAL APP

Page 23: Developing Universal Apps and REST APIs using Visual Studio Online

Mobile Visual Studio Online

Page 24: Developing Universal Apps and REST APIs using Visual Studio Online

CALIBURN.MICRO

PROPERTYCHANGED.FODYMVVM Tools

Page 25: Developing Universal Apps and REST APIs using Visual Studio Online

MVVM Light is Cool. Prism is Solid.

Caliburn.Micro is convenient.

Why Caliburn.Micro?

Page 26: Developing Universal Apps and REST APIs using Visual Studio Online

• Binding is Very Straightforward between ViewModel and View for both Actions and Elements.

• No need for ViewModel locator. The ViewModel and View is automatically matched by naming convention.

• Reduced steps for Relay and Callbacks.

• Easy to override Lifecycle events such as OnActivate on ViewModel.

• Navigation is easily implemented with the built in Navigation Service.

• Bindable App Bar

Features:

Page 27: Developing Universal Apps and REST APIs using Visual Studio Online

From This: To This:

PropertyChanged.Fody (Code Weaving)

Page 28: Developing Universal Apps and REST APIs using Visual Studio Online

How it Works?

LOGIN HTTP CALL BIND

Page 29: Developing Universal Apps and REST APIs using Visual Studio Online

HOW TO LOGIN

Page 30: Developing Universal Apps and REST APIs using Visual Studio Online
Page 31: Developing Universal Apps and REST APIs using Visual Studio Online

HTTP METHODS

Page 32: Developing Universal Apps and REST APIs using Visual Studio Online
Page 33: Developing Universal Apps and REST APIs using Visual Studio Online

How to Bind

Page 34: Developing Universal Apps and REST APIs using Visual Studio Online

VIEWMODEL

Page 35: Developing Universal Apps and REST APIs using Visual Studio Online

VIEW

Page 36: Developing Universal Apps and REST APIs using Visual Studio Online

DEMO and QUestions

Page 37: Developing Universal Apps and REST APIs using Visual Studio Online

Resources

Downloads and Links

*Note: All Links are subject for changes, after the date of this presentation.

• Getting Started with Universal Apps• Getting Started with VSO• Source Code• My Blog

Page 38: Developing Universal Apps and REST APIs using Visual Studio Online

QUESTIONS?

[email protected]

Follow: @mjtpena

FB: www.fb.com/mjtpena

+63 917 546 827X