Kurzusleírás
Bevezetés
- Mi az Angular?
- Mi új az Angular 12-ben?
TypeScript és ES6 JavaScript áttekintése
- TypeScript szintaxisa
- A TypeScript transpiler használata
- Angular 12 és TypeScript beállítása
Angular 12 részeinek áttekintése
- Angular CLI
- Komponensek
- Irányelvek
- Bemenetek és kimenetek
- Adat kötés és interpoláció
- Esemény kötés
- Adatmodell
- Rajzolás indítása
- Kísérleti Webpack
Első Angular alkalmazás létrehozása
- Az alkalmazás tervezése
- Angular projektenkénti beállítás
- Mobilbarát UI létrehozása Bootstrap 4 és Sass használatával
Komponens létrehozása
- A komponensek életciklusának megértése
- Adatfolyam
- Sablonok és stílusok használata
- Tartalom beillesztése
- Az AppModule munkájának megértése
- Egyéni komponensek működése
- Nézet kapcsolódás használata
- Életciklus húk implementálása
- A ViewChildren és ContentChildren használata
Adatkötés Angular 12-ben
- Tulajdonságok és események kötésének megértése
- Egyéni tulajdonságok aliasainak kötése és hozzárendelése
- Egyéni események aliasainak kötése és hozzárendelése
Irányelvek használata
- Beépített irányelvek
- Egyéni irányelvek
Angular 12 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őrokat, szolgáltatókat és tokentárolókat
- A függőséginjekció beállítása
- A szolgáltatás beállítása
- Szolgáltatások injektálása komponensekbe, irányelvekbe és szolgáltatásokba
Lapváltás kezelése útvonalak használatával
- A különböző navigációs módszerek megértése
- Útvonalkezelési stratégiák
- Útvonalak beállítása
- Útvonalak konfigurálása és betöltése
- Paraméterek használata az útvonalakban
- Belső útvonalak létrehozása
- Átirányítási és wildcard útvonalak használata
- Útvonalkorlátozók megértése
RxJS használata observables létrehozására és kezelésére Angularban
- Az observables áttekintése
- Az RxJS áttekintése
- Observables létrehozása és használata Angularban
Űrlapok generálása felhasználói adatbekéréshez
- Sablonvezérelt űrlapok használata
- Reaktív űrlapok használata
- Egyéni validáció létrehozása
- Űrlapadatok ellenőrzése, szűrése és tisztítása
Függővételek használata
- Kimenet átalakítása
- Beépített függővételek
- Async Pipe
- Egyéni függővételek
Külső HTTP API-k hívása
- Kérelmek küldése
Az Angular 12 alkalmazás tesztelése
- Jasmine használata egységteszteléshez
- Protractor alternatívák kivizsgálása vég-ért-vég teszteléshez
Az alkalmazás hibakeresése
- Hibaüzenetek megértése Angularban
- Sourcemaps használata a böngészőbeni kód hibakereséséhez
- TypScript fordító diagnosztikus adatok olvasása
- Augury használata a böngészőbeni hibakereséshez
Az Angular 12 alkalmazás optimalizálása
- Kód átdolgozása
- Csomag méret csökkentése és halálozó kód eltávolítása
Az Angular 12 biztonsága
- Hogyan működik az hitelesítés
- JWT hitelesítés használata
- Mit, és mit nem írhatunk Angularban
Az Angular 12 alkalmazás üzembe helyezése a termelési környezetben
- Üzembe helyezés IIS, Apache, Nginx stb. esetén
Az Angular 12 legjobb gyakorlatai
Hibaelhárítás
Következtetés és összefoglalás
Követelmények
- Alapvető HTML, CSS és JavaScript ismeretek
Célcsoport
- Fejlesztők
- Programozók
Vélemények (4)
Türelmesség és módszeres tanítás
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
Gépi fordítás
A kikötő tapasztalata és türelme.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
Gépi fordítás
Szerettem a tanítási stílust.
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
Gépi fordítás
Csővezeték Átirányítás Adatok kötése Szolgáltatások
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
Gépi fordítás