[موسیقی بجانے] DAVID J MALAN: ٹھیک ہے، واپس کا خیر مقدم. یہ CS50 ہے. اس ہفتے کے سات کے آخر ہے. اور یہ کہ scavenger کے کے آخر ہے مسئلہ سے شکار چار قائم آپ کو یاد کر سکتے ہیں کہ. بحالی کے بعد عملے کے ان JPEGs، اگر آپ چاہتے ہیں تو آپ کو،، کو چیلنج کر رہے تھے کے طور پر کئی کے ساتھ اپنے آپ کو تصویر کرنا آپ کر سکتے ہیں کے طور پر ان لوگوں کی. ہم گذارشات کی ایک پوری چڑھانے ہے گزشتہ چند ہفتوں کے دوران، بے شک، بہت چند دائیں دوپہر سے پہلے آج، جن میں سے کچھ، یہاں ان لوگوں کے ہیں کو Annenberg like-- لگتا in-- یہاں پکڑ لیا یہاں دفتری اوقات میں ہال، ایک کے نک کے ساتھ الویل ہاؤس میں. یہاں Ramon کے فون پر پکڑا جا رہا ہے. یہ ایک CS50 دوپہر کے کھانے پر تھا. یہ جیسن ساتھ Skyping تھا ایک سے زیادہ تخلیقی سہپاٹھی، جو اس کے اس طریقے کو فون کیا. ہم اس میں تھا کیا نہیں جانتے. 

[ہنسی] 

DAVID J MALAN: لیکن کہ ایک گیگا بائٹ کے قابل ہے. یہاں چانگ، کون ہے لفظی مرحلے سے دور بھاگ گیا سے ایک کی تصاویر کے خوف سے دن، لیکن آخر میں پکڑا گیا تھا. یہاں نک ہے. یہاں نک ہے. یہاں نک ہے. اور یہاں ایلیسن نیچے کھیتوں کی طرف سے ہے. اور کیا Zamyla بھی پایا گیا ایک بال روم مقابلہ میں. تو ہم کے ذریعے جائیں گے ان تصاویر، پتہ لگا جو پیش کی سب سے زیادہ قدیم ترین، اور ثواب ایک شاندار انعام، کے طور پر رپورٹ میں وعدہ کیا تھا. اور ہم بھی کے بارے میں اپ کی پیروی کر لیں گے ملوث کیا گیا تھا کہ خلا. 

announcements-- تا دوپہر کے کھانے کے ایک جوڑے ، ایک بار پھر، 1:15 PM پر آج جمعہ ہے. تم ہمارے ساتھ کرنا چاہتے ہیں تو، یہاں اس URL پر RSVP. جیسن ایک سے یہاں پھر ظاہر ہوتا ہے سال کے حصوں میں سے ایک جوڑے واپس، جس میں ہوا ہالووین پر گر کرنے کے لئے. اور یقینا، اگر وہ ایک کے طور پر لباس پہنے ہوئے اس مخصوص سال قددو. آپ کو اس کے حصے دیکھنے کے تو ان سے 2011 کے حصے کی آٹھ، آپ کو جاننا ہو تو، CS50.tv پر، مجھے لگتا ہے کہ اس سال تھا جس میں ان ہوا پمپ کام کر رہا تھا. 

آپ کو تو دیکھتے ہیں 2012 ء میں اسی طرح کے سیکشن، آپ، زیادہ deflated کی اس جیسن دیکھ لیں گے سوٹ اب کوئی کام کیا کے بعد سے، جس کا کہنا ہے کہ کرنے کے لئے صرف ہے اس جمعہ، آپ چاہتے ہیں تو Daven ساتھ ایک قددو کاٹنا کرنے کے لئے پسند اور Gabe اور دوسروں، سروں پر RSVP cs50.harvard.edu پتے پر. یہ بہت مزہ ہونے کا وعدہ کیا. Daven، ہمیں بتایا، نککاشیدار ہے رہے ان کی زندگی کے تمام قددو. برازیل سے جبرائیل کبھی نہیں ہے ہالووین کے لئے ایک قددو نککاشیدار. وہ سیکھتا ہے تو ان کے ساتھ ہو جائے. 

سیمینارز، meanwhile-- لہذا آپ کو جلد ہی پتہ چل جائے گا کے بارے میں کیا ہماری توقعات کے لئے ہیں حتمی منصوبے، جس میں بنیادی طور پر نیچے ابلنا گی ڈیزائن اور پر عمل درآمد دلچسپی کے کسی بھی منصوبے کے لئے سب سے زیادہ منظوری سے مشروط ہی سہی آپ، اور آپ کی تعلیم فیلو سے راہنمائی. کے اختتام کے قریب سمسٹر، ہم ایک بڑی تعداد متعارف کرانے اختیاری کلاسیں ہیں جس سیمینارز، کا تعلیم کے ساتھیوں اور ہارورڈ کی قیادت میں عملے، بھر میں کورس کے دوست مختلف موضوعات پر کیمپس، کہ کرنے میں tangential ہیں کورس کی بنیادی نصاب لیکن باوجود قابل اطلاق، مزہ، اور ممکنہ آخری منصوبوں کے لئے مختلف. 

مثال کے طور پر، سب سے پہلے، اگر آپ چاہیں تو وہاں اس یو آر ایل پر، سر کو رجسٹر کرنے. اور اس کے لئے لائن اپ ہے اکیلے اس سال کے سیمینار. لیکن ہم کے درجنوں ہے کا احساس سال ماضی سے سیمینارز، جو تمام کی تمام سیمینار کے مینو میں جڑے ہوئے ہیں کورس کی ویب سائٹ کا اختیار. آپ کے بارے میں سوچ رہے ہیں تو اگر آپ کے آرام کے زون سے باہر جا یا کچھ نئے مہارت اٹھا، مثال کے طور پر، آئی فون پروگرامنگ سوئفٹ، ایک نئی زبان کے ساتھ اطلاقات ایپل یا مقصد سی سے یا Android اطلاقات یا پروگرامنگ [؟ کیو؟] روشنی بلب، یا موضوعات میں سے کسی یہاں اور اس سے زیادہ، کی وجہ سے چیک اپ رجسٹریشن کے صفحے سے باہر. 

تو ہم نے شروع کر دیا اور اس پر یہ نتیجہ اخذ کیا HTTP کی طرف دیکھ کے ساتھ پیر. اتنی جلدی refresher-- HTTP، ہایپر ٹیکسٹ ٹرانسفر پروٹوکول. لیکن وہ واقعی کیا مطلب ہے؟ کہ واقعی کیا مطلب ہے؟ کہ ایک ہاتھ ہے؟ میں تم سے صرف اپنے سر scratching رہے ہیں جانتے ہیں. لیکن تم HTTP کیا تجویز کرنا چاہتے ہیں؟ 

سامعین: کمپیوٹر کیسے [اشراوی] کے ساتھ بات چیت. DAVID J MALAN: میں آخری حصہ یاد کیا. کمپیوٹرز with-- چیت کیسے 

سامعین: انٹرنیٹ سرورز. DAVID J MALAN: انٹرنیٹ کے ساتھ Good-- سرورز، اور خاص طور پر، ویب سرورز. یاد ہے کیونکہ، کے ایک گروپ ہے انٹرنیٹ پر خدمات، جن میں سے کچھ آپ چیٹ کے درمیان روزانہ شاید کا استعمال اور پیغام، چیٹ، اور ویب، اور ای میل، اور طرح. اور HTTP صرف ہے پروٹوکول ویب براؤزرز کہ کے ساتھ بات چیت جب بات ویب سرورز، اور اس کے برعکس. اور میں ینالاگ انسانی دنیا، ہو سکتا ہے میں نے کچھ ہلا میرے ہاتھ میں توسیع دیگر انسانی کی اور وہ بڑھاتے ہوئے تسلیم کرتا ہے اس کا یا اس کے ہاتھ کے ساتھ ساتھ. تو یہ صرف ایک پروٹوکول ہے، کنونشنوں کی ایک سیٹ. 

اور وہ لوگ کنونشنوں واقعی کیا ہیں؟ ویسے، یہ صرف فوڑے نیچے آگے پیچھے پیغامات بھیجنے، ہم یہاں دکھایا گیا کے طور پر. اور طریقوں میں سے ایک جوڑے میں وہاں ہے جس سے آپ کو ان پیغامات بھیج سکتے ہیں. اور شاید سب سے عام حاصل کرنے کے طور پر جانا جاتا ہے. اور ہم نے اس کے برعکس نظر آئے گا اس سے پہلے طویل. 

لیکن ایک براؤزر سے حاصل کرنے کی درخواست سرور پر صرف اس کی طرح لگتا ہے. یہ کہتے ہیں کہ متن کا ایک گروپ ہے ایک مجازی لفافے کے اندر. کہ لفافے سے باہر تفصیلات کے ایک جوڑے کے ٹکڑے ٹکڑے جاؤ. کیا پر جانے کی ضرورت لفافے، تاکہ، بات کرنے کے لئے کی طرح ایک درخواست حاصل کرنے کے لئے ایک ویب سرور پر مجھ سے یہ؟ جی ہاں. 

