LUMIFY WORK Angular 12 Programming

यो पाठ्यक्रम किन अध्ययन गर्नुहोस्

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

तपाईंले के सिक्नुहुनेछ
यो पाठ्यक्रम सफलतापूर्वक पूरा भएपछि, तपाईं सक्षम हुनुहुनेछ:

• टाइपस्क्रिप्ट प्रयोग गरेर एकल-पृष्ठ कोणीय अनुप्रयोगहरू विकास गर्नुहोस्
• पूर्ण कोणीय विकास वातावरण सेट अप गर्नुहोस्
• कम्पोनेन्टहरू, निर्देशनहरू, सेवाहरू, पाइपहरू, फारमहरू, र अनुकूलन मान्यकर्ताहरू सिर्जना गर्नुहोस्
• REST बाट Observables Consume data को प्रयोग गरेर उन्नत नेटवर्क डेटा पुनःप्राप्ति कार्यहरू ह्यान्डल गर्नुहोस् web Angular HT TP क्लाइन्ट ह्यान्डल पुश-डेटा जडानहरू प्रयोग गरेर सेवाहरू Webसकेट प्रोटोकल
• डेटा ढाँचा गर्न Angular Pipes सँग काम गर्नुहोस्
• उन्नत Angular कम्पोनेन्ट राउटर सुविधाहरू प्रयोग गर्नुहोस्
• बिल्ट-इन उपकरणहरू प्रयोग गरी Angular अनुप्रयोगहरू परीक्षण र डिबग गर्नुहोस्।

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

अध्याय 1. कोणीय परिचय

• Angular के हो?
• Angular Framework उपयुक्त प्रयोग केसहरूको केन्द्रीय विशेषताहरू
• एङ्गुलर एप्लिकेसनको बिल्डिङ ब्लक एङ्गुलर एप्लिकेसनको बेसिक आर्किटेक्चर स्थापना र एङ्गुलर प्रयोग गर्दै
• एङ्गुलर एप्लिकेसनको एनाटोमी रनिङ द एप्लिकेसन
• नेटिभ मोबाइल एपहरूको लागि एप्लिकेसन एङ्गुलर निर्माण र डिप्लोइङ गर्ने
• सारांश

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

• Angular TypeScript सिन्ट्याक्सको साथ प्रयोगको लागि प्रोग्रामिङ भाषाहरू
• प्रोग्रामिङ सम्पादकहरू
• प्रकार प्रणाली - चर परिभाषित
• प्रकार प्रणाली - एरे परिभाषित गर्दै
• आधारभूत आदिम प्रकारहरू
• प्रकार्यहरूमा टाइप गर्नुहोस्
• प्रकार अनुमान
• कक्षाहरू परिभाषित गर्दै
• कक्षा विधिहरू
• दृश्यता नियन्त्रण
• वर्ग निर्माणकर्ताहरू
• वर्ग निर्माणकर्ताहरू - वैकल्पिक फारम अप्रारम्भिक क्षेत्रहरू
• इन्टरफेसहरू
• ES6 Modules मा काम गर्नुहुन्छ
• var बनाम चलो
• तीर प्रकार्यहरू
• एरो प्रकार्य कम्प्याक्ट सिन्ट्याक्स टेम्प्लेट स्ट्रिङहरू
• कक्षामा जेनेरिक
• कार्यमा जेनेरिकहरू
• सारांश

अध्याय 3. अवयवहरू

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

अध्याय ४. कम्पोनेन्ट टेम्प्लेटहरू

• टेम्प्लेटहरू
• टेम्प्लेट स्थान
• Mustache {{ }} वाक्यविन्यास
• DOM तत्व गुणहरू सेट गर्दै
• तत्वको मुख्य पाठ सेट गर्दै
• घटना बाध्यकारी
• अभिव्यक्ति घटना ह्यान्डलर
• पूर्वनिर्धारित ह्यान्डलिंग रोक्नुहोस्
• विशेषता निर्देशनहरू
• CSS कक्षाहरू परिवर्तन गरेर शैलीहरू लागू गर्नुहोस्
• Example: ngClass
• सीधा शैलीहरू लागू गर्दै
• संरचनात्मक निर्देशनहरू
• सशर्त टेम्प्लेट कार्यान्वयन गर्नुहोस्
• Example: ng यदि
• ngFor प्रयोग गरेर लुप गर्दै
• स्थानीय चरहरूको लागि
• सङ्कलन हेरफेर गर्दै पूर्वample - एक वस्तु मेटाउँदै
• ngSwitch Grouping Elements को साथ ngFor स्वैपिङ एलिमेन्ट्सको साथ वस्तु ट्र्याकिङ
• टेम्प्लेट सन्दर्भ चर सारांश

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

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

अध्याय 6. टेम्प्लेट चालित फारमहरू

