Kurzusleírás
Bevezetés
- Mi az Angular?
- Mi új az Angular 11-ben?
TypeScript és ES6 JavaScript áttekintése
- TypeScript szintaxis
- A TypeScript transpiler használata
- Angular 11 és TypeScript beállítása
Angular 11 részeinek áttekintése
- Angular CLI
- Komponensek
- Irányelvek (Directives)
- Bemenetek és kimenetek
- Adattárszerkesztés és interpoláció
- Eseménytárszerkesztés
- Adatmodell
- Befecskendezés (Bootstrapping)
- Kísérleti Webpack
Az első Angular alkalmazás létrehozása
- Az alkalmazás tervezése
- Egy Angular projekthez való beállítás
- Mobileszigetbarát felhasználói felület készítése Bootstrap 4 és Sass használatával
Komponens létrehozása
- A komponens élettartamának megértése
- Adatfolyamat
- Sablonok és stílusok használata
- Tartalom projekciója
- Az AppModule működése
- Egyéni komponensek készítése
- Nézet-kapszulázás használata
- Élettartamhookok implementálása
- A ViewChildren és ContentChildren használata
Adattárszerkesztés az Angular 11-ben
- Tulajdonság- és eseménytárszerkesztés megértése
- Egyéni tulajdonságok aliaszolásának és társításának beállítása
- Egyéni események aliaszolásának és társításának beállítása
Irányelvek használata
- Beépített irányelvek
- Egyéni irányelvek
Angular 11 szolgáltatások
- Naplózó szolgáltatás létrehozása
- Adatszolgáltatás létrehozása
Függőséginjekció és szolgáltatók használata
- Injektőrkök, szolgáltatók és tokensek
- Függőséginjekció konfigurálása
- A szolgáltatód beállítása
- Szolgáltatások injektálása komponensekbe, irányelvekbe és szolgáltatásokba
Oldalváltás a routerrel
- A különböző navigációs módszerek megértése
- Router stratégiák
- Útvonalak beállítása
- Útvonalak konfigurálása és betöltése
- Hivatkozások útvonalai használata
- Belső útvonalak létrehozása
- Átirányító és wildecard útvonalak használata
- Útvonalkorlátozók megértése
RxJS használata reaktív folyamatok létrehozására az Angularban
- A reaktív folyamatok áttekintése
- Az RxJS áttekintése
- Reaktív folyamatok létrehozása és használata az Angularban
Űrlapok generálása felhasználói bevitelhez
- Sablonalapú űrlapok használata
- Reaktív űrlapok használata
- Egyéni ellenőrzés létrehozása
- Űrlapadatok validálása, szűrése és tisztítása
Csövek (Pipes) használata
- Kimenet átalakítása
- Beépített csövek
- Az aszinkron cső
- Egyéni csövek
Hívások küldése külső HTTP API-khoz
- Kérelmek küldése
Az Angular 10 alkalmazás tesztelése
- Unit-tesztek készítése a Jasmine segítségével
- Végponti tesztek készítése a Protractorral
Az alkalmazás hibakeresése
- Hibaüzenetek megértése az Angularban
- Sourcemapok használata a böngészőben található kód hibakeresésére
- JavaScript fordítói diagnosztika olvasása
- Az Augury használata
Az Angular 11 alkalmazás optimalizálása
- A kód átfogó felülvizsgálata
- Csomag méret csökkentése és haláloskód eltávolítása
Az Angular 11 biztonsága
- Hitelesítés működése
- JWT hitelesítés használata
- Mi lehet és mi nem lehet az Angularban írva
Az Angular 11 alkalmazás éles környezetbe való telepítése
- Telepítés IIS, Apache, Nginx stb. rendszerekre
Az Angular 11 legjobb gyakorlatai
Hibaelhárítás
Összefoglaló és következtetés
Követelmények
- Alapvető ismeretek HTML, CSS és JavaScript nyelvekről.
Célcsoport
- Fejlesztők
Vélemények (5)
I liked that the training focused more on the practical side.
Mihaela - Ness
Kurzus - NgRx
Az elemezett témák, sok élő kódpélda, a képzőzők együttműködési módja a csoporttal
Weronika - ATOS PGS sp. z o.o.
Kurzus - Reactive Programming with Angular RxJS
Gépi fordítás
Megszívesztettek a viccek.
Dermot - Griffiths & Armour
Kurzus - Angular 2 Fundamentals
Gépi fordítás
Gyakorlati példák, gyakorlások és legjobb gyakorlatok
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurzus - Angular 10 for Developers
Gépi fordítás
Cső Útvonalak Adat kötés Szolgáltatások
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
Gépi fordítás