Programimi i LUMIFY WORK Angular 12

PSE TA STUDONI KËTË KURSI

Ky kurs gjithëpërfshirës i programimit Angular 12 është një kombinim i të mësuarit teorik dhe laboratorëve praktik që përfshin një hyrje në Angular, e ndjekur nga TypeScript, komponentët, direktivat, shërbimet, klienti HTTP, testimi dhe korrigjimi.
Kursi është i mbushur me informacione të dobishme dhe të zbatueshme që mund të aplikoni në punën tuaj menjëherë. Mësoni bazat e zhvillimit bazë Angular 12, të tilla si aplikacionet e shfletuesit me një faqe, të përgjegjshme webfaqet dhe aplikacionet hibride celulare.
Shënim: Ne gjithashtu mund të ofrojmë trajnime për versionet e tjera të Angular. Ju lutemi na kontaktoni për të bërë një kërkesë ose për të regjistruar interesin tuaj.

ÇFARË DO TË MËSONI
Pas përfundimit me sukses të këtij kursi, ju do të jeni në gjendje të:

• Zhvilloni aplikacione Angular me një faqe duke përdorur Typescript
• Vendosni një mjedis të plotë zhvillimi Angular
• Krijoni komponentë, direktiva, shërbime, tuba, formularë dhe verifikues të personalizuar
• Trajtoni detyrat e avancuara të marrjes së të dhënave të rrjetit duke përdorur Observables Konsumoni të dhëna nga REST web shërbimet që përdorin Angular HT TP Client Trajto lidhjet push-të dhënash duke përdorur WebProtokolli i prizave
• Punoni me Angular Pipes për të formatuar të dhënat
• Përdorni veçori të avancuara të ruterit të komponentëve këndorë
• Testoni dhe korrigjoni aplikacionet Angular duke përdorur mjete të integruara.

LËNDËT E KURSIT

Kapitulli 1. Prezantimi i Angular

• Çfarë është Angular?
• Karakteristikat qendrore të kuadrit këndor Rastet e përdorimit të duhur
• Ndërtimi i blloqeve të një aplikacioni këndor Arkitektura bazë e një aplikacioni këndor Instalimi dhe përdorimi i Angular
• Anatomia e një aplikacioni këndor që ekzekuton aplikacionin
• Ndërtimi dhe vendosja e aplikacionit Angular për Aplikacionet Native Mobile
• Përmbledhje

Kapitulli 2. Hyrje në TypeScript

• Gjuhët e programimit për përdorim me sintaksë Angular TypeScript
• Redaktorët e programimit
• Sistemi i tipit – Përcaktimi i variablave
• Sistemi i tipit – Përcaktimi i vargjeve
• Llojet themelore primitive
• Shkruani Funksionet
• Lloji Konkluzion
• Përcaktimi i klasave
• Metodat e klasës
• Kontrolli i dukshmërisë
• Ndërtuesit e klasave
• Konstruktorët e klasave – Forma alternative të fushave të pa inicializuara
• Ndërfaqet
• Puna me modulet ES6
• var vs le
• Funksionet e Shigjetave
• Funksioni i shigjetës Vargjet e shabllonit kompakt të sintaksës
• Gjenerikët në klasë
• Gjenerikët në funksion
• Përmbledhje

Kapitulli 3. Komponentët

• Çfarë është një Komponent?
• Një Ishample Komponenti
• Krijimi i një komponenti duke përdorur Angular CLI
• Klasa e komponentëve
• Dekoratori @Component
• Regjistrimi i një komponenti në modelin e komponentit të modulit të tij
• Example: Modeli HelloComponent
• Example: Klasa HelloComponent duke përdorur një komponent
• Ekzekutoni Aplikacionin
• Hierarkia e Komponentit
• Komponenti rrënjë i aplikacionit
• Bootstrap File
• Gurpat e ciklit jetësor të komponentit Example grepa të ciklit jetësor
• Stilet CSS
• Përmbledhje

Kapitulli 4. Modelet e komponentëve

