वेबसाइट डेवलपमेंट

SSOFTSERVICES WEBSITE DEVELOPMENT

वेबसाइट डेवलपमेंट – Website development in Hindi

वेबसाइट डेवलपमेंट क्या है?

वेबसाइट डेवलपमेंट किसी भी वेबसाइट को विकसित करने की प्रक्रिया है। वेबसाइट विकास से तात्पर्य उस कार्य से है जो किसी वेबसाइट के निर्माण में किया जाता है। वेबसाइट डेवलपमेंट किसी भी वेब पेज या वेबसाइट को सभी कार्यक्षमता प्रदान करता है। यह एक सादे वेब-टेक्स्ट वेबपेज के निर्माण से संबंधित है, जो सोशल नेटवर्किंग वेबसाइट, ई-कॉमर्स वेबसाइट आदि जैसे जटिल वेब एप्लिकेशन को विकसित करता है।

वेबसाइट डिजाइनिंग के बाद वेबसाइट डेवलपमेंट प्रोसेस आता है। हम आम तौर पर इसे वेब मार्कअप और कोडिंग के रूप में संदर्भित करते हैं, इसमें सभी संबंधित विकास कार्य शामिल हैं, जैसे कि वेबसाइट की कार्यक्षमता, क्लाइंट-साइड स्क्रिप्टिंग, सर्वर-साइड स्क्रिप्टिंग, सर्वर और नेटवर्क सुरक्षा कॉन्फ़िगरेशन, सर्वर पर वेबसाइट अपलोड करना, ई-कॉमर्स विकास, और सामग्री रखरखाव, आदि

वेबसाइट डेवलपमेंट मूल बातें 

इस खंड के तहत, हम उन बुनियादी अवधारणाओं के बारे में जानेंगे, जिन्हें आपको वेबसाइट विकास पाठ्यक्रम शुरू करने से पहले पता होना चाहिए।

1. सर्वर क्या है?

2. वेबसाइट क्या है

३. Client क्या है

4. आईपी एड्रेस क्या है

5. डोमेन नाम क्या है

6. HTTP क्या है

7. वेबसाइट डिजाइन (फ्रंट-एंड) क्या है (देखें)

8 .. कोडिंग (बैक-एंड) क्या है (नियंत्रक)

9. डेटा बेस (मॉडल) क्या है

10 .. सामग्री प्रबंधन प्रणाली (CMS) क्या है

अब हम संक्षेप में इन सभी शब्दों के बारे में जानेंगे।

1. सर्वर क्या है?

सर्वर एक सिस्टम या कंप्यूटर है जहाँ वेबसाइट की सभी फाइलों को स्टोर किया जाता है। यह एक मेमोरी की तरह काम करता है जहां वेबसाइट के सभी डेटा (कोडिंग, स्क्रिप्ट, चित्र, वीडियो, सामग्री, डेटाबेस, आदि) मौजूद हैं। जब भी कोई उपयोगकर्ता आपकी वेबसाइट का कोई पृष्ठ खोल रहा होता है, तो सर्वर से अनुरोध किया जाता है, तब सर्वर एक्सेस के बाद वेबसाइट पेज उपयोगकर्ता के सिस्टम पर प्रदर्शित हो सकता है। यह वेबसाइट उपयोगकर्ताओं और वेबसाइट के बीच मध्यस्थ की तरह काम करता है।

2. एक वेबसाइट क्या है?

वेबसाइटें वेबपेजों का संग्रह हैं जो सर्वर पर संग्रहीत हैं (जो कि आपकी वेबसाइटों की मेजबानी करने वाले कंप्यूटर हैं)। ये सर्वर इंटरनेट या वर्ल्ड वाइड वेब नामक एक विशाल नेटवर्क से एक दूसरे से जुड़े हुए हैं।

ब्राउजर कंप्यूटर आधारित अनुप्रयोग सॉफ्टवेयर है जो आपके इंटरनेट कनेक्शन, जैसे कि Google क्रोम या इंटरनेट एक्सप्लोरर के माध्यम से वेबसाइट पेज को लोड करने के लिए उपयोग किया जाता है।

३. Client क्या है

 कंप्यूटर जो क्लाइंट के रूप में जाना जाता है, ब्राउज़र के माध्यम से इंटरनेट से सर्वर पर किसी भी वेब पेज का अनुरोध करता है। यह केवल सर्वर या सेवाओं का उपयोगकर्ता है।

4. इंटरनेट प्रोटोकॉल (IP) एड्रेस क्या है?

आईपी ​​एड्रेस इंटरनेट पर आपके सिस्टम, आपकी वेबसाइट, आपकी लोकेशन इत्यादि की पहचान करने के लिए इस्तेमाल किया जाने वाला नंबर का एक एड्रेस या यूनिक स्ट्रिंग है।

प्रत्येक डिवाइस या कंप्यूटर में इंटरनेट के माध्यम से जुड़े अरबों उपकरणों से खुद को अलग करने के लिए एक आईपी एड्रेस होता है।

इसी तरह, प्रत्येक वेबसाइट में इंटरनेट के माध्यम से वेबपृष्ठों तक पहुंचने के लिए एक अद्वितीय आईपी पता भी होता है।

अपने डिवाइस का IP पता खोजने के लिए, आप बस Google में “मेरा IP पता” टाइप कर सकते हैं।

5. डोमेन नाम क्या है

यह आपकी वेबसाइट का अद्वितीय नाम है। आप अपने आईपी पते का उपयोग करके या इसके साथ डोमेन नाम भी वेबसाइट पर पहुँच सकते हैं।

आईपी ​​पते का उदाहरण – 102.01.01.01

डोमेन नाम का उदाहरण – www.google.com

6. हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल क्या है?

हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल (HTTP): – http आपके अनुरोध को स्थानांतरित करने और इंटरनेट पर अनुरोध प्राप्त करने के लिए नियमों का एक समूह है। इसका उपयोग आपको और आपकी वेबसाइट के अनुरोध को दूरस्थ सर्वर से जोड़ने के लिए किया जाता है जो आपके वेबसाइट के पृष्ठ हैं। Http आपको साइट पृष्ठों और वेबसाइटों के बीच कूदने की अनुमति देता है।

जब आप अपने वेब ब्राउज़र में एक वेबसाइट का नाम लिखते हैं या एक खोज इंजन के माध्यम से खोज करते हैं, तो HTTP एक मध्यस्थ संचार माध्यम के रूप में काम करता है जिसके माध्यम से उपयोगकर्ता computer और सर्वर इंटरनेट के माध्यम से एक दूसरे के लिए अनुरोध और प्रतिक्रिया भेजने के लिए संवाद कर सकते हैं। यह उपयोगकर्ता से आपका वेबसाइट अनुरोध कोड पढ़ता है, इसे सर्वर पर भेजता है, सर्वर से प्रतिक्रिया कोड प्राप्त करता है और फिर वेबसाइट के रूप में आपके लिए इसका अनुवाद करता है।

7. वेबसाइट डिजाइन या फ्रंट-एंड क्या है (देखें)

वेबसाइट डिजाइन का मतलब है वेबसाइट का डिजाइन। यह वेबसाइट सामग्री स्थिति से संबंधित है। यह किसी भी वेबसाइट के रूप और सुंदरता को परिभाषित करता है। यह वेबसाइट के फ्रंट एंड या व्यू के रूप में भी जाना जाता है।

8. कोडिंग या बैक-एंड भाषा क्या है? (नियंत्रक)

कोडिंग से तात्पर्य किसी भी एप्लिकेशन के लिए राइटिंग कोड से है। सभी सॉफ्टवेयर और वेबसाइटें किसी भी प्लेटफ़ॉर्म, ऑपरेटिंग सिस्टम और स्टाइल के आधार पर कम से कम एक कोडिंग भाषा द्वारा लिखी जाती हैं।

इसमें कंप्यूटर के साथ संचार करने के लिए नियमों का एक सेट है। कई अलग-अलग प्रकार की कोडिंग भाषाएँ हैं, जिनका उपयोग किसी भी सॉफ़्टवेयर या वेबसाइट को विकसित करने के लिए किया जाता है।

इसे किसी भी वेबसाइट या सॉफ्टवेयर की बैकएंड भाषा के रूप में भी जाना जाता है

9. डेटा बेस (मॉडल) क्या है

डाटा बेस में किसी भी वेबसाइट का सारा डाटा होता है। इसका उपयोग वेबसाइट के डेटा को स्टोर करने के लिए किया जाता है। जैसे लॉगिन विवरण डेटा, शॉपिंग कार्ट डेटा आदि। इसका उपयोग डायनामिक वेबसाइट में किया जाता है। यदि आपकी वेबसाइट के लिए मॉडल के रूप में भी जाना जाता है।

10. एक सामग्री प्रबंधन प्रणाली क्या है?

कंटेंट मैनेजमेंट सिस्टम मूल रूप से एक ऐसा प्लेटफॉर्म है, जहां आप तीनों चीजों को एक साथ संभाल सकते हैं। इन तीन चीजों में मॉडल, व्यू और कंट्रोलर शामिल हैं। साथ में उन्हें एमवीसी (मॉडल-दृश्य नियंत्रक) के रूप में जाना जाता है।

WordPress, जुमला, मैगनेटो सीएमएस (सामग्री प्रबंधन प्रणाली) के कुछ उदाहरण हैं।

सामग्री प्रबंधन प्रणाली के माध्यम से, आप अपनी वेबसाइट की सामग्री को आसानी से प्रबंधित कर सकते हैं। आप इसके माध्यम से अपनी वेबसाइट को बहुत तेज और आकर्षक बना सकते हैं।

वेब डेवलपमेंट क्यों महत्वपूर्ण है? Importance of web development in hindi

वेब डेवलपमेंट इंटरनेट पर वेबसाइटों या वेब एप्लिकेशन बनाने की विधि है, या एक निजी नेटवर्क के लिए जिसे इंट्रानेट के रूप में जाना जाता है। वेब विकास सभी कोडिंग और प्रोग्रामिंग के बारे में है जो वेबसाइट की कार्यक्षमता प्रदान करते हैं। आपकी वेबसाइट इस वेब विकास प्रक्रिया के माध्यम से किसी भी बटन को दबाने पर कोई भी क्रिया या घटना कर सकती है।

इस वेबसाइट के विकास के माध्यम से आपकी वेबसाइट की सामग्री को गतिशील रूप से बदला जा सकता है। वेबसाइट दो प्रकार की हो सकती है: – 

स्टेटिक वेबसाइट: – इन वेबसाइट्स को रनटाइम पर नहीं बदला जा सकता है। इस तरह की वेबसाइट की सामग्री स्थिर या स्थिर रहती है। उदाहरण- सरल वेब पेज जिसमें कुछ चित्र, सामग्री है, जो निश्चित है। वेबसाइट डिजाइनिंग इस वेबसाइट को बनाने के लिए पर्याप्त है।