سامعین: آپ کا IP پتہ. 

DAVID J MALAN: میرے IP پتہ سے میدان میں، تو بات کرنے کی، اور کورس کے، وصول کنندہ کا IP پتہ. لیکن ایک ویب پیکٹ کی صورت میں، ہم تھوڑا مزید تفصیل کی ضرورت یہ صرف کرنے کے لئے کافی نہیں ہے ایک سرور سے ایک لفافے بھیج، کہ سرور ہو سکتا ہے کیونکہ مختلف اقسام کے لئے سننا، انٹرنیٹ ٹریفک کی. تو اور کیا ہمیں ضرورت ہے کیا کرنا وصول کنندہ کا IP سوا؟ جی ہاں؟ 

سامعین: یہ ٹی سی ہے؟ DAVID J MALAN: اچھا. TCP-- 

سامعین: پتہ. 

DAVID J MALAN: پتہ، یا یہ کہا جاتا ہے پورٹ، کے طور پر. بند کریں، لیکن ایک TCP پورٹ نمبر. اور ان میں سے ایک گروپ ہے. لیکن یقینا سب سے زیادہ واقف ہونا چاہئے کے آخر میں پہلے سے طے شدہ ہے، جس میں 80 ہونا ایک ویب ٹریفک کے لیے استعمال کیا. اور ایک اور واقف جگہ سے جلد، 443 ہو جائے گا، جس محفوظ ویب کے لئے استعمال کیا جاتا ہے ٹریفک، HTTPS ساتھ شروع ہے کہ یو آر ایل. 

تو یہ کیا چل رہا ہے کہ لفافے کے اندر. اور حاصل / صرف، دے کا مطلب مجھے پہلے سے طے شدہ ویب کے صفحے. مجھے مشکل کی جڑ دے کہ ویب سرور پر ڈرائیو. اور امید ہے، ویب OK، ساتھ جواب دے گا سرور صرف جو ہے اور ان کی تعداد 200، تمام، ہاں، یہ کہتے ہوئے ایک کنونشن بے شک ٹھیک ہے. یہاں صفحہ ہے. ویب صفحہ کی قسم کی کی جا رہی ہے ٹیکسٹ ہو، لیکن زیادہ خاص طور پر، HTML، جس ہم واپس میں کودو کے بارے میں ہیں. اور ڈاٹ ڈاٹ صرف ڈاٹ اسباب، یہاں HTML ہے. اور یہ کہ کہاں ہے ہم آج کہانی اٹھا، اصل میں، HTML لکھ ہایپر ٹیکسٹ مارکاپ زبان، جس زبان ہے جس میں ویب کے صفحات میں لکھی جاتی ہیں. یہ ایک پروگرامنگ زبان نہیں ہے. کوئی افعال نہیں ہے یا loops یا حالات. یہ ایک مارکاپ زبان ہے، اس کے ساتھ ساتھ آج پھر دیکھیں، کہ آپ کی وضاحت کرنے کی اجازت دیتا ساخت اور stylize کے کس طرح جمالیاتی اعتبار سے ایک ویب کے صفحے. 

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

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

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

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

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

اور یقینا، ہم یہاں حق پر ہے ہم ایک ڈوم، D-O-M، دستاویز فون کروں گا کیا آبجیکٹ ماڈل، کہنے کی پسند ہیں طریقہ HTML کہ نمائندگی کرتا ہے کہ ایک درخت. اور HTML ہے کہ محسوس، ہم، کہیں گے ایک خاندان کے درخت، دو بچوں کی طرح. بائیں طرف کے سر ہے. دائیں طرف کے جسم ہے. 

اور صرف ایک مورھ سوچ مشق کے طور پر، سر، کورس کی، کتنے بچے ہیں اس ڈھانچے کے مطابق؟ تاکہ صرف ایک، title-- ہمارے پاس ہے اور یہی وجہ ہے کہ ہے عنوان سر سے جا تیر. لہذا اس میں اس شخص کے طور پر اگرچہ ہے خاندان کے درخت صرف ایک اولاد تھی. اور اس کے بعد عنوان خود کر سکتے ہیں بھی ایک بچے کو حاصل کرنے کے لئے کہا جائے. 

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

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

تو اس کے ساتھ ٹھیک ہے، آپ اب کی تعریف کریں گے، نے کہا یہ کافی یہ مورھ ٹیٹو کسی کو مل گیا. 

[ہنسی] 

DAVID J MALAN: ٹھیک ہے، اور اب اصل کودو اس کے ساتھ کچھ کر میں. تم وہ آخری بار یاد کر لیں گے میں CS50 آلات کے لئے کھول دیا اور میں جتنا کچھ کیا کھولنے gedit کے طور پر سادہ. اور میں بھی پر فائل کو محفوظ کر لیا میرے desktop-- کہیں special-- hello.html کے طور پر. 

تو مجھے ایسا دوبارہ hello.html کے درج کریں. اور اب اس فائل میں، میں جا رہا ہوں آگے بڑھو اور نقل تیار کیا اگر ہم saw-- DOC قسم HTML پھر میں جا رہا ہوں کھلی بریکٹ HTML بند بریکٹ کرتے. اور پھر میں نے اس preemptively کرنے جا رہا ہوں کھولنے اور ٹیگ بند. آخر کیوں؟ بس تو میں بعد میں مت بھولنا. اسے کھولنے کی طرح، صرف اچھی پریکٹس ہے اور تمام ایک بار میں گھوبگھرالی منحنی خطوط وحدانی بند کرنے. 

اور پھر اس کے بعد کیا آیا تھا؟ تم ٹیٹو پر سوچ سکتے ہیں. 

سامعین: سر. 

DAVID J MALAN: سر. اور پھر یہاں، میں نے عنوان تھا، مجھے لگتا ہے. اور عنوان، منمانے تھا ہیلو، دنیا قریبی عنوان. اور پھر یہاں نیچے، جسم، کی کورس پھر ہم جسم ٹیگ بند. اور پھر صرف کسی حد تک redundantly کا، مجھے یہاں نیچے ایک ہی بات تھی. 

تو میں نے اس کو ایک ویب صفحہ ہے کا دعوی ہے کہ. یہ کچھ ہے کہ اب ویب پر رہ سکتے ہیں، یہاں تک کہ کورس کی، اگرچہ، یہ لفظی ہے ابھی میرے ڈیسک ٹاپ پر رہنے والے. لیکن یقینا، میں gedit کو کم سے کم ہے تو، میں نے اپنے ڈیسک ٹاپ پر اس کے آئکن پر نظر آئے گا. اس آلے ہے، اگرچہ، آپ میک OS پر یہ کر سکتے ہیں TextEdit بغیر یا بھی نوٹ پیڈ کے ساتھ ونڈوز. 

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

لیکن یو آر ایل کو نوٹس. تم میں سے کوئی اس مخصوص اوپر ھیںچو سکتا ابھی آپ کے لیپ ٹاپ کے طور پر صفحے کے، یہاں تک کے اندر آپ کی اس یو آر ایل کے ذریعے آلے، فائل کیونکہ: // یہ اصل میں ہے کی طرف اشارہ کرتا میری فائل سسٹم پر، اپنی ہارڈ ڈرائیو، تمہارا نہیں. تو یہ ہے کہ تمام مفید نہیں ہے. 

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

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

تو آگے بڑھو اور اس کا فائدہ اٹھانے. میں آگے جانے کے لئے جا رہا ہوں اور ایک ٹرمینل ونڈو کھولنے کے. اور میں آگے جانے کے لئے جا رہا ہوں اور سب سے پہلے میں ہوں، اصل move-- اپنے ڈیسک ٹاپ پر تشریف لے کرنے کے لئے جا. میں LS کرتے ہیں تو، hello.html کے وہاں ہے. اور میں جا رہا ہوں آگے اور استعمال شروع ہم نے ایک نئی ڈائریکٹری آج سے پہلے استعمال نہیں کیا. 

hello.html-- میں منتقل کرنے کے لئے جا رہا ہوں مجازی hosts-- لئے ../vhosts کرنا پھر مستقبل اور میں اس پر مزید مقامی میزبان کے نام سے ایک ڈائریکٹری میں، تقریبا کے لئے دی عرفیت جو ہے کسی بھی کمپیوٹر، یہ ایک میک، PC ہے کہ آیا، لینکس کمپیوٹر، اور اس کے بعد یا خاص طور پر ایک ڈائریکٹری میں ہے کہ اگر ہم، عملہ پہلے ہی آپ جب کے لئے پیدا آپ کو بلایا آلے ​​ڈاؤن لوڈ عوامی. اور اس کا نام، کچھ بھی پتہ چلتا ہے I، اصول میں، اس فولڈر میں ڈال دیا اب ہونے جا رہا ہے عوامی، کم از کم لوگوں کو ایک براہ راست ہے جو میرے کمپیوٹر پر کنکشن. 

