angularjs tutorial absolute beginners
AngularJS का परिचय: AngularJS क्या है, इसके लाभ, सुविधाएँ, और डाउनलोड और स्थापना गाइड कैसे करें
AngularJS एक प्रोग्रामिंग भाषा है जो आजकल लोकप्रिय हो रही है।
यह 2018 है, और तकनीकी प्रगति इस वर्ष अपने चरम पर है। प्रोग्रामिंग भाषाओं जैसे पायथन, एंगुलरजेएस, रूबी ऑन रेल्स, रिएक्ट और रिडक्स जेएस, आदि की मांग की गई है।
अगर आपको इन प्रोग्रामिंग लैंग्वेज में से किसी एक के साथ-साथ JAVA या C ++ जैसी पुरानी भाषाओं के साथ आसानी से जॉब मिल जाए तो आप आसानी से नौकरी पा सकते हैं। अपने प्रोग्रामिंग भाग को उच्च रखने के लिए नए प्रोग्रामिंग रुझानों के साथ अद्यतित होना बहुत महत्वपूर्ण है।
हमारी AngularJS की श्रृंखला ट्यूटोरियल आपको AngularJS की पूरी जानकारी देंगे।
******************************* *************************
इन 6 ट्यूटोरियल के साथ जल्दी सीखें AngularJS:
ट्यूटोरियल # 1 - AngularJS का परिचय (यह ट्यूटोरियल)
ट्यूटोरियल # 2 - उदाहरण के साथ कोणीयजेएस निर्देश
ट्यूटोरियल # 3 - AngularJS का उपयोग करके सिंगल पेज एप्लिकेशन का निर्माण करें
ट्यूटोरियल # 4 - कोणीय संस्करणों के बीच अंतर
ट्यूटोरियल # 5 - एंगुलरजेएस एप्स के एंड-टू-एंड टेस्टिंग के लिए प्रोटेक्टर टूल
ट्यूटोरियल # 6 - शीर्ष AngularJS साक्षात्कार प्रश्न
******************************* *************************
संगठन अपनी उत्पादकता के आधार पर लोगों को रोजगार देने की कोशिश करते हैं। यदि कोई व्यक्ति कम समय में कोड विकसित करने और आउटपुट देने में सक्षम है, तो जाहिर है उसे दूसरों पर बढ़त मिलती है।
वर्तमान बाजारों में मांग को ध्यान में रखते हुए, वास्तविक दुनिया के ऐप्स को सीखने और बनाने के लिए एक पूर्ण शुरुआत के लिए समय के साथ, अभी सीखने के लिए सबसे अच्छी प्रोग्रामिंग भाषा है, AngularJS।
श्रृंखला के साथ शुरू करने के लिए, चलो एक संक्षिप्त है एंगुलरजेएस का परिचय।
आप क्या सीखेंगे:
- AngularJS क्या है?
- जब AngularJS चित्र में आया?
- क्यों AngularJS?
- लर्निंग AngularJS के लिए पूर्व आवश्यक
- AngularJS की विशेषताएं
- अभिव्यक्ति में AngularJS
- AngularJS फ़िल्टर
- AngularJS के साथ काम करने के लिए पर्यावरण को कैसे सेटअप करें?
- आपका पहला आवेदन
- AngularJS की सीमाएं
- निष्कर्ष
- अनुशंसित पाठ
AngularJS क्या है?
AngularJS एक जावास्क्रिप्ट फ्रेमवर्क है जो क्लाइंट साइड पर संचालित होता है और इसका उपयोग वेब एप्लिकेशन विकसित करने के लिए किया जाता है।
इसका मतलब है कि आपके द्वारा लिखा गया कोड ब्राउज़र द्वारा निष्पादित किया जाएगा न कि सर्वर द्वारा। यह एक लोकप्रिय और शक्तिशाली जावास्क्रिप्ट फ्रेमवर्क है और व्यापक रूप से सिंगल पेज एप्लिकेशन प्रोजेक्ट्स और व्यावसायिक अनुप्रयोगों की लाइन में उपयोग किया जाता है।
इसके कारण, विभिन्न AngularJs अनुप्रयोग विकास कंपनियां अब मांग में हैं।
जब AngularJS चित्र में आया?
वेब विकास वितरित अनुप्रयोगों को बनाने के लिए सबसे पसंदीदा और लागत प्रभावी तरीकों में से एक है।
एक मशीन पर एक बार की गई तैनाती को विश्वव्यापी वेब पर सभी उपयोगकर्ताओं के लिए सुलभ बनाया जा सकता है। प्रदर्शन के मुद्दों में से एक पृष्ठ पोस्टिंग मुद्दा था जिसके परिणामस्वरूप क्लाइंट और सर्वर के बीच संचार अंतराल था।
एंगुलरजेएस को इस तरह के मुद्दों से निपटने में मदद करने के लिए 2009 में मिस्को और एडम एब्रोन्स द्वारा विकसित किया गया था और तब से इसे Google द्वारा बनाए रखा जा रहा है। यह एक ओपन सोर्स प्रोजेक्ट है, जिसका अर्थ है कि आप इसे स्वतंत्र रूप से उपयोग और साझा कर सकते हैं।
कई वेब एप्लिकेशन का निर्माण गर्भाधान के बाद से किया जा रहा है और कई एप्लिकेशन इसके सूचीबद्ध हैं वेबसाइट ।
क्यों AngularJS?
हमारे पास पहले से ही कई जावास्क्रिप्ट फ्रेमवर्क हैं जैसे कि रिएक्ट जेएस, नोड जेएस, बैकबोन जेएस, आदि। लेकिन फिर भी, हम मौजूदा लोगों को एंगुलरजेएस क्यों पसंद करते हैं?
जब आप AngularJS का उपयोग करके वेब पेज विकसित करते हैं, तो उपयोगकर्ता द्वारा वेबपेज पर किए जाने वाले संचालन के कारण पृष्ठ अक्सर ताज़ा नहीं होंगे। यह, बदले में, वेबपेज के माध्यम से उपयोगकर्ताओं को तेजी से आउटपुट देने के लिए आवश्यक है।
लेकिन AngularJS इसे कैसे प्राप्त करता है?
AngularJS के लाभ जो नीचे बताए गए हैं, उपरोक्त प्रश्नों के उत्तर देंगे।
नीचे सूचीबद्ध के रूप में कई लाभ हैं:
(1) निर्भरता इंजेक्शन
सॉफ्टवेयर इंजीनियरिंग में, निर्भरता इंजेक्शन, एप्लिकेशन और क्लाइंट के बीच वस्तुओं के पारित होने को संदर्भित करता है।
इंजेक्शन एक आश्रित वस्तु (एक ग्राहक कहते हैं) के लिए एक निर्भरता (एक आवेदन सेवा) कहने की घटना है जो इसका उपयोग करेगा। AngularJS इस उद्देश्य को सरलता में प्राप्त करने के लिए कई मुख्य घटक प्रदान करता है।
# 2) मॉडल व्यू कंट्रोलर
AngularJS का उपयोग रिच इंटरनेट एप्लिकेशन (RIA) बनाने के लिए किया जाता है, और Angular JS में MVC (मॉडल व्यू कंट्रोलर) आर्किटेक्चर के कारण दो-तरफ़ा डेटा बाइंडिंग प्राप्त करने योग्य है।
इस वास्तुकला का एक मूल चित्रण नीचे दिखाया गया है:
AngularJS के लिए MVC मॉडल
डेवलपर्स के रूप में, हमें बस अपने कोड को मॉडल, व्यू, और कंट्रोलर में विभाजित करना होगा और बाकी ऑपरेशंस जैसे कि कंपोनेंट्स को मैनेज करना और उन्हें आपस में कनेक्ट करना ऑटोमैटिक रूप से AngularJS द्वारा किया जाएगा।
# 3) टू-वे डेटा बाइंडिंग
सॉफ़्टवेयर परिवर्तन उत्तरदायी होने चाहिए, और सिस्टम के भीतर परिवर्तन उपयोगकर्ता इंटरफ़ेस में परिवर्तन करने के लिए और इसके अलावा सटीक और गति के साथ होने चाहिए।
एंगुलरजेएस इस तरह के बंधन को मॉडल और दृश्य के बीच समन्वयित करके प्रदान करता है।
# 4) परीक्षण
इस तथ्य को जानना दिलचस्प है कि एंगुलरजेएस को शुरू से ही परीक्षण को ध्यान में रखते हुए डिजाइन किया गया था।
AngularJS के किसी भी घटक को यूनिट परीक्षण और अंत परीक्षण के अंत दोनों का उपयोग करके आराम से परीक्षण किया जा सकता है। एप्लिकेशन को परीक्षण उद्देश्यों के लिए ब्राउज़रों में ले जाया जा सकता है।
# 5) DOM तत्वों के व्यवहार को नियंत्रित करना
AngularJS की विशेषताओं को निर्देशों से जोड़ा जा सकता है ताकि आवेदन का स्वत: आरंभ संभव हो सके।
विंडोज 7 के लिए मुफ्त अनुकूलन सॉफ्टवेयर
इसका मतलब यह है कि एंगुलरजेएस में मोड्युलैरिटी है और इसकी विशेषताओं जैसे निर्देश और फिल्टर की मदद से कोड में अनुकूलन और लचीलेपन की भावना हासिल की जा सकती है।
अब, हमने उन सभी सवालों के जवाबों को देखा है - जो कुछ नया सीखने में आशंकाओं के परिणामस्वरूप उत्पन्न हो सकते हैं, और मुझे लगता है कि हम जाना चाहते हैं।
एक तकनीकी प्रवृत्ति सीखना हमेशा बेहतर होता है और अपने करियर को सबसे अधिक बनाने के लिए अक्सर खुद को अपडेट करते रहते हैं और यह भी कि हमारे लिए जिज्ञासु मन हमेशा ज्ञान के लिए प्यासा रहता है।
लर्निंग AngularJS के लिए पूर्व आवश्यक
अपनी सीखने की गति को बढ़ाने के लिए कुछ बातों को पहले से जानना महत्वपूर्ण और लाभप्रद है।
HTML और CSS का उपयोग आपके अपने वेब पेज बनाने के लिए किया जा सकता है ताकि उन पर परीक्षण किया जा सके। AngularJS में कोड करने के लिए जावास्क्रिप्ट की बुनियादी समझ होना जरूरी है।
इसलिए, AngularJS के साथ शुरुआत करने से पहले जावास्क्रिप्ट को लागू करने की अवधारणाओं के साथ HTML और CSS की एक बुनियादी समझ प्राप्त करना उचित है।
AngularJS की विशेषताएं
AngularJS भाषा में ऐसे कई प्रसाद हैं जो अद्वितीय और अनन्य हैं। एंगुलरजेएस में कोड लिखने और निष्पादित करने के लिए वातावरण स्थापित करने से पहले अपने आप को इनसे परिचित होना बेहतर है।
MVC आर्किटेक्चर
कोड कैसे काम करता है, यह समझने के लिए, AngularJS के मॉडल-व्यू-कंट्रोलर डिज़ाइन को समझना होगा।
MVC इस प्रोग्रामिंग भाषा का मूल रूप है और इसलिए यह बहुत महत्वपूर्ण है। जब भी कोई घटना होती है, तो कोडबेस का नियंत्रक भाग उस घटना का इनपुट प्राप्त करता है जिसमें आवेदन के लिए विभिन्न अनुरोध होते हैं।
कोडबेस का मॉडल हिस्सा, जो आमतौर पर मुख्य तर्क है, नियंत्रक के साथ समन्वय करता है और आवश्यक डेटा तैयार करता है जिसका उपयोग दृश्यमान उत्पादन करने योग्य दृश्य उत्पन्न करने के लिए किया जाता है। इसलिए प्रोग्रामिंग लैंग्वेज आर्किटेक्चर के भीतर चिंताओं का अलगाव होता है क्योंकि यह यूआई लेयर से एप्लिकेशन लॉजिक को अलग करता है।
यही कारण है कि एंगुलरजेएस का व्यापक रूप से सिंगल पेज एप्लिकेशन (एसपीए) के विकास में उपयोग किया जाता है।
निर्देशों
AngularJS वेब पेज बनाने के लिए HTML कोड के साथ एकीकृत है, और 'निर्देश' AngularJS के विशेष गुण हैं और इन्हें एकीकृत करने के लिए उपयोग किया जाता है।
अभिव्यक्ति में AngularJS
AngularJS अभिव्यक्तियों में पारंपरिक जावास्क्रिप्ट के विपरीत शाब्दिक, ऑपरेटर या चर शामिल हो सकते हैं।
उन्हें स्वयं HTML टैग के अंदर लिखा जा सकता है, लेकिन एनजी-ऐप निर्देश को जोड़ने के लिए ध्यान रखना होगा, अन्यथा अभिव्यक्ति को प्रदर्शित किया जाएगा जैसा कि हल किया गया है।
AngularJS भाव डबल घुंघराले ब्रेसिज़ के अंदर लिखे जा सकते हैं या एक निर्देश के अंदर लिखे जा सकते हैं।
वाक्य - विन्यास:
घुंघराले ब्रेसिज़ के अंदर:
My first expression in Angular JS: {{3+3}}
अंदर का निर्देश:
AngularJS नंबर
यह डेटाटाइप जावास्क्रिप्ट डेटाटाइप की तरह ही है और ऑपरेटरों को परिणाम प्रदर्शित करने के लिए इस्तेमाल किया जा सकता है।
उदाहरण:
The value of 5 times 10 is : {{5*10}}
AngularJS स्ट्रिंग्स
एनजी-इनिट डायरेक्टिव या एनजी-कंट्रोलर डायरेक्टिव का उपयोग करके स्ट्रिंग्स को इनिशियलाइज़ किया जा सकता है। स्ट्रिंग का संयोजन भी संभव है जब अभिव्यक्ति के भीतर + ऑपरेटर का उपयोग किया जाता है।
स्ट्रिंग्स को डबल घुंघराले ब्रेस के भीतर भाव के रूप में भी इस्तेमाल किया जा सकता है या एनगुलरजस नंबरों की तरह एनजी-बाइंड निर्देश का उपयोग कर सकते हैं।
वाक्य - विन्यास:
घुंघराले ब्रेसिज़ के अंदर:
My first string expression in Angular JS: {{ first string variable name + second string variable name }}
