1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. مالان: خوب، بنابراین این در اینجا بازوی میو است 3 00:00:41,880 --> 00:00:44,450 باند، یک زن و شوهر که ما برای پروژه های نهایی CS50 داشته باشد. 4 00:00:44,450 --> 00:00:47,533 و این تظاهرات ما صف بود شما در پیش است که در آن اساسا 5 00:00:47,533 --> 00:00:51,120 این بازوی نسبتا تنگ باند در اینجا گوش به حرکت عضلات شما 6 00:00:51,120 --> 00:00:54,280 که پس از آن در نرم افزار نقشه برداری به لپ تاپ کولتون بر اینجا که 7 00:00:54,280 --> 00:00:57,230 حال آیتونز و آهنگ در حال حاضر صف تا. 8 00:00:57,230 --> 00:01:00,270 به جای من این demoing، کولتون را در آزمایشگاه است 9 00:01:00,270 --> 00:01:04,129 به وضوح تمام هفته گرفتن تظاهرات آماده برای یک داوطلب شجاع. 10 00:01:04,129 --> 00:01:07,430 اگر کسی می خواهم به در up-- دیدم دست خود را برای اولین بار. 11 00:01:07,430 --> 00:01:09,540 بیا تا. 12 00:01:09,540 --> 00:01:12,530 >> همه راست. 13 00:01:12,530 --> 00:01:13,886 و آنچه به نام شما است؟ 14 00:01:13,886 --> 00:01:14,800 >> رسید آه، ماریا. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. مالان: ماریا، خوب به شما را ببینید. 16 00:01:16,550 --> 00:01:17,310 بیا اینجا. 17 00:01:17,310 --> 00:01:19,550 اجازه بدهید به شما به کولتون معرفی. 18 00:01:19,550 --> 00:01:21,290 کولتون، این ماریا است. 19 00:01:21,290 --> 00:01:23,050 >> کولتون: سلام، از ملاقات شما خوشبختم. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. مالان: همه درست است، بنابراین گام اول، ما هستیم 21 00:01:24,330 --> 00:01:26,204 رفتن به شما قرار داده این به ساعد شما 22 00:01:26,204 --> 00:01:29,280 به طوری که آن را بسیار تنگ در نزدیکی آرنج خود را. 23 00:01:29,280 --> 00:01:31,940 و در عین حال، بیایید قرار داده و در شیشه ای گوگل ما 24 00:01:31,940 --> 00:01:33,720 و ما از فن آوری های امروز مخلوط کنید. 25 00:01:33,720 --> 00:01:36,340 >> کولتون: اول ما به قلاب به این چیزها. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. مالان: OK. 27 00:01:37,170 --> 00:01:39,795 در واقع، اجازه دهید بازوی خود را به عنوان قرار داده نزدیک به این کابل که ممکن است 28 00:01:39,795 --> 00:01:41,160 به طوری که ما برای اولین بار می توانید آن را همگام سازی کنید تا. 29 00:01:41,160 --> 00:01:42,740 >> کولتون: اجازه دهید این کار را انجام. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. مالان: و در عین حال، به طوری که که هر کس می تواند یک نگاه نزدیکتر، 31 00:01:46,500 --> 00:01:50,290 ما دوربین اندرو بازی شیر یا خط تا بر روی صفحه نمایش وجود دارد. 32 00:01:50,290 --> 00:01:54,460 بنابراین ما باید یک کابل USB که که به بازوبند ماریا متصل شود. 33 00:01:54,460 --> 00:02:00,230 و اجازه دهید صفحه نمایش کولتون را به هوا پرتاب تا در پروژکتور بعدی. 34 00:02:00,230 --> 00:02:06,000 >> بنابراین کولتون است ثبت نام دستگاه در حال حاضر به عنوان یک میو متصل به این کابل. 35 00:02:06,000 --> 00:02:08,060 و در حال حاضر چه ماریا رفتن به انجام لحظه ای 36 00:02:08,060 --> 00:02:10,120 است که در واقع از طریق راه رفتن مراحل کالیبراسیون 37 00:02:10,120 --> 00:02:12,830 و آموزش نرم افزار چگونه عضلات خود را پاسخ 38 00:02:12,830 --> 00:02:16,070 هنگامی که او را خاص از پیش تعریف شده حرکات که این نرم افزار را درک. 39 00:02:16,070 --> 00:02:17,910 اگر شما می خواهم به در مقابل صفحه نمایش. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK، تلاش کنم. 42 00:02:30,090 --> 00:02:31,860 >> کولتون: برو مثل این. 43 00:02:31,860 --> 00:02:32,970 و مانند آن. 44 00:02:32,970 --> 00:02:34,563 و تمام راه را به سمت راست. 45 00:02:34,563 --> 00:02:35,922 برو عقب. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. مالان: OK. 47 00:02:37,740 --> 00:02:38,960 دیدگاه های مختلف. 48 00:02:38,960 --> 00:02:39,620 این شما نیست. 49 00:02:39,620 --> 00:02:40,350 این به ما است. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. مالان: شماره 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 اجازه دهید آن را به بالاتر پس از آن نزدیک به آرنج خود را، و یا حتی سخت تر. 54 00:02:51,540 --> 00:02:52,680 همه راست. 55 00:02:52,680 --> 00:02:53,270 >> در اینجا ما بروید. 56 00:02:53,270 --> 00:02:56,780 این امر می تواند زمان خوبی برای CS52X. 57 00:02:56,780 --> 00:02:57,670 ما وجود دارد. 58 00:02:57,670 --> 00:02:58,760 >> بسیار زیباست. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 انگشت شست به عهد. 61 00:03:02,790 --> 00:03:03,380 >> بسیار زیباست. 62 00:03:03,380 --> 00:03:05,140 گسترش انگشتان دست خود را. 63 00:03:05,140 --> 00:03:06,240 خوب است. 64 00:03:06,240 --> 00:03:06,910 موج سمت راست. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 این تعجب را نشان شما با hand-- چپ 67 00:03:17,010 --> 00:03:19,665 >> کولتون: آره، که wierd است. 68 00:03:19,665 --> 00:03:21,790 DAVID J. مالان: موج سمت راست و جلو حرکت کند. 69 00:03:21,790 --> 00:03:22,998 سریع به جلو به جست و خیز و یا بعد. 70 00:03:22,998 --> 00:03:25,020 که از سمت راست به موج OK است. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: من don't-- صبر کنید. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. مالان: آیا نیازمند برخی کمک؟ 73 00:03:28,430 --> 00:03:30,027 >> کولتون: پس شما قصد این را میپسندند. 74 00:03:30,027 --> 00:03:31,860 MARIA: این تبدیل دیگر چیزی، هر چند. 75 00:03:31,860 --> 00:03:32,390 کولتون: این است. 76 00:03:32,390 --> 00:03:34,250 DAVID J. مالان: آره من نمی دانم چرا آن را به شما نشان leftie. 77 00:03:34,250 --> 00:03:36,458 کولتون: چرا شما نمی try-- فقط سعی کنید که مثل این. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. مالان: بدون؟ 80 00:03:40,090 --> 00:03:42,580 شاید رسیدن به بازوی شما یک کمی مستقیم 81 00:03:42,580 --> 00:03:46,070 و آن را ناگهانی مثل این. 82 00:03:46,070 --> 00:03:48,176 بله، OK، در آمده است. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: من متاسفم. 84 00:03:49,670 --> 00:03:51,170 DAVID J. مالان: این تقصیر شما نیست. 85 00:03:51,170 --> 00:03:53,018 کولتون: این خوب است. 86 00:03:53,018 --> 00:03:55,430 DAVID J. مالان: خوب. 87 00:03:55,430 --> 00:03:56,220 Well-- 88 00:03:56,220 --> 00:03:57,620 >> MARIA: ما باید این جست و خیز، پس از آن؟ 89 00:03:57,620 --> 00:03:59,620 DAVID J. مالان: بله، اجازه دهید به شما اجازه خاموش قلاب. 90 00:03:59,620 --> 00:04:03,130 بنابراین اگر کسی می خواهم به انجام پروژه نهایی با استفاده از این لبه برش 91 00:04:03,130 --> 00:04:07,707 سخت افزار، تحقق آن ممکن است فقط را کمی مورد استفاده قرار گرفتن به. 92 00:04:07,707 --> 00:04:10,290 و this-- واقعیت این است است که در واقع بسیار خونریزی لبه. 93 00:04:10,290 --> 00:04:12,040 >> این چیزی است که به نام کیت توسعه، که 94 00:04:12,040 --> 00:04:14,956 به معنای اساسا قبل از انتشار به طوری که مردم دقیقا می توانید انجام دهید 95 00:04:14,956 --> 00:04:18,690 this-- با آن مبارزه، شکل چگونه بدن از مردم کار می کنند 96 00:04:18,690 --> 00:04:19,980 با فن آوری است. 97 00:04:19,980 --> 00:04:21,750 بنابراین اگر شما می خواهید پس از آن، بعد از سخنرانی، 98 00:04:21,750 --> 00:04:23,750 ما می توانیم به شما اجازه می آیند و چاقو را دیگر در آن است. 99 00:04:23,750 --> 00:04:26,970 اما در غیر این صورت، دور از تشویق، اگر ما می تواند، برای ماریا برای آینده است. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: با تشکر از شما. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. مالان: با تشکر از شما. 102 00:04:30,390 --> 00:04:34,945 ما به این قطع، اما ما خواهد داد you-- چگونه در مورد یک توپ استرس که اینجا هستید؟ 103 00:04:34,945 --> 00:04:38,620 اوه، آره and-- if--، متشکرم. 104 00:04:38,620 --> 00:04:39,715 همه راست. 105 00:04:39,715 --> 00:04:45,750 بنابراین برای کنجکاو، اگر شما با انتخاب صدای نا آشنا 106 00:04:45,750 --> 00:04:47,670 که ما وجود دارد ساخته شده قبل از آن، تلویزیون های شگفت انگیز 107 00:04:47,670 --> 00:04:50,210 نشان می دهد که شما باید کاملا شراب خواری شود، تماشای در Netflix بکشد 108 00:04:50,210 --> 00:04:51,110 این یکی در اینجا است. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: خانم ها و آقایان، شعبده باز به نام جاش. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. مالان: و ظاهرا، آن را چیزی که برای من متن در سخنان کن. 112 00:05:08,050 --> 00:05:11,190 به من می گفت که ماریا دیروز بود تولد. 113 00:05:11,190 --> 00:05:14,095 تولد خیلی خوشحال از CS50 به ماریا نیز هست. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> بنابراین شما ممکن است در ماه های اخیر به عنوان خوانده شده که این آقایان در اینجا، استیو 116 00:05:22,090 --> 00:05:25,260 بالمر که در واقع کلاس در سال 1977 در دانشگاه، 117 00:05:25,260 --> 00:05:27,170 اخیرا مایکروسافت بازنشسته شد. 118 00:05:27,170 --> 00:05:29,620 او در مقطع کارشناسی در اینجا بود، پس از آن دو سال بعد 119 00:05:29,620 --> 00:05:31,910 خود را در بر داشت دانشکده کسب و کار دانشگاه استنفورد 120 00:05:31,910 --> 00:05:34,160 زمانی که تلفن را دریافت کرد تماس بگیرید از یکی از دوستان که خود را 121 00:05:34,160 --> 00:05:36,516 سالن پایین زندگی می کردند از او در اینجا در دانشگاه هاروارد. 122 00:05:36,516 --> 00:05:38,640 نام آن دوست بیل بود گیتس، و در آن زمان، 123 00:05:38,640 --> 00:05:42,700 او در تلاش بود به استخدام استیو به فرد کسب و کار برای اولین بار، واقعا، 124 00:05:42,700 --> 00:05:45,720 در یک شرکت کوچک به نام مایکروسافت. 125 00:05:45,720 --> 00:05:48,960 >> کوتاه داستان بلند، استیو در نهایت بیش از برنده شده بود، 126 00:05:48,960 --> 00:05:52,130 زمانی که آنها مایکروسافت پیوست فقط 30 کارمند داشت. 127 00:05:52,130 --> 00:05:54,300 و در آن زمان او بازنشسته کاملا به تازگی، 128 00:05:54,300 --> 00:05:58,100 شرکت به حال 100،000 کارکنان در طول چند سال گذشته. 129 00:05:58,100 --> 00:06:01,171 و به این ترتیب از یک وب سایت شناخته شده به عنوان در آستانه آماده این ادای احترام در ویدئو 130 00:06:01,171 --> 00:06:02,920 که ما فکر کردم ما به اشتراک گذاشته که به شما می دهد 131 00:06:02,920 --> 00:06:08,380 حس که چقدر انرژی استیو به ارمغان می آورد به هر ارائه می دهد او. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEO PLAYBACK] 134 00:06:12,550 --> 00:06:16,220 -Microsoft مانند یک فرزند چهارم است. 135 00:06:16,220 --> 00:06:18,260 کودکان ترک خانه. 136 00:06:18,260 --> 00:06:21,875 در این مورد، من حدس می زنم من دارم می روم خانه. 137 00:06:21,875 --> 00:06:23,270 هی بیل، whazzap؟ 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap؟ 139 00:06:24,200 --> 00:06:25,320 >> -Hey، wazzap؟ 140 00:06:25,320 --> 00:06:28,590 ما داده شده است فرصت بسیار زیاد است. 141 00:06:28,590 --> 00:06:30,210 و بیل به ما این فرصت است. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 من می خواهم برای تشکر از بیل برای آن. 144 00:06:36,770 --> 00:06:39,630 من می خواهم شما را به بیش از حد. 145 00:06:39,630 --> 00:06:42,500 سرعت نوآوری رفتن به کند. 146 00:06:42,500 --> 00:06:45,140 >> این رفتن به سریع تر و سریعتر. 147 00:06:45,140 --> 00:06:50,165 ممکن است چند رقبا وجود دارد که متاسفانه حذف! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> من عاشق این شرکت می باشد. 150 00:06:59,564 --> 00:07:00,064 بله! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 من یک PC هستم و دوست دارم این شرکت! 153 00:07:08,250 --> 00:07:13,090 >> توسعه دهندگان، توسعه دهندگان، توسعه دهندگان، توسعه دهندگان، توسعه دهندگان، توسعه دهندگان، 154 00:07:13,090 --> 00:07:14,560 توسعه دهندگان، توسعه دهندگان. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 بله! 157 00:07:18,970 --> 00:07:19,950 توسعه دهندگان وب! 158 00:07:19,950 --> 00:07:21,420 >> توسعه دهندگان وب! 159 00:07:21,420 --> 00:07:22,890 توسعه دهندگان وب! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 گوش دادن به چه چیز دیگری شما دریافت بدون پرداخت هزینه اضافی! 162 00:07:28,770 --> 00:07:31,960 >> اجرایی MS-DOS، یک وقت ملاقات تقویم، شمع کارت، یک پد توجه داشته باشید، 163 00:07:31,960 --> 00:07:33,750 یک ساعت، یک کنترل پنل. 164 00:07:33,750 --> 00:07:35,461 و، می تواند به شما آن را باور؟ 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> رایت آنها را به CD! 167 00:07:37,270 --> 00:07:38,660 ارسال ارسال شده در آنها به MSN! 168 00:07:38,660 --> 00:07:40,422 شما آنها را ایمیل به دوستان! 169 00:07:40,422 --> 00:07:41,790 >> همه با یک کلیک! 170 00:07:41,790 --> 00:07:48,670 یکی مایکروسافت، یک استراتژی، یک team-- متمرکز، منظم، حرفه ای، 171 00:07:48,670 --> 00:07:50,610 و متخصص در همه آن چه ما انجام دهد. 172 00:07:50,610 --> 00:07:52,670 به من اجازه استفاده از یک خط از فیلم های قدیمی. 173 00:07:52,670 --> 00:07:54,810 >> روابط مانند کوسه ها هستند. 174 00:07:54,810 --> 00:07:57,480 آنها حرکت رو به جلو و یا آنها می میرند. 175 00:07:57,480 --> 00:08:01,470 من در واقع فکر می کنم تکنولوژی شرکت یکسان است. 176 00:08:01,470 --> 00:08:04,801 >> [END پخش ویدئو] 177 00:08:04,801 --> 00:08:08,050 DAVID J. مالان: بنابراین ما تا به خوشحال اعلام کند که استیو خواهد شد به ما ملحق 178 00:08:08,050 --> 00:08:13,320 در اینجا در CS50 چهارشنبه آینده در محل معمول زمان در اینجا. 179 00:08:13,320 --> 00:08:14,750 فضای احتمال محدود خواهد شد. 180 00:08:14,750 --> 00:08:19,650 و بنابراین، به ما بپیوندید در فرد، لطفا امروز سر و یا مدت کوتاهی پس از آن 181 00:08:19,650 --> 00:08:22,600 به cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> و ما به دنبال خواهد داشت تا سه تایید نقاط. 183 00:08:25,780 --> 00:08:29,900 نگاه به جلو به آینده روز چهارشنبه در سخنرانی در CS50. 184 00:08:29,900 --> 00:08:33,706 در حال حاضر، در خبری دیگر، من به اتفاق افتاد آمده در سراسر این در زرشکی فقط 185 00:08:33,706 --> 00:08:34,289 روز دیگر. 186 00:08:34,289 --> 00:08:37,370 >> به نظر می رسد که یکی از کارکنان CS50 است و حداقل یکی از دانش آموزان را CS50 187 00:08:37,370 --> 00:08:40,299 در حال حاضر در حال اجرا برای UC رئيس جمهور و معاون رئيس جمهور، 188 00:08:40,299 --> 00:08:42,950 که من به ارمغان آورد به روز خود من به عقب 189 00:08:42,950 --> 00:08:45,920 وقتی که من از انتخابات UC طرز ناراحت از دست داد. 190 00:08:45,920 --> 00:08:48,210 اما پوشش نقره ای در که من همیشه 191 00:08:48,210 --> 00:08:50,604 تعریف این داستان این است که یکی از من مطمئن هستم 192 00:08:50,604 --> 00:08:52,770 دلایل بسیاری من از دست رفته انتخابات از فقدان کامل بود 193 00:08:52,770 --> 00:08:54,103 از استعداد زیادی برای صحبت های عمومی. 194 00:08:54,103 --> 00:08:56,950 و به این ترتیب کاملا صادقانه آن، من رمه را، که تجربه 195 00:08:56,950 --> 00:09:02,235 من فکر می کنم سال سوم من، در واقع به سیستم وارد شوید برای انجمن کامپیوتر دانشگاه هاروارد، که 196 00:09:02,235 --> 00:09:04,610 گروه در محوطه دانشگاه این است که دارای مذاکرات مختلف فنی 197 00:09:04,610 --> 00:09:05,318 و چیزهای دیگر. 198 00:09:05,318 --> 00:09:08,117 و من در زمان بیش از تدریس خود سمینارها و در نتیجه 199 00:09:08,117 --> 00:09:09,950 فرصت داشتند، فرصت فوق العاده، 200 00:09:09,950 --> 00:09:12,620 برای شروع کار بر روی این دقیقا. 201 00:09:12,620 --> 00:09:15,000 اما همچنین، من یک فرصت بود در طول این تجربه 202 00:09:15,000 --> 00:09:16,930 به خودم HTML تر آموزش دهد. 203 00:09:16,930 --> 00:09:21,080 و من شب گذشته توسط procrastinated به دنبال از طریق وب سایت بر اساس HTML 204 00:09:21,080 --> 00:09:28,066 من در مانند 1997 ساخته شده، '98، برای من کمپین که به نظر می رسد مثل این اینجا. 205 00:09:28,066 --> 00:09:29,920 من می دانم. 206 00:09:29,920 --> 00:09:33,340 >> Because-- و البته، توجه این تصمیم شگفت انگیز طراحی شده در سال 1998 207 00:09:33,340 --> 00:09:33,850 و یا فلان چیز. 208 00:09:33,850 --> 00:09:36,475 اولین چیزی که شما می خواهید کاربران بر بازدید از وب سایت خود را انجام دهید 209 00:09:36,475 --> 00:09:39,860 این است که به کلیک بر روی لینک دیگر فقط به وب سایت خود را وارد کنید با راهب 210 00:09:39,860 --> 00:09:43,940 پشت پرده مانند یک کفن که در آن ظاهرا پلت فرم مبارزه من بود. 211 00:09:43,940 --> 00:09:46,330 و این همه شما دریافت است امروز فقط یک تصویر است. 212 00:09:46,330 --> 00:09:49,500 اما من خواندن از طریق، مانند، پوسترهای تبلیغاتی من شب گذشته 213 00:09:49,500 --> 00:09:50,490 و پلت فرم من. 214 00:09:50,490 --> 00:09:52,960 >> و من در آن زمان عصبانی بود. 215 00:09:52,960 --> 00:09:55,380 پلت فرم من was-- جالب بود. 216 00:09:55,380 --> 00:09:57,730 بنابراین من را از آن به بعد آرام ام. 217 00:09:57,730 --> 00:10:03,550 اما روزی، من دوباره اجرا خواهد شد و امیدوارم بهتر از این زمان. 218 00:10:03,550 --> 00:10:07,265 >> بنابراین HTML، آن زبان است که در آن من ساخته شده که in-- شما به زودی خواهید more-- زیادی را 219 00:10:07,265 --> 00:10:09,140 چیزی ما شده ایم است صحبت کردن در مورد از اواخر سال 220 00:10:09,140 --> 00:10:12,460 و تا حد زیادی به مصرف در حال حاضر داده که ما به زبان های دیگر نقل مکان کرد. 221 00:10:12,460 --> 00:10:15,650 اما اجازه دهید برای فقط یک لحظه مکث و قرار دادن برخی از این چیزها در چهار چوب. 222 00:10:15,650 --> 00:10:18,040 بنابراین در یک جمله، چه HTML است؟ 223 00:10:18,040 --> 00:10:19,370 >> یا، آنچه که برای استفاده می شود؟ 224 00:10:19,370 --> 00:10:20,208 هر کسی؟ 225 00:10:20,208 --> 00:10:20,708 بله. 226 00:10:20,708 --> 00:10:22,002 >> رسید نشانه گذاری برای وب سایت. 227 00:10:22,002 --> 00:10:23,460 DAVID J. مالان: نشانه گذاری برای وب سایت. 228 00:10:23,460 --> 00:10:27,100 پس از آن یک زبان نشانه گذاری است که شما اجازه می دهد ساختار یک صفحه وب. 229 00:10:27,100 --> 00:10:30,040 هدر در اینجا می رود، عنوان در اینجا می رود، بدن اینجا می رود. 230 00:10:30,040 --> 00:10:33,280 این حروف برجسته است، این است که italics-- که مرتب سازی بر جزئیات. 231 00:10:33,280 --> 00:10:33,830 >> OK، خوب است. 232 00:10:33,830 --> 00:10:37,620 بنابراین CSS you-- و من اجازه می دهد که برخی از آزادی در زمان وجود دارد 233 00:10:37,620 --> 00:10:40,990 با حروف درشت، کج (ایتالیک) روبرو و به دلیل که بهتر است با این اجرا. 234 00:10:40,990 --> 00:10:42,096 CSS is-- چه؟ 235 00:10:42,096 --> 00:10:42,845 در یک جمله می گویند. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 هر کس در همه. 238 00:10:46,720 --> 00:10:46,870 آره. 239 00:10:46,870 --> 00:10:49,286 >> رسید و Embellishments مسائل، مانند چگونه آن را طراحی کنند. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. مالان: OK، خوب است. 242 00:10:52,810 --> 00:10:55,420 Embellishments که به شما اجازه برای طراحی و یا سبک خاصی دراوردن آن 243 00:10:55,420 --> 00:10:59,540 با چیزهایی مانند حروف برجسته و کج و رنگ و زیبا نیز بیش 244 00:10:59,540 --> 00:11:01,330 موقعیت دانه از عناصر. 245 00:11:01,330 --> 00:11:04,520 این نوع اجازه می دهد تا شما را همه چیز مایل آخرین به طوری که اگر، به عنوان مثال، 246 00:11:04,520 --> 00:11:08,130 در Pset7، شما ممکن است در خود متوجه صفحه نمونه کارها اگر شما در این مرحله هستید 247 00:11:08,130 --> 00:11:12,270 در حال حاضر که یک جدول به طور پیش فرض است که شما برای نشان دادن دارایی های سهام کاربر 248 00:11:12,270 --> 00:11:15,740 و به نظر می رسد نقدی احتمالا خیلی زشت به طور پیش فرض با فضای سفید. 249 00:11:15,740 --> 00:11:18,420 نوع همه چیز از کهنه با هم در سطر و ستون. 250 00:11:18,420 --> 00:11:20,662 >> خب، با کمی CSS، همانطور که شما ممکن است متوجه، 251 00:11:20,662 --> 00:11:23,870 شما در واقع می تواند نیشگون گرفتن و کشیدن که آن را چیزی بسیار بیشتر آشنا و خیلی 252 00:11:23,870 --> 00:11:24,870 زیباتر نگاه کنید. 253 00:11:24,870 --> 00:11:27,730 بنابراین CSS است در مورد مد سازی از وب سایت. 254 00:11:27,730 --> 00:11:31,970 اما پس از آن ما معرفی یکی دیگر از زبان، PHP، که اجازه می دهد به ما چه؟ 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> بیایید فقط چه؟ 257 00:11:37,590 --> 00:11:38,177 هر کسی. 258 00:11:38,177 --> 00:11:40,010 رو به سرمایه گذاری فراتر از زن و شوهر اول ردیف. 259 00:11:40,010 --> 00:11:40,260 آره. 260 00:11:40,260 --> 00:11:41,719 >> رسید تولید محتوای پویا. 261 00:11:41,719 --> 00:11:42,718 DAVID J. مالان: کامل. 262 00:11:42,718 --> 00:11:43,850 تولید محتوای پویا. 263 00:11:43,850 --> 00:11:45,808 و شما می توانید این کار را انجام در هر تعداد از زبان. 264 00:11:45,808 --> 00:11:50,120 ما اتفاق می افتد به استفاده از PHP به دلیل آن است در بخش خیلی شبیه به نحو C. 265 00:11:50,120 --> 00:11:52,000 >> اما PHP می کند که دقیقا. 266 00:11:52,000 --> 00:11:54,620 این اجازه می دهد تا به صورت پویا تولید خروجی. 267 00:11:54,620 --> 00:11:57,890 و برخی از آن خروجی می تواند HTML، به عنوان ما به طور معمول انجام شده است. 268 00:11:57,890 --> 00:12:00,160 و آن را نیز، به دلیل آن است یک زبان برنامه نویسی است، 269 00:12:00,160 --> 00:12:03,240 مکانیسم از طریق آن ما می توانیم به پایگاه های داده صحبت کنید. 270 00:12:03,240 --> 00:12:05,730 >> و ما می توانیم به نمایش داده شد سرور های دیگر مانند Yahoos 271 00:12:05,730 --> 00:12:08,660 برنامه نویسی و انجام هر کاری واقعا که شما ممکن است در غیر این صورت 272 00:12:08,660 --> 00:12:10,400 می خواهم به یک کامپیوتر را مجبور به انجام. 273 00:12:10,400 --> 00:12:13,580 بنابراین PHP اجازه می دهد که ما شروع به صورت پویا خروجی محتوا. 274 00:12:13,580 --> 00:12:16,900 بنابراین با این منطق، من ندارد وب سایت پویا در سال 1998. 275 00:12:16,900 --> 00:12:18,460 >> این فقط یک صفحه وب ایستا بود. 276 00:12:18,460 --> 00:12:22,250 مطالب من تا به حال به توان تغییر توسط دستی با جیادیت و یا برخی از معادل آن. 277 00:12:22,250 --> 00:12:25,290 اما PHP چیزی است که ما استفاده می شود و یا می تواند مورد استفاده قرار داده اند، و نه، 278 00:12:25,290 --> 00:12:27,260 برای چیزی شبیه به وب سایت جدید الورود IMS، که 279 00:12:27,260 --> 00:12:31,160 قرار بود به ثبت نام و مدیریت یک لیست از چیزهایی که users-- 280 00:12:31,160 --> 00:12:33,550 در واقع در حال تغییر بیش از زمان، حتی اگر ما اتفاق می افتد 281 00:12:33,550 --> 00:12:35,990 برای استفاده از پرل، مختلف زبان در آن زمان. 282 00:12:35,990 --> 00:12:40,350 >> و سپس در نهایت، ما معرفی SQL-- زبان ساختارمند جستجو. 283 00:12:40,350 --> 00:12:43,845 بنابراین هنوز یک زبان دیگر که برای چه استفاده می شود؟ 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 مورد استفاده برای چه؟ 286 00:12:47,639 --> 00:12:49,430 آیا ما می توانیم سرمایه گذاری slight-- OK، ما قصد داریم 287 00:12:49,430 --> 00:12:51,263 برای به دست آوردن بسیار دورتر از ارکستر در اینجا. 288 00:12:51,263 --> 00:12:53,432 رسید این پروتکل است استفاده می شود به صحبت به پایگاه داده. 289 00:12:53,432 --> 00:12:55,640 DAVID J. مالان: پروتکل استفاده می شود به صحبت به پایگاه داده. 290 00:12:55,640 --> 00:12:56,181 اجازه بدهید من نیشگون گرفتن و کشیدن. 291 00:12:56,181 --> 00:12:59,280 این یک زبان طبیعی استفاده می شود به صحبت databases-- انتخاب 292 00:12:59,280 --> 00:13:01,280 و درج و حذف و به روز رسانی و در واقع 293 00:13:01,280 --> 00:13:03,840 حتی ویژگی های بیشتری است که ما حتی نمی شیرجه 294 00:13:03,840 --> 00:13:07,920 به، اما شما ممکن است بخواهید به explore-- دارند برای کشف، برای یک پروژه نهایی است. 295 00:13:07,920 --> 00:13:09,560 بنابراین این تکه های مختلف وجود دارد. 296 00:13:09,560 --> 00:13:13,100 >> و امیدوارم Pset7، حتی اگر خصوصیات آن است بسیار طولانی، 297 00:13:13,100 --> 00:13:15,990 آن را به عمد طولانی به شما راه رفتن از طریق این چیزها چگونه همه می توانند 298 00:13:15,990 --> 00:13:17,210 با هم تایپ. 299 00:13:17,210 --> 00:13:20,300 در حال حاضر، در روز دوشنبه، ما معرفی آخرین زبان ما 300 00:13:20,300 --> 00:13:23,430 که ما به طور رسمی را در معرفی course-- است که جاوا اسکریپت. 301 00:13:23,430 --> 00:13:25,720 این، مانند PHP، است زبان تفسیر شده است. 302 00:13:25,720 --> 00:13:28,110 >> اما یک تفاوت اصلی من در روز دوشنبه پیشنهاد 303 00:13:28,110 --> 00:13:32,730 این است که در حالی که PHP در حال اجرا یا در سرور، تفسیر آن 304 00:13:32,730 --> 00:13:35,990 در این مورد دستگاه CS50 است، و یا ممکن است برخی از وب تجاری 305 00:13:35,990 --> 00:13:39,370 سرور در اینترنت، به طور کلی جاوا اسکریپت 306 00:13:39,370 --> 00:13:43,650 زبان اجرا می شود که در سمت سرویس گیرنده است نه سرور side-- بنابراین در مرورگر. 307 00:13:43,650 --> 00:13:46,970 که است که می گویند، درست مثل وقتی که من باز تا کد منبع فیس بوک و تمام یافت 308 00:13:46,970 --> 00:13:51,510 از کسانی که فایل های .js، مفهوم بود که در هنگام مراجعه به فیس بوک و یا بیشتر 309 00:13:51,510 --> 00:13:54,810 وب سایت های این روزها، شما نه تنها HTML، CSS، نه تنها، 310 00:13:54,810 --> 00:13:59,370 اما یک دسته کامل از جاوا اسکریپت کد اغلب در قالب فایل های .js. 311 00:13:59,370 --> 00:14:03,970 و سپس آن را به مرورگر خود مک و یا PC-- که کد اجرا می کند. 312 00:14:03,970 --> 00:14:05,990 >> اما مرورگر شما آن را اجرا می کند. 313 00:14:05,990 --> 00:14:08,070 شما می توانید در نوع گودال ماسهبازی فکر می کنم. 314 00:14:08,070 --> 00:14:12,420 به طوری که کد جاوا اسکریپت نباید قادر به حذف فایل ها بر روی کامپیوتر شما. 315 00:14:12,420 --> 00:14:14,730 این نباید قادر به ارسال ایمیل از طرف شما. 316 00:14:14,730 --> 00:14:17,760 نوع مرورگر شما از محدود آنچه شما می توانید با آن انجام دهد. 317 00:14:17,760 --> 00:14:20,630 >> بنابراین در این معنا، آن را کمی قدرتمند، شاید، از C. 318 00:14:20,630 --> 00:14:24,030 اما جاوا اسکریپت می تواند، به عنوان یک به کنار، بر روی سرور استفاده می شود، 319 00:14:24,030 --> 00:14:27,740 هر چند ما تمایل به صحبت نمی در مورد آن در این زمینه. 320 00:14:27,740 --> 00:14:29,740 بنابراین در حال حاضر اجازه دهید این هم گره. 321 00:14:29,740 --> 00:14:34,000 یک هفته پیش به علاوه، ما برخی از HTML ارائه در left-- صفحه وب فوق العاده خسته کننده است. 322 00:14:34,000 --> 00:14:35,000 >> فقط می گوید: سلام جهان. 323 00:14:35,000 --> 00:14:38,110 و پس از آن من در پیشنهاد سمت راست ما نوع می تواند سرقت ایده 324 00:14:38,110 --> 00:14:41,470 از بحث ما ساختمان داده در C 325 00:14:41,470 --> 00:14:45,270 و فکر می کنم در مورد چگونگی این سلسله مراتبی زبان نشانه گذاری در سمت چپ 326 00:14:45,270 --> 00:14:49,720 می تواند کشیده شده یا اجرا شده در حافظه به عنوان یک ساختار درختی واقعی با گره 327 00:14:49,720 --> 00:14:51,400 و اشاره گر و کسانی که انواع قطعات. 328 00:14:51,400 --> 00:14:53,820 در سمت راست، ما تماس بگیرید که یک سند DOM-- 329 00:14:53,820 --> 00:14:56,800 اعتراض Model-- است که فقط راه فانتزی گفتن درخت. 330 00:14:56,800 --> 00:14:59,520 >> در حال حاضر، چرا این مفید است از آن فکر می کنم در این راه؟ 331 00:14:59,520 --> 00:15:01,680 از آنجا که در حال حاضر با جاوا اسکریپت، چون ما 332 00:15:01,680 --> 00:15:05,810 کد می شود که برای بازی در این محیط زیست، HTML واقعی که 333 00:15:05,810 --> 00:15:08,360 به مرورگر فرستاده می شود در حال حاضر و در حال حاضر 334 00:15:08,360 --> 00:15:12,690 توسط در حافظه بارگذاری مرورگر به یک درخت در خود کامپیوتر 335 00:15:12,690 --> 00:15:18,270 RAM مثل این، ما می توانیم با استفاده از جاوا اسکریپت در واقع گذشتن و یا راه رفتن و یا جست و جو 336 00:15:18,270 --> 00:15:21,800 یا تغییر آن درخت DOM با این حال ما می خواهیم. 337 00:15:21,800 --> 00:15:24,040 پس در واقع، اگر شما فکر می کنم درباره facebook.com، 338 00:15:24,040 --> 00:15:27,660 اگر شما استفاده از قابلیت چت، اگر شما استفاده از جیمیل و ویژگی gchat، 339 00:15:27,660 --> 00:15:30,540 هر چیزی که در آن شما باید پیام های دوباره و دوباره آمدن 340 00:15:30,540 --> 00:15:35,880 و دوباره، آن پیامها احتمالا، مانند، برچسب LI، برچسب ها فهرست مورد، شاید. 341 00:15:35,880 --> 00:15:37,940 >> یا شاید آنها فقط هستید divs که حفظ ظاهر 342 00:15:37,940 --> 00:15:39,770 هر بار پیغام از طریق مسنجر می کنید. 343 00:15:39,770 --> 00:15:42,960 و به طوری که فقط بدان معناست چه فیس بوک یا گوگل در حال انجام 344 00:15:42,960 --> 00:15:45,200 است هر زمان شما پیام از سرور، 345 00:15:45,200 --> 00:15:48,740 آنها احتمالا با استفاده از جاوا اسکریپت فقط به گره دیگر را اضافه کنید 346 00:15:48,740 --> 00:15:52,700 این tree-- گره دیگر به این درخت که پس از آن به نظر می رسد فقط بصری 347 00:15:52,700 --> 00:15:54,570 مانند یک خط جدید از متن بر روی صفحه نمایش خود را. 348 00:15:54,570 --> 00:15:57,100 اما آنها با قرار دادن در این ساختار داده ها. 349 00:15:57,100 --> 00:15:59,742 >> بنابراین در کلاس مانند CS124 و دیگران، نظر شما 350 00:15:59,742 --> 00:16:02,200 در واقع کد بیشتر در برابر ارسال ساختمان داده مثل این. 351 00:16:02,200 --> 00:16:04,310 اما در حال حاضر در جاوا اسکریپت، ما فقط فرض 352 00:16:04,310 --> 00:16:07,920 همه ما از این قابلیت دریافت به صورت رایگان از زبان خود. 353 00:16:07,920 --> 00:16:09,210 بنابراین اجازه دهید به عنوان مثال نگاه کنید. 354 00:16:09,210 --> 00:16:13,120 >> به من اجازه باز کردن یک فایل با نام form.html. 355 00:16:13,120 --> 00:16:14,601 این فوق العاده ساده است. 356 00:16:14,601 --> 00:16:15,600 درست مثل این به نظر می رسد. 357 00:16:15,600 --> 00:16:17,860 >> بدون CSS، بدون فکر به زیبایی شناسی. 358 00:16:17,860 --> 00:16:19,810 این تابعی و ظاهرا من 359 00:16:19,810 --> 00:16:24,000 درخواست یک ایمیل برای، رمز عبور، رمز عبور را دوباره، و سپس چک 360 00:16:24,000 --> 00:16:26,150 به توافق برسند به برخی شرایط و ضوابط. 361 00:16:26,150 --> 00:16:28,740 چه کد منبع را برای این به نظر می رسد چیزی است که احتمالا 362 00:16:28,740 --> 00:16:31,030 شما ممکن است با حدس می زنم کمی فکر کن. 363 00:16:31,030 --> 00:16:32,840 من یک تگ فرم کردم اینجا. 364 00:16:32,840 --> 00:16:36,190 >> اقدام ظاهرا به رفتن رفتن به یک فایل با نام register.php. 365 00:16:36,190 --> 00:16:37,870 روش من قصد دارم به استفاده کنید. 366 00:16:37,870 --> 00:16:40,880 و بعد من یک متن دارم درست است که نام ایمیل است. 367 00:16:40,880 --> 00:16:43,340 >> من رمز عبور درست کردم که نام رمز عبور است. 368 00:16:43,340 --> 00:16:45,420 من دیگر دارم درست است که نام کاربری رمز عبور 369 00:16:45,420 --> 00:16:47,342 تایید تا حدودی خودسرانه است. 370 00:16:47,342 --> 00:16:49,690 این فقط یک پارامتر HTTP است. 371 00:16:49,690 --> 00:16:54,430 >> و پس از آن ما به جز این که ما استفاده کرده ایم نه از انجمن ریاضی دانشجوی سال اول دانشکده در class-- نسخه ی نمایشی 372 00:16:54,430 --> 00:16:56,692 جعبه چک است که نوع فقط برابر چک. 373 00:16:56,692 --> 00:16:57,900 و من که مورد تماس بگیرید. 374 00:16:57,900 --> 00:17:00,700 بنابراین من به نوعی خودسرانه اما به راحتی نام این زمینه. 375 00:17:00,700 --> 00:17:03,450 به طوری که در حال حاضر زمانی که این فرم می شود را مشاهده کنید، اجازه دهید ببینیم که چه چیزی اتفاق می افتد. 376 00:17:03,450 --> 00:17:07,290 اگر من malan@harvard.edu انجام دهید، من رمز عبور قرمز را خواهم کرد. 377 00:17:07,290 --> 00:17:09,530 من رمز عبور هیچ چیز را خواهم کرد. 378 00:17:09,530 --> 00:17:10,910 بیایید همکاری نمی کنند. 379 00:17:10,910 --> 00:17:12,280 >> و من جعبه بررسی کنید. 380 00:17:12,280 --> 00:17:13,940 به من اجازه ثبت نام را کلیک کنید. 381 00:17:13,940 --> 00:17:15,420 و آن را می گوید، HM، شما ثبت می شود. 382 00:17:15,420 --> 00:17:16,069 نه واقعا. 383 00:17:16,069 --> 00:17:17,450 >> اما URL تغییر کرده است. 384 00:17:17,450 --> 00:17:22,280 بنابراین این فرم به وضوح اجازه داده شد برای ارسال به register.php. 385 00:17:22,280 --> 00:17:25,160 اما احتمالا، من باید ابتلا به برخی از این اشتباهات. 386 00:17:25,160 --> 00:17:27,569 در حال حاضر، در Pset7 و برخی از از نمونه های سخنرانی ما، 387 00:17:27,569 --> 00:17:30,130 ما به طور کلی می چاپ کنید یک پیام خطا قرمز بزرگ در اینجا 388 00:17:30,130 --> 00:17:33,760 گفت: از دست رفته نام، رمز عبور و یا گم شده. 389 00:17:33,760 --> 00:17:37,680 ما انجام داده ایم که قبل و ما سمت سرور تشخیص خطا انجام می شود. 390 00:17:37,680 --> 00:17:41,580 >> اما بسیاری از وب سایت های این روزها انجام مشتری تشخیص خطا جانبی 391 00:17:41,580 --> 00:17:42,810 که در آن URL تغییر نمی کند. 392 00:17:42,810 --> 00:17:44,101 تمام صفحه می کند تازه نیست. 393 00:17:44,101 --> 00:17:46,940 شما دریافت می کنید بازخورد فوری از مرورگر. 394 00:17:46,940 --> 00:17:48,070 شاید چیزی می رود قرمز. 395 00:17:48,070 --> 00:17:49,190 >> شاید شما تا موسیقی پاپ را دریافت کنید. 396 00:17:49,190 --> 00:17:53,240 اما شما بدون اتلاف وقت به ارسال به اطلاعات سرور که ناقص است. 397 00:17:53,240 --> 00:17:56,050 بنابراین اجازه دهید ببینیم که چگونه ما ممکن است رسیدن به این ویژگی و همچنین. 398 00:17:56,050 --> 00:17:59,660 >> به من اجازه رفتن به form1.html، که به نظر می رسد همان. 399 00:17:59,660 --> 00:18:03,530 اما اگر این بار من انجام malan@harvard.edu و من تایپ قرمز 400 00:18:03,530 --> 00:18:07,350 و من همکاری نمی بیشتر اما ثبت نام کلیک کنید، در حال حاضر اطلاع می دهد. 401 00:18:07,350 --> 00:18:08,940 این سکسی راه حل نیست. 402 00:18:08,940 --> 00:18:10,900 من حداقل گرفتار این خطا. 403 00:18:10,900 --> 00:18:12,900 و من هشدار استفاده می شود تابع در JavaScript-- 404 00:18:12,900 --> 00:18:14,090 که ما فقط در کلاس با استفاده از. 405 00:18:14,090 --> 00:18:16,430 به طور کلی، شما باید از این استفاده نمی چرا که آن را بسیار به سرعت می تواند از دریافت 406 00:18:16,430 --> 00:18:17,160 کنترل. 407 00:18:17,160 --> 00:18:19,180 اما کلمات عبور با هم مطابقت ندارند خطا است. 408 00:18:19,180 --> 00:18:21,120 >> اجازه بدهید من به جلو و OK را کلیک کنید. 409 00:18:21,120 --> 00:18:25,040 اما چه غذای آماده کلیدی در اینجا این است که URL را تغییر دهید. 410 00:18:25,040 --> 00:18:27,960 هدر رفتن پس من ناراحت نمی اید زمان سرور درخواست را 411 00:18:27,960 --> 00:18:30,750 یک سوال که من می توانستم نمیفهمد پاسخ به خودم. 412 00:18:30,750 --> 00:18:33,210 >> و کاربر، حتی اگر در مورد این صحبت کردن در 413 00:18:33,210 --> 00:18:35,264 طولانی تر از کاربر رفتن به در مورد این فکر می کنم، 414 00:18:35,264 --> 00:18:36,680 در حال رفتن به بازخورد فوری. 415 00:18:36,680 --> 00:18:39,044 هیچ پوشیدگی با وجود اتصال به شبکه می باشد. 416 00:18:39,044 --> 00:18:40,460 بنابراین اجازه دهید در این کد منبع است. 417 00:18:40,460 --> 00:18:45,600 >> به نظر می رسد Form1.html ساختاری شبیه اینجا. 418 00:18:45,600 --> 00:18:46,810 فرم در واقع همان. 419 00:18:46,810 --> 00:18:48,330 اما اجازه دهید ببینیم که چه چیزی من اینجا هستید پایین. 420 00:18:48,330 --> 00:18:49,913 و به روش های مختلف برای انجام این کار وجود دارد. 421 00:18:49,913 --> 00:18:53,690 و من مستقیم ترین انجام داده ام پیرو اما ظریف ترین راه است. 422 00:18:53,690 --> 00:18:54,869 من یک تگ اسکریپت. 423 00:18:54,869 --> 00:18:57,035 من پس از آن تماس بگیرید document.getElementByID ('ثبت نام'). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 و من که ارزش ذخیره در فرم، یک متغیر. 426 00:19:04,420 --> 00:19:05,520 >> بنابراین آنچه را که من انجام می شود؟ 427 00:19:05,520 --> 00:19:08,960 شما می توانید از فکر می کنم document.getElementByID عنوان 428 00:19:08,960 --> 00:19:11,200 یک تابع خاص است که جاوا اسکریپت به شما می دهد 429 00:19:11,200 --> 00:19:14,400 که به معنای واقعی کلمه دست شما اشاره گر به یکی از گره های 430 00:19:14,400 --> 00:19:16,520 یا مستطیل در این درخت. 431 00:19:16,520 --> 00:19:21,470 بنابراین در حال حاضر که آنچه متغیر فرم ما در جاوا اسکریپت است که در واقع در اشاره. 432 00:19:21,470 --> 00:19:25,120 >> بنابراین در حال حاضر نحو متفاوت است C. اما ما در حال انجام چند چیز در اینجا. 433 00:19:25,120 --> 00:19:30,360 یکی، این یکی کمی عجیب و غریب به دنبال، مطمئنا در مقابل C. 434 00:19:30,360 --> 00:19:32,180 اما در خط 35 است. 435 00:19:32,180 --> 00:19:35,130 بنابراین در سمت چپ form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 به یاد بیاورید که onsubmit است مانند یک زمین در ساختار. 437 00:19:38,060 --> 00:19:41,480 اگر شما از متغیر به صورت فکر می کنم تازه یک ساختار C، 438 00:19:41,480 --> 00:19:42,600 ممکن است برخی از رشته ها داشته باشد. 439 00:19:42,600 --> 00:19:46,410 >> بازگشت در روز، ما نام دانش آموزان به حال، شناسه، خانه ها، آن نوع از زمینه. 440 00:19:46,410 --> 00:19:48,520 فقط از onsubmit به عنوان یکی دیگر از زمینه فکر می کنم. 441 00:19:48,520 --> 00:19:53,380 اما این یک زمینه خاص به این دلیل که این مرورگر پیش برنامه ریزی شده برای انتظار 442 00:19:53,380 --> 00:19:57,530 .onsubmit به یک مقدار مانند یک عدد یا رشته 443 00:19:57,530 --> 00:20:01,180 اما در واقع یک تابع است و یا آدرس یک تابع 444 00:20:01,180 --> 00:20:02,570 در حافظه کامپیوتر است. 445 00:20:02,570 --> 00:20:04,740 >> و در واقع، این چیزی است که این کلمه کلیدی در اینجا می کند. 446 00:20:04,740 --> 00:20:06,710 این می گوید، من یک تابع جدید را. 447 00:20:06,710 --> 00:20:09,390 اما آنچه که از نام آن است رفتن به، ظاهرا؟ 448 00:20:09,390 --> 00:20:10,800 >> فکر بازگشت به دوشنبه. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 نام این چیست عملکرد بر اساس این نحو؟ 451 00:20:17,170 --> 00:20:19,784 نه، منظورم این است که به وضوح وجود دارد بدون نام associated-- قطعا 452 00:20:19,784 --> 00:20:21,200 در آنچه که من در اینجا برجسته ام نیست. 453 00:20:21,200 --> 00:20:22,560 >> اما این در واقع OK. 454 00:20:22,560 --> 00:20:25,840 این یک تابع بی نام، و یا تابع لامبدا به عنوان برخی ممکن است آن را. 455 00:20:25,840 --> 00:20:27,589 و این فقط به این معنی است هنوز هم یک تابع. 456 00:20:27,589 --> 00:20:29,400 این فقط، شما می توانید آن را با نام صدا نمی زنم. 457 00:20:29,400 --> 00:20:30,057 اما این OK. 458 00:20:30,057 --> 00:20:33,140 از آنجا دوباره، مرورگر بوده است پیش برنامه ریزی شده توسط شرکت های مانند گوگل 459 00:20:33,140 --> 00:20:38,540 یا مایکروسافت یا موزیلا یا دیگران به فقط می دانم که اگر درست .onsubmit 460 00:20:38,540 --> 00:20:43,400 در داخل یک عنصر فرم است ارزش، درمان آن را به عنوان یک function-- 461 00:20:43,400 --> 00:20:44,750 یک اشاره گر تابع، اگر شما خواهد شد. 462 00:20:44,750 --> 00:20:46,910 و آن را هنگامی که فرم ارسال می شود. 463 00:20:46,910 --> 00:20:50,350 >> پس چه کد باید اجرا شود هنگامی که فرم ارسال می شود؟ 464 00:20:50,350 --> 00:20:52,526 ظاهرا، همه چیز داخل آکولاد. 465 00:20:52,526 --> 00:20:53,650 و این فقط سبک. 466 00:20:53,650 --> 00:20:55,626 >> شما می توانید این کار را انجام مثل ما تمایل به انجام این کار در CS50. 467 00:20:55,626 --> 00:20:58,250 اما در جاوا اسکریپت، اکثر مردم تمایل به نگه داشتن آن در همان خط 468 00:20:58,250 --> 00:21:01,960 فقط به دلیل آن واضح تر است مرتبط با کلمه کلیدی که تابع. 469 00:21:01,960 --> 00:21:03,240 بنابراین در حال حاضر آنچه که من انجام می دهند؟ 470 00:21:03,240 --> 00:21:08,616 >> اگر form.email.value برابر برابر رشته خالی است و یا هیچ چیز، در اینجا 471 00:21:08,616 --> 00:21:11,490 هشدار که من قصد دارم برای گفتن، شما باید آدرس ایمیل خود را، 472 00:21:11,490 --> 00:21:12,690 و سپس بازگشت نادرست است. 473 00:21:12,690 --> 00:21:15,720 و آن را که غلط است که بازگشت فرم از ارائه جلوگیری می کند. 474 00:21:15,720 --> 00:21:19,480 در همین حال، اگر مقدار رمز عبور خالی، من قصد دارم به فریاد زدن در کاربر 475 00:21:19,480 --> 00:21:21,150 و می گویند، شما باید یک رمز عبور ارائه می دهند. 476 00:21:21,150 --> 00:21:23,700 >> همه چیز در همین حال در حال گرفتن کمی رویایی اینجا. 477 00:21:23,700 --> 00:21:29,160 اگر form.password.value نمی form.confirmation.value برابر، 478 00:21:29,160 --> 00:21:31,680 زمینه های دیگر، فریاد زدن در کاربر که کلمه عبور 479 00:21:31,680 --> 00:21:33,860 به عنوان آنها مطابقت ندارد انجام یک لحظه پیش نیست. 480 00:21:33,860 --> 00:21:35,780 و سپس این یکی جذاب کمی به خاطر من 481 00:21:35,780 --> 00:21:40,470 می دانم که من می دانستم که مفهومی بررسی نام جعبه چک است. 482 00:21:40,470 --> 00:21:45,680 >> بنابراین من فقط می تواند استفاده از یک علامت تعجب نقطه به نقطه می گویند اگر بررسی است 483 00:21:45,680 --> 00:21:48,040 checked-- آن بولی است ارزش، درست یا false-- 484 00:21:48,040 --> 00:21:49,700 من در کاربر به همین دلیل داد. 485 00:21:49,700 --> 00:21:52,300 در غیر این صورت، اگر ما را از طریق دریافت همه ی این شرایط، 486 00:21:52,300 --> 00:21:53,270 اجازه دهید فقط به راست. 487 00:21:53,270 --> 00:21:54,700 اجازه دهید که فرم ارسال می شود. 488 00:21:54,700 --> 00:21:56,560 و این پس از آن اتفاق می افتد. 489 00:21:56,560 --> 00:21:57,740 >> بیایید در نوع قرمز. 490 00:21:57,740 --> 00:22:00,230 بیایید جعبه، ثبت نام را کلیک کنید. 491 00:22:00,230 --> 00:22:01,979 و در حال حاضر من را از طریق به مقصد بروید. 492 00:22:01,979 --> 00:22:03,270 در حال حاضر، هیچ پایگاه داده وجود دارد. 493 00:22:03,270 --> 00:22:05,370 هیچ چیز جالب وجود دارد در register.php. 494 00:22:05,370 --> 00:22:07,980 من فقط نیاز به چیزی در واقع به صحبت کنید. 495 00:22:07,980 --> 00:22:09,140 بنابراین، اجازه دهید مکث، در اینجا. 496 00:22:09,140 --> 00:22:16,270 هر گونه سؤال در مورد آنچه که ما فقط انجام داده ام و یا برخی از این نحو جدید است؟ 497 00:22:16,270 --> 00:22:17,640 OK، آره؟ 498 00:22:17,640 --> 00:22:20,025 >> رسید بنابراین هر چک باکس بولی است به صورت خودکار. 499 00:22:20,025 --> 00:22:21,650 شما لازم نیست آن را اعلام خواهم. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. مالان: درست است. 501 00:22:22,649 --> 00:22:29,340 هر چک باکس است که از برای شما ارسال فرم HTML به کد جاوا اسکریپت 502 00:22:29,340 --> 00:22:31,760 خواهد شد درمان، بله، به عنوان یک بولی value-- درست یا غلط. 503 00:22:31,760 --> 00:22:32,635 این سوال خوبی است. 504 00:22:32,635 --> 00:22:36,080 در حالی که ارزش های دیگر، از البته، متن، رشته AKA شده است. 505 00:22:36,080 --> 00:22:38,500 >> همه حق است، بنابراین به من اجازه عقب کمی بیشتر است. 506 00:22:38,500 --> 00:22:39,900 نقطه تمام این چه بود؟ 507 00:22:39,900 --> 00:22:41,400 فقط برای روشن باشد. 508 00:22:41,400 --> 00:22:44,940 مانند، ما در حال حاضر می دانیم، حتی از Pset7 و حتی از سخنرانی هفته گذشته 509 00:22:44,940 --> 00:22:51,120 نمونه، که ما به وضوح می توانید چک کنید $ _GET $ _POST ببینید در صورتی که کاربر به ما 510 00:22:51,120 --> 00:22:52,200 ارزش خالی می باشد. 511 00:22:52,200 --> 00:22:54,400 به یاد داشته باشید که تابع خالی در PHP. 512 00:22:54,400 --> 00:22:58,040 >> پس فقط به روشن، چه یکی از دلایلی که ما ممکن است همچنین 513 00:22:58,040 --> 00:23:00,535 می خواهید برای انجام این بررسی خطا داخل مرورگر؟ 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 انگیزه در اینجا چیست؟ 516 00:23:06,080 --> 00:23:06,580 آره. 517 00:23:06,580 --> 00:23:09,735 >> رسید سریع تر، و شما نمی کنند ارسال اطلاعات بی فایده به سرور. 518 00:23:09,735 --> 00:23:10,610 DAVID J. مالان: خوب. 519 00:23:10,610 --> 00:23:11,170 این سریع تر. 520 00:23:11,170 --> 00:23:12,920 شما ارسال فایده ای ندارند داده ها به سرور. 521 00:23:12,920 --> 00:23:14,670 >> بنابراین شما به عقب بر گردیم بیشتر پاسخ فوری. 522 00:23:14,670 --> 00:23:16,560 و به طور کلی، کاربر تجربه بهتر است. 523 00:23:16,560 --> 00:23:17,900 در مورد جایگزین فکر می کنم. 524 00:23:17,900 --> 00:23:21,160 >> اگر برای Gmail-- و بود مورد سال ها پیش. 525 00:23:21,160 --> 00:23:24,160 فرض کنید یک ایمیل جدید به شما کردم Gmail شما حساب است، اما تنها راه را از طریق 526 00:23:24,160 --> 00:23:26,510 برای دیدن این است که به مانند، بارگذاری مجدد کل صفحه. 527 00:23:26,510 --> 00:23:29,030 و یا فرض کنید که شما با کلیک بر روی لینک یک ایمیل به خواندن. 528 00:23:29,030 --> 00:23:31,600 >> همه چیز را تا به بازنگری، بنابراین که شما می توانید ایمیل را ببینید. 529 00:23:31,600 --> 00:23:33,380 یا Facebook-- یک پیام چت می کنید. 530 00:23:33,380 --> 00:23:36,000 شما آن را نمی بیند تا زمانی که شما بارگذاری مجدد صفحه و یا برخی از لینک کلیک کنید. 531 00:23:36,000 --> 00:23:38,380 >> مثل این می شود بدجور تجربه کاربر آزار دهنده است. 532 00:23:38,380 --> 00:23:41,300 و این چیزی است که آن را می خواهم، به وضوح، به زمانی که من برای UC زد 533 00:23:41,300 --> 00:23:44,760 و وب بسیار کمتر پویا بود و جاوا اسکریپت به عنوان محبوب نمی 534 00:23:44,760 --> 00:23:45,601 آن را به عنوان در حال حاضر. 535 00:23:45,601 --> 00:23:47,850 و همه چیز بسیار گرفتن پویا تر و خیلی بیشتر 536 00:23:47,850 --> 00:23:49,900 سمت سرویس گیرنده در آن احساس. 537 00:23:49,900 --> 00:23:54,370 >> اما گرفتن وجود دارد، و این نوع از مارپیچ آزار دهنده است. 538 00:23:54,370 --> 00:23:58,720 فقط به خاطر اینکه شما اضافه سمت سرویس گیرنده تشخیص شبیه به این به این معنا نیست 539 00:23:58,720 --> 00:24:01,430 شما می توانید یا باید رها سرور تشخیص سمت. 540 00:24:01,430 --> 00:24:04,080 شما در اصل می خواهید برای قرار دادن خود چک کردن خطا در هر دو مکان. 541 00:24:04,080 --> 00:24:05,830 از آنجا که آنچه که بود از درس های آموخته شده 542 00:24:05,830 --> 00:24:10,270 از مقاله من چند نقل قول به عنوان خوانده شده از این system-- CMS احمق 543 00:24:10,270 --> 00:24:14,410 مدیریت محتوا System-- که بود اجرای سیستم احراز هویت خود، 544 00:24:14,410 --> 00:24:16,790 ورود به آن از طریق چه مکانیسم؟ 545 00:24:16,790 --> 00:24:19,515 546 00:24:19,515 --> 00:24:20,469 جاوا اسکریپت. 547 00:24:20,469 --> 00:24:21,499 >> رسید جاوا اسکریپت. 548 00:24:21,499 --> 00:24:23,290 DAVID J. مالان: جاوا اسکریپت، دقیقا، درست است؟ 549 00:24:23,290 --> 00:24:24,610 این با استفاده از جاوا اسکریپت. 550 00:24:24,610 --> 00:24:27,120 و به معنای واقعی کلمه، شما بچه ها بازی کمی احتمالا 551 00:24:27,120 --> 00:24:28,700 با بازرس کروم. 552 00:24:28,700 --> 00:24:30,890 و اگر من می توانید آن را پیدا کنید، عنصر بازرسی. 553 00:24:30,890 --> 00:24:33,670 >> به من اجازه رفتن به انجام همه گزینه های کروم. 554 00:24:33,670 --> 00:24:37,080 و این است که چگونه از آن آسان است به در یک مرورگر غیر فعال کردن جاوا اسکریپت. 555 00:24:37,080 --> 00:24:38,950 بررسی، جاوا اسکریپت نه بیشتر. 556 00:24:38,950 --> 00:24:41,070 >> بنابراین در عدالت، زیادی از وب این روزها 557 00:24:41,070 --> 00:24:43,430 فقط رفتن برای شکستن به دلیل جیمیل و دیگر sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- فرض کنیم که جاوا اسکریپت را فعال کنید. 559 00:24:46,140 --> 00:24:50,180 اما اگر شما در حال انجام کاری احمقانه مثل تنها اعتبار کاربران ورودی 560 00:24:50,180 --> 00:24:52,520 و چک کردن آن را برای خطا در سمت سرویس گیرنده، 561 00:24:52,520 --> 00:24:54,940 دشمن به راحتی می تواند این کار را انجام. 562 00:24:54,940 --> 00:24:57,180 و پس از آن حتی دقیق دشمن مثل شما بچه ها 563 00:24:57,180 --> 00:25:01,120 در حال حاضر می تواند شبکه راه دور یا حلقه استفاده و یا دستورات خط فرمان فقط 564 00:25:01,120 --> 00:25:05,300 و در واقع ارسال پیام به سرور که به همین ترتیب در حال بررسی خطا نیست. 565 00:25:05,300 --> 00:25:08,380 >> پس این بیشتر از یک است کاربر تصمیم رابط 566 00:25:08,380 --> 00:25:13,060 از آن است که واقعی فنی improvement-- اجرای 567 00:25:13,060 --> 00:25:14,410 سمت چیزی مشتری مثل این. 568 00:25:14,410 --> 00:25:16,800 بنابراین در حال حاضر یک نگاه سریع، اما بعد از آن من به پیاده روی آنلاین تسلیم 569 00:25:16,800 --> 00:25:17,674 از برای این یکی. 570 00:25:17,674 --> 00:25:21,480 در فرم دو، ما در واقع از طریق رفت و تمیز کد کمی. 571 00:25:21,480 --> 00:25:23,650 اما اجازه دهید به یکی تسلیم از فیلم ها خواهیم به احتمال زیاد 572 00:25:23,650 --> 00:25:27,970 قراردادن در Pset8 که فقط شما نشان می دهد نحو مشابه با استفاده از یک کتابخانه به نام 573 00:25:27,970 --> 00:25:32,320 جی کوئری، که فوق العاده، فوق العاده کتابخانه محبوب جاوا اسکریپت در 574 00:25:32,320 --> 00:25:34,510 که رک و پوست کنده اکثر مردم فقط استفاده از این روزها 575 00:25:34,510 --> 00:25:37,070 و حتی به عنوان اشتباه که خود جاوا اسکریپت. 576 00:25:37,070 --> 00:25:38,950 >> و این امر منجر به درگیری برخی از نشانه هایی دلار 577 00:25:38,950 --> 00:25:41,350 و کلمات کلیدی مانند سند در پرانتز در اینجا. 578 00:25:41,350 --> 00:25:44,480 اما باز هم، اجازه دهید من به تسلیم برخی از آموزش کندتر آنلاین 579 00:25:44,480 --> 00:25:46,750 به جای بلند شدن در فقط نحو گره خورده است. 580 00:25:46,750 --> 00:25:48,630 اجازه دهید تا به حرکت چیزی کولر کمی 581 00:25:48,630 --> 00:25:50,520 از نظر برنامه های کاربردی از این. 582 00:25:50,520 --> 00:25:57,730 >> بنابراین به طور خاص، به من اجازه رفتن پیش رو و باز کردن این اینجا. 583 00:25:57,730 --> 00:25:58,340 بیا. 584 00:25:58,340 --> 00:25:59,380 ما وجود دارد. 585 00:25:59,380 --> 00:26:01,500 >> به من اجازه باز کردن این عکس بنویسید. 586 00:26:01,500 --> 00:26:03,450 بی ارزش پیچیده به دنبال، اما آن 587 00:26:03,450 --> 00:26:07,880 توصیف یک تکنیک به نام AJAX-- آسنکرون جاوا اسکریپت و XML، که در آن 588 00:26:07,880 --> 00:26:10,530 X برای XML است که در واقع دیگر واقعا استفاده می شود. 589 00:26:10,530 --> 00:26:13,430 این امر منجر به استفاده از چیزی دیگری به نام JSON. 590 00:26:13,430 --> 00:26:16,560 >> اما در اینجا چیزی است که چگونه مانند نقشه های گوگل یا Google Earth کار می کند. 591 00:26:16,560 --> 00:26:18,060 اجازه دهید این را امتحان کنید در پرواز، در واقع. 592 00:26:18,060 --> 00:26:21,590 اجازه بدهید من به جلو و باز کردن تا کروم در مرورگر من. 593 00:26:21,590 --> 00:26:26,236 >> و اجازه دهید من به رفتن، می گویند، maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 و در واقع، اگر شما قدیمی هستید به اندازه کافی به یاد داشته باشید آنچه، 596 00:26:31,930 --> 00:26:35,600 مانند، MapQuest مانند در روز بود، و شاید آنها هنوز هم مانند این کار می کنند. 597 00:26:35,600 --> 00:26:38,870 هنگامی که شما برای جستجوی something-- 33 آکسفورد استریت، کمبریج، ماساچوست، 598 00:26:38,870 --> 00:26:40,650 اجازه دهید this-- کار شما که در واقع، اگر شما 599 00:26:40,650 --> 00:26:43,000 می خواستم به حرکت به سمت بالا و پایین، چپ و راست، 600 00:26:43,000 --> 00:26:44,920 شما می توانید مانند یک نگاه فلش بزرگ در بالا، و آن را 601 00:26:44,920 --> 00:26:46,921 به شما نشان می دهد یکی دیگر از قاب از نقشه تا اینجا. 602 00:26:46,921 --> 00:26:49,753 یا شما می توانید سمت چپ کلیک کنید و شما بیش از اینجا بروید، و یا دیگر کلیک کنید 603 00:26:49,753 --> 00:26:51,000 و شما می توانید بیش از اینجا بروید. 604 00:26:51,000 --> 00:26:53,000 اما به جای این روز، ما البته فقط 605 00:26:53,000 --> 00:26:55,970 را برای مسلم است که ما می توانیم به در اطراف کمبریج به سرعت 606 00:26:55,970 --> 00:26:57,550 فقط با کلیک کردن و کشیدن. 607 00:26:57,550 --> 00:26:59,130 اما متوجه برخی اشکالات وجود دارد. 608 00:26:59,130 --> 00:27:02,160 >> اگر من این کار را به اندازه کافی سریع، آنچه به نظر می رسد اتفاق می افتد 609 00:27:02,160 --> 00:27:05,960 که من را بکشید، کمی بیش از حد سریع برای کامپیوتر را به نگه دارید تا؟ 610 00:27:05,960 --> 00:27:07,160 چه می بینید؟ 611 00:27:07,160 --> 00:27:07,660 آره. 612 00:27:07,660 --> 00:27:09,232 >> رسید پیکسل را تازه کردن نیست. 613 00:27:09,232 --> 00:27:10,940 DAVID J. مالان: پیکسل را تازه کردن نیست. 614 00:27:10,940 --> 00:27:12,870 این actually-- و شما وجود دارد می تواند این در واقع ببینید،، 615 00:27:12,870 --> 00:27:15,360 اگر شما تماشای آنلاین و مکث این در واقع یا کند می کند همه چیز را 616 00:27:15,360 --> 00:27:18,600 برای once-- شما خواهید دید که وجود دارد کاشی، مربع، مستطیل و یا که 617 00:27:18,600 --> 00:27:22,040 از نقشه های از دست رفته تا دوم تقسیم بعد، اطلاعات بیشتر، 618 00:27:22,040 --> 00:27:24,390 تصاویر بیشتر در واقع بر روی صفحه نمایش ظاهر می شود. 619 00:27:24,390 --> 00:27:29,810 و در واقع، اگر ما این کار را با نگاه تا Chrome's-- اجازه دهید بگویم، Chrome-- 620 00:27:29,810 --> 00:27:30,310 بیایید ببینید. 621 00:27:30,310 --> 00:27:31,090 ما نمی تواند انجام دهد. 622 00:27:31,090 --> 00:27:31,860 >> اوه، اوه. 623 00:27:31,860 --> 00:27:34,761 بیایید باز کردن maps.google.com. 624 00:27:34,761 --> 00:27:36,660 اجازه دهید من دوباره پنجره بزرگتر. 625 00:27:36,660 --> 00:27:38,836 >> بازگشت به 33 خیابان آکسفورد. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 وب سایت من به تازگی بود چه بود؟ 628 00:27:43,760 --> 00:27:46,440 من این، مانند، بیهوده گویی خصوصی به حال خودم بودم که پس از آن از طریق مسنجر پیام 629 00:27:46,440 --> 00:27:48,470 هر دوست که آنلاین بود که می خواستند به آن را بشنوند. 630 00:27:48,470 --> 00:27:49,345 برخی از وب سایت وجود دارد. 631 00:27:49,345 --> 00:27:52,680 من فکر می کنم تا Comcast-- ISP بسیار بزرگ آمریکایی است. 632 00:27:52,680 --> 00:27:56,355 شما می توانید، هنگام ثبت نام برای کابل جدید خدمات مودم و یا خدمات تلویزیون کابلی، 633 00:27:56,355 --> 00:27:59,230 آنها یک شکل بسیار منطقی جایی که آنها شما را برای آدرس خود را بپرسید. 634 00:27:59,230 --> 00:28:01,450 و این شگفت انگیز ویژگی به نام خودکار کامل، 635 00:28:01,450 --> 00:28:04,600 مانند گوگل، که شروع به پر کردن در پاسخ به سوال شما. 636 00:28:04,600 --> 00:28:08,090 >> مشکل این است که، آنها را به طور کامل خودکار در اولین چیزهایی که شما تایپ می کنید. 637 00:28:08,090 --> 00:28:12,890 بنابراین اگر شما شروع به تایپ 33 آن، شما را به معنای واقعی کلمه هر خانه نشان می دهد 638 00:28:12,890 --> 00:28:15,790 در امریکا شروع می شود که با شماره 33 639 00:28:15,790 --> 00:28:17,920 قبل از ادامه به انتظار شما را به نوع دیگر. 640 00:28:17,920 --> 00:28:20,660 بنابراین اگر شما از نوع 33 آکسفورد، سپس آن را به شما نشان می دهد هر خیابان 641 00:28:20,660 --> 00:28:24,726 در امریکا است که 33 در آکسفورد نام خود را، بدون در نظر گرفتن شهر 642 00:28:24,726 --> 00:28:25,350 که شما در آن هستید. 643 00:28:25,350 --> 00:28:26,320 >> و سپس شما را به تایپ ادامه. 644 00:28:26,320 --> 00:28:28,930 و در نهایت، آن را متوجه می شود که آنها نمی ارائه خدمات به خانه خود را در کمبریج 645 00:28:28,930 --> 00:28:29,920 و یا چیزی شبیه به آن. 646 00:28:29,920 --> 00:28:33,410 اما نکته این است، این است که بیشتر اجرای نادان از خودرو 647 00:28:33,410 --> 00:28:34,140 کامل همیشه. 648 00:28:34,140 --> 00:28:36,400 >> و من فقط رفتن فعال در این مماس دوباره. 649 00:28:36,400 --> 00:28:39,040 اما راه های خوبی برای وجود دارد استفاده از جاوا اسکریپت و راه بد است. 650 00:28:39,040 --> 00:28:40,750 و این لزوما بهترین نیست. 651 00:28:40,750 --> 00:28:46,360 >> اما نکته در اینجا، پیش از این سخنرانی دراز وشدیداللحن، بود به باز کردن ابزار در اینجا 652 00:28:46,360 --> 00:28:49,480 و باز کردن ابزارهای توسعه، همانطور که ما قبل از تشویق کرده ایم، 653 00:28:49,480 --> 00:28:52,840 و به تماشای شبکه تب که من واقعا سریع را کلیک کنید. 654 00:28:52,840 --> 00:28:55,400 و متوجه یک دسته کامل از دریافت درخواست اتفاق افتاده است. 655 00:28:55,400 --> 00:28:57,310 همه این اتفاق افتاده است از آنجایی که من کشیده. 656 00:28:57,310 --> 00:29:00,170 >> و به احتمال زیاد، در واقع بسیاری از این سطرها 657 00:29:00,170 --> 00:29:04,060 در حال حاضر تصویر بریده بریده JPEG انواع MIME و یا نوع محتوا. 658 00:29:04,060 --> 00:29:07,750 دلیلش این است که آنچه کروم در حال انجام هر بار که من کلیک کنید و بکشید، کلیک کنید 659 00:29:07,750 --> 00:29:11,650 و کشیدن است، آن را تحقق، آه، من نیاز به درخواست گوگل برای کاشی 660 00:29:11,650 --> 00:29:15,080 بر روی نقشه است که در اینجا، به سرعت آن را از طریق HTTP دانلود، 661 00:29:15,080 --> 00:29:19,550 و سپس آن را به اصطلاح DOM اضافه به مرورگرهای وب در درخت حافظه 662 00:29:19,550 --> 00:29:24,430 نمایندگی به طوری که کاربر، من، می بیند که کاشی به روز شد. 663 00:29:24,430 --> 00:29:26,795 و دلیل این است که از یک تکنیک به نام AJAX. 664 00:29:26,795 --> 00:29:28,920 بازگشت در روز، آن را واقعا مورد بود که اگر شما 665 00:29:28,920 --> 00:29:33,050 برای تغییر آنچه که بر روی صفحه نمایش می خواستم، شما را مجبور به کلیک کردن، پایین، چپ، 666 00:29:33,050 --> 00:29:33,550 سمت راست. 667 00:29:33,550 --> 00:29:34,740 و سپس یک صفحه جدید باز می کنم. 668 00:29:34,740 --> 00:29:36,531 اما این روزها، همه چیز پویا تر است. 669 00:29:36,531 --> 00:29:40,490 آن را در راه اتفاق می افتد که ما انسان امیدوارم که آن را در واقع تعاملی خواهد بود. 670 00:29:40,490 --> 00:29:43,210 و آن را به این هدف با راه یک تکنیک به نام 671 00:29:43,210 --> 00:29:46,170 AJAX، که شاید بهترین توضیح با یک مثال. 672 00:29:46,170 --> 00:29:49,730 اول، اجازه دهید من به جلو و باز کردن یک فایل 673 00:29:49,730 --> 00:29:53,540 quote.php در نام کد توزیع امروز. 674 00:29:53,540 --> 00:29:56,200 >> و سپس به من اجازه انجام اوه symbol--. 675 00:29:56,200 --> 00:30:02,399 به من اجازه انجام نماد = GOOG فقط برای برخی از سهام. 676 00:30:02,399 --> 00:30:04,440 یا در واقع، اجازه دهید انجام یکی از Pset رایگان. 677 00:30:04,440 --> 00:30:05,270 را وارد کنید. 678 00:30:05,270 --> 00:30:06,580 >> و در حال حاضر متوجه آنچه که من به عقب بر گردیم. 679 00:30:06,580 --> 00:30:09,210 پس این است که واقعا فایل PHP که من کوتاه 680 00:30:09,210 --> 00:30:13,210 نوشت که به سادگی قرض کد از تابع گرین کارت آمریکا را Pset7 681 00:30:13,210 --> 00:30:17,830 و تف کردن با استفاده از این آکولاد و نقل قول ها و نماد روده بزرگ، ظاهرا، 682 00:30:17,830 --> 00:30:22,747 قیمت سهام فعلی برای شرکتی که شما را در از طریق، عبور کند. 683 00:30:22,747 --> 00:30:24,580 بنابراین این متفاوت است از بسیاری از آنچه که ما کرده ایم 684 00:30:24,580 --> 00:30:26,496 انجام در که متوجه من به معنای واقعی کلمه تف کردن 685 00:30:26,496 --> 00:30:27,870 آنچه به نظر می رسد مانند کد جاوا اسکریپت. 686 00:30:27,870 --> 00:30:30,020 >> در واقع، این یک شی جاوا اسکریپت است. 687 00:30:30,020 --> 00:30:34,130 در واقع، تنها به روشن تر، جاوا اسکریپت جسم Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 فقط یک راه فانتزی گفتن که شما است می تواند در جاوا اسکریپت نشان داده بسیار 689 00:30:38,330 --> 00:30:41,660 مثل شما می توانید در PHP با استفاده از جفت ارزش کلیدی است. 690 00:30:41,660 --> 00:30:44,270 بنابراین اگر من می خواستم به اعلام یک متغیر در جاوا اسکریپت 691 00:30:44,270 --> 00:30:47,872 به نشان Zamyla، برای instance-- یک ساختار برای Zamyla-- 692 00:30:47,872 --> 00:30:49,580 و ما آن را دانش آموز، این متغیر. 693 00:30:49,580 --> 00:30:53,060 ID او است، خانه است وینتروپ، و نام Zamyla است. 694 00:30:53,060 --> 00:30:55,490 >> اما من نیز می تواند یک آرایه از اشیاء را داشته باشد. 695 00:30:55,490 --> 00:30:58,710 بنابراین اگر من در واقع می خواستم به آرایه در جاوا اسکریپت حاوی 696 00:30:58,710 --> 00:31:01,740 از جمله اشیاء متعدد، این زمان به نمایندگی از کارکنان، 697 00:31:01,740 --> 00:31:04,910 من ممکن است این سه دارند تکه کد بازگشت 698 00:31:04,910 --> 00:31:08,560 به عقب برای این عقب سه از کارکنان پیشین. 699 00:31:08,560 --> 00:31:12,201 بنابراین نحو، زیبا مشابه both-- به PHP. 700 00:31:12,201 --> 00:31:13,700 اما این به خصوص جاوا اسکریپت. 701 00:31:13,700 --> 00:31:15,940 این نماد جسم است. 702 00:31:15,940 --> 00:31:17,240 پس چه این بسیار مفید است؟ 703 00:31:17,240 --> 00:31:21,580 >> اگر من نوشتن کد که تف کردن JSON-- جاوا اسکریپت جسم Notation-- چیزهای که 704 00:31:21,580 --> 00:31:24,670 به نظر می رسد مثل این و یا چیزهای که به نظر می رسد ساختار Zamyla است، 705 00:31:24,670 --> 00:31:27,730 من در واقع می تواند استفاده از این در برنامه من ارسال. 706 00:31:27,730 --> 00:31:30,660 به من اجازه رفتن به ajax0.html. 707 00:31:30,660 --> 00:31:33,310 و این too-- بسیار نیست فکر به زیبایی شناسی داده شده است. 708 00:31:33,310 --> 00:31:34,660 اما مراقب آنچه اتفاق می افتد. 709 00:31:34,660 --> 00:31:37,050 >> به من اجازه دهید پیش بروید و نوع آزاد اینجا. 710 00:31:37,050 --> 00:31:38,490 کلیک کنید دریافت نقل قول. 711 00:31:38,490 --> 00:31:41,060 و متوجه URL تغییر نکرده است. 712 00:31:41,060 --> 00:31:47,250 اما من دریافت یک پاپ با ظاهرا پنی قیمت سهام امروز از 0.15 $. 713 00:31:47,250 --> 00:31:49,062 بنابراین نه همه که بد است. 714 00:31:49,062 --> 00:31:52,020 اما تفاوت در این است که به نحوی، این داده ها به عقب به طور مستقیم آمد به من. 715 00:31:52,020 --> 00:31:54,250 اما اجازه دهید گام به سوی چیزی بیشتر آشنا. 716 00:31:54,250 --> 00:31:58,900 در یکی از این نسخه، به من اجازه نوع آزاد دوباره، کلیک کنید دریافت نقل قول، 717 00:31:58,900 --> 00:32:01,146 و now-- آه، این بود در واقع نسخه از jQuery. 718 00:32:01,146 --> 00:32:03,270 بنابراین اجازه دهید me-- من نیست سریع به جلو کاملا به اندازه کافی. 719 00:32:03,270 --> 00:32:05,830 اجازه بدهید من به نسخه دو برود، که جایی است که من می خواستم. 720 00:32:05,830 --> 00:32:07,260 اطلاعیه آنچه که من در اینجا انجام داده ایم. 721 00:32:07,260 --> 00:32:10,370 من یک وب page-- فوق العاده نسخه ساده از هر صفحه وب 722 00:32:10,370 --> 00:32:14,260 شما ممکن است امروز با یک فیلد متن استفاده در اینجا به صورت رایگان و پس از آن ظاهرا تنها 723 00:32:14,260 --> 00:32:14,880 متن. 724 00:32:14,880 --> 00:32:16,860 >> این یک فرم در اینجا نیست، ظاهرا. 725 00:32:16,860 --> 00:32:19,360 اما اگر من کلیک کنید دریافت نقل قول توجه کنید صفحه وب من 726 00:32:19,360 --> 00:32:22,760 در مورد به عنوان اینکه من تغییر است فقط یک پیام جدید از طریق مسنجر 727 00:32:22,760 --> 00:32:25,360 و یا به عنوان اینکه من فقط نقل مکان کرد نقشه و مورد نیاز برای دریافت اطلاعات بیشتر 728 00:32:25,360 --> 00:32:29,220 به صورت پویا به صفحه وب اضافه شده بدون تغییر URL و کاربر 729 00:32:29,220 --> 00:32:30,980 تجربه شدن قطع. 730 00:32:30,980 --> 00:32:35,750 در واقع، من هنوز در هستم دقیق ajax2.html place-- همان. 731 00:32:35,750 --> 00:32:39,080 >> پس بیایید تنها در این مثال و ببینید که چگونه این اتفاق می افتد. 732 00:32:39,080 --> 00:32:42,490 اجازه بدهید من به ajax2.html بروید. 733 00:32:42,490 --> 00:32:44,770 و برای اولین بار متوجه فرم. 734 00:32:44,770 --> 00:32:47,092 >> در اینجا، من تبدیل خاموش کامل خودکار. 735 00:32:47,092 --> 00:32:48,800 گاهی اوقات آن را می شود آزار دهنده اگر مرورگر 736 00:32:48,800 --> 00:32:50,508 در تلاش است به شما نشان دهد تاریخ خود را. 737 00:32:50,508 --> 00:32:53,450 بنابراین شما می توانید آن را در HTML توسط انجام فقط گفت: خودکار کامل خاموش است. 738 00:32:53,450 --> 00:32:57,290 >> من این متن درست داده ام symbol-- نه، ID از نماد است. 739 00:32:57,290 --> 00:32:58,977 و در حال حاضر، این یک ویژگی جالب است. 740 00:32:58,977 --> 00:33:01,310 ما در مورد طول صحبت نیست، اما شما می توانید در مورد آن فکر می کنم 741 00:33:01,310 --> 00:33:03,177 مانند یک تگ پاراگراف یا DIV تگ. 742 00:33:03,177 --> 00:33:05,010 در آنچه به نام در خط عنصر که 743 00:33:05,010 --> 00:33:07,415 معنی است که شما یک بند کنید شکستن در بالا و پایین آن. 744 00:33:07,415 --> 00:33:11,530 این فقط رفتن به در خط ماندن بدون هدف قرار دادن معادل را وارد کنید. 745 00:33:11,530 --> 00:33:17,980 بنابراین من این تکه از HTML داده اند باید مشخص شود یک شناسه منحصر به فرد 746 00:33:17,980 --> 00:33:20,130 که من خودسرانه نام قیمت می باشد. 747 00:33:20,130 --> 00:33:21,560 و من یک دکمه ارسال. 748 00:33:21,560 --> 00:33:25,420 >> از آنجا که در حال حاضر تا here-- و این است در واقع فوق العاده شگفت انگیز است که چگونه کد کمی 749 00:33:25,420 --> 00:33:27,660 شما می توانید ارسال را به انجام نسبتا شسته و رفته things-- 750 00:33:27,660 --> 00:33:31,800 اطلاعیه آنچه که من انجام داده ام تا در اینجا اگر من تا سر از این صفحه حرکت کنید. 751 00:33:31,800 --> 00:33:34,970 من برای اولین بار در گنجانده ام سر من برچسب اسکریپت 752 00:33:34,970 --> 00:33:37,410 که در واقع منابع جاوا اسکریپت فایل در جای دیگر. 753 00:33:37,410 --> 00:33:39,702 این است که از این سازمان که می نویسد از jQuery، 754 00:33:39,702 --> 00:33:42,660 و این فقط به شما آخرین نسخه کتابخانه جی کوئری خود را. 755 00:33:42,660 --> 00:33:46,305 >> پس این نوع مانند SHARP در C شامل یا در PHP نیاز دارد. 756 00:33:46,305 --> 00:33:48,900 شما با استفاده از تگ اسکریپت با یک ویژگی منبع. 757 00:33:48,900 --> 00:33:52,030 اما در حال حاضر کد خود من است رفتن به سمت راست در اینجا. 758 00:33:52,030 --> 00:33:54,170 >> توجه کنید من یک تابع به نام نقل قول. 759 00:33:54,170 --> 00:33:56,180 و به نظر می رسد کمی مرموز در نگاه اول. 760 00:33:56,180 --> 00:33:57,305 اما اجازه دهید این کسی را دست انداختن از هم جدا. 761 00:33:57,305 --> 00:33:59,090 من URL متغیر به نام به من بدهید. 762 00:33:59,090 --> 00:34:01,390 اختصاص آن به معنای واقعی کلمه این رشته. 763 00:34:01,390 --> 00:34:04,530 بنابراین، به نقل از واحد، به نقل از دو در جاوا اسکریپت فقط به من می دهد یک رشته است. 764 00:34:04,530 --> 00:34:06,900 به علاوه چه می کند؟ 765 00:34:06,900 --> 00:34:08,199 الحاق. 766 00:34:08,199 --> 00:34:12,610 >> بنابراین در حال حاضر این نحو jQuery است که طول می کشد کمی مورد استفاده قرار گرفتن به. 767 00:34:12,610 --> 00:34:18,310 اما این فقط به معنی به دریافت من DOM گره شناسه منحصر به فرد که نماد است. 768 00:34:18,310 --> 00:34:21,929 هشتگ وجود دارد به این معنی است نماد شناسه منحصر به فرد. 769 00:34:21,929 --> 00:34:24,929 >> علامت دلار در پرانتز فقط معنی، این بسته بندی 770 00:34:24,929 --> 00:34:28,510 در jQuery یک نوع سس مخفی تا شما قابلیت های اضافی دریافت کنید. 771 00:34:28,510 --> 00:34:31,880 و سپس .val ظاهرا یک تابع، و یا به عنوان ما در حال حاضر می گویند، 772 00:34:31,880 --> 00:34:35,219 روش داخل این گره که فقط به ارزش شما. 773 00:34:35,219 --> 00:34:38,896 بنابراین در کوتاه مدت، زشت و گیج کننده به عنوان این به نظر می رسد در نگاه اول، 774 00:34:38,896 --> 00:34:42,020 این حالت فقط بدان معناست با کاربر تایپ می کنید در، آن را در انتهای رشته قرار 775 00:34:42,020 --> 00:34:42,880 توسط الحاق آن. 776 00:34:42,880 --> 00:34:43,739 که همه. 777 00:34:43,739 --> 00:34:46,070 >> بنابراین در حال حاضر، سه خط آخر. 778 00:34:46,070 --> 00:34:48,690 شما می توانید تعداد زیادی از فشار قابلیت از سه خط. 779 00:34:48,690 --> 00:34:52,199 این علامت دلار، به عنوان یک به کنار، فقط یک نام مستعار است 780 00:34:52,199 --> 00:34:55,800 برای یک متغیر خاص جهانی به نام به معنای واقعی کلمه از jQuery. 781 00:34:55,800 --> 00:34:57,060 >> علامت دلار فقط به نظر می رسد سرد. 782 00:34:57,060 --> 00:35:00,080 بنابراین جامعه از jQuery فقط نوع از آن به عنوان نماد خاص خود استفاده می شود. 783 00:35:00,080 --> 00:35:02,470 به این معنا که آنچه در آن به معنی در PHP. 784 00:35:02,470 --> 00:35:06,356 در جاوا اسکریپت، علامت دلار است درست مثل یک حرف از حروف الفبا 785 00:35:06,356 --> 00:35:07,480 و یا تعداد برای یک متغیر. 786 00:35:07,480 --> 00:35:09,000 >> شما فقط می توانید آن را به عنوان نام دارند. 787 00:35:09,000 --> 00:35:09,770 فقط سرد به نظر می رسد. 788 00:35:09,770 --> 00:35:11,890 بنابراین جامعه آن را به عنوان یک نام مستعار به تصویب رسید 789 00:35:11,890 --> 00:35:13,390 برای کتابخانه خود را به نام جی کوئری. 790 00:35:13,390 --> 00:35:15,060 >> و آن را فوق العاده محبوب. 791 00:35:15,060 --> 00:35:17,620 بنابراین دریافت JSON است که دقیقا. 792 00:35:17,620 --> 00:35:19,920 این تابع که دوستان را در jQuery را نوشت 793 00:35:19,920 --> 00:35:23,340 که می شود JSON از server-- جاوا اسکریپت نشانه گذاری شی. 794 00:35:23,340 --> 00:35:25,680 از چه URL آن را رفتن برای دریافت کنید که اطلاعات؟ 795 00:35:25,680 --> 00:35:27,790 ظاهرا از این URL در اینجا. 796 00:35:27,790 --> 00:35:31,180 >> و آنچه که باید انجام به عنوان مرورگر به زودی آن را به عنوان میشود به این پاسخ؟ 797 00:35:31,180 --> 00:35:36,500 و این سحر و جادو از AJAX است، پس به speak-- آسنکرون جاوا اسکریپت در XML. 798 00:35:36,500 --> 00:35:41,320 این سخت است برای دیدن با چنین مثال ساده که ما در اینجا بود. 799 00:35:41,320 --> 00:35:44,730 >> اما این ناهمزمان در بود به این معنا که من وقتی کد 800 00:35:44,730 --> 00:35:48,530 اعدام فرستاده یک پیام به سرور به دریافت من JSON. 801 00:35:48,530 --> 00:35:51,340 و آن اتفاق افتاد فوق العاده سریع که من پاسخ دارم. 802 00:35:51,340 --> 00:35:55,130 اما آنچه جالب است این است که این خط از کد را کامپیوتر من قطع نکنید. 803 00:35:55,130 --> 00:35:56,550 >> من یک آیکون در حال چرخش را نمی بینم. 804 00:35:56,550 --> 00:35:59,200 من از دست دادن نیست توانایی به حرکت موس من. 805 00:35:59,200 --> 00:36:01,340 مرورگر من در واقع کاملا خوب بود. 806 00:36:01,340 --> 00:36:06,290 >> از آنجا که راه به جاوا اسکریپت دسته پاسخ از سرور به شرح زیر است. 807 00:36:06,290 --> 00:36:09,740 ثبت نام آنچه شما می خواهم تماس بگیرید تابع پاسخ به تماس، که 808 00:36:09,740 --> 00:36:12,830 فقط بدان معناست، با سلام، جاوا اسکریپت. 809 00:36:12,830 --> 00:36:16,100 به محض این که سرور پاسخ با JSON، 810 00:36:16,100 --> 00:36:18,750 لطفا این تابع ناشناس تماس بگیرید. 811 00:36:18,750 --> 00:36:23,910 >> و لطفا به این تابع به تصویب رسید هر رشته به سرور تف 812 00:36:23,910 --> 00:36:26,080 به عنوان یک آرگومان به نام داده است. 813 00:36:26,080 --> 00:36:28,360 بنابراین در دیگر کلمات، اگر من مونتاژ به صورت پویا 814 00:36:28,360 --> 00:36:33,370 quote.php URL عبور در این نماد مانند FREE یا GOOG یا فلان چیز، 815 00:36:33,370 --> 00:36:36,830 من پس از آن گفتن جاوا اسکریپت بروید دریافت کنید که URL. 816 00:36:36,830 --> 00:36:39,080 به یاد داشته باشید که مرورگر رفتن به بازگشت چیزی 817 00:36:39,080 --> 00:36:42,680 که به نظر می رسد که ما شاهد این earlier--. 818 00:36:42,680 --> 00:36:45,940 >> و چه آرگومان دوم در اینجا به JSON است گفت: 819 00:36:45,940 --> 00:36:48,450 است به این تابع زمانی که سرور بازگشت می شود 820 00:36:48,450 --> 00:36:52,440 آیا آن 10 میلی ثانیه از هم اکنون و یا 10 ثانیه از هم اکنون. 821 00:36:52,440 --> 00:36:55,840 و به زودی به عنوان شما انجام دهید، اضافه قیمت را به صفحه. 822 00:36:55,840 --> 00:36:58,030 این نحو در اینجا فقط به معنی به دست آوردن گره 823 00:36:58,030 --> 00:37:01,940 از درخت که شناسه منحصر به فرد است که طول price-- که قبلا دیدم. 824 00:37:01,940 --> 00:37:04,320 >> این روش به نام HTML فقط می گوید، به جای 825 00:37:04,320 --> 00:37:08,770 HTML که وجود دارد با data.price. 826 00:37:08,770 --> 00:37:10,200 data.price چه خبر؟ 827 00:37:10,200 --> 00:37:12,850 خوب، مرورگر، یاد، به من نشان داد این به آینده را. 828 00:37:12,850 --> 00:37:14,540 پس این داده ها می باشد. 829 00:37:14,540 --> 00:37:18,100 >> و پس از آن کمی مرموز برای دیدن کاما اینجا. 830 00:37:18,100 --> 00:37:19,350 اما در واقع، به من اجازه انجام این کار. 831 00:37:19,350 --> 00:37:22,890 اجازه بدهید من این رب واقعی سریع به جیادیت 832 00:37:22,890 --> 00:37:27,240 و نشان می دهد این مثل ما نشان داد ساختار Zamyla را پیش از آن. 833 00:37:27,240 --> 00:37:31,610 >> چه سرور ارسال بازگشته است شی کمی که به نظر می رسد مثل این. 834 00:37:31,610 --> 00:37:37,140 و به این ترتیب data.price است فقط به من .1515. 835 00:37:37,140 --> 00:37:39,310 بنابراین تعداد زیادی از حرکت قطعات اینجا همه در یک بار. 836 00:37:39,310 --> 00:37:41,860 >> اما takeaways کلیدی است که ما این توانایی 837 00:37:41,860 --> 00:37:44,600 به HTTP اضافی درخواست با استفاده از جاوا اسکریپت 838 00:37:44,600 --> 00:37:46,090 بدون نیاز به بارگذاری مجدد صفحه. 839 00:37:46,090 --> 00:37:49,580 و سپس ما در واقع می تواند تغییر صفحه وب در پرواز. 840 00:37:49,580 --> 00:37:51,850 و معلوم است که جاوا اسکریپت و زبان های دیگر 841 00:37:51,850 --> 00:37:54,510 را می توان در حال حاضر استفاده نمی شود و تنها به جهش صفحات وب، 842 00:37:54,510 --> 00:37:57,960 اما در واقع نرم افزار ارسال در یک کامپیوتر واقعی، 843 00:37:57,960 --> 00:38:00,240 نه فقط به کروم و یا مانند محدود. 844 00:38:00,240 --> 00:38:03,530 >> در واقع، if-- کولتون، به نظر شما می خواهم به ما بپیوندید به بالا در اینجا 845 00:38:03,530 --> 00:38:06,100 با کد آزمایشگاه خود، و چانگ نیز؟ 846 00:38:06,100 --> 00:38:09,140 اجازه دهید به جلو، با صحبت در مورد توابع بی نام و تماس مجدد 847 00:38:09,140 --> 00:38:13,090 و واقعا وسوسه سرنوشت در اینجا با نسخه ی نمایشی زنده با خونریزی 848 00:38:13,090 --> 00:38:16,480 تکنولوژی لبه، یکی از این دستگاه ها نخبگان حرکت. 849 00:38:16,480 --> 00:38:18,940 در حال حاضر، این دستگاه، به یاد بیاورید، یک دستگاه USB کمی است 850 00:38:18,940 --> 00:38:25,620 و همچنین that-- که beautiful-- که شاخه به پورت USB خود را. 851 00:38:25,620 --> 00:38:29,120 >> و سپس آن را فراهم می کند ورودی در قالب حرکات انسان 852 00:38:29,120 --> 00:38:32,560 با تشخیص با استفاده از پرتوهای مادون قرمز، اساسا، جنبش را از بازوی خود را. 853 00:38:32,560 --> 00:38:35,150 بنابراین در حالی که آنچه که ماریا سعی در قبل از عضلانی بود، 854 00:38:35,150 --> 00:38:39,000 در واقع احساس چه چیزی در حال تغییر بازوی خود را، این مادون قرمز است استوار است. 855 00:38:39,000 --> 00:38:44,390 پس از آن به دنبال جنبش در مرتب کردن بر اساس حوزه یک پا و یا تا 856 00:38:44,390 --> 00:38:46,190 از دستگاه خود. 857 00:38:46,190 --> 00:38:48,950 >> پس چرا من نمی کنند چاقو در اولین بار از این؟ 858 00:38:48,950 --> 00:38:53,100 و اجازه دهید پیش بروید و پرتاب شما تا در بالای سر در اینجا. 859 00:38:53,100 --> 00:38:56,250 بنابراین اجازه دهید لپ تاپ قرار داده کولتون تا اینجا. 860 00:38:56,250 --> 00:38:58,360 ما اندرو در تلویزیون کردم. 861 00:38:58,360 --> 00:39:00,160 و آنچه را می خواهید من برای انجام اولین؟ 862 00:39:00,160 --> 00:39:02,409 >> کولتون: برو جلو و فقط قرار دادن دست خود را بر روی این پسر 863 00:39:02,409 --> 00:39:04,430 و شما برخی از زرق و برق های شگفت آور را ببینید. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. مالان: بسیار خوب. 865 00:39:07,230 --> 00:39:11,110 این همه در زمان واقعی اتفاق می افتد. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 همه حق است، و بله. 868 00:39:12,680 --> 00:39:14,119 بنابراین خوب است. 869 00:39:14,119 --> 00:39:15,410 همه حق است، چه چیز دیگری می توانیم انجام دهیم؟ 870 00:39:15,410 --> 00:39:17,900 >> کولتون: رفتن به صفحه بعدی و مشاهده کنید. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. مالان: خوب. 872 00:39:19,136 --> 00:39:21,780 >> کولتون: یک بازی سرگرم کننده کمی که در آن شما را وادار به ساخت رباتهای. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. مالان: خوب، پس این دست جعلی نشان دادن من چه کاری انجام شده است. 874 00:39:24,738 --> 00:39:27,920 کولتون: بله، پس پیش بروید و گرفتن یکی از بلوک های 875 00:39:27,920 --> 00:39:30,637 و آن را در بالای بدن است که ربات است. 876 00:39:30,637 --> 00:39:32,137 DAVID J. مالان: آه، دست من وجود دارد. 877 00:39:32,137 --> 00:39:34,000 اوه. 878 00:39:34,000 --> 00:39:34,780 OK، شایان ستایش. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 یک دقیقه صبر کنید، OK. 881 00:39:38,650 --> 00:39:41,320 ما وجود دارد. 882 00:39:41,320 --> 00:39:43,590 >> کولتون: من یک حادثه ساخته شده است. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. مالان: OK، من این مرد را دریافت کنید. 884 00:39:45,423 --> 00:39:45,923 لعنت به آن! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 هنگامی که ما تمرین شد این آخرین شب، شما می دانید چه این محول را به؟ 887 00:39:51,550 --> 00:39:54,285 >> مثل این. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 بعدی؟ 890 00:39:55,990 --> 00:39:56,860 >> کولتون: مطمئنا. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. مالان: خوب، و در یک سوم وجود دارد. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 همه راست. 894 00:40:01,674 --> 00:40:03,215 کولتون: در این یکی، شما to-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. مالان: آه، این یکی از زیبا. 896 00:40:04,923 --> 00:40:06,650 کولتون: --yeah، انتخاب این گل از هم جدا. 897 00:40:06,650 --> 00:40:07,441 DAVID J. مالان: OK. 898 00:40:07,441 --> 00:40:11,170 899 00:40:11,170 --> 00:40:11,670 هیچ؟ 900 00:40:11,670 --> 00:40:14,515 از دست رفته. 901 00:40:14,515 --> 00:40:15,570 >> کولتون: اوه، وجود دارد که شما بروید. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. مالان: آه، در آن است. 903 00:40:18,680 --> 00:40:19,830 بسیار زیباست. 904 00:40:19,830 --> 00:40:22,470 خب، چرا اصلا 'ما از یک داوطلب در اینجا 905 00:40:22,470 --> 00:40:24,180 که مایل به در آمده است. 906 00:40:24,180 --> 00:40:27,500 چگونه در مورد سمت راست وجود دارد در سبز، در آن است؟ 907 00:40:27,500 --> 00:40:30,540 >> همه حق است، و اجازه دهید have-- به جای انجام این کار، برخی از شما 908 00:40:30,540 --> 00:40:34,590 ممکن است این بازی می دانم here-- قطع طناب، شاید؟ 909 00:40:34,590 --> 00:40:35,100 بیایید ببینید. 910 00:40:35,100 --> 00:40:37,320 ما عینک ما در اینجا؟ 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 متشکرم. 913 00:40:39,270 --> 00:40:39,380 نام شما چیست؟ 914 00:40:39,380 --> 00:40:40,350 >> رسید لورا. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. مالان: لورا؟ 916 00:40:41,266 --> 00:40:42,120 خوب برای دیدن. 917 00:40:42,120 --> 00:40:45,600 اگر برای شما مهم نیست با قرار دادن گوگل شیشه ای بیش از عینک خود را. 918 00:40:45,600 --> 00:40:46,970 این کولتون است. 919 00:40:46,970 --> 00:40:47,650 >> کولتون: سلام. 920 00:40:47,650 --> 00:40:48,140 از ملاقات شما خوشبختم. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. مالان: OK، در اطراف می آیند. 922 00:40:49,600 --> 00:40:52,516 همه حق است، پس چه شما به در اینجا، با این قبل از بازی، 923 00:40:52,516 --> 00:40:55,650 است دست خود را بر قرار جهش حرکت در اینجا. 924 00:40:55,650 --> 00:40:57,210 و در حال حاضر فلش شما باید حرکت می کند. 925 00:40:57,210 --> 00:40:57,710 اوه، نه. 926 00:40:57,710 --> 00:40:58,066 >> رسید شماره 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. مالان: ما نمی خواهید به ترک است. 928 00:40:58,780 --> 00:40:59,280 OK، صبر کنید. 929 00:40:59,280 --> 00:41:01,200 در اینجا. 930 00:41:01,200 --> 00:41:03,530 بنابراین توجه به شما به عنوان پای شما انگشت بر چیزی، 931 00:41:03,530 --> 00:41:06,750 ماوس شروع به سبز شدن، که این است که چگونه شما را کلیک کنید. 932 00:41:06,750 --> 00:41:08,980 >> بنابراین بیش از بازی شناور. 933 00:41:08,980 --> 00:41:10,970 و فقط یک انگشت خوب است. 934 00:41:10,970 --> 00:41:13,869 و در حال حاضر در کمی کلیک کنید مرد سبز در سمت چپ. 935 00:41:13,869 --> 00:41:15,410 و در حال حاضر نگه دارید تا آن را پر می تا سبز. 936 00:41:15,410 --> 00:41:15,640 خوب است. 937 00:41:15,640 --> 00:41:16,990 در حال حاضر، مانند، یک سطح تا بالا. 938 00:41:16,990 --> 00:41:20,190 >> رسید: بله، ما می خواهیم یک سطح، در اینجا. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. مالان: خوب. 940 00:41:21,660 --> 00:41:25,500 OK، پس همه شما باید به انجام قطع طناب. 941 00:41:25,500 --> 00:41:28,240 اشاره گر خود را از یک رنگ سفید به پایین وجود دارد. 942 00:41:28,240 --> 00:41:28,880 >> بسیار زیباست. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 همه حق است، آن را در مورد سخت تر. 945 00:41:32,790 --> 00:41:34,800 پس انگشت خود را بر روی بعدی در حال حاضر نگه دارید. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 خوب است. 948 00:41:39,030 --> 00:41:39,999 این یکی سخت است. 949 00:41:39,999 --> 00:41:40,966 >> رسید اوه تلخه. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 می خواهد برود که راه. 952 00:41:42,466 --> 00:41:44,890 اوه تلخه، that-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. مالان: آره. 954 00:41:47,120 --> 00:41:50,700 هدف دوم این است که گرفتن تمام ستاره ها. 955 00:41:50,700 --> 00:41:53,920 همه حق است، بعدی است. 956 00:41:53,920 --> 00:41:57,504 >> بیایید ببینید اگر شما می توانید این یک سوم را دریافت کنید. 957 00:41:57,504 --> 00:41:58,004 خوب است. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK، به بیش از وجود دارد. 960 00:42:06,840 --> 00:42:08,850 >> مطمئن شوید. 961 00:42:08,850 --> 00:42:11,230 اوه، بسیار خوب. 962 00:42:11,230 --> 00:42:11,930 همه راست. 963 00:42:11,930 --> 00:42:13,534 >> پس چرا ما امروز در اینجا موکول؟ 964 00:42:13,534 --> 00:42:15,200 اجازه دهید هر کسی در آمده تا که می خواهد به بازی. 965 00:42:15,200 --> 00:42:16,880 با تشکر بسیار به لورا داوطلب ما. 966 00:42:16,880 --> 00:42:18,730 و ما شما را در روز دوشنبه ببینید. 967 00:42:18,730 --> 00:42:21,190 >> رسید شما احتمالا می خواهید این بازگشت. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: در CS50-- بعدی 969 00:42:23,640 --> 00:42:35,222