MC, 2025

JavaScript Por Komencantoj: Praktikaj Ekzemploj Kaj Amuzo!

JavaScript estas unu el la plej popularaj kaj potencaj programlingvoj en la mondo de interreta programado. Ĝi estas la koro de multaj interretaj paĝoj kaj ebligas al programistoj fari paĝojn dinamike, reagemaj kaj interagaj. Se vi estas komencanto, vi eble demandas vin: kie mi komencu? Feliĉe, ni kunmetis ĉi tiun esperantan gvidilon kun multajn javascript examples for beginners por helpi vin komenci via vojaĝon kun rideto!

Kial Lerni JavaScript?

JavaScript estas uzata preskaŭ ĉie: en retumiloj, en serviloj, en mobilaj aplikoj, kaj eĉ en ludoj. Vi povas komenci krei realajn projektojn post kelkaj tagoj da lernado. Ĝi estas facile atingebla: vi bezonas nur retumilon kaj tekstredaktilon!

Unua Paŝo: Via Unua JavaScript Programo

Ni komencu per simpla programo kiu montras mesaĝon en la retumilo.

<script>
  alert("Saluton mondo!");
</script>

Ĉi tio estas la plej baza ekzemplo. Tuj kiam vi malfermas la paĝon, aperas ŝprucfenestro kun la mesaĝo. Tio estas klasika inter la javascript examples for beginners.

JavaScript en HTML Dokumento

JavaScript povas esti enkorpigita rekte en HTML. Jen ekzemplo:

<!DOCTYPE html>
<html>
<body>

<h1>Mia unua JavaScript paĝo</h1>
<button onclick="saluti()">Klaku min!</button>

<script>
  function saluti() {
    alert("Saluton, programisto!");
  }
</script>

</body>
</html>

Kiam vi klakas la butonon, funkcio estas vokita kaj mesaĝo aperas. Facila, ĉu ne?

Uzi Konsolon por Debugado

JavaScript havas ilon nomatan "console" por helpi vin kontroli informojn dum programado.

console.log("Jen mesaĝo en la konzolo");

Malfermu viajn retumilajn ilojn (kutime per F12) kaj vidu la mesaĝon sub "Console". Tio estas nepra por kompreni kion faras via kodo!

Variabloj kaj Datumtipoj

JavaScript subtenas diversajn datumtipojn: nombroj, tekstoj (stringoj), buloj (true/false), kaj pli. Jen ekzemplo:

let nomo = "Miaŭ";
let aĝo = 3;
let estasKatido = true;

console.log(nomo + " havas " + aĝo + " jarojn.");

Vi povas kombini tekstojn kaj variablojn por krei frazojn. Tiaj javascript examples for beginners helpas vin ekkompreni la logikon de la lingvo.

Se / Alie Kondiĉoj

Logiko estas la bazo de programado. Jen kiel fari elekton laŭ kondiĉo:

let temperaturo = 25;

if (temperaturo > 30) {
  console.log("Tro varme!");
} else {
  console.log("Ĝuste bone.");
}

Laŭtaksaj Ekzemploj por Prizorgi Reagon

Interagado estas ĉarma aspekto de JavaScript. Ni kreu formularon kiu donas retrokupon.

<input id="nomo" type="text" placeholder="Tajpu vian nomon">
<button onclick="salutiNomon()">Diru Saluton</button>

<script>
function salutiNomon() {
  let uzanto = document.getElementById("nomo").value;
  alert("Saluton, " + uzanto + "!");
}
</script>

Tio montras kiel JavaScript povas legi uzantajn datumojn kaj reagi al ili – unu el la plej praktikaj javascript examples for beginners.

Ripetoj kaj Bukloj

Ni diru ke vi volas ripeti aferon plurfoje. Jen kiel:

for (let i = 1; i <= 5; i++) {
  console.log("Jen nombro " + i);
}

Ĉi tio montras mesaĝojn por 1 ĝis 5. Bukloj estas ĉefa ilo en programado!

Funkcioj: Via Propra Magio

Funkcioj estas pecoj de kodo kiuj povas esti revokitaj kiam ajn vi volas.

function duobligi(nombro) {
  return nombro * 2;
}

console.log(duobligi(4)); // Rezultas 8

Array kaj Objektoj: Datumstrukturoj

Vi bezonas stoki multajn datumojn? Array kaj objektoj estas la solvo.

let fruktoj = ["pomo", "banano", "ĉerizo"];
console.log(fruktoj[1]); // banano

let persono = {
  nomo: "Julo",
  aĝo: 28
};
console.log(persono.nomo); // Julo

JavaScript kaj Eventoj

Eventoj estas agoj kiujn uzanto faras, kiel klakoj aŭ ŝanĝoj en formularoj.

<button id="miaButono">Klaku!</button>

<script>
document.getElementById("miaButono").addEventListener("click", function() {
  alert("Butono estis klakita!");
});
</script>

Konkludo: La Vojo al JavaScript Majstreco

Ni travivis multajn javascript examples for beginners — de bazaj ŝprucfenestroj ĝis eventa manipulado. JavaScript estas lingvo kiu ebligas vin krei interagajn, viglajn retejojn, kaj eĉ pli!

La plej bona maniero lerni estas eksperimenti. Provu ŝanĝi ekzemplojn, ludu kun ili, kaj imagu proprajn projektojn. La vojo al lerteco estas paŝo post paŝo, kaj kun ĉiu linio de kodo, vi pli proksimiĝas al esti vera JavaScript-ĵonglisto!

Dankon pro legado, kaj feliĉan kodadon — kun rideto kaj entuziasmo!

Przeczytaj również, bo warto!