डायनामिक वेबसाइट: – डायनामिक वेबसाइट वे वेबसाइट होती हैं, जिन्हें एडमिन पैनल से रनटाइम में कंटेंट को बदला जा सकता है। आप रनटाइम में इस तरह की वेबसाइट में किसी भी विशिष्ट सामग्री को बदल सकते हैं। इस तरह की वेबसाइट को पूरा करने के लिए वेबसाइट डिजाइनिंग और वेबसाइट डेवलपमेंट दोनों की जरूरत होती है। यदि कोई भी वेबसाइट किसी भी बटन के साथ कोई भी क्रिया करती है तो यह एक गतिशील वेबसाइट है। उदाहरण के लिए – सभी प्रकार की ई-कॉमर्स वेबसाइट गतिशील वेबसाइट हैं। डायनामिक वेबसाइट डेटाबेस प्रबंधन प्रणाली के माध्यम से काम करती है। एक डेटाबेस कनेक्शन फ़ाइल गतिशील वेबसाइट निर्माण में अनिवार्य है।

वेब विकास MVC वास्तुकला पर आधारित है या इसके तीन भाग हैं: क्लाइंट-साइड कोडिंग (फ्रंटएंड), सर्वर-साइड कोडिंग (बैकएंड) और डेटाबेस तकनीक।

आइए इनमें से प्रत्येक पर एक नज़र डालें: –

क्लाइंट-साइड कोडिंग

क्लाइंट-साइड स्क्रिप्टिंग, या विकास का दृश्य, उन सभी चीजों को संदर्भित करता है जो अंतिम उपयोगकर्ता सीधे वेबसाइट के पृष्ठों पर देख सकते हैं। लेआउट, फोंट, रंग, मेनू, बटन और संपर्क फ़ॉर्म जैसी चीजें सभी दृश्यपटल द्वारा संचालित हैं।

सर्वर-साइड कोडिंग

सर्वर-साइड स्क्रिप्टिंग, या विकास का समर्थन, यह कोडिंग स्क्रिप्ट है जो सर्वर साइड पर चलती है। जब भी आप कोई कार्य करते हैं, तो अनुरोध सर्वर पर इस कोडिंग के माध्यम से चला जाएगा। और फिर सर्वर इस सर्वर साइड कोडिंग की मदद से कोई भी प्रतिक्रिया (सर्वर डेटाबेस के माध्यम से) करता है, ताकि कार्रवाई उपयोगकर्ता वेबसाइट पर प्रदर्शन करेगी।

डेटाबेस तकनीक

वेबसाइटें डेटाबेस पर भी निर्भर करती हैं। डेटाबेस में वे सभी फाइलें और सामग्री होती है जो वेबसाइट के लिए किसी भी क्रिया या कार्य को करने के लिए आवश्यक होती है। इसका उपयोग वेबसाइट डेटा को पुनः प्राप्त करने, व्यवस्थित करने, संपादित करने और सहेजने के लिए किया जाता है। डेटाबेस एक सर्वर पर चलता है, और डायनामिक वेबसाइट कुछ प्रकार के रिलेशनल डेटाबेस मैनेजमेंट सिस्टम (RDBMS) का उपयोग करती हैं।

ये तीनों तकनीक जब एक साथ काम करती हैं तो इसे वेबसाइट विकास के रूप में जाना जाता है।

वेबसाइट डेव्लपमेंट और वेबसाइट डिजाइन के बीच अंतर (difference between website design and website development in hindi)

आप वेब विकास और वेब डिज़ाइन को एक साथ सुन सकते हैं, लेकिन ये दोनों पूरी तरह से अलग अवधारणाएं हैं।

वेबसाइट डिज़ाइन

1. स्थैतिक वेबसाइटों को विकसित करने के लिए वेबसाइट डिजाइनिंग का उपयोग किया जाता है।

2. इस कार्य को पूरा करने के लिए वेबसाइट डिजाइनरों की आवश्यकता है।

3. यह वेबसाइट के लुक और फील के साथ काम करता है।

4. वेबसाइट डिजाइन छवियों, वीडियो, फ्लैश, सामग्री, रंग, पाठ प्रकार, पृष्ठभूमि, लोगो, हेडर, पाद, आदि के साथ काम करती है।

5. यह क्लाइंट साइड स्क्रिप्टिंग कोड है।

6. DBMS (डेटाबेस प्रबंधन प्रणाली) का कोई उपयोग नहीं

वेबसाइट डेव्लपमेंट

1.website विकास का उपयोग डायनामिक वेबसाइटों को विकसित करने के लिए किया जाता है।

2. वेबसाइट डेवलपर्स को इस कार्य को पूरा करने की आवश्यकता है।

3. यह वेबसाइट को कार्यक्षमता प्रदान करता है।

4. वेबसाइट विकास कार्यों और विधियों के साथ काम करता है जो वेबसाइट में उपयोग कर रहे हैं।

5. इसका उपयोग सर्वर साइड स्क्रिप्ट को विकसित करने के लिए किया जाता है।

6. डेटाबेस प्रबंधन प्रणाली अनिवार्य।

वेबसाइट डेवलपर जिम्मेदारियां

1. एक वेब डेवलपर का पहला स्वाद वेबसाइट को उसके डिजाइन के अनुसार विकसित करना है। चूंकि वेबसाइट डिजाइनिंग प्रक्रिया के बाद वेबसाइट का विकास होता है।

2. विशिष्ट वेबसाइट के लिए उपयुक्त प्रोग्रामिंग भाषा चुनें। कुछ वेब एप्लिकेशन जावा और .net भाषा के साथ उपयुक्त हैं, दूसरी ओर कुछ वेबसाइटें आसानी से php भाषा में बनाई जा सकती हैं। इसलिए विकास के चरण को पूरा करने के लिए उपयुक्त भाषा चुनें।

3. आवश्यक वेबसाइट सामग्री को सभी महत्वपूर्ण कार्यक्षमता प्रदान करें।

4. वेब सामग्री को कुछ अग्रिम प्रौद्योगिकी प्रदान करें ताकि यह पेशेवर रूप से काम करे।

