1. Advanced Technology Days 18. i 19. studenog 2015., Cinestar Arena Centar

2. Office 365 - Kako krenuti s razvojem i kamo sve to ide? Joško Ivankov

3. Bio ‐ Owner at qCode IT ‐ 9 yrs – SharePoint / Office 365 / K2 /.NET ‐ Spekear at MS conferences Contact info ‐ Email: josko.ivankov@qcodeit.comjosko.ivankov@qcodeit.com

4. Agenda Office 365 – What is new ? Office Developer Pattern and Practice Office Fabric UI

5. Office 365 What is new ?

6. New terminology Office 365 App Model renamed Apps for SharePointSharePoint Add-ins App WebAdd-in Web App PartAdd-in Part SharePoint App ModelSharePoint Add-in Model SharePoint Hosted AppSharePoint Hosted Add-in SharePoint Provider Hosted AppSharePoint Provider Hosted Add-in Apps for OfficeOffice Add-ins Office App ModelOffice Add-in Model Apps for Office in OutlookOutlook Add-ins Apps for Office in ExcelExcel Add-ins Apps for Office in PowerPointPowerPoint Add-ins Apps for Office in WordWord Add-ins

7. Two types of SharePoint Add-ins SharePoint- hosted Centered around Sharepoint components including lists, pages, Web Parts, workflows, libraries and more. Business logic is JavaScript on custom SharePoint pages. No server-side code. Provider-hosted Centered around a remote web application or data source. Business logic is mainly remote server-side code. Can include SharePoint components. Autohosted Apps Centered around automatically provisioned website and (optional) database in Windows Azure. Business logic is mainly remote server-side code (Azure) Can include SharePoint components.

8. Office 365 New stuff and improvements Office Developer Pattern and Practice Open source community effort with both MS and external contributors Office UI Fabric Responsive, mobile-first front-end framework for developers designed to create web experience using the Office Design Language. Office 365 unified API Exposes multiple APIs from Microsoft cloud services through a single REST API endpoint. Yammer SSO with Office 365 account. Include external users in conversation. New cleaner, simpler UI Office 365 – data migration pipeline API More faster, easier and reliable migration to Office 365 Office Graph Framework and platform which provides data based on user identity and user activity. Office 365 Groups Distribution list on steroids. Integrated across the entire Office 365 suite ( Mail, Calendar, OneDrive, Delve, OneNote ). Sway Create and share interactive reports, presentations, personal stories and other information.

9. Office 365 Roadmap - http://success.office.com/en-us/roadmap

10. Office Developer Patterns and Practices

11. Office Developer Pattern and Practice

12. Office Dev P&P - History Started internally in Microsoft First release in 2014 ‐ App Model Samples (AMS) ‐ Codeplex Office Dev PnP (late 2014) ‐ Moved to GitHub ‐ Numerous CSOM and REST API gaps were addressed Community grows (more then 50% added by community) ‐ Project - Core component ‐ Project - Remote provisioning and templating ‐ Code used as base for big projects and clients

13. Office Dev P&P - Overview More than just Code Components – Core Components to simplify dev Content – Guidance, PPT Decks, Articles Community – anyone can join !

14. Office Dev P&P - How to participate Join Yammer Group ‐ http://aka.ms/OfficeDevPnPYammer http://aka.ms/OfficeDevPnPYammer Monthly Community Calls ‐ http://aka.ms/OfficeDevPnPCalls http://aka.ms/OfficeDevPnPCalls ‐ What’s new ‐ Q&A

15. Getting Started with the Resources - http://aka.ms/OfficeDevPnP

16. Office Dev P&P - Current Repository Structure PnP ‐ Samples, solutions, components PnP-Provisioning-Schema PnP-Guidance – collection of commnunity contribudet P&P that is published to MSDN PnP-Store – Solutions built for the Office Marketplace PnP-Sites-Core - extensions component which encapsulates commonly used remote CSOM/REST operations PnP-Powershell Pnp-Office365-API – Office 365 API samples Pnp-OfficeAddins - Word, Outlook, Excel, PowerPoint Addins

17. Office Dev P&P - Want Videos ? PnP Channel 9 ‐ http://aka.ms/OfficeDevPnPVideos http://aka.ms/OfficeDevPnPVideos ‐ Watch (Launch) & Learn ‐ Recording of Monthly Community Calls

18. Demo – Offfice Dev P&P What’s in GitHub ? How do I find things ? 18

19. Office Dev P&P More Complex Solutions & Scenarios

20. Remote Timer Job SharePoint Service

21. Asynchronous pattern with WebJobs

22. PnP – Site provisioning framewor

23. Office UI Fabric

24. Office UI Fabric - Overview New front-end framework for developers A design language and package for Office 365 Application and Add-in developers Applications / add-ins look just like Office / Office 365 / SharePoint Like Bootstrap – allows developers to build website pretty quickly It can be used in any project – not just SharePoint or Office Add-ins

25. Office UI Fabric - Features Office UI Fabric Features ‐ Typography: CSS classes ‐ Color: background, text, border, different shades ‐ Icons: specific to Office, product logos ‐ Animations ‐ Responsive grid ‐ Localization : language optimized fonts (right to left)

26. Office UI Fabric - Components Buttons, choice fields, labels, text boxes, toggles, search box...

27. Office UI Fabric - Components Lists, dialogs, callouts

28. Office UI Fabric - Components Nav bars, pivots

29. Office UI Fabric - Components Persona, persona card, people pickers, list items, spinner & table

30. Office UI Fabric – How to participate ? Availabe on GitHub ‐ https://github.com/OfficeDev/Office-UI-Fabric https://github.com/OfficeDev/Office-UI-Fabric Open source

31. Office UI Fabric – How to use it ?

33. Office UI Fabric 33

34. Q & A Email: josko.ivankov@qcodeit.com