- वेब एप्लिकेशन के बारे में जानें और जानें कि वे मोबाइल एप्लिकेशन से कैसे भिन्न हैं
- वेब ऐप्स कोडिंग और निर्माण के विभिन्न विकल्पों के बारे में जानें
- वेब ऐप बनाने के लिए आवश्यक सॉफ़्टवेयर इंस्टॉल करें
इस पाठ के लिए ये गतिविधियाँ हैं:
वेब ऐप्स
अपने टेक्नोवेशन प्रोजेक्ट के लिए, आपके पास मोबाइल ऐप या वेब ऐप बनाने का विकल्प है।
उन प्रतिभागियों के लिए जिन्होंने पहले टेक्नोवेशन में भाग लिया है और एक नई चुनौती की तलाश कर रहे हैं, या नए प्रतिभागियों के लिए जिनके पास पूर्व कोडिंग अनुभव है, आप अपने टेक्नोवेशन प्रोजेक्ट के लिए एक वेब ऐप बनाने पर विचार कर सकते हैं।
कई प्रतिभागी हमारे सुझाए गए ऐप बिल्डरों, ऐप आविष्कारक या थंकेबल में से एक के साथ एक मोबाइल ऐप बनाने का विकल्प चुनेंगे। यदि आप कोडिंग में नए हैं या जानते हैं कि आप अपने ऐप को कोड करने के लिए ऐप इन्वेंटर या थंकेबल का उपयोग करना चाहते हैं, तो आप इस पाठ को छोड़ सकते हैं!
वेब ऐप बनाने में टेक्स्ट-आधारित कोडिंग शामिल है और यह ऐप आविष्कारक या थंकेबल के साथ ब्लॉक-आधारित कोडिंग की तुलना में अधिक उन्नत है।
आइए मोबाइल ऐप, वेब ऐप और प्रगतिशील वेब ऐप के बीच अंतर की समीक्षा के साथ शुरू करें।
मोबाइल एप्लिकेशन
- एक प्रोग्राम जो फोन पर मूल रूप से चलता है
- डिवाइस पर डाउनलोड और इंस्टॉल किया गया
- फोन की सुविधाओं, जैसे जीपीएस और कैमरा तक पहुंच सकते हैं
- प्लेटफ़ॉर्म-विशिष्ट (iOS या Android)
- ऑपरेटिंग सिस्टम से मेल खाने के लिए विशेष भाषाओं के साथ कोडित
वेब अनुप्रयोग
- एक मोबाइल ऐप की तरह दिखता है
- एक इंटरनेट ब्राउज़र में चलता है
- किसी विशेष डिवाइस (iOS या Android) का मूल निवासी नहीं है
- आम तौर पर HTML, CSS, Javascript और Python के साथ कोडित किया जाता है
- ऑफ़लाइन होने पर नहीं चल सकता
प्रगतिशील वेब ऐप
- विशेष प्रकार का वेब ऐप जो मोबाइल ऐप और वेब ऐप के बीच एक हाइब्रिड है
- ब्राउज़र में चलता है
- एक नियमित मोबाइल ऐप की तरह मोबाइल डिवाइस पर भी इंस्टॉल किया जा सकता है
- उपयोगकर्ता ऑफ़लाइन होने पर भी चल सकता है
ध्यान दें कि एक वेब ऐप एक वेबसाइट से अलग है। एक वेबसाइट स्थिर है, HTML और CSS का उपयोग करके कोडित है। उपयोगकर्ता इनपुट और अन्य बाहरी इंटरैक्शन के आधार पर वेब ऐप्स गतिशील और बदलते हैं। आपके टेक्नोवेशन प्रोजेक्ट के लिए, एक वेबसाइट स्वीकार्य नहीं है।
हम वेब ऐप्स बनाने के लिए कुछ शुरुआती विकल्पों का पता लगाएंगे।
मोबाइल ऐप के लिए हमारे द्वारा कवर किए गए ऐप बिल्डिंग प्लेटफ़ॉर्म से एक बड़ा अंतर यह है कि आप ब्लॉक-आधारित भाषा के बजाय टेक्स्ट-आधारित प्रोग्रामिंग भाषा का उपयोग करके एक वेब ऐप बनाएंगे।
दो मुख्य भाषाएँ हैं जिनका उपयोग वेब ऐप्स बनाने के लिए किया जाता है।
जावास्क्रिप्ट
जावास्क्रिप्ट, या जेएस, एक स्क्रिप्टिंग भाषा है। इसका मतलब है कि कोड को मोबाइल ऐप की तरह संकलित करने के बजाय रनटाइम पर निष्पादित किया जाता है। यह एक अभिनेता की तरह है जो हर बार शो चलने पर एक शो के दौरान अपनी स्क्रिप्ट के माध्यम से चल रहा है।
वेबसाइट बनाने के लिए जावास्क्रिप्ट को अक्सर HTML और CSS के साथ जोड़ा जाता है। HTML और CSS का उपयोग स्थैतिक वेबसाइट बनाने के लिए किया जाता है, जो जानकारी प्रस्तुत कर सकते हैं लेकिन बदलते नहीं हैं। जावास्क्रिप्ट अन्तरक्रियाशीलता और वेबसाइट को बाहरी कारकों के आधार पर बदलने और अपडेट करने की क्षमता जोड़ता है। और एक गतिशील, इंटरैक्टिव वेबसाइट अनिवार्य रूप से एक वेब ऐप है।
अजगर
पायथन एक बहुत लोकप्रिय सामान्य-प्रयोजन प्रोग्रामिंग भाषा है। पायथन एक प्रोग्रामिंग भाषा और एक स्क्रिप्टिंग भाषा दोनों है, इसलिए इसे चलाने के लिए संकलित किया जा सकता है लेकिन रनटाइम पर भी निष्पादित किया जा सकता है।
इसे एक सीधी, बहुमुखी भाषा के रूप में देखा जाता है जो नए कोडर्स के लिए सुलभ है। इसका उपयोग सॉफ्टवेयर विकास के कई अलग-अलग पहलुओं में किया जाता है। एक क्षेत्र वेब विकास है। एक और मशीन लर्निंग है। इसलिए, अधिक उन्नत एआई वेब ऐप्स सीखने और विकसित करने के लिए पायथन एक बढ़िया विकल्प है।
इस पाठ्यक्रम में, हम पायथन के साथ वेब ऐप बनाने पर ध्यान केंद्रित करेंगे। पायथन का उपयोग करके आसानी से एक वेब ऐप बनाने के लिए, हम स्ट्रीमलिट नामक एक ढांचे का उपयोग करेंगे। स्ट्रीमलिट आपको छोटे कोड के साथ शक्तिशाली, इंटरैक्टिव वेब ऐप बनाने की अनुमति देता है। यह डेटा से जुड़े ऐप्स में माहिर है, और आपको अपने ऐप्स में एआई को शामिल करने के लिए आसानी से पायथन मशीन लर्निंग लाइब्रेरी का उपयोग करने की अनुमति देता है।
यहां कुछ मुख्य विशेषताएं दी गई हैं।
- उन लोगों के लिए अच्छा विकल्प जिनके पास बहुत सारे ब्लॉक-आधारित कोडिंग अनुभव हैं और एक नई चुनौती की तलाश में हैं
- उन लोगों के लिए अच्छा है जिन्होंने कुछ टेक्स्ट-आधारित कोडिंग की है
- बहुत बहुमुखी भाषा व्यापक रूप से इस्तेमाल की
- आपको अपने कंप्यूटर पर सॉफ़्टवेयर इंस्टॉल करना होगा
- पायथन और संबंधित पुस्तकालय
- एक कोड संपादक
- स्ट्रीमलिट में जीथब का उपयोग करके ब्राउज़र में चलाने का विकल्प है
- हम इस पाठ्यक्रम में इस विकल्प को शामिल नहीं करेंगे
- आप इसके साथ AI का उपयोग कर सकते हैं
- मशीन लर्निंग मॉडल बनाने और उपयोग करने के लिए सबसे लोकप्रिय भाषा
- हम मॉडल निर्माण के लिए इस पाठ्यक्रम में ज्यूपिटर नोटबुक का उपयोग करेंगे
आइए शुरू करते हैं
अपने टेक्नोवेशन प्रोजेक्ट के लिए वेब ऐप्स को कोड करने के लिए, आपको आवश्यकता होगी:
- कंप्यूटर या लैपटॉप
- इंटरनेट का उपयोग
आपको मैक या लिनक्स पर टर्मिनल विंडो और विंडोज पर टर्मिनल या कमांड प्रॉम्प्ट का उपयोग करके कुछ हद तक सहज होना चाहिए। यदि आपके पास अनुभव नहीं है, या यह भी पता है कि टर्मिनल विंडो क्या है, तो गतिविधि पर जाने से पहले इन शुरुआती वीडियो को देखें।
अपने ऑपरेटिंग सिस्टम के लिए उपयुक्त वीडियो देखें।
हम वेब ऐप विकसित करने के लिए दो विकल्पों को कवर करने जा रहे हैं। आप या तो अपने कंप्यूटर या लैपटॉप पर कोड कर सकते हैं, या आप क्लाउड में सब कुछ कोड कर सकते हैं। आप कोई भी विकल्प चुन सकते हैं, लेकिन यह अनुशंसा की जाती है कि आप एक विकल्प चुनें और अपने टेक्नोवेशन प्रोजेक्ट के दौरान उसी पर टिके रहें। ऊपर दिए गए टर्मिनल कमांड का उपयोग करना जानना किसी भी विकल्प के साथ काम आता है।
यहां प्रत्येक के कुछ फायदे और नुकसान बताए गए हैं।
आपके कंप्यूटर पर
लाभ:
- फ़ाइलें आपके कंप्यूटर पर सहेजी जाती हैं
- विज़ुअल स्टूडियो कोड का उपयोग करना सीखें, जो बहुत लोकप्रिय IDE है
- आप टर्मिनल विंडो का उपयोग करने, पैकेज स्थापित करने आदि के बारे में बहुत कुछ सीखेंगे
- प्रयुक्त सॉफ्टवेयर का पूर्ण नियंत्रण और चयन
- इंटरनेट एक्सेस की आवश्यकता के बिना भी कोड कर सकते हैं
दोष:
- अपनी टीम के साथ फ़ाइलें और कोड साझा करना आसान नहीं है
- पैकेजों को स्थापित करना बहुत निराशाजनक हो सकता है और इसे सेट करने में बहुत समय लग सकता है
- कंप्यूटर क्रैश होने पर फ़ाइलें खोने की संभावना
बादल में
लाभ:
- फ़ाइलें क्लाउड में संग्रहीत की जाती हैं
- आपके कंप्यूटर पर कुछ भी इंस्टॉल करने की आवश्यकता नहीं है
- पोर्टफोलियो प्रयोजनों के लिए Github से स्वचालित लिंक
- टीम के रूप में साझा करना और कोड करना आसान
दोष:
- स्थानीय स्तर पर सॉफ्टवेयर का उपयोग करने का अनुभव नहीं होगा
- इंटरनेट कनेक्शन पर निर्भरता
आप अपने कंप्यूटर पर स्थानीय रूप से कोड करना चाहते हैं या क्लाउड में कोड करना चाहते हैं, इसके आधार पर गतिविधि A या गतिविधि B चुनें।
गतिविधि A: अपने कंप्यूटर पर पायथन के साथ शुरुआत करें
सॉफ्टवेयर और कोड स्टार्टर ऐप इंस्टॉल करें
- चरण 1: पायथन स्थापित करें। यहां विंडो, मैक या लिनक्स के लिए निर्देशों का एक अच्छा सेट दिया गया है।
- चरण 2: एक कोड संपादक और स्ट्रीमलिट स्थापित करें। यह वीडियो आपको दिखाता है कि Visual Studio Code कैसे स्थापित करें और फिर कोड संपादक से इसे चलाने के लिए Streamlit कैसे स्थापित करें.
- चरण 3: इस वीडियो का अनुसरण करके VS Code वातावरण में एक बहुत ही सरल स्ट्रीमलिट वेब ऐप चलाएं।
- अपने पहले वेब ऐप का स्क्रीनशॉट लेकर जश्न मनाएं और इसे अपने गुरु को एक नोट के साथ भेजें!
गतिविधि बी: क्लाउड में पायथन के साथ शुरुआत करें
अकाउंट बनाएं और ऐप कोड करें
प्रमुख शब्दों की समीक्षा
- वेब ऐप - एप्लिकेशन जो एक मोबाइल ऐप की तरह दिखता है लेकिन इंटरनेट ब्राउज़र में चलता है और इसे HTML, CSS और Javascript या Python का उपयोग करके कोडित किया जाता है
परावर्तन
कुछ टेक्स्ट-आधारित कोडिंग आज़माने के लिए बधाई! यहां कुछ प्रतिबिंब प्रश्न दिए गए हैं जिन पर आप अपनी टीम और अपने गुरु के साथ विचार कर सकते हैं।
अतिरिक्त संसाधन
आपको Python & Streamlit के साथ काम करने में सहायता के लिए दस्तावेज़ीकरण और समर्थन का संदर्भ लेना होगा। शुरू करने के लिए नीचे कुछ अच्छी जगहें दी गई हैं।
- Python.org शुरुआती गाइड में अधिक पायथन जानने के लिए कुछ अच्छे लिंक हैं।
- स्ट्रीमलिट की ऐप गैलरी
- निलेग प्रोडक्शन का पूरा स्ट्रीमलिट कोर्स प्लेलिस्ट
