Angular 17 Kurs za obuku

Uvod u Angular 17

• Šta je Angular?
• Angular vs React vs Vue
• Pregled funkcionalnosti i arhitekture Angular 17
• Postavljanje razvojnog okruženja

Prvi koraci

• Kreiranje novog Angular 17 projekta koristeći Angular CLI
• Istraživanje strukture projekta i datoteka
• Pokretanje i servisiranje aplikacije
• Prikazivanje podataka korišćenjem interpolacije i izraza

Komponente

• Razumevanje uloge komponenti u Angular 17
• Kreiranje i korišćenje komponenti
• Prelazak podataka između komponenti korišćenjem ulaza (inputs) i izlaza (outputs)
• Korišćenje ciklusnih hvataljki (lifecycle hooks) komponenti

Direktive

• Razumevanje razlike između strukturnih i atributskih direktivi
• Kreiranje i korišćenje ugrađenih direktivi kao što su ngIf, ngFor, ngSwitch, itd.
• Kreiranje i korišćenje custom direktivi

Cevi (Pipes)

• Razumevanje svrhe cevi (pipes) u Angular 17
• Kreiranje i korišćenje ugrađenih cevi (pipes) kao što su date, currency, json, itd.
• Kreiranje i korišćenje custom cevi (pipes)

Servisi

• Razumevanje uloge servisa u Angular 17
• Kreiranje i korišćenje servisa
• Injektovanje zavisnosti korišćenjem providera (providers)

Moduli

• Razumevanje uloge modula u Angular 17
• Kreiranje i korišćenje modula
• Importovanje i exportovanje modula

Vezivanje podataka (Data Binding)

• Razumevanje razlike između jednog i dvostrukog smera vezivanja podataka
• Kreiranje i korišćenje vezivanja svojstava, vezivanja događaja i sintakse "banana-in-a-box"
• Korišćenje referentnih promenljivih u šablonu

Rutiranje

• Razumevanje uloge rutiranja u Angular 17
• Kreiranje i konfigurisanje ruta
• Navigacija između ruta korišćenjem routerLink i router.navigate()
• Korišćenje parametara ruta, query parametara i fragmenata

Forme

• Razumevanje razlike između formi baziranih na šablonu i reaktivnih formi
• Kreiranje i validacija formi korišćenjem kontrole forme, grupa forma, nizova forma, itd.
• Korišćenje ugrađenih validatora kao što su required, minLength, maxLength, itd.
• Kreiranje i korišćenje custom validatora

HTTP klijent

• Razumevanje uloge HTTP klijenta u Angular 17
• Kreiranje i korišćenje HTTP zahteva za komunikaciju sa backend servisima
• Korišćenje observables za obradu asinhronih tokova podataka
• Korišćenje interceptora za modifikaciju ili obradu HTTP zahteva ili odgovora

Nova deklarativna kontrola toka

• Objašnjenje nove sintakse kontrolnih blokova u šablonima i kako pojednostavljuju uobičajene zadatke, kao što su uslovno iscrtavanje, petlje i obrada praznih kolekcija
• Primeri korišćenja novih blokova, kao što su @if, @else, @switch, @case, @default, @for, i @empty
• Poređenje nove sintakse sa prethodnom, kao što su *ngIf, *ngSwitch, i *ngFor
• Pomen kako novi kontrolni blokovi podržavaju aplikacije bez zone (zoneless) pomoću signala

Bloke odložene učitavanja (Deferred Loading Blocks)

• Objašnjenje koncepta odloženog učitavanja i kako to može poboljšati performanse i korisničko iskustvo web aplikacija
• Predstavljanje novog @defer kontrolnog bloka koji omogućava lenč učitavanje sadržaja bloka i njegovih zavisnosti
• Primeri korišćenja @defer bloka za različite scenarije, kao što su učitavanje komponenti, direktiva, cevi (pipes), animacija i stilova
• Pomen kako @defer blok radi sa novim API-jem za tranzicije prikaza

API za tranzicije prikaza

• Objašnjenje svrhe i prednosti API-ja za tranzicije prikaza, koji developerima omogućava da prilagode animacije i prelaze između prikaza
• Predstavljanje nove directive withViewTransitions koja omogućava korišćenje API-ja za tranzicije prikaza
• Primeri korišćenja directive-a withViewTransitions sa različitim tipovima tranzicija, kao što su fade, slide, zoom, i flip
• Pomen kako API za tranzicije prikaza radi sa Angular rutera i istorijom pretraživača

Ostale funkcionalnosti i poboljšanja

• Kratki pregled nekih od drugih funkcionalnosti i poboljšanja koje Angular 17 nudi, kao što su:
• Podrška za prosleđivanje @Component.styles kao string
• Kod animacija Angulara je lenč učitljiv (lazy-loadable)
• Podrška za TypeScript 5.2
• Osnovni signal API je sada stabilan
• Podrška za Node.js v16 je uklonjena, a minimalna podržana verzija je v18.13.0
• Esbuild će biti podrazumevani builder, a podrazumevani dev server će koristiti Vite