ल्यूमिफाई वर्क एंगुलर 12 प्रोग्रामिंग

इस पाठ्यक्रम का अध्ययन क्यों करें?

यह व्यापक एंगुलर 12 प्रोग्रामिंग पाठ्यक्रम सैद्धांतिक शिक्षा और व्यावहारिक प्रयोगशालाओं का एक संयोजन है जिसमें एंगुलर का परिचय, उसके बाद टाइपस्क्रिप्ट, घटक, निर्देश, सेवाएं, HTTP क्लाइंट, परीक्षण और डिबगिंग शामिल हैं।
यह कोर्स उपयोगी और व्यावहारिक जानकारी से भरा हुआ है जिसे आप तुरंत अपने काम में लागू कर सकते हैं। बुनियादी Angular 12 विकास के मूल सिद्धांतों को जानें जैसे कि सिंगल-पेज ब्राउज़र एप्लिकेशन, रिस्पॉन्सिव webसाइटें, और हाइब्रिड मोबाइल अनुप्रयोग।
टिप्पणी: हम Angular के अन्य संस्करणों पर भी प्रशिक्षण दे सकते हैं। कृपया पूछताछ करने या अपनी रुचि दर्ज करने के लिए हमसे संपर्क करें।

आप क्या सीखेंगे
इस कोर्स को सफलतापूर्वक पूरा करने पर, आप निम्न में सक्षम होंगे:

• टाइपस्क्रिप्ट का उपयोग करके एकल-पृष्ठ Angular अनुप्रयोग विकसित करें
• एक संपूर्ण कोणीय विकास वातावरण स्थापित करें
• घटक, निर्देश, सेवाएँ, पाइप, फ़ॉर्म और कस्टम सत्यापनकर्ता बनाएँ
• ऑब्जर्वेबल्स का उपयोग करके उन्नत नेटवर्क डेटा पुनर्प्राप्ति कार्यों को संभालें REST से डेटा का उपभोग करें web Angular HT TP क्लाइंट का उपयोग करने वाली सेवाएँ पुश-डेटा कनेक्शन को संभालती हैं Webसॉकेट प्रोटोकॉल
• डेटा को प्रारूपित करने के लिए एंगुलर पाइप्स के साथ कार्य करें
• उन्नत कोणीय घटक राउटर सुविधाओं का उपयोग करें
• अंतर्निहित उपकरणों का उपयोग करके Angular अनुप्रयोगों का परीक्षण और डीबग करें।

पाठ्यक्रम विषय

अध्याय 1. एंगुलर का परिचय

• एंग्युलर क्या है?
• एंगुलर फ्रेमवर्क की केंद्रीय विशेषताएं उपयुक्त उपयोग के मामले
• एंगुलर एप्लीकेशन के बिल्डिंग ब्लॉक्स एंगुलर एप्लीकेशन की बेसिक आर्किटेक्चर एंगुलर को इंस्टॉल करना और उसका उपयोग करना
• एंगुलर एप्लीकेशन की संरचना एप्लीकेशन चलाना
• नेटिव मोबाइल ऐप्स के लिए एप्लिकेशन Angular का निर्माण और परिनियोजन
• सारांश

अध्याय 2. टाइपस्क्रिप्ट का परिचय

• Angular TypeScript सिंटैक्स के साथ उपयोग के लिए प्रोग्रामिंग भाषाएँ
• प्रोग्रामिंग संपादक
• प्रकार प्रणाली – चर परिभाषित करना
• प्रकार प्रणाली – सारणी को परिभाषित करना
• बुनियादी आदिम प्रकार
• फ़ंक्शन में टाइप करें
• प्रकार अनुमान
• वर्गों को परिभाषित करना
• वर्ग विधियाँ
• दृश्यता नियंत्रण
• क्लास कंस्ट्रक्टर
• क्लास कंस्ट्रक्टर्स – वैकल्पिक रूप अप्रारंभीकृत फ़ील्ड
• इंटरफेस
• ES6 मॉड्यूल के साथ कार्य करना
• var बनाम let
• तीर फ़ंक्शन
• एरो फंक्शन कॉम्पैक्ट सिंटैक्स टेम्पलेट स्ट्रिंग्स
• कक्षा में जेनरिक
• फ़ंक्शन में जेनरिक
• सारांश

