[সঙ্গীত বাজানো] ডেভিড জে MALAN: ঠিক আছে, তোমাকে স্বাগতম. এটি CS50. এই সপ্তাহে সাত শেষে. এবং এটা যে মেথর শেষে সমস্যা থেকে খোঁজা চার সেট আপনি প্রত্যাহার হতে পারে যে. সব পুনরুদ্ধার কর্মীদের যারা JPEGs, আপনি যদি চান আপনি, প্রশ্ন তোলা হয়েছে অনেক সঙ্গে নিজেকে আলোকচিত্র আপনি পারেন হিসাবে যারা ভাবেন. আমরা জমা আভা পেয়েছিলাম গত কয়েক সপ্তাহ ধরে, প্রকৃতপক্ষে, বেশ কয়েক ডান দুপুর আগে আজ, যা কিছু, এখানে যারা আছেন Annenberg ভালো দেখায় in-- এখানে ধরা এখানে অফিস সময়ে হল, এক নিক দিয়ে লোএল হাউস মধ্যে. এখানে রামন ফোনে ধরা হচ্ছে. এই একটি CS50 লাঞ্চ এ ছিল. এই জেসন সঙ্গে Skyping ছিল আরো একটি সৃজনশীল সহপাঠী, যারা তাকে এই ভাবে phoned. আমরা এই কি ছিল জানি না. 

[হাস্য] 

ডেভিড জে MALAN: কিন্তু যে একটি গিগাবাইট এর মূল্য. এখানে চ্যাং, যিনি আক্ষরিক পর্যায়ে দৌড়ে বন্ধ এক photographed হচ্ছে এড়ানো দিন, কিন্তু শেষ পর্যন্ত ধরা হয়. এখানে নিক হয়. এখানে নিক হয়. এখানে নিক হয়. এবং এখানে Alison নিচে ক্ষেত্র দ্বারা হয়. আর Zamyla এমনকি পাওয়া যায় নি একটি নৃত্যশালা প্রতিযোগিতার এ. সুতরাং আমরা মধ্য দিয়ে যেতে হবে এই ফটোগুলি, চিন্তা যারা জমা সবচেয়ে নিকটতম, এবং পুরস্কার এক কল্পিত পুরস্কার হিসাবে বৈশিষ্ট প্রতিশ্রুত. এবং আমরা সম্পর্কে অনুসরণ করব জড়িত ছিল যে স্থান. 

Announcements-- তাই লাঞ্চের একটি দম্পতি আবার, 1:15 অপরাহ্ন তারিখে এই শুক্রবার. আপনি আমাদের সঙ্গে যোগদান করতে চান তাহলে, এখানে যে URL এ RSVP. জেসন এক থেকে এখানে আবার প্রদর্শিত হবে বছর বিভাগে একটি দম্পতি ফিরে, যা ঘটেছে হ্যালোইন উপর মনোনিবেশ করা. এবং প্রকৃতপক্ষে, তিনি একটি হিসাবে পরিহিত যে বিশেষ বছরের কুমড়া. আপনি এই বিভাগে ঘড়ি যদি তার থেকে 2011 ধারার আট, আপনি জানতে আগ্রহী হলে, CS50.tv এ, আমি মনে করি এই বছর ছিল যা তার বায়ু পাম্প কাজ ছিল. 

আপনি তারপর ঘড়ি যদি 2012 সালে অনুরূপ অধ্যায়, আপনি, অনেক deflated এই জেসন দেখতে পাবেন মামলা আর functioned সাল থেকে, যা বলার শুধুমাত্র হয় এই শুক্রবার, আপনি তাহলে Daven সঙ্গে একটি কুমড়া খোদাই করা চাই এবং গেব এবং অন্যদের, মাথা যাও RSVP cs50.harvard.edu ঠিকানায়. এটা মহান মজা হতে প্রতিশ্রুতি. Daven, আমাদের বলা, উত্কীর্ণ হয়েছে করছেন তার জীবনের সমস্ত বস্তু. ব্রাজিল থেকে গ্যাব্রিয়েল কখনও হয়েছে হ্যালোইন জন্য একটি কুমড়া খোদাই. তিনি learns হিসাবে তাই তাদের সাথে থাকবে. 

আলোচনাসভা, meanwhile-- তাই আপনি তাড়াতাড়ি শিখতে পারবেন সম্পর্কে কি আমাদের প্রত্যাশা আছে চূড়ান্ত প্রকল্প, যা মূলত ফুটাইয়া কমান হবে নকশা এবং বাস্তবায়ন আগ্রহের কোনো প্রকল্প করার সবচেয়ে অনুমোদন সাপেক্ষে যদ্যপি আপনি, এবং আপনার অধ্যাপনা সহকর্মী থেকে নির্দেশিকা. শেষ দিকে সেমিস্টারে, আমরা একটি সংখ্যা প্রবর্তন ঐচ্ছিক ক্লাস আছে যা সেমিনার, এর শিক্ষণ ফেলোগণ এবং হার্ভার্ড নেতৃত্বে কর্মী, সারা অবশ্যই বন্ধু বিভিন্ন বিষয়ের উপর ক্যাম্পাস, যে যাও স্পর্শিনী হয় অবশ্যই এর অন্তর্নিহিত পাঠ্যক্রম কিন্তু তবু প্রযোজ্য, মজা, এবং সম্ভাব্য চূড়ান্ত প্রকল্পের জন্য বিভিন্ন. 

উদাহরণস্বরূপ, প্রথম, আপনি যদি চান সেখানে URL- এ, মাথার রেজিস্টার. এবং এই জন্য লাইন আপ হয় একা এই বছর এর সেমিনার. কিন্তু আমরা অত্যাধিক আছে বুঝতে বছর অতীত থেকে সেমিনার, সব যা আলোচনাসভা মেনুতে সংযুক্ত থাকে অবশ্যই এর ওয়েবসাইট এর বিকল্প. আপনি সম্পর্কে চিন্তা করছি তাই যদি আপনার আরাম জোন অতিক্রম যাচ্ছে অথবা কিছু নতুন দক্ষতা গোছগাছ, উদাহরণস্বরূপ, আইফোন প্রোগ্রামিং ক্ষিপ্রগতি, একটি নতুন ভাষা সঙ্গে অ্যাপ্লিকেশান আপেল বা উদ্দেশ্য সি থেকে অথবা অ্যান্ড্রয়েড অ্যাপস বা প্রোগ্রামিং [? ইঙ্গিত?] আলোর বাল্ব, বা বিষয় কোনো এখানে এবং আরো, কারণে চেক আপ রেজিস্ট্রেশন পাতায় আউট. 

তাই আমরা শুরু হয় এবং উপর পর্যবসিত HTTP- র দিকে তাকিয়ে সাথে সোমবার. তাই দ্রুত refresher-- HTTP- র, হাইপারটেক্সট ট্রান্সফার প্রোটোকল. কিন্তু যে সত্যিই কি মানে? যে সত্যিই অর্থ কি? যে একটি হাত হয়? আমি আপনি শুধু আপনার মাথা প্রারম্ভিক করছি জানি. কিন্তু আপনি HTTP- র কি প্রস্তাব করতে চান? 

শ্রোতা: কিভাবে কম্পিউটার [শ্রবণাতীত] সঙ্গে যোগাযোগ. ডেভিড জে Malan: আমি শেষ অংশ ধরতে পারিনি. কম্পিউটার with-- যোগাযোগ কিভাবে 

শ্রোতা: ইন্টারনেট সার্ভার. ডেভিড জে Malan: ইন্টারনেট দিয়ে Good-- সার্ভার, এবং বিশেষভাবে, ওয়েব সার্ভার. রিকল কারণ, একটি গুচ্ছ আছে ইন্টারনেটে পরিষেবা, যা কিছু আপনি চ্যাট মধ্যে দৈনিক সম্ভবত ব্যবহার এবং বার্তা, চ্যাট, এবং ওয়েব, এবং ইমেইল, এবং ভালো. আর HTTP- র মাত্র হল প্রোটোকল ওয়েব ব্রাউজারে যে সঙ্গে যখন যোগাযোগ কথা ওয়েব সার্ভার, এবং তদ্বিপরীত. আর এ এনালগ মানবসমাজ, হতে পারে আমি কিছু ঝাঁকি আমার হাত প্রসারিত অন্যান্য মানব না এবং সে ব্যাপ্ত দ্বারা স্বীকার তার হাত হিসাবে ভাল. সুতরাং যে শুধু একটি প্রোটোকল আছে, নিয়মাবলী একটি সেট. 

এবং যারা নিয়মাবলী প্রকৃতপক্ষে কি হয়? ওয়েল, এটা ঠিক boils নিচে পিছনে বার্তা পাঠানো, আমরা এখানে দেখানো হিসাবে. আর উপায় কয়েক মধ্যে আছে যা আপনি এই বার্তা পাঠাতে পারেন. আর সম্ভবত সবচেয়ে সাধারণ পরিচিতির হিসেবে পরিচিত. এবং আমরা একটি বৈসাদৃশ্য দেখতে পাবেন এই দীর্ঘ আগে. 

কিন্তু একটি ব্রাউজার থেকে একটি পেতে অনুরোধ সার্ভার ঠিক ভালো দেখায়. এটা এটা বন্ধ রাখে যে লেখার একটা গুচ্ছ একটি ভার্চুয়াল খাম ভেতরে. যে খাম বাইরে অন বিস্তারিত কয়েক টুকরা যান. কি উপর যেতে প্রয়োজন খাম, তাই কথা বলতে, ভালো একটি অনুরোধ পেতে যাতে একটি ওয়েব সার্ভারে আমার কাছ থেকে এই? হাঁ. 

শ্রোতা: আপনার আইপি ঠিকানা. 

ডেভিড জে MALAN: আমার আইপি ঠিকানা থেকে ক্ষেত্রের মধ্যে, তাই কথা বলতে, এবং অবশ্যই, প্রাপকের আইপি ঠিকানা. কিন্তু একটি ওয়েব প্যাকেটের ক্ষেত্রে, আমরা একটু বেশি বিস্তারিত প্রয়োজন এটা শুধু যথেষ্ট নয় একটি সার্ভারে একটি খাম পাঠাতে, যে সার্ভার হতে পারে কারণ বিভিন্ন ধরনের জন্য শোনা ইন্টারনেট ট্রাফিকের. তাই কি কি আমরা প্রয়োজন নেই প্রাপকের আইপি ছাড়াও? হাঁ? 

শ্রোতা: এটা TCP হয়? ডেভিড জে MALAN: গুড. TCP-- 

শ্রোতা: ঠিকানা. 

ডেভিড জে MALAN: ঠিকানা, বা বলা এর পোর্ট, হিসাবে. বন্ধ করুন, কিন্তু একটি TCP পোর্ট সংখ্যা. এবং এই একটি গুচ্ছ আছে. কিন্তু নিশ্চয় সবচেয়ে পরিচিত উচিত ঘটনাক্রমে ডিফল্ট যা হয়, 80 হতে এক ওয়েব ট্রাফিকের জন্য ব্যবহৃত. এবং আরেকটি পরিচিত এক তাড়াতাড়ি, 443 হতে হবে যা নিরাপদ ওয়েব জন্য ব্যবহৃত হয় ট্রাফিক, HTTPS দিয়ে শুরু যে URL গুলি. 

তাই এই যায় কি যে খাম ভেতরে. এবং পেতে / শুধু, দিতে অর্থ আমার ডিফল্ট ওয়েব পৃষ্ঠা. আমার হার্ড রুট দিন যে ওয়েব সার্ভারে ড্রাইভ. এবং আশা, ওয়েব ঠিক আছে, সঙ্গে সাড়া দিতে হবে সার্ভার শুধু যা সংখ্যা 200, সব, হ্যাঁ, বলছে একটি কনভেনশন প্রকৃতপক্ষে ঠিক আছে. এখানে পাতা এর. ওয়েব পৃষ্ঠার টাইপ করতে যাচ্ছে টেক্সট হতে, কিন্তু আরো নির্দিষ্টভাবে, এইচটিএমএল, যা আমরা ফিরে মধ্যে আকর্ষণীয় করতে চলেছেন. আর বিন্দু বিন্দু মাত্র বিন্দু মানে, এখানে এইচটিএমএল হয়. এবং যে যেখানে আমরা আজ গল্প কুড়ান, আসলে, এইচটিএমএল লেখা হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ, যা ভাষা যা ওয়েব পেজ করা হয়. এটি একটি প্রোগ্রামিং ভাষা নয়. কোন ফাংশন নেই বা loops বা শর্ত. এটি একটি মার্কআপ ভাষা, পাশাপাশি আবার আজ দেখতে, যে আপনি উল্লেখ করতে পারবেন গঠন ও stylize কিভাবে aesthetically একটি ওয়েব পৃষ্ঠা. 

