Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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 Hours
Vélemények (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Kurzus - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Kurzus - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Kurzus - Building Web Apps using the MEAN stack
tetszettek a vicceid
Dermot - Griffiths & Armour
Kurzus - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Kurzus - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Lépésről lépésre elemzés. Minden sor kód magyarázata. Minden problémám sikeresen megoldódott a tanfolyam során, és Łukasz elmondta az okát. A bemutatott jó gyakorlatok is tetszettek. Soha nem voltam meggyőződve a TDD stílusról – egyszerűen nem találom hasznosnak és nem éri meg az időt. Łukasz annyi előnyére mutatott rá a TDD-nek, hogy teljesen megváltoztatta a véleményemet.
Michał Uściński - Devapo Sp. z o. o.
Kurzus - Testing Angular Applications
Machine Translated
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Kurzus - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Kurzus - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurzus - Angular 6
Good examples and interactive course !