5. वेब विकास में सभी महत्वपूर्ण चीजें प्रदान करें और जांचें जैसे कि होस्टिंग सर्वर, डेटाबेस कनेक्शन, एसईओ फ्रेंडली यूआरएल, एसईओ फ्रेंडली टैग, कंटेंट मैनेजमेंट आदि।

6. वेब डेवलपर व्यक्ति की जरूरतों को पूरा करने के लिए जिम्मेदार हैं – ग्राहक की आवश्यकताएं और ग्राहक या उपयोगकर्ता की आवश्यकताएं।

7. वेब डेवलपर्स अंतिम वेबसाइट लुक और फ़ंक्शंस को सहयोग करते हैं।

8. वेब डेवलपर्स भी किसी वेबसाइट या वेब एप्लिकेशन को ऑप्टिमाइज़ करने और बेहतर बनाने के लिए बग्स की पहचान करते हैं और उन्हें ठीक करते हैं।

9. वेब डेवलपर चीजों को सुचारू रूप से चलाने के लिए जिम्मेदार होते हैं।

10. वेब डेवलपर्स कुशल होना चाहिए।

11. वेब डेवलपर्स द्वारा प्रत्येक कार्यक्षमता की जांच या परीक्षण भी किया जाता है।

वेबसाइट डेवलपर कोन होता है? website developer in hindi

वे लोग जो वेब डिजाइनर द्वारा प्रदान किए गए डिजाइनों पर काम करेंगे और उन्हें html, तस्वीर, जावास्क्रिप्ट और सीएसएस, आदि का उपयोग करके जीवित करने के लिए लाएंगे।

फ्रंटएंड डेवलपर वेबसाइट के लेआउट, इंटरएक्टिव और नेविगेशनल आइटम जैसे बटन और स्क्रॉलबार, चित्र, सामग्री और आंतरिक लिंक, बाहरी लिंक, विभिन्न ब्राउज़रों और उपकरणों (जवाबदेही) में इष्टतम प्रदर्शन सुनिश्चित करने, उत्पन्न होने वाले किसी भी कीड़े को ठीक करने, सॉफ़्टवेयर वर्कफ़्लो प्रबंधन बनाए रखने के लिए प्रदान करता है और ऐसे उपकरण विकसित करें जो उपयोगकर्ता ब्राउज़र पर एक वेबसाइट के साथ बातचीत करते हैं।

बैकएंड डेवलपर क्या है?

 वेबसाइट पर सभी प्रकार की कार्यक्षमता प्रदान करने के लिए डेवलपर का काम बैकेंड करें और सुनिश्चित करें कि सर्वर, वेबसाइट और डेटाबेस तीनों एक दूसरे के साथ ठीक से संवाद करें।

4. प्रोग्रामिंग लैंग्वेज, लाइब्रेरी, फ्रेमवर्क और वेब डेवलपमेंट के कुछ महत्वपूर्ण उपकरण

एक वेबसाइट बनाने के लिए, वेब डेवलपर्स विभिन्न भाषाओं, पुस्तकालयों और रूपरेखाओं के साथ काम करते हैं। आइए इन में से प्रत्येक के बारे में बेहतर जानने के लिए एक नज़र डालें, साथ ही साथ कुछ अन्य उपकरण जो वेब डेवलपर अपने वेबसाइट विकास कार्यों में उपयोग करते हैं।

प्रोग्रामिंग लैंग्वेज क्या हैं?

वेब विकास की दुनिया में, भाषाएं ऑपरेटिंग सिस्टम के लिए नियमों का एक सेट है जो प्रोग्रामर वेबसाइटों और वेब एप्लिकेशन बनाने के लिए उपयोग करते हैं। प्रोग्रामिंग लैंग्वेज, मार्कअप लैंग्वेज, स्टाइल शीट लैंग्वेज और डेटाबेस लैंग्वेज सहित सभी तरह की भाषाएं हैं।

प्रोग्रामिंग की भाषाएँ

एक प्रोग्रामिंग भाषा प्रोग्राम निर्देशों और आदेशों का एक सेट है जो कंप्यूटर को एक निश्चित आउटपुट का उत्पादन करने के लिए कहता है। प्रोग्रामिंग भाषा को दो भागों में विभाजित किया जा सकता है: –

1. उच्च स्तर

2. निम्न स्तर

1. उच्च स्तरीय प्रोग्रामिंग भाषाएं: – आज के ज्यादातर प्रोग्रामर “उच्च-स्तरीय” प्रोग्रामिंग भाषाओं का उपयोग करते हैं। उच्च-स्तरीय भाषाएं तार्किक शब्दों और प्रतीकों का उपयोग करती हैं, जिससे मनुष्यों को पढ़ना और समझना आसान हो जाता है। उच्च-स्तरीय भाषाओं को दो श्रेणियों में विभाजित किया जा सकता है: –

A. संकलित भाषाएं: – किसी भी संकलक के माध्यम से एक भाषा कोड निष्पादित किया जाता है फिर इस तरह की भाषा को संकलित भाषाओं के रूप में जाना जाता है। उदाहरण के लिए jave एक संकलित स्तर की भाषा है और इसके कोड को java compilor (JVM – java vertical मशीन) के माध्यम से निष्पादित किया जाता है।

सी ++ और जावा, दोनों उच्च-स्तरीय भाषाएं संकलित हैं; वे पहले एक पाठ-आधारित प्रारूप में सहेजे जाते हैं फिर स्रोत कोड को चलाने के लिए, इसे निम्न-स्तरीय भाषा में परिवर्तित करने की आवश्यकता होती है; यानी मशीन कोड।

