हाय दोस्तों। इसलिए इस चुनौती के दूसरे दिन के लिए, मैंने GitHub छोड़ने का फैसला किया और उस पर ध्यान केंद्रित किया जो मैं वास्तव में सीखना चाहता था: जावास्क्रिप्ट।
कल्पना करें कि आप वेब विकास की दुनिया के जादूगर हैं। आपको अपनी वेबसाइट की संरचना बनाने के लिए एक जादुई प्राणी की हड्डियों की तरह अपना भरोसेमंद HTML मिल गया है। फिर, आपके पास इसे कुछ शैली देने के लिए सीएसएस है - जैसे कि सही वस्त्र या पोशाक चुनना। लेकिन कुछ कमी है. आपकी रचना अभी भी निर्जीव है. यहीं पर JavaScript (JS) आती है—यह जादू की छड़ी है जो आपकी रचना को जीवंत कर देती है! जावास्क्रिप्ट एक प्रोग्रामिंग भाषा है जिसका उपयोग मुख्य रूप से वेबसाइटों पर इंटरैक्टिव और गतिशील सामग्री बनाने के लिए किया जाता है। यह डेवलपर्स को पृष्ठ को पुनः लोड किए बिना एनिमेशन, फॉर्म सत्यापन और वास्तविक समय अपडेट जैसी सुविधाओं को लागू करने में सक्षम बनाता है। जावास्क्रिप्ट का उपयोग वेब अनुप्रयोगों के फ्रंट एंड (उपयोगकर्ता क्या देखते हैं और उनके साथ इंटरैक्ट करते हैं) और बैक एंड (सर्वर-साइड संचालन) दोनों पर किया जा सकता है।
जावास्क्रिप्ट हर जगह है। यह वह भाषा है जो वेब को आज जैसा बनाती है-इंटरैक्टिव, मज़ेदार और बेहद आकर्षक। चाहे आप एक बेहतरीन वेबसाइट, एक व्यसनी मोबाइल ऐप या यहां तक कि एक गेम बनाना चाह रहे हों, जावास्क्रिप्ट सीखना किताब में सबसे शक्तिशाली मंत्र सीखने जैसा है।
जावास्क्रिप्ट (जेएस) एक बहुमुखी प्रोग्रामिंग भाषा है जिसका व्यापक रूप से वेब विकास में उपयोग किया जाता है। यहां जावास्क्रिप्ट के कुछ प्रमुख उपयोग दिए गए हैं:
1. वेब डेवलपमेंट (फ्रंटएंड)
इंटरएक्टिव वेब पेज: जावास्क्रिप्ट वेबसाइटों को इंटरैक्टिव बनाता है। ड्रॉपडाउन मेनू से लेकर छवि स्लाइडर तक, यह किसी वेबसाइट पर आपके द्वारा देखे जाने वाले गतिशील तत्वों को शक्ति प्रदान करता है।
फॉर्म सत्यापन: यह जांच करता है कि उपयोगकर्ता ने सबमिट करने से पहले फॉर्म सही ढंग से भरा है या नहीं।
एनिमेशन: जावास्क्रिप्ट एनिमेशन और प्रभाव बना सकता है, जैसे लुप्त होते तत्व या स्क्रीन पर चलती वस्तुएं।
2. वेब विकास (बैकएंड)
सर्वर-साइड प्रोग्रामिंग: Node.js के साथ, जावास्क्रिप्ट अनुरोधों को संभालने, डेटाबेस प्रबंधित करने और सामग्री परोसने के लिए सर्वर पर चल सकता है।
रीयल-टाइम एप्लिकेशन: जावास्क्रिप्ट का उपयोग चैट ऐप्स, ऑनलाइन गेमिंग और लाइव डेटा स्ट्रीमिंग जैसे रीयल-टाइम एप्लिकेशन के लिए किया जाता है।
3. मोबाइल ऐप विकास
क्रॉस-प्लेटफ़ॉर्म मोबाइल ऐप्स: रिएक्ट नेटिव और आयनिक जैसे फ्रेमवर्क आईओएस और एंड्रॉइड दोनों पर काम करने वाले मोबाइल ऐप बनाने के लिए जावास्क्रिप्ट का उपयोग करते हैं।
4. खेल विकास
ब्राउज़र गेम्स: HTML5 और कैनवस के साथ जावास्क्रिप्ट का उपयोग इंटरैक्टिव गेम बनाने के लिए किया जाता है जो सीधे ब्राउज़र में चलते हैं।
5. स्वचालन और स्क्रिप्टिंग
कार्य स्वचालन: जावास्क्रिप्ट वेब विकास में दोहराए जाने वाले कार्यों को स्वचालित कर सकता है, जैसे फ़ाइलों को छोटा करना या कोड का परीक्षण करना।
ब्राउज़र एक्सटेंशन: जावास्क्रिप्ट कई ब्राउज़र एक्सटेंशन को शक्ति प्रदान करता है जो क्रोम और फ़ायरफ़ॉक्स जैसे ब्राउज़र की कार्यक्षमता को बढ़ाते हैं।
6. डेटा विज़ुअलाइज़ेशन
चार्ट और ग्राफ़: D3.js और Chart.js जैसी लाइब्रेरी डेवलपर्स को जटिल डेटा विज़ुअलाइज़ेशन और इंटरैक्टिव चार्ट बनाने की अनुमति देती हैं।
7. आर्टिफिशियल इंटेलिजेंस और मशीन लर्निंग
AI और ML मॉडल: TensorFlow.js जैसी लाइब्रेरी के साथ जावास्क्रिप्ट का उपयोग सीधे ब्राउज़र में AI मॉडल बनाने और चलाने के लिए किया जा सकता है।
8. इंटरनेट ऑफ थिंग्स (IoT)
IoT डिवाइस: जावास्क्रिप्ट का उपयोग IoT डिवाइस को प्रोग्राम करने, डिवाइस और वेब के बीच संचार को सक्षम करने के लिए किया जा सकता है।
9. प्रोग्रेसिव वेब ऐप्स (PWAs)
PWAs: जावास्क्रिप्ट उन वेब ऐप्स के विकास को सक्षम बनाता है जो ऑफ़लाइन काम करते हैं और देशी मोबाइल ऐप्स की तरह महसूस करते हैं।
10. एपीआई एकीकरण
डेटा प्राप्त करना: जावास्क्रिप्ट का उपयोग एपीआई के साथ इंटरैक्ट करने, सर्वर से डेटा लाने और इसे वेब पेजों पर गतिशील रूप से प्रदर्शित करने के लिए किया जाता है।
ये जावास्क्रिप्ट के कई उपयोगों में से कुछ हैं, जो अपने लचीलेपन और अनुप्रयोगों की विस्तृत श्रृंखला के कारण तकनीकी उद्योग में एक प्रमुख भाषा बनी हुई है।
इसलिए मूल रूप से, मैंने उन कोडों को शुरू नहीं किया जो मुझे समझ में नहीं आए? मैंने इसे चरण दर चरण लिया। मैंने सबसे पहले क्रोम डेवलपमेंट टूल पर कोड करना सीखा और मैं आपको दिखाना चाहूंगा कि मैंने यह कैसे किया।
क्रोम डेवलपमेंट टूल्स कैसे खोलें
क्रोम डेवलपमेंट टूल्स खोलने के तीन तरीके हैं:
-मैक पर Alt J कमांड करें
विंडोज़ पर Alt J को नियंत्रित करें
-माउस पर राइट क्लिक करने और फिर निरीक्षण चुनने से क्रोम पर डेवलपमेंट टूल भी खुल जाएगा। हालाँकि यह एलिमेंट टैब लाएगा और फिर हम कंसोल पर जा सकते हैं, जहां हम कुछ कोड निष्पादित करने जा रहे हैं।
-अंतिम चरण क्रोम मेनू पर जाना है और फिर व्यू पर जाकर डेवलपर पर क्लिक करना है। डेवलपर के अंतर्गत जावास्क्रिप्ट कंसोल पर क्लिक करें और कंसोल टैब पॉप अप हो जाएगा।
जो मेरे लिए काम आया वह दूसरा है जहां मैंने अपने माउस पर राइट क्लिक किया और निरीक्षण पर क्लिक किया और फिर कंसोल टैब पर नेविगेट किया।
ध्यान दें: मैंने अतिथि ब्राउज़र का उपयोग किया, न कि अपने सामान्य ब्राउज़र का।
मैं कमांड प्लस पर क्लिक करके फ़ॉन्ट बढ़ा सकता हूं और फिर इसके विपरीत कमांड पर क्लिक करके - मैक में लेकिन क्रोम में यह नियंत्रण और नियंत्रण है -।
एक छवि जहां मैंने नियंत्रण पर क्लिक किया
एक छवि जहां मैंने नियंत्रण पर क्लिक किया -
कंसोल हमें जावास्क्रिप्ट कोड लिखने और परीक्षण करने की अनुमति देता है, इसलिए यह विकास के दौरान बहुत उपयोगी है, उदाहरण के लिए त्रुटियों को ठीक करना, हालांकि हम इस कंसोल का उपयोग करके वास्तविक एप्लिकेशन नहीं लिख सकते हैं।
alert("Hello World")
let js = "amazing" if (js === 'amazing') alert("Javascript is fun")
50 60-10 39 54-24
इसलिए उपरोक्त छवियों से हम एक पॉप-अप और यहां तक कि जेएस का उपयोग करके की गई कुछ गणितीय गणनाएं भी देख सकते हैं।
एकमात्र चुनौती जो मैं कह सकता हूं कि मुझे सामना करना पड़ा वह यह थी कि मुझे नहीं पता था कि कोड इस तरह से क्यों काम कर रहे हैं और मुझे विश्वास है कि समय के साथ मैं इसे समझ जाऊंगा और इसमें बहुत अच्छा हो जाऊंगा।
मैं बहुत खुश हूं कि मैंने यह यात्रा की और मैं पहले से ही बहुत कुछ सीख रहा हूं। मैं व्यक्तिगत रूप से जानता हूं कि मैं जल्द ही उन चुनौतियों पर काबू पा लूंगा जिनका मैंने सामना किया और इससे पहले कि आप यह जानें मैं गुरु बन जाऊंगा। वैसे भी परिवार को बहुत बहुत धन्यवाद❤️। मेरे तीसरे दिन के लेख की प्रतीक्षा करें??
अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।
Copyright© 2022 湘ICP备2022001581号-3