তাই এই এক ছিল এবং শুধুমাত্র পৃষ্ঠা সত্যিই আমরা সংক্ষেপে যদি সোমবার, দেখতে লাগলাম. আর কয়েক বিজ্ঞপ্তি লক্ষণীয় বৈশিষ্ট্য. খোলা কৌণিক অনেক আছে বন্ধনী এবং বন্ধ কৌণিক বন্ধনী. যারা কৌণিক মধ্যে ইন বন্ধনী শব্দ হয়. এবং আমরা শুরু করতে যাচ্ছেন যারা শব্দ ট্যাগ কলিং. তাই খোলা বন্ধনী মাথা এবং বদ্ধ বন্ধনী মাথা খোলা এবং বদ্ধ ট্যাগ আছে, অথবা শুরু এবং শেষ ট্যাগ যথাক্রমে, একটি HTML উপাদান, আমরা এটা ডাকবো হিসেবে, মাথা বলা. এবং একই অপভাষা প্রযোজ্য HTML এ এবং তাই ঘোষণা শরীর থেকে. 

আর কি চমৎকার হয় HTML এর দ্বারা এবং প্রকৃতপক্ষে, আমরা করব এটা ভয়ঙ্কর একটু সময় কাটাতে, আপনি বেশিরভাগই শুধু চিন্তা করব কারণ কি এটা বৈশিষ্ট্যগুলিও যখন আপনি আছে আসলে একটি কংক্রিট সমস্যা আছে আপনি খুঁজে পাবেন যে solve-- যাও একটি ব্রাউজার চমত্কার মূক হয়. এটা শুধু অসদৃশ না do-- যাচ্ছে একটি আপনাকে যা করতে তা বলতে কি কম্পিউটারে. এবং যাতে আপনি খোলা আছে যখন খুব উপরের বন্ধনী এইচটিএমএল সেখানে, যে মূলত শুধু মানে, হেই, ব্রাউজার, এখানে HTML এ লেখা একটি ওয়েব পাতা আসে. 

এটি খোলা বন্ধনী দেখে শুধু মানে যে মাথা,, হেই, ব্রাউজার, এখানে মাথা আসে, বা আমার ওয়েব পৃষ্ঠার আগ অংশ. এটি একটি বদ্ধ বন্ধনী দেখে শুধু হেই, মানে যে মাথা,, যে মাথা জন্য এটি. অন্য কিছু জন্য স্ট্যান্ডবাইতে রাখুন. আর অন্য কিছু যে হয় দৃশ্যত শরীর হতে যাচ্ছে. এবং যদি আপনি একটি ট্যাগ, মত নেই যখন আপনি, শুধু হ্যালো, কমা, বিশ্বের আছে যে শুধু কাঁচা টেক্সট হতে যাচ্ছে যে শেষ পর্যন্ত পর্দা প্রদর্শন করা হয়. 

এখন, আপনি খুব বিজ্ঞপ্তি পাবেন এখানে খাঁজ. আপনি সম্ভবত আবিষ্কার করতে পারেন কিভাবে আমরা তা stylizing করছি. আমি একটি ট্যাগ খুলুন প্রতিটি সময়, তাই কথা বলতে, আমি ইন্ডেন্ট. এবং প্রত্যেক সময় আমি বন্ধ একটি ট্যাগ, আমি অ-ইন্ডেন্ট, কোঁকড়া ধনুর্বন্ধনী যাও আত্মা অনুরূপ. এবং যে বহুদূরে, আমি ধরনের আছি আমার বিচার ব্যবহার করে. আমি আঘাত না বিরক্ত যে নোটিশ যে শিরোনাম ট্যাগের ভিতরে সন্নিবেশ করান. কেন? ওয়েল, আমি শুধু এটি একটি লাগছিল সিদ্ধান্ত নিয়েছে আমার সামান্য ক্লিনার, মানব, শুধু যে এরকম বিরক্ত না করতে. তাই আবার, আছে কিছু রায় ঠিক আহ্বান ভালো C অথবা কোন ভাষায় আছে. 

কিন্তু খুব বিজ্ঞপ্তি এই খাঁজ যে একটি মানসিক মডেল নিজেকে ধার দেয়, না তা দুর্বোধ্য বেশি. কিন্তু একটি গাছ, ডান? আপনি একটি ওয়েব এর যদি মনে করেন পৃষ্ঠা, দৃশ্যত লেখা ভালো, হচ্ছে সুন্দরভাবে, যে ভাবে সংভৃত আপনি প্রায় খোলা বন্ধনী মনে করতে পারেন এইচটিএমএল বদ্ধ বন্ধনী ট্যাগ demarcating হয় একটি নোডের মধ্যে root পরিচয়ে, একটি পরিবার গাছ গাছ স্টাইল মধ্যে শৈলী নোড আমরা গত শুক্রবার এ লাগছিল. 

এবং প্রকৃতপক্ষে, আমরা এখানে ডানদিকে আছে আমরা একটি DOM, ডি-হে-এম, নথি ডাকবো কি অবজেক্ট মডেল, বলছে এর অভিনব উপায় যে এইচটিএমএল উপস্থাপন করে এমন একটি গাছ. এবং এইচটিএমএল রয়েছে নোটিশ, আমরা, বলবো একটি পরিবার গাছ, দুটি সন্তান মত. বাম প্রধান. ডান অন শরীর. 

আর মাত্র একটি নির্বোধ চিন্তা ব্যায়াম হিসেবে, মাথা, অবশ্যই, কিভাবে অনেক শিশু আছে এই কাঠামো অনুযায়ী? তাই মাত্র এক, title-- আমরা আছে এবং যে কেন শিরোনাম মাথা থেকে যাচ্ছে তীর. সুতরাং এটা যে ব্যক্তি হিসাবে যদিও এর পরিবার গাছ শুধু একটা সন্তান ছিল. এবং তারপর শিরোনাম নিজেই যা করতে পারেন খুব একটা সন্তান আছে বলা যেতে. 

এইচটিএমএল ছিল যে প্রত্যাহার হ্যালো, কমা, তা তলদেশে বিশ্বের. আর আমি কেবল একটি মধ্যে এটি টানা করেছি পরিবর্তে একটি আয়তক্ষেত্র উপবৃত্তাকার শুধু যে যদিও শব্দার্থগতভাবে বহন করা এটা তাই কথা বলতে, গাছ একটি নোড আছে, এটা ধরণের মৌলিকভাবে ভিন্ন. এটা একটি ট্যাগ না. অথবা আরো সঠিকভাবে, এটি একটি উপাদান নয়. যদি আপনি হবে এটা শুধু একটি টেক্সট নোড আছে. কিন্তু এই সম্পূর্ণভাবে হয় নির্বিচারে মানব নিয়মাবলী. এই মাত্র এখন আমার উপায় একটি সমষ্টিগত হিসাবে কি আমি করব প্রতিনিধিত্বমূলক নথিটি কল. 

আর এ একটি সরাইয়া, জিনিস হিসাবে সুপার উপরের বাম দিকের কোণায়, খোলা বন্ধনী বিস্ময়বোধক বিন্দু ডক টাইপ এইচটিএমএল, এই, একটি ট্যাগ মতো দেখতে কিন্তু এটা মূঢ় কোণার ক্ষেত্রে যেখানে যে ঠিক আছে, কপি এবং আটকানো হয় ব্রাউজার ইঙ্গিত এই এইচটিএমএল সংস্করণ 5 হয়. বিশ্বের কি পরিবর্তন রাখে একটি পৃষ্ঠায় কোড প্রথম লাইন হওয়া উচিত. এই মাত্র সংস্করণ 5 মানে. সুতরাং এটা পুরোপুরি না অন্যদের মত চেহারা. 

যে সঙ্গে তাই ঠিক আছে, আপনি এখন প্রশংসা করবে, বলেন এই মোটামুটি এই মূঢ় উলকি কেউ পেয়েছিলাম. 

[হাস্য] 

ডেভিড জে MALAN: ঠিক আছে, এবং এখন আসলে ডুব আসুন এই সঙ্গে কিছু কাজ করে. আপনি যে শেষ সময় প্রত্যাহার করব আমি CS50 অ্যাপ্লায়েন্স খোলা আপ এবং আমি যত কিছু করেছিল খোলার আপ gedit হিসাবে সহজ. এবং আমি এমনকি উপর ফাইল সংরক্ষিত আমার desktop-- দাঁড়াতেই special-- hello.html হিসাবে. 

তাই আমাকে তা করতে দিন কি আবার hello.html লিখুন. এবং এখন এই ফাইলে, আমি যাচ্ছি এগিয়ে যান এবং প্রতিলিপি কি আমরা শুধু saw-- ডক টাইপ এইচটিএমএল তারপর আমি যাচ্ছি খোলা বন্ধনী HTML বদ্ধ বন্ধনী না. এবং তারপর আমি preemptively যাচ্ছি খুলুন এবং ট্যাগ বন্ধ. কেন? শুধু তাই আমি পরে ভুলবেন না. এটা খোলার মত, শুধু ভাল অনুশীলন এবং সব একযোগে কোঁকড়া ধনুর্বন্ধনী বন্ধ. 

এবং তারপর কি পরের এসেছিলেন? আপনি উলকি মনে করতে পারেন. 

শ্রোতা: মাথা. 

ডেভিড জে Malan: মাথা. এবং তারপর এখানে, আমি শিরোনাম ছিল, আমি মনে করি. এবং শিরোনাম, ইচ্ছামত ছিল হ্যালো, দুনিয়া বন্ধ শিরোনাম. এবং তারপর এখানে নিচে, শরীর, এর অবশ্যই তারপর আমরা শরীরের ট্যাগ বন্ধ. এবং তখনই কিছুটা redundantly, আমি নিচে এখানে একই জিনিস ছিল. 

তাই আমি এই একটি ওয়েব পাতা যে দাবি. এই কিছু যে এখন ওয়েবে বাস করতে পারে, এমনকি অবশ্যই, যদিও এটা আক্ষরিক এর এখনই আমার ডেস্কটপে জীবন্ত. কিন্তু প্রকৃতপক্ষে, আমি gedit কমান যদি, আমি আমার ডেস্কটপ এর আইকন দেখতে পাবেন. এই যন্ত্র যদিও, আপনি ম্যাক OS উপর এই কাজ করতে পারে TextEdit ছাড়া বা এমনকি নোটপ্যাড দিয়ে উইন্ডোজ. 

এবং আমি এগিয়ে যান এবং ডবল ক্লিক করে যে এমনকি, এবং select-- ভাল, এর যাক কারণ যে নির্বাচন না ক্রোম খোলার না. এর এগিয়ে যান এবং ক্রোম খুলুন. এবং তারপর কমান্ড-হে খোলা জন্য কিছু এবং আমার ডেস্কটপ চলাচল এবং যে ফাইলটি খুলুন. একটি ব্রাউজার ব্যাখ্যা করে কিভাবে যে হয় এইচটিএমএল, উপর থেকে নিচ, ডানে বামে. আরে, ব্রাউজার এখানে এইচটিএমএল এর. এখানে মাথা. এখানে শিরোনাম. এখানে শরীর এর. এবং প্রকৃতপক্ষে, এই হল কিভাবে এটা যে ওয়েব পৃষ্ঠা উপস্থাপনা. 

কিন্তু URL টি লক্ষ্য. আপনি কোনটিই এই নির্দিষ্ট থামা পারে এখনই আপনার ল্যাপটপের পাতা, এমনকি এর ভিতরে আপনার যে URL টি মাধ্যমে প্রয়োগ, ফাইলের কারণ: // এটা আসলে ইঙ্গিত আমার ফাইল সিস্টেমে, আমার হার্ড ড্রাইভ, না পুলিশের. তাই এই সব যে দরকারী নয়. 

এর এখন দিকে অগ্রসর যাক একটি প্রকৃত ওয়েব সার্ভার ব্যবহার করে. এবং এটা CS50 অ্যাপ্লায়েন্স দেখা যাচ্ছে শুধু একটি পরিবেশ যেখানে বেশী আপনি সি কোড লিখুন এবং কম্পাইল করতে পারেন আপনি কাজ করছি ভালো এবং এটি চালানোর জন্য. এটি দ্বারা কনফিগার করা হয়েছে কর্মীদের একটি টিপিক্যাল ওয়েব প্রতিনিধিত্ব ইন্টারনেটে যে সার্ভার, আপনার জন্য দিতে পারে যে এক তথাকথিত মেঘ যে বা এক. 

