SlideShare a Scribd company logo
jQuery Programming
with Visual Web Part
SharePoint 2013 / 2010
SharePoint UG 07/May/2013
Agenda
 What is jQuery?
 Why jQuery?
 jQuery Widgets
 Visual Web Parts and jQuery
 Demo
 Deploying jQuery Components with wsp
What is jQuery?
 jQuery is a library that makes it quicker and easier to build JavaScript
webpages and web apps
 jQuery is itself written in JavaScript, and comes in the form of a single .js file
that you link to from your webpage
 The jQuery library actually comes in 2 forms:
 The uncompressed .js file is easy to read and modify, but it's around 160kb in size
(at the time of writing).
 The minified .js file has all comments, whitespace, and other unnecessary
characters removed from the file, squeezing the whole library into a mere 23kb.
Why jQuery?
 Making XML (Ajax) requests. These use JavaScript to request additional data
from the Web server without having to reload the page.
 Manipulating the DOM. You can easily add, remove, and reorder content in
the Web page using just a couple of lines of code
 Adding animated effects to elements. jQuery lets you easily add effects such
as fading in/out, sliding in/out, and expanding/contracting
 Rich UI animated Controls Available
 jQuery Plugins – Many reusable plugins available which are ready to use.
jQuery Widgets
 Accordion
 Autocomplete
 Button
 Datepicker
 Dialog
 Menu
 Progressbar
 Slider
 Spinner
 Tabs
 Tooltip
Client Object Model vs. jQuery
 Client Object Model
 Managed Client - Microsoft.SharePoint.Client.dll
 Silverlight - Microsoft.SharePoint.Client.Silverlight.dll
 ECMAScript - SP.js
 jQuery
 spservices http://spservices.codeplex.com/
 jPoint http://jpoint.codeplex.com/discussions/81945
 Raw jQuery http://jquery.com/
Client Object Model
SharePoint 2013 -
REST(REpresentational State Transfer)
 jQuery Programming against list
 jQuery UI
REST
 POST – Create lists and sites
 PUT, PATCH, MERGE for update
Client object model REST equivalent
ClientContext.Web.Lists http://server/site/_api/web/lists
ClientContext.Web.Lists[guid] http://server/site/_api/web/lists(‘guid’)
ClientContext.Web.Lists.GetByTitle("Title") http://server/site/_api/web/lists/getbytitle(‘Title’)
REST Call
Area Access point
Site http://server/site/_api/site
Web http://server/site/_api/web
User Profile http:// server/site/_api/SP.UserProfiles.PeopleManager
Search http:// server/site/_api/search
Publishing http:// server/site/_api/publishing
To access a specific site collection
http://server/site/_api/site
To access a specific site
http://server/site/_api/web
Parameter
http://server/site/_api/web/lists/getByTitle('Announcements')/fields/getByTitle('Description')
http://server/site/_api/web/lists('<guid>')/fields/getById('<guid>')
Alias (both are same)
http://server/site/_api/web/applyWebTemplate("STS#0")
http://server/site/_api/web/applyWebTemplate(title=@template)?@template="STS#0“
Sample – Create List
Update List
jQuery UI Demo
 Accordion Sample
Ad

Recommended

J query
J query
Alliza Reyes
 
Ise312 Ec Presentation Jquery
Ise312 Ec Presentation Jquery
duygut
 
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
Chris O'Brien
 
Single Page Application
Single Page Application
Prasad Narasimhan
 
Angular js presentation at Datacom
Angular js presentation at Datacom
David Xi Peng Yang
 
Client Object Model - SharePoint Extreme 2012
Client Object Model - SharePoint Extreme 2012
daniel plocker
 
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - reference
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - reference
Chris O'Brien
 
Asp net
Asp net
Dr. C.V. Suresh Babu
 
Chris OBrien - Weaving Enterprise Solutions into Office Products
Chris OBrien - Weaving Enterprise Solutions into Office Products
Chris O'Brien
 
Single Page Applications on JavaScript and ASP.NET MVC4
Single Page Applications on JavaScript and ASP.NET MVC4
Yuriy Shapovalov
 
STUG-Client Object Model SharePoint 2010
STUG-Client Object Model SharePoint 2010
Shakir Majeed Khan
 
New Features of ASP.NET 4.0
New Features of ASP.NET 4.0
Buu Nguyen
 
Introduction to the jQuery mobile framework
Introduction to the jQuery mobile framework
Rishabh Rao
 
