एक फ्रंट-एंड फ्रेमवर्क क्या है और क्यों एक का उपयोग करें?

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

अपनी वेबसाइट के सामने के अंत के निर्माण के लिए एक ढांचा का उपयोग करने के कई फायदे हैं (और बूट करने के लिए बहुत आसान है!)। चलो आगे क्या सामने के चौखटे रहे हैं और क्यों आप उन्हें अपने वेब विकास के काम में शामिल करने पर विचार करना चाहिए

एक फ्रंट-एंड फ्रेमवर्क क्या है?

इसे "सीएसएस ढांचे" के रूप में भी संदर्भित किया जाता है, ये संकुल में पूर्व-लिखित, मानकीकृत कोड में फ़ाइलें और फ़ोल्डर्स हैं। वे आपको अभी भी अंतिम डिजाइन के साथ लचीलेपन की अनुमति देते हुए निर्माण करने के लिए आधार प्रदान करते हैं।

आम तौर पर, सामने के ढांचे में निम्नलिखित घटकों होते हैं:

• एक ग्रिड जो आपकी वेबसाइट के डिजाइन तत्वों को व्यवस्थित करने के लिए सरल बनाता है

• परिभाषित फ़ॉन्ट शैलियाँ और आकार जो कि इसके फ़ंक्शन के आधार पर भिन्न होता है (शीर्षक, बनाम पैराग्राफ, आदि के लिए अलग-अलग टाइपोग्राफी) > साइड पैनल, बटन और नेविगेशन सलाखों जैसे पूर्व निर्मित वेबसाइट घटकों

• आपके द्वारा चुने गए विशिष्ट ढांचे के आधार पर, बहुत कुछ है जो वे भी सक्षम हैं

मुझे एक का उपयोग क्यों करना चाहिए?

आपके सभी कोड को खरोंच से शुरू करने के बजाय सामने वाले ढांचे का उपयोग करने के लिए कई अच्छे कारण हैं:

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

• अतिरिक्त घटकों को जोड़ें जो आपके पास अन्यथा नहीं हो सकते हैं अपने आप के लिए कोई अतिरिक्त परेशानी न किए, किसी अन्य बटन या दो पर हमला करने का विकल्प हमेशा अच्छा होता है

• सुनिश्चित करें कि कोड काम करता है अपने खुद के कोड को लिखने के लिए बहुत समय बिताने के बजाय यह पता चलता है कि यह काम नहीं करता है (या 60% वेब ब्राउज़र के साथ संगत नहीं है), आपको पता चल जाएगा कि आप पूर्व-परीक्षण, कार्यात्मक कोड का उपयोग कर रहे हैं

• आगे बढ़ने से पहले, मैं यह भी स्पष्ट करना चाहता हूं कि कैसे

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

सभी सीएसएस चौखटे समान नहीं बनाए जाते हैं, इसलिए अपनी शोध करना सुनिश्चित करें जिसके बारे में सबसे अच्छा आपकी अद्वितीय ज़रूरतों को पूरा करता है यहां शीर्ष पांच की एक त्वरित अवलोकन है:

बूटस्ट्रैप: वहां से सबसे लोकप्रिय एक। आपके प्रश्नों के उत्तर पाने के लिए गिथूब पर बहुत से सितारे हैं और कई संसाधन हैं। आसान लोगों में से एक का उपयोग करना है, लेकिन कुछ का कहना है कि इसमें एक विशिष्ट "बूटस्ट्रैप" देखो है

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

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

सिमेंटिक UI: संक्षिप्त, सहज, और आपके कोड को अच्छा और सरल डीबग करना बनाता है आपको बहुत सारी डिज़ाइन की स्वतंत्रता और अपनी आवश्यकताओं के अनुकूल बनाता है।

UI किट: आईओएस क्षुधा के विकास में रुचि रखने के लिए उपयोग करने के लिए ढांचे

एक बुनियादी शैली है जो आपकी खुद की साइट को विकसित करना आसान बनाता है।

निष्कर्ष

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