जर आपल्याला थोडेसे HTML माहित असेल तर आपण साइट अभ्यागतांना सूचित आणि मनोरंजन करणारे एक कार्यशील वेब पृष्ठ तयार करू शकता. मूलभूत वेब पृष्ठे उपयुक्त ठरू शकतात, परंतु परस्परसंवादी, डेटा-चालित आणि अधिक आकर्षक असलेल्या प्रगत साइट्स बनविण्यासाठी प्रोग्रामिंग कोड घेते. आपण वापरत असलेल्या प्रोग्रामिंग भाषेचा प्रकार आपल्या वेब डिझाइन गोलांवर अवलंबून आहे. आपण वेबसाइट तयार करण्यापूर्वी क्लायंट-साइड आणि सर्व्हर-साइड प्रोग्रामिंगमधील फरक जाणून घ्या. ते काही वैशिष्ट्ये सामायिक करतात, परंतु त्या महत्त्वपूर्ण मार्गांनी भिन्न आहेत.

सर्व्हर रूममध्ये संगणक वापरणारे दोन व्यावसायिक

क्लायंट-साइड स्पष्टीकरण

जेव्हा आपण आपल्या ब्राउझरच्या अ‍ॅड्रेस बारमध्ये URL टाइप करता, तेव्हा आपला संगणक क्लायंट म्हणून कार्य करतो जो रिमोट वेब सर्व्हरकडून माहितीची विनंती करतो. आपण वेब पृष्ठांवर पहात असलेले सर्व कोड, फायली, डेटा आणि प्रतिमा ब्राउझरवर पाठविणार्‍या रिमोट सर्व्हरमधून आल्या आहेत. एक ब्राउझर आपल्यास प्राप्त होणारी संसाधने जमवितो आणि आपण पहात असलेले वेबपृष्ठ व्युत्पन्न करतो. साध्या वेब पृष्ठांमध्ये फक्त एचटीएमएल स्टेटमेन्ट्स, मजकूर आणि प्रतिमा असू शकतात, तर अधिक गुंतागुंत क्लायंट ब्राउझरमध्ये किंवा वेब सर्व्हरवर असलेला कोड कार्यान्वित करू शकतात.

क्लायंट-साइड प्रोग्रामिंग मूलतत्त्वे

एचटीएमएल दस्तऐवजात काही जावास्क्रिप्ट स्टेटमेंट पेस्ट करून आणि ब्राउझरमध्ये पहात असल्यास कोणीही मिनिटांत क्लायंट-साइड वेब अ‍ॅप तयार करू शकतो. जावास्क्रिप्ट ही मुख्य क्लायंट-साइड स्क्रिप्टिंग भाषा साइट मालक त्यांच्या वेब अ‍ॅप्समध्ये वापरतात. आपण वेबपृष्ठावर ऑब्जेक्ट्स हलविण्यासाठी, फॉर्म इनपुटचे प्रमाणीकरण करण्यासाठी, विशेष प्रभाव तयार करण्यासाठी, त्रुटी संदेश दर्शविण्यासाठी आणि माहितीसाठी लोकांना सूचित करण्यासाठी जावास्क्रिप्ट वापरू शकता.

अतिरिक्त ग्राहक-साइड फायदे

या प्रकारच्या कार्ये करण्यासाठी ब्राउझरला रिमोट वेब सर्व्हरशी संप्रेषण करण्याची आवश्यकता नसल्यामुळे, क्लायंट-साइड कोड सर्व्हर-साइड कोडपेक्षा काही कार्य जलद पार पाडू शकतो. उदाहरणार्थ, आपण मेनू उघडण्यासाठी बटणावर क्लिक करता तेव्हा क्लायंट-साइड कोड तो त्वरित चालवू शकतो. सर्व्हर-साइड कोडने ते कार्य हाताळल्यास, मेनू उघडे पाहण्यापूर्वी आपल्या ब्राउझरला सर्व्हरशी संवाद साधण्याची प्रतीक्षा करावी लागेल. क्लायंट-साइड कोड तयार करण्यासाठी आणि त्याची चाचणी घेण्यासाठी आपल्याला वेब सर्व्हरवर विशेष सॉफ्टवेअर स्थापित करण्याची आवश्यकता नाही कारण सर्व ब्राउझर क्लायंट-साइड कोड चालवू शकतात.

