Kurzusleírás
Bevezetés
- Mi az új az Angular 6-ban?
TypeScript és ES6 JavaScript áttekintése
- TypeScript szintaxisa
- A TypeScript transzpiler használata
- Angular 6 beállítása és a TypeScript használata
Angular 6 részeit áttekintve
- Komponensek létrehozása
- Dátum kötés és szöveg interpoláció
- Tulajdonságok kötése
- Események kötése
- Kétkeresztes dátum kötés
- Adatmodell létrehozása
- Irányelvek használata
- Bővítőbetöltés kezelése
- Beviteli és kimeneti adatok kezelése
- Angular CLI használata
Első Angular alkalmazás létrehozása
- Az alkalmazás tervezése
- Helyi fejlesztőkörnyezet beállítása az CLI használatával
- Egy alapvető projekt készítése a Bootstrap 4 és Sass használatával
Angular 6 komponensek használata
- Dátumfolyam kezelése
- Az AppModule működése
- Egyéni komponensek létrehozása
- Sablonok és stílusok használata
- Nézet beágyazásának kezelése
- Tartalom beágyazásának kezelése
- A komponens életciklus és a lifecircle hooks működése
- Nézet gyermekkompnensek (ViewChildren) és tartalom gyermekkomponensek (ContentChildren) használata
Dátum kötés Angular 6-ban
- Tulajdonságok és események kötése áttekintése
- Egyéni tulajdonságok kötése és aliasok hozzárendelése
- Egyéni események kötése és aliasok hozzárendelése
Irányelvek használata
- Beépített irányelvek
- Egyéni irányelvek
Angular 6 szolgáltatások
- Nyomkövetési szolgáltatás létrehozása
- Adatszolgáltatás létrehozása
Függőséginjekció és szolgáltatók használata
- Injektőrok, szolgáltatók és tokenek
- Függőséginjekció beállítása
- Szolgáltatások beállítása
- Szolgáltatások injektálása komponensekbe, irányelvekbe és szolgáltatásokba
Oldalváltás útvonalak használatával
- Útvonalak beállítása
- Útvonalak konfigurálása és betöltése
- Az eltérő navigációs módszerek ismertetése
- Paraméterek használata útvonalakban
- Nested routes (belső útvonalak) létrehozása
- Redirect és wildcard útvonalak használata
- Útvonalvédők (route guards) ismertetése
- Útválasztási stratégiák ismertetése
RxJS használata observable-ök létrehozására és kezelésére Angular 6-ban
- Observables áttekintése
- RxJS áttekintése
- Observables létrehozása és használata Angular 6-ban
Űrlapkezelés
- Sablonvezérelt űrlapok használata
- Reaktív űrlapok használata
Folyamatos (pipes) használata
- Beépített folyamatok
- Async pipe
- Egyéni folyamatok
Külső HTTP API-k meghívása
Angular modulok használata
Az Angular 6 alkalmazás tesztelése
- Jasmine használata egységtesztekhez
Az alkalmazás hibaelhárítása
- Hibák kezelése Angular-ban
- Sourcemapok használata a böngészőben történő kód hibaelhárításához
- Augury használata
Az Angular 6 alkalmazás optimalizálása
Az Angular 6 biztonságossága
- Hitelesítés
- Mi írható és mi nem írható Angular-ban
Egy Angular 6 alkalmazás éles környezetbe való üzembe helyezése
- Üzembe helyezés IIS, Apache, Nginx stb.-ben
Hibaelhárítás
Záró megjegyzések
Követelmények
- Alapvető ismeretek HTML, CSS és JavaScript nyelvről
Célcsoport
- Fejlesztők
Vélemények (6)
Jó anyag! A képző egy nagyon szimpatikus férj, ami sokat segít!
Xander Knol - Conclusion Learning Centers
Kurzus - Angular 6
Gépi fordítás
Gyakorló feladatok!
William Limberger - Conclusion Learning Centers
Kurzus - Angular 6
Gépi fordítás
Az Angular teljes ökoszisztémájának, TypeScript és különösen a útvonalkezelés tanulása
Ryan Delport - Leaseweb
Kurzus - Angular 6
Gépi fordítás
gyakorolva, hogy önmagam elvégezem az egészet.
Christiaan Sloof - Leaseweb
Kurzus - Angular 6
Gépi fordítás
Tényleg élveztem, a képző egy nagyszerű szakember.
Lukasz Cysewski - PSI Polska
Kurzus - Angular 6
Gépi fordítás
A gyakorlatok lehetővé tették számunkra, hogy a előadáson szerzett tudást valós példákban alkalmazzuk. Ezen kívül lehetőséget kínáltak arra is, hogy kérdéseinket feltegyük, ha valamiben biztosak nem voltunk.
Chris Gilchrist - SAA Consultants LTD
Kurzus - Angular 6
Gépi fordítás