LUMIFY WORK Angular 12 Programmēšana

KĀPĒC MĀCĪTIES ŠO KURSU

Šis visaptverošais Angular 12 programmēšanas kurss ir teorētisko mācību un praktisko laboratoriju apvienojums, kas ietver ievadu Angular, kam seko TypeScript, komponenti, direktīvas, pakalpojumi, HTTP klients, testēšana un atkļūdošana.
Kursā ir daudz noderīgas un praktiskas informācijas, kuru varat nekavējoties izmantot savam darbam. Uzziniet Angular 12 pamata izstrādes pamatus, piemēram, vienas lapas pārlūkprogrammas, kas ir adaptīvas webvietnes un hibrīdās mobilās lietojumprogrammas.
Piezīme: Mēs varam nodrošināt apmācību arī par citām Angular versijām. Lūdzu, sazinieties ar mums, lai uzdotu jautājumu vai reģistrētu savu interesi.

KO JŪS IEMĀCĪSIES
Sekmīgi pabeidzot šo kursu, jūs varēsiet:

• Izstrādājiet vienas lapas Angular lietojumprogrammas, izmantojot Typescript
• Iestatiet pilnīgu Angular izstrādes vidi
• Izveidojiet komponentus, direktīvas, pakalpojumus, caurules, veidlapas un pielāgotus pārbaudītājus
• Veiciet papildu tīkla datu izguves uzdevumus, izmantojot Observables. Patērējiet datus no REST web pakalpojumus, izmantojot Angular HT TP Client Handle push-datu savienojumus, izmantojot WebSockets protokols
• Strādājiet ar Angular Pipes, lai formatētu datus
• Izmantojiet uzlabotās Angular Component Router funkcijas
• Testējiet un atkļūdojiet Angular lietojumprogrammas, izmantojot iebūvētos rīkus.

KURSA PRIEKŠMETI

1. nodaļa. Ievads Angular

• Kas ir Angular?
• Angular Framework galvenās iezīmes Piemēroti lietošanas gadījumi
• Leņķiskās lietojumprogrammas celtniecības bloki Leņķiskās lietojumprogrammas pamatarhitektūra Instalēšana un izmantošana Angular
• Leņķiskās lietojumprogrammas anatomija, kurā darbojas lietojumprogramma
• Angular lietojumprogrammas izveide un izvietošana vietējām mobilajām lietotnēm
• Kopsavilkums

2. nodaļa. Ievads TypeScript

• Programmēšanas valodas lietošanai ar Angular TypeScript sintaksi
• Programmēšanas redaktori
• Tipu sistēma – mainīgo definēšana
• Tipu sistēma - masīvu definēšana
• Pamatprimitīvie veidi
• Ierakstiet Funkcijas
• Tipa secinājums
• Klašu definēšana
• Klases metodes
• Redzamības kontrole
• Klases konstruktori
• Klases konstruktori — alternatīvas formas uninicializēti lauki
• Saskarnes
• Darbs ar ES6 moduļiem
• var vs let
• Bultiņu funkcijas
• Bultiņas funkcija Kompaktās sintakses veidņu virknes
• Generics klasē
• Generics in Function
• Kopsavilkums

3. nodaļa. Sastāvdaļas

• Kas ir komponents?
• Bijušaisample Komponents
• Komponenta izveide, izmantojot Angular CLI
• Komponentu klase
• @Component Decorator
• Komponenta reģistrēšana tā moduļa komponenta veidnē
• Example: HelloComponent veidne
• Example: HelloComponent klase, izmantojot komponentu
• Palaidiet lietojumprogrammu
• Komponentu hierarhija
• Lietojumprogrammas saknes komponents
• Bootstrap File
• Komponentu dzīves cikla āķi Piemample Dzīves cikla āķi
• CSS stili
• Kopsavilkums

4. nodaļa. Komponentu veidnes

