ویب کی ترقی کے لئے ایک تعارف

واپس میرا دن میں (ٹھیک ہے, میرا دن پہلے), ویب ڈویلپر کے پیشہ کم ایک تھا. یہ پیشہ ورانہ عزت کے پیمانے پر کتے hater ذیل لیکن Yankees کے پرستار کے اوپر کی درجہ بندی. ہم استعمال کیا جاتا ہے تمام ٹیگ اور شفافیت سپیسر تصاویر کی وجہ سے, ہم جمالیات کا کوئی احساس کے ساتھ خام تیل کی ہیکروں کے طور پر دیکھا گیا تھا.

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

براؤزر کے اختتام پر آلات کی ہماری bevy کے ہمارے ناقابل تصور تھا کہ ویب پر چیزوں کو پیدا کرنے کے لئے کی اجازت دی ہے صرف 10 سال پہلے, جیسے بے شمار سوشل نیٹ ورک کے اپنا وقت برباد کرنے کا بہترین طریقہ ہونے کا دعوی, “گرم، شہوت انگیز” پہلے سے ہی ایک ہزار بار کیا گیا ہے کہ کچھ انقلاب لا دی ہے کا دعوی ٹیک startups, اور ناراض پرندوں کلون اصل سے صرف تھوڑا سا بھی بدتر ہونے کا دعوی. ویب پر تمام. تو شاید ان ٹولز استعمال کرتا ہے کی سب سے بڑی نہیں گیا.

تو میں نے کے بارے میں بات کر رہے ہیں ان حیرت انگیز اوزار ہیں? جس طرح کی قیادت کیا گیا ہے (واضح طور سے حیرت انگیز) HTML5 نامی زبانوں, CSS3, اور جاوا سکرپٹ, جس میں عرفیت 3 webocalypse کے سوار. یہاں ہر ایک پر ایک نظر ہے:

ایچ ٹی ایم ایل

ایچ ٹی ایم ایل (مناسب طریقے سے ہایپر ٹیکسٹ مارکاپ زبان کے طور پر جانا; بری نظر نہیں کرنا چاہتا جو لوگ صرف مخفف استعمال کیوں آپ دیکھ سکتے ہیں) ہے زبان کے ویب صفحات کو بچھانے کے لئے استعمال کیا جاتا ہے. اس صفحے پر دایاں کلک کریں اور کلک کریں “مسودہ”. یہ اس پیج کا استعمال کرتا ہے ایچ ٹی ایم ایل ہے.

بنیادی طور پر, ایچ ٹی ایم ایل کا ایک گروپ ہے ٹیگز, جس براؤزر تعبیر اور باہر دیتی ہے. مثال کے طور پر, یہ ایچ ٹی ایم ایل کوڈ کی طرف دیکھو:

<P>میں آپ کے بارے میں نہیں جانتے, لیکن میں دبانے کے بٹن کی طرح.</P>

<BR>

<بٹن>مجھے کلک کریں!</بٹن>

یہ ایچ ٹی ایم ایل کوڈ ایک پیراگراف میں متن لپیٹ ہے (the <P> ٹیگ کے ایک پیراگراف شروع ہوتا ہے, the </P> ٹیگ کے ایک پیراگراف ختم ہو جاتی ہے.) ایک سطر توڑ ہے (the <BR>) اور پھر ایک بٹن آپ کو اپنے دل کے مواد کے لئے کلک کر سکتے ہیں. آپ کا براؤزر آپ کے لئے سکرین پر اسے باہر رکھے گا.

تو یہ سب کچھ ٹھیک اور اچھا ہے. لیکن اگر آپ کو ایچ ٹی ایم ایل کے سوا کچھ نہیں ہے تو, you get a webpage that looks like it came straight out of the 1990’s. نہیں بہت اچھا ویسے بھی اس دہائی کے باہر آئے (Hairstyles کی, موسیقی, وغیرہ) لیکن انتظار! زیادہ ہے!

سی ایس ایس

ایک اور مخفف. موسم گرما میں. سی ایس ایس کے لئے کھڑا ہے جھرن کاری سٹائل شیٹس, جس میں وہ واقعی ایک غلط نام کے تھوڑا سا جھرن نہیں ہے کے بعد سے (جو بھی اس کا مطلب… یہ کمپیوٹر کوڈ ہے, نہیں ایک آبشار!) سی ایس ایس ہے زبان سٹائل ویب صفحات کے لئے استعمال کیا. یہ, بھی, آپ کے براؤزر کی تشریح ہے.

