SlideShare a Scribd company logo
Introduction to AngularJS with the Microsoft Graph
Sébastien Levert
22 October 2016
Cape Town, SA
#SPSCPT
Sponsors
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
Who’s Sébastien Levert !?
Montreal, Canada 2toLead.com
Office Development
MVP
Web Developer @sebastienlevert sebastienlevert.com
Agenda
• What AngularJS and why should I use it ?
• What is the Microsoft Graph ?
• What is an Azure AD Application ?
• Demos
• Resources
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft Graph
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
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
AngularJS is (still) very… Trendy !
Key concepts of AngularJS
• Architecture pattern
• Enhanced HTML templating
• 2-way data-binding
• Routing engine
• Dependency injection
• Unit testing
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft Graph
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/
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
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft Graph
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
Common consent
• Admin and end-user consent
• Secure protocol
• No capturing user credentials
• Fine-grained access scopes
• Long-term access through refresh
tokens
Authentication options
• Azure AD only
• Azure AD and Microsoft Accounts (Preview)
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft Graph
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
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft Graph

More Related Content

PPTX
SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microso...
PPTX
SharePoint Saturday Houston 2016 - Microsoft Graph - Deep Dive
PPTX
SPC Adriatics 2016 - Introduction to AngularJS with the Microsoft Graph
PPTX
SharePoint Saturday Paris 2016 - AngularJS with the Microsoft Graph
PPTX
DevTeach 2016 - Introduction to AngularJS in an Office 365 Context
PPTX
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
PPTX
SharePoint wizards - no magic needed, just use Microsoft Flow
PPTX
Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microso...
SharePoint Saturday Houston 2016 - Microsoft Graph - Deep Dive
SPC Adriatics 2016 - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Paris 2016 - AngularJS with the Microsoft Graph
DevTeach 2016 - Introduction to AngularJS in an Office 365 Context
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
SharePoint wizards - no magic needed, just use Microsoft Flow
Introduction to AngularJS with the Microsoft Graph

What's hot (20)

PPTX
SharePoint 2010 Workflows - Ayman El Hattab
PPTX
Be More Productive with Microsoft Office 365
PPTX
Myth Busting Sitecore xDB - St. Louis Sitecore User Group Meetup
PDF
The missing key: Azure AD for developers
PPTX
Office 365 Jivko Petiov, JS Talks 2015
PPTX
Extend Microsoft Flow Capabilities Using Microsoft Graph API
PPTX
Deploy your Websites and Web Applications on Azure
PDF
Mining SharePoint data with PowerBI
PPTX
Be a Modern SharePoint Developer
PPTX
Building a Microsoft Teams team chat space to manage your project - M365 Chic...
PPTX
When Windows Apps meet SharePoint
PPTX
Spsnyc 2016 JSLink Primer
PPTX
NextGen Portal for Your Organization
PDF
O365Con18 - Bridge Over O365 Gaps and Enhance User Satisfaction - Nimrod Geva
PPTX
SPSNYC - Next Generation Portals
PDF
O365Con18 - Microsoft Graph, a Walk-through - Adis Jugo
PDF
O365Con18 - Modern News Publishing with SharePoint - Maarten Eekels
PPTX
Navigating your way to different admin centres in Microsoft 365 - M365 Saturd...
PPTX
Office 365: The Art of the Possible (201603)
PPTX
Microsoft graph a way to build secure and smart apps
SharePoint 2010 Workflows - Ayman El Hattab
Be More Productive with Microsoft Office 365
Myth Busting Sitecore xDB - St. Louis Sitecore User Group Meetup
The missing key: Azure AD for developers
Office 365 Jivko Petiov, JS Talks 2015
Extend Microsoft Flow Capabilities Using Microsoft Graph API
Deploy your Websites and Web Applications on Azure
Mining SharePoint data with PowerBI
Be a Modern SharePoint Developer
Building a Microsoft Teams team chat space to manage your project - M365 Chic...
When Windows Apps meet SharePoint
Spsnyc 2016 JSLink Primer
NextGen Portal for Your Organization
O365Con18 - Bridge Over O365 Gaps and Enhance User Satisfaction - Nimrod Geva
SPSNYC - Next Generation Portals
O365Con18 - Microsoft Graph, a Walk-through - Adis Jugo
O365Con18 - Modern News Publishing with SharePoint - Maarten Eekels
Navigating your way to different admin centres in Microsoft 365 - M365 Saturd...
Office 365: The Art of the Possible (201603)
Microsoft graph a way to build secure and smart apps
Ad

