LUMIFY WORK Angular 15 Ծրագրավորման Օգտագործողի ուղեցույց

ԴԻՄՈՒՄ ԵՎ WEB ԶԱՐԳԱՑՈՒՄ
Angular 15 ծրագրավորում
ԵՐԿԱՐՈՒԹՅՈՒՆ 5 օր
ՏԱՐԲԵՐԱԿ 15

Բովանդակություն թաքցնել

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

2 ԻՆՉ ԿՍՈՎՈՐԵՔ

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

4 Ո՞ւմ համար է դասընթացը:

5 ՊԱՀԱՆՆԵՐ

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

6.1 Հղումներ

7 Առնչվող գրառումներ

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

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

ANGULAR AT LUMIFY WORK-ում

ԻՆՉ ԿՍՈՎՈՐԵՔ

Այս դասընթացը հաջողությամբ ավարտելու դեպքում դուք կունենաք գիտելիքներ՝

Մշակել մեկ էջի անկյունային կիրառական իոններ՝ օգտագործելով Typescript
Ստեղծեք Angular զարգացման ամբողջական միջավայր
Ստեղծեք բաղադրիչներ, Direct ives, ծառայություններ, խողովակներ, ձևաթղթեր և հատուկ վավերացնողներ
Կառավարեք ցանցի տվյալների որոնման առաջադեմ առաջադրանքները՝ օգտագործելով Observables
Սպառեք տվյալները REST-ից web ծառայություններ՝ օգտագործելով Angular HTTP Client-ը

Կառավարեք push-data կապի իոնները՝ օգտագործելով WebSocket արձանագրություն
Աշխատեք Angular Pipes-ի հետ՝ տվյալների ձևաչափման համար
Օգտագործեք Angular Component Router-ի առաջադեմ գործառույթները
Փորձարկել և կարգաբերել անկյունային կիրառական իոնները՝ օգտագործելով ներկառուցված գործիքներ
Աշխատեք Angular CLI-ի հետ

Իմ ուսուցիչը հիանալի էր, երբ կարողացավ սցենարներ տեղադրել իրական աշխարհի օրինակներում, որոնք վերաբերում էին իմ կոնկրետ իրավիճակին:
Իմ ժամանման պահից ինձ ողջունելի էին զգում, և դասարանից դուրս խմբով նստելու կարողությունը՝ քննարկելու մեր իրավիճակներն ու մեր նպատակները, չափազանց արժեքավոր էր:
Ես շատ բան սովորեցի և զգացի, որ կարևոր է, որ այս դասընթացին մասնակցելով իմ նպատակներն իրականացվեն:
Հիանալի աշխատանք Lumify Work թիմ:ԱՄԱՆԴԱ ՆԻԿՈԼ
IT SUPPORT SERVICES MANAGER – HEALTH WORLD LIMITED

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

Ներկայացնում ենք Angular-ը
• Ի՞նչ է Angular-ը:
• Անկյունային շրջանակի կենտրոնական առանձնահատկությունները
• Համապատասխան օգտագործման դեպքեր
• Անկյունային հավելվածի շինանյութեր
• Անկյունային հավելվածի հիմնական ճարտարապետություն
• Angular-ի տեղադրում և օգտագործում
• Անկյունային կիրառական իոնի անատոմիա
• Application ion-ի գործարկում
• Հավելվածի ստեղծում և տեղակայում
• Angular բնիկ բջջային հավելվածների համար
TypeScript-ի ներածություն
• Ծրագրավորման լեզուներ՝ Angular-ի հետ օգտագործելու համար
• TypeScript շարահյուսություն
• Ծրագրավորման խմբագիրներ
• Տիպի համակարգ – Փոփոխականների սահմանում
• Տիպի համակարգ – Զանգվածների սահմանում
• Հիմնական պրիմիտիվ տեսակները
• Մուտքագրեք ֆունկցիայի իոններ
• Տեսակ եզրակացություն
• Դասերի սահմանում
• Դասի մեթոդներ
• Տեսանելիության վերահսկում
• Դասարանի կոնստրուկտորներ
• Դասերի կառուցողներ – Այլընտրանքային ձև
• Unitialized դաշտեր
• Ինտերֆեյսներ
• ES6 մոդուլների հետ աշխատելը
• var vs let
• Սլաքների գործառույթներ
• Arrow Function Compact Syntax
• Կաղապարի տողեր
• Ջեներիկներ դասարանում
• Generics in Function ion

