LUMIFY WORK Angular 12 நிரலாக்க பயனர் வழிகாட்டி

LUMIFY வேலை கோண 12 நிரலாக்கம்

இந்த பாடத்தை ஏன் படிக்க வேண்டும்

இந்த விரிவான கோண 12 புரோகிராமிங் பாடநெறியானது கோட்பாட்டு கற்றல் மற்றும் ஆங்குலருக்கு அறிமுகம், அதைத் தொடர்ந்து டைப்ஸ்கிரிப்ட், கூறுகள், வழிமுறைகள், சேவைகள், HTTP கிளையண்ட், சோதனை மற்றும் பிழைத்திருத்தம் ஆகியவற்றை உள்ளடக்கிய ஆய்வகங்களின் கலவையாகும்.
இந்த பாடத்திட்டமானது பயனுள்ள மற்றும் செயல்படக்கூடிய தகவல்களால் நிரம்பியுள்ளது, நீங்கள் உடனடியாக உங்கள் வேலைக்கு விண்ணப்பிக்கலாம். ஒற்றைப் பக்க உலாவி பயன்பாடுகள், பதிலளிக்கக்கூடியது போன்ற அடிப்படை கோண 12 மேம்பாட்டின் அடிப்படைகளை அறிக webதளங்கள் மற்றும் கலப்பின மொபைல் பயன்பாடுகள்.
குறிப்பு: கோணத்தின் பிற பதிப்புகளிலும் நாங்கள் பயிற்சி அளிக்க முடியும். விசாரணை செய்ய அல்லது உங்கள் ஆர்வத்தை பதிவு செய்ய எங்களை தொடர்பு கொள்ளவும்.

நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
இந்த பாடத்திட்டத்தை வெற்றிகரமாக முடித்த பிறகு, உங்களால் முடியும்:

• டைப்ஸ்கிரிப்டைப் பயன்படுத்தி ஒற்றைப் பக்க கோணப் பயன்பாடுகளை உருவாக்கவும்
• முழுமையான கோண வளர்ச்சி சூழலை அமைக்கவும்
• கூறுகள், வழிமுறைகள், சேவைகள், குழாய்கள், படிவங்கள் மற்றும் தனிப்பயன் சரிபார்ப்பாளர்களை உருவாக்கவும்
• கவனிக்கக்கூடியவற்றைப் பயன்படுத்தி மேம்பட்ட நெட்வொர்க் தரவு மீட்டெடுப்பு பணிகளைக் கையாளவும் REST இலிருந்து தரவைப் பயன்படுத்தவும் web கோண HT TP கிளையண்ட் கைப்பிடி புஷ்-டேட்டா இணைப்புகளைப் பயன்படுத்தி சேவைகள் Webசாக்கெட் நெறிமுறை
• தரவை வடிவமைக்க கோணக் குழாய்களுடன் வேலை செய்யுங்கள்
• மேம்பட்ட கோணக் கூறு திசைவி அம்சங்களைப் பயன்படுத்தவும்
• உள்ளமைக்கப்பட்ட கருவிகளைப் பயன்படுத்தி கோண பயன்பாடுகளைச் சோதித்து பிழைத்திருத்தம் செய்யவும்.

பாடப் பாடங்கள்

அத்தியாயம் 1. கோணத்தை அறிமுகப்படுத்துதல்

• கோணல் என்றால் என்ன?
• கோண கட்டமைப்பின் மைய அம்சங்கள் பொருத்தமான பயன்பாட்டு வழக்குகள்
• ஒரு கோண பயன்பாட்டின் கட்டுமானத் தொகுதிகள் ஒரு கோண பயன்பாட்டின் அடிப்படைக் கட்டமைப்பு கோணத்தை நிறுவுதல் மற்றும் பயன்படுத்துதல்
• விண்ணப்பத்தை இயக்கும் கோண பயன்பாட்டின் உடற்கூறியல்
• நேட்டிவ் மொபைல் ஆப்ஸிற்கான விண்ணப்ப கோணத்தை உருவாக்குதல் மற்றும் வரிசைப்படுத்துதல்
• சுருக்கம்

அத்தியாயம் 2. டைப்ஸ்கிரிப்ட் அறிமுகம்