Viewers also liked (16)

ODT
Los cambios-programacion
DOC
Michael Galluzzo Resume
PPTX
Ambiente de aprendizaje
PPT
Sk1 kd1-1-kebutuhan-manusia
PPT
Crisis intervention smca 01072016
PDF
Perché a fare i preventivi facciamo così schifo?
PDF
Breaking Through via SMS
PPTX
נסיונות במתקנים לשיפור סביבת השתיל מצגת
PPTX
Tutorial Hacer Una Pagina Web
DOCX
Jay Pittman Resume
PPTX
Music genres
PDF
WORKSHOP - INTERNAL CONTROLS IN MANAGEMENT ACCOUNTING
PDF
AS Design and Technology (without drawings)
PDF
POWER Texting: Engaging Your Employees via Text Messaging
PPT
ANALGESICS
PDF
CCFW.software
Los cambios-programacion
Michael Galluzzo Resume
Ambiente de aprendizaje
Sk1 kd1-1-kebutuhan-manusia
Crisis intervention smca 01072016
Perché a fare i preventivi facciamo così schifo?
Breaking Through via SMS
נסיונות במתקנים לשיפור סביבת השתיל מצגת
Tutorial Hacer Una Pagina Web
Jay Pittman Resume
Music genres
WORKSHOP - INTERNAL CONTROLS IN MANAGEMENT ACCOUNTING
AS Design and Technology (without drawings)
POWER Texting: Engaging Your Employees via Text Messaging
ANALGESICS
CCFW.software
Ad

Similar to SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft Graph (20)

PPTX
SharePoint Fest Chicago - Introduction to AngularJS with the Microsoft Graph
PPTX
SharePoint Wednesday Port Elisabeth - Introduction to AngularJS with the Micr...
PPTX
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
PPTX
#SPFestSea azr302 The SharePoint Framework and the #MicrosoftGraph under ster...
PPTX
SPS calgary 2017 introduction to azure functions microsoft flow
PPTX
SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...
PPTX
#Techorama belgium 2018 vincent biret deep dive with the #MicrosoftGraph
PDF
Building Business Applications in Office 365 SharePoint Online Using Logic Apps
PDF
Intro to the SharePoint Framework Philly Code Camp Oct 2016
PPTX
Application Insights for Integration Developers
PPTX
Vincent biret azure functions and flow (toronto)
PPTX
Vincent biret azure functions and flow (ottawa)
PPTX
#SPSHouston Automating your digital workplace proivisioning with #Azure Durab...
PDF
Develop enterprise-ready applications for Microsoft Teams
PPTX
SPS Zurich 2018 - Azure Logic Apps: the new workflow engine
PPTX
How to use Microsoft Graph in your applications
PDF
Forge - DevCon 2016: Implementing Rich Applications in the Browser
PPTX
Mobile application development
PPTX
Azure Mobile Services
PPTX
Code motion - Extend visualization of microsoft graph data to hololens applic...
SharePoint Fest Chicago - Introduction to AngularJS with the Microsoft Graph
SharePoint Wednesday Port Elisabeth - Introduction to AngularJS with the Micr...
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
#SPFestSea azr302 The SharePoint Framework and the #MicrosoftGraph under ster...
SPS calgary 2017 introduction to azure functions microsoft flow
SPFestDc AZR204 Microsoft Graph and SharePoint Framework under steroids with ...
#Techorama belgium 2018 vincent biret deep dive with the #MicrosoftGraph
Building Business Applications in Office 365 SharePoint Online Using Logic Apps
Intro to the SharePoint Framework Philly Code Camp Oct 2016
Application Insights for Integration Developers
Vincent biret azure functions and flow (toronto)
Vincent biret azure functions and flow (ottawa)
#SPSHouston Automating your digital workplace proivisioning with #Azure Durab...
Develop enterprise-ready applications for Microsoft Teams
SPS Zurich 2018 - Azure Logic Apps: the new workflow engine
How to use Microsoft Graph in your applications
Forge - DevCon 2016: Implementing Rich Applications in the Browser
Mobile application development
Azure Mobile Services
Code motion - Extend visualization of microsoft graph data to hololens applic...