এবং এটা চলমান প্রমিত বিনামূল্যে ওপেন সোর্স সফটওয়্যার, উদাহরণস্বরূপ, কিছু সম্ভবত যা বলা এ্যাপাচি, এখনও সবচেয়ে জনপ্রিয় ওয়েব বিশ্বের সার্ভার সফ্টওয়্যার ওয়েবসাইটে হাজার হাজার আজ যে ব্যবহার. এবং এটি এমনকি হয়েছে মাইএসকিউএল মত সফটওয়্যার, যা একটি ডাটাবেস সার্ভার আমরা অবশেষে পাবেন যে, যা বলার শুধুমাত্র হয় আমি চিকিত্সা শুরু করতে পারেন একটি পূর্ণ পালকযুক্ত সার্ভার হিসেবে আমার প্রয়োগ যে আমি অন্যত্র জন্য পরিশোধ না করছি. এটা শুধু আমার নিজের ল্যাপটপে বসবাস উন্নয়ন ও সুবিধার উদ্দেশ্যে. 

সুতরাং আসুন এগিয়ে যান এবং এই সুযোগ গ্রহণ করে. আমি এগিয়ে যেতে চলেছি এবং একটি টার্মিনাল উইন্ডোতে খুলুন. এবং আমি এগিয়ে যেতে চলেছি এবং প্রথম আমি নই, আসলে move-- আমার ডেস্কটপ চলাচল যাচ্ছে. আমি ls না, hello.html আছে. এবং আমি যেতে চলেছি এগিয়ে এবং ব্যবহার শুরু আমরা করেছি একটি নতুন ডিরেক্টরি আজকের আগে ব্যবহৃত না. 

hello.html-- আমি সরানো যাচ্ছে না ভার্চুয়াল hosts-- জন্য ../vhosts যাও তারপর ভবিষ্যতে ও যে আরও স্থানীয় হোস্ট নামক একটি ডিরেক্টরি মধ্যে, প্রায় দেওয়া ডাকনাম যা হয় কোন কম্পিউটার, এটি একটি ম্যাক, পিসি কিনা, লিনাক্স কম্পিউটার, এবং তারপর বা বিশেষভাবে একটি ডিরেক্টরির মধ্যে যে আমরা, কর্মীদের ইতিমধ্যেই আপনি যখন জন্য তৈরি আপনি বলা প্রয়োগ ডাউনলোড পাবলিক. আর তার নাম, কিছু হিসাবে সুপারিশ আমি, তত্ত্ব, এই ফোল্ডারে করা এখন হতে যাচ্ছে পাবলিক, অন্তত মানুষ থেকে একটি সরাসরি আছে যারা আমার কম্পিউটারে সংযোগ. 

সুতরাং এখন আমাকে এগিয়ে যান এবং যে একই ডিরেক্টরিতে সিডি কি তাই আমি কি দেখতে পারেন যাওয়া ও টাইপ ম. এবং প্রকৃতপক্ষে, যে সেখানে শুধু. আমি এখন আমি এই করা আছে, কারণ যে দাবি একটি ডিরেক্টরির ভেতরে hello.html দায়ের একটি ডিরেক্টরি পাবলিক ভিতরে বলা একটি ডিরেক্টরির ভেতরে নামক স্থানীয় হোস্ট বলা vhosts, যা CS50 কর্মীদের ধন্যবাদ হতে প্রাক কনফিগার করা হয়েছে আপনার ওয়েব সার্ভারের রুট, আমি এখন আশা করতে পারেন. 

আমি একটি নতুন ট্যাবে খুলুন যাচ্ছি. //: আমি ফাইল করতে না যেতে চলেছি. আমি প্রকৃত ব্যবহার করা যাচ্ছে না HTTP / localhost, যা আবার, ডাক নাম নয় আমার নিজের সার্ভারের জন্য. এবং তারপর আমি যেতে চলেছি কি নাম দায়ের, ঠিক পরিষ্কার করা হয়? এই গল্পের সম্ভবত কোথায় যাচ্ছে? hello.html. 

অন্য কথায় সুতরাং, আমি এখন এই চাই আমার নিজের কম্পিউটার, আমার নিজের গৃহ সরঞ্জাম, হয় এটি একটি প্রকৃত সার্ভার হিসাবে যদিও. তার ডাক নাম localhost হয়. কিন্তু স্থানীয় হোস্ট মনে মত হিসাবে Facebook.com google.com, যাই হোক না কেন. এটা শুধু আমার স্থানীয় নাম. এবং তারপর আমি চাই চূড়ান্ত হয় হার্ড ড্রাইভের root পরিচয়ে, তাই কথা বলতে, অথবা ওয়েব সার্ভার এর রুট, তারপর ফরওয়ার্ড স্ল্যাশ অতএব এবং ফাইল নাম hello.html. 

আমাকে জুম আউট এবং আঘাত লিখুন যাক. এবং প্রকৃতপক্ষে, এখন আমার ওয়েব পৃষ্ঠা আছে. সুতরাং এটা কিছুটা আলাদা. এবং এটা শুধু underwhelming হিসাবে এর. এই পুরানো সংস্করণ. আমাকে ফিরে ফন্ট সঙ্কুচিত করা যাক. এই পুরানো. এই নতুন. কিন্তু মৌলিকভাবে কি ঘটছে এখন HTTP- র ব্যবহৃত হচ্ছে না. 

আসুন এই একটু বেশি পরিষ্কার বা না যাক, একটু বেশি জটিল, যদি আপনি হবে. আমাকে নীচে ডান দিকে যাওয়া যাক আমার প্রয়োগ এর কোণায়. এবং এই সব নোটিশ সময়, একটি সংখ্যা আছে এর. যে অনন্য ঠিকানা আপনার CS50 অ্যাপ্লায়েন্স এর. এটা, ব্যক্তিগত ঠিকানা আছে 172,16 দ্বারা হিসাবে উহ্য, যা শুধু মাত্র যদি আপনি শারীরিকভাবে মানে এই ওয়েব সার্ভারে অ্যাক্সেস করতে পারেন. সবকিছু ফায়ারওয়ালের আড়ালে স্থাপন করা হয় এবং সুন্দরভাবে বাকি থেকে রক্ষা কারণ এই জগতের অ্যাড্রেসিং. 

আমি যেতে হলে এবং এখন যদিও বিজ্ঞপ্তি যেগুলি আমার প্রয়োগ মধ্যে এই ঠিকানা, কিন্তু ম্যাক OS-- মধ্যে আমি যাচ্ছি এখানে উপর ফিরে যেতে. এই এখন আমার ম্যাক হল. এবং এখন আমি আপ খুলতে যাচ্ছি এখানে ক্রোম এর এই সংস্করণ. এবং আমি HTTP যেতে যাচ্ছি: //172.16.25 / এবং আমি rest-- 133 ভুলবেন. 

তাই আমি আমার ম্যাক থেকে যান যাচ্ছি যে আইপি ঠিকানা লিখুন /hello.html. এবং এখন আমি আমার ম্যাক থেকে দেখতে আমার CS50 অ্যাপ্লায়েন্স যে, যারা এর IP ঠিকানা হল সংখ্যা, প্রকৃতপক্ষে আচরণ করছে ইন্টারনেটে একটি ওয়েব সার্ভার মত. এটা একটা চমৎকার সহজ নেই Facebook.com মত নাম মনে, কিন্তু এটা HTTP এর ব্যবহার দৃশ্যত, যদিও ক্রোম ধরনের দুনিয়া সরল হয় আমাদের জন্য কিন্তু HTTP- র আমাদের দেশ না. কিন্তু এই প্রকৃতপক্ষে ঠিক যে হয়. ক্রোম শুধু কিছু সংরক্ষণ করা হয় এই দিন কি-স্ট্রোক অন্তর্ভুক্ত. এবং যে আমরা এখন দেখতে কি. 

সুতরাং যে সব জরিমানা এবং ভাল. কিন্তু এটি একটি চমত্কার underwhelming পৃষ্ঠা এর. আমার মধ্যে যান এবং কিছু করুক না এখন একটু ভিন্ন. তাই আমাকে gedit ফিরে যান. এবং পরিবর্তে হ্যালো, বিশ্বের, এর একটি ইমেজ করা যাক. এবং আমি আমাকে ছেড়ে আগে থেকে দাবি আমার localhost ডিরেক্টরির প্রকাশ্য মধ্যে. এবং আমাকে এগিয়ে যান এবং একটি কপি দিন আজ থেকে ফাইল আভা আমার ড্রপবক্স ফোল্ডার থেকে এখানে মধ্যে. 

আমি ls টাইপ করে এখন, চেহারা এই সব ফাইল এ আমি দ্বারা বিতরণ করেছি যে আজ এর অগ্রিম কোর্স এর ওয়েবসাইট, যা এক এখনও hello.html হয়. সুতরাং যে এক আছে. এবং এই নিরীহ এক প্রত্যাহার গত time-- cat.jpg থেকে. তাই আমাকে এম্বেড করার চেষ্টা করা যাক আমার ওয়েব পৃষ্ঠার ভিতরে cat.jpg. 

আমি এগিয়ে যেতে চলেছি এবং, cat.jpg না সংরক্ষণ. আমার ক্রোম ফিরে যাওয়া যাক. এবং আমাকে জুম যাক ফন্ট এবং এখন পুনরায় লোড করুন. ওহো, আমি এই যেখানে করা? Standby-- আমি এখনও পুরানো আছে আমার ডেস্কটপ ওপেন থেকে সংস্করণ. সুতরাং আমার, আমাকে আমার vhost ঢোকা যাক স্থানীয় হোস্ট, আমার প্রকাশ্য, এবং hello.html. সুতরাং এখন আমাকে এগিয়ে যান এবং শরীরের ভেতরে cat.jpg বলে আমি চাই যেখানে এটা হতে প্রদর্শন এবং পুনরায় লোড করুন. অবশ্যই, এই সঠিক নয়. 

তাই আমি ব্রাউজার একটু বলা প্রয়োজন আরো ইচ্ছাকৃতভাবে আমি এটা করতে চাই কি. শুধু নাম টাইপ সম্ভবত যথেষ্ট নয়. তাই অন্য যে ছিল প্রত্যাহার ট্যাগ, ইমেজ, সংক্ষেপে img. যে শুধু মানুষের কারণ এর টাইপ পূর্ণ শব্দ পছন্দ করেন না. এবং তারপর আমরা = "cat.jpg" উৎস কি করতে পারেন. 

এবং এখন আমি কাজ করতে যাচ্ছি এখানে এক জিনিস ভিন্ন. এমনকি সব যদিও আমাদের ট্যাগ দূর পর্যন্ত আছে একটি এই ধারণা ছিল শুরু ট্যাগ এবং শেষ ট্যাগ, যে সত্যিই দেখা যায় না একটি চিত্র জন্য অর্থে, ডান? একটি চিত্র হয় না বা সেখানে নেই. তাই মানুষের এসেছেন একটি সহজ কনভেনশন সঙ্গে আপ. আপনি একটি ট্যাগ আছে যে উভয় শুরু এবং যখন একই সময়ে শেষ এটা তাই শুধু কথা বলতে যাও, খালি হতে পারে ট্যাগ এর ভিতরে ফরওয়ার্ড স্ল্যাশ করা খুব শেষে. এখন আমার নিজের ব্রাউজার ফিরে যান. পুনঃলোড অভিশাপ, কিছু ভুল হিট. আপনি সম্ভবত এই দেখা করেছি মাঝে মাঝে ওয়েবে, এমনকি যদি এটা আপনার দোষ হয়েছে না. এটা ওয়েব সার্ভার এর দোষ. কি odes এই ইঙ্গিত বলে মনে হচ্ছে? এটা ভাঙা হয়. ইমেজ জন্যে যে যেখানে. হাঁ? 

শ্রোতা: কিন্তু এটা না ইমেজ ব্যবহার করার সুযোগ আছে. 

ডেভিড জে MALAN: এটা না ইমেজ ব্যবহার করার সুযোগ আছে. যে, বা এমনকি খারাপ, হয়ত এটা এমনকি অস্তিত্ব নেই. আমরা যে নির্ণয় করতে না পারে যদি এর দেখতে দিন. শেষ সময় থেকে প্রত্যাহার করে যে Chrome- এ, যন্ত্র, বা এমনকি আপনার ম্যাক বা পিসি তে, আপনি ডেভেলপার মেনুতে যান এবং বিকাশকারী সরঞ্জামসমূহ যান বিকল্প, সম্ভবত আপনি করেছি যা অনেক না অথবা কখনও ব্যবহার. এবং আমি নেটওয়ার্ক যান এবং পৃষ্ঠাটি পুনরায় লোড, এর আসলে HTTP- র তাকান তৈরি হচ্ছে যে অনুরোধ. 

Hello.html হয় দেখে মনে হচ্ছে প্রকৃতপক্ষে ঠিক আছে, তাই 200. কিন্তু cat.jpg একটি 403 হয়. সুতরাং এটি একটি 404 নয়. ফাইল সম্ভবত বিদ্যমান. 403 নিষিদ্ধ মানে. তাই এই একটু বিভ্রান্ত হয়. আমি ফিরে যেতে চলেছি আমার টার্মিনাল উইন্ডোতে. আমাকে এখানে আপ জুম যাক. এবং আমাকে একটি ম না দেওয়া. ঐ একই ফাইল আছে. 

