JavaScript چییە؟

جافاسکریپت (JavaScript) زمانێکی بەرنامەسازیی ئاست-بەرزە کە وێبپەڕەکان لە دۆخی جێگیرەوە (Static) دەگۆڕێت بۆ دۆخی کارلێککار (Interactive). ئەگەر HTML وەک ئێسکی لەشی وێبپەڕەکە بێت و CSS وەک ڕووپۆش و جلوبەرگی بێت، ئەوا JavaScript مێشک و ماسولکەکانی وێبپەڕەکەیە.

بەهۆی ئەم زمانەوە دەتوانیت دیزاینی وێبپەڕەکان بگۆڕیت، داتا لە سێرڤەر وەربگریت، یان هەر کارلێکێکی بەکارهێنەر وەک کلیککردن یان نووسین لەناو بۆکسەکاندا بەڕێوەببەیت.

بۆچی پێویستە JavaScript فێربین؟

جافاسکریپت تاکە زمانی بەرنامەسازییە کە بە شێوەیەکی سروشتی لە هەموو وێبگەڕەکان (Browsers) وەک Chrome, Firefox, و Safari کاردەکات. ئەمەش وایکردووە ببێتە پێویستییەکی سەرەکی بۆ هەر گەشەپێدەرێکی وێب.

چۆن کۆدی JavaScript لەگەڵ HTML کاردەکات؟

بۆ ئەوەی کۆدی جافاسکریپت لە وێبپەڕەکەتدا کار بکات، دەبێت لەناو تاگی <script> دایبنێیت. با سەیری نموونەیەکی سادە بکەین:

<!DOCTYPE html>
<html>
<body>
  <h1 id='header'>سڵاو جیهان</h1>
  <button onclick='document.getElementById("header").innerHTML = "جافاسکریپت کاردەکات!"'>کلیک بکە</button>
</body>
</html>

لە نموونەکەی سەرەوەدا، کاتێک بەکارهێنەر کلیک لە دوگمەکە دەکات، جافاسکریپت دەستکاری ناوەڕۆکی تاگی h1 دەکات. هەڵەی باو: زۆرێک لە فێرخوازان لەبیر دەکەن کە جافاسکریپت هەستیارە بە گەورە و بچووکی پیتەکان (Case-sensitive)، بۆیە دڵنیابە لە نووسینی دروستی فەرمانەکان.

ژینگەی کارکردن (Browser Console)

هەموو وێبگەڕێک خاوەنی "کۆنسۆڵ" (Console) یە. ئەمە ئامرازێکی زۆر گرنگە بۆ تاقیکردنەوەی کۆدەکان و دۆزینەوەی هەڵەکان. دەتوانیت بە کلیککردنی ڕاست (Right-click) و هەڵبژاردنی Inspect و پاشان چوونە بەشی Console، کۆدی جافاسکریپت تاقی بکەیتەوە.

console.log("ئەم پەیامە لە کۆنسۆڵ دەردەکەوێت");
console.error("ئەمە پەیامێکی هەڵەیە");

ئەم کۆدە تەنها لە کۆنسۆڵەکەدا پەیامێک چاپ دەکات. ئەمە ڕێگایەکی نایابە بۆ ئەوەی بزانیت کۆدەکانت چۆن کاردەکەن بەبێ ئەوەی کاریگەرییان لەسەر ڕووکاری وێبپەڕەکە هەبێت.

ئاگاداری و تێبینییەکان

چۆن کۆدی JavaScript بە باشی بنووسین؟

بۆ ئەوەی کۆدەکانت ڕێک و خوێنراو بن، پێویستە ئەم خاڵانە لەبەرچاو بگریت:

• بەکار‌هێنانی فەرمانەکان بە شێوەیەکی دروست.
• دانانی هێمای (;) لە کۆتایی هەر ڕستەیەکی کۆد.
• نووسینی تێبینی (Comments) بۆ ئەوەی لە داهاتوودا بزانیت کۆدەکەت چی دەکات.

// ئەمە تێبینییە و لەلایەن وێبگەڕەوە پشتگوێ دەخرێت
let x = 10; // دیاریکردنی گۆڕاوێک
console.log(x); // چاپکردنی بەهای گۆڕاوەکە

هەڵەی باو: لەبیرکردنی هێمای (;) لە کۆتایی ڕستەکان، هەرچەندە هەندێک جار وێبگەڕەکە خۆی چاکی دەکات، بەڵام دەبێتە هۆی کێشەی گەورە لە پڕۆژە ئاڵۆزەکاندا.

ئەرکی پراکتیکی

ئێستا کاتی ئەوەیە خۆت تاقی بکەیتەوە! لەناو کۆنسۆڵی وێبگەڕەکەتدا، هەوڵ بدە ئەم کۆدە بنووسیت و ئەنجامەکەی ببینیت:

alert("سڵاو! ئەمە یەکەم کۆدی جافاسکریپتی منە");

ئەرک: هەوڵ بدە پەیامێکی جیاواز لەناو کەوانەکاندا بنووسیت و ببینە چۆن وێبگەڕەکە پەیامەکەت نیشان دەدات.