Develop using Office Graph API
•
0 j'aime•2,236 vues
Global Office 365 Developer Bootcamp - O Office 365 oferece uma oportunidade incrível para desenvolvedores, com dados críticos para os negócios e milhões de usuários combinados com uma plataforma projetada para manter as pessoas no fluxo de trabalho. Como desenvolvedor, você pode usar as ferramentas com as quais trabalha todos os dias para criar produtos e soluções inteligentes e conectados.
Recommandé
Contenu connexe
Tendances
Tendances (13)
Similaire à Develop using Office Graph API
Similaire à Develop using Office Graph API (20)
Plus de Rodrigo Kono
Plus de Rodrigo Kono (20)
Dernier
Dernier (20)
Develop using Office Graph API
- 6. OfficeApplication Support Platform/OS Support Windows Online Mac/iOS Excel Word PowerPoint Outlook OneNote Android (soon) SharePoint
- 7. Calendar https://graph.microsoft.com And more … Mail PeopleDocuments Acesso à dados e inteligência pelo Microsoft Azure Permite um desenvolvimento consistente da platforma Para ambos corporativo ou usuário Excel Notebooks Office Graph Groups Users
- 9. Sideloading Distribuição Pública (add-ins & apps) Office Store Outlook add-in Deployment SharePoint Catalog Centralized Deployment Azure Management Portal
- 12. Typography Fonts Colors Icons Office 365 Theming Animations Responsive Grid Components Localization New Investments OFFICEUIFABRIC In a Nutshell
- 13. OFFICEUIFABRIC +7 more Segoe UI, Type Ramp CSS classes representing the type ramp for the Office Design Language Helper classes for weight and color
- 14. OFFICEUIFABRIC 9 Theme Colors 22 Accent Colors 11 Neutral Colors Color O365 theme colors, neutral colors, MS Accent colors CSS classes for text, border, background, and hover states – just reference the class and you’re good to go Pulled directly from the MS palette Contrast ratio guidance baked into the site
- 15. OFFICEUIFABRIC Iconography The official icon font, with glyphs for applications and scenarios throughout O365 Simple implementation with CSS classes Localized for right-to-left languages <i class=“ms-Icon ms-Icon--mail”></i> IMPLEMENTATION
- 16. OFFICEUIFABRIC Responsive Grid Quickly create flexible layouts Consistent spacing and alignment 12-column, mobile-first grid
- 17. OFFICEUIFABRIC Localization Right-to-left CSS optimizations for icons, animations, and the grid Optimized font stacks for non-Western European languages FLIPS ICONS 6 3 3 633 REVERSES GRID LAYOUTS OPTIMIZES FONT FALLBACKS IMPLEMENTATION <!doctype html> <html dir=“rtl”> <head> <title>Application name</title> <link rel=“stylesheet” href=“fabric.rtl.css”> </head> ... </html>
- 18. OFFICEUIFABRIC <nav class=“LeftNav ms-u-slideRightIn40”> ... </nav> IMPLEMENTATION Motion CSS classes for 3 types of animations: slide, scale and fade Several variations for each type, e.g. most have “in” and “out” variants 24 animations Here is how the name of the class describes the animation:
- 19. OFFICEUIFABRIC Responsive UI elements used throughout Office 365 These are common, cross-product patterns (e.g. not bespoke) HTML, CSS, presentational JavaScript Framework-agnostic “components”, not data-bound “controls” Components
- 24. FABRICASPALETTEOFFICE UI FABRIC Fabric as a Palette Think of Fabric as a Palette to help you paint your UI Pick, choose, and modify to suit the needs of your project and your customer
- 25. TOOLINGOFFICE UI FABRIC Tooling Gulp is used for automated building, watching “Bundling” tool recently added for creating custom bundles of just what you need Recently completed conversion from LESS to SCSS
Notes de l'éditeur
- Cognitive Services - https://azure.microsoft.com/pt-br/services/cognitive-services/ https://www.microsoft.com/cognitive-services/en-us/face-api https://www.microsoft.com/cognitive-services/en-us/emotion-api
- https://dev.office.com/add-in-availability
- https://dev.office.com/getting-started/addins#intro