এখন আমাকে একটা ম-ঠ করতে দেওয়া, আপনি সম্ভবত করেছি যা ফাইল তাকান আগে ব্যবহার মাপ হয়তো বা টাইম-স্ট্যাম্প. এবং আমরা আভা দেখতে অপ্রতিরোধ্য তথ্য. কিন্তু কয়েক বিবরণ বিজ্ঞপ্তি. এখানে hello.html এই আছে এখানে সারি এবং এখানে cat.jpg এর. এবং এটা হচ্ছে শুধু প্রয়োগ করে কোন JPEG এর হাইলাইট দ্বারা বন্ধুত্বপূর্ণ ইউজার এই মত রক্তবর্ণ মধ্যে. কিন্তু কি কি পাশে আলাদা ফাইলের আকার ও ফাইলের নাম? 

শ্রোতা: [শ্রবণাতীত]. ডেভিড জে MALAN: হ্যাঁ, আছে এর উপর এখানে আরো দুটি রাঃ. Hello.html যাওয়া হয়েছে তা লক্ষ্য করুন. সুতরাং এর নাম দেখা যাচ্ছে যে এই ডিরেক্টরির প্রকাশ্য গুরুত্বপূর্ণ. এই ডিরেক্টরির মধ্যে কিছু পাবলিক হতে বোঝানো হয়. কিন্তু তা যথেষ্ট নয় শুধু সেখানে ফাইল ড্রপ. এছাড়াও আপনি পরিবর্তন প্রয়োজন ফাইলের মোড, এর অনুমতি পরিবর্তন ফাইল সক্রিয়ভাবে না করতে ডিফল্ট সেটিং হতে, যা শুধুমাত্র আমি পড়তে পারে না এবং আমি মালিক হচ্ছে, তা লিখুন. আমি পুরো বিশ্বের সবাই চাই তাই কথা বলতে, আমার ফাইল পড়তে পাবে. শুধু এটি দেখতে মানে পড়ুন. 

এবং প্রকৃতপক্ষে, হিসাবে আপনি সমস্যা দেখতে পাবেন সাত সেট, যে কি এইসব রাঃ এর গড় না. এই দুটি রাঃ এর গড় প্রত্যেকের দিন অন্য জগতে এছাড়াও, এটা পড়া বিশেষ করে এখন যে এটা এই ডিরেক্টরির মধ্যে এর. সুতরাং এই সমাধানের জন্য সবচেয়ে সহজ উপায় হল আমার প্রম্পট করতে গিয়ে পরিবর্তনের জন্য chmod না মোড এবং তারপর, পুরাপুরি, একটি + R কি সবাই, পঠিত জন্য সব, প্লাস দ, এবং তারপর cat.jpg লিখুন. কিছুই ঘটবে বলে মনে হয় যা সাধারণত একটি ভাল জিনিস মানে. এখন কি আবার সুতরাং ম-ঠ এর cat.jpg তাকান. আর এই অনুমতি পরিবর্তিত হয়েছে বলে মনে হচ্ছে. হিসাবে একটি সরাইয়া, আপনি যদি একটি ভুল এবং আপনি, উদাহরণস্বরূপ, শুধু আমি রচনা জানা না your-- তৈরি প্রকাশ্যে দুর্ঘটনা দ্বারা প্রবেশযোগ্য, আপনি বিপরীত কিছু করতে পারি, একটি-দ chmod. উন্মুক্তভাবে যদিও, এটি করা উচিত নয় সার্বজনীন ডিরেক্টরির মধ্যে হতে যাহাই হউক না যে উদ্বেগের যদি. 

তাই এখন আমি কি ফিরে যান আমার ব্রাউজার এবং পুনরায় লোড করুন. এবং আমি ক্লিক যাচ্ছি একটু Ghostbusters প্রতীক যে অংশ পরিষ্কার পর্দা যাতে আমরা নতুন অনুরোধ দেখতে পারেন. এবং প্রকৃতপক্ষে, এইখানে আগে থেকে Grump বিড়াল. কিন্তু আরো গুরুত্বপূর্ণ, টেকনিক্যালি, নেই সংখ্যা 200, যা আমরা এটা ঠিক পেয়েছিলাম মানে. ঠিক আছে, তাই যে সূক্ষ্ম এবং ভাল সব. কিন্তু আমরা এমনটা করছি না ওয়েবসাইটের সেরা, কিংবা আমরা খুব শক্ত করার চেষ্টা করতে যাচ্ছি ওয়েবসাইটের fanciest আজ না. কিন্তু এর অন্তত কিছু করতে দিন সপ্রতিভ আগে সুপার পরিচিত কয়েক অন্যান্য ট্যাগ বন্ধ. তাই আমি শুধু এখানে একটি বিড়াল চাই না অনুমান. আমি আসলে এই চান ধরুন বিড়াল কিছু লিঙ্ক. 

আমি প্রতাপ, উদাহরণস্বরূপ ভালো কিছু করতে. জন্য নোঙ্গর href জন্য অধি রেফারেন্স সমান এবং এর মাত্র কিছু করতে দিন www.google.com বন্ধ মত বন্ধ বন্ধনী উদ্ধৃত. এবং এখন বিড়ালের জন্য অনুসন্ধান. বন্ধ নোঙ্গর ট্যাগ. তাই এই শুধুমাত্র একটি বাছাই করা হয়েছে এর মৌলিকভাবে নতুন বিস্তারিত. অবশ্যই ট্যাগ, ভিন্ন. এটা নোঙ্গর জন্য নামের একটি হচ্ছে href অথবা অধি রেফারেন্স. 

কিন্তু আরো গুরুত্বপূর্ণ, সেখানে এখানে এই সিনট্যাক্স বৈশিষ্ট্য. এই আমরা কলিং শুরু করব কি না একটি ট্যাগ, কিন্তু একটি বৈশিষ্ট্য. আর একটি বৈশিষ্ট্য হল কিছু যে একটি ট্যাগ আচরণ পরিবর্তন করা যাবে. আর এই অ্যাট্রিবিউট, href, মানে এই নোঙ্গর আচরণ পরিবর্তন এটি ক্লিক যখন যে তাই এটা এখানে এই URL- যায়. এবং অবশ্যই, যে URL গুগল হল. 

এদিকে, তা এই হল হতে যাচ্ছে এখানে টেক্সট? ভাল, যে হতে যাচ্ছে কি মানব আসলে নিম্নরেখাঙ্কিত হিসাবে সূচিত লিংক, যে হিসাবে হিসাবে সহজ. তাই আসুন এই চেষ্টা. আমাকে তা সংরক্ষণ করা যাক. আমি hello.html মধ্যে এখনও আছি. কিন্তু অনলাইন সংস্করণে, আপনি দেখতে পাবেন আমরা প্রকৃত ফাইল নাম প্রাক প্রস্তুত. আমাকে এগিয়ে যান এবং পুনরায় লোড করা যাক. এবং এখন এটি একটি খুব আছে এখনও underwhelming পাতা. কিন্তু আমি উপর কার্সার রেখে যদি সেখানে এবং এটি একটি সামান্য ছোট কিন্তু ছিল আপনি নীচের দেখতে পারেন আপনার পর্দার বাম দিকে কোণায়, এটি প্রকৃতপক্ষে google.com যাচ্ছে. আমি যে ক্লিক করে এবং, এটা করবে আমার প্রকৃত গুগল পথে ঝাঁটা. 

কিন্তু একটি সুযোগ জন্য এখানে লক্ষ্য শুধু একটি সরাইয়া হিসাবে শোষণ,. এবং আমরা অপরের ফিরে আসবো দীর্ঘ আগে নিরাপত্তার বিষয়. এই বৈপরীত্য আছে কারণ আপনি যান এবং কি আপনি বলতে যেখানে মধ্যে, আপনি ভালো কিছু করতে পারে আপাততঃ বর্তমান http://www.google.com. ঠিক আছে, এবং এখন আমি পুনরায় লোড করে যে পৃষ্ঠা সংরক্ষণ পরে, আমি গুগল থেকে যেতে চলেছি এটা দেখে মনে হচ্ছে. কিন্তু কোনো কারণ আছে আমি অধিকার, গুগল যেতে হবে? আমি আসলে ভালো কিছু যেতে পারে badguy.com, এখানে ওভার পৃষ্ঠা পুনরায় লোড করুন. এবং খেয়াল করুন, এটি এখনও গুগল মত দেখায়. এবং আমি ধারালো আছি শুধুমাত্র যদি এখানে উপর কার্সার রেখে যথেষ্ট আমি এটা এমনকি যাচ্ছে দেখতে কি একটি ভিন্ন অবস্থান থেকে যান. 

আপনি কি কখনও করেছি অর্জিত যদি তাই একটি ইমেইল, বিশেষ করে পেপ্যাল ​​থেকে এক, বা আপাতদৃষ্টিতে পেপ্যাল ​​থেকে আপনি জিজ্ঞাসা লগ ইন আপনার অ্যাকাউন্টে, এই কেন আপনি কখনও উচিত কখনও ইমেলে লিঙ্ক ক্লিক করুন, উন্মুক্তভাবে, ইমেইল যে কোন লিঙ্ক. আপনি যদি জানেন আপনি প্রকৃত আছে পেপ্যাল ​​বা ব্যাংক এ টাকা আমেরিকা বা বিশ্বস্ততা বা কোনো ওয়েবসাইট, নিজে এটি টাইপ. এটা করা কত সহজ দেখুন কারণ উপস্থাপনা মধ্যে কেউ রত কি একটি লিঙ্ক মত দেখাচ্ছে. কিন্তু এটি আসলে পারা একেবারে যে কোন জায়গায় যেতে. 

এবং অনেক বেশী আছে এই তুলনায় হুমকি. বস্তুত, এই একটি বিট একটি স্পর্শক এর এখন, কিন্তু এক সেরা বেশী আমি কখনো দেখেছি যা থেকে, বন্ধ করা হয়েছে কেউ নেতৃত্বে মানুষ হয় এই বলতে পারে তাই চাচ্ছি, লগ ইন করার জন্য এখানে ক্লিক আপনার অ্যাকাউন্ট, একটি ব্যাংক অ্যাকাউন্ট. আর এই ওয়েস্ট ব্যাঙ্ক ছিল. 

তাই কেউ এই কেনা. এবং এটা দেখতে একটু সহজ একটি মনো ব্যবধানে ফন্ট এটি জুম একটি 30 ফুট প্রজেক্টর মধ্যে. কিন্তু এটা ছোট ফন্টের একটি স্কুল পড়ার সময় আপনি গ্রহণ করছেন যে ইমেইল, এই bankofthewest.com মত দেখায়, না bankofthevvest.com, যা কেউ কিনতে $ 10 দেওয়া ছিল. এবং তারপর এই তাদের নেতৃত্বে কিছু খারাপ ওয়েবসাইটে সমতুল্য. 

এবং আপনি আসলে আমরা কি করতে পারি too-- দেখতে পাবেন আমি প্রকৃত ওয়েবসাইটে যান যদি হল, bankofthewest.com, আবার, শেষ সময় থেকে প্রত্যাহার এই তাদের ওয়েবপৃষ্ঠাটি যদি যে ও আপনি, কিভাবে এটি কাজ হিসাবে জানতে আগ্রহী আপনি অবশ্যই যেতে পারেন ক্রোম এর ডেভেলপার টুলস. এবং যদি আপনি সব দেখতে পারেন এইচটিএমএল সুন্দরভাবে সেখানে ফরম্যাট. 

কিন্তু বিন্দু আরও, আপনি এর বন্ধ যাক cam-- আপনি দেখুন যেতে পারেন আপাততঃ ডেভেলপার উত্স. কেন আমি শুধু কপি না যে সব এবং তারপর আমি আমার সামান্য gedit উইন্ডোতে যেতে পারে এখানে এবং আমার নিজের ওয়েব পাতা না. Hello.html মধ্যে এই সংরক্ষণ করুন. এবং সম্ভবত এই, বিরতি যাচ্ছে এটি সাধারণত এই সহজ নয়, কারণ. কিন্তু আমি আমার নিজের পৃষ্ঠাটি পুনরায় লোড এখন যদি , CS50 অ্যাপ্লায়েন্স এবং আঘাত রিলোড আমার নিজের ঠিক আছে, কিছু জিনিস ভেঙ্গে. কিন্তু আমি থাকার চমত্কার এখন আছি আমার নিজের ব্যাংকিং ওয়েবসাইট, ডান? এই সকল HTML এর দ্বারা 

[হাস্য] 