अध्याय 3. घटक

• एक घटक क्या है?
• एक पूर्वampले घटक
• Angular CLI का उपयोग करके घटक बनाना
• घटक वर्ग
• @Component डेकोरेटर
• किसी घटक को उसके मॉड्यूल घटक टेम्पलेट में पंजीकृत करना
• Exampले: हेलोकंपोनेंट टेम्पलेट
• Example: एक घटक का उपयोग करके HelloComponent क्लास
• एप्लिकेशन चलाएँ
• घटक पदानुक्रम
• अनुप्रयोग रूट घटक
• बूटस्ट्रैप File
• घटक जीवनचक्र हुक्स Exampले जीवनचक्र हुक
• सीएसएस शैलियाँ
• सारांश

अध्याय 4. घटक टेम्पलेट

• टेम्पलेट्स
• टेम्पलेट स्थान
• मूंछें {{ }} वाक्यविन्यास
• DOM तत्व गुण सेट करना
• तत्व बॉडी टेक्स्ट सेट करना
• इवेंट बाइंडिंग
• अभिव्यक्ति इवेंट हैंडलर
• डिफ़ॉल्ट हैंडलिंग रोकें
• विशेषता निर्देश
• CSS क्लासेस बदलकर स्टाइल्स लागू करें
• Exampले: एनजीक्लास
• शैलियाँ सीधे लागू करना
• संरचनात्मक निर्देश
• सशर्त रूप से टेम्पलेट निष्पादित करें
• Exampले: एनजीआईएफ
• ngFor का उपयोग करके लूपिंग
• ngस्थानीय चरों के लिए
• संग्रह पूर्व में हेरफेरampले - किसी आइटम को हटाना
• ngFor के साथ आइटम ट्रैकिंग ngSwitch के साथ तत्वों की अदला-बदली तत्वों को समूहीकृत करना
• टेम्पलेट संदर्भ चर सारांश

अध्याय 5. अंतर घटक संचार

• संचार की मूल बातें
• डेटा प्रवाह वास्तुकला
• बच्चे को डेटा प्राप्त करने के लिए तैयार करना
• माता-पिता से डेटा भेजें
• गुण सेटिंग के बारे में अधिक जानकारी
• किसी घटक से फायरिंग इवेंट
• @Output() उदाहरणample – चाइल्ड कम्पोनेंट @Output() उदाहरणampले - मूल घटक
• पूर्ण दोतरफा बाइंडिंग
• पैरेंट में दो तरफा डेटा बाइंडिंग सेट करना
• सारांश

अध्याय 6. टेम्पलेट संचालित फॉर्म

• टेम्पलेट संचालित फॉर्म
• फॉर्म मॉड्यूल आयात करना
• मूल दृष्टिकोण
• फॉर्म सेट अप करना
• उपयोगकर्ता इनपुट प्राप्त करना
• ngForm विशेषता को छोड़ना
• फॉर्म आरंभ करें
• दोतरफा डेटा बाइंडिंग
• फॉर्म मान्यता
• कोणीय सत्यापनकर्ता
• कक्षाओं का उपयोग करके सत्यापन स्थिति प्रदर्शित करना अतिरिक्त इनपुट प्रकार
• चेक बॉक्स
• (ड्रॉप डाउन) फ़ील्ड चुनें
• चयनित (ड्रॉप डाउन) दिनांक फ़ील्ड के लिए रेंडरिंग विकल्प
• रेडियो के बटन
• सारांश

अध्याय 7. प्रतिक्रियात्मक रूप

