LUMIFY WORK Angular 12 programozás

MIÉRT TANULNI EZT A TANFOLYAMOT

Ez az átfogó Angular 12 programozási kurzus az elméleti tanulás és a gyakorlati laborok kombinációja, amely magában foglalja az Angular bevezetését, majd a TypeScriptet, az összetevőket, az irányelveket, a szolgáltatásokat, a HTTP-klienst, a tesztelést és a hibakeresést.
A kurzus tele van hasznos és hasznos információkkal, amelyeket azonnal alkalmazhat a munkájához. Tanulja meg az alapvető Angular 12 fejlesztés alapjait, például egyoldalas böngészőalkalmazásokat, reszponzív webwebhelyek és hibrid mobilalkalmazások.
Jegyzet: Az Angular más verzióira is tudunk oktatást tartani. Érdeklődéshez vagy érdeklődésének bejelentéséhez vegye fel velünk a kapcsolatot.

MIT TANULJ MEG
A tanfolyam sikeres elvégzése után Ön képes lesz:

• Egyoldalas Angular alkalmazások fejlesztése Typescript segítségével
• Hozzon létre egy teljes Angular fejlesztői környezetet
• Hozzon létre összetevőket, irányelveket, szolgáltatásokat, csöveket, űrlapokat és egyéni érvényesítőket
• Kezelje a speciális hálózati adatlekérési feladatokat a Megfigyelhető eszközök segítségével Adatok fogyasztása a REST-ből web Angular HT TP Client segítségével kezeli a push-adatkapcsolatokat a WebSockets protokoll
• Dolgozzon az Angular Pipes-szel az adatok formázásához
• Használja a fejlett Angular Component Router funkciókat
• Angular alkalmazások tesztelése és hibakeresése beépített eszközökkel.

A TANFOLYAM TÁRGYAI

1. fejezet Az Angular bemutatása

• Mi az Angular?
• Az Angular Framework központi jellemzői Megfelelő használati esetek
• Szögletes alkalmazás építőkövei Szögletes alkalmazás alapfelépítése Angular telepítése és használata
• Az alkalmazást futtató szögletes alkalmazás anatómiája
• Az Alkalmazás Angular felépítése és telepítése natív mobilalkalmazásokhoz
• Összegzés

2. fejezet A TypeScript bemutatása

• Programozási nyelvek Angular TypeScript szintaxishoz
• Programszerkesztők
• A típusrendszer – Változók meghatározása
• A típusrendszer – Tömbök meghatározása
• Alapvető primitív típusok
• Írja be a Funkciók mezőt
• Típus Következtetés
• Osztályok meghatározása
• Osztály módszerek
• Láthatóságszabályozás
• Osztályépítők
• Osztálykonstruktorok – Alternatív formájú inicializálatlan mezők
• Interfészek
• Munka az ES6 modulokkal
• var vs let
• Nyíl funkciók
• Nyíl funkció Kompakt szintaxissablon karakterláncok
• Általános szerek az osztályban
• Generics in Function
• Összegzés

3. fejezet Összetevők

• Mi az a komponens?
• Egy Example Component
• Összetevő létrehozása Angular CLI használatával
• A komponens osztály
• A @Component Decorator
• Egy komponens regisztrálása a modul komponens sablonjához
• Example: HelloComponent sablon
• Example: A HelloComponent osztály komponens használatával
• Futtassa az alkalmazást
• Alkatrész-hierarchia
• Az alkalmazás gyökérkomponense
• A Bootstrap File
• Alkatrész életciklus horgok plample Lifecycle Hooks
• CSS stílusok
• Összegzés

4. fejezet Összetevősablonok

• Sablonok
• Sablon helye
• A bajusz {{ }} szintaxisa
• A DOM elem tulajdonságainak beállítása
• Beállítási elem törzsszövege
• Eseménykötés
• Kifejezési eseménykezelő
• Az alapértelmezett kezelés megakadályozása
• Attribútum irányelvek
• Stílusok alkalmazása a CSS-osztályok megváltoztatásával
• Example: ngClass
• Stílusok közvetlen alkalmazása
• Strukturális irányelvek
• Sablon feltételesen végrehajtása
• Example: ngIf
• Hurkolás az ngFor használatával
• ngHelyi változókhoz
• A gyűjtemény manipulálása plample – Elem törlése
• Elemkövetés ngFor elemekkel ngSwitch csoportosító elemekkel
• Sablon referenciaváltozó-összefoglaló

5. fejezet Komponensek közötti kommunikáció

• Kommunikációs alapok
• Az adatfolyam-architektúra
• A gyermek felkészítése az adatok fogadására
• Adatok küldése a szülőtől
• További információ a tulajdonságok beállításáról
• Esemény aktiválása egy komponensből
• @Output() Plample – Gyermekkomponens @Output() Plample – Szülőkomponens
• Teljes kétirányú kötés
• Kétirányú adatkötés beállítása a szülőben
• Összegzés

