LUMIFY WORK Angular 12 Programmeerimine

MIKS SEE KURSUS ÕPIDA

See põhjalik Angular 12 programmeerimise kursus on kombinatsioon teoreetilisest õppest ja praktilistest laboritest, mis sisaldab sissejuhatust Angularisse, millele järgneb TypeScript, komponendid, direktiivid, teenused, HTTP-klient, testimine ja silumine.
Kursus on täis kasulikku ja praktilist teavet, mida saate kohe oma töös rakendada. Õppige Angular 12 põhiarenduse põhialuseid, nagu ühelehelised brauserirakendused, reageerivad websaidid ja hübriidmobiilirakendused.
Märkus: saame pakkuda koolitusi ka teiste Angulari versioonide kohta. Päringu tegemiseks või huvi registreerimiseks võtke meiega ühendust.

MIDA SA ÕPPID
Pärast selle kursuse edukat läbimist on teil võimalik:

• Üheleheliste Angular-rakenduste arendamine Typescripti abil
• Seadistage täielik Angular arenduskeskkond
• Looge komponente, direktiive, teenuseid, torusid, vorme ja kohandatud validaatoreid
• Käsitsege täpsemaid võrguandmete toomise ülesandeid, kasutades funktsiooni Observables Tarbige REST-i andmeid web teenused, mis kasutavad Angular HT TP Client Handle push-andmeühendusi kasutades WebPistikupesade protokoll
• Andmete vormindamiseks töötage Angular Pipes'iga
• Kasutage nurgakomponentide ruuteri täiustatud funktsioone
• Testige ja siluge Angular rakendusi sisseehitatud tööriistade abil.

KURSUSE AINED

Peatükk 1. Angulari tutvustus

• Mis on Angular?
• Angular Frameworki kesksed omadused Sobivad kasutusjuhtumid
• Nurgarakenduse ehitusplokid Nurgarakenduse põhiarhitektuur Nurga paigaldamine ja kasutamine
• Rakendust käivitava nurgarakenduse anatoomia
• Rakenduse Angular loomine ja juurutamine kohalike mobiilirakenduste jaoks
• Kokkuvõte

Peatükk 2. Sissejuhatus TypeScripti

• Programmeerimiskeeled kasutamiseks Angular TypeScripti süntaksiga
• Programmeerimistoimetajad
• Tüübisüsteem – muutujate määratlemine
• Tüübisüsteem – massiivide määratlemine
• Põhilised primitiivsed tüübid
• Sisestage funktsioonid
• Tüüp Järeldus
• Klasside määratlemine
• Klassi meetodid
• Nähtavuskontroll
• Klassi konstruktorid
• Klassikonstruktorid – alternatiivse vormi initsialiseerimata väljad
• Liidesed
• Töötamine ES6 moodulitega
• var vs let
• Noolefunktsioonid
• Noolefunktsioon Kompaktsed süntaksimalli stringid
• Generics klassis
• Generics in Function
• Kokkuvõte

Peatükk 3. Komponendid

• Mis on komponent?
• Example Komponent
• Angular CLI abil komponendi loomine
• Komponentide klass
• @Component Decorator
• Komponendi registreerimine selle mooduli komponendi mallile
• Example: HelloComponenti mall
• Example: HelloComponenti klass, mis kasutab komponenti
• Käivitage rakendus
• Komponentide hierarhia
• Rakenduse juurkomponent
• Bootstrap File
• Komponentide elutsükli konksud Example Elutsükli konksud
• CSS-stiilid
• Kokkuvõte

Peatükk 4. Komponentide mallid

• Mallid
• Malli asukoht
• Vuntside {{ }} süntaks
• DOM-i elemendi omaduste määramine
• Seadeelemendi kehatekst
• Sündmuste sidumine
• Väljendite sündmuste käitleja
• Vaikekäsitluse vältimine
• Atribuutide direktiivid
• Rakendage stiile, muutes CSS-i klasse
• Example: ngClass
• Stiilide otsene rakendamine
• Struktuuridirektiivid
• Tingimuslikult täitke mall
• Example: ngIf
• Silmuse loomine ngFori abil
• ngKohalike muutujate jaoks
• Kollektsiooniga manipuleerimine Example – üksuse kustutamine
• Üksuste jälgimine funktsiooniga ngFor Elementide vahetamine ngSwitchi grupeerimiselementidega
• Malli viitemuutujate kokkuvõte

Peatükk 5. Komponentidevaheline suhtlus

• Suhtlemise põhitõed
• Andmevoo arhitektuur
• Lapse ettevalmistamine andmete vastuvõtmiseks
• Andmete saatmine vanemalt
• Lisateave atribuutide seadistamise kohta
• Sündmuse käivitamine komponendist
• @Output() Ntample – alamkomponent @Output() Ntample – põhikomponent
• Täielik kahesuunaline köitmine
• Kahesuunalise andmesidumise seadistamine vanemas
• Kokkuvõte