تو اب مجھے آگے بڑھو اور کہ ایک ہی ڈائریکٹری میں سی ڈی کرتے تو میں کیا دیکھ سکتے ہیں چل رہا ہے اور قسم LS. اور یقینا، کہ ہے وہاں میں صرف ایک ہی چیز. اب میں یہ ڈال دیا ہے کیونکہ یہ دعوی ایک ڈائریکٹری کے اندر hello.html کے دائر ایک ڈائریکٹری کے عوامی اندر بلایا ایک ڈائریکٹری کے اندر بلایا localhost کے نامی پر vhosts، جس CS50 عملے پر شکریہ ہونے کا پہلے سے تشکیل دیا گیا ہے اپنے ویب سرور کی جڑ، اب مجھے امید ہے کہ یہ کر سکتے ہیں. 

میں نے ایک نیا ٹیب کھولنے جا رہا ہوں. //: اور میں دائر کرنے نہیں جا رہا ہوں. مجھے اصل استعمال کرنے جا رہا ہوں HTTP / مقامی میزبان، جس پھر سے، عرفیت ہے میرے اپنے سرور کے لئے. اور پھر میں جانے کے لئے جا رہا ہوں کیا فائل کا نام ہے، صرف صاف ہو جائے؟ یہ کہانی شاید کہاں جا رہی ہے؟ hello.html کے. 

دوسرے الفاظ میں، میں اب اس کے لئے چاہتے ہیں میری اپنی کمپیوٹر، میرے اپنے آلے، ہے یہ ایک حقیقی سرور کے طور پر اگرچہ. اس کی عرفیت مقامی میزبان رہا ہے. لیکن مقامی میزبان کے بارے میں سوچ کی طرح کے طور پر Facebook.com google.com، جو کچھ بھی. یہ صرف اپنے مقامی نام ہے. اور اس کے بعد میں چاہتا ہوں کے فائنل میں ہے ہارڈ ڈرائیو کی جڑ، تاکہ، بات کرنے کے لئے یا ویب سرور کی جڑ، پھر سیدھا سلیش لہذا اور فائل کا نام hello.html کے. 

مجھے باہر زوم اور ہٹ میں داخل ہے. اور یقینا، اب میری ویب کے صفحے ہے. تو یہ تھوڑا سا مختلف ہے. اور یہ صرف اور underwhelming طور پر ہے. یہ پرانے ورژن ہے. مجھے واپس فونٹ کو چھوٹا. یہ پرانی ہے. یہ نیا ہے. لیکن بنیادی طور پر کیا ہو رہا ہے اب HTTP استعمال کیا جا رہا ہے ہے. 

چلو یہ تھوڑا سا زیادہ واضح یا بنا دو، ایک چھوٹا سا زیادہ پیچیدہ، اگر تم کروگے. مجھے سب سے نیچے دائیں میں چلتے ہیں اپنے آلات کے کونے. اور یہ سب اس نوٹس کہ وقت، ایک بڑی تعداد وہاں گیا ہے. کہ منفرد ایڈریس ہے آپ CS50 آلات کا. یہ، ایک نجی پتہ ہے 172،16 طرف سے تقاضا، جس میں صرف صرف آپ کو جسمانی طور پر مطلب ہے کہ اس ویب سرور تک رسائی حاصل کر سکتے ہیں. سب کچھ firewalled جاتا ہے اور اچھی طرح باقی سے محفوظ اس کی وجہ سے دنیا کی سے خطاب. 

میں نے کرنے کے لئے جانا اور اگر اب اگرچہ نوٹس، میرے آلے میں اس ایڈریس،، لیکن میک OS-- میں میں جا رہا ہوں یہاں پر واپس جانے کے لئے. یہ اب میرا میک ہے. اور اب میں اپ کو کھولنے کے لئے جا رہا ہوں یہاں کروم کے اس ورژن. اور میں نے HTTP پر جانے کے لئے جا رہا ہوں: //172.16.25 / اور میں rest-- 133 میں بھول جاؤ. 

تو میں نے اپنے میک سے دورہ کرنے جا رہا ہوں کہ آئی پی ایڈریس درج /hello.html. اور اب میں اپنے میک سے دیکھ میرے CS50 آلات ہے کہ، کون ہے IP پتہ ہے کہ تعداد، یقینا برتاؤ کر رہی ہے انٹرنیٹ پر ایک ویب سرور کی طرح. یہ کرنے کے لئے ایک اچھا آسان نہیں ہے Facebook.com طرح نام یاد، لیکن یہ HTTP استعمال کرتے ہوئے ہے بظاہر، اگرچہ کروم قسم دنیا کو آسان بنانے کر رہا ہے ہمارے لئے بلکہ HTTP ہم نہیں دکھا. لیکن یہ واقعی بالکل وہی ہے. کروم کچھ بچا رہا ہے ان دنوں اسٹروکس. اور یہ کہ ہم اب دیکھتے ہیں کیا ہے. 

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

اگر میں قسم LS اب دیکھو ان تمام فائلوں میں میں نے تقسیم کیا ہے کہ آج سے پہلے میں کورس کی ویب سائٹ، جن میں سے ایک اب بھی hello.html کے ہے. تو یہ ایک نہیں ہے. اور اس پاگل سے ایک یاد گزشتہ time-- cat.jpg سے. تو مجھے یمبیڈ کرنے کی کوشش کریں میری ویب کے صفحے کے اندر cat.jpg. 

میں آگے جانے کے لئے جا رہا ہوں اور، cat.jpg کرتے بچا. مجھے کروم میں واپس جانا ہے. اور مجھے میں زوم فونٹ اور اب دوبارہ لوڈ. افوہ، میں نے یہ جہاں ڈال دیا؟ Standby-- میں اب بھی پرانے پڑے میرے ڈیسک ٹاپ اوپن سے ورژن. تو میری، مجھے میرے پر vhost میں جانے مقامی میزبان، میرے عوامی، اور hello.html کے. تو اب مجھے آگے بڑھو اور جسم کے اندر cat.jpg کہنا میں چاہتا ہوں جہاں اسے بننا مظاہرہ کیا اور دوبارہ لوڈ کریں. بالکل، یہ درست نہیں ہے. 

لہذا میں براؤزر کو تھوڑا بتانے کی ضرورت ہے اور جان بوجھ کر میں نے اسے کیا کرنا چاہتے ہیں. بس نام ہے ٹائپ ظاہر ہے کافی نہیں. تو ایک اور نہیں تھا کہ یاد ٹیگ، تصویر، مختصر کے لئے IMG. یہ صرف انسانوں کیونکہ قسم مکمل الفاظ کو پسند نہیں کرتے. اور پھر ہم = "cat.jpg" ذریعہ ایسا کر سکتے ہیں. 

اور اب میں کیا کرنے جا رہا ہوں یہاں ایک بات مختلف. یہاں تک کے تمام اگرچہ ہمارے ٹیگز کو ابھی تک ہے ایک کے اس تصور تھا شروع ٹیگ اور ایک آخر کے ٹیگ، کہ واقعی نہیں بناتا ایک تصویر کے لئے احساس، حق؟ ایک تصویر یا تو وہاں ہے یا نہیں ہے. اور اسی طرح انسانوں کے آئے ہیں ایک آسان کنونشن کے ساتھ. آپ ایک ٹیگ ہے کہ جب دونوں شروع کریں اور اسی time-- پر ختم یہ تو صرف speak-- کرنے، خالی ہو سکتا ہے ٹیگ کے اندر سیدھا سلیش ڈال بہت آخر میں. اب مجھے اپنے براؤزر میں واپس چلتے ہیں. کو دوبارہ لوڈ کریں ارے، کچھ غلط کی ہٹ. آپ نے شاید اس کو دیکھا ہے کبھی کبھار میں ویب پر، یہاں تک کہ اگر یہ آپ کی غلطی نہیں ہے. یہ ویب سرور کی غلطی ہے. کیا odes اس بات کی نشاندہی کرنے لگ رہے ہو؟ یہ ٹوٹ گیا ہے. تصویری تعلق رکھتا ہے جہاں ہے. جی ہاں؟ 

سامعین: لیکن ایسا نہیں ہوتا تصویر کو رسائی حاصل ہے. 

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

hello.html کے ہے ایسا لگتا ہے یقینا OK، اس وجہ سے 200. لیکن cat.jpg 403 ہے. تو یہ ایک 404 نہیں ہے. فائل شاید موجود ہے. 403 حرام کا مطلب. تو یہ تھوڑا سا مبہم ہے. میں واپس جا رہا ہوں میرے ٹرمنل ونڈو. مجھے یہاں میں زوم. اور مجھے ایک LS کرتے ہیں. انہی فائلوں ہے. 

