jquery in hindi - bccfalna.com · alternative of javascript on approximately more than 90% tasks....

jQuery in Hindi B c c F a l n a . c o m0 9 7 9 9 4 - 5 5 5 0 5

Kuldeep Chand In this EBook, I have tried my best to cover each and every concept and each and every function related to jQuery plus various Special and Advance Concepts like Deferred Objects and AJAX.

If you learn jQuery, you can very easily use it as alternative of JavaScript on approximately more than 90% tasks. It means, if you learn jQuery, you can fulfill approximately 90% tasks very quickly without knowing JavaScript, although if you know JavaScript, you can learn jQuery with more speed.

Plus I have covered some basics of jQuery UI too, so that you can use it for various kinds of Common tasks like Dialog Box, Widgets, Sliders, etc…

I have also covered jQuery Animation too in this EBook, which can be used in place of Flash for Animation Effects very easily.

1

Any Question or Suggestion, Click Here to Discuss

jQuery in Hindi THe mosT used javascripT library

� � � Kuldeep Chand

BetaLab Computer Center Falna

http://www.bccfalna.com/jquery-in-hindi-discussion/

2



jQuery in Hindi Copyright © 2013 by Kuldeep Chand All rights reserved. No part of this work may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage or retrieval system, without the prior written permission of the copyright owner and the publisher. Trademarked names may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, we use the names only in an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the trademark. Lead Editors: Kuldeep Chand Distributed to the book trade worldwide by BetaLab Computer Center, Behind of Vidhya Jyoti School, Falna Station Dist. Pali (Raj.) Pin 306116 e-mail [email protected], or visit http://www.bccfalna.com For information on translations, please contact BetaLab Computer Center, Behind of Vidhya Jyoti School, Falna Station Dist. Pali (Raj.) Pin 306116 Phone 097994-55505 The information in this book is distributed on an “as is” basis, without warranty. Although every precaution has been taken in the preparation of this work, the author shall not have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this book.


mailto:[email protected]

http://www.bccfalna.com/

3



This book is dedicated to those

who really wants to be

a

professional developer


4



jQuery index of conTenTs


5



Table of Contents jQuery Introduction .............................................................................................. 13

Downloading and Linking jQuery ..................................................................... 16 Where to Embed jQuery Framework ............................................................... 21 Internal Architecture of jQuery ......................................................................... 23

Development Environment Setup ....................................................................... 27 Notepad++ ....................................................................................................... 27 Aptana Studio .................................................................................................. 29 Visual Studio .................................................................................................... 32 NetBeans ......................................................................................................... 38 Developer Tools Console ................................................................................ 50 Display Message in Console ........................................................................... 57

jQuery – Fundamental Internals .......................................................................... 60 The DOM (Document Object Model) ............................................................... 60 jQuery Statement Description .......................................................................... 62

Selector ........................................................................................................ 62 Action ........................................................................................................... 63 Parameters .................................................................................................. 63

Separate Everything – HTML, CSS and JavaScript ........................................ 66 Is the Document Ready ................................................................................... 67 Delay the ready Event to be fired .................................................................... 77 The jQuery Alias .............................................................................................. 80 jQuery() Function – The Gateway of jQuery .................................................... 84

jQuery( selector [, context ] ) ........................................................................ 85 jQuery( html [, ownerDocument ] ) ............................................................... 91 jQuery( callback ) ......................................................................................... 99

jQuery Selectors – The Base of jQuery ............................................................. 102 Basic Selector ................................................................................................ 103