ডেভিড জে Malan: গল্পটির কৃৎকৌশল অসাধারণ আসলে এবং আপনি না কেউ সেখানে আউট আছে জানি যারা আসলে খুব এই লিঙ্ক ক্লিক করে. সুতরাং স্পষ্ট, কিছু জিনিস ভেঙ্গে. কিন্তু যে নেতৃত্ব যাচ্ছে একটি আলোচনার মধ্যে আমাদের, অকারণে এখনই, হিসাবে কি সিএসএস, ক্যাসকেডিং স্টাইল শীট, হয় এবং কিভাবে আপনি আসলে অন্যান্য এইচটিএমএল ফাইল ডাউনলোড এবং কোন JPEG, GIF ফাইল ফাইল ওয়েবসাইট ব্যবহার করা হতে পারে. কিন্তু যে সব প্রতিপাদ্য হল. কিন্তু এটা সত্যিই boils নিচে এইসব খুব সহজ হিউরিস্টিক. 

তাই এখন শুধু একটি মাধ্যমে সর পড়া যাক এইচটিএমএল এর অন্যান্য উদাহরণ কয়েক দম্পতি শুধু আপনি একটি ধারনা দেবে আপনি কি করতে পারেন কি কি নিয়ে. উদাহরণস্বরূপ, এই list.html হয়. আমি একটি ওয়েব পাতা করতে চেয়েছিলেন ধরুন চতুর্ভুজ মধ্যে ঘর একটি তালিকা সঙ্গে. আমি unordered জন্য উল ট্যাগ ব্যবহার হতে পারে তালিকা এবং তারপর তালিকার আইটেম সন্তানের এবং তারপর, over-- বা তালিকা পুনরুক্তি প্রশ্নে ঘর rather--. 

আমি এই পর্যন্ত খোলা এবং যদি এই কাজ করতে দিন. এর hello.html না যাওয়া যাক, কিন্তু list.html করতে. এটা অভিশাপ. কিভাবে এই আমি ঠিক করব? এটা ঠিক, আগে হিসাবে একই বিষয়? তাই আমাকে chmod-- oops-- না দেওয়া chmod A + list.html এর দ. এবং এখন আমি নিজের ব্রাউজার ফিরে যান এবং রিলোড ক্লিক করুন, সেখানে এটা. সুতরাং আপনি কি কখনও করতে চেয়েছিলেন করেছি একটি বুলেটযুক্ত তালিকা, আপনি তা করতে পারে. আপনি সুপার অভিনব হতে হবে এবং করতে চান একটি আদেশ তালিকা, না একটি unordered তালিকা, , ওল যারা পরিবর্তন পৃষ্ঠাটি পুনরায় লোড, এবং এখন ব্রাউজার এটা আপনার জন্য নম্বর হবে. 

আমরা আর কী করতে পারি? ওয়েল, others-- একটি দম্পতি যদি আপনি text-- দীর্ঘ অনুচ্ছেদ পেয়েছেন উদাহরণস্বরূপ, কিছু আপাততঃ বর্তমান মতো ল্যাটিন টেক্সট এবং আপনি পৃথক অনুচ্ছেদ মধ্যে এটি করতে চান, খোলা পি, অনুচ্ছেদের ট্যাগ জন্য বন্ধ পি. এবং আবার এবং আবার কি. এবং আমি এখন এই ফাইলটি খুলুন, paragraphs.html, ভাল, এই বিরক্তিকর পেয়ে. তাই এখন শুধু ফিরে যান আমার প্রম্পট, একটি + R দ তারকা chmod .html-- একটা চমৎকার সামান্য ওয়াইল্ড কার্ড তাই কথা বলতে. এটা সব ঠিক করা উচিত আমার জন্য এই সমস্যা. এর রিলোড যাক. তিনটি অনুচ্ছেদ আছে. 

এবং এখন এর এগিয়ে চলুন এবং অন্য এক খুলুন. কিভাবে টেবিল সম্পর্কে? আপনি টেবিলের সৌন্দর্য বিজ্ঞপ্তি পাবেন একটু বেশি জটিল. কিন্তু এটি একই ধারণা আছে খোলা ট্যাগ, খোলা ট্যাগ খোলা, খোলা, খোলা, বন্ধ ট্যাগ, খোলা ট্যাগ. এবং এই জন্য দাঁড়ানোর ঘটতে যার সীমানা টেবিল, দৃশ্যত হয় একটি বেধ হতে যাচ্ছে 1 টি যাই হোক না কেন যে মানে টেবিলের সারি, টেবিল একটি কোষ যার মানে তথ্য,. এবং আমি আমার ব্রাউজার ফিরে যান এখানে এবং table.html যান, আপনি কিছু দেখতে পারেন ভালো, অসহ্য. কিন্তু আমরা পয়েন্ট পাবেন যেখানে আমরা আসলে যা করতে পারেন যে বেশী জিনিষ prettier না. 

তাই আমাকে এখন জন্য উপপত্রিক যাক. আরো ট্যাগ এর bunches আছে. এবং এইচটিএমএল কুড়ান বিস্ময়কর কারণ, উন্মুক্তভাবে, সমস্ত আপনাকে যা করতে হবে বিদ্যমান ওয়েব পেজ এ হয় যা দিয়ে আপনি পরিচিত. এবং যদি আপনি উহু, যে কিভাবে, ভালো থাকেন তারা aesthetically এই কি. 

অথবা আপনি কি কোন অনলাইন আপ করতে পারেন এইচটিএমএল কাজ করে যাও হিসাবে সম্পদ, এবং আপনি একটি আছে দেখতে পাবেন অন্যান্য ট্যাগ এর পুরো শব্দভান্ডার. কিন্তু সহজ মানসিক মডেল সঙ্গে একা যে আপনি খুলতে প্রায় কোনো ট্যাগ সত্যিই, এটা বন্ধ করা হয়েছে নিজেকে শেখান চলা না এইচটিএমএল পর বুঝতে ট্যাগ এর এই মৌলিক ধারনা গুণাবলী এবং ভাল-formedness ও আমরা স্বপ্ন করেছি যে, আমরা খুলতে পারে যে বন্ধের কিছু যাতে আমরা একটি ব্রাউজার গুলান না. তাই আসুন এখন এই নিতে দিন আরো একটি আকর্ষণীয় স্তর প্রকৃত যাচ্ছে. আর এর আমার ম্যাক যান এখানে, google.com এ. এবং এখন বিজ্ঞপ্তি এই কাজ করতে দিন. আমি যেতে গং করছি সেটিংস, অনুসন্ধান সেটিংস. আমি এই বিরক্তিকর তাত্ক্ষণিক বন্ধ করতে চাই ফলাফল জিনিস যেখানে এটা অবিলম্বে আপনার টাইপিং সাড়া শুরু হয়. এর যাতে এই পুরোনো স্কুল করুক আমরা আসলে কি ঘটছে তা দেখতে. 

তাই আমি সংরক্ষণ করা যাচ্ছে না আমার এখানে গুগল সেটিংস. এবং এখন আমি যাচ্ছি বিজ্ঞপ্তি বিড়ালের মত কিছু জন্য অনুসন্ধান. এবং এটা এখনও স্বয়ং করছে এখানে সম্পূর্ণ, কিন্তু জিনিষের উপর ভিত্তি করে মানুষ অতীতে টাইপ করেছেন. কিন্তু ঘটতে যাচ্ছে কি লক্ষ্য. 

মুহূর্তে ইউআরএল ইন এই হল, শুধু google.com. আর টেকনিক্যালি, এটা স্ল্যাশ এর. গুগল শুধু একটি চরিত্র সংরক্ষণ এর এবং আমাদের যে দেখাচ্ছে না. তারা শুধু, আমাদের HTTPS দেখানো হয় আমরা এসেছি যে সুপার ভরসাজনক হতে একটি নিরাপদ এনক্রিপ্ট বা পেজ এ. 

তাই আমাকে এগিয়ে যান এবং বিড়ালের জন্য অনুসন্ধান যাক. এখন এই সত্যিই পেয়েছিলাম দ্রুত অপ্রতিরোধ্য. এই URL- এর দৈর্ঘ্য তাকান. কিন্তু এটি সক্রিয় আউট এই বিষয় নিয়ে সবচেয়ে যে URL- এ আসলে বেশ নিষ্প্রয়োজন. আমি মুছে ফেলার শুরু যাচ্ছি আমি বুঝতে পারছি না কিছু. আমি বিড়াল দেখতে. আমি বিড়াল বুঝতে. বিড়াল আবার সেখানে কেন আমি জানি না. আমি সত্যিই জানি না এই অর্থহীনতা কি. তাই আমি ঠিক রাখা যাচ্ছে না হাইলাইট এবং স্টাফ মোছার যে আমি বুঝতে পারছি না, শুধু এই মধ্যে URL- এ distilling. 

এখন আমাকে আবার লিখতে করা যাক. গুগল এখনও কাজ মনে হচ্ছে. সুতরাং কোনো কারণে, তারা একটি যোগ করছি তাদের URL- এর দ্বারা ডিফল্ট পণ্যদ্রব্য অনেক. কিন্তু তা কঠোরভাবে প্রয়োজন নেই. তাই এই সম্পর্কে চমৎকার কি? আচ্ছা, আমাকে এগিয়ে যান এবং ক্রোম এর ইন্সপেক্টর খুলুন. এটি একটি সামান্য মাউস শর্টকাট আছে. 

নেটওয়ার্ক ট্যাবে যান. এবং এখন আমাকে রিলোড দিন এই পৃষ্ঠার আরো একবার. এবং আমি শিফট ধারণ করছি. একটি সরাইয়া, ব্রাউজার হিসাবে ক্যাশে বা সংরক্ষণ করতে ঝোঁক শুধু দক্ষতা দোহাই জন্য তথ্য. কিন্তু সাধারণত, অধিষ্ঠিত শিফট এবং সবকিছু বাধ্য করা হবে পুনরায় লোড শুরু থেকে শুরু করতে. এবং যে আমি এখানে কাজ করতে চান কি. 

এবং এই সব বিজ্ঞপ্তি শুধু উপস্থিত সারি. এটা কোনো ওয়েব-এ দেখা যাচ্ছে যে পৃষ্ঠা, শুধু একটা ফাইল আছে হতে পারে involved-- hello.html-- বা আছে এই ক্ষেত্রে হিসাবে, 52 হতে পারে. আমি পরিদর্শন যখন google.com, দৃশ্যত, আমার ব্রাউজার 52 পৃথক HTTP অনুরোধ kicks বন্ধ. কেন হল? 

ওয়েল, ভিতরে কি তাকান এই ওয়েব পেজ আপ উপরে. শুধুমাত্র টেক্সট নেই, কিন্তু প্রকৃত চিত্র আছে ডান উপর বিড়াল. একটি রঙিন লোগো বাম এ পর্যন্ত এখানে আছে. এই আইকন এর সব আছে একটি মাইক্রোফোন জন্য এবং তাই ঘোষণা. টুকরা অনেক ভবন আছে, ব্লক, স্ক্র্যাচ টুকরা, যদি আপনি হবে, এই ওয়েব পাতা. এবং ব্রাউজারে উপর করছে , প্রথম ফাইলটি পেয়ে যা এখানে এই সারি, এটি মূলত হয় হয় এইচটিএমএল উপরের উপর iterating নীচে, খুঁজছি, ডানে বামে ছবিটি ট্যাগ বা অন্যান্য ট্যাগ ভালো জিনিস যে অন্যান্য ফাইল উল্লেখ করা হয় এবং এটা তাদের সূচিত যখন, যায় এবং তাদের রক্ষিত রাখে HTTP- র মাধ্যমে, টেকসই পুরো খামের রূপক, এবং তারপর প্রদর্শন করে ওয়েব পৃষ্ঠা মধ্যে যথাযথ পাঁচ. 

আমি ফোকাস কিন্তু যদি এখানে লক্ষ্য প্রথম ছোঁড়া, সার্চ বিড়াল, প্রকৃতপক্ষে এটি HTTP 1.1 এর ব্যবহার, বিজ্ঞপ্তি যে. এবং দুর্ভাগ্যবশত, গুগল এখনই সংস্করণে 39 সালে ক্রোম হয় dumbing নিচে জিনিষ ধরনের এবং আমাদের প্রকৃত হেডার দেখাচ্ছে না. কিন্তু কি প্রকৃতপক্ষে পাঠানো হয়েছিল একটি অনুরোধ কাট না জন্য, কিন্তু / অনুসন্ধান? থ = বিড়াল. 

এখন, কেন যে গুরুত্বপূর্ণ? ওয়েল, আমি আবিষ্কার করতে যাচ্ছি এই থেকে যে, যদি আপনি গুগল এই ফর্ম, কেন প্রশ্নের সমর্থন আমি আমার নিজস্ব সার্চ বাস্তবায়ন না CS50 জন্য ইঞ্জিন, কিন্তু ঠিক সামনে শেষ, শুধু গ্রাফিকাল ইউজার ইন্টারফেস. এবং আমরা ফিরে শেষ আউটসোর্স করব, প্রকৃত সার্চ গুগল থেকে ফলাফল. 

