Angular 17 Képzés

Bevezetés az Angular 17-be

• Mi az Angular?
• Angular vs React vs Vue
• Áttekintés az Angular 17 funkciónairól és architektúrájáról
• A fejlesztői környezet beállítása

Előzetes ismeretek

• Új Angular 17 projekt létrehozása az Angular CLI-vel
• A projekt szerkezetének és fájljainak felfedezése
• Az alkalmazás futtatása és kiszolgálása
• Adatok megjelenítése interpolációval és kifejezésekkel

Komponensek

• A komponensek szerepének megértése az Angular 17-ben
• Komponensek létrehozása és használata
• Adatok átvitele komponensek között inputokkal és outputokkal
• Komponens-életciklus-hookok használata

Direktívák

• 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, mint az ngIf, ngFor, ngSwitch használata és egyéni direktívák létrehozása
• Egyéni direktívák létrehozása és használata

Csövek (Pipes)

• A csövek szerepének megértése az Angular 17-ben
• Beépített csövek, mint a date, currency, json használata és egyéni csövek létrehozása
• Egyéni csövek létrehozása és használata

Szolgáltatások

• A szolgáltatások szerepének megértése az Angular 17-ben
• Szolgáltatások létrehozása és használata
• Függőségek injektálása providerek segítségével

Modulok

• A modulok szerepének megértése az Angular 17-ben
• Modulok létrehozása és használata
• Modulok importálása és exportálása

Adatkötés

• Unirányú és kétrányú adatkötés közötti különbségek megértése
• Tulajdonság-kötés, eseménykötés és a "banana-in-a-box" szintaxis létrehozása és használata
• Sablonreferencia-változók használata

Útválasztás

• Az útválasztás szerepének megértése az Angular 17-ben
• Útvonalak létrehozása és konfigurálása
• Útvonalak közötti navigáció routerLink és router.navigate() használatával
• Útvonali paraméterek, lekérdezési paraméterek és fragmentumok használata

Űrlapok

• Sablonvezérelt és reaktív űrlapok közötti különbségek megértése
• Űrlapok létrehozása és validálása űrlapvezérlőkkel, űrlapcsoportokkal, űlaptáblaikákkal
• Beépített validátorok, mint required, minLength, maxLength használata
• Egyéni validátorok létrehozása és használata

HTTP kliens

• Az HTTP kliens szerepének megértése az Angular 17-ben
• HTTP kérések létrehozása és használata a háttérszolgáltatásokkal való kommunikációhoz
• Objezektek használata aszinkron adatáramok kezelésére
• Interceptorok használata HTTP kérések vagy válaszok módosításához vagy kezeléséhez

Új, deklaratív vezérlési áramlás

• Az új sablonvezérlési blokk szintaxis magyarázata, amely egyszerűsíti a gyakori feladatokat, mint a feltételes megjelenítés, a ciklusok és az üres gyűjtemények kezelése
• Példák az új blokkok használatára, mint az @if, @else, @switch, @case, @default, @for és @empty
• Az új szintaxis összehasonlítása a korábbiakkal, mint a *ngIf, *ngSwitch és *ngFor
• Megemlíteni, hogyan támogatják az új vezérlési blokkok a zóna nélküli alkalmazásokat szignálokkal

Késleltetett betöltési blokkok

• A késleltetett betöltés fogalmának magyarázata, amely hogyan javíthatja a webalkalmazások teljesítményét és felhasználói élményét
• Az új @defer vezérlési blokk bemutatása, amely lehetővé teszi a blokk tartalmának és függőségeinek késleltetett betöltését
• Példák az @defer blokk különböző forgatókönyvekben történő használatára, mint komponensek, direktívák, csövek, animációk és stílusok betöltése
• Megemlíteni, hogyan működik az @defer blokk az új nézetátmeneti API-val

Nézetátmeneti API

• A nézetátmeneti API céljának és előnyeinek magyarázata, amely lehetővé teszi a fejlesztőknek a nézetek közötti animációk és átmenetek testreszabását
• Az új withViewTransitions direktívának bemutatása, amely lehetővé teszi a nézetátmeneti API használatát
• Példák a withViewTransitions direktíva különböző átmenet típusokkal, mint fade, slide, zoom és flip használata
• Megemlíteni, hogyan működik a nézetátmeneti API az Angular útválasztóval és a böngésző előzményekkel

Egyéb funkciónok és fejlesztések

• Rövid összefoglaló az Angular 17 által nyújtott egyéb funkciónokról és fejlesztésekről, köztük:
• Támogatás a @Component.styles paraméter átadására sztringként
• Angular animációs kód késleltetett betölthető
• TypeScript 5.2 támogatás
• A alapvető szignal API mostantól stabil
• Elhagyva a Node.js v16 támogatását, a minimálisan támogatott verzió a v18.13.0
• Az Esbuild lesz az alapértelmezett builder, és az alapértelmezett fejlesztői szerver a Vite-t fogja használni