6. fejezet Sablonvezérelt űrlapok

• Sablonvezérelt űrlapok
• Űrlapok importálása modul
• Alapvető megközelítés
• Űrlap beállítása
• Felhasználói bevitel lekérése
• Az ngForm attribútum elhagyása
• Inicializálja az űrlapot
• Kétirányú adatkötés
• Az űrlap érvényesítése
• Angular Validators
• Érvényesítési állapot megjelenítése osztályok használatával További bemeneti típusok
• Jelölőnégyzetek
• Válassza ki a (legördülő) mezőket
• Renderelési beállítások a (legördülő) dátum mezőkhöz
• Rádiógombok
• Összegzés

7. fejezet Reaktív űrlapok

• Reaktív formák végeview
• Az építőkockák
• ReactiveFormsModule importálása
• Űrlap létrehozása
• Tervezze meg a sablont
• Bemeneti értékek lekérése
• A beviteli mezők inicializálása
• Űrlapértékek beállítása
• Feliratkozás a beviteli változásokra
• Érvényesítés
• Beépített érvényesítők
• Érvényesítési hiba megjelenítése
• Egyéni érvényesítő
• Egyéni érvényesítő használata
• Konfiguráció biztosítása az Egyéni Validátorhoz
• FormArray – Bemenetek dinamikus hozzáadása
• FormArray – A komponens osztály
• FormArray – A sablon
• FormArray – Értékek
• Sub FormGroups – Összetevő osztály
• Sub FormGroups – HTML sablon
• Miért használjon al-űrlapcsoportokat?
• Összegzés

8. fejezet Szolgáltatások és függőségi injekció

• Mi az a szolgáltatás?
• Alapszolgáltatás létrehozása
• A szolgáltatási osztály
• Mi az a függőségi injekció?
• Szolgáltatáspéldány beadása
• Injektorok
• Injektor hierarchia
• Szolgáltatás regisztrálása a Root Injector segítségével
• Szolgáltatás regisztrálása alkatrész befecskendezőjével
• Regisztráljon szolgáltatást egy Feature Module Injektorral
• Hol lehet szolgáltatást regisztrálni?
• Függőséginjektálás más műtermékekben, alternatív megvalósítást biztosító függőségi befecskendezés és @Host
• Dependency Injection és @Opcionális
• Összegzés

9. fejezet HTTP-kliens

• Az Angular HT TP kliens
• A HT TP Client használata – Végeview
• HttpClientModule importálása
• Szolgáltatás HttpClient használatával
• GET-kérés elkészítése
• Mit csinál egy megfigyelhető objektum?
• A szolgáltatás használata komponensben
• A PeopleService Client komponens hibakezelése
• A hibaobjektum testreszabása
• POST-kérés elkészítése
• PUT-kérés elkészítése
• TÖRLÉS kérés benyújtása

10. fejezet Csövek és adatformázás

• Mik azok a csövek?
• Beépített csövek
• Csövek használata a HTML-sablonos csövekben
• Nemzetközi csövek (i18n) Területi adatok betöltése
• A dátum Pipe
• A szám Pipe
• Valuta Pipe
• Hozzon létre egy egyedi csövet
• Egyedi cső plample
• Egyedi csövek használata
• Cső használata az ngFor-ral
• Egy szűrőcső
• Csőkategória: Tiszta és tisztátalan
• Összegzés
• Pure Pipe Example
• Tiszta cső plample
• Összegzés

11. fejezet: Bevezetés az egyoldalas alkalmazásokba

• Mi az egyoldalas alkalmazás (SPA) hagyományos? Web Alkalmazás
• SPA munkafolyamat
• Egyoldalas alkalmazás Advantages HTML5 History API
• SPA kihívások
• SPA-k megvalósítása szögletes összefoglaló használatával

12. fejezet Az Angular Component Router

• A komponens útválasztó
• View Navigáció
• Az Angular Router API
• Router-kompatibilis alkalmazás létrehozása
• Az irányított összetevők tárolása
• Navigáció hivatkozások és gombok használatával
• Programozott navigáció
• Útvonalparaméterek átadása
• Navigálás az útvonalparaméterekkel
• Az útvonalparaméterek értékeinek beszerzése
• Az útvonalparaméter szinkron lekérése
• Útvonalparaméter aszinkron lekérése
• Lekérdezési paraméterek
• Lekérdezési paraméterek megadása
• Lekérdezési paraméterek aszinkron lekérése
• Problémák a kézikönyvvel URL bejegyzés és könyvjelző
• Összegzés

13. fejezet Speciális HTTP-kliens

• Lehetőségek kérése
• HttpResponse objektum visszaküldése
• Kérelemfejlécek beállítása
• Új megfigyelések létrehozása
• Egyszerű megfigyelés létrehozása
• A Megfigyelhető konstruktor módszer Megfigyelhető operátorok
• A térkép és a szűrő Operátorok
• A flatMap() operátor
• A tap() operátor
• A zip() Kombinátor
• A HT TP válasz gyorsítótárazása
• Szekvenciális HT TP hívások kezdeményezése
• Párhuzamos hívások kezdeményezése
• Hibaobjektum testreszabása catchError() segítségével
• Hiba a csővezetékben
• Hiba helyreállítása
• Összegzés