তাই আমি এই কিভাবে করতে পারি? আচ্ছা, আমাকে এখানে উপর gedit ঢোকা যাক. এবং আমাকে এগিয়ে যান এবং খুলুন আপ, এর বলে একটি নতুন ফাইল যাক. এবং আমি এই সংরক্ষণ করতে যাচ্ছি সাময়িকভাবে সার্চ-0.html হিসেবে. এবং তারপর অবশেষে, আমরা দ্রুত করব এগিয়ে আমি এক প্রাক প্রস্তুত. 

এবং আমি যাচ্ছি দ্রুত ডক টাইপ পিটান এইচটিএমএল খোলা বন্ধনী HTML বন্ধ বন্ধনী এইচটিএমএল. তারপর আমি মাথা কাজ করতে যাচ্ছি বন্ধ মাথার খোলা শিরোনাম CS50 পরিবর্তে গুগল সার্চ সন্ধানে. এখানে নিচে আমি আছে যাচ্ছি শরীর, এখানে নিচে বন্ধ শরীর. এবং এখন আমি CS50 অনুসন্ধান প্রয়োজন. এবং প্রকৃতপক্ষে, এর যাক বৃদ্ধিলাভ এই নির্মাণ. আমি এগিয়ে যান এবং এই বন্ধ করুন এবং করা যাচ্ছে না আসলে আমার সার্বজনীন ডিরেক্টরির মধ্যে এটি করা. তাই আমাকে শুধু একটা মুহূর্ত দিতে. আমি যাচ্ছি সার্চ-0.html-- temporally search.html কল. আমি এটি একটি + R search.html chmod যাচ্ছি. এবং এখন আমি এটা খুলতে যাচ্ছি. ঠিক আছে, যে দ্রুত ছিল তাই. কিন্তু লক্ষ্য সহজভাবে ছিল বিন্দু থেকে আমাদের পেতে এই লেখার থাকার বলা search.html দায়ের. এখনো তাকান তাই অনেক কিছু না. প্রকৃতপক্ষে, আমি আমার ব্রাউজার যান, এবং যদি যে এটা হল সব, search.html যান. কিন্তু আপনি কি জানেন? আমি একটু কল্পনাকারী হতে পারে. আমি যে আছে একটি বই পড়তে একটি শিরোনাম ট্যাগ H1 বলা. এবং আমি এগিয়ে যেতে চলেছি এবং যে খোলা H1 এবং বন্ধ H1 ব্যবহার. পৃষ্ঠা পুনরায় লোড করুন. এবং এখন এটি বড় এবং সাহসী এর না সব আকর্ষণীয় যে, কিন্তু অন্তত এটা গঠনের দিক আরো আকর্ষণীয়. কিন্তু এখন আমাকে আরেকটা ট্যাগ পরিচয় করিয়ে দেওয়া. একটি ফর্ম ট্যাগ আছে আউট এটা সক্রিয়. এবং আমাকে যে ট্যাগ বন্ধ করা যাক. এবং এটি সেখানে এর দেখা যাচ্ছে একটি ইনপুট ট্যাগ যে টাইপ নামক একটি বৈশিষ্ট্য, যা ক্ষেত্রের ডাটা টাইপ, যদি আপনি হবে. আর টাইপ লেখার হতে যাচ্ছে. এবং তার মান যাচ্ছে CS50 খোঁজো হতে. বন্ধ ট্যাগ. এবং কোন ধারণা আছে যাচ্ছে খোলার এবং পৃথক ট্যাগ দিয়ে বন্ধ. 

আমাকে এখানে উপর ফিরে যাওয়া যাক এবং , যাওয়া রিলোড তা দেখতে. আকর্ষণীয় পথ. এটি একটি টেক্সট ক্ষেত্রের মত মনে হচ্ছে. এবং প্রকৃতপক্ষে, আমি চাই না এখনো সেখানে একটি মান স্থাপন করা. আমাকে এখানে ফিরে যান এবং আসলে পেতে যাক এটা সহজ রাখা এই মান পরিত্রাণ. পরিবর্তে একটি মান, আমি কি চেয়েছিলেন এই জিনিস দিতে একটি নাম ছিল. এবং আমি কি এটা জানেন না তাই আমি যে ফিরে আসবো. 

কিন্তু যে নীচের, আমি চাই ইনপুট টাইপ করতে = জমা দিন. এবং এই মান CS50 খোঁজো হতে হবে. এবং আমরা আমি কেন দেখতে পাবেন এই মান সরানো. আমি রিলোড, আমি এখন আছে বলে মনে হচ্ছে আমার নিজস্ব সার্চ এর সূত্রপাত ইঞ্জিন, সুপার অসহ্য, উন্মুক্তভাবে যদিও, এটা থেকে নয় একেবারেই ছোঁড়া কি গুগল এর ডিফল্ট পৃষ্ঠা মত দেখায়. 

আমি এখন এখানে যান, আমি টাইপ করতে পারেন বিড়াল এবং আশা অনুসন্ধান ক্লিক করুন. কিন্তু আমি বেশ, এখনও কাজ করছি না আমি বাস্তবায়িত হয়নি, কারণ, স্পষ্টত, একটি ডাটাবেস. আমি ক্রল নি অনুসন্ধান ফলাফল জন্য ওয়েব. তাই আমি গুগল থেকে যে আউটসোর্স করতে হবে. সুতরাং কিভাবে আমি এটা করতে পারি? 

সব আমি এর ওয়েল, প্রথম যোগ এবং কর্ম করতে হবে আমার ফর্ম ট্যাগ বৈশিষ্ট্যাবলী যে http://www.google.com/search হয়. এবং আমি জানি যে শুধুমাত্র থাকার থেকে ঘনিষ্ঠভাবে খুঁজছেন দ্বারা অনুমিত তাদের URL- এর এ. এবং এখন একটি অনুমান নিতে. কি করা উচিত এই টেক্সট ক্ষেত্রের সম্ভবত আমরা এসেছিলেন যেখানে উপর ভিত্তি করে, বলা যেতে আগে থেকে? 

শ্রোতা:? থ. 

ডেভিড জে Malan:? থ. এবং আমরা আসলে প্রশ্নের প্রয়োজন নেই এটি সক্রিয় আউট, কিন্তু কুই প্রকৃতপক্ষে এটা চিহ্নিত, ক্যোয়ারী সম্ভবত দ্বারা জন্য থ ডিফল্ট, যে মাত্র কারণ কি ল্যারি ও সার্জি বছর আগে নিয়ে এসেছেন. সুতরাং এখন আমাকে এই পৃষ্ঠাটি পুনরায় লোড করা যাক. এটা সব যে ভিন্ন চেহারা না. কিন্তু এখন কি ঘড়ি. 

আমি বিড়াল এবং ক্লিক টাইপ হলে খোঁজো এবং ছাড়তে চাইছিল CS50, আমি whisked পেতে বিজ্ঞপ্তি দূরে প্রকৃত গুগল থেকে. এখন, গুগল একটু হচ্ছে তারা যে বিরক্তিকর একটি অতিরিক্ত পরামিতি সংযোজন, আপনি URL এ, ইচ্ছা হলে. যে সব ঘটছে স্বয়ংক্রিয়ভাবে গুগল দিকে. 

গুরুত্বপূর্ণ অংশ আমি মনে হয় এখানে এই অনুরোধ উত্পন্ন হয়েছে বলে. এবং প্রকৃতপক্ষে, যে কি. আপনি এইচটিএমএল আছে যখন যে এই, ভালো দেখায় ওয়েব ডেভেলপারদের স্বরলিপি বাছাই করা বলছে জন্য, এগিয়ে যান এবং একটি ফর্ম তৈরি এটি পেশ করা হচ্ছে যখন যে, এটা এই URL- এ যান যাচ্ছে. এবং URL দেওয়া হয়েছে যখন কুই ভালো জিনিসের জন্য মান, শুধু এই URL- এ যান না. বাস্তবিক, প্রশ্নে যেতে চিহ্ন এবং তারপর থ = বিড়াল. পরামিতি লিখবেন, যে ভালো HTTP- র পরামিতি. 

আর শুধু, সুপার ভালো হবে কি এখানে অনুমিত হচ্ছে কিন্তু আমি আরো explicit-- হয় থাকব যে আমি ব্যবহার করতে চান পদ্ধতি পরিবর্তে মত কিছু, হয় পেতে অবশেষে আমরা দেখতে পাবেন যা পোস্ট,. সংক্ষেপে, কেবল বোঝার দ্বারা তাই HTML এবং কিছু মোটামুটি সহজ ট্যাগ ব্যবহার করে, আমরা এখন তৈরি করা শুরু করতে পারেন আমাদের নিজস্ব সামনে শেষ ইউজার একটি সার্চ সঙ্গে ইন্টারফেস এটা পিছনে ইঞ্জিন. 

কিন্তু এই অবশ্যই প্রশংসনীয় অসহ্য হয়. তাই আমাকে আসলে খুলুন সামান্য সংস্করণ. এই আমি প্রস্তুত এক যে কিছু মন্তব্যগুলি আগাম. কিন্তু আপনি যে আমি দেখতে পাবেন প্রায় কাছাকাছি এটি recreated. সুতরাং এই অনলাইন ইতিমধ্যে উপলব্ধ. এবং আমি preemptively ঘটতে হয়নি শুধু এটা সহজ রাখা HTTPS যান. 

এবং এখন এর একটি খুলুন এই পরবর্তী পুনরাবৃত্তিতে. সংস্করণ 1 এর পরিবর্তে 0. কি হিসাবে সামান্য আপনি এ জাম্প এই উদাহরণে বিভিন্ন? 

শ্রোতা: [শ্রবণাতীত]. 

হ্যাঁ, এই টেক্সট সারিবদ্ধ কেন্দ্র আছে. এই এখানে আপ একটু অদ্ভুত হয়. কিন্তু এই প্রকৃতপক্ষে নতুন. এবং হয়তো ঘটতে যাচ্ছে কি অনুমান. আমি এখন আমার ব্রাউজার যান এবং, সার্চ-1.html পরিদর্শন এটা প্রায় একই জিনিস. কিন্তু এটি একটি পদক্ষেপ কাছাকাছি আরো বেশ একটু হচ্ছে. এটা এখনও কুশ্রী, কিন্তু যে এ prettier অন্তত সবকিছু এখন কেন্দ্রীভূত হচ্ছে. 

সুতরাং আমি কি ব্যবহার করছি যে দেখা যাচ্ছে অন্য ভাষা পুরাপুরি বলা হয় সিএসএস, ক্যাসকেডিং স্টাইল শীট. এবং সিএসএস, অকপটে, ধরনের এর, আমার ব্যক্তিগত মতে, একটি নৃশংসভাবে পরিকল্পিত ভাষা. এটা মনে রাখা খুবই বিরক্তিকর সব বিভিন্ন বিবরণ. কিন্তু এটা stylizes কি সমগ্র বিশ্বব্যাপী ওয়েব আজ. আমি কেউ বিক্ষুব্ধ. ঠিক আছে. সুতরাং আসুন এখানে ফিরে যান এবং দেখতে দিন কিভাবে আমরা আসলে এই ব্যবহার করছেন. এবং এটা অন্তত এটি, দেখা যাচ্ছে আসলে খুবই সহজ ভাষা. এটা ঠিক কী মান জোড়া, বৈশিষ্ট্য এর এবং মান, বৈশিষ্ট্য এবং মান. প্রকৃতপক্ষে, এখানে এক যেমন সম্পত্তি ও মান. 

কেবলমাত্র শৈলী ব্যবহার দ্বারা আমার শরীর ট্যাগ বৈশিষ্ট্যাবলী এবং এটি একটি একটি মান প্রদান শব্দ কোলন এবং অন্য শব্দ, অথবা একটি সম্পত্তি এবং একটি মান, আমি নন্দনতত্ব প্রভাবিত করতে পারে ওয়েব পৃষ্ঠা, না এর অগত্যা এখনো গঠন, কিন্তু এটা নন্দনতত্ব. আর ঠিক কাছাকাছি Googling দ্বারা, আমি বুঝতে পারছি যে সিএসএস, ক্যাসকেডিং স্টাইল শীট, নামক একটি সম্পত্তি সমর্থন যার মান টেক্সট প্রান্তিককরণ, যা করতে পারেন উদাহরণস্বরূপ, ডান, বা কেন্দ্র বামে করা. 

তাই এখন আমি রিলোড যখন এই পৃষ্ঠার, আমি কি পেতে পারি একটি কেন্দ্রিক পাতা ছিল, কিন্তু এখনও বেশ অরুপ. এর এগিয়ে যান এবং খুলুন অনুসন্ধান সংস্করণ 2 আপ. এবং এখন আমি একটু বেশি কাজ করেছি বিজ্ঞপ্তি. মাথার ভিতরে যে এখানে আপ লক্ষ্য করুন ট্যাগ, টাইটেল বেশী হতে পারে. আসলে, একটি শৈলী ট্যাগ আছে. এটি শুধু একটি পায় এবং এই হল যেখানে কখনও কখনও সামান্য নোংরা এইজন্য সিএসএস. 

