1 00:00:00,000 --> 00:00:02,700 [Powered by Google Translate] [সপ্তাহ 9, ক্রমাগত] 2 00:00:02,700 --> 00:00:05,160 [ডেভিড জে Malan - হার্ভার্ড বিশ্ববিদ্যালয়] 3 00:00:05,160 --> 00:00:07,020 [এটি CS50. - CS50.TV] 4 00:00:07,940 --> 00:00:13,340 >> এটি CS50. এই সপ্তাহে 9 শেষে. আপনাকে অনেক ধন্যবাদ. 5 00:00:13,340 --> 00:00:15,310 অবশেষে. 9 সপ্তাহ. আমি পেয়েছি. 6 00:00:15,310 --> 00:00:18,590 আজ আমরা ওয়েব প্রোগ্রামিং সম্পর্কে আমাদের কথোপকথন অবিরত 7 00:00:18,590 --> 00:00:21,660 চূড়ান্ত প্রকল্পের দিকে নজর দিয়ে, আপনি আছে কারণ না কিছু ওয়েব ভিত্তিক না 8 00:00:21,660 --> 00:00:25,610 প্রকল্পের জন্য চূড়ান্ত কিন্তু কারণ চূড়ান্ত প্রকল্পের জন্য অথবা পরে CS50 9 00:00:25,610 --> 00:00:29,000 অবশ্যই এই দিক থেকে আধুনিক সফ্টওয়্যার যাচ্ছে. 10 00:00:29,000 --> 00:00:31,770 এবং এখনো এটা আসলে একটা সহজ বিষয় না. 11 00:00:31,770 --> 00:00:35,040 আসলে, hardest জিনিষ না এক নকশা দৃষ্টিভঙ্গি. 12 00:00:35,040 --> 00:00:38,600 >> নকশা দ্বারা উদাহরণস্বরূপ, আসলে আমরা ইউজার ইন্টারফেস গড় পেয়ে 13 00:00:38,600 --> 00:00:40,420 অথবা ব্যবহারকারীর অভিজ্ঞতা অধিকার. 14 00:00:40,420 --> 00:00:43,200 আমি অনুমান করা - এবং আমরা একটি সাম্প্রতিক সমস্যা সেট থেকে জানা 15 00:00:43,200 --> 00:00:45,960 যখন আপনি একটি কয়েক সফ্টওয়্যার কিছু টুকরা সম্পর্কে আপনার পিত্তশূল বেদনা কালে 16 00:00:45,960 --> 00:00:49,000 অথবা হার্ডওয়্যার যে infuriates উপর ক্যাম্পাস অথবা বন্ধ কিনা আপনি, - 17 00:00:49,000 --> 00:00:51,930 সেখানে আউট সাইটের অনেক আছে, আছে আউট আছে হার্ডওয়্যার অনেক, 18 00:00:51,930 --> 00:00:53,900 তজ্জাতীয় sucks. 19 00:00:53,900 --> 00:00:58,730 কিন্তু বাস্তবতা হল যে জিনিস আছে এখনো ব্যবহার করার সহজ অথচ শক্তিশালী হয় 20 00:00:58,730 --> 00:01:00,550 একটি খুব কঠিন চ্যালেঞ্জ. 21 00:01:00,550 --> 00:01:03,680 তাই আমি জোসেফ এবং টমি সম্পর্কে পর্যন্ত এখানে যোগদানের জন্য আজ জিজ্ঞাসা 22 00:01:03,680 --> 00:01:06,680 যাতে আমরা একটি কথোপকথন থাকতে পারে, উভয় সম্পর্কে নকশা 23 00:01:06,680 --> 00:01:09,090 এবং কি ধরণের চিন্তার প্রসেস আপনার মাথার মধ্যে দিয়ে যাচ্ছিলেন শুরু করা উচিত 24 00:01:09,090 --> 00:01:12,040 যখন আপনি আপনার প্রকল্পের চূড়ান্ত ডিজাইন, আপনার ভবিষ্যতে চেষ্টা. 25 00:01:12,040 --> 00:01:15,040 টমি এর সাহায্যে এবং তারপর আমরা বাস্তবায়ন বিবরণ কিছু তাকান করব. 26 00:01:15,040 --> 00:01:18,440 কিভাবে কাগজে বা আপনার মত আপনি কিছু দৃষ্টি থাকতে পারে 27 00:01:18,440 --> 00:01:20,760 তারপর আপনি যে চালানো programmatically পারেন 28 00:01:20,760 --> 00:01:24,030 প্রযুক্তি এবং কিছু কৌশল ব্যবহার করে আমরা শুরু করেছি বলছি, 29 00:01:24,030 --> 00:01:29,080 যেমন জাভাস্ক্রিপ্ট এবং কিছু এমনকি নতুন যথা, AJAX, অ্যাসিঙ্ক্রোনাস জাভাস্ক্রিপ্ট. 30 00:01:29,080 --> 00:01:32,950 আপনি যে সকল একটি ইউজার ইন্টারফেসের আরো গতিশীল তৈরি করা যাবে 31 00:01:32,950 --> 00:01:35,780 দ্বারা আনয়ন একটি সার্ভার থেকে কার্যক্রমে আরো এবং আরো তথ্য. 32 00:01:35,780 --> 00:01:38,560 তাই আমরা যারা টুকরো কিছু দেখতে ভাল আজ করব. 33 00:01:38,560 --> 00:01:41,800 হিসাবে একটি সরাইয়া, যদি আপনি কম্পিউটার বিজ্ঞান মধ্যে মনোযোগ আগ্রহী 34 00:01:41,800 --> 00:01:45,010 অথবা কম্পিউটার বিজ্ঞানে minoring, জানি যে এই শুক্রবার দুপুরে 35 00:01:45,010 --> 00:01:48,750 ম্যাক্সওয়েল Dworkin 221 সালে করা একটি পিজা ইভেন্ট থাকবে 36 00:01:48,750 --> 00:01:50,780 যেখানে আপনি কম্পিউটার বিজ্ঞান বিষয়ে জানার জন্য একটি আরো বিট করতে পারেন. 37 00:01:50,780 --> 00:01:54,860 দরজা আউট আপনার উপায় আজ আপনি হার্ভার্ড এ বাছাই একটি CS যাও বেসরকারী গাইড আপ করতে পারবেন. 38 00:01:54,860 --> 00:01:57,290 আমরা বাইরে ট্র্যাশ ক্যান এটা কোমর উচ্চতা এ রেখে দেব 39 00:01:57,290 --> 00:01:59,750 তাই যে আপনি যদি এই দখল এবং CS সম্পর্কে আরো একটু জানতে চাই, 40 00:01:59,750 --> 00:02:02,480 যে আপনার জন্য আছে হিসাবে সপ্তাহে 0 সালে হবে. 41 00:02:02,480 --> 00:02:06,500 এছাড়াও আপনি যদি CS50 লাঞ্চ জন্য 1:15 অপরাহ্ন আমাদের সঙ্গে যোগদান এই শুক্রবার চাই, 42 00:02:06,500 --> 00:02:09,800 আগাইয়া যাও cs50.net/lunch. 43 00:02:09,800 --> 00:02:13,260 আরও ঝামেলা ছাড়া, আমি দিতে শিক্ষণ সহকর্মী জোসেফ Ong আপনি. 44 00:02:13,260 --> 00:02:19,190 হাই. [সাধুবাদ] 45 00:02:19,190 --> 00:02:20,770 ধন্যবাদ. 46 00:02:20,770 --> 00:02:24,780 প্রথমবার আমি ডিজাইন সম্পর্কে শিখেছি এখানে একটি বর্গ নামক CS179 ছিল. 47 00:02:24,780 --> 00:02:28,040 >> এ সময় অধ্যাপক বলেন অন্য অধ্যাপক আমাদের সম্পর্কে বিবরণ 48 00:02:28,040 --> 00:02:31,640 এবং যারা একটি হোটেল কুটনীতিকরা FAUCETS ব্যবহৃত ছিল. 49 00:02:31,640 --> 00:02:35,630 সম্পর্কে কেউ কি বাম 2 knobs বলতে পারেন এবং অধিকার কি? 50 00:02:35,630 --> 00:02:39,080 [ছাত্রদের] গরম এবং ঠান্ডা. >> গরম এবং ঠান্ডা. গুড. 51 00:02:39,080 --> 00:02:41,430 সাধারণত আপনি কি আশা, অধিকার? 52 00:02:41,430 --> 00:02:46,960 চুঙ্গি ব্যবহার করে পরে এই অধ্যাপক একটি ঝরনা নিতে চায়, এবং তিনি এই ব্যবহার আয়. 53 00:02:46,960 --> 00:02:51,310 তিনি মনে বাম এবং ডান পাশ গরম এবং ঠান্ডা করার জন্য ডান,? 54 00:02:51,310 --> 00:02:55,470 কিন্তু আসলে কি এই সম্পর্কে কেউ কি বলতে পারেন? 55 00:02:55,470 --> 00:02:58,060 কোন হাত? 56 00:02:58,060 --> 00:03:01,740 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> ওয়ান পরামর্শ হল? 57 00:03:01,740 --> 00:03:05,860 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> তাপমাত্রা? 58 00:03:05,860 --> 00:03:10,460 সুতরাং তাদের মধ্যে একজন এবং অন্যান্য তাপমাত্রা নিয়ন্ত্রন? >> [ছাত্রদের] জল চাপ. 59 00:03:10,460 --> 00:03:12,350 জল চাপ. গুড. 60 00:03:12,350 --> 00:03:15,100 এই অধ্যাপক মধ্যে এই পদচারনা এবং, তারা চিন্তা গরম এবং ঠান্ডা নিয়ন্ত্রণ করা হয়, 61 00:03:15,100 --> 00:03:21,470 সঠিক, যা তিনি মনে গরম, সব পথ আপ জন্য সক্রিয় 62 00:03:21,470 --> 00:03:23,560 কারণ তিনি একটা গরম শাওয়ার নিতে চায়. 63 00:03:23,560 --> 00:03:28,100 ওয়েল, এই সত্যিই মেলে না, তাই তিনি এই খুব মজা না পায় অভিজ্ঞতা 64 00:03:28,100 --> 00:03:31,110 হচ্ছে একটি ঠান্ডা ঝরনা মধ্যে, এবং আমরা সব কি যে ভালো মনে জানি. 65 00:03:31,110 --> 00:03:33,620 এটি একটি নকশা খুঁত একটি উদাহরণ. 66 00:03:33,620 --> 00:03:37,040 মানে আমি কি দ্বারা যে কোনো কল থেকে তার প্রত্যাশা 67 00:03:37,040 --> 00:03:39,420 কি কি ঝরনা বেরিয়ে আসেন মেলে, 68 00:03:39,420 --> 00:03:41,780 যা তার জন্য দু: খজনক যে ধরনের. 69 00:03:41,780 --> 00:03:44,990 সুতরাং এই একটি নকশা খুঁত বাস্তব জীবনে যে এরকম একটি উদাহরণ. 70 00:03:44,990 --> 00:03:48,020 কিন্তু আমরা অন্যান্য বেশী সমস্ত প্রকারের হিসাবে দেখতে ভাল. 71 00:03:48,020 --> 00:03:50,390 আমরা সম্ভবত MBTA সিস্টেমের ভক্ত না. 72 00:03:50,390 --> 00:03:55,560 এটি একটি লন্ডনের পাতাল রেল আসলে সিস্টেম, যা বলে, "এই বাটন ব্যবহার না." 73 00:03:55,560 --> 00:04:00,220 কেন আছে এমনকি এটি? কেন আমরা এমনকি যত্ন? 74 00:04:00,220 --> 00:04:02,810 আমি যখন একটি ছাগলছানা, ঘর হচ্ছে এক উপলব্ধি কারিগরি, 75 00:04:02,810 --> 00:04:05,050 যখনই কম্পিউটার ক্র্যাশ করবে, আমার মায়ের সম্পর্কে আসতে হবে, 76 00:04:05,050 --> 00:04:07,060 দেখাচ্ছে এই পর্দা সম্পর্কে এবং সম্পর্কে জিজ্ঞাসা করে কি ঘটেছে. 77 00:04:07,060 --> 00:04:09,210 >> এমনকি এর মানে কি আমি জানি না. 78 00:04:11,890 --> 00:04:14,700 [হাস্য] কি? 79 00:04:16,950 --> 00:04:18,019 [হাস্য] 80 00:04:18,720 --> 00:04:23,050 কখনও কখনও আমরা সফটওয়্যার ডেভেলপারদের মত মনে হয় ঠিক আছে trolling আমাদের. 81 00:04:23,050 --> 00:04:28,460 ব্যবহারকারী হিসাবে আমরা, ভালো থাকেন "? কি করছেন কেউ কেউ আমাদের জানাতে হবে." 82 00:04:28,460 --> 00:04:32,140 এই সব নকশা একটি বিষয় আসে নিচে. 83 00:04:32,140 --> 00:04:34,650 ডিজাইন, হিসাবে আমরা দেখতে পারেন, বিশুদ্ধরূপে হয় নন্দনতত্ব সম্পর্কে না, 84 00:04:34,650 --> 00:04:37,230 এটি কিভাবে যে চেহারা সম্বন্ধে না. 85 00:04:37,230 --> 00:04:41,720 আমরা এখানে দেখতে যে আসলে এই পপ আপ এখানে একটু বেশী সুন্দর সুন্দর দেখায়. 86 00:04:41,720 --> 00:04:45,290 এই পটভূমিতে একটি ড্রপ ছায়া আছে, এটি সীমানা যাওয়া radiuses আছে. 87 00:04:45,290 --> 00:04:47,550 এটি বেশ ধরনের. 88 00:04:47,550 --> 00:04:51,480 এটা কারণ এর ফলে ব্যবহারকারী বন্ধুত্বপূর্ণ না পরিকল্পিত সত্যিই ভাল না. 89 00:04:51,480 --> 00:04:54,920 যে সামান্য পপ আপ আপ আসে যে কোনো তথ্য দিতে না সত্যিই সম্পর্কে 90 00:04:54,920 --> 00:04:58,450 কি দেয়া হবে, এটি ব্যবহারকারী হিসাবে কিছু না বলতে সম্পর্কে 91 00:04:58,450 --> 00:05:01,400 যে ত্রুটি সম্পর্কে কিভাবে পুনরুদ্ধার. 92 00:05:01,400 --> 00:05:05,190 আমরা যে নকশা নয় সম্পর্কে ভাবতে চাই. 93 00:05:05,190 --> 00:05:06,670 প্রথমত, এটা নন্দনতত্ব না. 94 00:05:06,670 --> 00:05:10,800 তবে এটাও আপনার অ্যাপ্লিকেশন ঠাসাঠাসি অপ্রয়োজনীয় কার্যকারিতা টন না. 95 00:05:10,800 --> 00:05:14,890 আপনি যদি একজন থাই রেস্টুরেন্ট, আপনি সম্ভবত একই সময়ে একটা দাঁতের ডাক্তার হতে চাই না. 96 00:05:14,890 --> 00:05:17,720 এবং ফেসবুক প্রশ্নের সাথে, অনেক মানুষ এটা ব্যবহার করা 97 00:05:17,720 --> 00:05:21,130 এবং এটি ছিল সত্যিই কি তারা ভবন ছিল কোর না. 98 00:05:21,130 --> 00:05:24,200 এবং তাই এর সম্পর্কে মনে এত জিনিস পরিমাণ না চমৎকার 99 00:05:24,200 --> 00:05:26,390 যে আপনি আপনার আবেদন কিন্তু মান স্থাপন করছি 100 00:05:26,390 --> 00:05:28,910 এবং কিভাবে আপনি যে ব্যবহারকারীর অভিজ্ঞতা আরও ভালো করছেন 101 00:05:28,910 --> 00:05:32,540 আপনি কি ইতিমধ্যে আছে উপর দ্বারা আসলে উন্নতি. 102 00:05:32,540 --> 00:05:37,040 >> সংক্ষেপে ইন, নকশা আমাদেরকে বলে কি আমরা গড়ে তুলতে হবে. 103 00:05:37,040 --> 00:05:41,950 উদাহরণস্বরূপ, যদি আমরা কিছু জিনিস যা আমাদের আপ অনুসন্ধান যাক ঘর তৈরী করছি, 104 00:05:41,950 --> 00:05:45,970 উদাহরণের জন্য Google ভালো,, সে ব্যাপারে আমরা এমনভাবে করবেন 105 00:05:45,970 --> 00:05:48,950 যে ব্যবহারকারীর ক্লিকের প্রচুর তারা কী চান পেতে গ্রহণ করার প্রয়োজন, 106 00:05:48,950 --> 00:05:52,580 অথবা একটি উপায়ে আমরা এটি করতে হবে যেমন জন্য Google তাত্ক্ষনিক বা স্বয়ংসম্পূর্ণ সঙ্গে, 107 00:05:52,580 --> 00:05:54,970 যা আপনাকে আমাদের ফলাফল ও আমাদের দ্রুত পেতে পারি? 108 00:05:54,970 --> 00:05:58,740 প্রকৌশল জড়িত থাকে, ভালো টমি দেখাতে, আসলে এটি নির্মাণ হবে. 109 00:05:58,740 --> 00:06:01,890 নকশা ধরনের প্রচুর আছে. 110 00:06:01,890 --> 00:06:06,070 উদাহরণস্বরূপ, যদি আপনি কিছু ঘর তৈরী করছি কিছু স্থাপন যাও 111 00:06:06,070 --> 00:06:09,770 একটি তৃতীয় বিশ্ব দেশ যেখানে অনেক বিদ্যুত বা যে অনেক প্রযুক্তি আছে না, 112 00:06:09,770 --> 00:06:11,440 আপনি কি আপনার ঘর তৈরী করছি ডিজাইন আছে 113 00:06:11,440 --> 00:06:14,210 একটা উপায় আছে যে সহজে মানুষ অ্যাক্সেস দেয়. 114 00:06:14,210 --> 00:06:18,290 কিন্তু কি আছে অন্যান্য নকশা সিদ্ধান্ত অসুস্থ হতে পারে 115 00:06:18,290 --> 00:06:21,850 বা ভালো কিছু জড়িত হতে পারে? 116 00:06:23,690 --> 00:06:25,660 হাঁ. আমি একটা হাত দেখতে. 117 00:06:25,660 --> 00:06:37,200 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> রাইট. ঠিক. বিশেষ ব্যবহারকারীদের জন্য এক জিনিস. 118 00:06:37,200 --> 00:06:40,870 মানুষের সম্পর্কে অনেক না, মনে করি না "কি আমার ব্যবহারকারীদের সম্পর্কে?" 119 00:06:40,870 --> 00:06:43,160 ভালো হয় আদর্শের চরম. 120 00:06:43,160 --> 00:06:47,770 আমি ব্যবহারকারীরা তাদের অক্ষমতা আছে যা আমি চিন্তা করছি না পারে আছে 121 00:06:47,770 --> 00:06:50,590 এবং আমি শুধু সাধারণ ব্যবহারকারীর জন্য নকশা সম্পর্কে চিন্তা করছি. 122 00:06:50,590 --> 00:06:52,630 ইন্টারনেট হচ্ছে আজকাল সবাই দ্বারা ব্যবহারযোগ্য, 123 00:06:52,630 --> 00:06:54,870 এবং আমি যাদের জন্য হিসাবে ভাল নকশা করা উচিত. 124 00:06:54,870 --> 00:06:58,620 কি অন্য নকশা সিদ্ধান্ত অসুস্থ করতে পারে? 125 00:06:58,620 --> 00:07:00,690 হ্যাঁ. >> [ছাত্রদের] খরচ. 126 00:07:00,690 --> 00:07:02,680 খরচ. খুব ভাল. 127 00:07:02,680 --> 00:07:08,060 আরেকটা জিনিস আমরা আমাদের পরিকল্পনা সিদ্ধান্তের ওপর বেস খরচ হতে পারে. 128 00:07:08,060 --> 00:07:13,130 যদি আমরা একটি ব্যবসা, আপনি যা উত্পাদন করে অনেক খরচ না বিল্ড করতে চান 129 00:07:13,130 --> 00:07:17,720 কিন্তু একটি বিশেষ করে উচ্চ খরচে বা মুনাফা আমাদের কিছু পেতে পারেন বিক্রী করতে পারে. 130 00:07:17,720 --> 00:07:21,540 >> এগুলি সব নকশা বিভিন্ন ধরনের, কিন্তু যখন আমরা কিছু করছি ইন্টারনেটের ভবন 131 00:07:21,540 --> 00:07:25,120 অথবা যখন আমরা কিছু যে সম্ভবত এখন পর্যন্ত নির্মাণের খরচ আছে যে অনেক না ঘর তৈরী করছি, 132 00:07:25,120 --> 00:07:28,630 ইন্টারনেট অ্যাপ্লিকেশন যেমন - আপনি তা অনেক মূলধন নিক্ষেপ করা হবে না 133 00:07:28,630 --> 00:07:30,900 যাতে কিছু যে আসলে কাজ করতে - 134 00:07:30,900 --> 00:07:33,490 আমরা কি আদৌ উদ্বিগ্ন হয় আরো সম্পর্কে ব্যবহারকারীর অভিজ্ঞতা. 135 00:07:33,490 --> 00:07:36,390 আমরা এই ব্যবহারকারী কেন্দ্রিক নকশা কল. 136 00:07:36,390 --> 00:07:41,550 মূলত কি ব্যবহারকারী কেন্দ্রিক নকশা জড়িত থাকে আপনার ব্যবহারকারীদের জুতা হয় নিজের নির্বাণ. 137 00:07:41,550 --> 00:07:44,870 যদি আমি কি করছি নির্মাণের জন্য কেউ সাইন আপ, 138 00:07:44,870 --> 00:07:48,250 তারা আমার বিশেষ আবেদন স্পষ্টত করেছি মনের মধ্যে একটি লক্ষ্য সঙ্গে আসা, 139 00:07:48,250 --> 00:07:50,280 তারা সম্পূর্ণ একটি টাস্ক সঙ্গে চান. 140 00:07:50,280 --> 00:07:53,650 এবং আপনার কাজ হয় না শুধুমাত্র তাদের যে টাস্ক সম্পূর্ণ সাহায্য 141 00:07:53,650 --> 00:07:57,930 কিন্তু তাদের সাথে এমনভাবে যা দক্ষ, স্বজ্ঞাত যে টাস্ক সম্পূর্ণ সাহায্য, 142 00:07:57,930 --> 00:08:01,900 এবং, কিছু ব্যক্তি হিসাবে ওইখানে বলেন, প্রবেশযোগ্য. 143 00:08:01,900 --> 00:08:03,750 দক্ষতা মানে কি? 144 00:08:03,750 --> 00:08:08,050 দক্ষতা মানে কত তাড়াতাড়ি আমার ইউজার ইন্টারফেসের জন্য টাস্ক দেওয়া আমার সম্পূর্ণ. 145 00:08:08,050 --> 00:08:11,650 এটা অনেক ক্লিকের জন্য তাদের কাছ থেকে অন্য এক জায়গায় পেতে সময় লাগবে? 146 00:08:11,650 --> 00:08:14,630 এটা কি ক্লান্তিকর? না তারা ক্রমাগত কর্ম সঞ্চালন প্রচুর আছে? 147 00:08:14,630 --> 00:08:17,140 আমরা যতটা সম্ভব দক্ষ হিসাবে যে প্রক্রিয়া করতে চাই 148 00:08:17,140 --> 00:08:20,070 তাই তারা যেসব যারা অসুস্থ না আছে. 149 00:08:20,070 --> 00:08:24,230 জন্য intuitiveness হিসাবে, যে যেমন হয়, যদি কোনো ব্যবহারকারী দেখায় আমার ইন্টারফেস আপ, 150 00:08:24,230 --> 00:08:27,240 এটা সহজ করার জন্য তাদের থেকে জায়গায় পেতে? 151 00:08:27,240 --> 00:08:30,390 এটা সহজ করার জন্য তাদের আউট জিনিসটা কি তারা আমার ইন্টারফেসে ক্লিক আছে 152 00:08:30,390 --> 00:08:33,770 যাতে তাদের লক্ষ্য বা টাস্ক যে তারা অর্জন করতে চান অর্জন যাও? 153 00:08:33,770 --> 00:08:37,520 >> এবং পরিশেষে, হিসাবে এক ব্যক্তির ওইদিকে বলেন, অভিগম্যতা খুবই গুরুত্বপূর্ণ. 154 00:08:37,520 --> 00:08:39,640 [পুরুষ স্পিকার] এটা দৃষ্টি ভালো জিনিসের জন্য অভিগম্যতা আসে, 155 00:08:39,640 --> 00:08:42,740 পছন্দ না আমি আসলে একজন অন্ধ জন্য কিছু ডিজাইন? 156 00:08:42,740 --> 00:08:46,460 ওহ. যারা এ সব দেখতে পারে না, আমরা কিছু বলা স্ক্রিন রিডার আছে. 157 00:08:46,460 --> 00:08:49,070 আপনি কি কি করতে হবে আপনার একটি উপায়ে আপনার ওয়েবসাইট নির্মাণ করা উচিত 158 00:08:49,070 --> 00:08:52,020 যে, উদাহরণস্বরূপ, নির্দিষ্ট প্রযুক্তি কি আমরা কল - 159 00:08:52,020 --> 00:08:53,590 এখন অনেক জিনিস আছে. 160 00:08:53,590 --> 00:08:55,660 আমি মনে করি পর্দা নামক JAWS পাঠক আছে. 161 00:08:55,660 --> 00:08:58,410 এইসব জিনিস অনেক নির্ভর কি আমরা এলাকা নিয়ম কল 162 00:08:58,410 --> 00:09:02,010 যাতে ব্যবহারকারী যাও যাও আউট পড়া কি পাতা উপস্থিত ছিলেন. 163 00:09:02,010 --> 00:09:05,480 সেইসব মানুষ ছাড়া যারা দেখতে পারছি না, আপনি নিশ্চিত করা প্রয়োজন যে এই স্ক্রিন রিডার 164 00:09:05,480 --> 00:09:09,130 আসলে বাছাই পৃষ্ঠায় কন্টেন্ট আপ করতে পারেন এবং আপনার ব্যবহারকারীদের আসলে দেখাতে পারেন, 165 00:09:09,130 --> 00:09:13,630 যদি আপনি না দেখতে পারেন, অন্তত আপনি এখনও পৃষ্ঠায় কন্টেন্ট বুঝতে পারেন. 166 00:09:13,630 --> 00:09:16,190 হাঁ. ঠিক আছে. 167 00:09:16,190 --> 00:09:23,410 ভাল ডিজাইন সম্পর্কে যথেষ্ট কথা বলা. এর খারাপ ডিজাইন সম্পর্কে কথা বলা যাক. 168 00:09:23,410 --> 00:09:25,220 এই জিনিস যে আপনি না করা উচিত. 169 00:09:25,220 --> 00:09:27,890 Craigslist সঙ্গে তাদের অভিজ্ঞতা সম্পর্কে কেউ কি আমাকে বলতে পারবেন 170 00:09:27,890 --> 00:09:32,190 এবং তারা কি মনে করেন এই নকশা সম্পর্কে এত বড় হয় না? 171 00:09:33,690 --> 00:09:36,430 হ্যাঁ. >> [ছাত্রদের] আমি মনে করি এর এক এলাকায় আছে অনেক শব্দ. 172 00:09:36,430 --> 00:09:39,350 অনেক শব্দ, ডান? সম্পূর্ণরূপে অপ্রতিরোধ্য. 173 00:09:39,350 --> 00:09:42,400 আপনি এই পৃষ্ঠাটির আসা এবং আপনি একটি জিনিষ সমগ্র এখানে আপ গুচ্ছ সঙ্গে দেখলেও করছি 174 00:09:42,400 --> 00:09:43,860 এমনকি আপনি কোন ব্যাপার হতে পারে না. 175 00:09:43,860 --> 00:09:47,010 উদাহরণস্বরূপ, আপনি একটি রাষ্ট্র যে এই অক্ষর দিয়ে শুরু না বাস. 176 00:09:47,010 --> 00:09:48,690 চলুন শুরু করা যাক বলতে আপনি টেক্সাস বা কিছু না. 177 00:09:48,690 --> 00:09:53,790 >> সব পাতা নিচে অবস্থান করতে হয় পেতে স্ক্রল উপায় আছে. 178 00:09:53,790 --> 00:10:00,320 বস্টন থেকে আমি আছি তাই, আমাকে ম্যাসাচুসেটস দেখুন. কোথায় ম্যাসাচুসেটস? 179 00:10:00,320 --> 00:10:03,270 ওহ, এটা ঠিক এখানে. ওহ, এটা বস্টন. ঠিক আছে. 180 00:10:03,270 --> 00:10:09,070 চলুন বস্টন তাকান. [হাস্য] 181 00:10:09,070 --> 00:10:12,250 চমত্কার অপ্রতিরোধ্য, ডান? 182 00:10:12,250 --> 00:10:16,400 ওইখানে বিশ্রী জিনিস. [হাস্য] 183 00:10:17,320 --> 00:10:19,470 চলুন শুরু করা যাক বলতে আমি কোথাও জন্য বেঁচে থাকার খুঁজছি. 184 00:10:19,470 --> 00:10:24,130 কত মানুষ আসলে ব্যবহার Craigslist? আপনার টন. 185 00:10:24,130 --> 00:10:30,960 চমত্কার খারাপ উপায় এই সময়ে, যাও চেহারা কিন্তু এর এই যাক আছে. 186 00:10:35,130 --> 00:10:38,970 Img এবং মাংসখণ্ডের মধ্যে পার্থক্য কি? সম্পর্কে যে কেউ বলতে পারবেন? 187 00:10:41,350 --> 00:10:42,830 এটা আসলে কোন পার্থক্য. 188 00:10:42,830 --> 00:10:47,710 তারা হুবহু একই জিনিস মানে, কিন্তু তারা তাদের জন্য আলাদা কিছু কারণ জন্য লেবেল আছে. 189 00:10:48,980 --> 00:10:53,560 যদি আমি আছে ক্লিক করুন, পাতা কিছু ঘটবে. 190 00:10:53,560 --> 00:10:57,490 আসলে আমাকে খোঁজো ক্লিক করে আবার কিছু ঘটতে জন্য আছে. 191 00:10:57,490 --> 00:11:02,430 কি একটা ভালো নকশা সিদ্ধান্ত যে সেখানে করা সম্ভব হতে পারে? 192 00:11:03,820 --> 00:11:08,030 যদি আমি যে ফিল্টার ক্লিক করছি, আমি সম্ভবত সেই বিশেষ কর্ম দ্বারা ফিল্টার করতে চান 193 00:11:08,030 --> 00:11:09,970 অথবা যে নির্দিষ্ট বিষয়শ্রেণীতে. 194 00:11:09,970 --> 00:11:14,450 সুতরাং পরিবর্তে আবার খোঁজো টিপুন হচ্ছে, আমি ঠিক ফিল্টারিং স্বয়ংক্রিয় ভাবে পারে 195 00:11:14,450 --> 00:11:17,060 গুগুল শৈলী যেখানে তারা অবিলম্বে কি ধরণের. 196 00:11:17,060 --> 00:11:20,440 [Malan] কিন্তু হিসাবে আমরা তাদের দূর পর্যন্ত আছে শারীরিকভাবে পেশ করা পাচ্ছি না ফরম না 197 00:11:20,440 --> 00:11:23,170 আঘাত কমপক্ষে অথবা একটি বাটন ক্লিক করে লিখুন? 198 00:11:23,170 --> 00:11:26,830 হিসাবে আপনি তাদের দেখা করেছি যতদূর, আপনি আসলে যারা এই ধরনের জিনিস আছে Submit বাটনে ক্লিক করুন. 199 00:11:26,830 --> 00:11:30,090 >> কিন্তু টমি হিসাবে একটি দ্বিতীয় আপনাকে দেখাতে হবে, সেগুলো আসলে সেখানে আপনার জন্য উপায় 200 00:11:30,090 --> 00:11:33,010 যেমন যে সময় আপনি যে জিনিস ক্লিক করুন এবং এটি স্বয়ংক্রিয়ভাবে পাঠাতে পারেন 201 00:11:33,010 --> 00:11:38,840 একটি AJAX অনুরোধ কি আমরা কল এবং তথ্য ফিরে পেতে পারেন এবং আপনার ফলাফল তাত্ক্ষণিকভাবে ফিল্টার. 202 00:11:38,840 --> 00:11:41,340 লোকের জন্য এই ইন্টারফেসের সাথে ভুল টন আছে. 203 00:11:41,340 --> 00:11:43,530 [Malan] আপনি কেমব্রিজ জন্য অনুসন্ধান করতে পারবেন? 204 00:11:43,530 --> 00:11:47,030 এখানে এখন পর্যন্ত কিছু সামান্য ব্যতিক্রমী যেখানে আপনি কেমব্রিজ যত্নশীল 205 00:11:47,030 --> 00:11:54,790 এবং এখনো আপনি WESTFORD, স্প্রিং হিল, পশ্চিম নিউটন এবং ভালো পেয়ে থাকেন. 206 00:11:54,790 --> 00:11:57,930 সম্ভবত না আদর্শ. >> সম্ভবত আদর্শ না. 207 00:11:57,930 --> 00:12:03,900 আমি কিভাবে এই বিশেষ পাতা ব্যবহারকারী এর অভিজ্ঞতা কে সর্বোত্তম করে তুলতে সক্ষম হবেন? 208 00:12:03,900 --> 00:12:07,340 হ্যাঁ. >> [ছাত্রদের] নির্দেশনা. 209 00:12:07,340 --> 00:12:09,500 ঠিক আছে. ইন্দ্রিয় কিরুপ নির্দেশাবলী? 210 00:12:09,500 --> 00:12:14,630 উদাহরণস্বরূপ, [ছাত্রদের], প্রথমবার ব্যবহারকারীরা তাদের কি Craigslist হয় না এমনকি জানেন না জন্য একটি বিষয় 211 00:12:14,630 --> 00:12:17,320 বা আপনি কি করতে অনুমিত করছি না. 212 00:12:17,320 --> 00:12:20,150 রাইট. তাই ব্যাখ্যা কি Craigslist এই পৃষ্ঠাতে হয় গুরুত্বপূর্ণ. 213 00:12:20,150 --> 00:12:23,490 আমরা আসলে কি জন ব্যবহারকারী এই পাতার জন্য আসলে বলতে পারেন. 214 00:12:23,490 --> 00:12:27,090 যদি আমি এই না গিয়ে, আমি একটি অবস্থানে আভা দেখতে. আমি কি তারা মানে না এমনকি জানি না. 215 00:12:27,090 --> 00:12:29,730 কিন্তু আরো গুরুত্বপূর্ণ, ঠিক এই ইন্টারফেসের দিকে তাকিয়ে আছে, 216 00:12:29,730 --> 00:12:35,530 মনে রাখবেন আমি একটা টন স্ক্রল করে নিচে একটি বিশেষ সম্প্রদায় খুঁজে ছিল 217 00:12:35,530 --> 00:12:37,560 যে আমি আসলে এই বিষয়ে যত্ন. 218 00:12:37,560 --> 00:12:39,820 একটি দ্রুত উপায় আমি যে যেত না কি? হ্যাঁ. 219 00:12:39,820 --> 00:12:43,290 [ছাত্রদের] তাদের আপ ভাগ মধ্যে পূর্ব, পশ্চিম অঞ্চলে. >> ঠিক আছে. 220 00:12:43,290 --> 00:12:47,460 আমি আরো বিভাগ সেটি সম্পর্কে দ্রুত নির্ধারণ করতে সাহায্য করতে পারে সেগুলি বিভক্ত করা যায়নি 221 00:12:47,460 --> 00:12:49,820 কিভাবে যে নির্দিষ্ট অবস্থান পেতে. 222 00:12:49,820 --> 00:12:54,510 [ছাত্রদের] একটি ড্রপ ডাউন তালিকায় রাখুন. >> রাইট. ঠিক আছে. 223 00:12:54,510 --> 00:12:58,240 আমি একটি ড্রপ ডাউন মেনু ব্যবহার কারণ আমরা একটি জিনিষ নির্দিষ্ট হতে পারে 224 00:12:58,240 --> 00:13:00,100 এবং আমরা একটি ড্রপ ডাউন মেনু তাদের দেখাতে পারে. 225 00:13:00,100 --> 00:13:02,240 এই ভাবে এটি পর্দায় এত স্থান না লাগতে. 226 00:13:02,240 --> 00:13:05,630 কিন্তু যে এর চেয়ে আরও ভাল হয়, আমরা কি করতে পারি? 227 00:13:05,630 --> 00:13:09,220 হ্যাঁ. >> [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> যে আবার আপনি কি বলতে পারেন? >> [ছাত্রদের] খোঁজো বাক্স. 228 00:13:09,220 --> 00:13:11,260 হ্যাঁ, অনুসন্ধান বাক্সে. দারুণ. 229 00:13:11,260 --> 00:13:16,430 আসলে আমরা কি করতে পারি যদি আমরা স্লাইড, অনুসন্ধান বক্সে পিছনে তাকান. 230 00:13:16,430 --> 00:13:21,520 স্বয়ংসম্পূর্ণ. অত্যন্ত সহজ উপায় ফলাফল যে আপনি কি জানেন মাধ্যমে অনুসন্ধান করতে একটি সেট আছে. 231 00:13:21,520 --> 00:13:25,980 যদি আমি শুরু BO টাইপ, শুধু দেখাতে সমস্ত ফলাফল যে তাদের BO ভিতর আছে আমার. 232 00:13:25,980 --> 00:13:29,030 এইভাবে আমি এক বিশেষ আমি যেতে চান খুব সহজেই খুঁজে পেতে পারেন 233 00:13:29,030 --> 00:13:32,390 পরিবর্তে এই বড় তালিকার মধ্যে স্ক্রোল হচ্ছে. 234 00:13:32,390 --> 00:13:37,450 >> এগুলি সত্যিই কম ঝুলন্ত ফলের সমস্ত প্রকারের যে কেউ Craigslist রূপায়ণকারী হয় 235 00:13:37,450 --> 00:13:42,500 আসলে ওয়েবসাইটে তাদের নির্দিষ্ট ব্যবহারকারীর জন্য অনেক বেশি ভালো উপর অভিজ্ঞতা করতে পারেন. 236 00:13:42,500 --> 00:13:46,370 ঠিক আছে. ওয়েবসাইটের সম্পর্কে যথেষ্ট খারাপ কথা বলা. 237 00:13:46,370 --> 00:13:49,410 যাক এর ফেসবুক সম্পর্কে কথা বলুন. 238 00:13:50,880 --> 00:13:54,390 যখন ফেসবুক বেরিয়ে আসেন, এবং বিশেষ করে ফেসবুক ফটো, 239 00:13:54,390 --> 00:13:57,870 সময় যা ঠিক একই জিনিস না পারে এ অন্যান্য পরিষেবাগুলি প্রচুর ছিল. 240 00:13:57,870 --> 00:14:00,740 তারা আপনার ফটো অ্যালবাম সংগঠিত হতে পারে. 241 00:14:00,740 --> 00:14:03,360 আপনি কি কি করতে পারে আপনার সেট সেগুলি ভাল হিসাবে সংগঠিত হতে পারে. 242 00:14:03,360 --> 00:14:06,070 আপনি তারিখ অনুযায়ী তাদের সংগঠিত হতে পারে. আপনি সব জিনিসের বিশেষ যেত না. 243 00:14:06,070 --> 00:14:11,710 কিন্তু কেউ জানেন না কি ফেসবুক ফটো সময় এটি মুক্তি পায় এ বিস্ফোরিত করা? 244 00:14:11,710 --> 00:14:15,080 হ্যাঁ. >> [ছাত্রদের] ট্যাগ্স. >> ট্যাগ্স. ঠিক. 245 00:14:15,080 --> 00:14:21,300 আমরা Milo, যিনি আমাদের যে CS50 পট্টি দিয়ে কুকুর মাসকট এখানে উপর আছে. 246 00:14:21,300 --> 00:14:24,810 আপনি যে আমরা এই মধ্যম ট্যাগ বৈশিষ্ট্য আছে দেখতে পারেন. 247 00:14:24,810 --> 00:14:28,240 এবং কি একটি ব্যবহারযোগ্যতা দৃষ্টিকোণ থেকে তৈরি ফেসবুক ফটো তাই আকর্ষণীয় 248 00:14:28,240 --> 00:14:34,130 যে এটা আসলে এই মাধ্যমে লোকেদের তাদের ফটোতে তাদের বন্ধু জড়িত করা অনুমোদিত. 249 00:14:34,130 --> 00:14:37,680 জন্য ফেসবুক, যেহেতু তাদের ওয়েবসাইট অত্যন্ত সামাজিক, 250 00:14:37,680 --> 00:14:40,750 এটি সামাজিক বায়ুমন্ডলের সাজানোর এই বিল্ডিং এর সম্পর্কে. 251 00:14:40,750 --> 00:14:42,620 যে ফটো অভিজ্ঞতা উন্নত অনেক আরো 252 00:14:42,620 --> 00:14:46,390 কারণ তারা শুরু করতে পারে বলছে, "এই লোকদের মধ্যে সংযোগ, 253 00:14:46,390 --> 00:14:49,220 এবং এইসব লোকেদের সাথে আপনি আসলে যত্ন সম্পর্কে ফটো. " 254 00:14:49,220 --> 00:14:52,200 এর অনেক অংশ হয় সাজানোর আত্মরতি. 255 00:14:52,200 --> 00:14:54,980 মানুষ তার পছন্দ মত যে ফটো এবং জিনিষ ট্যাগ করা হবে. 256 00:14:54,980 --> 00:14:58,510 যদিও যে একটি ভালো মানুষের বৈশিষ্ট্য অগত্যা না, 257 00:14:58,510 --> 00:15:01,910 একই সময়ে এটা ভালো নকশা সিদ্ধান্তের উপর ভিত্তি করে এর 258 00:15:01,910 --> 00:15:04,860 কারণ মানুষ আসলে ভালো জিনিস যত্নশীল. 259 00:15:04,860 --> 00:15:07,190 যাতে এর ফেসবুক ফটো. 260 00:15:07,190 --> 00:15:09,800 >> কিন্তু যাক ফেসবুক এর আরো সাধারণভাবে কথা বলুন. 261 00:15:09,800 --> 00:15:13,400 আমি নিশ্চিত এখানে অনেক লোক ফেসবুক সম্পর্কে মতামত আছে, 262 00:15:13,400 --> 00:15:16,430 উভয় ভাল নকশা সিদ্ধান্ত এবং খারাপ নকশা সিদ্ধান্ত. 263 00:15:16,430 --> 00:15:20,270 সুতরাং আসুন বা উচ্চারণ খুশি হবেন. 264 00:15:23,480 --> 00:15:26,450 চলো. আমি জানি যে আপনি সব ফেসবুক ব্যবহার. 265 00:15:26,450 --> 00:15:30,970 কেউ কিছু খারাপ বলতে বা কিছু ভাল এটা সম্পর্কে বলার আছে আছে. হ্যাঁ. 266 00:15:30,970 --> 00:15:35,060 খবর ফিড ইন [ছাত্রদের] জিনিষ আমি সত্যিই কি যত্ন সম্পর্কে না অনেক আছে. 267 00:15:35,060 --> 00:15:37,740 খবর ফিড জিনিষ আপনি যত্নশীল হতে পারে না অনেক প্রদর্শন আছে. 268 00:15:37,740 --> 00:15:41,660 আপনার বন্ধুদের ফেসবুকে যারা আপনাকে 2 অথবা 3 বছর জন্য দেখা হয়নি আছে 269 00:15:41,660 --> 00:15:43,860 এবং আপনি তাদের খবর ফলাফল আপনার খবর ফিডে পপিং দেখুন 270 00:15:43,860 --> 00:15:45,870 এবং সত্যিই সে কি যত্ন না. 271 00:15:45,870 --> 00:15:48,700 ফেসবুক আসলে করেনি এই সর্বোত্তম করে তুলতে একটি প্রচেষ্টা করেছেন, 272 00:15:48,700 --> 00:15:53,150 এবং প্রকৃতপক্ষে তারা খবর ফিড শীর্ষে ইদানীং হিসাবে প্রাসঙ্গিক ফলাফল ধাক্কা চেষ্টা করেছি 273 00:15:53,150 --> 00:15:58,300 তাই আসলে আপনি যা বন্ধুদের সাথে প্রাসঙ্গিক আপনি বা আপনার নিকট বন্ধুদের দ্বারা জিনিষ দেখতে. 274 00:15:58,300 --> 00:16:01,110 আরও কিছু লাগবে? হ্যাঁ. 275 00:16:01,110 --> 00:16:06,400 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> যে আবার আপনি কি বলতে পারেন? 276 00:16:06,400 --> 00:16:10,140 [ছাত্রদের] বিজ্ঞাপনগুলি তুলনামূলকভাবে বিচক্ষণ. কি অর্থে >>? 277 00:16:10,140 --> 00:16:16,370 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] তারা ব্যানার ভালো না পর্দায় আলো আছে,. 278 00:16:16,370 --> 00:16:17,760 ঠিক আছে. এটা ভাল. 279 00:16:17,760 --> 00:16:25,030 আপনি যদি ইন্টারনেট থেকে '90s মনে রাখবেন - >> [Malan] আমি সেখানে ছিল. >> তিনি সেখানে ছিল. [হাস্য] 280 00:16:25,030 --> 00:16:29,210 আপনি ঝলকানি gifs ব্যাকগ্রাউন্ড sparkly, জিনিষ মনে রাখতে পারে, 281 00:16:29,210 --> 00:16:31,570 জিওসিটিস জিনিস শৈলী সাজান. 282 00:16:31,570 --> 00:16:34,080 এটা সত্যিই একটি ভাল নকশা একটি উদাহরণ না 283 00:16:34,080 --> 00:16:36,690 কারণ এটি সত্যিই কন্টেন্ট থেকে এর বিক্ষেপী. 284 00:16:36,690 --> 00:16:39,590 ইয়েল শিল্প ওয়েবসাইটে তাদের পটভূমি হিসাবে প্রাণবন্ত gifs আছে ব্যবহৃত 285 00:16:39,590 --> 00:16:41,800 এবং আপনি পৃষ্ঠাতে কিছু না পড়তে পারেন, 286 00:16:41,800 --> 00:16:44,870 কিন্তু আমি অনুমান তাদের আসলে কেউ কথা বলত এবং এখন এটা একটু ভিন্ন. 287 00:16:44,870 --> 00:16:48,940 [Malan] এটি এখন অনেক ভালো. >> এটা এখন অনেক ভালো, হিসাবে আপনি দেখতে পারেন. >> [Malan] ওহ হ্যাঁ. 288 00:16:48,940 --> 00:16:56,020 শুধু মহান, ঠিক - হ্যাঁ. ঠিক আছে. 289 00:16:56,020 --> 00:17:00,560 >> এর অনেক অংশ এছাড়াও করছে আপনার পাতা খুব সম্ভবত খুব অল্পস্বল্প এবং বোধগম্য 290 00:17:00,560 --> 00:17:05,690 তাই একটি উপায় যে খুব লজিক্যাল মধ্যে পাতা প্রবাহ উপর জিনিষ না অপরকে পথে আসে না. 291 00:17:05,690 --> 00:17:11,849 অন্যান্য জিনিসপত্র কি প্রকারের ভাল ফেসবুক সম্পর্কে বা ফেসবুক সম্পর্কে খারাপ? 292 00:17:11,849 --> 00:17:15,730 চলুন শুধু এখানে একটি নকশা কথোপকথন আছে. 293 00:17:19,470 --> 00:17:21,339 ওহ. কোথায়? হাঁ. 294 00:17:21,339 --> 00:17:25,640 [ছাত্রদের] নতুন সময়রেখা সিস্টেম আপনি তাদের অতীত সম্পর্কে ব্যক্তি এর প্রফাইল অনুসন্ধান করতে পারবেন. 295 00:17:25,640 --> 00:17:28,119 সময়রেখা উত্তেজনা,. 296 00:17:28,119 --> 00:17:30,280 সময়রেখা একটি দুর্দান্ত বিষয় কারণ এটি আপনি আপনার বন্ধু আপনাকে ডাঁটা 297 00:17:30,280 --> 00:17:33,300 ফিরে যখন তারা উচ্চ বিদ্যালয় ছিল. 298 00:17:35,160 --> 00:17:38,060 সময়রেখা ভাল কারণ এটি আপনাকে কন্টেন্ট অনেক দ্রুত মাধ্যমে ফিল্টার, 299 00:17:38,060 --> 00:17:41,500 এটি আপনাকে যে অন্যথায় একজন সত্যিই দীর্ঘ সময় গৃহীত হত আপনি খুঁজে পেতে 300 00:17:41,500 --> 00:17:45,840 শুধুমাত্র প্রদর্শনের আপ এবং নিচে আপ, আপ, আপ, আপ, সময় ফিরে যাওয়াকে ভালো আপ,. 301 00:17:45,840 --> 00:17:48,910 তবে এছাড়াও আছে ব্যবহারকারীদের অভিজ্ঞতার নিরিখে যে একটি downside ধরণের. 302 00:17:48,910 --> 00:17:51,190 হতে কি পারে যে? 303 00:17:51,190 --> 00:17:56,780 বিগ শব্দ পি আর সঙ্গে আরম্ভ করা হয়. >> [ছাত্রদের] গোপনীয়. >> গোপনীয়, ডান? 304 00:17:56,780 --> 00:17:59,970 গোপনীয় একটি বিশাল ব্যবহারকারীর অভিজ্ঞতা সমস্যা. 305 00:17:59,970 --> 00:18:07,190 এই জিনিস আমি ফেসবুক সম্পর্কে অধিকাংশ এখন ঘৃণা এক. [হাস্য] 306 00:18:07,190 --> 00:18:09,000 [Malan] যেহেতু এখন আমি কি. 307 00:18:09,000 --> 00:18:11,380 ডেভিড আসলে এই গতকাল পর্যন্ত ঘটেছে কি না বুঝতে পারছি. 308 00:18:11,380 --> 00:18:14,560 সুতরাং এখন তিনি জানেন যে প্রত্যেক সময় আমি তাকে চ্যাট আমি জানি সে সম্পর্কে উপেক্ষা করা হয়েছে. 309 00:18:14,560 --> 00:18:16,880 [Malan] বিশ্রী অংশ ছিল আমি আসলে ছিল তাকে উপেক্ষা, 310 00:18:16,880 --> 00:18:21,040 এবং আমি সে জানত আমি তাকে উপেক্ষা ছিল না জানেন. [হাস্য] 311 00:18:21,040 --> 00:18:24,030 গোপনীয় একটি বিশাল সমস্যা. 312 00:18:24,030 --> 00:18:28,670 সম্পর্কে যে কেউ এখানে কি ফেসবুক গোপনীয়তা সম্পর্কে খারাপ হতে পারে বলতে পারেন 313 00:18:28,670 --> 00:18:32,270 অধিকন্তু যে তারা ভালো কিছু করার? 314 00:18:32,270 --> 00:18:37,240 এটা কি ফেসবুক গোপনীয়তার সম্মান না বিশেষ করে কঠিন? 315 00:18:37,240 --> 00:18:40,340 যে সাজানোর একটি উত্তরসূচক প্রশ্ন. 316 00:18:41,680 --> 00:18:43,930 হ্যাঁ. >> [ছাত্রদের] নির্দিষ্ট ব্যক্তিদের কাছ থেকে আপনার ফটো লুকান. 317 00:18:43,930 --> 00:18:46,170 রাইট. ঠিক, কিছু লোকের থেকে আপনার ফটো লুকান. 318 00:18:46,170 --> 00:18:51,290 তারা উপরের ডান দিকের যে আপনাকে একটি ছবির গোপনীয়তা টগল এই ছোট, সামান্য বোতাম আছে. 319 00:18:51,290 --> 00:18:56,360 তাদের গোপনীয়তা অপশন মেনু বিভিন্ন প্রকারের মধ্যে খুব হয় ভিন্নতা. 320 00:18:56,360 --> 00:18:59,510 >> তারা এটি সম্পর্কে করেছি অর্জিত সম্প্রতি অনেক ভাল, কিন্তু এটি ক্ষেত্রে ব্যবহার করা হয় 321 00:18:59,510 --> 00:19:04,870 যে যখনই আপনি দেখে ফটো থেকে আপনার বন্ধুদের প্রতিরোধ করতে চেয়েছিল, 322 00:19:04,870 --> 00:19:08,280 আপনি একটি অত্যন্ত জটিল হচ্ছে ভালো 5 পদক্ষেপ প্রক্রিয়ার মধ্য দিয়ে যেতে হবে, 323 00:19:08,280 --> 00:19:11,150 সম্পর্কে এই লিঙ্কটি ক্লিক করুন যাক এখন, আমার আবার ক্লিক করুন যাক, আমাকে আবার ক্লিক করুন, 324 00:19:11,150 --> 00:19:13,420 আমাকে যা মানুষ না আমার ফটো দেখতে পারেন নির্দিষ্ট. 325 00:19:13,420 --> 00:19:17,250 যে ফেসবুক এর অংশ বিশেষ ভাল হয় না 326 00:19:17,250 --> 00:19:20,530 কারণ ব্যবহারকারীর অভিজ্ঞতা সম্পর্কে এত প্রদান করা হয় তাদের স্বাধীনতা 327 00:19:20,530 --> 00:19:22,460 মানুষ কি দেখতে পারেন নিয়ন্ত্রণ. 328 00:19:22,460 --> 00:19:25,550 আমরা এই ব্যবহারকারী নিয়ন্ত্রণ এবং স্বাধীনতা কল. 329 00:19:25,550 --> 00:19:31,090 আপনি যদি লেট না করছি না যে আপনার ব্যবহারকারীদের মধ্যে একটি উপায় যে হল দক্ষ এবং স্বজ্ঞাত, 330 00:19:31,090 --> 00:19:34,570 তারপর আপনার ব্যবহারকারীর অভিজ্ঞতা হয় এ সব সত্যিই যে মহান না. 331 00:19:34,570 --> 00:19:38,200  আপনি চান না যাও ফেসবুক সম্পর্কে কিছু বলতে চান? 332 00:19:38,700 --> 00:19:41,420 আমি কিভাবে এই সরা? 333 00:19:41,420 --> 00:19:46,290 [Ong] আপনি এই বন্ধ, চালু না এবং যে একটি বিশাল ফেসবুক অংশ ব্যবহারযোগ্যতা ত্রুটি করতে পারেন. 334 00:19:46,290 --> 00:19:49,410 এই বৈশিষ্ট্যটি - আমি আসলে তা গতকাল লাগছিল - 335 00:19:49,410 --> 00:19:53,940 এটা হয় যে আপনি এটি ব্যবহার করতে পারবেন না বা এটা কোথাও কবর খুব খুব, গভীর এর 336 00:19:53,940 --> 00:19:58,050 ফেসবুকের recesses কারণ আমি চিন্তা কিভাবে এই কার্যকারিতা এ সব নিষ্ক্রিয় করতে পারবেন না. 337 00:19:58,050 --> 00:20:00,400 [Malan] কিন্তু কখনো কখনো এই সব সিদ্ধান্ত গ্রহণে সুস্পষ্ট নয় 338 00:20:00,400 --> 00:20:03,890 কারণ আপনি না CS50 বিভিন্ন অ্যাপ্লিকেশনের উপর প্রদত্ত দরকারী প্রতিক্রিয়া অনেকটা আমাদের 339 00:20:03,890 --> 00:20:05,710 ওয়েবসাইটগুলির অবশ্যই ব্যবহার করে. 340 00:20:05,710 --> 00:20:10,260 আমরা এই অনুরোধগুলি এবং পরামর্শ সব বাস্তবায়িত হয়নি. 341 00:20:10,260 --> 00:20:14,550 >> যে পার্ট অনেক অনুরোধ পাবার জন্য যে সময় একটি ফাংশন, 342 00:20:14,550 --> 00:20:17,070 তবে কখনও কখনও আমরা ভালো একটি সচেতন সিদ্ধান্ত, 343 00:20:17,070 --> 00:20:19,830 "পরামর্শের জন্য ধন্যবাদ, কিন্তু আমরা অসম্মতি." 344 00:20:19,830 --> 00:20:24,350 সুতরাং কিভাবে আপনি আসলে কি কি করা উচিত তা স্থির যদি আপনার ব্যবহারকারী মনে করেন যে আপনার কিছু করতে হবে 345 00:20:24,350 --> 00:20:28,110 এমনকি আপনি যদি না অগত্যা? না 346 00:20:28,110 --> 00:20:32,360 এটা কি আপনার ব্যবহারকারীদের বলতে আসলে শোনার মধ্যে সূক্ষ্ম ভারসাম্য 347 00:20:32,360 --> 00:20:35,840 আসলে লাইন এবং কিছু বাছাই করা হচ্ছে যেখানে আপনি বলতে, 348 00:20:35,840 --> 00:20:37,750 "আমরা কি এই ব্যবহারকারীরা বলে না. করছি যাচ্ছে না" 349 00:20:37,750 --> 00:20:42,520 এবং বিশেষ করে, আমি মনে করি হেনরি ফোর্ড দ্বারা উদ্ধৃতি যে এই পর্যন্ত অঙ্ক চমত্কার ছিল. 350 00:20:42,520 --> 00:20:47,130 "যদি আমি জিজ্ঞেস করেছেন যে, তারা কী চান, তারা বলেন, তারা দ্রুত ঘোড়া চেয়েছিলেন হবে." 351 00:20:47,130 --> 00:20:51,840 পৃথক্ জ্বালাতন করা কি সত্যিই যে উদ্ধৃতি এর অর্থ কেউ সাজাতে পারি? 352 00:20:51,840 --> 00:20:56,060 এটা ঠিক যে ব্যবহারকারীরা কি তারা করতে চান না, 353 00:20:56,060 --> 00:20:59,180 কিন্তু এটা আরো যে - 354 00:20:59,180 --> 00:21:02,720 [ছাত্রদের] তারা কি করা সম্ভব জানি না. 355 00:21:02,720 --> 00:21:06,140 অংশ তারা কি সম্ভব নয় জানি. 356 00:21:07,880 --> 00:21:11,440 যে পৃথক্ একটি সামান্য বিট আরো আঁচড়ান. আপনি কি যে মানে? 357 00:21:11,440 --> 00:21:21,340 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] 358 00:21:21,340 --> 00:21:25,770 এটা ভাল. কি আমি মনে করি আমরা এখানে যা বলার চেষ্টা করছেন যে মানুষ এখন জানে কি করতে চান তারা. 359 00:21:25,770 --> 00:21:28,050 তারা দ্রুত ঘোড়া চান. 360 00:21:28,050 --> 00:21:29,840 তারা কি সত্যিই চান করার দক্ষতা দ্রুত সরানো, 361 00:21:29,840 --> 00:21:32,310 কিন্তু তারা সত্যিই মাঝারি দ্বারা যা অর্জন জানি না. 362 00:21:32,310 --> 00:21:36,330 আপনি যখন আপনার ব্যবহারকারীদের আসুন এবং আপনার ব্যবহারকারীদের কিছু বলুন আপনি 363 00:21:36,330 --> 00:21:39,700 এবং তারা আপনাকে ", আমরা এই বৈশিষ্ট্য এবং এই বৈশিষ্ট্য এবং এই সমস্ত বৈশিষ্ট্য ব্যবহার করতে চান" 364 00:21:39,700 --> 00:21:42,650 আপনি অগত্যা আমার মনে হয় না চান, "আমাকে এগিয়ে যান 365 00:21:42,650 --> 00:21:44,720 "কি এবং স্পষ্টভাবে তারা বাস্তবায়ন" 366 00:21:44,720 --> 00:21:48,610 কিন্তু আপনি কি চিন্তা করতে চান, "কি ধারণা আমি যে সাজানোর থেকে পেতে পারি?" 367 00:21:48,610 --> 00:21:50,450 আসলে তারা কি করতে চান? 368 00:21:50,450 --> 00:21:55,560 >> এবং কি কি করতে পারবেন যা তাদের অনুরোধ মাফিক ডিজাইন সেখানে থেকে 369 00:21:55,560 --> 00:22:00,340 কিন্তু না অগত্যা কাজে ব্যবহারকারী প্রত্যাবর্তনের এটি সন্তুষ্ট করা. 370 00:22:00,340 --> 00:22:03,830 তাই জন্য খুবই বাস্তব পদ কিছু চূড়ান্ত প্রকল্পের মত,, 371 00:22:03,830 --> 00:22:07,900 একটি দরকারী অনুসন্ধানমূলক কি যখন এটি কিছু উন্নত করার জন্য আসে, 372 00:22:07,900 --> 00:22:10,630 বিশেষত যদি ডিজাইনার তার সম্পর্কে এই দাম্ভিকতা আছে 373 00:22:10,630 --> 00:22:14,360 যেখানে আপনি কি ধরণের সেরা এর জানি, আপনি আপনার ব্যবহারকারী থেকে ইনপুট নিতে পারে, 374 00:22:14,360 --> 00:22:16,580 কিন্তু আপনি কিভাবে যে প্রতিক্রিয়া পেয়ে সম্পর্কে আসলে কি যান? 375 00:22:16,580 --> 00:22:21,610 চূড়ান্ত প্রকল্পে, খুব concretely, কি অনুকূল ফলাফল এখানে উৎপন্ন? 376 00:22:21,610 --> 00:22:25,030 উৎপন্ন ফলাফল অনুকূল কি - এবং আমি এই বিষয়ে একটি দ্বিতীয় মধ্যে যেতে হবে - 377 00:22:25,030 --> 00:22:29,190 একটি উন্নয়নশীল এবং তারপর পরীক্ষা এবং তারপর iterating এই প্রক্রিয়া. 378 00:22:29,190 --> 00:22:32,020 কি আমি পরীক্ষার দ্বারা অর্থ সাধারণতঃ যখন আপনি কিছু ডিজাইন 379 00:22:32,020 --> 00:22:36,970 আপনি কি মনে করেন এটা মোটামুটি ভাল, যেমন, "আমি একটি মহান ডিজাইনার. প্রত্যেকেরই এই প্রেম করতে যাচ্ছে." 380 00:22:36,970 --> 00:22:41,600 এবং তারপর আপনি এটি আউট করা আছে এবং মানুষের জন্য কিছু কারণ এটা সত্যিই না চাই. 381 00:22:41,600 --> 00:22:46,820 আপনি কি আছে আপনি হয় যে সব জিনিষ জনের ভালো না অংশ নিতে 382 00:22:46,820 --> 00:22:49,180 এবং যে মানুষ পছন্দ করেন না পুনর্গঠন করা. 383 00:22:49,180 --> 00:22:53,080 এটি একটি খুব সুস্পষ্ট প্রক্রিয়া মত শোনাচ্ছে, কিন্তু এই প্রক্রিয়া ক্রমাগত iterating 384 00:22:53,080 --> 00:22:55,980 আপনি কি ইতিমধ্যে তৈরি করেছি উপরে একটি প্রক্রিয়া যা আপনাকে 385 00:22:55,980 --> 00:22:59,730 না কেবল আপনার নিজস্ব নকশা দক্ষতা কিন্তু পরিমার্জন এছাড়াও সাহায্য আপনি নকশা পরিশোধন 386 00:22:59,730 --> 00:23:03,790 তাই যে কতজন মানুষ আপনার পণ্য প্রশংসা এমনকি অধিক পূর্বে তারা করেছেন. 387 00:23:03,790 --> 00:23:07,390 >> আমি আসলে আরো কি কি হতে পারে কংক্রিট উদাহরণ উপর যাবেন. 388 00:23:07,390 --> 00:23:11,390 একটি পণ্যের শেষ উদাহরণ হিসাবে সাজান, যাক কায়াক তাকান এর. 389 00:23:11,390 --> 00:23:14,970 কায়াক যখন এসেছেন খুব খুব জনপ্রিয়. 390 00:23:14,970 --> 00:23:18,760 যে কেউ অনুমান করতে পারে না কেন? 391 00:23:18,760 --> 00:23:20,950 জিনিষ অসুস্থ আপনি এই সম্বন্ধে যদি আপনি এটি ব্যবহার করেছেন কি 392 00:23:20,950 --> 00:23:23,990 বা কি জিনিষ আপনি পছন্দ করেন না অসুস্থ? 393 00:23:23,990 --> 00:23:31,590 হ্যাঁ. >> [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> ঠিক আছে. 394 00:23:31,590 --> 00:23:34,730 যে কোন অংশ ব্যবহারকারী একটি নথি প্রশ্নের সাথে মিলেছে যা আরো বিস্তৃত আছে লেট হয় 395 00:23:34,730 --> 00:23:38,150 একটি ভালো খুব নিয়ন্ত্রণমূলক একটির, "আপনি আপনার আরম্ভের তারিখ বাছাই আছে 396 00:23:38,150 --> 00:23:39,810 "এবং আপনি আপনার শেষ তারিখ বাছাই আছে." 397 00:23:39,810 --> 00:23:44,910 আসলে, এটি আপনাকে তা সম্পর্কে নমনীয় হতে হবে এবং এটি আপনাকে যে সীমার মধ্যে ফ্লাইট সব আপনি. 398 00:23:44,910 --> 00:23:46,730 আরও কিছু লাগবে? 399 00:23:46,730 --> 00:23:50,530 [ছাত্রদের] তারা মূল্য ফি অন্তর্ভুক্ত. 400 00:23:50,530 --> 00:23:53,330 তারা মূল্য ফি অন্তর্ভুক্ত করবেন. 401 00:23:53,330 --> 00:23:56,720 ট্যাক্স এবং জিনিস আসলে যে দাম মধ্যে উপরের বাম দিকের সোজা যান 402 00:23:56,720 --> 00:24:00,710 যাতে আপনি চিন্তা করে যে আপনি আসলে একটি $ 240 ফ্লাইট জন্য করছি পরিশোধ করছেন না tricked 403 00:24:00,710 --> 00:24:03,280 যখন এটি সত্যিই $ 330. 404 00:24:03,280 --> 00:24:06,200 আরও কিছু লাগবে? হ্যাঁ. 405 00:24:06,200 --> 00:24:10,140 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] 406 00:24:10,140 --> 00:24:14,610 আমি যদি তারা আসলে আপনি যে কি ব্যাপারে নিশ্চিত হন না. 407 00:24:14,610 --> 00:24:18,310 আমি ভুল হতে পারে. 408 00:24:18,310 --> 00:24:23,360 যে একটি বিষয় যদি আপনি বিশেষ ফিল্টার আরও ওজন লাগাতে চান হতে পারে 409 00:24:23,360 --> 00:24:27,000 যাতে তারা এর সাথে সম্পর্কিত উপরের যে ফিল্টার ফলাফল ধাক্কা. 410 00:24:27,000 --> 00:24:31,920 কিন্তু এই সম্পর্কে কেউ কি এর বাম পাশে সম্পর্কে তাই বিশেষ বলতে পারেন? 411 00:24:31,920 --> 00:24:39,540 কিভাবে আপনি ঐতিহ্যগতভাবে এই চেহারা আগে একটি ইন্টারনেট সেবা প্রদানকারী একটি ফ্লাইট আপ? 412 00:24:41,600 --> 00:24:44,650 >> হ্যাঁ. >> [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> আপনি বলতে পারেন যে - 413 00:24:44,650 --> 00:24:47,530 [ছাত্রদের] প্রতিটি এয়ারলাইন. >> হ্যাঁ. প্রতিটি এয়ারলাইন নিজস্ব ওয়েবসাইট আছে. 414 00:24:47,530 --> 00:24:50,110 এই জিনিস consolidates. এবং? 415 00:24:50,110 --> 00:24:52,190 [ছাত্রদের] আপনি জানেন কি ঠিক সময় আপনি যাব করছি. 416 00:24:52,190 --> 00:24:54,460 আপনি ঠিক কি সময় আপনি যাব করছি জানি, 417 00:24:54,460 --> 00:24:59,380 বিশেষ ফিল্টার কিন্তু এর সাথে সম্পর্কিত. 418 00:25:00,710 --> 00:25:03,540 আমাকে কায়াক মুঠি ধরে টেনে তুলবো. 419 00:25:11,490 --> 00:25:14,020 ওহ ঈশ্বর, পপ আপ. খারাপ ব্যবহারকারীর অভিজ্ঞতা. 420 00:25:14,020 --> 00:25:17,230 যখন আমি এই স্লাইডার চলে গেলে কি হবে? 421 00:25:17,230 --> 00:25:21,010 [ছাত্রদের] অটোমেটিক আপডেট. >> [Ong] অটোমেটিক আপডেট. 422 00:25:21,010 --> 00:25:23,440 যে যা খুবই গুরুত্বপূর্ণ. 423 00:25:23,440 --> 00:25:25,380 আগে এই, যখনই আপনি একটি ফ্লাইট সন্ধান চেয়েছিলেন, 424 00:25:25,380 --> 00:25:28,410 আপনি আপনার অবস্থান ইনপুট, আউটপুট আপনার অবস্থান, প্রেস খোঁজো রাখা ছিল, 425 00:25:28,410 --> 00:25:31,190 এটি যে প্রক্রিয়া এবং আপনার ফলাফল দেখান. 426 00:25:31,190 --> 00:25:34,120 আপনি যদি আপনার প্রশ্নের সাথে পরিবর্তন করতে চান, তাহলে আপনি ফিরে দুইবার প্রেস করতে হবে, 427 00:25:34,120 --> 00:25:39,770 গোড়া থেকে নতুন একটি ক্যোয়ারী লিখুন, এবং তারপর এটি ফিরিয়া এবং আবার উপর. 428 00:25:39,770 --> 00:25:43,910 ভালো কিছু সুন্দর জিনিষ এটা মধ্যম খুব [অপাচ্য] জিনিস ব্যবহার করে. 429 00:25:43,910 --> 00:25:46,230 যখনই আপনি ভালো কিছু না, এটা খুন করে একটি অনুরোধ বন্ধ 430 00:25:46,230 --> 00:25:48,420 এবং এটি সমস্ত উত্পন্ন ফলাফল অবিলম্বে আপনাকে. 431 00:25:48,420 --> 00:25:51,680 তাৎক্ষণিক প্রতিক্রিয়া এই সাজানোর কিছু একটা যে তৈরি কায়াক অত্যন্ত জনপ্রিয় 432 00:25:51,680 --> 00:25:55,910 কারণ এটা সত্যিই সহজ জন্য শুধু সম্পর্কে আমার প্রশ্নের পরিবর্তন 433 00:25:55,910 --> 00:25:58,890 জিনিস এবং একটি নির্দিষ্ট পরিসীমা চারপাশে যা চিত্র আউট 434 00:25:58,890 --> 00:26:01,950 ছাড়া যাও পিছনে যান, আগে পিছে, আগে পিছে না. 435 00:26:01,950 --> 00:26:05,200 সুতরাং এই জিনিসগুলি সমস্ত প্রকারের আপনি যখন আপনি আপনার ওয়েবসাইট নকশা করছেন সম্পর্কে ভাবতে চাই. 436 00:26:05,200 --> 00:26:08,930 আমি কিভাবে এটা করা খুব দক্ষ জন্য আমার ব্যবহারকারীদের মাধ্যমে যাই হোক না কেন তারা কাজ করছি যেতে পারেন 437 00:26:08,930 --> 00:26:13,010 এবং তাদের চূড়ান্ত লক্ষ্য হচ্ছে যত তাড়াতাড়ি সম্ভব পেতে? 438 00:26:13,010 --> 00:26:16,430 [Malan] এবং যাও জোসেফ এর আগে পয়েন্ট সম্পর্কে বুদ্ধিমান অগত্যা কি তারা করতে চান না, ব্যবহারকারীদের 439 00:26:16,430 --> 00:26:18,640 ভিত্তি কি না এখন এইচটিএমএল সম্পর্কে জানা 440 00:26:18,640 --> 00:26:22,780 এবং আপনি চেকবক্স, রেডিও বাটন নির্বাচন করুন মেনু, ইনপুট ক্ষেত্র এবং ভালো আছে, 441 00:26:22,780 --> 00:26:26,140 কিভাবে একটি ফ্লাইট জন্য একটি শুরুর সময় অবচয় ধারণা আপনি বাস্তবায়ন করবে? 442 00:26:26,140 --> 00:26:30,030 >> যারা বিভিন্ন UI 'তে প্রক্রিয়া যা আপনি ব্যবহার করেন? 443 00:26:30,030 --> 00:26:34,100 যদি আপনি HTML এর পরিমাণ যে আগে শেখানো হয়েছে 444 00:26:34,100 --> 00:26:39,070 এবং আপনি কি জানেন ইনপুট হল রেডিও বাটন, চেকবক্স, ড্রপ উন্মুক্ত বিস্তৃত উচ্চভূমি, এবং ইনপুট বক্স, 445 00:26:39,070 --> 00:26:43,320 প্রাকৃতিক আপনার পছন্দ কি তারিখগুলি জন্য অবচয় হত? 446 00:26:43,320 --> 00:26:48,670 [ছাত্রদের] ইনপুট. >> ইনপুট. অথবা এমনকি একটি ড্রপ ডাউন সঙ্গে তারিখগুলির সব, ডান? 447 00:26:48,670 --> 00:26:53,170 তাই সঙ্গে আরো জটিল ভালো UI 'মেকানিজম বাম পাশে যে আপনি বাস্তবায়ন করতে পারেন, 448 00:26:53,170 --> 00:26:55,500 আপনি একটি স্লাইডার সঙ্গে করা এই প্রক্রিয়া অনেক আরও বেশি ধারণাসম্পন্ন পারেন 449 00:26:55,500 --> 00:27:01,020 কারণ সময় একটানা, এবং সাধারণত তা বিযুক্ত অংশ শর্তাবলী মনে করি না. 450 00:27:01,020 --> 00:27:04,950 ঠিক আছে. সর্বশেষ জিনিস. 451 00:27:04,950 --> 00:27:07,370 দশ ব্যবহারযোগ্যতা হিউরিস্টিক্স. 452 00:27:07,370 --> 00:27:10,820 সমস্ত জিনিস আমরা স্বপ্ন সম্ভবত এই শ্রেণীর এক আওতায়. 453 00:27:10,820 --> 00:27:14,420 যদি আপনি এই লিঙ্ক, কোন সাইট পোস্ট করা যেতে, 454 00:27:14,420 --> 00:27:18,900 আপনি আসলে হতে পারবেন, হিসাবে আপনি আপনার সাইট ডিজাইন করব, মন এই হিউরিস্টিক রাখা 455 00:27:18,900 --> 00:27:21,330 এবং থাম্ব এই নিয়ম. 456 00:27:21,330 --> 00:27:26,610 আপনার প্রকল্পের জন্য কি, আমি আপনাকে পরামর্শ দিচ্ছি আপনি চেষ্টা করবেন যাতে আপনার অ্যাপ্লিকেশন ভাল ডিজাইন 457 00:27:26,610 --> 00:27:28,850 প্রথমে কাগজ প্রোটোটাইপিং না হয়. 458 00:27:28,850 --> 00:27:32,150 আপনি যখন আপনার আবেদন সম্পর্কে চিন্তা করছি, খুব তাড়াতাড়ি স্কেচ আপনি কি এটি করতে চান মত চেহারা 459 00:27:32,150 --> 00:27:36,230 এবং নিশ্চিত করতে সব বাক্সে একটি পদ্ধতি যা ব্যবহারকারী ব্যবহার করার জন্য খুব স্বজ্ঞাত সাজানো হয় 460 00:27:36,230 --> 00:27:39,820 এবং এমনকি আপনার বন্ধুদের এইসব কাগজ এবং এগুলির নমুনা দেখাতে ফোকাস গ্রুপ শুরু. 461 00:27:39,820 --> 00:27:44,230 শুধু একসাথে 2 অথবা 3 জনের পেতে এবং তাদের শুধু এই কাগজ এগুলির নমুনা উপর টোকা জিজ্ঞাসা, 462 00:27:44,230 --> 00:27:47,650 এবং তাদের নতুন পর্দা দেখানোর জন্য যদি তারা আসলে কি করছেন বুঝতে দেখুন. 463 00:27:47,650 --> 00:27:50,680 >> আপনি কি করতে চান তাদের একটি টাস্ক দিতে, যে টাস্ক অনুপ্রাণিত করা হয়, 464 00:27:50,680 --> 00:27:53,270 এবং শুধু তাদের অ্যাপ্লিকেশন দিতে এবং তাদের এটা ব্যবহার করতে দিতে. 465 00:27:53,270 --> 00:27:56,530 কি যে নির্দেশাবলী তাদের অতিক্রম না. 466 00:27:56,530 --> 00:28:00,920 আপনি আসলে আপনার অ্যাপ্লিকেশন সঙ্গে তাদের একটা উপায় যা আপনাকে দেখতে মধ্যে যোগাযোগব্যবস্থার বিভিন্ন জানাতে চাই 467 00:28:00,920 --> 00:28:03,870 কিভাবে তারা এটি ব্যবহার করার জন্য যদি আপনি তাদের পাশে দাঁড়িয়ে ছিল না. 468 00:28:03,870 --> 00:28:05,250 আর এটা খুব গুরুত্বপূর্ণ. 469 00:28:05,250 --> 00:28:08,780 যে অর্ন্তদৃষ্টি প্রচুর হিসাবে দিতে হয় বিশেষ জিনিস কাছাকাছি পেয়ে মানুষের হবে 470 00:28:08,780 --> 00:28:10,560 কখন যে আমি তাদের অভিপ্রায় করা না? 471 00:28:10,560 --> 00:28:14,680 তারা কি পর্দায় বিশেষ UI 'তে প্রক্রিয়া ব্যবহার করে 472 00:28:14,680 --> 00:28:17,490 যে একটি উপায় হল hacky ধরনের? 473 00:28:17,490 --> 00:28:22,020 আমি তাদের জন্য যে উপায় না এটা চাননি. 474 00:28:22,020 --> 00:28:23,940 এবং আপনি যে একবার শেষ হয়ে গেলে কি করছি, আপনি কি চান? 475 00:28:23,940 --> 00:28:26,010 তোমার নকশা স্কচ, ডান? 476 00:28:26,010 --> 00:28:29,600 আপনি কি চান আপনি দেখতে পারেন এবং তারপর বিকাশ উপর যে প্রক্রিয়া কাজ পুনরায় করতে চান. 477 00:28:29,600 --> 00:28:32,110 তাই বন্ধুদের জন্য এটি একবার আপনি এটা উন্নত করেছি, এটি পরীক্ষা, 478 00:28:32,110 --> 00:28:36,630 , বিকাশ পরীক্ষা, বিকাশ, পরীক্ষা, বারবার, এবং এবং ফরওয়ার্ড. 479 00:28:36,630 --> 00:28:39,720 ডিজাইন খুবই এই অর্থে প্রক্রিয়া পুনরাবৃত্ত. 480 00:28:39,720 --> 00:28:43,280 আপনাকে আসলে কিছু এবং তারপর এটি নির্মাণ সম্পর্কে জিনিষ বুঝতে আছে 481 00:28:43,280 --> 00:28:46,520 আপনি আগে যে কি ফিরে যান এবং যে উন্নত থেকে বুঝতে পারছি না. 482 00:28:46,520 --> 00:28:50,890 অংশ হিসাবে উন্নয়ন জন্য এখন,, যে কি টমি বিরতি পরে আপনাকে দেখাতে হবে 483 00:28:50,890 --> 00:28:53,220 এবং আপনি কীভাবে স্বয়ংসম্পূর্ণ করার মত কিছু বাস্তবায়ন করতে সক্ষম হতে পারেন 484 00:28:53,220 --> 00:28:56,610 একটি উপায় যে হল মোটামুটি সহজ. 485 00:28:57,440 --> 00:28:59,550 [Malan] হিসেবে টমি এখানে সেট আপ, একটি প্রশ্ন তারপর. 486 00:28:59,550 --> 00:29:03,780 নিকটতম ওয়েবসাইটে অনেক - এবং যখন জোসেফ 1990 শৈলী ওয়েবসাইট বলেন, 487 00:29:03,780 --> 00:29:07,640 এটি ছিল বাস্তবায়নের যেখানে আপনি যদি একটি সূচনার সময় নির্বাচন চেয়েছিল এবং শেষ সময়, 488 00:29:07,640 --> 00:29:10,380 অকপটে, পিঠ দিন এবং এমনকি কিছু ওয়েবসাইটের আজ, 489 00:29:10,380 --> 00:29:13,220 আপনার এই কাজের জন্য আপনি একটি ড্রপ ডাউন থেকে একটি বাছাই ঘন্টা, 490 00:29:13,220 --> 00:29:15,910 আপনি একটি ড্রপ ডাউন হয়ত, আপনি চয়ন না থেকে, PM তে পোস্ট করা মিনিট বাছাই, 491 00:29:15,910 --> 00:29:17,440 এবং তারপরে আপনি যে আরো 3 বার না. 492 00:29:17,440 --> 00:29:19,920 তাই সঙ্গে 6 ক্লিক হয়তো এবং কিছু স্ক্রলিং 493 00:29:19,920 --> 00:29:24,000 আপনার ব্যবহারকারী আসলে তারিখ এবং / অথবা এই অর্থে সময় পরিসীমা কিছু প্রদান করতে পারেন. 494 00:29:24,000 --> 00:29:27,920 >> তাই স্পষ্টভাবে suboptimal এবং এখনো পর্যন্ত আমরা কোন ভাবপূর্ণ ক্ষমতা দেখা করেছি 495 00:29:27,920 --> 00:29:30,330 ভাষাগুলির মধ্যে আমরা কিছু sexier না দিকে তাকিয়ে করেছি 496 00:29:30,330 --> 00:29:32,620 ভালো সময় শুরু এবং শেষ হওয়ার সময় এই স্লাইডার. 497 00:29:32,620 --> 00:29:36,290 তবে আপনি যদি সপ্তাহে 0 ফিরে মনে যখন আমরা ভূত সম্পর্কে বললাম, 498 00:29:36,290 --> 00:29:39,080 সেখানে খুব আছে উইজেট যে কিছু বিশেষ বিষয় কি ছিল না. 499 00:29:39,080 --> 00:29:42,700 আপনি শুধুমাত্র সত্যিই loops এবং শর্ত এবং ভালো ভালো এইসব মৌলিক ছিল. 500 00:29:42,700 --> 00:29:46,910 তাই শুধু চিন্তা এখন খুব abstractly, এইচটিএমএল বিবরণ স্বাধীন ধরনের, 501 00:29:46,910 --> 00:29:51,260 সত্যি সত্যি কি এই সময় শুরু এবং শেষ হওয়ার সময় স্লাইডার ভালো কিছু যাওয়া? 502 00:29:51,260 --> 00:29:54,960 যখন আমি আমার মাউস এবং সরানো যে সামান্য গাজর চিহ্ন আমি বাম ক্লিক করুন 503 00:29:54,960 --> 00:29:59,220 এবং টেনে নিয়ে শুরু, programmatically, কি হয় এটা আপনার প্রয়োগ সক্ষম হতে চান 504 00:29:59,220 --> 00:30:01,000 যে ঘটতে? 505 00:30:01,000 --> 00:30:04,920 কি প্রশ্নের কি বুলিয়ান এক্সপ্রেশন, আপনি জিজ্ঞাসা করতে সক্ষম হতে চান না? 506 00:30:04,920 --> 00:30:06,930 কি সত্যিই ঘটছে? স্যামি? 507 00:30:06,930 --> 00:30:10,080 [ছাত্রদের] কোথায় কার্সর অবস্থান? >> গুড. কোথায় কার্সর অবস্থান? 508 00:30:10,080 --> 00:30:11,970 এই ছিল যে আমরা ভূত ফিরে প্রকাশ প্রয়োজন, 509 00:30:11,970 --> 00:30:14,690 তা অবস্থান এমনকি বা রং বা ভালো উপর ভিত্তি করে ছিল. 510 00:30:14,690 --> 00:30:18,410 আপনি কি কখনও সোমবার প্রত্যাহার তাই সংক্ষিপ্তভাবে পারে এই সব জিনিস ছিল নামক ঘটনা 511 00:30:18,410 --> 00:30:22,370 ওয়েব জগতে, তাই এবং onclick এবং onkeypress মত জিনিষ আছে 512 00:30:22,370 --> 00:30:25,960 এবং onkeyup এবং onmouseover এবং onmouseout. 513 00:30:25,960 --> 00:30:29,130 তাই বুঝতে পারি যে, এমনকি এই ব্যাপারে আমরা করেছি জন্য গ্রহণ করা হয়েছে ওয়েব মঞ্জুর 514 00:30:29,130 --> 00:30:32,190 সঙ্গে সাইট ফেসবুক এবং Gmail-এর মত, এমনকি আপনি যদি কোন ধারণা আছে 515 00:30:32,190 --> 00:30:34,890 কিভাবে আপনি সম্ভবত যে কারণ বক্তৃতা এমনকি এটি মত কিছুই নেই বাস্তবায়ন করবে 516 00:30:34,890 --> 00:30:38,570 বা সমস্যা 7 সেট, এইসব মৌলিক সঠিক একই সঙ্গে যে বুঝতে পারছি, 517 00:30:38,570 --> 00:30:41,090 HTTP-র সঙ্গে এবং পরামিতি এবং এবং GET পোস্ট, 518 00:30:41,090 --> 00:30:44,010 সঙ্গে মৌলিক HTML রইলাম যা আমরা এ পর্যন্ত লাগছিল করেছি 519 00:30:44,010 --> 00:30:47,690 এবং প্রোগ্রাম্যাটিক মেকানিজম সঙ্গে এক মুহূর্ত যে সম্পর্কে টমি এর সূচনা 520 00:30:47,690 --> 00:30:51,300 আপনি নিজেকে আপনি যেমন সপ্তাহ 0 করেছিল প্রকাশ শুরু করতে পারেন 521 00:30:51,300 --> 00:30:53,800 দ্বারা খুব intuitively টেনে এবং ড্রপ করা হচ্ছে. 522 00:30:53,800 --> 00:30:58,950 >> সুতরাং যে বলেন টমি MacWilliam এবং কিছু আমাদের জন্য নতুন ওয়েব জন্য ধাঁধা টুকরা,. 523 00:30:58,950 --> 00:31:03,450 ঠিক আছে. আমার নাম টমি এবং আমি জাভাস্ক্রিপ্ট সম্পর্কে কথা হবে না. 524 00:31:03,450 --> 00:31:07,150 শুধু একটি দাবিত্যাগ: আমি মতামত নই যে জাভাস্ক্রিপ্ট ভাল প্রোগ্রামিং ভাষা 525 00:31:07,150 --> 00:31:09,010 পুরো সমগ্র বিশ্বের. 526 00:31:09,010 --> 00:31:11,940 মানুষ আমার সাথে যারা অসম্মতি অনেক আছে, কিন্তু এটি শুধু আশ্চর্যজনক. 527 00:31:11,940 --> 00:31:16,330 আপনি একবার সি ফিরে যান, যদি আপনি অন্য কিছু বর্গ বা অন্যান্য ভাষার জন্য সি লিখুন আছে, 528 00:31:16,330 --> 00:31:19,780 এটা তো শুধু সত্যিই সমস্ত নিম্নস্তরের বিস্তারিত আছে ইন নিচে bogged পেতে হতাশাজনক 529 00:31:19,780 --> 00:31:23,050 তাই কখনও যদি আপনি বোধ করছি বিরক্তিকর সি কিভাবে লিখতে হয় আমার দু: খিত, 530 00:31:23,050 --> 00:31:25,130 শুধু ফিরে যান, কিছু জাভাস্ক্রিপ্ট লিখুন. এটা নির্বাণ. 531 00:31:25,130 --> 00:31:27,980 আপনি আপনার খারাপ দিন আমার অনেক ভাল বোধ করবেন. 532 00:31:27,980 --> 00:31:31,900 জাভাস্ক্রিপ্ট এর যাদু অনেক ক্ষমতা জিনিষ নিপূণভাবে থেকে আসে 533 00:31:31,900 --> 00:31:33,730 যে পাতা ইতিমধ্যেই আছে. 534 00:31:33,730 --> 00:31:38,520 যখন আমরা আমাদের পিএইচপি স্ক্রিপ্ট লিখেছে, তারা সার্ভারে সঞ্চালিত হয়, 535 00:31:38,520 --> 00:31:42,270 এবং অবশেষে যে সম্ভবত পিএইচপি স্ক্রিপ্ট কিছু এইচটিএমএল আউটপুট. 536 00:31:42,270 --> 00:31:45,860 যে এইচটিএমএল ক্লায়েন্ট যাও, তারপর পাঠানো হয় এবং যে ছিল এটি. 537 00:31:45,860 --> 00:31:50,180 উদাহরণস্বরূপ, যদি পিএইচপি একটি পৃষ্ঠায় একটি বাটন যুক্ত চেয়েছিলেন,, সত্যিই এটা যে না পারে. 538 00:31:50,180 --> 00:31:54,350 এটি একটি সম্পূর্ণ নতুন HTML ফাইল এবং রেন্ডার ব্রাউজারে যে পাঠাতে হবে. 539 00:31:54,350 --> 00:31:57,840 আমরা জাভাস্ক্রিপ্ট সঙ্গে জানতে পারি যে আমরা জিনিস আপডেট যখন তারা পৃষ্ঠায় ইতিমধ্যে করতে পারেন, 540 00:31:57,840 --> 00:32:00,840 এবং এই কারণ আমরা আরো অনেক তাত্ক্ষণিক প্রতিক্রিয়া জানাতে পারেন, 541 00:32:00,840 --> 00:32:06,150 যা সত্যিই আমাদের ওয়েবসাইটে ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে হবে. 542 00:32:06,150 --> 00:32:09,330 শুধু একটা জাভাস্ক্রিপ্ট নির্বাচক দ্রুত সংক্ষিপ্তবৃত্তি. 543 00:32:09,330 --> 00:32:11,590 আমরা জানি যে, যখন আমরা একটি HTML পাতা ডাউনলোড, 544 00:32:11,590 --> 00:32:13,890 যে DOM মধ্যে প্রতিনিধিত্ব করা হচ্ছে. 545 00:32:13,890 --> 00:32:19,340 >> DOM মনে রাখবেন শুধু এই বড় বড় গাছ যেখানে উপাদান এই বৃহৎ অনুক্রমের সঙ্গে সম্পর্কিত হয়. 546 00:32:19,340 --> 00:32:21,810 যখন উপাত্ত দিয়ে আমরা pset 7 কাজ, 547 00:32:21,810 --> 00:32:26,280 প্রথম জিনিস আমরা কিভাবে কি জানা প্রয়োজন ছিল এক ডাটাবেস অনুসন্ধান করা. 548 00:32:26,280 --> 00:32:29,060 আমরা এই বড় ব্যবহারকারীদের টেবিল খালি আছে, এবং কখনও কখনও আমরা শুধু বলতে চাই, 549 00:32:29,060 --> 00:32:33,260 "শুধুমাত্র আমি এইসব ব্যবহারকারী যে কিছু শর্ত মেলে কিছু করতে চান." 550 00:32:33,260 --> 00:32:36,020 একইভাবে, যখন আমরা DOM আছে আমরা তা অনুসন্ধান করার একটি উপায় সন্ধান করা আবশ্যক. 551 00:32:36,020 --> 00:32:39,490 আমরা বলে কিছু উপায় প্রয়োজন, "আমি চাই বোতাম ভালো যে চেহারা সব 552 00:32:39,490 --> 00:32:41,860 "বা সব পাতা চিত্র." 553 00:32:41,860 --> 00:32:44,330 এবং এই নির্বাচক আমাদের যে কী না. 554 00:32:44,330 --> 00:32:45,690 তাই শুধু একটি দ্রুত সংক্ষিপ্তবৃত্তি. 555 00:32:45,690 --> 00:32:50,770 এই প্রথম এখানে এক, এই # জমা, কি যে নির্বাচন করতে যাচ্ছে? কারো কাছে কি মনে পড়ে? 556 00:32:50,770 --> 00:32:54,880 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> হ্যাঁ, ঠিক. 557 00:32:54,880 --> 00:32:59,510 এই পাতা যে জমা একটি আইডি আছে একটি উপাদান নির্বাচন করা হবে. 558 00:32:59,510 --> 00:33:03,470 এবং যাতে হ্যাশ ট্যাগ বলছেন এই নির্বাচক ID-র সাথে কাজ করতে যাচ্ছে. 559 00:33:03,470 --> 00:33:07,630 কিভাবে আমার দ্বিতীয় এক, এই. কেন্দ্রিক, কি যে নির্বাচন হবে? 560 00:33:11,360 --> 00:33:15,180 হাঁ. >> [ছাত্রদের] ক্লাস. >> যথাযথভাবে. এই এখন হয় বর্গ দ্বারা নির্বাচন করতে যাচ্ছে. 561 00:33:15,180 --> 00:33:18,840 আইডি এবং বর্গ এখানে মধ্যে পার্থক্য সাধারণত আইডি অনন্য হওয়া উচিত 562 00:33:18,840 --> 00:33:20,820 যাই হোক না কেন স্থান থেকে আপনার খোঁজের করছি. 563 00:33:20,820 --> 00:33:23,080 তাই আপনি যদি একটি সম্পূর্ণ ওয়েব পাতা অনুসন্ধান করা হয়েছে, 564 00:33:23,080 --> 00:33:27,740 আপনি সত্যিই যে শুধুমাত্র নির্দিষ্ট আইডি সঙ্গে 1 উপাদান, আছে উচিত জমা দেওয়া তথ্য এই ক্ষেত্রে তাই. 565 00:33:27,740 --> 00:33:31,330 অন্য দিকে ক্লাস সঙ্গে,, আমরা 1 এর অধিক উপাদান আছে একই পৃষ্ঠায় যাবে 566 00:33:31,330 --> 00:33:33,130 একই সঙ্গে বর্গ. 567 00:33:33,130 --> 00:33:36,580 এই বলে আমি সবকিছু যে পাতা কেন্দ্রেও এর নির্বাচন চান তাদের জন্য উপকারী হতে পারে 568 00:33:36,580 --> 00:33:38,450 বরং মাত্র 1 জিনিস. 569 00:33:38,450 --> 00:33:40,310 >> এবং পরিশেষে, এই শেষ এখানে এক একটি ছোট আরো জটিল, 570 00:33:40,310 --> 00:33:43,890 কিন্তু কি এই DOM থেকে নির্বাচন হবে? 571 00:33:46,650 --> 00:33:48,810 [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] >> কি যে? 572 00:33:48,810 --> 00:33:53,250 [ছাত্রদের] আর যে এর একটি ট্যাগ. >> আমরা 2 অংশ এখানে আছে. 573 00:33:53,250 --> 00:33:58,070 দ্বিতীয় অংশে আমি ইনপুটের ট্যাগ সঙ্গে এই ট্যাগ নির্বাচন করতে চান তাহলে বলতে হবে, 574 00:33:58,070 --> 00:34:00,730 তাই কোনো উপাদান এটা একটা ইনপুট ট্যাগ. 575 00:34:00,730 --> 00:34:03,080 কিন্তু আমি শুধু ইনপুট সব নির্বাচন করতে না চান 576 00:34:03,080 --> 00:34:05,170 কারণ একটি submit 'বোতাম মত একটি ইনপুট হতে পারে 577 00:34:05,170 --> 00:34:08,409 এবং একটি টেক্সট বক্সের মত যে কোন একটি ইনপুট হতে পারে. 578 00:34:08,409 --> 00:34:11,909 সুতরাং এই বর্গাকার বন্ধনী বলেই করছি সঙ্গে আমি শুধুমাত্র ঐ উপাদান নির্বাচন করতে চান 579 00:34:11,909 --> 00:34:14,110 টাইপ লেখা যে. 580 00:34:14,110 --> 00:34:17,400 কোথাও আমার HTML ট্যাগটি আমি একটি বৈশিষ্ট্য বলা হয় টাইপ আছে, 581 00:34:17,400 --> 00:34:19,750 এবং যে বৈশিষ্ট্য মান পাঠ্য করা আছে. 582 00:34:19,750 --> 00:34:21,340 সুতরাং কিভাবে সম্পর্কে এই প্রথম অংশ এখানে? 583 00:34:21,340 --> 00:34:25,489 এই নির্বাচক প্রথম শব্দটি হল ফর্ম তারপর আমি একটি স্থান এবং তারপর এই ইনপুট অংশ আছে. 584 00:34:25,489 --> 00:34:29,620 কি, এটা সামনে ফর্ম নির্বাণ? 585 00:34:33,409 --> 00:34:35,860 এটি মূলত আমাদের প্রশ্নের সাথে সীমাবদ্ধ রাখা যাচ্ছে না. 586 00:34:35,860 --> 00:34:38,510 এই ক্ষেত্রে আমরা যে পৃষ্ঠাতে কিছু ইনপুট আছে হতে পারে 587 00:34:38,510 --> 00:34:41,080 যে একটি ফর্ম উত্তরপুরুষ হয় না. 588 00:34:41,080 --> 00:34:46,150 কি করবেন এই হল এই বলবে আমি শুধু চাই ইনপুট ট্যাগ কোথাও তাদের উপরে যে আছে 589 00:34:46,150 --> 00:34:49,030 কিছু একটি ফর্ম অভিভাবক উপাদান. 590 00:34:49,030 --> 00:34:52,100 এই পদ্ধতিতে যাতে এবং আমরা এইসব আরো হায়ারারকিকাল কোয়েরি করতে পারেন 591 00:34:52,100 --> 00:34:55,000 তাই আমরা সবকিছু একটি প্রদত্ত নির্বাচক মেলা নির্বাচন আছে ঠিক না. 592 00:34:55,000 --> 00:35:00,760 আমরা যে প্রশ্নের সাথে সুযোগ অন্য কিছু সীমা ধরনের পারেন. 593 00:35:00,760 --> 00:35:04,000 তাই এখন আমরা জানি কিভাবে পাতা উপাদান নির্বাচন, 594 00:35:04,000 --> 00:35:06,780 যাক AJAX এর সম্পর্কে একটু বলুন. 595 00:35:06,780 --> 00:35:12,270 AJAX একটি এখনও খুব প্রচলিতো আদ্যক্ষরা অ্যাসিঙ্ক্রোনাস জাভাস্ক্রিপ্ট এবং XML জন্য যে দাঁড়িয়েছে. 596 00:35:12,270 --> 00:35:15,640 এটা ঠিক যে এক্সএমএল শুধুমাত্র কিছু তথ্য উপস্থাপন করে. 597 00:35:15,640 --> 00:35:20,920 >> হারিয়ে জনপ্রিয়তার যে সম্প্রতি ধরনের, তাই AJAX মধ্যে এক্স সব সময় ব্যবহার করা হয় না. 598 00:35:20,920 --> 00:35:26,220 মূলত, কি AJAX আমাদের করার অনুমতি দেয় HTTP অনুরোধ করা হয় 599 00:35:26,220 --> 00:35:28,620 থেকে জাভাস্ক্রিপ্ট প্রসঙ্গে. 600 00:35:28,620 --> 00:35:32,310 যখন আমরা আমাদের ওয়েব ব্রাউজারের করছি এবং আমরা পৃষ্ঠাগুলি কাছাকাছি নেভিগেট করছি এবং আমরা একটি লিঙ্ক ক্লিক করুন, 601 00:35:32,310 --> 00:35:37,790 কি ব্রাউজার আমাদের করতে হবে একটি লিঙ্ক যাই হোক না কেন আমরা ক্লিক HTTP-র অনুরোধ করা হয়. 602 00:35:37,790 --> 00:35:41,670 কিন্তু যে আদর্শ কারণ যদি সবসময় যে ক্ষেত্রে, তাহলে হিসাবে ডেভিড বলছে ছিল না, 603 00:35:41,670 --> 00:35:45,220 আমরা সবসময় ব্যবহারকারীদের একটি submit বাটন ক্লিক করুন অথবা একটি লিঙ্কটি ক্লিক করতে হবে 604 00:35:45,220 --> 00:35:50,380 যাতে কিছু যে একটি HTTP অনুরোধ জড়িত করা হচ্ছে এরকম না. 605 00:35:50,380 --> 00:35:54,160 সুতরাং AJAX সঙ্গে আমরা জাভাস্ক্রিপ্ট পক্ষে এই অনুরোধ করতে পারেন. 606 00:35:54,160 --> 00:35:57,020 তার মানে যখনই ব্যবহারকারীর পাতা বা কিছু ঘটলে সাথে মিথস্ক্রিয়া, 607 00:35:57,020 --> 00:36:01,780 আমরা আসলে কিছু অন্যান্য পিএইচপি ফাইলে প্রোগ্রাম অনুরোধ আমাদের ওয়েবসাইটে করতে পারেন 608 00:36:01,780 --> 00:36:06,280 অথবা অন্য কিছু তথ্য এবং যে যে ফাইল spits আউট উদ্ধার করে. 609 00:36:06,280 --> 00:36:09,860 যাক AJAX এর একটি উদাহরণ কটাক্ষপাত করা. 610 00:36:09,860 --> 00:36:16,140 এটি আমাদের CS50 ফাইন্যান্স পাতা আশা আমাদের সঙ্গে যা কিছু পরিচিত. 611 00:36:16,140 --> 00:36:21,790 যদি আমরা এই পৃষ্ঠার HTML তাকান, আমরা এখানে দেখতে যে আমি কিছু বিষয় যোগ করেছেন, 612 00:36:21,790 --> 00:36:23,820 এক যা আমি একটি আইডি দেওয়া এই ফর্ম করেছি. 613 00:36:23,820 --> 00:36:26,480 আমি আইডি = "ফর্ম-উদ্ধৃতি" বলেছেন করেছি. 614 00:36:26,480 --> 00:36:31,910 আমি এই করেছেন মাত্র কারণ এটি একটি সামান্য বিট DOM থেকে সহজে নির্বাচন করতে যাচ্ছে 615 00:36:31,910 --> 00:36:35,090 যেহেতু আমি একটি খুব সহজ প্রশ্ন করতে পারেন. 616 00:36:35,090 --> 00:36:38,960 আমি এখানে কি করতে হয় আমি CS50 ফাইন্যান্স সঙ্গে কিছু সমস্যাটি সমাধান করতে চান. 617 00:36:38,960 --> 00:36:41,550 তাই আপনি যদি আমরা finance.cs50.net যান, 618 00:36:41,550 --> 00:36:45,700 প্রত্যেক সময় আমি একটা পেতে চান, আমি এই পান উক্তি আছে বাটন ক্লিক করুন, 619 00:36:45,700 --> 00:36:48,960 এবং যে পান উক্তি বাটন তারপর অন্য পুরো পাতা যাও সম্পর্কে লাগে. 620 00:36:48,960 --> 00:36:52,400 এবং আমি যদি অন্য মূল্যউদ্ধৃতি চান, আমি ব্যাক বোতাম আঘাত আছে এবং তারপর আমি এটা টাইপ, 621 00:36:52,400 --> 00:36:54,480 আমি একটা পেতে, এবং আমি ব্যাক বোতাম আঘাত. 622 00:36:54,480 --> 00:36:56,840 এটি সত্যিই ভাল ব্যবহারকারীর অভিজ্ঞতা হয় না. 623 00:36:56,840 --> 00:37:01,570 সত্যিই কে সাইট যদি এটা যে মন্থর যাও স্টকের মূল্য পেতে ব্যবহার করেন? 624 00:37:01,570 --> 00:37:05,630 তাই আমরা যা AJAX সঙ্গে কাজ করতে চান যাচ্ছে একটি পৃথক পৃষ্ঠাতে যে পদক্ষেপ সরিয়ে 625 00:37:05,630 --> 00:37:08,410 যাতে ফলাফল দেখতে. 626 00:37:08,410 --> 00:37:11,240 >> আমরা কি সত্যিই কেবলমাত্র তাহলেই জানতে এটি কি সত্যিই ছোট মূল্য, 627 00:37:11,240 --> 00:37:14,240 এবং যে একটি মাত্র তথ্য সত্যিই খুব অল্প পরিমাণ. 628 00:37:14,240 --> 00:37:17,400 তাই আমার জন্য কোন প্রয়োজন অন্য পুরো HTML পাতায় যান সেখানে, 629 00:37:17,400 --> 00:37:20,670 পুরো HTML-এর নতুন ব্যাচ ডাউনলোড হয়ত আরো কিছু ইমেজ ডাউনলোড করুন, 630 00:37:20,670 --> 00:37:24,410 কিছু অন্যান্য সিএসএস ফাইল শুধু জন্য সম্পর্কে যে খুব সহজ প্রশ্ন উত্তর 631 00:37:24,410 --> 00:37:27,810 এর কত স্টক আছে এই খরচ. 632 00:37:27,810 --> 00:37:31,000 AJAX সঙ্গে আমরা এই অনেক সহজতর করে তুলতে পারে. 633 00:37:31,000 --> 00:37:36,400 আমরা দেখতে এখানে নিচে যে আমি একটা জাভাস্ক্রিপ্ট ফাইল নামক quote.js মধ্যে লিঙ্ক চাই. 634 00:37:36,400 --> 00:37:40,140 চলুন আসলে যে ফাইলটি খুলুন. . সেখানে নেই 635 00:37:42,610 --> 00:37:45,860 আমার জাভাস্ক্রিপ্ট ফাইল সব HTML এ অবস্থিত করা যাচ্ছে 636 00:37:45,860 --> 00:37:47,630 যাতে ওয়েব ব্রাউজার এটি অ্যাক্সেস করতে পারেন. 637 00:37:47,630 --> 00:37:50,330 তারপর আমরা একটি পৃথক জাভাস্ক্রিপ্ট জন্য এখানে ডিরেক্টরি আছে, 638 00:37:50,330 --> 00:37:54,340 এবং এখানে এখন quote.js হয়. 639 00:37:54,340 --> 00:38:00,930 এই ফাইল সম্পর্কে শীর্ষে এখানে বলছেন যে আমি সম্পূর্ণ পৃষ্ঠা জন্য লোড করা পর্যন্ত অপেক্ষা করতে চান 640 00:38:00,930 --> 00:38:04,830 আগে আমি কিছু করতে চেষ্টা করুন. কেন যে প্রয়োজনীয়? 641 00:38:04,830 --> 00:38:08,650 এটা পরিনত হয় যে পরের জিনিস আমি এখানে করতে যাচ্ছি শুরু হয় একটি উপাদান খুঁজছেন 642 00:38:08,650 --> 00:38:10,810 যে কিছু নির্বাচক সাথে মেলে. 643 00:38:10,810 --> 00:38:15,600 যদি কখনও এই জাভাস্ক্রিপ্ট মৃত্যুদন্ড কার্যকর হওয়ার আগে এই উপাদান পাতা লোড হয়, 644 00:38:15,600 --> 00:38:17,820 তারপর সবকিছু আমি কি চেষ্টা কাজ হবে না 645 00:38:17,820 --> 00:38:20,580 কারণ আমি এখনো যে কিছু হয় না নির্বাচন করার চেষ্টা করতে যাচ্ছি. 646 00:38:20,580 --> 00:38:23,780 তাই উপরে এই লাইন বলছেন আমি আপনি সবকিছু লোড হওয়া পর্যন্ত অপেক্ষা করতে চান না 647 00:38:23,780 --> 00:38:28,030 তাই আমরা যে কোনো উপাদান আমি খুঁজছি পৃষ্ঠায় আসলে নিশ্চিত করছেন. 648 00:38:29,730 --> 00:38:34,310 এই ডলার এখানে সাইন মানে আমি লাইব্রেরি বলা হয় jQuery ব্যবহার করছি. 649 00:38:34,310 --> 00:38:38,570 গ্রন্থাগারের এই jQuery আমাদের এই নির্বাচক যে আমরা শুধু দিকে তাকিয়ে ব্যবহার করতে পারবেন. 650 00:38:38,570 --> 00:38:44,010 দ্বারা $ তারপর বলছে একটি আর্গুমেন্ট হিসাবে এই ক্ষণস্থায়ী # ফর্ম-মূল্যউদ্ধৃতি মধ্যে, 651 00:38:44,010 --> 00:38:47,910 আমি এখন করছি যে ফর্ম নির্বাচন যে আমরা একটি চেহারা নিয়েছে. 652 00:38:47,910 --> 00:38:52,290 এখন আমি যা মেমরির মধ্যে যে একরকম ফর্ম একটি উপস্থাপনা আছে. 653 00:38:52,290 --> 00:38:56,760 >> অন ​​এই বস্তু এখন, ফর্ম এই উপস্থাপনা, 654 00:38:56,760 --> 00:38:58,890 আমি এখন করছি একটি ফাংশন বলা নেভিগেশন ব্যবহার করে. 655 00:38:58,890 --> 00:39:02,710 কি এই ফাংশন আছে এটা একটি ইভেন্ট হ্যান্ডলার জোড়া যাচ্ছে. 656 00:39:02,710 --> 00:39:06,310 ঘটনাটি যে জন্য আমরা শুনতে যাচ্ছে সেটি submit 'ঘটনা. 657 00:39:06,310 --> 00:39:08,890 সুতরাং যখন ব্যবহারকারীর ক্লিকের যে বোতাম বা presses জমা লিখুন, 658 00:39:08,890 --> 00:39:11,730 এই ইভেন্টটি ফায়ার হবে. 659 00:39:11,730 --> 00:39:16,390 এই মধ্যে hooking দ্বারা, আমি এখন ফর্ম ডিফল্ট আচরণ মান অগ্রাহ্য করা যাবে. 660 00:39:16,390 --> 00:39:19,770 এই জাভাস্ক্রিপ্ট ছাড়া, ফর্ম জমা দিন যাই হোক না কেন পিএইচপি ফাইল 661 00:39:19,770 --> 00:39:22,110 আমরা যে কর্মের বৈশিষ্ট্য ব্যবহৃত. 662 00:39:22,110 --> 00:39:25,440 কিন্তু পরিবর্তে, এখন আমি বলছে করছি, অপেক্ষা করুন, অপেক্ষা, অপেক্ষা করুন, আমি আপনাকে আসলে কি সেটা চাই না. 663 00:39:25,440 --> 00:39:31,140 আমি এই আগে আপনি যান এবং কিছু পিএইচপি ফাইলে জমা দেবার চেষ্টা করতে চায়. 664 00:39:31,140 --> 00:39:32,870 এখন আমি কি করতে চান? 665 00:39:32,870 --> 00:39:39,270 আমি একরকম AJAX কি স্টক মূল্য মধ্যে লোড করার জন্য ব্যবহার এই মুহুর্তে চান. 666 00:39:39,270 --> 00:39:44,170 প্রথম জিনিস জানতে হবে আমি কি স্টক ব্যবহারকারী আপ খুঁজছেন হয়. 667 00:39:44,170 --> 00:39:46,760 না যে আমি অন্য একটি নির্বাচক ব্যবহার করতে যাচ্ছি. 668 00:39:46,760 --> 00:39:49,020 এটি তৃতীয় নির্বাচক আমরা আগে দিকে তাকিয়ে. 669 00:39:49,020 --> 00:39:54,460 এই বলে যে আমি উদ্ধৃতি ফর্ম-এর একটি আইডি দিয়ে শুরু এই ফর্ম উপাদান বন্ধ করতে চান. 670 00:39:54,460 --> 00:39:58,440 তদাকার ভিতরে কোথাও তারপর রয়েছে একটি ইনপুট উপাদান আছে 671 00:39:58,440 --> 00:40:01,270 যে প্রতীক একটি নাম আছে. 672 00:40:01,270 --> 00:40:05,460 যদি আমরা আমাদের HTML-এ ফিরে তাকান, আমরা দেখেছি যে আমরা একটি ইনপুট ছিল [নামের = চিহ্ন]. 673 00:40:05,460 --> 00:40:12,380 তার মানে এই যে টেক্সট বক্সের মধ্যে যে ব্যবহারকারী টাইপ করছে নির্বাচন হবে. 674 00:40:12,380 --> 00:40:13,870 এটা চমৎকার. আমরা টেক্সট বক্স আছে. 675 00:40:13,870 --> 00:40:17,360 এখন আমরা তা ভিতর কি জানি শুধু প্রয়োজন. 676 00:40:17,360 --> 00:40:20,290 যে আমরা এই পদ্ধতি এখানে কল করতে পারেন এটা. Val,, 677 00:40:20,290 --> 00:40:23,240 এবং এই বলে আমি জানি আপনি কি টেক্সট বক্স আছে. 678 00:40:23,240 --> 00:40:28,160 আমি আপনার সম্পর্কে কি এটা ব্যবহারকারী যে টেক্সট বক্সে টাইপ জানাতে চান. 679 00:40:28,160 --> 00:40:34,440 এখন আমরা একটি স্ট্রিং নামক চিহ্ন যা সমান যাই হোক না কেন ব্যবহারকারী টাইপ করে রেখেছেন আছে 680 00:40:34,440 --> 00:40:39,820 এটা চমৎকার. আমরা স্ট্রিং এখন ব্যবহার করার জন্য আমাদের অনুরোধ করতে পারেন. 681 00:40:39,820 --> 00:40:42,450 এটি এখানে একটি নতুন ফাংশন, এই $, 682 00:40:42,450 --> 00:40:44,900 আমরা ছাড়া আর চলুন যাও উপাদান নির্বাচন করা হবে, 683 00:40:44,900 --> 00:40:48,910 আমরা একটি ভিন্ন ফাংশন যে আমাদের jQuery এর দ্বারা উপলব্ধ করা হবে কলিং চলুন. 684 00:40:48,910 --> 00:40:54,810 এই AJAX ফাংশন কি আসলে এর এই HTTP-র অনুরোধ করা যাচ্ছে. 685 00:40:54,810 --> 00:40:57,000 তাই আমরা কয়েকটি বিষয় জানাতে হবে. 686 00:40:57,000 --> 00:41:01,410 প্রথম জিনিস আমরা এই ফাংশন বলা আছে যেখানে আমি অনুরোধ যেতে চান. 687 00:41:01,410 --> 00:41:08,910 কোথাও আমার প্রকল্পের আমি HTML-নির্দেশিকা নামক quote.php ভিতর এই ফাইল আছে. 688 00:41:08,910 --> 00:41:15,150 আমি এই ফাইলটি ব্যবহার করতে পারেন, আমরা শুধু ভালো দেখেছি,, আমি যদি localhost / quote.php যান. 689 00:41:15,150 --> 00:41:20,450 >> আমি যে পাতা থেকে একটি অনুরোধ করা আমার জাভাস্ক্রিপ্ট চান. 690 00:41:20,450 --> 00:41:22,920 কি ধরনের অনুরোধ এখন? 691 00:41:22,920 --> 00:41:27,210 আমরা দেখেছি আগে যে ফর্ম যে পদ্ধতি = "পোস্ট" অ্যাট্রিবিউট আছে, 692 00:41:27,210 --> 00:41:29,270 এবং তার মানে এটি একটি পোষ্ট করতে অনুরোধ করবে, 693 00:41:29,270 --> 00:41:32,630 তাই এটি URL 'র মধ্যে বরং একটি অনুরোধ পেতে বেশী কিছু করা, যাচ্ছে না, 694 00:41:32,630 --> 00:41:36,860 যা শুধু মাত্র যদি আমরা ওয়েব ব্রাউজার দিয়ে ব্যবহার পাতা উদাহরণস্বরূপ, বহিস্কার করা হবে. 695 00:41:36,860 --> 00:41:41,260 এখন আমরা আমি একটি HTTP POST অনুরোধ করতে চাই বলেন করেছি 696 00:41:41,260 --> 00:41:44,840 একটি পাতা quote.php এ অবস্থিত. 697 00:41:44,840 --> 00:41:51,490 আমরা যখন ফর্ম জমা দেবেন, মনে রাখবেন আমরা যে ফর্ম ভিতর ইনপুট উপাদানের অ্যাক্সেস করতে পারে 698 00:41:51,490 --> 00:41:54,430 যে $ _POST পরিবর্তনশীল. 699 00:41:54,430 --> 00:41:58,710 এ পর্যন্ত বিবরণ প্রকৃতপক্ষে আমরা পাঠিয়েছে কোনো তথ্য বরাবর না এখনো. 700 00:41:58,710 --> 00:42:00,640 আমরা ঠিক করেছি বলেন, আমরা একটি AJAX অনুরোধ করছেন 701 00:42:00,640 --> 00:42:03,200 এবং এখানে অনুরোধের টাইপ আমরা তৈরি করছি. 702 00:42:03,200 --> 00:42:07,090 এখন আমরা আসলে পৃষ্ঠাতে কিছু তথ্য পাঠাতে হবে. 703 00:42:07,090 --> 00:42:10,930 না যে আমরা এই সম্পত্তি নামক তথ্য ব্যবহার করতে পারেন. 704 00:42:10,930 --> 00:42:14,950 এই সম্পত্তির মূল্য আসলে একটি এসসিয়েতিভ আরে. 705 00:42:14,950 --> 00:42:19,390 এই জন্য কারণ এটা আমাদের শুধু তথ্য 1 টুকরা বেশী পাঠাতে পারবেন. 706 00:42:19,390 --> 00:42:24,750 এটা কেন আমরা এই তরঙ্গায়িত ধনুর্বন্ধনী এখানে এই অন্যান্য কোঁকড়া ধনুর্বন্ধনী ভিতরে নেস্টেড. 707 00:42:24,750 --> 00:42:29,680 এই মিশুক অ্যারে মধ্যে কি একই জিনিস হতে যাচ্ছে 708 00:42:29,680 --> 00:42:32,630 হিসাবে যাদের নাম আমাদের ফর্ম উপাদানের মধ্যে বৈশিষ্ট্যাবলী. 709 00:42:32,630 --> 00:42:35,740 এটার মানে হল যে যদি আমি চিহ্ন কী বরাবর পাঠাতে, 710 00:42:35,740 --> 00:42:41,870 মানে আমার পিএইচপি পাতা $ _POST [চিহ্ন] সঙ্গে এই তথ্য অ্যাক্সেস করতে পারেন 711 00:42:41,870 --> 00:42:44,640 যেমন আমরা যখন আমরা একটি ফর্ম জমা দেওয়ার আগে ছিল না. 712 00:42:44,640 --> 00:42:47,090 এবং এখন আমরা প্রকৃত তথ্য পাঠাতে চান 713 00:42:47,090 --> 00:42:50,790 এই মিশুক অ্যারের মান ভিতর হতে যাচ্ছে. 714 00:42:50,790 --> 00:42:54,070 >> আমরা একটি পরিবর্তনশীল নামক চিহ্ন এই পাঠ সঞ্চিত, 715 00:42:54,070 --> 00:42:57,380 এবং তাই আমরা বরাবর প্রেরণ চিহ্ন এখন কী করছেন 716 00:42:57,380 --> 00:43:01,380 এবং যাই হোক না কেন ব্যবহারকারী টাইপ ইন একটি মান 717 00:43:01,380 --> 00:43:06,270 এখন আমরা এই HTTP-র অনুরোধ করেছি, আমাদের পিএইচপি ফাইল মৃত্যুদন্ড কার্যকর করেনি, 718 00:43:06,270 --> 00:43:11,480 এবং এটি যাও ক্লায়েন্ট কিছু তথ্য যে ঠিক এই অনুরোধটি করেছেন ফেরত পাঠাতে এখন যাচ্ছে. 719 00:43:11,480 --> 00:43:15,220 এখন আমরা আমাদের সার্ভার যাই হোক না কেন তাতে সাড়া প্রয়োজন. 720 00:43:15,220 --> 00:43:20,180 না যে আমরা এই শেষ এখানে সম্পত্তি নামক সাফল্য আছে. 721 00:43:20,180 --> 00:43:24,240 এই সাফল্য কি 'র মান প্রকৃতপক্ষে একটি ফাংশন হবে, 722 00:43:24,240 --> 00:43:26,910 এবং এটি সত্যিই দুর্দান্ত জিনিস আপনাকে জাভাস্ক্রিপ্ট দিয়ে করতে পারি এক. 723 00:43:26,910 --> 00:43:31,720 নেই শুধু একটি মিশুক অ্যারের মান ভিতরে হিসাবে আপনি ints অ্যারে বা থাকতে পারে, 724 00:43:31,720 --> 00:43:34,170 আমরা একটি কার্যকারিতা থাকতে পারে. 725 00:43:34,170 --> 00:43:36,380 সুতরাং দ্বারা সাফল্য বলছে, এই হল আমার কী. 726 00:43:36,380 --> 00:43:38,830 একটি কোলন এখানে বলছেন মান আসে, 727 00:43:38,830 --> 00:43:41,810 এবং এখন এই মান আসলে একটি ফাংশন. 728 00:43:41,810 --> 00:43:44,460 তাই আমরা কোনটাই একটি নাম দিন এই ফাংশন করার প্রয়োজন হবে না. 729 00:43:44,460 --> 00:43:48,820 আমরা কেবল বলতে পারেন এই কিছু ফাংশন হবে. এটি 1 যুক্তি নিতে যাচ্ছে. 730 00:43:48,820 --> 00:43:51,190 এই ফাংশন আর্গুমেন্ট হতে যাচ্ছে 731 00:43:51,190 --> 00:43:54,460 যাই হোক না কেন সার্ভারের প্রেরিত অনুরোধ আমাদের থেকে ফিরে. 732 00:43:54,460 --> 00:43:57,750 শুধু যখন আমাদের ব্রাউজারে একটি অনুরোধ তোলে চান, সার্ভার কিছু ফেরত পাঠায় 733 00:43:57,750 --> 00:43:59,060 এবং ব্রাউজার এটি প্রদর্শন করা, 734 00:43:59,060 --> 00:44:03,030 AJAX পরিপ্রেক্ষিতে আমরা শুধু একটি অনুরোধ করেন যে, সার্ভার কিছু ফেরত পাঠানো হয়, 735 00:44:03,030 --> 00:44:07,110 এবং এখন আমরা যে একটি পংক্তি হিসাবে প্রতিনিধিত্ব করেছেন. 736 00:44:07,110 --> 00:44:11,280 স্ট্রিং সঙ্গে আমি যে পাতা প্রদর্শন করতে চান. 737 00:44:11,280 --> 00:44:14,040 না যে আমি এক নির্বাচক শেষ আছে যাচ্ছি. 738 00:44:14,040 --> 00:44:17,570 আমি আইডি মূল্য সহ উপাদান নির্বাচন করতে চান. 739 00:44:17,570 --> 00:44:20,710 এটি একটি খালি পাতা তৈরি div যে আমি করেছি, 740 00:44:20,710 --> 00:44:26,640 এবং আমি যে div যাও যাহা সার্ভার আমাদের ফেরত পাঠানো হতে বিষয়বস্তু সেট করতে চান. 741 00:44:26,640 --> 00:44:30,280 আমি আসলে একটু পরিবর্তন করেছি quote.php. 742 00:44:30,280 --> 00:44:33,460 >> বরং রেন্ডার কলিং এবং কিছু পাতা তরজমা, 743 00:44:33,460 --> 00:44:38,100 quote.php সহজভাবে এখন স্টক একটি পংক্তি হিসাবে মান প্রিন্ট আউট হবে. 744 00:44:38,100 --> 00:44:41,880 সুতরাং যদি আপনি আসলে পাতা পরিদর্শন ছিল, আপনি শুধু যে ছোট পংক্তিটি হবে 745 00:44:41,880 --> 00:44:45,030 এর স্টক মূল্য যাই হোক না কেন. 746 00:44:45,030 --> 00:44:50,170 গত এক জিনিস আমরা এখানে যা করতে হবে ঠিক নিশ্চিত না এই ফাংশন ফেরৎ মিথ্যা না. 747 00:44:50,170 --> 00:44:53,560 কি এই বলে যে যদি আমি একটি হ্যান্ডলার এর ভিতর আছি 748 00:44:53,560 --> 00:44:57,300 এবং যে হ্যান্ডলার এর পরিবর্তে ফিরে সত্য মধ্যে ফেরৎ মিথ্যা, 749 00:44:57,300 --> 00:45:01,510 তার মানে আমি ফায়ার আসল ইভেন্ট করতে না চান. 750 00:45:01,510 --> 00:45:05,270 এই ক্ষেত্রে, যদি আমরা আছে এবং কোন জাভাস্ক্রিপ্ট না আমরা একটি ফর্ম জমা দেওয়া, 751 00:45:05,270 --> 00:45:08,280 আমাদের ওয়েব ব্রাউজারকে বলে, "আমি বরাবর যে তথ্য পাঠাতে যাচ্ছে না" হবে 752 00:45:08,280 --> 00:45:10,130 এবং তারা অন্য পাতা পাঠাতে চলুন. 753 00:45:10,130 --> 00:45:14,360 কারণ আমরা AJAX ব্যবহার করে এখন করছি, কোন প্রয়োজন বা অন্য পৃষ্ঠাতে ব্যবহারকারী পাঠাতে আছে. 754 00:45:14,360 --> 00:45:17,920 আমরা ঠিক করছি ফলাফল প্রদর্শন পরিবর্তনশীল এই একই পৃষ্ঠায় যাচ্ছে. 755 00:45:17,920 --> 00:45:21,460 আমরা সত্যিই তাদের কোথাও যেতে, না এবং আমি একই পৃষ্ঠায় থাকতে চান. 756 00:45:21,460 --> 00:45:27,060 তাই ফিরে মিথ্যা, আমরা নিশ্চিত যে ফর্ম যা আমাদের জন্য না. 757 00:45:27,060 --> 00:45:31,170 চলুন কি আসলে এই মনে কটাক্ষপাত করা. 758 00:45:31,170 --> 00:45:34,180 আমাদের মূল্যউদ্ধৃতি পাতা একই দেখায়. 759 00:45:34,180 --> 00:45:37,240 আমাকে পরিদর্শক বৈঠাচালনা আপ ডাউন এখানে যাতে আমরা কি ঘটছে তা দেখতে পারেন. 760 00:45:37,240 --> 00:45:40,270 এটি একটি সামান্য কম বিশাল না. 761 00:45:40,270 --> 00:45:44,590 যদি আমরা নেটওয়ার্ক ট্যাব খুলুন স্মরণ রাখবেন, এই যেখানে আমরা HTTP অনুরোধের সব দেখতে পারেন 762 00:45:44,590 --> 00:45:47,570 যে পৃষ্ঠায় ঘটছে. 763 00:45:47,570 --> 00:45:52,890 >> একটি সিম্বলের জন্য দেওয়া AAPL এ সম্পর্কে এবং টাইপ উক্তি পান ক্লিক করুন. 764 00:45:52,890 --> 00:45:56,720 এখন আমরা দেখেছি যে আপেল ভাগ ডলার খরচ কিছু সংখ্যা 765 00:45:56,720 --> 00:46:00,410 শুধু পাতা তে হাজির হয়, কিন্তু URL-এ সমস্ত পরিবর্তন হয়নি. 766 00:46:00,410 --> 00:46:04,570 আসলে এখানে, এটা HTTP অনুরোধের যে আমরা তৈরি. 767 00:46:04,570 --> 00:46:09,980 আমরা quote.php একটি পোষ্ট অনুরোধটি করেছেন. যে অর্থে তোলে. 768 00:46:09,980 --> 00:46:12,800 এটা কি সার্ভার আমাদের ফেরত পাঠানো হয়. 769 00:46:12,800 --> 00:46:16,320 তাই এটা এখন আর এই সুবিপুল এবং ইমেজ যে মত বিষয়গুলিতে HTML নথি, 770 00:46:16,320 --> 00:46:20,920 এটি শুধু লেখার একটা লাইন, এবং তারপর আমরা লেখার লাইন প্রদর্শিত. 771 00:46:20,920 --> 00:46:26,290 আমরা যদি হেডার ফিরে যান এবং কি আমরা আসলে এই HTTP অনুরোধের ভিতরে পাঠানো দেখুন, 772 00:46:26,290 --> 00:46:33,950 আমরা এখানে নিচে দেখতে পারেন যে আমরা চিহ্ন এবং AAPL একটি মান কী বরাবর পাঠানো, 773 00:46:33,950 --> 00:46:36,430 যা কি ব্যবহারকারী টাইপ ইন 774 00:46:36,430 --> 00:46:39,230 এটি চমৎকার, কিন্তু এটি এখনও একটু বিরক্তিকর. 775 00:46:39,230 --> 00:46:42,490 আমি এখনও এই বোতাম যাও স্টকের মূল্য পেতে ক্লিক করুন আছে. 776 00:46:42,490 --> 00:46:45,880 আমরা ব্যস্ত মানুষ এবং আমরা বাটন ক্লিক সময় নেই. 777 00:46:45,880 --> 00:46:49,910 Google এই সামান্য উপলব্ধি করার আগে যখন তারা Google তাত্ক্ষনিক বাস্তবায়িত হয়নি. 778 00:46:49,910 --> 00:46:53,590 কি Google ঝটপট আছে হয় হিসাবে আপনি টাইপ করছেন এটা শুরু হয় আপনি এর ফলাফল প্রদর্শন করা 779 00:46:53,590 --> 00:46:56,520 যাতে আপনি এমন কি খোঁজো ক্লিক করে চিন্তা করতে হবে না. 780 00:46:56,520 --> 00:46:58,730 বাস্তবিক, একটি মজার গল্প যে সংক্রান্ত. 781 00:46:58,730 --> 00:47:01,100 একবার Google ঝটপট বেরিয়ে আসেন, মানুষ, ভালো ছিল "আরে, এই হল সুপার আশ্চর্যজনক." 782 00:47:01,100 --> 00:47:02,540 "এটি যাতে শান্ত." 783 00:47:02,540 --> 00:47:05,950 এবং স্ট্যানফোর্ড সময়ে ছাত্র নিচে যিনি এই সময়ে ছিল 19 784 00:47:05,950 --> 00:47:09,000 এই সাইট YouTube-তাত্ক্ষনিক বলা হয়েছে. 785 00:47:09,000 --> 00:47:13,170 YouTube-এ সমস্ত তাত্ক্ষনিক কার্যকরভাবে জন্য অবিলম্বে YouTube-এ অনুসন্ধান করা হয়. 786 00:47:13,170 --> 00:47:17,020 তাই বদলে যাও যাও এবং YouTube.com খোঁজো আঘাত যেতে হচ্ছে, 787 00:47:17,020 --> 00:47:21,650 যখন আমি CS50 মত শুরু YouTube-তাত্ক্ষনিক কিছু ভাগ টাইপ, 788 00:47:21,650 --> 00:47:25,320 আমরা এখানে যে এটি একটি ধীর গতির ইন্টারনেট সংযোগ প্রয়াস দেখতে পারে 789 00:47:25,320 --> 00:47:28,500 পূরণ এই ফলাফল বাস. 790 00:47:28,500 --> 00:47:35,590 না যে আমরা আসলে আমাদের quote.js ফাইল খুব সহজ পরিমার্জন করতে পারেন. 791 00:47:35,590 --> 00:47:40,900 রাইট এখন আমরা এই ইভেন্ট সংযুক্ত করছি যখন ফর্ম জমা দেওয়া হয়. 792 00:47:40,900 --> 00:47:43,760 আমরা ব্যবহারকারী আর যে ফর্ম জমা করতে চাই সত্যিই না, 793 00:47:43,760 --> 00:47:48,570 তাই দিন এর পরিবর্তে প্রতি সময় ব্যবহারকারী একটি কী presses করো এই ইভেন্ট. 794 00:47:48,570 --> 00:47:53,200 কি যে let এর প্রথম keyup জমা থেকে ইভেন্ট পরিবর্তন. 795 00:47:53,200 --> 00:47:55,740 যে বরং অপেক্ষা জন্য ফর্ম জমা দিতে চেয়ে মানে, 796 00:47:55,740 --> 00:47:58,490 প্রত্যেক সময় কি টেপা না হলে, কিছু একটা ঘটতে যাচ্ছে. 797 00:47:58,490 --> 00:48:02,030 এটা কোনো ইন্দ্রিয় পুরো ফর্ম এই keyup ইভেন্ট জোড়া তোলে. 798 00:48:02,030 --> 00:48:05,080 আমরা সত্যিই শুধুমাত্র যে সার্চ বক্স যত্নশীল. 799 00:48:05,080 --> 00:48:09,320 >> যাও এখন যে, আমরা এই করা বরং ফর্ম-মূল্যউদ্ধৃতি তুলনায় পরিবর্তন, নির্বাচন করতে পারেন, 800 00:48:09,320 --> 00:48:14,220 ফর্ম-মূল্যউদ্ধৃতি এবং আমরা একটি ইনপুট আছে (= টেক্সট টাইপ) বা আমরা (= চিহ্ন নাম) বলতে পারে করব - 801 00:48:14,220 --> 00:48:16,420 যাই হোক না কেন আমরা চাই. 802 00:48:16,420 --> 00:48:18,650 এখন এক শেষ জিনিস আমরা কি আছে. 803 00:48:18,650 --> 00:48:21,190 নিচে এখানে মনে রাখবেন যখন আমরা ফেরত মিথ্যা 804 00:48:21,190 --> 00:48:24,370 আমরা বলেন, আমরা যে ডিফল্ট ইভেন্ট করো না চান. 805 00:48:24,370 --> 00:48:26,390 কিন্তু এটা যাতে ঘটবে যদি আমরা এখন অক্ষম যে, 806 00:48:26,390 --> 00:48:29,660 যাই হোক না কেন আমরা টাইপ ব্রাউজারে দেখা আর হবে না 807 00:48:29,660 --> 00:48:33,000 কারণ যে কোনো টেক্সট বক্সে টাইপ ডিফল্ট আচরণ নির্ধারণ করা হবে. 808 00:48:33,000 --> 00:48:38,660 আমরা যে তাই, এর এই রিটার্ন মিথ্যা ধ্বংস যাক আর ওভাররাইড করতে চান. 809 00:48:38,660 --> 00:48:44,800 যদি আমরা যে এবং সংরক্ষণ পাতা, এখন পুনরায় লোড যখন আমি AAPL টাইপ করা শুরু 810 00:48:44,800 --> 00:48:50,160 আপনি যে স্বয়ংক্রিয়ভাবে এখানে নীচে স্টক মূল্য পরিপূরক হয় দেখতে পাবেন. 811 00:48:50,160 --> 00:48:53,150 সুতরাং এখানে CS50 ফাইন্যান্স তাত্ক্ষনিক. 812 00:48:53,150 --> 00:48:55,860 বাস্তবিক একটি YouTube তাত্ক্ষনিক সম্বন্ধে মজার গল্প 813 00:48:55,860 --> 00:48:59,420 ঠিক হয় যে ছাত্র ধরনের একটি 1 রাত্রিকালীন প্রকল্প হিসাবে এটি লিখেছেন, 814 00:48:59,420 --> 00:49:03,800 এবং পরের দিন তিনি ইউটিউব সিইও দ্বারা একটি পেশা ছিল দেওয়া. 815 00:49:03,800 --> 00:49:10,610 সুতরাং হিসাবে যে সহজ হিসাবে, আপনি CS50 ছাত্র, আপনার চূড়ান্ত প্রকল্প YouTube-এ আপনি একটা কাজ করতে পারেন. 816 00:49:10,610 --> 00:49:14,720 যে মত একটি প্রকল্প চূড়ান্ত জন্য সত্যিই শীতল ধারণা, ডান? 817 00:49:14,720 --> 00:49:18,170 আমরা কিছু বিদ্যমান কার্যকারিতা যে আমরা সাথে সংহত করতে চেয়েছিলেন ছিল. 818 00:49:18,170 --> 00:49:20,330 আমরা অল্প উন্নত ব্যবহারকারীর অভিজ্ঞতা, 819 00:49:20,330 --> 00:49:24,340 এবং হঠাৎ YouTube-এ অবিলম্বে কিছু অনুসন্ধান অনেক সহজ হতে পারে 820 00:49:24,340 --> 00:49:27,290 এটি জন্য তুলনায় নিয়মিত YouTube-এ অনুসন্ধান করা. 821 00:49:27,290 --> 00:49:30,790 সুতরাং যে কথায় আছে AJAX. 822 00:49:30,790 --> 00:49:34,860 >> উদাহরণ যে জোসেফ দেখাচ্ছে ছিল, আমরা autocompletes অনেক দেখেছি, 823 00:49:34,860 --> 00:49:39,250 এবং যারা autocompletes সত্যিই, সত্যিই সুবিধাজনক কারণ আমরা মনে রাখতে হবে না - 824 00:49:39,250 --> 00:49:41,770 উদাহরণস্বরূপ, যদি আপনি আপেল জন্য স্টক দাম মনে রাখতে হবে না 825 00:49:41,770 --> 00:49:45,110 এবং আমরা জানি এটা বরং আমার ঠিক বলছে তুলনায় aa কিছু,, 826 00:49:45,110 --> 00:49:48,740 "এই জিনিস এক ভাগ এই টাকা খরচ," 827 00:49:48,740 --> 00:49:52,540 আমি কি স্টক aa সঙ্গে শুরু জানা ধরনের চাই. 828 00:49:52,540 --> 00:49:58,340 আমরা যে লাইব্রেরি বুটস্ট্র্যাপ ইতোমধ্যেই অন্তর্ভুক্ত সঙ্গে যে কি সত্যিই চমত্কার করতে পারেন 829 00:49:58,340 --> 00:50:01,380 ভিতর CS50 ফাইন্যান্স. 830 00:50:01,380 --> 00:50:09,390 আপনি যদি জাভাস্ক্রিপ্ট আসা ট্যাগ এখানে আপ এবং Typeahead যাও নিচে স্ক্রল, 831 00:50:09,390 --> 00:50:13,730 এটা একটা চমৎকার প্লাগইন যা আমাদের জন্য ইতিমধ্যে কারো লিখেছেন, 832 00:50:13,730 --> 00:50:16,980 এবং আমরা সহজে ভালো তার বৈশিষ্ট্য ব্যবহার করতে পারেন. 833 00:50:16,980 --> 00:50:21,410 আমি একটি একটি টাইপ করা এবং এখানে কয়েকটি রাজ্যে এ যে শুরু তালিকা 834 00:50:21,410 --> 00:50:25,360 চলুন শুরু করা যাক যে আমি মনে হয় যে এটা সত্যিই শান্ত এবং সময় এর জন্য আমার এই পৃষ্ঠায় অন্তর্ভুক্ত. 835 00:50:25,360 --> 00:50:28,300 এটা পরিনত হয় যে এটি সত্যিই সত্যিই, সহজ. 836 00:50:28,300 --> 00:50:32,810 চলুন quote3.js ঝাঁপ এখানে বেশী. 837 00:50:34,890 --> 00:50:37,380 আমার ফাইল দেখায় সামান্য কিছুটা আলাদা. 838 00:50:37,380 --> 00:50:39,700 এখানে নিচে আমার AJAX তরিতরকারি সব একই. 839 00:50:39,700 --> 00:50:43,170 আমি বা অন্য পৃষ্ঠাতে যান ছাড়াই স্টক তথ্য লোড করতে চান. 840 00:50:43,170 --> 00:50:46,220 কিন্তু এখন আমি এই প্লাগইন ব্যবহার করতে চান. 841 00:50:46,220 --> 00:50:51,020 বুটস্ট্র্যাপ ডকুমেন্টেশন ঠিক কিভাবে আমি তা করতে পারে মহান উদাহরণ আছে. 842 00:50:51,020 --> 00:50:54,350 আমি বলতে চাই, "এখানে আমি যে ইনপুট স্বয়ংসম্পূর্ণ করতে চান," 843 00:50:54,350 --> 00:50:56,640 এবং আমি এই ফাংশন বলা typeahead কল চলেছি, 844 00:50:56,640 --> 00:50:59,730 এবং যে আমাদের জন্য Typeahead তরিতরকারি সব হ্যান্ডেল করে যাচ্ছে. 845 00:50:59,730 --> 00:51:02,090 এটা তালিকা আরম্ভ করা হবে, এটা আমাদের ফিল্টারিং সব করবেন. 846 00:51:02,090 --> 00:51:06,680 শুধু এটা জানা প্রয়োজন হয় যে তথ্য আমরা autocompleting করছি. 847 00:51:06,680 --> 00:51:10,480 তাই আমি শুধু ডকুমেন্টেশন পাওয়া পড়া এবং উদাহরণ এ খুঁজছেন দ্বারা এই কি আউট. 848 00:51:10,480 --> 00:51:14,150 যদি আমি এটা উৎস কী, এই কি 'র মান দিতে 849 00:51:14,150 --> 00:51:17,770 একটা জিনিস কিছু অ্যারে আমি স্বয়ংসম্পূর্ণ করতে চান. 850 00:51:17,770 --> 00:51:20,180 এই পরিবর্তনশীল এই অন্যান্য ফাইল থেকে এসেছিলেন. 851 00:51:20,180 --> 00:51:23,400 আমি খুলুন symbols.js আপ. 852 00:51:23,400 --> 00:51:27,980 >> এই symbols.js শুধুমাত্র এই সত্যিই সত্যিই, বড় অ্যারে পংক্তি ধারণকারী 853 00:51:27,980 --> 00:51:32,080 এই NASDAQ থেকে স্টক প্রতীকে সব. 854 00:51:32,080 --> 00:51:42,190 যদি আমি ফিরে এইচটিএমএল, যাতে jharvard, vhosts, globalhost, এইচটিএমএল, টেমপ্লেট ঝাঁপ চান, 855 00:51:42,190 --> 00:51:45,820 quote_form. 856 00:51:45,820 --> 00:51:50,910 যেহেতু এখন যে quote3.js এর নামে, আমাকে জাভাস্ক্রিপ্ট ফাইল এখানে আমি অন্তর্গত করছি পরিবর্তন. 857 00:51:50,910 --> 00:51:55,110 এখন আমি quote3.js আছে, তাই আমি যে পৃথক জাভাস্ক্রিপ্ট ফাইলের মধ্যে লোড করা যাচ্ছে না, 858 00:51:55,110 --> 00:51:57,910 এক যে বুটস্ট্র্যাপ স্বয়ংসম্পূর্ণ হয়েছে. 859 00:51:57,910 --> 00:52:04,430 এখন যখন আমি ব্রাউজারের ঝাঁপ ফিরে, পাতা, পুনরায় লোড করুন এবং আমি শুরু aa টাইপ, 860 00:52:04,430 --> 00:52:06,880 আমার স্বয়ংসম্পূর্ণ করার আছে. এবং এটি সত্যিই ছিল যে হিসাবে হিসাবে সহজ. 861 00:52:06,880 --> 00:52:11,400 আমি কোড 1 লাইন যে শুধু বলেন, ছিল "এখানে জিনিষ আমি স্বয়ংসম্পূর্ণ করতে চান," 862 00:52:11,400 --> 00:52:16,590 এবং আমি হঠাৎ প্রচেষ্টার একটি সম্পূর্ণ না অনেক সময়ে এই সব সঙ্গে সত্যিই সত্যিই, সুন্দর কার্যকারিতা আছে. 863 00:52:16,590 --> 00:52:19,810 হিসাবে আপনি ওয়েবসাইটের এবং বিশেষত সামনে জিনিস শেষ প্রান্তের উন্নয়নশীল করছি, 864 00:52:19,810 --> 00:52:21,840 আপনি এই ক্ষেত্রে অনেক খুঁজে পেতে যাচ্ছেন. 865 00:52:21,840 --> 00:52:25,700 অনেক, সত্যিই শীতল বিনামূল্যে লাইব্রেরি অনেক, আছে অনেক আছে 866 00:52:25,700 --> 00:52:30,190 যে না এটা ভালো জিনিস সুসাধ্য সুপার. 867 00:52:30,190 --> 00:52:37,230 এই চিহ্ন বৃহৎ তালিকায় সহজভাবে autocompleting কোন অপূর্ণতা মধ্যে যে কেউ মনে করতে পারেন? 868 00:52:37,230 --> 00:52:41,580 কি যে ভাল কিছু এই পদ্ধতির সঙ্গে পারা গেল না? 869 00:52:42,790 --> 00:52:45,960 হাঁ. >> [ছাত্রদের] সময়, যদি আপনি [শ্রবণাতীত] অনেক আছে 870 00:52:45,960 --> 00:52:50,420 হাঁ. রাইট এখন আমরা এই বিশাল জাভাস্ক্রিপ্ট ফাইল ডাউনলোড করছেন এবং চিহ্ন অনেক আছে. 871 00:52:50,420 --> 00:52:54,360 এবং তাই যদি আমরা পণ্যদ্রব্য একটি টন আছে, এই ধরনের পারা অনুসন্ধান শুধু না লেটেন্সি বৃদ্ধি 872 00:52:54,360 --> 00:52:56,600 কিন্তু প্রকৃত ফাইল ডাউনলোড করা. 873 00:52:56,600 --> 00:52:58,670 গ্রেট. আরও কিছু লাগবে? 874 00:53:01,950 --> 00:53:05,280 রাইট এখন কোন প্রাসঙ্গিকতা বাস্তব অর্থে আছে. 875 00:53:05,280 --> 00:53:08,190 যদি আমি একটি একটি, কোম্পানি প্রদর্শন করুন এখানে টাইপ 876 00:53:08,190 --> 00:53:11,220 সবচেয়ে জনপ্রিয় এ কোম্পানীর সঙ্গে যে শুরু নাও হতে পারে 877 00:53:11,220 --> 00:53:17,130 >> আগে আমি আপেল পেতে, এটা থেকে কি আমি চাই আরো কিছু অক্ষর খুঁজে নিতে পারে. 878 00:53:17,130 --> 00:53:20,420 এই স্বয়ংসম্পূর্ণ প্রাসঙ্গিকতা এই অর্থে নেই. 879 00:53:20,420 --> 00:53:24,400 এটি শুধু, বলে যাচ্ছে "আর যে মেলে আমি প্রদর্শন যাচ্ছি." 880 00:53:24,400 --> 00:53:30,510 পরিবর্তে যে, আমি একরকম অনুসন্ধান আমার মধ্যে কিছু প্রাসঙ্গিকতা সংহত করতে চাই. 881 00:53:30,510 --> 00:53:36,440 যদি আমি কি ইয়াহু ফিনান্স এখানে বেশী, finance.yahoo.com, 882 00:53:36,440 --> 00:53:42,100 যদি আমি ইয়াহু ফিনান্স এর পাতায় একটি প্রতীক লিখুন চেষ্টা 883 00:53:42,100 --> 00:53:52,310 এবং আমি শুরু GOOG টাইপ, আমি এই জিনিষ চমৎকার তালিকা আছে. 884 00:53:52,310 --> 00:53:57,100 স্পষ্টত:, এটা দেখে মনে হচ্ছে ইয়াহু ফিনান্স কিছু করছে আরো চালাক এখানে. 885 00:53:57,100 --> 00:53:59,790 তারা কিছু প্রাসঙ্গিকতা আছে এবং তারা অতিরিক্ত কিছু তথ্য আছে 886 00:53:59,790 --> 00:54:01,430 ভালো স্টক নাম. 887 00:54:01,430 --> 00:54:05,850 এটা কিছু যে আমি সত্যিই শুধু আমার চিহ্ন স্টক তালিকা সঙ্গে পাবেন না. 888 00:54:05,850 --> 00:54:09,520 আমি এই করতে চান এবং আমি এটা নিতে যাচ্ছি. 889 00:54:09,520 --> 00:54:11,790 কি যে let এর কয়েকটি বিষয় না. 890 00:54:11,790 --> 00:54:15,580 চলুন শুরু করা যাক এই প্রথম পাতা খোলা পরিদর্শক আপ 891 00:54:15,580 --> 00:54:18,100 কারণ আমরা দেখেছি যে এই পৃষ্ঠায় সমস্ত পুনরায় লোড করা হয় না, 892 00:54:18,100 --> 00:54:21,960 তাই সম্ভবত এটি AJAX এর ব্যবহার একরকম তাদের তথ্য লোড করা হবে. 893 00:54:21,960 --> 00:54:23,920 আমরা কি তা লোড এর তথ্য খুঁজে পেতে পারেন. 894 00:54:23,920 --> 00:54:28,390 যদি আমি এই নেটওয়ার্ক ট্যাবে ক্লিক করুন, এই অনুরোধ শুরু করা হবে যে বহিস্কার যাও সব হতে যাচ্ছে. 895 00:54:28,390 --> 00:54:34,020 এখন যদি আমি সস্তা ভাবালুতা টাইপ, আমরা যে আমি একটি নতুন HTTP অনুরোধ পেয়েছেন দেখতে পারেন. 896 00:54:34,020 --> 00:54:37,490 এটা সম্ভবত যেখানে যে তথ্য থেকে আসছে. 897 00:54:37,490 --> 00:54:41,990 নিশ্চিত যথেষ্ট, যদি আমি এই URL টি, যা একটু অদ্ভুত নামে তাকান, 898 00:54:41,990 --> 00:54:46,930 আমরা যে এই ঠিক হল যেখানে ইয়াহু থেকে পাঠানো তার তথ্য বন্ধ আপনি তা দেখতে পারেন. 899 00:54:46,930 --> 00:54:53,400 >> আমি একটি পৃথক ফাইল নামক suggest.php যে এর মধ্যে আত্মা লুকআপ ফাংশন অনুরূপ তৈরি করে. 900 00:54:53,400 --> 00:54:57,730 এটি মূলত এর যাও ইয়াহু এর URL-এ একটি প্রশ্ন তৈরী করুন ঃ যাচ্ছে, কিছু কিছু তথ্য পেতে ফিরে, 901 00:54:57,730 --> 00:54:59,750 এবং এটি প্রেরণ সম্পর্কে ফিরে. 902 00:54:59,750 --> 00:55:02,570 এখন, বরং এই বড়, চিহ্ন বিপুল তালিকা ব্যবহার করে, 903 00:55:02,570 --> 00:55:05,280 আমি ইয়াহু এর প্রাসঙ্গিকতা চমৎকার জিনিস ব্যবহার করতে পারেন, 904 00:55:05,280 --> 00:55:08,150 এবং আমি যে বৃহদায়তন জাভাস্ক্রিপ্ট ফাইল ডাউনলোড করতে হবে না. 905 00:55:08,150 --> 00:55:12,040 আমি শুধু করছি আসলে প্রাসঙ্গিক স্টক প্রতীকে টেনে নামিয়ে আনবো যাচ্ছে. 906 00:55:12,040 --> 00:55:13,960 এর মধ্যে যে তিড়িং লাফ দিন. 907 00:55:13,960 --> 00:55:17,360 সুতরাং html, js. আমরা quote4 মধ্যে এখন করছি. 908 00:55:17,360 --> 00:55:22,120 এখন আমরা আর সেই জাভাস্ক্রিপ্ট ফাইল বড় তালিকা ব্যবহার করছেন. 909 00:55:22,120 --> 00:55:24,430 কিন্তু এখানে আছে একটি নকশা সমস্যার ছোট ধরনের. 910 00:55:24,430 --> 00:55:28,200 আমরা যে AJAX মধ্যে একটি হল অ্যাসিঙ্ক্রোনাস বলেন করেছি. 911 00:55:28,200 --> 00:55:31,000 কি যে মানে হল এই যে যখন আমি একটি AJAX অনুরোধ না, 912 00:55:31,000 --> 00:55:36,490 লাইন 8 তাই ঠিক, এই হল যেখানে আসলে আমার AJAX অনুরোধ বহিস্কার করা হয়. 913 00:55:36,490 --> 00:55:40,370 চলুন শুরু করা যাক বলতে এখন আমি কিছু কোড নিচে আছে এখানে যা কিছু উপাদান কাজ করে যাচ্ছে 914 00:55:40,370 --> 00:55:43,930 ব্যবহারকারী পাতা অথবা পরিবর্তনের কিছু সতর্কতা চাই. 915 00:55:43,930 --> 00:55:49,830 কি ঘটতে যাচ্ছে না হয় এর ব্রাউজার এই অনুরোধ জন্য অবিরত অপেক্ষা করতে হবে না 916 00:55:49,830 --> 00:55:53,480 আগে ত্তলন এবং এই লাইন আঘাত. 917 00:55:53,480 --> 00:55:55,900 এটা অ্যাসিঙ্ক্রোনাস অংশ. 918 00:55:55,900 --> 00:55:58,400 এই অনুরোধ করতে বলবে "যখনই আপনি শেষ করবে, 919 00:55:58,400 --> 00:56:03,080 "ফিরে আসা এবং যে ফাংশন যে আমি সাফল্য ভিতরে কল কল আপনাকে বলেছে." 920 00:56:03,080 --> 00:56:07,300 তার মানে আমরা শুধুমাত্র ডাউনলোড করতে পারেন না আগেভাগে সব স্টক. 921 00:56:07,300 --> 00:56:10,300 আমরা অনুরোধ করা এবং কিছু ফিরে আসা জন্য অপেক্ষা করার প্রয়োজন. 922 00:56:10,300 --> 00:56:13,330 যে যে আগে মানে, আমরা শুধু বুটস্ট্র্যাপ বলতে পারে, 923 00:56:13,330 --> 00:56:15,580 "এখানে জিনিসের তালিকা আমি স্বয়ংসম্পূর্ণ করার আপনি করতে চান." 924 00:56:15,580 --> 00:56:18,950 আমরা যে আর নেই কারণ আমরা জানি না পারেন 925 00:56:18,950 --> 00:56:21,780 আমরা আসলে স্বয়ংসম্পূর্ণ করতে চান. 926 00:56:21,780 --> 00:56:25,190 সৌভাগ্য যে, এই বুটস্ট্র্যাপ কারণ হল যারা আছে ওভার স্মার্ট বলছি, 927 00:56:25,190 --> 00:56:30,160 এবং প্রকৃতপক্ষে তারা এনে দেয় এই Typeahead প্লাগইন লোড করার আরেকটি উপায় আমাদের. 928 00:56:30,160 --> 00:56:35,630 পূর্বে, এই উৎস সম্পত্তির মূল্য ছিল ঠিক এই জিনিস বড় স্বয়ংসম্পূর্ণ করার শৃঙ্খলার. 929 00:56:35,630 --> 00:56:39,580 >> এখন উৎস সম্পত্তি আসলে একটি ফাংশন, 930 00:56:39,580 --> 00:56:44,580 এবং এই ফাংশন উদ্দেশ্য জিনিসটা কি স্বয়ংসম্পূর্ণ করার জিনিষ হয় তাদের. 931 00:56:44,580 --> 00:56:48,730 উপায় যে জিনিসটা হচ্ছে এটা যাও ইয়াহু ফিনান্স জিজ্ঞাসা যাচ্ছে 932 00:56:48,730 --> 00:56:51,750 কি স্বয়ংসম্পূর্ণ করার সবচেয়ে ভাল জিনিস. 933 00:56:51,750 --> 00:56:54,500 না যে আমি খুব অনুরূপ AJAX অনুরোধ করা যাচ্ছে না. 934 00:56:54,500 --> 00:56:59,010 আমি suggest.php এই পৃষ্ঠা অনুরোধ যাচ্ছি. 935 00:56:59,010 --> 00:57:01,360 আমি এখনও চিহ্ন বরাবর পাঠাতে চান. 936 00:57:01,360 --> 00:57:05,570 এবং এখন আমার সাফল্য, বুটস্ট্র্যাপ ডকুমেন্টেশন সম্পর্কে জানান 937 00:57:05,570 --> 00:57:09,130 যে অনুক্রমে জিনিস যে তালিকা পূরণ যাও, 938 00:57:09,130 --> 00:57:14,370 সব আমি যা করতে হবে এখন এই অ্যারের মধ্যে পাস হয় কলব্যাক ফাংশন. 939 00:57:14,370 --> 00:57:15,660 কিন্তু একটি মিনিট অপেক্ষা করুন. 940 00:57:15,660 --> 00:57:20,240 যদি এই একটি অ্যারে হতে অনুমিত এবং AJAX সম্পর্কে পাঠাচ্ছে ফিরে টেক্সট হয়, 941 00:57:20,240 --> 00:57:22,720 কিভাবে সম্ভব হল? 942 00:57:22,720 --> 00:57:27,910 এই একটি নামক JSON তথ্য বিনিময় নতুন পথ চলা. 943 00:57:27,910 --> 00:57:33,000 এই ক্ষেত্রে আমরা একটি সহজ টেক্সট পংক্তি প্রেরণ ঠিক করছি না ফিরে. 944 00:57:33,000 --> 00:57:37,670 এখন আমরা এই স্টক প্রতীকে আরও জটিল তালিকা সঙ্গে লেনদেন করছেন. 945 00:57:37,670 --> 00:57:41,730 এই স্টক প্রতীকে এছাড়াও কোম্পানির নাম অথবা বর্তমান মূল্য মত কাজ করা যাবে. 946 00:57:41,730 --> 00:57:47,550 শুধু একটি বড় দীর্ঘ স্ট্রিং যে কোনো আন্দাজের ভাবে ফরম্যাট না ব্যবহার করে 947 00:57:47,550 --> 00:57:51,970 হয় সবচেয়ে ভালো উপায় হলো ইয়াহু এর সার্ভার থেকে এই তথ্য সম্পর্কে পেতে হবে না 948 00:57:51,970 --> 00:57:54,540 কখন যে আমি সহজে বুঝতে পারেন. 949 00:57:54,540 --> 00:58:01,280 JSON একটি প্রযুক্তি যে কিভাবে আমরা জাভাস্ক্রিপ্ট মধ্যে মিশুক অ্যারে নির্মাণ সুবিধা নেয়. 950 00:58:01,280 --> 00:58:04,510 এই একটি জাভাস্ক্রিপ্ট এসসিয়েতিভ আরে মত অনেক দেখায়, 951 00:58:04,510 --> 00:58:06,600 এবং আসলে, এটি এর কারণ এটি. 952 00:58:06,600 --> 00:58:09,710 JSON জাভাস্ক্রিপ্ট অবজেক্ট স্বরলিপি ঘোরা. 953 00:58:09,710 --> 00:58:15,020 মূলত এই বিন্যাসে উপর একটি তথ্য বিনিময়ের পিছনে জন্য একমত. 954 00:58:15,020 --> 00:58:18,280 এখানে এই JSON সামগ্রী বা JSON মিশুক এই অ্যারে 955 00:58:18,280 --> 00:58:21,010 সম্পর্কে একটি কোর্স সম্পর্কে কিছু তথ্য প্রেরণ করা হয়. 956 00:58:21,010 --> 00:58:25,110 >> এই অ্যারের নির্দেশক জিনিসগুলি অবশ্যই ভালো যে cs50 একটি মান আছে, 957 00:58:25,110 --> 00:58:29,140 এবং এখানে আমরা নিচে যে আমি একটি মান যে একটি অ্যারে আছে দেখতে পারেন. 958 00:58:29,140 --> 00:58:32,730 আমি স্ট্রিং আউট পার্স মত কাজ করবেন এবং না কমা জন্য চেহারা 959 00:58:32,730 --> 00:58:35,330 এবং যে ছবি ভালো কিছু করার. 960 00:58:35,330 --> 00:58:38,820 কারণ এই এই JSON বিন্যাসে ঘোষিত হয়, 961 00:58:38,820 --> 00:58:43,510 জাভাস্ক্রিপ্ট এবং jQuery ইতিমধ্যেই একটি স্ট্রিং রূপান্তর ফাংশন আছে 962 00:58:43,510 --> 00:58:48,140 এই JSON মত একটি প্রকৃত জাভাস্ক্রিপ্ট মিশুক অ্যারের মধ্যে দেখায় 963 00:58:48,140 --> 00:58:50,440 আমরা যে কাজ করতে পারেন. 964 00:58:50,440 --> 00:58:56,660 যে এরকম হয় বলে যে নেই এই ফাইলটি, suggest.php হিসাবে হিসাবে সহজ, 965 00:58:56,660 --> 00:58:59,040 সম্পর্কে পাঠানোর ফিরে সহজভাবে লেখা একটি পংক্তি, 966 00:58:59,040 --> 00:59:01,950 কিন্তু আমি জানি এটা আমার ফিরে JSON প্রেরণ করা যাচ্ছে. 967 00:59:01,950 --> 00:59:06,760 তার মানে যে JSON একটি জাভাস্ক্রিপ্ট মিশুক অ্যারের মধ্যে রূপান্তরিত করা সম্ভব. 968 00:59:06,760 --> 00:59:10,830 এবং তাই jQuery, আমি কি আমার জন্য যে করতে চান. 969 00:59:10,830 --> 00:59:13,990 এটার মানে হল যে এই প্রতিক্রিয়া এখানে পরামিতি, 970 00:59:13,990 --> 00:59:16,070 এই আর মাত্র একটি পংক্তি. 971 00:59:16,070 --> 00:59:19,860 কারণ আমরা jQuery বলেছেন এখানে যে কিছু JSON আসে, 972 00:59:19,860 --> 00:59:22,950 jQuery যাও স্মার্ট যথেষ্ট বলতে হবে, "আপনি JSON চান?" 973 00:59:22,950 --> 00:59:26,890 "আমি একটা আপনার জন্য মিশুক অ্যারের মধ্যে যে রূপান্তর যাচ্ছে. করছি" 974 00:59:26,890 --> 00:59:32,100 চলুন আসলে নেটওয়ার্ক ট্যাব কটাক্ষপাত একবার আমরা quote4.js আছে নিতে. 975 00:59:32,100 --> 00:59:35,400 আমরা এই পরিবর্তন এবং পৃষ্ঠাটি পুনরায় লোড করব. 976 00:59:37,150 --> 00:59:41,250 এখন আমি একটি একটি করে আবার টাইপ করুন যাচ্ছি. 977 00:59:41,250 --> 00:59:45,600 আমি একটি suggest.php যাও দম্পতি অনুরোধ করেছি, কিন্তু এখন এই প্রতিক্রিয়া, 978 00:59:45,600 --> 00:59:48,670 বরং শুধুমাত্র স্ট্রিং, এটা JSON. 979 00:59:48,670 --> 00:59:52,580 তাই আমি একটি খোলা কোঁকড়া বক্রবন্ধনী বলছে, আছে "এখানে আসে একটি মিশুক অ্যারে." 980 00:59:52,580 --> 00:59:56,830 >> এই মিশুক অ্যারের প্রথম এবং একমাত্র চাবি চিহ্ন বলা হয়, 981 00:59:56,830 --> 01:00:00,240 এবং তারপর এখানে প্রাসঙ্গিক হয় চিহ্ন সকল একটি অ্যারে 982 01:00:00,240 --> 01:00:04,820 ইয়াহু ফিনান্স থেকে এখন আসছে যে রাক্ষুসে তালিকা থেকে, না. 983 01:00:06,110 --> 01:00:10,630 এটা কিভাবে আমি কেবল এই স্বয়ংসম্পূর্ণ প্লাগইন পূরণ করতে পারেন 984 01:00:10,630 --> 01:00:14,280 সাথে কিছু তথ্য যে একটি স্থানীয় ফাইলটি যে ইতোমধ্যেই পূর্বাহ্নে নির্ধারিত থেকে আসছে না 985 01:00:14,280 --> 01:00:17,490 কিন্তু থেকে অন্য কিছু. 986 01:00:17,490 --> 01:00:21,160 এটা পরিনত হয় যে আমরা আসলে একটি প্রযুক্তি বলা JSONP সুবিধা গ্রহণ করতে পারেন, 987 01:00:21,160 --> 01:00:27,420 বা প্যাডিং সহ JSON, যে এই suggest.php ফড়িয়া নিষ্কাশন করা হবে. 988 01:00:27,420 --> 01:00:34,010 কিন্তু এর পরিবর্তে যে করছেন, এর পরিবর্তে যাক কিভাবে আমি এই এমনকি আরো উন্নত করতে পারেন কটাক্ষপাত করা. 989 01:00:34,010 --> 01:00:36,040 আমি সত্যিই Bootstrap-এর Typeahead চান. এটা সত্যিই চমৎকার. 990 01:00:36,040 --> 01:00:39,570 কিন্তু আমরা জাভাস্ক্রিপ্ট ভাল এবং আমরা পেতে চান, তাদের নিজেদেরকে এই ধরনের কাজ করছি, 991 01:00:39,570 --> 01:00:43,870 হয়তো কি এই প্লাগইন কাজ করা যায়নি কটাক্ষপাত করা. 992 01:00:43,870 --> 01:00:46,500 এর আর যে Typeahead জিনিস ব্যবহার করা যাক, 993 01:00:46,500 --> 01:00:50,550 এবং আসুন যাও প্রস্তাবিত স্টক এই তালিকা নিজেদেরকে করতে চেষ্টা করুন. 994 01:00:50,550 --> 01:00:53,790 এখানে quote6.php মধ্যে আমরা একই ভাবে শুরু বন্ধ চলুন. 995 01:00:53,790 --> 01:00:58,050 প্রতিটি সময় কাউকে কিছু ধরনের, আমরা একটি AJAX অনুরোধ করতে চাই. 996 01:00:58,050 --> 01:01:01,590 এটি অনুরূপ আমাদের মূল CS50 ফাইন্যান্স তাত্ক্ষনিক যাও. 997 01:01:01,590 --> 01:01:05,020 বরং quote.php একটি অনুরোধ করে, 998 01:01:05,020 --> 01:01:08,530 আমরা এখন করছি যে একই ফাইলে আগে হিসাবে একটি অনুরোধের ফলে, এই suggest.php, 999 01:01:08,530 --> 01:01:12,460 যা শুধু হয় ইয়াহু ফিনান্স থেকে তথ্য উন্মুলিত করা যাচ্ছে. 1000 01:01:12,460 --> 01:01:19,480 >> আবার, আমরা এখনও আশা করছি JSON, কিন্তু এখন থেকে এই Typeahead করছে আমাদের জন্য না, 1001 01:01:19,480 --> 01:01:24,850 আমরা মান যে বর্তমান টেক্সট বক্সের ভিতরে হয় বরাবর পাঠাতে প্রয়োজন. 1002 01:01:24,850 --> 01:01:28,120 এখন আমরা জানি কি ইয়াহু ফিন্যান্সের জন্য অনুরোধ, 1003 01:01:28,120 --> 01:01:34,160 এবং এখন তাই এখানে ফাংশন যে আমরা একবার অনুরোধ সঞ্চালনের সমাপ্ত করতে চান. 1004 01:01:34,160 --> 01:01:36,520 আমরা আমাদের জন্য তালিকা করার জন্য আপনার কাছে প্লাগইন না, 1005 01:01:36,520 --> 01:01:40,630 তাই এখানে যেখানে আসলে আমরা পরামর্শ তালিকা নির্মাণ করছেন যাচ্ছে. 1006 01:01:40,630 --> 01:01:44,850 যে কি, পিএইচপি অনেক পছন্দ আমরা এইসব HTML-এর বড় স্ট্রিং ঘনিভূত 1007 01:01:44,850 --> 01:01:48,170 তারপর আমরা তাদের মুদ্রিত, আমরা জাভাস্ক্রিপ্ট একই সঠিক জিনিস করতে পারেন. 1008 01:01:48,170 --> 01:01:51,850 প্রথম আমরা এই স্ট্রিং নামক পরামর্শ শুরু বন্ধ চলুন, 1009 01:01:51,850 --> 01:01:54,590 এবং শুধুমাত্র এই পংক্তিটি কিছু এইচটিএমএল থাকতে হবে. 1010 01:01:54,590 --> 01:01:58,320 আমরা এটা একটা তালিকা হতে চান, যাতে আমরা এই তালিকা ট্যাগ সঙ্গে চলতে শুরু চলুন, 1011 01:01:58,320 --> 01:02:03,340 এবং এখন আমরা চিহ্ন যা আমাদের মধ্যে ফিরে ফিরে সব পুনরুক্তি উপর চলুন. 1012 01:02:03,340 --> 01:02:06,500 মনে রাখবেন, কারণ আমরা ডাটাটাইপ বলেন করেছি: 'json', এই একটি স্ট্রিং নয়. 1013 01:02:06,500 --> 01:02:09,500 এই ইতিমধ্যে আমাদের জন্য একটি অ্যারে. এটা সত্যিই শীতল. 1014 01:02:09,500 --> 01:02:13,790 আমরা সহজভাবে বলে, "আমি আপনাকে একটি তালিকা উপাদান যোগ করতে চান." করতে পারেন 1015 01:02:13,790 --> 01:02:16,000 আমরা একটি একটি উপাদান ভিতরে এটা পাশ রেখে দেব, 1016 01:02:16,000 --> 01:02:19,030 আমরা পরামর্শ একটি বর্গ এটি দিন যাতে আমরা জানতে পারি কি করব, 1017 01:02:19,030 --> 01:02:23,880 এবং এখানে এখন একটি প্রতীক যে আমরা ইয়াহু ফিনান্স থেকে ফিরে পেয়েছেন. 1018 01:02:23,880 --> 01:02:27,230 >> একবার আমরা চিহ্ন আমরা ফিরে অর্জিত করেছি প্রতিটি জন্য একটি উপাদান তৈরি করে, 1019 01:02:27,230 --> 01:02:30,100 আমরা শুধু তালিকা বন্ধ করা বন্ধ করতে চান. 1020 01:02:30,100 --> 01:02:33,040 তাই এখন প্রস্তাবনা উপস্থাপন করে এই সামান্য এইচটিএমএল টুকরা 1021 01:02:33,040 --> 01:02:37,860 যে একটি পাতায় যখন বসাবেন সে ব্যাপারে আমরা খুঁজছেন সেটি তালিকা করা হচ্ছে. 1022 01:02:37,860 --> 01:02:41,070 এখন আমি কি আসলে পৃষ্ঠায় যে করান. 1023 01:02:41,070 --> 01:02:46,390 না যে আমি আসলে অন্য খালি div তৈরি করে এবং আমি এটি প্রস্তাবনার একটি আইডি দিয়েছি. 1024 01:02:46,390 --> 01:02:52,520 অনেক ভালো আমরা div বিষয়বস্তু যে স্টক তথ্য মূল্য প্রদর্শন করবে সেট, 1025 01:02:52,520 --> 01:02:58,600 আমরা শুধু এখন যাও যাই হোক না কেন এই স্ট্রিংটি এই div বিষয়বস্তু সেট করতে চান 1026 01:02:58,600 --> 01:03:00,290 যা এই চিহ্ন রয়েছে. 1027 01:03:00,290 --> 01:03:07,650 এই পদ্ধতি ব্যবহার করে HTML এর দ্বারা, এই পরামর্শ পরিবর্তনশীল, এই স্ট্রিং হয় HTML-এর একটি পংক্তি. 1028 01:03:07,650 --> 01:03:13,490 আমি আপনি যে HTML এ নিয়ে এর div নামক পরামর্শ ভিতরে লাগাতে চান. 1029 01:03:13,490 --> 01:03:15,680 আমরা ঠিক করেছি DOM কিছু এখন যোগ করা. 1030 01:03:15,680 --> 01:03:20,360 আমরা কিছু DOM যাও নতুন উপাদান যোগ করেছেন যে আমরা এখন পৃষ্ঠায় প্রদর্শন করতে পারেন. 1031 01:03:20,360 --> 01:03:22,540 এর কি ভালো দেখায় দেখতে দিন. 1032 01:03:22,540 --> 01:03:29,110 যদি quote6 আমরা লোড এবং এখন আমরা ফিরে আসা, 1033 01:03:29,110 --> 01:03:34,480 এখন যখন আমি শুরু AAPL টাইপ, আমরা নেই যে বুটস্ট্র্যাপ স্বয়ংসম্পূর্ণ করার আছে, 1034 01:03:34,480 --> 01:03:38,470 কিন্তু এখন আমরা এই তালিকা যে আমরা নিজেদের তৈরি করা আছে. 1035 01:03:38,470 --> 01:03:43,230 এটি যেমন একটি সামান্য বুটস্ট্র্যাপ Typeahead চেয়ে বিট uglier,, 1036 01:03:43,230 --> 01:03:45,580 কিন্তু এটা আমাদের এক অন্য জিনিস করতে অনুমতি দেয়. 1037 01:03:45,580 --> 01:03:48,660 যখন আমরা যে বুটস্ট্র্যাপ প্লাগইন দিকে তাকিয়ে ছিল, 1038 01:03:48,660 --> 01:03:52,590 আমরা দেখেছি যে, যখন আমরা autocompleted, স্বয়ংসম্পূর্ণ মান ছিল AAPL. 1039 01:03:52,590 --> 01:03:54,820 যাতে সহায়ক হতে পারে না. 1040 01:03:54,820 --> 01:03:59,100 একটি ব্যবহারকারী হিসাবে, অবিলম্বে আমি স্টক প্রতীকে সব চিনতে পারে. 1041 01:03:59,100 --> 01:04:02,370 কি আমি সম্ভবত না আরো চিনতে সম্ভাবনা কম কোম্পানী এর প্রকৃত নাম. 1042 01:04:02,370 --> 01:04:05,310 সুতরাং এটি সত্যিই সহায়ক হবে না যদি বদলে AAPL বলছে চাই 1043 01:04:05,310 --> 01:04:07,970 এই অ্যাপেল Inc মত কিছু বলেন 1044 01:04:07,970 --> 01:04:12,240 কারণ আমরা নিজেদেরকে ঘূর্ণিত এই করেছি, আমরা সত্যিই কি যে সহজেই করতে পারেন. 1045 01:04:12,240 --> 01:04:17,630 এর শেষ উদ্ধৃতি আমাদের এখানে ফাইল খুলুন যাক, তাই quote7. 1046 01:04:17,630 --> 01:04:23,200 >> একই জিনিস. আমি ঠিক করেছি পিএইচপি ফাইল অন্য যে আমাদের আরো ঠিক চিহ্ন তুলনায় ফিরে তৈরি হবে. 1047 01:04:23,200 --> 01:04:25,550 এটা আমাদের কোম্পানী এর নাম দিতে হবে ফিরে. 1048 01:04:25,550 --> 01:04:28,150 এবং তাই আমরা একই জিনিস করছেন. আমরা একটি AJAX অনুরোধ করছেন. 1049 01:04:28,150 --> 01:04:32,370 একবার অনুরোধ সম্পন্ন করেনি, আমরা এখানে এই ফাংশন চালানো চলুন, 1050 01:04:32,370 --> 01:04:36,520 এবং এই ফাংশনটি একটি উপাদানের বড় স্ট্রিং বিল্ড আপ হবে. 1051 01:04:36,520 --> 01:04:39,520 কিন্তু এখানে পার্থক্য হল, এই তালিকার মধ্যে মান আর মাত্র চিহ্ন, 1052 01:04:39,520 --> 01:04:45,370 এটি এখন এর নাম. 1053 01:04:45,370 --> 01:04:47,070 সুতরাং আমরা একটি ছোট সমস্যা আছে. 1054 01:04:47,070 --> 01:04:51,590 যখন আমরা আমাদের লুকআপ ব্যবহার, আমরা এটা একরকম প্রতীক পাস প্রয়োজন. 1055 01:04:51,590 --> 01:04:54,950 আমরা মাইক্রোসফট কর্পোরেশন লুকআপ মত কিছু হইনি পাস করতে পারেন. 1056 01:04:54,950 --> 01:04:57,900 আমরা এটা MSFT পাস প্রয়োজন. 1057 01:04:57,900 --> 01:05:01,640 যখন আমরা আপনাকে HTML লেখা করছি, আমরা চমৎকার অন্তর্নির্মিত গুণাবলী প্রচুর আছে. 1058 01:05:01,640 --> 01:05:05,440 একটি একটি এটি একটি href অথবা একটি বর্গ সঙ্গে যুক্ত থাকতে পারে. 1059 01:05:05,440 --> 01:05:08,230 কিন্তু এই লিঙ্কগুলির মধ্যে প্রতিটি জন্য কি আমরা এখন সত্যিই প্রয়োজন হয় 1060 01:05:08,230 --> 01:05:11,120 একটি স্টক চিহ্নের এর সাথে জড়িত আছে. 1061 01:05:11,120 --> 01:05:14,240 কোন বিল্ট ইন এইচটিএমএল অ্যাট্রিবিউট জন্য স্টক চিহ্নের, আছে 1062 01:05:14,240 --> 01:05:21,010 কিন্তু সৌভাগ্যক্রমে, HTML5 আমাদের নিজস্ব বৈশিষ্ট যাও যাই হোক না কেন আমরা চাই হতে তৈরি করা যাবে. 1063 01:05:21,010 --> 01:05:24,620 তথ্য-চিহ্ন দ্বারা বলছে, আমি একটি নতুন বৈশিষ্ট্য চালু করেছি 1064 01:05:24,620 --> 01:05:29,350 যার নাম শুধু আমি গঠিত, এবং এই ঠিক আছে কারণ আমি এই তথ্য দিয়ে এটা prefaced. 1065 01:05:29,350 --> 01:05:34,270 আমরা আছে প্রতীক ভিতরে স্টক থেকে যাও এখন সঞ্চয় চলুন. 1066 01:05:34,270 --> 01:05:39,590 কি যে এর মানে হল যে যদিও আমরা নামটি মান প্রদর্শন করছেন 1067 01:05:39,590 --> 01:05:43,380 আমাদের স্বয়ংসম্পূর্ণ ভিতর, আমরা এখনও মনে করছি প্রতীক 1068 01:05:43,380 --> 01:05:47,110 প্রতিটি সংস্থার সাথে যুক্ত হয়. 1069 01:05:47,110 --> 01:05:50,350 উপায় যে আমরা করছি এই উপাদান নিজে এর ভিতরে হয়. 1070 01:05:50,350 --> 01:05:52,930 সুতরাং তার মানে আমরা এক আরো পরিবর্তন করা প্রয়োজন. 1071 01:05:52,930 --> 01:05:57,090 যখন আমরা এখন এটি ক্লিক করুন, আমরা আসলে প্রতীক অ্যাট্রিবিউট সদ্ব্যবহার করা প্রয়োজন 1072 01:05:57,090 --> 01:06:00,220 বরং ঠিক তার মান. 1073 01:06:00,220 --> 01:06:05,010 যদি আমরা ফিরে আপ, আমরা পরামর্শ একটি ইভেন্ট হ্যান্ডলার জোড়া. 1074 01:06:05,010 --> 01:06:09,280 যখনই এখন এই প্রস্তাবগুলি ক্লিক না, আমি কোনো কিছু করতে চান. 1075 01:06:09,280 --> 01:06:13,160 আমি কি করে যেতে চাই, যে ইনপুট বক্স মান পরিবর্তন. 1076 01:06:13,160 --> 01:06:16,100 এখন আমি এই একই Val ফাংশন সেট করতে চান. 1077 01:06:16,100 --> 01:06:21,060 >> সুতরাং কোনো আর্গুমেন্ট ছাড়া এই Val ফাংশন আপনি ফিরে কি টেক্সট বক্সের মধ্যে ইতিমধ্যেই, 1078 01:06:21,060 --> 01:06:27,070 কিন্তু যদি আপনি এটি একটি স্ট্রিং দেবে, তা যে স্ট্রিং নিয়ে কোনো টেক্সটবক্সের মধ্যে এটা করা যাচ্ছে. 1079 01:06:27,070 --> 01:06:28,980 আমি একই ভাবে করছি তার টেক্সট বক্স নির্বাচন করুন. 1080 01:06:28,980 --> 01:06:31,230 এটা এর নাম হয় ফর্ম-উদ্ধৃতি চিহ্ন ভিতরে. 1081 01:06:31,230 --> 01:06:37,540 এখন আমি এটি বৈশিষ্ট্য তথ্য-প্রতীক মূল্য প্রেরণ করছি. 1082 01:06:37,540 --> 01:06:41,560 এখানে একটি বিষয় নতুন, এই $ (এই). 1083 01:06:41,560 --> 01:06:46,850 কি এই চিহ্নিত হয় যে ক্লিক উপাদান ছিল. 1084 01:06:46,850 --> 01:06:50,880 আমরা এখানে যে আমরা একটি ক্লিক ইভেন্ট যুক্ত না তা দেখতে পারেন 1085 01:06:50,880 --> 01:06:54,690 যাও প্রস্তাব একটি বর্গ সঙ্গে পৃথকভাবে প্রতিটি উপাদান. 1086 01:06:54,690 --> 01:06:57,140 বরং, এই আমরা একটু ভিন্নভাবে সমীপবর্তী করছি. 1087 01:06:57,140 --> 01:07:01,700 এর পরিবর্তে আমরা বলছে যখনই এই পরামর্শ div কিছু ভিতর, 1088 01:07:01,700 --> 01:07:04,080 যা মনে রাখবেন শুধু যে তালিকা জন্য আধার, 1089 01:07:04,080 --> 01:07:10,150 যদি এই div ভিতরে কিছু ক্লিক এবং এটি প্রস্তাব একটি শ্রেণী রয়েছে, 1090 01:07:10,150 --> 01:07:13,000 আমি এই ঘটনা ফায়ার করতে চান. 1091 01:07:13,000 --> 01:07:17,490 মূলত এর মানে কি আমরা করতে পারি মনে হয় আমরা এই একই হ্যান্ডলার পুনরায় ব্যবহার করতে পারেন 1092 01:07:17,490 --> 01:07:20,000 জন্য তালিকার যে জিনিস সব. 1093 01:07:20,000 --> 01:07:22,080 তাই আমরা এক প্রথম উপাদান জন্য হ্যান্ডলার আছে না আছে 1094 01:07:22,080 --> 01:07:24,550 এবং একটি ভিন্ন দ্বিতীয় উপাদান জন্য হ্যান্ডলার. 1095 01:07:24,550 --> 01:07:29,880 আমরা বদলে বলে, "আমি একই হ্যান্ডলার আমার তালিকা সবকিছুই প্রয়োগ করতে চান." করতে পারেন 1096 01:07:29,880 --> 01:07:34,420 কিন্তু আমরা একরকম যা উপাদান ছিল ক্লিক জানা প্রয়োজন. 1097 01:07:34,420 --> 01:07:38,450 এই "এই" কীওয়ার্ড উপস্থাপন ঠিক. 1098 01:07:38,450 --> 01:07:42,360 এই বস্তুর যে ব্যবহারকারী দ্বারা ঠিক ছিল ক্লিক. 1099 01:07:42,360 --> 01:07:47,680 যদি আমি 3rd লিঙ্কে ক্লিক করেন, এই যে 3 য় লিঙ্কের উপাদান প্রতিনিধিত্ব করে, 1100 01:07:47,680 --> 01:07:51,670 যার অর্থ হল যে আমি তার বৈশিষ্ট্য, তথ্য-প্রতীক পেতে পারেন, 1101 01:07:51,670 --> 01:07:57,760 যা আমরা জানি যাও চিহ্ন যে কোম্পানী আমি ক্লিক এর সাথে যুক্ত আছে. 1102 01:07:57,760 --> 01:08:04,550 যদি আমরা আমাদের অর্থ পাতা ঝাঁপ ফিরে, 1103 01:08:04,550 --> 01:08:08,580 আমরা এখন যে একবার আমি শুরু msft ভালো কিছু টাইপ করে দেখতে পারেন, 1104 01:08:08,580 --> 01:08:11,220 আর আমরা করছি ঠিক স্টক প্রতীকে পেয়ে, 1105 01:08:11,220 --> 01:08:13,720 আমরা এখন করছি প্রকৃত কোম্পানীগুলো দেখা পেয়ে. 1106 01:08:13,720 --> 01:08:20,410 কিন্তু যখন আমি এই কোম্পানীর এক ক্লিক করুন, 1107 01:08:20,410 --> 01:08:25,180 আমরা কোম্পানীর নাম দিয়ে দেখতে পারেন যে আসলে আমরা টেক্সট বক্সে পূর্ণ করছেন না 1108 01:08:25,180 --> 01:08:29,850 কিন্তু যাই হোক না কেন সেই তথ্য গুণাবলী ভিতরে সঞ্চিত ছিল. 1109 01:08:29,850 --> 01:08:32,880 এবং তাই যদি এটি আসলে আমি ডান ক্লিক করে এই উপাদান এক পরিদর্শন করা 1110 01:08:32,880 --> 01:08:36,200 এবং এলিমেন্ট পরিদর্শন ক্লিক করে, আসলে আমরা দেখতে পারেন কি ভালো দেখায়. 1111 01:08:36,200 --> 01:08:40,290 >> মনে রাখবেন, এই যে আমরা কিছু একটা যে তৈরি ভিতরে লুপ জন্য 1112 01:08:40,290 --> 01:08:42,649 যখন আমরা HTML-এর স্ট্রিং নির্মাণের আপ হয়েছিল. 1113 01:08:42,649 --> 01:08:47,870 আমরা এখানে যে এই তথ্য-চিহ্ন MSFT, যা মহান মূল্য আছে দেখতে পারেন. 1114 01:08:47,870 --> 01:08:49,189 আমরা আশা ছিল. 1115 01:08:49,189 --> 01:08:53,170 এটা চিহ্ন এবং যে কিভাবে আমরা মান ব্যবহার করা প্রয়োজন যে আমরা পেয়েছিলাম 1116 01:08:53,170 --> 01:08:56,140 ভিতর এই টেক্সট বক্সে. 1117 01:08:56,140 --> 01:08:58,850 এটা উদ্ধৃতি ফর্ম জন্য যথেষ্ট কারণ যে ধরনের বিরক্তিকর. 1118 01:08:58,850 --> 01:09:02,990 চলুন আমাদের পোর্টফোলিও পাতা যাও কিছু দ্রুত বৃদ্ধি করতে. 1119 01:09:02,990 --> 01:09:08,109 আপনি যদি একটি যখন জন্য CS50 অর্থ ব্যবহার করেছি এবং আপনি শুরু ক্রয় এবং স্টক অনেক বিক্রয়, 1120 01:09:08,109 --> 01:09:11,300 ঘটনাক্রমে এই টেবিলের প্রশংসনীয় বড় পাওয়া যাচ্ছে, 1121 01:09:11,300 --> 01:09:13,850 এবং আপনাকে একটি স্টক টিকার, অবশ্যই চাই চলুন. 1122 01:09:13,850 --> 01:09:20,350 একবার টেবিল সত্যিই সত্যিই, বড়, এটি ব্যবহারকারীর জন্য সহায়ক এটা উপর অনুসন্ধানের চেষ্টা করে দেখতে পারেন. 1123 01:09:20,350 --> 01:09:23,290 ভিতর সন্ধান বক্সে যদি আমি শুরু ডিজনি ভালো কিছু টাইপ 1124 01:09:23,290 --> 01:09:26,359 এবং আমার Mickey মাউস স্টক খুঁজছেন, আমরা যে এখন টেবিল ফিল্টার তা দেখতে পারেন 1125 01:09:26,359 --> 01:09:28,189 ভিত্তি কি আমি ঠিক ইন টাইপ 1126 01:09:28,189 --> 01:09:31,640 এই কার্যকারিতা দেখায় সুপার জটিল, কিন্তু এটা আসলে সত্যিই, সহজ 1127 01:09:31,640 --> 01:09:33,859 সঙ্গে jQuery এবং জাভাস্ক্রিপ্ট. 1128 01:09:33,859 --> 01:09:39,189 এই ফাইলটি একটি portfolio.php জাভাস্ক্রিপ্ট ফাইল নামক portfolio.js অন্তর্ভুক্ত. 1129 01:09:39,189 --> 01:09:41,130 চলুন যে কটাক্ষপাত করা. 1130 01:09:41,130 --> 01:09:44,890 সুতরাং html, js, পোর্টফোলিও. 1131 01:09:44,890 --> 01:09:49,210 এখানে যেখানে আমরা টেবিলের উপর যে অনুসন্ধান করছেন. 1132 01:09:49,210 --> 01:09:52,750 প্রথম জিনিস আমি যা করতে হবে যে টেক্সট বক্সে একটি ইভেন্ট হ্যান্ডলার জোড়া হয় 1133 01:09:52,750 --> 01:09:55,760 কারণ আমরা জানি যে আমরা আমাদের ফিল্টারিং ফাংশন ফায়ার করতে চান 1134 01:09:55,760 --> 01:09:59,800 প্রতি ব্যবহারকারীর কিছু সময় presses কারণ আমরা খোঁজো বোতাম জন্য সময় না থাকে. 1135 01:09:59,800 --> 01:10:03,000 প্রথম জিনিস আমরা করতে প্রয়োজন হয় জিনিসটা কি ব্যবহারকারীর জন্য অনুসন্ধান করা হয়, 1136 01:10:03,000 --> 01:10:04,780 যেমন আমরা আগে কি. 1137 01:10:04,780 --> 01:10:11,320 এই অভিব্যক্তি বর্তমান উপাদান ব্যবহারকারীর সাথে আলাপচারিতার হয় বোঝায়. 1138 01:10:11,320 --> 01:10:14,070 >> কারণ ব্যবহারকারী অনুসন্ধান বক্স সাথে আলাপচারিতার হয়, 1139 01:10:14,070 --> 01:10:17,020 $ এই সার্চ বক্স প্রতিনিধিত্ব করে, 1140 01:10:17,020 --> 01:10:21,820 তাই this.val দেয় আমাদের অনুসন্ধান বাক্স ব্যবহারকারী বর্তমানে টাইপ ভিতর কি. 1141 01:10:22,810 --> 01:10:27,320 সুতরাং, এখন কি আমরা যেতে চাই আমরা সারি সব পুনরুক্তি ওভার করতে চান না 1142 01:10:27,320 --> 01:10:29,240 ভিতর আমাদের টেবিল. 1143 01:10:29,240 --> 01:10:35,630 আমাদের টেবিলের সারির সব নির্বাচন করুন, আমি দিয়েছি টেবিল রেখচিত্রের একটি আইডি টেবিল, 1144 01:10:35,630 --> 01:10:39,060 এবং প্রতিটি সারির একটি TR-উপাদান দ্বারা প্রতিনিধিত্ব করা হয়, 1145 01:10:39,060 --> 01:10:42,080 তাই এই নির্বাচক সম্পর্কে একটি বড় অ্যারে ফিরে যাচ্ছে 1146 01:10:42,080 --> 01:10:44,370 সব আমার টেবিলের সারি. 1147 01:10:44,370 --> 01:10:47,010 এখন আমি যে অ্যারের উপর পুনরুক্তি করতে চান. 1148 01:10:47,010 --> 01:10:52,390 আমি লুপ জন্য, কিন্তু আপনি একটি পারা jQuery আসলে উপলব্ধ চমৎকার ফাংশন বলা হয় আমাদের "প্রতিটি." 1149 01:10:52,390 --> 01:10:55,220 প্রতিটি কি আছে, প্রতিটি এক যুক্তি লাগে, 1150 01:10:55,220 --> 01:10:57,090 এবং যে যুক্তি হল একটি ফাংশন. 1151 01:10:57,090 --> 01:11:02,760 কি এটি করতে যাচ্ছে এটা প্রতিটি উপাদান এই তালিকার ভিতরে যাও যে ফাংশন প্রয়োগ করে যাচ্ছে. 1152 01:11:02,760 --> 01:11:05,550 এই ফাংশন এক যুক্তি যা ই লাগে, 1153 01:11:05,550 --> 01:11:10,090 এবং যখন এই ফাংশন মৃত্যুদন্ড কার্যকর করা হয়, এই ই প্রথম সারি দিয়ে প্রতিস্থাপন করা হবে, 1154 01:11:10,090 --> 01:11:12,070 তারপর দ্বিতীয় সারি, এবং তারপর তৃতীয় সারির. 1155 01:11:12,070 --> 01:11:15,150 এই পদ্ধতি দ্বারা, এই লুপ জন্য একটি চলমান হিসাবে একই জিনিস 1156 01:11:15,150 --> 01:11:21,360 এবং তারপর বর্তমান উপাদান আপনার লুপ জন্য সূচক ভিতরে উপর ভিত্তি করে figuring. 1157 01:11:21,360 --> 01:11:24,750 এ প্রতিটি পুনরাবৃত্তির, টেবিলের জন্য এই উপাদানের প্রতি, 1158 01:11:24,750 --> 01:11:30,560 সারির ভিতরে কক্ষের পাঠ্য - আমি উপাদান লেখা যদি চেক করতে চান - 1159 01:11:30,560 --> 01:11:33,130 সাথে মেলে কি আমি জন্য অনুসন্ধান করছি. 1160 01:11:33,130 --> 01:11:36,390 এই বড় কমান্ড দীর্ঘ স্ট্রিংটি কিভাবে আমি তা করতে পারে. 1161 01:11:36,390 --> 01:11:40,900 প্রথম আবার,, যাও এখন এই প্রসঙ্গে - কারণ এটা একটা নতুন ফাংশন ভিতরে - 1162 01:11:40,900 --> 01:11:45,020 এই এখন টেবিলের বর্তমান সারি. 1163 01:11:45,020 --> 01:11:47,340 আমি টেবিলের বর্তমান সারি নিতে চান, 1164 01:11:47,340 --> 01:11:49,950 এবং আমি তার বাচ্চাদের সব পেতে চাই. 1165 01:11:49,950 --> 01:11:51,940 মনে রাখবেন, DOM একটি হায়ারারকিকাল গাছ, 1166 01:11:51,940 --> 01:11:54,200 যার মানে উপাদান শিশুদের একটি নম্বর আছে. 1167 01:11:54,200 --> 01:12:00,180 >> এই. শিশুদের ফাংশন সম্পর্কে যাও সব উপাদানের একটি শ্রেণীবিন্যাস ফিরে ফিরে যাচ্ছে 1168 01:12:00,180 --> 01:12:03,240 যে এই ক্ষেত্রে, টেবিলের একটি সারিতে শিশুদের,. 1169 01:12:03,240 --> 01:12:07,150 এটি সহজভাবে সারি ভেতরের ঘর. 1170 01:12:07,150 --> 01:12:09,230 আমি শুধু প্রথম কোষ ও অনুসন্ধান করতে চান. 1171 01:12:09,230 --> 01:12:13,090 এই. প্রথম ফাংশন সম্পর্কে বলেছেন যে অ্যারের মধ্যে প্রথম উপাদান দিতে. 1172 01:12:13,090 --> 01:12:17,070 তারপর টেক্সট ফাংশন সম্পর্কে বলছেন ঠিক কি যে ঘরের ভিতর এর পেতে 1173 01:12:17,070 --> 01:12:19,530 যেহেতু আমি যে টেক্সট ও অনুসন্ধান করতে চান. 1174 01:12:19,530 --> 01:12:21,040 অবশেষে, আমি কি এটা ছোট হাতের অক্ষর রূপান্তর, 1175 01:12:21,040 --> 01:12:23,940 তাই আমরা পাঠ্য ক্ষেত্রে অসংবেদী কোয়েরি করতে পারেন. 1176 01:12:23,940 --> 01:12:29,990 পরিশেষে, আমরা যদি একটি টেবিল ভিতরে যে পংক্তি স্ট্রিং আমরা অনুসন্ধান করছেন উপস্থিত দেখতে চাই. 1177 01:12:29,990 --> 01:12:32,980 জাভাস্ক্রিপ্ট indexOf মধ্যে ফাংশন আছে শুধু যে. 1178 01:12:32,980 --> 01:12:37,060 এটা আমাদের বলে কিনা বা না এই পংক্তি স্ট্রিং অন্য রয়েছে. 1179 01:12:37,060 --> 01:12:40,150 যদি এটি সত্য যে কোষ রয়েছে কি আমি জন্য অনুসন্ধান করছি, 1180 01:12:40,150 --> 01:12:42,140 তারপর আমি নিশ্চিত যে এটা দেখানো এর করতে চাই. 1181 01:12:42,140 --> 01:12:45,330 শো পদ্ধতি, বলে "উপাদান দেখান." হবে 1182 01:12:45,330 --> 01:12:50,350 যদি এই ঘটনা না, তাহলে তার মানে যাই হোক না কেন আমি অন্তর্গত নয় জন্য অনুসন্ধান করছি 1183 01:12:50,350 --> 01:12:53,550 মধ্যে যে সারি, এবং আমি লুকাতে চান ব্যবহারকারী থেকে হয়. 1184 01:12:53,550 --> 01:12:59,240 যে যে চমৎকার ফিল্টারিং প্রভাব অর্জন যেখানে আর আমরা সম্পূর্ণ তালিকা দেখুন. 1185 01:12:59,240 --> 01:13:01,480 যদি আপনি কিভাবে এই টিকার যাও হিসাবে ভাল করতে আগ্রহী হন, 1186 01:13:01,480 --> 01:13:04,180 আমরা উৎস অনলাইন পোস্ট করব. কিন্তু এটা আসলে খুব সহজ. 1187 01:13:04,180 --> 01:13:09,860 JQuery এইসব অ্যানিমেশন সাধিত এবং CSS এর জন্য বৈশিষ্ট্যাবলী সন্ত্রস্ত পদ্ধতি আছে. 1188 01:13:09,860 --> 01:13:11,020 অতএব, যে আমার জন্য এটি. 1189 01:13:11,020 --> 01:13:15,560 >> মিথ্যা তাহলে কি এগিয়ে? হিসাবে আপনি কয়েক দিনের মধ্যে দেখতে পাবেন যে, চূড়ান্ত প্রকল্প প্রস্তাব কারণে. 1190 01:13:15,560 --> 01:13:17,730 চূড়ান্ত প্রকল্প প্রস্তাব কয়েক প্রশ্ন জিজ্ঞাসা করবে, 1191 01:13:17,730 --> 01:13:19,420 কিন্তু তাদের মধ্যে তিন মাইলস্টোন হবে - 1192 01:13:19,420 --> 01:13:22,840 এক একটি "ভালো" মাইলফলক, এক একটি মাইলফলক ভালো, এবং এক একটি শ্রেষ্ঠ. 1193 01:13:22,840 --> 01:13:25,870 ধারণা করা হচ্ছে সত্যিই আপনাকে বলছি আপনার সাহায্য প্রত্যাশা সেট 1194 01:13:25,870 --> 01:13:29,160 তাই ন্যূনতমরূপে যে আপনি আপনার চূড়ান্ত প্রকল্পের আউটপুট খুশি হবে 1195 01:13:29,160 --> 01:13:32,060 এবং এটি "ভাল" যতক্ষণ পর্যন্ত আপনি উদ্বিগ্ন হতে হবে. 1196 01:13:32,060 --> 01:13:34,540 কিন্তু তারপর আপনাকে কিছু যাও যাও অল্পমাত্র বিট পৌঁছানোর পাবার আগ্রহ ভাল 1197 01:13:34,540 --> 01:13:37,680 অথবা কিছু ভাল, আমরা যে দিকে হিসাবে আপনি ভাল ধাক্কা মধ্যে বাছাই করব. 1198 01:13:37,680 --> 01:13:40,660 CS50 হ্যাক একটি thon এদিকে, কয়েক সপ্তাহের মধ্যে হয়. 1199 01:13:40,660 --> 01:13:44,340 সাধারণত, আমরা একটি সুরতি ভিত্তিতে ভিত্তিতে আগ্রহের কারণ এই না, 1200 01:13:44,340 --> 01:13:47,680 কিন্তু মতভেদ আমরা শাটল বাস মধ্যে আমাদের কয়েক শত হার্ভার্ড স্কয়ার থেকে নেব 1201 01:13:47,680 --> 01:13:51,540 নিচে Kendall স্কয়ার যেখানে মাইক্রোসফট হয়েছে একটি সুন্দর সুবিধা যথাযোগ্যভাবে নামক "Nerd" - 1202 01:13:51,540 --> 01:13:53,830 নিউ ইংল্যান্ড এবং ডেভেলপমেন্ট রিসার্চ সেন্টার. 1203 01:13:53,830 --> 01:13:56,380 আমরা সেখানে 8 অপরাহ্ন কাছাকাছি আমরা কিছু খাবার আছে করব পাবেন. 1204 01:13:56,380 --> 01:13:58,160 1 সকাল প্রায় আমরা আরো কিছু খাবার আছে করব. 1205 01:13:58,160 --> 01:14:02,150 প্রায় 5 am যদি আপনি এখনও জাগ্রত আমরা বা IHOP নেন, তাহলে আপনি ক্যাম্পাসে ফিরে উপর আগাইয়া করব. 1206 01:14:02,150 --> 01:14:04,380 উদ্দেশ্য সেখানে চূড়ান্ত প্রকল্পের মধ্যে আকর্ষণীয় হয় 1207 01:14:04,380 --> 01:14:06,190 পাশাপাশি এর সহপাঠীদের এবং কর্মীরা. 1208 01:14:06,190 --> 01:14:08,280 তারপর কয়েক দিন পরে হয় CS50 পরিষ্কার, 1209 01:14:08,280 --> 01:14:10,990 যা সত্যিই একটি সুযোগ হতে বোঝানো জন্য আপনাকে বলছি আপনার কাজ তুলে যাও 1210 01:14:10,990 --> 01:14:12,700 সেমিস্টারে জন্য এবং শিক্ষাদীক্ষা 1211 01:14:12,700 --> 01:14:15,610 যখন একে অপরের সাথে কাঁধ মার্জন এবং কি সবাই কি একটা ধারনা পেয়ে. 1212 01:14:15,610 --> 01:14:17,850 সঙ্গে বলেন যে, টমি এবং জোসেফ অনেক ধন্যবাদ, 1213 01:14:17,850 --> 01:14:19,960 এবং আমরা সোমবার আপনি দেখতে পাবেন. 1214 01:14:19,960 --> 01:14:24,070  [সাধুবাদ]