सर्व्हर-साइड प्रोग्रामिंग

सर्व्हर-साइड टेक्नॉलॉजीजमध्ये पीएचपी आणि मायक्रोसॉफ्टचे एएसपी.नेट समाविष्ट आहे. सर्व्हर-साइड कोड साइट अभ्यागताच्या ब्राउझरऐवजी साइटच्या वेब सर्व्हरवर चालतो. आपण सर्व्हर-साइड प्रोग्रामिंग वापरणार्‍या एखाद्या वेब पृष्ठास भेट दिल्यास, आपण वेबपृष्ठ पाहता तेव्हा सर्व्हर सूचना अंमलात आणण्यात व्यस्त असल्याचे आपल्याला कधीही माहिती नसते. सर्व्हर-साइड प्रक्रियेचे एक चांगले उदाहरण म्हणजे ASP.NET पृष्ठ जे आपल्याला प्रतिमेचा आकार बदलण्याची परवानगी देते. आपण वेब सर्व्हरवर प्रतिमा अपलोड करण्यासाठी बटणावर क्लिक केल्यानंतर, सर्व्हरवरील कोड प्रतिमेचे आकार बदलते आणि आपल्या ब्राउझरवर नवीन प्रतिमा परत पाठवते.

अतिरिक्त सर्व्हर साइड फायदे

सर्व्हर-साइड प्रोग्रामिंग आपल्याला डेटा संग्रहित आणि पुनर्प्राप्त करण्याची क्षमता देखील देते. जेव्हा आपण लॉगिन माहिती संग्रहित करणे आणि पुनर्प्राप्त करणे आणि डेटाबेसमध्ये संग्रहित डेटा शोधण्याची क्षमता लोकांना प्रदान करणे यासारखी कार्ये करण्याची इच्छा बाळगता तेव्हा हे महत्वाचे आहे. तो डेटा आपल्या वेब सर्व्हरवरील डेटाबेस किंवा एक्सएमएल फाइलसारख्या ठिकाणी राहू शकतो. सर्व्हर-साइड प्रक्रिया देखील आपल्याला मालकी कोड गोपनीय ठेवण्यास मदत करू शकते. उदाहरणार्थ, आपण पीएचपी कोड लिहू शकता जे आपली कंपनी गुप्त ठेवते मालकी विक्री सूत्रे वापरून गणना करते. कोड आपल्या सर्व्हरवर चालत असल्यामुळे, ब्राउझरमध्ये आपले वेब पृष्ठे पाहणारे लोक तो कोड पाहू शकत नाहीत.

संकरित वेब अनुप्रयोग

बर्‍याच वेब अ‍ॅप्स सर्व्हर-साइड आणि क्लायंट-साइड प्रोग्रामिंगचे संयोजन वापरतात. उदाहरणार्थ, क्लायंट-साइड स्क्रिप्ट्स फॉर्म इनपुटचे प्रमाणिकरण करू शकतात, साइट अभ्यागतांनी सर्व्हरवर फॉर्म डेटा सबमिट केल्यावर ते पुन्हा सत्यापित करण्यासाठी सर्व्हर-साइड कोड वापरणे शहाणपणाचे आहे. आपल्या वेबपृष्ठांपैकी एक कदाचित लोकांचे मनोरंजन करण्यासाठी जावास्क्रिप्ट स्लाइड शो आणि विक्री ऑर्डरवर प्रक्रिया करण्यासाठी सर्व्हर-साइड कोड वापरू शकेल. आपण वापरत असलेल्या तंत्रज्ञानाची पर्वा न करता, आपल्या वेब अॅप्सची उपयोजित करण्यापूर्वी त्यांची संपूर्ण चाचणी घेणे महत्वाचे आहे.