• Veidnes
• Veidnes atrašanās vieta
• Ūsas {{ }} sintakse
• DOM elementa rekvizītu iestatīšana
• Iestatījuma elementa pamatteksts
• Pasākumu iesiešana
• Izteiksmes notikumu apdarinātājs
• Novērst noklusējuma apstrādi
• Atribūtu direktīvas
• Lietojiet stilus, mainot CSS klases
• Example: ngClass
• Stilu pielietošana tieši
• Strukturālās direktīvas
• Nosacīti izpildīt veidni
• Example: ngIf
• Cikls, izmantojot ngFor
• ng Vietējiem mainīgajiem
• Manipulēšana ar kolekciju Piemample – vienuma dzēšana
• Vienumu izsekošana ar ngFor Elementu apmaiņa ar ngSwitch grupēšanas elementiem
• Veidnes atsauces mainīgo kopsavilkums

5. nodaļa. Komponentu komunikācija

• Komunikācijas pamati
• Datu plūsmas arhitektūra
• Bērna sagatavošana datu saņemšanai
• Sūtīt datus no vecākiem
• Vairāk par rekvizītu iestatīšanu
• Aktivizēšanas notikums no komponenta
• @Output() Piemample – bērnkomponents @Output() Piemample – Parent Component
• Pilna divvirzienu iesiešana
• Divvirzienu datu saistīšanas iestatīšana vecāku programmā
• Kopsavilkums

6. nodaļa. Veidlapas, kuru pamatā ir veidnes

• Veidlapas, kuru pamatā ir veidnes
• Veidlapu importēšanas modulis
• Pamata pieeja
• Veidlapas iestatīšana
• Lietotāja ievades iegūšana
• Tiek izlaista ngForm atribūts
• Inicializējiet veidlapu
• Divvirzienu datu saistīšana
• Veidlapas apstiprināšana
• Leņķa pārbaudītāji
• Validācijas stāvokļa parādīšana, izmantojot klases, papildu ievades veidi
• izvēles rūtiņas
• Atlasiet (nolaižamie) lauki
• Renderēšanas opcijas atlasītajiem (nolaižamajiem) datuma laukiem
• Radio pogas
• Kopsavilkums

7. nodaļa. Reaktīvās formas

• Reaktīvās formas beigušāsview
• Celtniecības bloki
• Importēt ReactiveFormsModule
• Veidlapas izveidošana
• Izveidojiet veidni
• Ievades vērtību iegūšana
• Ievades lauku inicializēšana
• Veidlapu vērtību iestatīšana
• Ievades izmaiņu abonēšana
• Validācija
• Iebūvētie pārbaudītāji
• Tiek rādīta validācijas kļūda
• Pielāgots pārbaudītājs
• Pielāgota pārbaudītāja izmantošana
• Konfigurācijas nodrošināšana pielāgotajam pārbaudītājam
• FormArray — dinamiski pievienojiet ievades
• FormArray — komponentu klase
• FormArray — veidne
• FormArray — vērtības
• Apakšformu grupas — komponentu klase
• Apakšveidlapu grupas — HTML veidne
• Kāpēc izmantot apakšveidlapu grupas
• Kopsavilkums

8. nodaļa. Pakalpojumi un atkarību ievadīšana

• Kas ir pakalpojums?
• Pamatpakalpojuma izveide
• Pakalpojuma klase
• Kas ir atkarības injekcija?
• Pakalpojuma gadījuma ievadīšana
• Smidzinātāji
• Inžektoru hierarhija
• Pakalpojuma reģistrēšana ar Root Injector
• Pakalpojuma reģistrēšana ar komponenta inžektoru
• Reģistrējiet pakalpojumu, izmantojot funkciju moduļa inžektoru
• Kur reģistrēt pakalpojumu?
• Atkarības ievadīšana citos artefaktos, kas nodrošina alternatīvu ieviešanu atkarības ievadīšanu un @Host
• Atkarības ievadīšana un @Neobligāts
• Kopsavilkums

9. nodaļa. HTTP klients

