LUMIFY WORK Angular 12 Ծրագրավորում

ԻՆՉՈՒ ՍՈՎՈՐԵԼ ԱՅՍ ԴԱՍԸՆԹԱՑԸ

Angular 12 ծրագրավորման այս համապարփակ դասընթացը տեսական ուսուցման և գործնական լաբորատորիաների համակցություն է, որը ներառում է Angular-ի ներածություն, որին հաջորդում է TypeScript-ը, բաղադրիչները, հրահանգները, ծառայությունները, HTTP հաճախորդը, փորձարկումը և վրիպազերծումը:
Դասընթացը հագեցած է օգտակար և գործնական տեղեկություններով, որոնք կարող եք անմիջապես դիմել ձեր աշխատանքին: Իմացեք Angular 12-ի հիմնական մշակման հիմունքները, ինչպիսիք են մեկ էջանոց դիտարկիչի հավելվածները, արձագանքող webկայքեր և հիբրիդ բջջային հավելվածներ:
ՆշումՄենք կարող ենք նաև ուսուցում անցկացնել Angular-ի այլ տարբերակների վերաբերյալ: Խնդրում ենք կապնվել մեզ հետ հարցում կատարելու կամ ձեր հետաքրքրությունը գրանցելու համար:

ԻՆՉ ԿՍՈՎՈՐԵՔ
Այս դասընթացը հաջողությամբ ավարտելուց հետո դուք կկարողանաք.

• Մշակեք մեկ էջանոց Angular հավելվածներ՝ օգտագործելով Typescript
• Ստեղծեք Angular զարգացման ամբողջական միջավայր
• Ստեղծեք բաղադրիչներ, հրահանգներ, ծառայություններ, խողովակներ, ձևեր և հատուկ վավերացնողներ
• Կառավարեք ցանցի տվյալների որոնման առաջադեմ առաջադրանքները՝ օգտագործելով Observables Consume տվյալները REST-ից web ծառայություններ, որոնք օգտագործում են Angular HT TP Client Կառավարում են push-data կապերը՝ օգտագործելով WebSockets արձանագրություն
• Աշխատեք Angular Pipes-ի հետ՝ տվյալների ձևաչափման համար
• Օգտագործեք Angular Component Router-ի առաջադեմ գործառույթները
• Փորձարկել և կարգաբերել Angular հավելվածները՝ օգտագործելով ներկառուցված գործիքներ:

ԴԱՍԸՆԹԱՑԻ ԱՌԱՐԿԱՆԵՐ

Գլուխ 1. Ներկայացնելով Angular-ը

• Ինչ է Angular-ը:
• Angular Framework-ի համապատասխան օգտագործման դեպքերի կենտրոնական առանձնահատկությունները
• Անկյունային հավելվածի շինարարական բլոկներ Անկյունային հավելվածի հիմնական ճարտարապետություն Անկյունային հավելվածի տեղադրում և օգտագործում
• Անկյունային հավելվածի անատոմիա, որն աշխատում է հավելվածը
• Angular հավելվածի կառուցում և տեղակայում բնիկ բջջային հավելվածների համար
• Ամփոփում

Գլուխ 2. TypeScript-ի ներածություն

• Ծրագրավորման լեզուներ՝ Angular TypeScript Syntax-ով օգտագործելու համար
• Ծրագրավորման խմբագիրներ
• Տիպի համակարգ – Փոփոխականների սահմանում
• Տիպի համակարգ – զանգվածների սահմանում
• Հիմնական պարզունակ տեսակներ
• Մուտքագրեք գործառույթները
• Տեսակ եզրակացություն
• Դասերի սահմանում
• Դասի մեթոդներ
• Տեսանելիության վերահսկում
• Դասարանի շինարարներ
• Դասերի կառուցողներ – Այլընտրանքային ձևի չնախաձեռնված դաշտեր
• Ինտերֆեյսեր
• Աշխատեք ES6 մոդուլների հետ
• var vs թող
• Սլաքի գործառույթներ
• Arrow գործառույթը Compact Syntax Template Strings
• Ջեներիկներ դասարանում
• Ջեներիկները գործում են
• Ամփոփում

