मैं यहाँ वेरिएबल्स के सभी प्रकारों और ऑपरेशनों का लंबा विवरण नहीं दूँगा — इसकी अभी आवश्यकता नहीं है। हमारी मुख्य लक्ष्य यह समझना है कि JavaScript का मूल सिंटैक्स कैसे काम करता है, ताकि हम आगे jQuery सीख सकें। उसके बाद आप स्वयं JavaScript के ज्ञान और कौशल को गहरा कर सकते हैं। यदि आप JavaScript को गहराई से सीखना चाहते हैं और jQuery फ्रेमवर्क का उपयोग करने में रुचि नहीं रखते, तो आपको JavaScript पर एक अधिक विस्तृत पाठ्यपुस्तक ढूँढनी चाहिए। लेकिन यदि आप Drupal पर वेबसाइट बनाना और बाद में jQuery सीखना चाहते हैं — तो यह मार्ग आपके लिए है। तो आइए शुरू करें।

इस पाठ में हम सीखेंगे कि JavaScript में if संरचना (if statement) का उपयोग कैसे किया जाता है। JavaScript की सिंटैक्स PHP के समान है (दोनों भाषाएँ C++ प्रोग्रामर्स को ध्यान में रखकर बनाई गई हैं), इसलिए आप PHP में if ऑपरेटर पर यह पाठ भी देख सकते हैं:

PHP पाठ - पाठ 8 - if ऑपरेटर

इस पाठ में हम JavaScript में लूप्स (loops) के बारे में जानेंगे। जैसा कि मैंने पहले बताया था, PHP और JavaScript की सिंटैक्स काफी हद तक समान है, इसलिए आप PHP में लूप्स पर यह पाठ भी देख सकते हैं:

PHP पाठ - पाठ 12 - लूप्स while, foreach, for

सिर्फ एक अंतर यह है कि JavaScript में foreach() लूप मौजूद नहीं होता, इसलिए हम भविष्य में तत्वों (elements) को इटरनेट (iterate) करने के लिए jQuery का each() मेथड उपयोग करेंगे।

इस पाठ में हम JavaScript में फ़ंक्शंस के बारे में जानेंगे — उन्हें कैसे लिखा जाता है और कौन-कौन से प्रकार के फ़ंक्शंस होते हैं। आप फ़ंक्शंस के बारे में अधिक जानने के लिए PHP के इन पाठों को पढ़ सकते हैं — इनमें दिए गए सभी उदाहरण JavaScript में भी काम करेंगे:

PHP पाठ - पाठ 7 - PHP फ़ंक्शंस और फंक्शनल प्रोग्रामिंग

इस पाठ में हम JavaScript के एक और डेटा प्रकार — एरेज़ (Arrays) — के बारे में जानेंगे। साथ ही हम कुछ ऐसी फ़ंक्शंस पर भी नज़र डालेंगे जो स्ट्रिंग्स और एरेज़ के साथ काम करने के लिए उपयोग की जाती हैं। बाकी फ़ंक्शंस हम अगले पाठों में सीखेंगे। एरेज़ से परिचित होने के लिए आप PHP में एरेज़ पर दिए गए ये लेख पढ़ सकते हैं:

PHP पाठ - पाठ 10 - एरेज़

यह JavaScript का अंतिम पाठ है जो jQuery सीखना शुरू करने से पहले आवश्यक है। लेकिन यह JavaScript पर आख़िरी पाठ नहीं है जिसे मैं बनाऊँगा, क्योंकि JavaScript भाषा इससे कहीं अधिक विस्तृत है और इसमें उन विषयों से भी ज़्यादा है जिन्हें हमने अब तक कवर किया है।

jQuery क्या है?

jQuery एक शानदार JavaScript लाइब्रेरी है, जो आपको कुछ ही पंक्तियों के कोड में बेहतरीन वेब इफेक्ट्स बनाने की अनुमति देती है। जैसा कि jQuery परियोजना की वेबसाइट पर कहा गया है:

“jQuery — यह एक JavaScript लाइब्रेरी है, जिसका नारा है: JavaScript कोड लिखना मज़ेदार होना चाहिए। jQuery सामान्य, बार-बार दोहराए जाने वाले कार्यों को सरल बनाता है, कोड को साफ़-सुथरा रखता है और उसे छोटा, सुंदर और समझने में आसान बनाता है।”

jQuery एक बेहद सुविधाजनक चीज़ है — जब किसी तत्व को छिपाना, बदलना, स्थानांतरित करना या सुंदर तरीके से प्रदर्शित करना हो। यह बहुत ही आसान और शक्तिशाली है। आइए अब एक JavaScript फ़ाइल को जोड़ना सीखते हैं। हम थीम में फ़ाइलें .info एक्सटेंशन वाली फ़ाइल के माध्यम से जोड़ेंगे। किसी JavaScript फ़ाइल को जोड़ने के लिए अपनी थीम की .info फ़ाइल में निम्न पंक्ति जोड़ें:

scripts[] = js/custom.js

यहाँ js/custom.js आपकी थीम में JavaScript फ़ाइल का पथ (path) है।

इस पाठ में हम jQuery चयनकर्ता (selectors) और jQuery प्रभावों (effects) के बारे में सीखेंगे।

चयनकर्ता (Selectors)

चयनकर्ताओं में हम सबसे अधिक क्लास और आईडी का उपयोग करेंगे। चयनकर्ता अक्सर CSS चयनकर्ताओं से मेल खाते हैं, इसलिए यदि आप CSS चयनकर्ता लिखना जानते हैं, तो आप jQuery चयनकर्ता भी लिख सकते हैं। इस प्रकार हम क्लास को चुनते हैं:

$('.class')

और इस प्रकार हम id को चुनते हैं:

$('#id')

इस वीडियो में हम सीखेंगे कि jQuery की मदद से CSS के साथ कैसे काम किया जा सकता है।