• Angular HT TP klients
• HT TP klienta izmantošana — beigusiesview
• HttpClientModule importēšana
• Pakalpojums, izmantojot HttpClient
• GET pieprasījuma noformēšana
• Ko dara novērojams objekts?
• Pakalpojuma izmantošana komponentā
• PeopleService klienta komponenta kļūdu apstrāde
• Kļūdas objekta pielāgošana
• POST pieprasījuma veikšana
• PUT pieprasījuma veikšana
• DZĒŠANAS pieprasījuma veikšana

10. nodaļa. Caurules un datu formatēšana

• Kas ir caurules?
• Iebūvētās caurules
• Cauruļu izmantošana HTML veidņu ķēdes caurulēs
• Internacionalizētas caurules (i18n) Notiek lokalizācijas datu ielāde
• Datums Pipe
• Numurs Pipe
• Valūtas caurule
• Izveidojiet pielāgotu cauruli
• Pielāgota caurule, piemample
• Izmantojot pielāgotas caurules
• Caurules izmantošana ar ngFor
• Filtra caurule
• Cauruļu kategorija: tīra un netīra
• Kopsavilkums
• Pure Pipe Example
• Netīra caurule Example
• Kopsavilkums

11. nodaļa. Ievads vienas lapas lietojumprogrammās

• Kas ir tradicionāla vienas lapas lietojumprogramma (SPA). Web Pieteikums
• SPA darbplūsma
• Vienas lapas lietojumprogramma Advantages HTML5 vēstures API
• SPA izaicinājumi
• SPA ieviešana, izmantojot leņķisko kopsavilkumu

12. nodaļa. Leņķiskās sastāvdaļas maršrutētājs

• Komponentu maršrutētājs
• View Navigācija
• Angular Router API
• Maršrutētāja iespējotas lietojumprogrammas izveide
• Maršrutējošo komponentu mitināšana
• Navigācija, izmantojot saites un pogas
• Programmatiskā navigācija
• Notiek maršruta parametri
• Navigācija ar maršruta parametriem
• Maršruta parametru vērtību iegūšana
• Sinhronā maršruta parametra izgūšana
• Maršruta parametra asinhrona izgūšana
• Vaicājuma parametri
• Vaicājuma parametru nodrošināšana
• Vaicājuma parametru asinhrona izgūšana
• Problēmas ar rokasgrāmatu URL ieraksts un grāmatzīmes
• Kopsavilkums

13. nodaļa. Uzlabotais HTTP klients

• Pieprasīt opcijas
• HttpResponse objekta atgriešana
• Pieprasījumu galveņu iestatīšana
• Jaunu novērojamo objektu izveide
• Vienkārša novērojuma izveide
• Novērojamā konstruktora metode Novērojamie operatori
• Karte un filtrs Operatori
• FlatMap() operators
• Tap() operators
• Zip() kombinators
• HTTP atbildes kešatmiņa
• Secīgu HT TP zvanu veikšana
• Paralēlo zvanu veikšana
• Kļūdas objekta pielāgošana ar catchError()
• Kļūda cauruļvadā
• Kļūdu atkopšana
• Kopsavilkums

14. nodaļa. Leņķiskie moduļi

• Kāpēc leņķiskie moduļi?
• Moduļu klases anatomija
• @NgModule Properties
• Funkciju moduļi
• Example Moduļa struktūra
• Izveidojiet domēna moduli
• Izveidojiet maršrutētā/maršrutēšanas moduļa pāri
• Izveidojiet servisa moduli
• Kopējo moduļu izveide

15. nodaļa. Papildu maršrutēšana

• Maršrutēšanas iespējots funkciju modulis
• Funkcijas moduļa izmantošana
• Slinka funkcijas moduļa ielāde
• Funkciju moduļa komponentu saišu izveide
• Vairāk par slinko ielādi
• Moduļu priekšielādēšana
• Noklusējuma maršruts
• Aizstājējzīmes maršruta ceļš
• novirzīt uz
• Bērnu maršruti
• Bērnu maršrutu noteikšana
• par bērnu maršrutiem
• Saites uz bērnu maršrutiem
• Navigācijas sargi
• Aizsargu ieviešanas izveide
• Aizsargu izmantošana maršrutā
• Kopsavilkums

