Front End और Back End वेब डेवलपमेंट

Front End और Back End Web Development

Front End और Back End डेवलपमेंट क्या हैं? (What is Front End and back End Development?)

Frontend और backend वेब डेवलपमेंट में उपयोग किए जाने वाले दो सबसे लोकप्रिय शब्द हैं। ये शब्द वेब डेवलपमेंट के लिए बहुत महत्वपूर्ण हैं लेकिन एक दूसरे से काफी भिन्न हैं।

Front End डेवलपमेंट क्या हैं? (What is Front end Development?)

किसी वेबसाइट का वह हिस्सा जिसे यूजर देख सकता है और सीधे इंटरैक्ट कर सकता है उसे फ्रंट एंड कहा जाता है। इसे ‘Client side’ प्रोग्रामिंग के रूप में भी जाना जाता है। इसमें वह सब कुछ शामिल है जो यूजर सीधे अनुभव करते हैं: text color, Styles, images, graph और tables, buttons, colors, and navigation menu. HTML, CSS और JavaScript फ्रंट एंड डेवलपमेंट के लिए उपयोग की जाने वाली लैंग्वेज हैं। वेबसाइटों, वेब एप्लिकेशन, या मोबाइल एप्लिकेशन के खुलने पर ब्राउज़र स्क्रीन पर देखे जाने वाले सभी Structure, design, behavior और content सभी को फ्रंट एंड डेवलपर्स द्वारा लागू किया जाता है। Responsiveness और Performance फ्रंट एंड के दो मुख्य उद्देश्य हैं। डेवलपर को यह सुनिश्चित करना चाहिए कि साइट उत्तरदायी (responsive) है यानी वेबसाइट सभी डिवाइस पर सही ढंग से दिखाई देना जरुरी है|

Front End Languages:

फ्रंट एंड पार्ट कुछ भाषाओं का उपयोग करके बनाया गया है, जिनकी चर्चा नीचे दी गई है:

HTML: HTML एक Hypertext Markup Language है। मार्कअप लैंग्वेज का उपयोग करके वेब पेजों के frontend भाग को डिजाइन करने के लिए इसका उपयोग किया जाता है। HTML हाइपरटेक्स्ट और मार्कअप लैंग्वेज का combination है। हाइपरटेक्स्ट वेब पेजों के बीच की कड़ी को define करता है। मार्कअप लैंग्वेज का उपयोग टैग के भीतर text documentation को define करने के लिए किया जाता है, जो वेब पेजों के Structure को define करता है।

CSS: Cascading Style Sheets को CSS के रूप में संदर्भित किया जाता है जो Web pages को present करने की प्रक्रिया को सरल बनाने के उद्देश्य से बनाई गई एक सरल भाषा है। CSS आपको वेब पेज पर styles को लागू करने की अनुमति देता है।

JavaScript: जावास्क्रिप्ट एक प्रसिद्ध स्क्रिप्टिंग लैंग्वेज है जिसका उपयोग यूजर्स के लिए साइट को इंटरैक्टिव बनाने के लिए किया जाता है। इसका उपयोग कूल गेम और वेब-आधारित सॉफ़्टवेयर चलाने के लिए वेबसाइट की कार्यक्षमता बढ़ाने के लिए किया जाता है।

Front End Frameworks and Libraries:

AngularJS: AngularJs एक जावास्क्रिप्ट ओपन-सोर्स फ्रंट-एंड फ्रेमवर्क है जो मुख्य रूप से सिंगल-पेज वेब एप्लिकेशन (SPAs) डेवलप करने के लिए उपयोग किया जाता है। यह एक निरंतर बढ़ती और विस्तारित फ्रेमवर्क है जो वेब एप्लीकेशन के डेवेलपमेंट के लिए बेहतर तरीके प्रदान करता है। यह Static HTML को Dynamic HTML में बदलता है। यह एक ओपन-सोर्स प्रोजेक्ट है जो फ्री हो सकता है। यह निर्देशों के साथ HTML attributes का विस्तार करता है|

React.js: React यूजर्स इंटरफ़ेस के निर्माण के लिए एक कुशल और लचीली जावास्क्रिप्ट लाइब्रेरी है। ReactJS एक ओपन-सोर्स, कंपोनेंट-आधारित फ्रंट-एंड लाइब्रेरी है जो केवल एप्लिकेशन की View layer के लिए जिम्मेदार है। इसका रखरखाव फेसबुक द्वारा किया जाता है।

Bootstrap: बूटस्ट्रैप responsive websites और web applications को बनाने के लिए एक open source और free tool है।

jQuery: jQuery एक ओपन-सोर्स जावास्क्रिप्ट लाइब्रेरी है जो HTML / CSS डॉक्यूमेंट, Document Object Model (DOM), और JavaScript के बीच की बातचीत को सरल करता है। शब्दों को विस्तृत करते हुए, jQuery HTML document ट्रैवर्सिंग, ब्राउज़र इवेंट हैंडलिंग, डोम एनिमेशन, अजाक्स इंटरैक्शन और क्रॉस-ब्राउज़र जावास्क्रिप्ट डेवलपमेंट को सरल करता है।

SASS: यह सबसे विश्वसनीय और मजबूत CSS एक्सटेंशन भाषा है। इसका उपयोग किसी साइट के मौजूदा CSS की कार्यक्षमता का विस्तार करने के लिए किया जाता है, जिसमें variables, inheritance, और nesting शामिल है।

