جاوا اسکرپٹ کیا ہے اور یہ کیسے کام کرتا ہے؟

جاوا اسکرپٹ کیا ہے اور یہ کیسے کام کرتا ہے؟

جاوا اسکرپٹ جدید ویب ڈویلپمنٹ میں ایک اہم مقام بن گیا ہے۔ یہ طاقتور زبان کسی بھی ویب ڈویلپر کو سمجھنے کے لیے ایک ضروری ٹول میں تبدیل ہو گئی ہے۔





جاوا اسکرپٹ میں خاص خصوصیات ہیں جو اسے روایتی پروگرامنگ زبانوں سے مختلف بناتی ہیں۔ ہم کھودنے جا رہے ہیں کہ یہ کیا ہے ، یہ کیسے کام کرتا ہے ، اور آپ اس کے ساتھ کیا کر سکتے ہیں۔ آئیے اسے توڑ دیں۔





جاوا اسکرپٹ کیا ہے؟

جاوا اسکرپٹ ویب کے لیے ایک سکرپٹ زبان ہے۔ یہ ایک تشریح شدہ زبان ہے ، جس کا مطلب ہے کہ اسے اپنے کوڈ جیسے C یا C ++ کا ترجمہ کرنے کے لیے کسی مرتب کی ضرورت نہیں ہے۔ جاوا اسکرپٹ کوڈ براہ راست ویب براؤزر میں چلتا ہے۔





زبان کا تازہ ترین ورژن ECMAScript 2018 ہے جو جون 2018 میں جاری کیا گیا۔

درد خود درد کی پیداوار ہے ، اہم ماحولیاتی مسائل ، لیکن میں اسے کام کرنے کے لئے جتنا کم وقت دیتا ہوں۔

جاوا اسکرپٹ ایچ ٹی ایم ایل اور سی ایس ایس کے ساتھ ویب ایپس یا ویب پیجز بنانے کے لیے کام کرتا ہے۔ جاوا اسکرپٹ کو زیادہ تر جدید ویب براؤزرز جیسے گوگل کروم ، فائر فاکس ، سفاری ، مائیکروسافٹ ایج ، اوپیرا وغیرہ کے ذریعے سپورٹ کیا جاتا ہے۔



جاوا اسکرپٹ ویب صفحات کے متحرک عناصر کو کنٹرول کرتا ہے۔ یہ ویب براؤزرز میں کام کرتا ہے اور حال ہی میں ویب سرورز پر بھی۔ ایپلیکیشن پروگرامنگ انٹرفیس (API) جاوا اسکرپٹ کے ذریعہ بھی تعاون یافتہ ہے ، جو آپ کو مزید فعالیت فراہم کرتا ہے۔

جاوا اسکرپٹ کے کام کرنے کے تمام طریقوں کو سمجھنا تھوڑا آسان ہے جب آپ سمجھتے ہیں کہ ویب پروگرامنگ کیسے کام کرتی ہے ، تو آئیے مزید سیکھیں۔





ویب ایپ بلڈنگ بلاکس۔

ویب سائٹس اور ایپس بنانے والے تین اجزاء ہیں: ہائپر ٹیکسٹ مارک اپ لینگویج (ایچ ٹی ایم ایل) ، کاسکیڈنگ اسٹائل شیٹس (سی ایس ایس) ، اور جاوا اسکرپٹ۔ ویب ایپ بنانے میں ہر ایک کا اپنا کردار ہے۔

  • ایچ ٹی ایم ایل ایک مارک اپ زبان ہے جو ویب پیج کا کنکال بناتی ہے۔ تمام پیراگراف ، سیکشنز ، امیجز ، ہیڈنگز اور ٹیکسٹ HTML میں لکھے گئے ہیں۔ مواد ویب سائٹ پر اس ترتیب سے ظاہر ہوتا ہے کہ وہ HTML میں لکھے گئے ہیں۔
  • سی ایس ایس انداز اور ترتیب کے اضافی پہلوؤں کو کنٹرول کرتا ہے۔ سی ایس ایس کو ویب سائٹ کا ڈیزائن بنانے کے لیے استعمال کیا جاتا ہے جس میں رنگ ، فونٹ ، کالم ، بارڈر وغیرہ بنائے جاتے ہیں۔
  • تیسرا عنصر ہے۔ جاوا اسکرپٹ۔ ایچ ٹی ایم ایل اور سی ایس ایس ڈھانچہ بناتے ہیں ، لیکن وہ وہاں سے کچھ نہیں کرتے ہیں۔ جاوا اسکرپٹ آپ کی ایپ پر متحرک سرگرمی پیدا کرتا ہے۔ جاوا اسکرپٹ میں اسکرپٹنگ وہ ہے جو بٹن پر کلک کرنے پر افعال کو کنٹرول کرتی ہے ، پاس ورڈ فارم کیسے تصدیق شدہ ہوتے ہیں ، میڈیا کو کیسے کنٹرول کیا جاتا ہے۔

