1) The document discusses how AngularJS and the Office 365 APIs are well-suited for each other. 2) It provides an overview of key AngularJS concepts like 2-way data binding and the benefits of using AngularJS for web development. 3) It also describes the Office 365 APIs and the Azure AD authentication process that can be used to access Office 365 user data from an AngularJS single-page application.

1. WWW.COLLAB365.EVENTSWWW.COLLAB365.EVENTS
AngularJS and the Office 365 APIs : A
match made in heaven !

2. WWW.COLLAB365.EVENTS
Who’s Sébastien Levert ?!
Montreal, Canada negotium.com MVP Office365
Web Developer @sebastienlevert pimpthecloud.com

3. WWW.COLLAB365.EVENTS
AngularJS
Agenda
Azure AD AuthenticationOffice 365 API
Code Wrap-UpDemos

5. WWW.COLLAB365.EVENTS
Superheroic JavaScript
MVW framework
What is AngularJS ?
Started in 2009Developed by Google
Used by Netflix, Youtube,
Vevo, MSNBC, …
Angular 2.0 coming in
2015
A game changer in web
development

6. WWW.COLLAB365.EVENTS
Getting closer to client-
side development
Why AngularJS ?
Living on the edge
Start thinking like a web
developer, not like a
SharePoint developer
Building applications
faster, with less code
It’s currently the hottest
development framework
Because everyone is
heading towards it, even
Microsoft

7. WWW.COLLAB365.EVENTS
AngularJS is very… trendy

8. WWW.COLLAB365.EVENTS
Architecture patterns
Key concepts
2-way data-binding
Enhancing HTML
templating
Routing engine Unit testingDependency injection

10. WWW.COLLAB365.EVENTS
Sets of API to consume
your Office 365 data
What are the Office 365 APIs ?
Consistent patterns to
connect to Office 365
Released to First Release
tenants in October 2014
Available through REST,
.NET SDK, native SDK
(iOS, Android, Windows
Phone)
OData servicesOpen platform is key

11. WWW.COLLAB365.EVENTS
Sets of API to consume
your Office 365 data
Hands-on the Office 365 APIs ?
Available through REST,
.NET SDK, native SDK
(iOS, Android, Windows
Phone)

13. WWW.COLLAB365.EVENTS
Single API to consume
your Office 365 data
What is the Office 365 Unified API ?
Exposed through the
Office Graph
Announced at //build
2015
Currently available in
preview through REST
and SDKs
Support of CORS (!!)In preview

14. WWW.COLLAB365.EVENTS
Sets of API to consume
your Office 365 data
Hands-on the Office 365 Unified API
Available through REST,
.NET SDK, native SDK
(iOS, Android, Windows
Phone)

16. WWW.COLLAB365.EVENTS
OAuth 2.0
What is Azure AD Authentication
Secured access scopes
Leaving the
authentication process to
Microsoft
Supports MFA &
federated authentication
Client credentials grant
flow
Perpetual connections
with refresh tokens

17. WWW.COLLAB365.EVENTS
What is Azure AD Grant Flow
Azure AD
Client Application Office 365 API
1
2
3
4
Token
Resources
Token

18. WWW.COLLAB365.EVENTS
Integrate on a single or
multiple tenants
How do I integrate Azure AD ?
Available for every major
platform
Use the Azure ADAL
libraries
Let the authentication
flow do the job, stop
coding login screens
It just works
Can be integrated with
the Identity Model of
.NET

21. WWW.COLLAB365.EVENTS
AngularJS enables you to
write Single-Page
Applications integrated
with Office 365
Wrap-Up
Authentication is
possible thanks to Azure
AD Authentication
Library
All the Office 365 API are
being unified through
the Office Graph
AngularJS interceptors
can integrate the access
token with every API call
Stop worrying about
authentication and
security, start delivering
business value
Office 365 is the most
strategic developer
surface for Microsoft

22. WWW.COLLAB365.EVENTS
dev.office.com
References
graphexplorer2
.azurewebsites.net
apisandbox.msdn.com
slevert.me/1G8N2Gt slevert.me/1FfTlY3slevert.me/office-hub

23. WWW.COLLAB365.EVENTS
Catch me!
Montreal, Canada negotium.com MVP Office365
Web Developer @sebastienlevert pimpthecloud.com

24. Stay tuned for more great sessions …
WWW.COLLAB365.EVENTS
Thanks for watching !