SlideShare a Scribd company logo
SharePoint Saturday
Toronto
July 9th, 2016
SharePoint Saturday
Toronto
Introduction to AngularJS with the
Microsoft Graph
Sébastien Levert
Development Lead, 2toLead
SharePoint Saturday
Toronto
Thank you sponsors!
GOLDBRONZE/
PRIZES
SILVER
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/
SharePoint Saturday
Toronto
Who’s Sébastien Levert !?
Montreal, Canada 2toLead.com
Office Servers &
Services MVP
Web Developer @sebastienlevert sebastienlevert.com
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
SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microsoft Graph
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
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
SharePoint Saturday
Toronto
AngularJS is (still) very… Trendy !
SharePoint Saturday
Toronto
Key concepts of AngularJS
• Architecture pattern
• Enhanced HTML templating
• 2-way data-binding
• Routing engine
• Dependency injection
• Unit testing
SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microsoft Graph
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/
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
SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microsoft Graph
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
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
SharePoint Saturday
Toronto
Authentication options
• Azure AD only
• Azure AD and Microsoft Accounts (Preview)
SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday
Toronto
Resources
• https://dev.office.com
• https://graph.microsoft.io
• http://github.com/officedev
• http://github.com/microsoftgraph
• http://github.com/sebastienlevert
SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday
Toronto
Thank you sponsors!
GOLDBRONZE/
PRIZES
SILVER
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/

More Related Content

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
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft ...
PPTX
SharePoint wizards - no magic needed, just use Microsoft Flow
PPTX
Introduction to AngularJS with the Microsoft Graph
PPTX
NextGen Portal for Your Organization
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
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft ...
SharePoint wizards - no magic needed, just use Microsoft Flow
Introduction to AngularJS with the Microsoft Graph
NextGen Portal for Your Organization

What's hot (20)

PPTX
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
PDF
O365Con18 - Microsoft Graph, a Walk-through - Adis Jugo
PPTX
Extend Microsoft Flow Capabilities Using Microsoft Graph API
PPTX
Office 365 Jivko Petiov, JS Talks 2015
PPTX
Be More Productive with Microsoft Office 365
PDF
O365Con18 - Bridge Over O365 Gaps and Enhance User Satisfaction - Nimrod Geva
PPTX
Be a Modern SharePoint Developer
PPTX
Deploy your Websites and Web Applications on Azure
PPTX
SharePoint 2010 Workflows - Ayman El Hattab
PPTX
SPS Gulf : SharePoint 2013 Cloud Business App
PDF
O365Con18 - Modern News Publishing with SharePoint - Maarten Eekels
PPTX
Advanced PowerShell for Office 365
PPTX
Building a Microsoft Teams team chat space to manage your project - M365 Chic...
PPTX
Microsoft Azure and Microsoft 365 - How Will They Help You
PPTX
Path to Microsoft 365 Enterprise Administrator
PDF
Mining SharePoint data with PowerBI
PPTX
Microsoft Flow : what you need to know before starting a real project
PPTX
SPSOslo 2014 - Visio 2013 & Visio Services – A Quick Guide
PPTX
How to Create a Windows App with Project Siena, SharePoint & Office 365
PPTX
Why you shouldn't probably care about Machine Learning
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
O365Con18 - Microsoft Graph, a Walk-through - Adis Jugo
Extend Microsoft Flow Capabilities Using Microsoft Graph API
Office 365 Jivko Petiov, JS Talks 2015
Be More Productive with Microsoft Office 365
O365Con18 - Bridge Over O365 Gaps and Enhance User Satisfaction - Nimrod Geva
Be a Modern SharePoint Developer
Deploy your Websites and Web Applications on Azure
SharePoint 2010 Workflows - Ayman El Hattab
SPS Gulf : SharePoint 2013 Cloud Business App
O365Con18 - Modern News Publishing with SharePoint - Maarten Eekels
Advanced PowerShell for Office 365
Building a Microsoft Teams team chat space to manage your project - M365 Chic...
Microsoft Azure and Microsoft 365 - How Will They Help You
Path to Microsoft 365 Enterprise Administrator
Mining SharePoint data with PowerBI
Microsoft Flow : what you need to know before starting a real project
SPSOslo 2014 - Visio 2013 & Visio Services – A Quick Guide
How to Create a Windows App with Project Siena, SharePoint & Office 365
Why you shouldn't probably care about Machine Learning
Ad

