স্পিকার 1: সমস্ত অধিকার, ফিরে আসার জন্য স্বাগতম. এটি CS50. এবং এই সপ্তাহে নয় শুরু. এবং এই বাকি শুরু CS50 মধ্যে আপনার সময়, যা আমরা এখন, সবশেষে,, ওয়েব রূপান্তর আপনি পাবেন যেখানে অবশ্যই দৃষ্টিভঙ্গি, এটি যে মৌলিক অনেক আমরা সপ্তাহের জন্য এক্সপোর্ট করা হয়েছে এখনও পরিদর্শন থেকে ফিরে আসা বা, আমাদের haunt. কিন্তু এখন, আপনি একটি যে এটা পাবেন সহজ মাত্রার আদেশ নির্দিষ্ট কর্ম সঞ্চালন এবং কিছু সমস্যা সমাধান করুন - এত যাতে আপনি চিন্তা এমনকি যদি নির্দিষ্ট সমস্যা সেট তাদের মজা ছিল নিজের পথ, আমি আপনাকে খুঁজে পাবেন মনে করেন যে P 7 সেট যে, পি 8 সেট, এবং তারপর, পরিণামে, চূড়ান্ত প্রকল্প হতে হবে সব আরো gratifying আপনি করব আমরা নিশ্চিতভাবে ধরে নিতে শুরু যে এটি এখন জিনিষ মেমরি পরিচালনার চান, এবং পয়েন্টার, এবং কি যাচ্ছে ফণা নীচে নেভিগেশন. সমস্ত সর্বত্র এবং আবার, বিষয়ভিত্তিক, সেমিস্টারে এই layering হয়েছে এবং layering. এবং এখন আমরা সাজানোর আপ করছি এখানে দাঁড়িয়ে গত সপ্তাহ কাঁধ. 

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

এখন আমি কিছু ফিরিয়ে আনতে চাই [স্মৃতি? ? উন্নত] এবং আপনাকে একটি প্রদর্শনী আপনার থেকে অন্য ক্লিপ পরিচিত হতে পারে. লাইট আমরা পারা অস্পষ্ট যদি মাত্র কয়েক সেকেন্ডের জন্য. শো Numb3rs. 

স্পিকার 2: এটি একটি 32 বিট IPP4 ঠিকানা. 

স্পিকার 3: IPP, ইন্টারনেট হিসাবে? 

স্পিকার 2: ব্যক্তিগত নেটওয়ার্ক. অমিতা প্রাইভেট নেটওয়ার্কে. তিনি তাই আশ্চর্যজনক. 

স্পিকার 3: চার্লি, চলো. 

স্পিকার 2: এটা. মিরর IP ঠিকানা. তিনি আমাদের পাহারা লেট কি তিনি বাস্তব সময়ে করছে. 

স্পিকার 1: ঠিক আছে, তাই কিছু বিষয় এই ছবি ভুল. , একটি সুতরাং, এবং এই এক গ্রহণযোগ্য এই আসলে একটি বৈধ IP ঠিকানা. একটি বৈধ IP ঠিকানা নম্বর হতে হয়েছে ফর্ম w.x.y.z, যেখানে প্রতিটি এর যারা অক্ষর 0 থেকে 255 হয়. কিন্তু কারণ যে ঠিক মত সূক্ষ্ম সিনেমা যেখানে তারা জাল ফোন নম্বর, তারা IP ঠিকানা জাল. আপনি আসলে বাস্তব সার্ভার আঘাত করবেন না. 

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

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

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

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

শ্রোতা: এফটিপি. 

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

পোর্ট সংখ্যা. এবং এই মাত্র অবাধ মানবিক 80 মত নিয়মাবলী ওয়েব হল, 443 হয় এনক্রিপ্ট ওয়েব, 25 ইমেল. এবং অন্যদের একটি bunches আছে. এবং ঐ সংখ্যার কেবল অন্তর্ভুক্ত করা হয় তথ্য প্যাকেট, যারা ভার্চুয়াল খাম, যে আসলে একটি অনুরোধ বা প্রতিক্রিয়া আছে. 

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

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

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

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

তাই কিছু ব্যক্তি বা ব্যক্তি লিখেছেন এই সোর্স কোড ব্যবহার করে Google.com. এই অধিকাংশ এইচটিএমএল নয়. এটা আসলে নামে একটি ভাষা জাভাস্ক্রিপ্ট, যা আমরা বুধবার আসবো. কিন্তু কি Chrome-এর, এবং কি প্রতিটি ব্রাউজারের আমাদের জন্য কি করতে পারেন, দেখতে ধরনের এর distractions সব অতীত পাগল বাক্য গঠন, এবং reinsert সাদা স্থান আমাদের, এবং এমনকি সিনট্যাক্স হাইলাইট জন্য অথবা আমাদের জন্য জিনিস colorize. সুতরাং আপনি খুঁজে পাবেন যে এই তথাকথিত ব্রাউজার পাতাটা বিকাশকারী সরঞ্জামসমূহ তাই, তাই অনেক সহজ আপনার জীবন করতে হবে আপনি এই মেনু মাধ্যমে, অন্বেষণ করতে পারবেন, কারণ ইন্টারফেস, ঠিক কি অন্তর্নিহিত সোর্স কোড জন্য ইন্টারনেটে কোনো পৃষ্ঠা. এবং প্রকৃতপক্ষে, এই অধিকাংশ এক কিভাবে শিখতে কার্যকর উপায় নতুন কিছু, অন্তত যদি পাতা , ঢাকিয়া ফেলা যাতে জটিল নয় এটি এইচটিএমএল এর কাছাকাছি খোঁচা আরম্ভ করার জন্য, চেহারা আমরা আসবো যা তথাকথিত সিএসএস, এ একটি বিট পাশাপাশি, একটি পেতে কিভাবে যে প্রোগ্রামার বুঝতে কিছু বিশেষ বাস্তবায়িত পৃষ্ঠায় বৈশিষ্ট্য. 

কিন্তু আরো টেকনিক্যালি আকর্ষণীয় অধিকার এখন এটা হতে যাচ্ছে. আমি নেটওয়ার্ক ট্যাবে যান, এর এখন এই পরিষ্কার করা. আমি একটু ক্লিক করুন যাচ্ছি এখানে প্রতীক ক্রুশ দ্বারা চিহ্নিত করা, এবং তারপর অন্য ওয়েবসাইটে যান. এবং আমি টাইপ করা যাচ্ছে না Facebook.com মধ্যে. কোন HTTP-র কোন HTTPS দ্বারা, কোন বা WWW. চলুন শুরু করা যাক আসলে এখানে দেখুন সেখানে কি ঘটছে. 

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

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

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

কিন্তু আমি এখন নিচে স্ক্রল শুরু এই উইন্ডোটি, আমাকে পেতে প্রতিক্রিয়া হেডার. এই ভার্চুয়াল কি ছিল থেকে ফিরে আসেন যে খাম Facebook.com. এবং আমি ঠিক উত্স দেখুন ক্লিক করা হলে এটা কাঁচা পাঠ দেখতে, কিছু বিষয় লক্ষ্য করা. এক, ফেসবুক একই কথা বলে প্রোটোকল সংস্করণ উহার 1.1. সুতরাং যে চমৎকার. কিন্তু অবস্থা কোড 301, স্থায়ীভাবে স্থানান্তরিত. 

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

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

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

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

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

