Dedika je platforma za učenje skozi prakso: na primer, kako pripraviti poslovno ponudbo, postati manikerka ali uporabljati novo orodje. Ne glede na tvoj cilj, najboljša vsebina o tej temi že obstaja. A pogosto je v tujem jeziku, draga, razpršena po spletu, brez vaj za vadbo ali pa je del predolgega tečaja, ki ni primeren za tiste z natrpanim urnikom. Zato ima Dedika svoj pristop: poiščemo gradivo, kjerkoli je, izberemo tisto, kar je smiselno za tvoj cilj, ga pregledamo s pomočjo strokovnjakov, ki so na voljo za vprašanja, in pripravimo praktične naloge, da se učiš skozi delo. Ti si najpomembnejši na svoji poti in nihče te ne pozna bolje: izberi vsebino in trajanje tečaja, ali boš učil z ali brez interneta in v katerem formatu. Lahko je video, besedilo, avdio ali povzetek. Po tvoji meri, samo s tistim, kar ti ustreza. Tukaj je vsak trenutek tvoje predanosti pomemben in hitreje prideš do bistva.

Tečaji so sestavljeni iz najboljše vsebine na svetu na določeno temo: videi, avdio posnetki, članki in knjige. Vsa ta vsebina je opremljena s povzetki, podcasti (za knjige in članke) ter prepisi (za videe in avdio posnetke). Sami izberete, kako želite vsebino spremljati. Vsako gradivo ima posebna vprašanja za utrjevanje znanja. Poleg tega je tečaj sestavljen iz poglavij, ki jih izberete sami, kar vam omogoča, da se učite le tistega, kar je pomembno za vas. Na koncu vsakega poglavja je praktični projekt, povezan z vašo stroko, kjer lahko vadite naučeno.

Naši tečaji vključujejo povzetek na koncu vsakega poglavja, ki ga lahko prenesete kot PDF in natisnete.

Več kot 2 milijona študentov po vsem svetu

Prisotni v več kot 180 državah

Certifikat veljaven v vaši državi

Domov

...

Tečaj Angular Frontend razvoja

Vsi tečaji

Inženirstvo, gradbeništvo in tehnologija

Teknologija

Tečaj Angular Frontend razvoja

Za vse ravni

Tečaj Angular Frontend razvoja

Obvladaš Angular od temeljev naprej in samozavestno gradiš produkcijsko pripravljene enostranske aplikacije. Ta tečaj pokriva vse od osnov TypeScript in komponentne arhitekture do upravljanja stanja z NgRx, SSR in uvajanja CI/CD. Ne glede na to, ali izpopolnjuješ svoje veščine na čelnem delu ali prehajaš v profesionalni razvoj z Angularjem, je to popoln tehnični načrt, ki ga potrebuješ.

Dedika za podjetja

Kaj se boste naučili:

Naučil/-a se boš ogrodno postavljati in strukturirati aplikacije Angular z uporabo modulov, komponent in storitev. Obvladal/-a boš obrazce, vodene s predlogami, in reaktivne obrazce, uvedel/-a kompleksno usmerjanje z varovali in razreševalniki ter upravljal/-a stanje aplikacije s knjižnico NgRx. Tečaj pokriva tudi optimizacijo zmogljivosti, testiranje enot in od konca do konca ter uvajanje produkcijskih gradenj. Napredne teme vključujejo Angular Universal za upodabljanje na strežniški strani, arhitekturo mikro-frontendov z zvezno federacijo modulov in konfiguracijo progresivnih spletnih aplikacij. Do konca boš imel/-a veščine za gradnjo, testiranje in pošiljanje razširljivih aplikacij Angular.

Kako praktično študirate Tečaj Angular Frontend razvoja

Kako vadite Tečaj Angular Frontend razvoja

Za vas, ki ste podjetje in želite usposobiti svojo ekipo

Na Dedika za podjetja je tečaj prilagojen z vajami in primeri iz vašega lastnega poslovanja, tako kot vaša podjetja potrebujejo.

Kliknite tukaj

Vsebina tečaja

