JavaScript ایک خاص زبان ہے جو ویب صفحات کو پرلطف اور انٹرایکٹو بنانے میں مدد کرتی ہے۔ اسے بہت سے لوگ دلچسپ ویب سائٹس بنانے کے لیے استعمال کرتے ہیں۔ ویب ڈویلپمنٹ میں، JavaScript ایک جادوئی ٹول کی طرح ہے جو ویب سائٹس کو زندہ کرتا ہے۔ یہ متن کو تبدیل کر سکتا ہے، تصویریں منتقل کر سکتا ہے، اور یہاں تک کہ آپ سے بات کر سکتا ہے!
JavaScript ایک کمپیوٹر کی زبان ہے۔ یہ کمپیوٹر کو بتاتا ہے کہ ویب پیج پر سادہ اور پرلطف چیزیں کیسے کی جائیں۔ جب آپ کسی بٹن پر کلک کرتے ہیں یا کسی ویب سائٹ پر اینیمیشن دیکھتے ہیں تو جاوا اسکرپٹ پردے کے پیچھے کام کر رہا ہوتا ہے۔ یہ ویب ڈویلپمنٹ میں اہم ٹولز میں سے ایک ہے۔
تصور کریں کہ آپ کے پاس کھلونا روبوٹ ہے۔ آپ روبوٹ کو ہدایات دے کر بتائیں کہ اسے کیا کرنا ہے۔ جاوا اسکرپٹ کمپیوٹر کو اس طرح کی ہدایات دیتا ہے۔
ویب سائٹیں متن، تصاویر اور رنگوں سے بنی ہیں۔ لیکن جب وہ آپ پر ردعمل ظاہر کرتے ہیں تو وہ اور بھی زیادہ مزے دار ہوسکتے ہیں۔ JavaScript ویب سائٹس کو آپ کی بات سننے اور فیصلہ کرنے میں مدد کرتا ہے کہ آگے کیا کرنا ہے۔ مثال کے طور پر، جب آپ اسے دباتے ہیں تو یہ بٹن کو اپنا رنگ بدل دیتا ہے، یا جب آپ کسی لنک پر کلک کرتے ہیں تو یہ پیغام دکھا سکتا ہے۔
یہ ویب سائٹس کو نہ صرف خوبصورت تصاویر بناتا ہے، بلکہ جاندار جگہیں بناتا ہے جہاں آپ بات چیت کر سکتے ہیں۔ جب بھی آپ کسی ویب سائٹ پر کوئی گیم کھیلتے ہیں یا کوئی انٹرایکٹو کہانی دریافت کرتے ہیں، تو JavaScript اسے انجام دے رہا ہے۔
JavaScript میں کچھ آسان آئیڈیاز ہیں جنہیں سمجھنا آسان ہے۔ ان خیالات کو عمارت کے بلاکس کے طور پر سوچیں۔ جب آپ انہیں اکٹھا کرتے ہیں، تو آپ ویب پر حیرت انگیز چیزیں بنا سکتے ہیں۔ یہاں کچھ بنیادی خیالات ہیں:
ان خیالات میں سے ہر ایک آپ کو زیادہ پیچیدہ اور انٹرایکٹو ویب صفحات بنانے میں مدد کرتا ہے۔
ایک متغیر نام کے ساتھ ایک خاص باکس کی طرح ہے۔ آپ ایک باکس کے اندر مختلف قسم کی چیزیں رکھ سکتے ہیں۔ کبھی کبھی آپ اندر نمبر ڈال سکتے ہیں، اور کبھی الفاظ۔ JavaScript میں، آپ let یا var جیسے الفاظ کا استعمال کرتے ہوئے ایک متغیر بنا سکتے ہیں۔
مثال کے طور پر، اگر آپ اپنا نام محفوظ کرنا چاہتے ہیں، تو آپ یہ کوڈ لکھ سکتے ہیں:
let myName = "سام"؛
یہ کوڈ ایک باکس بناتا ہے جسے "myName" کہا جاتا ہے اور اس کے اندر لفظ "Sam" ڈالتا ہے۔
مختلف قسم کے ڈیٹا ہیں جنہیں آپ اسٹور کر سکتے ہیں۔ کچھ یہ ہیں:
متغیر معلومات کو رکھنے میں مدد کرتے ہیں جو ویب سائٹ کے چلنے پر تبدیل ہو سکتی ہے۔
جاوا اسکرپٹ میں ایک فنکشن ایک چھوٹی مشین کی طرح ہے جو ایک کام کرتی ہے۔ آپ مشین کو ایک نام دیں اور بتائیں کہ کون سا کام مکمل کرنا ہے۔ پھر، جب بھی آپ کو اس کام کی ضرورت ہو، آپ فنکشن کو کال کریں۔
مثال کے طور پر، اگر آپ ہیلو کہنا چاہتے ہیں، تو آپ اس طرح ایک فنکشن لکھ سکتے ہیں:
فنکشن sayHello() {
الرٹ ("ہیلو، دوست!")؛
}
جب آپ sayHello() فنکشن کو کال کرتے ہیں تو ایک چھوٹا سا پیغام ظاہر ہوتا ہے جس میں لکھا ہوتا ہے "ہیلو، دوست!" یہ ایک کھلونے کی طرح ہے جو ایک چھوٹا گانا بجاتا ہے جب آپ بٹن دباتے ہیں۔
کبھی کبھی، کمپیوٹر کو یہ منتخب کرنے کی ضرورت ہوتی ہے کہ آگے کیا کرنا ہے۔ یہیں سے مشروط بیانات آتے ہیں۔ وہ کمپیوٹر کو یہ جانچنے میں مدد کرتے ہیں کہ آیا کچھ سچ ہے یا نہیں۔
اس کے بارے میں اس طرح سوچیں: اگر بارش ہو رہی ہے، تو آپ چھتری لینے کا فیصلہ کر سکتے ہیں۔ اگر بارش نہیں ہو رہی ہے تو آپ کو چھتری کی ضرورت نہیں ہے۔ جاوا اسکرپٹ میں، آپ اس طرح ایک سادہ مشروط لکھ سکتے ہیں:
اگر (درجہ حرارت > 30) {
الرٹ ("باہر گرمی ہے!")؛
} اور {
الرٹ ("یہ زیادہ گرم نہیں ہے!")؛
}
یہ کوڈ چیک کرتا ہے کہ آیا درجہ حرارت 30 سے زیادہ ہے۔ اگر یہ ہے، تو یہ آپ کو بتاتا ہے کہ یہ گرم ہے۔ دوسری صورت میں، یہ کہتا ہے کہ یہ زیادہ گرم نہیں ہے.
لوپس آپ کو ہدایات کے ایک سیٹ کو کئی بار دہرانے دیتے ہیں۔ وہ ایسے ہیں جیسے گھومتے پھرتے ایک خوش گوار دور۔ ایک ہی کوڈ کو بار بار لکھنے کے بجائے، ایک لوپ آپ کے لیے کرتا ہے۔
مثال کے طور پر، اگر آپ یہ کہنا چاہتے ہیں کہ "مجھے کوڈنگ پسند ہے!" پانچ بار، آپ ایک لوپ استعمال کر سکتے ہیں:
کے لیے (آئیے = 0؛ i <5؛ i++) {
console.log("مجھے کوڈنگ پسند ہے!");
}
یہ کوڈ کمپیوٹر سے جملہ پانچ بار پرنٹ کرنے کو کہتا ہے۔ یہ اپنے کھلونوں کو ایک ایک کرکے گننے جیسا ہے۔
جاوا اسکرپٹ میں، واقعات وہ سگنل ہوتے ہیں جو کمپیوٹر کو بتاتے ہیں کہ کچھ ہوا ہے۔ یہ واقعات ماؤس کلک، کلید دبانے، یا ونڈو کے سائز میں تبدیلی بھی ہو سکتے ہیں۔ کمپیوٹر ان واقعات کو سنتا ہے اور پھر جواب دیتا ہے۔
مثال کے طور پر، جب آپ کسی ویب پیج پر بٹن پر کلک کرتے ہیں، تو ایک واقعہ ہوتا ہے۔ جاوا اسکرپٹ اس کلک کا پتہ لگا سکتا ہے اور پھر جواب دینے کے لیے ایک فنکشن چلا سکتا ہے۔ یہاں ایک سادہ مثال ہے:
let button = document.getElementById("myButton")؛
button.addEventListener("کلک"، فنکشن() {
الرٹ ("آپ نے بٹن پر کلک کیا!")؛
});
یہ کوڈ ID "myButton" کے ساتھ ایک بٹن تلاش کرتا ہے اور ایک کلک کے لیے سنتا ہے۔ جب بٹن پر کلک کیا جاتا ہے، تو یہ ایک پیغام دکھاتا ہے کہ "آپ نے بٹن پر کلک کیا!"
دستاویز آبجیکٹ ماڈل، یا DOM ، ویب صفحہ کے تمام حصوں کو دیکھنے اور ان کے ساتھ تعامل کرنے کا ایک طریقہ ہے۔ DOM کو ایک درخت سمجھیں۔ درخت کی بہت سی شاخیں ہیں، اور ہر شاخ صفحہ پر ایک عنصر کی نمائندگی کرتی ہے، جیسے پیراگراف، تصویر، یا بٹن۔
جاوا اسکرپٹ ان شاخوں کو تبدیل کر سکتا ہے۔ یہ نئی آئٹمز شامل کر سکتا ہے، پرانے کو ہٹا سکتا ہے، یا انہیں تبدیل کر سکتا ہے۔ مثال کے طور پر، جب آپ بٹن پر کلک کرتے ہیں تو یہ پیراگراف کے اندر موجود متن کو تبدیل کر سکتا ہے۔
یہ ضروری ہے کیونکہ یہ انٹرایکٹو ویب سائٹس بنانے میں مدد کرتا ہے۔ DOM استعمال کرنے سے، آپ کا ویب صفحہ دوبارہ لوڈ کرنے کی ضرورت کے بغیر متحرک طور پر تبدیل ہو سکتا ہے۔
آئیے عمل میں جاوا اسکرپٹ کی ایک سادہ سی مثال دیکھیں۔ تصور کریں کہ آپ کے پاس ایک بٹن والا ویب صفحہ ہے۔ جب آپ بٹن پر کلک کرتے ہیں، تو آپ چاہتے ہیں کہ وہ ہیلو کہے۔ آپ کوڈ اس طرح لکھ سکتے ہیں:
<!DOCTYPE html>
<html>
<head>
<title>جاوا اسکرپٹ کی سادہ مثال</title>
</head>
<body>
<button id="greetButton">مجھ پر کلک کریں!</button>
<script>
فنکشن greetUser() {
الرٹ ("ہیلو، دوست!")؛
}
let button = document.getElementById("greetButton")؛
button.addEventListener("کلک"، greetUser)؛
</script>
</body>
</html>
یہ کوڈ ویب پیج پر ایک بٹن بناتا ہے۔ جب بٹن پر کلک کیا جاتا ہے، greetUser() فنکشن چلتا ہے، اور "ہیلو، دوست!" پیغام کے ساتھ ایک پاپ اپ ظاہر ہوتا ہے۔
جاوا اسکرپٹ سادہ ریاضی بھی کر سکتا ہے۔ یہ اعداد کو شامل، گھٹا، ضرب اور تقسیم کر سکتا ہے۔ یہ فیچر چھوٹی ایپلی کیشنز یا یہاں تک کہ گیمز بنانے کے لیے بھی بہت مفید ہے۔
مثال کے طور پر، اگر آپ دو نمبر شامل کرنا چاہتے ہیں، تو آپ لکھ سکتے ہیں:
چلو نمبر 1 = 5؛
چلو نمبر 2 = 3؛
let sum = number1 + number2;
الرٹ ("رقم ہے" + رقم)؛
یہ کوڈ دو نمبر لیتا ہے، 5 اور 3 ، انہیں ایک ساتھ جوڑتا ہے، اور پھر ایک پیغام دکھاتا ہے جس میں کہا جاتا ہے کہ "مجموعہ 8 ہے"۔
جب بھی آپ بٹنوں، اینیمیشنز، یا گیمز والی ویب سائٹ پر جاتے ہیں، تو JavaScript کام کرنے کا امکان ہے۔ یہ ویب سائٹس کو متحرک اور پرلطف بناتا ہے۔ مثال کے طور پر، جب آپ آن لائن خریداری کرتے ہیں یا ویڈیوز دیکھتے ہیں، تو جاوا اسکرپٹ پردے کے پیچھے ایک اہم کردار ادا کرتا ہے۔
یہ صفحہ کے حصوں کو تیزی سے لوڈ کرنے، غلطیوں کی جانچ کرنے اور صفحہ کو دوبارہ لوڈ کیے بغیر آپ کو نئی معلومات دکھانے میں مدد کرتا ہے۔ یوٹیوب، فیس بک اور بہت سی دوسری ویب سائٹس آپ کے لیے ایک ہموار تجربہ بنانے کے لیے JavaScript کا استعمال کرتی ہیں۔
JavaScript سیکھنا رنگین LEGO بلاکس کے ساتھ کھیلنے کے مترادف ہے۔ ہر بلاک کوڈ کا ایک چھوٹا ٹکڑا ہے۔ جب آپ بہت سے بلاکس کو یکجا کرتے ہیں، تو آپ کچھ شاندار بنا سکتے ہیں۔ سب سے پہلے، آپ ایک سادہ گھر بنانے کے لیے صرف چند بلاکس کا استعمال کر سکتے ہیں۔ بعد میں، آپ مزید بلاکس استعمال کرنا اور ایک بڑا قلعہ یا یہاں تک کہ ایک خلائی جہاز بنانا سیکھیں گے!
JavaScript کو سمجھنے کا بہترین طریقہ یہ ہے کہ چھوٹے چھوٹے ٹکڑوں کی تعمیر کریں اور پھر ایک مکمل ویب صفحہ بنانے کے لیے انہیں ایک ساتھ رکھیں۔ ہر نیا خیال جو آپ سیکھتے ہیں وہ آپ کی ویب سائٹ کے پروجیکٹس کے لیے ایک اور LEGO بلاک ہے۔
بہت سے مددگار جاوا اسکرپٹ کو مزید طاقتور بناتے ہیں۔ ان مددگاروں کو لائبریری اور فریم ورک کہا جاتا ہے۔ وہ LEGO بلاکس کے اضافی سیٹ کی طرح ہیں جو خاص شکلوں میں آتے ہیں۔ کچھ مشہور جاوا اسکرپٹ مددگار ہیں:
یہ ٹولز بہت سے ڈویلپرز کو تمام کوڈ خود لکھنے کی بجائے حیرت انگیز ویب سائٹس بنانے میں مدد کرتے ہیں۔ وہ ظاہر کرتے ہیں کہ یہاں تک کہ تفریح کے لیے بنائی گئی زبان بھی حقیقی دنیا میں ایک طاقتور ٹول ہو سکتی ہے۔
ویب براؤزر وہ پروگرام ہے جسے آپ ویب سائٹس پر جانے کے لیے استعمال کرتے ہیں۔ مقبول براؤزرز کروم، فائر فاکس، سفاری اور ایج ہیں۔ جاوا اسکرپٹ ان براؤزرز کے اندر کام کرتا ہے۔ جب آپ اپنے ویب پیج میں JavaScript کوڈ لکھتے ہیں، براؤزر اسے پڑھتا ہے اور آپ کے صفحہ کو انٹرایکٹو بناتا ہے۔
براؤزر کو ایک اسٹیج اور جاوا اسکرپٹ کو بطور اداکار تصور کریں۔ اداکار اسکرپٹ (آپ کے کوڈ) کی پیروی کرتا ہے اور شو پیش کرتا ہے۔ جاوا اسکرپٹ کے بغیر، اسٹیج خالی ہوگا، اور شو تقریباً اتنا دلفریب نہیں ہوگا۔
جب آپ ویب صفحہ کھولتے ہیں، تو براؤزر مندرجہ ذیل کام کرتا ہے:
یہ عمل دکھاتا ہے کہ جاوا اسکرپٹ کس طرح ویب پیج کی شکل و صورت کو مکمل کرتا ہے۔
JavaScript ہماری روزمرہ کی زندگی میں بہت سے تفریحی اور مفید طریقوں سے استعمال ہوتا ہے۔ یہاں کچھ مثالیں ہیں:
ان مثالوں کو دیکھنے سے پتہ چلتا ہے کہ جاوا اسکرپٹ صرف اسکرین پر موجود کوڈ کے بارے میں نہیں ہے۔ یہ ایک ایسا پل ہے جو ٹیکنالوجی کو ہماری روزمرہ کی سرگرمیوں سے جوڑتا ہے۔
اگرچہ آپ جوان ہیں، آپ سادہ پراجیکٹس کے بارے میں سوچ کر JavaScript سیکھنا شروع کر سکتے ہیں۔ آپ ایک ایسے ویب صفحہ سے شروع کر سکتے ہیں جو بٹن دبانے پر اس کے پس منظر کا رنگ بدلتا ہے۔ یا آپ ایک چھوٹی سی کہانی بنا سکتے ہیں جو اس کے مختلف حصوں پر کلک کرنے سے بدل جاتی ہے۔
ہر پروجیکٹ، چاہے کتنا ہی چھوٹا ہو، آپ کو اس بارے میں مزید سکھاتا ہے کہ ویب سائٹ کیسے کام کرتی ہے۔ ہر قدم آپ کا اعتماد بڑھاتا ہے، بالکل ایسے جیسے مکمل الفاظ لکھنے سے پہلے حروف تہجی سیکھنا۔
JavaScript ایک ایسا ٹول ہے جو آپ کو تخلیقی ہونے کی اجازت دیتا ہے۔ یہ نہ صرف سیکھنے یا سنجیدہ ویب سائٹس بنانے کے لیے استعمال ہوتا ہے۔ یہ آپ کی تخلیقی صلاحیتوں کے اظہار کا ایک طریقہ بھی ہے۔ آپ JavaScript کے ساتھ گیمز، انٹرایکٹو کہانیاں، اور یہاں تک کہ متحرک تصاویر بھی ڈیزائن کر سکتے ہیں۔
جب آپ JavaScript کے ساتھ کام کرتے ہیں، تو آپ اپنے آپ کو ایک فنکار کے طور پر سوچ سکتے ہیں جو کوڈ کے ساتھ پینٹ کرتا ہے۔ ہر فنکشن اور ہر متغیر ویب پر ایک خوبصورت تصویر بنانے میں آپ کی مدد کرتا ہے۔
یاد رکھیں، JavaScript میں تخلیقی صلاحیت ایک بڑے سفید کاغذ پر کریون کے ایک روشن سیٹ کے ساتھ ڈرائنگ کی طرح ہے۔ کوئی حد نہیں ہے، اور آپ کا تخیل آپ کا رہنما ہے۔
JavaScript ایک کمپیوٹر کی زبان ہے جو ویب ڈویلپمنٹ میں استعمال ہوتی ہے۔ یہ ویب سائٹس کو انٹرایکٹو اور جاندار بنانے میں مدد کرتا ہے۔ JavaScript کے ساتھ، آپ ویب صفحات پر تفریحی اعمال شامل کر سکتے ہیں جیسے کہ متن کو تبدیل کرنا، کلکس پر ردِ عمل کرنا، اور یہاں تک کہ سادہ حساب کتاب کرنا۔
جاوا اسکرپٹ کے بنیادی بلڈنگ بلاکس میں شامل ہیں:
JavaScript کلکس اور کلیدی پریس جیسے واقعات کو بھی سنتا ہے۔ یہ دستاویز آبجیکٹ ماڈل (DOM) کے ساتھ کام کرتا ہے جو آپ ویب صفحہ پر دیکھتے ہیں اسے دوبارہ لوڈ کرنے کی ضرورت کے بغیر تبدیل کرتے ہیں۔ یہ ویب سائٹس کو متحرک اور تفریحی بناتا ہے۔
بہت سی مشہور ویب سائٹس اور آن لائن گیمز جاوا اسکرپٹ استعمال کرتی ہیں۔ یہ ہر جگہ ہے! گریٹنگ بٹن والی سادہ ویب سائٹس سے لے کر پیچیدہ آن لائن ایپلی کیشنز تک، JavaScript ان سب کا مرکز ہے۔
JavaScript سیکھنا LEGO بلاکس کے ساتھ تعمیر کرنے جیسا ہے۔ چھوٹی شروعات کریں، ایک وقت میں ایک ٹکڑا سیکھیں، اور جلد ہی آپ عظیم پروجیکٹس بنانے کے قابل ہو جائیں گے۔ ہر نیا خیال آپ کے تخلیقی ٹول باکس میں ایک اور ٹول ہے۔
اس سبق میں، ہم نے دیکھا کہ کس طرح جاوا اسکرپٹ HTML اور CSS کے ساتھ ویب سائٹس کو زندہ کرنے کے لیے کام کرتا ہے۔ ہم نے متغیرات، افعال، مشروط، لوپس، واقعات اور DOM کے بارے میں سیکھا۔ ہم نے یہ سمجھنے کے لیے سادہ مثالیں بھی دیکھیں کہ یہ ٹکڑے ایک ساتھ کیسے فٹ ہوتے ہیں۔
یاد رکھنے کے لیے اہم نکات:
جاوا اسکرپٹ کے بارے میں دریافت اور سیکھتے رہیں۔ ہر نئے کوڈ کے ساتھ جو آپ لکھتے ہیں، آپ ویب ڈویلپمنٹ میں تخلیقی امکانات کی دنیا کھولتے ہیں۔ اپنے سفر سے لطف اٹھائیں اور اپنی ویب سائٹس کو زندہ کرنے میں مزہ کریں!