শ্রোতা: স্ক্রিপ্ট? 

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

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

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

তাই এখন আমরা কি করতে পারেন এই তথ্য? ভাল, এর আসলে কটাক্ষপাত করা যাক ধারণা এইচটিএমএল নিম্নাবস্থিত. ইতিমধ্যে আমরা আছে এবং আমরা,, মুলতবি করব সমস্যা বিভাগে এই সপ্তাহে, আরো কিছু, 7 স্পেসিফিকেশন সেট এই ভাষার বিবরণ. কিন্তু আমরা আঁকা না পারেন, এর দেখতে দিন একটি আপনি বোঝেন কি এর ছবি সামগ্রিক এখানে. 

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

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

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

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

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

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

তাই গাছ কাঠামো, বাইনারি গাছ, ternary গাছ, এবং বড় গাছ, যে আমরা আগে সপ্তাহে বা দু glanced, বিজ্ঞপ্তি একই নীতি যে আমাদের ফিরে আসার. এবং যে কেহ প্রয়োগ, Chrome-এর যাই হোক না কেন দলের যে করেনি, সম্ভবতঃ ছিল ট্রি কিছু বাস্তবায়ন ফণা নীচে. এবং নিজেই একটি সম্ভবত যে C-এর মতো ভাষা, বা সি + +, অথবা একটি কম স্তরের ভাষা আমরা করব এখন ওয়েব উপরে ব্যবহার করুন. 

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

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

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

সুতরাং এখানে এই ক্ষেত্রে আমি printf, যে এক লাইন. তাই আমি এই সোর্স কোড রান, যখন hello.php, একটি প্রোগ্রাম যে, যদিও , পিএইচপি বলা হবে, সুবিধামত, ঘটবে প্রোগ্রাম যা পিএইচপি পড়া যাচ্ছে না এই ফাইলটি, উপর থেকে নিচ, ডানে বামে এবং এটা কি আমি করতে যাচ্ছে কি বলতে - কোড নির্বাহ, এবং যদি এটা কিছু স্বীকার করে, ঠিক না এটি spitting. তাই আমি এগিয়ে যান যাচ্ছে এবং করছি hello.php এর পিএইচপি চালানোর জন্য. লেখো. 

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

তাই আমি এই কাজ করতে যাচ্ছি. খোলা বন্ধনী, প্রশ্ন চিহ্ন, পিএইচপি, এবং এখন আমি যাচ্ছি ঠিক রাখতে ইন্ডেন্ট কিছু চমৎকার. এবং এখন আমি একটা প্রশ্ন করতে যাচ্ছি বন্ধ বন্ধনী চিহ্নিত. সুতরাং asymmetry একটি বিট এখানে আছে. আপনি এই কাজ করতে না. এবং আপনি, তাই একটি স্ল্যাশ করবেন না পিএইচপি একটি সামান্য ভিন্ন. 

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

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

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

এবং কি এর মানে হল যে চলমান যে প্রয়োগ ওয়েব সার্ভার সফটওয়্যার. এটা এ্যাপাচি বলা হতে হবে. এটা ঠিক, বিনামূল্যে, এবং উৎস খোলা এবং খুব জনপ্রিয়. এবং আমরা জানি ও Apache কনফিগার করা যে আমি একটি নির্দিষ্ট URL-সঙ্গে যান তবে Chrome বা এর ভিতরে কোন ব্রাউজার প্রয়োগ, এই ডিরেক্টরির মধ্যে চেহারা ফাইলের জন্য যে ব্যবহারকারী অনুরোধ করা হয়. 

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

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

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

আচ্ছা, আমাকে Chrome-এর জন্য এখানে যান. এবং আমাকে যেতে দিন http://localhost/index.html. তাই স্থানীয় হোস্ট কি? ওয়েল, বিশ্বের সবচেয়ে যে কোনো কম্পিউটার, লিনাক্স, ম্যাক অপারেটিং সিস্টেম, উইন্ডোজ, একটি ডাকনাম আছে স্থানীয় হোস্ট বলা হয়. আপনি কি কখনও কথা বলতে চান তাই আপনি যদি আপনার নিজের কম্পিউটার থেকে - আশ্চর্যের ব্যাপার reflexively, যদ্যপি - আপনি আপনার নিজের স্থানীয় হোস্ট কল. আপনার প্রকৃত কম্পিউটার কি ব্যাপার কোন এটি ডেভিড এর MacBook কিনা, বলা এয়ার, অথবা আরো কিছু যে মত ভার্বোস. 

সুতরাং এই URL টি দৃশ্যত ব্যবহার করা যাচ্ছে না স্থানীয় হোস্ট কথা বলতে HTTP-র একই কম্পিউটারে, যন্ত্রপাতি, এবং এটা জন্য অনুরোধ শুধু একটি নিতে যাচ্ছে অনুমান, কি ফাইল? Index.html. সুতরাং প্রয়োগ করার জন্য কনফিগার করা হয়েছে আমি জিজ্ঞাসা করছি যে আগাম index.html ভালো কিছু জন্য, জন্য তাকান একটি ফোল্ডার মধ্যে, Vhosts বলা ফোল্ডার একটি ফোল্ডারে, localhost নামে পরিচিত তাহাতে পাবলিক বলা হয়. যে যেখানে আমার সার্বজনিক সব ফাইল হতে যাচ্ছে. তাই আমি এখন আঘাত লিখুন যাচ্ছি. 

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

আমার সম্পর্কে মধ্যে, আমার Vhosts ডিরেক্টরির মধ্যে যাওয়া যাক localhost, পাবলিক মধ্যে, এবং দিন আমার সম্পর্কে ম ড্যাশ L না. এবং কয়েক অন্যান্য জিনিস আছে এখানে আজকের উদ্দেশ্য জন্য. কিন্তু পরে, বাম হাতের পাশ বিজ্ঞপ্তি index.html, আমরা শুধুমাত্র একটি RW দেখুন. এবং অতীতে, কি RW জন্য দাঁড়িয়ে আছে? 

শুধু পড়া বা লেখা. এটি বাম rw বলছেন যে আমি এই ফাইলের মালিক, করতে পারেন এটা পড়তে বা লিখতে. কিন্তু আমি দেওয়া প্রয়োজন সব লোক বিশ্বের এই পড়া, যদিও এটা না লিখতে. তাই আমি মোড পরিবর্তন করা যাচ্ছে না ফাইল, chmod, দিতে সমস্ত প্লাস R সবাই নেভিগেশন অনুমতি পড়া ফাইল index.html নামে. 

