TAOTLUS JA WEB ARENG
Nurga 15 programmeerimine
PIKKUS 5 päeva
VERSION 15
MIKS SEE KURSUS ÕPIDA
See intensiivne ja põhjalik Angular 15 koolituskursus annab osalejatele oskused, mida nad saavad oma töös kohe kasutada. Õpid Angular 15 arendamise põhialuseid, nagu ühelehelised brauserirakendused, reageerivad websaidid ja mobiilsete hübriidrakenduste ioonid.
See kursus on kombinatsioon teoreetilisest õppest ja praktilistest laboritest, mis sisaldab Angulari sissejuhatust, millele järgneb TypeScript, komponendid, juhised, teenused, HTTPClient, testimine ja silumine.
Märkus. Saame pakkuda koolitusi ka teiste Angular versioonide kohta. Päringu tegemiseks või huvi registreerimiseks võtke meiega ühendust.
NURK TÖÖL LUMIFY
MIDA SA ÕPPID
Selle kursuse edukal läbimisel on teil järgmised teadmised:
- Töötage Typescripti abil välja ühelehelised Angular-rakendused
- Seadistage täielik Angular arenduskeskkond
- Looge komponente, juhiseid, teenuseid, torusid, vorme ja kohandatud validaatoreid
- Käsitsege täpsemaid võrguandmete toomise ülesandeid, kasutades funktsiooni Observables
- Tarbi RESTi andmeid web teenused, kasutades Angular HTTP Clienti
- Käsitsege push-andmeühenduse ioone kasutades WebPistikupesa protokoll
- Andmete vormindamiseks töötage Angular Pipes'iga
- Kasutage nurgakomponentide ruuteri täiustatud funktsioone
- Testige ja siluge Angular rakenduse ioone sisseehitatud tööriistade abil
- Töötage Angular CLI-ga
Minu juhendaja oli suurepärane, kui suutis panna stsenaariume reaalse maailma juhtumitesse, mis olid seotud minu konkreetse olukorraga.
Kohale jõudes tundsin mind teretulnud ning võimalus istuda rühmana väljaspool klassiruumi, et arutada oma olukordi ja eesmärke, oli äärmiselt väärtuslik.
Õppisin palju ja tundsin, et on oluline, et minu eesmärgid sellel kursusel osaledes saaks täidetud.
Tubli töö Lumify töömeeskond.
AMANDA NICOL
IT-TUETEENUSTE JUHT – TERVISHOIU MAAILMA PIIRATUD
KURSUSE AINED
- Tutvustame Angularit
• Mis on Angular?
• Angular Frameworki kesksed omadused
• Sobivad kasutusjuhtumid
• Nurgarakenduse ehitusplokid
• Nurgarakenduse põhiarhitektuur
• Angular paigaldamine ja kasutamine
• Nurgarakenduse anatoomia
• Rakenduse käivitamine
• Rakenduse loomine ja juurutamine
• Angular kohalike mobiilirakenduste jaoks - Sissejuhatus TypeScripti
• Programmeerimiskeeled kasutamiseks Angulariga
• TypeScripti süntaks
• Programmeerimisredaktorid
• Tüübisüsteem – muutujate määratlemine
• Tüübisüsteem – massiivide määratlemine
• Põhilised primitiivsed tüübid
• Sisestage Function ions
• Type Inference
• Klasside määratlemine
• Klassimeetodid
• Nähtavuskontroll
• Klassikonstruktorid
• Klassikonstruktorid – alternatiivne vorm
• Initsialiseerimata väljad
• Liidesed
• ES6 moodulitega töötamine
• var vs let
• Noolefunktsioonid
• Noolefunktsioon Kompaktne süntaks
• Malli stringid
• Generics in Class
• Generics in Function ion - Komponendid
• Mis on komponent?
• Example Komponent
• Angular CLI abil komponendi loomine
• komponentide klass
• @Component Decorator
• Komponendi registreerimine selle moodulisse
• Komponendi mall
• Näiteksample: HelloComponenti mall
• Näiteksample: HelloComponenti klass
• Komponendi kasutamine
• Käivitage rakendus
• Komponentide hierarhia
• Rakenduse juurkomponent
• Bootstrap File
• Komponentide elutsükli konksud
• Näiteksample Elutsükli konksud
• CSS-stiilid - Komponentide mallid
• Mallid
• Malli asukoht
• Vuntside {{ }} süntaks
• DOM-i elemendi omaduste seadistamine
• Setting Element Body Text
• Sündmuste sidumine
• Väljendite sündmuste käitleja
• Vaikekäsitluse vältimine
• Atribuutide direktiivid
• Rakendage stiile, muutes CSS-i klasse
• Näiteksample: ngClass
• Stiilide otsene rakendamine
• Struktuuridirektiivid
• Tingimuslikult täitke mall
• Näiteksample: ngIf
• Silmuse loomine ngFori abil
• ngKohalike muutujate jaoks
• Koguga manipuleerimine
• Näiteksample – üksuse kustutamine
• Üksuste jälgimine ngForiga
• Elementide vahetamine ngSwitchiga
• Elementide rühmitamine
• Malli viitemuutuja - Komponentidevaheline suhtlus
• Suhtlemise põhitõed
• Andmevoo arhitektuur
• Lapse ettevalmistamine andmete vastuvõtmiseks
• Saatke andmeid vanemalt
• Lisateave atribuutide seadistamise kohta
• Sündmuse käivitamine komponendist
• @Output() Ntample – lapskomponent
• @Output() Ntample – põhikomponent
• Täielik kahesuunaline köitmine
• Kahesuunalise andmesidumise seadistamine vanemas - Mall ja juhitud vormid
• Mallipõhised vormid
• Vormide mooduli importimine
• Põhiline lähenemine
• Vormi seadistamine
• Kasutaja sisendi saamine
• Atribuudi ngForm väljajätmine
• Vormi vormindamine
• Kahesuunaline andmete sidumine
• Vormi kinnitamine
• Nurgavalidaatorid
• Valideerimisoleku kuvamine klasside abil
• Täiendavad sisenditüübid
• Märkeruudud
• Valige (rippmenüüst) väljad
• Valiku renderdusvalikud (rippmenüü)
• Kuupäeva väljad
• Raadionupud - Reaktiivsed vormid
• Reaktiivsed vormid üleview
• Ehitusplokid
• Impordi Reactive FormsModule
• Vorm koostamine
• Kujunda malli
• Sisendväärtuste hankimine
• Sisestusväljade lähtestamine
• Vormi väärtuste määramine
• Sisendmuudatuste tellimine
• Kinnitamine
• Sisseehitatud validaatorid
• Kuvatakse valideerimisviga
• Kohandatud valideerija
• Kohandatud Validaatori kasutamine
• Konfiguratsiooni tarnimine Custom Validatorile
• FormArray – lisage dünaamiliselt sisendeid
• FormArray – komponentide klass
• FormArray – mall
• FormArray – väärtused
• Sub FormGroups – komponendiklass
• Sub FormGroups – HTML-mall
• Miks kasutada alamvormirühmi? - Teenused ja sõltuvuse süstimine
• Mis on teenus?
• Põhiteenuse loomine
• Teenusklass
• Mis on sõltuvuse süstimine?
• Teenuseeksemplari süstimine
• Pihustid
• Pihusti hierarhia
• Teenuse registreerimine Root Injectoriga
• Teenuse registreerimine komponendi pihusti abil
• Registreerige teenus funktsioonimooduli injektoriga
• Kus teenust registreerida?
• Sõltuvuse süstimine muudesse artefaktidesse
• Alternatiivse teostuse pakkumine
• Dependency Injection ja @Host
• Dependency Injection ja @Valikuline - HTTP-klient
• Angular HTTP Client
• HTTP-kliendi kasutamine – läbiview
• HttpClientModule'i importimine
• HttpClienti teenus
• GET-taotluse esitamine
• Mida teeb vaadeldav objekt?
• Teenuse kasutamine komponendis
• PeopleService'i kliendikomponent
• Vigade käsitlemine
• Veaobjekti kohandamine
• POST-päringu tegemine
• PUT-päringu tegemine
• Kustutamistaotluse tegemine - Torud ja andmete vormindamine
• Mis on torud?
• Sisseehitatud torud
• Torude kasutamine HTML-mallis
• Torude kettimine
• Rahvusvahelised ioniseeritud torud (i18n)
• Lokaadiandmete laadimine
• Kuupäev Pipe
• Number Pipe
• Valuutatoru
• Loo kohandatud toru
• Custom Pipe Example
• Kohandatud torude kasutamine
• Toru kasutamine koos ngForiga
• Filtritoru
• Toru kategooria: puhas ja ebapuhas
• Pure Pipe Example
• Ebapuhas toru Example - Sissejuhatus ühelehelistesse rakendustesse
• Mis on ühe lehe rakendus (SPA)?
• Traditsiooniline Web Rakendus
• SPA töövoog
• Single Page Application Advantages
• HTML5 ajaloo API
• SPA väljakutsed
• SPA-de rakendamine Angular abil - Nurgakomponentide ruuter
• Komponent 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 hankimine
• Päringu parameetrid
• Päringu parameetrite esitamine
• Päringu parameetrite asünkroonne toomine
• Probleemid käsiraamatuga URL sisestus ja järjehoidja - Täiustatud HTTP-klient
• Taotle valikuid
• HttpResponse'i objekti tagastamine
• Päringu päiste seadistamine
• Uute vaadeldavate objektide loomine
• Lihtsa vaadeldava pildi loomine
• Vaadeldava konstruktori meetod
• Vaadeldavad operaatorid
• Kaart ja filter Operaatorid
• FlatMap() operaator
• Tap() Operaator
• Zip()-kombinaator
• HTTP-vastuse vahemällu salvestamine
• Järjestikuste HTTP-kõnede tegemine
• Paralleelkõnede tegemine
• Veaobjekti kohandamine funktsiooniga catchError()
• Viga torujuhtmes
• Tõrgete taastamine - Nurga moodulid
• Miks nurgamoodulid?
• Mooduliklassi anatoomia
• @NgModule Properties
• Funktsioonimoodulid
• Näiteksample Mooduli struktuur
• Loo domeenimoodul
• Loo marsruutimis-/marsruutimismooduli paar
• Looge teenindusmoodul
• Ühiste moodulite loomine
• Ühe mooduli kasutamine teisest - Täpsem marsruutimine
• Routing Enabled Feature Module
• Funktsioonimooduli kasutamine
• Funktsioonimooduli laisk laadimine
• Funktsioonimooduli komponentide linkide loomine
• Lisateave laisa laadimise kohta
• Moodulite eellaadimine
• ruuterLinkActive sidumine
• Vaikemarsruut
• Metamärgi marsruudi tee
• redirectTo
• Laste marsruudid
• Lastemarsruutide määratlemine lastemarsruutide jaoks
• Lasteteede lingid
• Navigatsioonivalvurid
• Valverakenduste loomine
• Valvurite kasutamine marsruudil - Nurgarakenduste üksuse testimine
• Nurgaartefaktide ühiktestimine
• Testimisvahendid
• Tüüpilised testimisetapid
• Testi tulemused
• Jasmine Test Suites
• Jasmiini tehnilised andmed (ühiktestid)
• Ootused (väiteioonid)
• Tikutajad
• Näiteksampvastete kasutamisest
• Mittevara kasutamine
• Seadistamine ja mahavõtmine ühikutesti sviitides
• Näiteksample of beforeEach ja afterIga funktsioonid
• Nurga testimise moodul
• Näiteksample Angular Test Module
• Teenuse testimine
• Teenuseeksemplari süstimine
• Testige sünkroonmeetodit
• Asünkroonse meetodi testimine
• Mock HTTP Clienti kasutamine
• Konserveeritud vastuse edastamine
• Komponendi testimine
• Komponentide testimise moodul
• Komponendi eksemplari loomine
• ComponentFixture Class
• Põhikomponentide testid
• DebugElement klass
• Kasutaja interaktsiooni simuleerimine - Silumine
• Üleview nurga silumine
• ViewTypeScripti koodi sisestamine siluris
• Siluri märksõna kasutamine
• Silumise logimine
• Mis on Angular DevTools?
• Angular DevToolsi kasutamine
• Angular DevTools – komponendi struktuur
• Angular DevTools – muutmise tuvastamise iooni täitmise ioon
• Süntaksivigade püüdmine
KELLELE KURSUS ON?
See kursus on mõeldud kõigile, kes peavad õppima Angular 15 arendamise põhialuseid ja rakendama neid kohe loomiseks. web rakendusi.
Samuti saame pakkuda ja kohandada seda koolitust suuremate rühmade jaoks – säästes teie organisatsiooni aega, raha ja ressursse. Lisateabe saamiseks võtke meiega ühendust e-posti teel aadressil ph.training@lumifywork.com
EESMÄRGID
- Web Sellest Angular-kursusest maksimumi saamiseks on vaja arenduskogemust HTML-i, CSS-i ja JavaScripti kasutamisel
- Kasuks tulevad ka teadmised brauseri DOM-i kohta
- Eelnev Angular või AngularJS kogemus pole vajalik
Lumify Worki poolt antud kursuste pakkumist reguleerivad broneerimistingimused.
Palun lugege enne sellele kursusele registreerumist tingimused hoolikalt läbi, kuna kursusele registreerumise tingimuseks on nende tingimustega nõustumine.
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
Dokumendid / Ressursid
 |
LUMIFY WORK Angular 15 Programmeerimine [pdfKasutusjuhend Nurga 15 programmeerimine, programmeerimine |
