JavaScript Tutor
Lekcija 1
Lekcija 2
Lekcija 3
Lekcija 4
Lekcija 5
Lekcija 6
Lekcija 7
iDragstor Lab
|
|
|

Sta je to JavaScript
Osnove i malo istorije
JavaScript jezik je razvila americka kompanija Netscape a originalno ime
je bilo LiveScript. Ime je promenjeno u JavaScript a jezik se bitno razlikuje od Java jezika. Java jezik je razvila
americka kompanija Sun i predstavlja nesto sasvim drugo od JavaScript-e. U ovom
tutoru od 7 lekcija bavicemo se JavaScript-om. Dakle kakav je to jezik?
Do sada ste verovatno imali prilike da vidite HTML i malo ste se poigrali
sa web stranicama. Ako niste vratite se na HTML Tutor.
HTML stranice su staticne po definiciji sto znaci da je nemoguce izvrsiti interakciju
izmedju korisnika/posetioca i HTML koda ili web stranice. JavaScript je jezik koji vam
to omogucava. Znaci ukoliko zelite da se nesto desi na stranici ili da ucinite vase
HTML stranice malo pametnije za to ce vam biti potreban JavaScript.
JavaScript je jezik pisan za WEB tako da ga razumeju svi glavni browser-i,
i nije potrebno vrsiti kompilaciju koda. Znaci JavaScript kod (kada pisem kod
mislim na programske linije) se pise kao dopuna HTML stranica i nalazi se
u okviru HTML "tegova". Evo ga jedan primer koji ilustruje kako se pise JavaScript
u HTML kodu.
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
document.write("Cao Svima!<BR>")
document.write("Bas je lep dan za JavaScript programiranje!<BR>")
</script>
</BODY>
</HTML>
iDragstor Lab
Verovatno cete se upitati sta je to iDragstor Lab ili Laboratorija. Sve primere kroz ovaj tutor i bilo koje druge HTML primere mozete probati u nasoj laboratoriji.
Jednostavno prekopirajte kod ili ga napisite u laboratoriji i tamo mozete
isprobati svoje stranice. Ovo ce vam olaksati posao ali se ipak potrudite da uradite stvari na tradicionalni nacin,
tako sto cete napisati kod u nekom editoru (notepad) i snimiti fajl kao .htm ili.html.
A,B,C-da JavaScript-a
Pre nego sto pocnemo da radimo bilo sta iz programiranja u JavaScript-u
potrebno je da kazemo da je JavaScript jezik koji je baziran na objektima
ili object-based language.
Sta to znaci? Jezik je skup objekata koji bas kao i fizicki objekti imaju
svoje osobine, ponasanje i reaguju na spoljasnje uticaje tj. na razlicite
dogadjaje. Mogucnost objekata da odreaguju na spoljasnju sredinu omogucava
dinamicnost stranica a ova odlika JavaScrit-a se naziva event-driven programing ili programiranje
na osnovu dogadjaja. Daklem, objekti imaju 3 vazne stvari koje svi programeri
moraju da znaju pre nego sto pocnu rad sa njima:
A) Properties (osobine)
Osobine ili atributi objekta su ono sto ih opisuje. Recimo ako su kola
objekat ona ce imati boju, godinu proizvodnje, kilometrazu, tezinu itd.
Ove osobine opisuju kola i imaju odredjene vrednosti. Boja=crvena, godina
proizvodnje=1999 .... Tako i objekti u JavaScript-u imaju svoje osobine,
recimo dugme na ekranu (button) ce imati svoju boju ili ime.
B) Methods (metodi)
Metodi definisu razlicito ponasanje objekata. Da se vratimo na primer
kola, sa njima se moze ici pravo, unazad, skretati sto znaci da bi kola
mogla imati metod za voznju-napred, voznju-nazad, skretanje. Tako isto
objekti u JavaScript-i imaju metode koji definisu njihovo ponasanje. Naprimer,
dugme na ekranu moze imati "click" method koji definise sta se desava kada
kliknemo na njega.
C) Events (dogadjaji)
Dogadjaji su akcije koje se mogu desiti na web stranicama i uticati na objekte.
Naprimer, korisnik moze da klikne na link ili dugme, zatvori ili otvori
prozor(window), pomeri misa(mouse) i da tako utice na JavaScript objekte i
izazove ih na odredjeno ponasanje. Ova osobina JavaScript-a omogucava
interakciju izmedju programa i korisnika i cini web stranice dinamicnim.
Kraj prve lekcije ..
Na kraju da rezimiramo, JavaScript je jezik koji je napisan kao dopuna HTML-a
i sluzi da ozivi web stranice i ucini ih interaktivnim. Pomocu ovog jezika
mozete dodati dugmice, forme, tekst polja i uciniti da korisnik moze
nesto da uradi sa njima, upise i posalje vrednosti, klikne na dugme i nakon toga dobije
nakavu reakciju od web stranice. Dalje, JavaScript programiranje se vrsi na HTML stranicama,
KOD nije potrebno kompajlirati jer ga razumeju svi glavni browseri, sto cini
programiranje prilicno prostim. Na kraju JavaScript je jezik baziran na
objektima koji imaju odredjene osobine i ponasanja. U sledecoj lekciji
cete nastaviti sa osnovama JavaScript programiranja i tome kako da napravite
interakciju izmedju web stranica i korisnika.
|
|
|