SlideShare a Scribd company logo
Introduction to #angrydragon with the Microsoft Graph
Sébastien Levert
26 October 2016
Port Elizabeth, SA
#SPWPE
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 Wednesday Port Elisabeth - 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 Wednesday Port Elisabeth - 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 Wednesday Port Elisabeth - 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 Wednesday Port Elisabeth - Introduction to AngularJS with the Microsoft Graph
SharePoint Wednesday Port Elisabeth - 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 Wednesday Port Elisabeth - Introduction to AngularJS with the Microsoft Graph

More Related Content

What's hot (16)

PPTX
The State of Frontend
Jimit Shah
 
PPTX
Building applications in a Micro-frontends way
Prasanna Venkatesan
 
PPTX
Web Based Development Introduction
Edy Segura
 
PDF
Micro frontends with react and redux dev day
Prasanna Venkatesan
 
PPTX
AngularJS
Ivan Junior
 
PPTX
Getting Started with ASP.NET vNext
Lohith Goudagere Nagaraj
 
PPTX
What is new in ASP.NET Core
Maurice De Beijer [MVP]
 
PPTX
Express web development with visual studio 2010 express_MVP Ronald Rajagukguk
Quek Lilian
 
PPTX
Build Nodejs APIs using Serverless
Simona Cotin
 
PPTX
Fast prototyping apps using AngularJS, RequireJS and Twitter Bootstrap
Yuriy Silvestrov
 
PPTX
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
Lohith Goudagere Nagaraj
 
PPTX
Build Hybrid Mobile Applications for Nokia Lumia Devices
Lohith Goudagere Nagaraj
 
PPTX
AngularJS - GrapeCity Echo Tokyo
Chris Bannon
 
PPTX
MVVM & Validation with Kendo UI
Lohith Goudagere Nagaraj
 
PPTX
Inside Wijmo 5, a Large-scale JavaScript Product
Chris Bannon
 
PPTX
Amsterdam HTML5 Game Developement Meetup - ThreeDee Media presentation
ThreeDee Media
 
The State of Frontend
Jimit Shah
 
Building applications in a Micro-frontends way
Prasanna Venkatesan
 
Web Based Development Introduction
Edy Segura
 
Micro frontends with react and redux dev day
Prasanna Venkatesan
 
AngularJS
Ivan Junior
 
Getting Started with ASP.NET vNext
Lohith Goudagere Nagaraj
 
What is new in ASP.NET Core
Maurice De Beijer [MVP]
 
Express web development with visual studio 2010 express_MVP Ronald Rajagukguk
Quek Lilian
 
Build Nodejs APIs using Serverless
Simona Cotin
 
Fast prototyping apps using AngularJS, RequireJS and Twitter Bootstrap
Yuriy Silvestrov
 
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
Lohith Goudagere Nagaraj
 
Build Hybrid Mobile Applications for Nokia Lumia Devices
Lohith Goudagere Nagaraj
 
AngularJS - GrapeCity Echo Tokyo
Chris Bannon
 
MVVM & Validation with Kendo UI
Lohith Goudagere Nagaraj
 
Inside Wijmo 5, a Large-scale JavaScript Product
Chris Bannon
 
Amsterdam HTML5 Game Developement Meetup - ThreeDee Media presentation
ThreeDee Media
 

Similar to SharePoint Wednesday Port Elisabeth - Introduction to AngularJS with the Microsoft Graph (20)

PPTX
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft ...
Sébastien Levert
 
PPTX
SharePoint Fest Chicago - Introduction to AngularJS with the Microsoft Graph
Sébastien Levert
 
PPTX
SPC Adriatics 2016 - Introduction to AngularJS with the Microsoft Graph
Sébastien Levert
 
PPTX
Introduction to AngularJS with the Microsoft Graph
SPC Adriatics
 
PPTX
DevTeach 2016 - Introduction to AngularJS in an Office 365 Context
Sébastien Levert
 
PPTX
ESPC15 - Introduction to AngularJS in an Office 365 context
Sébastien Levert
 
PDF
Overboard.js - where are we going with with jsconfasia / devfestasia
Christian Heilmann
 
KEY
corporateJavascript
climboid
 
PDF
Download Complete JavaScript for NET Developers 1st Edition Ovais Mehboob Ahm...
dialiolona
 
PDF
ECS19 - Bill Ayers - UNLOCK YOUR BUSINESS KNOWLEDGE WITH THE MICROSOFT GRAPH,...
European Collaboration Summit
 
PDF
JavaScript for NET Developers 1st Edition Ovais Mehboob Ahmed Khan
troestepza
 
PDF
JavaScript for NET Developers 1st Edition Ovais Mehboob Ahmed Khan
malacorigert
 
PDF
SMX Munich 2018 - Current State of JavaScript SEO
Onely
 
PPTX
JavaScript: the who, what, when, where, why, & how
Monty Dickerson
 
PPTX
CC 2015 Single Page Applications for the ASPNET Developer
Allen Conway
 
PDF
Douglas - Real JavaScript
d0nn9n
 
PDF
Øredev 2014
olataube
 
PPTX
Angular JS - Introduction
Sagar Acharya
 
PPTX
MWLUG 2014: Modern Domino (workshop)
Peter Presnell
 
PPTX
session_01_react_.pptx
AyaBenkabbour1
 
SharePoint Saturday Cape Town - Introduction to AngularJS with the Microsoft ...
Sébastien Levert
 
SharePoint Fest Chicago - Introduction to AngularJS with the Microsoft Graph
Sébastien Levert
 
SPC Adriatics 2016 - Introduction to AngularJS with the Microsoft Graph
Sébastien Levert
 
Introduction to AngularJS with the Microsoft Graph
SPC Adriatics
 