Nodaļa 16. Vienības testēšana Angular Applications

• Leņķisko artefaktu vienību pārbaude
• Testēšanas rīki
• Tipiski testēšanas soļi
• Testa rezultāti
• Jasmine Test Suites
• Jasmīna specifikācijas (vienības testi)
• Cerības (apgalvojumi)
• Matchers
• ExampAtbilstības meklētāju izmantošana
• Neīpašuma izmantošana
• Iestatīšana un nojaukšana vienības testa komplektos
• Example of beforeEach un afterKatra funkcija
• Leņķa pārbaudes modulis
• Exampleņķa testa modulis
• Pakalpojuma testēšana
• Pakalpojuma gadījuma ievadīšana
• Pārbaudiet sinhrono metodi
• Pārbaudiet asinhrono metodi
• Izmantojot Mock HT TP klientu
• Sagatavotās atbildes piegāde
• Komponenta pārbaude
• Komponentu pārbaudes modulis
• Komponentu instances izveide
• Component Fixture klase
• Pamatkomponentu testi
• DebugElement klase
• Lietotāja mijiedarbības simulēšana
• Kopsavilkums

17. nodaļa. Atkļūdošana

• Beigāsview leņķiskā atkļūdošana
• ViewTypeScript koda ievadīšana atkļūdotājs
• Atkļūdotāja atslēgvārda izmantošana
• Atkļūdošanas reģistrēšana
• Kas ir Angular DevTools?
• Izmantojot Angular DevTools
• Angular DevTools — komponentu struktūra
• Angular DevTools — izmaiņu noteikšanas izpilde
• Sintakses kļūdu uztveršana
• Kopsavilkums

Laboratorijas vingrinājumi

• 1. laboratorija. Ievads Angular
• 2. laboratorija. Ievads TypeScript
• 3. laboratorija. Ievads komponentos
• 4. laboratorija. Komponentu veidne
• 5. laboratorija. Izveidojiet fotoattēlu galerijas komponentu
• 6. laboratorija. Veidlapa ar veidni
• 7. laboratorija. Izveidojiet rediģēšanas veidlapu
• Laboratorijas 8. Reaktīvā forma
• 9. laboratorija. Pakalpojuma izstrāde
• 10. laboratorija. Izstrādājiet HT TP klientu
• 11. laboratorija. Izmantojiet caurules
• 12. laboratorija. Pamata vienas lapas lietojumprogramma, izmantojot maršrutētāju laboratoriju 13. Single Page Application (SPA) izveide.
• 14. laboratorija. Uzlabotais HT TP klients
• 15. laboratorija. Angular Bootstrap izmantošana
• 16. laboratorija. Slinkā moduļa ielāde
• 17. laboratorija. Papildu maršrutēšana
• 18. laboratorija. Vienības pārbaude
• 19. laboratorija. Leņķisko lietojumprogrammu atkļūdošana

KAM KURSS PAREDZĒTS?
Šis kurss ir paredzēts ikvienam, kam jāapgūst Angular 12 izstrādes pamati un jāpiemēro tie radīšanā web pieteikumus uzreiz. Mēs varam arī nodrošināt un pielāgot šo apmācību kursu lielākām grupām, ietaupot jūsu organizācijas laiku, naudu un resursus.

PRIEKŠROCĪBAS
Web Lai gūtu maksimālu labumu no šī Angular kursa, ir nepieciešama izstrādes pieredze, izmantojot HTML, CSS un JavaScript. Noder arī pārlūkprogrammas DOM zināšanas. Iepriekšēja Angular pieredze ar AngularJS vai jebkuru Angular versiju nav nepieciešama.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumenti / Resursi

LUMIFY WORK Angular 12 Programmēšana [pdfLietotāja rokasgrāmata Angular 12 Programmēšana, Angular, 12 Programmēšana, Programmēšana

Atsauces

• Lietotāja rokasgrāmata