आवेदन र WEB विकास
Angular 15 प्रोग्रामिङ
LENGTH २ दिन
संस्करण 15

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

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

ल्युमिफाइ कार्यमा एङ्ग्युलर

तपाईंले के सिक्नुहुनेछ

यस पाठ्यक्रमको सफल समापनमा, तपाइँसँग ज्ञान हुनेछ:

• टाइपस्क्रिप्ट प्रयोग गरेर एकल पृष्ठ कोणीय अनुप्रयोग आयनहरू विकास गर्नुहोस्
• पूर्ण कोणीय विकास वातावरण सेट अप गर्नुहोस्
• कम्पोनेन्टहरू, प्रत्यक्ष ives, सेवाहरू, पाइपहरू, फारमहरू, र अनुकूलन मान्यकर्ताहरू सिर्जना गर्नुहोस्
• Observables प्रयोग गरेर उन्नत नेटवर्क डाटा पुन: प्राप्ति कार्यहरू ह्यान्डल गर्नुहोस्
• REST बाट डाटा उपभोग गर्नुहोस् web Angular HTTP क्लाइन्ट प्रयोग गरेर सेवाहरू
• प्रयोग गरेर पुश-डेटा जडान आयनहरू ह्यान्डल गर्नुहोस् Webसकेट प्रोटोकल
• डेटा ढाँचा गर्न Angular Pipes सँग काम गर्नुहोस्
• उन्नत Angular कम्पोनेन्ट राउटर सुविधाहरू प्रयोग गर्नुहोस्
• बिल्ट-इन उपकरणहरू प्रयोग गरी Angular applicat आयनहरूको परीक्षण र डिबग गर्नुहोस्
• Angular CLI मा काम गर्नुहुन्छ

मेरो प्रशिक्षकले मेरो विशिष्ट परिस्थितिसँग सम्बन्धित वास्तविक संसारका उदाहरणहरूमा परिदृश्यहरू राख्न सक्षम हुनुहुन्थ्यो।
म आइपुगेको क्षणदेखि नै मलाई स्वागत गरिएको महसुस गरिएको थियो र कक्षाकोठा बाहिर समूहको रूपमा बस्ने हाम्रो परिस्थिति र हाम्रा लक्ष्यहरूबारे छलफल गर्न सक्ने क्षमता अत्यन्त मूल्यवान थियो।
मैले धेरै कुरा सिकें र यो पाठ्यक्रममा भाग लिएर मेरो लक्ष्यहरू पूरा भएको महत्त्वपूर्ण थियो भन्ने महसुस गरें।
राम्रो काम Lumify कार्य टोली।अमान्डा निकोल
आईटी सपोर्ट सर्भिसेज प्रबन्धक - हेल्थ वर्ल्ड लिमिटेड

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

1. Angular को परिचय
   एंगुलर भनेको के हो?
   एंगुलर फ्रेमवर्कको केन्द्रीय विशेषताहरू
   • उपयुक्त प्रयोग केसहरू
   एङ्गुलर एप्लिकेसनको बिल्डिङ ब्लकहरू
   • एक कोणीय अनुप्रयोगको आधारभूत वास्तुकला
   • एङ्गुलर स्थापना र प्रयोग गर्दै
   एङ्गुलर एप्लिकेट आयनको एनाटॉमी
   • Applicat ion चलाउँदै
   • आवेदन निर्माण र प्रयोग गर्ने
   • नेटिभ मोबाइल एप्सका लागि एङ्गुलर
2. TypeScript को परिचय
   एंगुलरसँग प्रयोगको लागि प्रोग्रामिङ भाषाहरू
   • टाइपस्क्रिप्ट सिन्ट्याक्स
   • प्रोग्रामिङ सम्पादकहरू
   • प्रकार प्रणाली - Def ining चर
   • प्रकार प्रणाली - Def ining Arrays
   • आधारभूत प्रिमिट ive प्रकारहरू
   • प्रकार्य आयनहरूमा टाइप गर्नुहोस्
   • प्रकार अनुमान
   • कक्षाहरू परिभाषित गर्दै
   • कक्षा विधिहरू
   • दृश्यता नियन्त्रण
   • वर्ग निर्माणकर्ताहरू
   • वर्ग निर्माणकर्ता - वैकल्पिक फारम
   • अप्रारम्भिक क्षेत्रहरू
   • इन्टरफेसहरू
   • ES6 मोड्युलहरूसँग काम गर्दै
   • var बनाम लेट
   • तीर प्रकार्यहरू
   • एरो प्रकार्य कम्प्याक्ट सिन्ट्याक्स
   • टेम्प्लेट स्ट्रिङहरू
   • कक्षामा जेनेरिक
   • कार्य आयनमा जेनेरिक
