CSS पाठ्यपुस्तक - पाठ 1 - CSS शैलियाँ जोड़ना
मैं यह नहीं समझाऊँगा कि CSS की आवश्यकता क्यों है। यदि आपने यह पाठ्यपुस्तक खोली है, तो इसका अर्थ है कि आप इसे सीखना चाहते हैं। मैं केवल इतना कहूँगा कि CSS की क्षमताएँ बहुत व्यापक हैं और यह किसी भी जटिलता के लेआउट को बनाने की अनुमति देती हैं। CSS का उपयोग करने का अर्थ है कि आपको कई पुराने HTML टैग गुणों — जैसे size, color, bgcolor, align आदि — का उपयोग बंद करना होगा, जो CSS के साथ "टकराते" हैं।
CSS पाठ्यपुस्तक - पाठ 2 - CSS का उपयोग शुरू करें। CSS गुण: background, color।
नमस्ते सबको। तो, पिछले पाठ में मैंने दो फाइलें बनाई थीं — HTML और CSS। उनका कोड नीचे दिया गया है:
index.html:
<html> <head> <title>CSS पाठ्यपुस्तक</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>drupalbook.org के साथ CSS सीखें</p> <p>दूसरी पंक्ति drupalbook.org के साथ CSS सीखें</p> </body> </html>
style.css:
CSS पाठ्यपुस्तक — पाठ 3 — गुण (Properties): background-color, font-style, font-weight, text-align, text-decoration, text-transform
HTML के अस्तित्व के दौरान कई टैग बनाए गए, और अब CSS के व्यापक उपयोग के साथ हमें कुछ टैग्स को छोड़ना पड़ा है, जैसे <font>, <b>, <i>, <center>। आगे चलकर हम अन्य "अमान्य" टैग्स के बारे में भी बात करेंगे। CSS गुणों का उपयोग आपको HTML में अतिरिक्त कोड लिखने से बचाएगा और उसे एक अलग CSS फ़ाइल में स्थानांतरित करने की अनुमति देगा।
CSS पाठ्यपुस्तक — पाठ 4 — display गुण (Property)। div और span के बीच अंतर।
पिछले पाठों में हमने CSS फ़ाइल को जोड़ा था और थोड़ा CSS कोड लिखा था ताकि देख सकें कि यह कैसे काम करता है। इस पाठ में हम एक महत्वपूर्ण गुण display को समझेंगे। display गुण यह निर्धारित करता है कि कोई HTML टैग वेब पेज पर कैसे प्रदर्शित होगा — क्या वह टेक्स्ट की तरह एक पंक्ति में दिखाई देगा या फिर एक ब्लॉक के रूप में, जिसकी अपनी ऊँचाई और चौड़ाई होती है।
CSS पाठ्यपुस्तक — पाठ 5 — float और clear गुण (Properties)। फ्लोटिंग और फ्लोट का अंत।
कल्पना कीजिए कि एक तेज़ बहती हुई पहाड़ी नदी है, जो बहुत गति और शोर के साथ बह रही है। और अचानक इस नदी के रास्ते में एक पत्थर आ जाता है — नदी उस पत्थर को चारों ओर से घेरते हुए (obtekaet) बहती है। यदि पत्थर नदी के प्रवाह की दिशा के बाएँ ओर है, तो नदी उसे दाएँ ओर से पार करती है, और यदि पत्थर दाएँ ओर है — तो नदी उसे बाएँ से पार करती है। बिल्कुल इसी तरह CSS का float गुण (property) काम करता है।
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() मेथड उपयोग करेंगे।