Universal Selector ( * ) ............................................................................... 103 Class Selector (“.className”) ................................................................... 106 Element Selector (“tagName”) ................................................................... 107 ID Selector (“#id”) ....................................................................................... 109 Multiple Selector (“selector1 selector2, selectorN”) ................................... 110

Hierarchy Selector ......................................................................................... 112 Child Selector (“parent > child”) ................................................................. 112 Child Selector (“ancestor descendant”) ..................................................... 114 Next Adjacent (“previous + next”) .............................................................. 116 Next Siblings (“previous ~ next”) ................................................................ 117

Attribute Selector ........................................................................................... 119 Has Attribute Selector[name] ..................................................................... 120 Attribute Equal Selector[name = "value"] ................................................... 121 Attribute Contains Prefix Selector[name |= "value"] ................................... 122 Attribute Contains Selector[name *= "value"] ............................................. 124 Attribute Contains Word Selector[name ~= "value"] .................................. 125 Attribute Ends With Selector[name $= "value"] .......................................... 126 Attribute Starts With Selector[name ^= "value"] ......................................... 127 Attribute Not Equal Selector[name != "value"] ........................................... 128 Multiple Attribute Selector[name = "value"][nameN = "valueN"] ................ 130

Basic Filter Selectors ..................................................................................... 131 :lang Filter Selector – jQuery(":lang(language-code)") ............................... 131 :not Filter Selector – jQuery(":not(selector)") ............................................. 133 :root Filter Selector – jQuery(":root") .......................................................... 134


6



:target Filter Selector – jQuery(":target") .................................................... 135 :eq() Filter Selector jQuery(":eq(index)") jQuery(":eq(-index)") ................. 135 :gt() Filter Selector jQuery(":gt(index)") jQuery(":gt(-index)") .................... 137 :lt() Filter Selector jQuery(":gt(index)") jQuery(":gt(-index)") ..................... 139 :even Filter Selector – jQuery(":even") ....................................................... 141 :odd Filter Selector – jQuery(":odd") .......................................................... 142 :first Filter Selector – jQuery(":first") ........................................................... 143 :last Filter Selector – jQuery(":last") ........................................................... 144 :header Filter Selector – jQuery(":header") ................................................ 145

Child Filter Selectors ..................................................................................... 147 :first-child Filter Selector – jQuery(":first-child") .......................................... 147 :last-child Filter Selector – jQuery(":last-child") .......................................... 148 :first-of-type Filter Selector – jQuery(":first-of-type") .................................. 149 :last-of-type Filter Selector – jQuery(":last-of-type") ................................... 150 :nth-child Filter Selector – jQuery(":nth-child(index/even/odd/ equation") . 151 :nth-last-child Filter Selector – jQuery(":nth-child(index/even/odd/ equation")154 :nth-last-of-type Filter Selector – jQuery(":nth-child(index/even/odd/equation") ................................................................................................................... 155 :nth-of-type Filter Selector – jQuery(":nth-child(index/even/odd/equation")156 :only-child Filter Selector – jQuery(":only-child") ........................................ 157 :only-of-type Filter Selector – jQuery(":only-of-type") ................................. 158

Content Filter Selectors ................................................................................. 160 :contains Filter Selector – jQuery(":contains(text)") ................................... 160 :empty Filter Selector – jQuery(":empty") ................................................... 161 :parent Filter Selector – jQuery(":parent") .................................................. 162 :has Filter Selector – jQuery(":parent") ...................................................... 164

Visibility Filter Selectors ................................................................................. 165 :hidden Filter Selector – jQuery(":hidden") ................................................. 165 :visible Filter Selector – jQuery(":hidden") .................................................. 167

Form Selectors .............................................................................................. 168 :checked Selector – jQuery(":checked"); .................................................... 169 :enabled Selector – jQuery(":enabled"); ..................................................... 173 :disabled Selector – jQuery(":disabled"); .................................................... 174 :button Selector – jQuery(":button"); .......................................................... 176 :checkbox Selector – jQuery(":checkbox"); ................................................ 177 :file Selector – jQuery(":file"); ..................................................................... 178 :focus Selector – jQuery(":focus"); ............................................................. 179 :image Selector – jQuery(":image"); ........................................................... 180 :input Selector – jQuery(":input"); ............................................................... 181 :password Selector – jQuery(":password"); ................................................ 182 :text Selector – jQuery(":text"); ................................................................... 183 :radio Selector – jQuery(":radio"); .............................................................. 184 :selected Selector – jQuery(":selected"); .................................................... 186 :reset Selector – jQuery(":reset"); .............................................................. 187 :submit Selector – jQuery(":submit"); ......................................................... 188

jQuery Events – Define The Interactivity ........................................................... 191 jQuery Event Object ...................................................................................... 192

jQuery.Event Constructor ........................................................................... 193 jQuery.Event Properties ............................................................................. 194 Event Specific Properties ........................................................................... 195

Event Handler Attachment ............................................................................. 195 bind() Method ............................................................................................. 196


7



unbind() Method ......................................................................................... 214 delegate() Method ...................................................................................... 218 undelegate() Method .................................................................................. 220 on() Method ................................................................................................ 221 off() Method ................................................................................................ 231 trigger() Method ......................................................................................... 234 triggerHandler() Method ............................................................................. 238 one() Method .............................................................................................. 240

Web Browser Events ..................................................................................... 243 resize() Method .......................................................................................... 243 scroll() Method ........................................................................................... 245

Keyboard Events ........................................................................................... 247 focusout() Method ...................................................................................... 247 keydown() Method ..................................................................................... 249 keyup() Method .......................................................................................... 251 keypress() Method ..................................................................................... 252

Mouse Events ................................................................................................ 254 click() Method ............................................................................................. 255 dblclick() Method ........................................................................................ 257 mousedown() Method ................................................................................ 259 mouseup() Method ..................................................................................... 262 mousemove() Method ................................................................................ 263 mouseover() Method .................................................................................. 266 mouseout() Method .................................................................................... 268 mouseenter() Method ................................................................................. 269 mouseleave() Method ................................................................................ 271 hover() Method ........................................................................................... 273

Form Events .................................................................................................. 274 blur() Method .............................................................................................. 274 change() Method ........................................................................................ 276 focus() Method ........................................................................................... 278 focusin() Method ........................................................................................ 280 select() Method .......................................................................................... 281 submit() Method ......................................................................................... 282

jQuery Event Object – Properties .................................................................. 284 event.currentTarget Property ..................................................................... 284 event.data Property .................................................................................... 286 event.delegateTarget Property .................................................................. 287 event.metaKey Property ............................................................................ 289 event.namespace Property ........................................................................ 290 event.result Property .................................................................................. 291 event.target Property ................................................................................. 292 event.type Property .................................................................................... 294 event.timeStamp Property ......................................................................... 294

jQuery DOM Manipulation ................................................................................. 298 Class Attribute Manipulation .......................................................................... 298

addClass() Method ..................................................................................... 298 removeClass() Method ............................................................................... 301 hasClass() Method ..................................................................................... 304 toggleClass() Method ................................................................................. 306 css() Method .............................................................................................. 310

Existing Element Manipulation ...................................................................... 316


8



clone() Method ........................................................................................... 316 DOM Insertion Around Manipulation ............................................................. 319

wrap() Method ............................................................................................ 319 wrapAll() Method ........................................................................................ 323 wrapInner() Method .................................................................................... 324

DOM Insertion Inside Manipulation ............................................................... 326 append() Method ........................................................................................ 326 appendTo() Method ................................................................................... 332 prepend() Method ...................................................................................... 333 prependTo() Method .................................................................................. 334 text() Method .............................................................................................. 335 html() Method ............................................................................................. 339

DOM Insertion Outside Manipulation ............................................................. 341 after() Method ............................................................................................ 342 before() Method ......................................................................................... 344 insertBefore() Method ................................................................................ 345 insertAfter() Method ................................................................................... 346

DOM Insertion Removal Manipulation ........................................................... 348 unwrap() Method ........................................................................................ 348 detach() Method ......................................................................................... 349 remove() Method ........................................................................................ 351 empty() Method .......................................................................................... 353

DOM Replacement Manipulation ................................................................... 354 replaceAll() Method .................................................................................... 354 replaceWith() Method ................................................................................. 356

General Attributes Manipulation .................................................................... 356 attr() Method .............................................................................................. 357 prop() Method ............................................................................................ 361 removeAttr() Method .................................................................................. 365 removeProp() Method ................................................................................ 367 val() Method ............................................................................................... 369

CSS Dimension Manipulation ........................................................................ 374 height() Method .......................................................................................... 374 width() Method ........................................................................................... 377 innerHeight() Method ................................................................................. 382 innerWidth() Method .................................................................................. 384 outerHeight() Method ................................................................................. 386 outerWidth() Method .................................................................................. 388

CSS Offset Manipulation ............................................................................... 391 offset() Method ........................................................................................... 391 position() Method ....................................................................................... 395 scrollLeft() Method ..................................................................................... 396 scrollTop() Method ..................................................................................... 400

Collection Manipulation ................................................................................. 402 each() Method ............................................................................................ 402

DOM Element Manipulation ........................................................................... 404 get() Method ............................................................................................... 404 index() Method ........................................................................................... 406 toArray() Method ........................................................................................ 408

Data Storage Manipulation ............................................................................ 409 data() Method ............................................................................................. 410 removeData() Method ................................................................................ 411


9



jQuery.hasData() Method ........................................................................... 413 DOM Traversing ............................................................................................ 414

DOM – Filtering Manipulation .................................................................... 414 DOM Tree Traversal Manipulation ............................................................. 432

jQuery Utility Methods ................................................................................... 471 jQuery.contains() or $.contains() Function ................................................. 471 jQuery.each() or $.each() Function ............................................................ 472 jQuery.extend() or $.extend() Function ...................................................... 475 jQuery.globalEval() or $.globalEval() Function........................................... 476 jQuery.grep() or $.grep() Function ............................................................. 477 jQuery.inArray() or $.inArray() Function ..................................................... 479 jQuery is…() Functions .............................................................................. 481 jQuery.makeArray() or $.makeArray() Function ......................................... 488 jQuery.map() or $.map() Function .............................................................. 490 jQuery.noop() or $.noop() Function ............................................................ 491 jQuery.merge() or $.merge() Function ....................................................... 491 jQuery.now() or $.now() Function .............................................................. 492 jQuery.type() or $.type() Function .............................................................. 493 jQuery.parseHTML() or $.parseHTML() Function ...................................... 495 jQuery.parseXML() or $.parseXML() Function ........................................... 496 jQuery.parseJSON() or $.parseJSON() Function ...................................... 498 jQuery.unique() or $.unique() Function ...................................................... 499 jQuery.trim() or $.trim() Function ................................................................ 499 jQuery.data() or $.data Function ................................................................ 500 jQuery.removeData() or $.removeData Function ....................................... 502

jQuery Special Properties .............................................................................. 505 jquery Property .............................................................................................. 505 context Property ............................................................................................ 506 jQuery.support or $.support Property ............................................................ 507

ajax Property .............................................................................................. 508 boxModel Property ..................................................................................... 508 changeBubbles Property ............................................................................ 508 checkClone Property .................................................................................. 508 checkOn Property ...................................................................................... 508 cors Property .............................................................................................. 508 cssFloat Property ....................................................................................... 509 hrefNormalized Property ............................................................................ 509 htmlSerialize Property ................................................................................ 509 leadingWhitespace Property ...................................................................... 509 noCloneEvent Property .............................................................................. 509 opacity Property ......................................................................................... 509 optDisabled Property ................................................................................. 509 optSelected Property ................................................................................. 510 style Property ............................................................................................. 510 submitBubbles Property ............................................................................. 510 tbody Property ............................................................................................ 510 length Property ........................................................................................... 510

jQuery Animation and Effects ............................................................................ 513 Basic Functions ............................................................................................. 513

hide() Method ............................................................................................. 513 show() Method ........................................................................................... 518 toggle() Method .......................................................................................... 521


10



Fading Functions ........................................................................................... 522 fadeOut() Method ....................................................................................... 522 fadeIn() Method .......................................................................................... 523 fadeToggle() Method .................................................................................. 524 fadeTo () Method ....................................................................................... 525

Sliding Functions ........................................................................................... 528 slideUp() Method ........................................................................................ 528 slideDown() Method ................................................................................... 529 slideToggle() Method ................................................................................. 530

Custom Functions .......................................................................................... 532 animate() Method ....................................................................................... 532 queue() Method .......................................................................................... 543 dequeue() Method ...................................................................................... 552 clearQueue() Method ................................................................................. 553 stop() Method ............................................................................................. 554 finish() Method ........................................................................................... 558 delay() Method ........................................................................................... 560 jQuery.fx.interval Property ......................................................................... 561 jQuery.fx.off Property ................................................................................. 562

jQuery AJAX – Deferred Object ........................................................................ 566 Promises and Deferred Objects .................................................................... 566

jQuery.Deferred() Function ........................................................................ 570 deferred.state() Method ............................................................................. 573 deferred.resolve() Method .......................................................................... 574 deferred.reject() Method ............................................................................ 574 deferred.done() Method ............................................................................. 575 deferred.resolveWith() Method .................................................................. 579 deferred.rejectWith() Method ..................................................................... 579 deferred.fail() Method ................................................................................. 580 deferred.notify() Method ............................................................................. 582 deferred.notifyWith() Method ..................................................................... 582 deferred.progress() Method ....................................................................... 583 deferred.promise() Method ........................................................................ 587 promise() Method ....................................................................................... 591 deferred.always() Method .......................................................................... 592 deferred.then() Method .............................................................................. 594 jQuery.when() Method ............................................................................... 596

Low-Level Interface Methods ........................................................................ 601 jQuery.ajax() or $.ajax() Function .............................................................. 601 jQuery.ajaxSetup(options) Function ........................................................... 613 jQuery.ajaxPrefilter() Function ................................................................... 623 jQuery.ajaxTransport() Function ................................................................ 625

jQuery Helper Functions ................................................................................ 626 jQuery.param() Function ............................................................................ 626 serialize() Method ...................................................................................... 628 serializeArray() Method .............................................................................. 631

Shorthand Methods ....................................................................................... 634 load() Method ............................................................................................. 634 jQuery.get() Function ................................................................................. 645 jQuery.post() Function ............................................................................... 651 jQuery.getScript() Function ........................................................................ 654 jQuery.getJSON() Function ........................................................................ 657


11



Global Ajax Event Handlers ........................................................................... 661 ajaxSend() Method ..................................................................................... 661 ajaxStart() Method ..................................................................................... 663 ajaxSuccess() Method ............................................................................... 665 ajaxComplete() Method .............................................................................. 667 ajaxError() Method ..................................................................................... 669 ajaxStop() Method ...................................................................................... 670

JSONP – Cross-Domain Scripting Hack........................................................ 672 Same-Origin Policy Limitations .................................................................. 672 JSON and JSONP ..................................................................................... 674 Creating JSONP Web Service ................................................................... 683 JSONP with jQuery.getJSON() Function ................................................... 687 JSONP with jQuery.ajax() Function ........................................................... 693

jQuery UI – The Standard Plug-in Collection .................................................... 698 Button Widget ................................................................................................ 700 Progressbar Widget ....................................................................................... 702 Slider Widget ................................................................................................. 703 Tabs Widget .................................................................................................. 704 Dialog Widget ................................................................................................ 705 Accordion Widget .......................................................................................... 707

Last but not Least. There is more… .................................................................. 709


12



jQuery fundamenTals


13



jQuery Introduction ftu yksxksa us Web Pages dks Interactive cukus ds fy, JavaScript dk iz;ksx fd;k gS] os vPNh rjg ls tkurs gSa fd Pure JavaScript dk iz;ksx djds Interactivity dh lqfo/kk izkIr djuk fdruk tfVy dke gS D;ksafd fofHkUu JavaScript Features dks fofHkUu Web Browsers esa vyx&vyx rjhds ls Implement fd;k gSA

orZeku le; esa Firefox, Chrome, Internet Explorer, Opera o Safari 5 ,sls eq[; Web Browsers gSa] ftudk iz;ksx lcls T;knk fd;k tkrk gSA vc ;fn vki Pure JavaScript Codes dk iz;ksx djrs gq, vius Web Page dks Interactive cukuk pkgrs gSa] rks vkidks de ls de bu 5 eq[; Web Browsers ds fy, vius Web Page dks Interactive cukuk iMsxkA

;kuh vkidks de ls de 5 Web Browsers ds fy, vius JavaScript Codes dh Functionality o Working dks Check djuk iMsxk D;ksafd bu ikapksa Web Browsers esa JavaScript Engines dks vyx&vyx rjhds ls Implement fd;k x;k gS] tks fd vyx&vyx rjg ds Features dks Support djrs gSaA

JavaScript ds fofHkUu Versions dks fofHkUu Web Browsers esa vyx&vyx rjhds ls Implement fd, tkus dh otg ls ,d gh Web Page fofHkUu Web Browsers esa vyx&vyx rjhds ls Render gks ldrk gSA ftldh otg ls “kq: ls gh JavaScript Developers dks ,d ls T;knk Web Browsers ds fy, vius Web Page dks Interactive cukuk t:jh gksrk FkkA ;kuh ,d ls T;knk Web Browsers ds fy, vyx&vyx rjg ds JavaScript Codes fy[kus dh t:jr gksrh FkhA

pwafd Professional World esa 80/20 dk Rule cgqr T;knk Follow gksrk gSA ;kuh Professional Development esa 80% Requirements ,slh gksrh gSa] ftUgsa 20% Common Codes }kjk iwjk fd;k tk ldrk gSA nwljs “kCnksa esa dgsa rks T;knkrj Professional Development dh Requirements leku gksrh gSa vkSj leku izdkj dh Requirements dks iwjk djus ds fy, fy[ks tkus okys Codes Hkh leku gksrs gSaA

bl otg ls 2005 ds vUr esa dqN Professional Web Developers us leku izdkj ds dkeksa dks iwjk djus ds fy, ,sls JavaScript Functions dh ,d Library rS;kj dh] tks fd lHkh Web Browsers ij leku :i ls dke djrs FksA