এবং আমি এখন পুনরায় লিখুন ম ড্যাশ L, বিজ্ঞপ্তি যে, এখানে, আরো কিছু কিছু এর আপ popped হয়েছে. এবং এখন জন্য, বৈশিষ্ট যায় আরো বিস্তারিত মধ্যে. শুধু সবাই মানে পি সেট 7, জন্য এখন এই ফাইল পড়তে পারেন. আমি আমার ব্রাউজার ফিরে যান যদি এখন এবং, পুনরায় লোড করুন voila. হ্যালো ওয়ার্ল্ড. 

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

তাই আমরা একটি ওয়েব পাতা আরও বেশি কি করতে পারি? ওয়েল, শুধু, যাক এর মাধ্যমে হাওয়া এই জিনিষ একটি দম্পতি. কিন্তু আমাকে এগিয়ে যান এবং পুনরায় চালু করা যাক Index.html সঙ্গে gedit. এবং, আমাকে এগিয়ে যান এবং হ্যালো এবং CS50 বলা যাক এই ফাইলটি সংরক্ষণ করুন ফিরে যান ব্রাউজার, সত্যিই underwhelming পরিবর্তন. 

কিন্তু আমরা আসলে কি করতে চান তাহলে এখন কিছু লিঙ্ক? তাই এটা আমরা করতে পারেন দেখা যাচ্ছে যে শুধু ট্যাগ যে HTML এ লিঙ্ক নিজেদের. বলা হতে হবে নোঙ্গর ট্যাগ. একটি href সমান https://www.cs50.net, www.cs50.net বন্ধ মূল্যউদ্ধৃতি বন্ধ বন্ধনী. এবং এখন এর দেখতে দিন কি অন্যথায় পরবর্তী আসে. 

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

তাই এই উল্লেখ করা হয় যে অধি রেফারেন্স, বলছে অভিনব উপায় এই জন্য এই নোঙ্গর জন্য URL, লিংক, CS50.net হতে হবে. এবং আমরা দেখাতে চাই যে টেক্সট ব্যবহারকারী যে কাঁচা URL নয়, বরং শব্দ এবং CS50. 

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

কিন্তু সম্ভাব্য কি লক্ষ্য এই আমাদের প্রস্তাব. সিকিউরিটি খুব vogue এই দিন. আমি পরিবর্তে কি কিছু বলতে হলে এই, এবং আমি এর পরিবর্তে, বলে, যাক এর যান , fakeCS50.net দেখুন. এই পৃষ্ঠাটি পুনঃ লোড করুন. 

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

কিন্তু এর একটু বেশি দূষিত হতে দেওয়া যে মূঢ় ধরনের কারণ. আমরা কি Paypal এই পরিবর্তন হলে. এবং কি আমরা এই কল ব্লক, পছন্দ www.paypal.badguy.com, ডোমেন যাই হোক না কেন. যে সম্ভবত বিদ্যমান. তাই এখন আমার সম্পর্কে পৃষ্ঠাটি পুনরায় লোড করা যাক. এবং এখানে আমরা একটি ফিশিং ধরণের আছে যা আক্রমণ, পি এইচ-i-s-এইচ-আমি-n-জি, নিরীহ শব্দ আক্রমনের যে জন্য দেওয়া মাছ তথ্য চেষ্টা করে, বা, ভাল এখনো, tricking দ্বারা মানুষের টাকা, তাদের তথ্য প্রদান মধ্যে যে তারা অন্যথায় না হতে পারে. এই, ডান সম্পূর্ণই legit দেখায়? আমি Paypal.com এখানে একটি লিঙ্ক থাকতে হবে. সততা মধ্যে, যদি আমি কিছু সঙ্গে এটি আপ sexed গ্রাফিক্স, আমরা এটি বানাতে পারেন PayPal এর মত. রাইট? আমি যায়নি, কারণ, একটি সরাইয়া হিসাবে, আমি Paypal.com যেতে পারে. এবং আমরা ঠিক করেছি দেখা কিভাবে আমি করতে পারেন তাদের এইচটিএমএল সব দেখতে. আমি এটা কপি এবং পুনঃ পারে পেপ্যালের নন্দনতত্ব বদলে যেতে এখানে পুরাতন স্কুল. কিন্তু লক্ষ্য করা অবশ্যই, এবং এটি একটি সামান্য এর এখনও কেবল নীচে ছোট 10 পয়েন্ট মত বাম কোণায়, ফন্ট, আপনি আছেন কি URL টি দেখেন আসলে নেতৃত্বে করা যাচ্ছে. 

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

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

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

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

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

তাই এখন থেকে আমার ফাইল ফিরে যান. খুব underwhelming. কিন্তু কি বিভাগ, জন্য ব্যবহার করা হয় ফণা নীচে, আসলে এটি হয় একটা চমৎকার গঠনগত উপাদান. এটা এতদূর যে কোন নন্দনতত্ব নেই আমরা, দৃশ্যতঃ আর অন্য, দেখতে পারেন, নতুন লাইন জিনিস নির্বাণ. 

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

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

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

কিন্তু এখানে এই মান দেখা যাচ্ছে যে সিএসএস, ক্যাসকেডিং স্টাইল বলা কি অন্য যা শীট, পুরাপুরি ভাষা. CSS এর সঙ্গে কিছুই করার আছে ট্যাগ এবং বন্ধ ট্যাগ খুলুন. এটা বৈশিষ্ট্য সঙ্গে কি আছে. 

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

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

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

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

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

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

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

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

এবং আপনি Wayback সাথে পরিচিত হলে Archive.org নেভিগেশন মেশিন, আপনি সব আমার ভীষণ জানতে পারেন undergrad ওয়েব পেজ. এক সামনে Frog kermit ছিল. আমি চিন্তা যেখানে একটি ফেজ মাধ্যমে গিয়েছিলাম এটি ব্যাকগ্রাউন্ডে নিতে ছিল শান্ত আমি আপনাকে কিভাবে শিখেছি যখন একটি লাল পরদা, করতে পারেন টালি ইমেজ আবার, এবং আবার, এবং আবার, সঙ্গে একটি পৃষ্ঠায় পূরণ একটি বড় tacky লাল পরদা. এবং তারপর, এই উপরে, একটি আইকন ছিল আপনি আমার বাড়িতে প্রবেশ করতে ক্লিক করে পাতা যে কারণ খুব vogue মধ্যে. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

শ্রোতা: আমি একটি প্রশ্ন আছে. 

স্পিকার 1: ওহ, দুঃখিত. 

শ্রোতা: কেন এটা রঙ্গিন ছিল না - 

স্পিকার 1: ওহ, অন্য ট্যাবে? এখানে? 

শ্রোতা: না, এটা মত - 

স্পিকার 1: ওহ, যে কারণে আমি পঙ্কিল হচ্ছে. আমি ভুল জায়গায় ফাইল রাখা. সুতরাং যদি আমি আসলে এখানে এটা করা, এবং আমি chmod এটি সমস্ত + styles.css জন্য কিছু, এবং এখন আমরা এখন, পৃষ্ঠাটি পুনরায় লোড করুন stylization ফিরে পেতে. এবং ফন্টের মাপ কারণ ভিন্ন, আমরা পুরোপুরি যতটা না দেখতে না সাদা স্থান. আমরা এর পরিবর্তে কি দেখতে ডিফল্ট পরিবর্তে হয়. প্রশ্ন ভাল. হ্যাঁ? 

