Single Page Applications – A journey
About the company
Single Page Applications
Biography – John Staveley
C#.net MVC HTML5
Strong on backend
Increasingly working on front end projects
Toriga Energy – Who, what, why?
Who are Toriga Energy?
− Compliance business
What they were trying to achieve?
− Cross platform mobile app
− Fast adaptation to the marketplace
− Avoid app stores
How - Single Page Application?
CSS/HTML5 web page – all action takes place 'in page'
Don't get access to device features e.g. address book
Communication via $.ajax
Local Storage to persist offline data
App settings for HTML5 – chrome removal, icon, splash
What - Initial solution
Jquery with Bootstrap
– Single page with tabbed control
AngularJS – How it works
AngularJS - Benefits
Routing – solves deep linking problem
Directives e.g. navigation control <navigation />
AngularJS versions of jquery libraries such as jquery ui,
bootstrap, kendo, signature pad - give example
Single Page Applications are great for cross platform apps
which avoid the app store
Don't benefit from intellisense
AngularJS makes your code testable
BreezeJS removes a lot of data access code