CSS पाठ्यपुस्तक — अंतिम पाठ — HTML/CSS से Drupal तक
यहीं पर हमारा CSS पाठ्यक्रम समाप्त होता है, लेकिन CSS सीखना यहाँ समाप्त नहीं होता। अब मैं सुझाव देता हूँ कि हम अभ्यास (प्रैक्टिस) की ओर बढ़ें और Drupal थीम बनाते हुए CSS का आगे अध्ययन करें। मैं इंटरनेट पर एक PSD लेआउट ढूँढूँगा और हम उसे Zen थीम के आधार पर Drupal थीम में परिवर्तित करेंगे।
आप अब PHP सीखना भी शुरू कर सकते हैं:
JavaScript पाठ (पाठ्यपुस्तक, स्व-अध्ययन मार्गदर्शिका)
JavaScript दुनिया की सबसे लोकप्रिय भाषाओं में से एक है। यद्यपि समय के साथ इसकी स्थिति कुछ कमजोर हुई है, फिर भी इसे सीखने में कई प्रोग्रामर रुचि रखते हैं।
आपको JavaScript की आवश्यकता jQuery सीखने के लिए होगी, क्योंकि jQuery वास्तव में JavaScript फ्रेमवर्क है। इसलिए jQuery सीखना शुरू करने से पहले, JavaScript की मूल बातें जानना आवश्यक है।
JavaScript कोड सीधे HTML पेज के कोड में <script></script> टैग्स के माध्यम से डाला जाता है:
JavaScript पाठ 1 — वेरिएबल्स (Variables) और उन पर संचालन (Operations)
मैं यहाँ वेरिएबल्स के सभी प्रकारों और ऑपरेशनों का लंबा विवरण नहीं दूँगा — इसकी अभी आवश्यकता नहीं है। हमारी मुख्य लक्ष्य यह समझना है कि JavaScript का मूल सिंटैक्स कैसे काम करता है, ताकि हम आगे jQuery सीख सकें। उसके बाद आप स्वयं JavaScript के ज्ञान और कौशल को गहरा कर सकते हैं। यदि आप JavaScript को गहराई से सीखना चाहते हैं और jQuery फ्रेमवर्क का उपयोग करने में रुचि नहीं रखते, तो आपको JavaScript पर एक अधिक विस्तृत पाठ्यपुस्तक ढूँढनी चाहिए। लेकिन यदि आप Drupal पर वेबसाइट बनाना और बाद में jQuery सीखना चाहते हैं — तो यह मार्ग आपके लिए है। तो आइए शुरू करें।
JavaScript पाठ 2 — if संरचना (if Statement)
इस पाठ में हम सीखेंगे कि JavaScript में if संरचना (if statement) का उपयोग कैसे किया जाता है। JavaScript की सिंटैक्स PHP के समान है (दोनों भाषाएँ C++ प्रोग्रामर्स को ध्यान में रखकर बनाई गई हैं), इसलिए आप PHP में if ऑपरेटर पर यह पाठ भी देख सकते हैं:
JavaScript पाठ 3 — लूप्स while और for
इस पाठ में हम JavaScript में लूप्स (loops) के बारे में जानेंगे। जैसा कि मैंने पहले बताया था, PHP और JavaScript की सिंटैक्स काफी हद तक समान है, इसलिए आप PHP में लूप्स पर यह पाठ भी देख सकते हैं:
PHP पाठ - पाठ 12 - लूप्स while, foreach, for
सिर्फ एक अंतर यह है कि JavaScript में foreach() लूप मौजूद नहीं होता, इसलिए हम भविष्य में तत्वों (elements) को इटरनेट (iterate) करने के लिए jQuery का each() मेथड उपयोग करेंगे।
JavaScript पाठ 4 — फ़ंक्शंस (Functions)
इस पाठ में हम JavaScript में फ़ंक्शंस के बारे में जानेंगे — उन्हें कैसे लिखा जाता है और कौन-कौन से प्रकार के फ़ंक्शंस होते हैं। आप फ़ंक्शंस के बारे में अधिक जानने के लिए PHP के इन पाठों को पढ़ सकते हैं — इनमें दिए गए सभी उदाहरण JavaScript में भी काम करेंगे:
JavaScript पाठ 5 — एरेज़ (Arrays) और एरेज़ के साथ काम करने के फ़ंक्शन
इस पाठ में हम JavaScript के एक और डेटा प्रकार — एरेज़ (Arrays) — के बारे में जानेंगे। साथ ही हम कुछ ऐसी फ़ंक्शंस पर भी नज़र डालेंगे जो स्ट्रिंग्स और एरेज़ के साथ काम करने के लिए उपयोग की जाती हैं। बाकी फ़ंक्शंस हम अगले पाठों में सीखेंगे। एरेज़ से परिचित होने के लिए आप PHP में एरेज़ पर दिए गए ये लेख पढ़ सकते हैं:
JavaScript पाठ 6 — ऑब्जेक्ट्स, उनके गुण (Properties) और विधियाँ (Methods)
यह JavaScript का अंतिम पाठ है जो jQuery सीखना शुरू करने से पहले आवश्यक है। लेकिन यह JavaScript पर आख़िरी पाठ नहीं है जिसे मैं बनाऊँगा, क्योंकि JavaScript भाषा इससे कहीं अधिक विस्तृत है और इसमें उन विषयों से भी ज़्यादा है जिन्हें हमने अब तक कवर किया है।
Drupal और jQuery
jQuery क्या है?
jQuery एक शानदार JavaScript लाइब्रेरी है, जो आपको कुछ ही पंक्तियों के कोड में बेहतरीन वेब इफेक्ट्स बनाने की अनुमति देती है। जैसा कि jQuery परियोजना की वेबसाइट पर कहा गया है:
“jQuery — यह एक JavaScript लाइब्रेरी है, जिसका नारा है: JavaScript कोड लिखना मज़ेदार होना चाहिए। jQuery सामान्य, बार-बार दोहराए जाने वाले कार्यों को सरल बनाता है, कोड को साफ़-सुथरा रखता है और उसे छोटा, सुंदर और समझने में आसान बनाता है।”
Drupal और jQuery. पाठ 1. jQuery फ़ाइल को जोड़ना
jQuery एक बेहद सुविधाजनक चीज़ है — जब किसी तत्व को छिपाना, बदलना, स्थानांतरित करना या सुंदर तरीके से प्रदर्शित करना हो। यह बहुत ही आसान और शक्तिशाली है। आइए अब एक JavaScript फ़ाइल को जोड़ना सीखते हैं। हम थीम में फ़ाइलें .info एक्सटेंशन वाली फ़ाइल के माध्यम से जोड़ेंगे। किसी JavaScript फ़ाइल को जोड़ने के लिए अपनी थीम की .info फ़ाइल में निम्न पंक्ति जोड़ें:
scripts[] = js/custom.js
यहाँ js/custom.js आपकी थीम में JavaScript फ़ाइल का पथ (path) है।