What is jQuery?
What is jQuery?
tina3reese7
 
ASP.NET Lecture 1
ASP.NET Lecture 1
Julie Iskander
 
SharePoint 2013 Client Side Rendering
SharePoint 2013 Client Side Rendering
Bill Wolff
 
ASP.NET 4.0 Roadmap
ASP.NET 4.0 Roadmap
Harish Ranganathan
 
Eclipse orion
Eclipse orion
Nguyen Quang
 
Office 2013 loves web developers slide
Office 2013 loves web developers slide
Fabio Franzini
 
Developing an aspnet web application
Developing an aspnet web application
Rahul Bansal
 
Mvc3 crash
Mvc3 crash
Melick Baranasooriya
 
Asp.net
Asp.net
OpenSource Technologies Pvt. Ltd.
 
Info path advanced development @ Sri Lanka SharePoint Forum
Info path advanced development @ Sri Lanka SharePoint Forum
Melick Baranasooriya
 
Active Server Page(ASP)
Active Server Page(ASP)
Keshab Nath
 
Introduction to AngularJS Framework
Introduction to AngularJS Framework
Raveendra R
 
Overview on jQuery mobile
Overview on jQuery mobile
Md. Ziaul Haq
 
Presentation on asp.net controls
Presentation on asp.net controls
Reshi Unen
 
Mvc summary
Mvc summary
Muhammad Younis
 
Upper Pri A - Key parts of speech and introduction to phrases
Upper Pri A - Key parts of speech and introduction to phrases
Languagelab Group
 

More Related Content

What's hot (20)

Chris OBrien - Weaving Enterprise Solutions into Office Products
Chris OBrien - Weaving Enterprise Solutions into Office Products
Chris O'Brien
 
Single Page Applications on JavaScript and ASP.NET MVC4
Single Page Applications on JavaScript and ASP.NET MVC4
Yuriy Shapovalov
 
STUG-Client Object Model SharePoint 2010
STUG-Client Object Model SharePoint 2010
Shakir Majeed Khan
 
New Features of ASP.NET 4.0
New Features of ASP.NET 4.0
Buu Nguyen
 
Introduction to the jQuery mobile framework
Introduction to the jQuery mobile framework
Rishabh Rao
 
What is jQuery?
What is jQuery?
tina3reese7
 
ASP.NET Lecture 1
ASP.NET Lecture 1
Julie Iskander
 
SharePoint 2013 Client Side Rendering
SharePoint 2013 Client Side Rendering
Bill Wolff
 
ASP.NET 4.0 Roadmap
ASP.NET 4.0 Roadmap
Harish Ranganathan
 
Eclipse orion
Eclipse orion
Nguyen Quang
 
Office 2013 loves web developers slide
Office 2013 loves web developers slide
Fabio Franzini
 
Developing an aspnet web application
Developing an aspnet web application
Rahul Bansal
 
Mvc3 crash
Mvc3 crash
Melick Baranasooriya
 
Asp.net
Asp.net
OpenSource Technologies Pvt. Ltd.
 
Info path advanced development @ Sri Lanka SharePoint Forum
Info path advanced development @ Sri Lanka SharePoint Forum
Melick Baranasooriya
 
Active Server Page(ASP)
Active Server Page(ASP)
Keshab Nath
 
Introduction to AngularJS Framework
Introduction to AngularJS Framework
Raveendra R
 
Overview on jQuery mobile
Overview on jQuery mobile
Md. Ziaul Haq
 
Presentation on asp.net controls
Presentation on asp.net controls
Reshi Unen
 
Mvc summary
Mvc summary
Muhammad Younis
 
Chris OBrien - Weaving Enterprise Solutions into Office Products
Chris OBrien - Weaving Enterprise Solutions into Office Products
Chris O'Brien
 
Single Page Applications on JavaScript and ASP.NET MVC4
Single Page Applications on JavaScript and ASP.NET MVC4
Yuriy Shapovalov
 
STUG-Client Object Model SharePoint 2010
STUG-Client Object Model SharePoint 2010
Shakir Majeed Khan
 
New Features of ASP.NET 4.0
New Features of ASP.NET 4.0
Buu Nguyen
 
Introduction to the jQuery mobile framework
Introduction to the jQuery mobile framework
Rishabh Rao
 
SharePoint 2013 Client Side Rendering
SharePoint 2013 Client Side Rendering
Bill Wolff
 
