Bootstrap क्या है? पूरी जानकारी हिंदी में
Bootstrap फ्रंट-एंड डेवलपर्स के लिए एक आवश्यक उपकरण बन गया है।
लेकिन Bootstrap क्या है?
आप जानते हैं कि यह उपयोगी है, लेकिन इसका उपयोग किस लिए किया जाता है, और यह वेब डेवलपर्स को वास्तव में कैसे मदद करता है?
वेब ऐप डेवलपमेंट टूलकिट पूर्व ट्विटर कर्मचारियों मार्क ओटो और जैकब थॉर्नटन द्वारा बनाया गया था।
आधिकारिक Bootstrap वेबसाइट Bootstrap का वर्णन करती है:
"वेब पर उत्तरदायी, मोबाइल पहली परियोजनाएँ विकसित करने के लिए सबसे लोकप्रिय HTML, CSS और JS फ्रेमवर्क।"
आम आदमी की शर्तों में:
Bootstrap HTML, CSS और जावास्क्रिप्ट में लिखे गए कोड के आसान, पुन: प्रयोज्य बिट्स का एक विशाल संग्रह है। यह एक फ्रंट-एंड डेवलपमेंट फ्रेमवर्क है जो डेवलपर्स और डिजाइनरों को पूरी तरह उत्तरदायी वेबसाइट बनाने में सक्षम बनाता है।
Bootstrap आपको बहुत CSS कोड लिखने से बचाता है, जिससे आपको डिजाइनिंग वेबपेजों पर खर्च करने के लिए अधिक समय मिलता है।
यह भी मुफ़्त है!
यह वर्तमान में GitHub पर होस्ट किया गया है और इसे getBootstrap.com से आसानी से डाउनलोड किया जा सकता है।
वेब डेवलपर्स के लिए Bootstrap important क्यों है?
आइए फायदे को 8 भागों में विभाजित करें:
1. Bootstrap की उत्तरदायी ग्रिड
अपने स्वयं के ग्रिड को कोड करने में अधिक खर्च करने वाले घंटे नहीं हैं - Bootstrap अपने स्वयं के ग्रिड सिस्टम के साथ आता है जो पूर्वनिर्धारित है!
अब, आप अपने कंटेनरों को सामग्री के साथ भरने के लिए सीधे प्राप्त कर सकते हैं।
प्रत्येक स्तंभ के लिए कस्टम ब्रेकप्वाइंट को परिभाषित करना उनके अतिरिक्त छोटे, छोटे, मध्यम, बड़े और अतिरिक्त बड़े ब्रेक का उपयोग करते हुए एक स्नैप है। आप बस डिफ़ॉल्ट पर भी चिपके रह सकते हैं क्योंकि यह आपकी साइट की जरूरतों को पूरा कर सकता है।
2. Bootstrap की उत्तरदायी छवियां
वर्तमान स्क्रीन आकार के आधार पर छवियों को स्वचालित रूप से आकार देने के लिए Bootstrap अपने स्वयं के कोड के साथ आता है। बस अपनी छवियों के लिए .img- उत्तरदायी वर्ग जोड़ें, और पूर्वनिर्धारित सीएसएस नियम बाकी का ख्याल रखें।
Bootstrap आप के लिए अपनी छवियों का आकार दें!
यह आपकी छवियों के आकार को भी बदल सकता है जैसे कि img-Circle और img-rounded जैसी कक्षाओं के अलावा, और वह कोड और आपके डिज़ाइन सॉफ़्टवेयर के बीच आगे-पीछे नहीं हो सकता है।
3. Bootstrap के घटक
Bootstrap घटकों के एक पूरे बैरल के साथ आता है जिसे आप आसानी से अपने वेब पेज पर देख सकते हैं, जिसमें शामिल हैं:
नेविगेशन बार
dropdown
progress bar
थंबनेल
…और अधिक!
न केवल अपने वेबपेज में आंखों को पकड़ने वाले डिजाइन तत्वों को जोड़ने के लिए यह एक हवा है, आप यह जानकर भी निश्चिंत हो जाएंगे कि उनमें से हर एक को कोई फर्क नहीं पड़ेगा, स्क्रीन साइज या डिवाइस उन्हें देखने के लिए उपयोग किए जाते हैं।
आपकी उंगलियों पर यह बहुत ही तैयार कार्यक्षमता है!
4. Bootstrap का जावास्क्रिप्ट
Bootstrap भी डेवलपर्स को एक दर्जन से अधिक कस्टम JQuery प्लगइन्स का लाभ उठाने की अनुमति देता है। JQuery आपको इंटरएक्टिविटी के साथ खेलने के लिए और भी अधिक जगह देता है, जो कि मोडल पॉपअप, ट्रांज़िशन, इमेज हिंडोल्स के लिए आसान समाधान पेश करता है, और मेरे व्यक्तिगत पसंदीदा में से एक है- स्क्रॉलपीसी नामक एक प्लगइन, जो एक पृष्ठ पर स्क्रॉल करते ही आपके नेविगेशन बार को स्वचालित रूप से अपडेट करता है।
5. Bootstrap का प्रलेखन
Bootstrap का दस्तावेज़ीकरण मेरे द्वारा देखे गए कुछ सर्वोत्तम है। कोड का हर टुकड़ा उनकी वेबसाइट पर स्पष्ट विवरण में वर्णित और समझाया गया है।
स्पष्टीकरण में बुनियादी कार्यान्वयन के लिए कोड के नमूने भी शामिल हैं, यहां तक कि शुरुआती के सबसे शुरुआती के लिए प्रक्रिया को सरल करना। आपको केवल एक घटक चुनने की जरूरत है, अपने पेज में कोड को कॉपी और पेस्ट करें, और वहां से ट्वीक करें।
ये भी पढ़ें :
Javascript क्या है ? सीखें हिंदी में |
बेस्ट प्रोग्रामिंग भाषाओ के बारे में जाने
6. Bootstrap का अनुकूलन
मुख्य आलोचकों में से एक जब Bootstrap जैसे फ्रेमवर्क की बात आती है, तो उनका आकार है - वे जो वजन फेंकते हैं, वह वास्तव में आपके लोड को पहले लोड पर धीमा कर सकता है। उदाहरण के लिए, Bootstrap की सीएसएस फ़ाइल का वर्तमान संस्करण 119 केबी का है। हालांकि यह छवि और वीडियो फ़ाइलों की तुलना में विशेष रूप से बड़ा नहीं लग सकता है, सीएसएस फ़ाइल के लिए, यह बहुत बड़ा है!
Bootstrap आपको इससे निपटने के लिए क्या करने की अनुमति देता है, हालांकि, यह अनुकूलित है कि आप किस कार्यक्षमता को अपने डाउनलोड में शामिल करना चाहते हैं। बस उनके अनुकूलित और डाउनलोड पृष्ठ पर जाकर, आप उन सुविधाओं की जांच कर सकते हैं जिनकी आपको अपने आवेदन के लिए आवश्यकता नहीं है, अपनी फ़ाइल का वजन कम करने और अपने उपयोगकर्ताओं को अतिरिक्त लोड समय बचाने के लिए।
7. Bootstrap का समुदाय
इतने सारे ओपन-सोर्स प्रोजेक्ट्स के साथ, Bootstrap में इसके पीछे डिजाइनरों और डेवलपर्स का एक बड़ा समुदाय है। GitHub पर होस्ट किए जाने से डेवलपर्स के लिए Bootstrap के कोडबेस को संशोधित करना और योगदान करना आसान हो जाता है। यह लोगों के लिए सहयोग करना, उनकी सलाह देना और साथियों और साथी उपयोगकर्ताओं के साथ बातचीत करना भी आसान बनाता है।
Bootstrap में एक सक्रिय ट्विटर पेज, एक Bootstrap ब्लॉग और यहां तक कि एक समर्पित स्लैक रूम भी है। और स्टैक ओवरफ्लो पर तकनीकी समस्याओं के साथ मदद करने के इच्छुक डेवलपर्स के धन में भी नहीं मिलता है, जहां Bootstrap -4 टैग के तहत सभी प्रश्न मिल सकते हैं।
8. Bootstrap के बाहरी टेम्पलेट
जैसे ही Bootstrap की लोकप्रियता बढ़ी, लोगों ने वेब डेवलपमेंट प्रक्रिया को और भी तेज करने के लिए Bootstrap पर आधारित टेम्पलेट बनाना शुरू कर दिया। Bootstrap के आधार पर कस्टम टेम्पलेट्स को साझा करने और खरीदने के लिए समर्पित कई वेबसाइट हैं।
आपको Bootstrap का उपयोग क्यों नहीं करना चाहिए?
अब तक, आप शायद सोच रहे हैं कि Bootstrap का उपयोग करना एक बिना दिमाग वाला है!
लेकिन याद रखें कि हर सिक्के के दो पहलू होते हैं।
जीवन में सब कुछ की तरह, यहां तक कि Bootstrap के भी डाउनसाइड हैं।
आइए Bootstrap के बारे में कुछ सामान्य शिकायतों पर एक नज़र डालें:
Bootstrap सिंटेक्स भ्रमित कर रहा है!
इससे पहले कि आप Bootstrap से परिचित हों, इसके कुछ वाक्यविन्यास भ्रमित हो सकते हैं। ग्रिड सिस्टम का उपयोग करते समय, उदाहरण के लिए, स्क्रीन के एक तिहाई तक एक कॉलम बनाने के लिए, आपको इसमें .col-md-4 वर्ग जोड़ना होगा।
4? यह 4 कहां से आए ?!
निस्संदेह, चार आपको विश्वास दिला सकते हैं कि कॉलम स्क्रीन का एक चौथाई हिस्सा लेगा - एक तिहाई नहीं। जबकि यह वाक्य रचना समझ में आता है (Bootstrap एक 12-कॉलम सिस्टम का उपयोग करता है, और 4 12 की एक तिहाई है), यह पूरी प्रक्रिया के लिए उन नए के लिए अनजाने हो सकता है।
Bootstrap फाइलें बहुत बड़ी हैं!
जैसा कि पहले उल्लेख किया गया है, Bootstrap फाइलें थोड़ी हो सकती हैं, अच्छी तरह से, इसकी रूपरेखा द्वारा की गई सरासर कार्यक्षमता के लिए खाते में बड़ी। इससे वेबसाइटों के लिए लोड समय में वृद्धि हो सकती है, खासकर धीमी नेटवर्क पर।
शुरुआती लोगों के पास इस मुद्दे को पहचानने और ठीक करने का कठिन समय हो सकता है; हालाँकि, जैसा कि ऊपर उल्लेख किया गया है, Bootstrap की वेबसाइट पर अनुकूलित टूल उन कार्यों के लिए किसी अनावश्यक कोड को समाप्त करने में मदद कर सकता है जिनका आप कभी उपयोग नहीं करते हैं।
बूटस्ट्रैप- क्या यह आपका रास्ता है!
बस आप की जरूरत है और बाकी छोड़ बिट्स उठाओ। (निश्चित रूप से, यह कार्य आसान हो जाता है जितना आप कोडिंग के बारे में जानते हैं!)
Bootstrap मुझे वास्तव में सीखने के लिए प्रेरित करता है!
हमेशा यह जोखिम होता है कि Bootstrap का उपयोग करके, आप वास्तव में इसे समझे बिना मौजूदा कोड को पुन: चक्रित करने के चक्र में पहुंच जाएंगे। वास्तव में आप क्या कर रहे हैं, यह जानने के लिए समय बिताने से, आप Bootstrap का उपयोग अपने सीखने में तेजी लाने के बजाय, इसे रोकने के बजाय कर सकते हैं।
Conlusion:
जैसा कि आपने शायद अब तक देखा है, Bootstrap एक शक्तिशाली उपकरण है जो एक डेवलपर को जल्दी और दर्द से उठने और चलने की अनुमति देता है। यह कई महान विशेषताओं को एकीकृत करना आसान बनाता है जो उपयोगकर्ता के इंटरैक्शन को खरोंच से कोड किए बिना वेब के साथ समृद्ध करता है।