बी। व्याख्या की गई भाषाएं: – भाषा कोड को किसी भी दुभाषिया के माध्यम से निष्पादित किया जाता है, फिर इस तरह की भाषा जिसे व्याख्या की गई भाषा के रूप में जाना जाता है। उदाहरण के लिए पर्ल, php कुछ व्याख्या की गई भाषाएं हैं। व्याख्या की गई भाषाओं का उपयोग गतिशील वेबसाइट के लिए सामग्री उत्पन्न करने के लिए स्क्रिप्टबैंड को चलाने के लिए किया जाता है।

2. निम्न-स्तरीय भाषाएँ: – ये वे हैं जिन्हें सीधे कंप्यूटर हार्डवेयर पर निष्पादित किया जा सकता है; उन्हें व्याख्या या अनुवाद करने की आवश्यकता नहीं है। वे दो प्रकार के हो सकते हैं: –

 A. मशीन की भाषा: – कोड को मशीन के माध्यम से सीधे निष्पादित किया जाता है। मशीन स्तर की भाषा को समझना कठिन है।

बी। असेंबली लैंग्वेज: – कोड को सिस्टम के कोडांतरक के माध्यम से निष्पादित किया जाता है।

2021 की सबसे लोकप्रिय प्रोग्रामिंग भाषाओं में php, Java, C, C ++, Python, C #, JavaScript, .net, Ruby और Perl शामिल हैं।

एंड्रॉइड और आईओएस भी दो प्रोग्रामिंग भाषाएं हैं जो एंड्रॉइड और आईफोन मोबाइल के ऑपरेटिंग सिस्टम के लिए मोबाइल एप्लिकेशन बनाने के लिए उपयोग की जाती हैं।

मार्कअप भाषाओं

मार्कअप भाषाओं का उपयोग टेक्स्ट फ़ाइल के प्रारूपण को निर्दिष्ट करने के लिए किया जाता है। यह सॉफ्टवेयर को बताता है कि पाठ को किस प्रकार स्वरूपित किया जाना चाहिए। मार्कअप भाषा आउटपुट सिस्टम ब्राउज़र पर प्रदर्शित हो सकता है लेकिन मार्कअप टैग अंतिम आउटपुट में दिखाई नहीं देते हैं।

दो मुख्य मार्कअप लैंग्वेज HTML और XML हैं। HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए है। इसका उपयोग html टैग और कोडिंग के माध्यम से वेबसाइटों के निर्माण के लिए किया जाता है। HTML टैग्स का वर्णन है कि इस दस्तावेज़ को वेब ब्राउज़र द्वारा कैसे प्रदर्शित किया जाना चाहिए। नीचे दिए गए HTML कोडिंग का उदाहरण।

<Html>

<Head>

              <Title>

                 वेबसाइट निर्माणकार्य

              </ Title>

        </ Head>

<Body>

             <H1> पृष्ठ का शीर्षक </ h1>

            <b> इस वाक्य को बोल्ड करें! </ b>

             <P> पृष्ठ का अनुच्छेद! </ P>

         </ Body>

</ Html>

यह कोड टेक्स्ट एडिटर जैसे नोटपैड में लिखा होता है फिर इसे .html फाइल एक्सटेंशन के रूप में सेव करें। जब आप इस html फ़ाइल को खोलेंगे तो यह एक साधारण वेबसाइट पेज जैसा दिखेगा।

एक्सएमएल एक्सेन्सेबल मार्कअप लैंग्वेज के लिए है। यह HTML के समान मार्कअप भाषा का भी एक प्रकार है; हालाँकि, HTML कोड एक वेबसाइट पेज के साथ डेटा प्रदर्शित करने के लिए डिज़ाइन किया गया था, दूसरी ओर, XML को डेटा स्टोर और ट्रांसपोर्ट करने के लिए डिज़ाइन किया गया था। HTML के विपरीत, XML में पूर्वनिर्धारित टैग नहीं हैं; डेवलपर द्वारा टैग बनाए जाते हैं।

शैली पत्रक भाषाएँ

एक स्टाइल शीट मूल रूप से शैलीगत नियमों का एक सेट है। शैली पत्रक भाषाओं का उपयोग मुख्य रूप से आपके दस्तावेज़ सामग्री को रंग से पाठ संरेखण और बहुत कुछ करने के लिए किया जाता है …

HTML में लिखे गए टेक्स्ट डॉक्यूमेंट पर विचार करें और CSS (स्टाइल शीट लैंग्वेज फुल फॉर्म कैस्केडिंग स्टाइल शीट) का उपयोग करके स्टाइल करें। तब HTML मार्कअप भाषा का उपयोग वेब पेज की सामग्री और संरचना के लिए किया जाता है, जबकि सीएसएस का उपयोग वेब सामग्री को देखने, रंग जोड़ने, फोंट बदलने, पृष्ठभूमि और सीमाओं को जोड़ने, उत्तरदायी डिजाइन के लिए वेब पेज को अनुकूलित करने आदि के लिए किया जाता है।

डेटाबेस भाषाएँ

डेटाबेस बनाने और प्रबंधित करने के लिए भी भाषाओं का उपयोग किया जाता है। डेटाबेस ia डेटा का एक संग्रह। इसमें कई पंक्तियाँ और स्तंभ हैं। इसलिए कुछ समय इस डेटाबेस से सही आवश्यक डेटा प्राप्त करना बहुत मुश्किल है। फिर हम इस डेटा को बनाने, प्रबंधित करने और लाने के लिए डेटाबेस भाषा का उपयोग करेंगे। उदाहरण:-

 SQL (स्ट्रक्चर्ड क्वेरी लैंग्वेज) का उपयोग रिलेशनल डेटाबेस तक पहुँचने और हेरफेर करने के लिए किया जाता है। इसका अपना मार्कअप है।