Բաղադրիչներ
• Ի՞նչ է բաղադրիչը:
• Նախample Բաղադրիչ
• Ստեղծեք բաղադրիչ՝ օգտագործելով Angular CLI
• Բաղադրիչների դաս
• The @Component Decorator
• Բաղադրիչի գրանցում իր մոդուլում
• Բաղադրիչի ձևանմուշ
• Նախample: HelloComponent Կաղապար
• Նախample: HelloComponent Class
• Բաղադրիչի օգտագործումը
• Գործարկել Հավելվածը
• Բաղադրիչների հիերարխիա
• Applicat ion Root բաղադրիչը
• The Bootstrap File
• Բաղադրիչների կյանքի ցիկլի կեռիկներ
• Նախample Lifecycle Կեռիկներ
• CSS ոճեր
Բաղադրիչների ձևանմուշներ
• Կաղապարներ
• Կաղապարի գտնվելու վայրը
• Բեղերի {{ }} շարահյուսություն
• DOM տարրի հատկությունների կարգավորում
• Տարրի մարմնի տեքստի կարգավորում
• Իրադարձությունների կապում
• Արտահայտման իրադարձությունների կառավարիչ
• Կանխել լռելյայն բեռնաթափումը
• Հատկանիշների հրահանգներ
• Կիրառել ոճերը՝ փոխելով CSS դասերը
• Նախample: ngClass
• Ոճերի ուղղակի կիրառում
• Կառուցվածքային հրահանգներ
• Պայմանականորեն Կատարել Կաղապար
• Նախample: ngԵթե
• Looping Օգտագործելով ngFor
• ngՏեղական փոփոխականների համար
• Հավաքածուի մանիպուլյացիա
• Նախample – Նյութի ջնջում
• Նյութերի հետագծում ngFor-ով
• Տարրերի փոխանակում ngSwitch-ով
• Խմբավորման տարրեր
• Կաղապարի հղումների փոփոխական

Intercomponent Communication
• Հաղորդակցության հիմունքներ
• Տվյալների հոսքի ճարտարապետություն
• Երեխային պատրաստել տվյալներ ստանալու համար
• Ուղարկել տվյալներ ծնողից
• Ավելին Կարգավորման հատկությունների մասին
• Իրադարձության արձակում բաղադրիչից
• @Output() Օրինակample – Երեխայի բաղադրիչ
• @Output() Օրինակample – Ծնող բաղադրիչ
• Ամբողջական երկկողմանի կապում
• Երկկողմանի տվյալների կապի կարգավորում ծնողում
Կաղապար և առաջնորդվող ձևեր
• Կաղապարի վրա հիմնված ձևեր
• Ձևաթղթերի ներմուծման մոդուլ
• Հիմնական մոտեցում
• Ձևաթղթի ձևավորում
• Օգտատիրոջ մուտքի ստացում
• ngForm հատկանիշի բացթողում
• Նախնականացնել Ձևը
• Տվյալների երկկողմանի կապում
• Ձևի վավերացում
• Անկյունային վավերացնողներ
• Ցուցադրվում է Validat ion State՝ օգտագործելով դասեր
• Լրացուցիչ մուտքային տեսակներ
• Վանդակներ
• Ընտրեք (Drop Down) դաշտերը
• Վերարտադրման ընտրանքներ ընտրության համար (բացվող)
• Ամսաթվի դաշտեր
• Ռադիո կոճակներ

