Kurzusleírás
Bevezetés
- Mi az Angular?
- Mi újdonság az Angular 10-ben?
TypeScript és ES6 JavaScript áttekintése
- TypeScript szintaxis
- A TypeScript transpiler használata
- Angular 10 és TypeScript beállítása
Angular 10 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
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 létrehozása 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 vetítése
- 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 10-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 10 szolgáltatások
- Naplózó szolgáltatás létrehozása
- Adatszolgáltatás létrehozása
Függőséginjektálás és szolgáltatók használata
- Injektorok, 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
- Útvédelmi rendszerek megértése
RxJS használata Observables létrehozásához és használatához az Angularban
- Observables áttekintése
- RxJS áttekintése
- Observables létrehozása és használata az Angularban
Felhasználói beviteli űrlapok generálása
- Template Driven Forms használata
- Reactive Forms használata
- Egyéni érvényesítések létrehozása
- Űrlapadatok érvényesítése, szűrése és tisztítása
Csövek használata
- Kimenet átalakítása
- Beépített csövek
- Async Pipe
- Egyéni csövek
Külső HTTP API-k hívása
- Kérések küldése
Angular modulok használata
Az Angular 10 alkalmazás tesztelése
- Jasmine használata egységteszteléshez
- Protractor használata végpontok közötti teszteléshez
Az alkalmazás hibakeresése
- Hibajelentések megértése az Angularban
- Sourcemaps használata kód hibakereséséhez a böngészőben
- TypeScript fordító diagnosztikájának olvasása
- Augury használata
Az Angular 10 alkalmazás optimalizálása
- A kód átalakítása
- Csomagméret csökkentése és holtkód eltávolítása
Angular 10 biztonság
- Hogyan működik a hitelesítés
- JWT hitelesítés használata
- Mit kell és nem kell az Angularban írni
Angular 10 alkalmazás üzembe helyezése éles környezetben
- Üzembe helyezés IIS, Apache, Nginx stb. környezetben
Angular 10 ajánlott gyakorlatok
Hibaelhárítás
Összefoglalás és befejezés
Követelmények
- Alapvető ismeretek a HTML, CSS és JavaScript területén
Célközönség
- Fejlesztők
Vélemények (4)
A képző szakmai attitűdje és ismeretei
Gabriel Llaurado - Allianz Technology
Kurzus - Angular 10 for Developers
Gépi fordítás
Az infrastruktúra ismerete.
Jeffry Gonzalez - Allianz Technology
Kurzus - Angular 10 for Developers
Gépi fordítás
Kezdettünk az Angular és a TS alapjaihoz, és jól növeltük a feladatok nehézségét.
Daniel Zamorano Infante - Allianz Technology
Kurzus - Angular 10 for Developers
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