К содержанию

Tutorijal za Angular okvir

Tutorijal za JavaScript okvir Angular. Za početnike. Puno teorije i zadataka.

Osnove

Uvod u Angular okvir

Uvod u komponentni pristup u Angularu

Instalacija Angular okvira

Kreiranje Angular projekta

Struktura Angular projekta

Struktura radne fascikle Angular projekta

Fajl maketa u Angularu

Fajl opštih stilova projekta u Angular-u

Struktura Angular komponente

Datoteka sa markup-om Angular komponente

Angular komponent datoteka stilova

Datoteka sa klasom komponente u Angularu

Template

Interpolacija u Angularu

Svojstva klase komponente u Angular šablonu

Svojstva klase komponente u atributima Angular

Svojstva-nizovi u Angular šablonu

Svojstva-objekti u templatu u Angularu

Metode komponent klase u Angular šablonu

Šablonske promenljive u Angularu

Povezivanje vrednosti sa svojstvima DOM elemenata u Angularu

Uslovi

Direktiva if u Angularu

Operatori poređenja u direktivi if u Angular-u

Konstrukcija if u Angularu

Operator upoređivanja u @if konstrukciji u Angularu

Else konstrukcija u Angularu

Else-if konstrukcija u Angularu

Konstrukcije switch i case u Angularu

Ng-template tag u Angularu

Sintaksički šećer u Angular uslovima

Petlje

Direktiva for u Angular-u

For konstrukcija u Angularu

Indeksi iteracija petlji u Angularu

Prva iteracija ciklusa u Angularu

Poslednja iteracija ciklusa u Angularu

Parne iteracije petlje u Angularu

Neparna iteracija ciklusa u Angularu

Događaji

Povezivanje rukovaoca događaja u Angular šablonu

Parametri rukovalaca događaja u Angular šablonu

Event objekat u rukovaocu događaja u Angular šablonu

Objekat Event i parametri u Angular šablonu

Reaktivnost u Angularu

Reaktivni ciklusi u Angularu

Reaktivnost uslova u Angularu

Dvosmerno povezivanje podataka u Angularu

Stilizacija

Stilovi Angular komponente

Povezivanje CSS klasa u Angularu

Masovno povezivanje CSS klasa u Angularu

Povezivanje CSS stilova u Angular-u

Povezivanje CSS stilova tagu u Angular-u

Dinamička promena stilova u Angularu

Kanali

Pipe-ovi (kanali) u Angular-u

Prevođenje u velika slova putem kanala u Angularu

Prevod u mala slova putem kanala u Angular-u

Sečenje stringa preko kanala u Angularu

Formatiranje datuma pomoću kanala u Angularu

Formatiranje brojeva pomoću kanala u Angularu

Formatiranje valute pomoću kanala u Angularu

Lanac kanala u Angularu

Spisak kanala u Angular-u

Komponente

Dječije komponente u Angularu

Prosleđivanje podataka u podređenu komponentu u Angularu

Prosleđivanje svojstava u podređenu komponentu u Angularu

Višestruko pozivanje komponente u Angularu

Pozivanje komponente u petlji u Angularu

Prosleđivanje teksta u komponentu dete u Angularu

Prosleđivanje podataka seteru podređene komponente u Angularu

Prosleđivanje podataka u roditeljski komponent u Angularu

Dvosmerno vezivanje događaja u Angularu

Promena taga podređene komponente u Angularu

Životni ciklus komponenti

Životni ciklus komponente u Angularu

Huk ngOnInit u Angular-u

Hook ngOnDestroy u Angularu

Više hook-ova u Angularu

Servisi

Uvod u Angular servise

Kreiranje servisa u Angular-u

Korišćenje servisa u Angularu

Injektovanje jedne usluge u drugu u Angularu

Rutiranje

Rutiranje u Angularu

Kreiranje novog projekta za rutiranje u Angularu

Kreiranje komponenti za rutiranje u Angularu

Podešavanje osnovnog rutiranja u Angularu

Tag za rutiranje u Angularu

Linkovi za rutiranje u Angular-u

Stilizovanje aktivnih linkova u Angularu

Tačno podudaranje adresa u Angularu

Parametri ruta u Angularu

Vrednosti parametara ruta u komponenti u Angularu

Korišćenje parametara rute u komponenti u Angularu

Parametri ruta u linkovima u Angularu

Problem sa prebacivanjem linkova u Angular-u

Programska navigacija u Angularu

Hvatanje svih URL-ova u rutiranju u Angular-u

Redosled ruta u Angular-u

Redirekcija u rutiranju u Angularu

Podrute u Angularu