تینوں حصے مکمل پیمانے پر ایپس بنانے کے لیے ایک دوسرے کے ساتھ ہم آہنگی سے کام کرتے ہیں۔ ایچ ٹی ایم ایل اور سی ایس ایس کے بارے میں مزید جاننا ایک اچھا خیال ہوگا اگر آپ ان کے ساتھ مکمل طور پر راضی نہیں ہیں۔





جاوا اسکرپٹ کیسے کام کرتا ہے؟

جاوا اسکرپٹ لکھنے سے پہلے یہ جاننا ضروری ہے کہ یہ کس طرح کام کرتا ہے۔ سیکھنے کے لیے دو اہم ٹکڑے ہیں: ویب براؤزر کیسے کام کرتا ہے ، اور دستاویز آبجیکٹ ماڈل (DOM)۔

ویب براؤزر ایک ویب پیج لوڈ کرتا ہے ، ایچ ٹی ایم ایل کو پارس کرتا ہے ، اور تخلیق کرتا ہے جو مواد سے دستاویز آبجیکٹ ماڈل (DOM) کے نام سے جانا جاتا ہے۔ DOM آپ کے جاوا اسکرپٹ کوڈ پر ویب پیج کا لائیو ویو پیش کرتا ہے۔

براؤزر پھر HTML سے منسلک ہر چیز کو پکڑ لے گا ، جیسے تصاویر اور CSS فائلیں۔ سی ایس ایس کی معلومات سی ایس ایس تجزیہ کار سے آتی ہے۔

ایچ ٹی ایم ایل اور سی ایس ایس سب سے پہلے ویب پیج بنانے کے لیے DOM کے ساتھ ملتے ہیں۔ پھر ، براؤزر کا جاوا اسکرپٹ انجن جاوا اسکرپٹ فائلوں اور ان لائن کوڈ کو لوڈ کرتا ہے لیکن کوڈ کو فوری طور پر نہیں چلاتا ہے۔ یہ HTML اور CSS لوڈنگ ختم ہونے کا انتظار کرتا ہے۔

ایک بار جب یہ ہو جاتا ہے ، جاوا اسکرپٹ کو کوڈ کے لکھے گئے حکم کے مطابق عمل میں لایا جاتا ہے۔ اس کے نتیجے میں DOM جاوا اسکرپٹ کوڈ کے ذریعے اپ ڈیٹ ہوتا ہے اور براؤزر کے ذریعے پیش کیا جاتا ہے۔

یہاں آرڈر اہم ہے۔ اگر جاوا اسکرپٹ نے HTML اور CSS کے ختم ہونے کا انتظار نہیں کیا تو یہ DOM عناصر کو تبدیل نہیں کر سکے گا۔

میں جاوا اسکرپٹ کے ساتھ کیا کر سکتا ہوں؟

جاوا اسکرپٹ ایک مکمل پروگرامنگ لینگویج ہے جو کہ زیادہ تر چیزیں کر سکتی ہے جو کہ ایک باقاعدہ زبان ازگر کر سکتی ہے۔ یہ شامل ہیں:

آئی فون 7 پلس پر پورٹریٹ موڈ کہاں ہے؟
  • متغیرات کا اعلان
  • اقدار کو ذخیرہ کرنا اور بازیافت کرنا۔
  • افعال کی وضاحت اور درخواست کرنا ، بشمول۔ تیر کے افعال .
  • جاوا اسکرپٹ اشیاء اور کلاسوں کی وضاحت
  • بیرونی ماڈیولز لوڈ کرنا اور استعمال کرنا۔
  • ایونٹ ہینڈلرز لکھنا جو کلک ایونٹس کا جواب دیتے ہیں۔
  • سرور کوڈ لکھنا۔
  • اور بہت کچھ.

انتباہ: چونکہ جاوا اسکرپٹ اتنی طاقتور زبان ہے ، اس لیے مالویئر ، وائرس اور براؤزر ہیک لکھنا بھی ممکن ہے تاکہ وہ صارفین کو متاثر کرے۔ یہ براؤزر کوکیز ، پاس ورڈز ، کریڈٹ کارڈ چوری کرنے سے لے کر آپ کے کمپیوٹر پر وائرس ڈاؤن لوڈ کرنے تک ہیں۔

جاوا اسکرپٹ کا استعمال۔

آئیے کوڈ کی مثالوں کے ساتھ جاوا اسکرپٹ کی کچھ بنیادی باتیں دیکھیں۔

متغیرات کا اعلان

جاوا اسکرپٹ متحرک طور پر ٹائپ کیا گیا ہے ، جس کا مطلب ہے کہ آپ کو اپنے کوڈ میں اپنے متغیرات کی قسم کا اعلان کرنے کی ضرورت نہیں ہے۔

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

آپریٹرز

اضافہ

12 + 5
>> 17

گھٹاؤ۔

20 - 8
>> 12

ضرب۔

5 * 2
>> 10

ڈویژن

50 / 2
>> 25

ماڈیولس

45 % 4
>> 1

صفیں

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

افعال

جاوا اسکرپٹ افعال لکھ سکتا ہے ، یہاں ایک سادہ فنکشن ہے جو نمبروں کا اضافہ کرتا ہے۔

ونڈوز 10 میں وائی فائی پاس ورڈ تبدیل کرنے کا طریقہ
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

لوپس

جاوا اسکرپٹ تکرار کے لئے لوپس انجام دے سکتا ہے ، جیسے لوپس۔ لوپس کے لیے اور جبکہ لوپس.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

تبصرے

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

ایک ویب پیج میں۔

ویب پیج میں جاوا اسکرپٹ کو لوڈ کرنے کا سب سے عام طریقہ یہ ہے کہ سکرپٹ ایچ ٹی ایم ایل ٹیگ آپ کی ضروریات پر منحصر ہے ، آپ مندرجہ ذیل طریقوں میں سے ایک استعمال کرسکتے ہیں۔

  • ایک بیرونی جاوا اسکرپٹ فائل کو ویب پیج میں درج ذیل طریقے سے لوڈ کریں: | _+_ |
  • آپ مکمل یو آر ایل کی وضاحت کر سکتے ہیں اگر جاوا اسکرپٹ ویب پیج سے کسی دوسرے ڈومین سے ہے: _ _+_ |
  • جاوا اسکرپٹ کو براہ راست HTML میں سرایت کیا جا سکتا ہے۔ یہاں ایک ہے _ _ _ _

ان طریقوں کے علاوہ جاوا اسکرپٹ کوڈ کو مانگ پر لوڈ کرنے کے طریقے موجود ہیں۔ درحقیقت ، وہاں جاوا اسکرپٹ ماڈیولز کو لوڈ کرنے اور چلانے کے لیے وقف کردہ فریم ورک ہیں جو مناسب انحصار کے ساتھ چلتے وقت حل ہوتے ہیں۔

یہ زیادہ جدید موضوعات ہیں ، ابھی آپ بنیادی باتیں سیکھ رہے ہیں۔

