1 00:00:00,000 --> 00:00:03,486 >> [সঙ্গীত বাজাচ্ছি] 2 00:00:03,486 --> 00:00:10,460 3 00:00:10,460 --> 00:00:14,250 >> ডেভিড জে Malan: এটি CS50 এবং এই সপ্তাহে 7 শুরু হয়. 4 00:00:14,250 --> 00:00:15,060 তাই ফিরে স্বাগত জানাই. 5 00:00:15,060 --> 00:00:17,540 আর আপনি প্রত্যাহার হতে পারে সমস্যা, চার সেট 6 00:00:17,540 --> 00:00:21,510 একটি মেথর মৃগয়া একটি বিট ছিল কিছু অবিশাস্য পুরস্কার যদ্দ্বারা জন্য 7 00:00:21,510 --> 00:00:24,219 আপনি ফটো পুনরুদ্ধার পর উভয় এখানে এবং নিউ হ্যাভেন কর্মীরা, 8 00:00:24,219 --> 00:00:27,468 আপনি হিসাবে অনেক খুঁজে নিয়ে প্রশ্ন তোলা হয়েছে আপনি পারা হিসাবে যারা কম্পিউটার বিজ্ঞানীরা. 9 00:00:27,468 --> 00:00:29,550 এবং আমরা একটি সম্পূর্ণ পেয়েছেন জমা গুচ্ছ. 10 00:00:29,550 --> 00:00:31,930 আমি কয়েক ভাগ চাই আজ এখানে আপনার সাথে. 11 00:00:31,930 --> 00:00:35,100 >> এবং আমরা অনলাইন এই সব পোস্ট করব. 12 00:00:35,100 --> 00:00:39,310 কিন্তু বিশেষ করে, আমি চেয়েছিলাম ভাল এক চাচ্ছি আপনার দৃষ্টি আকর্ষণ, 13 00:00:39,310 --> 00:00:42,670 স্যাম তাদের বেশ কয়েক ছিল সাধারণত এই মত অঙ্গবিন্যাস. 14 00:00:42,670 --> 00:00:45,750 কিন্তু এটা হিসাবে যে মনে হচ্ছে, এই সকালে, বিজয়ী 15 00:00:45,750 --> 00:00:51,170 একটি নির্দিষ্ট কারও সাথে কেন নামে ছিল কর্মীদের 24 ক্যামেরা বন্দী 16 00:00:51,170 --> 00:00:54,600 আপনি মধ্যে নিতে হলে আরও একটি অথবা কয়েকটি ছবির মধ্যে একাধিক কর্মী অ্যাকাউন্ট. 17 00:00:54,600 --> 00:00:58,300 এখানে অঙ্কিত পরের কেন হয় নিউ হ্যাভেন মেরি. 18 00:00:58,300 --> 00:01:01,300 >> এখন, কেন, যদিও, সক্রিয় আউট একটি কোণ ক্ষেত্রে বিট 19 00:01:01,300 --> 00:01:02,880 যে এখনো আগে ঘটেছে না. 20 00:01:02,880 --> 00:01:05,713 এটা ঘটতে পারে না বলে দেখা যাচ্ছে যে আমার সমস্যা জরিমানা মুদ্রণ করা 21 00:01:05,713 --> 00:01:09,710 কর্মীদের বলছেন যে যে চার সেট অবিশাস্য পুরষ্কারের জন্য অযোগ্য 22 00:01:09,710 --> 00:01:13,130 কেন, অবশ্যই, এক কারণ আমাদের কর্মীদের উপর আলোকচিত্রী. 23 00:01:13,130 --> 00:01:16,820 এখন, সঙ্গে বলেন যে, তিনি মূলত বলতে আমাকে লিখেছে 24 00:01:16,820 --> 00:01:19,180 অনলাইন এই ছবি পোস্ট করবেন না দয়া করে. 25 00:01:19,180 --> 00:01:21,630 আমি বড় অংশ মনে ফটো অধিকাংশ কারণ 26 00:01:21,630 --> 00:01:24,499 এই ফটোগ্রাফার চেহারা নিয়েছে যে এই মত সামান্য কিছু. 27 00:01:24,499 --> 00:01:25,040 এবং পছন্দ. 28 00:01:25,040 --> 00:01:28,990 >> কিন্তু কেন আমাকে আপনি আশ্বস্ত করতে চাই তিনি একটি খুব ভাল ফটোগ্রাফার যে, 29 00:01:28,990 --> 00:01:33,190 তিনি একজন পেশাদার লাগে না blurry হয় না যে ফটো, 30 00:01:33,190 --> 00:01:37,270 ফোকাস ভাল হয়, এবং যে তিনি আমাদের নিজস্ব কর্মীদের বেশ কয়েক নেন. 31 00:01:37,270 --> 00:01:40,370 বরং শুধুমাত্র বেশী স্বীকার আমরা কি চাই তা কেন, 32 00:01:40,370 --> 00:01:43,390 তালিকা মধ্য দিয়ে যেতে হয় জমা যারা প্রকৃত ছাত্র. 33 00:01:43,390 --> 00:01:48,640 এবং এটা নিয়ে যে ল্যান্স সক্রিয় আউট এই সকালে এর 15 ফটো 34 00:01:48,640 --> 00:01:50,030 আমাদের বিজয়ী. 35 00:01:50,030 --> 00:01:55,730 >> আর, ল্যান্স Colton সঙ্গে হয় এখানে অঙ্কিত নিজেকে নিয়ে Skaz, এবং স্যাম সঙ্গে সঙ্গে. 36 00:01:55,730 --> 00:02:00,230 কিন্তু তারপর এটি সক্রিয় যে হিসাবে 11:46 AM না, অল্পমাত্র বিট আগে তাই, 37 00:02:00,230 --> 00:02:04,380 আমি আমার ইমেইল ফিরে গিয়ে পাওয়া আমরা এখনো আরও জমা ছিল যে 38 00:02:04,380 --> 00:02:08,300 বনি নামক একটি ছাত্র দ্বারা যার ইমেইল শুধুমাত্র এই বলেন. 39 00:02:08,300 --> 00:02:10,800 থাকা যাচ্ছে না, আমি আছি বর্গ সময় এই করছেন. 40 00:02:10,800 --> 00:02:17,620 এবং তারপর শুধুমাত্র সংযুক্ত রইল 14 ফটো, ল্যান্স এর 15 এর লাজুক এক. 41 00:02:17,620 --> 00:02:22,690 >> কিন্তু বনি এর ফটোতে, এটি সক্রিয় আউট একাধিক কর্মী সদস্যদের, স্যাম ছিল 42 00:02:22,690 --> 00:02:25,960 তাদের মধ্যে, তাই আমরা যদি আমরা চিন্তা কি কি হবে এই উভয় স্বীকার হয়. 43 00:02:25,960 --> 00:02:29,240 তাই ড্রপবক্স পেয়ে ছাড়াও স্থান যে সবাই কে অংশ 44 00:02:29,240 --> 00:02:33,900 পায়, এই দুটি বিভাগে এছাড়াও করবে তাদের জন্য একটি চমৎকার catered লাঞ্চ পাবেন 45 00:02:33,900 --> 00:02:36,100 এবং তাদের অধ্যায় এই আসছে সপ্তাহে তোমার. 46 00:02:36,100 --> 00:02:38,970 আর তাই আপনি আমাদের কাছ থেকে শুনতে হবে, যে সম্পর্কে বর্শা এবং বনি,. 47 00:02:38,970 --> 00:02:40,002 তাদের এত বড় অভিনন্দন. 48 00:02:40,002 --> 00:02:42,210 এখন, আপনি যাদের যারা would লাঞ্চ মত আরো সাধারণভাবে 49 00:02:42,210 --> 00:02:45,320 কেমব্রিজের যে CS50 লাঞ্চ জানেন এবং নিউ হ্যাভেন এই শুক্রবার. 50 00:02:45,320 --> 00:02:48,510 CS50 এর ওয়েবসাইট স্ল্যাশ উত্তর দিতে যান. 51 00:02:48,510 --> 00:02:49,800 আর এখন সেমিনার উপর একটি শব্দ. 52 00:02:49,800 --> 00:02:50,730 আরো curricularly. 53 00:02:50,730 --> 00:02:52,490 সুতরাং আমরা কাছাকাছি করছি সেমিস্টারে পয়েন্ট 54 00:02:52,490 --> 00:02:55,200 আপনি শুরু করা উচিত যেখানে চূড়ান্ত প্রকল্প সম্পর্কে চিন্তা. 55 00:02:55,200 --> 00:02:59,309 এবং বাস্তবিকই, শুধুমাত্র একটি বিট, হবে প্রাক প্রস্তাব কারণে হতে তথাকথিত. 56 00:02:59,309 --> 00:03:01,850 সুতরাং পূর্ব প্রস্তাব বোঝানো হয় হতে বেশ কম প্রভাব এবং সত্যিই 57 00:03:01,850 --> 00:03:04,109 জন্য শুধু একটি সুযোগ আপনি একটি সংক্ষিপ্ত নোট রচনা করতে 58 00:03:04,109 --> 00:03:06,900 আপনার অধ্যাপনা সহকর্মী অবহিত করতে তাকে বা তার যদি আপনি চিন্তা করছি কি 59 00:03:06,900 --> 00:03:09,140 আপনার চূড়ান্ত প্রকল্পের জন্য কাজ করতে চাইতে পারেন. 60 00:03:09,140 --> 00:03:11,730 >> এখন, অনেক ছাত্র শেষ পর্যন্ত করছেন ওয়েব চূড়ান্ত প্রকল্প ভিত্তিক. 61 00:03:11,730 --> 00:03:13,800 এবং অবশ্যই, আমরা ঠিক করছি এই এখন গত সপ্তাহে 62 00:03:13,800 --> 00:03:15,890 এবং ওয়েব প্রোগ্রামিং মধ্যে ডাইভিং অতিক্রম. 63 00:03:15,890 --> 00:03:18,200 তাই আপনি যদি চিন্তা করতে না একেবারে কোন ধারণা কিভাবে আছে 64 00:03:18,200 --> 00:03:21,594 আপনি ধারণা গড়ে তুলতে হবে আপনি আপনার মনের মধ্যে থাকতে পারে. 65 00:03:21,594 --> 00:03:24,510 এই সত্যিই শুধু একটি অত্যাচার ফাংশন আপনি চিন্তা এবং কথা বলা পেতে 66 00:03:24,510 --> 00:03:25,650 এটা সম্পর্কে আপনার TF সঙ্গে. 67 00:03:25,650 --> 00:03:28,810 কিন্তু যে আপনাকে সাহায্য, এবং চরমভাবে চূড়ান্ত প্রকল্পের সঙ্গে, 68 00:03:28,810 --> 00:03:31,750 এবং CS50 একটি ঐতিহ্য আছে জানি এর সেমিনার প্রস্তাব. 69 00:03:31,750 --> 00:03:36,084 >> আর এই হাত, দেখো, ঐচ্ছিক বা সুযোগ উপর ভিত্তি করে বক্তৃতা 70 00:03:36,084 --> 00:03:39,000 যে বিষয় সম্পর্কে আরও জানতে অবশ্যই এর একটি সামান্য সহায়ক 71 00:03:39,000 --> 00:03:43,310 পাঠ্যক্রম কিন্তু তবু বিস্ময়কর উপাদান চূড়ান্ত প্রকল্প চালাতে. 72 00:03:43,310 --> 00:03:46,840 আর তাই এই যে তালিকা এখানে নিউ হ্যাভেন মধ্যে CS50 কর্মীদের 73 00:03:46,840 --> 00:03:48,600 জন্য নিয়ে আসা হয়েছে প্রয়োজন iOS সম্পর্কে এই বছর 74 00:03:48,600 --> 00:03:50,730 প্রোগ্রামিং, অ্যানড্রইড প্রোগ্রামিং, গেম ডেভেলপমেন্ট, 75 00:03:50,730 --> 00:03:54,480 আরো সরঞ্জামের এবং কাঁদি এবং প্রত্যেক ও কৌশল. 76 00:03:54,480 --> 00:03:56,780 >> সুতরাং CS50 এর ওয়েবসাইটে নজর রাখা. 77 00:03:56,780 --> 00:04:00,110 এবং ইতিমধ্যে, আপনি করতে চান তাহলে এর মধ্যে যে কোনো আপনার আগ্রহের রেজিস্টার, 78 00:04:00,110 --> 00:04:02,510 CS50 এর স্ল্যাশ রেজিস্টার যান. 79 00:04:02,510 --> 00:04:05,770 আর আমরা তখন যত অনুসরণ করা হবে দিন এবং ফ্লাইট সময় এবং স্থান 80 00:04:05,770 --> 00:04:09,090 এবং সবকিছু সবচেয়ে সবকিছু করবে হতে স্ট্রিম এবং চাহিদার উপর পাওয়া 81 00:04:09,090 --> 00:04:11,750 আপনি আসলে তা না করতে পারেন, তাহলে পরে. 82 00:04:11,750 --> 00:04:15,800 তাই আরও ঝামেলা ছাড়া, আমরা পেতে সঙ্গে শেষ সময় বাম বন্ধ. 83 00:04:15,800 --> 00:04:19,610 >> আর এই ছিল যে বার্তা মত ছিল ভার্চুয়াল খাম ভেতরে, প্রত্যাহার, 84 00:04:19,610 --> 00:04:23,960 আমরা রাউটার রাউটার থেকে পাস করে একটি ওয়েব ব্রাউজার এবং একটি ওয়েব মধ্যে রাউটার 85 00:04:23,960 --> 00:04:24,487 সার্ভার. 86 00:04:24,487 --> 00:04:26,695 এবং যে বার্তা লাগছিল একটি এই মত সামান্য কিছু. 87 00:04:26,695 --> 00:04:29,700 এই আরো রহস্যময় বার্তা ছিল যে একটি খাম ভেতরে আসলে ছিল 88 00:04:29,700 --> 00:04:34,440 যার কাগজ এক টুকরা উপর লেখা প্রথম লাইন আক্ষরিক, স্ল্যাশ পেতে বলছেন. 89 00:04:34,440 --> 00:04:37,830 >> আর মাত্র একটি সদ্বিবেচনা চেক হিসাবে, স্ল্যাশ কি বোঝান হয়নি? 90 00:04:37,830 --> 00:04:40,455 স্ল্যাশ যখন এর অর্থ কি একটি ওয়েবসাইট অনুরোধ? 91 00:04:40,455 --> 00:04:43,070 92 00:04:43,070 --> 00:04:44,250 আপনি সব সময় এটা. 93 00:04:44,250 --> 00:04:47,333 সর্বাধিক কোনো সময় আপনি একটি ওয়েবসাইট দেখার জন্য, আপনি আসলে একটি ফাইলের নাম টাইপ না. 94 00:04:47,333 --> 00:04:50,960 আপনি সম্ভবত শুধু Facebook.com যান , gmail.com, বা মত লিখতে. 95 00:04:50,960 --> 00:04:52,260 এবং স্ল্যাশ কি প্রতিনিধিত্ব করে? 96 00:04:52,260 --> 00:04:53,506 কি ফাইল? 97 00:04:53,506 --> 00:04:54,630 বিশেষভাবে বা কি পাতা? 98 00:04:54,630 --> 00:04:59,642 99 00:04:59,642 --> 00:05:00,720 >> সূচক, হ্যা. 100 00:05:00,720 --> 00:05:01,810 ডিফল্ট পাতা সুতরাং. 101 00:05:01,810 --> 00:05:04,810 আপনি একটি ফাইল উল্লেখ না থাকলে তাই আমরা দেখতে শুরু করব হিসাবে নাম, 102 00:05:04,810 --> 00:05:07,750 আপনি আসলে শুধু অনুরোধ করছি আমার ফেসবুক এর ডিফল্ট পাতা দিতে 103 00:05:07,750 --> 00:05:10,800 অথবা আমার ইনবক্সে দিতে বা দিতে আমার খবর ডিফল্ট পাতা 104 00:05:10,800 --> 00:05:12,510 সিএনএন এর ওয়েবসাইট অথবা চাই. 105 00:05:12,510 --> 00:05:15,220 এবং একটি সার্ভার তারপর সাড়া কিছু যে বার্তা 106 00:05:15,220 --> 00:05:18,420 এই মত, আমি হ্যাঁ বলার অপেক্ষা রাখে না HTTP- র সংস্করণ 1.1 বলতে. 107 00:05:18,420 --> 00:05:21,130 >> একটি অবস্থা যা 200, আমরা খুব কমই যে মানুষের কোড 108 00:05:21,130 --> 00:05:22,790 এটা ভালো কারণ কি দেখতে. 109 00:05:22,790 --> 00:05:26,640 এটা ঠিক আছে, অনুরোধ মানে কারণ প্রাপ্তি এবং সঠিকভাবে পরিচালনা করা হয়. 110 00:05:26,640 --> 00:05:28,960 এবং কনটেন্ট টাইপ দৃশ্যত প্রতিক্রিয়ায় 111 00:05:28,960 --> 00:05:31,170 বেশ প্রায়ই, তবে সব সময় নয়, পাঠ্য. 112 00:05:31,170 --> 00:05:32,580 এবং বিশেষভাবে, এইচটিএমএল. 113 00:05:32,580 --> 00:05:34,760 এবং যে আসলে কী যেখানে আমরা আজ তাকান. 114 00:05:34,760 --> 00:05:37,140 >> তাই আসলে, আমি যেতে চলেছি এগিয়ে এবং একটি ব্রাউজার খুলুন. 115 00:05:37,140 --> 00:05:40,410 আমি ক্রোম ব্যবহার করা যাচ্ছে না, আপনি ব্যবহার করতে পারেন সপ্তাহের যে কোন ব্রাউজারের সবচেয়ে আসা. 116 00:05:40,410 --> 00:05:42,410 আমরা সাধারণত ক্রোম সুপারিশ এটি বিশেষ করে কারণ 117 00:05:42,410 --> 00:05:43,750 সফটওয়্যার ডেভেলপারদের জন্য ভাল. 118 00:05:43,750 --> 00:05:46,070 নির্মিত এটা অনেক পেয়েছিলাম এটা সহজ করতে যে টুলস 119 00:05:46,070 --> 00:05:49,800 HTML এবং CSS এর শুধুমাত্র বিকাশ, আমরা আজ কথা বলা শুরু করব কিছু, 120 00:05:49,800 --> 00:05:51,530 কিন্তু অন্যান্য ভাষার পাশাপাশি. 121 00:05:51,530 --> 00:05:55,530 >> এবং আমি এগিয়ে যান এবং চাচ্ছি যেতে চলেছি আমি ক্লিক বা ডান নিয়ন্ত্রণ করা যাচ্ছে না 122 00:05:55,530 --> 00:05:57,210 একটি ওয়েব পেজে কোন জায়গায় ক্লিক করুন. 123 00:05:57,210 --> 00:05:59,070 আর আমি উপাদান পরিদর্শন যেতে যাচ্ছি. 124 00:05:59,070 --> 00:06:03,850 আর আমি খামচি যাচ্ছি আমার এখানে পর্দা অল্পমাত্র বিট. 125 00:06:03,850 --> 00:06:05,790 আমাকে নীচে এই স্থানান্তর. 126 00:06:05,790 --> 00:06:08,140 তাই এই কি বলা হয় ক্রোম এর ইন্সপেক্টর. 127 00:06:08,140 --> 00:06:11,010 সুতরাং এই একটি ডিবাগিং ভালো হয় টুল ক্রোম পাতাটা. 128 00:06:11,010 --> 00:06:13,520 >> আপনি সমস্ত ইতিমধ্যে এই আছে আপনি Chrome ব্যবহার করছি না. 129 00:06:13,520 --> 00:06:17,169 এবং এটা আপনি কি ঘটছে তা দেখতে পারবেন কিছু ওয়েব পৃষ্ঠার ফণা নীচে. 130 00:06:17,169 --> 00:06:19,210 সুতরাং আসুন আসলে একটি নিতে দিন নিম্নরূপঃ এই তাকান. 131 00:06:19,210 --> 00:06:21,251 এই পথ আরো বৈশিষ্ট্য আছে এবং আমরা আজ যত্নশীল. 132 00:06:21,251 --> 00:06:22,760 কিন্তু এখানে উপর এই ট্যাব আছে. 133 00:06:22,760 --> 00:06:25,890 উপাদানসমূহ, নেটওয়ার্ক, সূত্র, টাইমলাইনে, এবং অন্যান্য কিছু উপাদান. 134 00:06:25,890 --> 00:06:27,800 আমি উপর ক্লিক করুন যাচ্ছি একটি মুহূর্ত জন্য নেটওয়ার্ক. 135 00:06:27,800 --> 00:06:30,500 >> এবং এটি একটি সামান্য অপ্রতিরোধ্য এখানে প্রথম নজরে. 136 00:06:30,500 --> 00:06:34,190 কিন্তু আমি কি করতে যাচ্ছি দিন হয় আমার জন্য এটি একটি সামান্য বিট সহজ করে. 137 00:06:34,190 --> 00:06:37,560 আমি চালু করা যাচ্ছে না এটি লাল যাতে আলো রেকর্ডিং. 138 00:06:37,560 --> 00:06:39,140 আর আমি লগ সংরক্ষণ বলতে যাচ্ছি. 139 00:06:39,140 --> 00:06:41,015 এবং শুধু এই একটি সামান্য জিনিস আমি মূর্তিযুক্ত আউট 140 00:06:41,015 --> 00:06:44,120 সময়ের যে সংরক্ষণ যাচ্ছে ব্রাউজারে যে এরকম সবকিছু. 141 00:06:44,120 --> 00:06:50,030 এবং এখন আমি যেতে চলেছি http://facebook.com করতে. 142 00:06:50,030 --> 00:06:52,690 >> বাস্তবিক, আমি কি www না যাক ভাল পরিমাপ জন্য, কাট. 143 00:06:52,690 --> 00:06:53,643 লিখুন. 144 00:06:53,643 --> 00:06:56,180 তাই একটি URL যে অনেক আপনার পরিদর্শন করেছি. 145 00:06:56,180 --> 00:06:58,830 এবং বর্তমানে ফেসবুক এর ওয়েব পাতা উপরের আপ আসে. 146 00:06:58,830 --> 00:07:02,350 আর তৎকালীন আভা স্টাফ নীচে করে আসেন. 147 00:07:02,350 --> 00:07:04,830 এবং বাস্তবিকই, এটা দেখা যাচ্ছে যে আপনি Facebook.com যান তখন 148 00:07:04,830 --> 00:07:09,320 আপনি শুধু এক HTTP অনুরোধ করছি না এটা Facebook.com যাচ্ছে যে দেখা যাচ্ছে 149 00:07:09,320 --> 00:07:14,320 সেই খামে 41 পাঠায় নিজস্ব পেতে অনুরোধ সঙ্গে প্রতিটি, 150 00:07:14,320 --> 00:07:18,360 পর্দার পিছনে যদ্যপি নির্দেশিত হিসাবে এখানে, পর্দার নীচে অংশে অবস্থিত, 151 00:07:18,360 --> 00:07:24,040 এটা প্রকৃতপক্ষে, যে ইঙ্গিত আমার ব্রাউজার 41 অনুরোধ করেছেন. 152 00:07:24,040 --> 00:07:29,689 >> এবং মোট, এটা 861 স্থানান্তর কিলোবাইট এবং এটা কোনো কারণে গ্রহণ 153 00:07:29,689 --> 00:07:31,730 হিসাবে অনেক হিসাবে আট সেকেন্ডের যে সব ডাউনলোড করতে. 154 00:07:31,730 --> 00:07:33,790 সুতরাং যে আসলে একটু অদ্ভুত ফেসবুক এর সাইটে যে গ্রহণ করা হবে যে 155 00:07:33,790 --> 00:07:35,600 দীর্ঘ, কিন্তু তাই এই ক্ষেত্রে এটা হতে. 156 00:07:35,600 --> 00:07:39,520 এখন, এই সব আমি সত্যিই না যত্ন আগ অনুরোধ ছাড়া সম্পর্কে. 157 00:07:39,520 --> 00:07:46,440 সুতরাং এর ঠিক এই এক যেতে দিন এবং আমাকে শুধু একটা মুহূর্ত জন্য জুম আউট করা যাক. 158 00:07:46,440 --> 00:07:47,754 >> আর আমার এই জুমইন যাক. 159 00:07:47,754 --> 00:07:50,670 আমি যদিও বাম এ কাজ করেছি তাই কি এখানে ওভার যাওয়া অনেক আছে 160 00:07:50,670 --> 00:07:53,360 আমি হাইলাইট করেছি হয় Facebook.com এবং তারপর 161 00:07:53,360 --> 00:07:56,540 আমি নিচে স্ক্রলিং করছি যে লক্ষ্য নিচে স্ক্রলিং নিচে স্ক্রলিং, 162 00:07:56,540 --> 00:07:58,330 হেডার অনুরোধ করতে. 163 00:07:58,330 --> 00:08:01,720 আর আপনি ক্রোম দেখানো হয় যে দেখতে পাবেন আমার মূলত ভেতরের বিষয়বস্তু 164 00:08:01,720 --> 00:08:02,810 অনুরোধের আমি তৈরি. 165 00:08:02,810 --> 00:08:06,130 এটা পুরোপুরি একই বিন্যাস না পথ, কিন্তু পেতে উল্লেখ আছে বিজ্ঞপ্তি, 166 00:08:06,130 --> 00:08:09,481 , হোস্ট উল্লেখ আছে বিজ্ঞপ্তি Facebook.com, পাথ, বা স্ল্যাশ, 167 00:08:09,481 --> 00:08:10,730 যা আমি অনুরোধ ফাইল. 168 00:08:10,730 --> 00:08:12,930 >> এবং তারপর আমি স্ক্রল ব্যাক আপ, আমরা আসলে হবে 169 00:08:12,930 --> 00:08:17,270 দেখতে ফেসবুক ফিরে কি যে আমাকে এই হেডার সব হয়. 170 00:08:17,270 --> 00:08:21,040 যে ভার্চুয়াল খাম ভেতরে তাই প্রকৃতপক্ষে কী মান জোড়া একটি অনেক আছে. 171 00:08:21,040 --> 00:08:23,130 একটি শব্দ, একটি কোলন, এবং তারপর একটি মান. 172 00:08:23,130 --> 00:08:25,050 একটি শব্দ, একটি কোলন, এবং একটি মান. 173 00:08:25,050 --> 00:08:26,160 এই বলা হেডার. 174 00:08:26,160 --> 00:08:31,860 আর উপায় আরো বিস্তারিত আর এখানে আছে আমরা আসলে এই মুহূর্তে যত্নশীল. 175 00:08:31,860 --> 00:08:33,750 >> কিন্তু এই দ্বিতীয় নিচে আছে গত এক, 176 00:08:33,750 --> 00:08:38,809 লক্ষ্য, Facebook.com এর সার্ভার যে, প্রকৃতপক্ষে এখানে বলেন কিছু টেক্সট এইচটিএমএল আসে. 177 00:08:38,809 --> 00:08:41,409 তাই এই সব বলতে হয় আপনি একটি ওয়েব অনুরোধ যখন যে 178 00:08:41,409 --> 00:08:44,300 একটি একটি ব্রাউজার থেকে পাতা সার্ভার, যে সার্ভার সাড়া 179 00:08:44,300 --> 00:08:47,630 তার নিজস্ব একটি খাম দিয়ে যার ভিতরে পাঠ্য. 180 00:08:47,630 --> 00:08:49,020 অন্য কথায়, এইচটিএমএল. 181 00:08:49,020 --> 00:08:50,590 হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ. 182 00:08:50,590 --> 00:08:53,200 যা অন্য ভাষা আমরা আজ পরিচয় করিয়ে দিতে যে 183 00:08:53,200 --> 00:08:57,740 মানুষের বা কম্পিউটারের উৎপন্ন যে যাতে ওয়েব পেজ বাস্তবায়ন. 184 00:08:57,740 --> 00:08:59,580 >> বিশেষ করে, এর এই তাকান. 185 00:08:59,580 --> 00:09:03,277 আমি এখন ফিরে যেতে চলেছি ফেসবুক এর ওয়েবসাইট. 186 00:09:03,277 --> 00:09:05,360 আর আমি যাচ্ছি মাত্র নিয়ন্ত্রণ ক্লিক বা ডান ক্লিক 187 00:09:05,360 --> 00:09:07,634 এবং দেখুন পৃষ্ঠা উত্স উপর ক্লিক করুন. 188 00:09:07,634 --> 00:09:10,550 আর আপনি ক্রোম ব্যবহার করবেন না, এমনকি যদি, অর্থাত্ এই, ফায়ারফক্স এই কাজ করতে পারেন না পারেন, 189 00:09:10,550 --> 00:09:14,060 সাফারি এমনকি মেনু যদিও, এটা করতে পারেন অপশন একটু ভিন্ন চেহারা হতে পারে. 190 00:09:14,060 --> 00:09:18,990 আর এই এইচটিএমএল যে মার্ক ও ফেসবুক এ কোম্পানির লিখিত আছে. 191 00:09:18,990 --> 00:09:24,640 >> এবং সম্মিলিতভাবে, এই ভাষা এখানে নীল এবং সাদা পৃষ্ঠা কার্যকরী 192 00:09:24,640 --> 00:09:26,370 যে আমরা একটি মুহূর্ত আগে দেখেছি. 193 00:09:26,370 --> 00:09:28,030 এখন, এই একটি বিট অপ্রতিরোধ্য. 194 00:09:28,030 --> 00:09:31,400 আমরা উপরের বামদিকের সন্ধান কিন্তু যদি আমরা আছেন কিছু নিদর্শন দেখতে শুরু করতে যাচ্ছে. 195 00:09:31,400 --> 00:09:34,140 অনেক আছে দেখে মনে হচ্ছে এই খোলা কোণ বন্ধনী 196 00:09:34,140 --> 00:09:35,970 এবং তারপর এই শব্দ এইচটিএমএল আছে. 197 00:09:35,970 --> 00:09:38,330 এখানে আরেকটি খোলা কোণ বন্ধনী এবং মাথা. 198 00:09:38,330 --> 00:09:41,560 >> যদি আমরা নিচে স্ক্রল এখানে, হয় এবং নিচে এবং নিচে, আমি আছি 199 00:09:41,560 --> 00:09:43,820 এগিয়ে যান এবং চেষ্টা করে যাচ্ছে কিছু অনুসন্ধান করার জন্য. 200 00:09:43,820 --> 00:09:48,510 সেখানে পথ ধরে ডানদিকে এখানে খোলা বন্ধনী শরীর. 201 00:09:48,510 --> 00:09:50,800 আর সর্বশেষ থেকে প্রত্যাহার আমরা প্রস্তাব যে সময় 202 00:09:50,800 --> 00:09:53,364 সহজ ওয়েবপৃষ্ঠাটি যে একটি মানবিক লিখতে পারে যে 203 00:09:53,364 --> 00:09:55,030 এই মত সামান্য কিছু চেহারা হতে পারে. 204 00:09:55,030 --> 00:09:58,430 ওপেন এইচটিএমএল ট্যাগ, খোলা মাথা ট্যাগ, খোলা টাইটেল ট্যাগ, 205 00:09:58,430 --> 00:10:03,230 তারপর বদ্ধ শিরোনাম, বদ্ধ মাথায়, খোলা শরীরের ট্যাগ, কিছু লেখা, শরীরের বন্ধ 206 00:10:03,230 --> 00:10:04,720 বদ্ধ এইচটিএমএল. 207 00:10:04,720 --> 00:10:06,290 >> কিন্তু শুধু একটা মুহূর্ত জন্য এখানে একটি বিরতি. 208 00:10:06,290 --> 00:10:09,030 এই কোড, আপনি করেছি, এমনকি যদি আগে এটি লিখিত ছিল না 209 00:10:09,030 --> 00:10:11,864 কিন্তু এখনও বেশ বুঝতে পারছি না কি ঘটছে, বেশ ভাল দেখায়. 210 00:10:11,864 --> 00:10:12,821 রাইট, তা খুব পরিষ্কার নয়. 211 00:10:12,821 --> 00:10:14,120 এটা খুব শৈলীগত চমৎকার. 212 00:10:14,120 --> 00:10:16,190 খাঁজ এবং একটি সাদা স্থান অনেক. 213 00:10:16,190 --> 00:10:18,020 ফেসবুক এর নয়. 214 00:10:18,020 --> 00:10:23,190 সুতরাং কেন ফেসবুক এত এইচটিএমএল লেখার সময়ে আমি চেয়ে খারাপ? 215 00:10:23,190 --> 00:10:24,310 দৃশ্যত. 216 00:10:24,310 --> 00:10:26,899 >> রাইট, এই এক মত হয় শৈলী জন্য পাঁচটি আউট. 217 00:10:26,899 --> 00:10:29,315 একটি বাধ্যকারী কারণ আছে তাদের জন্য এই কোণ কাটা. 218 00:10:29,315 --> 00:10:31,069 219 00:10:31,069 --> 00:10:33,860 ঠিক আছে, তাই তারা করতে চান না এটা সহজ করার জন্য আপনাকে এটা পড়তে বাধ্য করা. 220 00:10:33,860 --> 00:10:36,940 তাই কিছু অর্থে, তারা আছেন এটা obfuscating, সাজানোর এটা হাহাকার 221 00:10:36,940 --> 00:10:40,260 অন্তত নান্দনিক তাই এটা মাইস্পেস জন্য কঠিন যে 222 00:10:40,260 --> 00:10:42,705 যান এবং সরাইয়া ফেলা তাদের হোম পেজ এবং এটি জন্য এইচটিএমএল. 223 00:10:42,705 --> 00:10:45,080 এটা প্রোগ্রাম সঙ্গে যে দেখা যাচ্ছে ক্রোম সহ যদিও, 224 00:10:45,080 --> 00:10:47,020 আমরা সুপার সহজেই এই পরিষ্কার করতে পারেন. 225 00:10:47,020 --> 00:10:49,420 সুতরাং এটা কারণ হিসেবে বেশ যে. 226 00:10:49,420 --> 00:10:51,290 আর কি কারণ হতে পারে. 227 00:10:51,290 --> 00:10:51,790 হ্যা. 228 00:10:51,790 --> 00:10:54,680 229 00:10:54,680 --> 00:10:55,890 হ্যা, সাদা স্পেস খরচ তথ্য. 230 00:10:55,890 --> 00:10:56,598 তুমি কি বুঝাতে চাও? 231 00:10:56,598 --> 00:11:02,250 232 00:11:02,250 --> 00:11:02,979 একদম সঠিক. 233 00:11:02,979 --> 00:11:06,020 আপনি ট্যাব কী অনেক বা আঘাত স্পেস বার, প্রভাব বিবেচনা. 234 00:11:06,020 --> 00:11:10,060 সুতরাং আপনার কীবোর্ডের প্রতি কি একটি হল [শ্রবণাতীত] এক বাইট হিসাবে প্রতিনিধিত্ব. 235 00:11:10,060 --> 00:11:14,560 >> সুতরাং অনুমান করা হয় যে মার্ক বা devs কোনো এই দিন শুধু একবার, spacebar হিট 236 00:11:14,560 --> 00:11:17,899 এই এইচটিএমএল পৃষ্ঠায় সেই ফেসবুক এর হোমপেজে প্রতিনিধিত্ব করে. 237 00:11:17,899 --> 00:11:19,690 আর ফেসবুক অনেক আছে ব্যবহারকারীদের এই দিন. 238 00:11:19,690 --> 00:11:24,030 সুতরাং অনুমান করা হয় যে ফেসবুক এর হোমপেজে আজ একটি বিলিয়ন মানুষ পরিদর্শন করা হয়. 239 00:11:24,030 --> 00:11:27,020 আর ফেসবুক এ কেউ আছে শুধু একবার স্পেস বার চাপুন. 240 00:11:27,020 --> 00:11:29,890 >> সুতরাং এক অতিরিক্ত বাইট, একটি বিলিয়ন অনুরোধ, 241 00:11:29,890 --> 00:11:32,790 কত আরো তথ্য ফেসবুক ইন্টারনেটের মাধ্যমে হস্তান্তর 242 00:11:32,790 --> 00:11:37,160 কেউ আঘাত কারণ তার কিবোর্ডের উপর SPACEBAR? 243 00:11:37,160 --> 00:11:41,660 একটি বিলিয়ন বাইট, বা এক গিগাবাইট তথ্য ফেসবুক সার্ভার থেকে পাঠানো হচ্ছে 244 00:11:41,660 --> 00:11:43,626 চারপাশের মানুষের কোন ভাল কারণে বিশ্বের. 245 00:11:43,626 --> 00:11:44,750 এখন, যে মাত্র এক স্থান. 246 00:11:44,750 --> 00:11:48,866 >> আমরা আসলে এই পরিষ্কার তাহলে ভাবুন জিনিস আপ এবং এটি সংভৃত এবং যোগ 247 00:11:48,866 --> 00:11:50,990 সাদা স্থান অনেক এবং ট্যাব অক্ষর এবং স্পেস, 248 00:11:50,990 --> 00:11:53,656 আপনি খরচ গিগাবাইট শেষ, যদি না টেরা বাইট স্পেস বেশি. 249 00:11:53,656 --> 00:11:56,640 আর তাই সুপার সাধারণ ওয়েব ডেভেলপমেন্ট এর প্রকৃত বিশ্বের 250 00:11:56,640 --> 00:11:58,950 আপনার কোড minify হয়. 251 00:11:58,950 --> 00:12:01,280 এবং আমরা শেষ পর্যন্ত দেখতে পাবেন আপনি এই কাজ করতে পারে কিভাবে. 252 00:12:01,280 --> 00:12:04,630 >> কিন্তু আজকে আমরা কোড লেখা শুরু করব যে আমাদের মানুষের দ্বারা আসলে পাঠযোগ্য. 253 00:12:04,630 --> 00:12:10,120 আপনি ফিরে যান, তাহলে এটা, যদিও এটি সক্রিয় আউট Chrome এ এই সরঞ্জামে, উপাদান পরিদর্শন 254 00:12:10,120 --> 00:12:12,030 পূর্বে, আমরা নেটওয়ার্ক ট্যাবে ছিল. 255 00:12:12,030 --> 00:12:15,430 এটা আপনি যান তাহলে দেখা যাচ্ছে যে আপনি আসলে দেখতে কি উপাদান ট্যাব, 256 00:12:15,430 --> 00:12:19,230 ক্রোম এর বেশ ছাপা হয় যে একই এইচটিএমএল এর সংস্করণ. 257 00:12:19,230 --> 00:12:20,640 সুতরাং আমরা এটা deobfuscated থাকেন. 258 00:12:20,640 --> 00:12:22,472 সুতরাং এটি একটি কম্পিউটারের জন্য কোন ম্যাচ. 259 00:12:22,472 --> 00:12:24,430 আর এখন আপনি আসলে করতে পারেন প্রায় ক্লিক করুন এবং শুরু 260 00:12:24,430 --> 00:12:27,630 একটি ওয়েব পৃষ্ঠা যে অনুক্রমের দেখতে. 261 00:12:27,630 --> 00:12:28,780 সুতরাং আসুন আসলে এই কাজ করা যাক. 262 00:12:28,780 --> 00:12:32,120 আমি এগিয়ে যান এবং আপ খুলতে যাচ্ছি আমার ম্যাক টেক্সট সম্পাদনা নামক একটি অনুষ্ঠান. 263 00:12:32,120 --> 00:12:35,490 এবং এই মাত্র যে প্রত্যাহার একটি সুপার সহজ টেক্সট প্রোগ্রাম. 264 00:12:35,490 --> 00:12:37,490 উইন্ডোজ NotePad.exe আছে. 265 00:12:37,490 --> 00:12:39,820 আর আমি ধারণকৃত যাচ্ছি নিম্নলিখিত কমান্ড টাইপ. 266 00:12:39,820 --> 00:12:44,650 ডক টাইপ এইচটিএমএল, খোলা বন্ধনী এইচটিএমএল, বন্ধনী এইচটিএমএল বন্ধ 267 00:12:44,650 --> 00:12:49,000 আমরা এখানে পৃষ্ঠার মাথা আছে সংযোগকারী পৃষ্ঠাসমূহ পাতা প্রধান শেষে, 268 00:12:49,000 --> 00:12:52,310 একটি শিরোনাম, হ্যালো দুনিয়া মত হতে হবে. 269 00:12:52,310 --> 00:12:56,660 >> এবং তারপর এখানে নিচে, আমরা প্রয়োজন ওয়েব পৃষ্ঠার শরীর. 270 00:12:56,660 --> 00:12:58,050 বন্ধ শরীর. 271 00:12:58,050 --> 00:13:00,700 এবং তারপর এখানে, হ্যালো দুনিয়া. 272 00:13:00,700 --> 00:13:01,270 ঠিক আছে. 273 00:13:01,270 --> 00:13:03,350 সুতরাং আমরা একটি সুপার ফাস্ট ওয়েব পেজগুলোতে থাকেন. 274 00:13:03,350 --> 00:13:06,675 আমি হিসাবে এটি সংরক্ষণ করতে যাচ্ছি আমার ডেস্কটপে hello.html. 275 00:13:06,675 --> 00:13:09,050 আমার ম্যাক এর, অভিযোগ করতে যাচ্ছে যে চিন্তা, একটি মিনিট অপেক্ষা করুন, 276 00:13:09,050 --> 00:13:11,091 এই একটি টেক্সট ফাইল, না আপনি এটা .txt কল করতে চান? 277 00:13:11,091 --> 00:13:13,300 কিন্তু কোন, আমি ডট এইচটিএমএল ব্যবহার করতে চান. 278 00:13:13,300 --> 00:13:16,140 >> আমি এবং তারপর যদি সুন্দর কি শুধু এই ফাইলটি ডাবল ক্লিক করুন, 279 00:13:16,140 --> 00:13:18,600 hello.html, এখানে আমার ওয়েব পাতা. 280 00:13:18,600 --> 00:13:22,564 দুর্ভাগ্যবশত, আমি আছি বিশ্বের একমাত্র ব্যক্তি 281 00:13:22,564 --> 00:13:23,980 যারা এই মুহূর্তে এই পৃষ্ঠা পরিদর্শন করতে পারেন. 282 00:13:23,980 --> 00:13:26,734 যেখানে এটা দৃশ্যত বাস কারণ? 283 00:13:26,734 --> 00:13:27,650 এটা আমার ম্যাক, ডান? 284 00:13:27,650 --> 00:13:28,470 যা অনর্থক. 285 00:13:28,470 --> 00:13:30,390 এই রুমে কেউ পছন্দ ইন্টারনেটে একা দিন 286 00:13:30,390 --> 00:13:31,598 আসলে যে পৃষ্ঠা পরিদর্শন করতে পারেন. 287 00:13:31,598 --> 00:13:33,820 তাই আজকে আমরা প্রয়োজন অন্য উপাদান পরিচয় করিয়ে দিতে. 288 00:13:33,820 --> 00:13:36,720 >> আর এই কাজ করতে, আমি যাচ্ছি এগিয়ে যান এবং মেঘ 9 খুলুন. 289 00:13:36,720 --> 00:13:40,090 তাই মেঘ 9 অবশ্যই একটি হল মেঘ ভিত্তিক service-- CS50 290 00:13:40,090 --> 00:13:44,890 IDE-- যে আমাদের কর্মক্ষেত্রের সব আছে কোথাও ইন্টারনেট চলমান. 291 00:13:44,890 --> 00:13:48,330 এবং যে আমাদের ফাইল যে সব মানে ইতিমধ্যে প্রকাশ্যে প্রবেশযোগ্য. 292 00:13:48,330 --> 00:13:49,830 সুতরাং আসুন এগিয়ে যান এবং এই কাজ করা যাক. 293 00:13:49,830 --> 00:13:53,670 আমি এগিয়ে যেতে চলেছি এবং একটি নতুন ফাইল NCS50IDE তৈরি. 294 00:13:53,670 --> 00:13:58,819 আমি আগে হিসাবে এটি সংরক্ষণ করতে যাচ্ছি এবং hello.html হিসাবে সংরক্ষণ করুন. 295 00:13:58,819 --> 00:14:01,860 আর এখন শুধু সময় বাঁচাতে, আমি যাচ্ছি এই কোড পেস্ট এগিয়ে যান এবং কপি করতে 296 00:14:01,860 --> 00:14:03,470 বরং এটি টাইপ. 297 00:14:03,470 --> 00:14:04,550 তা সংরক্ষণ করুন. 298 00:14:04,550 --> 00:14:07,550 তাই এখন আমি একটি আছে ফাইল hello.html বলা. 299 00:14:07,550 --> 00:14:09,710 কিন্তু কিভাবে আসলে আমি কি একটি ওয়েব পৃষ্ঠা হিসাবে এটি খুলতে? 300 00:14:09,710 --> 00:14:14,120 ওয়েল, এটা CS50 সালে নির্মিত দেখা যাচ্ছে আইডিই ঝনঝন মত শুধুমাত্র একটি কম্পাইলার নয় 301 00:14:14,120 --> 00:14:16,670 এবং GDB মত একটি ডিবাগার এবং অন্যান্য প্রোগ্রামের মধ্যে bunches, 302 00:14:16,670 --> 00:14:21,140 একটি পরিপূর্ণ আসলে আছে এবং CS50 আইডিই মধ্যে চলমান ওয়েব সার্ভার. 303 00:14:21,140 --> 00:14:23,900 >> আপনাকে সবাই, বলতে হয়, আপনার নিজস্ব ওয়েব সার্ভার আছে. 304 00:14:23,900 --> 00:14:26,850 এবং একটি ওয়েব সার্ভার মাত্র টুকরা জীবনে যার উদ্দেশ্য সফ্টওয়্যার 305 00:14:26,850 --> 00:14:28,220 ওয়েব পেজ আপ পরিবেশন করা হয়. 306 00:14:28,220 --> 00:14:32,490 ব্রাউজার থেকে অনুরোধ শোনার জন্য এবং একটু ভার্চুয়াল খামে সঙ্গে সাড়া 307 00:14:32,490 --> 00:14:35,290 ভিতরে যা হয় আমি লিখেছি যে সামগ্রী. 308 00:14:35,290 --> 00:14:38,372 তাই এই ওয়েব সার্ভার আসলে ফ্রি এবং ওপেন সোর্স. 309 00:14:38,372 --> 00:14:40,830 কোথায় ওপেন সোর্স শুধু মানে অন্য কেউ আছে যে সফটওয়্যার 310 00:14:40,830 --> 00:14:43,480 লেখা আমাদের সব করতে পারেন যে আসলে দেখতে এবং এমনকি ডাউনলোড 311 00:14:43,480 --> 00:14:44,780 সোর্স কোড পরিবর্তন. 312 00:14:44,780 --> 00:14:46,150 আর এটা এ্যাপাচি বলা হচ্ছে. 313 00:14:46,150 --> 00:14:51,450 >> আর আমরা এটা একটু সহজ করেছি এ্যাপাচি 50 এটা কল করে CS50IDE ব্যবহার. 314 00:14:51,450 --> 00:14:53,780 এটা আসলে পারেন, যাতে নিম্নলিখিত বুঝতে. 315 00:14:53,780 --> 00:14:56,560 আমি এ্যাপাচি 50 শুরু বলতে যাচ্ছি. 316 00:14:56,560 --> 00:14:58,910 এবং তারপর আমি ঠিক বিন্দু বলতে যাচ্ছি. 317 00:14:58,910 --> 00:15:01,080 আর আমরা কিছু কিছুটা দেখতে বলার অপেক্ষা রাখে না গোপনীয় বার্তা 318 00:15:01,080 --> 00:15:04,640 এ্যাপাচি এর নথি [সেটিং? গ্রুপ?] হোম, উবুন্টু, যে যাই হোক না কেন, 319 00:15:04,640 --> 00:15:05,770 কর্মক্ষেত্র কাট. 320 00:15:05,770 --> 00:15:08,280 শুরু ওয়েব সার্ভার সফলভাবে এ্যাপাচি 2. 321 00:15:08,280 --> 00:15:11,330 >> তাই দীর্ঘ সংক্ষিপ্ত বিবরণ, আমি শুধু একটি বাটন push করা 322 00:15:11,330 --> 00:15:18,000 এবং এখন যারা একটি ওয়েব সার্ভারে পরিণত TCP পোর্ট উপর ইন্টারনেটে শোনা 323 00:15:18,000 --> 00:15:20,587 একটি নির্দিষ্ট ঠিকানায় 80. 324 00:15:20,587 --> 00:15:22,420 এবং এটা এখানে বলছেন, এবং এই ভিত্তি করে পরিবর্তন করা হবে 325 00:15:22,420 --> 00:15:26,550 আপনার ব্যবহারকারী নাম এবং অন্যান্য কারণের উপর, আমি এই ক্লিক কিন্তু যদি, এখন লক্ষ্য 326 00:15:26,550 --> 00:15:30,211 IDE50 ডট jharvard এবং তাই এবং তাই, লক্ষ্য সব এই সময় যে 327 00:15:30,211 --> 00:15:31,960 গত কয়েক জন্য সপ্তাহ, আপনি থাকতে পারে 328 00:15:31,960 --> 00:15:35,200 আপনার নিজস্ব ইউজারনেম লক্ষ্য করেছি যে উপরের ডান দিকের এমবেড করা হয় 329 00:15:35,200 --> 00:15:37,130 CS50IDE কোণে. 330 00:15:37,130 --> 00:15:41,050 >> এবং যে আসলে হয়েছে সব এই অঙ্ক সময় যা আপনি করতে পারেন এ 331 00:15:41,050 --> 00:15:43,574 ওয়েব এর মাধ্যমে আপনার ফাইল সব যান. 332 00:15:43,574 --> 00:15:45,990 এখন পর্যন্ত, এটা গুরুত্বপূর্ণ না, কারণ সি, আপনি সাধারণত 333 00:15:45,990 --> 00:15:48,073 একটি চলমান কিছু চান টার্মিনাল, না ওয়েবে. 334 00:15:48,073 --> 00:15:50,800 কিন্তু আজকে আমরা শুরু ওয়েব ভিত্তিক কোড লেখা 335 00:15:50,800 --> 00:15:53,350 আমরা চাই না যে পাবলিক URL গুলি প্রবেশযোগ্য. 336 00:15:53,350 --> 00:15:56,100 তাই কি আমি করতে যাচ্ছি কি এই URL- এ ক্লিক করুন. 337 00:15:56,100 --> 00:16:00,880 >> আর আমি মোটামুটি দেখতে যে বিজ্ঞপ্তি অরুপ সূচক, একটি ডিরেক্টরির তালিকা 338 00:16:00,880 --> 00:16:04,090 কিন্তু কি ফাইল সম্ভবত আপনি এ জাম্প? 339 00:16:04,090 --> 00:16:05,210 Hello.html. 340 00:16:05,210 --> 00:16:07,870 আমি সংরক্ষিত কারণে যে আমার কর্মক্ষেত্র ফাইল. 341 00:16:07,870 --> 00:16:12,310 আর আমি Apache ওয়েব সার্ভার বলেছি কি ডেভিড এর কর্মপরিসর ডিরেক্টরির মধ্যে চেহারা হয়. 342 00:16:12,310 --> 00:16:15,300 আর যে কেউ দিন বিশ্বের ফাইলগুলি দেখুন. 343 00:16:15,300 --> 00:16:19,050 >> এবং প্রকৃতপক্ষে, আমি যদি এখন hello.html ক্লিক করুন, 344 00:16:19,050 --> 00:16:22,180 আমি ঠিক এই ট্যাব যে ফাইলের মধ্যে দেখতে. 345 00:16:22,180 --> 00:16:26,430 এখন মেঘ 9 করেছেন, লক্ষ্য আমাদের জন্য একটি সামান্য সহায়ক কিছু. 346 00:16:26,430 --> 00:16:29,480 এবং CS50 আইডিই মধ্যে, আছে বিজ্ঞপ্তি হঠাৎ একটি ঠিকানা দণ্ড. 347 00:16:29,480 --> 00:16:33,690 আমরা যদিও এ কারণে যে CS50IDE দেখার ক্রোম ব্যবহার, 348 00:16:33,690 --> 00:16:37,940 CS50IDE ভেতরে তার নিজের এখনই একটি ওয়েব ব্রাউজারের সংস্করণ. 349 00:16:37,940 --> 00:16:40,820 তাই বদলে যেমন কিছু জটিলতা দেখা, 350 00:16:40,820 --> 00:16:42,955 আমি এগিয়ে যেতে চলেছি এবং শুধু এই URL টি কপি করুন. 351 00:16:42,955 --> 00:16:45,330 আমি এগিয়ে এবং শুধু যেতে চলেছি আমার নিজের ক্রোম উইন্ডো খুলুন. 352 00:16:45,330 --> 00:16:47,800 তাই এখানে কোন যাদু, কোন CS50IDE আছে. 353 00:16:47,800 --> 00:16:51,800 আমি শুধু আক্ষরিক পেস্ট করা যাচ্ছে না আমার জে হার্ভার্ড URL এবং এন্টার চাপুন. 354 00:16:51,800 --> 00:16:54,750 এবং voila, এখন আমি, এবং তত্ত্ব, সবাই 355 00:16:54,750 --> 00:16:57,700 ইন্টারনেটে আমি কনফিগার করেছি তাহলে উপযুক্তভাবে অনুমতি, 356 00:16:57,700 --> 00:16:58,720 এই ফাইলটি পরিদর্শন করতে পারেন. 357 00:16:58,720 --> 00:17:03,230 আর তাই এখন আমি যদি না বলেন, hello.html, আছে, voila 358 00:17:03,230 --> 00:17:06,366 আমার অবিশ্বাস্যভাবে underwhelming ওয়েবপৃষ্ঠাটি হয়. 359 00:17:06,366 --> 00:17:07,740 সুতরাং আসুন একটি দ্রুত বৈধতা পরীক্ষা না দেওয়া. 360 00:17:07,740 --> 00:17:09,710 যে সব কারণ ধারণাগত সেট আপ হয়. 361 00:17:09,710 --> 00:17:13,180 এবং আমরা সত্যিই আসলে না করেছি কিভাবে এইচটিএমএল কোনটাই লিখতে শেখানো. 362 00:17:13,180 --> 00:17:16,084 কোন প্রশ্ন এখন পর্যন্ত শুধু ঘটেছে কি? 363 00:17:16,084 --> 00:17:18,549 364 00:17:18,549 --> 00:17:19,049 হ্যাঁ. 365 00:17:19,049 --> 00:17:24,290 366 00:17:24,290 --> 00:17:25,800 এবং CS50 এই ওয়েব পেজ মালিক? 367 00:17:25,800 --> 00:17:26,460 কি অর্থে? 368 00:17:26,460 --> 00:17:28,947 369 00:17:28,947 --> 00:17:29,530 ভালো প্রশ্ন. 370 00:17:29,530 --> 00:17:32,429 সুতরাং CS50 এর CS50.io. মালিক 371 00:17:32,429 --> 00:17:33,970 আমরা প্রকৃতপক্ষে যে ডোমেইন নাম কেনা করেছি. 372 00:17:33,970 --> 00:17:37,240 আর আপনাকে বলছি প্রকৃতি দ্বারা CS50IDE লগিং, 373 00:17:37,240 --> 00:17:39,270 আপনি সমস্ত একটি সাবডোমেন বলা কি আছে. 374 00:17:39,270 --> 00:17:46,840 >> সুতরাং MALAN IDE50-, বা IDE50-Rob.CS50.io, মধ্যে যে আপনার অনন্য ঠিকানা 375 00:17:46,840 --> 00:17:47,730 আমাদের ডোমেইন নাম. 376 00:17:47,730 --> 00:17:50,850 অবশ্যই কাজের জন্য তাই, আপনি আপনার নিজের অনন্য ঠিকানা আছে. 377 00:17:50,850 --> 00:17:55,150 কিন্তু আমরা কিছু সরলীকৃত করেছি শীর্ষ স্তরের ডোমেইন কেনার CS50, ডট 378 00:17:55,150 --> 00:17:58,050 আমি / হে এবং তারপর বাকিদের হয় যে এর ভিতর, তাই কথা বলতে. 379 00:17:58,050 --> 00:17:59,890 এবং আমরা যে ফিরে আসবো সম্ভবত কয়েক সপ্তাহ মধ্যে, 380 00:17:59,890 --> 00:18:01,930 বিশেষ করে চূড়ান্ত প্রকল্প এ আপনাকে সময়, যখন কিছু 381 00:18:01,930 --> 00:18:03,596 আপনার নিজের ডোমেইন নাম পেতে চাইতে পারেন. 382 00:18:03,596 --> 00:18:06,270 এটা তুলনামূলকভাবে আসলে সহজবোধ্য. 383 00:18:06,270 --> 00:18:06,770 ঠিক আছে. 384 00:18:06,770 --> 00:18:07,880 তাই আসুন এখন এই কাজ করা যাক. 385 00:18:07,880 --> 00:18:11,910 আমি ফিরে যেতে চলেছি CS50IDE, যেখানে আমার ফাইল ঠিক এখন, 386 00:18:11,910 --> 00:18:14,710 hello.html, যে সব আকর্ষণীয় নয়. 387 00:18:14,710 --> 00:18:17,130 আমি কিছু করতে চাই যে চেয়ে সামান্য nicer. 388 00:18:17,130 --> 00:18:19,440 তাই আমি ভালো কিছু কাজ করতে যাচ্ছি. 389 00:18:19,440 --> 00:18:21,510 খোলা paragraphs.html আমার যাক. 390 00:18:21,510 --> 00:18:23,560 তাই এই আমি অগ্রিম লিখেছে একটি ফাইল. 391 00:18:23,560 --> 00:18:26,480 এটি শীর্ষে, মত সবসময়, আমরা মন্তব্য আছে. 392 00:18:26,480 --> 00:18:28,730 কিন্তু HTML এ, মন্তব্য একটু ভিন্ন চেহারা. 393 00:18:28,730 --> 00:18:33,270 তিন লাইন এবং লাইন 14 উপর, আপনি একটি মন্তব্য শুরু সিনট্যাক্স দেখতে 394 00:18:33,270 --> 00:18:34,020 এবং একটি মন্তব্য করা শেষ. 395 00:18:34,020 --> 00:18:36,820 >> কিন্তু কাপড় কেউ এ বৈশিষ্ট্যগুলি বিষয়ে মধ্যে. 396 00:18:36,820 --> 00:18:40,250 এটি একটি মাত্র একটি নোট এখানে কি ঘটছে মানুষের. 397 00:18:40,250 --> 00:18:43,040 আর শুধু একটি দ্রুত বৈধতা হিসেবে যদি আমি নিচে স্ক্রল, পরীক্ষা, 398 00:18:43,040 --> 00:18:46,820 সুস্পষ্ট নতুন কি আমরা চালু করেছি যে ট্যাগ? 399 00:18:46,820 --> 00:18:52,130 পর্যন্ত আমরা দেখা করেছি এইভাবে ট্যাগ খোলা বন্ধনী এইচটিএমএল, মাথা, শিরোনাম, এবং শরীরের. 400 00:18:52,130 --> 00:18:54,400 কিন্তু এখন এ বিষয়টি স্পষ্ট নতুন কি? 401 00:18:54,400 --> 00:18:55,200 >> হ্যাঁ, তাই P. 402 00:18:55,200 --> 00:18:57,320 পি ট্যাগ বা অনুচ্ছেদের ট্যাগ. 403 00:18:57,320 --> 00:19:01,182 এবং তারপর আমি কিছু ডিফল্ট ধার ল্যাটিন টেক্সট আমার অনুচ্ছেদের গঠন করতে. 404 00:19:01,182 --> 00:19:03,390 আমি চেয়েছিলেন কি কারণ প্রকট কিভাবে আপনি পারে না 405 00:19:03,390 --> 00:19:05,859 এইচটিএমএল লেখার অনুচ্ছেদ প্রতিনিধিত্ব. 406 00:19:05,859 --> 00:19:08,400 তাই কি ঘটতে শুরু হচ্ছে এখানে আগে থেকেই আছে যে 407 00:19:08,400 --> 00:19:09,657 একটি প্যাটার্ন উন্নয়নশীল. 408 00:19:09,657 --> 00:19:10,990 এবং আমাকে এগিয়ে যান এবং এই কাজ করা যাক. 409 00:19:10,990 --> 00:19:12,760 আমার প্রথম এ্যাপাচি বরখাস্ত করা যাক. 410 00:19:12,760 --> 00:19:17,340 এবং আমি নিজে শুরু করার এটা বলতে যাচ্ছি আবার আজকের উৎস সাত ভেতরে 411 00:19:17,340 --> 00:19:18,420 এম ডিরেক্টরি. 412 00:19:18,420 --> 00:19:20,100 যাতে আমি সবকিছু এক্সেস আছে. 413 00:19:20,100 --> 00:19:22,230 >> এবং এখন, আমি ফিরে যেতে হলে এই ডিরেক্টরির তালিকা 414 00:19:22,230 --> 00:19:24,846 আমি আজ থেকে প্রত্যেক ফাইল দেখতে লক্ষ্য. 415 00:19:24,846 --> 00:19:26,720 আর আপনি দেখতে পাবেন পরবর্তী সমস্যা সেট, আমরা করব 416 00:19:26,720 --> 00:19:28,594 আপনি নির্দেশাবলী প্রদান ঠিক এই কাজ করার জন্য. 417 00:19:28,594 --> 00:19:35,210 আমি paragraphs.html খুলুন, এই পারে পাশাপাশি একটি প্রোগ্রামিং ভাষা মত চেহারা 418 00:19:35,210 --> 00:19:36,970 আপনি আপনার সাথে কথা বলতে বা ল্যাটিন পড়তে না পারে. 419 00:19:36,970 --> 00:19:40,525 কিন্তু শুধু এই তিনটি অনুচ্ছেদ হয় লেখার যে HTML এ পর্যন্ত চিহ্নিত করা হয়েছে. 420 00:19:40,525 --> 00:19:43,100 >> এবং অনুচ্ছেদ লক্ষ্য তাদের মধ্যে বিরতি. 421 00:19:43,100 --> 00:19:46,400 , কারণ এটি সক্রিয় এবং এমনকি যদিও আপনি 422 00:19:46,400 --> 00:19:49,210 এই কাজ করতে আনত হতে পারে, বাস্তব জগতে, যেহেতু, 423 00:19:49,210 --> 00:19:51,370 আপনি লাইন লাগাতে চান তাহলে জিনিষ মধ্যে বিরতি, 424 00:19:51,370 --> 00:19:55,680 আপনি পারে জবাবটা এই কাজ এবং সংরক্ষণ আঘাত. 425 00:19:55,680 --> 00:19:59,460 এবং এখন, আমি এখানে পুনরুদ্ধার করা হলে নোটিশ সমস্তকিছু একসাথে blurs 426 00:19:59,460 --> 00:20:01,100 টেক্সট এর মাত্র এক ফোঁটা মধ্যে. 427 00:20:01,100 --> 00:20:03,570 এইচটিএমএল একটি মূক ভাষা ধরনের কারণ. 428 00:20:03,570 --> 00:20:07,230 >> এটা যেমন ব্যবহার করা বোঝানো হয় একটি উপায় ব্রাউজার শুধুমাত্র যে 429 00:20:07,230 --> 00:20:09,920 স্পষ্টভাবে আপনি কি এটা বলতে কি. 430 00:20:09,920 --> 00:20:12,890 আপনি এটা বলতে না যদি তাই আমার একটি নতুন অনুচ্ছেদ দিতে, 431 00:20:12,890 --> 00:20:14,569 যদি আপনি একটি নতুন অনুচ্ছেদ দেখতে যাচ্ছেন না. 432 00:20:14,569 --> 00:20:16,360 এবং সত্য, তা ব্রাউজারের করতে যাচ্ছে 433 00:20:16,360 --> 00:20:20,020 আপনি Enter টেপার এমনকি যদি হয়, এর আবার এবং আবার বলা যাক 434 00:20:20,020 --> 00:20:23,190 এবং আবার, এই টেক্সট ভাবে চলন্ত তারপর পর্দায় এবং নিচে সংরক্ষণ 435 00:20:23,190 --> 00:20:26,610 এবং তারপর ব্রাউজার যাচ্ছে, রিলোড যে সাদা স্পেস সব ভেঙ্গে 436 00:20:26,610 --> 00:20:29,021 শুধু একটি একক, দৃশ্যমান হোয়াইটস্পেস মধ্যে. 437 00:20:29,021 --> 00:20:29,520 ঠিক আছে. 438 00:20:29,520 --> 00:20:30,869 সুতরাং যে অনুচ্ছেদের ট্যাগ এর. 439 00:20:30,869 --> 00:20:32,910 আর তাই প্যাটার্ন কি যে এখানে উন্নয়নশীল? 440 00:20:32,910 --> 00:20:37,450 ওয়েল, এটা যদি মনে করা হয় যে এইচটিএমএল সব ট্যাগ শুরু হয় 441 00:20:37,450 --> 00:20:38,460 এবং একটি ট্যাগ শেষ. 442 00:20:38,460 --> 00:20:39,300 এবং একটি ট্যাগ কি? 443 00:20:39,300 --> 00:20:41,160 ওয়েল, এটা সিনট্যাক্স এর মাত্র খণ্ড. 444 00:20:41,160 --> 00:20:44,400 খোলা বন্ধনী, একটি শব্দ, বদ্ধ বন্ধনী, একটি ট্যাগ. 445 00:20:44,400 --> 00:20:45,510 বা ট্যাগ শুরু. 446 00:20:45,510 --> 00:20:48,590 এবং তারপর আপনি যখন নিজেকে প্রকাশ সম্পন্ন, 447 00:20:48,590 --> 00:20:52,300 এ হিসাবে আপনি অনুচ্ছেদের সঙ্গে সম্পন্ন, আপনি বিপরীত তাই কথা বলতে না. 448 00:20:52,300 --> 00:20:55,480 কিন্তু বিপরীত বেশ পিছনের দিকে নয়. 449 00:20:55,480 --> 00:21:00,630 >> আপনি কেবল একই ট্যাগ এর উপসর্গ ভালো একটা ফরওয়ার্ড স্ল্যাশ সঙ্গে নাম. 450 00:21:00,630 --> 00:21:01,130 ঠিক আছে. 451 00:21:01,130 --> 00:21:02,570 সুতরাং যে সব উত্তেজনাপূর্ণ না. 452 00:21:02,570 --> 00:21:05,270 এবং সত্য, আমরা তৈরি করছি ওয়েব সমস্ত যে আরো আকর্ষণীয়. 453 00:21:05,270 --> 00:21:07,630 আমি কি করতে চান তাহলে বড় এবং গাঢ় কিছু? 454 00:21:07,630 --> 00:21:11,780 সুতরাং তা এখানে একটি উদাহরণ দেখা যাচ্ছে যে headings.html মধ্যে, যেখানে আমার শরীরের মধ্যে, 455 00:21:11,780 --> 00:21:17,280 আমি একটি H1 ট্যাগ, H2, h3 পেয়েছেন চার, পাঁচ, ছয় বা, যার মধ্যে সব 456 00:21:17,280 --> 00:21:18,310 বেশ গোপনীয় বলে মনে হচ্ছে. 457 00:21:18,310 --> 00:21:21,010 কিন্তু আমি এই খুলুন যেতে হলে উদাহরণস্বরূপ, এর কটাক্ষপাত করা যাক. 458 00:21:21,010 --> 00:21:22,490 Headings.html. 459 00:21:22,490 --> 00:21:27,030 >> ডিফল্টরূপে ব্রাউজার দিতে পারেন তাই আপনার টেক্সট যে বড় এবং অসম আকারের গাঢ় হচ্ছে. 460 00:21:27,030 --> 00:21:28,070 এইচ 1 বড় হয়. 461 00:21:28,070 --> 00:21:31,240 H6 তারপর ছোট এবং হয় অন্য সব কিছুর মধ্যে. 462 00:21:31,240 --> 00:21:34,170 সুতরাং যে এখনও আকর্ষণীয় কিন্তু এর না সত্যিই আমি জানি ওয়েব. 463 00:21:34,170 --> 00:21:36,870 আমরা কি করতে চান তাহলে আমি একটি তালিকা ভালো কিছু. . 464 00:21:36,870 --> 00:21:40,190 তাই এখানে একটি বুলেটযুক্ত তালিকা হার্ভার্ড এর ঘর তিনটি. 465 00:21:40,190 --> 00:21:41,600 >> আপনি কিভাবে এই করছেন যেতে হয়নি? 466 00:21:41,600 --> 00:21:45,410 ওয়েল, list.html কটাক্ষপাত. 467 00:21:45,410 --> 00:21:47,870 এবং এখানে আমরা একটি দেখতে funkiness এর সামান্য বিট 468 00:21:47,870 --> 00:21:49,630 কিন্তু এর কি ঘটছে তা বিবেচনা করা যাক. 469 00:21:49,630 --> 00:21:56,182 তাই আপনি শুধু দেখা করেছি তার উপর ভিত্তি করে, উল unordered তালিকা ঘোরা. 470 00:21:56,182 --> 00:21:57,640 Unordered তালিকা শুধু বুলেটযুক্ত মানে. 471 00:21:57,640 --> 00:21:58,431 কোন সংখ্যা আছে. 472 00:21:58,431 --> 00:22:01,850 এর রয়েছে কিছু একটি বলা ট্যাগ এ একটা ওল যা তালিকা, আদেশ. 473 00:22:01,850 --> 00:22:05,350 তারপর লি, তালিকার আইটেম এটা মানে সব. 474 00:22:05,350 --> 00:22:07,790 >> আর তাই এটি স্বয়ংক্রিয়ভাবে আপনার জন্য নম্বর সবকিছু. 475 00:22:07,790 --> 00:22:11,270 কিন্তু আমার খাঁজ আবার সব সাদা স্পেস শুধু আমার জন্য নয়. 476 00:22:11,270 --> 00:22:13,050 ব্রাউজার নয় আসলে যত্ন যাচ্ছে. 477 00:22:13,050 --> 00:22:16,670 সুতরাং যদিও আপনি না পারা এই, ঠিক পরিষ্কার হবে না, 478 00:22:16,670 --> 00:22:19,880 আপনি যদিও করা উচিত নয় ব্রাউজার এখনও করবে না 479 00:22:19,880 --> 00:22:22,130 ঠিক সূক্ষ্ম এটা বুঝতে সক্ষম. 480 00:22:22,130 --> 00:22:24,590 আমি রিলোড আঘাত করছি আমার ব্রাউজার, আমি রিলোড ক্লিক করছি 481 00:22:24,590 --> 00:22:26,760 এবং কোন পরিবর্তন ঘটছে এখনও ব্রাউজার কারণ 482 00:22:26,760 --> 00:22:29,550 আমি কি এটা বলতে ঠিক কি করছেন. 483 00:22:29,550 --> 00:22:30,050 >> ঠিক আছে. 484 00:22:30,050 --> 00:22:31,340 তাই এই সব শুধু পাঠ্য. 485 00:22:31,340 --> 00:22:33,730 এখন এর আরও বেশি আকর্ষণীয় কিছু করতে দেওয়া. 486 00:22:33,730 --> 00:22:36,660 আমি এগিয়ে যেতে চলেছি এবং এই কিছু HTML ধার. 487 00:22:36,660 --> 00:22:40,910 আমি এগিয়ে যেতে চলেছি এবং এখানে একটি নতুন ফাইল তৈরি. 488 00:22:40,910 --> 00:22:43,370 আর আমরা এই rick.html ডাকবো. 489 00:22:43,370 --> 00:22:46,190 490 00:22:46,190 --> 00:22:48,916 আমরা সামঞ্জস্যহীনভাবে আছে ব্যবহৃত কিছু 491 00:22:48,916 --> 00:22:51,290 এই একটি রিক রোল বলা ক্লাস এই বছর, আমি জানি না, 492 00:22:51,290 --> 00:22:53,880 এটা শুধু সংগঠিত ঘটেছে. 493 00:22:53,880 --> 00:22:55,397 >> আর এখন এটা নিয়ন্ত্রণের বাইরে পেয়েছিলাম. 494 00:22:55,397 --> 00:22:56,730 তাই আমি এটা সঙ্গে যেতে চলেছি. 495 00:22:56,730 --> 00:22:59,700 এবং আমি Google এ যান, তাহলে চিত্র ও রিক Astley. 496 00:22:59,700 --> 00:23:02,450 497 00:23:02,450 --> 00:23:06,170 আমরা কেন আপনি না জানেন, তাহলে এই, শুধু উইকিপিডিয়া উপর পড়তে. 498 00:23:06,170 --> 00:23:11,520 আপনি লিঙ্কে ক্লিক করেছি প্রতিটি সময়, কেউ কোথাও হাসতে হয়েছে. 499 00:23:11,520 --> 00:23:14,860 আর আমার ahead-- সেখানে যেতে দেওয়া আমরা এর এই ছবিটি দেখতে দিন, যেতে. 500 00:23:14,860 --> 00:23:16,750 >> তাই আমরা এখানে একটি আছে গুগল ইমেজ ইমেজ. 501 00:23:16,750 --> 00:23:19,390 আর এর এই যে অনুমান করা যাক যুক্তিসঙ্গতভাবে সর্বত্র ইন্টারনেটে. 502 00:23:19,390 --> 00:23:22,570 তাই আমি এটা আমার জন্য ঠিক আছে অনুমান করা যাচ্ছে না আসলে আমার ওয়েব পৃষ্ঠার মধ্যে এই লাগাতে. 503 00:23:22,570 --> 00:23:24,820 আমি এগিয়ে যেতে চলেছি এবং ছবির URL কপি করুন. 504 00:23:24,820 --> 00:23:28,600 এবং এখন আমি মেঘ ফিরে যান 9, আমি এখানে কি করতে পারেন দেখতে দিন. 505 00:23:28,600 --> 00:23:30,630 তাই এখানে শুধু একটি ওয়েব পৃষ্ঠা. 506 00:23:30,630 --> 00:23:39,020 এই হা হা, রিক Astley হয়, আমি এখন ফিরে যেতে চলেছি 507 00:23:39,020 --> 00:23:43,510 আমার ব্রাউজারে, পুনরায় লোড করুন এবং আকর্ষণীয়. 508 00:23:43,510 --> 00:23:44,530 >> রিক কোথায়? 509 00:23:44,530 --> 00:23:46,050 তাই আমাকে ঘটেছে তা দেখতে দিন. 510 00:23:46,050 --> 00:23:49,114 বাস্তবিক, আমি যাচ্ছি আমি যে কি না জাহির. 511 00:23:49,114 --> 00:23:50,280 [শ্রবণাতীত] এখানে তাকে রাখা. 512 00:23:50,280 --> 00:23:52,520 আমরা একটি মুহূর্ত যে ফিরে আসবো. 513 00:23:52,520 --> 00:23:54,200 সুতরাং এখানে rick.html এর. 514 00:23:54,200 --> 00:23:56,070 সুতরাং যে রিক Astley না. 515 00:23:56,070 --> 00:23:59,680 তাই এটি সক্রিয় আউট আমরা যা করতে পারেন আসলে এখানে তাকে যোগ করুন. 516 00:23:59,680 --> 00:24:00,830 এই রিক Astley হয়. 517 00:24:00,830 --> 00:24:06,680 আমি আমার যার একটি চিত্র দিতে বলতে যাচ্ছি উৎস আমি শুধু কপি করা URL হয়, যা 518 00:24:06,680 --> 00:24:09,110 দৃশ্যত একটি শুভ হয় জন্মদিনের কিছু বা অন্যান্য. 519 00:24:09,110 --> 00:24:13,280 >> এবং এখন আমি যাচ্ছি ভালো ট্যাগ বন্ধ করুন. 520 00:24:13,280 --> 00:24:15,170 সুতরাং এই সুপার দীর্ঘ মোড়কে হয়. 521 00:24:15,170 --> 00:24:17,740 কিন্তু আমি সব করেছি বিজ্ঞপ্তি খোলা বন্ধনী ইমেজ সম্পন্ন হয়, 522 00:24:17,740 --> 00:24:20,270 এই একটি বৈশিষ্ট্য সঙ্গে সোর্স. 523 00:24:20,270 --> 00:24:21,530 এবং এটি একটি সত্যিই দীর্ঘ URL টি. 524 00:24:21,530 --> 00:24:23,720 এবং খুব শেষে, এই লক্ষ্য. 525 00:24:23,720 --> 00:24:29,530 কেন আমি যা করেছি স্ল্যাশ কৌণিক বন্ধনী পরিবর্তে, প্রত্যেক অন্যান্য ট্যাগ মত, 526 00:24:29,530 --> 00:24:33,590 একটি খোলা বন্ধনী থাকার, গান, বন্ধনী বন্ধ? 527 00:24:33,590 --> 00:24:37,040 শুধু এমনকি আপনি যদি একটি অনুমান নিতে কোন ঘনিষ্ঠতা সবটা আছে 528 00:24:37,040 --> 00:24:40,410 HTML এর আগে. 529 00:24:40,410 --> 00:24:42,710 >> সুতরাং এটি বন্ধ হয়ে যায় কিভাবে হয় কমান্ড, কিন্তু কেন 530 00:24:42,710 --> 00:24:45,850 এটা সত্যিই স্বজ্ঞাত যায় না ধারনা একটু বেশি কিছু করতে 531 00:24:45,850 --> 00:24:48,820 বন্ধ চিত্রের মতো শব্দবহুল? 532 00:24:48,820 --> 00:24:51,400 হ্যা. 533 00:24:51,400 --> 00:24:52,000 হ্যা. 534 00:24:52,000 --> 00:24:55,620 শুধু শব্দার্থিক কোন অনুভূতি আছে একটি ইমেজ শুরু এবং একটি চিত্র বিভক্তি, 535 00:24:55,620 --> 00:24:56,870 এটা হয় আছে অথবা তা না. 536 00:24:56,870 --> 00:25:00,960 সুতরাং এটা একটা ফাঁক ছেড়ে দিতে অর্থে দেখা যায় না একটি চিত্র ভিতরে কোন কিছু জানার জন্য. 537 00:25:00,960 --> 00:25:02,010 আপনি ঠিক করতে পারবেন না. 538 00:25:02,010 --> 00:25:03,720 আর তাই সিনট্যাক্স সাধারণত শুধু হবে 539 00:25:03,720 --> 00:25:07,910 ভিতরে ফরোয়ার্ড স্ল্যাশ করতে খোলা ট্যাগ বা শুরু ট্যাগের 540 00:25:07,910 --> 00:25:09,020 এবং তারপর Save আঘাত. 541 00:25:09,020 --> 00:25:13,350 >> সুতরাং যদি আমি এখন এই ফাইলটি রিলোড আমি এখানে একটি ভাল ওয়েব পৃষ্ঠা রন্ধন পেয়েছেন. 542 00:25:13,350 --> 00:25:15,100 আর আমরা অবশ্যই পারে সত্যিই মানুষ বিরক্ত 543 00:25:15,100 --> 00:25:17,010 পরিবর্তে এম্বেড করে একটি ইউটিউব লিঙ্ক মত. 544 00:25:17,010 --> 00:25:19,350 এবং সত্য, যে কোনো সময় আপনি কি ইউটিউব থেকে সর্বস্বান্ত করেছি 545 00:25:19,350 --> 00:25:22,190 এবং ঘটনাক্রমে আসলে আমার দিন রিক এখানে নিজেকে পাকানো. 546 00:25:22,190 --> 00:25:25,770 সুতরাং রিক রোল. 547 00:25:25,770 --> 00:25:29,592 সুতরাং রিক আমি এখানে যেতে চলেছি roll--. 548 00:25:29,592 --> 00:25:31,900 >> [সঙ্গীত বাজাচ্ছি] 549 00:25:31,900 --> 00:25:33,730 >> ঠিক আছে, এক ব্যক্তি যে পছন্দ. 550 00:25:33,730 --> 00:25:37,270 সুতরাং, এই সব সময় লক্ষ্য আপনি যদি অবশ্যই, আপনি এই গেমটি শেয়ার লিঙ্ক ক্লিক 551 00:25:37,270 --> 00:25:41,390 URL পাবেন যে আপনি আসলে করতে পারেন একটি ইমেইল বা একটি ফরেনসিক ইমেজ এম্বেড 552 00:25:41,390 --> 00:25:43,730 বা একটি সমস্যা সেট অথবা একটি স্লাইডের. 553 00:25:43,730 --> 00:25:49,055 এবং এখন, আমি পরিবর্তে স্থাপিত উপর ক্লিক করুন, লক্ষ্য যে সমস্ত এই সময়, এই জিনিস 554 00:25:49,055 --> 00:25:49,680 সেখানে হয়েছে. 555 00:25:49,680 --> 00:25:50,910 আমি এগিয়ে যান এবং এই কপি করা যাচ্ছে না. 556 00:25:50,910 --> 00:25:54,000 >> এবং শুধু তাই আমরা আমি, ভাল এটা দেখতে পারেন আমার টেক্সট এডিটরে পেস্ট যাচ্ছে. 557 00:25:54,000 --> 00:25:55,860 এই যে লক্ষ্য তা YouTube আপনাকে বলছে হয়েছে. 558 00:25:55,860 --> 00:25:57,693 আপনি একটি দেখার জন্য প্রত্যেক সময় YouTube ভিডিও, আপনি যদি 559 00:25:57,693 --> 00:26:00,410 ভিডিও এম্বেড করতে চান আপনার ওয়েব পৃষ্ঠা, কেবল এই দখল. 560 00:26:00,410 --> 00:26:03,350 তাই এই এখনো হয় অন্য এইচটিএমএল ট্যাগ একটি iframe বলা. 561 00:26:03,350 --> 00:26:04,590 বা লাইন ফ্রেমে একটি. 562 00:26:04,590 --> 00:26:08,680 তাই এটা খুব একটা একটু বেশি মনে হচ্ছে সব অন্যদের চেয়ে জটিল. 563 00:26:08,680 --> 00:26:11,950 সুতরাং এটা ইমেজ দেখা যাচ্ছে যে ট্যাগ এবং দৃশ্যত আইফ্রেম ট্যাগ 564 00:26:11,950 --> 00:26:13,370 বলা আরোপ করা হয় তা নিয়ে. 565 00:26:13,370 --> 00:26:15,710 >> আর এই আরেকটি হল HTML এ সিনট্যাক্স টুকরা. 566 00:26:15,710 --> 00:26:19,240 ট্যাগ এর ছাড়াও নাম, খোলা বন্ধনী ট্যাগ নাম, 567 00:26:19,240 --> 00:26:23,780 আপনি ট্যাগ আচরণ নিয়ন্ত্রণ করতে পারেন অ্যাট্রিবিউট আভা থাকার 568 00:26:23,780 --> 00:26:24,860 মান সমান. 569 00:26:24,860 --> 00:26:26,290 অ্যাট্রিবিউট মান সমান. 570 00:26:26,290 --> 00:26:28,100 তাই উদাহরণস্বরূপ, ইউটিউব আমাদের বলার হয় 571 00:26:28,100 --> 00:26:31,990 আপনি এই ভিডিও এর প্রস্থ চান 420 পিক্সেল এবং উচ্চতা হতে 572 00:26:31,990 --> 00:26:35,470 315 পিক্সেল হতে, যে কিভাবে HTML এ এটি প্রকাশ করে. 573 00:26:35,470 --> 00:26:38,480 >> ভিডিও উৎস যাচ্ছে যে দীর্ঘ ইউটিউব ইউআরএল হতে 574 00:26:38,480 --> 00:26:40,830 এবং তারপর অন্য কিছু উপাদান , ফ্রেম সীমানা শূন্য মত 575 00:26:40,830 --> 00:26:43,500 সুতরাং যে সম্ভবত আছে মানে জিনিস চারপাশে কোন সীমানা. 576 00:26:43,500 --> 00:26:45,450 সম্ভবত পুরো পর্দা মঞ্জুরি ব্যবহারকারী যে মানে 577 00:26:45,450 --> 00:26:47,840 একটি বাটন ক্লিক করতে পারেন এবং আসলে পূর্ণ পর্দায় ভিডিও. 578 00:26:47,840 --> 00:26:52,870 আমি সত্যিই হতে চান তাই রিক ডট এইচটিএমএল এখানে চিত্তাকর্ষক, 579 00:26:52,870 --> 00:26:58,490 ছবিটি ট্যাগ ব্যবহার, বরং দিন আমার যে মুছে পরিবর্তে এই পেস্ট. 580 00:26:58,490 --> 00:27:00,810 আর এখন পুনরায় লোড করুন. 581 00:27:00,810 --> 00:27:02,500 আর এখন এখানে আমরা আবার যান. 582 00:27:02,500 --> 00:27:04,979 583 00:27:04,979 --> 00:27:06,020 ঠিক আছে, যথেষ্ট হয়েছে. 584 00:27:06,020 --> 00:27:08,970 ঠিক আছে আমি চেষ্টা করবে, যাতে হার্ড আবার যে কাজ করতে না. 585 00:27:08,970 --> 00:27:11,400 সুতরাং এখানে টেকওযে় কিছু কি হয়? 586 00:27:11,400 --> 00:27:15,130 এই ওয়েব পেজ হিসাবে সুতরাং এইচটিএমএল, হিসাবে কুশ্রী হয়, আসলে বেশ সহজ. 587 00:27:15,130 --> 00:27:16,467 এটি একটি প্রোগ্রামিং ভাষা নয়. 588 00:27:16,467 --> 00:27:17,550 এটা ফাংশন নেই. 589 00:27:17,550 --> 00:27:18,410 এটা loops নেই. 590 00:27:18,410 --> 00:27:19,535 এটা শর্ত নেই. 591 00:27:19,535 --> 00:27:22,900 এটি সব আছে কয়েক ডজন হয় বিভিন্ন ট্যাগ, প্রতিটি যা 592 00:27:22,900 --> 00:27:24,620 শূন্য বা তার বেশি গুণাবলী আছে. 593 00:27:24,620 --> 00:27:27,320 এবং বাস্তবিকই, মজা সম্পর্কে কি এইচটিএমএল আপনি মধ্যে আকর্ষণীয় শুরু হিসাবে 594 00:27:27,320 --> 00:27:29,560 এটা খুব স্ব শিক্ষণীয় যে হয়. 595 00:27:29,560 --> 00:27:32,880 >> সমস্ত নেয় একটি বোঝা এইচটিএমএল এর সাধারণ কাঠামো. 596 00:27:32,880 --> 00:27:36,510 একটি ট্যাগ কি, একটি বৈশিষ্ট্য কি, আপনি আসলে একটি ওয়েব পৃষ্ঠা কনফিগার কিভাবে 597 00:27:36,510 --> 00:27:37,250 নিম্নরূপ. 598 00:27:37,250 --> 00:27:40,720 এবং অন্য সব কিছুর সত্যিই ফলাফল একজন অনলাইন রেফারেন্স খুঁজছেন আপ 599 00:27:40,720 --> 00:27:43,080 বা কিভাবে কিছু googling টেকনিক বা আমরা দেখা করেছি, 600 00:27:43,080 --> 00:27:45,371 ফেসবুক এর উৎস এ খুঁজছেন কোড, একটি ওয়েবসাইটে এ খুঁজছেন 601 00:27:45,371 --> 00:27:48,710 আপনি এটি পছন্দ যে সোর্স কোড এবং বুঝতে কিভাবে সেখানে ডেভেলপারদের 602 00:27:48,710 --> 00:27:50,550 আসলে কিছু পরিপূর্ণ. 603 00:27:50,550 --> 00:27:52,180 >> তাই আমরা পাশাপাশি ইমেজ নির্বাচন করতে পারবেন. 604 00:27:52,180 --> 00:27:53,994 এবং সত্য, আমরা একটি মুহূর্ত আগে তা. 605 00:27:53,994 --> 00:27:55,410 আমাকে এগিয়ে যান এবং আপনি শুধু প্রদর্শন করা যাক. 606 00:27:55,410 --> 00:27:56,770 এখানে কিছু নমুনা কোড এর. 607 00:27:56,770 --> 00:27:58,380 আপনি কি বদমেজাজী দেখতে চান. 608 00:27:58,380 --> 00:28:00,620 তাই আমি যে লক্ষ্য এখানে একটি ইমেজ ট্যাগ আছে. 609 00:28:00,620 --> 00:28:02,090 এবং আমি এটা উপরে একটি মন্তব্য পেয়েছেন. 610 00:28:02,090 --> 00:28:04,490 আমি একটি বিকল্প পেয়েছেন অ্যাক্সেসিবিলিটির জন্য টেক্সট. 611 00:28:04,490 --> 00:28:07,250 একটি পর্দা ব্যবহার করে সুতরাং যিনি দৃষ্টিশক্তি কারণে পাঠক 612 00:28:07,250 --> 00:28:10,172 আসলে তারপর থাকতে পারে তাদের স্ক্রিন রিডার বদমেজাজী বলে. 613 00:28:10,172 --> 00:28:11,880 যদি তারা না করতে পারেন, কারণ ছবিটি দেখুন, তারা 614 00:28:11,880 --> 00:28:14,504 অন্তত তাদের কম্পিউটার থাকতে পারে এটা মৌখিকভাবে তাদের বলুন. 615 00:28:14,504 --> 00:28:18,020 এবং যে ফাইলটি উৎস cat.jpeg হয়. 616 00:28:18,020 --> 00:28:22,472 তাই আসলে, আমি সত্যিই চেয়েছিলেন যদি আমি হতে পারে কি, চতুর পেতে done-- 617 00:28:22,472 --> 00:28:25,680 আমি তাই, রিক Astley যেতে না অঙ্গীকার আমি এর পরিবর্তে একটি বিড়াল google যাচ্ছি. 618 00:28:25,680 --> 00:28:28,290 এবং আমি Google চিত্র যান এখানে, এবং আমরা অনুমান করব 619 00:28:28,290 --> 00:28:30,040 যে এই আমার বিড়াল একটি ছবি. 620 00:28:30,040 --> 00:28:35,070 >> আমি নিয়ন্ত্রণ ক্লিক আছে ধরুন বা ডান ঘটনাক্রমে এই উপর ক্লিক 621 00:28:35,070 --> 00:28:35,630 ছম্ছমে. 622 00:28:35,630 --> 00:28:40,320 আর cat.jpeg আমি যাচ্ছি আমার ডেস্কটপে সংরক্ষণ. 623 00:28:40,320 --> 00:28:44,700 আমার এখন মেঘ 9 ফিরে যাওয়া যাক. 624 00:28:44,700 --> 00:28:48,150 , যে এখানে আমি করতে পারবেন লক্ষ্য স্থানীয় ফাইল আপলোড করার জন্য যেতে. 625 00:28:48,150 --> 00:28:51,530 আর আমি এই দখল ফাইল, cat.jpeg, নোটিশ 626 00:28:51,530 --> 00:28:54,674 আমি এটা টেনে আনতে পারেন যে মেঘ 9 সেটিকে ড্রপ 627 00:28:54,674 --> 00:28:56,090 এবং তা এখানে আমাকে চিত্কার যাচ্ছে. 628 00:28:56,090 --> 00:28:59,000 >> আমরা ইতিমধ্যে করেছি, কারণ আপনি একটি cat.jpeg ফাইল দেওয়া, 629 00:28:59,000 --> 00:29:01,430 কিন্তু এটি অতি সহজ আপনি করেছি যে একটি ছবির দখল 630 00:29:01,430 --> 00:29:03,220 ফেসবুক থেকে নেয়া ফ্লিকার বা মত বা 631 00:29:03,220 --> 00:29:05,678 এবং আসলে ড্র্যাগ এবং ড্রপ তারপর মেঘ 9 মধ্যে এবং এটা করা 632 00:29:05,678 --> 00:29:07,970 আপনার নিজের ব্যক্তিগত অংশ ওয়েবসাইট বা সমস্যা 633 00:29:07,970 --> 00:29:10,442 আমরা শীঘ্রই দেখতে পাবেন সাত বা আট সেট. 634 00:29:10,442 --> 00:29:12,150 এবং তারপর যখন আপনি অবশেষে যে বিড়াল দেখার জন্য, 635 00:29:12,150 --> 00:29:16,610 আমি যে একই বিড়াল ডাউনলোড অভিমানী যে কিন্তু যে নোটিশ ছিল আরাধ্য. 636 00:29:16,610 --> 00:29:19,160 >> আপনি কি দেখতে হবে হয় এখানে এই মুখ ভালো কিছু. 637 00:29:19,160 --> 00:29:21,810 ফাইল যাতে আপনি একটি ওয়েব পৃষ্ঠার মধ্যে রেফারেন্স 638 00:29:21,810 --> 00:29:26,050 হয় আপনার নিজের মধ্যে স্থানীয় হতে পারে অন্য কিছু সার্ভারে অ্যাকাউন্ট বা রিমোট 639 00:29:26,050 --> 00:29:29,670 রিক এর ক্ষেত্রে যেমন কিছুক্ষন আগে Astley ছবি. 640 00:29:29,670 --> 00:29:32,990 তাই যেখানে কি else-- অন্যথায় আমরা এখানে করতে পারেন? 641 00:29:32,990 --> 00:29:34,890 সুতরাং আসুন নিম্নলিখিত কটাক্ষপাত করা যাক. 642 00:29:34,890 --> 00:29:36,160 আপনি ধরনের কি শীতল জানেন? 643 00:29:36,160 --> 00:29:39,330 >> আমরা এ পর্যন্ত তৈরি হয়েছে খুব স্ট্যাটিক ওয়েব পেজ. 644 00:29:39,330 --> 00:29:41,830 আমি নিম্নরূপ জিনিষ দিয়ে সাজাতে চাই. 645 00:29:41,830 --> 00:29:44,344 আমি আমার নিজস্ব সার্চ ইঞ্জিন করতে চাই. 646 00:29:44,344 --> 00:29:47,010 তাই আসুন, একটি সার্চ ইঞ্জিন করতে এগিয়ে যান এবং এই কাজ শুরু. 647 00:29:47,010 --> 00:29:52,570 আমি এগিয়ে যান এবং তৈরি করা যাচ্ছে না একটি নতুন ফাইল search.html বলা. 648 00:29:52,570 --> 00:29:54,890 এবং আমরা অনলাইন সংস্করণ prefabed আছে. 649 00:29:54,890 --> 00:29:56,027 ওহো. 650 00:29:56,027 --> 00:29:57,610 আপনার টার্মিনাল উইন্ডোর মধ্যে পেস্ট করবেন না. 651 00:29:57,610 --> 00:29:58,744 অনলাইন দিতাম, হুমম সংস্করণ. 652 00:29:58,744 --> 00:30:00,160 আর আমি নিম্নরূপ শুরু করতে যাচ্ছি. 653 00:30:00,160 --> 00:30:04,490 সুতরাং এখানে শুরুতে একটি ফাইল search.html বলা. 654 00:30:04,490 --> 00:30:07,510 আমি তা সংরক্ষণ করা যাচ্ছে না আজকের উৎস ডিরেক্টরি. 655 00:30:07,510 --> 00:30:09,079 আমি এই অনুসন্ধান কল যাচ্ছি. 656 00:30:09,079 --> 00:30:10,370 আসলে, আমরা এটাকে আরও ভাল করতে হবে. 657 00:30:10,370 --> 00:30:13,600 CS50 খোঁজো এবং আসলে ব্র্যান্ড এটি. 658 00:30:13,600 --> 00:30:17,500 এবং এখন, আমি বলতে যাচ্ছি এইচ 1 CS50 খোঁজো ভালো কিছু. 659 00:30:17,500 --> 00:30:20,930 এবং তারপর এখানে নিচে, H2 শীঘ্রই আসছে. 660 00:30:20,930 --> 00:30:23,230 আর শুধু, H1 সংক্ষিপ্তবৃত্তি এবং H2 কি যথাক্রমে মানে? 661 00:30:23,230 --> 00:30:26,750 662 00:30:26,750 --> 00:30:30,320 >> হ্যাঁ, তাই বড় এবং গাঢ়, এবং যেমন বড়, কিন্তু এখনও সাহস করি না. 663 00:30:30,320 --> 00:30:37,375 তাই আমি এই সংরক্ষণ এবং এখানে বেশী, তাহলে, এর ফাইল search.html দেখতে দিন. 664 00:30:37,375 --> 00:30:42,560 ঠিক আছে, এবং এই এক [শ্রবণাতীত] right-- হয়. 665 00:30:42,560 --> 00:30:46,980 666 00:30:46,980 --> 00:30:49,110 অপেক্ষা করো. 667 00:30:49,110 --> 00:30:49,945 ডেভিড বিভ্রান্ত হয়. 668 00:30:49,945 --> 00:30:52,610 669 00:30:52,610 --> 00:30:54,080 ওহ, এটা ঠিক আছে. 670 00:30:54,080 --> 00:30:54,860 ডেভিড একটি ইডিয়ট'স. 671 00:30:54,860 --> 00:30:55,420 ঠিক আছে. 672 00:30:55,420 --> 00:30:56,660 সুতরাং হয় এটা আছে. 673 00:30:56,660 --> 00:30:58,350 সুতরাং CS50 অনুসন্ধান শীঘ্রই আসছে. 674 00:30:58,350 --> 00:31:00,370 সুতরাং এখন, এর সমন্বয় করা যাক আমরা গত সপ্তাহে কি. 675 00:31:00,370 --> 00:31:03,400 >> আমরা স্বপ্ন কোথায় HTTP- র নিম্ন স্তরের বলবিদ্যা. 676 00:31:03,400 --> 00:31:05,780 আর এই নতুন ধারণা এইচটিএমএল, যা শুধু হয় 677 00:31:05,780 --> 00:31:08,890 এই মার্কআপ ভাষা যেখানে আপনি ঠিক কি করতে একটি ব্রাউজার বলুন 678 00:31:08,890 --> 00:31:10,740 এবং আমাদের নিজস্ব সার্চ ইঞ্জিন বাস্তবায়ন. 679 00:31:10,740 --> 00:31:12,520 সুতরাং পরিবর্তে শুধু শীঘ্রই আসছে বলছে, আমি আছি 680 00:31:12,520 --> 00:31:14,810 চালু করতে যাচ্ছে কিছু একটি ফর্ম ট্যাগ বলা. 681 00:31:14,810 --> 00:31:19,610 আর এই আকারে, আমি যাচ্ছি একটি ইনপুট ক্ষেত্রের মত কিছু আছে. 682 00:31:19,610 --> 00:31:22,450 >> আর এই ইনপুট নাম ক্ষেত্র, আমি কল করার জন্য এটি করা যাচ্ছে না প্র 683 00:31:22,450 --> 00:31:26,240 আর এই ইনপুট ফিল্ড টাইপ আমি বলতে যাচ্ছি শুধু "টেক্সট" হয়. 684 00:31:26,240 --> 00:31:29,130 একটি টেক্সট ক্ষেত্রের এবং, হিসাবে আমরা করব দেখতে, শুধু একটি টেক্সট বক্স. 685 00:31:29,130 --> 00:31:32,830 আর তাই এটি আছে এখানে ইন্দ্রিয় না এই সময়ে এটি ভেতরে কিছু. 686 00:31:32,830 --> 00:31:35,320 আর তাই আমি সহজভাবে যাচ্ছি যে সাথে ট্যাগ বন্ধ করতে 687 00:31:35,320 --> 00:31:38,099 এগিয়ে ট্যাগ নিজেই সঠিক কাট. 688 00:31:38,099 --> 00:31:39,890 এবং তারপর আমি যাচ্ছি এক অন্য ইনপুট আছে. 689 00:31:39,890 --> 00:31:43,480 ইনপুট টাইপ জমা সমান. 690 00:31:43,480 --> 00:31:45,320 এবং তারপর আমি যাচ্ছি খুব এই এক বন্ধ. 691 00:31:45,320 --> 00:31:46,840 >> এবং এখন আমি এখানে ফিরে যেতে চলেছি. 692 00:31:46,840 --> 00:31:49,520 আর ইতিমধ্যে আমরা দেখতে সুন্দর অসুন্দর যদ্যপি আমি করেছি 693 00:31:49,520 --> 00:31:52,460 এর সূত্রপাত পেয়েছিলাম এখানে আমার নিজস্ব সার্চ পাতা. 694 00:31:52,460 --> 00:31:55,150 আসলে, আমার করার চেষ্টা করা যাক একটি সামান্য বিট এই পর্যন্ত পরিষ্কার. 695 00:31:55,150 --> 00:31:57,330 এটা তে দেখা যাচ্ছে যে এখানে ইনপুট, আমি থাকতে পারে 696 00:31:57,330 --> 00:31:59,910 স্থানধারক নামক আরেকটি বৈশিষ্ট্য. 697 00:31:59,910 --> 00:32:05,165 আর আমি কিওয়ার্ড ভালো কিছু দেখতে হতে পারে, বা আরো নির্দিষ্টভাবে, Q জন্য অনুসন্ধান করা হবে. 698 00:32:05,165 --> 00:32:07,820 >> এবং এখন, আমি আছে, লক্ষ্য ধূসর লেখার এই ধরনের 699 00:32:07,820 --> 00:32:10,440 যে disappears তাড়াতাড়ি আমি শুরু টাইপ, 700 00:32:10,440 --> 00:32:12,930 কিন্তু এটা সম্ভবত এমন কিছু আপনি অন্যান্য ওয়েব পেজ দেখা করেছি. 701 00:32:12,930 --> 00:32:14,650 আমি সত্যিই Submit বাটনে পছন্দ করি না. 702 00:32:14,650 --> 00:32:18,320 তাই আমি আসলে দিতে যাচ্ছি বাটন অনুসন্ধান একটি মান জমা. 703 00:32:18,320 --> 00:32:21,680 আমি রিলোড এবং এখন যদি, যে লক্ষ্য আমার বাটন অনুসন্ধান নামে হয়ে. 704 00:32:21,680 --> 00:32:24,140 আপনি আমি সত্যিই না, জানি এখানে লোগো মত. 705 00:32:24,140 --> 00:32:27,140 তাই গুগল ফন্ট জেনারেটর. 706 00:32:27,140 --> 00:32:28,820 >> আমি আরও এই মসলা আপ করতে চান. 707 00:32:28,820 --> 00:32:30,660 সুতরাং CS50 অনুসন্ধান. 708 00:32:30,660 --> 00:32:31,870 আমার নিজের লোগো তৈরি করা যাক. 709 00:32:31,870 --> 00:32:33,080 যে দেখতেও সুন্দর. 710 00:32:33,080 --> 00:32:36,945 সুতরাং এখন আমাকে এই প্রথম আসা as-- সংরক্ষণ করতে দিন. 711 00:32:36,945 --> 00:32:40,710 712 00:32:40,710 --> 00:32:43,120 এটা কোথায় যাচ্ছে? 713 00:32:43,120 --> 00:32:43,620 আছে. 714 00:32:43,620 --> 00:32:44,160 ঠিক আছে. 715 00:32:44,160 --> 00:32:44,980 এটা মিস. 716 00:32:44,980 --> 00:32:47,740 সংরক্ষণ করুন. 717 00:32:47,740 --> 00:32:49,470 মূঢ় ব্রাউজার. 718 00:32:49,470 --> 00:32:51,700 পাশে দাঁড়ানো, আমরা চলুন এই মাত্র একবার ঠিক. 719 00:32:51,700 --> 00:32:57,650 720 00:32:57,650 --> 00:32:58,590 আমরা শুরু করছি. 721 00:32:58,590 --> 00:32:59,090 ঠিক আছে. 722 00:32:59,090 --> 00:32:59,600 দুঃখিত. 723 00:32:59,600 --> 00:33:00,750 বন্ধ দিন. 724 00:33:00,750 --> 00:33:02,310 এখন এই ভীতু হয়. 725 00:33:02,310 --> 00:33:03,160 পূর্ণ স্ক্রীণ বন্ধ করুন. 726 00:33:03,160 --> 00:33:04,150 ঠিক আছে. 727 00:33:04,150 --> 00:33:06,870 >> এখন, একটি স্বাভাবিক মত ব্যক্তি হিসাবে ইমেজ সংরক্ষণ করুন. 728 00:33:06,870 --> 00:33:08,810 Logo.gif. 729 00:33:08,810 --> 00:33:13,194 এখন আমি CS50IDE এবং ঢোকা যাচ্ছে না আমি কেবল লোগো দখল করতে যাচ্ছি, 730 00:33:13,194 --> 00:33:15,360 আমি সেটিকে টেনে নিয়ে যাচ্ছি আমার উৎস সাত ডিরেক্টরি, 731 00:33:15,360 --> 00:33:17,002 ফাইল আগে থেকেই আমি যে ঠিক আছি, বিদ্যমান. 732 00:33:17,002 --> 00:33:19,210 তাই আমি এটি অগ্রাহ্য করা যাচ্ছে না আমি ইতিমধ্যে এটা ছিল কারণ. 733 00:33:19,210 --> 00:33:20,630 আর এখন আমি কিভাবে এই পরিত্রাণ পেতে পারি? 734 00:33:20,630 --> 00:33:24,670 >> এগিয়ে আসুন এখানে যান এবং করুক না ইমেজ উৎস logo.gif সমান. 735 00:33:24,670 --> 00:33:25,490 এই বন্ধ. 736 00:33:25,490 --> 00:33:26,050 সংরক্ষণ করুন. 737 00:33:26,050 --> 00:33:30,560 এবং এখন আমি আমার অনুসন্ধান ফিরে যান পাতা, এখন এটা বেশ ভাল খুঁজছেন. 738 00:33:30,560 --> 00:33:33,610 ঠিক আছে, এটা না আছে তাই বেশ দরকারী কিছু কাজ. 739 00:33:33,610 --> 00:33:37,000 আসলে, আমার অনুসন্ধানের চেষ্টা করা যাক এবং একটি বিড়াল দেখুন সেখানে কি ঘটছে. 740 00:33:37,000 --> 00:33:38,890 বিড়াল. 741 00:33:38,890 --> 00:33:39,420 ধুর! ছাই. 742 00:33:39,420 --> 00:33:41,400 এটা শুধু দৃশ্যত, কাজ করে না. 743 00:33:41,400 --> 00:33:43,760 তাই কী টুকরা কি যে এখানে অনুপস্থিত? 744 00:33:43,760 --> 00:33:49,100 >> ঠিক আছে, আপনি কোন HTML জানি না, এমনকি যদি, আমি ফোন ফর্ম আপ উপলক্ষে শুরু করেছি 745 00:33:49,100 --> 00:33:54,130 এবং আমি, ইনপুট পেতে কিভাবে এটা বলেছেন আমাকে একটা টেক্সট বক্সে বাম দিতে এবং একটি submit বাটন, 746 00:33:54,130 --> 00:33:55,730 দৃশ্যত তা টুকরা অনুপস্থিত? 747 00:33:55,730 --> 00:33:58,975 আমরা আসলে পেতে চাইছেন সঠিকভাবে কাজ এই জিনিস. 748 00:33:58,975 --> 00:34:02,420 749 00:34:02,420 --> 00:34:05,360 আমাদেরকে কি করতে হবে? 750 00:34:05,360 --> 00:34:08,860 আমরা ফিরে শেষ বাস্তবায়ন প্রয়োজন আছে ডাটাবেস বা সার্চ ইঞ্জিন নিজেই, 751 00:34:08,860 --> 00:34:11,210 এবং যে একটি নিতে যাচ্ছে অকপটে সময় পুরো অনেক. 752 00:34:11,210 --> 00:34:13,380 >> সুতরাং আমরা শেষ সময় কি মনে. 753 00:34:13,380 --> 00:34:18,230 তাই আপনি যদি গুগল এ কিছু অনুসন্ধান যদি এবং আপনি আগাম, পরিণত বন্ধ 754 00:34:18,230 --> 00:34:20,355 রিকল, ইনস্ট্যান্ট সার্চ. 755 00:34:20,355 --> 00:34:22,230 তাই আমাকে যে বরখাস্ত করা যাক যাতে এই আসলে 756 00:34:22,230 --> 00:34:26,650 একটি পুরোনো স্কুল ব্রাউজার মত আচরণ করবে, আমি এখন বিড়ালের মত কিছু অন্বেষণ কর, 757 00:34:26,650 --> 00:34:28,190 URL হ'ল প্রত্যাহার. 758 00:34:28,190 --> 00:34:29,449 এটি বেশ রহস্যপূর্ণ. 759 00:34:29,449 --> 00:34:33,000 কিন্তু সেখানে এমবেড, রিকল, স্ল্যাশ অনুসন্ধান. 760 00:34:33,000 --> 00:34:35,100 প্রশ্ন চিহ্ন প্রশ্ন বিড়ালের সমান. 761 00:34:35,100 --> 00:34:37,760 >> আর যে আমাকে দিতে হবে বলে মনে হচ্ছে অনুসন্ধান ফলাফল আভা. 762 00:34:37,760 --> 00:34:39,134 সুতরাং আপনি আমি কি করতে যাচ্ছি আমি কি বলছি? 763 00:34:39,134 --> 00:34:41,650 আমি ধার করতে যাচ্ছি মাত্র একটি মিনিট জন্য গুগল. 764 00:34:41,650 --> 00:34:43,670 আমি উপর যেতে চলেছি এখানে আমি বলতে যাচ্ছি 765 00:34:43,670 --> 00:34:47,850 এই কর্ম ফরম বা গন্তব্য, তাই কথা বলতে, 766 00:34:47,850 --> 00:34:49,330 আক্ষরিক গুগল হওয়া উচিত. 767 00:34:49,330 --> 00:34:52,590 এবং পদ্ধতি আমি চেয়েছি ব্যবহার পেতে হতে যাচ্ছে. 768 00:34:52,590 --> 00:34:53,560 >> তাই কর্ম কি? 769 00:34:53,560 --> 00:34:55,760 এক্সন হয় weirdly, নামকরণ করা হয় কিন্তু যে শুধু মানে 770 00:34:55,760 --> 00:34:58,120 যারা হ্যান্ডেল করতে যাচ্ছে এই ফর্মের কর্ম? 771 00:34:58,120 --> 00:35:00,820 আমি অনুসন্ধান, যেখানে ক্লিক করা হলে ফলে যেতে হবে? 772 00:35:00,820 --> 00:35:05,300 এবং আমি এখন আমার ফর্ম ফিরে যান এখানে এবং আমার ওয়েব পৃষ্ঠাটি পুনরায় লোড 773 00:35:05,300 --> 00:35:09,000 এবং এখন কিছু অনুসন্ধান কুকুরের মতো, এখন লক্ষ্য 774 00:35:09,000 --> 00:35:10,850 আমি গুগল বাস্তবায়িত পুনরায়. 775 00:35:10,850 --> 00:35:11,350 রাইট? 776 00:35:11,350 --> 00:35:14,141 >> আমি কিছু অনুসন্ধান করতে চান অন্য, এটা ঠিক না কুকুর জন্য কাজ করে, 777 00:35:14,141 --> 00:35:16,400 এটি বিড়ালের জন্য কাজ করে. 778 00:35:16,400 --> 00:35:21,930 এটি CS50 জন্য কাজ করে. 779 00:35:21,930 --> 00:35:24,310 এবং ঠিক আছে, এই মাত্র whelming অধীনে, তাই নয় কি? 780 00:35:24,310 --> 00:35:25,920 ঠিক আছে, কিন্তু এটি আসলে কাজ করে. 781 00:35:25,920 --> 00:35:27,360 তাই আসলে কি যাওয়া হয়েছে? 782 00:35:27,360 --> 00:35:31,340 তাই আমি ব্যবহার, আমার ব্রাউজার শেখানো করেছি এইচটিএমএল, ব্যবহারকারী থেকে ইনপুট নিতে 783 00:35:31,340 --> 00:35:35,810 এবং আসলে যে ইনপুট পাঠাতে একটি দূরবর্তী সার্ভার HTTP ব্যবহার. 784 00:35:35,810 --> 00:35:39,120 >> আর আমার ব্রাউজার কারণ HTTP- র, এটা আসলে বুঝতে পারে 785 00:35:39,120 --> 00:35:43,500 কি যে এত ইউআরএল গঠন আমি আমার ব্রাউজারে ওভার শেষ 786 00:35:43,500 --> 00:35:45,660 কি লক্ষ্য যখন আমি কুকুর অনুসন্ধান. 787 00:35:45,660 --> 00:35:49,270 আমি অনুসন্ধান ক্লিক করা হলে, যে লক্ষ্য আমি উদ্দেশ্যে হিসেবে ইউআরএল পরিবর্তন 788 00:35:49,270 --> 00:35:52,770 ক্যোয়ারী কুকুর সমান google.com/search করতে. 789 00:35:52,770 --> 00:35:56,020 এবং যে ফর্ম, কারণ এর পদ্ধতি পেতে হয়, কারণ জানে, 790 00:35:56,020 --> 00:35:59,560 কেবল সেখানে URL- এ এটা লিখবেন. 791 00:35:59,560 --> 00:36:01,730 >> এখন, এই ওয়েব পেজ এখনও অরুপ. 792 00:36:01,730 --> 00:36:04,890 সুতরাং আসুন এক অন্য পরিচয় করিয়ে দেওয়া সিনট্যাক্স সমাচার আমরা আজ সম্ভব হলে. 793 00:36:04,890 --> 00:36:07,640 আর এই পরিচিত কিছু হয় Cascading স্টাইল শীট হিসাবে. 794 00:36:07,640 --> 00:36:10,720 তাই আমাকে কটাক্ষপাত করা যাক এখানে এই উদাহরণে এবং দেখতে 795 00:36:10,720 --> 00:36:12,380 আমরা কি ঘটছে আবিষ্কার করতে পারেন তাহলে. 796 00:36:12,380 --> 00:36:14,520 এই CSS0.html হয়. 797 00:36:14,520 --> 00:36:16,532 এবং এখান থেকেই কিছু হয় একটু কুশ্রী পেতে. 798 00:36:16,532 --> 00:36:18,490 দুর্ভাগ্যবশত, কারণ ওয়েব জগতে, 799 00:36:18,490 --> 00:36:20,920 এইচটিএমএল একা সবকিছু করতে পারে না. 800 00:36:20,920 --> 00:36:22,920 এবং যাতে আপনি করতে চান তাহলে আপনার ওয়েব পৃষ্ঠা stylize 801 00:36:22,920 --> 00:36:28,370 আপনি আসলে উপর ফোকাস করা প্রয়োজন অন্যভাবে নন্দনতত্ব. 802 00:36:28,370 --> 00:36:33,090 তাই এখানে, আমি আমার ওয়েব শরীরের আছে যার ভিতর পাতা একটি বড় div হয়. 803 00:36:33,090 --> 00:36:34,700 আর একটি div শুধু বিভাজন মানে. 804 00:36:34,700 --> 00:36:38,060 সুতরাং এটি একটি অনুচ্ছেদ কিন্তু এটা মত একই শব্দার্থবিদ্যা নেই 805 00:36:38,060 --> 00:36:39,180 লেখার একটা অনুচ্ছেদের. 806 00:36:39,180 --> 00:36:40,940 >> এই মাত্র মানে ব্রাউজার, এখানে আসে 807 00:36:40,940 --> 00:36:45,210 আমার একটি ওয়েব বড় আয়তক্ষেত্রাকার অঞ্চল পাতা, আমি বিশেষভাবে এটি পরিচালনা করতে চান. 808 00:36:45,210 --> 00:36:47,420 যে div শুরু যেখানে এখন, লাইন 21. 809 00:36:47,420 --> 00:36:48,770 আর মাত্র একটি অনুমান নিতে. 810 00:36:48,770 --> 00:36:53,080 লাইন 21 এর প্রভাব কি পৃষ্ঠার বিষয়বস্তু বাকি? 811 00:36:53,080 --> 00:36:55,640 812 00:36:55,640 --> 00:36:56,311 কেঁদ্রীকরণ এটি. 813 00:36:56,311 --> 00:36:56,810 এখানেই শেষ. 814 00:36:56,810 --> 00:36:58,830 তাই আমরা একটি উপায় দেখা যায় নি আসলে টেক্সট কেঁদ্রীকরণ. 815 00:36:58,830 --> 00:37:00,996 >> আসলে, আমার সার্চ ইঞ্জিন, প্রকৃত গুগল থেকে ভিন্ন, 816 00:37:00,996 --> 00:37:03,040 সব বাম ওভার সমর্থনযোগ্য ছিল. 817 00:37:03,040 --> 00:37:07,430 তাই এখন লাইন 21 সালে, আমি হেই, বলার অপেক্ষা রাখে না ব্রাউজার, পৃষ্ঠার একটি বিভাগ তৈরি. 818 00:37:07,430 --> 00:37:09,450 শুধু আমাকে একটি বড়, অদৃশ্য আয়তক্ষেত্র দিতে. 819 00:37:09,450 --> 00:37:11,490 যে আমি চাই কিভাবে ওয়েবপৃষ্ঠাটি আমার মনে হয়. 820 00:37:11,490 --> 00:37:13,870 নিম্নরূপ এবং তারপর এটি stylize. 821 00:37:13,870 --> 00:37:16,900 যারা উদ্ধৃতি চিহ্ন ভেতরে, এখন, একটি দ্বিতীয় ভাষা 822 00:37:16,900 --> 00:37:19,969 আমরা আজ চালু বলা Cascading স্টাইল শীট. 823 00:37:19,969 --> 00:37:22,010 সৌভাগ্যক্রমে, এটা খুব নয় একটি প্রোগ্রামিং ভাষা, 824 00:37:22,010 --> 00:37:26,470 তাই এটা খুব তার সিনট্যাক্স মধ্যে সীমাবদ্ধ কিন্তু খুব তার কার্যকারিতা সীমিত 825 00:37:26,470 --> 00:37:30,670 এইচটিএমএল, যেহেতু সব সম্পর্কে একটি ওয়েব পৃষ্ঠার তথ্য অবস্থানসূচক আপ 826 00:37:30,670 --> 00:37:32,130 এবং একটি ওয়েব পৃষ্ঠার কাঠামো. 827 00:37:32,130 --> 00:37:35,320 সিএসএস সম্পর্কে সাধারণত হয় শেষ মাইল, চারুকলা, 828 00:37:35,320 --> 00:37:40,160 আকার ও রঙ এবং পেয়ে একটি ওয়েব পেজ-এর ঠিক ডান বসানো. 829 00:37:40,160 --> 00:37:43,000 এবং প্রকৃতপক্ষে, এটা গঠিত হয় কী মান জোড়া দিয়ে. 830 00:37:43,000 --> 00:37:46,290 >> এই, টেক্সট ভালো একটি সম্পত্তি একটি কোলন, সারিবদ্ধ, 831 00:37:46,290 --> 00:37:49,720 যে মান অনুসরণ করে এই ক্ষেত্রে কেন্দ্র, যা সম্পত্তি. 832 00:37:49,720 --> 00:37:51,910 আর এখন আপনি লক্ষ্য নীড় এই জিনিস করতে পারেন. 833 00:37:51,910 --> 00:37:56,780 আমি যে সবকিছুই চেয়েছিলেন আমি কেন্দ্রীভূত করা হাইলাইট করেছি 834 00:37:56,780 --> 00:38:00,270 যে কেন আমি লাইন 21 আছে এবং সংশ্লিষ্ট লাইন 31. 835 00:38:00,270 --> 00:38:04,820 কিন্তু এখন অনুমান জন বলতে চাই হার্ভার্ড, আমার বাড়ি পাতা স্বাগতম. 836 00:38:04,820 --> 00:38:06,530 >> কপিরাইট প্রতীক জন হার্ভার্ড. 837 00:38:06,530 --> 00:38:09,180 আর আমি প্রথম চাইছেন ঐ লাইনের বেশ বড় হতে. 838 00:38:09,180 --> 00:38:10,450 36 পিক্সেল. 839 00:38:10,450 --> 00:38:11,530 তাই এমন একটি শালীন আকার. 840 00:38:11,530 --> 00:38:13,240 আর আমি সাহসী হতে তার ওজন চেয়েছিলেন. 841 00:38:13,240 --> 00:38:15,450 কিন্তু তারপর যে নীচে, আমি ছোট লেখা চাই. 842 00:38:15,450 --> 00:38:19,980 এবং যে নীচে, আমি চাই এমনকি ছোট লেখা. 843 00:38:19,980 --> 00:38:20,480 দুঃখিত. 844 00:38:20,480 --> 00:38:24,490 845 00:38:24,490 --> 00:38:26,940 আজ একটা ছুটির দিনের মত মতানুযায়ী. 846 00:38:26,940 --> 00:38:29,840 >> সুতরাং এখন, আমি এই প্রকাশ কি করলাম? 847 00:38:29,840 --> 00:38:34,580 এখানে লাইন 22 একটি এমবেড করা হয় DIV বা নেস্টেড DIV, যদি আপনি হবে. 848 00:38:34,580 --> 00:38:36,190 এটা খুব নিজস্ব শৈলী ট্যাগ আছে. 849 00:38:36,190 --> 00:38:38,160 আমি 36 এর একটি ফন্টের আকার উল্লেখ করুন. 850 00:38:38,160 --> 00:38:40,460 আমি সাহসী একটি ফন্ট ওজন উল্লেখ করুন. 851 00:38:40,460 --> 00:38:43,360 এখানে নিচে, আমি শুধুমাত্র 24 পিক্সেল উল্লেখ করুন. 852 00:38:43,360 --> 00:38:45,960 এবং পরিশেষে, লাইন 28 সালে, আমি 12 উল্লেখ করুন. 853 00:38:45,960 --> 00:38:49,070 তাই শুধু একটি দ্রুত বৈধতা পরীক্ষা হিসাবে এবং একটি মানবিক ফাইন্যান্স এই হিসাবে, 854 00:38:49,070 --> 00:38:52,545 পর্দায় যা বলেছি তা আসলে সাহসী হতে যাচ্ছে? 855 00:38:52,545 --> 00:38:56,100 856 00:38:56,100 --> 00:38:58,760 যার লাইন আসলে সাহসী হয়? 857 00:38:58,760 --> 00:38:59,570 >> শুধু জন হার্ভার্ড. 858 00:38:59,570 --> 00:39:00,070 রাইট? 859 00:39:00,070 --> 00:39:05,940 লাইন 22 আরে বলছেন ঠিক যেমন কারণ ব্রাউজার, এখানে পৃষ্ঠার একটি বিভাগের. 860 00:39:05,940 --> 00:39:07,920 এটা ফন্ট সাইজ 36 পয়েন্ট করুন. 861 00:39:07,920 --> 00:39:09,460 ফন্ট ওজন গাঢ় করুন. 862 00:39:09,460 --> 00:39:11,920 যত তাড়াতাড়ি আপনি পৌঁছানোর হিসাবে সংশ্লিষ্ট শেষ ট্যাগ 863 00:39:11,920 --> 00:39:15,340 বা লাইন 24 বদ্ধ ট্যাগ, তার মানে, আরে ব্রাউজার, 864 00:39:15,340 --> 00:39:17,640 এটা আপনি কি করছেন যাই হোক না কেন কাজ বন্ধ. 865 00:39:17,640 --> 00:39:21,020 এবং খেয়াল করুন, যদিও, পরিষ্কার করা লাইন 22 এই বৈশিষ্ট্যাবলী সব আছে 866 00:39:21,020 --> 00:39:24,430 শৈলী মত, যখন আপনি লাইন 24 সালে ট্যাগ বন্ধ করুন, 867 00:39:24,430 --> 00:39:25,940 আপনি শুধুমাত্র ট্যাগ নাম উল্লেখ করেন. 868 00:39:25,940 --> 00:39:29,990 >> আপনি শব্দ শৈলী পুনরাবৃত্তি না বা যারা কোট ভেতরে যে কিছু. 869 00:39:29,990 --> 00:39:32,860 আর আমি এখন এই তাকান যদি তাই হয় আমার ব্রাউজারে, এর নেওয়া যাক 870 00:39:32,860 --> 00:39:38,060 একটি শেষ ফলাফল তাকান. আমাকে যেতে দাও এগিয়ে সিএসএস 0 যা এই ফাইলে. 871 00:39:38,060 --> 00:39:41,814 এবং এটি প্রশংসনীয় প্লেইন এখনও কিন্তু বেশ আকর্ষণীয় পেয়ে. 872 00:39:41,814 --> 00:39:43,980 কিন্তু সেখানে দেখা যাচ্ছে আমি এখানে কি করতে পারেন অন্যান্য বিষয়, 873 00:39:43,980 --> 00:39:46,490 এবং যার ফলে ঝুঁকির মধ্যে সম্পূর্ণ অসহ্য এই, 874 00:39:46,490 --> 00:39:48,630 এখানে যে লক্ষ্য আমার আমার ওয়েব পৃষ্ঠার শরীর, 875 00:39:48,630 --> 00:39:53,930 আমি মজার কিছু করতে পারেন বিজি বা পটভূমির রঙ মত. 876 00:39:53,930 --> 00:39:56,670 >> এবং দ্রুত, আপনার প্রিয় রং কি? 877 00:39:56,670 --> 00:39:57,720 সবুজ আমি শুনেছি. 878 00:39:57,720 --> 00:39:58,750 ঠিক আছে. 879 00:39:58,750 --> 00:40:02,920 সুতরাং এখন, আমি এখন রিলোড আঘাত, আমরা একটি সবুজ ওয়েবপৃষ্ঠাটি আছে. 880 00:40:02,920 --> 00:40:04,710 ঠিক আছে, তাই যে খারাপ না. 881 00:40:04,710 --> 00:40:08,350 এবং এখন, আমি এই করতে চান তাহলে সত্যিই শান্ত, আমি আমার লেখার রং করতে পারেন 882 00:40:08,350 --> 00:40:09,360 এমনকি লাল. 883 00:40:09,360 --> 00:40:10,870 তাই আসুন এই মত দেখায় তা দেখতে দিন. 884 00:40:10,870 --> 00:40:12,230 এখন এটা বেশ ভাল খুঁজছেন. 885 00:40:12,230 --> 00:40:15,460 এবং এখানে নিচে, আপনি যদি সত্যিই কেউ সঙ্গে জগাখিচুড়ি চান 886 00:40:15,460 --> 00:40:17,487 অথবা আপনি হতে চান যাদের এক যারা 887 00:40:17,487 --> 00:40:20,570 একটি ওয়েব পরিদর্শন করানোর চেষ্টায় রত চেষ্টা পাতা তারা গুগল tricked করেছি কারণ 888 00:40:20,570 --> 00:40:27,610 চিন্তা আভা আছে মূল শব্দ দেখা যাক করার মত নিয়ে, পুনরায় লোড করুন. 889 00:40:27,610 --> 00:40:29,020 890 00:40:29,020 --> 00:40:30,680 কেউ জানেনা কোথায় গিয়েছে? 891 00:40:30,680 --> 00:40:31,530 আর আমাদের আছে তা. 892 00:40:31,530 --> 00:40:32,030 ঠিক আছে. 893 00:40:32,030 --> 00:40:34,905 আমি একটি সরাইয়া হিসাবে এই বলে তাই, আমরা করব কয়েক সপ্তাহের মধ্যে এই জিনিস সম্পর্কে কথা 894 00:40:34,905 --> 00:40:36,740 আমরা যে বিষয়ে কথা যখন নিরাপত্তা, আপনি যদি আসলে 895 00:40:36,740 --> 00:40:38,852 এম্বেড পুরো কাঁদি একটি ওয়েব পেজ-এর কীওয়ার্ড, 896 00:40:38,852 --> 00:40:41,810 তারা একটি দৃশ্যমান নয়, এমনকি যদি গুগল মত মানুষের, কেউ, অবশ্যই, 897 00:40:41,810 --> 00:40:43,250 এখনও আসলে এই খুঁজে পেতে পারেন. 898 00:40:43,250 --> 00:40:45,820 ঠিক আছে, তাই যে সুন্দর প্রশংসনীয় দ্রুত অসহ্য. 899 00:40:45,820 --> 00:40:48,420 >> এবং বাস্তবিকই, এটা সব না আমার নিজের ওয়েব ভিন্ন যে অনেক 900 00:40:48,420 --> 00:40:51,480 স্নাতক, যেমন পাতা যা আমি এটি প্রায় googling শুরু 901 00:40:51,480 --> 00:40:53,690 আমার পুরোনো ওয়েবসাইটের গত সংস্করণ. 902 00:40:53,690 --> 00:40:54,500 এটা বেশ খারাপ ছিল. 903 00:40:54,500 --> 00:40:56,650 আসলে, আমি খুঁজে পাইনি শুধু বর্গ আগে এক. 904 00:40:56,650 --> 00:40:58,620 কিন্তু সেখানে আউট খারাপ আছে. 905 00:40:58,620 --> 00:41:01,534 এই দৃশ্যত ছিল আমার 1996 সালে হোম পেজে. 906 00:41:01,534 --> 00:41:04,200 দৃশ্যত: আমি ভেবেছিলাম এটা ছিল মানুষ তাদের নাম জিজ্ঞাসা করতে উপযুক্ত 907 00:41:04,200 --> 00:41:05,991 তারা আগেই আসলে আমার ওয়েব পেজ দেখুন. 908 00:41:05,991 --> 00:41:09,380 909 00:41:09,380 --> 00:41:11,920 >> তখন আমি তাদের দেখিয়েছেন সম্ভবত কিছু মূঢ়. 910 00:41:11,920 --> 00:41:13,450 আমি পরবর্তী সময়ের জন্য আরো খনন আপ করব. 911 00:41:13,450 --> 00:41:16,220 কিন্তু এখন জন্য, এর দিন নকশা একটি বিট বিবেচনা. 912 00:41:16,220 --> 00:41:17,444 আমরা শৈলী সম্বন্ধে বিস্তারিত আলোচনা করেছি. 913 00:41:17,444 --> 00:41:19,735 আর এই পৃষ্ঠার পর্যন্ত এবং আমি লিখিত করেছি সবচেয়ে সবকিছু 914 00:41:19,735 --> 00:41:21,890 শৈলীগত বেশ পরিষ্কার. 915 00:41:21,890 --> 00:41:23,320 কিন্তু নকশা সম্পর্কে কি? 916 00:41:23,320 --> 00:41:25,990 ওয়েল, অতিরেক অনেক আছে আমি এখানে কাজ করছি কি এ. 917 00:41:25,990 --> 00:41:28,156 >> আমি শব্দ উল্লেখ করেছি জায়গা কয়েক রঙ. 918 00:41:28,156 --> 00:41:31,630 আমি কয়েক ফন্টের আকার উল্লেখ করেছি জায়গা কয়েক জায়গায় এবং সাহসী. 919 00:41:31,630 --> 00:41:34,870 এবং মৌলিকভাবে, আমি সহ আছি দুই ভাষায় mingling. 920 00:41:34,870 --> 00:41:38,100 আমি আমার ট্যাগ এবং সঙ্গে এইচটিএমএল পেয়েছেন আমার বৈশিষ্ট্যাবলী এবং তারপর হঠাৎ সব, 921 00:41:38,100 --> 00:41:40,100 কোট মধ্যে, আমি আছে দ্বিতীয় ভাষা আজ 922 00:41:40,100 --> 00:41:43,830 আবার, শুধু এই যা বলা সিএসএস, কী মান জোড়া বা এই বৈশিষ্ট্য 923 00:41:43,830 --> 00:41:45,280 কোলন দ্বারা বিভাজিত. 924 00:41:45,280 --> 00:41:47,700 >> এটা যে অনেক দেখা যাচ্ছে মত সি যেখানে আমরা 925 00:41:47,700 --> 00:41:50,550 বিবেচনার শুরু করতে পারেন হেডার ফাইল মধ্যে কিছু কোড, 926 00:41:50,550 --> 00:41:53,520 তাই আমরা HTML এ একই কাজ করতে পারেন. 927 00:41:53,520 --> 00:41:56,030 নিম্নরূপ এবং যে দিকে একটি পদক্ষেপ. 928 00:41:56,030 --> 00:42:02,230 এই সংস্করণ, CSS1.html যে লক্ষ্য সঠিক একই ওয়েবপৃষ্ঠাটি গঠনের. 929 00:42:02,230 --> 00:42:05,250 তাই আমি একটি আভা পেয়েছেন divs এর, কিন্তু এই সময় আমি করেছি 930 00:42:05,250 --> 00:42:07,220 আলোয়ান পরিত্রাণ অর্জিত আপনি দেখতে পাবেন DIV. 931 00:42:07,220 --> 00:42:12,390 >> আর আমি ঐ তিন divs দিয়েছি শীর্ষ, মধ্যম, এবং নীচে, স্বতন্ত্র ID. 932 00:42:12,390 --> 00:42:14,760 এই কারণ দ্বারা সুন্দর ঐ বিভাগের দেবার 933 00:42:14,760 --> 00:42:18,715 পাতা অনন্য শনাক্তকারী এর, আমি অন্যত্র তাদের উল্লেখ করতে পারেন. 934 00:42:18,715 --> 00:42:19,215 কোথায়? 935 00:42:19,215 --> 00:42:21,070 আচ্ছা, আমাকে স্ক্রল আপ দিন. 936 00:42:21,070 --> 00:42:24,070 এবং এ পর্যন্ত, যে কোনো সময় আমরা তাকিয়ে থাকেন একটি ওয়েব পৃষ্ঠা প্রধান এ, কি 937 00:42:24,070 --> 00:42:28,560 আমরা ছিল করেছি শুধুমাত্র ট্যাগ একটি ওয়েব পৃষ্ঠা প্রধান? 938 00:42:28,560 --> 00:42:29,740 একটু জোরে. 939 00:42:29,740 --> 00:42:30,799 শুধু শিরোনাম পর্যন্ত. 940 00:42:30,799 --> 00:42:32,590 কিন্তু সেখানে দেখা যাচ্ছে কয়েক অন্যান্য বিষয় 941 00:42:32,590 --> 00:42:35,840 আপনি, সেখানে এক করা যাবে যার ফলে এটি একটি শৈলী ট্যাগ বলা হয়. 942 00:42:35,840 --> 00:42:37,850 সুতরাং, একটি মুহূর্ত আগে, আমরা লাগছিল একটি শৈলী বৈশিষ্ট্য এ. 943 00:42:37,850 --> 00:42:39,150 একটি শৈলী ট্যাগ আছে দেখা যাচ্ছে. 944 00:42:39,150 --> 00:42:41,200 এটি ভেতরে জন্যে একটি ওয়েব পৃষ্ঠা প্রধান. 945 00:42:41,200 --> 00:42:42,840 এবং এখন আমি কি করছি লক্ষ্য. 946 00:42:42,840 --> 00:42:46,540 আমি এই ভেতরে আছে শৈলী ট্যাগ নিম্নলিখিত. 947 00:42:46,540 --> 00:42:51,190 আমি আক্ষরিক লাইন 20 উল্লেখ করছি আমি stylize করতে চান যে একটি ট্যাগ নাম. 948 00:42:51,190 --> 00:42:53,489 >> তারপর আমি খোলা কোঁকড়া বক্রবন্ধনী আছে এবং কোঁকড়া বক্রবন্ধনী বন্ধ. 949 00:42:53,489 --> 00:42:56,030 , সি আত্মা তাই অনুরূপ কিন্তু আবার, এই একটি ফাংশন নয়, 950 00:42:56,030 --> 00:42:57,796 এই এখানে মাত্র অন্বিত বিস্তারিত. 951 00:42:57,796 --> 00:43:00,170 এবং তারপর অবশ্যই, আমি বলছি ব্রাউজার, আরে ব্রাউজার, 952 00:43:00,170 --> 00:43:05,210 পৃষ্ঠার সমগ্র শরীর করা কেন্দ্রে একটি টেক্সট প্রান্তিককরণ আছে. 953 00:43:05,210 --> 00:43:06,930 এবং তারপর এই নিম্নলিখিত বলছে. 954 00:43:06,930 --> 00:43:12,600 আরে ব্রাউজার, আপনি একটি HTML দেখতে হলে পৃষ্ঠায় উপাদান বা ট্যাগ করে 955 00:43:12,600 --> 00:43:17,040 , উপরের একটি অনন্য শনাক্তকারী হয়েছে তাই হ্যাশ চিহ্ন এখানে শুধু মানে 956 00:43:17,040 --> 00:43:21,010 শীর্ষ অনন্য ধারণা, এগিয়ে যান এবং তার ফন্টের আকার করতে 36 957 00:43:21,010 --> 00:43:22,490 এবং তার ফন্টের ওজন সাহসী. 958 00:43:22,490 --> 00:43:26,840 >> আরে ব্রাউজার, যার একটি উপাদান আইডি এটা 24 পিক্সেল করতে, মধ্যবিত্ত. 959 00:43:26,840 --> 00:43:31,070 আর হেই ব্রাউজার, আপনি দেখতে যদি একটি নীচে ধারণা, এটি 12 পিক্সেল করতে. 960 00:43:31,070 --> 00:43:33,540 শেষ পর্যন্ত প্রভাব ঠিক স্যাম হয়. 961 00:43:33,540 --> 00:43:36,500 আমি সিএসএস 1 ঢোকা, পাতা একই দেখায়. 962 00:43:36,500 --> 00:43:39,810 কিন্তু আমরা দিকে একটি পদক্ষেপ আছেন একটি সামান্য নকশা. 963 00:43:39,810 --> 00:43:44,850 আমার এখন CSS 2 এখানে ফিরে যাওয়া যাক এবং আমি কাজ করেছি আর কী দেখতে. 964 00:43:44,850 --> 00:43:48,030 >> এখন পাতা সত্যিই, সত্যিই পরিষ্কার. 965 00:43:48,030 --> 00:43:50,730 আসলে, আমি সব ফিট করতে পারে এখানে একটি পৃষ্ঠায় বিষয়বস্তু. 966 00:43:50,730 --> 00:43:54,270 কিন্তু নতুন কি ট্যাগ আমি আছে একথাও ঠিক যে, চালু? 967 00:43:54,270 --> 00:43:54,770 লিংক. 968 00:43:54,770 --> 00:43:57,853 আর এটি একটি ট্যাগের জন্য ভাল নাম না এটা অর্থে কোন লিঙ্ক নয় কারণ 969 00:43:57,853 --> 00:44:00,780 আমরা এটা জানি, কিন্তু এই মানে যে অন্য কোনো ফাইল একটি লিঙ্ক. 970 00:44:00,780 --> 00:44:02,890 এই ধারালো সি অন্তর্ভুক্ত পূর্ববর্তী সম্প্রদায়সমূহের মতই ধরনের 971 00:44:02,890 --> 00:44:06,280 >> এই HTML এ উপায় ব্রাউজার আরে বলে, 972 00:44:06,280 --> 00:44:10,240 বিষয়বস্তু পেতে যেতে ফাইল css2.css বলা. 973 00:44:10,240 --> 00:44:12,880 সম্পর্ক, আমার, এটা একটি স্টাইল শীট যে হয়. 974 00:44:12,880 --> 00:44:17,980 এবং প্রকৃতপক্ষে, যে কি এক Cascading স্টাইল শীট মানে এস এর. 975 00:44:17,980 --> 00:44:20,350 এই স্টাইল শীট হয়. 976 00:44:20,350 --> 00:44:23,120 এটা ধারণকারী শুধু টেক্সট ফাইল সম্পত্তি আভা. 977 00:44:23,120 --> 00:44:25,940 এটা শৈলী আভা এর আপনি একটি পাতা প্রয়োগ করতে চান. 978 00:44:25,940 --> 00:44:28,860 >> আর তাই এই দৃশ্যত হয় একটি দ্বিতীয় ফাইল উল্লেখ. 979 00:44:28,860 --> 00:44:32,970 আর আমি যে, CSS2.css খুলে দেয়, সব আমি কাজ করেছি বিজ্ঞপ্তি 980 00:44:32,970 --> 00:44:35,900 কপি এবং সব পেস্ট হয় এই ফাইলে এই. 981 00:44:35,900 --> 00:44:38,220 আর এখন, আপনি না করেছি, এমনকি যদি আগে এই জিনিস কোডেড, 982 00:44:38,220 --> 00:44:40,700 শুধু সঙ্গে বিবেচনা প্রবাদতুল্য ইঞ্জিনিয়ারিং Hat 983 00:44:40,700 --> 00:44:44,220 দেখো, কেন এই একটি হল সম্ভবত ভাল ডিজাইন? 984 00:44:44,220 --> 00:44:48,910 যারা CSS এর বৈশিষ্ট্য আউট ফ্যাক্টরিং, তাদের নিজস্ব ফাইল সেগুলি নির্বাণ. 985 00:44:48,910 --> 00:44:51,330 যদিও আমরা এই মীমাংসিত সমস্যা মত পাঁচ মিনিট আগে 986 00:44:51,330 --> 00:44:52,600 প্রথম সংস্করণে. 987 00:44:52,600 --> 00:44:55,730 >> আমরা উন্নত না থাকেন পাতা শৈলীগত, 988 00:44:55,730 --> 00:44:57,520 এই মাত্র ভালো কিছু অর্থে নকশা. 989 00:44:57,520 --> 00:44:58,990 তুমি কি ভাবছ? 990 00:44:58,990 --> 00:45:01,510 হ্যা. 991 00:45:01,510 --> 00:45:02,260 আরো নমনীয় কিভাবে? 992 00:45:02,260 --> 00:45:05,040 993 00:45:05,040 --> 00:45:05,540 হ্যা. 994 00:45:05,540 --> 00:45:07,373 আপনি যেতে চান, তাই ফিরে এবং কিছু পরিবর্তন, 995 00:45:07,373 --> 00:45:09,540 এখন, আপনি এক জায়গায় আছে যেখানে আপনি কিছু পরিবর্তন করতে পারেন. 996 00:45:09,540 --> 00:45:11,622 এবং সত্য, কিছু মত সমস্যা, সাত সেট 997 00:45:11,622 --> 00:45:13,690 আমরা একটি বাস্তবায়ন করব যেখানে স্টক ট্রেডিং ওয়েবসাইট, 998 00:45:13,690 --> 00:45:15,523 একটি আছে যাচ্ছে পাতার আভা. 999 00:45:15,523 --> 00:45:17,620 আর এটা সত্যিই হবে বিরক্তিকর আপনি সিদ্ধান্ত নিতে পারেন, এইচএম, 1000 00:45:17,620 --> 00:45:21,630 আমি সত্যিই আমি চাই, 24 পিক্সেল পছন্দ করি না এটা 28 পিক্সেল বা সামান্য বড় হতে. 1001 00:45:21,630 --> 00:45:23,550 এবং তারপর একটি করতে হবে এটি এবং প্রতিস্থাপন গ্লোবাল 1002 00:45:23,550 --> 00:45:27,560 অথবা আপনার ওয়েবসাইট এর ফাইল খুলুন কেবলমাত্র আসলে একটি মান পরিবর্তন করতে. 1003 00:45:27,560 --> 00:45:31,290 এই শৈলী খুঁজে ফ্যাক্টরিং দ্বারা এক কেন্দ্রীয় জায়গা মধ্যে, 1004 00:45:31,290 --> 00:45:34,720 আপনি এখন একটি টেক্সট ফাইল খুলতে পারে কোন প্রোগ্রামে CS50IDE মধ্যে, 1005 00:45:34,720 --> 00:45:36,479 , এটি পরিবর্তন এটি সংরক্ষণ করুন এবং কাজ. 1006 00:45:36,479 --> 00:45:38,270 আপনি ঐ প্রচারিত করেছি সর্বত্র পরিবর্তন. 1007 00:45:38,270 --> 00:45:42,450 এবং যে একই হতে হবে নামের প্রারম্ভে বিন্দু H ফাইলে পাশাপাশি. 1008 00:45:42,450 --> 00:45:46,697 তাই কোন প্রশ্ন এইভাবে পর্যন্ত এই সিনট্যাক্স উপর? 1009 00:45:46,697 --> 00:45:48,530 ঠিক আছে, তাই আমরা করেছি সবকিছু মনে হয় কাজ 1010 00:45:48,530 --> 00:45:51,170 আসলে ছাড়া হাইপারলিঙ্কস বাস্তবায়ন. 1011 00:45:51,170 --> 00:45:52,740 তাই আসুন এগিয়ে যান এবং এই কাজ করা যাক. 1012 00:45:52,740 --> 00:45:54,830 আমাকে এগিয়ে যান এবং এখানে একটি নতুন ফাইল তৈরি. 1013 00:45:54,830 --> 00:45:59,970 আমি কল করার জন্য এটি করা যাচ্ছে না link.html, আজকের কোড রাখা. 1014 00:45:59,970 --> 00:46:03,000 >> আর আমি খোলা কাজ করতে যাচ্ছি বন্ধনী ডক টাইপ এইচটিএমএল. 1015 00:46:03,000 --> 00:46:05,970 এ একটি সরাইয়া, এই জিনিস হিসাবে উপরে, এই ডক টাইপ ঘোষণা, 1016 00:46:05,970 --> 00:46:08,420 এটা অদ্ভুত যে শুধুমাত্র এক বিস্ময়বোধক বিন্দু সঙ্গে. 1017 00:46:08,420 --> 00:46:12,100 আপনি শুধু সেখানে এটা করতে হবে এবং এটা আমরা এইচটিএমএল সংস্করণ 5 ব্যবহার করছেন মানে. 1018 00:46:12,100 --> 00:46:14,460 এর পুরাতন সংস্করণ ভাষা অনেক লম্বা ছিল 1019 00:46:14,460 --> 00:46:16,400 আপনি প্রয়োজন যে স্ট্রিং সেখানে লাগাতে. 1020 00:46:16,400 --> 00:46:18,620 সুতরাং এখানে লিঙ্ক নামক একটি উদাহরণ. 1021 00:46:18,620 --> 00:46:20,950 >> আমি এখানে আমার ওয়েব পৃষ্ঠার একটি শরীরের প্রয়োজন. 1022 00:46:20,950 --> 00:46:29,770 আর এখানে, একটি href সমান এর HTTP://www.disney.com বলা যাক 1023 00:46:29,770 --> 00:46:35,420 এবং আমার প্রিয় ওয়েবসাইট, আমরা বলবো. 1024 00:46:35,420 --> 00:46:38,550 ঠিক আছে, তাই এটি একটি খুব নির্দোষ, ব্যবহারকারী বন্ধুত্বপূর্ণ পাতা. 1025 00:46:38,550 --> 00:46:42,950 আমি এখন আমার তালিকা ঢোকা এখানে তালিকা এবং link.html খুলুন, 1026 00:46:42,950 --> 00:46:44,780 আমরা অধি টেক্সট আছে. 1027 00:46:44,780 --> 00:46:47,410 >> এবং প্রকৃতপক্ষে, এই হল যেখানে HTTP- র মধ্যে এইচ থেকে আসে. 1028 00:46:47,410 --> 00:46:51,580 হাইপারটেক্সট ট্রান্সফার প্রোটোকল টেক্সট হস্তান্তর সম্পর্কে 1029 00:46:51,580 --> 00:46:53,840 যে অন্যান্য রিসোর্সের হাইপারলিঙ্ক আছে. 1030 00:46:53,840 --> 00:46:58,210 এবং প্রকৃতপক্ষে, এখানে, পরিচিত বিপরীতমুখী, তাহলে নীল লিঙ্কে ক্লিক করেন যে, 1031 00:46:58,210 --> 00:47:02,607 আসলে Disney.com আমাকে নিয়ে যাবে. 1032 00:47:02,607 --> 00:47:03,940 এখন, ওহ, যে শীঘ্রই আসছে. 1033 00:47:03,940 --> 00:47:08,970 ঠিক আছে, তাই এখন, কি হয় কিছু এই প্রভাব? 1034 00:47:08,970 --> 00:47:11,610 >> এবং অকপটে, বিশ্বের শুরু একটু বেশি পরিচিত পেতে 1035 00:47:11,610 --> 00:47:15,090 এবং একটি সামান্য ভীতিজনক কিন্তু একটু বেশি 1036 00:47:15,090 --> 00:47:17,840 আপনি একবার শুরু সমর্থনযোগ্য স্ব এইসব জিনিস বুঝতে. 1037 00:47:17,840 --> 00:47:21,610 মতভেদ, আপনি কিছু, আপনি যান, তাহলে কারণ আপনার জিমেইল স্প্যাম ফোল্ডারে মাধ্যমে বা এমনকি 1038 00:47:21,610 --> 00:47:23,990 আপনার ইনবক্স, আপনি সম্ভবত করেছি ইমেইলের কিছু অর্জিত 1039 00:47:23,990 --> 00:47:26,980 যে পরিবর্তন করার জন্য আপনাকে জিজ্ঞাসা করে আপনার পাসওয়ার্ড হয়তো বা হয়তো যাচাই 1040 00:47:26,980 --> 00:47:28,910 আপনার PayPal পরিচয়পত্র বা যে কোন বস্তু. 1041 00:47:28,910 --> 00:47:34,510 >> এবং বাস্তবিকই, আপনি হতে পেয়েছি এখানে ক্লিক করলে ভালো বলছেন যে কিছু 1042 00:47:34,510 --> 00:47:42,260 আপনার PayPal এর পাসওয়ার্ড রিসেট করতে. 1043 00:47:42,260 --> 00:47:44,130 এবং এখন, যদি, লক্ষ্য এই Disney.com নয় 1044 00:47:44,130 --> 00:47:51,600 কিন্তু মত badplace.com ও , রিলোড নোট যে এখানে টেক্সট 1045 00:47:51,600 --> 00:47:53,710 সবটা কিছু বলতে পারল না. 1046 00:47:53,710 --> 00:47:55,260 এবং সত্য, এই মাত্র শব্দ হয়. 1047 00:47:55,260 --> 00:48:04,610 কেন আমি আসলে সুপার দূষিত হতে না এবং http://www.paypal.com বলে. 1048 00:48:04,610 --> 00:48:14,090 >> আপনার PayPal রিসেট এখানে ক্লিক করুন পাসওয়ার্ড এবং এখন পুনরায় লোড করুন. 1049 00:48:14,090 --> 00:48:16,220 এই অধিকার প্রশংসনীয় বৈধ দেখায়? 1050 00:48:16,220 --> 00:48:20,470 আমি উপর ক্লিক করা হবে, মানে শুধু এই বলে যে একটি ইমেইল. 1051 00:48:20,470 --> 00:48:22,450 কিন্তু এখানে বৈপরীত্য লক্ষ্য. 1052 00:48:22,450 --> 00:48:26,880 এটা www.paypal.com বলেছেন, এবং আসলে, এক মিনিট অপেক্ষা করুন, 1053 00:48:26,880 --> 00:48:29,210 আমরা যে আপনি চান জানি নিরাপত্তার জন্য এর. 1054 00:48:29,210 --> 00:48:35,450 তাই এখন, www.paypal.com মধ্যে HTTPS যেতে, কিন্তু আপনি আগে এই কাজ করেছি, 1055 00:48:35,450 --> 00:48:38,182 অভ্যাসের মধ্যে পেতে পারি এখানে একটু লিঙ্ক উপর ঝুলে. 1056 00:48:38,182 --> 00:48:39,890 এবং এটি দেখতে কঠিন সেখানে পর্দায়, 1057 00:48:39,890 --> 00:48:41,340 এবং তা এখানে না সব যে সহজ. 1058 00:48:41,340 --> 00:48:43,615 কিন্তু উপায় নিচে এখানে ছোট্ট কোণে 1059 00:48:43,615 --> 00:48:45,740 আসলে ব্রাউজার আছে আমরা চলুন যে আপনি বলুন 1060 00:48:45,740 --> 00:48:48,850 পরিবর্তে Paypal.com এর badplace.com করতে. 1061 00:48:48,850 --> 00:48:51,620 এখন, যেখানে আমরা কি বলতে চাচ্ছেন? 1062 00:48:51,620 --> 00:48:54,859 আমরা সম্পন্ন করেছি আজ সকল উদাহরণ, আমরা হার্ড কোডেড এবং নিজে আউট টাইপ করেছি. 1063 00:48:54,859 --> 00:48:56,900 ওয়েব অবিশ্বাস্যভাবে হয় নীরস যখন আপনি হার্ড 1064 00:48:56,900 --> 00:48:59,844 যে কন্টেন্ট যাতে আপনার ওয়েব পেজ কোড স্ট্যাটিক এবং কখনও পরিবর্তন হয়. 1065 00:48:59,844 --> 00:49:01,760 অবশ্যই, সব আমাদের প্রিয় ওয়েবসাইটের আজ, 1066 00:49:01,760 --> 00:49:04,470 এটা জিমেইল বা টুইটার বা কিনা ফেসবুক বা অন্যদের কোন সংখ্যা 1067 00:49:04,470 --> 00:49:05,290 গতিশীল হয়. 1068 00:49:05,290 --> 00:49:07,340 তারা পরিবর্তন করছি ব্যবহারকারীর ইনপুট থেকে প্রতিক্রিয়া 1069 00:49:07,340 --> 00:49:08,840 শুধু গুগল সার্চ ফলাফল ভালো. 1070 00:49:08,840 --> 00:49:12,415 >> তাই বুধবার, আমরা কি হয় আমরা HTML এবং CSS এর ভূমিকা ছেড়ে 1071 00:49:12,415 --> 00:49:14,290 আমরা গ্রহণ করা এবং আমাদের পিছনে এখন আমরা যে হালকাভাবে 1072 00:49:14,290 --> 00:49:16,640 এটা জানেন এবং আমরা পরিচয় করিয়ে একটি নতুন প্রোগ্রামিং ভাষা 1073 00:49:16,640 --> 00:49:19,050 পছন্দ যা বলা পিএইচপি, সি, আমাদের দিতে যাচ্ছে 1074 00:49:19,050 --> 00:49:22,450 আসলে প্রোগ্রাম তৈরি করার ক্ষমতা নিজেদের যে আউটপুট উৎপন্ন. 1075 00:49:22,450 --> 00:49:25,900 এই ক্ষেত্রে, আমরা ব্যবহার করা হবে পিএইচপি পরিবর্তনশীল ওয়েব উৎপন্ন 1076 00:49:25,900 --> 00:49:27,340 এই নতুন ভাষা ব্যবহার করে পেজ. 1077 00:49:27,340 --> 00:49:28,989 বুধবার যে যাতে আরও বেশি. 1078 00:49:28,989 --> 00:49:29,530 দেখা হবে তাহলে. 1079 00:49:29,530 --> 00:49:33,130 1080 00:49:33,130 --> 00:49:37,380 >> [সঙ্গীত বাজাচ্ছি] 1081 00:49:37,380 --> 00:52:38,864