8 Poglavji • 40 Uč lekcijeTrajanje med 4 in 360 urami (vi se odločite)

Poglavje 1Poglej podrobnosti

Osnove Angularja in nastavitev okolja

Uč lekcija 1 • Moduli Angular in zagon aplikacije
Pojasni NgModule, korenski AppModule in kako Angular zažene aplikacijo. Zagotovi strukturni kontekst, potreben pred gradnjo komponent.
Uč lekcija 2 • Bistvene značilnosti TypeScripta za Angular
Predstavi tipe, vmesnike in dekoratorje TypeScript, potrebne za samozavestno pisanje kode Angular. Poveže znanje JavaScripta s tipiziranim ekosistemom Angularja.
Uč lekcija 3 • Uvod v ogrodje Angular
Pokriva vlogo Angularja v sodobnem čelnem razvoju in njegovo arhitekturo, navdihnjeno po MVC. Postavi konceptualno izhodišče za vse nadaljnje teme ogrodja.
Uč lekcija 4 • Nastavitev razvojnega okolja
Namesti in konfigurira Node.js, npm in CLI Angular. Zagotovi, da ima vsak udeleženec dosleden, ponovljiv lokalni delovni prostor.
Uč lekcija 5 • Postavitev prvega projekta Angular
Uporabi CLI Angular za ustvarjanje novega projekta in razišče ustvarjeno datotečno strukturo. Poveže nastavitev okolja s praktičnim ustvarjanjem projekta.

Poglavje 2Poglej podrobnosti

Komponente, predloge in podatkovno povezovanje

Uč lekcija 1 • Vgrajene strukturne direktive
Uporabi *ngIf, *ngFor in *ngSwitch za dinamično nadzorovanje strukture DOM. Prikaže, kako direktive razširjajo izraznost predlog.
Uč lekcija 2 • Povezovanje lastnosti in dogodkov
Uči enosmerni podatkovni tok prek povezovanja lastnosti in obravnavo uporabniških dogodkov prek povezovanja dogodkov. Poveže logiko komponent z elementi DOM in interakcijami uporabnika.
Uč lekcija 3 • Sintaksa predlog in izrazi
Pokriva jezik izrazov predlog Angular, varno navigacijo in referenčne spremenljivke predlog. Omogoča dinamično upodabljanje vsebine v pogledih komponent.
Uč lekcija 4 • Kavlji življenjskega cikla komponente
Razišče celotno zaporedje kavljev življenjskega cikla od ngOnInit do ngOnDestroy. Uči, kdaj in zakaj uporabiti posamezen kavelj za inicializacijo in čiščenje.
Uč lekcija 5 • Anatomija komponente Angular
Razčleni dekorator @Component, lastnosti metapodatkov in življenjski cikel komponente. Vzpostavi gradnik za vsak element uporabniškega vmesnika Angular.

Poglavje 3Poglej podrobnosti

Komunikacija komponent in direktive

Uč lekcija 1 • Poizvedbe ViewChild in ContentChild
Programsko dostopa do primerkov podrejenih komponent in projicirane vsebine prek poizvedb. Omogoča napredno usklajevanje komponent onkraj povezovanja predlog.
Uč lekcija 2 • Komunikacija od starša k otroku z @Input
Uporabi @Input za prenos podatkov navzdol po drevesu komponent in preverja vhodne podatke z nastavljalniki. Vzpostavi primarni vzorec pretoka podatkov navzdol v Angularju.
Uč lekcija 3 • Gradnja strukturnih direktiv po meri
Uvede strukturne direktive z uporabo TemplateRef in ViewContainerRef za upravljanje DOM. Razširi zmožnosti udeležencev za ustvarjanje ponovno uporabne logike postavitve.
Uč lekcija 4 • Gradnja atributnih direktiv po meri
Ustvari direktive, ki spreminjajo videz ali vedenje gostiteljskega elementa brez spreminjanja strukture DOM. Utrdi vzorec direktiv, predstavljen v 2. poglavju.
Uč lekcija 5 • Komunikacija od otroka k staršu z @Output
Uporabi @Output in EventEmitter za oddajanje dogodkov po meri navzgor po drevesu komponent. Dopolnjuje dvosmerni vzorec komunikacije starš-otrok.