Գլուխ 3. Բաղադրիչներ

• Ի՞նչ է բաղադրիչը:
• An Example Բաղադրիչ
• Բաղադրիչի ստեղծում՝ օգտագործելով Angular CLI
• Բաղադրիչների դաս
• The @Component Decorator
• Բաղադրիչի գրանցում իր մոդուլի բաղադրիչի ձևանմուշում
• Example: HelloComponent Կաղապար
• Example. HelloComponent դաս՝ օգտագործելով բաղադրիչ
• Գործարկեք Հավելվածը
• Բաղադրիչների հիերարխիա
• Հավելվածի արմատային բաղադրիչը
• The Bootstrap File
• Բաղադրիչի կյանքի ցիկլի կեռիկներ Example Lifecycle Կեռիկներ
• CSS ոճեր
• Ամփոփում

Գլուխ 4. Բաղադրիչների ձևանմուշներ

• Կաղապարներ
• Կաղապարի գտնվելու վայրը
• Բեղերի {{ }} շարահյուսություն
• DOM տարրի հատկությունների կարգավորում
• Տարրի մարմնի տեքստի կարգավորում
• Իրադարձությունների կապում
• Արտահայտման իրադարձությունների կառավարիչ
• Կանխարգելել կանխադրված կառավարումը
• Հատկանիշների հրահանգներ
• Կիրառել ոճերը՝ փոխելով CSS դասերը
• Example: ngClass
• Ուղղակի ոճերի կիրառում
• Կառուցվածքային հրահանգներ
• Պայմանականորեն Կատարել Կաղապար
• Example: ngԵթե
• Looping օգտագործելով ngFor
• ngՏեղական փոփոխականների համար
• Հավաքածուի մանիպուլյացիա Example – Նյութի ջնջում
• Տարրերի հետագծում ng-ի հետ Տարրերի փոխանակման համար ngSwitch Grouping Elements-ի հետ
• Կաղապարի հղում փոփոխականի ամփոփում

Գլուխ 5. Intercomponent Communication

• Հաղորդակցության հիմունքներ
• Տվյալների հոսքի ճարտարապետություն
• Երեխային պատրաստել տվյալներ ստանալու համար
• Ուղարկեք տվյալներ ծնողից
• Ավելին Կարգավորման հատկությունների մասին
• Իրադարձության կրակում բաղադրիչից
• @Output() Օրինակample – Child Component @Output() Example – Ծնող բաղադրիչ
• Ամբողջական երկկողմանի կապում
• Երկկողմանի տվյալների կապի կարգավորում ծնողում
• Ամփոփում

Գլուխ 6. Կաղապարի վրա հիմնված ձևեր

• Կաղապարի վրա հիմնված ձևեր
• Ձևաթղթերի ներմուծման մոդուլ
• Հիմնական մոտեցում
• Ձևաթղթի կարգավորում
• Օգտագործողի մուտքագրում
• Բաց թողնելով ngForm հատկանիշը
• Նախնականացրեք ձևը
• Երկկողմանի տվյալների կապում
• Ձևի վավերացում
• Անկյունային վավերացնողներ
• Վավերացման վիճակի ցուցադրում՝ օգտագործելով դասերի լրացուցիչ մուտքային տեսակները
• Նշավանդակներ
• Ընտրեք (Drop Down) դաշտերը
• Վերարտադրման ընտրանքներ Ընտրել (բացվող) Ամսաթվի դաշտերի համար
• Ռադիո կոճակներ
• Ամփոփում

Գլուխ 7. Ռեակտիվ ձևեր