Ռեակտիվ ձևեր
• Ռեակտիվ ձևերը ավարտված ենview
• Շինանյութեր
• Ներմուծել Reactive FormsModule
• Կառուցեք ձև
• Կաղապարի ձևավորում
• Մուտքային արժեքների ստացում
• Մուտքային դաշտերի սկզբնավորում
• Ձևի արժեքների կարգավորում
• Բաժանորդագրվել Input Changes-ին
• Վավերացում
• Ներկառուցված վավերացնող սարքեր
• Ցուցադրվում է վավերացման սխալ
• Պատվերով վավերացնող
• Պատվերով վավերացնողի օգտագործումը
• Մատակարարման կոնֆիգուրացիա Custom Validator-ին
• FormArray – Դինամիկ կերպով ավելացնել մուտքեր
• FormArray – Բաղադրիչների դաս
• FormArray – Կաղապար
• FormArray – Արժեքներ
• Sub FormGroups – Բաղադրիչների դաս
• Sub FormGroups – HTML ձևանմուշ
• Ինչու օգտագործել Sub FormGroups-ը
Ծառայություններ և կախվածության ներարկում
• Ի՞նչ է Ծառայությունը:
• Հիմնական ծառայության ստեղծում
• Ծառայությունների դաս
• Ի՞նչ է կախվածության ներարկումը:
• Ծառայության օրինակի ներարկում
• Ներարկիչներ
• Ներարկիչի հիերարխիա
• Ծառայության գրանցում Root Injector-ով
• Ծառայության գրանցում բաղադրիչի ներարկիչով
• Գրանցեք Ծառայություն գործառույթի մոդուլի ներարկիչով
• Որտեղ գրանցել ծառայություն:
• Կախվածության ներարկում այլ արտեֆակտներում
• Այլընտրանքային իրականացման ապահովում
• Կախվածության ներարկում և @Host
• Կախվածության ներարկում և @ընտրովի

HTTP հաճախորդ
• Անկյունային HTTP հաճախորդ
• Օգտագործելով HTTP հաճախորդը – ավարտվել էview
• Ներմուծեք HttpClientModule
• Ծառայություն՝ օգտագործելով HttpClient
• GET հարցում կատարելը
• Ի՞նչ է անում Դիտարկվող օբյեկտը:
• Ծառայության օգտագործումը բաղադրիչում
• PeopleService Հաճախորդի բաղադրիչը
• Սխալների մշակում
• Սխալի օբյեկտի հարմարեցում
• ՓՈՍՏ-ի հարցում կատարելը
• PUT հարցում կատարելը
• Ջնջելու հարցում կատարելը
Խողովակներ և տվյալների ձևաչափում
• Ի՞նչ են խողովակները:
• Ներկառուցված խողովակներ
• Խողովակների օգտագործումը HTML ձևանմուշում
• Շղթայական խողովակներ
• Միջազգային համալրված խողովակներ (i18n)
• Locale տվյալների բեռնում
• ամսաթիվը Խողովակ
• Խողովակի համարը
• Արտարժույթի խողովակ
• Ստեղծեք հատուկ խողովակ
• Custom Pipe Example
• Պատվերով խողովակների օգտագործումը
• ngFor-ի հետ խողովակի օգտագործումը
• Զտիչ խողովակ
• Խողովակների կատեգորիա՝ մաքուր և անմաքուր
• Pure Pipe Example
• Անմաքուր խողովակներ Example

Ներածություն մեկ էջի հավելվածներին
• Ի՞նչ է մեկ էջի հավելվածի իոնը (SPA)
• Ավանդական Web Դիմում
• SPA Workflow
• Single Page Application Advantages
• HTML5 History API
• SPA մարտահրավերներ
• SPA-ի կիրառում Angular
Անկյունային բաղադրիչ երթուղիչ
• Բաղադրիչի երթուղիչ
• View Նավիգացիա
• Angular Router API
• Երթուղիչով միացված հավելվածի ստեղծում
• Ուղղորդված բաղադրիչների հոսթինգ
• Նավիգացիա՝ օգտագործելով հղումներ և կոճակներ
• Ծրագրային նավարկություն
• Անցնող երթուղու պարամետրեր
• Նավարկում երթուղու պարամետրերով
• Երթուղու պարամետրի արժեքների ստացում
• Երթուղու պարամետրի համաժամանակյա առբերում
• Երթուղու պարամետրի ասինխրոն հայտնաբերում
• Հարցման պարամետրեր
• Հարցման պարամետրերի մատակարարում
• Հարցման պարամետրերի ասինխրոն հայտնաբերում
• Ձեռնարկի հետ կապված խնդիրներ URL մուտք և էջանշում