শ্রোতা: কেন লিঙ্ক হেডার ভিতর ট্যাগ? 

স্পিকার 1: কেন লিঙ্ক হেডার এর ট্যাগ ভিতরে - সংক্ষিপ্ত উত্তর, মাত্র কারণ. যে সিদ্ধান্ত হয়েছিল কি না. লিংক ট্যাগ যখন যেতে যে যেখানে আপনি যদি একটি নামক এর কি আছে বহিস্থিত স্টাইল শীট. অন্য প্রশ্ন? 

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

ডান সব, তাই একটি গিঁট, এখন, এর চেষ্টা করুন একসঙ্গে এই ধারনা কয়েক জন্য, আমাদের নিজস্ব সার্চ ইঞ্জিন বলতে. আমি, বরং অদ্ভুতভাবে, লক্ষ্য নিম্নলিখিত. আপনি Google.com এ থাকেন তখন, আপনি আছেন সাধারণত এখানে এই মত একটি URL-এ সঙ্গে ডট com যুক্ত পরে কিছুই. কিন্তু আমি চাই মূঢ় কিছু অনুসন্ধান বিড়াল, এবং আঘাত লিখুন, আমরা পেতে দেব - না মূঢ়, কিন্তু আপনি কি জানেন. 

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

আমাকে এই পরিত্রাণ পেতে যাক. আমাকে এই পরিত্রাণ পেতে যাক. এবং আমাকে মাত্র পরিত্রাণ পেতে এই সব. এবং এখন, বিড়াল URL-এ যে বিজ্ঞপ্তি একটি সমান তারপর, একটি Q সঙ্গে অনুসরণ এটি সামনে সাইন ইন করুন. সুতরাং এটি সক্রিয় আউট এই হল কিভাবে এটা আসে যখন ভাবে এটি কাজ করে ইনপুট এবং আউটপুট. 

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

এখন আমি আঘাত লিখুন যদি তাই হয়, কি গুগল সম্পর্কে আকর্ষণীয় যে সব আমি মুছে গোলমাল প্রদর্শিত হবে না কঠোরভাবে এর প্রয়োজন হবে. আমি Google পাঠাতে হবে সব প্রশ্নের উত্তর দিতে হবে Mark Q বিড়াল পেতে সমান কিছু বিড়াল ব্যাক. ভাল, তারপর, যে সংশ্লেষ, আমি gedit আপ টান, আমি শুরু করেছি এখানে আমার নিজস্ব সার্চ ইঞ্জিন তৈরি একটি ফাইলে seach0.html বলা হয়. 

এবং আমাকে এগিয়ে যান এবং মুছে ফেলা যাক আরও একটি লাইন যে আপনি দেখুন অনুমিত ছিল না. এবং এখন, আমাকে আমার নিজের ব্রাউজারে যান তাই গুগল, এবং যেতে না http://localhost. এবং যে ভাবে পেতে যাচ্ছে. সুতরাং আমরা বিদায় বলার আছে চলুন এখন জন্য, এখানে, এই সরানো উহু, এখন আমরা আছে চলুন যে ফাইলটি বিদায় বলে. 

আপনি নামে একটি ফাইল আছে যখনই একটি মধ্যে index.html বা index.php ডিরেক্টরি, ওয়েব সার্ভার যদি এই ভাবে কনফিগার, আপনি কি করব দেখুন, ডিফল্টরূপে, যে বিষয়বস্তু হয় ফাইলের পরিবর্তে তালিকা ডিরেক্টরি, আমি এখানে চেয়েছিলেন হিসাবে. বৈশিষ্ট এই বিষয়ে আরও. আপনি যে দেখতে পাইনি. 

তাই এই আমি আসলে চেয়েছিলাম তা হল. কিন্তু একটি মুহূর্ত আগে, ছিল একটি এই ফোল্ডারে ফাইল বলা index.html এবং index.php. তাই ওয়েব সার্ভার ছিল আমার সম্পর্কে ফাইলগুলি দেখাচ্ছে. পরিবর্তে, আমি এই ডিরেক্টরির চান এখানে তালিকা. 

তাই আমি যেতে চলেছি Search0 আপনি CSS এবং যান. এবং আমি এই এটা হতে যাচ্ছে দাবি আমার নিজের প্রতিযোগী প্রারম্ভে ইঞ্জিন সন্ধান করুন. এবং এই কাজ করতে, আমি যেতে চলেছি এখানে, CSS এর মধ্যে, এবং সঙ্গে খুলুন gedit, সার্চ 0. কিন্তু দুর্ভাগ্যক্রমে আছে, অনেক এখানে হচ্ছে না. আমি সব, একটি শিরোনাম ট্যাগ ব্যবহার, যা ছিল , H1 বলা হতে হবে যা মূলত বড় অর্থ সাহসী, এবং যে এটি. কিন্তু আমরা করতে পারেন যার দ্বারা প্রদান ইনপুট এই মাধ্যমে হয় কিছু ফর্ম বলা হয়. 

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

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

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

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

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

তাই এর যে এখানে সংরক্ষণ করতে দিন. এবং আমি এক অন্য জিনিস করতে হবে. এটা ঠিক যথেষ্ট না বলে আমাকে একটা টেক্সট ক্ষেত্রের দিতে. আমি যে যদি ক্ষেত্রের কিছু r এর দিতে হবে একটি নাম মান. তাই আমাকে Google-এর পছন্দ ধার দেওয়া নাম, Q, এবং যে দ্বিতীয় উল্লেখ আমি সত্যিই যত্ন সম্পর্কে না বৈশিষ্ট্যাবলী submit বাটন নাম. আমি যত্নশীল সমস্ত জমা হয় এখনো সদস্য না হয়ে কি ধরনের ব্যবহারকারী 

এবং এখন এই কুশ্রী ধরনের. এটা ঠিক জমা বলেছেন. এটি সক্রিয় আউট, এবং আমি এই জানি নথিপত্র, আমি আসলে বলতে পারেন মূল্য উদ্ধৃতি unquote "CS50 সমান seach, "বন্ধ মূল্যউদ্ধৃতি. তারপর এর আবার পুনরায় লোড করা যাক. তাই আমি কমান্ড কিছু আঘাত রাখা, অথবা রিলোড আমার কীবোর্ডের কন্ট্রোল কিছু. 

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

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

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

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

এক, ফর্ম ট্যাগ, বিভিন্ন পদক্ষেপ. এটি একটি সম্পূর্ণ URL না. এখন, এটা বলা ফাইল দৃশ্যত এর register0.php, একটি মুহূর্ত, কারণ আমি নিজেকে একটু শেখান যাচ্ছে না পিএইচপি সম্পর্কে কিছু, একটি প্রোগ্রামিং পিএইচপি ব্যবহার করা যেতে পারে, কারণ ভাষা, গুগল হিসেবে বাস্তবায়িত কি বাস্তবায়ন তাদের সার্চ ইঞ্জিন ফিরে শেষ. 

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