ifj.kkeLo:i leku izdkj dh Requirements dks iwjk djus ds fy, vyx&vyx Web Browsers gsrq ckj&ckj Pure JavaScript Codes dks fy[kus ds ctk; ;s Developers cMh gh vklkuh ls viuh rS;kj dh xbZ Library ds Functions dks Use dj ldrs Fks vkSj viuh Common Requirements dks rsth ls iwjk dj ldrs Fks tks fd fdlh Hkh Professional Development dh eq[; t:jr gksrk gSA

bUgha yksxksa us tuojh 2006 dh “kq:vkr esa viuh bl JavaScript Functions dh Library dks Online Available djok fn;k] rkfd vU; JavaScript Developers Hkh bu Functions dk iz;ksx djrs gq, vklkuh ls viuk Client Side Web Development dj ldsaA blh JavaScript Functions dh Library dks Manage, Maintain o Update fd;k x;k vkSj ;gh JavaScript Library gekjs lkeus jQuery ds uke ls miyC/k gS tks fd orZeku le; dk Most Popular JavaScript Framework gSA


14



jQuery ,d JavaScript Framework gSA ;kuh okLro esa jQuery, JavaScript dk gh ,d Extension gSA tks dke ge jQuery }kjk dj ldrs gSa] os lHkh dke ge JavaScript }kjk Hkh dj ldrs gSaA vUrj dsoy bruk gS fd ftu dkeksa dks JavaScript esa djus ds fy, gesa lSdMksa Lines ds Codes fy[kus iM ldrs gSa] mUgha dkeksa dks ge jQuery }kjk dqN gh Lines ds Codes ls dj ldrs gSa] D;ksafd jQuery Internally mu gtkjksa Lines ds Common Codes dks gekjs fy, Lo;a Create dj nsrk gSA jQuery ,d cgqr gh Powerful o Easy JavaScript Framework gS] blhfy, vU; Frameworks dh rqyuk esa bls u dsoy lkekU; Web Developers Use djrs gSa cfYd Amazon, Microsoft, Adobe, Google, Mozilla, Twitter, Wordpress, IBM, Netfix, Nokia tSlh cMh dEifu;ka Hkh vius Products ds fy, bls Use djrh gSaA bruk gh ugha] orZeku le; esa ;fn dksbZ JavaScript Framework lcls T;knk Use fd;k tkrk gS] rks og jQuery gh gSA jQuery dh viuh cgqr lkjh fo”ks’krk,sa gSa] ftldh otg ls cgqr gh de le; esa bls bruk T;knk mi;ksx esa fy;k tkus yxk gSA bldh lcls cMh fo”ks’krk rks ;gh gS fd bls lh[kuk o Professional Level ij mi;ksx esa ysuk fdlh Hkh vU; JavaScript Framework dks lh[kus o mi;ksx esa ysus dh rqyuk esa T;knk vklku gSA jQuery dks lcls T;knk Use fd, tkus dk ewy dkj.k bldh ljyrk vkSj blds }kjk Provide fd, tkus okys Professional Level ds Features gSaA pfy,] jQuery ds dqN egRoiw.kZ Features ds ckjs esa tkuus dh dksf”k”k djrs gSa%

• jQuery dk iz;ksx djds ge cMh gh vklkuh ls HTML Page ds DOM dks Access dj ldrs gSa] HTML Page ij Effects Apply dj ldrs gSa vkSj Ajax Request dj ldrs gSaA lkFk gh jQuery fofHkUu izdkj ds Web Browsers ds lkFk Compatibility (Cross Browser Compatibility) dk /;ku Lo;a gh j[k ysrk gSA ;kuh tc ge jQuery dk iz;ksx djrs gSa] rc gesa vyx&vyx Web Browsers ds fy, vyx&vyx JavaScript Codes fy[kus dh t:jr ugha gksrh gSA

• jQuery CSS3 Standards dks iwjh rjg ls Support djrk gSA bruk gh ugha jQuery

gesa dbZ vkSj Tools Hkh iznku djrk gS] tks fd lkekU;r;k Simple JavaScript ds lkFk Available ugha gksrs gSaA

• jQuery esa miyC/k supports() Function ,d ,slk gh Option gS] tks bl ckr dk

irk yxk ysrk gS fd dksbZ Particular Web Browser fdlh Particular Feature dks Support djrk gS ;k ugha] rkfd ge fdlh Particular Web Browser ds fy, fo”ks’k izdkj ds Codes fy[k ldsaA

• jQuery dk iz;ksx dbZ ,sls Widgets o Effects cukus ds fy, Hkh fd;k x;k gS] ftudk

iz;ksx cgqrk;r esa gksrk gSA tSls Dialog Box, Slider Control, Tabs, Datepicker, Overlay and Shadow Classes, Progressbar, Highlight Class, Error Class vkfnA

• bl izdkj ds User Interface cukus okys o vU; izdkj ds Widgets o Effects dks

jQuery UI (jQuery User Interface) Library ds :i esa Develop fd;k x;k gS] tks


15



iwjh rjg ls jQuery ij vk/kkfjr gS vkSj bUgsa Create djus ds fy, gesa vyx ls Codes fy[kus dh t:jr ugha gSA

• jQuery dk iz;ksx djds fofHkUu izdkj ds lSdMksa Plug-ins igys ls gh cuk, tk pqds gSa]

ftUgsa cMh gh vklkuh ls viuh t:jr ds vuqlkj Customize djds mi;ksx esa fy;k tk ldrk gSA blfy, fofHkUu izdkj dh t:jrksa dks iwjk djus ds fy, gesa gj ckj Coding djus dh t:jr ugha gksrh gS] cfYd ge bu jQuery Plug-in Libraries dk iz;ksx djds de ls de le; esa viuh t:jrksa dks iwjk dj ldrs gSaA

• jQuery dk iz;ksx djrs le; lHkh rjg ds jQuery Codes dks ,d Separate

JavaScript File esa fy[kk tk ldrk gS] ftlls Web Page dk Structure (HTML) o Behavior (JavaScript/jQuery) iwjh rjg ls Separated jgrk gSA

• jQuery }kjk HTML Page ds iwjs DOM dks cMh gh vklkuh ls Query ;kuh Access

fd;k tk ldrk gS] blfy, fdlh HTML Page ds Structure dks Hkh jQuery }kjk cMh gh vklkuh ls Change o Modify fd;k tk ldrk gSA

• jQuery gesa dbZ ,sls Functions Provide djrk gS] ftudk iz;ksx djds ge fdlh

HTML Page esa u;k Element Insert dj ldrs gSa] fdlh Element dks Modify dj ldrs gSa vFkok fdlh Element dks Delete dj ldrs gSaA bruk gh ugha cfYd ge fdlh Element dks Replace, Remove ;k Clone dj ldrs gSaA lkFk gh jQuery dk iz;ksx djds HTML Page ds Content dks Hkh cMh gh vklkuh ls Change dj ldrs gSaA

• jQuery dks IBM, Netfix, Google o Microsoft tSlh cMh dEifu;ka Hkh vius

Products ds lkFk mi;ksx esa ysrh gSa] blfy, bldk Hkfo’; dkQh lqfuf”pr gS vkSj bls lh[kuk dkQh mi;ksxh lkfcr gksxkA bruk gh ugha] jQuery dks Use djus okys Users dh ,d cgqr cMh Community gS] blfy, fdlh fo”ks’k izdkj dh t:jr dks iwjk djus ds fy, vkidks Help izkIr djus esa Hkh dksbZ ijs”kkuh ugha gksxhA

buds vykok Hkh jQuery ds vkSj Hkh cgqr lkjs Features gSa] tks gesa fofHkUu izdkj ds Benefits Provide djrs gSaA ysfdu blls igys fd ge jQuery dks Detail ls le>rs gq, vkxs c<sa] bl ckr dks vPNh rjg ls le> ysuk t:jh gS fd ;s iqLrd iwjh rjg ls jQuery API ij vk/kkfjr gS vkSj bl iqLrd esa dsoy blh ckr dks Describe fd;k x;k gS fd Web Site ;k Web Application Create djrs le; fofHkUu izdkj dh JavaScript Related Professional Requirements dks ge jQuery ds ek/;e ls dSls iwjk dj ldrs gSaA tSlkfd geus iqLrd dh “kq:vkr esa crk;k fd jQuery, okLro esa ,d JavaScript Framework gS] ftldk eryc ;gh gS fd jQuery iwjh rjg ls JavaScript ds lHkh Concepts dks Support djrk gSA ;kuh ge jQuery ds lkFk JavaScript ds fofHkUu Core Concepts tSls fd (Variables, Constants, Functions, Objects, Array, References, etc…) o DOM (Document Object Model Level 1, Level 2, Level 3) rFkk BOM (Browser Object Model DOM Level 0) ls lEcaf/kr fofHkUu JavaScript Functions o Concepts dks T;ksa dk R;ksa mi;ksx esa ys ldrs gSaA cfYd ;fn ;s dgsa fd jQuery esa Internally ;s lkjs Concepts Invisibly dke dj jgs gksrs gSa] rks xyr ugha gksxkA


16



blfy, ;fn vki bl iqLrd esa crk, x, Concepts o Codes dks Bhd rjg ls le>uk o mi;ksx esa ysuk lh[kuk pkgrs gSa] rks fQj ;s t:jh gS fd vkidks HTML, CSS o JavaScript dk Basic Knowledge t:j gksA ;fn vkidks HTML o CSS ls lEcaf/kr fcYdqy Hkh Kku ugha gS] rks fQj vkidks igys gekjh iqLrd “HTML with CSS in Hindi” vPNh rjg ls i<uk pkfg, rkfd vki Web Development ds Basic Concepts dks Bhd ls le> ldsaA blh rjg ls ;fn vkidks JavaScript dk Kku ugha gS] rks vkidks igys “Advance JavaScript in Hindi” iqLrd dks i<uk pkfg,] D;ksafd bl iqLrd esa cgqr lkjs ,sls Basic Concepts fn, x, gSa] ftUgsa le>sa fcuk vki jQuery dks Bhd ls ugha le> ldrs vkSj jQuery dks Bhd ls le>s fcuk vki bls bldh iwjh rkdr ds lkFk mi;ksx esa ugha ys ldrsA

Downloading and Linking jQuery jQuery Framework vkSj dqN ugha] dsoy ,d JavaScript File ek= gS] ftls gesa gekjs HTML Page esa <script> Element }kjk Include djuk gksrk gSA tSls gh ge jQuery File dks vius HTML Page ds <script> Element ds src Attribute esa Specify djrs gSa] ge Current Web Page esa jQuery dh lHkh Functionalities dks mi;ksx esa ys ldrs gSaA jQuery dh Functionalities dks mi;ksx esa fy;k tk lds] blds fy, lcls igys gesa jQuery Framework ;kuh jQuery Library File dks Download djuk gksrk gSA jQuery Library iwjh rjg ls Free gS vkSj bls http://jquery.com ls Download fd;k tk ldrk gSA ;fn vki jQuery dh File dks vius Web Server ij Hold djuk ugha pkgrs] rks vki Google, Microsoft ;k Lo;a JQuery ds CDN ij Hosted jQuery Library dks Hkh mi;ksx esa ys ldrs gSaA nksuksa rjhdksa ls vius Web Page esa jQuery dks Include djus dk rjhdk fuEukuqlkj gS% ON Own Web Server File Name: jQueryEmbeding.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Embedding in WebPage</title> <script type='text/javascript' src="js/jquery-1.9.1.js"></script> </head> <body> </body> </html> mijksDr Code esa ge ;s eku jgs gSa fd gekjs Current Web Project ds Folder ds vUnj gh JavaScript uke dk ,d Folder gS vkSj blh Folder esa gekjh jQuery Library File Stored gS] ftldk uke jquery-1.9.1.js gSA mijksDr Web Page esa jQuery Library File dks Current Web Page esa Include djus dk dke fuEu Statement dj jgk gS% <script type='text/javascript' src="js/jquery-1.9.1.js"></script>