• रिएक्टिव फॉर्म खत्मview
• बिल्डिंग ब्लॉक्स
• ReactiveFormsModule आयात करें
• एक फॉर्म बनाएं
• टेम्पलेट डिज़ाइन करें
• इनपुट मान प्राप्त करना
• इनपुट फ़ील्ड आरंभ करना
• फॉर्म मान सेट करना
• इनपुट परिवर्तनों की सदस्यता लेना
• मान्यकरण
• अंतर्निहित सत्यापनकर्ता
• सत्यापन त्रुटि प्रदर्शित हो रही है
• कस्टम सत्यापनकर्ता
• कस्टम वैलिडेटर का उपयोग करना
• कस्टम वैलिडेटर को कॉन्फ़िगरेशन प्रदान करना
• फॉर्मएरे – गतिशील रूप से इनपुट जोड़ें
• फॉर्मएरे – घटक वर्ग
• फॉर्मएरे – टेम्पलेट
• फॉर्मअरे – मान
• उप फॉर्मग्रुप्स – घटक वर्ग
• उप फॉर्मग्रुप्स – HTML टेम्पलेट
• सब फॉर्मग्रुप्स का उपयोग क्यों करें
• सारांश

अध्याय 8. सेवाएँ और निर्भरता इंजेक्शन

• सेवा क्या है?
• एक बुनियादी सेवा बनाना
• सेवा वर्ग
• निर्भरता इंजेक्शन क्या है?
• सेवा इंस्टेंस को इंजेक्ट करना
• injectors
• इंजेक्टर पदानुक्रम
• रूट इंजेक्टर के साथ सेवा पंजीकृत करना
• घटक के इंजेक्टर के साथ सेवा पंजीकृत करना
• फ़ीचर मॉड्यूल इंजेक्टर के साथ सेवा पंजीकृत करें
• सेवा का पंजीकरण कहां करें?
• अन्य आर्टिफैक्ट्स में निर्भरता इंजेक्शन एक वैकल्पिक कार्यान्वयन निर्भरता इंजेक्शन और @होस्ट प्रदान करना
• निर्भरता इंजेक्शन और @Optional
• सारांश

अध्याय 9. HTTP क्लाइंट

• एंगुलर एचटी टीपी क्लाइंट
• HT TP क्लाइंट का उपयोग करना – खत्मview
• HttpClientModule आयात करना
• HttpClient का उपयोग करने वाली सेवा
• GET अनुरोध बनाना
• एक अवलोकनीय वस्तु क्या करती है?
• किसी घटक में सेवा का उपयोग करना
• PeopleService क्लाइंट घटक त्रुटि प्रबंधन
• त्रुटि ऑब्जेक्ट को अनुकूलित करना
• POST अनुरोध करना
• PUT अनुरोध करना
• DELETE अनुरोध करना

अध्याय 10. पाइप्स और डेटा फ़ॉर्मेटिंग

• पाइप्स क्या हैं?
• अंतर्निर्मित पाइप
• HTML टेम्पलेट में पाइप्स का उपयोग करना पाइप्स को श्रृंखलाबद्ध करना
• अंतर्राष्ट्रीयकृत पाइप्स (i18n) स्थानीय डेटा लोड करना
• तारीख पाइप
• पाइप की संख्या
• मुद्रा पाइप
• कस्टम पाइप बनाएं
• कस्टम पाइप एक्सample
• कस्टम पाइप का उपयोग करना
• ngFor के साथ पाइप का उपयोग करना
• एक फिल्टर पाइप
• पाइप श्रेणी: शुद्ध और अशुद्ध
• सारांश
• शुद्ध पाइप एक्सample
• अशुद्ध पाइप एक्सample
• सारांश

अध्याय 11. एकल पृष्ठ अनुप्रयोगों का परिचय

• एकल पृष्ठ अनुप्रयोग (एसपीए) पारंपरिक क्या है Web आवेदन
• एसपीए वर्कफ़्लो
• एकल पृष्ठ आवेदन लाभtages HTML5 इतिहास एपीआई
• एसपीए चुनौतियां
• Angular का उपयोग करके SPA का क्रियान्वयन सारांश