• टेम्प्लेट संचालित फारमहरू
• आयात फारम मोड्युल
• आधारभूत दृष्टिकोण
• फारम सेटअप गर्दै
• प्रयोगकर्ता इनपुट प्राप्त गर्दै
• ngForm विशेषता छोड्दै
• फारम सुरु गर्नुहोस्
• दुई तर्फी डाटा बाइन्डिङ
• फारम प्रमाणीकरण
• Angular Validators
• क्लासहरू अतिरिक्त इनपुट प्रकारहरू प्रयोग गरेर प्रमाणीकरण स्थिति प्रदर्शन गर्दै
• चेकबक्सहरू
• (ड्रप डाउन) क्षेत्रहरू चयन गर्नुहोस्
• चयन (ड्रप डाउन) मिति क्षेत्रहरूको लागि रेन्डरिङ विकल्पहरू
• रेडियो बटनहरू
• सारांश

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

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

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

• सेवा भनेको के हो?
• आधारभूत सेवा सिर्जना गर्दै
• सेवा वर्ग
• निर्भरता इंजेक्शन के हो?
• सेवा उदाहरण इन्जेक्सन गर्दै
• इन्जेक्टरहरु
• इन्जेक्टर पदानुक्रम
• रूट इन्जेक्टरसँग सेवा दर्ता गर्दै
• कम्पोनेन्टको इन्जेक्टरसँग सेवा दर्ता गर्दै
• फिचर मोड्युल इन्जेक्टरको साथ सेवा दर्ता गर्नुहोस्
• सेवा कहाँ दर्ता गर्ने?
• अन्य कलाकृतिहरूमा निर्भरता इंजेक्शन एक वैकल्पिक कार्यान्वयन निर्भरता इंजेक्शन र @Host प्रदान गर्दै
• निर्भरता इंजेक्शन र @Optional
• सारांश

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

• Angular HT TP क्लाइन्ट
• T he HT TP क्लाइन्ट प्रयोग गर्दै - ओभरview
• HttpClientModule आयात गर्दै
• HttpClient प्रयोग गरेर सेवा
• GET अनुरोध गर्दै
• अवलोकनयोग्य वस्तुले के गर्छ?
• कम्पोनेन्टमा सेवा प्रयोग गर्दै
• PeopleService क्लाइन्ट कम्पोनेन्ट त्रुटि ह्यान्डलिंग
• त्रुटि वस्तु अनुकूलन
• POST अनुरोध गर्दै
• PUT अनुरोध गर्दै
• DELETE अनुरोध गर्दै

अध्याय 10. पाइप र डाटा ढाँचा

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

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

• एकल पृष्ठ अनुप्रयोग (SPA) परम्परागत के हो Web आवेदन
• SPA कार्यप्रवाह
• एकल पृष्ठ आवेदन Advantages HTML5 इतिहास API
• SPA चुनौतीहरू
• Angular सारांश प्रयोग गर्दै SPA को कार्यान्वयन गर्दै

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

• कम्पोनेन्ट राउटर
• View नेभिगेसन
• Angular राउटर API
• राउटर सक्षम गरिएको अनुप्रयोग सिर्जना गर्दै
• राउटेड कम्पोनेन्टहरू होस्ट गर्दै
• लिङ्क र बटनहरू प्रयोग गरेर नेभिगेसन
• प्रोग्रामेटिक नेभिगेसन
• मार्ग प्यारामिटरहरू पार गर्दै
• रुट प्यारामिटरहरूसँग नेभिगेट गर्दै
• मार्ग प्यारामिटर मानहरू प्राप्त गर्दै
• सिंक्रोनस रूपमा मार्ग प्यारामिटर पुन: प्राप्त गर्दै
• एसिन्क्रोनस रूपमा मार्ग प्यारामिटर पुन: प्राप्त गर्दै
• क्वेरी प्यारामिटरहरू
• क्वेरी प्यारामिटरहरू आपूर्ति गर्दै
• एसिन्क्रोनस रूपमा क्वेरी प्यारामिटरहरू पुन: प्राप्त गर्दै
• म्यानुअल संग समस्या URL प्रविष्टि र बुकमार्क
• सारांश

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

• अनुरोध विकल्प
• HttpResponse वस्तु फिर्ता गर्दै
• अनुरोध हेडरहरू सेट गर्दै
• नयाँ अवलोकन योग्यहरू सिर्जना गर्दै
• एक साधारण अवलोकन योग्य सिर्जना गर्दै
• अवलोकन योग्य कन्स्ट्रक्टर विधि अवलोकन योग्य अपरेटरहरू
• नक्सा र फिल्टर अपरेटरहरू
• flatMap() अपरेटर
• ट्याप () अपरेटर
• जिप () कम्बिनेटर
• HT TP प्रतिक्रिया क्यास गर्दै
• क्रमिक HT TP कलहरू बनाउँदै
• समानान्तर कलहरू गर्दै
• catchError() को साथ त्रुटि वस्तु अनुकूलन गर्दै
• पाइपलाइनमा त्रुटि
• त्रुटि रिकभरी
• सारांश

अध्याय 14. कोणात्मक मोड्युलहरू

• किन कोणीय मोड्युलहरू?
• एक मोड्युल कक्षा को शरीर रचना
• @NgModule गुण
• विशेषता मोड्युलहरू
• Exampले मोड्युल संरचना
• एक डोमेन मोड्युल सिर्जना गर्नुहोस्
• राउटेड/राउटिङ मोड्युल जोडा बनाउनुहोस्
• सेवा मोड्युल सिर्जना गर्नुहोस्
• साझा मोड्युलहरू सिर्जना गर्दै

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