ایک دوسرے کے ساتھ سی ایس ایس اور ایچ ٹی ایم ایل کا کام – HTML پیج کی ترتیب کرتا ہے, سی ایس ایس یہ اس کی روانی دیتا ہے. ایک گھر کی تعمیر کا تصور: ایچ ٹی ایم ایل مٹیالا لیکن ضروری لکڑی کے فریم ورک فراہم کرتا ہے, سی ایس ایس نیین رنگ اور quirky فرنیچر اضافہ کر دیتی ہے.

سی ایس ایس کو ایک خوبصورت براہ راست زبان ہے: ایک مخصوص HTML ٹیگ کے لئے (ایک پیراگراف کی طرح), آپ کو مختلف انداز کلاس کے لئے اقدار کی وضاحت کر سکتے ہیں. آپ کا براؤزر سی ایس ایس پڑھیں اور تمام کے ملاپ کے HTML ٹیگ کے لئے درخواست کرے گا. مثال کے طور پر:

P {

رنگ: ریڈ;

فونٹ سائز: 16پکسلز;

}

تو ہر پیراگراف (ایچ ٹی ایم ایل میں چیزیں <P> ٹیگز) پڑے گا ریڈ فونٹ اور ہو 16 سائز میں پکسلز. آپ نے محسوس تو, یہ آپ کو مائیکروسافٹ ورڈ میں استعمال کر سکتے ہیں ایک ہی سٹائل میں سے کچھ ہیں اور دوسرے پروگراموں.

تو اب آپ ویب صفحات رکھی ہیں اور وہ خوبصورت نظر. لیکن یہاں بات ہے: کہ وہ کیا کرتے ہے. وہ صرف وہاں بیٹھ کر اور خوبصورت نظر. عظیم اور تمام ہے جو, لیکن ویب کے صارفین کو زیادہ چاہتے ہیں. وہ پسند انیمیشن چاہتے ہیں. وہ پاپ اپ چاہتے ہیں (ٹھیک ہے, شاید وہ میں نے کیا 2002, لیکن میں digress.) وہ آپ کو ان پر کلک کریں جب چیزیں کروں گا کہ بٹن چاہتے ہیں.

کہ گزشتہ ایک کے بارے میں – کہ ایک مسئلہ ہے. آپ کو ایک کر سکتے ہیں <بٹن> HTML میں, اور تم سب کو ہفتے کلک کر سکتے ہیں, لیکن جلد ہی کسی بھی وقت کچھ بھی نہیں کر رہا ہے. آپ کے بٹن کے لئے چاہتے ہیں, اوہ مجھے نہیں معلوم, سکرین بھر میں اپنی ہاتھی منتقل اور کچھ حملہ, then you need something more.

جاوا اسکرپٹ کا

جاوا اسکرپٹ کا ہے نہیں مخفف, آپ سوچ رہے تھے. یہ جاوا کہا جاتا پروگرامنگ زبان کی طرح دیکھا کیونکہ وہ جاوا اسکرپٹ یہ کہا جاتا, یہ نہیں کرتا وجہ عجیب ہے. ویسے, جاوا اسکرپٹ کا ہے a proper programming language that causes all the dynamic effects آپ ویب پر دیکھ.

کسی بھی پروگرامنگ زبان کی طرح, جاوا اسکرپٹ کا ہے متغیر بنانے اور افعال کا استعمال کرتے ہیں حکم دیتا ہے کا ایک سلسلہ. جاوا سکرپٹ کے بارے میں ڈاؤن لوڈ، اتارنا حصہ (اچھی طرح سے, ایک پروگرامنگ زبان ہو سکتا ہے کے طور پر ڈاؤن لوڈ، اتارنا) آپ ان HTML عناصر تک رسائی حاصل کر سکتے ہیں (پیرا اور بٹن کی طرح) اور سی ایس ایس سٹائل (فونٹ کا رنگ اور سائز کی طرح) اور ان کو تبدیل. اس کوڈ کو دیکھو:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

This JavaScript code will find all the paragraphs on the page – the $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <P> element from HTML?) Then you can store the paragraphs to a variable, and the command the browser to change their color CSS style to blue.

What I find interesting (again, this is all from the viewpoint of a “webdev”) is how elegantly the three languages work together. جاوا اسکرپٹ کا یہ آخری سطر پیج کے HTML کے ساتھ بات چیت اور سی ایس ایس سٹائل کے لئے استعمال کیا. یہ ان زبانوں پر ایک ہی بات کے مختلف اجزاء ہیں نہیں ہے – وہ ایک ہی ہیں, اسی حیرت انگیز مشین کی مختلف اطراف.

دلچسپ آواز? میں یہ کرتا ہے. ویب کی خوبصورتی کا صرف ایک حصہ ہے.