3. अवयवहरू
   • कम्पोनेन्ट के हो?
   • एक पूर्वampले कम्पोनेन्ट
   Angular CLI प्रयोग गरेर कम्पोनेन्ट सिर्जना गर्नुहोस्
   • कम्पोनेन्ट क्लास
   • @Component डेकोरेटर
   • यसको मोड्युलमा कम्पोनेन्ट दर्ता गर्दै
   • कम्पोनेन्ट टेम्प्लेट
   • उदाample: HelloComponent टेम्प्लेट
   • उदाample: हेलो कम्पोनेन्ट क्लास
   • कम्पोनेन्ट प्रयोग गर्दै
   • एप्लिकेसन चलाउनुहोस्
   • घटक पदानुक्रम
   • Applicat आयन रूट कम्पोनेन्ट
   • बुटस्ट्र्याप File
   • कम्पोनेन्ट लाइफसायकल हुकहरू
   • उदाampले लाइफसायकल हुकहरू
   • CSS शैलीहरू
4. कम्पोनेन्ट टेम्प्लेटहरू
   • टेम्प्लेटहरू
   • टेम्प्लेट स्थान
   • जुँगा {{ }} सिन्ट्याक्स
   • DOM तत्व गुणहरू सेट गर्दै
   • तत्वको मुख्य पाठ सेट गर्दै
   • घटना बाइन्डिङ
   • अभिव्यक्ति घटना ह्यान्डलर
   • पूर्वनिर्धारित ह्यान्डलिङ रोक्नुहोस्
   • विशेषता निर्देशनहरू
   • CSS कक्षाहरू परिवर्तन गरेर शैलीहरू लागू गर्नुहोस्
   • उदाample: ngClass
   • सीधा शैलीहरू लागू गर्दै
   • संरचनात्मक निर्देशनहरू
   • सशर्त टेम्प्लेट कार्यान्वयन गर्नुहोस्
   • उदाample: ng यदि
   • ngFor प्रयोग गरेर लुपिङ
   • स्थानीय चरका लागि
   • सङ्कलन हेरफेर गर्दै
   • उदाample - एक वस्तु मेटाउँदै
   • ngFor सँग वस्तु ट्र्याकिङ
   • ngSwitch मार्फत तत्वहरू अदला-बदली गर्दै
   • समूहीकरण तत्वहरू
   • टेम्प्लेट सन्दर्भ चर
5. अन्तर घटक संचार
   • सञ्चार आधारभूत कुराहरू
   • डाटा फ्लो आर्किटेक्चर
   • डेटा प्राप्त गर्न बच्चालाई तयार गर्दै
   • अभिभावकबाट डाटा पठाउनुहोस्
   • गुण सेटिङ बारे थप
   • कम्पोनेन्टबाट फायरिङ घटना
   • @Output() उदाample - बाल घटक
   • @Output() उदाample - अभिभावक घटक
   • पूर्ण दुईतर्फी बाइन्डिङ
   • अभिभावकमा दुईतर्फी डाटा बाइन्डिङ सेटअप गर्दै
6. टेम्प्लेट र संचालित फारमहरू
   • टेम्प्लेट संचालित फारमहरू
   • आयात फारम मोड्युल
   • आधारभूत दृष्टिकोण
   • एक फारम सेट अप गर्दै
   • प्रयोगकर्ता इनपुट प्राप्त गर्दै
   • ngForm विशेषता छोड्दै
   • फारम सुरु गर्नुहोस्
   • दुईतर्फी डाटा बाइन्डिङ
   • फारम प्रमाणीकरण
   • कोणीय मान्यकर्ताहरू
   • क्लासहरू प्रयोग गरेर मान्य आयन स्थिति प्रदर्शन गर्दै
   • अतिरिक्त इनपुट प्रकारहरू
   • चेकबक्सहरू
   • (ड्रप डाउन) क्षेत्रहरू चयन गर्नुहोस्
   • चयनका लागि रेन्डरिङ विकल्पहरू (ड्रप डाउन)
   • मिति क्षेत्रहरू
   • रेडियो बटनहरू
