PIETEIKUMS UN WEB ATTĪSTĪBA
Angular 15 programmēšana
GARUMS 5 dienas
VERSIJA 15
KĀPĒC MĀCĪTIES ŠO KURSU
Šis intensīvais un visaptverošais Angular 15 apmācības kurss sniedz apmeklētājiem prasmes, kuras viņi var nekavējoties izmantot savā darbā. Jūs apgūsit Angular 15 izstrādes pamatus, piemēram, vienas lapas pārlūkprogrammas lietojumprogrammas, atsaucīgas webvietnes un hibrīda mobilo lietojumprogrammu joni.
Šis kurss ir teorētiskās mācīšanās un praktisko laboratoriju apvienojums, kas ietver ievadu par Angular, kam seko TypeScript, komponenti, norādījumi, pakalpojumi, HTTPClient, testēšana un atkļūdošana.
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.
LEŅĶIS PIE LUMIFY DARBS
KO JŪS IEMĀCĪSIES
Sekmīgi apgūstot šo kursu, jums būs šādas zināšanas:
- Izstrādājiet vienas lapas Angular aplikācijas jonus, izmantojot Typescript
- Iestatiet pilnīgu Angular izstrādes vidi
- Izveidojiet komponentus, norādījumus, pakalpojumus, caurules, veidlapas un pielāgotus pārbaudītājus
- Veiciet papildu tīkla datu izguves uzdevumus, izmantojot Observables
- Patērē datus no REST web pakalpojumus, izmantojot Angular HTTP Client
- Rīkojieties ar push-datu savienojuma joniem, izmantojot WebKontaktligzdas protokols
- Strādājiet ar Angular Pipes, lai formatētu datus
- Izmantojiet uzlabotās Angular Component Router funkcijas
- Pārbaudiet un atkļūdojiet Angular lietojumprogrammu jonus, izmantojot iebūvētos rīkus
- Darbs ar Angular CLI
Mans instruktors bija lieliski, jo spēja īstenot scenārijus reālās pasaules gadījumos, kas bija saistīti ar manu konkrēto situāciju.
Man lika justies gaidītam jau no brīža, kad ierados, un iespēja sēdēt kā grupai ārpus klases, lai apspriestu mūsu situācijas un mūsu mērķus, bija ārkārtīgi vērtīga.
Es daudz uzzināju un jutu, ka ir svarīgi, lai mani mērķi, apmeklējot šo kursu, tiktu sasniegti.
Lielisks darbs Lumify Work komandai.
AMANDA NIKOLA
IT ATBALSTA PAKALPOJUMU VADĪTĀJS – HEALTH WORLD LIMITED
KURSA PRIEKŠMETI
- Iepazīstinām ar Angular
• Kas ir Angular?
• Angular Framework galvenās iezīmes
• Atbilstoši lietošanas gadījumi
• Leņķa pielietojuma veidošanas bloki
• Leņķa lietojuma pamata arhitektūra
• Angular uzstādīšana un lietošana
• Leņķiskā pielietojuma jona anatomija
• Lietojumprogrammas palaišana
• Lietojumprogrammas izveide un izvietošana
• Angular vietējām mobilajām lietotnēm - Ievads TypeScript
• Programmēšanas valodas lietošanai ar Angular
• TypeScript sintakse
• Programmēšanas redaktori
• Tipu sistēma — mainīgo definēšana
• Tipu sistēma — masīvu definēšana
• Pamatprimitīvie veidi
• Ierakstiet Function ions
• Tipa secinājums
• Klašu noteikšana
• Nodarbību metodes
• Redzamības kontrole
• Klašu konstruktori
• Klases konstruktori – alternatīva forma
• Neinicializēti lauki
• Saskarnes
• Darbs ar ES6 moduļiem
• var vs let
• Bultiņu funkcijas
• Bultiņas funkcija Kompakta sintakse
• Veidņu virknes
• Generics in Class
• Generics in Function ion - Sastāvdaļas
• Kas ir komponents?
• Bijušaisample Komponents
• Komponenta izveide, izmantojot Angular CLI
• Komponentu klase
• @Component Decorator
• Komponenta reģistrēšana tā modulī
• Komponentu veidne
• Piemample: HelloComponent veidne
• Piemample: HelloComponent klase
• Komponenta izmantošana
• Palaidiet lietojumprogrammu
• Komponentu hierarhija
• Lietojumprogrammas saknes komponents
• Bootstrap File
• Komponentu dzīves cikla āķi
• Piemample Dzīves cikla āķi
• CSS stili - Komponentu veidnes
• Veidnes
• Veidnes atrašanās vieta
• Ūsas {{ }} sintakse
• DOM elementa rekvizītu iestatīšana
• Iestatījuma elementa pamatteksts
• Notikumu saistīšana
• Izteiksmes notikumu apdarinātājs
• Novērst noklusējuma apstrādi
• Atribūtu direktīvas
• Lietojiet stilus, mainot CSS klases
• Piemample: ngClass
• Stilu pielietošana tieši
• Strukturālās direktīvas
• Nosacīti izpildīt veidni
• Piemample: ngIf
• Looping, 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
• Elementu grupēšana
• Veidnes atsauces mainīgais - 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ērnu komponents
• @Output() Piemample – Parent Component
• Pilna divvirzienu iesiešana
• Divvirzienu datu saistīšanas iestatīšana programmā Parent - Veidnes un vadītas veidlapas
• Veidlapas, kas balstītas uz veidnēm
• Veidlapu moduļa importēšana
• Pamata pieeja
• Veidlapas iestatīšana
• Lietotāja ievades iegūšana
• Izlaižot ngForm atribūtu
• Inicializējiet veidlapu
• Divvirzienu datu saistīšana
• Veidlapas apstiprināšana
• Angular Validators
• Validācijas stāvokļa parādīšana, izmantojot klases
• Papildu ievades veidi
• izvēles rūtiņas
• Atlasiet (nolaižamo) laukus
• Atveides opcijas atlasei (nolaižamajā sarakstā)
• Datuma lauki
• Radio pogas - Reaktīvās formas
• Reaktīvās formas beigušāsview
• Celtniecības bloki
• Importēt Reactive FormsModule
• Izveidojiet veidlapu
• Izveidojiet veidni
• Ievades vērtību iegūšana
• Ievades lauku inicializēšana
• Veidlapas vērtību iestatīšana
• Ievades izmaiņu abonēšana
• Validācija
• Iebūvētie pārbaudītāji
• Rāda validācijas kļūdu
• Custom Validator
• Pielāgota pārbaudītāja izmantošana
• Konfigurācijas piegāde pielāgotajam pārbaudītājam
• FormArray — dinamiski pievienojiet ievades
• FormArray — komponentu klase
• FormArray — veidne
• FormArray – vērtības
• Sub FormGroups — komponentu klase
• Sub FormGroups — HTML veidne
• Kāpēc izmantot apakšveidlapu grupas - Pakalpojumi un atkarību injekcija
• Kas ir pakalpojums?
• Pamatpakalpojuma izveide
• Pakalpojuma klase
• Kas ir atkarības injekcija?
• Pakalpojuma gadījuma ievadīšana
• Inžektori
• Inžektoru hierarhija
• Pakalpojuma reģistrēšana ar Root Injector
• Pakalpojuma reģistrēšana ar komponenta inžektoru
• Reģistrējiet pakalpojumu ar funkciju moduļa inžektoru
• Kur reģistrēt pakalpojumu?
• Atkarības injekcija citos artefaktos
• Alternatīvas ieviešanas nodrošināšana
• Atkarības ievadīšana un @Host
• Atkarības ievadīšana un @Neobligāts - HTTP klients
• Angular HTTP Client
• HTTP klienta izmantošana — beidziesview
• Importēt HttpClientModule
• Pakalpojums, izmantojot HttpClient
• Saņemt pieprasījumu
• Ko dara novērojams objekts?
• Pakalpojuma izmantošana komponentā
• PeopleService klienta komponents
• 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 - Caurules un datu formatēšana
• Kas ir caurules?
• Iebūvētās caurules
• Cauruļu izmantošana HTML veidnē
• Cauruļu ķēdēšana
• Starptautiskas jonizētas caurules (i18n)
• Lokalizācijas datu ielāde
• Datums Pipe
• Numurs Pipe
• Valūtas caurule
• Izveidojiet pielāgotu cauruli
• Custom Pipe Example
• Izmantojot pielāgotas caurules
• Caurules izmantošana ar ngFor
• Filtra caurule
• Cauruļu kategorija: tīra un netīra
• Pure Pipe Example
• Netīra caurule Example - Ievads vienas lapas lietojumprogrammās
• Kas ir vienas lapas lietojumprogramma (SPA)
• Tradicionāls Web Pieteikums
• SPA darbplūsma
• Single Page Application Advantages
• HTML5 vēstures API
• SPA izaicinājumi
• SPA ieviešana, izmantojot Angular - Leņķisko komponentu 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
• Maršruta parametru nodošana
• 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 - Uzlabots HTTP klients
• Pieprasīt opcijas
• HttpResponse objekta atgriešana
• Pieprasījumu galveņu iestatīšana
• Jaunu novērojamo objektu izveide
• Vienkārša novērojamā objekta izveide
• Novērojamā konstruktora metode
• Novērojamie operatori
• Karte un filtrs Operatori
• FlatMap() operators
• Tap() operators
• Zip() kombinators
• HTTP atbildes saglabāšana kešatmiņā
• Secīgu HTTP zvanu veikšana
• Paralēlu zvanu veikšana
• Kļūdas objekta pielāgošana ar catchError()
• Kļūda cauruļvadā
• Kļūdu atkopšana - Leņķiskie moduļi
• Kāpēc leņķiskie moduļi?
• Moduļa klases anatomija
• @NgModule Properties
• Funkciju moduļi
• Piemample Moduļa struktūra
• Izveidojiet domēna moduli
• Izveidojiet maršrutētā/maršrutēšanas moduļa pāri
• Izveidojiet servisa moduli
• Kopīgu moduļu izveide
• Viena moduļa izmantošana no cita - Papildu maršrutēšana
• Routing Enabled Feature Module
• Funkcijas moduļa izmantošana
• Slinka funkcijas moduļa ielāde
• Saites izveide līdzekļu moduļa komponentiem
• Vairāk par slinko ielādi
• Moduļu iepriekšēja ielāde
• routerLinkActive saistīšana
• Noklusējuma maršruts
• Aizstājējzīmes maršruta ceļš
• redirectTo
• Bērnu maršruti
• Bērnu maršrutu definēšana bērnu maršrutiem
• Saites uz bērnu maršrutiem
• Navigācijas sargi
• Apsardzes ieviešanu izveide
• Aizsargu izmantošana maršrutā - Vienības testēšana Angular Applications
• Leņķisko artefaktu vienības testēšana
• Testēšanas rīki
• Tipiski testēšanas soļi
• Testa rezultāti
• Jasmine Test Suites
• Jasmīna specifikācijas (vienības testi)
• Cerības (apgalvošanas joni)
• Matchers
• PiemampAtbilstības meklētāju izmantošana
• Neīpašuma izmantošana
• Iestatīšana un nojaukšana vienības pārbaudes komplektos
• Piemample of beforeEach un afterKatra funkcija
• Leņķa pārbaudes modulis
• Piemampleņķa testa modulis
• Pakalpojuma testēšana
• Pakalpojuma gadījuma ievadīšana
• Pārbaudiet sinhrono metodi
• Pārbaudiet asinhrono metodi
• Mock HTTP Client izmantošana
• Konservētas atbildes sniegšana
• Komponenta pārbaude
• Komponentu pārbaudes modulis
• Komponentu instances izveide
• Component Fixture klase
• Pamatkomponentu testi
• DebugElement klase
• Lietotāja mijiedarbības simulēšana - Atkļūdošana
• Beigusiesview 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 — Mainīt noteikšanas jonu izpildes jonu
• Sintakses kļūdu uztveršana
KAM KURSS PAREDZĒTS?
Šis kurss ir paredzēts ikvienam, kam jāapgūst Angular 15 izstrādes pamati un tie nekavējoties jāpielieto, veidojot web lietojumprogrammas.
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. Lai iegūtu vairāk informācijas, lūdzu, sazinieties ar mums pa e-pastu uz ph.training@lumifywork.com
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 vai AngularJS pieredze nav nepieciešama
Šo Lumify Work kursu piegādi regulē rezervācijas noteikumi un nosacījumi.
Pirms pieteikšanās šajos kursos, lūdzu, rūpīgi izlasiet noteikumus un nosacījumus, jo pieteikšanās kursā ir atkarīga no šo noteikumu un nosacījumu pieņemšanas.
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
Dokumenti / Resursi
 |
LUMIFY WORK Angular 15 Programmēšana [pdfLietotāja rokasgrāmata Angular 15 Programmēšana, Programmēšana |