14. fejezet Szögmodulok

• Miért az Angular modulok?
• Egy modulosztály anatómiája
• @NgModule tulajdonságai
• Funkciómodulok
• Example Modul felépítése
• Hozzon létre egy domain modult
• Hozzon létre egy irányított/útválasztó modulpárt
• Hozzon létre egy szolgáltatási modult
• Közös modulok létrehozása

15. fejezet Speciális útválasztás

• Routing Enabled Feature Module
• A funkciómodul használata
• Lusta a funkciómodul betöltése
• Hivatkozások létrehozása a szolgáltatásmodul összetevőihez
• További információ a lusta betöltésről
• Modulok előtöltése
• Alapértelmezett útvonal
• Helyettesítő karakteres útvonal útvonala
• átirányítás ide
• Gyermek utak
• Gyermekútvonalak meghatározása
• a Child Routes számára
• Linkek a gyermekútvonalakhoz
• Navigációs őrök
• Őrségi megvalósítások létrehozása
• Őrök használata az útvonalon
• Összegzés

16. fejezet Szögalkalmazások egységtesztelése

• Szögletes műtermékek egységtesztelése
• Tesztelő eszközök
• Tipikus tesztelési lépések
• Teszt eredményei
• Jázmin tesztlakosztályok
• A jázmin jellemzői (egységtesztek)
• Elvárások (állítások)
• Matchers
• Exampa Matchers használata
• A nem tulajdonság használata
• Beállítás és leszerelés az egységtesztekben
• ExampLe of beforeEach és afterEach Functions
• Szögvizsgáló modul
• Example Szögvizsgáló modul
• Szolgáltatás tesztelése
• Szolgáltatáspéldány beadása
• Teszteljen egy szinkron módszert
• Teszteljen egy aszinkron módszert
• Mock HT TP Client használata
• Készített válaszok biztosítása
• Egy komponens tesztelése
• Alkatrészteszt modul
• Összetevőpéldány létrehozása
• A ComponentFixture osztály
• Alapkomponens tesztek
• A DebugElement osztály
• Felhasználói interakció szimulálása
• Összegzés

17. fejezet Hibakeresés

• Felettview az Angular Debugging
• ViewTypeScript kód beírása a Debuggerben
• A hibakereső kulcsszó használata
• Hibakeresési naplózás
• Mi az Angular DevTools?
• Az Angular DevTools használata
• Angular DevTools – Alkatrészszerkezet
• Angular DevTools – Változásészlelés végrehajtása
• Szintaktikai hibák észlelése
• Összegzés

Laboratóriumi gyakorlatok

• 1. labor. Bevezetés az Angularba
• 2. labor. Bevezetés a TypeScript-be
• 3. labor. Bevezetés az összetevőkbe
• 4. labor. Összetevősablon
• 5. labor. Hozzon létre egy Photo Gallery összetevőt
• 6. labor. Sablonvezérelt űrlap
• 7. labor. Hozzon létre egy szerkesztési űrlapot
• 8. labor Reaktív forma
• 9. labor. Szolgáltatás fejlesztése
• 10. labor. HT TP kliens fejlesztése
• 11. labor. Csövek használata
• 12. labor. Alapvető egyoldalas alkalmazás a Router Lab használatával 13. Egyoldalas alkalmazás (SPA) létrehozása
• 14. labor. Speciális HT TP kliens
• 15. labor. Angular Bootstrap használata
• 16. labor. Lusta modul betöltése
• 17. labor. Speciális útválasztás
• 18. labor. Egységteszt
• 19. labor. Angular alkalmazások hibakeresése

KINEK A TANFOLYAM?
Ez a kurzus mindenkinek szól, akinek meg kell tanulnia az Angular 12 fejlesztés alapjait, és alkalmaznia kell az alkotásban web azonnali alkalmazásokat. Ezt a képzést nagyobb csoportok számára is lebonyolíthatjuk és testreszabhatjuk – ezzel időt, pénzt és erőforrásokat takaríthat meg a szervezete számára.

ELŐFELTÉTELEK
Web HTML, CSS és JavaScript használatával kapcsolatos fejlesztési tapasztalat szükséges ahhoz, hogy a legtöbbet hozhassa ki ebből az Angular tanfolyamból. A böngésző DOM ismerete szintén hasznos. Az AngularJS vagy az Angular bármely verziójával kapcsolatos előzetes Angular tapasztalat nem szükséges.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumentumok / Források

LUMIFY WORK Angular 12 programozás [pdf] Felhasználói útmutató Szög 12 programozás, szög, 12 programozás, programozás

Hivatkozások

• Felhasználói kézikönyv