Every developer hears about AngularJS and all the magic it does for your applications. In order to kickstart you AngularJS journey, this session is an introduction to the AngularJS concepts applied to any Office 365 development. Different workloads will be targeted (Mail, Calendar, Files) and the Office 365 API will be our main datasource. We will also cover SharePoint Online specific data access (Office 365 API, REST, CSOM and Search) to meet your current development needs.As a developer, you will learn the basic concepts of AngularJS and will be able to use those in an Office 365 context. You will be able to build rich applications (Single Page Application) and forms that will simplify your development process.

1. INTRODUCTION TO
ANGULARJS IN AN OFFICE
365 CONTEXT
Sébastien Levert
Development Lead @
2toLead
@sebastienlevert

2. WHO’S SÉBASTIEN LEVERT ?!
Montreal, Canada www.2toLead.com
Office Servers &
Services MVP
Web Developer @sebastienlevert sebastienlevert.com

3. AGENDA
Why Office 365 ?
What is the Microsoft Graph ?
What are Azure AD Application ?
Demos
Resources

4. WHY OFFICE 365 ?

5. OPPORTUNITY

6. OFFICE ADD-INS
Contextual mail add-in


Task pane add-in


Content add-in


Add-in command



7. OPEN PLATFORM
ADAL Library ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔
Office 365 SDK ✔ ✔ ✔ ✔ ✔ ✔ ✔
Dev.office.com samples ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔

8. WHAT IS THE MICROSOFT
GRAPH ?

9. WHAT IS THE MICROSOFT GRAPH
Single endpoint for:
Accessing data
/me, /users, /groups, /messages, /drive, ….
Traversing data
/drive/<id>/lastmodifiedByUser
Accessing insights
/insights/trending
Work/School and Personal
https://graph.microsoft.com/

10. BUILDING INTEGRATION WITH
OFFICE 365
Use your favorite technology and host it
anywhere
Code in your favorite IDE
Use standards to connect to your data
Get data, insights and relationships from
the Office Graph

11. WHAT ARE AZURE AD
APPLICATIONS ?

12. SINGLE AUTHENTICATION FLOW
FOR OFFICE 365
Sign users in using OpenID
Connect

 Supports MFA and federated user
sign-in
Device apps, web sites, SPAs,
and service apps
Pin apps to Office 365 app
launcher from My apps

13. COMMON CONSENT
Admin and end-user consent
Secure protocol

 No capturing user credentials
 Fine-grained access scopes
 Long-term access through refresh
tokens

14. AUTHENTICATION OPTIONS
Azure AD only

Azure AD and Microsoft Accounts (Preview)


15. DEMOS

16. RESOURCES

17. RESOURCES
https://dev.office.com
https://graph.microsoft.io
http://github.com/officedev
http://github.com/microsoftgraph
http://github.com/sebastienlevert
https://github.com/maliksahil
https://github.com/richdizz

18. QUESTIONS ? COMMENTS ?