teched nz 2014: building universal angular apps
DESCRIPTION
TechEd New Zealand 2014 - WIN314 - Don Smith AngularJS has become one of the most robust, feature-rich, frameworks for building modern web applications. This positions it uniquely well for anywhere web technologies can be applied ... like building Windows 8.1 and Windows Phone 8.1 apps. This session will focus on the intersection of AngularJS and WinJS, and grapple with how to apply both technologies to address specific challenges and common requirements. For example routing, navigation, animation, data binding, dependency management, patterns, and code reuse are all fair game. The recording can be found here: http://channel9.msdn.com/events/TechEd/NewZealand/2014/WIN314TRANSCRIPT
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