• Modelet
• Vendndodhja e shabllonit
• Sintaksa e Mustache {{ }}
• Vendosja e vetive të elementit DOM
• Vendosja e tekstit të trupit të elementit
• Lidhja e ngjarjes
• Trajtuesi i ngjarjeve të shprehjes
• Parandalimi i trajtimit të paracaktuar
• Direktivat e atributeve
• Aplikoni stilet duke ndryshuar klasat CSS
• Example: ngClass
• Aplikimi i stileve drejtpërdrejt
• Direktivat Strukturore
• Ekzekutoni modelin me kusht
• Example: ngNëse
• Looping duke përdorur ngFor
• ngPër variabla lokale
• Manipulimi i Koleksionit P.shample – Fshirja e një artikulli
• Gjurmimi i artikullit me ngPër shkëmbimin e elementeve me ngNdërro elementet e grupimit
• Përmbledhja e variablit të referencës së shabllonit

Kapitulli 5. Komunikimi ndërkomponent

• Bazat e Komunikimit
• Arkitektura e rrjedhës së të dhënave
• Përgatitja e fëmijës për të marrë të dhëna
• Dërgo të dhëna nga prindi
• Më shumë rreth cilësimeve të vetive
• Ngjarja e ndezjes nga një komponent
• @Output() P.shample – Komponenti fëmijë @Output() P.shample – Komponenti mëmë
• Lidhja e plotë me dy drejtime
• Vendosja e lidhjes së të dhënave në dy drejtime në prind
• Përmbledhje

Kapitulli 6. Format e drejtuara nga shabllonet

• Format e drejtuara nga shabllonet
• Moduli për importimin e formularëve
• Qasja Bazë
• Vendosja e një formulari
• Marrja e të dhënave të përdoruesit
• Hiqja e atributit ngForm
• Inicializoni formularin
• Lidhja e të dhënave në dy drejtime
• Vleresimi i formularit
• Angular Validators
• Shfaqja e gjendjes së vlefshmërisë duke përdorur klasat Llojet shtesë të hyrjes
• Kutitë e kontrollit
• Zgjidhni fushat (Drop Down).
• Opsionet e interpretimit për fushat e datës Zgjidh (Drop Down).
• Butonat e radios
• Përmbledhje

Kapitulli 7. Format reaktive

• Përfundojnë Format Reaktiveview
• Blloqet e Ndërtimit
• Importo Modulin ReactiveForms
• Ndërtoni një formular
• Dizajnoni shabllonin
• Marrja e vlerave hyrëse
• Inicializimi i fushave të hyrjes
• Vendosja e vlerave të formularit
• Abonimi në Ndryshimet e hyrjes
• Vleresimi
• Validues të integruar
• Duke shfaqur gabimin e verifikimit
• Vlerësues i personalizuar
• Përdorimi i një Validuesi të personalizuar
• Furnizimi i konfigurimit në Validatorin e personalizuar
• FormArray – Shtoni në mënyrë dinamike të dhëna
• FormArray – Klasa e komponentëve
• FormArray – Modeli
• FormArray – Vlerat
• Nën-FormGrupet – Klasa e Komponentit
• Nën-FormGrupet – Shablloni HTML
• Pse të përdorni Sub FormGroups
• Përmbledhje

Kapitulli 8. Shërbimet dhe Injeksioni i Varësisë

• Çfarë është një shërbim?
• Krijimi i një shërbimi bazë
• Klasa e Shërbimit
• Çfarë është injeksioni i varësisë?
• Injektimi i një shembulli shërbimi
• Injektorët
• Hierarkia e injektorëve
• Regjistrimi i një shërbimi me Root Injector
• Regjistrimi i një shërbimi me një injeksion të komponentit
• Regjistroni një shërbim me një injektues të modulit të veçorive
• Ku të regjistrohet një shërbim?
• Injeksioni i varësisë në objekte të tjera që siguron një injeksion të varësisë së zbatimit alternativ dhe @Host
• Injeksioni i varësisë dhe @Opsionale
• Përmbledhje

Kapitulli 9. Klienti HTTP