Office 2013 loves web developers slide
Office 2013 loves web developers slide
Fabio Franzini
 
Developing an aspnet web application
Developing an aspnet web application
Rahul Bansal
 
Info path advanced development @ Sri Lanka SharePoint Forum
Info path advanced development @ Sri Lanka SharePoint Forum
Melick Baranasooriya
 
Active Server Page(ASP)
Active Server Page(ASP)
Keshab Nath
 
Introduction to AngularJS Framework
Introduction to AngularJS Framework
Raveendra R
 
Overview on jQuery mobile
Overview on jQuery mobile
Md. Ziaul Haq
 
Presentation on asp.net controls
Presentation on asp.net controls
Reshi Unen
 

Viewers also liked (12)

Upper Pri A - Key parts of speech and introduction to phrases
Upper Pri A - Key parts of speech and introduction to phrases
Languagelab Group
 
gloucesterreference.letter
gloucesterreference.letter
Mark Bizzelle
 
Modelo de examen
Modelo de examen
Mafer Castro
 
LL Lower Sec - Av & Pv
LL Lower Sec - Av & Pv
Languagelab Group
 
Who we are
Who we are
Vicky LY
 
ACCOUNTING FOR MANAGERS
ACCOUNTING FOR MANAGERS
ICFAI Business School
 
Tema 26
Tema 26
Dian Alex Gonzalez
 
Как построить поток клиентов
Как построить поток клиентов
Artemy Malkov, PhD
 
Cerebro normal y patologías vasculares
Cerebro normal y patologías vasculares
Lizette Torres Vigo
 
La Palazzo
La Palazzo
Bangalore Real
 
Ad

Similar to jQuery programming with visual web part (20)

jQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPages
Mark Roden
 
Introduction to j query
Introduction to j query
thewarlog
 
Upstate CSCI 450 jQuery
Upstate CSCI 450 jQuery
DanWooster1
 
SharePoint Cincy 2012 - jQuery essentials
SharePoint Cincy 2012 - jQuery essentials
Mark Rackley
 
Spsbe2012 sessie start to-jquery
Spsbe2012 sessie start to-jquery
Marijn Somers
 
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuide
Mark Rackley
 
J query presentation
J query presentation
sawarkar17
 
J query presentation
J query presentation
akanksha17
 
SPSDenver - SharePoint & jQuery - What I wish I would have known
SPSDenver - SharePoint & jQuery - What I wish I would have known
Mark Rackley
 
Jquery PPT_Finalfgfgdfgdr5tryeujkhdwappt
Jquery PPT_Finalfgfgdfgdr5tryeujkhdwappt
shubhangimalas1
 
Introduction to Jquery
Introduction to Jquery
Gurpreet singh
 
JQuery introduction
JQuery introduction
NexThoughts Technologies
 
jQuery Introduction/ jquery basic concept
jQuery Introduction/ jquery basic concept
MuhammadJameel83
 
SharePoint and jQuery Essentials
SharePoint and jQuery Essentials
Mark Rackley
 
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
Doris Chen
 
Introduction to using jQuery with SharePoint
Introduction to using jQuery with SharePoint
Rene Modery
 
Microsoft UK TechDays - jQuery and ASP.NET
Microsoft UK TechDays - jQuery and ASP.NET
ukdpe
 
Easy tabs, Slideshows, Dashboards, etc - Client Side Scripts for SharePoint
Easy tabs, Slideshows, Dashboards, etc - Client Side Scripts for SharePoint
PathToSharePoint
 
Lotusphere 2012 Speedgeeking - jQuery & Domino, a RAD Combination
Lotusphere 2012 Speedgeeking - jQuery & Domino, a RAD Combination
Sean Burgess
 
Jquery
Jquery
reddivarihareesh
 
jQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPages
Mark Roden
 
Introduction to j query
Introduction to j query
thewarlog
 
Upstate CSCI 450 jQuery
Upstate CSCI 450 jQuery
DanWooster1
 
SharePoint Cincy 2012 - jQuery essentials
SharePoint Cincy 2012 - jQuery essentials
Mark Rackley
 
Spsbe2012 sessie start to-jquery
Spsbe2012 sessie start to-jquery
Marijn Somers
 
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuide
Mark Rackley
 
J query presentation
J query presentation
sawarkar17
 
J query presentation
J query presentation
akanksha17
 