اب مجھے ایک LS-L کرتے ہیں، آپ شاید ہے جس فائل پر نظر کرنے سے پہلے استعمال کیا سائز شاید یا ٹائم اسٹیمپ. اور ہم نے ایک مکمل جھوبڈ دیکھیں زبردست معلومات. لیکن چند تفصیلات محسوس. یہاں hello.html کے اس میں کیا ہے یہاں صف اور یہاں cat.jpg ہے. اور یہ کیا جا رہا ہے صرف آلات ہے JPEG کے اجاگر کرنے کی طرف دوستانہ صارف اس طرح جامنی رنگ میں. لیکن اور کیا سوا مختلف ہے فائل کے سائز اور فائل کا نام؟ 

سامعین: [اشراوی]. DAVID J MALAN: جی ہاں، وہاں ہے چلو یہاں پر مزید دو ر. hello.html کے کیا ہو رہا ہے اس پر غور کیجیے. لہذا اس کا نام ہے کہ باہر کر دیتا ہے اس ڈائریکٹری عوامی اہم ہے. اس ڈائریکٹری میں کچھ بھی عوامی ہونا مراد ہے. لیکن یہ کافی نہیں ہے صرف وہاں میں فائلوں کو چھوڑ کرنے کے لئے. آپ کو بھی تبدیل کرنے کی ضرورت فائلوں کا موڈ، کی اجازت تبدیل فائل مستعدی سے نہیں کرنے کے لئے فطری ترتیب ہو جائے، جس میں صرف میں پڑھ سکتے ہیں ہے اور میں مالک ہونے کی وجہ سے، یہ لکھ. میں پوری دنیا نے سب کے لئے چاہتے ہیں تو بات کرنے کی، میری فائل پڑھنے کے قابل ہونا. صرف یہ دیکھنے کا مطلب پڑھیں. 

اور یقینا، جیسا کہ آپ کو اس مسئلہ میں دیکھ لیں گے سات مقرر، کہ کیا ان R کے مطلب ہے. ان دو ر کے مطلب سب دو اور دنیا میں بھی، اسے پڑھ خاص طور پر اب کہ یہ اس ڈائریکٹری میں. تاکہ اس کو حل کرنے کا آسان ترین طریقہ یہ ہے کہ میری فوری طور پر جائیں اور تبدیلی کے لئے CHMOD کرتے موڈ اور پھر، یکسر، ایک + R کرتے ہر کوئی، پڑھنے کے لئے تمام، پلس ر، اور پھر cat.jpg درج. کچھ نہیں، ایسا لگتا ہے جو عام طور پر ایک اچھی بات کا مطلب. اب دوبارہ تو LS-L کی cat.jpg کو دیکھو. اور اس کی اجازت تبدیل کر دیا ہے لگ رہے ہو. جیسے ایک طرف ایک، آپ کو بنانے کے اگر ایک غلطی اور آپ کو، مثال کے طور پر، صرف میں نے مضمون know-- نہیں کرتے your-- بنایا عوامی سطح پر حادثے کی طرف سے قابل رسائی، آپ کو مخالف بھی کر سکتے ہیں، ایک پی آر سے chmod. واضح طور سے، اگرچہ، یہ نہیں کرنا چاہئے عوامی ڈائریکٹری میں ہونا ویسے بھی اس میں تشویش ہے تو. 

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

مجھے طاقت ہو، مثال کے طور پر کچھ اس طرح کرتے. کے لئے لنگر href کی کے لئے ایک ہائپر ریفرنس برابر اور ایسا صرف کچھ کرتے ہیں www.google.com قریبی طرح بند بریکٹ حوالہ. اور اب بلیوں کے لئے تلاش. قریبی اینکر ٹیگ. تو یہ صرف ایک ہی قسم کا ہے کی بنیادی طور پر نئی تفصیل سے. کورس کے ٹیگ، مختلف ہے. یہ لنگر کے لئے نام سے ایک ہے href کی یا ہائپر ریفرنس. 

لیکن زیادہ اہم بات، وہاں ہے یہاں اس نحوی خصوصیت. یہ ہم بلا شروع کروں گا کیا ہے نہیں ایک ٹیگ، لیکن ایک خصوصیت. اور ایک وصف کچھ ہے کہ ایک ٹیگ کے رویے ترمیم. اور اس وصف، href کی، ذرائع اس اینکر کے رویے پر نظر ثانی ، اسے کلک کیا ہے تاکہ جب یہ یہاں اس یو آر ایل کو جاتا ہے. اور ظاہر ہے، اس یو آر ایل گوگل ہے. 

دریں اثنا، یہ کیا ہونے جا رہا یہاں متن؟ خیر، یہ ہونے جا رہا ہے کیا اصل میں انسان زور کے طور پر دیکھتا ہے لنک، کہ جتنا آسان. تو اس کی کوشش کرتے ہیں. مجھے اس کو بچانے کے ہیں. میں hello.html میں اب بھی ہوں. لیکن آن لائن ورژن میں، آپ دیکھیں گے ہم اصل فائل کے نام پہلے سے تیار. مجھے آگے بڑھو اور دوبارہ لوڈ کریں. اور اب یہ ایک بہت ہے اب بھی underwhelming کے صفحے. لیکن میں نے اوپر ہوور تو وہاں اور یہ، ایک چھوٹا سا چھوٹا ہے but-- آپ نیچے میں دیکھ سکتے ہیں آپ کی سکرین کے بائیں کونے، یہ واقعی google.com پر جا رہا ہے. میں نے اس کو کلک کریں تو، یہ ہو گا مجھے اصل گوگل کو جس طرح whisk ایک. 

لیکن ایک موقع کے لئے یہاں نوٹس صرف ایک طرف ایک استحصال،. اور ہم دوسرے کے لئے واپس آ جائیں گے طویل عرصے سے پہلے سیکورٹی کے مسائل. اس سے وجود میں ائی ہے کیونکہ تم جاؤ اور تم کہتے ہو، جہاں کے درمیان، آپ کی طرح کچھ کر سکتا ہے this-- http://www.google.com. OK، اور اب میں دوبارہ لوڈ تو اس صفحے کو بچانے کے بعد، میں نے گوگل پر جانے کے لئے جا رہا ہوں ایسا لگتا ہے. لیکن کوئی وجہ نہیں ہے کہ میں صحیح، گوگل میں جانا ہے؟ میں اصل میں کی طرح کچھ کے لئے جا سکتے badguy.com، یہاں پر صفحہ دوبارہ لوڈ کریں. اور نوٹس، یہ اب بھی گوگل کی طرح لگتا ہے. اور میں تیز ہوں صرف اس صورت میں یہاں پر ہوور کے لئے کافی میں نے یہ بھی جا رہا ہے دیکھتے ہیں ایک مختلف جگہ میں جائیں. 

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

اور کہیں زیادہ وہاں ہے اس سے دھمکیاں. اصل میں، یہ تھوڑا سا ہے ایک مماس کے اب، لیکن ایک بہترین والوں میں میں نے کبھی دیکھا جس کے بعد سے، بند کر دیا گیا ہے کسی کی قیادت میں لوگوں کو ہے اس کا کہنا ہے کہ نام نہاد to--، میں لاگ ان کے لئے یہاں کلک کریں آپ اکاؤنٹ، ایک بینک اکاؤنٹ. اور یہ مغرب کا بینک تھا. 

کسی کو تو یہ خریدا. اور یہ دیکھنے کے لئے ایک تھوڑا آسان ہے ایک مونو پر spaced فونٹ میں اس یکبر 30 فٹ کے پروجیکٹر پر میں. لیکن یہ چھوٹے فونٹ ایک میں ہے جب آپ حاصل کر رہے ہیں کہ ای میل، اس bankofthewest.com طرح لگتا ہے، نہیں bankofthevvest.com، جس کسی کو خریدنے کے لئے 10 ڈالر ادا کیا تھا. اور پھر اس کے لئے ان کی قیادت کی کچھ بری ویب سائٹ کے برابر. 

اور تم اصل میں ہم کیا کر سکتے too-- دیکھ لیں گے مجھے اصل ویب سائٹ پر جاتے ہیں this--، bankofthewest.com، دوبارہ، آخری بار سے یاد یہ ان کے ویب کے صفحے ہے کہ اگر اور آپ، یہ کام کرتا ہے کس طرح جاننا ہو آپ کو یقینی طور پر جا سکتے ہیں کروم کے ڈویلپر کے اوزار. اور تم سب کو دیکھ سکتے ہیں HTML اچھی طرح وہاں سے فارمیٹ. 