http://jquery.com/

17



tc ge gekjs Lo;a ds Web Server ij jQuery Library File dks Host djuk ugha pkgrs] rc ge fuEukuqlkj Google, Microsoft ;k Lo;a JQuery ds CDN dk iz;ksx djds Hkh jQuery Library File dks vius Web Page ij Embed dj ldrs gSa% ON CDN (Content Delivery Network) File Name: jQueryEmbeding.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Embedding in WebPage</title>  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js" ></script>  <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.9.1.min.js" ></script> <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.9.1.js" ></script> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js" ></script> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" ></script>  <script src="http://code.jquery.com/jquery-1.9.1.min.js" ></script> <script src="http://code.jquery.com/jquery-1.9.1.js" ></script> <script src="http://code.jquery.com/jquery.js" ></script> <script src="http://code.jquery.com/jquery.min.js" ></script> <script src="http://code.jquery.com/jquery-latest.min.js" ></script> <script src="http://code.jquery.com/jquery-latest.js" ></script>  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9/jquery.min.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9/jquery.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" ></script> </head> <body> </body> </html>

18



jQuery ds gesa”kk nks Versions Available jgrs gSaA igyk Version Source Version gksrk gS] ftls lkekU;r% Web Development ;k Production ds le; Use fd;k tkrk gS] tcfd nwljs Version dks Minified Version dgrs gSa vkSj ;s Version lkekU;r% rc Use fd;k tkrk gS] tc Web Site dks User ds fy, Online Publish fd;k tkrk gS] D;ksafd Minified Version dks Compress dj fn;k tkrk gS] ftlls bldh Size de gks tkrh gSA ifj.kkeLo:i tc User gekjh Web Site ds Pages dks Access djrk gS] rks jQuery T;knk rsth ls User ds Web Browser esa Download gks tkrk gS vkSj User gekjs Web Pages dks T;knk rsth ls Access dj ikrk gSA lkekU;r% Minified Version esa “min” “kCn dk iz;ksx fd;k tkrk gS tSlkfd mijksDr Example Code esa vki ns[k ldrs gSa fd fofHkUu CDN Networks jQuery ds Minified o Full, nksuksa Versions Provide djrs gSa vkSj ge ftls pkgsa mls mi;ksx esa ys ldrs gSaA ;fn vki Microsoft CDN }kjk Provided jQuery Library Use djrs gSa] rks vki aspnet o microsoft nksuksa CDN ls jQuery Library dks vius Web Page esa Include dj ldrs gSaA microsoft iqjkuk CDN gS tcfd aspnet Microsoft }kjk Provided u;k CDN gSA blfy, ;fn vki Microsoft }kjk Provided CDN jQuery Library Use dj jgs gSa] rks vkidks fuEukuqlkj Code }kjk aspnet CDN dk gh iz;ksx djuk pkfg,% <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js" ></script> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" ></script> ;fn vki jQuery CDN dks jQuery Library ds fy, Use djrs gSa] rks jQuery CDN rhu rjhds ls jQuery Library Provide djrk gS] tks fd fuEukuqlkj gSa% <script src="http://code.jquery.com/jquery-1.9.1.min.js" ></script> <script src="http://code.jquery.com/jquery-1.9.1.js" ></script> bl rjhds ls jQuery Library dks Use djus ij vki fuf”pr :i ls ;s r; djrs gSa fd vki jQuery ds 1.9.1 Version dks gh vius Web Page esa Include dj jgs gSaA tcfd% <script src="http://code.jquery.com/jquery.js" ></script> <script src="http://code.jquery.com/jquery.min.js" ></script> <script src="http://code.jquery.com/jquery-latest.min.js" ></script> <script src="http://code.jquery.com/jquery-latest.js" ></script> bu nksuksa rjhdksa ls ;fn vki jQuery CDN dh jQuery Library dks Use djrs gSa] rks vkids Web Page ds fy, gesa”kk Latest jQuery Version Download gksrk gSA mijksDr nksuksa rjhdksa esa ,d eq[; vUrj ;s gS fd ;fn vki igys rjhds dks Use djrs gSa] ;kuh ;fn vki Exact Version ds jQuery Framework dks Use djrs gSa] rks og jQuery Library JavaScript File User ds Web Browser esa rc rd ds fy, Cache gks tkrh gS] tc rd fd User vius Computer ds Operating System dks iwjh rjg ls Format ugha djrk vFkok User Lo;a Manually vius Web Browser ds Cache dks Clear ugha djrkA


19



tcfd ;fn vki nwljs rjhds dks Use djrs gSa] rks jQuery Library User ds Web Browser esa cgqr de le; ds fy, Cache gksrh gSA ifj.kkeLo:i ml fuf”pr vof/k ds ckn ;fn User fQj ls vkidh Web Site ds Pages Open djrk gS] rks jQuery Library fQj ls Download gksrh gSA vki le> gh x, gksaxs fd nksuksa rjhdksa dk viuk ,d Qk;nk gS rks ,d uqdlku Hkh gSA tc vki igys rjhds ls Exact Version ds jQuery Library dks vius Web Page esa Embed djrs gSa] rc og jQuery Library File User ds Web Browser esa Cache gks tkus dh otg ls vkidh Web Site ds lHkh Web Pages User ds Computer esa Fast Render gksrs gSa] ysfdu tc Hkh jQuery dk u;k Version Launch gksrk gS] rks vkidks vius Web Page esa ml Latest Version dks Manually Modify djuk iMrk gSA tcfd ;fn vki nwljs rjhds dks Use djrs gSa] rks vkidks gj u, jQuery Version ds fy, vius Web Pages dks Manually u, jQuery Version ds fy, Modify ugha djuk iMrk ysfdu ml fLFkfr esa User ds Computer esa jQuery Library ckj&ckj Download gksrh gS] ftlls vkidh Web Site ds Web Pages User ds Computer esa /kheh xfr ls Render gksrs gSaA blh izdkj ls ;fn vki Google dk CDN Use djrs gSa] rks vki fuEukuqlkj rhu rjhdksa ls jQuery dks vius Web Page esa Include dj ldrs gSa% <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9/jquery.min.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script> igys rjhds esa Exact jQuery Version dks Specify djus dh otg ls ;s Library User ds Web Browser ds Cache esa vf/kdre 1 lky rd Exist jgrh gS] tcfd User vius Computer ds Operating System dks Format u djs ;k vius Web Browser ds Cache dks Manually Remove u djsA tcfd nwljs rjhds esa jQuery Library User ds Computer esa dsoy ,d fnu rd gh Cached jgrh gSA 24 Hours ds ckn vxys fnu ;fn User vkidh Web Site dks fQj ls Open djrk gS] rks jQuery Library ,d ckj fQj ls Download gksrh gSA blh rjg ls ;fn vki nwljs rjhds dks Use djrs gSa] rks jQuery ds 1.9 ds ckn ds lHkh Sub-Versions esa ls tks Sub-Version lcls Latest gksrk gS] ogh Sub-Version User ds Computer esa Download gksrk gSA tcfd ;fn vki rhljs rjhds dks Use djrs gSa] rks jQuery Library User ds Computer esa dsoy ,d ?k.Vs rd gh Cached jgrk gSA ifj.kkeLo:i rhljk Version okLro esa Latest jQuery Version dks Represent djrk gS vkSj tSls gh u;k jQuery Version Launch gksrk gS] og vkidh Web Site ds fy, Available gks tkrk gS] tcfd jQuery dk Version 1 gh gksA ;fn Version dh “kq:vkr 2 ls gks xbZ] rks vkidks fQj ls vius Web Pages esa jQuery dks Manually Latest Version ds fy, Modify djuk iMsxkA vki le> gh x, gksaxs fd vki jQuery ds ftruk Latest Version ds fy, vius Web Pages dks Create djsaxs] jQuery mrus gh de le; ds fy, User ds Web Browser esa Cache gksxkA blfy, vki Lo;a gh fu.kZ; djsa fd vkidks viuh Web Site dh Performance c<kuh gS ;k vkidks Manual Changes ls cpuk gSA


20



;fn vki Performance c<kuk pkgrs gSa] rks vkidks Exact Version ds jQuery Library dks vius Web Pates esa Include djuk pkfg,A tcfd ;fn vki vius Web Pages dks Future esa Manually Change djuk ugha pkgrs] rks vkidks jQuery ds Latest Version ds CDN dks Use djuk pkfg,A oSls vius Web Pages dks geas”kk Latest Version ds CDN dks Use djus ds fy, Set djus ij ,d ijs”kkuh vkSj Hkh gS vkSj oks ijs”kkuh ;s gS fd lkekU;r% fofHkUu u, Versions ds lkFk dqN jQuery Functionalities dks Deprecate fd;k tkrk gS vkSj dqN ubZ Functionalities dks Add fd;k tkrk gSA vc ;fn vki vius Web Pages esa fuEu esa ls fdlh CDN dks Use djrs gSa% <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" ></script> <script src="http://code.jquery.com/jquery.js" ></script> <script src="http://code.jquery.com/jquery.min.js" ></script> <script src="http://code.jquery.com/jquery-latest.min.js" ></script> <script src="http://code.jquery.com/jquery-latest.js" ></script> vkSj u, jQuery Version esa fdlh ,sls Method dks Deprecate dj fn;k x;k gS] ftls vki viuh Web Site ij Use dj jgs gSa ;k vki ftl jQuery Method dks Use dj jgs gSa] mls jQuery Library esa fdlh otg ls Modify fd;k x;k gS vkSj og Method vc Exactly oSlk gh dke ugha djrk] tSlk ml le; djrk Fkk] tc vkius mls vius Web Page ij fdlh t:jr dks iwjk djus ds fy, Use fd;k Fkk] rks Automatically Latest Version Set gksus dh otg ls vkids Web Site ds os Pages Bhd ls dke djuk cUn dj nsaxs] tks igys dj jgs FksA blfy, csgrj ;gh jgrk gS fd gesa”kk Exact Version ds CDN dk gh iz;ksx fd;k tk, vkSj tc Hkh dksbZ u;k Version Launch gks] rks igys ;s r; dj fy;k tk, fd dgha ml u, Version esa ,slk dksbZ Change rks ugha fd;k x;k gS] tks vkidh Web Site ds Pages ds fy, Bhd u gksA bl ckr dks fuf”pr djus ds ckn gh Manually jQuery Library dks u, Version ds fy, Modify fd;k tk,] rkfd vkids Web Site dh Functionality ij dksbZ foijhr izHkko u iMs vkSj ;fn dqN foijhr izHkko iMs] rks vki rqjUr fiNys Version ds jQuery ij Switch dj ldsaA ;fn vki vkius Lo;a ds Web Server ij jQuery Library dks Host djuk ugha pkgrs cfYd vki fdlh CDN dh jQuery Library dks gh vius Web Page esa Include djuk pkgrs gSa] rks vkidks Google ds CDN dks gh Use djuk pkfg, D;ksafd orZeku le; esa lcls T;knk Developers us Google CDN dks gh Use fd;k gSA ifj.kkeLo:i T;knkrj lEHkkouk ;gh gksrh gS fd User tc vkidh Web Site Open djrk gS] rks mlds Web Browser ds Cache esa igys ls gh Google CDN ls vkbZ gqbZ jQuery Library Files Exist gksrh gS vkSj vkids Web Page ds fy, og File Download ugha gksrhA ifj.kkeLo:i vkidk Web Page vkSj T;knk rsth ls User ds Web Browser esa Load gksrk gSA lkFk gh fofHkUu Web Developers us Research djds ;s tkuk gS fd vU; CDNs dh


