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. SharePoint Saturday
Toronto
July 9th, 2016
SharePoint Saturday
Toronto
Introduction to AngularJS with the
Microsoft Graph
Sébastien Levert
Development Lead, 2toLead

2. SharePoint Saturday
Toronto
Thank you sponsors!
GOLDBRONZE/
PRIZES
SILVER

3. SharePoint Saturday
Toronto
THANK YOU & See you next year!
Join us for SharePint after the event @ 5:30pm
6982 Financial Dr. and don’t forget to submit feedback after each session for
your chance to win great prizes at the end of the day!
https://www.surveymonkey.com/r/spstoronto2016
Thank you!
Toronto Enterprise Collaboration User Group
Change Management, Governance, SharePoint, Office 365, Yammer, PowerBI, etc
http://www.meetup.com/TSPBUG/
Toronto SharePoint Users Group
http://tspug.com/

4. SharePoint Saturday
Toronto
Who’s Sébastien Levert !?
Montreal, Canada 2toLead.com
Office Servers &
Services MVP
Web Developer @sebastienlevert sebastienlevert.com

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

7. SharePoint Saturday
Toronto
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. SharePoint Saturday
Toronto
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. SharePoint Saturday
Toronto
AngularJS is (still) very… Trendy !

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

12. SharePoint Saturday
Toronto
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. SharePoint Saturday
Toronto
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. SharePoint Saturday
Toronto
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. SharePoint Saturday
Toronto
Common consent
• Admin and end-user consent
• Secure protocol
• No capturing user credentials
• Fine-grained access scopes
• Long-term access through refresh
tokens

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

20. SharePoint Saturday
Toronto
Resources
• https://dev.office.com
• https://graph.microsoft.io
• http://github.com/officedev
• http://github.com/microsoftgraph
• http://github.com/sebastienlevert

22. SharePoint Saturday
Toronto
Thank you sponsors!
GOLDBRONZE/
PRIZES
SILVER

23. SharePoint Saturday
Toronto
THANK YOU & See you next year!
Join us for SharePint after the event @ 5:30pm
6982 Financial Dr. and don’t forget to submit feedback after each session for
your chance to win great prizes at the end of the day!
https://www.surveymonkey.com/r/spstoronto2016
Thank you!
Toronto Enterprise Collaboration User Group
Change Management, Governance, SharePoint, Office 365, Yammer, PowerBI, etc
http://www.meetup.com/TSPBUG/
Toronto SharePoint Users Group
http://tspug.com/