अध्याय 12. एंगुलर कंपोनेंट राउटर

• घटक राउटर
• View मार्गदर्शन
• एंगुलर राउटर एपीआई
• राउटर सक्षम अनुप्रयोग बनाना
• रूट किए गए घटकों की होस्टिंग
• लिंक और बटन का उपयोग करके नेविगेशन
• प्रोग्रामेटिक नेविगेशन
• पासिंग रूट पैरामीटर
• रूट पैरामीटर के साथ नेविगेट करना
• रूट पैरामीटर मान प्राप्त करना
• रूट पैरामीटर को सिंक्रोनस रूप से पुनः प्राप्त करना
• एसिंक्रोनस रूप से रूट पैरामीटर प्राप्त करना
• क्वेरी पैरामीटर
• क्वेरी पैरामीटर्स की आपूर्ति
• क्वेरी पैरामीटर्स को एसिंक्रोनस रूप से पुनर्प्राप्त करना
• मैनुअल से जुड़ी समस्याएं URL प्रविष्टि और बुकमार्किंग
• सारांश

अध्याय 13. उन्नत HTTP क्लाइंट

• अनुरोध विकल्प
• HttpResponse ऑब्जेक्ट लौटाना
• अनुरोध शीर्षलेख सेट करना
• नये अवलोकनीयों का निर्माण
• एक सरल अवलोकनीय वस्तु बनाना
• ऑब्जर्वेबल कंस्ट्रक्टर विधि ऑब्जर्वेबल ऑपरेटर
• मानचित्र और फ़िल्टर ऑपरेटर
• फ्लैटमैप() ऑपरेटर
• टैप() ऑपरेटर
• ज़िप() संयोजक
• एचटी टीपी प्रतिक्रिया कैशिंग
• अनुक्रमिक एचटी टीपी कॉल करना
• समानांतर कॉल करना
• catchError() के साथ त्रुटि ऑब्जेक्ट को अनुकूलित करना
• पाइपलाइन में त्रुटि
• त्रुटि पुनर्प्राप्ति
• सारांश

अध्याय 14. कोणीय मॉड्यूल

• एंग्युलर मॉड्यूल क्यों?
• एक मॉड्यूल क्लास की शारीरिक रचना
• @NgModule गुण
• फ़ीचर मॉड्यूल
• Exampले मॉड्यूल संरचना
• डोमेन मॉड्यूल बनाएं
• रूटेड/रूटिंग मॉड्यूल जोड़ी बनाएं
• एक सेवा मॉड्यूल बनाएँ
• सामान्य मॉड्यूल बनाना

अध्याय 15. उन्नत रूटिंग

• रूटिंग सक्षम सुविधा मॉड्यूल
• फ़ीचर मॉड्यूल का उपयोग करना
• फ़ीचर मॉड्यूल को धीरे-धीरे लोड करना
• फ़ीचर मॉड्यूल घटकों के लिए लिंक बनाना
• आलसी लोडिंग के बारे में अधिक जानकारी
• प्रीलोडिंग मॉड्यूल
• डिफ़ॉल्ट रूट
• वाइल्डकार्ड रूट पथ
• को अनुप्रेषित
• बाल मार्ग
• चाइल्ड रूट को परिभाषित करना
• चाइल्ड रूट्स के लिए
• चाइल्ड रूट के लिए लिंक
• नेविगेशन गार्ड
• गार्ड कार्यान्वयन बनाना
• मार्ग में गार्ड का उपयोग
• सारांश

अध्याय 16. यूनिट परीक्षण एंगुलर अनुप्रयोग

