Download to read offline
Uploaded bySébastien Levert
SharePoint Wednesday Port Elisabeth - Introduction to AngularJS with the Microsoft Graph
Sébastien Levert presented on introducing the AngularJS framework and the Microsoft Graph API. The presentation covered what AngularJS is and why developers should use it, an overview of the Microsoft Graph and how it provides a single endpoint to access data from Office 365 and Microsoft services, and how to authenticate and build applications using the Microsoft Graph through Azure Active Directory applications. Code samples and resources were provided to help developers get started with AngularJS and the Microsoft Graph.
SharePoint Wednesday Port Elisabeth - Introduction to AngularJS with the Microsoft Graph
- 1. Introduction to #angrydragonwith the Microsoft Graph Sébastien Levert 26 October 2016 Port Elizabeth, SA #SPWPE
- 2. Who’s Sébastien Levert!? Montreal, Canada 2toLead.com Office Development MVP Web Developer @sebastienlevert sebastienlevert.com
- 3. Agenda • What AngularJSand why should I use it ? • What is the Microsoft Graph ? • What is an Azure AD Application ? • Demos • Resources
- 5. 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
- 6. Why should Iuse 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
- 7. AngularJS is (still)very… Trendy !
- 8. Key concepts ofAngularJS • Architecture pattern • Enhanced HTML templating • 2-way data-binding • Routing engine • Dependency injection • Unit testing
- 10. What is theMicrosoft 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/
- 11. Come as youare 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
- 13. Single authentication flowfor 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
- 14. Common consent • Adminand end-user consent • Secure protocol • No capturing user credentials • Fine-grained access scopes • Long-term access through refresh tokens
- 15. Authentication options • AzureAD only • Azure AD and Microsoft Accounts (Preview)
- 18. 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