JavaScript
JavaScript je objektno zasnovan skriptni jezik. Uključujemo ga u web stranicu da bi je učinili dinamičnijom. HTML (osnovni kod web stranica) se koristi samo za oblikovanje i uređivanje elemenata stranice (tekst, forme, linkove i tabele), ali nema šanse da diktiramo kako će se ti elementi ponašati. Mogućnost uključenja JavaScript skripte daje nam mnogo veću kontrolu kako se web stranica ponaša.
Prilikom izrade web stranica koristimo 3 načina pisanja JavaScript-a:
- Vanilla JS
- jQuery
- Vue.js
Vanilla JS
Iako je to osnovni način pisanja, koristimo ga pri izradi jednostavnijih projekata gdje nema potrebe za uvođenjem dodatnih librarya/frameworka.
// Vanilla JS
document.querySelector(".button").addEventListener("click", (e) => { /* ... */ });
document.querySelector(".button").addEventListener("mouseenter", (e) => { /* ... */ });
document.addEventListener("keyup", (e) => { /* ... */ });jQuery
Koristimo ga na većini projekata, te se pokazao kao standard prilikom izrade web stranica.
// jQuery
$(".button").click(function(e) { /* click event */ });
$(".button").mouseenter(function(e) { /* click event */ });
$(document).keyup(function(e) { /* key up event */ });Prilikom pisanja, kreiramo tzv. “module”, gdje u zasebnu datoteku pišemo funkcije za iste. Npr.
var sw = sw || {};
// Name ("Form validation")
//----------------------------------------------------------
sw.formValidation = function() {
var $form = $('#form-query');
// Check if element exists
if (!$form.length) {
return;
}
// do something...
$form.validate({
// ...
});
};