Downloaded 27 times
![What’s Possible?Facebook [http://www.facebook.com/ ] you know what it’s for ? :DMafia](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/75/Introduction-to-Jquery-12-2048.jpg)
![What’s Possible?EyeOS [ www.eyeos.com ] is the Open Source Cloud Computing's Web Desktop Qooxdoo[ http://qooxdoo.org/ ] Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/75/Introduction-to-Jquery-13-2048.jpg)
![What’s Possible?Phpanywhere [http://phpanywhere.net/ ] is an online IDE](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/75/Introduction-to-Jquery-14-2048.jpg)
![JavaScript Library why ?Easier DevelopmentBrowser IndependentAJAX [ Buzz word ] Operation http://en.wikipedia.org/wiki/JavaScript_library](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/75/Introduction-to-Jquery-24-2048.jpg)
![Important FactorsSelectorsAttributesTraversingManipulationCSSEventsEffectsAjaxUtiliteshttp://docs.jquery.com/ [ API Reference Section]](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/75/Introduction-to-Jquery-35-2048.jpg)
![jQuery Collection$(‘#some_id’) return jQuery CollectionYou can treat it likeAs Array $(‘#some_id’)[0]$(‘#some_id’).lengthAs Method$(‘#some_id’).size() /* matched element count*/$(‘#some_id’).click(function() { alert(‘clicked’); });](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/75/Introduction-to-Jquery-38-2048.jpg)
![AJAX or AJAH using JavaScriptif(typeofXMLHttpRequest !== 'undefined') xhr = new XMLHttpRequest(); else { var versions = ["Microsoft.XmlHttp", "MSXML2.XmlHttp", "MSXML2.XmlHttp.3.0", "MSXML2.XmlHttp.4.0", "MSXML2.XmlHttp.5.0"]; for(vari = 0, len = versions.length; i < len; i++) { try { xhr = new ActiveXObject(versions[i]); break; } catch(e){} } // end for }http://net.tutsplus.com/videos/screencasts/how-to-make-ajax-requests-with-raw-javascript-part-2/](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/75/Introduction-to-Jquery-42-2048.jpg)
Uploaded byAmzad Hossain
Introduction to Jquery
This document provides information about Mohammad Amzad Hossain and his interests. It also contains summaries of internet usage statistics from 2001 and 2009, examples of what can be done with technologies like jQuery, JavaScript and AJAX, and important links related to learning jQuery. The document covers topics ranging from the history of the internet to interactive web development tools.
Introduction to Jquery
- 1. Mohammad AmzadHossainI ama FAN of NarutoProject Manager @ jhoroTEK.comhttp://tohin.wordpress.comwww.twitter.com/neotohinwww.slideshare.net/neotohinwww.linkedin.com/in/tohinwww.jhorotek.com
- 2. THIS PAST & PRESENTTHAT
- 3. World Total 513.41million Africa 4.15 million Asia/Pacific 143.99 million Europe 154.63 million Middle East 4.65million Canada & USA 180.68 million Latin America 25.33 million
- 4. Total Number ofpeople ONLINE - By August 2001
- 5. More Than 350Million50% active users 35 million ppl updates status each day2.5 Billion photos updated
- 6.
- 7.
- 8. “When I tookoffice, only high energy physicistshad ever heard of what is called the World WideWeb... Now even my cat has it's own page.”- Bill Clinton
- 9.
- 10.
- 11. What’s Possible?http://balldroppings.com/js/SEE ITFOR YOURSELF .. YOU WILL LIKE IT .. Except Internet Explorer
- 12. What’s Possible?Facebook [http://www.facebook.com/ ] you know what it’s for ? :DMafia
- 13. What’s Possible?EyeOS [www.eyeos.com ] is the Open Source Cloud Computing's Web Desktop Qooxdoo[ http://qooxdoo.org/ ] Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications
- 14. What’s Possible?Phpanywhere [http://phpanywhere.net/] is an online IDE
- 15.
- 16.
- 17.
- 18. JavaScript A scripting programminglanguage most commonly used to add interactive features to webpagesen.wiktionary.org/wiki/JavaScriptSearch Google with: ‘define:JavaScript’
- 19. Most Common Usealert(‘Youfailed to learn BODY CLONE Jutsu!’);confirm(‘Are you sure you want to buy suriken ??’);document.getElementById(‘sword’).innerHTML = ‘OK’;document.getElementById(‘sword’).style.backgroundColor = ‘#cccccc’;
- 20. JavaScriptNot Just forBasic CalculationNot Just for Alert and ConfirmNot Just for Input Validation Not Just for Show and HideNot Just for GO BACK
- 21. DO YOU wANTTOBE A ?JAVASCRIPT NINJA
- 22.
- 24. JavaScript Library why?Easier DevelopmentBrowser IndependentAJAX [ Buzz word ] Operation http://en.wikipedia.org/wiki/JavaScript_library
- 25. http://en.wikipedia.org/wiki/List_of_JavaScript_librariesjQuery“The Write Less,Do More , JavaScript Library”jQuery is
- 26. Fast and conciseJavaScript Library
- 27.
- 28.
- 29.
- 30.
- 31. Ajax interactions forrapid web development
- 32. Current Version: 1.4.2 ( minified 24KB, dev 155KB )jQuery why ??“I am not saying jQuery is best for you. But could be”Plugins
- 33.
- 34. http://stackoverflow.com/questions/798840/what-should-i-choose-jquery-mootools-yui-scriptaculous-or-prototypeHow to Embed?Download Latest Version of jQueryEmbed it as like other external JavaScript fileThat’s it <html><head><scripttype="text/javascript"src='./js/jquery.js'></script><scripttype="text/javascript"> $(function(){ alert('Yeah Jquery Works!'); });</script></head></html>
- 35.
- 36.
- 37.
- 38. jQuery Collection$(‘#some_id’) return jQuery CollectionYou can treat it likeAs Array $(‘#some_id’)[0]$(‘#some_id’).lengthAs Method$(‘#some_id’).size() /* matched element count*/$(‘#some_id’).click(function() { alert(‘clicked’); });
- 39.
- 40.
- 41.
- 42. AJAX or AJAHusing JavaScriptif(typeofXMLHttpRequest !== 'undefined') xhr = new XMLHttpRequest(); else { var versions = ["Microsoft.XmlHttp", "MSXML2.XmlHttp", "MSXML2.XmlHttp.3.0", "MSXML2.XmlHttp.4.0", "MSXML2.XmlHttp.5.0"]; for(vari = 0, len = versions.length; i < len; i++) { try { xhr = new ActiveXObject(versions[i]); break; } catch(e){} } // end for }http://net.tutsplus.com/videos/screencasts/how-to-make-ajax-requests-with-raw-javascript-part-2/
- 43. AJAX or AJAHusingJQuery $.post('http://localhost/presentation/ajax.html',function(data) {$('#conatiner').html( data );});
- 44. Don’t Forget aboutPlugins / UI
- 45.
- 46.
- 47. Imp. links forjQuerywww.jquery.comdocs.jquery.com api.jquery.com www.visualjquery.comui.jquery.com plugins.jquery.com http://ejohn.org/blog/
- 48.
- 49. ??? ???
- 50.