Kurzusleírás
Bevezetés
- Mi az a Angular?
- Mi az új a Angular 10-ben?
A Typescript és az ES6 JavaScript áttekintése
- TypeScript Szintaxis
- A TypeScript transzpiler használatával
- A Angular 10 és a Typescript beállítása
A Angular 10-es részek áttekintése
- Angular CLI
- Alkatrészek
- irányelvek
- Bemenetek és kimenetek
- Adatkötés és interpoláció
- Eseménykötés
- Adatmodellezés
- Bootstrapping
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 10
- 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 10 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
Angular modulok használata
A Angular 10 Alkalmazás tesztelése
- Jasmine használata az egységteszthez
- A Protractor használata 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
A Angular optimalizálása 10 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 10 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 10 Alkalmazás üzembe helyezése a termelésben
- Telepítés IIS, Apache, Nginx stb.
Angular 10 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
Vélemények (4)
Az oktató hozzáállása és tudása
Gabriel Llaurado - Allianz Technology
Kurzus - Angular 10 for Developers
Gépi fordítás
Az oktatás ismerete.
Jeffry Gonzalez - Allianz Technology
Kurzus - Angular 10 for Developers
Gépi fordítás
A Angular és a TS alapjáról indultunk, és jó módon növeltük a gyakorlatok nehézségét
Daniel Zamorano Infante - Allianz Technology
Kurzus - Angular 10 for Developers
Gépi fordítás
Practical examples, exercises and best practices