UPORABA IN WEB RAZVOJ
Angular 15 Programiranje
DOLŽINA 5 dni
RAZLIČICA 15
ZAKAJ ŠTUDIRATI TA TEČAJ
Ta intenziven in celovit tečaj usposabljanja Angular 15 nudi udeležencem veščine, ki jih lahko takoj uporabijo pri svojem delu. Naučili se boste osnov razvoja Angular 15, kot so aplikacije enostranskega brskalnika, odzivne webspletna mesta in hibridne mobilne aplikacije.
Ta tečaj je kombinacija teoretičnega učenja in praktičnih laboratorijev, ki vključuje uvod v Angular, ki mu sledijo TypeScript, komponente, neposredni ivi, storitve, HTTPClient, testiranje in odpravljanje napak.
Opomba: Izvajamo lahko tudi usposabljanje za druge različice Angularja. Za povpraševanje ali registracijo zanimanja nas kontaktirajte.
KOTNI PRI SVETLOSTI DELU
KAJ SE BOSTE NAUČILI
Po uspešnem zaključku tega tečaja boste imeli znanje za:
- Razvijte enostranske kotne aplikacije z uporabo Typescripta
- Nastavite popolno razvojno okolje Angular
- Ustvarite komponente, neposredne ive, storitve, cevi, obrazce in validatorje po meri
- Opravljajte napredna opravila omrežnega pridobivanja podatkov z uporabo Observables
- Poraba podatkov iz REST web storitve, ki uporabljajo odjemalca HTTP Angular
- Obravnavajte ione povezave potisnih podatkov z uporabo WebProtokol vtičnice
- Delajte z Angular Pipes za oblikovanje podatkov
- Uporabite napredne funkcije Angular Component Router
- Testirajte in odpravljajte napake aplikacij Angular z uporabo vgrajenih orodij
- Delajte z Angular CLI
Moj inštruktor je bil odličen, saj je lahko scenarije postavil v primere iz resničnega sveta, ki so bili povezani z mojo specifično situacijo.
Od trenutka, ko sem prispel, sem se počutil dobrodošlega in možnost, da sem kot skupina sedela zunaj učilnice in razpravljala o naših situacijah in ciljih, je bila izjemno dragocena.
Veliko sem se naučil in zdelo se mi je pomembno, da so bili moji cilji z udeležbo na tem tečaju doseženi.
Odlično delo Lumify Delovna ekipa.
AMANDA NICOL
VODJA PODPORNIH STORITEV IT – HEALTH WORLD LIMITED
PREDMETI
- Predstavljamo Angular
• Kaj je Angular?
• Osrednje značilnosti kotnega ogrodja
• Ustrezni primeri uporabe
• Gradniki Angular aplikacije
• Osnovna arhitektura Angular aplikacije
• Namestitev in uporaba Angularja
• Anatomija kotne aplikacije
• Zagon aplikacije
• Gradnja in uvajanje aplikacije
• Angular za izvorne mobilne aplikacije - Uvod v TypeScript
• Programski jeziki za uporabo z Angular
• Sintaksa TypeScript
• Programski urejevalniki
• Tipski sistem – definiranje spremenljivk
• Tipski sistem – Definiranje nizov
• Osnovni primitivni tipi
• Vnesite Function ions
• Tipsko sklepanje
• Definiranje razredov
• Metode razreda
• Nadzor vidljivosti
• Konstruktorji razredov
• Konstruktorji razreda – alternativna oblika
• Neinicializirana polja
• Vmesniki
• Delo z moduli ES6
• var proti let
• Funkcije puščic
• Arrow Function Compact Syntax
• Nizi predlog
• Generiki v razredu
• Generiki v Function ion - Komponente
• Kaj je komponenta?
• Nekdanjiample komponenta
• Ustvarjanje komponente z uporabo Angular CLI
• Razred komponente
• @Component Decorator
• Registracija komponente v njen modul
• Predloga komponente
• Nprample: Predloga HelloComponent
• Nprample: Razred HelloComponent
• Uporaba komponente
• Zaženite aplikacijo
• Hierarhija komponent
• Korenska komponenta aplikacije
• Bootstrap File
• Kavlji življenjskega cikla komponente
• Nprample Lifecycle Hooks
• Slogi CSS - Predloge komponent
• Predloge
• Lokacija predloge
• Sintaksa Moustache {{ }}
• Nastavitev lastnosti elementa DOM
• Nastavitev besedila telesa elementa
• Vezava dogodkov
• Obravnavalec izraznih dogodkov
• Preprečite privzeto ravnanje
• Direktive o atributih
• Uporabite sloge s spreminjanjem razredov CSS
• Nprample: ngClass
• Neposredna uporaba slogov
• Strukturne direktive
• Predloga za pogojno izvedbo
• Nprample: ngIf
• Zankanje z uporabo ngFor
• ngZa lokalne spremenljivke
• Manipulacija zbirke
• Nprample – Brisanje predmeta
• Sledenje artiklom z ngFor
• Zamenjava elementov z ngSwitch
• Združevanje elementov
• Referenčna spremenljivka predloge - Komunikacija med komponentami
• Osnove komunikacije
• Arhitektura pretoka podatkov
• Priprava otroka na sprejemanje podatkov
• Pošlji podatke od starša
• Več o nastavitvi lastnosti
• Sprožitev dogodka iz komponente
• @Output() Nprample – podrejena komponenta
• @Output() Nprample – Nadrejena komponenta
• Popolna dvosmerna vezava
• Nastavitev dvosmerne vezave podatkov v Nadrejenem - Obrazci, ki jih poganjajo predloge
• Obrazci na podlagi predloge
• Modul za uvoz obrazcev
• Osnovni pristop
• Nastavitev obrazca
• Pridobivanje uporabniških vnosov
• Izpuščanje atributa ngForm
• Inicializirajte obrazec
• Dvosmerna vezava podatkov
• Preverjanje obrazca
• Kotni validatorji
• Prikaz validacijskega stanja z uporabo razredov
• Dodatne vrste vnosa
• Potrditvena polja
• Izberite (spustni meni) polja
• Možnosti upodabljanja za izbiro (spustni meni)
• Datumska polja
• Radijski gumbi - Reaktivne oblike
• Reactive Forms Overview
• Gradniki
• Uvozite Reactive FormsModule
• Sestavite obrazec
• Oblikujte predlogo
• Pridobivanje vhodnih vrednosti
• Inicializacija vnosnih polj
• Nastavitev vrednosti obrazca
• Naročanje na spremembe vnosa
• Validacija
• Vgrajeni validatorji
• Prikaz napake pri preverjanju
• Validator po meri
• Uporaba validatorja po meri
• Dobava konfiguracije za Custom Validator
• FormArray – dinamično dodajanje vnosov
• FormArray – Razred komponente
• FormArray – Predloga
• FormArray – Vrednosti
• Sub FormGroups – razred komponent
• Sub FormGroups – Predloga HTML
• Zakaj uporabljati Sub FormGroups - Storitve in vnos odvisnosti
• Kaj je storitev?
• Ustvarjanje osnovne storitve
• Servisni razred
• Kaj je vbrizgavanje odvisnosti?
• Vbrizgavanje primerka storitve
• Injektorji
• Hierarhija injektorjev
• Registracija storitve z orodjem Root Injector
• Registracija storitve z injektorjem komponente
• Registrirajte storitev z vbrizgalnikom funkcijskega modula
• Kje registrirati storitev?
• Vstavljanje odvisnosti v druge artefakte
• Zagotavljanje alternativne izvedbe
• Dependency Injection in @Host
• Dependency Injection in @Optional - Odjemalec HTTP
• Angular HTTP Client
• Uporaba odjemalca HTTP – Konecview
• Uvoz HttpClientModule
• Storitev z uporabo HttpClient
• Izdelava GET zahteve
• Kaj počne opazljivi objekt?
• Uporaba storitve v komponenti
• Odjemalska komponenta PeopleService
• Obravnava napak
• Prilagajanje predmeta napake
• Izdelava POST zahteve
• Izdelava zahteve PUT
• Izdelava zahteve za IZBRIS - Cevi in oblikovanje podatkov
• Kaj so cevi?
• Vgrajene cevi
• Uporaba cevi v predlogi HTML
• Verižne cevi
• Internacionalizirane cevi (i18n)
• Nalaganje lokalnih podatkov
• Datum Pipe
• Številka Pipe
• Currency Pipe
• Ustvarite cev po meri
• Custom Pipe Example
• Uporaba cevi po meri
• Uporaba cevi z ngFor
• Filtrirna cev
• Kategorija pipe: čista in nečista
• Pure Pipe Example
• Nečista cev Example - Uvod v enostranske aplikacije
• Kaj je enostranska aplikacija (SPA)
• Tradicionalno Web Aplikacija
• Potek dela SPA
• Enostranska aplikacija Advantages
• HTML5 History API
• SPA izzivi
• Implementacija SPA z uporabo Angularja - Kotni usmerjevalnik komponent
• Komponentni usmerjevalnik
• View Navigacija
• Angular Router API
• Ustvarjanje aplikacije, ki podpira usmerjevalnik
• Gostovanje usmerjenih komponent
• Navigacija z uporabo povezav in gumbov
• Programska navigacija
• Posredovanje parametrov poti
• Navigacija s parametri poti
• Pridobivanje vrednosti parametrov poti
• Sinhrono pridobivanje parametrov poti
• Asinhrono pridobivanje parametra poti
• Parametri poizvedbe
• Dobava parametrov poizvedbe
• Asinhrono pridobivanje parametrov poizvedbe
• Težave z priročnikom URL vnos in zaznamki - Napredni odjemalec HTTP
• Možnosti zahteve
• Vrnitev objekta HttpResponse
• Nastavitev glav zahtev
• Ustvarjanje novih opazovanih
• Ustvarjanje preproste opazovalke
• Metoda opazovanega konstruktorja
• Opazni operaterji
• Operaterji zemljevida in filtra
• Operator flatMap().
• Operator tap().
• Kombinator zip().
• Predpomnjenje odziva HTTP
• Opravljanje zaporednih klicev HTTP
• Vzporedni klici
• Prilagajanje predmeta napake z catchError()
• Napaka v cevovodu
• Odpravljanje napak - Kotni moduli
• Zakaj kotni moduli?
• Anatomija razreda modula
• Lastnosti @NgModule
• Funkcijski moduli
• Nprample Struktura modula
• Ustvarite modul domene
• Ustvarite par Usmerjeni/usmerjevalni modul
• Ustvarite servisni modul
• Ustvarjanje skupnih modulov
• Uporaba enega modula iz drugega - Napredno usmerjanje
• Funkcijski modul z omogočenim usmerjanjem
• Uporaba modula funkcij
• Leno nalaganje modula funkcij
• Ustvarjanje povezav za komponente modula funkcij
• Več o lenem nalaganju
• Prednalaganje modulov
• povezava routerLinkActive
• Privzeta pot
• Pot z nadomestnimi znaki
• redirectTo
• Otroške poti
• Definiranje podrejenih poti za podrejene poti
• Povezave za podrejene poti
• Navigacijske straže
• Ustvarjanje izvedb Guard
• Uporaba varoval na poti - Testiranje enot kotnih aplikacij
• Testiranje enot kotnih artefaktov
• Orodja za testiranje
• Tipični koraki testiranja
• Rezultati testov
• Testne zbirke Jasmine
• Specifikacije Jasmine (preskus enote)
• Pričakovanja (Assert ions)
• Vžigalice
• Nprampo uporabi ujemalnikov
• Uporaba lastnine not
• Nastavitev in razgradnja v kompletih za testiranje enot
• Nprampdatoteka funkcij beforeEach in afterEach
• Kotni testni modul
• Nprampkotni testni modul
• Testiranje storitve
• Vbrizgavanje primerka storitve
• Preizkusite sinhrono metodo
• Preizkusite asinhrono metodo
• Uporaba lažnega odjemalca HTTP
• Zagotavljanje pripravljenega odziva
• Testiranje komponente
• Modul za testiranje komponent
• Ustvarjanje primerka komponente
• Razred ComponentFixture
• Preizkusi osnovnih komponent
• Razred DebugElement
• Simulacija uporabniške interakcije - Odpravljanje napak
• Konecview kotnega odpravljanja napak
• Viewkodo TypeScript v razhroščevalniku
• Uporaba ključne besede razhroščevalnika
• Beleženje odpravljanja napak
• Kaj je Angular DevTools?
• Uporaba Angular DevTools
• Angular DevTools – Struktura komponent
• Angular DevTools – Izvedba zaznavanja sprememb
• Lovljenje sintaksnih napak
KOMU JE TEČAJ NAMENJEN?
Ta tečaj je namenjen vsem, ki se morajo naučiti osnov razvoja Angular 15 in jih takoj uporabiti pri ustvarjanju web aplikacije.
Ta tečaj usposabljanja lahko izvedemo in prilagodimo tudi za večje skupine – prihranimo čas, denar in sredstva vaši organizaciji. Za več informacij nas kontaktirajte preko elektronske pošte na ph.training@lumifywork.com
POVEZANOST Z DNE
- Web razvojne izkušnje z uporabo HTML, CSS in JavaScript so potrebne, da kar najbolje izkoristite ta tečaj Angular
- Koristno je tudi poznavanje brskalnika DOM
- Predhodne izkušnje z Angular ali AngularJS niso potrebne
Ponudbo teh tečajev s strani Lumify Work urejajo pogoji in določila rezervacije.
Preden se vpišete v ta tečaj, natančno preberite pogoje in določila, saj je vpis v tečaj pogojen s sprejetjem teh pogojev in določil.
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 / Viri
 |
LUMIFY WORK Angular 15 Programiranje [pdf] Uporabniški priročnik Angular 15 Programiranje, Programiranje |
