Building Universal Angular Apps

Don Smith@locksmithdon

WIN314

Really?

Devs The Biz

Angular WinJS

Why?

Framing our decisions

Reuse Isolate Modular

Platform

A trivial sample app

Back button

Transition animation

s

Tiles & timer

controlApp bar

Universal hub template

Sharing Limitations One app Build

tasks

AngularJS

Modules $injector Providers

“Specials”

Dynamic Content Security

Edit the Angular source Replace jqLite with jQuery

2.x Use the ngCsp directive Use winstore-jscompat

Routing & navigation

Module UI-Router

Both back

buttons

window.history.back();

Animations

Isolates WinJS functionality

Can be defined using CSS

Business logic

Nearly 100% reusable code

Can isolate 3rd party libraries

View compositionDefault.html & layouts

in each project

Useng-include & directives

Partials shared

across apps

Define differences using CSS

Themes & coloursUse the resource loader

Font Awesom

eis awesome

Segoe UI Symbol

is too

\uE128

Ĩ

Recap

Reuse Isolate Modular

Platform

Bibliography AngularJS and WinJS in a Windows Phone App by Oliver Lohmann Consistency problems with APIs in JavaScript Promise Libraries by Derick Bailey AppBarCommandIcon (Segoe UI Symbol) reference on MSDN Angular app structuring guidelines by John Papa Developing Secure Apps on MSDN Defining app resources on MSDN winstore-jscompat on GitHub angular-winjs on GitHub Meditations on GitHub

Related contentBreakout Sessions

WIN312 Why should I care about Cordova/PhoneGap?

Hands-on LabsWIN-H203 Introduction to Building

Windows Store Apps with Microsoft Azure Mobile Services

Find Me Later At...http://locksmithdon.net@locksmithdon

Resources

TechNet & MSDN FlashSubscribe to our fortnightly newsletter

http://aka.ms/technetnz http://aka.ms/msdnnz

TechNet Virtual LabsFree Virtual Hands-on Labs

http://aka.ms/ch9nz

Microsoft Virtual AcademyFree Online Learning

http://aka.ms/mva http://aka.ms/technetlabs

Sessions on Demand

Complete your session evaluation now and win!

© 2014 Microsoft Corporation. All rights reserved.Microsoft, Windows and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Section title

Section title

Section title