21



rqyuk esa Google dk CDN T;knk Fast gSA bl otg ls Hkh Google ds CDN dks izkFkfedrk nsuh pkfg,A vki ns[k ldrs gSa fd Google CDN dks Use djrs le; geus <script> Element ds src Attribute esa Specify fd, x, URL esa Protocol (http, https) dks Specify ugha fd;k gSA <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" ></script> geus ,slk blfy, fd;k gS D;ksafd Google ds CDN bu nksuksa Protocols dks Support djrs gSaA blfy, ;fn fdlh dkj.k ls dHkh dksbZ Protocol dke u djs] rks ml fLFkfr esa Google CDN ls jQuery Library Download ugha gks ik,xk D;ksafd lkekU;r% Google Lo;a http ls https ij Redirect djrk gS vkSj Redirect Fail gks tkus dh fLFkfr esa ,slk gks ldrk gSA blfy, tc ge Protocol dks Specify ugha djrs gSa] rks Web Browser Lo;a gh mi;qDr Protocol dks Use djrs gq, Google CDN ls jQuery Library dks Download dj ysrk gSA ysfdu ,slk flQZ Google CDN ds lkFk gksrk gSA lkFk gh ,d vkSj /;ku j[kus okyh ckr ;s gS fd tc ge mijksDr rjhds ls Google CDN dks Use djrs gSa] rc ;fn ge Local Computer ij Development djrs gSa] rks Local Computer ds Web Browser ds Cache esa Stored jQuery Library Use ugha gksrk cfYd gesa”kk CDN ls gh Library Download gksrk gSA vr% ;fn Google CDN dks Use djus eas fdlh rjg dh ijs”kkuh vk jgh gks] rks vki “https” Protocol ds lkFk mijksDr jQuery CDN dks fuEukuqlkj Specify dj ldrs gSa% <script src="https//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script> <script src="https//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" ></script> ;kuh ;fn t:jr gks] rks gesa”kk “https” Protocol dks gh Use djuk pkfg,] http dks ughaA fQj Hkh csgrj ;gh gS fd Development ds le; gesa gesa”kk gekjs Local Computer ij Stored jQuery Library dks gh Use djuk pkfg, vkSj tc Web Site ;k Web Application iwjh rjg ls rS;kj gks tk,] rc vius Local jQuery Library File dks Google CDN ls Replace dj nsuk pkfg,A

Where to Embed jQuery Framework pwafd] ge tkurs gSa fd jQuery ,d JavaScript Framework gS ;k ;fn vf/kd ljy “kCnksa esa dgsa rks ,d External JavaScript File gSA blfy, ftl rjg ls ge fdlh External JavaScript File dks vius Web Page esa ewy :i ls Head o Body Section esa Include djrs gSa] mlh rjg ls ge bl jQuery Framework dks Hkh vius Web Page ds Head ;k Body Section esa Include dj ldrs gSaA fiNys mnkgj.k esa geus jQuery dks Head Section esa Include fd;k gSA ysfdu Professional Development esa dHkh Hkh fdlh Hkh External JavaScript File dks Web Page ds Head Section esa Include ugha fd;k tkrkA D;ksa\


22



D;ksafd fdlh Hkh vU; External Resource dh rjg gh JavaScript File Hkh Synchronous rjhds ls Download gksrk gSA blfy, tc rd dksbZ JavaScript File Download gksdj Web Browser ds Cache esa Save gksrk gS] rc rd Web Browser, Web Page ds fdlh Hkh vU; Content dks Download ugha djrkA ifj.kkeLo:i ;fn Web Browser esa Download gksus okyh JavaScript File dkQh cMh gks ;k User ds Internet Connection dh Speed dkQh Slow gks] rks User dks ,slk eglwl gks ldrk gS fd gekjk Web Page User ds Web Browser esa Download gh ugha gks jgk gS ;kuh gekjk Web Page Hang gks x;k gSA tcfd Web Browser Internally gekjs Web Page ij Linked fdlh JavaScript File dks Download dj jgk gksrk gSA bl fLFkfr esa og User gekjh Web Site ls Move gks dj fdlh vU; Web Site ij tk ldrk gS] tks fd fcYdqy Hkh vPNh ckr ugha gSA lkFk gh lkekU;r% JavaScript File esa fy[ks x, Codes gekjs Web Page ds DOM ds lkFk Interact djrs gSaA blfy, ;fn ge gekjs Web Page ds Head Section esa fdlh External JavaScript File dks Attach djrs gSa vkSj ml JavaScript File esa dksbZ ,slk Code gS] tks fd Current Web Page ds DOM ds lkFk Interact djrk gS] rks ml JavaScript File ds Codes Fail gks tk,saxsA D;ksafd tc og JavaScript File iwjh rjg ls Download gksus ds ckn Run gksxk vkSj Run gksrs gh ml File ds Codes, Current Web Page ds DOM ds fdlh Element dks Access djus dh dksf”k”k djsaxs] rks og Element Available gh ugha gksxk ftl ij og JavaScript Code Action Perform dj ldsA D;ksafd og DOM Element rc Available gksxk] tc gekjs Web Page dk Body Section, Web Browser esa Download gksxk] tcfd Head Section esa Specified JavaScript File ds Download gksus ls igys Body Section Download gh ugha gks ldrkA blfy, csgrj ;gh jgrk gS fd fdlh Hkh External JavaScript File dks gesa”kk fuEukuqlkj Closing Body Element </body> ls Just igys Include fd;k tk,A ,slk djus ij mijksDr nksuksa izdkj dh leL;kvksa ls NqVdkjk fey tkrk gSA File Name: jQueryEmbeding-beforeClosingBodyElement.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Embedding Before Closing Body Element in WebPage</title> </head> <body> <h1>Other Codes Here</h1> <script type='text/javascript' src="js/jquery-1.9.1.js"></script> </body> </html> tc ge mijksDr Code ds vuqlkj Closing Body Element ls Just igys fdlh JavaScript File ;kuh jQuery Library File dks vius Web Page esa Include djrs gSa] rc Web Page Normal rjhds ls o T;knk rsth ls Web Browser esa Download o Render gksrk gS rFkk vUr


23



esa tc jQuery Library Download gksuk “kq: gksrk gS] rc rd iwjk Web Page, Web Browser esa Download o Render gks pqdk gksrk gSA ifj.kkeLo:i ;fn jQuery ;k fdlh vU; External JavaScript File ds Download gksrs gh dksbZ JavaScript Code Run gksrk gS] ftls Current Web Page ds fdlh DOM Element dks Access o Manipulate djus dh t:jr gksrh gS] rks ml JavaScript Code ds fy, DOM iwjh rjg ls rS;kj jgrk gSA

Internal Architecture of jQuery jQuery Library esa jQuery() uke dk ,d Single Global Function Define fd;k x;k gS] tks fd ,d Self Invoking Function gSA ;kuh Web Browser dk JavaScript Interpreter bl Function ds Codes dks Memory esa iwjh rjg ls Store djus ds rqjUr ckn bls Run Hkh dj nsrk gSA tc ge jQuery Framework Use djrs gSa] rks blh Function dk Function lcls T;knk ckj Use fd;k tkrk gS] blfy, bls Refer djus ds fy, Global Symbol $ dks ,d Shortcut dh rjg Use fd;k tkrk gSA pwafd Web Browser ds Global Scope esa ftrus de Global Variables Attach gksrs gSa] Web Browser ds JavaScript Codes ds Parsing dh Speed mruh gh de gks tkrh gSA blhfy, jQuery Framework }kjk dsoy bUgha nksuksa Symbols (jQuery o $) dks Global Namespace esa Define fd;k x;k gS] rkfd Web Browser ds Global Scope esa Extra Global Variables, Functions vkfn Attach u gksa o jQuery dh Performance vPNh jgsA pwafd JavaScript esa $ ,d Valid Symbol gS] ftls Variable ;k Identifier dh rjg Use fd;k tk ldrk gSA blfy, ;fn ge pkgsa rks JavaScript esa fuEukuqlkj ,d ,slk Function Define dj ldrs gSa] ftls $ Symbol ds ek/;e ls Call fd;k tk lds% function $(value1, value2){ return value1+value2; } ;fn ge bl Function dks Call djuk pkgsa] rks fuEukuqlkj Call dj ldrs gSa% alert($(10, 20)); //Output: 30 blh rjg ls ;fn ge pkgsa rks fuEukuqlkj ,d Self Invoked Function Define dj ldrs gSa ftlesa ,d vkSj Self Invoked Function gS% (function(window, undefined){ var jQuery = (function(){ // Other Codes… return jQuery; })(); window.jQuery = window.$ = jQuery;


