S obzirom da se u predmetu Web Programiranje  više radi čist JavaScript - nećemo se na tome ovde zadržavati.

U prethodnoj lekciji je ukratko ponovljeno kreiranje metoda koje reaguju na događaje, a na kraju su postavljeni linkovi za eventualni samostalni rad učenika.
Kao dodatak tim linkovima pre ove lekcije je postavljen jedan besplatan priručnik - za proučavanje kod kuće - za zainteresovane.


U nastavku će biti više rada sa JavaScript bibliotekama  - kolekcije unapred napisanih JavaScript kodova koje mogu da se koriste u projektima. 

... Izbor je pao na jQuery ...

jQuery

Jedna JavaScript biblioteka koja je donedavno bila jako mnogo korišćena. Još uvek se mnogo koristi, a kažu da joj je upotreba u opadanju.

U nastavku je više video snimaka koji su snimani 2016 godine i koriste se starije verzije. Za nas zasad verzija nije bitna.

Vi treba da koristite verziju koja je trenutno najnovija (i ne brinite što oni pišu index.php, vi pravite index.html, a sve ostalo je isto)

Dodatno: A ako koristite VS Code, moglo bi biti od pomoći da dodate "jQuery Code Snippets"

Napomena: iako se u video snimcima koristi index.php - mi koristimo HTML fajlove za ove primere, VS Code i Live Server !

1. Uvod:  

Upotreba znaka $: umesto da se piše funkcija jQuery(), piše se skraćeno $() .... znači ovo je samo skraćenica.

2. jQuery - selektor i sintaksa: 

3. Događaji: 

4. Sakrij i prikaži: 

 

....  nastavljamo .... po jedan video snimak po času, s tim da na časovima dodajemo i varijacije (po predlozima učenika...)

5. Fade:  

6. Slide:  

7. ANIMACIJE:   

 

Dodatak / Napomene

Kako se sve mogu uključiti JavaScript biblioteke u vaš projekat?

 - korišćenjem CDN-a: ubacite link ka JavaScript biblioteci koji ste našli na Internetu
        (ovako su radili u prvom video snimku)

 - preuzimanjem fajla, i postavljanjem kompletnog fajla u vaš projekat, a onda povezivanje sa fajlom koji imate
        (ovako radi profesor u tutorijalu koji će biti naveden u nastavku)

I jedno i drugo će raditi.

Logično je da vaše skripte treba da budu posle navođenja jQuery biblioteke, da bi mogli da u vašoj skripti koristite jQuery.
 

Još jedan jednostavan primer, za vežbu:

(dodato - napomene):

$ je skraćenica od jQuery - radiće i jedno i drugo:  jQuery("h1") = $("h1")

Neke skraćenice za VS Code:

kada kucate html - birajte opciju html:5 - da dobijete blanko templejt za html 5

ili ako kucate ! - dobijate isto ...

kada kucate ready, možete odabrati  jqDocReady - ubacivanje templejta za $(document).ready(functio.... (pod pretpostavkom da imate "jQuery Code Snippets")

Poslednja izmena: понедељак, 2. фебруар 2026, 16:09