لیکن بات کرنے کے لئے زیادہ، اگر آپ کے قریب دو cam-- آپ صرف مسودہ پر جا سکتے this-- ڈیولپر کا مشاھدہ ماخذ. کیوں میں نے صرف کاپی نہیں کرتے اس کے سب کے اور پھر میں میرے چھوٹے gedit کے کھڑکی میں جا سکتے ہیں یہاں اور اپنے اپنے ویب صفحہ بنانے کے. hello.html کے میں اس کو محفوظ کریں. اور شاید اس، کو توڑنے کے لئے کی جا رہی ہے یہ عام طور پر یہ آسان نہیں ہے کیونکہ. لیکن میں پر میرے اپنے صفحہ دوبارہ لوڈ کریں اب تو ، CS50 آلات اور ہٹ دوبارہ دیکھیں میری اپنی OK، کچھ چیزیں ٹوٹ گیا. لیکن میں رکھنے کے بہت قریب ہوں میرے اپنے بینکنگ ویب سائٹ، ہے نا؟ اس کی سب کو HTML 

[ہنسی] 

DAVID J MALAN: --I اصل اور اپنی نہیں تھی کسی کو وہاں سے باہر ہے جو جانتے ہیں اصل میں بھی ان لنکس پر کلک کریں گے. تو واضح طور پر، کچھ چیزیں ٹوٹ گیا. لیکن اس کی قیادت کرنے کے لئے جا رہا ہے ایک بحث میں ہمیں، بیکار میں صحیح اب، کے طور پر کیا سی ایس ایس، جھرن کاری سٹائل شیٹس،، ہیں اور کس طرح آپ کو اصل میں دوسرے HTML فائلوں کو ڈاؤن لوڈ اور JPEG GIF فائلوں فائلوں کہ ویب سائٹ کا استعمال کرتے ہوئے کیا جا سکتا ہے. لیکن سب اس پر accomplishable ہے ہے. لیکن یہ واقعی فوڑے نیچے ان بہت سادہ heuristics. 

تو اب صرف ایک ذریعے ملائی دیں HTML کے دیگر مثالوں کے جوڑے صرف آپ کو ایک احساس دینے کے لئے آپ کر سکتے ہیں اور کیا. مثال کے طور پر، اس list.html ہے. میں نے ایک ویب صفحہ بنانے کے لئے کرنا چاہتا تھا کواڈ میں گھروں کی ایک فہرست کے ساتھ. میں بے ترتیب کے لئے شیخ الاسلام ٹیگ استعمال کر سکتے ہیں فہرست اور اس کے بعد فہرست کی اشیاء کا بچہ اور پھر، over-- یا فہرست iterate کے سوال میں مکانات rather--. 

میں نے اس کے لئے کھولنے اور اگر، یہ کرتے ہیں. کی hello.html کے لئے نہیں جانے دو، لیکن list.html کرنے. ارے. میں یہ کس طرح ٹھیک کروں؟ یہ درست ہے، پہلے کی طرح ایک ہی مسئلہ ہے؟ تو مجھے chmod-- oops-- کرنے دو CHMOD A + list.html کے آر. اور اب میں نے اپنے براؤزر میں واپس جانا ہے تو اور دوبارہ لوڈ کریں پر کلک کریں، وہاں ہے. تو کیا تم نے کبھی بنانے کے لئے چاہتا ہے، تو ایک شق وار فہرست، آپ یہ کر سکتے. آپ کو سپر پسند بننے اور بنانے کے لئے چاہتے ہیں، تو ایک حکم دیا کی فہرست، نہیں ایک بے ترتیب فہرست، ، پرانے کے لئے ان لوگوں کو تبدیل صفحہ دوبارہ لوڈ کریں، اور اب براؤزر آپ کے لئے یہ تعداد میں ہوں گے. 

ہم اور کیا کر سکتے ہیں؟ ویسے، others-- کے ایک جوڑے کی ہے تو آپ text-- کی طویل پیرا مل گیا ہے مثال کے طور پر، کچھ اس طرح لاطینی متن اور آپ کو علیحدہ پیراگراف میں یہ چاہتے ہیں، کھلی P، پیراگراف ٹیگ کے لئے قریبی P. اور بار بار یہ کرتے ہیں. اور میں اب اس فائل کو کھولنے، paragraphs.html، ٹھیک ہے، یہ پریشان ہو رہی ہے. تو اب ہم صرف کرنے کے لئے واپس جانے دو میری فوری طور پر، ایک + R R کے سٹار سے chmod .html-- ایک اچھا تھوڑا وائلڈ کارڈ تو بات کرنے کی. یہ سب کے سب ٹھیک کرنا چاہئے میرے لئے ان کے مسائل. کی دوبارہ لوڈ کرتے ہیں. تین پیراگراف وہاں ہے. 

اور اب آگے بڑھو اور ایک دوسرے کو کھولنے. کس طرح ٹیبل کے بارے میں؟ آپ کو میز دکھائی دیتی محسوس کریں گے تھوڑا سا زیادہ پیچیدہ. لیکن یہ ایک ہی idea-- ہے کھلی ٹیگ، کھلی ٹیگ، کھلی، کھلے، کھلے، بند ٹیگ، کھلی ٹیگ. اور ان کے لئے کھڑے ہو جن کی سرحد ٹیبل، بظاہر ہے موٹائی ہونے جا رہا 1-- جو کچھ بھی کہ means-- میز قطار، ٹیبل ایک سیل جس کا مطلب ہے کے اعداد و شمار،. اور میں نے اپنے براؤزر میں واپس جانا ہے تو یہاں اور table.html کے پاس جاؤ، تم سے کچھ دیکھ سکتے ہیں اس طرح، بینکر. لیکن ہم نقطہ سے ملے گی جہاں ہم اصل میں یہ کر سکتے ہیں اس سے چیزوں کو خوبصورت بنانے کے. 

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

یا پھر آپ کسی بھی آن لائن دیکھ سکتے ہیں HTML کس طرح کام کرنے کے طور پر وسائل، اور آپ کو ایک ہے کہ وہاں دیکھ لیں گے Other کی تلاش کے پورے ذخیرہ الفاظ. لیکن سادہ ذہنی ماڈل کے ساتھ کہ اکیلے آپ کو کھولنے کے تقریبا کسی بھی ٹیگ واقعی، اس میں بند کرنا پڑا خود سکھانے کے لئے کافی ہے HTML کے بعد سمجھ میں ٹیگز کی ان بنیادی خیالات صفات اور اچھی طرح formedness اور ہم کے بارے میں بات کی ہے کہ، ہم کھل سکتا ہے کہ بند ہونے میں کچھ بھی تاکہ ہم ایک براؤزر کو الجھانے نہیں ہے. تو اب کے لئے اس لے جانے دو اس سے زیادہ دلچسپ سطح اصل پر جا کر. اور چلو اپنے میک پر چلتے ہیں یہاں، google.com پر. اور اب نوٹس ایسا کرنے دو. میں نے کرنے کے لئے جانے کے لئے کی گھنٹی ہوں سیٹنگیں، تلاش کی ترتیبات. میں نے اس پریشان کن فوری بند کرنا چاہتے ہیں نتائج چیز جہاں اسے فوری طور پر آپ کی ٹائپنگ پر رد عمل شروع ہوتا ہے. کی تو یہ بڑی عمر کے اسکول کرنے دو ہم اصل میں کیا ہو رہا ہے کو دیکھنے کے. 

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

لمحے میں یو آر ایل میں یہ وہ جگہ ہے، صرف google.com. اور تکنیکی طور پر، یہ سلیش ہے. گوگل صرف ایک کردار ہے بچانے اور ہمیں دکھا کہ نہیں. وہ صرف، ہمیں HTTPS دکھا رہے ہیں ہم ہیں کہ سپر یقین بننا ایک محفوظ یا مرموز صفحے پر. 

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

اب مجھے دوبارہ داخل کرنے ہیں. گوگل اب بھی کام کرتا ہے ایسا لگتا ہے. لہذا کسی وجہ کے لئے، وہ ایک کا اضافہ کر رہے ان یو آر ایل کی طرف سے پہلے سے طے کرنے کی چیزیں بہت. لیکن یہ سختی کی ضرورت نہیں ہے. لہذا اس کے بارے میں اچھی کیا ہے؟ ویسے، مجھے آگے بڑھیں اور کروم کے انسپکٹر کھول. اس کے لئے ایک چھوٹا سا ماؤس کی شارٹ کٹ نہیں ہے. 

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

اور ان میں سے سب کو نوٹس جو صرف شائع قطار. یہ کسی دیئے گئے ویب میں پتہ چلا ہے کہ صفحہ، صرف ایک فائل سے ہی ہو سکتا involved-- hello.html-- یا وہاں اس صورت میں کے طور پر، 52 ہو سکتا ہے. جب میں کا دورہ google.com، بظاہر، اپنے براؤزر 52 علیحدہ HTTP درخواست بند کک. ایسا کیوں ہے؟ 

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

میں پر توجہ مرکوز ہے لیکن اگر یہاں نوٹس پہلی ترو، سرچ بلیوں، یقینا یہ HTTP 1.1 استعمال کرتے ہوئے ہے، کہ نوٹس. اور بدقسمتی سے، گوگل حق اب ورژن 39 میں کروم ہے نیچے dumbing چیزوں کی قسم اور ہمیں اصل ہیڈر نہیں دکھا. لیکن کیا واقعی بھیجا گیا تھا میں ایک درخواست ہے سلیش کے لئے نہیں، لیکن / تلاش ق =؟ بلیوں. 