24



})(window); tSlkfd vki mijksDr Code ns[kdj gh le> ldrs gSa fd ;s Code Factory Pattern ij vk/kkfjr gS] D;ksafd ;s Code Function Expression Syntax dk iz;ksx djds ,d Anonymous Function Object Create dj jgk gS vkSj fofHkUu Operations Perform djus ds ckn vUr esa ml Function Object dk Reference Return dj jgk gSA bl Code esa geus ,d Self Invoked Method Create fd;k gS vkSj Parameter ds :i esa mlesa window Object dks Pass fd;k gS] rkfd tSls gh Web Page, Web Browser esa Load gks vkSj window Object Ready gks tk,] ;s Self Invoked Function Run gks tk,A tSls gh ;s Function Run gksrk gS] JavaScript Interpreter Control bl Outer Function ds vUnj igqaprk gS vkSj jQuery uke dk ,d u;k Function Reference Create djrk gSA lkFk gh blesa Specify fd, x, lHkh rjg ds Codes Define djus ds ckn ;kuh lHkh Codes dks Memory esa Store djus ds ckn jQuery Object dks Return djrk gS] ftls Outer Function esa window.jQuery o window.$ dks Assign dj fn;k tkrk gS] rkfd ftl Function Code dks Memory esa jQuery uke }kjk Reference fd;k tk jgk gS mls window.jQuery o window.$ }kjk Hkh Refer fd;k tk ldsA tc fdlh Outer Function ls fdlh Inner Function dk Reference Return fd;k tkrk gS] rks og Inner Function ,d izdkj dk Closure gksrk gS] tks fd Outer Function ds Run gksdj Memory ls lekIr gks tkus ds ckn Hkh Execution ds fy, Exist jgrk gSA ifj.kkeLo:i Inner Function ls Control ds Return gksus ds ckn Hkh jQuery Variable esa Inner Function dk Scope Exist jgrk gSA blfy, ge bl Inner Code dks fQj ls Call djds Reuse dj ldrs gSaA pwafd ge bl Inner Function dks fQj ls Reuse djuk pkgrs gSa] blhfy, geus bl Object dks Outer Function esa Defined window.jQuery o window.$ Global Variables dks Hkh Assign dj fn;k gSA rkfd ;s nksuksa References Web Browser ds Global Scope dh Property cu tk,sa vkSj tc Hkh gesa t:jr gks] ge buds ek/;e ls Inner Function ds Codes dks fQj ls Reuse dj ldsaA pwafd window gekjs Web Browser dk Global Object gksrk gS] blfy, ;fn ge pkgsa rks vius Code esa window “kCn dks NksM Hkh ldrs gSaA ifj.kkeLo:i ;fn ge ml window “kCn dks NksM nsa] rks vius Code esa ge Inner Function dks jQuery ;k $ ls Hkh Reference dj ldrs gSa vkSj iwjs jQuery Library esa Define fd, x, lHkh Functions dks ge bUgha nksuksa “kCnksa }kjk Refer djrs gSaA vc ;fn ge pkgsa] rks vius lHkh Library Functions dks mijksDr Code ds Inner Function esa Defined dj ldrs gSa vkSj jQuery ;k $ }kjk bl Function dks Call djds mu lHkh Inner Library Functions dks Use dj ldrs gSaA tSls% (function(window, undefined){ var jQuery = (function(){ return function(num1, num2){ return(num1+num2);


25



} return jQuery; })(); window.jQuery = window.$ = jQuery; })(window); alert($(10, 20)); //Output: 30 alert(jQuery(10, 20)); //Output: 30 Bhd blh rjg ls iwjh jQuery Framework ds fofHkUu Functions dks Inner Functions ds :i esa Define fd;k x;k gS vkSj D;ksafd gekjh T;knkrj t:jrksa ls lEcaf/kr Functions dks igys gh bl Library esa Define fd;k tk pqdk gS] blfy, gesa fQj ls bu Functions dks Define djus dh t:jr ugha gS] cfYd ge lh/ks gh bu Functions dks Use dj ldrs gSa vkSj Bhd mlh rjg ls Use dj ldrs gSa] ftl rjg ls geus mijksDr Code esa nksuksa Alert Box esa Use fd;k gSA mijksDr Code dkQh ljy Code gS vkSj vklkuh ls le> esa vk ldrk gSA ysfdu ;fn vkidks mijksDr Code le> esa ugha vk jgk gS] rks bldk eryc ;gh gS fd vkidks JavaScript dh i;kZIr tkudkjh ugha gSA blfy, bl fLFkfr esa vkids fy, gekjh lykg ;s gS fd vki gekjh iqLrd “Advance JavaScript in Hindi” i<sa] rkfd mijksDr Code o bl iqLrd esa vkus okys ,sls gh dbZ vU; Codes dh Internal Working dks vki csgrj rjhds ls le> ldsaA gkykafd mijksDr Code dks le>s fcuk Hkh vki bl iqLrd esa vkxs vkus okys dkQh Concepts dks le> ldrs gSaA ysfdu jQuery o jQuery tSls fdlh Hkh vU; JavaScript Framework dks vklkuh ls o vPNh rjg ls le>us ds fy, t:jh gS fd vkidks JavaScript dk i;kZIr Kku gksA


26



developmenT environmenT

seTup


27



Development Environment Setup vki dksbZ Hkh ubZ Programming Language lh[kuk pkgrs gksa] rks lh[kus dk lcls csgrj rjhdk ;gh gS fd ml Language ls lacaf/kr Basics o Fundamentals dks NksVs&NksVs Programs cukrs gq, lh[kk tk, vkSj Program cukus ds fy, gesa gesa”kk fdlh u fdlh Text Editor ;k IDE dh t:jr gksrh gSA JavaScript Hkh ,d izdkj dh Programming Language ;k T;knk csgrj “kCnksa esa dgsa] rks ,d izdkj dh Client Side Scripting Language gS] blfy, blls igys fd ge bl Language dks le>sa] gesa JavaScript Programs dks Develop djus ls lEcaf/kr Basic Environment Setup djus dh t:jr gS] rkfd iqLrd esa vkxs vkus okys Program Codes dh Working dks vklkuh ls le>k tk ldsA pwafd jQuery okLro esa JavaScript gh gS] blfy, bl iqLrd esa txg&txg geus jQuery Programs dks JavaScript Programs Hkh fy[kk gS vkSj geus ,slk blhfy, fd;k gS rkfd vkidks ;kn jgs fd gj jQuery Program okLro esa ,d JavaScript Program gh gSA vU; lHkh Programming, Scripting o Markup Languages dh rjg gh JavaScript Programs dks Hkh ge ,d Simple Text Editor esa fy[k ldrs gSa] ysfdu pwafd JavaScript ,d Interpreter Based Programming Language gS vkSj JavaScript dk Interpreter lkekU;r% Web Browser ds vUnj gh In-Built gksrk gS] blfy, lkekU;r% JavaScript dks Web Pages dks Interactive cukus ds fy, Use fd;k tkrk gSA ifj.kkeLo:i JavaScript Codes ewy :i ls Web Pages ds fy, gh mi;ksxh gksrs gSa vkSj Web Pages Create djus ds fy, ftrus Hkh IDE (Integrated Development Environment) orZeku esa miyC/k gSa] mu lHkh dks JavaScript Codes dks fy[kus ds fy, Use fd;k tk ldrk gSA tSls Adobe DreamWeaver, Microsoft Visual Studio, NetBeans, Eclipse vkfnA pwafd fdlh Hkh Program dks Develop djus esa dbZ Steps Involved gksrs gSa] tSls fd Source Codes fy[kuk] mUgsa Compile ;k Interpret djuk] Bugs dks Identify djuk] mUgsa Debug djuk] Maintain djuk] Test djuk o Deploy djukA bu lHkh dkeksa dks ,d gh LFkku ij iwjk djus ds fy, ;fn dksbZ Software cuk fy;k tk,] rks ml Software dks IDE (Integrated Development Environment) dgrs gSaA gkykafd IDE fdlh Hkh Program dks Develop djus esa dkQh enn djrs gSa] ysfdu fQj Hkh ;fn ge dksbZ ubZ Language lh[kus ds fygkt ls ns[ksa] rks IDE Qk;nk djus ds LFkku ij uqdlku djrs gSaA

Notepad++ rks lcls igys Notepad++ Text Editor dks http://www.notepad-plus-plus.org/download/ Website ls Download djds vius Computer ij Install dhft,A ;s Text Editor Free Available gSA Install djds Open djus ij ;s dqN fuEukuqlkj fn[kkbZ nsrk gS


28



pwafd HTML, CSS o JavaScript tSlh Scripting Languages, Web Browser esa gh Interpret gksrs gSa vkSj budk Server Side ls dksbZ Direct Connection gksuk t:jh ugha gksrk] blfy, JavaScript Codes ds Effects dks le>us ds fy, gesa gekjs Local Computer ij fdlh Local Web Server dks Install djus dh t:jr ugha gS] cfYd JavaScript Codes gesa”kk fdlh u fdlh HTML Web Page ls Link ;k HTML Web Page esa Embed gksrs gSa] blfy, tSls gh ge Web Page dks fdlh Web Browser esa Open djrs gSa] JavaScript Interpret gksus yxrk gSA ;kuh JavaScript Programming lh[kus ds fy, gesa fdlh External Software dh t:jr ugha gSA gesa dsoy ,d Text Editor dh t:jr gS] tgka ge vius HTML, CSS o JavaScript Codes dks fy[k ldsa o ,d Web Browser dh t:jr gS] tgka ge gekjs JavaScript Codes ds Output dks ns[k ldsaA Notepad ++ dh Capabilities dks Extend djus ds fy, ge blesa viuh t:jr ds vuqlkj fofHkUu izdkj ds Plug-ins dks Hkh Install dj ldrs gSaA fofHkUu izdkj ds Plug-ins Install djus ds fy, gesa Notepad++ ds Plug-in Menu ds “Plugin Manager” Sub-Menu ds “Show Plugin Manager” Option dks Click djuk gksrk gS vkSj gekjs lkeus fuEukuqlkj ,d Dialog Box Open gksrk gS] ftlesa ge mu Plug-ins dks Select djds Install dj ldrs gSa] ftUgsa ge gekjs Notepad++ Text Editor esa Include djuk pkgrs gSa tcfd Install gksus ds ckn ml Plugin dks mi;ksx esa ysus ds fy, Hkh gesa blh “Plug-in” Menu esa gh tkuk gksrk gSA


29



blds vykok ;fn vki dksbZ IDE Use djuk pkgrs gSa] rks vki Aptana Studio Use dj ldrs gSaA ;s ,d Advance IDE gS] blfy, bls bldh iwjh {kerk ds lkFk Use djus ds fy, vkidks dqN Configuration djus dh t:jr iM ldrh gSA

Aptana Studio ;s ,d ,slk IDE gS] ftls Use djus ij vki viuk lkjk Code ,d gh LFkku ij fy[k ldrs gSa vkSj mls blh Studio esa miyC/k Internal Web Browser esa Run djds mldk Output Hkh blh Browser esa ns[k ldrs gSaA bl IDE dks vki http://www.aptana.com/products/studio3/download Website ls Download dj ldrs gSa vkSj ;s Hkh iwjh rjg ls Free gSA Install djds Open djus ij ;s IDE dqN fuEukuqlkj fn[kkbZ nsrk gS%


http://www.aptana.com/products/studio3/download

30



bl IDE dh fo”ks’krk ;s gS fd bl IDE esa gh ,d Local Web Server o Internal Web Browser Hkh gSA ftldh otg ls gesa gekjs Program dks Test ;k Debug djus ds fy, Text Editor o Web Browser ds chp Switch ugha djuk iMrkA bl IDE dks Use djus ds fy, lcls igys gesa fuEu fp=kuqlkj Option dks Click djds ,d u;k Web Project Create djuk gksrk gS%

,d Dialog Box Display gksrk gS] tgka gesa gekjs Project dk uke Specify djds Next Button ij ugha cfYd Finish Button ij Click djuk gksrk gSA ,slk djrs gh ,d u;k Project Create gks tkrk gS] ftls ge IDE ds Left Side esa fn[kkbZ nsus okys “Project Explorer” Tab esa ns[k ldrs gSaA fQj fuEu fp=kuqlkj ubZ File Create djuk gksrk gS%


31



fp= esa fn[kk, vuqlkj “New => File” ij Click djrs gh gekjs lkeus ,d Dialog Box vkrk gS] ftlesa gesa gekjh File dk uke tSls fd “index.html” Specify djds “Finish” Button ij Click djuk gksrk gS%

bl izdkj ls gekjs Project esa ,d ubZ File Add gks tkrh gS] ftlesa ge fuEukuqlkj HTML, CSS ;k JavaScript Code fy[k ldrs gSa%

bl Web Page esa HTML, CSS, JavaScript Codes fy[kus ds ckn mldk Output ns[kus ds fy, gesa vxys fp= esa fn[kk, vuqlkj IDE ds Standard Toolbar esa fn, x, “Show Preview” Icon dks Click djuk gksrk gS vkSj gesa gekjs Page dk Output fuEu fp=kuqlkj fn[kkbZ nsus yxrk gS%


32



bl IDE ds vykok Hkh dbZ vkSj IDEs gSa] ftudk iz;ksx Web Pages Create djus ds fy, fd;k tk ldrk gSA mnkgj.k ds fy, vki NetBeans Hkh Use dj ldrs gSa] tks fd ewy :i ls Java Development ds fy, Oracle Company }kjk Provide fd;k x;k IDE gS] ysfdu ge bls Web Development ds fy, Hkh Use dj ldrs gSa vkSj ;s IDE Hkh dkQh Powerful o Free Available gSaA tcfd ;fn vki Use djuk pkgsa rks Visual Studio dk Express Edition Use dj ldrs gSa tks fd iwjh rjg ls Free gS] ftls vki Microsoft dh Website ls Download dj ldrs gSa vkSj ;s dkQh Advance Hkh gS D;ksafd ;s jQuery dks Internally Support djrk gSA

Visual Studio ;kuh tc ge jQuery Development ds fy, Visual Studio Use djrs gSa] rc gesa fcuk fdlh rjg dk Configuration fd, gq, jQuery Frameworks ls lEcaf/kr Code Completion o IntelliSense tSlh Advance lqfo/kk,sa Automatically fey tkrh gSA Visual Studio Install djus ds ckn tc Run djrs gSa] rc ;s dqN fuEukuqlkj fn[kkbZ nsrk gS%


33



Visual Studio dk iz;ksx djrs gq, tc ge Web Page Design djuk pkgrs gSa] rc gesa fuEu fp=kuqlkj FILE Menu ls New Option dks Select djrs gq, “Web Site…” Option dks Click djuk gksrk gS%