• கோண டைப்ஸ்கிரிப்ட் தொடரியல் பயன்படுத்துவதற்கான நிரலாக்க மொழிகள்
• நிரலாக்க எடிட்டர்கள்
• வகை அமைப்பு - மாறிகளை வரையறுத்தல்
• வகை அமைப்பு - வரிசைகளை வரையறுத்தல்
• அடிப்படை பழமையான வகைகள்
• செயல்பாடுகளை உள்ளிடவும்
• வகை அனுமானம்
• வகுப்புகளை வரையறுத்தல்
• வகுப்பு முறைகள்
• பார்வைக் கட்டுப்பாடு
• வகுப்பு கட்டமைப்பாளர்கள்
• கிளாஸ் கன்ஸ்ட்ரக்டர்ஸ் - மாற்றுப் படிவம் துவக்கப்படாத புலங்கள்
• இடைமுகங்கள்
• ES6 தொகுதிகளுடன் பணிபுரிகிறது
• var vs லெட்
• அம்பு செயல்பாடுகள்
• அம்பு செயல்பாடு சிறிய தொடரியல் டெம்ப்ளேட் சரங்கள்
• வகுப்பில் பொதுவானவை
• செயல்பாட்டில் உள்ள பொதுவானவை
• சுருக்கம்

அத்தியாயம் 3. கூறுகள்

• ஒரு கூறு என்றால் என்ன?
• ஒரு முன்னாள்ample கூறு
• கோண CLI ஐப் பயன்படுத்தி ஒரு கூறுகளை உருவாக்குதல்
• கூறு வகுப்பு
• @கூறு அலங்கரிப்பாளர்
• அதன் தொகுதி கூறு டெம்ப்ளேட்டில் ஒரு கூறு பதிவு
• Example: HelloComponent டெம்ப்ளேட்
• Example: ஒரு கூறுகளைப் பயன்படுத்தும் HelloComponent வகுப்பு
• பயன்பாட்டை இயக்கவும்
• கூறு படிநிலை
• பயன்பாட்டு ரூட் கூறு
• பூட்ஸ்ட்ராப் File
• கூறு லைஃப்சைக்கிள் ஹூக்ஸ் எக்ஸ்ample வாழ்க்கை சுழற்சி கொக்கிகள்
• CSS பாங்குகள்
• சுருக்கம்

பாடம் 4. கூறு வார்ப்புருக்கள்

• வார்ப்புருக்கள்
• டெம்ப்ளேட் இடம்
• மீசை {{ }} தொடரியல்
• DOM உறுப்பு பண்புகளை அமைத்தல்
• உறுப்பு உடல் உரையை அமைத்தல்
• நிகழ்வு பிணைப்பு
• வெளிப்பாடு நிகழ்வு கையாளுபவர்
• இயல்புநிலை கையாளுதலைத் தடுக்கவும்
• பண்பு வழிமுறைகள்
• CSS வகுப்புகளை மாற்றுவதன் மூலம் பாணிகளைப் பயன்படுத்தவும்
• Example: ngClass
• பாங்குகளை நேரடியாகப் பயன்படுத்துதல்
• கட்டமைப்பு வழிமுறைகள்
• நிபந்தனையுடன் டெம்ப்ளேட்டை இயக்கவும்
• Example: ngIf
• ngFor ஐப் பயன்படுத்தி லூப்பிங்
• ng உள்ளூர் மாறிகளுக்கு
• சேகரிப்பைக் கையாளுதல் Example - ஒரு பொருளை நீக்குதல்
• ngSwitch குழுவாக்க உறுப்புகளுடன் உறுப்புகளை மாற்றுவதற்கான ng உடன் உருப்படி கண்காணிப்பு
• டெம்ப்ளேட் குறிப்பு மாறி சுருக்கம்

அத்தியாயம் 5. உட்கூறு தொடர்பு

• தொடர்பு அடிப்படைகள்
• தரவு ஓட்ட கட்டமைப்பு
• தரவைப் பெற குழந்தையைத் தயார்படுத்துதல்
• பெற்றோரிடமிருந்து தரவை அனுப்பவும்
• பண்புகளை அமைப்பது பற்றி மேலும்
• ஒரு கூறு இருந்து துப்பாக்கி சூடு நிகழ்வு
• @Output() Example – Child Component @Output() Example - பெற்றோர் கூறு
• முழு இரு வழி பிணைப்பு
• பெற்றோரில் இரு வழி தரவு பிணைப்பை அமைத்தல்
• சுருக்கம்