• Klienti Angular HT TP
• Duke përdorur T ai HT TP Client – ​​Mbiview
• Importimi i HttpClientModule
• Shërbimi duke përdorur HttpClient
• Bërja e një kërkese GET
• Çfarë bën një objekt i vëzhgueshëm?
• Përdorimi i shërbimit në një komponent
• Trajtimi i gabimeve të komponentit të klientit të PeopleService
• Përshtatja e objektit të gabimit
• Bërja e një Kërkese POST
• Bërja e një kërkese PUT
• Bërja e një kërkese për FSHIJE

Kapitulli 10. Tuba dhe formatimi i të dhënave

• Çfarë janë tubacionet?
• Tuba të integruara
• Përdorimi i tubave në Tubat e zinxhirit të shablloneve HTML
• Tuba të ndërkombëtarizuara (i18n) duke ngarkuar të dhënat lokale
• Data Pipe
• Numri Pipe
• Tub valutor
• Krijoni një tub të personalizuar
• Tub me porosi Example
• Përdorimi i tubave të personalizuar
• Duke përdorur një tub me ngFor
• Një tub filtri
• Kategoria e tubave: i pastër dhe i papastër
• Përmbledhje
• Pure Pipe Example
• Tub i papastër Example
• Përmbledhje

Kapitulli 11. Hyrje në aplikacionet me një faqe

• Çfarë është një aplikacion tradicional (SPA) me një faqe Web Aplikimi
• Rrjedha e punës SPA
• Advani i aplikacionit me një faqetagështë HTML5 Historia API
• Sfidat SPA
• Zbatimi i SPA-ve duke përdorur përmbledhjen këndore

Kapitulli 12. Ruteri i komponentit këndor

• Ruteri i komponentëve
• View Navigimi
• API Angular Router
• Krijimi i një aplikacioni të aktivizuar me ruter
• Pritja e komponentëve të rrugës
• Lundrimi duke përdorur lidhje dhe butona
• Navigacion programatik
• Kalimi i parametrave të rrugës
• Lundrimi me Parametrat e Rrugës
• Marrja e vlerave të parametrave të rrugës
• Marrja e parametrit të rrugës në mënyrë sinkronike
• Marrja e një parametri të rrugës në mënyrë asinkrone
• Parametrat e pyetjes
• Furnizimi i parametrave të pyetjeve
• Marrja e parametrave të pyetjeve në mënyrë asinkrone
• Probleme me manualin URL hyrje dhe Shënim
• Përmbledhje

Kapitulli 13. Klienti i avancuar HTTP

• Opsionet e Kërkesës
• Kthimi i një objekti HttpResponse
• Vendosja e titujve të kërkesave
• Krijimi i vëzhguesve të rinj
• Krijimi i një vëzhguesi të thjeshtë
• Metoda e konstruktorit të vëzhgueshëm Operatorët e vëzhgueshëm
• Operatorët e hartës dhe filtrit
• Operatori flatMap().
• Operatori tap().
• Kombinatori zip().
• Memoria e përgjigjes HT TP
• Kryerja e thirrjeve sekuenciale HT TP
• Bërja e thirrjeve paralele
• Personalizimi i objektit të gabimit me catchError()
• Gabim në tubacion
• Rikuperimi i gabimeve
• Përmbledhje

Kapitulli 14. Modulet këndore

• Pse Angular Module?
• Anatomia e një klase të modulit
• Vetitë @NgModule
• Modulet e veçorive
• Example Struktura e Modulit
• Krijoni një modul domeni
• Krijoni një çift modulësh të drejtuar/drejtues
• Krijoni një modul shërbimi
• Krijimi i moduleve të përbashkëta

Kapitulli 15. Drejtimi i avancuar

• Moduli i veçorive i aktivizuar i rrugëzimit
• Duke përdorur modulin e veçorive
• Dembele duke ngarkuar modulin e veçorive
• Krijimi i lidhjeve për komponentët e modulit të veçorive
• Më shumë rreth ngarkimit dembel
• Ngarkimi paraprak i moduleve
• Itinerari i parazgjedhur
• Shtegu i itinerarit me karakter të egër
• ridrejto Te
• Rrugët e fëmijëve
• Përcaktimi i rrugëve për fëmijë
• për Rrugët e Fëmijëve
• Lidhje për rrugët e fëmijëve
• Rojet e lundrimit
• Krijimi i Zbatimeve të Gardës
• Përdorimi i rojeve në një rrugë
• Përmbledhje