আমি কিছু আছে বলে মনে হচ্ছে যে নোটিশ যে গঠনের দিক খুব আলাদা দেখায়. কিন্তু এখানে নাম আমি চাই ট্যাগ stylized করতে. এখানে আমাদের পুরানো বন্ধু কোঁকড়া হয় ধনুর্বন্ধনী এবং বদ্ধ কোঁকড়া বক্রবন্ধনী. এবং তারপর এখানে যে হয় সম্পত্তি এবং তার মান. 

আমি এই ফাইল লোড হলে, search2.html, শেষ ফলাফল অভিন্ন. কিন্তু এটা ভাল ডিজাইন দিকে একটি পদক্ষেপ. এই সিএসএস আউট ফ্যাক্টরিং, আমি করেছি আমার এইচটিএমএল সঙ্গে এটি commingled না. হিসাবে আমরা দেখতে পাবেন এবং প্রকৃতপক্ষে, আমি পারে এই বৈশিষ্ট্য এবং মান পুনরায় ব্যবহার. আমি এর bunches করতে চেয়েছিলেন আমার ওয়েব পৃষ্ঠার অংশের কেন্দ্রিক, আমি শৈলী = টেক্সট প্রান্তিককরণ টাইপ করতে হবে না সব জায়গা উপর কেন্দ্রে. আমি এক জায়গায় লাগাতে পারেন সম্ভবত, উপরের আপ চাই. 

এমনকি এই ভাল নকশা নয়. আসলে, জিনিস এক আপনি জানতে পারবেন আপনার সাথে আরো এবং আরো সময় ব্যয় হিসাবে ওয়েব প্রোগ্রামিং যে আরো আপনি পারেন হয় আউট জিনিষ এবং ফ্যাক্টর জিনিষ modularize জ ফাইল মত, আমাদের ফ্যাক্টর স্টাফ নিকাশ আমাদের ফ্যাক্টর জিনিষ নিকাশ helpers.c পছন্দ কয়েক psets আগে. একইভাবে, আমরা প্রতাপ এই অর্জন করতে চান. 

সুতরাং সংস্করণে বিজ্ঞপ্তি search.html তিন আমি করেছি মাথার পরিষ্কার পৃষ্ঠা এবং ঠিক করা এই মধ্যে, একটি লিঙ্ক ট্যাগ, যা নাম পরিপন্থী, আপনি একটি হাইপারলিংক দেয় না. এটা দ্বারা অন্য ফাইলে সংযোগ করে যার মান এই ক্ষেত্রে একটি href, অনুসন্ধান-3.css হয় তাই আমি মনে করি আমরা দ্রুত চলুন বুঝতে পারছি. কিন্তু আমি করছি সব ধরনের এর চারপাশে জিনিষ চলন্ত. আমার খোলা সার্চ-3.css যাক. এটা সত্যিই, কিছুই নেই. আমি শুধু কপি এবং একটি নতুন সেটিকে আটকানো আমরা বাইরে স্টাফ করেছিল, অনেক ভালো দায়ের আগে অন্যান্য ফাইল মধ্যে. আর result-- সম্পূর্ণ underwhelming-- ঠিক একই হতে যাচ্ছে. কিন্তু আমরা toward-- চলন্ত করছি না, এটা না. ওহ, আমি কেন জানি. 

সুতরাং এটি একটি বাগ মনে করা হয়. এবং এটা কিছু অর্থে হয়. কিন্তু আমাকে আমার নেটওয়ার্ক ট্যাব খুলুন. আমার পৃষ্ঠাটি পুনরায় লোড করা যাক. আহ, কেন সিএসএস না প্রয়োগ করা হচ্ছে? ওয়েল, সিএসএস ফাইল, একভাবে, আছে পাঠযোগ্য বিশ্বের হতে, তাই কথা বলতে. এবং এটা খুব বর্তমানে নিষিদ্ধ করা হয়. তাই আমাকে একটি chmod A + R করতে দেওয়া তারকা বিন্দু CSS-- whoops-- আমরা ডট সিএসএস শুধু হয় আছেন সিএসএস ফাইল জন্য ফাইল এক্সটেনশন. এখন আমাকে ফিরে যেতে দিন আমার ব্রাউজার এবং পুনরায় লোড করুন. ঠিক আছে, একটু ভাল. 

এখন আমাকে এক শেষ জিনিস করে দিন. অনুসন্ধান-4.html ইন. আমি শুধু চিন্তা যে একটি সংস্করণ আছে পথ আরো যদ্যপি উপায় শীতল ছিল জটিল. প্রথম রিজাল্ট তাকান. আমাদের আরও জায়গা দিতে এই বন্ধ করুন. এই,-4, অনুসন্ধান লিখুন যাও পরিবর্তন করুন. 

আর এখন একটা গুচ্ছ ভাঙা হয়. আমি ফিরে যেতে চলেছি এখানে আমার ডিরেক্টরি মধ্যে. এবং এখন আমি শুধু কাজ করতে যাচ্ছি একটি ফাইল উপর একটি + R এর একটি chmod আমি এটা বলা বিদ্যমান জানি কারণ একটি চিত্র যা logo.gif,. এবং এখন পুনরায় লোড করুন. আর আমি আছি এখন তাই wow-- প্রশংসনীয় বন্ধ, উন্মুক্তভাবে, গুগল এর 1999 সংস্করণ চান, এবং যাও সত্যি, গুগল এর 2014 সংস্করণ, ডান? 

সুতরাং এখন তাদের ওয়েবসাইটে যাচ্ছে শেষ পর্যন্ত, আমি বিড়ালের জন্য অনুসন্ধান করে. এবং প্রকৃতপক্ষে এটা. কিন্তু আমি ভিন্নভাবে কী করেছিলেন এই সংস্করণ 4 এ? তাই আমরা এখানে এটা উপর অত্যধিক বাস করা হবে. আপনি সমস্যা এই দেখতে পাবেন অবশেষে সাত সেট. কিন্তু আমি কিছু বিষয় করেছিল বিজ্ঞপ্তি. 

আমি একটি div চালু বিভাগ ট্যাগ, যা, একটি অনুচ্ছেদের ট্যাগ আত্মা অনুরূপ. কিন্তু একটি বিভাগ এখানে, ঠিক মত হয় একটি আয়তক্ষেত্রাকার অদৃশ্য অঞ্চল পর্দার. এর এটি একটি অনন্য দিতে যাক আইডেন্টিফায়ার, একটি পাদচরণ, শুধু তাই আমরা যে বিষয়ে কথা বলতে পারেন যে এটা অন্যত্র আমাদের HTML এ. এখানে পৃষ্ঠার অন্য DIV হয় যার আইডি কন্টেন্ট হতে যাচ্ছে. এটা পৃষ্ঠার বিষয়বস্তু নেই. এবং এখানে পৃষ্ঠার হেডার হয়. 

অন্য কথায়, আমি করেছি মূলত HTML এ মানসিকভাবে am এই ওয়েব পেজ হিসাবে দেখছেন তিনটি উপাদান, একটি হেডার এই অদৃশ্য আয়তক্ষেত্র সঙ্গে এখানে আপ, মাঝখানে কন্টেন্ট, এবং তারপর নিচে নীচের ফুটার, এমনকি যদিও আমরা সেগুলো দেখতে না. আমি আমার মাথা চাই কারণ পাতা এখানে, অথবা একটি .css ফাইল মধ্যে, আমি এই সিনট্যাক্স ব্যবহার করতে পারেন. 

শিরোলেখ একটি ট্যাগ নয়. এটি সক্রিয় তাই এটি একটি আইডি এর # হেডার করে যে, আমি এখন এক বা একাধিক আবেদন করতে পারেন হেডার করার বৈশিষ্ট্য. আমি একই বিষয়বস্তু কি করতে পারেন, এখানে কন্টেন্ট জন্য একই. 

উদাহরণস্বরূপ, ফুটার মধ্যে, নোটিশ তাই আমি যোগ করছি এই বৈশিষ্ট্য সব. এবং আমি তারা পড়ার দ্বারা শুধু বিদ্যমান জানি সিএসএস জন্য ডকুমেন্টেশন আপ. ফন্ট সাইজ smaller-- হতে যাচ্ছে তাই কিছু আপেক্ষিক ফন্ট সাইজ. ওজন গাঢ় হতে যাচ্ছে. কত পিক্সেল Margin-- প্রায় এটিকে 20 পিক্সেল হয়. এবং এটা কেন্দ্রীভূত করা যাচ্ছে. 

কিন্তু এই মুহূর্তে, পৃষ্ঠা ভালো দেখায়. আমি সন্তুষ্ট নই যদি ঠিক আছে আমার কপি, আমি রঙ লাল ভালো কিছু করতে পারে. এবং তারপর আমি এই সংরক্ষণ করতে পারেন, রিলোড, এবং এখন আমি ফুটার stylized করেছি. তাই এই শুধু ক্ষমতা এ hinting হয় আপনি একটি ওয়েব পৃষ্ঠা মধ্যে কি করতে পারেন জিনিষ চারপাশে পরিবর্তন. 

আর এই তুলনায় এমনকি শীতল, যদি আপনি চান প্রকৃত ওয়েবসাইটের সঙ্গে প্রায় অকর্মা, আপনি স্থায়ীভাবে তাদের পরিবর্তন করতে পারবেন না. কিন্তু আমি খুলুন ক্রোম এর ইন্সপেক্টর আবার এবং আমি বাম দিকে না যেতে এখানে, ফেসবুক এর এইচটিএমএল দেখায় যা, কিন্তু ডানদিকে দেখায় দিকে তার সিএসএস সব, আপনি পারেন হয় এবং মাছি জিনিষ পরিবর্তন. তাই আমাকে এগিয়ে যান এবং এই কাজের জন্য. 

আমাকে এগিয়ে এবং নিয়ন্ত্রণ যাওয়া যাক এখানে এই র্যান্ডম শব্দ ক্লিক করুন, সাইন, এবং উপাদান পরিদর্শন ক্লিক করুন. ক্রোম খুব সুবিধামত যাও উঁচুতে লাফাতে ফেসবুক ব্যবহার করে না যে H1 ট্যাগ. এবং এখানে ফেসবুক বিজ্ঞপ্তি ধরনের আলসেমি হয়েছে হার্ড এখানে একটি সম্পত্তি হিসেবে ফন্টের আকার কোডেড. 

তাই শীতল জিনিস যদিও হয় আমি আসলে এখানে যান যে এবং উহু, ফেসবুক, আমি যে চাই না, বলতে 64 পিক্সেল, আমরা এখন ফেসবুক পরিবর্তন করতে পারেন. অবশ্যই, আমরা কেবল এটি পরিবর্তন করছি আমার জন্য ব্যক্তিগতভাবে মুহূর্তে. কিন্তু এই শুধু আরেকটি হল আমাদের টুল কিট মধ্যে টুল যে আমাদের খামচি অনুমতি যাচ্ছে এবং চিন্তা এবং নির্ণয় আমাদের নিজস্ব ওয়েব পেজ এ বিষয়. এবং আমরা একভাবে ঝালিয়ে পারে এখানে, একই জিনিস যা হয়. যদি সত্যিই অভিনব পেতে চান, আমি এখন আপনি সত্যিই পৃষ্ঠা পরিবর্তন ঘটান করতে পারেন, মানে এবং পাগল জিনিষ না. 

সুতরাং কেন এই সব দরকারী? ওয়েল, শেষ পর্যন্ত, আমরা আছেন হতে চাই যাচ্ছে ওয়েব পেজ তৈরি করতে পারবেন যে আমাদের নিজস্ব ফিরে প্রান্ত দ্বারা চালিত হয়, না করে শুধু গুগল এবং সেখানে ফিরে শেষ আউটসোর্সিং. আমরা আসলে চান মান, উদাহরণস্বরূপ, আমাদের সার্চ ইঞ্জিন এর কর্ম অন্য কেউ না যেতে বৈশিষ্ট্যাবলী, কিন্তু search.php ভালো কিছু করার, search.php আমাদের নিজস্ব সার্ভারে যেখানে, না অন্য কারো উপর. 

তাই আসলে আমরা সেখানে পেতে একটি নতুন ভাষা প্রবর্তন করা প্রয়োজন. সুতরাং আমরা ইতিমধ্যে এক নতুন দিকে তাকিয়ে থাকেন সত্যিই এখানে ভাষা, বা দুটি, এইচটিএমএল এবং সিএসএস. কিন্তু তারা সত্যিই ঠিক হয় স্ট্রাকচারাল এবং নান্দনিক ভাষায়. তারা প্রোগ্রামিং করছি না ভাষার কোনটাই. এবং যে প্রথাগত সম্পর্কে যতটা আছে সময় আমরা তাদের উপর ব্যয় করব হিসেবে. আমরা এখন শুরু করব কারণ পিএইচপি রূপান্তর করতে. 

