परिचय
जावास्क्रिप्ट हैंडबुक में आपका स्वागत है! मैं जूनो हूँ, और मुझे यह सिखाना पसंद है। HTML एक पेज को इसकी संरचना देता है और CSS इसे दिखता है, और जावास्क्रिप्ट वह है जो इसे वास्तव में काम करता है: क्लिक का जवाब देता है, पेज को अपडेट करता है, नया डेटा लाता है।
हम कोड की बहुत पहली लाइन से शुरुआत करेंगे और धीरे-धीरे ऊपर की ओर बढ़ेंगे, एक समय में एक विचार। कोई अनुभव की जरूरत नहीं है, और यहाँ कुछ भी इतना बुनियादी नहीं है कि पूछा न जा सके।
अपनी गति से लीजिए और हम एक साथ वहाँ पहुँचेंगे!
यह हैंडबुक किसी भी व्यक्ति के लिए है जो वेब के लिए प्रोग्रामिंग सीख रहा है। जावास्क्रिप्ट वह भाषा है जो हर ब्राउज़र में चलती है, और यह एक स्थिर पेज को कुछ ऐसा बना देता है जो प्रतिक्रिया करता है: यह जवाब देता है जब आप एक बटन क्लिक करते हैं, भेजने से पहले एक फॉर्म की जाँच करते हैं, बिना रीलोड के पेज के एक हिस्से को अपडेट करते हैं, और सर्वर से ताजा डेटा खींचते हैं। HTML कहता है कि पेज पर क्या है और CSS कहता है कि यह कैसा दिखता है; जावास्क्रिप्ट कहता है कि यह क्या करता है। दो शब्दों पर एक त्वरित नोट जो आप पूरे दस्तावेज़ में देखेंगे: एक value डेटा का एक एकल टुकड़ा है, जैसे संख्या 42 या पाठ "hello", और एक variable एक नाम है जो आप एक value को देते हैं ताकि आप इसे बाद में उपयोग कर सकें। यहाँ हर अवधारणा पूरी तरह से लिखी गई है, गहराई के साथ, उदाहरणों के साथ, और जब भी आपको तेजी से जवाब की जरूरत हो तो खोज करने के लिए कुछ है।
आपको शुरुआत करने के लिए किसी पूर्व कोडिंग अनुभव की जरूरत नहीं है। यदि आपने थोड़ा HTML लिखा है, तो आपके पास इससे अधिक है, और बाकी सब कुछ जैसे-जैसे सामने आता है उसी तरह पेश किया जाता है। जावास्क्रिप्ट वह जगह है जहाँ अधिकांश वेब डेवलपर्स पहली बार वास्तव में प्रोग्रामिंग सीखते हैं, क्योंकि यह एकमात्र भाषा है जिसे ब्राउज़र सीधे चलाता है।
हैंडबुक अपना रास्ता नीचे से ऊपर की ओर करता है। आप सीखेंगे कि value को कैसे संग्रहीत और परिवर्तित करते हैं, कैसे निर्णय लेते हैं और काम दोहराते हैं, कोड को फंक्शन में कैसे व्यवस्थित करते हैं, डेटा के संग्रह को ऐरे और ऑब्जेक्ट में कैसे रखते हैं, और फिर एक वेब पेज में कैसे पहुँचते हैं इसे पढ़ने और बदलने के लिए, उपयोगकर्ता जो करता है उसका जवाब दें, और पेज रीफ्रेश के बिना डेटा लोड करें। प्रत्येक विचार अपने आप में छोटा है, और वे ऐसे पेज में जमा हो जाते हैं जो वास्तव में कुछ करते हैं।
यहाँ दृष्टिकोण यह है कि समझाया जाए कि जावास्क्रिप्ट का प्रत्येक टुकड़ा क्या करता है और क्यों, न कि केवल क्या टाइप करना है। कोई भी एक स्निपेट की नकल कर सकता है और इसे एक बार चलता हुआ देख सकता है। वह दूरी और कोड लिखने के बीच जो आप पढ़ सकते हैं, भरोसा कर सकते हैं, और छह महीने बाद बदल सकते हैं, यह समझ है कि भाषा वास्तव में चलते समय क्या कर रही है। वह समझ वह है जो किसी भी एकल परियोजना से अधिक समय तक रहता है।
सीमा पर एक शब्द, इसलिए आप जानते हैं कि यह हैंडबुक क्या है और क्या नहीं है। जावास्क्रिप्ट एक बड़ी भाषा है, और कोई भी एकल डॉक्स इसके सभी को कवर नहीं करता है। जो आप यहाँ सीखेंगे वह है नींव: कोर जिसे आप लगभग हर जावास्क्रिप्ट में पहुँचते हैं जो आप लिखते हैं, आपकी पहली स्क्रिप्ट से एक वास्तविक एप्लिकेशन तक। यह सर्वर से डेटा लोड करने तक जाता है, जो वह जगह है जहाँ बहुत से परिचय रुक जाते हैं। इसके परे उपकरण और लाइब्रेरीज हैं जो इसी नींव पर निर्मित हैं, React जैसे फ्रेमवर्क, ब्राउज़र के बाहर Node के साथ जावास्क्रिप्ट चलाना, TypeScript के साथ टाइप जोड़ना। नींव को दृढ़ करें और बाकी बहुत कम चढ़ाई है।
अपने गाइड से मिलें
यह हैंडबुक तीन गाइड द्वारा होस्ट किया जाता है, और आप चुनते हैं कि कौन सा आपको दिखाता है। सामग्री सभी के लिए समान है; आपका गाइड इसे बताए जाने वाली आवाज को निर्धारित करता है, और उन पृष्ठों पर जो अनुकूलित करते हैं, प्रत्येक सेक्शन कितनी गहरी जाती है।
- Juno शुरुआती ट्रैक को सिखाता है: गर्म और धैर्यवान, सादे सादृश्य, कुछ नहीं माना।
- Ace मध्यम ट्रैक को सिखाता है: व्यावहारिक और बिल्ड-पहले, सीधे जो आप वास्तव में करते हैं।
- Sol Deep Dive को सिखाता है: तंत्र, ट्रेड-ऑफ, और उत्पादन विवरण जो बाकी सब कोई छोड़ देता है।
किसी भी पेज के शीर्ष पर पिकर से किसी भी समय गाइड स्विच करें, या Preferences को नीचे दाईं ओर खोलें अपना गाइड, भाषा, या फॉन्ट आकार बदलने के लिए।
जब आप तैयार हों, तो हैंडबुक गंभीरता से शुरू होता है। अगला अध्याय, What is JavaScript, कवर करता है कि जावास्क्रिप्ट वास्तव में क्या है, यह कहाँ चलती है, और यह HTML और CSS से कैसे फिट करता है जो आप पहले से जानते हैं।
निर्माण करके सीखना पसंद है?Scrimba की मुफ्त 9-घंटे की जावास्क्रिप्ट कोर्स एक यात्री काउंटर, एक Blackjack गेम, एक Chrome एक्सटेंशन, और एक मोबाइल ऐप बनाती है, पूरे इंटरैक्टिव चुनौतियों के साथ।