பாடம் 6. டெம்ப்ளேட் இயக்கப்படும் படிவங்கள்

• டெம்ப்ளேட் இயக்கப்படும் படிவங்கள்
• படிவங்களின் தொகுதியை இறக்குமதி செய்கிறது
• அடிப்படை அணுகுமுறை
• ஒரு படிவத்தை அமைத்தல்
• பயனர் உள்ளீட்டைப் பெறுதல்
• ngForm பண்புக்கூறைத் தவிர்க்கிறது
• படிவத்தை துவக்கவும்
• இரு வழி தரவு பிணைப்பு
• படிவம் சரிபார்ப்பு
• கோண வேலிடேட்டர்கள்
• வகுப்புகள் கூடுதல் உள்ளீட்டு வகைகளைப் பயன்படுத்தி சரிபார்ப்பு நிலையைக் காட்டுகிறது
• தேர்வுப்பெட்டிகள்
• (டிராப் டவுன்) புலங்களைத் தேர்ந்தெடுக்கவும்
• தேர்ந்தெடு (டிராப் டவுன்) தேதி புலங்களுக்கான ரெண்டரிங் விருப்பங்கள்
• ரேடியோ பொத்தான்கள்
• சுருக்கம்

அத்தியாயம் 7. எதிர்வினை படிவங்கள்

• எதிர்வினை படிவங்கள் முடிந்துவிட்டனview
• கட்டிடத் தொகுதிகள்
• ReactiveFormsModule ஐ இறக்குமதி செய்யவும்
• ஒரு படிவத்தை உருவாக்கவும்
• டெம்ப்ளேட்டை வடிவமைக்கவும்
• உள்ளீட்டு மதிப்புகளைப் பெறுதல்
• உள்ளீட்டு புலங்களைத் தொடங்குதல்
• படிவ மதிப்புகளை அமைத்தல்
• உள்ளீட்டு மாற்றங்களுக்கு குழுசேர்கிறது
• சரிபார்த்தல்
• உள்ளமைக்கப்பட்ட வேலிடேட்டர்கள்
• சரிபார்ப்புப் பிழையைக் காட்டுகிறது
• தனிப்பயன் சரிபார்ப்பான்
• தனிப்பயன் சரிபார்ப்பாளரைப் பயன்படுத்துதல்
• தனிப்பயன் சரிபார்ப்பாளருக்கு உள்ளமைவை வழங்குதல்
• FormArray - மாறும் வகையில் உள்ளீடுகளைச் சேர்க்கவும்
• FormArray – The Component Class
• FormArray - டெம்ப்ளேட்
• FormArray - மதிப்புகள்
• துணைப் படிவக் குழுக்கள் - கூறு வகுப்பு
• துணை படிவக் குழுக்கள் - HTML டெம்ப்ளேட்
• துணைப் படிவக் குழுக்களை ஏன் பயன்படுத்த வேண்டும்
• சுருக்கம்

பாடம் 8. சேவைகள் மற்றும் சார்பு ஊசி

• சேவை என்றால் என்ன?
• ஒரு அடிப்படை சேவையை உருவாக்குதல்
• சேவை வகுப்பு
• சார்பு ஊசி என்றால் என்ன?
• ஒரு சேவை நிகழ்வை உட்செலுத்துதல்
• செலுத்திகள்
• உட்செலுத்தி படிநிலை
• ரூட் இன்ஜெக்டருடன் ஒரு சேவையை பதிவு செய்தல்
• ஒரு கூறு இன்ஜெக்டருடன் ஒரு சேவையைப் பதிவு செய்தல்
• அம்ச தொகுதி உட்செலுத்தியுடன் ஒரு சேவையை பதிவு செய்யவும்
• ஒரு சேவையை எங்கே பதிவு செய்வது?
• சார்பு ஊசி மற்றும் @Host ஒரு மாற்று செயலாக்கத்தை வழங்கும் பிற கலைப்பொருட்களில் சார்பு ஊசி
• சார்பு ஊசி மற்றும் @விருப்பம்
• சுருக்கம்

அத்தியாயம் 9. HTTP கிளையண்ட்