DevTeach 2016 - Introduction to AngularJS in an Office 365 Context
Sébastien Levert
 
ESPC15 - Introduction to AngularJS in an Office 365 context
Sébastien Levert
 
Overboard.js - where are we going with with jsconfasia / devfestasia
Christian Heilmann
 
corporateJavascript
climboid
 
Download Complete JavaScript for NET Developers 1st Edition Ovais Mehboob Ahm...
dialiolona
 
ECS19 - Bill Ayers - UNLOCK YOUR BUSINESS KNOWLEDGE WITH THE MICROSOFT GRAPH,...
European Collaboration Summit
 
JavaScript for NET Developers 1st Edition Ovais Mehboob Ahmed Khan
troestepza
 
JavaScript for NET Developers 1st Edition Ovais Mehboob Ahmed Khan
malacorigert
 
SMX Munich 2018 - Current State of JavaScript SEO
Onely
 
JavaScript: the who, what, when, where, why, & how
Monty Dickerson
 
CC 2015 Single Page Applications for the ASPNET Developer
Allen Conway
 
Douglas - Real JavaScript
d0nn9n
 
Øredev 2014
olataube
 
Angular JS - Introduction
Sagar Acharya
 
MWLUG 2014: Modern Domino (workshop)
Peter Presnell
 
session_01_react_.pptx
AyaBenkabbour1
 
Ad

More from Sébastien Levert (20)

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

Recently uploaded (20)

PDF
Market Insight : ETH Dominance Returns
CIFDAQ
 
PDF
CloudStack GPU Integration - Rohit Yadav
ShapeBlue
 
PDF
The Past, Present & Future of Kenya's Digital Transformation
Moses Kemibaro
 
PPTX
Darren Mills The Migration Modernization Balancing Act: Navigating Risks and...
AWS Chicago
 
PPTX
UI5Con 2025 - Get to Know Your UI5 Tooling
Wouter Lemaire
 
PDF
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
 
PDF
Shuen Mei Parth Sharma Boost Productivity, Innovation and Efficiency wit...
AWS Chicago
 
PPTX
Top Managed Service Providers in Los Angeles
Captain IT
 
PDF
HR agent at Mediq: Lessons learned on Agent Builder & Maestro by Tacstone Tec...
UiPathCommunity
 
PPTX
UI5Con 2025 - Beyond UI5 Controls with the Rise of Web Components
Wouter Lemaire
 
PPTX
Extensions Framework (XaaS) - Enabling Orchestrate Anything
ShapeBlue
 
PDF
Upskill to Agentic Automation 2025 - Kickoff Meeting
DianaGray10
 
PPTX
Earn Agentblazer Status with Slack Community Patna.pptx
SanjeetMishra29
 
PPTX
Building and Operating a Private Cloud with CloudStack and LINBIT CloudStack ...
ShapeBlue
 
PDF
2025-07-15 EMEA Volledig Inzicht Dutch Webinar
ThousandEyes
 
PDF
OpenInfra ID 2025 - Are Containers Dying? Rethinking Isolation with MicroVMs.pdf
Muhammad Yuga Nugraha
 
PDF
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
PPTX
Simplifying End-to-End Apache CloudStack Deployment with a Web-Based Automati...
ShapeBlue
 
PDF
Lecture A - AI Workflows for Banking.pdf
Dr. LAM Yat-fai (林日辉)
 
PDF
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
Market Insight : ETH Dominance Returns
CIFDAQ
 
CloudStack GPU Integration - Rohit Yadav
ShapeBlue
 
The Past, Present & Future of Kenya's Digital Transformation
Moses Kemibaro
 
Darren Mills The Migration Modernization Balancing Act: Navigating Risks and...
AWS Chicago
 
UI5Con 2025 - Get to Know Your UI5 Tooling
Wouter Lemaire
 
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
 
Shuen Mei Parth Sharma Boost Productivity, Innovation and Efficiency wit...
AWS Chicago
 
Top Managed Service Providers in Los Angeles
Captain IT
 
HR agent at Mediq: Lessons learned on Agent Builder & Maestro by Tacstone Tec...
UiPathCommunity
 
UI5Con 2025 - Beyond UI5 Controls with the Rise of Web Components
Wouter Lemaire
 
Extensions Framework (XaaS) - Enabling Orchestrate Anything
ShapeBlue
 
Upskill to Agentic Automation 2025 - Kickoff Meeting
DianaGray10
 
Earn Agentblazer Status with Slack Community Patna.pptx
SanjeetMishra29
 
Building and Operating a Private Cloud with CloudStack and LINBIT CloudStack ...
ShapeBlue
 
2025-07-15 EMEA Volledig Inzicht Dutch Webinar
ThousandEyes
 
OpenInfra ID 2025 - Are Containers Dying? Rethinking Isolation with MicroVMs.pdf
Muhammad Yuga Nugraha
 
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
Simplifying End-to-End Apache CloudStack Deployment with a Web-Based Automati...
ShapeBlue
 
Lecture A - AI Workflows for Banking.pdf
Dr. LAM Yat-fai (林日辉)
 
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 

SharePoint Wednesday Port Elisabeth - Introduction to AngularJS with the Microsoft Graph

  • 1. Introduction to #angrydragon with 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 AngularJS and 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 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
  • 7. AngularJS is (still) very… Trendy !
  • 8. Key concepts of AngularJS • Architecture pattern • Enhanced HTML templating • 2-way data-binding • Routing engine • Dependency injection • Unit testing
  • 10. 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/
  • 11. 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
  • 13. 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
  • 14. Common consent • Admin and end-user consent • Secure protocol • No capturing user credentials • Fine-grained access scopes • Long-term access through refresh tokens
  • 15. Authentication options • Azure AD 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