7. प्रतिक्रियात्मक फारमहरू
   • प्रतिक्रियाशील फारमहरू ओभरview
   • भवन ब्लकहरू
   • प्रतिक्रियात्मक फारम मोड्युल आयात गर्नुहोस्
   • फारम बनाउनुहोस्
   • टेम्प्लेट डिजाइन गर्नुहोस्
   • इनपुट मानहरू प्राप्त गर्दै
   • इनपुट फिल्डहरू प्रारम्भ गर्दै
   • फारम मानहरू सेट गर्दै
   • इनपुट परिवर्तनहरूमा सदस्यता लिँदै
   • प्रमाणीकरण
   • बिल्ट-इन मान्यकर्ताहरू
   • प्रमाणीकरण त्रुटि देखाउँदै
   • अनुकूलन मान्यकर्ता
   • अनुकूलन प्रमाणिकरण प्रयोग गर्दै
   • अनुकूलन मान्यकर्तालाई कन्फिगरेसन आपूर्ति गर्दै
   • FormArray - गतिशील रूपमा इनपुटहरू थप्नुहोस्
   • FormArray - कम्पोनेन्ट क्लास
   • FormArray - टेम्प्लेट
   • FormArray - मानहरू
   • उप फारम समूहहरू - घटक वर्ग
   • उप फारम समूहहरू - HTML टेम्प्लेट
   • किन उप फारम समूहहरू प्रयोग गर्नुहोस्
8. सेवा र निर्भरता इंजेक्शन
   • सेवा भनेको के हो?
   • आधारभूत सेवा सिर्जना गर्ने
   • सेवा वर्ग
   • निर्भरता इंजेक्शन के हो?
   • सेवा उदाहरण सुई लगाउँदै
   • इन्जेक्टरहरू
   • इन्जेक्टर पदानुक्रम
   • रूट इन्जेक्टरसँग सेवा दर्ता गर्दै
   • कम्पोनेन्टको इन्जेक्टरसँग सेवा दर्ता गर्दै
   • फिचर मोड्युल इन्जेक्टरको साथ सेवा दर्ता गर्नुहोस्
   • सेवा कहाँ दर्ता गर्ने?
   • अन्य कलाकृतिहरूमा निर्भरता इंजेक्शन
   • एक वैकल्पिक कार्यान्वयन प्रदान गर्दै
   • निर्भरता इंजेक्शन र @Host
   • निर्भरता इंजेक्शन र @Optional
9. HTTP ग्राहक
   Angular HTTP क्लाइन्ट
   • HTTP क्लाइन्ट प्रयोग गर्दै - ओभरview
   HttpClientModule आयात गर्नुहोस्
   • HttpClient प्रयोग गरेर सेवा
   • GET अनुरोध गर्दै
   • अवलोकनयोग्य वस्तुले के गर्छ?
   • कम्पोनेन्टमा सेवा प्रयोग गर्दै
   • PeopleService ग्राहक कम्पोनेन्ट
   • त्रुटि ह्यान्डलिंग
   • त्रुटि वस्तु अनुकूलन
   • पोस्ट अनुरोध गर्दै
   • PUT अनुरोध गर्दै
   • DELETE अनुरोध गर्दै
10. पाइप र डाटा ढाँचा
    • पाइपहरू के हुन्?
    • बिल्ट-इन पाइपहरू
    • HTML टेम्प्लेटमा पाइपहरू प्रयोग गर्दै
    • चेनिङ पाइपहरू
    • अन्तर्राष्ट्रीय आयनलाइज्ड पाइपहरू (i18n)
    • स्थानीय डेटा लोड गर्दै
    • मिति पाइप
    • नम्बर पाइप
    • मुद्रा पाइप
    • आफू अनुकूल पाइप बनाउनुहोस्
    • अनुकूलन पाइप पूर्वample
    • अनुकूलन पाइपहरू प्रयोग गर्दै
    • ngFor को साथ पाइप प्रयोग गर्दै
    • एक फिल्टर पाइप
    पाइप श्रेणी: शुद्ध र अशुद्ध
    • शुद्ध पाइप पूर्वample
    • अशुद्ध पाइप उदाample
