JQuery : Rethink Web Development - Tom Van Gaever

handslustyInternet et le développement Web

14 déc. 2013 (il y a 7 années et 7 mois)

324 vue(s)

JQuery : Rethink Web
Development

Van Gaever Tom




tom.vangaever@neomatics.be

Agenda

JQuery

Introduction

What makes JQuery interesting?

How do I use it?

Demo


SharePoint with JQuery

Best Practices

Possibilities




Introduction

What is JQuery?

What do I need to understand JQuery?


Introduction

What is JQuery?

What do I need to understand JQuery?






#id

.class

$()



Introduction

Why should I consider using it?

How can it help me?

What are these plugins?

Introduction

Why should I consider using it?

How can it help me?

What are these plugins?

$(object identifier).action();

Demo

Selectors

Forms

Attributes

Manipulators

Events

AJAX

Events

Utilities

Drag & Drop

Widgets

Plugins

Content Slider

Fancy Box

Tree

...


Ajax Libraries

2007

2009

Diff

JQuery

13.3 %

71.4 %

58.1 %

AJAX Control Toolkit

49.6 %

58.8 %

9.2 %

ASP.NET Ajax

73.7 %

44.8 %

-
28.9 %

Telerik

radControls

11.7 %

15.6 %

3.9 %

Ajax.NET Professional

13.3 %

10.3 %

-
3.0 %

JSON.NET

3.3 %

9.7 %

6.4 %

Raw Ajax

11.3 %

8.6 %

-
2.7 %

Prototype

11.5 %

8.3 %

-
3.2 %

Yahoo! UI

5.5 %

7.0 %

1.5 %

Ext JS

6.1 %

6.1 %

0.0 %

Script.aculo.us

9.7 %

5.3 %

-
4.4 %

http://codeclimber.net.nz/

Microsoft Support

September 2008

Official Development Platform

Additional controls

Testing & patches



Visual Studio

Visual Studio 2008 SP1

Hotfix


mylibrary
-
vsdoc
.js

mylibrary
.debug
.js

mylibrary.js



SharePoint & Jquery

Web based

Javascript


Document Library

12 hive

AdditionalPageHead Delegate Control


Content Editor Webpart


&PageView=Shared&ToolPaneView=2






SharePoint & Jquery

SharePoint development:



Custom control



Create sharepoint feature



Deploy in the GAC



Manipulate Masterpage



What about navigation settings?



Performance?



Service Packs?

JQuery:



20 lines of Javascript



Keep navigation settings



No assembly needed



Client side

http://darrenjohnstone.net





var lists = new SPAPI_Lists("http://server") ;

var listcollection = lists.getListCollection();

if(listcollection.status == "200"){


$(listcollection.responseXML)


.find("List")

.each(function(){



//here we have each list


});





Javascript API

SharePoint webservices

Asynchronous Tasks

Quickly add multiple tasks at once

No postback

Message when task has been saved

Clear the textboxes

Demo’s


Information

http://jquery.com/

http://jqueryui.com/

http://darrenjohnstone.net



http://www.tomvangaever.be

http://www.endusersharepoint.com




Thank You!