• கோண HT TP கிளையண்ட்
• T he HT TP கிளையண்டைப் பயன்படுத்துதல் - முடிந்துவிட்டதுview
• HttpClientModule ஐ இறக்குமதி செய்கிறது
• HttpClient ஐப் பயன்படுத்தி சேவை
• GET கோரிக்கையை உருவாக்குதல்
• கவனிக்கக்கூடிய பொருள் என்ன செய்கிறது?
• ஒரு கூறுகளில் சேவையைப் பயன்படுத்துதல்
• பீப்பிள் சர்வீஸ் கிளையண்ட் உபகரணக் கையாளுதலில் பிழை
• பிழைப் பொருளைத் தனிப்பயனாக்குதல்
• ஒரு POST கோரிக்கையை உருவாக்குதல்
• PUT கோரிக்கையை உருவாக்குதல்
• நீக்குவதற்கான கோரிக்கையை உருவாக்குதல்

அத்தியாயம் 10. குழாய்கள் மற்றும் தரவு வடிவமைப்பு

• குழாய்கள் என்றால் என்ன?
• உள்ளமைக்கப்பட்ட குழாய்கள்
• HTML டெம்ப்ளேட் சங்கிலி குழாய்களில் குழாய்களைப் பயன்படுத்துதல்
• சர்வதேசமயமாக்கப்பட்ட குழாய்கள் (i18n) உள்ளூர் தரவை ஏற்றுகிறது
• தேதி குழாய்
• எண் குழாய்
• நாணய குழாய்
• தனிப்பயன் குழாயை உருவாக்கவும்
• தனிப்பயன் குழாய் Example
• தனிப்பயன் குழாய்களைப் பயன்படுத்துதல்
• ngFor உடன் ஒரு குழாயைப் பயன்படுத்துதல்
• ஒரு வடிகட்டி குழாய்
• குழாய் வகை: தூய மற்றும் தூய்மையற்றது
• சுருக்கம்
• தூய குழாய் Example
• தூய்மையற்ற குழாய் Example
• சுருக்கம்

பாடம் 11. ஒற்றைப் பக்க பயன்பாடுகளுக்கான அறிமுகம்

• ஒரு ஒற்றைப் பக்க விண்ணப்பம் (SPA) பாரம்பரியமானது Web விண்ணப்பம்
• SPA பணிப்பாய்வு
• ஒற்றைப் பக்க விண்ணப்பம் அட்வான்tages HTML5 வரலாறு API
• SPA சவால்கள்
• கோணச் சுருக்கத்தைப் பயன்படுத்தி SPA ஐச் செயல்படுத்துதல்

அத்தியாயம் 12. கோண கூறு திசைவி

• கூறு திசைவி
• View வழிசெலுத்தல்
• கோண திசைவி API
• திசைவி இயக்கப்பட்ட பயன்பாட்டை உருவாக்குதல்
• திசைதிருப்பப்பட்ட கூறுகளை ஹோஸ்ட் செய்தல்
• இணைப்புகள் மற்றும் பொத்தான்களைப் பயன்படுத்தி வழிசெலுத்தல்
• நிரல் வழிசெலுத்தல்
• கடந்து செல்லும் பாதை அளவுருக்கள்
• பாதை அளவுருக்கள் மூலம் வழிசெலுத்தல்
• பாதை அளவுரு மதிப்புகளைப் பெறுதல்
• பாதை அளவுருவை ஒத்திசைவாக மீட்டெடுக்கிறது
• ஒரு பாதை அளவுருவை ஒத்திசைவற்ற முறையில் மீட்டெடுக்கிறது
• வினவல் அளவுருக்கள்
• வினவல் அளவுருக்களை வழங்குதல்
• வினவல் அளவுருக்களை ஒத்திசைவற்ற முறையில் மீட்டெடுக்கிறது
• கையேட்டில் உள்ள சிக்கல்கள் URL நுழைவு மற்றும் புக்மார்க்கிங்
• சுருக்கம்

அத்தியாயம் 13. மேம்பட்ட HTTP கிளையண்ட்