اب، یہی وجہ ہے کہ اہم ہے؟ ٹھیک ہے، میں اندازہ کرنے جا رہا ہوں اس سے ہے کہ اگر آپ گوگل اس فارم کو، کیوں کے سوالات کی حمایت میں نے خود اپنی تلاش کو لاگو نہیں کرتے CS50 کے لئے انجن، لیکن صرف سامنے آخر، صرف گرافیکل یوزر انٹرفیس. اور ہم واپس آخر آاٹسورس کر لیں گے، اصل کی تلاش گوگل کو اس کے نتائج. 

لہذا میں یہ کس طرح کر سکتے ہیں؟ ویسے، مجھے یہاں کے gedit میں جانے دو. اور مجھے آگے بڑھو اور کھول دو اپ،، کا کہنا ہے کہ ایک نئی فائل دیں. اور میں اس کو بچانے کے لئے جا رہا ہوں عارضی طور پر تلاش 0.html طور. اور پھر آخر میں، ہم روزہ کروں گا اگے ہوئے میں ایک پہلے سے تیار. 

اور میں جا رہا ہوں فوری طور پر DOC قسم کوڑا HTML کھلی بریکٹ HTML بند بریکٹ HTML. پھر میں نے سر کرنے جا رہا ہوں قریبی سر کھلا عنوان CS50 بجائے گوگل کے تلاش کی تلاش. یہاں ذیل میں آپ کے پاس جا رہا ہوں جسم، یہاں نیچے بند جسم. اور اب میں CS50 تلاش کی ضرورت ہے. اور اصل میں، چلو مرحلہ بہ مرحلہ اس کی تعمیر. میں آگے بڑھو اور اس کو بند کرنے اور کرنے جا رہا ہوں اصل میں میرے عوامی ڈائریکٹری میں ڈال. تو مجھے صرف ایک پل دے. میں جا رہا ہوں تلاش 0.html-- temporally search.html اسے فون. میں نے اسے ایک + R search.html سے chmod کرنے جا رہا ہوں. اور اب میں اس کو کھولنے کے لئے جا رہا ہوں. ٹھیک ہے، کہ روزہ تھا تو. لیکن مقصد صرف تھا نقطہ پر حاصل کرنے کے لئے اس متن رکھنے کا نامی search.html دائر. ابھی تک پر نظر کرنے کی اتنی زیادہ نہیں. بے شک، میں نے اپنے براؤزر میں جائیں، اور اگر یہ ہے کہ یہ سب ہے، search.html کے پاس جاؤ. لیکن آپ کو پتہ ہے کیا؟ مجھے تھوڑا fancier ہو سکتا ہے. میں ہے کہ وہاں ایک کتاب میں پڑھا ایک سرخی ٹیگ H1 بلایا. اور میں آگے جانے کے لئے جا رہا ہوں اور کہ کھلی H1 اور قریبی H1 کا استعمال. صفحہ دوبارہ لوڈ کریں. اور اب یہ، بڑا اور bolder ہے نہیں سب سے دلچسپ ہے کہ، لیکن کم از کم یہ ساخت زیادہ دلچسپ. لیکن اب مجھے ایک اور ٹیگ متعارف کرانے. ایک فارم ٹیگ ہے باہر کر دیتا ہے. اور مجھے اس ٹیگ کو بند. اور یہ بدل جاتا ہے وہاں ایک ان پٹ ٹیگ ہے کہ ملاقات کی قسم وصف، ہے جس میں میدان کے ڈیٹا کی قسم ہے، اگر تم کروگے. اور قسم کے متن کی جا رہی ہے. اور اس کی قیمت جا رہی ہے CS50 تلاش بننا. قریبی ٹیگ. اور کا کوئی تصور ہونا وہاں جا رہا ہے کھولنے اور علیحدہ ٹیگز کے ساتھ بند. 

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

لیکن اس کے ذیل میں، میں چاہتا ہوں ان پٹ کی قسم ایسا کرنے = جمع کروائیں. اور اس قیمت CS50 تلاش ہو جائے گا. اور ہم میں کیوں نظر آئے گا اس کے لئے قیمت منتقل کر دیا گیا. مجھے دوبارہ لوڈ کریں جب، میں اب ہے لگ رہے ہو میری اپنی تلاش کا آغاز انجن، سپر بینکر، واضح طور سے، اگرچہ، یہ بات ہے کی طرف سے نہیں ایک دور پھینک کیا Google کا ڈیفالٹ پیج کی طرح دکھائی دیتی ہے. 

اب میں یہاں جانا ہے تو، میں اندر ٹائپ کر سکتے ہیں بلیوں اور امید ہے کہ تلاش پر کلک کریں. لیکن میں کافی، ابھی تک نہیں کر رہا ہوں میں لاگو نہیں ہے کیونکہ، ظاہر ہے، ایک ڈیٹا بیس. میں کرال نہیں کی ہے تلاش کے نتائج کے لئے ویب. تو میں نے گوگل کو کہ آاٹسورس کرنے کی ضرورت ہے. تو کس طرح میں یہ کر سکتا ہوں؟ 

سب میں سے اچھی طرح، سب سے پہلے شامل کریں اور کارروائی کرنے کی ضرورت ہے میرا فارم ٹیگ بات منسوب ہے کہ http://www.google.com/search ہے. اور میں جانتا ہوں کہ صرف کرنے سے قریب سے دیکھ کر inferred کیا ان یو آر ایل پر. اور اب ایک اندازہ. کیا چاہئے اس متن والے فیلڈ ہے شاید ہم آئے جہاں پر مبنی، بلایا جائے پہلے سے؟ 

سامعین: Q. 

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

مجھے بلیوں اور کلک میں ٹائپ کریں تلاش اور جانے دو CS50، مجھے whisked کیا جائیگا کو نوٹس دور اصل گوگل کو. اب، گوگل نے ایک چھوٹا سا جا رہا ہے کہ وہ اور 'میں پریشان ایک اضافی پیرامیٹر appending کی، آپ یو آر ایل پر، اگر. کہ سب کیا ہو رہا ہے خود کار طریقے سے گوگل کی طرف پر. 

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

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

لیکن یہ کورس کے، یہ بہت ڈراونا ہے. تو مجھے اصل میں کھول دو ایک تھوڑا سا بہتر ورژن. یہ میں میں تیار ایک ہے کہ کچھ تبصرے ہیں آگے بڑھانے کے. لیکن آپ کو اس میں دیکھتا ہوں بہت زیادہ یہ recreated. تو یہ پہلے ہی آن لائن دستیاب ہے. اور میں جانتا ہوں کہ preemptively ہوا صرف آسان رکھنے کے لئے HTTPS کے پاس جاؤ. 

اور اب ایک کھول دو اس کے اگلے iteration. 1 ورژن کی بجائے 0 ہے. کیا کے طور پر تھوڑا سا تم پر باہر چھلانگ اس مثال میں مختلف؟ 

سامعین: [اشراوی]. 

جی ہاں، اس کے متن سیدھ مرکز موجود ہے. یہ یہاں ایک چھوٹا سا عجیب ہے. لیکن یہ واقعی نئی ہے. اور ہو سکتا ہے ہونے جا رہا ہے سوچو کیا. میں اب اپنے براؤزر پر جاتے ہیں اور، تلاش 1.html دورہ یہ تقریبا ایک ہی بات ہے. لیکن اس کے لئے ایک قدم قریب ہے زیادہ خوبصورت ایک چھوٹی سی ہونے. یہ اب بھی بدسورت ہے، لیکن ہے کہ میں خوبصورت کم از کم سب کچھ اب مرکوز ہے. 

تو یہ میں نے کیا استعمال کر رہا ہوں کہ باہر کر دیتا دوسری زبان یکسر کہا جاتا ہے سی ایس ایس، جھرن کاری سٹائل شیٹس. اور سی ایس ایس، واضح طور سے، قسم ہے کی، میری ذاتی رائے میں، ایک atrociously ڈیزائن زبان. یہ یاد رکھنا بہت پریشان ہے تمام مختلف تفصیلات. لیکن یہ stylizes کیا ہے پورے دنیا بھر میں ویب پر آج. میں نے کسی کو ناراض کیا. ٹھیک ہے. تو یہاں واپس جاؤ اور دیکھتے ہیں کس طرح ہم اصل میں اس کا استعمال کر رہے. اور یہ کم از کم یہ ہے، باہر کر دیتا ہے اصل میں ایک بہت سادہ زبان. یہ صرف کلیدی قدر جوڑوں، خواص ہے اور اقدار، خصوصیات اور اقدار. درحقیقت، یہاں ایک ہے ایسی خاصیت اور قیمت. 

