SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
-
Upload
sebastien-levert -
Category
Technology
-
view
60 -
download
2
Transcript of SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
![Page 1: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/1.jpg)
Introduction to AngularJS with the Microsoft GraphSébastien Levert
29 October 2016Durban, SA
#SPSDBN
![Page 2: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/2.jpg)
Who’s Sébastien Levert !?
Montreal, Canada 2toLead.comOffice
Development MVP
Web Developer @sebastienlevertsebastienlevert.co
m
![Page 3: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/3.jpg)
Agenda• What AngularJS and why should I use it ?• What is the Microsoft Graph ?• What is an Azure AD Application ?• Demos• Resources
![Page 4: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/4.jpg)
What is Angular JSAnd why shoud I use it ?
![Page 5: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/5.jpg)
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
![Page 6: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/6.jpg)
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• It’s a mighty beast• Building applications faster, with less code• Because everyone is heading towards it
![Page 7: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/7.jpg)
AngularJS is (still) very… Trendy !
![Page 8: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/8.jpg)
Key concepts of AngularJS• Architecture pattern• Enhanced HTML templating• 2-way data-binding• Routing engine• Dependency injection• Unit testing
![Page 9: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/9.jpg)
What is the Microsoft Graph ?
![Page 10: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/10.jpg)
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/
![Page 11: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/11.jpg)
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
![Page 12: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/12.jpg)
What is an Azure AD Application ?
![Page 13: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/13.jpg)
Single authentication flow for Office 365• Sign users in using
OpenID Connect• Azure AD and Office 365
services• 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
![Page 14: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/14.jpg)
Common consent• Admin and end-user
consent• Secure protocol
• OpenID Connect and OAuth 2.0• No capturing user credentials• Fine-grained access scopes• Long-term access through
refresh tokens
![Page 15: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/15.jpg)
Authentication options• Azure AD only
• Separate authentication flow supports Azure AD accounts only• Azure AD and Microsoft Accounts (Preview)
• Converged auth flow supports Azure AD accounts and Microsoft accounts (LiveID - hotmail.com, etc.)
![Page 16: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/16.jpg)
Demos
![Page 17: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/17.jpg)
Resources
![Page 18: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/18.jpg)
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
![Page 19: SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph](https://reader036.fdocuments.in/reader036/viewer/2022070603/586fd8611a28ab18428b5591/html5/thumbnails/19.jpg)
Questions ? Comments ?Feel free to reach out !