शुरुआती लोगों के लिए AngularJS ट्यूटोरियल

द्वारा: जेम्स हार्टमैन जेम्स हार्टमैन
Hours Updated

AngularJS ट्यूटोरियल सारांश

यह शुरुआती लोगों के लिए AngularJS ट्यूटोरियल है, जो AngularJS को स्क्रैच से सीखने के लिए चरण-दर-चरण गाइड है। यह AngularJS ट्यूटोरियल गाइड आपको AngularJS की मूल बातें और निर्देश, फ़िल्टर, एक्सप्रेशन आदि जैसे घटकों को सीखने और SPA के लिए इसके प्रोग्रामिंग पहलू का अधिक पता लगाने में मदद करेगा।

एंगुलरजेएस क्या है?

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

AngularJS पाठ्यक्रम

शुरुआती लोगों के लिए AngularJS की मूल बातें

👉 Less1 पर एंगुलरजेएस क्या है? - परिचय, Archiतकनीक और विशेषताएं
👉 Less2 पर AngularJS हैलो वर्ल्ड — आपका पहला AngularJS प्रोग्राम
👉 Less3 पर AngularJS नियंत्रक ट्यूटोरियल — क्या है, कैसे बनाएं उदाहरण सहित

AngularJS स्कोप मॉडल दृश्य

👉 Less1 पर कोणीय क्षेत्र — AngularJS में $Scope क्या है? उदाहरण के साथ ट्यूटोरियल
👉 Less2 पर एनजीदोहराएँ — उदाहरण के साथ AngularJS ng-repeat डायरेक्टिव
👉 Less3 पर एनजीमॉडल — उदाहरण के साथ AngularJS में “ng-model” का उपयोग कैसे करें
👉 Less4 पर एनजीव्यू — AngularJS ng-view उदाहरण के साथ

AngularJS अभिव्यक्तियाँ

👉 Less1 पर AngularJS अभिव्यक्तियाँ — ARRAY, ऑब्जेक्ट्स, $eval, स्ट्रिंग्स [उदाहरण]
👉 Less2 पर AngularJS फ़िल्टर उदाहरण — लोअरकेस, अपरकेस और JSON
👉 Less3 पर AngularJS कस्टम फ़िल्टर — उदाहरण के साथ AngularJS में कस्टम फ़िल्टर कैसे बनाएं
👉 Less4 पर उदाहरण के साथ AngularJS निर्देश - एनजी-इनिट, एनजी-रिपीट, एनजी-ऐप, एनजी-मॉडल
👉 Less5 पर AngularJS में कस्टम निर्देश — कस्टम डायरेक्टिव कैसे बनाएं? [उदाहरण]

AngularJS की बुनियादी बातें चरण दर चरण

👉 Less1 पर एंगुलरजेएस मॉड्यूल — उदाहरण के साथ AngularJS मॉड्यूल ट्यूटोरियल
👉 Less2 पर AngularJS इवेंट - एनजी-क्लिक, एनजी-शो, एनजी-छिपाएं निर्देश [उदाहरण]
👉 Less3 पर पैरामीटर्स के साथ AngularJS रूटिंग — एकल पृष्ठ आवेदन उदाहरण
👉 Less4 पर AngularJS $resource और $http — $resource, $http का उपयोग करके AngularJS AJAX कॉल [उदाहरण]
👉 Less5 पर AngularJS तालिका — सॉर्ट, ऑर्डरबाय और अपरकेस फ़िल्टर [उदाहरण]
👉 Less6 पर सबमिट पर AngularJS फॉर्म सत्यापन — उदाहरण सहित फॉर्म
👉 Less7 पर AngularJS फॉर्म सबमिट उदाहरण — ng-submit का उपयोग करके फॉर्म कैसे सबमिट करें
👉 Less8 पर AngularJS में ng-include — HTML फ़ाइल को कैसे शामिल करें [उदाहरण]
👉 Less9 पर AngularJS निर्भरता इंजेक्शन — कौन से घटक इंजेक्ट किए गए

संबंधित आलेख

AngularJS उन्नत सामग्री!

👉 Less1 पर AngularJS यूनिट परीक्षण — कर्मा जैस्मीन ट्यूटोरियल
👉 Less2 पर प्रोट्रैक्टर परीक्षण ट्यूटोरियल — स्वचालन उपकरण फ्रेमवर्क
👉 Less3 पर AngularJS बनाम Angular 2 बनाम Angular 4 - क्या फर्क पड़ता है?
👉 Less4 पर रिएक्ट बनाम एंगुलर — 10 सबसे महत्वपूर्ण अंतर जो आपको जरूर जानना चाहिए!

AngularJS साक्षात्कार प्रश्न, पुस्तकें और ट्यूटोरियल पीडीएफ

👉 Less1 पर AngularJS साक्षात्कार प्रश्न — शीर्ष 75 AngularJS साक्षात्कार प्रश्न और उत्तर
👉 Less2 पर AngularJS पुस्तकें — शुरुआती और विशेषज्ञों के लिए 10 सर्वश्रेष्ठ AngularJS पुस्तकें
👉 Less3 पर AngularJS ट्यूटोरियल पीडीएफ — शुरुआती लोगों के लिए AngularJS ट्यूटोरियल पीडीएफ डाउनलोड करें

इस Angular JS ट्यूटोरियल में आप क्या सीखेंगे?

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

AngularJS क्यों सीखें?

AngularJS एक ओपन-सोर्स फ्रेमवर्क है जिसका व्यापक रूप से क्लाइंट-साइड MVC वेब एप्लिकेशन बनाने के लिए उपयोग किया जाता है। इसके अलावा, यह दुनिया भर में व्यक्तियों और व्यवसायों द्वारा हर उद्योग में व्यापक रूप से उपयोग किया जाता है, इसलिए उन उम्मीदवारों के लिए करियर के बहुत सारे अवसर हैं जिन्हें Angular JS का अच्छा ज्ञान है।

AngularJS सीखने के लिए आवश्यक शर्तें

यह Angular ट्यूटोरियल शुरुआती लोगों के लिए बनाया गया है। हालाँकि, अगर आपको HTML, CSS और का बुनियादी ज्ञान है Javaलिपि, यह एक अतिरिक्त सहायता होगी.

एंगुलरजेएस की विशेषताएं

एंगुलर जेएस की मुख्य विशेषताएं निम्नलिखित हैं:

  • यह एक खुला स्रोत है Javaस्क्रिप्ट MVW फ्रेमवर्क
  • टैग, विशेषताएँ और अभिव्यक्तियाँ जोड़कर HTML समर्थन का विस्तार करता है
  • आसान ईवेंट हैंडलिंग की अनुमति देता है
  • डेटा बाइंडिंग के लिए समर्थन प्रदान करता है
  • अंतर्निहित टेम्पलेट इंजन और रूटिंग प्रदान करता है
  • फॉर्म सत्यापन और एनिमेशन प्रदान करता है
  • निर्भरता इंजेक्शन प्रदान करता है

सरल AngularJS प्रोग्राम उदाहरण

<!DOCTYPE html>
<html>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<head>
    <meta chrset="UTF 8">
    <title>Basic AngularJS Program</title>
</head>
<body ng-app="">

<h3>This is AngularJS Tutorial for Beginners..!!</h3>

</body>
</html>

आउटपुट:

This is AngularJS Tutorial for Beginners..!!