Javascript - osnove

Svi moderni web preglednici podržavaju JavaScript, ne treba ga miješati sa programskim jezikom Java.

Najpopularniji plugin je jQuery (koristi 70% webstranica) i framework-e kao Angular ili Vue, a pojam "Vanilla JS" stvoren je za web stranice koje se u potpunosti oslanjaju na standardnu JavaScript funkcionalnost.

JavaScript je programski jezik koji se koristi za stvaranje dinamičnih, interaktivnih web stranica i aplikacija. Ovaj jezik je jedinstven po tome što se izvodi na klijentskoj strani, što znači da se kod izvršava na računalu korisštenja umjesto na poslužitelju. To omogućuje brze i efikasnije izvršenje, što je ključno za stvaranje korisničkog iskustva bez kašnjenja.

JavaScript se može koristiti za stvaranje različitih tipova interaktivnosti, uključujući korisnička sučelja, animacije, interaktivne forme i još mnogo toga. To također omogućuje stvaranje različitih aplikacija, uključujući desktop aplikacije, igre, mobilne aplikacije i još mnogo toga. JavaScript se također koristi za stvaranje različitih alata za razvoj, uključujući okruženja za razvoj, biblioteke i knjižnice.

JavaScript se koristi široko u web industriji i često se smatra jednim od najvažnijih programskih jezika za razvoj web stranica i aplikacija. Ovaj jezik podržava mnoge moderne tehnologije, uključujući HTML5, CSS3 i AJAX, što ga čini idealnim za stvaranje suvremenih web stranica i aplikacija.

Korištenje JavaScript-a također omogućuje programerima da stvaraju aplikacije koje se lako mogu prilagoditi različitim uređajima i platformama. Ova jednostavnost prilagodbe čini ga idealnim za korištenje u industriji razvoja web aplikacija.

Ukratko, JavaScript je vrlo važan programski jezik za razvoj web stranica i aplikacija. Njegova sposobnost stvaranja dinamičnih i interaktivnih korisčkih sučelja, zajedno s podrškom za moderne tehnologije i jednostavnošću prilagodbe, čine ga jednim od najvažnijih jezika za razvoj web aplikacija.

varijable

Kod deklariranja varijabli u javascript-u koristimu ključnu riječ var, kao u primjeru 


var a, b;       // Deklaracija
var pi = 3.14;  // Deklaracija varijable i vrijednosti 
a = pi * 2;     // a = 6.28

komentari

komentari u javascriptu počinlju sa dvije kose crte // kao u primjeru 

// Deklaracija varijable i vrijednosti 

var a, b;       // Deklaracija varijabli a i b
var pi = 3.14;  // Deklaracija varijable pi 

tipovi podataka

tipovi podataka u primjeru broj, string i datum


var pi = 3.14;                               // Broj
var grad = "Zagreb";                         // String
var gradovi = {naziv:"Zagreb", drzava:"Hrvatska"};    // Objekt
var datum = new Date(2020, 11, 12);    //Datum 12.11.2020

nizovi

nizovi su varijable koje sadržavaju više vrijednosti 


var gradovi = ["Dubrovnik","Split","Rijeka"] // Deklaracija niza
console.log(gradovi[0]); //Dubrovnik
console.log(gradovi.length) // 3 daje broj podataka u nizu
gradovi.sort() // sortira niz 
gradovi.push("Zagreb") // dodaje novi grad u niz

for (i = 0; i < gradovi.length; i++) {     // ispis cijelog niza u variablu html 
  html += "<li>" + gradovi[i] + "</li>";
}

var grad = gradovi.pop() // pop() u varijablu grad upisuje zadnji grad u nizu
gradovi.shift() // uklanja prvi element iz niza
gradovi.unshift("Zadar")  // dodaje Zadar kao prvi element u nizu
gradovi.splice(1,1) // uklanja drugi element u nizu
gradovi.splice(0,2) // uklanja prvi i drugi element u nizu gradovi

petlje

petlje (for, while, do .. while)


for (i = 0; i < 4; i++) {
  consol.log(i);             // ispisuje brojeve od 0 do 3
}

while (i < 10) {
  console.log(i);  //ispisuje brojeve od 0 do 9
  i++;
}

do {
  console.log(i);
  i++;                      // ispisuje brojeve od 0 do 9
}
while (i < 10);  

for (i = 0; i < 5; i++) {
  if (i === 3) { break; }  // prekida izvršenje petlje kada je i = 3
  console.log(i);  // ispisuje brojeve od 0 do 2
}


 

Formatiranje broja

Formatiranje ispisa broja u javascript-u za različite kulture

Vue

Vue.js je moderna JavaScript biblioteka za izgradnju korisničkih sučelja za web aplikacije.

fractal tree

The drawTree function is called recursively to draw smaller branches, which in turn spawn even smaller branches, creating the fractal pattern.

GraphQL

GraphQL je jezik upita za API-je koji je nastao kao alternativa tradicionalnim REST API-jima.

Blender

Blender je besplatni open source softvera za 3D računalnu grafiku koji se koristi za stvaranje animiranih filmova, vizualnih efekata, umjetnosti, 3D tiskanih modela

Mvc

Model se koristi za definiranje podataka i logike aplikacije. To uključuje bazu podataka i logiku koja se koristi za obradu i ažuriranje podataka.

DALL-E

DALL-E je računalni program koji je razvio OpenAI kako bi stvorio slike korištenjem umjetne inteligencije.