بس سٹائل کا استعمال کرکے میرے جسم کے ٹیگ پر منسوب اور یہ ایک کی ایک قیمت دے لفظ قولون اور ایک اور لفظ، یا ایک جائیداد اور ایک قدر، میں جمالیات متاثر کر سکتا ہے ویب پیج، نہیں کے ضروری نہیں کہ ابھی تک کی ساخت، لیکن یہ کی جمالیات. اور صرف ارد گرد Googling کی طرف سے، مجھے احساس کہ سی ایس ایس، جھرن کاری سٹائل شیٹس، کے نام سے ایک جائیداد کی حمایت جس کی قیمت متن سیدھ، یہ کر سکتے ہیں مثال کے طور پر،، دائیں، یا مرکز چھوڑ دیا جائے. 

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

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

میں نے اس فائل کو لوڈ کرتے ہیں تو، search2.html، آخر نتیجہ ایک جیسی ہے. لیکن یہ بہتر ڈیزائن کی طرف ایک قدم ہے. اس سی ایس ایس باہر فیکٹرنگ کی طرف سے، میں نے اپنے HTML کے ساتھ یہ commingled نہیں. ہم دیکھیں گے کے طور پر اور یقینا،، میں کر سکتا ہوں ان کی خصوصیات اور اقدار کو دوبارہ استعمال. میں نے کے bunches بنانے کے لئے چاہتا تھا، تو میری ویب کے صفحے کے مختلف حصوں مرکوز، میں نے سٹائل = متن سیدھ ٹائپ کرنے کی ضرورت نہیں ہے سب جگہ مرکز. میں نے ایک جگہ میں ڈال کر سکتے ہیں شاید، سب سے اوپر کی پسند. 

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

لہذا ورژن میں نوٹس، search.html کے تین میں نے سر کے صاف صفحہ اور صرف ڈال اس میں، ایک لنک کے ٹیگ، جس نام کے برعکس، آپ ایک بالا ربط نہیں دیتا. اس کی راہ کی طرف ایک اور فائل کے لنکس جس کی قیمت اس کیس میں ایک href کی، تلاش 3.css ہے لہذا میں ہم فوری طور پر جا رہے ہیں، بات کا احساس. لیکن میں کیا کر رہا ہوں کے تمام قسم ہے کے ارد گرد چیزوں منتقل. مجھے کھلے تلاش 3.css چلو. یہ اس کے لئے بہت، کوئی بات نہیں ہے. میں نے صرف کاپی اور ایک نیا میں چسپاں ہم باہر کی چیزیں وجوہات زیادہ کی طرح، دائر پہلے دوسرے فائلوں میں. اور کا نتیجہ مکمل طور underwhelming-- بالکل ایک ہی ہونے جا رہا ہے. لیکن ہم toward-- جا رہے ہیں نہیں، یہ نہیں ہے. اوہ، مجھے پتہ. 

تو یہ ایک مسئلے ہو لگتا ہے. اور اسے کچھ احساس میں ہے. لیکن مجھے اپنے نیٹ ورک کے ٹیب کھول دو. مجھ صفحہ دوبارہ لوڈ کرتے ہیں. آہ، کیوں CSS نہیں لاگو کیا جا رہا ہے؟ ویسے، سی ایس ایس فائل، اسی طرح، ہے پڑھنے کے قابل دنیا ہونے کا، تو بات کرنے کی. اور یہ بھی فی الحال روک دی گئی ہے. تو مجھے ایک CHMOD A + ر کرتے ہیں سٹار کے ڈاٹ سی ایس ایس کے whoops-- ہم نقطہ CSS صرف ہے ہو سی ایس ایس فائلوں کے لئے فائل چڑھانے کی. اب مجھے واپس جانے دو اپنے براؤزر اور دوبارہ لوڈ. اوکے، تھوڑا بہتر. 

اب مجھے ایک آخری چیز دیتے. تلاش 4.html میں. میں نے صرف سوچا ہے کہ ایک ورژن ہے طریقہ زیادہ ہی سہی، جس طرح ٹھنڈے تھا پیچیدہ. کا پہلا نتیجہ میں نظر ہے. ہم سے زیادہ جگہ چھوڑنے کی اس کے قریب. اس،-4 تلاش درج کرنے کے لئے تبدیل. 

اور اب کئی ایک چیزیں ٹوٹ رہے ہیں. میں واپس جا رہا ہوں یہاں میری ڈائریکٹری میں. اور اب میں صرف کرنے جا رہا ہوں ایک فائل پر ایک + R کے CHMOD میں نے اسے بلایا موجود ہے جانتے ہیں کیونکہ ایک تصویر ہے جو logo.gif،. اور اب دوبارہ لوڈ. اور میں ہوں اب تو wow-- بہت قریب، واضح طور سے، گوگل کی 1999 ورژن پسند ہے، اور کرنے کے لئے واضح طور سے، گوگل کے 2014 ورژن، ہے نا؟ 

تو اب یہ، ان کی ویب سائٹ کے لئے جا رہا بالآخر، مجھے بلیوں کے لئے تلاش کریں. اور یقینا یہ ہے. لیکن میں مختلف طریقے سے کیا کیا اس ورژن 4 میں؟ تو ہم نے اسے یہاں پر بہت زیادہ رہنے نہیں دے گا. آپ کو اس مسئلہ میں اس کو دیکھ لیں گے بالآخر سات مقرر. لیکن میں کچھ چیزیں کیا محسوس کریں. 

میں نے ایک div متعارف کرایا ڈویژن ہے جو ٹیگ،، ایک پیراگراف ٹیگ روح میں اسی طرح. لیکن ایک ڈویژن یہاں ہے، صرف کی طرح ہے ایک آئتاکار پوشیدہ خطے سکرین کے. چلو اس کا ایک منفرد دے دو شناخت کنندہ، ایک فوٹر، صرف تو ہم نے کے بارے میں بات کر سکتے ہیں کہ یہ کہیں اور ہمارے HTML میں. یہاں صفحے کے ایک اور div ہے جن ID مواد کی جا رہی ہے. اس صفحے کے مواد ہے. اور یہاں صفحے کے ہیڈر ہے. 

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

ہیڈر میں ایک ٹیگ نہیں ہے. بدل جاتا ہے تو یہ ایک ID ہے # ہیڈر کر کے کہ باہر، اب میں ایک یا ایک سے زیادہ درخواست دے سکتے ہیں ہیڈر پر کی خصوصیات. میں نے ایک ہی مواد کے ایسا کر سکتے ہیں، یہاں مواد کے لئے ایک ہی. 

مثال کے طور پر، حاشیہ میں، نوٹس کے پس میں اضافہ کر رہا ہوں ان کی خصوصیات میں سے سب. اور میں وہ پڑھنے کی طرف سے صرف موجود ہی جانتے سی ایس ایس کے لئے دستاویزات پر اپ. فونٹ سائز میں چھوٹے ہونے جا رہا ہے تو کچھ رشتہ دار فونٹ سائز. وزن کو بولڈ ہونے جا رہا ہے. کتنے پکسلز Margin-- گرد نے اسے 20 پکسلز ہے. اور یہ مرکوز کی جائے جا رہا ہے. 

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

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

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

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

تو یہ کیوں سب کو مفید ہے؟ ویسے، بالآخر، ہم ہیں ہونا چاہتے ہیں کے لئے جا ویب کے صفحات تخلیق کرنے کے قابل ہے کہ ہماری اپنی پیٹھ سروں کے ذریعے کارفرما ہوں، نہ کر کے صرف گوگل اور وہاں واپس آخر آاٹسورسنگ. ہم واقعی چاہتے ہیں قدر، مثال کے طور پر، ہماری تلاش کے انجن کی کارروائی کے کسی اور کو نہیں جانے کے لئے منسوب، لیکن search.php طرح کچھ، search.php ہمارے اپنے سرور پر ہے، جہاں، نہ کسی اور کی پر. 

اور اس طرح ہم اصل میں، وہاں حاصل کرنے کے ایک نئی زبان کو متعارف کرانے کی ضرورت ہے. تو ہم نے پہلے سے ہی ایک نیا میں دیکھا ہے واقعی یہاں کی زبان، یا دو، HTML اور سی ایس ایس. لیکن وہ واقعی صرف کر رہے ہیں سنرچناتمک اور جمالیاتی زبانوں. وہ پروگرامنگ نہیں کر رہے زبانوں SE فی. اور یہ کہ رسمی بارے میں زیادہ ہے وقت ہے کہ ہم نے ان پر خرچ کریں گے کے طور پر. اب ہم شروع کریں گے کیونکہ PHP تک منتقلی. 