Peatükk 6. Mallipõhised vormid

• Mallipõhised vormid
• Vormide importimise moodul
• Põhiline lähenemine
• Vormi seadistamine
• Kasutaja sisendi saamine
• Atribuudi ngForm väljajätmine
• Vormi lähtestamine
• Kahesuunaline andmete sidumine
• Vormi kinnitamine
• Nurgavalidaatorid
• Valideerimisoleku kuvamine klasside abil Täiendavad sisenditüübid
• Märkeruudud
• Valige (rippmenüüst) väljad
• Renderdusvalikud valitavate (rippmenüü) kuupäevaväljade jaoks
• Raadionupud
• Kokkuvõte

Peatükk 7. Reaktiivsed vormid

• Reaktiivsed vormid läbiview
• Ehitusplokid
• Impordi ReactiveFormsModule
• Vorm koostamine
• Kujundage mall
• Sisendväärtuste hankimine
• Sisestusväljade lähtestamine
• Vormi väärtuste määramine
• Sisendmuudatuste tellimine
• Valideerimine
• Sisseehitatud validaatorid
• Kuvatakse valideerimisviga
• Kohandatud valideerija
• Kohandatud validaatori kasutamine
• Konfiguratsiooni edastamine kohandatud validaatorisse
• FormArray – lisage dünaamiliselt sisendeid
• FormArray – komponentide klass
• FormArray – mall
• FormArray – väärtused
• Alamvormirühmad – komponendiklass
• Alamvormirühmad – HTML-mall
• Miks kasutada alamvormirühmi?
• Kokkuvõte

Peatükk 8. Teenused ja sõltuvuse süstimine

• Mis on Teenus?
• Põhiteenuse loomine
• Teenindusklass
• Mis on sõltuvuse süstimine?
• Teenuse eksemplari süstimine
• Pihustid
• Pihusti hierarhia
• Teenuse registreerimine juursüstijaga
• Teenuse registreerimine komponendi pihusti abil
• Registreerige teenus funktsioonimooduli injektoriga
• Kuhu teenust registreerida?
• Sõltuvuse süstimine muudes artefaktides, pakkudes alternatiivset rakendust, sõltuvuse süstimist ja @Host
• Sõltuvuse süstimine ja @Valikuline
• Kokkuvõte

Peatükk 9. HTTP-klient

• Angular HT TP klient
• HT TP kliendi kasutamine – läbiview
• HttpClientModule'i importimine
• Teenus kasutades HttpClient
• GET-i taotluse esitamine
• Mida teeb vaadeldav objekt?
• Teenuse kasutamine komponendis
• PeopleService'i kliendi komponendi veakäsitlus
• Veaobjekti kohandamine
• POST-päringu tegemine
• PUT-päringu tegemine
• Kustutamistaotluse esitamine

Peatükk 10. Torud ja andmete vormindamine

• Mis on torud?
• Sisseehitatud torud
• Torude kasutamine HTML-i mallide aheldamistorudes
• Rahvusvaheliste torude (i18n) asukohaandmete laadimine
• Kuupäev Pipe
• Number Pipe
• Valuuta toru
• Looge kohandatud toru
• Kohandatud toru näitample
• Kohandatud torude kasutamine
• Toru kasutamine koos ngForiga
• Filtri toru
• Torude kategooria: puhas ja ebapuhas
• Kokkuvõte
• Pure Pipe Example
• Ebapuhas toru Example
• Kokkuvõte

Peatükk 11. Sissejuhatus ühelehelistesse rakendustesse

• Mis on üheleheline rakendus (SPA) traditsiooniline Web Rakendus
• SPA töövoog
• Üheleheline rakendus Advantages HTML5 ajaloo API
• SPA väljakutsed
• SPA-de rakendamine nurkkokkuvõtte abil

Peatükk 12. Nurgakomponentide ruuter

• Komponentide ruuter
• View Navigeerimine
• Angular Router API
• Ruuteri toega rakenduse loomine
• Suunatud komponentide hostimine
• Navigeerimine linkide ja nuppude abil
• Programmiline navigeerimine
• Marsruudi parameetrite läbimine
• Navigeerimine marsruudi parameetritega
• Marsruudi parameetrite väärtuste saamine
• Marsruudi parameetri sünkroonne toomine
• Marsruudi parameetri asünkroonne toomine
• Päringu parameetrid
• Päringu parameetrite esitamine
• Päringu parameetrite asünkroonne toomine
• Probleemid manuaaliga URL sisestus ja järjehoidja
• Kokkuvõte

Peatükk 13. Täpsem HTTP-klient