11. एकल पृष्ठ अनुप्रयोगहरूको परिचय
    • एकल पृष्ठ अनुप्रयोग आयन (SPA) के हो?
    • परम्परागत Web आवेदन
    • SPA कार्यप्रवाह
    • एकल पृष्ठ आवेदन एडभानtages
    • HTML5 इतिहास API
    • SPA चुनौतीहरू
    • Angular को प्रयोग गरेर SPA को कार्यान्वयन गर्दै
12. एङ्गुलर कम्पोनेन्ट राउटर
    • कम्पोनेन्ट राउटर
    • View नेभिगेसन
    Angular राउटर API
    • राउटर सक्षम गरिएको अनुप्रयोग सिर्जना गर्दै
    • राउटेड कम्पोनेन्टहरू होस्ट गर्दै
    • लिङ्क र बटनहरू प्रयोग गरेर नेभिगेसन
    • प्रोग्रामेटिक नेभिगेसन
    • मार्ग प्यारामिटरहरू पार गर्दै
    • रुट प्यारामिटरहरूसँग नेभिगेट गर्दै
    • रुट प्यारामिटर मानहरू प्राप्त गर्दै
    • रुट प्यारामिटर सिंक्रोनस रूपमा पुन: प्राप्त गर्दै
    • एसिन्क्रोनस रूपमा मार्ग प्यारामिटर पुन: प्राप्त गर्दै
    • क्वेरी प्यारामिटरहरू
    • क्वेरी प्यारामिटरहरू आपूर्ति गर्दै
    • क्वेरी प्यारामिटरहरू एसिन्क्रोनस रूपमा पुन: प्राप्त गर्दै
    • म्यानुअलसँग समस्याहरू URL प्रविष्टि र बुकमार्क
13. उन्नत HTTP ग्राहक
    • अनुरोध विकल्पहरू
    • HttpResponse वस्तु फिर्ता गर्दै
    • अनुरोध हेडरहरू सेट गर्दै
    • नयाँ अवलोकन योग्यहरू सिर्जना गर्दै
    • एक साधारण अवलोकनयोग्य सिर्जना गर्दै
    • अवलोकन योग्य कन्स्ट्रक्टर विधि
    • अवलोकनयोग्य अपरेटरहरू
    • नक्सा र फिल्टर अपरेटरहरू
    • flatMap() अपरेटर
    • ट्याप() अपरेटर
    • जिप() कम्बिनेटर
    • HTTP प्रतिक्रिया क्यास गर्दै
    • क्रमिक HTTP कलहरू गर्दै
    • समानान्तर कलहरू गर्दै
    • catchError() को साथ त्रुटि वस्तु अनुकूलन गर्दै
    • पाइपलाइनमा त्रुटि
    • त्रुटि रिकभरी
14. कोणीय मोड्युलहरू
    • किन कोणीय मोड्युलहरू?
    • मोड्युल क्लासको एनाटॉमी
    @NgModule गुण
    • फीचर मोड्युलहरू
    • उदाampले मोड्युल संरचना
    • एक डोमेन मोड्युल सिर्जना गर्नुहोस्
    • एक राउटेड/रूटिङ मोड्युल जोडी सिर्जना गर्नुहोस्
    • सेवा मोड्युल सिर्जना गर्नुहोस्
    • साझा मोड्युलहरू सिर्जना गर्दै
    • अर्कोबाट एउटा मोड्युल प्रयोग गर्दै
15. उन्नत रूटिङ
    • राउटिङ सक्षम फिचर मोड्युल
    • फीचर मोड्युल प्रयोग गर्दै
    • फिचर मोड्युल लोड गर्दा अल्छी
    • फीचर मोड्युल कम्पोनेन्टका लागि लिङ्कहरू सिर्जना गर्दै
    • अल्छी लोडिङ बारे थप
    • प्रिलोडिङ मोड्युलहरू
    • राउटरलिंकएक्टिभ बाइन्डिङ
    • पूर्वनिर्धारित मार्ग
    • वाइल्डकार्ड मार्ग मार्ग
    • रिडिरेक्टमा
    • बाल मार्गहरू
    • बाल मार्गहरूको लागि बाल मार्गहरू परिभाषित गर्दै
    • बाल मार्गहरूका लागि लिङ्कहरू
    • नेभिगेसन गार्डहरू
    • गार्ड कार्यान्वयनहरू सिर्जना गर्दै
    • रुटमा गार्डहरू प्रयोग गर्ने