تو پی ایچ پی ایک حقیقی ہے پروگرامنگ زبان. یہ ایک سکرپٹ کی زبان ہے یہ ہے اس معنی میں کم وزن ہونا مراد C. طرح کچھ کے مقابلے اور یہ ایک تشریح زبان ہے، جس سے یہ مرتب نہیں ہے کا مطلب ہے. ایک مختصر میں، تا، اس سے کیا مطلب تھا ہم سی طرح زبان کا استعمال کیا جب اور ہم اس کو مرتب کرنے کے لئے تھا؟ یہ کرنے کے لئے کیا مطلب ہے C منبع کوڈ مرتب؟ سامعین: [اشراوی]. DAVID J MALAN: پھر سے کہو؟ سامعین: [اشراوی]. DAVID J MALAN: کامل. یہ بائنری میں بدل جاتا ہے. یہ zeroes اور ہیں میں بدل جاتا ہے اصل انگریزی کی طرح منبع کوڈ سے. اور اس کے بعد ہم اصل میں یہ کر سکتے ہیں zeroes اور ہیں ان کو چلانے کے کے ذریعے ان کو گزرنے کی طرف سے ڈبل کلک ایک آئکن کی طرف سے CPU یا ایک کمانڈ چلا. 

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

آپ کا سامنا تو ایک پرنٹ کہتی کہ لائن، یہ ضروری نہیں کہ پرنٹ تبدیل نہیں کرتا اسی zeros اور ہیں. یہ صرف کی طرح اس مترجم ہے کہتے ہیں کہ ایک بڑا ہے اگر شرط، پروگرامر کی ہدایات کی ہے تو پرنٹ، تو مندرجہ ذیل کام کریں. تو یہ صرف اس کی تعبیر استدلال کی قسم کی طرف سے آپ کیا کرنے کی یہ کہہ رہے ہیں کیا کے ذریعے. 

اور پی ایچ پی ان زبانوں میں سے ایک ہے. اور پی ایچ پی سال پہلے ڈیزائن کیا گیا تھا مختصرا ویب پروگرامنگ کے لئے. اور اسے ابتدائی طور پر ایک تھا بہت میلا گندا زبان. اور یقینا، ایک بہت بڑی بات ہے وہاں سے باہر بری پی ایچ پی کوڈ کی رقم. لیکن زبان خود گزشتہ سالوں میں سمجھدار ہے، اتنا ہے کہ اب یہ بات ہے تاکہ اصل میں ایک بہت اچھا اگلے قدم pedagogically کیونکہ اس C سے ہر چیز سے واقف تاکہ رفو آپ صرف گزشتہ چند ہفتوں میں دیکھا ہے. 

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

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

لیکن اس کے بعد، اس پی ایچ پی میں ایک شرط ہے. C بمقابلہ مختلف کیا ہے؟ کچھ بھی نہیں سوال پھانسنے، جس اصل میں واقعی اچھا ہے. PHP-- اسی میں بولین اظہار. کے ساتھ اور کے مقابلے میں بولین اظہار یا، سوئچز، loops، loops کے، OK loops--، اس میں سے ایک مختلف ہے. 

ایک وہاں تو یہ بدل جاتا ہے پی ایچ پی میں دیگر خصوصیات میں سے جوڑے. ان میں سے ایک، اصل میں یہ ہے جس حیرت انگیز آسان ہے. $ نمبرز تو آپ ہے کہ ایک صف ہے ایک پروگرام میں پہلے اعلان کر دیا، آپ کو ہر ایک کی تعمیر کے لئے یہ پسند ہے کہ اس کے سب کر کے بجائے پریشان مجھے ہے، 0 برابر اس سے بھی کم، [؟ مجھے + +؟]، تعداد، جہاں ہر طور پر ہر ایک کی تعداد کے لیے ان لوگوں کو ڈالر کا نشان اقدار کی صرف ہے ایک متغیر، اور مؤخر الذکر آپ I. طور پر سوچ سکتے ہیں تم جو چاہو کہہ سکتے. میں نے نمبر یہ کہا جاتا. اس پر iterate کرنے جا رہا ہے سرنی تعداد سے ملاقات کی. اور ہر iteration پر، یہ ہے خود کار طریقے سے اپ ڈیٹ کرنے جا آپ ڈالر کا نشان تعداد کے لئے متغیر ہیں تاکہ آپ کو مسلسل آپ چاہتے متغیر تک رسائی حاصل ہے کسی بھی مربع بریکٹ کرنے کے لئے بغیر ایک صف میں سنکیتن یا تخکرمن. 

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

لیکن اس سے بھی زیادہ طاقتور، پی ایچ پی، ساہچری arrays ہے جس کی وجہ سے پسند ہیں طریقہ ہے ہیش میزیں کہہ کے. اصل میں، آپ کو ایک ہیش کا اعلان کرنا چاہتے ہیں تو ٹیبل پی ایچ پی میں، C-- برعکس کتنے کوڈ کی لائنیں اس تک لے گئے اصل میں C میں ایک ہیش ٹیبل پر عملدرآمد؟ یا کوڈ اس میں کتنے لائنوں کے C میں ایک ہیش ٹیبل کے نفاذ کے لیے لے جا رہا؟ تو یہ درست ہے، شاید ایک بہت ہے؟ یہ ہو سکتا ہے، 100 یا 200 چند درجن ہے. یہ nontrivial نجی ہے. یا اس کے طور پر، ہو کرنے کے بارے میں ہے آپ جلد ہی، nontrivial نجی دیکھ لیں گے ایک ہیش میز کے نفاذ کے لیے [اشراوی] اور یہ بھی ایک کوشش. PHP-- میں اور واضح طور سے لیکن، میں شاید آپ کو یہ بتا نہیں کیا جانا چاہئے Monday-- تک پی ایچ پی میں، اگر تم نے کیا کیا، ایک میز چاہتے ہیں. کہ ایک ہیش تاکہ table-- ہے کوڈ کی ایک لائن کے ساتھ. اور 

زبانوں کا ایک بہت ہے کہ ایسا. pset کے پانچ کے ساتھ مذاق ہے. اتنی زبانوں کا ایک بہت یہ کرتے ہیں. وہ آپ کو ان abstractions میں دے دوسرے لوگوں کو، دوسرے پروگرامرز کہ، تا کہ آپ کے لئے پیدا کیا ہے اگر آپ ان کے کندھوں پر کھڑے ہو سکتے ہیں اور سپر ہیں کہ خیالات کا استعمال شروع مجبور، ہیش میزیں اور درختوں کی طرح اور کوشش کرتا ہے. لیکن آپ کو ضروری کی ضرورت نہیں ہے وہ چیزیں اپنے آپ کو لاگو. 

اور اس طرح بالآخر، کیا ہم کے لئے پی ایچ پی کا استعمال کرنے کے لئے جا رہے ہیں ممکنہ طور پر پروگراموں لکھ رہی ہے نام نہاد کمانڈ لائن کی. ہم ہر پروگرام بہلانا سکتا ہم، اس طرح اب تک اس سمسٹر لکھا ہے شاید سوائے SPL استعمال کرتا ہے جو بریکآؤٹ، جس لمحے میں C کے لئے مخصوص ہے. لیکن ہر دوسرے مسئلہ سیٹ، یقینی طور پر ماریو اور کیسر اور Vigenère اور [؟ ، ہم؟ کریک] اور آگے سکتا تھا پی ایچ پی میں دوبارہ لاگو، اور شاید زیادہ آسانی سے ایک چھوٹا سا. 

لیکن ہم کیا بالآخر جا رہے ہیں ویب پروگرامنگ ہے پی ایچ پی کا استعمال کرنے کی. اور ہم اگلے متعارف کرانے کے لئے جا رہے ہیں ہفتے ایک ذہنی ماڈل، کے نام سے ایک پیرا میٹر MVC، ماڈل نقطہ نظر کنٹرولر، جس سے آپ کو پروگرامنگ نے کیا ہے اگر ازگر میں پہلے یا روبی یا کہیں اور، آپ اس ٹیم کے ساتھ کے معلوم ہو سکتا ہے ریل اور سے Django اور طرح. لیکن اگر آپ میں نئے ہیں تو یہ بھی، آپ دیکھیں گے یہ اصل میں ایک بہت قدرتی ہے کہ factorization کی توسیع اور ڈیزائن کے طرح کوڈ کا ہم کیا ہو کہ سی میں کرتے رہے اب ہم کرنے جا رہے ہیں پی ایچ پی کے ان اسباق میں سے کچھ کا اطلاق ہوتا ہے تاکہ بالآخر، ہم ہیں ہماری اپنی ویب سائٹس پر عمل درآمد. اور آپ کی طرح ہو تو سے mesmerized یا تعجب ہم کیا کرنے جا رہے ہیں اتنی تیزی کے تمام، تقریبا ہر احساس ہوتا ہے کہ سمسٹر، تقریبا 90 فیصد ان سمیت طلباء CS50، کے جو، اس سے پہلے کرمادیشت کبھی نہیں آخری منصوبوں بنانے کو ختم کہ ویب پروگرامنگ پر مبنی ہیں. اور اس لئے تم ریٹرن دیکھیں گے کہ آنے والے ہفتوں میں زیادہ ہیں. تو ہم نے پیر کو پھر آپ دیکھیں گے. 

اسپیکر 1: اب اور، گہرے Daven Farnham طرف خیالات. ہیش میزیں. 

[ہنسی]