Kurzusleírás
Bevezetés
- Mi az Angular?
- Mi újdonság az Angular 12-ben?
A TypeScript és ES6 JavaScript áttekintése
- TypeScript szintaxis
- A TypeScript fordító használata
- Angular 12 és TypeScript beállítása
Az Angular 12 részeinek áttekintése
- Angular CLI
- Komponensek
- Direktívák
- Bemenetek és kimenetek
- Adatkötés és interpoláció
- Eseménykötés
- Adatmodellezés
- Bootstrapping
- Kísérleti Webpack
Az első Angular alkalmazás létrehozása
- Az alkalmazás tervezése
- Angular projekt beállítása
- Mobilbarát felhasználói felület készítése Bootstrap 4 és Sass segítségével
Komponens létrehozása
- A komponens életciklusának megértése
- Adatáramlás
- Sablonok és stílusok használata
- Tartalom projekció
- AppModule használata
- Egyéni komponensek használata
- View Encapsulation használata
- Életciklus hook-ok implementálása
- ViewChildren és ContentChildren használata
Adatkötés az Angular 12-ben
- Tulajdonság- és eseménykötés megérté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
Direktívák használata
- Beépített direktívák
- Egyéni direktívák
Angular 12 szolgáltatások
- Naplózási szolgáltatás létrehozása
- Adatszolgáltatás létrehozása
Függőséginjektálás és szolgáltatók használata
- Injectorok, szolgáltatók és tokenek
- Függőséginjektálás konfigurálása
- Szolgáltató konfigurálása
- Szolgáltatások injektálása komponensekbe, direktívákba és szolgáltatásokba
Oldalváltás útválasztással
- A különböző navigációs módszerek megértése
- Útválasztási stratégiák
- Útvonalak beállítása
- Útvonalak konfigurálása és betöltése
- Paraméterek használata útvonalakban
- Beágyazott útvonalak létrehozása
- Átirányító és helyettesítő útvonalak használata
- Útvonalvédők megértése
RxJS használata Observable-ok létrehozásához és kezeléséhez az Angularban
- Observable-ok áttekintése
- RxJS áttekintése
- Observable-ok építése és használata az Angularban
Űrlapok generálása felhasználói bevitelhez
- Sablonvezérelt űrlapok használata
- Reaktív űrlapok használata
- Egyéni érvényesítés létrehozása
- Űrlapadatok érvényesítése, szűrése és tisztítása
Pipe-ok használata
- Kimenet átalakítása
- Beépített pipe-ok
- Async pipe
- Egyéni pipe-ok
Külső HTTP API-k hívása
- Kérések küldése
Az Angular 12 alkalmazás tesztelése
- Jasmine használata egységteszteléshez
- Protractor alternatívák felfedezése végponttól végpontig történő teszteléshez
Az alkalmazás hibakeresése
- Hibauzenetek megértése az Angularban
- Sourcemaps használata kód hibakereséséhez a böngészőben
- TypeScript fordító diagnosztikák olvasása
- Augury használata hibakereséshez a böngészőben
Az Angular 12 alkalmazás optimalizálása
- A kód átalakítása
- Csomagméret csökkentése és halott kód eltávolítása
Angular 12 biztonság
- Hogyan működik a hitelesítés
- JWT hitelesítés használata
- Mit kell és mit nem szabad az Angularban írni
Angular 12 alkalmazás üzembe helyezése éles környezetben
- Üzembe helyezés IIS, Apache, Nginx stb. környezetben
Angular 12 legjobb gyakorlatok
Hibaelhárítás
Összefoglalás és befejezés
Követelmények
- Alapvető HTML, CSS és JavaScript ismerete
Közönség
- Fejlesztők
- Programozók
Vélemények (4)
A türelmes és módszertani tanítás
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
Gépi fordítás
A képző tapasztalata és türelme.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
Gépi fordítás
Megvolt a tanítási stílusom, amit kedveltem
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
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