SPSDenver - SharePoint & jQuery - What I wish I would have known
SPSDenver - SharePoint & jQuery - What I wish I would have known
Mark Rackley
 
Jquery PPT_Finalfgfgdfgdr5tryeujkhdwappt
Jquery PPT_Finalfgfgdfgdr5tryeujkhdwappt
shubhangimalas1
 
Introduction to Jquery
Introduction to Jquery
Gurpreet singh
 
jQuery Introduction/ jquery basic concept
jQuery Introduction/ jquery basic concept
MuhammadJameel83
 
SharePoint and jQuery Essentials
SharePoint and jQuery Essentials
Mark Rackley
 
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
Doris Chen
 
Introduction to using jQuery with SharePoint
Introduction to using jQuery with SharePoint
Rene Modery
 
Microsoft UK TechDays - jQuery and ASP.NET
Microsoft UK TechDays - jQuery and ASP.NET
ukdpe
 
Easy tabs, Slideshows, Dashboards, etc - Client Side Scripts for SharePoint
Easy tabs, Slideshows, Dashboards, etc - Client Side Scripts for SharePoint
PathToSharePoint
 
Lotusphere 2012 Speedgeeking - jQuery & Domino, a RAD Combination
Lotusphere 2012 Speedgeeking - jQuery & Domino, a RAD Combination
Sean Burgess
 
Ad

More from Senthamil Selvan (15)

AR/MR HoloLens
AR/MR HoloLens
Senthamil Selvan
 
Get started azure- Azure Mobile Services
Get started azure- Azure Mobile Services
Senthamil Selvan
 
Developing advanced universal apps using html & js
Developing advanced universal apps using html & js
Senthamil Selvan
 
Univeral App using O365 API
Univeral App using O365 API
Senthamil Selvan
 
Product centric site
Product centric site
Senthamil Selvan
 
Building universal app
Building universal app
Senthamil Selvan
 
SharePoint Farm Setup On Azure
SharePoint Farm Setup On Azure
Senthamil Selvan
 
Xaml programming
Xaml programming
Senthamil Selvan
 
Azure Websites
Azure Websites
Senthamil Selvan
 
Windows 8.1 Start Screen Features
Windows 8.1 Start Screen Features
Senthamil Selvan
 
Surface presentation
Surface presentation
Senthamil Selvan
 
Share point 2010 features
Share point 2010 features
Senthamil Selvan
 
Silverlight 4
Silverlight 4
Senthamil Selvan
 
Share point guidance package
Share point guidance package
Senthamil Selvan
 
ASP.NET MVC 4.0
ASP.NET MVC 4.0
Senthamil Selvan
 

Recently uploaded (20)

“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
Edge AI and Vision Alliance
 
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik
 
June Patch Tuesday
June Patch Tuesday
Ivanti
 
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
AmirStern2
 
OWASP Barcelona 2025 Threat Model Library
OWASP Barcelona 2025 Threat Model Library
PetraVukmirovic
 
“Addressing Evolving AI Model Challenges Through Memory and Storage,” a Prese...
“Addressing Evolving AI Model Challenges Through Memory and Storage,” a Prese...
Edge AI and Vision Alliance
 
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC
 
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
Edge AI and Vision Alliance
 
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptx
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptx
FIDO Alliance
 
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdf
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdf
Muhammad Rizwan Akram
 
Murdledescargadarkweb.pdfvolumen1 100 elementary
Murdledescargadarkweb.pdfvolumen1 100 elementary
JorgeSemperteguiMont
 
Viral>Wondershare Filmora 14.5.18.12900 Crack Free Download
Viral>Wondershare Filmora 14.5.18.12900 Crack Free Download
Puppy jhon
 
The State of Web3 Industry- Industry Report
The State of Web3 Industry- Industry Report
Liveplex
 
Supporting the NextGen 911 Digital Transformation with FME
Supporting the NextGen 911 Digital Transformation with FME
Safe Software
 
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
caoyixuan2019
 
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Safe Software
 
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
Precisely
 
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Alliance
 
AI vs Human Writing: Can You Tell the Difference?
AI vs Human Writing: Can You Tell the Difference?
Shashi Sathyanarayana, Ph.D
 
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
NTT DATA Technology & Innovation
 
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
Edge AI and Vision Alliance
 
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik
 
June Patch Tuesday
June Patch Tuesday
Ivanti
 
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
AmirStern2
 
