JQUERY - jedna JavaScript biblioteka (VIDEO snimci u lekciji)
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"
Pokušajte da ispratite video snimke i da uradite zadatke.
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:
5. Fade:
6. Slide:
7. ANIMACIJE:
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.
Napomena: Bez obzira koju verziju koriste u tutorijalima, vi ćete uvek koristiti poslednje verzije za jQuery.
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.
Za učenike koji žele da znaju više:
- možete pogledati i ostale video snimke profesora Vesovića
Zgodna knjiga za učenje jQuery za početnike:
- R.Benedetti, R.Cranley: "Head first jQuery" koja je objavljena 2011. godine
Jednostavan primer, za vežbu:
(dodato 08.02 - napomene):
$ je skraćenica od jQuery - radiće i jedno i drugo: jQuery("h1") = $("h1")
Skraćenice za VS Code:
kada kucate html - birajte opciju html:5 - da dobijete blanko templejt za html 5
kada kucate ready, možete birati ili jqDocReady - ubacivanje templejta za $(document).ready(functio...ili jqDocReadyShort - ista funkcija, ali počinje sa $(function... (pod pretpostavkom da imate "jQuery Code Snippets")
znači: $(document).ready(functio.. = $(function..