Kurzusleírás
Bevezetés
- Mi az a Angular?
- Mi az új a Angular 12-ben?
A Typescript és az ES6 JavaScript áttekintése
- TypeScript Szintaxis
- A TypeScript transzpiler használatával
- A Angular 12 és a Typescript beállítása
A Angular 12 részeinek áttekintése
- Angular CLI
- Alkatrészek
- irányelvek
- 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
- A pályázat tervezése
- Angular Projekt beállítása
- Mobilbarát felhasználói felület létrehozása az Bootstrap 4 és Sass használatával
Komponens létrehozása
- A komponens életciklusának megértése
- Adatáramlás
- Sablonok és stílusok használata
- Tartalom kivetítése
- Munka az AppModule-lal
- Egyedi komponensekkel végzett munka
- View Encapsulation használata
- Életciklus Hookok megvalósítása
- A ViewChildren és a ContentChildren használata
Adatkötés Angular-ban 12
- A tulajdon- és eseménykötés megértése
- Aliasok kötése és hozzárendelése egyéni tulajdonságokhoz
- Aliasok kötése és hozzárendelése egyéni eseményekhez
Irányelvekkel való munka
- Beépített irányelvek
- Egyéni irányelvek
Angular 12 Szolgáltatások
- Naplózási szolgáltatás létrehozása
- Adatszolgáltatás létrehozása
A Dependency Injection és a Providers használata
- Injektorok, szolgáltató és tokenek
- A Dependency Injection konfigurálása
- A szolgáltató konfigurálása
- Szolgáltatások beillesztése komponensekbe, irányelvekbe é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ási és helyettesítő karakteres útvonalak használata
- Az útvonalőrök megértése
A RxJS használata megfigyelhető elemek létrehozására és kezelésére a Angular-ban
- A megfigyelhető elemek áttekintése
- A RxJS áttekintése
- Megfigyelhető elemek építése és használata itt: Angular
Űrlapok generálása felhasználói bevitelhez
- A sablonvezérelt űrlapok használata
- Az Reactive Forms használata
- Egyéni érvényesítés létrehozása
- Űrlapadatok ellenőrzése, szűrése és megtisztítása
Csövek használata
- A kimenet átalakítása
- Beépített csövek
- Aszinkron cső
- Egyedi csövek
Külső HTTP API-k hívása
- Kérések küldése
A Angular 12 Alkalmazás tesztelése
- Jasmine használata az egységteszthez
- Protractor alternatívák feltárása a végpontok közötti teszteléshez
Az alkalmazás hibakeresése
- A hibaüzenetek értelmezése itt: Angular
- Sourcemaps használata a kód hibakereséséhez a böngészőben
- Olvasás TypeScript Diagnosztika összeállítása
- Augury használata böngészőn belüli hibakereséshez
A Angular optimalizálása 12 Alkalmazás
- A kód átdolgozása
- A köteg méretének csökkentése és a holt kód megszüntetése
Angular 12 Biztonság
- Hogyan működik a hitelesítés
- JWT hitelesítés használata
- Mit kell és mit nem kell írni Angular
Angular 12 Alkalmazás üzembe helyezése a termelésben
- Telepítés IIS, Apache, Nginx stb.
Angular 12 bevált gyakorlat
Hibaelhárítás
Összefoglalás, és következtetés
Követelmények
- Az alapvető HTML, CSS és JavaScript ismerete
Közönség
- Fejlesztők
- Programozók
Vélemények (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kurzus - Angular 12
Pipe Routing Data Biding Services