পিছনে আমার দিন, আপনি জন্য নিবন্ধিত একটি নবীন হিসেবে intramural ক্রীড়া হাঁটা, এক টুকরা কাগজ ভর্তি গজ জুড়ে, এবং এটা ড্রপ একটি Proctor এর ডাকবাক্স উইগ্লসওয়ার্থ, এবং যে আপনি কিভাবে ছিল নিবন্ধিত. তাই আমার প্রকল্প শীঘ্রই CS50 পরে, নিখুঁত করে তোলে, যা যে করা ছিল ইন্দ্রিয়, ওয়েব সম্মুখের দিকে, যা ছিল না এটা এখন হয় তারপর vogue হিসাবে. কিন্তু আমরা কি ছিল সব, তৈরি ছিল মূলত, একটি HTML ফর্ম. 

এবং যে ফর্ম লাগছিল প্রায় ভালো লেগেছে. আমি একটি ইনপুট ছিল শিক্ষানবিস এর নাম. আমি কিনা বা এর জন্য অন্য একটি চেক বক্স ছিল অথবা তারা অধিনায়ক, কি হতে চেয়েছিলেন না তাদের লিঙ্গ, এবং কি তাদের আস্তানায় ছিল. এবং তারপর আমি হার্ড জিনিষ কোডেড Apley কোর্ট, Canaday মত, Grays, এবং তাই ঘোষণা. 

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

তাই এর এই পৃষ্ঠায় যান. আমার সম্পর্কে ফিরে যান ডিরেক্টরি তালিকা. আমাকে froshims ঢোকা চলুন শুরু করা যাক এবং froshim0.php যান. সুতরাং এটা উচিত হবে, অসহ্য না. তাই আমি স্পষ্টভাবে এই stylize পারে কিছু CSS এর সঙ্গে, আমি কিছু করতে পারে গ্রাফিক্স, হয়তো কিছু রং যোগ করুন এবং এই prettier করতে. কিন্তু এই বৈশিষ্ট্যগুলি, আমি যে এই তর্ক করা চাই আসলে সুন্দর সম্পূর্ণ. 

দুর্ভাগ্যবশত, আমি, এটা পূরণ যখন পুরুষ ডেভিড, ক্যাপ্টেন,, আমরা চয়ন করব এর যাক বলে ম্যাথুজ, নিবন্ধন, যে এরকম সব এই. কিন্তু takeaways কয়েক লক্ষ্য. এক, কি ফাইল যারা ফিরে ফলাফল, দৃশ্যত? সুতরাং, প্রকৃতপক্ষে, register0.php হয়. আমরা যে কর্মের দেখেছি যে তাই একটি মুহূর্ত আগে মান register0, এই আমরা প্রকৃতপক্ষে শেষ যে corroborates যে নির্দিষ্ট ফাইলের দিকে আপ. 

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

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

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

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

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

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

আমি একটি পিএইচপি ডিরেক্টরির মধ্যে যেতে চলেছি. এবং আমি একটি ভাল খুলুন যাচ্ছি আগে থেকে হ্যালো-0 সংস্করণ. আমি সব ছিল যে বিজ্ঞপ্তি কিছু মন্তব্য যোগ করুন. তাই আমরা যে ক্ষোভ পরিত্রাণ পেতে পারেন. 

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

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

এই প্রোগ্রাম শীর্ষে বিজ্ঞপ্তি, যা কিছু আগে, যেমন শুরু আমি পরিত্রাণ পাবেন যা মন্তব্য, একটি ক্ষোভ হিসাবে. আমি পিএইচপি আছি যে বিজ্ঞপ্তি এই ফাইলের মোড. এই কোড সুতরাং, আমরা দেখতে পাবেন, মৃত্যুদন্ড কার্যকর করা হবে. , Readline আছে যে বিজ্ঞপ্তি সম্ভবত যা GetString এর পিএইচপি এনালগ. এটি একটি সামান্য পার্থক্য লক্ষ্য করুন. আপনি আসলে একটি প্রম্পট উল্লেখ ফাংশন পড়া লাইন বলা হয়, এবং যে ব্যবহারকারী দেখে. তাই আপনি যদি printf, নিজে করতে হবে না. কিন্তু যে একটি বড় চুক্তি না. আমি, $ N ভিতরে, সংরক্ষণ করা যাচ্ছে না এই মান প্রত্যাবর্তন, তাই যাই হোক না কেন ব্যবহারকারী ধরনের তাদের int-হয়. এবং এখানে অন্য কৌতূহল আছে. এটি পিএইচপি, যে কোনো পরিবর্তনশীল সক্রিয় আউট শুধু অগ্রে যুক্ত করা হয়েছে একটি ডলার চিহ্ন. এটা একটু বিরক্তিকর. কিন্তু আমি পিএইচপি কাজ করেছেন তা লক্ষ্য. কি বাম হাত থেকে হারিয়েছে এর পাশ দিয়ে সাইন সমান? 

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

কিন্তু বিজ্ঞপ্তি, কয়েক লাইন পরে, আমি N শূন্য অধিক কিনা. সুতরাং পিএইচপি পরোক্ষভাবে নিক্ষেপ যাচ্ছে আমার যাই হোক না কেন "স্ট্রিং" 123, বা ব্যবহারকারী কোন int মধ্যে এ ধরনের. তাই সংক্ষেপে, স্টাফ কাজ করে আরো একটি intuitively অনেক. তাই এখন আমরা কয়েক শিথিল করা শুরু আমরা অতীতে করেছি যে. 

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

সুতরাং কিভাবে আমি এই প্রোগ্রাম চালানো হয়? ওয়েল, যেমন আগে, আমি পিএইচপি না, conditions1.php, এবং টাইপে 123 মত একটি নম্বর. একটি ধনাত্মক সংখ্যা যে. আমি 0 টাইপ, আমি 0 বাছাই. আমি নেতিবাচক 123 টাইপ এবং যদি আমি পেতে শুধুমাত্র যা একটি ঋণাত্মক সংখ্যা, ব্যাক , চিহ্নগুলি সিন্টেক্সের ক্ষেত্রে, পিএইচপি বলতে সুপার, সুপার অনুরূপ. 

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

আচ্ছা, আমাকে একটি নতুন খুলুন যাক এই সংস্করণ. এবং আপনি দেখতে পাবেন যে সমস্যা সেট স্পেসিফিকেশন আপনি পদচারনা এই কয়েক মাধ্যমে. বরং, শূন্য দিয়ে শুরু froshims3 তাকান, যা একটি বিট আরো আছে. 

প্রথম লক্ষ্য করুন, আসলে, এর খুলুন আপ 0 কি ছিল, তাই আপনি দেখতে কি নিবন্ধন 0 ছিল. নিবন্ধন 0 কি লক্ষ্য করুন. এক, আমি উপরের মন্তব্য আছে. যারা মুছে দিন এবং শুধুমাত্র এই ফোকাস. Register0.php বিষয়বস্তু সর্বাধিক স্পষ্টত,, হয়, কি ভাষা? শুধু কাঁচা পিএইচপি. 

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

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

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