Poglavje 4Poglej podrobnosti

Storitve, vbrizgavanje odvisnosti in HTTP

Uč lekcija 1 • Ustvarjanje in zagotavljanje storitev Angular
Ustvari storitve s CLI in jih registrira na ravni modula, komponente ali korena. Vzpostavi sloj storitev kot dom za deljeno logiko.
Uč lekcija 2 • Odjemalec HTTP in integracija API REST
Konfigurira HttpClientModule in izvaja zahteve GET, POST, PUT in DELETE. Poveže sloj storitev z resničnimi zalednimi podatkovnimi viri.
Uč lekcija 3 • Obravnava napak in prestrezniki HTTP
Uvede globalno obravnavo napak s catchError in preoblikovanje zahtev/odgovorov s prestrezniki. Ustvari vzorce komunikacije HTTP, pripravljene za produkcijo.
Uč lekcija 4 • Poglobljeni potop v vbrizgavanje odvisnosti
Razišče hierarhijo DI, vstavne žetone in vrste ponudnikov. Omogoča natančen nadzor nad tem, kako se odvisnosti razrešujejo v aplikaciji.
Uč lekcija 5 • Uvod v opazovalce RxJS
Predstavi opazovalce, subjekte in osnovne operatorje, potrebne za delo z asinhronimi API-ji Angularja. Pripravi udeležence na reaktivne vzorce obravnave HTTP in dogodkov.

Poglavje 5Poglej podrobnosti

Usmerjanje in navigacija v Angularju

Uč lekcija 1 • Stražarji poti in nadzor dostopa
Uvede stražarje CanActivate, CanDeactivate in CanLoad za zaščito poti. Vključi avtentikacijo in avtorizacijo v navigacijski sloj.
Uč lekcija 2 • Leno nalaganje in razreševalniki poti
Razdeli aplikacijo na funkcijske module, naložene na zahtevo, in vnaprej pridobi podatke z razreševalniki. Izboljša zmogljivost začetnega nalaganja in uporabniško izkušnjo.
Uč lekcija 3 • Gnezdene poti in imenovani izhodi
Strukturira podrejene poti pod nadrejenimi potmi in uporablja imenovane izhode za pomožne poglede. Podpira kompleksne zahteve postavitve v velikih aplikacijah.
Uč lekcija 4 • Nastavitev usmerjevalnika in osnovna navigacija
Konfigurira RouterModule z definicijami poti in doda router-outlet ter routerLink. Vzpostavi temelj za vse funkcije navigacije.
Uč lekcija 5 • Parametri poti in nizi poizvedb
Bere dinamične segmente poti in neobvezne parametre poizvedb iz ActivatedRoute. Omogoča podrobne poglede in strani s filtriranimi seznami.

Poglavje 6Poglej podrobnosti

Obrazci Angular: predlogovno gnani in reaktivni

Uč lekcija 1 • Dinamični obrazci s FormArray
Uporabi FormArray za dodajanje in odstranjevanje kontrolnikov obrazca med izvajanjem za podatke spremenljive dolžine. Obravnava resnične scenarije, kot so ponavljajoče se postavke.
Uč lekcija 2 • Validatorji in preverjanje po meri
Uporabi sinhrone in asinhrone validatorje ter ustvari ponovno uporabne funkcije validatorjev po meri. Zagotovi celovitost podatkov pred oddajo.
Uč lekcija 3 • Oddaja obrazca in upravljanje stanja
Obravnava oddajo obrazca, ponastavitev in stanje umazano/dotaknjeno za izboljšano uporabniško izkušnjo. Poveže podatke obrazca s klici storitev, predstavljenimi v 4. poglavju.
Uč lekcija 4 • Predlogovno gnani obrazci
Uporabi ngForm, ngModel in vgrajene validatorje za deklarativno gradnjo obrazcev v predlogi. Predstavi koncepte obrazcev z minimalno dodatno kodo TypeScript.
Uč lekcija 5 • Osnove reaktivnih obrazcev
Programsko gradi obrazce s FormControl, FormGroup in ReactiveFormsModule. Zagotavlja jasen, preverljiv nadzor nad stanjem in preverjanjem obrazca.