16. एकाइ परीक्षण कोणीय अनुप्रयोगहरू
    • एकाइ परीक्षण कोणीय कलाकृतिहरू
    • परीक्षण उपकरणहरू
    • सामान्य परीक्षण चरणहरू
    • परीक्षण परिणामहरू
    • जैस्मीन टेस्ट सुइटहरू
    • चमेली चश्मा (एकाइ परीक्षण)
    • अपेक्षाहरू (आसर्ट आयनहरू)
    • मिलानकर्ताहरू
    • उदाampम्याचर्स प्रयोग गर्ने बारे
    • सम्पत्ति होइन प्रयोग गर्दै
    • एकाइ परीक्षण सुइटहरूमा सेटअप र टियरडाउन
    • उदाampLe of beforeEach र afterEach functions
    • कोणीय परीक्षण मोड्युल
    • उदाampले एगुलर टेस्ट मोड्युल
    • सेवा परीक्षण गर्दै
    • सेवा उदाहरण सुई लगाउँदै
    • एक सिंक्रोनस विधि परीक्षण गर्नुहोस्
    • एक एसिन्क्रोनस विधि परीक्षण गर्नुहोस्
    • नक्कली HTTP क्लाइन्ट प्रयोग गर्दै
    • डिब्बाबंद प्रतिक्रिया आपूर्ति
    • कम्पोनेन्ट परीक्षण गर्दै
    • घटक परीक्षण मोड्युल
    • एक घटक उदाहरण सिर्जना गर्दै
    • कम्पोनेन्ट फिक्स्चर क्लास
    • आधारभूत कम्पोनेन्ट परीक्षणहरू
    • DebugElement वर्ग
    • प्रयोगकर्ता अन्तरक्रिया सिमुलेट गर्दै
17. डिबग गर्दै
    • समाप्तview Angular डिबगिङ को
    • Viewडिबगरमा टाइपस्क्रिप्ट कोड
    • डिबगर किवर्ड प्रयोग गर्दै
    • डिबग लगिङ
    • Angular DevTools के हो?
    • Angular DevTools प्रयोग गर्दै
    Angular DevTools - कम्पोनेन्ट संरचना
    • Angular DevTools - पत्ता लगाउने ion Execut ion परिवर्तन गर्नुहोस्
    • सिन्ट्याक्स त्रुटिहरू समात्दै

पाठ्यक्रम कसको लागि हो?

यो कोर्स जो कोहीलाई पनि लक्षित गरिएको हो जसले Angular 15 विकासको आधारभूत कुराहरू सिक्न र यसलाई तुरुन्तै सिर्जना गर्न लागू गर्न आवश्यक छ। web अनुप्रयोगहरू।
हामी ठूला समूहहरूको लागि यो प्रशिक्षण पाठ्यक्रम डेलिभर गर्न र अनुकूलन गर्न सक्छौं - तपाईंको संगठनको समय, पैसा र स्रोतहरू बचत गर्दै। थप जानकारीको लागि, कृपया हामीलाई इमेल मार्फत सम्पर्क गर्नुहोस् ph.training@lumifywork.com

पूर्व शर्तहरू

• Web HTML, CSS, र JavaScript को प्रयोग गरी विकासको अनुभव यस एङ्गुलर कोर्सबाट धेरै भन्दा धेरै प्राप्त गर्न आवश्यक छ।
• ब्राउजर DOM को ज्ञान पनि उपयोगी छ
• Angular वा AngularJS को कुनै पूर्व अनुभव आवश्यक छैन

Lumify Work द्वारा यस पाठ्यक्रमहरूको आपूर्ति बुकिङ नियम र सर्तहरू द्वारा शासित छ।
कृपया यस पाठ्यक्रम ई मा भर्ना हुनु अघि सर्तहरू र सर्तहरू ध्यानपूर्वक पढ्नुहोस्, किनकि पाठ्यक्रममा नामांकन सर्तहरू र सर्तहरूको स्वीकृतिमा सशर्त छ।

https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork

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

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

सन्दर्भहरू

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