শেষ প্রশ্ন তাই হয়, তাহলে এই ফাইলের , ভাল, নরক এই কি হয়? একটি অনুমান নিতে. $ _POST সম্ভবত, কি? 

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

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

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

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

সব ক্যাপ মধ্যে ছোট, $ _POST মধ্যে একটি গ্লোবাল ভেরিয়েবল যে পিএইচপি শুধু magically আপনি যখন তৈরি একটি ওয়েব প্রেক্ষাপটে পিএইচপি ব্যবহার করে. এবং এটি ভিতরে সব রাখে যে আকারে পরামিতি নাম এই ফাইল ও সব থেকে জমা ছিল ব্যবহারকারী ইন টাইপ মান তাই এটা আপনার হাত কি ব্যবহারকারী যে ফরমের টাইপ করা. 

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

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

এই ফাইলটি একরকম সম্পর্কিত হয় মেইল, ইমেইল. তাই এই প্রোগ্রাম কি করছে? এই সংস্করণে, আমি যদি আপনি আসলে ছিল এই ফর্মটি পূরণ করুন - এবং আমাকে যেতে দিন froshIMs3, না froshIMs0 - একই দেখায়. ডেভিড, অধিনায়ক, Male, আস্তানায়, ম্যাথুজ. আমি এই জমা কিন্তু যদি এই ফাইল register3.php যেতে যাচ্ছে. 

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

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

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

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

মান যদি খালি শুধু সত্য ফেরৎ জিনিস আপনি তা হাতে এব w বন্ধনী ববহার মত, খালি ব্যবহারকারী ইন কিছু টাইপ করা হয়নি তাই এই বলার অপেক্ষা রাখে না, এবং বিজ্ঞপ্তি বাক্য গঠন, সি খুব স্মারক, যদি নাম কী, ফর্ম তাই নাম যদি ক্ষেত্রের কিছু r, যার দ্বারা, ডাকযোগে জমা ছিল ব্যবহারকারী, খালি না হয়, এবং তাদের লিঙ্গ হিসেবে আকারে খালি না থাকে ভাল, এবং তাদের আস্তানায় খালি না থাকে - কিন্তু, আমি ক্যাপ্টেন সম্পর্কে না যত্ন বিজ্ঞপ্তি আমরা কি করতে যাচ্ছি? 

আমি চালানো যাচ্ছে না কোড এই লাইন. এবং আপনি এই ধরনের মনে করতে পারেন malloc মত, কিন্তু এটা একটি সামান্য এর যে তুলনায় fancier. কিন্তু এখন জন্য এই সম্পর্কে একটি বিশেষ দেয় টাইপ পিএইচপি mailer এর struct. কিন্তু আজকের জন্য নতুন শব্দ উপেক্ষা করা. 

এখন আমি নামক একটি ফাংশন কল করা যাচ্ছে না IsSMTP বলছেন, যা, SMTP-ব্যবহার করুন. শুধু এই ভিডিওটি মত, পোর্ট 25 হয় জিনিস নিক্ষেপ হয় গত সপ্তাহে, ফায়ারওয়াল ইমেইলগুলিকে. পোর্ট 25 SMTP-হয়. SMTP-মেইল সার্ভার ব্যবহার মানে. যা এক, আমরা হার্ভার্ড এর ব্যবহার করতে পারেন SMTP.fas.harvard.edu. 

আমরা ঠিকানা থেকে সেট করতে পারেন জন হার্ভার্ড এর হতে হবে. আমি আরো নিচে স্ক্রল, আমি সেট করতে পারেন শুধু প্রাপকের ঠিকানা, ইচ্ছামত জন হতে হার্ভার্ড হিসাবে ভাল. তাই তিনি নিজেকে ইমেলের হতে যাচ্ছে. 

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

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

তারপর, জন হার্ভার্ড এর পরের লাইনে ইমেল, এটা বলতে যাচ্ছে ক্যাপ্টেন, বা কিছুই নেই. এটা লিঙ্গ বলে যাচ্ছে পুরুষ বা মহিলা. Dorm ম্যাথুজ হতে যাচ্ছে আমার ক্ষেত্রে. এবং তারপর পরিচিত সেমিকোলন বিজ্ঞপ্তি খুব শেষে. কিছুটা এবং তারপর নিচে, এখানে, নোটিশ, রহস্যপূর্ণ এখনও, কিন্তু আবার, একটি অনুসরণ আরো পরিচিত হয়ে যাবে যে প্যাটার্ন মেইল পাঠালে পি, 7 সেট পরে মিথ্যা ফেরৎ তারপর, এগিয়ে যান এবং মারা যায়. 

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

তাই কয়েক নিন aways এখানে আছে. এক, এটি দৃশ্যত, মোটামুটি সহজ programmatically, ইমেইল পাঠাতে, যা ভাল. ব্যবহারকারীদের আপনার সাইটের জন্য রেজিস্টার কর, যখন মধ্যে তারা আপনার জন্য রেজিস্টার যখন এই ক্ষেত্রে, খেলাধুলা, আপনি নবীন ইমেইল করতে পারেন Proctor, বা জন হার্ভার্ড, এই ক্ষেত্রে. 

তবে এটা আপনি কি করতে পারেন মানে? কেউ থেকে যে কেউ ইমেল পাঠান. এবং এই সত্য. এই হিসাবে সহজে সম্পন্ন না হলে, আপনি Gmail ব্যবহার করে ব্যবহার করছি. কিন্তু আপনি কি কখনও বা Eudora ব্যবহার করেছি যদি আউটলুক, আপনি অনেক সুন্দর একটি বলতে পারেন আপনি যে মেইল ​​সার্ভার আপনি চান যে কেউ. আমি রাখা প্রয়োজন এবং এই হল যে টুপি এবং বলে, এই কাজ করবেন না. কিন্তু এই উইল ঠিক কিভাবে সহজ এটি ফিশিং আক্রমণের সঞ্চালন, এবং বেনামী ইমেল পাঠান, এবং স্প্যাম, আরো সাধারণভাবে. আপনি এবং এটি সত্যিই boils নিচে আপনি প্রয়োজন সব কিছু যে কর্মসূচি প্রবেশাধিকার. 

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

তাই আমি শুধু একটি ইমেল পাঠাতে হবে সিদ্ধান্ত নিয়েছে আমার Proctor গ্রুপে, ভান যার মতামত আমি অন্য লোক, সহমত, এবং তাকে acquiesce আছে আমার মতামত ছিল যাই হোক না কেন এই বিশেষ বিতর্ক. তাই আমি একটি ব্যবহার করে এই ইমেল নকল আত্মা অনুরূপ কৌশল. কিন্তু আসলে এটি সহজ ছিল সময়. পাঠাতে আঘাত. তিনি সন্তুষ্ট, না কি ছিল না বিজ্ঞাপন বোর্ড হয়েছে. 