• கோரிக்கை விருப்பங்கள்
• ஒரு HttpResponse பொருளைத் திரும்பப் பெறுகிறது
• கோரிக்கை தலைப்புகளை அமைத்தல்
• புதிய அவதானிப்புகளை உருவாக்குதல்
• ஒரு எளிய கவனிக்கக்கூடியவை உருவாக்குதல்
• கவனிக்கக்கூடிய கன்ஸ்ட்ரக்டர் முறை கவனிக்கக்கூடிய ஆபரேட்டர்கள்
• வரைபடம் மற்றும் வடிகட்டி ஆபரேட்டர்கள்
• பிளாட்மேப்() ஆபரேட்டர்
• குழாய்() ஆபரேட்டர்
• ஜிப்() இணைப்பான்
• HT TP பதிலைச் சேமிக்கிறது
• தொடர் HT TP அழைப்புகளைச் செய்தல்
• இணையான அழைப்புகளைச் செய்தல்
• CatchError() மூலம் பிழைப் பொருளைத் தனிப்பயனாக்குதல்
• பைப்லைனில் பிழை
• பிழை மீட்பு
• சுருக்கம்

அத்தியாயம் 14. கோண தொகுதிகள்

• ஏன் கோண தொகுதிகள்?
• ஒரு தொகுதி வகுப்பின் உடற்கூறியல்
• @NgModule பண்புகள்
• அம்ச தொகுதிகள்
• Example தொகுதி அமைப்பு
• ஒரு டொமைன் தொகுதியை உருவாக்கவும்
• ஒரு ரூட்டட்/ரூட்டிங் தொகுதி ஜோடியை உருவாக்கவும்
• ஒரு சேவை தொகுதியை உருவாக்கவும்
• பொதுவான தொகுதிகளை உருவாக்குதல்

அத்தியாயம் 15. மேம்பட்ட ரூட்டிங்

• ரூட்டிங் இயக்கப்பட்ட அம்ச தொகுதி
• அம்சத் தொகுதியைப் பயன்படுத்துதல்
• சோம்பேறி அம்சத் தொகுதியை ஏற்றுகிறது
• அம்ச தொகுதி கூறுகளுக்கான இணைப்புகளை உருவாக்குதல்
• சோம்பேறி ஏற்றுதல் பற்றி மேலும்
• முன் ஏற்றுதல் தொகுதிகள்
• இயல்புநிலை பாதை
• வைல்ட் கார்டு பாதை பாதை
• க்கு திருப்பிவிடவும்
• குழந்தை வழிகள்
• குழந்தை வழிகளை வரையறுத்தல்
• குழந்தை வழிகளுக்கு
• குழந்தை வழிகளுக்கான இணைப்புகள்
• வழிசெலுத்தல் காவலர்கள்
• காவலர் செயலாக்கங்களை உருவாக்குதல்
• ஒரு பாதையில் காவலர்களைப் பயன்படுத்துதல்
• சுருக்கம்

அத்தியாயம் 16. அலகு சோதனை கோண பயன்பாடுகள்

• அலகு சோதனை கோண கலைப்பொருட்கள்
• சோதனைக் கருவிகள்
• வழக்கமான சோதனை படிகள்
• சோதனை முடிவுகள்
• ஜாஸ்மின் டெஸ்ட் சூட்ஸ்
• ஜாஸ்மின் விவரக்குறிப்புகள் (அலகு சோதனைகள்)
• எதிர்பார்ப்புகள் (கருத்துகள்)
• போட்டியாளர்கள்
• Examples of Using Matchers
• அல்லாத சொத்தைப் பயன்படுத்துதல்
• யூனிட் டெஸ்ட் சூட்களில் அமைவு மற்றும் டீயர் டவுன்
• Exampஒவ்வொரு செயல்பாடுகளுக்கும் முன்னும் பின்னும்
• கோண சோதனை தொகுதி
• Example கோண சோதனை தொகுதி
• ஒரு சேவையை சோதிக்கிறது
• ஒரு சேவை நிகழ்வை உட்செலுத்துதல்
• ஒரு ஒத்திசைவான முறையை சோதிக்கவும்
• ஒத்திசைவற்ற முறையை சோதிக்கவும்
• Mock HT TP கிளையண்டைப் பயன்படுத்துதல்
• பதிவு செய்யப்பட்ட பதிலை வழங்குதல்
• ஒரு கூறு சோதனை
• கூறு சோதனை தொகுதி
• ஒரு கூறு நிகழ்வை உருவாக்குதல்
• கூறு பொருத்துதல் வகுப்பு
• அடிப்படை கூறு சோதனைகள்
• பிழைத்திருத்த உறுப்பு வகுப்பு
• பயனர் தொடர்புகளை உருவகப்படுத்துதல்
• சுருக்கம்