• यूनिट परीक्षण कोणीय कलाकृतियाँ
• परीक्षण उपकरण
• सामान्य परीक्षण चरण
• परीक्षा के परिणाम
• जैस्मीन टेस्ट सूट
• जैस्मीन स्पेक्स (यूनिट टेस्ट)
• अपेक्षाएं (अभिकथन)
• मैचर्स
• Exampमैचर्स का उपयोग करना
• not प्रॉपर्टी का उपयोग करना
• यूनिट टेस्ट सूट में सेटअप और टियरडाउन
• Exampप्रत्येक से पहले और बाद में प्रत्येक कार्य
• कोणीय परीक्षण मॉड्यूल
• Exampले कोणीय परीक्षण मॉड्यूल
• सेवा का परीक्षण
• सेवा इंस्टेंस को इंजेक्ट करना
• तुल्यकालिक विधि का परीक्षण करें
• एसिंक्रोनस विधि का परीक्षण करें
• मॉक एचटी टीपी क्लाइंट का उपयोग करना
• तैयार जवाब देना
• घटक का परीक्षण
• घटक परीक्षण मॉड्यूल
• घटक इंस्टेंस बनाना
• घटक फ़िक्सचर वर्ग
• बुनियादी घटक परीक्षण
• डीबगएलिमेंट क्लास
• उपयोगकर्ता इंटरैक्शन का अनुकरण
• सारांश

अध्याय 17. डिबगिंग

• ऊपरview कोणीय डिबगिंग का
• Viewडिबगर में टाइपस्क्रिप्ट कोड आईएनजी
• डीबगर कीवर्ड का उपयोग करना
• लॉगिंग डीबग करें
• एंगुलर डेवटूल्स क्या है?
• Angular DevTools का उपयोग करना
• Angular DevTools – घटक संरचना
• Angular DevTools – परिवर्तन पहचान निष्पादन
• वाक्यविन्यास त्रुटियाँ पकड़ना
• सारांश

प्रयोगशाला अभ्यास

• लैब 1. एंगुलर का परिचय
• लैब 2. टाइपस्क्रिप्ट का परिचय
• प्रयोगशाला 3. घटकों का परिचय
• लैब 4. घटक टेम्पलेट
• लैब 5. एक फोटो गैलरी घटक बनाएँ
• लैब 6. टेम्पलेट संचालित फॉर्म
• लैब 7. एक संपादन फ़ॉर्म बनाएँ
• लैब 8. रिएक्टिव फॉर्म
• लैब 9. एक सेवा विकसित करें
• लैब 10. एचटी टीपी क्लाइंट विकसित करें
• प्रयोगशाला 11. पाइप का उपयोग करें
• लैब 12. राउटर का उपयोग करके बेसिक सिंगल पेज एप्लीकेशन लैब 13. सिंगल पेज एप्लीकेशन (SPA) बनाएं
• लैब 14. उन्नत एचटी टीपी क्लाइंट
• लैब 15. एंगुलर बूटस्ट्रैप का उपयोग करना
• लैब 16. आलसी मॉड्यूल लोडिंग
• लैब 17. उन्नत रूटिंग
• लैब 18. यूनिट परीक्षण
• लैब 19. एंगुलर एप्लीकेशन डिबगिंग

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

आवश्यक शर्तें
Web इस Angular कोर्स से अधिकतम लाभ उठाने के लिए HTML, CSS और JavaScript का उपयोग करके डेवलपमेंट अनुभव की आवश्यकता है। ब्राउज़र DOM का ज्ञान भी उपयोगी है। AngularJS या Angular के किसी भी संस्करण के साथ पूर्व Angular अनुभव की आवश्यकता नहीं है।
https://www.lumifywork.com/en-au/courses/angular-12-programming/

दस्तावेज़ / संसाधन

ल्यूमिफाई वर्क एंगुलर 12 प्रोग्रामिंग [पीडीएफ] उपयोगकर्ता गाइड एंगुलर 12 प्रोग्रामिंग, एंगुलर, 12 प्रोग्रामिंग, प्रोग्रामिंग

संदर्भ

• उपयोगकर्ता पुस्तिका