लाइब्रेरी और फ्रेमवर्क क्या हैं?

वेब डेवलपर्स को लाइब्रेरी और फ्रेमवर्क के बारे में भी जानना चाहिए। दोनों का उपयोग डेवलपर के काम को आसान बनाने के लिए किया जाता है।

लाइब्रेरी और फ्रेमवर्क पूर्व-लिखित कोड का एक सेट है।

लाइब्रेरी सीखें

एक पुस्तकालय में उपयोगी कोड का एक संग्रह होता है, जिसे एक साथ समूहीकृत किया जाता है। ताकि बाद में इसका पुन: उपयोग किया जा सके। एक ही कोड लिखते समय समय और प्रयासों को बचाने के लिए डेवलपर द्वारा लाइब्रेरी का उपयोग किया जाता है।

उदाहरण के लिए, जावास्क्रिप्ट भाषा है, और jQuery एक जावास्क्रिप्ट पुस्तकालय है। लिखने के बजाय, जावास्क्रिप्ट में कोड की समान पंक्तियों, डेवलपर समय और प्रयास को बचाने के लिए jQuery लाइब्रेरी का उपयोग कर सकता है।

फ्रेमवर्क सीखें

एक ढाँचे में पूर्वनिर्धारित घटक और उपकरण होते हैं जिनका उपयोग कोड को तेज़ी से लिखने के लिए किया जाता है, कई रूपरेखाओं में पुस्तकालय भी होते हैं। कुछ लोकप्रिय रूपरेखाओं में बूटस्ट्रैप, रेल और कोणीय शामिल हैं।

वेब विकास उपकरण web development tools in hindi

1. टेक्स्ट एडिटर: – वेब डेवलपर्स प्रोग्राम कोड लिखने के लिए टेक्स्ट एडिटर का इस्तेमाल करते हैं। परमाणु, उदात्त, दृश्य स्टूडियो कोड, स्वप्न जुलाहा, नोटपैड पाठ संपादक के कुछ उदाहरण हैं। ड्रीम बुनकर php कोडिंग के लिए सबसे अच्छा है जबकि दृश्य स्टूडियो .net भाषा में उपयोग किया जाता है।

2. वेब ब्राउजर: – ब्राउजर कंप्यूटर आधारित एप्लीकेशन सॉफ्टवेयर है जिसका उपयोग आपके इंटरनेट कनेक्शन जैसे कि Google क्रोम या इंटरनेट एक्सप्लोरर के माध्यम से वेबसाइट पेज को लोड करने के लिए किया जाता है।

3. Filezila: – फ़ाइल ज़िला का उपयोग सर्वर की किसी भी फ़ाइल को भेजने, हटाने और संपादित करने के लिए किया जाता है। फ़ाइल ज़िला के माध्यम से, वेब डेवलपर्स वेबसाइट फ़ाइलों को अपडेट करने के लिए सर्वर से सीधे जुड़ सकते हैं।

4. गिट: – गॉट के माध्यम से, वेब डेवलपर अपने कोड को आसानी से स्टोर और प्रबंधित कर सकते हैं। Git आपके कोड परिवर्तनों को ट्रैक कर सकता है और यदि आवश्यक हो तो उन्हें उल्टा कर सकता है। एक बार में या एक ही परियोजना पर कई डेवलपर्स काम करते समय कई परियोजनाओं का प्रबंधन करना बहुत उपयोगी है।

5. गिटहब: – यह गिट के लिए क्लाउड इंटरफेस है। GitHub Git की सभी कार्यक्षमता प्रदान करता है, और कुछ अन्य विशेषताएं जैसे बग ट्रैकिंग, कार्य प्रबंधन और प्रेजेक प्रबंधन, आदि।

वेब डेवलपमेंट के प्रकार – Types of web development in hindi

विभिन्न आवश्यकताओं के आधार पर उनका विकास कई प्रकार का होता है। हम उनमें से कुछ पर चर्चा कर रहे हैं।

फ्रंट-एंड डेवलपमेंट

बैकएंड डेवलपमेंट

पूर्ण स्टैक डेवलपमेंट

वेबसाइट डेवलपमेंट

डेस्कटॉप डेवलपमेंट

मोबाइल डेवलपमेंट

खेल डेवलपमेंट

एंबेडेड डेवलपमेंट

सुरक्षा सॉफ्टवेयर डेवलपमेंट

1. फ्रंट-एंड डेवलपमेंट

फ्रंटएंड डेवलपमेंट वेबसाइट के लेआउट, इंटरएक्टिव और नेविगेशनल आइटम जैसे बटन और स्क्रॉलबार, चित्र, सामग्री और आंतरिक लिंक, बाहरी लिंक प्रदान करता है, विभिन्न ब्राउज़रों और उपकरणों (जवाबदेही) में इष्टतम प्रदर्शन सुनिश्चित करता है, किसी भी बग को ठीक करता है, जो सॉफ़्टवेयर वर्कफ़्लो प्रबंधन को बनाए रखता है। और ऐसे उपकरण विकसित करें जो उपयोगकर्ता ब्राउज़र पर एक वेबसाइट के साथ बातचीत करते हैं।

फ्रंट-एंड डेवलपर्स वेबसाइटों, सॉफ्टवेयर, ऐप, कार्यक्रमों आदि के क्लाइंट पक्ष पर काम करते हैं।

2. बैकएंड डेवलपमेंट

बैकएंड डेवलपमेंट वेबसाइट्स, प्रोग्राम्स और सॉफ्टवेयर के सर्वर साइड पर काम करता है। ये डेवलपर्स सर्वर, ऑपरेटिंग सिस्टम, एपीआई और डेटाबेस जैसी प्रणालियों में काम करते हैं और सुरक्षा, सामग्री और साइट संरचना के लिए कोड का प्रबंधन करते हैं।