نمونہ جاوا اسکرپٹ کوڈ کے ٹکڑے۔

یہ کچھ آسان جاوا اسکرپٹ کوڈ کے نمونے ہیں جو یہ بتاتے ہیں کہ یہ ویب صفحات پر کس طرح استعمال ہوتا ہے۔ یہ کوڈ کی مثالیں ہیں جو DOM کے ساتھ کام کرتی ہیں۔

  • مندرجہ ذیل سب کو منتخب کرتا ہے۔ جرات مندانہ دستاویز میں عناصر اور پہلے کا رنگ سرخ پر سیٹ کرتا ہے۔ | _+_ |
  • تصویر کو ایک میں تبدیل کرنا چاہتے ہیں۔ img ٹیگ؟ درج ذیل ایسوسی ایشنز ایونٹ ہینڈلر برائے کلک کریں ایک بٹن کا واقعہ | _+_ |
  • ایک پیراگراف کے ٹیکسٹ مواد کو اپ ڈیٹ کریں ( p ) عنصر؟ مقرر اندرونی ایچ ٹی ایم ایل عنصر کی پراپرٹی جیسا کہ دکھایا گیا ہے: | _+_ |

یہ کوڈ کے نمونے آپ کے ویب پیج پر جاوا اسکرپٹ کا استعمال کرتے ہوئے کیا کر سکتے ہیں اس کی صرف ایک جھلک پیش کرتے ہیں۔ بہت سارے ٹیوٹوریل ہیں جو آپ کو سکھاتے ہیں کہ آپ کو شروع کرنے کے لیے کوڈ کیسے دیں۔ آپ اسے کسی بھی ویب پیج پر آزما سکتے ہیں ، یہاں تک کہ یہ بھی! اپنا کنسول کھولیں اور کچھ جاوا اسکرپٹ کوڈ آزمائیں۔

اب آپ جانتے ہیں کہ جاوا اسکرپٹ کیا کرتا ہے۔

امید ہے کہ ، یہ تعارف جاوا اسکرپٹ میں کچھ بصیرت لایا ہے اور آپ کو ویب پروگرامنگ کے بارے میں پرجوش کرتا ہے۔ آپ یہ سب کچھ دوبارہ حاصل کر سکتے ہیں۔ ہماری آسان جاوا اسکرپٹ چیٹ شیٹ۔ . جاوا اسکرپٹ کے بارے میں جاننے کے لیے بہت کچھ ہے۔ ایک بار جب آپ زیادہ آرام دہ محسوس کریں تو کیوں نہ دستاویز آبجیکٹ ماڈل کو استعمال کرنے کا طریقہ سیکھنے کی کوشش کریں۔ آپ ٹائپ اسکرپٹ کے بارے میں سیکھنے میں بھی دلچسپی لے سکتے ہیں۔

بانٹیں بانٹیں ٹویٹ ای میل۔ کمانڈ پرامپٹ کا استعمال کرتے ہوئے اپنے ونڈوز پی سی کو کیسے صاف کریں۔

اگر آپ کا ونڈوز پی سی اسٹوریج کی جگہ پر کم چل رہا ہے تو ، ان فاسٹ کمانڈ پرامپٹ افادیتوں کا استعمال کرتے ہوئے ردی کو صاف کریں۔

اگلا پڑھیں۔
متعلقہ موضوعات۔
  • ٹیکنالوجی کی وضاحت
  • پروگرامنگ۔
  • ویب سازی
  • جاوا اسکرپٹ۔
  • اسکرپٹنگ۔
مصنف کے بارے میں انتھونی گرانٹ(40 مضامین شائع ہوئے)

انتھونی گرانٹ ایک فری لانس مصنف ہے جو پروگرامنگ اور سافٹ ویئر کا احاطہ کرتا ہے۔ وہ پروگرامنگ ، ایکسل ، سافٹ وئیر ، اور ٹیکنالوجی میں کمپیوٹر سائنس کا بڑا ماہر ہے۔

انتھونی گرانٹ سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