அத்தியாயம் 17. பிழைத்திருத்தம்

• முடிந்துவிட்டதுview கோண பிழைத்திருத்தம்
• Viewபிழைத்திருத்தத்தில் டைப்ஸ்கிரிப்ட் குறியீடு
• பிழைத்திருத்தி முக்கிய சொல்லைப் பயன்படுத்துதல்
• பிழைதிருத்த உள்நுழைதல்
• Angular DevTools என்றால் என்ன?
• Angular DevTools ஐப் பயன்படுத்துதல்
• கோண DevTools - கூறு அமைப்பு
• கோண DevTools - கண்டறிதல் செயலாக்கத்தை மாற்றவும்
• தொடரியல் பிழைகளைப் பிடிக்கிறது
• சுருக்கம்

ஆய்வக பயிற்சிகள்

• ஆய்வகம் 1. கோணத்திற்கான அறிமுகம்
• ஆய்வகம் 2. டைப்ஸ்கிரிப்ட் அறிமுகம்
• ஆய்வகம் 3. கூறுகள் அறிமுகம்
• ஆய்வகம் 4. கூறு டெம்ப்ளேட்
• ஆய்வகம் 5. புகைப்பட தொகுப்பு கூறுகளை உருவாக்கவும்
• ஆய்வகம் 6. டெம்ப்ளேட் இயக்கப்படும் படிவம்
• ஆய்வகம் 7. திருத்த படிவத்தை உருவாக்கவும்
• ஆய்வகம் 8. எதிர்வினை படிவம்
• ஆய்வகம் 9. ஒரு சேவையை உருவாக்கவும்
• ஆய்வகம் 10. ஒரு HT TP கிளையண்டை உருவாக்கவும்
• ஆய்வகம் 11. குழாய்களைப் பயன்படுத்தவும்
• ஆய்வகம் 12. ரூட்டர் ஆய்வகத்தைப் பயன்படுத்தி அடிப்படை ஒற்றைப் பக்க விண்ணப்பம் 13. ஒற்றைப் பக்க விண்ணப்பத்தை (SPA) உருவாக்குதல்
• ஆய்வகம் 14. மேம்பட்ட HT TP கிளையண்ட்
• ஆய்வகம் 15. கோண பூட்ஸ்டார்ப்பைப் பயன்படுத்துதல்
• ஆய்வகம் 16. சோம்பேறி தொகுதி ஏற்றுதல்
• ஆய்வகம் 17. மேம்பட்ட ரூட்டிங்
• ஆய்வகம் 18. அலகு சோதனை
• ஆய்வகம் 19. கோண பயன்பாடுகளை பிழைத்திருத்துதல்

பாடநெறி யாருக்கானது?
கோண 12 மேம்பாட்டின் அடிப்படைகளைக் கற்று அதை உருவாக்குவதற்குப் பயன்படுத்த வேண்டிய எவரையும் இலக்காகக் கொண்டு இந்தப் பாடநெறி உள்ளது. web விண்ணப்பங்கள் உடனடியாக. உங்கள் நிறுவன நேரம், பணம் மற்றும் வளங்களைச் சேமிக்கும் - பெரிய குழுக்களுக்கு இந்தப் பயிற்சி வகுப்பை நாங்கள் வழங்கலாம் மற்றும் தனிப்பயனாக்கலாம்.

முன்நிபந்தனைகள்
Web HTML, CSS மற்றும் JavaScript ஆகியவற்றைப் பயன்படுத்தி, இந்த கோணப் படிப்பிலிருந்து அதிகப் பலன்களைப் பெற, மேம்பாட்டு அனுபவம் தேவை. உலாவி DOM பற்றிய அறிவும் பயனுள்ளதாக இருக்கும். AngularJS அல்லது Angular இன் ஏதேனும் பதிப்புடன் முன் கோண அனுபவம் தேவையில்லை.
https://www.lumifywork.com/en-au/courses/angular-12-programming/