Similar to SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microsoft Graph (20)

PPTX
SPSOttawa Release Pipepline for SharePoint office 365 in Azure
PDF
SPSToronto 2017 - Intranet still relevant in Office 365
PPTX
SharePoint Saturday NYC - Business Intelligence
PPTX
#Spscalgary 2016 Make Graph Data useful for you company
PPTX
The Future of SharePoint - What You Need to Know
PPTX
European SharePoint Conference 2017 Summary
PPTX
#SPSNYC 2018 Migrate your custom components to the #SharePoint Framework #SPFX
PPTX
SPSNYC 2016 Event Slides [Opening / Closing Remarks]
PPTX
Swedish SharePoint UserGroup Göteborg Oct 5 2016 SharePoint Framework
PPTX
German introduction to sp framework
PDF
Microsoft Graph with ASP.NET MVC
PPTX
Developing share point solutions with the microsoft graph
PPTX
#SPSottawa The SharePoint Framework and The Microsoft Graph on steroids with ...
PPTX
SharePoint Fest Chicago - Introduction to AngularJS with the Microsoft Graph
PPTX
#SPSToronto The SharePoint Framework and the Microsoft Graph on steroids with...
PPTX
Extend your development skills set using MS Graph
PPTX
Whats new in SharePoint Online
PPTX
Norwegian SharePoint Community - What happened at Ignite
PPTX
Uncovering the Latest in SharePoint Development
PPTX
Upgrading from Full Trust Code to Add-In Model and SharePoint Framework
SPSOttawa Release Pipepline for SharePoint office 365 in Azure
SPSToronto 2017 - Intranet still relevant in Office 365
SharePoint Saturday NYC - Business Intelligence
#Spscalgary 2016 Make Graph Data useful for you company
The Future of SharePoint - What You Need to Know
European SharePoint Conference 2017 Summary
#SPSNYC 2018 Migrate your custom components to the #SharePoint Framework #SPFX
SPSNYC 2016 Event Slides [Opening / Closing Remarks]
Swedish SharePoint UserGroup Göteborg Oct 5 2016 SharePoint Framework
German introduction to sp framework
Microsoft Graph with ASP.NET MVC
Developing share point solutions with the microsoft graph
#SPSottawa The SharePoint Framework and The Microsoft Graph on steroids with ...
SharePoint Fest Chicago - Introduction to AngularJS with the Microsoft Graph
#SPSToronto The SharePoint Framework and the Microsoft Graph on steroids with...
Extend your development skills set using MS Graph
Whats new in SharePoint Online
Norwegian SharePoint Community - What happened at Ignite
Uncovering the Latest in SharePoint Development
Upgrading from Full Trust Code to Add-In Model and SharePoint Framework
Ad

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)

PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Electronic commerce courselecture one. Pdf
PDF
Approach and Philosophy of On baking technology
PPTX
A Presentation on Artificial Intelligence
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Empathic Computing: Creating Shared Understanding
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Digital-Transformation-Roadmap-for-Companies.pptx
Encapsulation_ Review paper, used for researhc scholars
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
NewMind AI Monthly Chronicles - July 2025
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
The AUB Centre for AI in Media Proposal.docx
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Electronic commerce courselecture one. Pdf
Approach and Philosophy of On baking technology
A Presentation on Artificial Intelligence
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Chapter 3 Spatial Domain Image Processing.pdf
Review of recent advances in non-invasive hemoglobin estimation
NewMind AI Weekly Chronicles - August'25 Week I
Empathic Computing: Creating Shared Understanding

SharePoint Saturday Toronto 2016 - Introduction to AngularJS with the Microsoft Graph

  • 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/