OWASP Barcelona 2025 Threat Model Library
OWASP Barcelona 2025 Threat Model Library
PetraVukmirovic
 
“Addressing Evolving AI Model Challenges Through Memory and Storage,” a Prese...
“Addressing Evolving AI Model Challenges Through Memory and Storage,” a Prese...
Edge AI and Vision Alliance
 
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC
 
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
Edge AI and Vision Alliance
 
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptx
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptx
FIDO Alliance
 
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdf
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdf
Muhammad Rizwan Akram
 
Murdledescargadarkweb.pdfvolumen1 100 elementary
Murdledescargadarkweb.pdfvolumen1 100 elementary
JorgeSemperteguiMont
 
Viral>Wondershare Filmora 14.5.18.12900 Crack Free Download
Viral>Wondershare Filmora 14.5.18.12900 Crack Free Download
Puppy jhon
 
The State of Web3 Industry- Industry Report
The State of Web3 Industry- Industry Report
Liveplex
 
Supporting the NextGen 911 Digital Transformation with FME
Supporting the NextGen 911 Digital Transformation with FME
Safe Software
 
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
caoyixuan2019
 
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Safe Software
 
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
Precisely
 
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Alliance
 
AI vs Human Writing: Can You Tell the Difference?
AI vs Human Writing: Can You Tell the Difference?
Shashi Sathyanarayana, Ph.D
 
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
NTT DATA Technology & Innovation
 

jQuery programming with visual web part

  • 1. jQuery Programming with Visual Web Part SharePoint 2013 / 2010 SharePoint UG 07/May/2013
  • 2. Agenda  What is jQuery?  Why jQuery?  jQuery Widgets  Visual Web Parts and jQuery  Demo  Deploying jQuery Components with wsp
  • 3. What is jQuery?  jQuery is a library that makes it quicker and easier to build JavaScript webpages and web apps  jQuery is itself written in JavaScript, and comes in the form of a single .js file that you link to from your webpage  The jQuery library actually comes in 2 forms:  The uncompressed .js file is easy to read and modify, but it's around 160kb in size (at the time of writing).  The minified .js file has all comments, whitespace, and other unnecessary characters removed from the file, squeezing the whole library into a mere 23kb.
  • 4. Why jQuery?  Making XML (Ajax) requests. These use JavaScript to request additional data from the Web server without having to reload the page.  Manipulating the DOM. You can easily add, remove, and reorder content in the Web page using just a couple of lines of code  Adding animated effects to elements. jQuery lets you easily add effects such as fading in/out, sliding in/out, and expanding/contracting  Rich UI animated Controls Available  jQuery Plugins – Many reusable plugins available which are ready to use.
  • 5. jQuery Widgets  Accordion  Autocomplete  Button  Datepicker  Dialog  Menu  Progressbar  Slider  Spinner  Tabs  Tooltip
  • 6. Client Object Model vs. jQuery  Client Object Model  Managed Client - Microsoft.SharePoint.Client.dll  Silverlight - Microsoft.SharePoint.Client.Silverlight.dll  ECMAScript - SP.js  jQuery  spservices http://spservices.codeplex.com/  jPoint http://jpoint.codeplex.com/discussions/81945  Raw jQuery http://jquery.com/
  • 8. SharePoint 2013 - REST(REpresentational State Transfer)  jQuery Programming against list  jQuery UI
  • 9. REST  POST – Create lists and sites  PUT, PATCH, MERGE for update Client object model REST equivalent ClientContext.Web.Lists http://server/site/_api/web/lists ClientContext.Web.Lists[guid] http://server/site/_api/web/lists(‘guid’) ClientContext.Web.Lists.GetByTitle("Title") http://server/site/_api/web/lists/getbytitle(‘Title’)
  • 10. REST Call Area Access point Site http://server/site/_api/site Web http://server/site/_api/web User Profile http:// server/site/_api/SP.UserProfiles.PeopleManager Search http:// server/site/_api/search Publishing http:// server/site/_api/publishing To access a specific site collection http://server/site/_api/site To access a specific site http://server/site/_api/web Parameter http://server/site/_api/web/lists/getByTitle('Announcements')/fields/getByTitle('Description') http://server/site/_api/web/lists('<guid>')/fields/getById('<guid>') Alias (both are same) http://server/site/_api/web/applyWebTemplate("STS#0") http://server/site/_api/web/applyWebTemplate(title=@template)?@template="STS#0“
  • 13. jQuery UI Demo  Accordion Sample