• Ռեակտիվ ձևերն ավարտվել ենview
• Շինանյութեր
• Ներմուծեք ReactiveFormsModule-ը
• Կառուցեք ձև
• Կաղապարի ձևավորում
• Մուտքային արժեքների ստացում
• Ներածման դաշտերի սկզբնավորումը
• Ձևի արժեքների կարգավորում
• Ներածման փոփոխություններին բաժանորդագրվելը
• Վավերացում
• Ներկառուցված վավերացուցիչներ
• Ցուցադրվում է վավերացման սխալ
• Պատվերով վավերացնող
• Օգտագործելով հատուկ վավերացնող
• Կազմաձևի մատակարարում Custom Validator-ին
• FormArray – Դինամիկ կերպով ավելացրեք մուտքեր
• FormArray – Բաղադրիչների դաս
• FormArray – Կաղապար
• FormArray – արժեքներ
• Sub FormGroups – Բաղադրիչների դաս
• Sub FormGroups – HTML ձևանմուշ
• Ինչու օգտագործել Sub FormGroups-ը
• Ամփոփում

Գլուխ 8. Ծառայություններ և կախվածության ներարկում

• Ի՞նչ է Ծառայությունը:
• Հիմնական ծառայության ստեղծում
• Ծառայության դաս
• Ի՞նչ է կախվածության ներարկումը:
• Ծառայության օրինակի ներարկում
• Լարախաղաց
• Ներարկիչի հիերարխիա
• Ծառայության գրանցում Root Injector-ով
• Ծառայության գրանցում բաղադրիչի ներարկիչով
• Գրանցեք Ծառայություն գործառույթի մոդուլի ներարկիչով
• Որտեղ գրանցել ծառայություն:
• Կախվածության ներարկում այլ արտեֆակտներում, որն ապահովում է այլընտրանքային իրականացման կախվածության ներարկում և @host
• Կախվածության ներարկում և @ընտրովի
• Ամփոփում

Գլուխ 9. HTTP հաճախորդ

• Անկյունային HT TP հաճախորդ
• Օգտագործելով T he HT TP Client – ​​ավարտվել էview
• HttpClientModule-ի ներմուծում
• Ծառայություն՝ օգտագործելով HttpClient
• GET հարցում կատարելը
• Ի՞նչ է անում դիտելի օբյեկտը:
• Ծառայության օգտագործումը բաղադրիչում
• PeopleService հաճախորդի բաղադրիչի սխալների մշակում
• Սխալի օբյեկտի հարմարեցում
• POST հարցում կատարելը
• PUT հարցում կատարելը
• Ջնջելու հարցում կատարելը

Գլուխ 10. Խողովակներ և տվյալների ձևաչափում

• Ինչ են խողովակները:
• Ներկառուցված խողովակներ
• Խողովակների օգտագործումը HTML կաղապարի շղթայական խողովակներում
• Միջազգայնացված խողովակներ (i18n) Locale տվյալների բեռնում
• Ամսաթիվ Խողովակ
• Խողովակի համարը
• Արտարժույթի խողովակ
• Ստեղծեք հատուկ խողովակ
• Պատվերով խողովակներ Example
• Պատվերով խողովակների օգտագործումը
• Խողովակի օգտագործումը ngFor-ով
• Ֆիլտրի խողովակ
• Խողովակների կատեգորիա՝ մաքուր և անմաքուր
• Ամփոփում
• Pure Pipe Example
• Անմաքուր խողովակ Example
• Ամփոփում

Գլուխ 11. Ներածություն մեկ էջի հավելվածներում

• Ի՞նչ է ավանդական մեկ էջի հավելվածը (SPA): Web Դիմում
• SPA Աշխատանքային հոսք
• Մեկ էջի հավելվածի Advantages HTML5 History API
• SPA մարտահրավերներ
• SPA-ի իրականացում, օգտագործելով անկյունային ամփոփագիր

Գլուխ 12. Անկյունային բաղադրիչ երթուղիչ