এবং আমি খুব তাড়াতাড়ি মধ্যে ধরা হয় আপনি কি জানেন, আমি সাইন ইন, কারণ যাও একটি নির্দিষ্ট উপায় আমার ইমেইল. এবং আমি সম্পূর্ণত, নিজে যদিও অংশ, 15 বছর পরে আমি কারণ যে traumatized. আমি কোনো স্বাক্ষর আছে না আমার ইমেল নেভিগেশন এখন. কিন্তু 1995 সালে, আমি একটি sig ছিল আমার ইমেল একটি স্বাক্ষর. তাই এই নোট প্রিয় পাঠক, বলার অপেক্ষা রাখে না ছিল Proctor গ্রুপ, আমি আমার মতামত acquiesce এবং, ডেভিড সঙ্গে একমত তাই স্বাক্ষরিত ও তাই, নতুন লাইন, নতুন লাইন, DJM. 

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

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

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

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

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

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

ভেরিয়েবল নিজেদের ভালো তাকান. এখানে, হ্যালো "unquote একটি পংক্তি উদ্ধৃত করা হয় বিশ্ব. "আপনি একটি ব্যাকস্ল্যাশ N হতে পারে. আমি কেবল এই ক্ষেত্রে না. 

এখন এই একটি আকর্ষণীয় কনস্ট্রাক্ট হয়. সি এই নেই. কিন্তু এই সুপার সহায়ক. এবং আপনি পি সেট 7 এই দেখতে পাবেন বৈশিষ্ট - একটি প্রতিটি নির্মানের জন্য. আপনি সব ওভার reiterate করতে চান তাহলে একটি অ্যারের উপাদান, আপনার কাছে নেই $ i এবং $ N মোকাবেলা করার জন্য, এবং + + +, এবং সব যে. আপনি আক্ষরিক পিএইচপি, এই বলতে পারেন - নম্বর, যাতে প্রতিটি সংখ্যার জন্য আমি যে $ সংখ্যা অভিমানী করছি সংখ্যার একটি অ্যারে. এবং আমি প্রতিটি সংখ্যার জন্য বলা হলে সংখ্যা, এই যাচ্ছে স্বয়ংক্রিয়ভাবে, আমার লুপ executes হিসাবে, , প্রতিটি পুনরাবৃত্তির উপর, মান আপডেট ডলার সাইন সংখ্যা ভিতরে - আবার, এবং আবার, এবং আবার হাঁটা আমার জন্য যে অ্যারের ওভার. তাই এটি শুধু আমাদের কোড পরিমাণ সঞ্চয় হয়. কোন semicolons, কোন + 'গুলি, না আমি না, কোন N এর, এটা চমৎকার. 

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

সুতরাং এটি দুই আছে. এবং আমি এই একটি অ্যারের কল. এটি সাহায্য করে কিন্তু, যদি আপনি মনে করতে পারেন এই হ্যাশ টেবিল, অথবা একটি মিশুক অ্যারে. কিন্তু এটা শুধু একটি ভিন্ন অ্যারের টাইপ. এবং আবার, বিভিন্ন ভাষায় এই আছে. আমরা অনুরূপ কিছু দেখতে পাবেন জাভাস্ক্রিপ্ট মধ্যে হিসাবে ভাল. দুই কি আছে. এক মূল্যউদ্ধৃতি unquote হয়, "চিহ্ন" এক unquote "দাম." উদ্ধৃত এবং যারা কি প্রতিটি একটি মান আছে. এই ক্ষেত্রে প্রতীক এর মান জন্য, FB হয় ফেসবুক, এবং মূল্য এর মান, 49, 26 হয় যা ফেসবুক এর স্টক ছিল এই সকালে হিসাবে দাম. 

তাই কি সম্পর্কে দরকারী একটি মিশুক অ্যারে. আমি সংখ্যাসূচকভাবে ছিল থাকতে পারে শুধু সঙ্গে ইন্ডেক্স অ্যারের সহজ বর্গাকার বন্ধনী. এবং আমি ডলার চিহ্ন ছিল থাকতে পারে উদ্ধৃতি শুধু এই সমান. আমার সম্পর্কে আসলে এটা করুক. আমি পরিবর্তে শুধুমাত্র ঘোষিত ধরুন যে মত এই অ্যারে. যে পুরোপুরি বৈধ নয় চিহ্নগুলি সিন্টেক্সের ক্ষেত্রে. এটি যে কোন তথ্য হারিয়ে না প্রতি SE. আমি এখনও প্রতীক FB যে দেখুন এবং দাম 26 49 যে. সুতরাং কেন মিশুক হয় অ্যারে বাধ্যকারী? 

শ্রোতা: আপনার মনে রাখতে হবে না আপনি স্টাফ করা যেখানে. 

স্পিকার 1: ঠিক, আপনার কাছে নেই আপনি স্টাফ করা যেখানে আপনি মনে রাখা. আপনি ইচ্ছামত স্মরণ করতে হবে না যে স্টক প্রতীক, বন্ধনী শূন্য হয় এবং স্টক মূল্য, বন্ধনী এক হয় যা বিশেষ করে বিপজ্জনক যদি আপনি অবশেষে, জিনিষ পরিবর্তন করুন. এটি সংযুক্ত করতে অনেক nicer এর আমরা মেটাডেটা ডাকবো কি আপনার প্রকৃত তথ্য সহ. আমি সত্যিই আমরা যত্ন কি তর্ক চাই এখানে FB এবং 49, 26 হয়. চিহ্ন এবং মূল্য মেটাডেটা হয় যে তথ্য বর্ণনা আমরা আসলে যত্ন সম্পর্কে. কিন্তু এই ঠিক তাই অনেক সহজ অ্যাক্সেস করতে. 

এখন, একটি সরাইয়া কি হিসাবে আমরা দিতে দাম? আমরা এই কাজ করছি সপ্তাহের জন্য CS50 মধ্যে. এই বৈশিষ্ট্যটি কিছু খরচ আসতে হবে. স্মৃতি. তাই আপনি যদি শুধুমাত্র একটি 32 বিট সংরক্ষণ করছি না পূর্ণসংখ্যা, উদাহরণস্বরূপ. আপনি সম্ভবত প্রতীক / 0 সংরক্ষণ করছেন. সুতরাং আপনি আরো মেমরি ব্যবহার করছেন. 

এবং কর্মক্ষমতা কি একটি কিছু খুঁজছেন আপ মিশুক অ্যারে, সম্ভবত? এটা সম্ভবত মন্থর হয়. র্যান্ডম এক্সেস সুন্দর, বিশেষ করে আপনি বাইনারি অনুসন্ধান করতে পারেন. কিন্তু আপনি আসলে এখন না খুঁজছেন এই সংখ্যার জন্য, কিন্তু স্ট্রিং জন্য সত্যিই নীচে বাস্তবায়িত হয় সম্ভবত একটি হ্যাশ টেবিল হিসাবে ফণা, যেখানে আপনি হয় একটি হ্যাশ টেবিল ব্যবহার পৃথক chaining সঙ্গে. অথবা আপনি আসলে আপনি ব্যবহার করে দেখুন ব্যবহার মান সঞ্চয়. তাই হয়ত আপনি ধ্রুবক সময় করতে পারেন, কিন্তু যদি আপনি এখনও, S-Y-এম বি হে-L-তাকান আছে সম্ভাব্য পরিবর্তে মাত্র 32 কিছু খোঁজা বিট. তাই আবার, যারা একই ধারনা আসছে এই প্রেক্ষাপটে পুনরায় মাথা চাড়া দিতে ব্যাক. 

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

