Coder.ee on müügis490 €
business@coder.ee
Coder.ee juhend

JavaScript algajale: veebiprogrammeerimise alused

JavaScript on brauseri loomulik programmeerimiskeel. Kui tahad, et veebileht reageeriks kasutaja tegevustele, muudaks andmeid või suhtleks API-ga, jõuad kiiresti JavaScriptini.

Mida JavaScript teeb?

HTML kirjeldab sisu, CSS välimust ja JavaScript käitumist. Tänapäeval kasutatakse JavaScripti ka serveris, automatiseerimises ja tööriistade ehitamisel.

Baasnäide

const nimi = "Coder";
const keeled = ["JavaScript", "Python"];

function tervita(nimi) {
  return `Tere, ${nimi}!`;
}

console.log(tervita(nimi));

DOM ja sündmused

<button id="nupp">Vajuta</button>
<p id="tulemus"></p>

<script>
const nupp = document.querySelector('#nupp');
const tulemus = document.querySelector('#tulemus');

nupp.addEventListener('click', () => {
  tulemus.textContent = 'JavaScript töötab!';
});
</script>

Siin seome sündmuse nupuga ja muudame lehe sisu ilma uut lehte laadimata.

API-d ja async/await

async function loeAndmed() {
  const response = await fetch('/api/data');
  if (!response.ok) throw new Error('Päring ebaõnnestus');
  return response.json();
}

Asünkroonne kood on JavaScripti praktilises kasutuses vältimatu. Oluline on alati arvestada võrguvigade ja ebaõnnestunud vastustega.

Mida õppida järgmisena?

  • Andmetüübid, array-meetodid ja objektid.
  • DOM, sündmused ja vormid.
  • fetch, Promise ja async/await.
  • Moduulid ja npm.
  • Alles seejärel raamistik nagu React, Vue või Svelte — kui projekt seda vajab.

Allikas

JavaScripti kõige tugevam avalik viide on MDN JavaScript Guide, mis katab nii baaskeele kui brauseri API-d.