• The Component Router
• View Նավիգացիա
• Անկյունային երթուղիչի API
• Երթուղիչով միացված հավելվածի ստեղծում
• Ուղղորդված բաղադրիչների հոստինգ
• Նավիգացիա՝ օգտագործելով հղումներ և կոճակներ
• Ծրագրային նավարկություն
• Անցնող երթուղու պարամետրեր
• Նավարկում երթուղու պարամետրերով
• Երթուղու պարամետրի արժեքների ստացում
• Երթուղու պարամետրի համաժամանակյա առբերում
• Երթուղու պարամետրի ասինխրոն առբերում
• Հարցման պարամետրեր
• Հարցման պարամետրերի մատակարարում
• Հարցման պարամետրերի ասինխրոն հայտնաբերում
• Ձեռնարկի հետ կապված խնդիրներ URL մուտք և էջանշում
• Ամփոփում

Գլուխ 13. Ընդլայնված HTTP հաճախորդ

• Հարցման ընտրանքներ
• HttpResponse օբյեկտի վերադարձ
• Հարցման վերնագրերի կարգավորում
• Նոր դիտելիների ստեղծում
• Պարզ դիտարկելիի ստեղծում
• Դիտարկվող կոնստրուկտորների մեթոդ Դիտարկվող օպերատորներ
• Քարտեզ և ֆիլտրի օպերատորներ
• FlatMap() օպերատոր
• Ծորակ () օպերատոր
• Zip() կոմբինատոր
• HT TP արձագանքի քեշավորում
• Հերթական HT TP զանգերի կատարում
• Զուգահեռ զանգեր կատարելը
• Սխալի օբյեկտի անհատականացում catchError()-ով
• Սխալ խողովակաշարում
• Սխալների վերականգնում
• Ամփոփում

Գլուխ 14. Անկյունային մոդուլներ

• Ինչու՞ անկյունային մոդուլներ:
• Մոդուլի դասի անատոմիա
• @NgModule Properties
• Խաղարկային մոդուլներ
• ExampՄոդուլի կառուցվածքը
• Ստեղծեք տիրույթի մոդուլ
• Ստեղծեք երթուղային/երթուղային մոդուլների զույգ
• Ստեղծեք ծառայության մոդուլ
• Ընդհանուր մոդուլների ստեղծում

Գլուխ 15. Ընդլայնված երթուղավորում

• Երթուղիների միացված գործառույթի մոդուլ
• Ֆունկցիոնալ մոդուլի օգտագործումը
• Ծույլ բեռնում է հատկանիշի մոդուլը
• Հղումների ստեղծում հատկանիշի մոդուլի բաղադրիչների համար
• Ավելին Lazy Loading-ի մասին
• Մոդուլների նախնական բեռնում
• Կանխադրված երթուղի
• Wildcard Route Path
• վերահղում դեպի
• Երեխաների երթուղիներ
• Երեխաների երթուղիների սահմանում
• Երեխաների երթուղիների համար
• Հղումներ երեխաների երթուղիների համար
• Նավիգացիոն պահակներ
• Պահակների իրականացում
• Օգտագործելով պահակները երթուղու մեջ
• Ամփոփում

Գլուխ 16. Անկյունային հավելվածների փորձարկման միավոր

• Անկյունային արտեֆակտների միավորի փորձարկում
• Փորձարկման գործիքներ
• Տիպիկ փորձարկման քայլեր
• Փորձարկման արդյունքներ
• Jasmine Test Suits
• Jasmine Specs (միավոր փորձարկումներ)
• Ակնկալիքներ (պնդումներ)
• Համապատասխանիչներ
• ExampՀամապատասխանիչների կիրառման դասերը
• Օգտագործելով ոչ գույքը
• Կարգավորում և անջատում Unit Test Suites-ում
• Example of beforeEach և afterEach գործառույթները
• Անկյունային փորձարկման մոդուլ
• ExampԱնկյունային թեստային մոդուլ
• Ծառայության փորձարկում
• Ծառայության օրինակի ներարկում
• Փորձարկել սինխրոն մեթոդը
• Փորձարկել ասինխրոն մեթոդը
• Օգտագործելով Mock HT TP Client-ը
• Պահածոյացված պատասխանի մատակարարում
• Բաղադրիչի փորձարկում
• Բաղադրիչի փորձարկման մոդուլ
• Բաղադրիչի օրինակի ստեղծում
• ComponentFixture դաս
• Հիմնական բաղադրիչների թեստեր
• DebugElement դաս
• Օգտատիրոջ փոխազդեցության մոդելավորում
• Ամփոփում