সুতরাং পিএইচপি একটি প্রকৃত হয় প্রোগ্রামিং ভাষা. এটি একটি স্ক্রিপ্টিং ভাষা এটা যে অর্থে লাইটার ওজন হতে বোঝানো সি ভালো কিছু বেশী এবং এটা একটি ব্যাখ্যা ভাষা আছে, যা এটা কম্পাইল না মানে. সংক্ষেপে সুতরাং, এটা কি বুঝিয়েছিলেন আমরা গ মত একটি ভাষা ব্যবহৃত যখন এবং আমরা এটা কম্পাইল করা ছিল? এটা করার অর্থ কি সি সোর্স কোড কম্পাইল? শ্রোতা: [শ্রবণাতীত]. ডেভিড জে MALAN: এটা আবার বলুন? শ্রোতা: [শ্রবণাতীত]. ডেভিড জে MALAN: পারফেক্ট. এটা বাইনারি মধ্যে এটি সক্রিয়. এটা শূণ্যসমূহ এবং বেশী মধ্যে এটি সক্রিয় প্রকৃত ইংরেজি-মত সোর্স কোড থেকে. এবং তারপর আমরা আসলে যা করতে পারেন যারা শূণ্যসমূহ এবং বেশী রান মাধ্যমে তাদের পাশ দিয়ে ডবল ক্লিক একটি আইকন দ্বারা CPU- র অথবা একটি কমান্ড চলমান. 

পিএইচপি এবং পাইথন এবং রুবি পার্ল এবং জাভাস্ক্রিপ্ট এবং এবং অন্যান্য এর bunches ভাষার ব্যাখ্যা করা হয় বলতে হয়, যা ভাষায়, আপনি তাদের কম্পাইল না. বরং, আপনি ইনপুট হিসাবে তাদের ভোজন একটি প্রোগ্রাম দোভাষীর বলা. এবং যে দোভাষী, যা অন্য কেউ লিখেছেন, নীচে আপনার সোর্স কোড টপ সার্চ ডান এবং মাত্র ব্যাখ্যা করে বাঁ যারা লাইন এবং আপনি বলতে কি আছে. 

আপনি সম্মুখীন যদি তাই একটি মুদ্রণ বলছেন যে লাইন, এটা অগত্যা মুদ্রণ রূপান্তর না সংশ্লিষ্ট zeros এবং বেশী যাও. এটা ঠিক মত এই ইন্টারপ্রেটার হয়েছে বলছেন যে একটি বড় যদি শর্ত, প্রোগ্রামার এর নির্দেশনা যদি মুদ্রণ তারপর নিচের কাজগুলো. তাই এটা শুধু তা ব্যাখ্যা যুক্তি ধরনের দ্বারা আপনাকে যা করতে তা বলার তা দিয়ে. 

আর পিএইচপি এইসব ভাষার একটি. আর পিএইচপি বছর আগে পরিকল্পনা করা হয়েছিল অবিকল ওয়েব প্রোগ্রামিং জন্য. এবং এটা প্রথমে একটি ছিল খুব পঙ্কিল নোংরা ভাষা. এবং প্রকৃতপক্ষে, একটি বিশাল নেই সেখানে আউট খারাপ পিএইচপি কোড পরিমাণ. কিন্তু ভাষা নিজেই বছরের পর বছর ধরে পরিণত করেনি, এত যে এটি এখন তাই আসলে একটি বিস্ময়কর পরবর্তী পদক্ষেপ pedagogically কারণ এটা সি থেকে সবকিছু পরিচিত তাই darned আপনি শুধু গত কয়েক সপ্তাহের মধ্যে দেখা করেছি. 

আমরা দেখতে পাবেন এক প্রাথমিক পার্থক্য কোন প্রধান ফাংশন আর আছে হয়. আপনি লিখিতভাবে কোড শুরু, এটা ঠিক যাওয়া কোন ব্যাপার কি মৃত্যুদন্ড পেতে, আমরা এক মুহূর্ত দেখতে পাবেন. এদিকে, এখানে কি একটি পরিবর্তনশীল পিএইচপি মত দেখায়. এটা একটু আলাদা কিন্তু শুধুমাত্র সবে. 

পিএইচপি, শক্তিশালী টাইপ আছে না. সপ্তাহে টাইপ আছে, যা শুধু আছে মানে স্ট্রিং মত তথ্য ধরনের হয় এবং সংখ্যা এবং অন্যান্য জিনিস. কিন্তু আপনি উল্লেখ বিরক্ত না তারা আর কি আছে. পিএইচপি আপনার জন্য তা সংখ্যায়. ডলার চিহ্ন মাত্র একটি সিদ্ধান্ত হয় পিএইচপি মানুষ বছর যে আগে যেমন যে পিএইচপি কোনো ভেরিয়েবলের শুধু একটি ডলার চিহ্ন দিয়ে শুরু হয়. এটা যে আসলে ধরনের দরকারী এটি একটি সামান্য আরো আপনি এ জাম্প. 

কিন্তু যে পরে, এই পিএইচপি একটি শর্ত. সি বনাম ভিন্ন কি? কিছুই প্রশ্ন রত, যা আসলে সত্যিই চমৎকার. PHP-- একই সালে বুলিয়ান এক্সপ্রেশন. সঙ্গে এবং বনাম বুলিয়ান এক্সপ্রেশন অথবা, সুইচ, loops, loops, ওকে loops--, এই এক ভিন্ন. 

একটি আছে আউট সুতরাং এটি সক্রিয় পিএইচপি অন্যান্য বৈশিষ্ট্য দম্পতি. তাদের মধ্যে একজন, আসলে এই হল যা wonderfully সুবিধাজনক. $ নম্বর যদি আপনি করেছি যে একটি অ্যারে একটি প্রোগ্রামে পূর্বে ঘোষণা, আপনি প্রতিটি কনস্ট্রাক্ট জন্য এই অভিনব আছে যে যে সব পরিবর্তে করছেন বিরক্তিকর আমি হল, 0 এর সমান এই কম, [? I ++?], সংখ্যা, যেখানে প্রতিটি হিসাবে প্রতিটি সংখ্যার জন্য যারা ডলার চিহ্ন মান ঠিক হয় একটি পরিবর্তনশীল, এবং পরেরটির আপনি আই হিসাবে মনে করতে পারেন আপনি কিছু করতে চান তা বলতে পেরেছিলাম. আমি সংখ্যা বলা হয় এটি. এই পুনরুক্তি করতে যাচ্ছে অ্যারে সংখ্যা বলা. এবং প্রতিটি পুনরাবৃত্তির উপর, এটা স্বয়ংক্রিয়ভাবে আপডেট করতে যাচ্ছে আপনি ডলার চিহ্ন সংখ্যার জন্য পরিবর্তনশীল যাতে আপনি ক্রমাগত আপনি চান পরিবর্তনশীল অ্যাক্সেস আছে কোন বর্গাকার বন্ধনী না করেও একটি অ্যারের মধ্যে স্বরলিপি বা ইন্ডেক্স. 

যে বিয়ন্ড, আমরা এমনকি ভালো জিনিস আছে প্রায় একই রকম যা অ্যারে,, এটা খুব সাধারণ ছাড়া হিসাবে আমরা করব পিএইচপি এবং জাভাস্ক্রিপ্ট উভয়, দেখতে একটি অ্যারের আরম্ভ প্রাক বর্গাকার বন্ধনী ব্যবহার করে. সি কোঁকড়া ধনুর্বন্ধনী ব্যবহার করে. সুতরাং এটা, যদিও সামান্য আলাদা আমরা সত্যিই অনেক যে কৌতুক ব্যবহার করা হয়নি. 

কিন্তু এমনকি আরো জোরে, পিএইচপি, মিশুক অ্যারে আছে যা একটি অভিনব উপায় হ্যাশ টেবিল বলছে. আসলে, আপনি একটি হ্যাশ ডিক্লেয়ার করতে চান টেবিল পিএইচপি, সি অসদৃশ কতগুলি কোড অফ লাইন এটা নিতে হয়নি আসলে সি একটি হ্যাশ টেবিল বাস্তবায়ন? অথবা কোড এটি কতগুলি লাইন হল এর সি একটি হ্যাশ টেবিল বাস্তবায়ন গ্রহণ? সুতরাং এটা সঠিক, সম্ভবত অনেক? এটা হয়তো, 100 বা 200 কয়েক ডজন আছে. এটা nontrivial এর. অথবা এটা হিসাবে, হতে সম্বন্ধে আপনি তাড়াতাড়ি, nontrivial দেখতে পাবেন একটি হ্যাশ টেবিল বাস্তবায়ন [শ্রবণাতীত] এবং এছাড়াও একটি চেষ্টা. PHP-- মধ্যে এবং উন্মুক্তভাবে কিন্তু, আমি সম্ভবত আপনি এই বলতে না উচিত Monday-- পর্যন্ত পিএইচপি, যদি আপনি করা, একটা টেবিল চাই. এটা একটি হ্যাশ তাই টেবিলের এর কোড একটি লাইন দিয়ে. এবং 

ভাষার অনেক যে কি. Pset পাঁচটি সাথে মজা. সুতরাং ভাষার অনেক এই কাজ. তারা আপনাকে এই বিমূর্ত দিতে অন্য মানুষ, অন্য প্রোগ্রামারদের যে, যাতে আপনার জন্য তৈরি করেছেন আপনি তাদের কাঁধের এবং সুপার যে ধারণা ব্যবহার শুরু বাধ্যকারী, হ্যাশ টেবিল এবং গাছ মত এবং চেষ্টা করে. কিন্তু আপনি অগত্যা করতে হবে না সেগুলো নিজের বাস্তবায়ন. 

তাই শেষ পর্যন্ত, কি আমরা জন্য পিএইচপি ব্যবহার করতে যাচ্ছেন সম্ভাব্য প্রোগ্রাম লেখা হয় তথাকথিত কমান্ড লাইনের. আমরা প্রতি প্রোগ্রাম পুনঃ পারে আমরা, এ পর্যন্ত এই সেমিস্টারে লিখিত করেছি হয়তো ছাড়া SPL ব্যবহার করে যা ব্রেকআউট, যা মুহূর্তে সি প্রযোজ্য. কিন্তু প্রত্যেক অন্যান্য সমস্যা সেট, অবশ্যই মারিও এবং সিজার এবং Vigenere ও [? আমরা? ক্র্যাক] এবং অনওয়ার্ড পারে পিএইচপি পুনরায় বাস্তবায়ন, এবং সম্ভবত আরও সহজে একটু. 

কিন্তু আমরা শেষ পর্যন্ত কি চলুন ওয়েব প্রোগ্রামিং জন্য পিএইচপি ব্যবহার করতে. এবং আমরা পরের পরিচয় করিয়ে দিতে যাচ্ছেন সপ্তাহে একটি মানসিক মডেল, বলা একটি দৃষ্টান্ত MVC, মডেল ভিউ কন্ট্রোলার, যা আপনি প্রোগ্রামিং সম্পন্ন করেছি পাইথন মধ্যে আগে বা রুবি বা অন্য কোথাও, আপনি এই দলের সাথে এর চিনতে পারেন পাগল এবং জ্যাঙ্গো এবং ভালো. কিন্তু আপনি যদি নতুন হন এই খুব, আপনি দেখতে পাবেন আসলে এই একটি খুব স্বাভাবিক যে গুণকনির্ণয় সম্প্রসারণ এবং নকশা সাজানোর কোড অফ আমরা করেছি যে সি হয়েছে করছেন আমরা এখন চলুন পিএইচপি থেকে যারা পাঠ কিছু প্রয়োগ তাই যে শেষ পর্যন্ত, আমরা করো আমাদের নিজস্ব ওয়েবসাইটের বাস্তবায়ন. আর আপনি ধরণের হন তাহলে সংবেশিত বা বিস্মিত আমরা কি করতে যাচ্ছেন যে তাই দ্রুত সব, প্রায় প্রতিটি বুঝতে পারি যে সেমিস্টারে, প্রায় 90% যারা সহ ছাত্র CS50, এর যারা আগে প্রোগ্রাম নি চূড়ান্ত প্রকল্প তৈরীর শেষ পর্যন্ত যে ওয়েব প্রোগ্রামিং এর উপর ভিত্তি করে. এবং যাতে আপনি আয় দেখতে হবে আসতে সপ্তাহের মধ্যে উচ্চ. সুতরাং আমরা সোমবার তারপর আপনি দেখতে পাবেন. 

বক্তা 1: এখন আর, ডিপ Daven Farnham দ্বারা থটস. হ্যাশ টেবিল. 

[হাস্য]