J querypresentation
-
Upload
mahesh-reddy -
Category
Technology
-
view
82 -
download
0
Transcript of J querypresentation
![Page 1: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/1.jpg)
By : P . Mahesh Reddy
Software Engineer
20‟th Feb 2013
![Page 2: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/2.jpg)
http://buildinternet.com/live/curtains/
http://www.willjessup.com/sandbox/jquery/rotator/rotator.html
http://www.spritely.net/
http://lab.smashup.it/flip/
Impressed !!! Let’s see that jQuery
![Page 3: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/3.jpg)
Where‟d jQuery came from?
Why is it so popular?
How has it changed development?
How will it drive innovation?
Then Code!
![Page 4: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/4.jpg)
Complex
Highly technical
Highly dynamic
Exponential growth
![Page 5: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/5.jpg)
5 Doctypes
3 css versions
Flash , Silverlight ,ActiveX , Java Applets
ASP(Classic) , ASP.net ,Java ,PHP ,Ruby ,Python
ColdFusion, Oracle , MySQL, Postgress ,CouchDB
MongoDB , Access
HTTP , FTP ,SMTP ,SSL ,gopher ://
Ajax , Comet, SOAP , and the REST
![Page 6: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/6.jpg)
Innovation
Open Source
High distribution
Large community
Numerous problems to solve
![Page 7: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/7.jpg)
Client side wasn't exciting
“Unique “ browsers
The time came for Hero entry..!
![Page 8: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/8.jpg)
They are craftsman
Skilled at integration
“ Not only a Developer but also jQuery ”
![Page 9: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/9.jpg)
Leveraged existing skills
Improved developer efficiency
Lowered barrier to entry
Fostered a community
Protected it‟s core focus
![Page 10: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/10.jpg)
DOM centric JavaScript library & API
Plugin Architecture
$ =jQuery
Selectors:
1.$(css selectors) ,Ex:$(‘#myTable>#mytr’)#=id,.=class
2.$(DOM Element),Ex:$(„table‟)
![Page 11: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/11.jpg)
Know more at:
http://www.w3schools.com/jsref/defaul
t.asp
![Page 12: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/12.jpg)
1. HTML document traversal and
manipulation
2. Event handling
3. Effects
4. Ajax
Chaining
$(selector).action1().action2().action3();
![Page 13: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/13.jpg)
Traversal: Manipulation:
.parents(expression) .appendTo(exp)
.find(expression) .prepend(content)
.prev() .prependTo(exp)
.next() .after(content)
.siblings() .before(content)
.remove()
Etc…. Etc….
![Page 14: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/14.jpg)
![Page 15: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/15.jpg)
.click()
.hover()
.dbclick()
.mouseenter()
.mouseleave()
Etc…
![Page 16: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/16.jpg)
.show()
.hide()
.fadeIn()
.fadeOut()
.animate()
Etc..
![Page 17: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/17.jpg)
$.ajax({url:aaa.html,data:values,etc..},success:function{},complete{},error:function(){});
![Page 18: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/18.jpg)
Jqueryui.com
http://razorjack.net/quicksand/
http://www.jquery4u.com/function-demos/animate/
http://demo.tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/demo.html
![Page 19: J querypresentation](https://reader033.fdocuments.net/reader033/viewer/2022052912/55a0c3471a28abec4f8b471f/html5/thumbnails/19.jpg)