tSls gh ge bl Option ij Click djrs gSa] gekjs lkeus fuEukuqlkj ,d Dialog Box Display gksrk gS%


34



bl Dialog Box esa gesa fp= esa fn[kk, vuqlkj igys Option dks Select djuk gksrk gS vkSj vius Project dk uke o mldk Path Specify djds OK Button ij Click djuk gksrk gSA tSls gh ge OK Button ij Click djrs gSa] ,d Empty Project Create gks tkrk gS] ftlesa ge gekjh t:jr ds vuqlkj vU; Files Create dj ldrs gSaA ubZ HTML File Add djus ds fy, gesa fQj ls FILE Menu esa New Option dks Click djuk gksrk gS vkSj bl ckj gesa fuEu fp=kuqlkj “File…” Option dks Select djuk gksrk gS%

tSls gh ge “File…” Option ij Click djrs gSa] gekjs lkeus fuEukuqlkj ,d u;k Dialog Box vkrk gS] ftlesa fofHkUu izdkj dh Files esa ls ge ftl rjg dh File pkgsa oSlh File Create dj ldrs gSaA ekuyks fd gesa ,d HTML File Create djuh gS] rks ge fuEu fp=kuqlkj “HTML Page” Option dks Select djds “Add” Button ij Click dj ldrs gSa%


35



tSls gh ge “Add” Button ij Click djrs gSa] gekjs lkeus fuEu fp=kuqlkj ,d u;k Web Page Open gks tkrk gS] ftls geus vHkh Add fd;k gS vkSj ;gh Page gekjs Web Project ds Solution Explorer esa Hkh Add gks tkrk gS] ftls ge fuEu fp= esa ns[k ldrs gSa%

blh izdkj ls ge fofHkUu izdkj dh Web Project Files tSls fd XML, HTML, CSS, JavaScript vkfn dks gekjs Current Web Project esa Add dj ldrs gSaA pwafd ge gekjs Web Project esa jQuery dks Use djuk pkgrs gSa] blfy, lcls igys gesa gekjs Web Project esa jQuery Framework dh JavaScript Library File dks Add djuk gksxkA bl File dks ge http://jquery.com Website ls Download dj ldrs gSaA


http://jquery.com/

36



bl File dks Add djus ds fy, gesa fuEu fp=kuqlkj vius Solution Explorer esa fn[kkbZ nsus okys vius Web Project ij Mouse ls Right Click djuk gksxk o Display gksus okys Popup Menu esa Add Option dks Select djds “Existing Items…” dks Click djuk gksxk%

tSls gh ge bl Option ij Click djrs gSa] gesa fuEu fp=kuqlkj ,d Dialog Box fn[kkbZ nsrk gS] tgka gesa gekjh jQuery Library File dk Location Specify djds Add Button ij Click djuk gksrk gS%


37



Add Button ij Click djrs gh gekjh jQuery Library File gekjs Web Project ds Solution Explorer esa fuEu fp=kuqlkj Add gks tkrh gS%

tSlkfd ge mijksDr fp= esa ns[k ldrs gSa fd vc ge gekjh jQuery File dks vius Current Web Project ds Current HTML Page esa <script> Element }kjk Embed dj ldrs gSa vkSj tSls gh ge bls vius Current HTML Page esa Embed djrs gSa] ge blds fofHkUu Methods dks fuEu fp=kuqlkj Code Completion List }kjk Access dj ldrs gSa%

bl izdkj ls ge jQuery Development ds fy, Visual Studio dks cMh gh vklkuh ls mi;ksx eas ys ldrs gSa vkSj Visual Studio orZeku le; esa lcls Advance jQuery Development IDE gSA


38



NetBeans NetBeans Hkh dkQh vPNk Web Development IDE gS] D;ksafd tSls gh ge gekjs Web Page ls jQuery Library dks Attach djrs gSa] fcuk fdlh rjg dk Configuration fd, gq, gesa jQuery Framework ds lHkh Functions Come Completion o IntelliSense dh lqfo/kk ds :i esa Available gks tkrs gSaA tc ge NetBeans dks Install djds Run djrs gSa] rc ;s gesa dqN fuEukuqlkj fn[kkbZ nsrk gS%

pwafd dksbZ Hkh Web Project fdlh u fdlh Server Side Technology tSls fd PHP, JSP ;k ASP.NET ls t:j lEcaf/kr gksrk gS] blfy, tc ge NetBeans dk iz;ksx djds Web Project Create djuk pkgrs gSa] rc gesa Default :i ls PHP ;k JSP Based Web Project Create djuk gksrk gS vkSj ge ;s eku jgs gSa fd gekjk Web Project, PHP Based Web Project gSA blfy, u;k Web Project Create djus ds fy, tc ge NetBeans ds File Menu ds New Project Option ij Click djrs gSa] rc gesa fuEu fp=kuqlkj ,d Dialog Box fn[kkbZ nsrk gS%


39



pwafd NetBeans ,d ,slk IDE gS] ftlesa ge dbZ izdkj ds Applications Create dj ldrs gSaA blfy, ;gka geus “Categories:” List Box esa PHP Option dks Select fd;k gS D;ksafd ge ,d PHP Based Web Application Create djuk pkgrs gSaA tSls gh ge Left Side ds List Box esa PHP Option dks Select djrs gSa] gesa Right Side esa rhu Options fn[kkbZ nsus yxrs gSaA igyk Option ge rc Choose djrs gSa] tc ge u;k Web Application Create djuk pkgrs gSa tcfd nwljk Option ge rc Select djrs gSa] tc gesa igys ls cus gq, fdlh Project dks NetBeans IDE esa NetBeans Project ds :i esa Setup djuk gksrk gSA pwafd ge u;k Web Project Create djuk pkgrs gSa] blfy, gesa igys Option ;kuh “PHP Application” dks Select djds “Next >” Button ij Click djuk gksrk gS vkSj ,slk djrs gh gekjs lkeus fuEukuqlkj ,d u;k Dialog Box Display gks tkrk gS%


40



bl fp= esa fn[kk, vuqlkj gesa gekjs Web Project dk uke o gekjs Source Codes dks Store djus dh Location ;kuh “Source Folder” dks Specify djuk gksrk gSA tcfd ;fn ge ftl Folder esa u;k Project Create dj jgs gSa] og Folder Empty u gks] rks gesa mijksDr fp= esa fn[kk, vuqlkj “Project Sources directory is not empty.” dk Message Hkh fn[kkbZ nsrk gSA tSls gh Project dk uke o Source Folder Specify djds ge “Next >” Button ij Click djrs gSa] gekjs lkeus fuEukuqlkj ,d vkSj Dialog Box Display gksrk gS%

bl Web Page esa gesa ;s crkuk gksrk gS fd ge gekjs Web Project dks fdl rjg ls Run djuk pkgrs gSa] tks fd Default :i ls “Local Web Site” gksrk gS vkSj bls gh jgus nsuk pkfg,


41



tcfd Project URL esa gesa gekjs Local Host ds ml Folder dk Path crkuk gksrk gS] tgka geus gekjs Web Site dks Save fd;k gSA lkekU;r% ;s Local Web Server ds htdocs Folder esa Stored fdlh Folder dk Path gksrk gS vkSj gekjk Current Path “http://localhost/jQuery/” gS D;ksafd geus gekjs jQuery Web Site ds lHkh Pages dks vius Local Web Server ds htdocs Folder esa jQuery uke ds ,d Folder esa Store fd;k gSA vc gesa fQj ls “Next >” Button ij Click djuk gksrk gS tgka gesa fuEukuqlkj ,d vkSj Dialog Box izkIr gksrk gS%

;fn ge gekjs Web Application dks fdlh Framework ds vk/kkj ij Create djuk pkgrs gSa] rks gesa gekjs Use fd, tkus okys Framework dks bl Dialog Box esa Select djuk gksrk gSA pwafd ge Client Side Development ds fy, Web Pages Create dj jgs gSa] blfy, gesa fdlh Framework dks Select djus dh t:jr ugha gSA blfy, ;gka gesa “Finish” Button ij Click djuk gksrk gSA gekjk u;k Project Create gksus ds ckn gesa fuEukuqlkj fn[kkbZ nsrk gS] tks fd iwjh rjg ls Blank gksrk gS%


42



vc gesa gekjs Web Project esa ,d ubZ HTM File Create djus ds fy, gesa File Menu ds “New File” Option dks Click djuk gksrk gSA tSls gh ge bl “New File” Option ij Click djrs gSa] gekjs lkeus fuEukuqlkj ,d u;k Dialog Box Display gks tkrk gS%

pwafd ge ,d HTML File Create djuk pkgrs gSa] blfy, Left Side ds “Categories:” List Box esa gesa “Other” Option dks Select djuk gksrk gSA tSls gh ge bl “Other” Option dks Select djrs gSa] Right Side ds List Box esa cgqr lkjs “File Types:” fn[kkbZ nsus yxrs gSa] tgka gesa “HTML File” Option dks Select djds “Next >” Button dks Click djuk gksrk gSA bls Click djrs gh gekjs lkeus fuEukuqlkj ,d u;k Dialog Box Display gksrk gS%