Poglavje 7Poglej podrobnosti

Upravljanje stanja in reaktivni vzorci

Uč lekcija 1 • NgRx Entity in DevTools
Poenostavi upravljanje zbirk z NgRx Entity in pregleduje stanje z Redux DevTools. Pospeši razvoj in razhroščevanje funkcij, ki so močno odvisne od shrambe.
Uč lekcija 2 • Uvod v shrambo NgRx
Namesti NgRx in definira akcije, reduktorje in shrambo za del funkcije. Vzpostavi vzorec Redux znotraj ekosistema Angular.
Uč lekcija 3 • Stanje na osnovi storitev z BehaviorSubject
Shranjuje in deli stanje med komponentami z uporabo BehaviorSubject v storitvi. Zagotavlja lahko rešitev za stanje pred uvedbo NgRx.
Uč lekcija 4 • Učinki NgRx za stranske učinke
Obravnava asinhrone operacije, kot so klici HTTP, zunaj reduktorjev z uporabo učinkov NgRx. Ohranja reduktorje čiste in centralizira logiko stranskih učinkov.
Uč lekcija 5 • Izbirniki in integracija komponent
Ustvari memoizirane izbirnike in odpošilja akcije iz komponent prek storitve Store. Poveže shrambo NgRx s slojem komponent.

Poglavje 8Poglej podrobnosti

Zmogljivost, testiranje in uvajanje

Uč lekcija 1 • Strategije uvajanja in integracija CI/CD
Uvede gradnje Angular na statično gostovanje in vključi avtomatizirane cevovode za neprekinjeno dostavo. Zaključi razvojni življenjski cikel od kode do produkcije.
Uč lekcija 2 • Enotno testiranje komponent in storitev
Piše enotne teste z Jasmine in TestBed za komponente, storitve in cevi. Preverja posamezne enote v izolaciji pred integracijo.
Uč lekcija 3 • Optimizacija paketa in konfiguracija gradnje
Konfigurira produkcijske gradnje, tresenje drevesa in diferencialno nalaganje za optimalno velikost paketa. Pripravi aplikacijo na omejitve resničnega uvajanja.
Uč lekcija 4 • Celovito testiranje s Cypress
Avtomatizira testiranje uporabniških tokov s Cypress za preverjanje celotnega vedenja aplikacije. Dopolnjuje enotne teste z realističnimi scenariji v brskalniku.
Uč lekcija 5 • Zaznavanje sprememb in optimizacija zmogljivosti
Pojasni privzeto in strategijo zaznavanja sprememb OnPush v Angularju ter orodja za profiliranje. Zmanjša nepotrebna ponovna upodabljanja v velikih drevesih komponent.

Certifikacija

Vaš veljaven certifikat o zaključku

Ta tečaj je namenjen vam:

Razvijalci JavaScripta, pripravljeni na prevzem strukturiranega ogrodja za čelni del na podjetniški ravni.
Razvijalci Reacta ali Vue, ki želijo v svoj strokovni nabor orodij dodati znanje Angularja.
Razvijalci zaledja, ki se širijo na vloge polnega sklada, ki zahtevajo sodobne veščine na čelnem delu.
Diplomanti računalništva, ki premoščajo akademsko znanje z industrijskim razvojem s standardom Angular.
Samostojni spletni razvijalci, ki želijo pridobiti kvalifikacije za večje, kompleksnejše projekte strank.
Tisti, ki menjajo kariero: gradijo veščine za čelni del, pripravljene za delo, iz trdne programerske podlage.

Kaj pravijo naši učenci

Vaše predavanja so popolna. Kupil sem enoletni paket in končno imam priložnost spremljati različne teme, ki me zanimajo, ne da bi moral menjati platformo... hvala za vse, kar počnete, že sem vas priporočil drugim ljudem...