Kurzusleírás
Bevezetés
- Mi az Angular?
- Mi újdonság 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
- Direktívák
- Inputok és Outputok
- 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 létrehozása Bootstrap 4 és Sass segítségével
Komponens létrehozása
- A komponens életciklusának megértése
- Adatfolyam
- Sablonok és stílusok használata
- Tartalom projekciója
- AppModule használata
- Egyéni komponensek használata
- View Encapsulation használata
- Életciklus hookok implementálása
- ViewChildren és ContentChildren használata
Adatkötés az Angular 11-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 11 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
- 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 az útvonalakban
- Beágyazott útvonalak létrehozása
- Átirányító és helyettesítő útvonalak használata
- Útvonalvédelmi szabályok megértése
RxJS használata Observable-ok létrehozásához és használatához az Angularban
- Observable-ok áttekintése
- RxJS áttekintése
- Observable-ok építése és használata az Angularban
Felhasználói beviteli űrlapok generálása
- Sablonvezérelt űrlapok használata
- Reaktív űrlapok használata
- Egyéni validáció létrehozása
- Űrlapadatok validálása, 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 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
- Hibaüzenetek megértése az Angularban
- Sourcemaps használata a kód hibakereséséhez a böngészőben
- TypeScript fordítói diagnosztikák olvasása
- Augury használata
Az Angular 11 alkalmazás optimalizálása
- A kód átdolgozása
- Csomagméret csökkentése és halott kód eltávolítása
Angular 11 biztonság
- Hogyan működik a hitelesítés
- JWT hitelesítés használata
- Mi illik és mi nem illik az Angularba írni
Angular 11 alkalmazás üzembe helyezése éles környezetben
- Üzembe helyezés IIS, Apache, Nginx stb. környezetben
Angular 11 ajánlott gyakorlatok
Hibaelhárítás
Összefoglalás és befejezés
Követelmények
- Alapvető ismeretek HTML, CSS és JavaScript területén
Célközönség
- Fejlesztők
Vélemények (5)
Szerettelek, hogy a képzés inkább a gyakorlati oldalra összpontosított.
Mihaela - Ness
Kurzus - NgRx
Gépi fordítás
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