Ընդլայնված HTTP հաճախորդ
• Հարցման տարբերակներ
• HttpResponse օբյեկտի վերադարձ
• Հարցման վերնագրերի կարգավորում
• Նոր դիտելիների ստեղծում
• Պարզ դիտարկելիի ստեղծում
• Դիտարկվող կոնստրուկտորի մեթոդը
• Դիտարկվող օպերատորներ
• Քարտեզ և ֆիլտրի օպերատորներ
• FlatMap() օպերատորը
• Tap() օպերատոր
• Zip() կոմբինատորը
• HTTP պատասխանի քեշավորում
• Հերթական HTTP զանգերի կատարում
• Զուգահեռ զանգեր կատարելը
• Սխալի օբյեկտի անհատականացում catchError()-ով
• Խողովակաշարի սխալ
• Սխալների վերականգնում
Անկյունային մոդուլներ
• Ինչու՞ անկյունային մոդուլներ:
• Մոդուլային դասի անատոմիա
• @NgModule Properties
• Խաղարկային մոդուլներ
• ՆախampՄոդուլի կառուցվածքը
• Ստեղծեք տիրույթի մոդուլ
• Ստեղծեք երթուղային/երթուղային մոդուլների զույգ
• Ստեղծեք սպասարկման մոդուլ
• Ընդհանուր մոդուլների ստեղծում
• Մեկ մոդուլի օգտագործումը մյուսից

Ընդլայնված երթուղում
• Routing Enabled Feature Module
• Feature Module-ի օգտագործումը
• Ծույլ բեռնում է հնարավորությունների մոդուլը
• Ֆունկցիոնալ մոդուլի բաղադրիչների համար հղումների ստեղծում
• Ավելին Lazy Loading-ի մասին
• Մոդուլների նախնական բեռնում
• routerLinkActive binding
• Կանխադրված երթուղի
• Wildcard Route Path
• վերահղում Դեպի
• Երեխաների երթուղիներ
• Երեխաների երթուղիների սահմանում երեխաների երթուղիների համար
• Հղումներ երեխաների երթուղիների համար
• Նավիգացիոն պահակներ
• Պահակների իրականացում
• Երթուղում պահակախմբի օգտագործումը
Միավորի թեստավորման անկյունային հավելվածներ
• Անկյունային արտեֆակտների միավորի փորձարկում
• Փորձարկման գործիքներ
• Տիպիկ փորձարկման քայլեր
• Թեստի արդյունքները
• Jasmine Test Suites
• Jasmine Specs (միավոր թեստեր)
• Ակնկալիքներ (հաստատեք իոններ)
• Համապատասխանիչներ
• ՆախampՀամապատասխանիչների կիրառման դասերը
• Օգտագործելով ոչ գույքը
• Կարգավորում և անջատում Unit Test Suites-ում
• Նախample of beforeEach և afterEach գործառույթները
• Անկյունային փորձարկման մոդուլ
• ՆախampԱնկյունային թեստային մոդուլ
• Ծառայության փորձարկում
• Ծառայության օրինակի ներարկում
• Փորձարկել սինխրոն մեթոդը
• Փորձարկել ասինխրոն մեթոդը
• Օգտագործելով Mock HTTP Client
• Պահածոյացված պատասխանի մատակարարում
• Բաղադրիչի փորձարկում
• Բաղադրիչի թեստային մոդուլ
• Բաղադրիչի օրինակի ստեղծում
• ComponentFixture Class
• Հիմնական բաղադրիչների թեստեր
• DebugElement դաս
• Օգտատիրոջ փոխազդեցության մոդելավորում

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

Ո՞ւմ համար է դասընթացը:

Այս դասընթացը ուղղված է բոլորին, ովքեր պետք է սովորեն Angular 15-ի զարգացման հիմունքները և անմիջապես կիրառեն այն ստեղծելու համար web հավելվածներ։
Մենք կարող ենք նաև տրամադրել և հարմարեցնել այս վերապատրաստման դասընթացը ավելի մեծ խմբերի համար՝ խնայելով ձեր կազմակերպության ժամանակը, գումարը և ռեսուրսները: Լրացուցիչ տեղեկությունների համար խնդրում ենք կապվել մեզ հետ էլ ph.training@lumifywork.com

ՊԱՀԱՆՆԵՐ

Web Այս Angular դասընթացից առավելագույն օգուտ քաղելու համար պահանջվում է 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