43



;gka gesa gekjh HTML File dk uke myjQuery.html Specify fd;k gSA /;ku j[ksa fd tks File Create dh tk jgh gS] mldk Extension Specify djuk t:jh gSA tSls gh ge ;gka ij “Finish” Button ij Click djrs gSa] ;s File gekjs NetBeans IDE esa fuEukuqlkj Add o Open gks tkrh gS%

pwafd] ;gka Hkh ge NetBeans KDE dk iz;ksx jQuery Development ds fy, dj jgs gSa] blfy, jQuery Supported cukus ds fy, gesa bl IDE esa gekjs jQuery Library File dks Add djuk gksxkA


44



pwafd] Web Development esa Web Site ;k Application dks vklkuh ls Manage djus ds fy, ge fofHkUu izdkj ds Resources dks mudh Categories esa gh Store djrs gSa] blfy, jQuery dks Hkh ge gekjs Project esa ,d JavaScript Folder ds vUnj gh Store djrs gSa] rkfd lHkh JavaScript Files dks Manage djuk vklku jgsA bl t:jr dks iwjk djus ds fy, ge fuEu fp=kuqlkj “Source Files” Option ij Mouse ls Right Click djds Display gksus okys Popup Menu ds ek/;e ls ge ,d u;k Folder Create dj ldrs gSa%

tSls gh ge bl “Folder…” Option dks Click djrs gSa] gekjs lkeus fuEukuqlkj ,d u;k Dialog Box Display gksrk gS%


45



pwafd jQuery ,d JavaScript File gS vkSj ge gekjh lHkh JavaScript Files dks ,d vyx Folder esa Store djuk pkgrs gSa] blfy, ge gekjs u, Create gksus okys Folder dk uke mijksDr fp= esa fn[kk, vuqlkj js j[k jgs gSaA tSls gh ge Folder dk uke Specify djds Finish Button ij Click djrs gSa] gekjs IDE esa fuEu fp=kuqlkj ,d u;k Folder Create gks tkrk gS%

vkSj tSlkfd mijksDr fp= esa fn[kkbZ ns jgk gS] tSls gh ge bl Newly Created Folder esa viuh jQuery Library File dks Save djrs gSa] ;s File gesa gekjs NetBeans IDE esa fn[kkbZ nsus yxrh gSA vc ge bls vius HTML Page esa <script> Element dk iz;ksx djrs gq, fuEukuqlkj Embed dj ldrs gSa%


46



vc tSls gh ge dksbZ Hkh jQuery Code fy[krs gSa] fofHkUu jQuery Methods ls lEcaf/kr Code Completion o Help fuEu fp=kuqlkj Automatically fn[kkbZ nsus yxrh gS%

tSlkfd ge le> ldrs gSa fd NetBeans Bhd Visual Studio dh rjg gh mi;ksxh gSA gkykafd Visual Studio, JavaScript o jQuery ds ekeys esa fdlh Hkh vU; IDE ls T;knk csgrj gS] D;ksafd dHkh&dHkh gesa jQuery ds fy, NetBeans dks Configure djus dh t:jr iMrh gS] tcfd Visual Studio esa jQuery Configuration Inbuilt gS] blfy, fcuk fdlh ijs”kkuh ds ge jQuery dks Visual Studio esa Directly Use dj ldrs gSa fQj Hkh vkidks tks IDE ilUn vk,] vki mls Use dj ldrs gSaA ;s iwjh rjg ls vkidh bPNk ij fuHkZj gSA ;fn vki Server Side Scripting Language ds :i esa ASP.NET Use dj jgs gSa] rks Visual Studio vkids fy, T;knk csgrj jgrk gS tcfd ;fn vki Server Side Scripting Language ds :i esa PHP ;k JSP Use dj jgs gSa] rks vkids fy, NetBeans T;knk csgrj jgrk gSA


47



gkykafd JavaScript o jQuery iwjh rjg ls Client Side Development ls lEcaf/kr gSa] blfy, ge bUgsa rc rd fdlh Hkh IDE esa vklkuh ls Use dj ldrs gSa] tc rd fd ge AJAX rduhd dk iz;ksx ugha djrs gSaA ysfdu tc ge AJAX rduhd dk iz;ksx djrs gSa] rc NetBeans o Visual Studio esa pquko djuk vkids fy, csgrj jgrk gSA buds vykok DreamWeaver Hkh ,d cgqr gh Powerful IDE gS] ftls lkekU;r% Web Development ds fy, Use fd;k tkrk gSA ysfdu D;ksafd ;s dkQh egaxk gS vkSj fcuk [kjhns gq, ge bls mi;ksx esa ugha ys ldrs] blfy, ge blds ckjs esa dksbZ Discussion ugha djsaxsA gkykafd DreamWeaver Hkh dkQh ljy IDE gS vkSj ge blesa fofHkUu izdkj dh Requirements dks vklkuh ls iwjk dj ldrs gSa] ysfdu bldh ,d gh lcls cMh ijs”kkuh gS vkSj oks ;s gS fd tc ge DreamWeaver dks Use djrs gq, Web Development djrs gSa] rks ;s cgqr /kheh xfr ls dke djrk gS] tcfd vU; IDEs dkQh Fast gSaA gkykafd vki mijksDr Discussion ds vuqlkj fdlh Hkh IDE ;k Notepad++ iz;ksx djds Web Pages Create dj ldrs gSa] ftuesa JavaScript Codes fy[kdj mudk Effect le> ldrs gSa] ysfdu fQj Hkh Development ds le; fo”ks’k :i ls Codes dh Debugging djrs le; o Language dh Internal Working dks csgrj rjhds ls le>us ds fy, gesa dqN vkSj Special izdkj ds Tools dh vDlj t:jr iMrh gS vkSj lkekU; :i ls ;s Tools, Web Browser cukus okyh Companies us Default :i ls vius Web Browser esa ns j[kk gksrk gS] ftls “Developer Tools” dgrs gSa] vkSj fofHkUu Web Browsers esa lkekU;r% bUgsa F12 Function Key Press djds On/Off fd;k tk ldrk gSA fQj Hkh Developer Tools ds ekeys esa Mozilla Firefox Web Browser lcls Powerful Developer Tools Plugin ds :i esa Install djus dh lqfo/kk nsrk gS vkSj ;s Tool Hkh F12 Function Key }kjk Enable/Disable dj ldrs gSaA ;kuh ;fn vki Mozilla Firefox Web Browser Use dj jgs gSa] rks fuEu Tools dks vius Web Browser esa Extension ds :i esa t:j Install djsa%

1. http://www.getfirebug.com/ ;s Tool okLro esa lHkh Web Developers ds fy, ,d cgqr gh mi;ksxh Tool gS] D;ksafd ;s Tool Web Page Development o Debugging ls lacaf/kr yxHkx t:jh Tools dk ,d Collection gSA

2. http://livehttpheaders.mozdev.org/ bl Tool dk iz;ksx djds ge Web Browser o Web Server ds chp Transfer gksus okys Message dh Details izkIr dj ldrs gSaA


http://www.getfirebug.com/

http://livehttpheaders.mozdev.org/

48



3. http://chrispederick.com/work/web-developer/ ;s Tool Current Web Page ls lEcaf/kr yxHkx lHkh Elements dh tkudkjh o mUgsa Handle o Control djus dh lqfo/kk nsrk gSA

;fn vki Firefox Web Browser dks T;knk mi;ksx esa ysrs gSa] rks bu rhuksa Tools ds lkFk dqN le; O;rhr djuk vkids fy, dkQh Qk;nseUn jgsxkA ysfdu ;fn vki Google Chrome Web Browser dks T;knk mi;ksx esa ysrs gSa] rks mijksDr lHkh Tools ds Lite ;k Alternative Versions, Google Chrome Web Browser ds fy, Hkh Plug-in ds :i esa Available gSa] tks fd F12 Function Key Press djus ij dqN fuEukuqlkj fn[kkbZ nsrs gSa%

Google Chrome ds fy, Firebug Tool dk ;s ,d Lite Version gSA blds vykok Google Chrome dk Lo;a dk Hkh ,d Developer Tool gS] ftl dks ml fLFkfr esa F12 Function Key }kjk Activate fd;k tk ldrk gS] tcfd vkius Google Chrome esa “Firebug Lite” Version dks Install u fd;k gksA


http://chrispederick.com/work/web-developer/

49



ysfdu ;fn vkius “Firebug” ds Lite Version Extension dks Install fd;k gS] rks bl Default Developer Tools dks Open djus ds fy, vkidks Google Chrome ds Tools Menu esa tkdj “Developer Tools” Option dks Click djuk gksxkA ;s Tool dqN fuEukuqlkj fn[kkbZ nsrk gSA

blds vykok Microsoft us vius Latest Web Browser ds lkFk Hkh viuk ,d Developer Tool Provide fd;k gS vkSj og Hkh F12 Function Key }kjk gh Activate gksrk gS] tks fd yxHkx Firebug Tool dh Exact Copy gSA ;s Tool dqN fuEukuqlkj fn[kkbZ nsrk gS%

buds vykok Apple Safari o Opera Web Browsers dk Hkh viuk Develop Tool gSA mijksDr lHkh Tools ns[kdj vki le> gh x, gksaxs fd ;s lHkh Tools yxHkx ,d leku gh gSaA blfy, vki pkgs tks Web Browser Use dj jgs gksa] vkidks bu Tools dks vPNh rjg ls Use djuk vkuk gh pkfg,A


How to Get Complete PDF EBook आप Online Order करके Online या Offline Payment करते हुए इस Complete EBook को तुरन् त

Download कर सकते हैं।

Order करने और पुस् तक को Online/Offline Payment करते हुए खरीदने की पूरी प्रक्रिया की क्रिस् तृत नानकारी प्रा‍ त

करने के क्रिए आप BccFalna.com के क्रनम् न Menu Options को Check Visit कर सकते हैं।

How to Make Order How to Order?

How to Buy Online How to Pay Online using PayUMoney

How to Pay Online using Instamojo

How to Pay Online using CCAvenue

How to Buy Offline How to Pay Offline

Bank A/c Details

नक्र‍ क हरारे Old Buyers के Reviews भी देख सकते हैं ताक्रक आप इस ‍ात का क्रनर्णय िे सकें क्रक हरारे Buyers हरारे

PDF EBooks से क्रकतने Satisfied हैं और यक्रद आप एक से अक्रिक EBooks खरीदते हैं , तो Extra Discount की

Details भी Menubar से प्रा‍ त कर सकते हैं।

https://www.bccfalna.com/

https://www.bccfalna.com/how-to-pay/

https://www.bccfalna.com/payumoney/

https://www.bccfalna.com/how-to-pay-online-instamojo/

https://www.bccfalna.com/how-to-pay-using-ccavenue/

https://www.bccfalna.com/how-to-deposit-payment/

https://www.bccfalna.com/payment-options/

https://www.bccfalna.com/customer-reviews/

https://www.bccfalna.com/special-offer/

jquery in hindi - bccfalna.com · alternative of javascript on approximately more than 90% tasks....

Documents