Every developer hears about AngularJS and all the magic it does for you 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. The 3 key takeaways of this session are : - You will understand the basics of the AngularJS framework - You will learn how to communicate withthe Office 365 through AngularJS - You will be able to apply those new skills in your next project

1. Introduction to AngularJS with the Microsoft Graph
Sébastien Levert
22 October 2016
Cape Town, SA
#SPSCPT

2. Sponsors

3. House Keeping
• Hashtag #SPSCPT
• Prizes are at the end
• Make sure your cards are stamped
• SharePint for everyone after prizes –
Bossa Tygervalley
• Podcast and Live Streaming via
2GuysAndSharePoint

4. Who’s Sébastien Levert !?
Montreal, Canada 2toLead.com
Office Development
MVP
Web Developer @sebastienlevert sebastienlevert.com

5. Agenda
• What AngularJS and why should I use it ?
• What is the Microsoft Graph ?
• What is an Azure AD Application ?
• Demos
• Resources

7. What is AngularJS
• Superheroic JavaScript MVW framework
• Developed by Google
• Started in 2009
• Used by Netflix, Youtube, Vevo, MSNBC, …, You ?
• A game changer in web development
• Angular 2.0 coming in 2015 2016

8. Why should I use AngularJS ?
• Getting closer to client-side development
• Start thinking like a web developer, not like a SharePoint
developer
• Living on the edge
• Building applications faster, with less code
• Because everyone is heading towards it

9. AngularJS is (still) very… Trendy !

10. Key concepts of AngularJS
• Architecture pattern
• Enhanced HTML templating
• 2-way data-binding
• Routing engine
• Dependency injection
• Unit testing

12. 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/

13. Come as you are and get your data
• 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

15. 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

16. Common consent
• Admin and end-user consent
• Secure protocol
• No capturing user credentials
• Fine-grained access scopes
• Long-term access through refresh
tokens

17. Authentication options
• Azure AD only
• Azure AD and Microsoft Accounts (Preview)

20. Resources
• https://dev.office.com
• https://graph.microsoft.io
• http://github.com/officedev
• http://github.com/microsoftgraph
• http://github.com/sebastienlevert
• http://github.com/richdizz
• https://github.com/maliksahil