3. पूर्ण स्टैक डेवलपमेंट

पूर्ण स्टैक डेवलपमेंट किसी वेबसाइट के फ्रंट-एंड और बैकएंड दोनों पक्षों के साथ काम करता है। वे शुरू से अंत तक एक वेबसाइट, सॉफ्टवेयर, ऐप और प्रोग्राम बना सकते हैं।

4. वेबसाइट डेवलपमेंट

वेबसाइट डेवलपर्स पूर्ण-स्टैक डेवलपर्स के समान हैं। लेकिन वे वेबसाइट बनाने में माहिर हैं। वे मोबाइल एप्लिकेशन, डेस्कटॉप सॉफ़्टवेयर या वीडियो गेम बनाने में सक्षम नहीं हैं।

5. डेस्कटॉप डेवलपमेंट

डेस्कटॉप विकास डेस्कटॉप सिस्टम सॉफ्टवेयर्स, ऑपरेटिंग सिस्टम क्रिएशन जैसे मैक ओएस, विंडोज, और अधिक के निर्माण से संबंधित है।

6. मोबाइल डेवलपमेंट

मोबाइल डेवलपमेंट मोबाइल ऐप डेवलपमेंट से संबंधित है। ये ऐप विभिन्न मोबाइल उपकरणों जैसे स्मार्टफोन या टैबलेट पर काम कर सकते हैं। इस तरह के विकास के लिए विकास कौशल के एक अलग सेट की आवश्यकता होती है।

7. खेल डेवलपमेंट

गेम विकास विभिन्न प्लेटफार्मों में वीडियो गेम के लिए कोड लिखने के साथ-साथ कंसोल गेम (Xbox, PlayStation, आदि) और मोबाइल गेम्स के लिए भी उपलब्ध है।

8. एंबेडेड डेवलपमेंट

सभी हार्डवेयर के साथ एंबेडेड विकास कार्य जो कि कंप्यूटर सिस्टम पर आधारित नहीं है; इसमें इलेक्ट्रॉनिक डिवाइस इंटरफेस, आईओटी डिवाइस और रियल-टाइम प्रोग्रामिंग सिस्टम शामिल हैं।

9. सुरक्षा सॉफ्टवेयर डेवलपमेंट

सुरक्षा विकास किसी सॉफ्टवेयर या वेबसाइट या एप्लिकेशन की सुरक्षा के लिए तरीकों और कार्यों से संबंधित है। इन विकासों का उपयोग विभिन्न उपकरणों के लिए सुरक्षा कार्यक्रम बनाने के लिए किया जाता है।

वेबसाइट विकास प्रक्रिया – website development process in hindi

वेबसाइट बनाने की प्रक्रिया आसान काम नहीं है। इन तीन वस्तुओं के कारण हर प्रकार की वेबसाइट का विकास अलग है

1. वेबसाइट का प्रकार 2. भाषाओं की कोडिंग, और 3. कार्यक्षमता

लेकिन फिर भी हम वेब विकास प्रक्रिया का अवलोकन करने का प्रयास कर रहे हैं।

चरण 1: अपनी वेबसाइट की योजना बनाना

चरण 2: उपयुक्त भाषा चुनें

चरण 3: डोमेन और होस्टिंग

चरण 4: फ्रंट एंड तैयार करें

चरण 5: डेटाबेस बनाएँ

चरण 6: बैकएंड प्रोग्रामिंग

चरण 7: परीक्षण और रखरखाव

चरण 1: अपनी वेबसाइट की योजना बनाना; एक साइटमैप बनाएं

वेबसाइट विकास के पहले चरण में, आपको अपनी वेबसाइट के लिए एक योजना तैयार करनी होगी। इस सेक्शन के तहत आपको अपनी परियोजना की सभी महत्वपूर्ण आवश्यकताओं का पता लगाना है और फिर इन आवश्यकताओं को चरणबद्ध तरीके से पूरा करने के लिए एक साइटमैप तैयार करें।

इस कदम के तहत, आपको वेबसाइट के अपने डिजाइन मॉड्यूल, वेबसाइट की थीम, वेबसाइट की कार्यक्षमता, विभिन्न प्रक्रियाओं के बीच डेटा प्रवाह, परियोजना की आवश्यकताएं, आपके द्वारा आवश्यक संसाधन आदि की पहचान करनी होगी।

चरण 2: उपयुक्त भाषा चुनें

इस सेक्शन के तहत, आपको यह चुनना होगा कि आपकी वेबसाइट के विकास के लिए कौन सी भाषा सबसे अच्छी है। उदाहरण के लिए

 यदि आप विंडो आधारित एप्लिकेशन की वेबसाइट तैयार कर रहे हैं तो .net भाषा को प्राथमिकता दें।

 यदि आप एक साधारण वेबसाइट देख रहे हैं तो php सबसे अच्छा है।

अगर आप ई-कॉमर्स वेबसाइट की तलाश में हैं तो वर्डप्रेस आपके लिए सबसे अच्छा विकल्प है।

 यदि आप एक बहुत ही सुरक्षित वेबसाइट चाहते हैं तो जावा भाषा को प्राथमिकता दें।

चरण 3: डोमेन और होस्टिंग

तीसरे चरण की प्रक्रिया में, आपको अपनी फ़ाइलों को अपलोड करने के लिए वेबसाइट और एक होस्टिंग सर्वर के लिए एक डोमेन नाम खरीदना होगा। आप अपनी वेबसाइट होस्ट करने और वेबसाइट के पूरा होने के बाद लोकलहोस्ट का उपयोग कर सकते हैं, फिर आप वर्ल्ड वाइड नेट से जुड़ने के लिए होस्टिंग के साथ डोमेन खरीद सकते हैं।