Flutter: Flutter Google द्वारा मैनेज एक open source UI development SDK है। यह Dart प्रोग्रामिंग भाषा द्वारा संचालित है। यह single code base से मोबाइल (Ios, Android), Web, और Desktop के लिए अच्छे दिखने वाले एप्लिकेशन बनाता है। मार्च 2021 में Flutter ने Flutter 2 को announce किया|

कुछ अन्य libraries और frameworks – UI, Foundation, Materialize, Backbone.js, Ember.js आदि हैं।

Back End डेवलपमेंट क्या हैं? (What is back End Development?)

बैक-एंड, जिसे Server Side भी कहा जाता है, इसमें एक सर्वर होता है जो रिक्वेस्ट पर डेटा प्रदान करता है, यह डेटा को स्टोर और व्यवस्थित करता है, और यह भी सुनिश्चित करता है कि वेबसाइट क्लाइंट-साइड पर ठीक तरह से काम कर रही है या नहीं । यह वह वेबसाइट होती है जिसे आप देख और इंटरैक्ट नहीं कर सकते। यह सॉफ्टवेयर का वह भाग है जो यूजर्स के सीधे संपर्क में नहीं आता है। बैकएंड डिजाइनरों द्वारा विकसित भागों और विशेषताओं को अप्रत्यक्ष रूप से यूजर्स द्वारा फ्रंट-एंड एप्लिकेशन के माध्यम से एक्सेस किया जाता है। API लिखने, लाइब्रेरियाँ बनाने और यूजर्स इंटरफेस या वैज्ञानिक प्रोग्रामिंग के सिस्टम के बिना सिस्टम कंपोनेंट्स के साथ काम करने जैसी गतिविधियाँ भी बैकएंड में शामिल हैं।

Back End Languages:

PHP: PHP एक सर्वर-साइड स्क्रिप्टिंग लैंग्वेज है जिसे विशेष रूप से वेब डेवलपमेंट के लिए डिज़ाइन किया गया है। चूंकि PHP कोड सर्वर-साइड पर execute होता है, इसलिए इसे सर्वर-साइड स्क्रिप्टिंग लैंग्वेज कहा जाता है।

C ++: यह एक general-purpose प्रोग्रामिंग लैंग्वेज है इसका उपयोग बैकएंड लैंग्वेज के रूप में भी किया जाता है।

JAVA: जावा सबसे लोकप्रिय और व्यापक रूप से उपयोग की जाने वाली प्रोग्रामिंग भाषाओं और प्लेटफार्मों में से एक है। यह अत्यधिक स्केलेबल (scalable) है। इसमें Java components आसानी से उपलब्ध हैं।

Python: पायथन एक प्रोग्रामिंग भाषा है जो आपको जल्दी से काम करने देती है और सिस्टम को अधिक कुशलता से एकीकृत करती है।

JavaScript: जावास्क्रिप्ट का उपयोग दोनों (Frontend और Backend) प्रोग्रामिंग भाषाओं में किया जा सकता है।

Node.js: Node.js एक ओपन-सोर्स और क्रॉस-प्लेटफॉर्म रनटाइम लैंग्वेज है जो ब्राउज़र के बाहर जावास्क्रिप्ट कोड को execute करती है। NodeJS एक framework नहीं है, और ना ही यह एक प्रोग्रामिंग भाषा है। अधिकांश लोग इसे एक framework या programming language समझते हैं। वेब ऐप या मोबाइल ऐप जैसे बैक-एंड सर्विस के निर्माण के लिए Node.js का उपयोग किया जाता हैं। यह बड़ी कंपनियों जैसे कि Paypal, Uber, Netflix, Wallmart आदि में उपयोग किया जाता है।

Back End Frameworks:

• बैक-एंड फ्रेमवर्क की सूची इस प्रकार है: Express, Django, Rails, Laravel, Spring आदि।
• अन्य बैक-एंड प्रोग्राम / स्क्रिप्टिंग भाषाएं C #, Ruby, REST, GO, आदि हैं।

Difference between Front End and Back End

1. फ्रंटेंड और बैकएंड डेवलपमेंट एक दूसरे से काफी अलग हैं, लेकिन फिर भी, वे एक ही स्थिति के दो पहलू हैं। frontend वह है जो यूजर्स देखते हैं और उसके साथ interact करते हैं और बैकएंड यह बताता है कि यह सब कुछ कैसे काम करता है।
2. frontend वेबसाइट यूजर्स का एक हिस्सा है जो ग्राफ़िकल यूज़र इंटरफ़ेस (GUI) और कमांड लाइन जैसे डिज़ाइन, नेविगेट करने वाले मेनू, टेक्स्ट, इमेज, वीडियो आदि के साथ interact कर सकता है और देख सकता है। जबकि Backend वेबसाइट का वह भाग जिसे यूजर्स देख और इंटरैक्ट नहीं कर सकते हैं।
3. Frontend को ‘Client side Programming’ कहा जाता है जबकि Backend को ‘Server side Programming’ कहा जाता है|
4. वेबसाइट के visual पहलू जिन्हें यूजर्स द्वारा देखा और अनुभव किया जा सकता है, वे Frontend हैं। दूसरी ओर, background में होने वाली हर चीज को Backend के लिए जिम्मेदार ठहराया जा सकता है।
5. Frontend के लिए उपयोग की जाने वाली भाषाएं HTML, CSS, JavaScript हैं, जबकि Backend के लिए इस्तेमाल होने वाली भाषाएं Java, Ruby, Python, .Net. हैं।