Introduction to Jquery
Download as PPTX, PDF1 like671 views
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.
![What’s Possible?Facebook [http://www.facebook.com/ ] you know what it’s for ? :DMafia](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/85/Introduction-to-Jquery-12-320.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/85/Introduction-to-Jquery-13-320.jpg)
![What’s Possible?Phpanywhere [http://phpanywhere.net/ ] is an online IDE](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/85/Introduction-to-Jquery-14-320.jpg)
![JavaScript Library why ?Easier DevelopmentBrowser IndependentAJAX [ Buzz word ] Operation http://en.wikipedia.org/wiki/JavaScript_library](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/85/Introduction-to-Jquery-24-320.jpg)
![Important FactorsSelectorsAttributesTraversingManipulationCSSEventsEffectsAjaxUtiliteshttp://docs.jquery.com/ [ API Reference Section]](https://image.slidesharecdn.com/jquery-100425072941-phpapp01/85/Introduction-to-Jquery-35-320.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/85/Introduction-to-Jquery-38-320.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/85/Introduction-to-Jquery-42-320.jpg)
![jQuery in the [Aol.] Enterprise](https://cdn.slidesharecdn.com/ss_thumbnails/jquery-aol-enterprise-101017175311-phpapp01-thumbnail.jpg?width=560&fit=bounds)
![[jqconatx] Adaptive Images for Responsive Web Design](https://cdn.slidesharecdn.com/ss_thumbnails/adaptive-imagesv14-130911193737-phpapp01-thumbnail.jpg?width=560&fit=bounds)
Ad
More Related Content
What's hot (20)
Viewers also liked (8)
Ad
Similar to Introduction to Jquery (20)
Ad
Introduction to Jquery
- 1. Mohammad AmzadHossainI am a 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.41 million 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 of people ONLINE - By August 2001
- 5. More Than 350 Million50% active users 35 million ppl updates status each day2.5 Billion photos updated
- 8. “When I took office, only high energy physicistshad ever heard of what is called the World WideWeb... Now even my cat has it's own page.”- Bill Clinton
- 10. What’s Possible?http://www.krhgallery.com/web/Faux Effect using jQuery
- 11. What’s Possible?http://balldroppings.com/js/SEE IT FOR 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
- 17. FUTURE
- 18. JavaScript A scripting programming language most commonly used to add interactive features to webpagesen.wiktionary.org/wiki/JavaScriptSearch Google with: ‘define:JavaScript’
- 19. Most Common Usealert(‘You failed 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 for Basic CalculationNot Just for Alert and ConfirmNot Just for Input Validation Not Just for Show and HideNot Just for GO BACK
- 21. DO YOU wANTTO BE A ?JAVASCRIPT NINJA
- 22. jQuery?
- 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 concise JavaScript Library
- 27. Simplifies
- 29. event handling
- 30. animating,
- 31. Ajax interactions for rapid 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
- 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. Important FactorsSelectorsAttributesTraversingManipulationCSSEventsEffectsAjaxUtiliteshttp://docs.jquery.com/ [ API Reference Section]
- 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’); });
- 42. 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/
- 43. AJAX or AJAHusing JQuery $.post('http://localhost/presentation/ajax.html',function(data) {$('#conatiner').html( data );});
- 44. Don’t Forget about Plugins / UI
- 47. Imp. links for jQuerywww.jquery.comdocs.jquery.com api.jquery.com www.visualjquery.comui.jquery.com plugins.jquery.com http://ejohn.org/blog/
- 49. ??? ???
- 50. Areekato