• राउटिङ सक्षम सुविधा मोड्युल
• सुविधा मोड्युल प्रयोग गर्दै
• फिचर मोड्युल लोड गर्दै अल्छी
• फीचर मोड्युल कम्पोनेन्टका लागि लिङ्कहरू सिर्जना गर्दै
• अल्छी लोड गर्ने बारे थप
• प्रिलोडिङ मोड्युलहरू
• पूर्वनिर्धारित मार्ग
• वाइल्डकार्ड मार्ग मार्ग
• मा रिडिरेक्ट गर्नुहोस्
• बाल मार्गहरू
• बाल मार्गहरू परिभाषित गर्दै
• बाल मार्गहरूको लागि
• बाल मार्गहरूको लागि लिङ्कहरू
• नेभिगेसन गार्डहरू
• गार्ड कार्यान्वयनहरू सिर्जना गर्दै
• रुटमा गार्डहरू प्रयोग गर्दै
• सारांश

अध्याय 16. एकाइ परीक्षण कोणीय अनुप्रयोगहरू

• एकाइ परीक्षण कोणीय कलाकृतिहरू
• परीक्षण उपकरण
• सामान्य परीक्षण चरणहरू
• परीक्षण परिणामहरू
• जैस्मीन टेस्ट सुइट्स
• चमेली चश्मा (एकाइ परीक्षण)
• अपेक्षाहरू (दावाहरू)
• मिल्नेहरू
• Exampम्याचर्स प्रयोग गर्ने बारे
• सम्पत्ति होइन प्रयोग गर्दै
• इकाई परीक्षण सुइटहरूमा सेटअप र टियरडाउन
• ExampLe of beforeEach र afterEach functions
• कोणीय परीक्षण मोड्युल
• Exampले एगुलर टेस्ट मोड्युल
• सेवा परीक्षण गर्दै
• सेवा उदाहरण इन्जेक्सन गर्दै
• एक सिंक्रोनस विधि परीक्षण गर्नुहोस्
• एक एसिन्क्रोनस विधि परीक्षण गर्नुहोस्
• Mock HT TP क्लाइन्ट प्रयोग गर्दै
• डिब्बाबंद प्रतिक्रिया आपूर्ति
• एक घटक परीक्षण
• घटक परीक्षण मोड्युल
• एक घटक उदाहरण सिर्जना गर्दै
• कम्पोनेन्ट फिक्स्चर क्लास
• आधारभूत कम्पोनेन्ट परीक्षणहरू
• DebugElement वर्ग
• प्रयोगकर्ता अन्तरक्रिया सिमुलेट गर्दै
• सारांश

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

• माथिview Angular डिबगिङ को
• Viewडिबगरमा टाइपस्क्रिप्ट कोड
• डिबगर किवर्ड प्रयोग गर्दै
• डिबग लगिङ
• Angular DevTools के हो?
• Angular DevTools प्रयोग गर्दै
• Angular DevTools - कम्पोनेन्ट संरचना
• Angular DevTools - पत्ता लगाउने कार्यान्वयन परिवर्तन गर्नुहोस्
• सिन्ट्याक्स त्रुटिहरू समात्दै
• सारांश

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

• प्रयोगशाला 1. कोणको परिचय
• ल्याब २. टाइपस्क्रिप्टको परिचय
• प्रयोगशाला ३. अवयवहरूको परिचय
• ल्याब ४. कम्पोनेन्ट टेम्प्लेट
• ल्याब 5. फोटो ग्यालेरी कम्पोनेन्ट सिर्जना गर्नुहोस्
• ल्याब 6. टेम्प्लेट चालित फारम
• प्रयोगशाला 7. सम्पादन फारम सिर्जना गर्नुहोस्
• प्रयोगशाला 8. प्रतिक्रियात्मक फारम
• प्रयोगशाला 9. सेवा विकास गर्नुहोस्
• ल्याब 10. एक HT TP ग्राहक विकास गर्नुहोस्
• प्रयोगशाला 11. पाइपहरू प्रयोग गर्नुहोस्
• ल्याब 12. राउटर ल्याब प्रयोग गरेर आधारभूत एकल पृष्ठ अनुप्रयोग 13. एकल पृष्ठ अनुप्रयोग (SPA) बनाउनुहोस्
• ल्याब 14. उन्नत HT TP ग्राहक
• ल्याब 15. कोणीय बुटस्ट्र्याप प्रयोग गर्दै
• ल्याब १६. अल्छी मोड्युल लोड हुँदैछ
• ल्याब 17. उन्नत रूटिङ
• प्रयोगशाला 18. एकाइ परीक्षण
• ल्याब १९. डिबगिङ एङ्गुलर एप्लिकेसनहरू

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

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

कागजातहरू / स्रोतहरू

LUMIFY WORK Angular 12 Programming [pdf] प्रयोगकर्ता गाइड Angular 12 Programming, Angular, 12 Programming, Programming

सन्दर्भहरू

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