More from Sébastien Levert (20)

PPTX
SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutes
PPTX
SharePoint Fest Chicago 2019 - Building tailored search experiences in Modern...
PPTX
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
PPTX
ESPC19 - Supercharge Your Teams Experience with Advanced Development Techniques
PPTX
ESPC19 - Build Your First Microsoft Teams App Using SPFx
PPTX
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
PPTX
SharePoint Fest Seattle 2019 - Building tailored search experiences in Modern...
PPTX
SPC19 - Building tailored search experiences in Modern SharePoint
PPTX
SharePoint Fest 2019 - Build an intelligent application by connecting it to t...
PPTX
SharePoint Fest DC 2019 - Bot Framework and Microsoft Graph - Join The Revolu...
PPTX
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
PPTX
Webinar - 2020-03-24 - Build your first Microsoft Teams app using SPFx
PPTX
SPTechCon Austin 2019 - Top 10 feature trends to make you fall in love with y...
PPTX
SPTechCon Austin 2019 - From SharePoint to Office 365 development
PPTX
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
PPTX
SharePoint Saturday Vienna 2018 - Top 10 feature trends to make you fall in l...
PPTX
SharePoint Saturday Vienna 2018 - Building a modern intranet in 60 minutes
PPTX
European SharePoint Conference 2018 - Build an intelligent application by con...
PPTX
SharePoint Saturday Belgium 2018 - APIs, APIs everywhere!
PPTX
Nashville SharePoint User Group 2018 - Building a modern intranet in 60 minutes
SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutes
SharePoint Fest Chicago 2019 - Building tailored search experiences in Modern...
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
ESPC19 - Supercharge Your Teams Experience with Advanced Development Techniques
ESPC19 - Build Your First Microsoft Teams App Using SPFx
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2019 - Building tailored search experiences in Modern...
SPC19 - Building tailored search experiences in Modern SharePoint
SharePoint Fest 2019 - Build an intelligent application by connecting it to t...
SharePoint Fest DC 2019 - Bot Framework and Microsoft Graph - Join The Revolu...
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
Webinar - 2020-03-24 - Build your first Microsoft Teams app using SPFx
SPTechCon Austin 2019 - Top 10 feature trends to make you fall in love with y...
SPTechCon Austin 2019 - From SharePoint to Office 365 development
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
SharePoint Saturday Vienna 2018 - Top 10 feature trends to make you fall in l...
SharePoint Saturday Vienna 2018 - Building a modern intranet in 60 minutes
European SharePoint Conference 2018 - Build an intelligent application by con...
SharePoint Saturday Belgium 2018 - APIs, APIs everywhere!
Nashville SharePoint User Group 2018 - Building a modern intranet in 60 minutes

Recently uploaded (20)

PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Encapsulation theory and applications.pdf
PPTX
A Presentation on Artificial Intelligence
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Empathic Computing: Creating Shared Understanding
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
cuic standard and advanced reporting.pdf
PDF
Getting Started with Data Integration: FME Form 101
PDF
Network Security Unit 5.pdf for BCA BBA.
PPT
Teaching material agriculture food technology
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
1. Introduction to Computer Programming.pptx
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
A comparative analysis of optical character recognition models for extracting...
Advanced methodologies resolving dimensionality complications for autism neur...
Encapsulation theory and applications.pdf
A Presentation on Artificial Intelligence
Diabetes mellitus diagnosis method based random forest with bat algorithm
Unlocking AI with Model Context Protocol (MCP)
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
Empathic Computing: Creating Shared Understanding
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
cuic standard and advanced reporting.pdf
Getting Started with Data Integration: FME Form 101
Network Security Unit 5.pdf for BCA BBA.
Teaching material agriculture food technology
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Encapsulation_ Review paper, used for researhc scholars
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
MIND Revenue Release Quarter 2 2025 Press Release
1. Introduction to Computer Programming.pptx
gpt5_lecture_notes_comprehensive_20250812015547.pdf

SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft Graph

  • 1. Introduction to AngularJS with the Microsoft Graph Sébastien Levert 22 October 2016 Cape Town, SA #SPSCPT
  • 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