चरण 4: फ्रंट एंड तैयार करें

प्रक्रिया के अगले चरण में, आपको अपनी वेबसाइट का डिज़ाइन तैयार करना होगा। सीमांत विकास, उन सभी चीजों को संदर्भित करता है जिन्हें अंतिम उपयोगकर्ता सीधे वेबसाइट के पृष्ठों पर देख सकता है। लेआउट, फोंट, रंग, मेनू, बटन और संपर्क फ़ॉर्म जैसी चीजें सभी फ्रंट-एंड डिज़ाइन के माध्यम से बनाई गई हैं।

चरण 5: डेटाबेस बनाएँ

डाटा बेस में किसी भी वेबसाइट का सारा डाटा होता है। इसका उपयोग वेबसाइट के डेटा को स्टोर करने के लिए किया जाता है। जैसे लॉगिन विवरण डेटा, शॉपिंग कार्ट डेटा आदि। इसका उपयोग डायनामिक वेबसाइट में किया जाता है। आपको इस प्रक्रिया के तहत अपना वेबसाइट डेटाबेस बनाना और संभालना होगा।

चरण 6: बैकएंड प्रोग्रामिंग

यह वेबसाइट विकास प्रक्रिया का मुख्य कदम है, वेबसाइट पर सभी प्रकार की कार्यक्षमता प्रदान करने के लिए डेवलपर की नौकरी का बैकएंड करें और सुनिश्चित करें कि सर्वर, वेबसाइट और डेटाबेस तीनों एक दूसरे के साथ ठीक से संवाद करें।

वेबसाइट विकास प्रक्रिया के इस चरण के तहत सभी संचालन और कार्रवाई की जा सकती है।

चरण 7: परीक्षण और रखरखाव

अगला चरण परियोजना का परीक्षण है, इस खंड के तहत आपको अपनी वेबसाइट की सभी कार्यक्षमता की जांच करनी होगी। आप सही इनपुट के साथ-साथ गलत इनपुट प्रदान करके इसकी जांच करेंगे। यदि सही इनपुट सही इनपुट प्रदान कर रहा है और गलत इनपुट गलत आउटपुट दे रहा है तो इसका मतलब है कि आपकी वेबसाइट ठीक से काम कर रही है।

इसके बाद, केवल रखरखाव सेवाएं रहती हैं। यह आपकी वेबसाइट परियोजना के विस्तार, अतिरिक्त सुविधाओं, डेटाबेस रखरखाव आदि को जोड़ने से संबंधित है।

डोमेन नाम और वेबसाइट के लिए होस्टिंग कैसे चुनें

आपकी वेबसाइट को एक डोमेन नाम या साइट नाम की आवश्यकता है ताकि उपयोगकर्ता इसे एक अद्वितीय नाम से खोज सके। डोमेन नेम को seo फ्रेंडली होना चाहिए। यह एक ऐसा कीवर्ड होना चाहिए जो ज्यादातर खोजा जाता है। साइट नाम और डोमेन नाम का मिलान किया जाना चाहिए। आप एक अद्वितीय आईपी पते के साथ अपने डोमेन नाम का उपयोग कर सकते हैं।

होस्टिंग सर्वर लक्षित देश पर आधारित होना चाहिए। यदि आप भारतीय उपयोगकर्ताओं को लक्षित कर रहे हैं, तो होस्टिंग सर्वर को भारत में रखा जाना चाहिए। इसके बाद आपको सर्वर के गुणों जैसे कि डेटाबेस, स्टोरेज स्पेस और मेमोरी टाइप के बारे में जांच करनी चाहिए। आपकी वेबसाइट साझा मेमोरी होस्टिंग सर्वर पर आधारित नहीं होनी चाहिए।

आप GoDaddy वेबसाइट के माध्यम से अपने डोमेन और होस्टिंग खरीद सकते हैं।

वेबसाइट डेवलपमेंट, Website development in hindi, वेबसाइट डेवलपमेंट क्या है?,

सर्वर क्या है?, वेबसाइट क्या है, Client क्या है, आईपी एड्रेस क्या है, डोमेन नाम क्या है, HTTP क्या है, . वेबसाइट डिजाइन फ्रंट-एंड क्या है, बैक-एंड क्या है, कोडिंग क्या है, डेटा बेस क्या है, CMS क्या है,

 IP एड्रेस क्या है?,

वेब डेवलपर कोन होता है?,

वेबसाइट डेवलपर की जिम्मेदारियां, हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल, वेब डेवलपमेंट क्यों महत्वपूर्ण है?, वेबसाइट के प्रकार,

डोमेन नाम और वेबसाइट के लिए होस्टिंग कैसे चुनें , होस्टिंग सर्वर, website development process in hindi,

Types of web development in hindi, वेब डेवलपमेंट के प्रकार,

Static website in hindi, dynamic website in hindi,

प्रोग्रामिंग लैंग्वेज, लाइब्रेरी, फ्रेमवर्क , वेब डेवलपमेंट टूल्स,

Server in hindi, website kya hai, website kaise banaye, ip address kya hai, domain name in hindi, http in hindi, front end in hindi, coding in hindi, programming language in hindi, back end in hindi, web developer in hindi, type of website in hindi,

Library in hindi, framework in hindi, web development tools in hindi,

Importance of web development in hindi,

वेबसाइट डेव्लपमेंट और वेबसाइट डिजाइन मे अंतर, difference between website design and website development in hindi,

वेबसाइट डेवलपर, website developer in hindi, वेबसाइट डेवलपमेंट, वेबसाइट डेवलपमेंट, वेबसाइट डेवलपमेंट कंपनी

Leave a Reply

Your email address will not be published. Required fields are marked *