Kapitulli 16. Testimi i njësisë së aplikacioneve këndore

• Testimi i njësisë së objekteve këndore
• Mjetet e Testimit
• Hapat tipikë të testimit
• Rezultatet e testit
• Jasmine Test Suits
• Specifikimet e Jasemines (Testet e njësisë)
• Pritjet (Pohimet)
• Ndeshësit
• Examples of Përdorimi i Matchers
• Përdorimi i pronës jo
• Konfigurimi dhe prishja në paketat e testimit të njësisë
• Example të funksioneve paraÇdo dhe pasÇdo
• Moduli i testit këndor
• Example Moduli i Testit Angular
• Testimi i një shërbimi
• Injektimi i një shembulli shërbimi
• Testoni një metodë sinkrone
• Testoni një metodë asinkrone
• Duke përdorur Mock HT TP Client
• Furnizimi i përgjigjes së konservuar
• Testimi i një komponenti
• Moduli i Testimit të Komponentit
• Krijimi i një shembulli të komponentit
• Klasa e fiksimit të komponentëve
• Testet e komponentëve bazë
• Klasa DebugElement
• Simulimi i ndërveprimit të përdoruesit
• Përmbledhje

Kapitulli 17. Debugging

• Mbiview i korrigjimit këndor
• Viewduke përdorur Kodin TypeScript në Debugger
• Duke përdorur fjalën kyçe të korrigjuesit
• Regjistrimi i korrigjimit
• Çfarë është Angular DevTools?
• Duke përdorur Angular DevTools
• Angular DevTools – Struktura e komponentit
• Angular DevTools – Ekzekutimi i Zbulimit të Ndryshimit
• Kapja e gabimeve sintaksore
• Përmbledhje

Ushtrime laboratorike

• Laboratori 1. Hyrje në Angular
• Laboratori 2. Hyrje në TypeScript
• Laboratori 3. Hyrje në Komponentët
• Laboratori 4. Modeli i Komponentit
• Laboratori 5. Krijoni një komponent të Galerisë së Fotove
• Laboratori 6. Forma e drejtuar nga shablloni
• Laboratori 7. Krijo një formular modifikimi
• Laboratori 8. Forma reaktive
• Laboratori 9. Zhvilloni një shërbim
• Laboratori 10. Zhvilloni një Klient HT TP
• Laboratori 11. Përdorni tuba
• Laboratori 12. Aplikimi bazë për një faqe duke përdorur Router Lab 13. Ndërtoni një aplikacion me një faqe të vetme (SPA)
• Laboratori 14. Klienti i avancuar HT TP
• Laboratori 15. Përdorimi Angular Bootstrap
• Laboratori 16. Moduli Lazy Po ngarkohet
• Laboratori 17. Drejtimi i avancuar
• Laboratori 18. Testimi i njësisë
• Laboratori 19. Debugging Angular Applications

PËR KË ËSHTË KURSI?
Ky kurs synon këdo që ka nevojë të mësojë bazat e zhvillimit Angular 12 dhe ta zbatojë atë në krijimin web aplikimet menjëherë. Ne gjithashtu mund ta ofrojmë dhe personalizojmë këtë kurs trajnimi për grupe më të mëdha – duke kursyer kohë, para dhe burime të organizatës suaj.

Kushtet paraprake
Web Përvoja e zhvillimit duke përdorur HTML, CSS dhe JavaScript kërkohet për të përfituar sa më shumë nga ky kurs Angular. Njohja e shfletuesit DOM është gjithashtu e dobishme. Përvoja e mëparshme Angular, me AngularJS ose ndonjë version të Angular, nuk kërkohet.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumentet / Burimet

Programimi i LUMIFY WORK Angular 12 [pdfUdhëzuesi i përdoruesit Angular 12 Programming, Angular, 12 Programming, Programming

Referencat

• Manuali i Përdoruesit