Köszönjük, hogy elküldte érdeklődését! Csapatunk egyik tagja hamarosan felveszi Önnel a kapcsolatot.
Köszönjük, hogy elküldte foglalását! Csapatunk egyik tagja hamarosan felveszi Önnel a kapcsolatot.
Kurzusleírás
Bevezetés
- Mi az a Angular?
- Angular vs React vs Vue
- A Angular 17 szolgáltatás és architektúra áttekintése
- A Fejlesztési Környezet kialakítása
Elkezdeni
- Új Angular 17 projekt létrehozása a Angular CLI használatával
- A projekt szerkezetének és fájljainak feltárása
- Az alkalmazás futtatása és kiszolgálása
- Adatok megjelenítése interpoláció és kifejezések segítségével
Alkatrészek
- A komponensek szerepének megértése a Angular-ban 17
- Összetevők létrehozása és használata
- Adattovábbítás a komponensek között bemenetek és kimenetek segítségével
- Alkatrész életciklus-horgok használata
irányelvek
- A strukturális és attribútum direktívák közötti különbség megértése
- Beépített direktívák létrehozása és használata, például ngIf, ngFor, ngSwitch stb.
- Egyéni direktívák létrehozása és használata
Csövek
- A csövek rendeltetésének megértése a Angular-ban 17
- Beépített csövek létrehozása és használata, például dátum, pénznem, json stb.
- Egyedi csövek készítése és használata
Szolgáltatások
- A szolgáltatások szerepének megértése a Angular-ban 17
- Szolgáltatások létrehozása és használata
- Függőségek beszúrása szolgáltatók segítségével
Modulok
- A modulok szerepének megértése a Angular-ban 17
- Modulok létrehozása és használata
- Modulok importálása és exportálása
Kötelező adatok
- Az egyirányú és a kétirányú adatkötés közötti különbség megértése
- Tulajdonság-összerendelés, esemény-összerendelés és banán-in-a-box szintaxis létrehozása és használata
- Sablon referenciaváltozók használata
útvonalválasztás
- Az útválasztás szerepének megértése a Angular-ban 17
- Útvonalak létrehozása és konfigurálása
- Útvonalak közötti navigáció a routerLink és a router.navigate() használatával
- Útvonalparaméterek, lekérdezési paraméterek és töredékek használata
Űrlapok
- A sablonvezérelt és a reaktív űrlapok közötti különbség megértése
- Űrlapok létrehozása és érvényesítése űrlapvezérlőkkel, űrlapcsoportokkal, űrlaptömbökkel stb.
- Beépített érvényesítők használata, mint például a szükséges, minLength, maxLength stb.
- Egyéni érvényesítők létrehozása és használata
HTTP kliens
- A HTTP-kliens szerepének megértése a Angular-ban 17
- HTTP-kérések létrehozása és használata a háttérszolgáltatásokkal való kommunikációhoz
- Megfigyelhető adatok használata aszinkron adatfolyamok kezelésére
- Elfogók használata HTTP kérések vagy válaszok módosítására vagy kezelésére
Új, deklaratív szabályozási folyamat
- Az új sablonvezérlő blokk szintaxisának ismertetése, és az olyan gyakori feladatok egyszerűsítése, mint a feltételes renderelés, a hurkok és az üres gyűjtemények kezelése
- Példák az új blokkok használatára, például @if, @else, @switch, @case, @default, @for és @empty
- Az új szintaxis összehasonlítása az előzővel, például *ngIf, *ngSwitch és *ngFor
- Megemlítve, hogy az új vezérlőblokkok hogyan támogatják a zóna nélküli alkalmazásokat jelekkel
Elhalasztott betöltési blokkok
- Elmagyarázza a késleltetett betöltés fogalmát, és hogyan javíthatja a webalkalmazások teljesítményét és felhasználói élményét
- Bemutatjuk az új @defer vezérlőblokkot, amely lehetővé teszi a blokk tartalmának és függőségei lusta betöltését
- Példák a @defer blokk használatára különböző forgatókönyvekhez, például összetevők, direktívák, csövek, animációk és stílusok betöltéséhez
- Megemlíti, hogyan működik a @defer blokk az új nézetátmenetek API-val
Átmenetek API megtekintése
- A nézetátmenetek API céljának és előnyeinek ismertetése, amely lehetővé teszi a fejlesztők számára az animációk és a nézetek közötti átmenetek testreszabását
- Bemutatjuk az új withViewTransitions direktívát, amely lehetővé teszi a nézetátmenetek API használatát
- Példák a withViewTransitions direktíva használatára különböző átmenettípusokkal, például elhalványítással, elcsúsztatással, nagyítással és átfordítással
- Megemlíti, hogyan működik a nézetátmenetek API a Angular útválasztóval és a böngésző előzményeivel
Egyéb funkciók és fejlesztések
- Röviden összefoglalva a Angular 17 által kínált egyéb funkciókat és fejlesztéseket, például:
- A @Component.styles karakterláncként történő átadásának támogatása
- Angular animációs kódja lustán betölthető
- TypeScript 5.2 támogatás
- Az alapjel API most stabil
- Node.js A v16 támogatása megszűnt, és a minimális támogatási verzió a v18.13.0
- Az Esbuild lesz az alapértelmezett építő, az alapértelmezett fejlesztői kiszolgáló pedig a Vite-ot fogja használni
Összegzés és a következő lépések
Követelmények
- A HTML, CSS és Java szkript megértése
- Tapasztalat: TypeScript és RxJS
- Webfejlesztési tapasztalat
Közönség
- Fejlesztők, akik szeretnék megtanulni a Angular 17 használatát dinamikus és érzékeny webalkalmazások létrehozására
- Fejlesztők, akik szeretnék fejleszteni tudásukat a Angular korábbi verzióihoz képest
- Programozók, akik szeretnék felfedezni a Angular új funkcióit és fejlesztéseit 17
28 Órák
Vélemények (2)
Leginkább az edzésfolyamat tetszett; végigment a témán, és a téma végén jól meghatározott gyakorlatokat tartott számunkra. Gyorsan útmutatást tudott adni a gyakorlatokon felmerülő problémákkal kapcsolatban.
Rabin Byanjankar - Lument
Kurzus - Angular 17
Gépi fordítás
Nagyon interaktív és informatív volt. A tréner nagyon türelmes volt velünk, amikor valamit nem értettünk, és gondoskodott arról, hogy senki ne maradjon le a képzés során.
Daniel - INIT Innovations in Transportation Ltd.
Kurzus - Angular 17
Gépi fordítás