Գլուխ 17. Վրիպազերծում

• Ավարտվել էview Անկյունային կարգաբերում
• Viewմուտքագրելով TypeScript կոդը Debugger-ում
• Օգտագործելով վրիպազերծիչ Հիմնաբառը
• Վրիպազերծման գրանցում
• Ինչ է Angular DevTools-ը:
• Օգտագործելով Angular DevTools
• Angular DevTools – Բաղադրիչի կառուցվածք
• Angular DevTools – Փոփոխության հայտնաբերման կատարում
• Բռնում շարահյուսական սխալները
• Ամփոփում

Լաբորատոր վարժություններ

• Լաբորատորիա 1. Ներածություն Angular
• Լաբորատորիա 2. TypeScript-ի ներածություն
• Լաբորատորիա 3. Ներածություն բաղադրիչներին
• Լաբորատորիա 4. Բաղադրիչի ձևանմուշ
• Լաբորատորիա 5. Ստեղծեք Լուսանկարների պատկերասրահի բաղադրիչ
• Լաբորատորիա 6. Կաղապարի վրա հիմնված ձև
• Լաբորատորիա 7. Ստեղծեք խմբագրման ձև
• Լաբորատորիա 8. Ռեակտիվ ձև
• Լաբորատորիա 9. Մշակել ծառայություն
• Լաբորատորիա 10. Մշակել HT TP հաճախորդ
• Լաբորատորիա 11. Օգտագործեք խողովակներ
• Լաբորատորիա 12. Հիմնական մեկ էջի հավելված՝ օգտագործելով երթուղիչի լաբորատորիա 13. Կառուցեք մեկ էջի հավելված (SPA)
• Լաբորատորիա 14. Ընդլայնված HT TP հաճախորդ
• Լաբորատորիա 15. Օգտագործելով Angular Bootstrap
• Լաբորատորիա 16. Lazy Module Loading
• Լաբորատորիա 17. Ընդլայնված երթուղի
• Լաբորատորիա 18. Միավոր փորձարկում
• Լաբորատորիա 19. Անկյունային հավելվածների վրիպազերծում

Ո՞ւմ համար է դասընթացը:
Այս դասընթացը ուղղված է բոլորին, ովքեր պետք է սովորեն Angular 12-ի զարգացման հիմունքները և կիրառեն այն ստեղծագործության մեջ web դիմումները անմիջապես: Մենք կարող ենք նաև տրամադրել և հարմարեցնել այս վերապատրաստման դասընթացը ավելի մեծ խմբերի համար՝ խնայելով ձեր կազմակերպության ժամանակը, գումարը և ռեսուրսները:

ՊԱՀԱՆՆԵՐ
Web Այս Angular դասընթացից առավելագույն օգուտ քաղելու համար պահանջվում է HTML, CSS և JavaScript-ի օգտագործմամբ զարգացման փորձ: Օգտակար է նաև բրաուզերի DOM-ի իմացությունը։ Նախկին Angular փորձը AngularJS-ի կամ Angular-ի որևէ տարբերակի հետ չի պահանջվում:
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Փաստաթղթեր / ռեսուրսներ

LUMIFY WORK Angular 12 Ծրագրավորում [pdf] Օգտագործողի ուղեցույց Angular 12 Programming, Angular, 12 Programming, Programming

Հղումներ

• Օգտագործողի ձեռնարկ