Rich single page applications with SharePoint

Slides:



Advertisements
Similar presentations
Microsoft Office SharePoint Portal Server 2007 Introduction to InfoPath Forms Services Daryl L. Rudolph.
Advertisements

Designing, Deploying and Managing Workflow in SharePoint Sites Steve Heaney Product Development Manager OBS
02 | New Features for Web Developers Susan Ibach| Technical Evangelist Christopher Harrison | Head Geek.
Developing HTML5 Application using MVVM pattern Pekka Ylenius.
DEV392: Extending SharePoint Products And Technologies Through Web Parts And ASP.NET Clint Covington, Program Manager Data And Developer Services - Office.
SharePoint 2010 First Look: What's new for Developers in Microsoft SharePoint 2010 Matthew McDermott, MVP Aptillon, Able
Microsoft SharePoint 2013 SharePoint 2013 as a Developer Platform
Office 365 Platform Flexible Tools Office Store and App Catalog Discover A marketplace of off-the-shelf solutions to many of the common needs for.
SharePoint Collaboration Features & Workflow
It’s always better live. MSDN Events Developer Productivity Improvements with Visual Studio 2008 and Office Business Applications.
TrackDayTimeTitle ProjectTuesday12:30pm-1:45pm Managing tasks and projects with SharePoint Online and Project Pro for Office 365 ProjectWednesday9:00am-10:15amManaging.
Basic SharePoint 2013 App Development start-up for New Developers
User Group 2015 Version 5 Features & Infrastructure Enhancements.
Ian Palangio - Microsoft Product Specialist, InfoPath MVP Ben Walters - SDM Solution Specialist – Portals and Collaboration.
Building Dynamic Applications on both Office 365 and on-premise.
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
Sitefinity CMS Technical Overview & Developer’s Perspective
Creating Business Workflow Using SharePoint Designer 2007 Presented by Tarek Ghazali IT Technical Specialist Microsoft SQL Server MVP Microsoft SQL Server.
Project Agenda Project Introduction Project Developing for Microsoft the new Project Easy to acquire, try and validated by Microsoft! I like it – exactly.
Bob German Principal Architect A New on SharePoint Development Building Light-Weight Web Parts with AngularJS
Office 365 Platform Flexible Tools Understand different provisioning options and their advantages and disadvantages…
Todd Kitta  Covenant Technology Partners  Professional Windows Workflow Foundation.
Microsoft SharePoint Server 2010 for the Microsoft ASP.NET Developer Yaroslav Pentsarskyy
SDC 2013 SPA Made Breezy Tiberiu Covaci Ward Bell, v.p. of technology, IdeaBlade.
DEV12 Excel Services, Server APIs and Managed UDFs Aaron Saikovski Senior Consultant - Readify Australia Blog:
Canopy walk through Single-Page Apps (SPAs) Benjamin Howarth Freelancer, Code Gecko Umbraco UK Festival, Fri 30 th Oct 2015 CODE GECKO.
Yaroslav Pentsarskyy Involved in SharePoint since 2003 SharePoint MVP (2009- Present) Blog: sharemuch.com.
UNDERSTANDING YOUR OPTIONS FOR CLIENT-SIDE DEVELOPMENT IN OFFICE 365 Mark Rackley
Workflow in Microsoft Office SharePoint Server Jessica Gruber Consultant Microsoft Corporation.
Office 365: Attack of the Clones! Building reusable site templates with the Office 365 PnP Framework.
Modern Development Technologies in SharePoint SHAREPOINT SATURDAY OMAHA APRIL, 2016.
Wes Hackett Principal Solutions Architect Chris O’Brien Head of Development.
Bob German Principal Architect Developing SharePoint Applications with MVC and Entity Framework.
Apps for the modern enterprise INTRODUCTION TO SHAREPOINT AS A DEVELOPMENT PLATFORM RON COURVILLE.
Virtual techdays INDIA │ November 2010 SharePoint 2010 – Your one stop shop for all portal requirements Saranya Sriram │ Developer Evangelist, Microsoft.
AngularJS and SharePoint
Vineel Vutukuri. What is SPA? Why SPA? Pros & Cons When to use SPA?
Social Enablement of Xpages - Linoy K George & Mervin Thomas.
Introduction to SharePoint 2007 Brendon Schwartz
Building rich web applications with ASP.NET AJAX Mike Ormond Developer & Platform Evangelism Group, Microsoft Ltd Developer & Platform Evangelism Group,
Get an Introduction to the SharePoint Framework
Integrating SharePoint 2010 with Office 2010
Leveraging the Business Intelligence Features in SharePoint 2010
What's new in the world of SharePoint development and deployment
About Bill Bill Baer (ˈbɛər)
O365 Customization in the year 2017
Line of Business Solutions in SharePoint Online
Michael Robertson Yuta Takayama Google Closure Tools.
SharePoint Framework Extensions
SPFx – A modern development tool for SharePoint
SharePoint Cloud hosted Apps
SharePoint-Hosted Apps and JavaScript
SharePoint & jQuery: Better Together
Modern web applications
Introduction to SharePoint Framework
Office 365 Development July 2014.
Moving Your Customizations to the cloud
Modern web applications
SharePoint 2019 Overview and Use SPFx Extensions
Microsoft Connect /28/2019 2:20 AM
SharePoint Foundation 2010
SharePoint Foundation 2010
04 | Apps and SharePoint Chris Johnson | SharePoint Guru
Single Page Applications with jQuery or AngularJS
Introduce to Angular 6 Present by: Võ Văn Hào
Top-Rated AngularJs Development Company in India
SharePoint 2007 Developer Overview Collaboration BI Features
05 | An Introduction to AngularJS
#01# ASP.NET Core Overview Design by: TEDU Trainer: Bach Ngoc Toan
Running C# in the browser
Presentation transcript:

Rich single page applications with SharePoint Dinusha Kumarasiri LB Finance PLC

Dinusha Kumarasiri LB Finance PLC MVP - SharePoint server Solutions Architect focusing on SharePoint and related technologies Experienced in SharePoint, Office365 and Microsoft Azure Email : kumarasiri048@gmail.com Twitter : kumarasiri048 Facebook : dinushak LinkedIn : dinushak

Agenda Single Page Applications (SPA) SPA with AngularJS Integrate SPA with SharePoint Enhancements

Single Page Applications(SPA) What is SPA? Fits the application on one page Web application or web site that interacts with the user by dynamically rewriting the current page rather than loading entire new pages from a server Redraw parts of the UI without refreshing the page

Single Page Applications(SPA) Benefits of SPA Reduced round trips Works with low bandwidth scenarios Load data and views on demand Highly interactive

Single Page Applications(SPA) Real world examples of SPA Gmail Twitter Azure Portal

Single Page Applications(SPA) Risks of SPA SEO can be complicated Potential memory leaks

Single Page Applications(SPA) SPA Architecture MVC (Model-View-Controller) pattern MVVM (Model-View-ViewModel) pattern Initial page render - Shell Data binding Routing Data binding – bind viewmodel to a view For every route, you create an HTML template

Single Page Applications(SPA) Architectural concerns What frameworks, tooling to use? How to manage navigation/routing? How to access and present data? How to test the application?

Single Page Applications(SPA) Frameworks available

SPA with AngularJS AngularJS Taxonomy Module Controller Directive Service Block of code dedicated for a single purpose. Module per feature Business logic for views Extension for HTML Reusable business logic independent of Views Routing Enables navigation from one view to the next as users perform application tasks The ngRoute module routes your application to different pages without reloading the entire application.

SPA with AngularJS AngularJS Bootstrapping

Integrate SPA with SharePoint SharePoint and SPA Is SharePoint a SPA? What about Minimal Download Strategy (MDS)?

Integrate SPA with SharePoint SharePoint application development Farm Solutions SharePoint Add-Ins SharePoint Framework based Apps F Event Receivers SharePoint Hosted Client Side Web Parts Web Parts Provider Hosted Timer Jobs

Integrate SPA with SharePoint Approaches to build SPAs with SharePoint Upload SPA assets to SharePoint libraries Build SharePoint hosted add-in Build Provider hosted add-in

Integrate SPA with SharePoint Build SPA as a SharePoint Hosted add-in Runs on client web browser Add-in is decoupled from SharePoint Access resources in SharePoint using JSOM or REST API Decouple business logic using Workflows or BCS Protect scripts by minifying

Integrate SPA with SharePoint Accessing data Via SharePoint REST API Breeze.js to assist the process

Integrate SPA with SharePoint Create SharePoint Hosted Add-In Install HotTowel.Angular package Add Breeze Create applauncher Access SharePoint resources Demo : SPA with SharePoint

Enhancements Real time data using web sockets Integrating LOB systems Unit test using Jasmine

Summary SPAs will bring a lot of benefits We can use AngularJS as the framework Build SharePoint hosted add-in as a SPA Enhancements

Questions Email – kumarasiri048@gmail.com Blog – http://dinushaonline.blogspot.com