শ্রোতা: নাম. 

স্পিকার 1: নাম, কোথায়? 

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

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

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

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

সুতরাং আপনি দেখতে চলেছেন, এবং আপনি পাবেন পি সেট 7, দৃষ্টান্ত, সাজানোর মধ্যে অভিজ্ঞতা, একটি প্রোগ্রামিং মুজিবনগর যে, দেখে মনে হচ্ছে এই একটি ভালো সামান্য কিছু. কন্ট্রোলার জন্য মডেল, সি জন্য এম, দেখুন জন্য ভী. দীর্ঘ গল্প সংক্ষিপ্ত, MVC শুধু ধরনের হয় তৈরীর একটি পদ্ধতি, একটি উপায় ওয়েবসাইট, বিশেষ করে, যেখানে আপনি আপনার, নির্বোধ ফ্রেজ সব করা - ব্যবসা যুক্তি - আপনার মেধা সম্পত্তি সব একটি নিয়ামক বলা কি, একটি ফাইল index.php মত, বা আমরা দেখতে পাবেন, quote.php, অথবা buy.php. 

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

সুতরাং MVC শুধু আঁকার ওপর সত্যিই হয় বালি লাইন এবং বলছে, আপনার জন্য আকর্ষণীয় প্রোগ্রামিং কোড ওয়েবসাইট আমরা কল করব কি জন্যে নিয়ামক. সাধারণত ডাটাবেস সম্পর্কিত স্টাফ একটি মডেল আপ শেষ. তবে আপনি যদি আমাদের সমস্যা সেট 7, দেখতে পাবেন এটা সহজ রাখা সি এবং এম একত্রীকরণ. কিন্তু দেখুন, যেখানে আপনার HTML সব ও সৌন্দর্যবোধ সাধারণত যান. 

তাই এই বাস্তব পদ মানে? আচ্ছা, আমাকে আমাদের MVC ঢোকা যাক ডিরেক্টরি হিসাবে অনুসরণ করে. এবং আপনি এই বেশি দেখতে পাবেন বৈশিষ্ট মাধ্যমে জনপ্রিয় হয়. সুতরাং mvc0 মধ্যে, আমি চাই, এই দাবি করে যে সংস্করণ CS50 এর ওয়েবসাইটের 0. 

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

তাই এই আমি বাস্তবায়িত হয় কিভাবে এই পৃষ্ঠায়. আমি দুই লিঙ্ক, দুটি তালিকার আইটেম, এক পেয়েছেন unordered তালিকার জন্য উল, এবং শেষ ফলে, aesthetically, এই খুব চমত্কার ওয়েবসাইট, এখানে সংস্করণ 0. কিন্তু কি এখন আকর্ষণীয় হয় কিভাবে এই ফণা নীচে বাস্তবায়িত হয়. 

আমার সম্পর্কে gedit মধ্যে যান এবং এই পর্যন্ত খোলা যাক প্রথম উদাহরণ একটি ছবি আঁকা. এবং আমরা দ্বিধান্বিত কি তাকান করব সম্ভাব্য এখানে. আমি পাবলিক localhost, ঢোকা এখন যদি MVC, কয়েক ফাইল বিজ্ঞপ্তি. আমি, এই কল করা যাচ্ছে না মুহূর্ত, সমস্ত কন্ট্রোলার. কিন্তু যে একটি অপব্যবহার একটি বিট কারণ আপনি সবকিছু commingled এর দেখতে পাবেন তাদের ভিতর. 

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

কিন্তু এই লক্ষ্য. এখন কি আকর্ষণীয় কি এই পৃষ্ঠায় পরিবর্তন. আমার সম্পর্কে লেকচার ক্লিক করুন চলুন শুরু করা যাক. এবং URL পরিবর্তন করতে হয় বিজ্ঞপ্তি. এখন আমি lectures.php এ আছি. আমার সম্পর্কে শূন্য ক্লিক করুন চলুন শুরু করা যাক. এখন আমি week0.php এ করছি এবং এখন আসুন আমার সম্পর্কে gedit এই ফাইল খুলুন. নেই শুধু সূচক, কিন্তু যাক আমার সম্পর্কে বক্তৃতা খুলুন. এবং আমার মন্তব্য পরিত্রাণ পেতে এই অংশ শুধুমাত্র ফোকাস. 

এবং এখন, আমাকে শুধু আরও একটি আপ খুলুন week0.php,, মন্তব্য দূরে নিক্ষেপ শুধু এই পর্যন্ত পরিষ্কার. এবং এখন নিম্নলিখিত বিজ্ঞপ্তি. সম্পর্কে সত্যিই বাছাই সাবধানে চিন্তা নকশা, এবং এর যাক এটা লাইন করতে একই আপ, কি হতে পারে ভাল এখানে, আপনি মনে করেন? 

আমি সপ্তাহে এক কিভাবে হয়েছিল? কিভাবে এই সম্পর্কে. তাই এই আমি সপ্তাহে এক তৈরি করে. আমি নতুন, পেস্ট, সংরক্ষণ করুন, ফাইল আপ গিয়েছিলাম week1.php, এবং তারপর আমি এখানে যান. আর আমি এক পরিবর্তন - এই শুক্রবার এক কি ছিল. আমি এক zeros পরিবর্তন. আমি এক থেকে এই পরিবর্তন. 

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

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

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

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

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

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

অবশেষে, যেহেতু আপনি এখানে তাই দেরী থাকুন আজ, আপনি এই অংশ থেকে ফিরে আসা যদি ক্যাম্পাস, 4:00 PM তে পোস্ট করা আজ, আমরা আপনি SCES না শুধুমাত্র উপদেশ দিতে এ 4:00 PM তে পোস্ট করা এ, উচিত উপদেশ ম্যাক্সওয়েল-Dworkin, আমরা আপনাকে কিছু দেব Americone ড্রিম, চেরি গার্সিয়া, চকলেট অর্থহীন Brownie, চকলেট চিপ কুকি মালকড়ি, এবং যখন আপনি Google Chunky নয়, আপনি এই পেতে. সুতরাং 4:00 এ অ্যাওয়েট্সওয়াচমেন যে সব ম্যাক্সওয়েল-Dworkin মধ্যে PM তে পোস্ট করা. পাশাপাশি বুধবার আপনাকে দেখতে. 

স্পিকার 2: পরবর্তী সময়ে এবং CS50, RJ ইন অপেক্ষার পরে পুনরায় 

RJ: আমার অধ্যায়! হে! ওহ,