JavaScript je jedan od najpopularnijih programskih jezika na svetu i ključan alat za izradu modernih veb sajtova i aplikacija. Ako želite da naučite kako da dodate interaktivnost svojoj veb stranici, JavaScript je pravi izbor.
Šta je JavaScript?
JavaScript (JS) je skriptni jezik koji omogućava dodavanje dinamičkog sadržaja na veb stranice. Omogućava interakciju korisnika sa sajtom, manipulaciju HTML i CSS elementima, slanje podataka na server i još mnogo toga.
Osnovna sintaksa JavaScripta
JavaScript je relativno jednostavan za početak, a sledeći primer prikazuje kako možete ispisati tekst u konzolu:
console.log("Zdravo, svete!");Ova linija koda će ispisati poruku “Zdravo, svet!” u konzoli pregledača.
Uključivanje JavaScripta u HTML stranicu
JavaScript možete dodati u HTML na dva načina:
- Unutar
<script>taga u HTML datoteci:
<!DOCTYPE html>
<html>
<head>
<title>Moja prva JS stranica</title>
</head>
<body>
<script>
alert("Dobrodošli na moju stranicu!");
</script>
</body>
</html>- Spoljašnja datoteka (preporučena praksa):
Napravite datoteku script.js i dodajte sledeći kod:
alert("Dobrodošli na moju stranicu!");Zatim u HTML-u dodajte:
<script src="script.js"></script>Osnovni koncepti JavaScripta
1. Varijable
Varijable služe za čuvanje podataka. U JavaScriptu se koriste var, let i const:
let ime = "Marko";
const godine = 25;
var grad = "Beograd";
console.log(ime, godine, grad);2. Tipovi podataka
JavaScript podržava različite tipove podataka, uključujući:
- String (tekst) –
"Zdravo" - Number (brojevi) –
42,3.14 - Boolean (tačno/netačno) –
true,false - Null (prazna vrednost) –
null - Undefined (neodređeno) –
undefined
3. Funkcije
Funkcije omogućavaju ponovno korišćenje koda:
function pozdrav(ime) {
return "Zdravo, " + ime + "!";
}
console.log(pozdrav("Marko"));4. Petlje i uslovi
Petlje i uslovi omogućavaju kontrolu toka programa:
let broj = 10;
if (broj > 5) {
console.log("Broj je veći od 5");
} else {
console.log("Broj je manji ili jednak 5");
}Petlja for primer:
for (let i = 0; i < 5; i++) {
console.log("Broj: " + i);
}Zaključak
Ovo su samo osnovni koncepti JavaScripta. U narednim lekcijama naučićete kako da manipulišete HTML-om, obrađujete događaje, radite sa objektima i koristite moderne JavaScript funkcionalnosti poput ES6 sintakse.
Sada kada ste savladali osnove, vreme je da počnete eksperimentisati i pisati svoj kod!
Facebook Comments