अपने उद्यम आवेदन में AngularJS का उपयोग करने के 5 कारण

अपने उद्यम आवेदन में AngularJS का उपयोग करने के 5 कारण

उद्यम अनुप्रयोगों की दुनिया में वर्तमान स्थिति को एक शब्द में वर्णित किया जा सकता है: अराजकता।



पुराने कोड के साथ शुरू, जो N वर्षों के लिए डेवलपर से डेवलपर तक बिना किसी दस्तावेज के पास हुआ। बहुत जटिल इंटरफेस के लिए जो कोड को बहुत जटिल बनाते हैं। एक एकल अनुप्रयोग में एन प्रौद्योगिकियों को एक साथ मिलाने से पहले। आइए तथ्यों का सामना करें: जब ये चीजें बनाई गई थीं, तो किसी ने भी उनके समर्थन के बारे में नहीं सोचा था। आज हम एक समस्या का सामना कर रहे हैं - इन सभी अनुप्रयोगों को कैसे ठीक किया जाए? कहाँ से शुरू करें? उनके लिए सामान्य ज्ञान कैसे लाया जाए? उन्हें आधुनिक तकनीकी ढेर में कैसे लाया जाए?



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

1) धीरे-धीरे शुरू करें

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



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

2) डेवलपर्स द्वारा त्वरित अनुकूलन

तकनीक इतनी तेजी से बदल रही है कि समय के साथ चलना काफी चुनौती बन गया है। या तो आपके पास सीखने की सही विधियाँ हैं, या आप विभिन्न ओ'रिली किताबों को पढ़कर परेशान हैं और यह पता लगाने की कोशिश कर रहे हैं कि सभी चीजें कैसे काम करती हैं।



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



AngularJS के मामले में, भले ही आप जावास्क्रिप्ट MVC फ्रेमवर्क के बारे में पूरी तरह से कुछ भी नहीं जानते हैं, आप आधिकारिक AngularJS वेबसाइट को सुरक्षित रूप से खोल सकते हैं, प्रशिक्षण वीडियो देख सकते हैं (जिस तरह से बहुत अच्छा है) और लगभग 10 सबक (15-30 मिनट) के बाद आपको पता चल जाएगा कि कहां से शुरू करें और मॉडल, व्यू और कंट्रोलर (एमवीसी) का उपयोग करके एप्लिकेशन कैसे बनाएं, और, महत्वपूर्ण रूप से, यह सब परीक्षण करने में सक्षम हो।



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

3) प्रदर्शन और मापनीयता

सभी आवश्यक विवरणों के साथ जल्दी से एक परियोजना बनाने की क्षमता एक त्वरित शुरुआत और दक्षता की कुंजी है। मेरी स्मृति में ऐसी परियोजनाएँ थीं जब सबको स्थापित होने में लगभग एक सप्ताह का समय लगा और परियोजना के लिए आवश्यक सभी चीजों से खुद को परिचित किया। यह प्रदर्शन को धीमा कर देता है और स्पष्ट संकेत है कि कुछ गायब है।



इसे ठीक करने के लिए, हम योमन का उपयोग कर सकते हैं। येओमन एक वर्कफ़्लो है जिसमें टूल्स का एक संग्रह होता है जो आपको परियोजनाओं को जल्दी से शुरू करने, चलाने और इकट्ठा करने देता है।



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



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



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

4) टेस्ट परीक्षण

स्थिति: परियोजना में हजारों हैं, शायद कोड की हजारों लाइनें। तुम्हें ठीक बीच में फेंक दिया गया। कोई दस्तावेज नहीं है और एक नई सुविधा को लागू करने की तत्काल आवश्यकता है। आप कोड के साथ खिलवाड़ करना शुरू करते हैं और जल्द ही आपको पता चलता है कि कुछ और टूट गया है और आपको पता नहीं क्यों ... अब आपको घंटों बिताना होगा, शायद दिन भ्रमित कोड के आसपास घूमते हुए यह समझने के लिए कि आपके बदलावों ने कुछ और कैसे तोड़ दिया ... बुरा बहुत, बहुत बुरा।



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



यह बहुत उपयोगी है, क्योंकि आमतौर पर डेवलपर्स इस प्रकार कोड का एक नया टुकड़ा डालते हैं। वे 10-15 लाइनें जोड़ते हैं, बचाते हैं और बैम करते हैं, कुछ टूट जाता है। फिर वे कोड की 8 लाइनों या कुछ पर टिप्पणी करते हैं। सहेजें, पुनरारंभ करें, फिर भी काम नहीं कर रहा है? नहीं? स्पष्ट रूप से, त्रुटि इन 2-5 लाइनों में होनी चाहिए।



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

5) अच्छा सामुदायिक समर्थन

अक्सर आप कोड के एक टुकड़े में फंस जाते हैं और आपको पता नहीं चलता कि यह काम क्यों नहीं करता है। अब तक, समुदाय ने मुझे कभी निराश नहीं होने दिया जब समस्या को हल करने में मदद करने के लिए आया था। मैं Stackoverflow पर या Google समूह में एक प्रश्न पूछता हूँ और कुछ घंटों या मिनटों के बाद भी मुझे वह उत्तर मिलता है जिसकी मुझे आवश्यकता थी, कभी-कभी तो AngularJS की विकास टीम से भी! और यह न केवल आपकी मदद करता है, क्योंकि जब आपकी समस्या हल हो जाती है, तो अन्य डेवलपर्स अपने लिए इस समाधान का उपयोग कर सकते हैं। यह सीखने की प्रक्रिया और किसी भी संभावित विफलता का पता लगाने में तेजी लाता है। यह वास्तव में, अपने आप में एक प्रक्रिया है जो विकसित और विकसित होती रहती है।



निष्कर्ष: AngularJS की तरह एक बहुत ही आत्मविश्वासी जावास्क्रिप्ट MVC फ्रेमवर्क का उपयोग करना पुराने कोड की सफाई शुरू करने का एक शानदार तरीका है, छोटे से शुरू करना और अपने प्रोजेक्ट में पवित्रता लाना। यदि आपकी विकास टीम सबसे आगे नहीं है, तो वे अपनी गति से ऑनलाइन AngularJS प्रशिक्षण ले सकते हैं और इसका उपयोग करना सीख सकते हैं। जब वे विकास के लिए तैयार होते हैं, तो वे योमन को चालू कर सकते हैं और कुछ ही मिनटों में एंगुलरजेएस , ट्विटर बूटस्ट्रैप , कर्मा टेस्ट रनर और कई अन्य अच्छाइयों का उपयोग करके इस "अपग्रेड" का उपयोग करना शुरू कर सकते हैं। जब कोई डेवलपर निर्माण करना शुरू करता है, तो वह AngularJS में जो कुछ भी बनाता है, उसके लिए इकाई परीक्षण और परीक्षण स्क्रिप्ट बनाने के लिए परीक्षण के माध्यम से विकास पद्धति का उपयोग कर सकता है। यह गारंटी देगा कि यदि भविष्य में कोई व्यक्ति इस परियोजना में शामिल होता है और परिवर्तन करना चाहता है, तो उसके लिए ऐसा करना बहुत आसान होगा। और उसके कोड का क्या प्रभाव पड़ेगा इसकी एक बड़ी समझ के साथ।



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