• Taotle valikuid
• HttpResponse'i objekti tagastamine
• Taotluse päiste seadistamine
• Uute vaadeldavate objektide loomine
• Lihtsa vaadeldava pildi loomine
• Vaadeldava konstruktori meetod Vaadeldavad operaatorid
• Kaart ja filter Operaatorid
• Operaator flatMap()
• Tap() Operaator
• Zip() kombineerija
• HTTP vastuse vahemällu salvestamine
• Järjestikuste HT TP-kõnede tegemine
• Paralleelkõnede tegemine
• Veaobjekti kohandamine funktsiooniga catchError()
• Viga torujuhtmes
• Vigade taastamine
• Kokkuvõte

Peatükk 14. Nurgamoodulid

• Miks nurgamoodulid?
• Mooduliklassi anatoomia
• @NgModule Properties
• Funktsioonimoodulid
• Example Mooduli struktuur
• Looge domeenimoodul
• Looge marsruutimis-/marsruutimismooduli paar
• Looge teenindusmoodul
• Ühiste moodulite loomine

Peatükk 15. Täpsem marsruutimine

• Marsruutimise lubatud funktsioonimoodul
• Funktsioonimooduli kasutamine
• Funktsioonimooduli laisk laadimine
• Funktsioonimooduli komponentide linkide loomine
• Lisateave laisa laadimise kohta
• Moodulite eellaadimine
• Vaikimisi marsruut
• Metamärgi marsruudi tee
• suunata ümber
• Laste marsruudid
• Lasteteede määratlemine
• lastemarsruutide jaoks
• Lasteteede lingid
• Navigatsioonivalvurid
• Valve rakenduste loomine
• Valvurite kasutamine marsruudil
• Kokkuvõte

Peatükk 16. Nurgarakenduste ühiktestimine

• Nurgaesemete testimine
• Testimisvahendid
• Tüüpilised testimisetapid
• Testi tulemused
• Jasmine Test Suites
• Jasmiini tehnilised andmed (ühiku testid)
• Ootused (väited)
• Matchers
• Exampvastete kasutamisest
• Mittevara kasutamine
• Seadistamine ja tühjendamine üksuse testimissviitides
• Example of beforeEach ja afterIga funktsioonid
• Nurga testimise moodul
• Example Angular Test Module
• Teenuse testimine
• Teenuse eksemplari süstimine
• Testige sünkroonmeetodit
• Asünkroonse meetodi testimine
• Mock HT TP Clienti kasutamine
• Konserveeritud vastuse edastamine
• Komponendi testimine
• Komponentide testimise moodul
• Komponendi eksemplari loomine
• Component Fixture klass
• Põhikomponentide testid
• DebugElement klass
• Kasutaja interaktsiooni simuleerimine
• Kokkuvõte

Peatükk 17. Silumine

• Läbiview nurga silumine
• ViewTypeScripti koodi sisestamine siluris
• Siluri märksõna kasutamine
• Silumise logimine
• Mis on Angular DevTools?
• Angular DevToolsi kasutamine
• Angular DevTools – komponentide struktuur
• Angular DevTools – muudatuste tuvastamise täitmine
• Süntaksivigade püüdmine
• Kokkuvõte

Laboratoorsed harjutused

• Labor 1. Sissejuhatus Angulari
• Lab 2. Sissejuhatus TypeScripti
• Lab 3. Sissejuhatus komponentidesse
• Lab 4. Komponendi mall
• Labor 5. Looge fotogalerii komponent
• Lab 6. Mallipõhine vorm
• Lab 7. Loo redigeerimisvorm
• Lab 8. Reaktiivne vorm
• Lab 9. Teenuse väljatöötamine
• Labor 10. Töötage välja HT TP klient
• Labor 11. Kasutage torusid
• Lab 12. Põhiline üheleheline rakendus ruuteri labori abil 13. Looge ühe lehe rakendus (SPA)
• Lab 14. Täiustatud HT TP klient
• Lab 15. Angular Bootstrapi kasutamine
• Labor 16. Laisk mooduli laadimine
• Lab 17. Täpsem marsruutimine
• Lab 18. Ühiku testimine
• Lab 19. Nurgarakenduste silumine

KELLELE KURSUS ON?
See kursus on suunatud kõigile, kes peavad õppima Angular 12 arendamise põhialuseid ja rakendama neid loomisel web rakendusi kohe. Samuti saame pakkuda ja kohandada seda koolitust suuremate rühmade jaoks – säästes teie organisatsiooni aega, raha ja ressursse.

EESMÄRGID
Web Sellest Angular-kursusest maksimaalse kasu saamiseks on vajalik arenduskogemus HTML-i, CSS-i ja JavaScripti kasutamisel. Kasuks tulevad ka teadmised brauseri DOM-i kohta. Eelnev Angular kogemus AngularJS-i või mis tahes Angulari versiooniga ei ole nõutav.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumendid / Ressursid

LUMIFY WORK Angular 12 Programmeerimine [pdfKasutusjuhend Nurk 12 Programmeerimine, Nurk, 12 Programmeerimine, Programmeerimine

Viited

• Kasutusjuhend