1 00:00:00,000 --> 00:00:02,862 >> [موسیقی] 2 00:00:02,862 --> 00:00:10,030 3 00:00:10,030 --> 00:00:11,580 >> دیوید مالان: این CS50 است. 4 00:00:11,580 --> 00:00:12,880 این آغاز هفته نه است. 5 00:00:12,880 --> 00:00:15,797 و این است که آنچه را که باید تولد 200 آقای بول بوده است. 6 00:00:15,797 --> 00:00:17,630 بنابراین این همراهان است که ما با آنها اشاره ام 7 00:00:17,630 --> 00:00:21,800 کاملا چند بار در مورد استفاده از متغیرهای بولین درست و نادرست، 8 00:00:21,800 --> 00:00:22,910 1 و 0 و مانند. 9 00:00:22,910 --> 00:00:25,270 و این بود گوگل ادای احترام به او امروز. 10 00:00:25,270 --> 00:00:26,489 او را تبدیل 200. 11 00:00:26,489 --> 00:00:28,280 بنابراین اگر شما می خواهم به برای ناهار CS50 پیوستن به ما، 12 00:00:28,280 --> 00:00:30,279 نگاهی به لینک در وب سایت درس است. 13 00:00:30,279 --> 00:00:33,580 و چنین چهره و دوستان به عنوان این در انتظار شما در اینجا در کمبریج. 14 00:00:33,580 --> 00:00:35,360 چهره هایی از این در انتظار شما در نیوهیون. 15 00:00:35,360 --> 00:00:37,800 و، در واقع، کن در نیوهیون مهربانی ساخته شده 16 00:00:37,800 --> 00:00:41,594 آنچه به نام GIF متحرک الی در اینجا در اخیر lunch-- یک GIF هنوز 17 00:00:41,594 --> 00:00:44,260 یکی دیگر از فرمت فایل های گرافیکی، که با آن شما familiar-- که هستید 18 00:00:44,260 --> 00:00:46,300 به نظر می رسد کمی چیزی شبیه به این. 19 00:00:46,300 --> 00:00:48,179 بنابراین فقط یک دنباله of-- OK. 20 00:00:48,179 --> 00:00:49,720 در اینجا هیچ کس در کمبریج خنده است. 21 00:00:49,720 --> 00:00:51,720 اما در نیوهیون، این واقعا خنده دار، درست است؟ 22 00:00:51,720 --> 00:00:52,350 خیلی خوب. 23 00:00:52,350 --> 00:00:53,940 >> پس وقت را به ما بپیوندید وجود دارد. 24 00:00:53,940 --> 00:00:55,900 در اینجا در دانشگاه هاروارد، به طور خاص، این چهارشنبه، 25 00:00:55,900 --> 00:00:59,480 اگر شما یک دانشجوی سال دوم هستید و یا دانشجوی سال اول even-- و یا حتی فکر junior-- ساخت 26 00:00:59,480 --> 00:01:01,563 یک سوئیچ به کامپیوتر علم، می دانم که وجود دارد را 27 00:01:01,563 --> 00:01:04,440 یک CS مشاوره نمایشگاه این چهارشنبه، مدت کوتاهی پس از کلاس 28 00:01:04,440 --> 00:01:08,040 در 04:00 در کامپیوتر ساختمان علم ماکسول دورکین. 29 00:01:08,040 --> 00:01:11,890 ما این را در دوره قرار داده وب سایت فردا، و همچنین. 30 00:01:11,890 --> 00:01:14,430 پیراشکی، به من گفته، خدمت خواهد شد. 31 00:01:14,430 --> 00:01:15,180 >> خیلی خوب. 32 00:01:15,180 --> 00:01:18,790 story-- خیلی خنده دار بود مجبور در سراسر اینترنت، 33 00:01:18,790 --> 00:01:23,575 و من برخی آرشیو قدیمی از وب سایت سابق من. 34 00:01:23,575 --> 00:01:25,950 و آن را تبدیل out-- در اطراف این زمان، به نظر می رسد بسیار به موقع 35 00:01:25,950 --> 00:01:28,910 از آنجایی که من جمع آوری که انتخابات UC در مورد به دنده تا دوباره. 36 00:01:28,910 --> 00:01:32,230 بنابراین من برای UC زد، به طرز ناراحت از دست داد. 37 00:01:32,230 --> 00:01:34,770 و شاید این در بخشی به همین دلیل بود. 38 00:01:34,770 --> 00:01:37,600 بنابراین این وب سایت من در آن زمان بود. 39 00:01:37,600 --> 00:01:40,477 به چند دلیل، من فکر کردم آن بود یک ایده خوب، قبل از گفتن مردم 40 00:01:40,477 --> 00:01:43,310 چه پلت فرم من بود و به همین دلیل آنها باید به من رای، که آنها را 41 00:01:43,310 --> 00:01:47,770 کلیک کنید برای ورود به برای پیدا کردن که اطلاعات، که در نگاه به گذشته است 42 00:01:47,770 --> 00:01:48,660 نوع خزنده. 43 00:01:48,660 --> 00:01:50,910 من واقعا نمی دانم آنچه که بود. 44 00:01:50,910 --> 00:01:53,140 >> اما قطعا نه کمک به مبارزات انتخاباتی من. 45 00:01:53,140 --> 00:01:56,874 من هم با ارشد پیدا شده است که year-- من این تقویم ماپت ها بود. 46 00:01:56,874 --> 00:01:58,540 ماپت نوع در رواج آن زمان بودند. 47 00:01:58,540 --> 00:01:59,456 یا شاید آنها نیست. 48 00:01:59,456 --> 00:02:01,790 من تا به حال یک تقویم ماپت ها در آن زمان. 49 00:02:01,790 --> 00:02:04,860 و من فکر کردم آن می شود، سرد به نام کامپیوتر من در شبکه هاروارد 50 00:02:04,860 --> 00:02:07,460 frogman.student.harvard.edu. 51 00:02:07,460 --> 00:02:10,370 در آن زمان، همه ما منحصر به فرد بود نام میزبان مشخص می شود. 52 00:02:10,370 --> 00:02:13,150 و شما می توانید برخی از غرور را انتخاب کنید نام به جای نام خود را. 53 00:02:13,150 --> 00:02:15,580 و من با غواص برای برخی از دلیل رفت. 54 00:02:15,580 --> 00:02:19,040 >> و بعد من started-- من صرف مقدار زیادی زمان کلیک کردن از طریق این لینک 55 00:02:19,040 --> 00:02:20,280 امروز صبح. 56 00:02:20,280 --> 00:02:24,690 و این صفحه در مورد من بود، که در حال حاضر به نظر می رسد نوع شایان ستایش. 57 00:02:24,690 --> 00:02:28,210 اما آن را نیز به شهادت فقط چگونه فن آوری دور آمده است. 58 00:02:28,210 --> 00:02:30,310 منظور من، در روز، 486 چیزی بود. 59 00:02:30,310 --> 00:02:34,090 این روزها، آن را فوق العاده، فوق العاده، فوق العاده آرام و کمتر 60 00:02:34,090 --> 00:02:36,216 از شما ممکن است در خود دارند جیب خود این روز است. 61 00:02:36,216 --> 00:02:38,465 بیشتر در وجود دارد که حتی بیشتر شرم آور بود. 62 00:02:38,465 --> 00:02:39,770 پس من آن را در ترک. 63 00:02:39,770 --> 00:02:42,640 اما این اولین بار بود تاخت و تاز کردن web-- اوه، نه. 64 00:02:42,640 --> 00:02:43,180 که بود. 65 00:02:43,180 --> 00:02:47,000 تاخت و تاز کردن واقعی من به برنامه نویسی تحت وب این سایت، که من فقط فراموش کرده بود. 66 00:02:47,000 --> 00:02:50,620 در برخی موارد، یاد گرفتم چگونه به عکس های پس زمینه را تکراری. 67 00:02:50,620 --> 00:02:55,260 و به این ترتیب من پیدا کردم این کاشی کاری موثر، مانند بازیکن هاکی، فوتبال، گلف و 68 00:02:55,260 --> 00:02:58,040 توپ، و یا هر چه که باشد برای وب سایت جدید الورود انجمن ریاضی. 69 00:02:58,040 --> 00:03:01,390 و این در واقع، واقعا اولین پروژه مبتنی بر وب من در زمان شماها 70 00:03:01,390 --> 00:03:03,880 من فکر می کنم شاید دانشجوی سال دوم سال، year-- تاریخ و زمان 71 00:03:03,880 --> 00:03:07,622 پس از مصرف CS50 و CS51، یکی مشترک کلاس های پیگیری در. 72 00:03:07,622 --> 00:03:09,330 من در به دنبال متوجه از طریق آرشیو 73 00:03:09,330 --> 00:03:12,150 که یکی از جانشینان من و دوستان، لی، نوع تغییر 74 00:03:12,150 --> 00:03:13,480 کپی رایت به خود. 75 00:03:13,480 --> 00:03:17,520 اما این در واقع چیزی بود که من باید خجالت به خود است. 76 00:03:17,520 --> 00:03:19,370 اما در آن زمان، این وب سایت اولین بار بود، 77 00:03:19,370 --> 00:03:22,220 همان طور که گفتم چند هفته پیش، که توسط آن می تواند دانشجوی سال اول 78 00:03:22,220 --> 00:03:24,350 ثبت نام برای ورزش های درون مرزی است. 79 00:03:24,350 --> 00:03:27,950 و پس از آن معلوم که تصاویر پس زمینه 80 00:03:27,950 --> 00:03:29,530 مانند که چنین ایده خوبی نیست. 81 00:03:29,530 --> 00:03:31,840 اما وب جدید بود، و همه ما انجام داد. 82 00:03:31,840 --> 00:03:34,310 و این همان چیزی است که من ظاهرا در آن زمان بود. 83 00:03:34,310 --> 00:03:34,810 خیلی خوب. 84 00:03:34,810 --> 00:03:38,020 بنابراین بدون ado بیشتر، ما تغییر دهید امروز چرخ دنده را به شما بدهد، واقعا، 85 00:03:38,020 --> 00:03:42,250 قطعه نهایی که شما ممکن است پیدا کردن به ویژه برای پروژه های نهایی مفید 86 00:03:42,250 --> 00:03:44,780 بلکه به شروع خواهد شد که را در وب گسترده ای کل جهان 87 00:03:44,780 --> 00:03:46,680 احساس می کنم کمی قابل فهم تر. 88 00:03:46,680 --> 00:03:49,460 در واقع، ما قصد داریم به معرفی یک زبان برنامه نویسی بیشتر 89 00:03:49,460 --> 00:03:52,474 جاوا اسکریپت به نام که شبیه و به روش های مختلف مختلف 90 00:03:52,474 --> 00:03:54,140 از زبان ما در دور نگاه شده است. 91 00:03:54,140 --> 00:03:55,807 >> بنابراین C، به یاد بیاورید، این زبان وارد شده است. 92 00:03:55,807 --> 00:03:57,473 شما باید آن را از طریق یک کامپایلر. 93 00:03:57,473 --> 00:03:59,810 شما دریافت می کنید کد منبع به اعتراض کد، و یا صفر و. 94 00:03:59,810 --> 00:04:03,000 و کسانی که صفر و هستند که CPU خود را، واحد پردازش مرکزی، 95 00:04:03,000 --> 00:04:04,360 در واقع درک. 96 00:04:04,360 --> 00:04:06,610 PHP، در مقابل، است یک زبان وارد شده است. 97 00:04:06,610 --> 00:04:08,772 آن چه؟ 98 00:04:08,772 --> 00:04:09,980 این یک زبان تفسیر شده است. 99 00:04:09,980 --> 00:04:11,750 بنابراین برخی از برنامه وجود دارد به نام یک مفسر است که 100 00:04:11,750 --> 00:04:13,708 به خواندن بالای it-- به پایین، چپ به right-- 101 00:04:13,708 --> 00:04:16,519 و کشف کردن آنچه همه نحو خود را می کند و به معنی، 102 00:04:16,519 --> 00:04:20,200 آن است که آیا یک حلقه یا یک شرط یا هر تعداد دیگر از برنامه نویسی 103 00:04:20,200 --> 00:04:20,740 سازه. 104 00:04:20,740 --> 00:04:22,210 به طوری که یک زبان تفسیر شده است. 105 00:04:22,210 --> 00:04:23,910 >> سپس ما HTML معرفی شده است. 106 00:04:23,910 --> 00:04:26,440 و حتی یک نمی HTML زبان برنامه نویسی. 107 00:04:26,440 --> 00:04:28,110 ما می خواهم آن چه پاسخ؟ 108 00:04:28,110 --> 00:04:31,650 زبان نشانه گذاری است که فقط مرتب کردن بر اساس راه فانتزی گفتن آن 109 00:04:31,650 --> 00:04:35,820 سازه های برنامه نویسی مانند می کند ندارد ما شاهد حتی در روز از ابتدا. 110 00:04:35,820 --> 00:04:36,720 هیچ حلقه وجود دارد. 111 00:04:36,720 --> 00:04:37,920 هیچ شرایط وجود دارد. 112 00:04:37,920 --> 00:04:40,820 این واقعا یک زبان است در مورد مارک کردن داده های خود را 113 00:04:40,820 --> 00:04:43,620 و قالب بندی آن و یا ساختار آن را در برخی از راه. 114 00:04:43,620 --> 00:04:46,147 >> CSS، در عین حال، به طور مشابه یک زبان برنامه نویسی. 115 00:04:46,147 --> 00:04:47,730 آن را حتی بیشتر زیبایی گرا. 116 00:04:47,730 --> 00:04:50,470 و آن را اجازه می دهد تا شما را به مرتب کردن بر اساس ریز لحن چیزهایی مانند اندازه فونت و رنگ 117 00:04:50,470 --> 00:04:51,850 و قرار دادن و همه از آن. 118 00:04:51,850 --> 00:04:52,370 پس از آن ما بود 119 00:04:52,370 --> 00:04:53,160 >> SQL. 120 00:04:53,160 --> 00:04:56,010 بنابراین SQL در واقع یک برنامه نویسی زبان در بعضی جهات، 121 00:04:56,010 --> 00:04:59,330 البته متناسب با به طور خاص به پایگاه داده. 122 00:04:59,330 --> 00:05:03,347 اما حتی اگر ما تنها به شما معرفی را انتخاب کنید و درج و حذف و به روز رسانی 123 00:05:03,347 --> 00:05:05,430 و چند تن دیگر، معلوم واقع شما می توانید 124 00:05:05,430 --> 00:05:07,380 نوشتن توابع و یا روش ها، به عنوان آنها 125 00:05:07,380 --> 00:05:11,270 نامیده می شود، در SQL است که نگاه و عمل کاملا مانند توابع پی اچ پی و C. 126 00:05:11,270 --> 00:05:12,390 بنابراین می دانیم که کسانی وجود داشته باشد. 127 00:05:12,390 --> 00:05:15,348 اما ما حتی با آنها را خسته نکنید همانطور که ما تنها بخش کوچکی است. 128 00:05:15,348 --> 00:05:18,600 و سپس جاوا اسکریپت، گذشته از زبان ما به طور رسمی معرفی شده است. 129 00:05:18,600 --> 00:05:21,029 بنابراین جاوا اسکریپت، بیش از حد، یک زبان تفسیر شده. 130 00:05:21,029 --> 00:05:23,070 و کسانی که آشنا، انجام شما می خواهید برای تشخیص آن 131 00:05:23,070 --> 00:05:26,960 با برخی از ویژگی از هر دو C و پی اچ پی؟ 132 00:05:26,960 --> 00:05:28,300 چه چیزی باعث آن متفاوت است؟ 133 00:05:28,300 --> 00:05:29,650 >> رسید آن را کامپایل نشده است. 134 00:05:29,650 --> 00:05:29,930 >> دیوید مالان: بگو دوباره؟ 135 00:05:29,930 --> 00:05:31,200 >> رسید آن را کامپایل نشده است. 136 00:05:31,200 --> 00:05:31,930 >> DAVID مالان: این کامپایل نشده است. 137 00:05:31,930 --> 00:05:33,450 پس از آن، بیش از حد، تعبیر شده است. 138 00:05:33,450 --> 00:05:34,760 پس از آن وارد نشده است. 139 00:05:34,760 --> 00:05:37,210 اما آن را کمی مانند PHP می سازد. 140 00:05:37,210 --> 00:05:39,545 اما هنوز هم از PHP در برخی از راه قابل توجه، 141 00:05:39,545 --> 00:05:40,920 حداقل در راه ما آن را استفاده کنید. 142 00:05:40,920 --> 00:05:41,205 آره؟ 143 00:05:41,205 --> 00:05:41,940 >> مخاطبان: این اجرا می شود سمت سرویس گیرنده. 144 00:05:41,940 --> 00:05:44,000 >> دیوید مالان: این اجرا می شود سمت سرویس گیرنده، معمولا. 145 00:05:44,000 --> 00:05:47,190 که در واقع متمایز مشخصه برای ما در حال حاضر. 146 00:05:47,190 --> 00:05:51,170 C در سمت سرور به این مفهوم که ما همه چیز در CS50 IDE است. 147 00:05:51,170 --> 00:05:53,630 PHP تا کنون شده است سمت سرور تا آنجا 148 00:05:53,630 --> 00:05:56,550 آن را به عنوان، بیش از حد، می شود interpreted-- وارد نیست، اما interpreted-- 149 00:05:56,550 --> 00:06:00,690 در داخل CS50 IDE، که البته فقط یک یا چند سرور در ابر است. 150 00:06:00,690 --> 00:06:03,070 >> اما جاوا اسکریپت، حتی اگر شما قصد دارید 151 00:06:03,070 --> 00:06:07,000 شروع به نوشتن آن، می گویند، pset هشت و شاید نهایی projects-- شما 152 00:06:07,000 --> 00:06:09,620 رفتن به آن را در سمت راست CS50 IDE و ذخیره آن 153 00:06:09,620 --> 00:06:14,760 در فایل های درون IDE CS50، CS50 IDE و، به نوبه خود، سرورهای ابری 154 00:06:14,760 --> 00:06:19,160 که در آن میزبان، قرار نیست برای تفسیر یا اجرای کد خود را. 155 00:06:19,160 --> 00:06:23,880 در عوض، آن را به در ارسال می شود فرم پایین بدون تغییر به مرورگر. 156 00:06:23,880 --> 00:06:26,990 و بعد از آن، برای رفتن به اینترنت اکسپلورر و یا کروم یا فایرفاکس یا سافاری 157 00:06:26,990 --> 00:06:30,697 و یا هر آنچه که در واقع تفسیر آن، بالا به پایین، چپ به راست. 158 00:06:30,697 --> 00:06:32,780 بنابراین متمایز کلیدی مشخصه برای امروز 159 00:06:32,780 --> 00:06:36,110 است که جاوا اسکریپت سمت سرویس گیرنده است و PHP، به عنوان مثال، 160 00:06:36,110 --> 00:06:37,690 بوده است در سمت سرور. 161 00:06:37,690 --> 00:06:40,920 در حال حاضر، این امر پیامدهای جالب برای، مانند، مالکیت معنوی 162 00:06:40,920 --> 00:06:42,660 و که در واقع می توانید کد خود را ببینید. 163 00:06:42,660 --> 00:06:44,860 و در واقع، شما می توانید به در وب و ببینید ترین 164 00:06:44,860 --> 00:06:47,530 هر کد که کسی نوشته شده در جاوا اسکریپت. 165 00:06:47,530 --> 00:06:50,230 گاهی اوقات آن را قابل خواندن است، گاهی اوقات آن را مبهم اند. 166 00:06:50,230 --> 00:06:52,550 اما بیشتر که در زمان مقرر. 167 00:06:52,550 --> 00:06:57,530 >> بنابراین جاوا اسکریپت، به خوبی به اندازه کافی، فوق العاده مشابه، به نحوی، به C. 168 00:06:57,530 --> 00:06:59,364 و بسیار شبیه به پی اچ پی، هیچ عملکرد اصلی وجود دارد. 169 00:06:59,364 --> 00:07:02,113 اگر می خواهید شروع به نوشتن کد های جاوا اسکریپت، به عنوان شما امروز خواهید دید، 170 00:07:02,113 --> 00:07:03,270 شما فقط شروع به نوشتن آن. 171 00:07:03,270 --> 00:07:06,910 اما از آن است، شما خواهید دید، به ویژه در زمینه مرورگرهای وب مفید است. 172 00:07:06,910 --> 00:07:09,820 با این حال، کوچک من disclaimer-- معمولا earlier-- 173 00:07:09,820 --> 00:07:13,790 می گویند که شما می توانید به طور فزاینده استفاده از امروز جاوا اسکریپت سمت سرور 174 00:07:13,790 --> 00:07:17,655 با استفاده از یک چارچوب فانتزی به نام نود.جیاس که برخی از برنامه های کاربردی خود را CS50 175 00:07:17,655 --> 00:07:18,280 در نوشته شده است. 176 00:07:18,280 --> 00:07:20,640 بررسی 50 در واقع با استفاده Node.js. 177 00:07:20,640 --> 00:07:24,140 اما ما قصد داریم به تمرکز بر روی جاوا اسکریپت های سمت سرویس گیرنده اینجا در خارج. 178 00:07:24,140 --> 00:07:26,750 >> بنابراین در اینجا مجموعه ای از شرایط در PHP است. 179 00:07:26,750 --> 00:07:29,350 با عرض پوزش، in-- در واقع، که بیانیه، TOO درست است. 180 00:07:29,350 --> 00:07:32,200 در اینجا نیز مجموعه ای از شرایط در جاوا اسکریپت. 181 00:07:32,200 --> 00:07:35,560 از لحاظ دستوری، آن است که یکسان به C و PHP. 182 00:07:35,560 --> 00:07:39,040 عبارت آقای بول هستند، به طور مشابه، نحوی 183 00:07:39,040 --> 00:07:41,190 یکسان به هر دوی C و PHP. 184 00:07:41,190 --> 00:07:44,100 ما همچنین سوئیچ در اند جاوا اسکریپت است که نگاه یکسان است. 185 00:07:44,100 --> 00:07:46,350 ما برای حلقه که دارند ساختار یکسان، 186 00:07:46,350 --> 00:07:48,140 در حالی که حلقه ها، در حالی که حلقه را انجام دهد. 187 00:07:48,140 --> 00:07:49,980 >> این یکی کمی متفاوت است. 188 00:07:49,980 --> 00:07:53,120 پی اچ پی برای هر سازه حال که شما ممکن است با استفاده از 189 00:07:53,120 --> 00:07:55,320 و یا در pset هفت شاید استفاده خواهد کرد. 190 00:07:55,320 --> 00:07:59,460 جاوا اسکریپت است این نسخه ویژه ای از که در آن شما به معنای واقعی کلمه می گویند چیزی 191 00:07:59,460 --> 00:08:03,864 مانند کلید متغیر در جسم، که یک راه بسیار موجز از این است، 192 00:08:03,864 --> 00:08:06,780 اگر من با یک object-- کردم ایم و خواهیم در مورد این صحبت دوباره در یک moment-- 193 00:08:06,780 --> 00:08:10,370 و من می خواهم به تکرار بیش از همه از جفت کلید در داخل، 194 00:08:10,370 --> 00:08:13,620 من لازم نیست به شکل از چگونه به شاخص عددی آنها را با صفر، یک، 195 00:08:13,620 --> 00:08:14,580 دو سه. 196 00:08:14,580 --> 00:08:15,900 >> من به معنای واقعی کلمه می توان گفت این. 197 00:08:15,900 --> 00:08:20,740 و در هر تکرار، جاوا اسکریپت برای من خواهد کلید متغیر به روز رسانی 198 00:08:20,740 --> 00:08:24,810 به اولین کلید، سپس کلید بعدی، سپس کلید بعدی، سپس کلید بعدی، 199 00:08:24,810 --> 00:08:25,510 و الی آخر. 200 00:08:25,510 --> 00:08:30,000 و من می توانید در ارزش خود را با درمان گرفتن یک شی در جاوا اسکریپت، همانطور که خواهیم دید، 201 00:08:30,000 --> 00:08:32,584 به عنوان اینکه آن را به یک آرایه انجمنی در PHP. 202 00:08:32,584 --> 00:08:35,750 در واقع، اگر شما در نهایت پیچیده خود را ذهن در اطراف چه یک آرایه انجمنی است 203 00:08:35,750 --> 00:08:40,140 در پی اچ پی، شما می توانید از آن برای حال حاضر به عنوان فکر می کنم یکسان به یک شی در جاوا اسکریپت. 204 00:08:40,140 --> 00:08:42,030 اما این یک بیت از این ساده. 205 00:08:42,030 --> 00:08:47,230 >> آرایه نگاه کنید، به سادگی به اندازه کافی، یکسان به پی اچ پی به جز یک شخصیت. 206 00:08:47,230 --> 00:08:51,425 یک چیز از دست رفته در اینجا وجود دارد که ما انجام داد هفته گذشته با پی اچ پی را ببینید. 207 00:08:51,425 --> 00:08:52,050 چه خبر حذف؟ 208 00:08:52,050 --> 00:08:53,310 آره؟ 209 00:08:53,310 --> 00:08:54,090 بدون علامت دلار. 210 00:08:54,090 --> 00:08:56,240 بنابراین ما به یک هستید بیشتر جهان طبیعی که در آن 211 00:08:56,240 --> 00:08:58,050 متغیرهای علائم دلار ندارد. 212 00:08:58,050 --> 00:09:00,810 اما شما آنها را پیشوند با ور، به طور معمول. 213 00:09:00,810 --> 00:09:02,230 و VAR معنی متغیر است. 214 00:09:02,230 --> 00:09:06,440 و بسیار شبیه به PHP است آزادانه typed-- به موجب آن انواع وجود دارد، 215 00:09:06,440 --> 00:09:10,120 تعداد و رشته وجود دارد و شناور خطوط و بنابراین forth-- 216 00:09:10,120 --> 00:09:11,570 جاوا اسکریپت مشابه دارای انواع. 217 00:09:11,570 --> 00:09:15,470 اما آن را آزادانه در آن تایپ ما برنامه نویسان مجبور به آنها را مشخص کنید. 218 00:09:15,470 --> 00:09:18,980 ما فقط باید آگاه باشید که انواع مختلف وجود داشته باشد. 219 00:09:18,980 --> 00:09:21,690 >> متغیرها، meanwhile-- اینجا است که چگونه ما ممکن است اعلام "سلام جهان" 220 00:09:21,690 --> 00:09:22,230 به عنوان یک رشته است. 221 00:09:22,230 --> 00:09:24,890 متوجه آن یکسان است به PHP اما هیچ نشانه ای دلار. 222 00:09:24,890 --> 00:09:27,120 و این چیزی است که ما را شروع به دیدن امروز بیشتر، 223 00:09:27,120 --> 00:09:30,990 به موجب آن شما یک شی با کلید ها و مقادیر. 224 00:09:30,990 --> 00:09:32,990 و اگر شما می خواهید امتحان کنید برای پی بردن به آخرین week-- از 225 00:09:32,990 --> 00:09:34,730 نحو کمی متفاوت است. 226 00:09:34,730 --> 00:09:39,740 اما سلامت عقل کمی check-- که چگونه بسیاری از کلید این شی به نظر می رسد؟ 227 00:09:39,740 --> 00:09:40,850 بنابراین من چهار ببینید. 228 00:09:40,850 --> 00:09:43,560 من دو را مشاهده کنید. 229 00:09:43,560 --> 00:09:44,680 >> پس از آن که در واقع دو. 230 00:09:44,680 --> 00:09:47,260 بنابراین این یک مجموعه است از دو جفت کلید-مقدار. 231 00:09:47,260 --> 00:09:49,820 کلید نماد که ارزش FB است. 232 00:09:49,820 --> 00:09:52,620 کلید قیمت که ارزش 101.53 است. 233 00:09:52,620 --> 00:09:54,230 بنابراین کسانی که دو جفت کلید-مقدار. 234 00:09:54,230 --> 00:09:58,120 و به یاد داشته باشید، PHP-- و این است که دوباره فقط از نوع تفاوت نحوی. 235 00:09:58,120 --> 00:10:00,170 این همه که فکری جالب. 236 00:10:00,170 --> 00:10:04,610 PHP ممکن است این همان نوشته چیزی که به عنوان نقل قول follows--، برابر است. 237 00:10:04,610 --> 00:10:06,730 و من این را به براکت را تغییر دهید. 238 00:10:06,730 --> 00:10:11,240 و سپس این به تغییر من یک کلمه به نقل از، «قیمت» 239 00:10:11,240 --> 00:10:12,500 و پس از آن من روده بزرگ استفاده نکنید. 240 00:10:12,500 --> 00:10:15,060 چه من در هفته گذشته استفاده کنید؟ 241 00:10:15,060 --> 00:10:18,290 آره، از علامت مساوی فلش نماد بد بو. 242 00:10:18,290 --> 00:10:21,470 >> و پس از آن من هم همین اینجا انجام داد. 243 00:10:21,470 --> 00:10:23,580 همان چیزی که در اینجا. 244 00:10:23,580 --> 00:10:24,240 همش همین بود. 245 00:10:24,240 --> 00:10:27,752 پس از آن خوب اگر این است و نه واقعا به حافظه فقط غرق در 246 00:10:27,752 --> 00:10:29,960 اما از آنجا که آن را واقعا فکری غیر. 247 00:10:29,960 --> 00:10:31,660 این تفاوت فقط نحوی است. 248 00:10:31,660 --> 00:10:33,230 اما ایده دقیقا همان. 249 00:10:33,230 --> 00:10:35,910 در داخل این متغیر نقل قول در جاوا اسکریپت 250 00:10:35,910 --> 00:10:39,020 مجموعه ای از جفت کلید ارزش است، که یکی از آنها نماد است، که یکی از آنها 251 00:10:39,020 --> 00:10:39,690 قیمت است. 252 00:10:39,690 --> 00:10:42,340 و من می توانید در آن ارزش گرفتن با دستور زیر. 253 00:10:42,340 --> 00:10:46,280 فقط در پی اچ پی، من می توانم انجام چیزی شبیه اجازه 254 00:10:46,280 --> 00:10:48,590 من را از این کادر کمی بزرگتر. 255 00:10:48,590 --> 00:10:52,750 فقط در پی اچ پی، من می توانم را this-- آه، لعنتی. 256 00:10:52,750 --> 00:10:53,250 بجنب. 257 00:10:53,250 --> 00:10:56,350 258 00:10:56,350 --> 00:11:00,800 >> درست مثل در PHP-- OK، ما فقط یادداشت مجری استفاده کنید. 259 00:11:00,800 --> 00:11:06,010 فقط در پی اچ پی، من می توانم انجام $ $ نقل قول نقل قول ["نماد"]، 260 00:11:06,010 --> 00:11:08,860 و این من ارزش "نماد است." 261 00:11:08,860 --> 00:11:12,800 در جاوا اسکریپت، آن را به یکسان، به موجب آن من فقط می تواند این کار را. 262 00:11:12,800 --> 00:11:14,850 تنها چیزی که گم شده علامت دلار است. 263 00:11:14,850 --> 00:11:17,470 >> تا به سادگی به اندازه کافی، پس از آن، وجود دارد همه که نه نحو جدید است. 264 00:11:17,470 --> 00:11:21,025 پس چه امروز ما تمرکز بر روی، واقعا، برخی از ایده ها و برنامه های کاربردی. 265 00:11:21,025 --> 00:11:22,900 و اولین برنامه ای که شما ممکن است 266 00:11:22,900 --> 00:11:26,090 را دیده اند، اگر شما را به pset شیرجه هفت در حال حاضر این نحو است. 267 00:11:26,090 --> 00:11:28,980 بنابراین در pset هفت، اگر شما دیده یا دیده می شود آن را هنوز، 268 00:11:28,980 --> 00:11:33,570 می دانم که یک فایل است که ما به وجود شما به نام config.json-- جاوا اسکریپت 269 00:11:33,570 --> 00:11:34,661 شی نشانه گذاری. 270 00:11:34,661 --> 00:11:35,160 واسه چی؟ 271 00:11:35,160 --> 00:11:39,540 ما می خواستیم قادر به شما را با ارائه یک قالب با برخی از جفت کلید-مقدار. 272 00:11:39,540 --> 00:11:44,290 ما می خواستیم قادر به شما یک لیست را از میزبان، نام سرور. 273 00:11:44,290 --> 00:11:46,710 ما می خواستیم به شما یک را حفره یا سوراخ برای نام کاربری خود را 274 00:11:46,710 --> 00:11:48,210 و یک حفره یا سوراخ برای رمز عبور خود را. 275 00:11:48,210 --> 00:11:49,410 اگر شما در حال دیدن نیست این در عین حال، به نگرانی نیست. 276 00:11:49,410 --> 00:11:51,340 بیشتر در مورد این در pset هفت [؟ تنظیمات. ؟] و بعد، 277 00:11:51,340 --> 00:11:53,173 بدیهی است که ما شما می خواهید برای پر کردن در به داس 278 00:11:53,173 --> 00:11:55,310 زیرا هنگامی که شما به سیستم وارد شوید CS50 IDE، هر یک از شما 279 00:11:55,310 --> 00:11:57,630 نام کاربری و رمز عبور خود را داشته باشد. 280 00:11:57,630 --> 00:12:00,910 >> بنابراین ما می تواند یک نیم دوجین استفاده می شود یا فرمت های فایل های مختلف است. 281 00:12:00,910 --> 00:12:02,940 ما می تواند یک فایل TXT استفاده کرده اند. 282 00:12:02,940 --> 00:12:04,570 ما می تواند یک فایل CSV استفاده می شود. 283 00:12:04,570 --> 00:12:06,745 ما می تواند مورد استفاده قرار گیرد ام فایل INI، یک فایل XML، 284 00:12:06,745 --> 00:12:09,370 کلمات اختصاری یک دسته کامل تر است که شما ممکن است که تا کنون شنیده می شود. 285 00:12:09,370 --> 00:12:11,244 این نوع از خودسرانه است در پایان روز. 286 00:12:11,244 --> 00:12:16,030 اما فوق العاده محبوب این روزها یک متن است فرمت به نام شی JSON-- جاوا اسکریپت 287 00:12:16,030 --> 00:12:18,460 نشانه گذاری که شبیه به این. 288 00:12:18,460 --> 00:12:20,890 آن را کمی مرموز، اما متوجه الگوهای. 289 00:12:20,890 --> 00:12:24,180 شما با اشکال مختلف باز شروع بریس، و شما را با همان پایان دادن به. 290 00:12:24,180 --> 00:12:26,550 در داخل آن چیزی است. 291 00:12:26,550 --> 00:12:27,920 این یک جفت کلید ارزش است. 292 00:12:27,920 --> 00:12:30,580 بنابراین این یک شی است که من است به دنبال در بر روی صفحه نمایش در اینجا 293 00:12:30,580 --> 00:12:33,690 است که یک کلید است که یک مقدار است. 294 00:12:33,690 --> 00:12:37,610 و فقط استنتاج بر اساس الگوی قبلی، چه کلیدی در اینجا؟ 295 00:12:37,610 --> 00:12:39,790 پایگاه داده، چیزی که به در سمت چپ روده بزرگ است. 296 00:12:39,790 --> 00:12:43,500 >> در حال حاضر، ارزش اتفاق می افتد به خطوط متعدد این زمان. 297 00:12:43,500 --> 00:12:46,760 اما ارزش با اشکال مختلف شروع می شود بریس و با یک آکولاد به پایان می رسد. 298 00:12:46,760 --> 00:12:49,480 بنابراین آنچه را که شما پیشنهاد است که نوع ارزش پایگاه داده؟ 299 00:12:49,480 --> 00:12:52,160 300 00:12:52,160 --> 00:12:54,670 یک فرهنگ لغت یا، فقط بیشتر به طور خلاصه، یک شی. 301 00:12:54,670 --> 00:12:55,170 درست؟ 302 00:12:55,170 --> 00:13:00,010 این نوع از ساختار داده است که می توانید سازه های دیگر در درون خود استفاده کنید. 303 00:13:00,010 --> 00:13:02,750 بنابراین اگر تمام این چیز ما فراخوانی یک object-- و یک شی 304 00:13:02,750 --> 00:13:07,101 فقط یک دسته از کلید-مقدار pairs-- است ارزش پایگاه داده خود یک شی است. 305 00:13:07,101 --> 00:13:10,350 ارزش از پایگاه داده است یک دسته کامل از جفت کلید، اولین بار است که 306 00:13:10,350 --> 00:13:13,130 است میزبان، پس از آن نام، و سپس نام کاربری و سپس رمز عبور، 307 00:13:13,130 --> 00:13:17,550 هر یک از مقادیر که، در عین حال، آن را تنها یک رشته خسته کننده را در کوتیشن. 308 00:13:17,550 --> 00:13:19,770 >> بنابراین حتی اگر که نه فوق العاده روشن فقط رتبهدهی نشده است، 309 00:13:19,770 --> 00:13:22,740 می دانم که این فقط یک استاندارد، راه نسبتا حفاری و خسته کننده 310 00:13:22,740 --> 00:13:25,190 ذخیره سازی اطلاعات در یک قالب استاندارد. 311 00:13:25,190 --> 00:13:27,700 اما از اشتباهات رایج شما ممکن است، حتی در pset هفت، 312 00:13:27,700 --> 00:13:32,120 کارهای احمقانه کمی هستند، مانند اگر شما به طور تصادفی حذف کاما از هم وجود دارد. 313 00:13:32,120 --> 00:13:34,900 که رفتن به نتیجه در فایل نه لزوما قابل خواندن است. 314 00:13:34,900 --> 00:13:38,191 اگر شما به طور تصادفی حذف چیزهایی مانند نقل قول ها، آن را به قابل خواندن است. 315 00:13:38,191 --> 00:13:41,654 پس از آن یک فایل با فرمت بسیار nitpicky، اما آن یکی که فوق العاده شایع است. 316 00:13:41,654 --> 00:13:44,820 و ما اتفاق می افتد به استفاده از آن، حتی اگر شما هر جاوا اسکریپت غیر این صورت استفاده نمی کند، 317 00:13:44,820 --> 00:13:46,330 در pset هفت. 318 00:13:46,330 --> 00:13:46,860 >> خیلی خوب. 319 00:13:46,860 --> 00:13:48,110 خب این تصویر به یاد داشته باشید. 320 00:13:48,110 --> 00:13:51,657 ما در مورد صحبت کردیم، در HTML، که کد ممکن است شبیه به این. 321 00:13:51,657 --> 00:13:54,740 این زبان نشانه گذاری ابرمتن است [نامفهوم] فقط برای "سلام جهان!" 322 00:13:54,740 --> 00:13:57,570 اما پس از آن ما پیشنهاد در حالی که تماس که اگر آن را کمک می کند، 323 00:13:57,570 --> 00:14:00,210 شما ممکن است بخواهید شروع به فکر کردن در مورد این در حال حاضر به عنوان یک درخت. 324 00:14:00,210 --> 00:14:03,730 در واقع، دندانه که ما استفاده فقط به خاطر خوانایی است 325 00:14:03,730 --> 00:14:05,610 و یا به خاطر سبک در سمت چپ می تواند به نوعی 326 00:14:05,610 --> 00:14:10,040 به این درخت، که در آن شما ترجمه برخی از گره ریشه های خاص است که ما 327 00:14:10,040 --> 00:14:16,860 عموما به نام سند، که در زیر عنصر HTML ریشه یا برچسب، HTML غیر فعال است، 328 00:14:16,860 --> 00:14:19,980 که پس از آن دو کودکان، سر و بدن. 329 00:14:19,980 --> 00:14:21,750 >> و سپس به نوبه خود، سر تا به عنوان. 330 00:14:21,750 --> 00:14:23,440 و عنوان دارای یک مقدار متن. 331 00:14:23,440 --> 00:14:26,130 و بدن به طور مشابه دارای ارزش متن. 332 00:14:26,130 --> 00:14:29,220 بنابراین اگر شما راحت گفت هستید که بله، شما می توانید این را در HTML 333 00:14:29,220 --> 00:14:32,080 و رسم یک تصویر مانند این، سمت راست 334 00:14:32,080 --> 00:14:35,910 یک مدل ذهنی خوب است چون در حال حاضر که ما از جاوا اسکریپت، برنامه نویسی 335 00:14:35,910 --> 00:14:39,960 زبانی که می توانید مرورگر اجرا و تفسیر برای شما، 336 00:14:39,960 --> 00:14:42,690 معلوم است که چه ما در مورد به انجام در کد هستید 337 00:14:42,690 --> 00:14:45,320 این است که شروع به دستکاری این ساختار درختی در حافظه است. 338 00:14:45,320 --> 00:14:47,070 ما لازم نیست که به ساخت درخت در حافظه است. 339 00:14:47,070 --> 00:14:49,880 ما لازم نیست که به انجام مرتب کردن بر اساس ساختار داده pset و پنج سبک 340 00:14:49,880 --> 00:14:50,650 پیچیدگی. 341 00:14:50,650 --> 00:14:54,610 مرورگر، به خوبی به اندازه کافی، پس از تفسیر بالای HTML به پایین، 342 00:14:54,610 --> 00:14:58,600 چپ یا راست است، به معنای واقعی کلمه از رفتن به دست ما معادل یک اشاره گر 343 00:14:58,600 --> 00:15:00,840 به کل درخت به صورت رایگان. 344 00:15:00,840 --> 00:15:02,150 این کار همه از کار سخت است. 345 00:15:02,150 --> 00:15:05,520 این چیزی است که موزیلا و اپل و دیگران برای ما انجام داده اند. 346 00:15:05,520 --> 00:15:09,400 >> و با جاوا اسکریپت ما را به رفتن قادر به کنترل و تغییر و انجام 347 00:15:09,400 --> 00:15:12,910 چیزهای جالب برای آن درخت، در غیر این صورت شناخته شده 348 00:15:12,910 --> 00:15:15,880 به عنوان یک DOM یا مدل شیء سند. 349 00:15:15,880 --> 00:15:17,110 چه چیزهایی؟ 350 00:15:17,110 --> 00:15:19,030 خب، معلوم است که در جاوا اسکریپت، وجود دارد 351 00:15:19,030 --> 00:15:22,800 این لیست خشکشویی که از رویدادی که می تواند انجام گیرد. 352 00:15:22,800 --> 00:15:26,330 و ما واقعا استفاده می شود که کلمه از هفته صفر و pset 353 00:15:26,330 --> 00:15:28,240 صفر وقتی ما در مورد خراش صحبت کردیم. 354 00:15:28,240 --> 00:15:31,390 بسیاری از شما احتمالا از آن استفاده نکرد یک رویداد در پروژه خراش خود را. 355 00:15:31,390 --> 00:15:33,850 اما شما ممکن است به یاد ساده مارکو پولو 356 00:15:33,850 --> 00:15:36,760 به عنوان مثال، جایی که ما دو حال جن، که یکی از آنها گفت: مارکو. 357 00:15:36,760 --> 00:15:40,180 دیگر آنها پس از آن، پس از گوش دادن و شنیدن آن رویداد، گفت: پولو است. 358 00:15:40,180 --> 00:15:42,080 اگر نه، در صورت تمایل به نگاه که به دور است. 359 00:15:42,080 --> 00:15:44,450 >> اما این فقط به می گویند، و شما می توانید نوع 360 00:15:44,450 --> 00:15:47,730 استنباط از نام این همه چیز، جاوا اسکریپت، که معلوم است، 361 00:15:47,730 --> 00:15:53,200 است به ما یک راه برای گوش دادن به ماوس رفتن به پایین و یا بالا رفتن موس 362 00:15:53,200 --> 00:15:57,920 یا کلید پایین رفتن یا کلید بالا رفتن یا onselect onsubmit 363 00:15:57,920 --> 00:15:59,740 و یا onresizing چیزی. 364 00:15:59,740 --> 00:16:03,060 به عبارت دیگر، هر گونه اقدام فیزیکی که یک انسان می تواند با یک مرورگر را 365 00:16:03,060 --> 00:16:08,210 که شما هر روز انجام دهید، شما می توانید ارسال کد برای گوش که برای کسانی که وقایع 366 00:16:08,210 --> 00:16:10,220 و پس از آن چیزی مناسب است. 367 00:16:10,220 --> 00:16:14,130 >> به عنوان مثال، اگر شما استفاده از نقشه های گوگل، اگر شما کلیک کنید و حرکت چه اتفاقی می افتد 368 00:16:14,130 --> 00:16:16,250 ماوس، معمولا؟ 369 00:16:16,250 --> 00:16:17,758 اگر شما با کلیک و کشیدن؟ 370 00:16:17,758 --> 00:16:18,258 آره؟ 371 00:16:18,258 --> 00:16:21,701 372 00:16:21,701 --> 00:16:22,200 دقیقا. 373 00:16:22,200 --> 00:16:23,159 نقشه شروع به حرکت می کند. 374 00:16:23,159 --> 00:16:25,616 بنابراین شما مرتب کردن بر اساس توانید ببینید چه چیزی در اینجا، آنچه بیش از وجود دارد. 375 00:16:25,616 --> 00:16:27,130 و چگونه گوگل پیاده سازی است که؟ 376 00:16:27,130 --> 00:16:29,421 خب، احتمالا، آنها با استفاده از یک زن و شوهر از این رویداد 377 00:16:29,421 --> 00:16:31,720 شنوندگان، که می گوید، گوش دادن بر روی موس برای 378 00:16:31,720 --> 00:16:35,410 down-- تا زمانی که کاربر فیزیکی هل لای شیار یا خود و یا موس خود را 379 00:16:35,410 --> 00:16:36,010 پایین. 380 00:16:36,010 --> 00:16:38,350 و پس از آن ما به دنبال چیزی شبیه به جنبش 381 00:16:38,350 --> 00:16:41,145 یا برخی از رویداد های دیگری که ما اجازه می دهد برای گرفتن بکشید. 382 00:16:41,145 --> 00:16:45,910 و در واقع، کشیدن است به طور مشابه در این نقطه نقطه نقطه لیست از گزینه های ممکن است. 383 00:16:45,910 --> 00:16:49,140 >> پس این است که برای رفتن به یک قدرتمند راه برای شروع پاسخ به کاربران 384 00:16:49,140 --> 00:16:52,824 حتی قبل از او در واقع کلیک چیزی صریح و روشن مانند ارسال کنید. 385 00:16:52,824 --> 00:16:55,240 اما ما قصد داریم به معرفی یک زن و شوهر موضوعات به وجود دارد. 386 00:16:55,240 --> 00:16:58,570 انتقال اما در ابتدا، اجازه دهید به برخی از کد واقعی. 387 00:16:58,570 --> 00:17:01,450 بنابراین من قصد دارم به جلو و باز کردن DOM-0، 388 00:17:01,450 --> 00:17:05,869 که به عنوان مثال بسیار ساده است در اینجا است که اگر من در به سادگی زوم 389 00:17:05,869 --> 00:17:08,500 این ورودی در اینجا برای من. 390 00:17:08,500 --> 00:17:12,410 و من قصد دارم به جلو بروید و تایپ "دیوید" نام من کلیک کنید و ثبت. 391 00:17:12,410 --> 00:17:17,940 >> و پس از آن، البته نوع ارزان، من این اعلان که بالا میآید که می گوید، 392 00:17:17,940 --> 00:17:19,244 "سلام، دیوید!" 393 00:17:19,244 --> 00:17:21,740 بنابراین این نوع از مانند ما "سلام جهان" 394 00:17:21,740 --> 00:17:25,150 که ما انجام داد مدتی در C و حتی در PHP چون من به صورت پویا 395 00:17:25,150 --> 00:17:26,310 نام من ... خروجی. 396 00:17:26,310 --> 00:17:28,230 من می توانم نام شخص دیگری انجام دهید. 397 00:17:28,230 --> 00:17:31,240 من به سادگی می تواند این تغییر، مانند، هانا، کلیک کنید و ثبت. 398 00:17:31,240 --> 00:17:33,780 و در واقع، کمی تغییرات پاپ آپ. 399 00:17:33,780 --> 00:17:36,650 >> در حال حاضر، پاپ آپ یکی از هستند بسیاری از ویژگی های مورد آزار قرار گرفته از وب است. 400 00:17:36,650 --> 00:17:38,520 و در واقع، در روز مسدود کننده pop-تا 401 00:17:38,520 --> 00:17:40,820 به رواج آمد، زیرا شما به برخی website-- رفتن 402 00:17:40,820 --> 00:17:43,604 شاید یک سوال place-- که پس از آن به طور ناگهانی 403 00:17:43,604 --> 00:17:46,020 شروع گردهای صفحه نمایش خود را با یک دسته کامل از پاپ آپ. 404 00:17:46,020 --> 00:17:49,700 و این توانایی پاپ تا پنجره ها در مقابل کاربر 405 00:17:49,700 --> 00:17:52,372 شده است به خصوص شده است خوبی دریافت شده توسط بشریت است. 406 00:17:52,372 --> 00:17:54,080 به همین دلیل شما می بینید این جلوگیری از چیزی، 407 00:17:54,080 --> 00:17:55,706 که فقط باعث می شود تمام این چیز زشت است. 408 00:17:55,706 --> 00:17:57,996 بنابراین ما در حال رفتن به نیاز به یک راه بهتری برای سریع کاربر. 409 00:17:57,996 --> 00:17:59,350 اما در حال حاضر، به نظر می رسد که به کار است. 410 00:17:59,350 --> 00:18:03,320 بنابراین فقط به طور مستقیم، چه به نظر می رسد اتفاق می افتد که اینجا هستید؟ 411 00:18:03,320 --> 00:18:07,870 من پیش بروید و روی ارسال کلیک کنید، و پس از آن چیزی که اتفاق می افتد، به وضوح. 412 00:18:07,870 --> 00:18:12,870 اما آنچه اتفاق می افتد که اتفاق افتاد هفته گذشته هر زمان من کلیک کنید. 413 00:18:12,870 --> 00:18:15,940 چه بر روی صفحه نمایش اتفاق نمی افتد؟ 414 00:18:15,940 --> 00:18:17,170 متاسف؟ 415 00:18:17,170 --> 00:18:18,010 بازنگری. 416 00:18:18,010 --> 00:18:19,720 آدرس URL را تغییر دهید نه در همه. 417 00:18:19,720 --> 00:18:22,250 من گفتم این DOM-0، و من هنوز در DOM-0 است. 418 00:18:22,250 --> 00:18:26,890 به طور معمول، ما می خواهم به برخی دیگر از تغییر URL، مانند register.php و یا مانند. 419 00:18:26,890 --> 00:18:29,560 >> اما حتی زمانی که من رد این چیزی که با کلیک کردن OK، 420 00:18:29,560 --> 00:18:32,310 توجه کنید که URL باقی می ماند به طور کامل قرار داده است. 421 00:18:32,310 --> 00:18:35,350 و، در واقع، اگر من کمی شک و تردید، من اجازه باز کردن کروم. 422 00:18:35,350 --> 00:18:36,860 من اجازه باز کردن تب شبکه. 423 00:18:36,860 --> 00:18:38,360 و متوجه آن خالی در حال حاضر. 424 00:18:38,360 --> 00:18:40,700 اجازه بدهید به جلو و دوباره ماریا. 425 00:18:40,700 --> 00:18:42,810 هیچ ترافیک شبکه وجود ندارد. 426 00:18:42,810 --> 00:18:44,320 بنابراین هیچ HTTP وجود دارد. 427 00:18:44,320 --> 00:18:47,620 >> پس در واقع، اگر من در کد منبع نگاه برای this-- اجازه دهید من این پنجره را ببندید 428 00:18:47,620 --> 00:18:49,480 و رفتن به مشاهده منبع. 429 00:18:49,480 --> 00:18:50,400 جالب هست. 430 00:18:50,400 --> 00:18:53,520 به نظر می رسد برخی از وجود دارد تگ های جدید، در میان آنها اسکریپت. 431 00:18:53,520 --> 00:18:57,490 بنابراین اجازه دهید یک نگاهی از درون CS50 IDE دقیقا آنچه که من را به کاربر ارسال می شود. 432 00:18:57,490 --> 00:19:00,690 >> بنابراین در اینجا is-- اجازه دهید تمرکز بر روی تنها HTML. 433 00:19:00,690 --> 00:19:03,500 در اینجا نیمه پایین DOM-0.html است. 434 00:19:03,500 --> 00:19:07,830 و توجه کنید که آن را به یک عنوان، برچسب سر، تگ body، یک تگ فرم. 435 00:19:07,830 --> 00:19:11,257 اما آنچه بیرون می پرد به شما به عنوان مختلف، به خصوص اگر شما هرگز 436 00:19:11,257 --> 00:19:12,590 نوشته شده هر جاوا اسکریپت خود را. 437 00:19:12,590 --> 00:19:14,920 اجازه دهید من رفته کمی به حق در اینجا. 438 00:19:14,920 --> 00:19:18,330 ما یک ورودی کردم، ورودی دیگری برای ما ارسال کنید. 439 00:19:18,330 --> 00:19:21,410 من یک ID، است که نوع جدید کردم. 440 00:19:21,410 --> 00:19:22,790 اما ما با CSS دیدن این. 441 00:19:22,790 --> 00:19:24,480 چه چیز دیگری است که قطعا جدید؟ 442 00:19:24,480 --> 00:19:24,980 آره؟ 443 00:19:24,980 --> 00:19:30,580 444 00:19:30,580 --> 00:19:32,140 خوب. 445 00:19:32,140 --> 00:19:32,760 >> خیلی خوب. 446 00:19:32,760 --> 00:19:35,630 تا جایی که آن را می گوید onsubmit، متوجه آنچه به نظر می رسد به دنبال دارد. 447 00:19:35,630 --> 00:19:38,740 این یک ویژگی است در نامگذاری HTML. 448 00:19:38,740 --> 00:19:40,944 ارزش خود را از این رشته به نقل از اینجا است. 449 00:19:40,944 --> 00:19:42,860 و این به نظر می رسد کمی عجیب و غریب در نگاه اول. 450 00:19:42,860 --> 00:19:44,050 این HTML نیست. 451 00:19:44,050 --> 00:19:45,240 این CSS نیست. 452 00:19:45,240 --> 00:19:47,580 این است، که شما ممکن است حدس بزنید، جاوا اسکریپت. 453 00:19:47,580 --> 00:19:51,850 بنابراین به نظر می رسد که به این ساخته شده است صفحه وب یک تابع به نام خوش آمد می گوید است. 454 00:19:51,850 --> 00:19:54,250 و من استنتاج که فقط یک کلمه است، خوش آمد می گوید. 455 00:19:54,250 --> 00:19:55,880 تو اون صفحه پرانتز باز، پرانتز بسته، نقطه و ویرگول. 456 00:19:55,880 --> 00:19:58,095 به نظر می رسد مانند یک تابع C، به نظر می رسد مانند یک تابع PHP. 457 00:19:58,095 --> 00:20:00,370 >> و در واقع، آن را به یک تابع جاوا اسکریپت. 458 00:20:00,370 --> 00:20:01,440 پس از آن من از بازگشت نادرست است. 459 00:20:01,440 --> 00:20:03,440 ما به آمده که در یک لحظه. 460 00:20:03,440 --> 00:20:05,320 اما در آن است این تابع تعریف شده؟ 461 00:20:05,320 --> 00:20:07,950 خب به من اجازه حرکت به بالا به بالا از فایل. 462 00:20:07,950 --> 00:20:11,710 و حتی اگر آن را یک خط طولانی، آن نسبتا سر راست است. 463 00:20:11,710 --> 00:20:15,000 به من اجازه زوم از اینجا و تمرکز بر روی این چهار خط. 464 00:20:15,000 --> 00:20:17,137 >> بنابراین در جاوا اسکریپت، فقط مانند PHP، شما فقط 465 00:20:17,137 --> 00:20:19,720 می گویند، به معنای واقعی کلمه، کلمه "تابع" نام تابع، 466 00:20:19,720 --> 00:20:22,700 و پس از آن با هر پرانتز arguments-- بدون آرگومان در این مورد. 467 00:20:22,700 --> 00:20:25,290 و هیچ نوع بازگشت وجود دارد در جاوا اسکریپت، درست مثل PHP. 468 00:20:25,290 --> 00:20:29,470 بنابراین آن را کمی شل تر از C. آکولاد باز، آکولاد نزدیک است. 469 00:20:29,470 --> 00:20:33,270 ساخته شده را به یک تابع جاوا اسکریپت است یک تابع نیست توصیه می شود 470 00:20:33,270 --> 00:20:35,730 اما یک تابع به نام هشدار تنها هدف که در زندگی 471 00:20:35,730 --> 00:20:38,620 است به جلو و که بسیار زشت بی درنگ که ما شاهد یک لحظه پیش. 472 00:20:38,620 --> 00:20:40,950 >> در حال حاضر این نوع از یک لقمه است. 473 00:20:40,950 --> 00:20:42,560 اینجا چه خبره؟ 474 00:20:42,560 --> 00:20:45,840 بنابراین برای شروع اجازه دهید همه چیز در اینجا برجسته. 475 00:20:45,840 --> 00:20:48,540 که همین استدلال برای هشدار است. 476 00:20:48,540 --> 00:20:49,530 و چه خبر است؟ 477 00:20:49,530 --> 00:20:51,200 این درست مثل یک رشته به نظر می رسد. 478 00:20:51,200 --> 00:20:59,180 و معلوم است، بر خلاف PHP و بر خلاف C، آن را در جاوا اسکریپت مهم نیست 479 00:20:59,180 --> 00:21:01,090 اگر شما از نقل قول تکی یا به نقل از دو برابر شود. 480 00:21:01,090 --> 00:21:02,060 آنها خواهید بود معادل آن. 481 00:21:02,060 --> 00:21:03,769 و رک و پوست کنده، آن را فقط محبوب این روزها 482 00:21:03,769 --> 00:21:06,726 برای برنامه نویسان جاوا اسکریپت برای همیشه تک کتیشن استفاده برای برخی از دلیل. 483 00:21:06,726 --> 00:21:07,840 این تنها چیزی که به انجام است. 484 00:21:07,840 --> 00:21:09,710 اما ما می تواند به نقل از دو نیز استفاده کنید. 485 00:21:09,710 --> 00:21:11,540 >> بنابراین به علاوه یک شخصیت جدید است. 486 00:21:11,540 --> 00:21:14,512 اما کسانی از شما که این انجام قبل از این، چه به علاوه معنی است؟ 487 00:21:14,512 --> 00:21:16,440 آره. 488 00:21:16,440 --> 00:21:17,120 الحاق. 489 00:21:17,120 --> 00:21:18,570 بنابراین ما این در PHP را دیدم. 490 00:21:18,570 --> 00:21:20,315 فقط نقطه وجود دارد اپراتور در پی اچ پی که 491 00:21:20,315 --> 00:21:22,000 خواهد دو رشته با هم الحاق. 492 00:21:22,000 --> 00:21:24,000 C یک درد در گردن به انجام این کار. 493 00:21:24,000 --> 00:21:27,310 به یاد بیاورید از pset شش، که بود درد خاص در گردن، 494 00:21:27,310 --> 00:21:29,470 شما مجبور به استفاده از چیزی شبیه به strcat 495 00:21:29,470 --> 00:21:31,660 پس از تخصیص حافظه در پشته و یا پشته. 496 00:21:31,660 --> 00:21:34,243 شما تا به حال به پرش از طریق hoops فقط به الحاق دو رشته. 497 00:21:34,243 --> 00:21:36,040 در جاوا اسکریپت، آن را فوق العاده ساده است. 498 00:21:36,040 --> 00:21:38,030 فقط اپراتور به علاوه استفاده از بین آنها است. 499 00:21:38,030 --> 00:21:41,420 >> بنابراین این مجموعه، به دنبال چیزی به نظر می رسد این 500 00:21:41,420 --> 00:21:43,490 چرا که در پایان از طیف این رشته، من فقط 501 00:21:43,490 --> 00:21:45,797 الحاق علامت تعجب. 502 00:21:45,797 --> 00:21:48,380 بنابراین اگر چه ظاهر شد "سلام، دیوید"، "سلام، هانا،" 503 00:21:48,380 --> 00:21:52,740 "سلام، ماریا،" و غیره، به وضوح چیزی که در وسط بین دو 504 00:21:52,740 --> 00:21:55,215 علامت + باید به من دسترسی به آنچه به من بدهید؟ 505 00:21:55,215 --> 00:21:58,855 506 00:21:58,855 --> 00:22:01,991 چه چیزی در وجود دارد برای مطمئن هستید؟ 507 00:22:01,991 --> 00:22:02,490 آره. 508 00:22:02,490 --> 00:22:05,090 بنابراین من در اینجا به شما وانمود نام و نام خانوادگی خود را پاسخ، درست است؟ 509 00:22:05,090 --> 00:22:10,380 بنابراین نام خود را تا در فینال ظهور نتیجه. پس چه معنی است؟ 510 00:22:10,380 --> 00:22:15,080 خوب، من پیش از آن در که پیشنهاد تصویری که به اصطلاح DOM 511 00:22:15,080 --> 00:22:18,580 این عنصر ریشه های ویژه راه را تا بالای سند به نام. 512 00:22:18,580 --> 00:22:21,660 و اکنون، که معلوم است، که رفتن به یک متغیر خاص جهانی 513 00:22:21,660 --> 00:22:25,250 در جاوا اسکریپت، ساخته شده را به که تمام دسته از قابلیت های مفید. 514 00:22:25,250 --> 00:22:31,770 در میان قابلیت های مفید است که توانایی در هر گره از نوادگان دریافت کنید. 515 00:22:31,770 --> 00:22:37,760 آن مربع یا مستطیل یا بیضی فقط در یک درخت گره، پس به صحبت می کنند. 516 00:22:37,760 --> 00:22:41,850 >> پس از آن معلوم است که به ساخته شده است شی سند جاوا اسکریپت 517 00:22:41,850 --> 00:22:47,300 یک تابع، در غیر این صورت به عنوان یک شناخته شده است روش، که به نام getElementById. 518 00:22:47,300 --> 00:22:50,410 نحو برای تماس یک تابع در جاوا اسکریپت 519 00:22:50,410 --> 00:22:55,220 که در داخل یک شیء یا یک متغیر فقط با نماد نقطه است. 520 00:22:55,220 --> 00:22:57,950 و ما این را در C دیدم چه نحو ساختار است. 521 00:22:57,950 --> 00:23:03,530 شما این را به در pset هفت، نوع، مرتب کردن بر اساس، هنگامی که شما CS50 :: پرس و جو را ببینید. 522 00:23:03,530 --> 00:23:08,070 روده بزرگ روده بزرگ در PHP است راه فراخوانی یک تابع که 523 00:23:08,070 --> 00:23:09,260 در داخل برخی از شیء. 524 00:23:09,260 --> 00:23:11,960 >> اما در حال حاضر در جاوا اسکریپت، آن را فقط یک نقطه است. 525 00:23:11,960 --> 00:23:14,170 و بنابراین این تابع، به سادگی به اندازه کافی، نوع 526 00:23:14,170 --> 00:23:16,810 گوید آنچه در آن does-- عنصر ID را دریافت کنید. 527 00:23:16,810 --> 00:23:20,280 یک عنصر تنها نام دیگری است برای یک برچسب یا گره در DOM. 528 00:23:20,280 --> 00:23:26,900 و پس از دریافت عنصر ID "نام" معنی this-- اینجا HTML من است. 529 00:23:26,900 --> 00:23:31,910 و بر این اساس HTML، چه گره یا چه تگ HTML من 530 00:23:31,910 --> 00:23:35,097 رفتن به برنامه نویسی تحویل داده می شود با تماس کد document.getElementById؟ 531 00:23:35,097 --> 00:23:37,650 532 00:23:37,650 --> 00:23:38,500 >> بله دقیقا. 533 00:23:38,500 --> 00:23:42,670 من قصد دارم برای دریافت ورودی عنصر وجود دارد که ID "نام" است. 534 00:23:42,670 --> 00:23:45,140 بنابراین به طور خاص، شما می توانید از این تابع فکر می کنم، 535 00:23:45,140 --> 00:23:49,560 getElementById، به عنوان یک راه دادن یک اشاره گر به آن گره خاص 536 00:23:49,560 --> 00:23:50,060 در درخت. 537 00:23:50,060 --> 00:23:51,980 ما این کشیده شده است درخت، اما این یک راه است 538 00:23:51,980 --> 00:23:54,900 گرفتن دسترسی به آن مستطیل و یا مستطیل که 539 00:23:54,900 --> 00:23:58,090 توسط منحصر به فرد آن از طریق شناسایی ID آن است. 540 00:23:58,090 --> 00:23:59,760 >> حالا چرا این مفید است؟ 541 00:23:59,760 --> 00:24:01,510 خب، معلوم است که هنگامی که شما بدست 542 00:24:01,510 --> 00:24:07,220 آن گره، که از مستطیل تصویر، آن گره در داخل آن، 543 00:24:07,220 --> 00:24:10,660 به نوبه خود، یک دسته کامل از properties-- جفت کلید-مقدار 544 00:24:10,660 --> 00:24:13,480 و یا داده ها، که یکی از آنها است ارزش نامیده می شود. 545 00:24:13,480 --> 00:24:16,500 بنابراین به معنای واقعی کلمه، این نوع از لقمه برای توضیح همه چیز است. 546 00:24:16,500 --> 00:24:19,370 اما در پایان روز، تمام می کند این است که شما را 547 00:24:19,370 --> 00:24:23,070 یک رشته است که کاربر تایپ در این مد سلسله مراتبی. 548 00:24:23,070 --> 00:24:24,820 اما من دوست ندارم زن و شوهر از این چیزها. 549 00:24:24,820 --> 00:24:27,590 یا نه، برخی از کنجکاوی هنوز هم وجود دارد. 550 00:24:27,590 --> 00:24:28,870 همه از آن به نظر می رسید به کار است. 551 00:24:28,870 --> 00:24:33,420 چرا شما فکر می کنم من بازگشت پس از فراخوانی خوش آمد می گوید دروغ است؟ 552 00:24:33,420 --> 00:24:35,910 این به نظر می رسد کمی زشت، که من دو اظهارات وجود دارد 553 00:24:35,910 --> 00:24:38,730 از هم جدا و با نقطه. 554 00:24:38,730 --> 00:24:39,310 حدس بزن. 555 00:24:39,310 --> 00:24:44,390 اگر من حذف بازگشت کاذب، چه ممکن است رخ دهد، فقط به طور غریزی؟ 556 00:24:44,390 --> 00:24:46,990 557 00:24:46,990 --> 00:24:49,460 با عرض پوزش، می گویند دوباره؟ 558 00:24:49,460 --> 00:24:50,530 >> باز کردن یک دسته از ویندوز. 559 00:24:50,530 --> 00:24:52,780 بنابراین به طور بالقوه شاید چیزی که اتفاق می افتد. 560 00:24:52,780 --> 00:24:54,422 چه چیز دیگری؟ 561 00:24:54,422 --> 00:24:55,630 ممکن است یک درخواست که در آن انتخاب؟ 562 00:24:55,630 --> 00:24:59,109 563 00:24:59,109 --> 00:25:00,510 به همان صفحه. 564 00:25:00,510 --> 00:25:03,110 بنابراین، در واقع، این است که نزدیک تر در اینجا جواب، 565 00:25:03,110 --> 00:25:05,890 حتی اگر بر خلاف در گذشته، من نمی 566 00:25:05,890 --> 00:25:09,300 مشخص ویژگی اکشن، که به طور معمول ما باید انجام دهیم. 567 00:25:09,300 --> 00:25:11,780 معلوم به طور پیش فرض وجود دارد. اگر شما عمل مشخص نیست، 568 00:25:11,780 --> 00:25:15,370 آن را مانند گفت نقل قول است، تمام کردن و یا نام فایل خود را، 569 00:25:15,370 --> 00:25:17,850 که در این مورد مانند DOM-0.html باشد. 570 00:25:17,850 --> 00:25:20,420 آن را فقط نوع از استنباط، و یا به جای ضمنی است. 571 00:25:20,420 --> 00:25:22,420 >> و بنابراین اگر من این کار را نکنید، اجازه دهید اطلاع می دهد. 572 00:25:22,420 --> 00:25:23,230 اجازه بدهید من این را نجات دهد. 573 00:25:23,230 --> 00:25:25,270 و من غلط را حذف کردیم. 574 00:25:25,270 --> 00:25:27,759 اجازه دهید من به بازگشت به این به عنوان مثال و نیروی آن را بارگذاری کنید. 575 00:25:27,759 --> 00:25:30,800 و شما ممکن است دیده اند من پیشنهاد این در CS50 بحث یک دسته از بار. 576 00:25:30,800 --> 00:25:34,560 اگر هر چیزی را به حال اقدام بد بو و مرورگر رفتار نه به عنوان شما انتظار می رود، 577 00:25:34,560 --> 00:25:37,410 اغلب شما می خواهید به نگه Shift و سپس کلیک کنید بازنگری. 578 00:25:37,410 --> 00:25:41,480 است که هر فایل را مجبور به بازنگری و کش محلی مرورگر خود را استفاده نمی کند 579 00:25:41,480 --> 00:25:47,032 و یا کپی به طوری که در حال حاضر، اجازه دهید من پیش بروید و باز کردن بازرس من، تب شبکه. 580 00:25:47,032 --> 00:25:48,740 من قصد دارم به کلیک کنید حفظ چون من ورود 581 00:25:48,740 --> 00:25:51,660 نمی خواهید آن را به حذف ردیف یک بار من whisked دور در جای دیگر. 582 00:25:51,660 --> 00:25:54,650 >> اجازه دهید من جلو بروید اینجا و نوع در اندی، کلیک کنید و ثبت. 583 00:25:54,650 --> 00:25:55,150 خیلی خوب. 584 00:25:55,150 --> 00:25:56,480 که به نظر می رسد به عنوان انتظار می رود. 585 00:25:56,480 --> 00:25:57,440 این گزارش می گوید: "سلام، اندی." 586 00:25:57,440 --> 00:25:59,420 اجازه دهید من روی OK کلیک کنید. 587 00:25:59,420 --> 00:26:00,610 جالب هست. 588 00:26:00,610 --> 00:26:05,100 توجه داشته باشید که صفحه را تغییر، البته به صفحه اصلی. 589 00:26:05,100 --> 00:26:06,770 توجه داشته باشید که نوع URL از تغییر است. 590 00:26:06,770 --> 00:26:09,430 آن اضافه شده است یک علامت سوال، که معمولا به عنوان یک شاخص 591 00:26:09,430 --> 00:26:11,260 است که ما سعی به ارائه چیزی. 592 00:26:11,260 --> 00:26:13,570 و پس از آن در پایین، حتی بیشتر به صراحت، 593 00:26:13,570 --> 00:26:17,570 در اینجا به درخواست HTTP واقعی است، که یک پاسخ 200 که 594 00:26:17,570 --> 00:26:18,490 من به ارمغان آورد در اینجا. 595 00:26:18,490 --> 00:26:20,250 >> پس این است که که چه ما می خواهیم انجام، درست است؟ 596 00:26:20,250 --> 00:26:22,166 برای این که من نمی خواهم بارگذاری مجدد کل صفحه. 597 00:26:22,166 --> 00:26:24,970 من به جای می خواست برای بازگشت نادرست به طوری که برای اتصال کوتاه 598 00:26:24,970 --> 00:26:28,840 رفتار پیش فرض مرورگر، که بود، البته، به ارائه صفحه. 599 00:26:28,840 --> 00:26:31,700 >> بنابراین اجازه دهید یک نگاهی به به عنوان مثال در حاشیه بهتر است. 600 00:26:31,700 --> 00:26:33,920 این نسخه یک DOM است. 601 00:26:33,920 --> 00:26:36,680 و متوجه موارد زیر است. 602 00:26:36,680 --> 00:26:39,150 این خوب است اگر شما GROK نیست همه از خط کد. 603 00:26:39,150 --> 00:26:41,750 اما آنچه اساسا متفاوت در مورد این پیاده سازی؟ 604 00:26:41,750 --> 00:26:44,690 من آن را تصریح رفتار همان، همین کار را. 605 00:26:44,690 --> 00:26:49,320 606 00:26:49,320 --> 00:26:51,570 چه من به وضوح متفاوت انجام می شود؟ 607 00:26:51,570 --> 00:26:52,266 آره؟ 608 00:26:52,266 --> 00:26:53,182 >> مخاطبان: [نامفهوم]. 609 00:26:53,182 --> 00:27:03,421 610 00:27:03,421 --> 00:27:04,170 دیوید مالان: آره. 611 00:27:04,170 --> 00:27:08,620 بنابراین تابع تعریف شده است differently-- به عبارت دیگر، از فرم وجود ندارد، 612 00:27:08,620 --> 00:27:13,180 تا در خط 7-- یا نه، خط 8-- دیگر 613 00:27:13,180 --> 00:27:15,070 من ویژگی onsubmit داشته باشد. 614 00:27:15,070 --> 00:27:16,750 در مثال قبلی، من این بود. 615 00:27:16,750 --> 00:27:18,530 و بعد من به معنای واقعی کلمه کد نوشتم در اینجا. 616 00:27:18,530 --> 00:27:20,210 و سپس به من گفت بازگشت نادرست است. 617 00:27:20,210 --> 00:27:22,180 و اگر آن مالش نیست شما راه را اشتباه نشده است، 618 00:27:22,180 --> 00:27:26,140 آن را باید به آنجا شروع عنوان، درست مانند HTML، 619 00:27:26,140 --> 00:27:29,530 زمانی که ما شروع به همکاری ممزوج آن با CSS در ویژگی های سبک، 620 00:27:29,530 --> 00:27:32,890 آن را فقط شروع به کمی کثیف و یا احساس یک اشتباه کوچک. 621 00:27:32,890 --> 00:27:35,020 >> به طور مشابه در اینجا، اگر شما شروع به HTML، 622 00:27:35,020 --> 00:27:37,419 پس از آن شما به طور خودکار و با صدای تلپ کدهای جاوا اسکریپت 623 00:27:37,419 --> 00:27:40,460 در وسط یک رشته نقل، آن را رفتن به بسیار نگهداری. 624 00:27:40,460 --> 00:27:40,630 درست؟ 625 00:27:40,630 --> 00:27:43,690 این حتی در ابتدا آشکار نیست جایی که در آن کد جاوا اسکریپت است. 626 00:27:43,690 --> 00:27:46,590 پس از آن خواهد واقعا خوب به عنوان اصل طراحی بهتر، 627 00:27:46,590 --> 00:27:50,500 اجازه دهید به طور کامل حفظ HTML ما جدا از جاوا اسکریپت است. 628 00:27:50,500 --> 00:27:53,150 >> بنابراین برای انجام این کار، آنچه که ما انجام در اینجا شرح زیر است است 629 00:27:53,150 --> 00:27:56,790 ما به سادگی استفاده از HTML برای نشانه گذاری تنها. 630 00:27:56,790 --> 00:28:00,730 و به این ترتیب در نسخه یکی از این، همه من یک فرم با یک ID منحصر به فرد است. 631 00:28:00,730 --> 00:28:04,630 و سپس در اینجا، من با استفاده از ویژگی های خاص از جاوا اسکریپت 632 00:28:04,630 --> 00:28:08,480 به موجب آن من می تواند چه به نام یک تابع بی نام. 633 00:28:08,480 --> 00:28:14,150 پس از آن می رسد که اگر پاسخ من کد document.getElementById از نسخه ی نمایشی 634 00:28:14,150 --> 00:28:18,890 که مانند به من یک اشاره گر به این گره در درخت من، عنصر فرم، 635 00:28:18,890 --> 00:28:20,100 پس به صحبت. 636 00:28:20,100 --> 00:28:22,220 >> در حال حاضر، من فقط می دانم که از شناخت کمی از HTML 637 00:28:22,220 --> 00:28:26,330 در حال حاضر ما در حال پس از خواندن برخی آنلاین مرجع، که یک عنصر فرم از 638 00:28:26,330 --> 00:28:29,950 یک دسته کامل از رویداد listeners-- در به عبارت دیگر، لباس های شسته شده از رویداد لیست 639 00:28:29,950 --> 00:28:31,700 شنوندگان است که ما شاهد یک لحظه پیش. 640 00:28:31,700 --> 00:28:35,950 من از خواندن اسناد مطمئن شوید که onsubmit یک رویداد معتبر است 641 00:28:35,950 --> 00:28:38,520 شنونده برای یک عنصر فرم. 642 00:28:38,520 --> 00:28:41,480 >> پس یک بار من می دانم که، آن را بی خطر برای من برای انجام 643 00:28:41,480 --> 00:28:45,390 شرح زیر است که گره از درخت، عنصر فرم، 644 00:28:45,390 --> 00:28:48,070 و دسترسی به آن به اصطلاح اموال onsubmit. 645 00:28:48,070 --> 00:28:49,880 بنابراین نقطه فقط بدان معناست این یک ویژگی است، 646 00:28:49,880 --> 00:28:52,180 مثل یک ارزش ویژه داخل آن است. 647 00:28:52,180 --> 00:28:55,590 و چه نوع داده من اختصاص، ظاهرا، 648 00:28:55,590 --> 00:28:58,900 به onsubmit است که به طور موثر یک متغیر در داخل 649 00:28:58,900 --> 00:29:01,010 که گره در درخت؟ 650 00:29:01,010 --> 00:29:04,100 این درست است که در داخل ساختار است. 651 00:29:04,100 --> 00:29:05,810 نوع داده چیست؟ 652 00:29:05,810 --> 00:29:07,030 >> یک تابع، آره. 653 00:29:07,030 --> 00:29:08,607 پس از آن معلوم است که پی اچ پی دارای این. 654 00:29:08,607 --> 00:29:10,440 و حتی اگر ما آیا شما در مورد آن بگویید نه، 655 00:29:10,440 --> 00:29:16,240 C نیز دارای اشاره گر تابع، توانایی عبور و اختصاص توابع 656 00:29:16,240 --> 00:29:18,330 به عنوان ارزش های متغیر "خود را. 657 00:29:18,330 --> 00:29:20,280 و ما قصد داریم به عقب برگشت به C. 658 00:29:20,280 --> 00:29:23,250 اما در حال حاضر، معلوم است که در سمت راست در اینجا، 659 00:29:23,250 --> 00:29:26,260 حتی اگر آن را به نظر می رسد کمی بد بو، این بدان معنی، هی مرورگر 660 00:29:26,260 --> 00:29:27,550 من یک تابع است. 661 00:29:27,550 --> 00:29:30,560 من قصد ندارم به زحمت دادن حتی آن یک نام به خاطر من به معنای واقعی کلمه هستم 662 00:29:30,560 --> 00:29:34,450 رفتن به اختصاص اجازه دهید آن را آدرس این تابع 663 00:29:34,450 --> 00:29:35,994 بلافاصله به onsubmit. 664 00:29:35,994 --> 00:29:39,160 به عبارت دیگر، مرورگر شما لازم نیست بدانید که چه چیزی از این تابع نامیده می شود. 665 00:29:39,160 --> 00:29:41,890 شما فقط نیاز به دانستن که در آن در حافظه است. 666 00:29:41,890 --> 00:29:44,210 و پس از آن کافی است فقط به یک علامت مساوی وجود دارد 667 00:29:44,210 --> 00:29:48,240 و به زحمت نامگذاری این، مانند foo یا خوش آمد می گوید و یا هر کلمه دیگر. 668 00:29:48,240 --> 00:29:50,150 و در حال حاضر این فقط یک چیز سبکی. 669 00:29:50,150 --> 00:29:53,100 من می توانم این آکولاد حرکت بر روی the-- خط بعدی sorry-- 670 00:29:53,100 --> 00:29:54,750 مانند ما معمولا CS50. 671 00:29:54,750 --> 00:29:57,550 اما در جاوا اسکریپت، آن را در واقع سبک رایج 672 00:29:57,550 --> 00:30:00,450 به فقط نگه داشتن آکولاد، در یکی از اولین، که خط اول. 673 00:30:00,450 --> 00:30:02,620 >> اما آخرت، وجود دارد هیچ چیز جالبی وجود ندارد. 674 00:30:02,620 --> 00:30:05,830 که آکولاد باز فقط demarcates از شروع تابع من. 675 00:30:05,830 --> 00:30:09,320 این تابع این است در حال حاضر یکسان، به جز من 676 00:30:09,320 --> 00:30:11,452 شامل کاذب بازگشت در داخل این تابع. 677 00:30:11,452 --> 00:30:13,160 از آنجا که آن را تبدیل به out-- و شما تنها 678 00:30:13,160 --> 00:30:14,980 این را می دانم از خواندن documentation-- 679 00:30:14,980 --> 00:30:19,740 که اگر تابع که به شما اختصاص به کنترل onsubmit مقدار false برگرداند، 680 00:30:19,740 --> 00:30:23,420 مرورگر فقط می داند و با آن موافق برای ارسال فرم به سرور ندارد. 681 00:30:23,420 --> 00:30:27,210 اگر آن را می گرداند درست است، آن را انتخاب خواهد آن را به یک سرور به دلایل خواهیم دید 682 00:30:27,210 --> 00:30:28,700 در یک لحظه، مفید هستند. 683 00:30:28,700 --> 00:30:31,000 >> و پس از آن نقطه و ویرگول بعد از آکولاد وجود دارد فقط 684 00:30:31,000 --> 00:30:32,541 معنی است که من انجام می شود تعریف تابع. 685 00:30:32,541 --> 00:30:36,600 شما می دانید چه به عنوان به زودی پاسخ عنوان شما از شنیدن یک تسلیم است. 686 00:30:36,600 --> 00:30:37,100 خیلی خوب. 687 00:30:37,100 --> 00:30:40,650 این است که هنوز مسلما نوع زشت. 688 00:30:40,650 --> 00:30:42,190 پس چه بیشتر می توانیم بکنیم؟ 689 00:30:42,190 --> 00:30:45,000 >> خب، معلوم است پس از آن در نسخه دو است، که last-- 690 00:30:45,000 --> 00:30:46,780 و ما فقط نگاه در این. 691 00:30:46,780 --> 00:30:49,850 در معرض خطر ساخت آن را زشت، آن را تبدیل 692 00:30:49,850 --> 00:30:52,160 که یک کتابخانه در آن وجود دارد جهان به نام جی کوئری. 693 00:30:52,160 --> 00:30:54,900 و jQuery فوق العاده است کتابخانه جاوا اسکریپت محبوب 694 00:30:54,900 --> 00:30:57,930 که آنقدر محبوب است که بیشتر هر JavaScript-- آن را 695 00:30:57,930 --> 00:31:00,540 نادر برای مردم به اشتباه جی کوئری با جاوا اسکریپت. 696 00:31:00,540 --> 00:31:01,070 واسه چی؟ 697 00:31:01,070 --> 00:31:04,990 جاوا اسکریپت خود را بسیار راه طولانی انجام چیز 698 00:31:04,990 --> 00:31:07,820 کد document.getElementById، dadadadadada. 699 00:31:07,820 --> 00:31:10,510 شما را تا پایان داشتن بسیار خطوط طولانی کد. 700 00:31:10,510 --> 00:31:15,550 >> بنابراین یک شخص به نام جان زدایی، که در واقع برای راه اندازی این نسخهها کار میکند 701 00:31:15,550 --> 00:31:18,630 تا این روزها، بیرون آمد با این کتابخانه سال 702 00:31:18,630 --> 00:31:22,070 پیش که بسیاری از مردم کمک کرده اند به نام جی کوئری که تغییر 703 00:31:22,070 --> 00:31:23,449 نحو در صورت زیر است. 704 00:31:23,449 --> 00:31:25,740 و بنابراین شما می دیده ام این، چون شما همواره 705 00:31:25,740 --> 00:31:28,140 این اگر انجام یک دید پروژه نهایی مبتنی بر وب، 706 00:31:28,140 --> 00:31:33,270 این امر می تواند راه معادل اجرای که همان تابع با استفاده از 707 00:31:33,270 --> 00:31:34,630 این کتابخانه خاص است. 708 00:31:34,630 --> 00:31:36,680 >> در حال حاضر، به جای کسی را دست انداختن آن از هم جدا در تمامیت آن، 709 00:31:36,680 --> 00:31:38,520 اجازه دهید فقط در برخی از الگوهای نگاه کنید. 710 00:31:38,520 --> 00:31:44,850 این ترکیب به نظر می رسد چگونه بسیاری از توابع ناشناس 711 00:31:44,850 --> 00:31:49,584 و یا توابع بی نام و یا از توابع لامبدا AKA؟ 712 00:31:49,584 --> 00:31:50,190 دو، درست است؟ 713 00:31:50,190 --> 00:31:52,690 و شما می دانید که، حتی اگر شما فوق العاده راحت و نه با این، 714 00:31:52,690 --> 00:31:55,780 فقط با این واقعیت است که آن را می گوید تابع () دو بار. 715 00:31:55,780 --> 00:31:58,172 >> و معلوم است که این کد doing-- است 716 00:31:58,172 --> 00:32:01,255 و ما به منابع آنلاین مراجعه کنید، در نهایت، برای برخی از کمک با این. 717 00:32:01,255 --> 00:32:04,480 این فقط بدان معناست که وقتی سند آماده است، 718 00:32:04,480 --> 00:32:07,490 به جلو بروید و ثبت نام تابع زیر 719 00:32:07,490 --> 00:32:12,064 عنوان گرداننده انتخاب برای HTML عنصری که ایده منحصر به فرد نسخه ی نمایشی است. 720 00:32:12,064 --> 00:32:14,480 و سپس، هنگامی که اتفاق می افتد، این دو خط کد تماس بگیرید. 721 00:32:14,480 --> 00:32:18,677 و این است که، غم انگیز، بیشتر راه طولانی از گفتن بازگشت نادرست است. 722 00:32:18,677 --> 00:32:21,510 و ما این فقط به خاطر اینکه ذکر شما کد مثل این را آنلاین ببینید. 723 00:32:21,510 --> 00:32:23,140 و این چیز به ترسیده بودند می شود. 724 00:32:23,140 --> 00:32:26,057 اما نه، به خاطر داشته باشید که آنچه رفتن به مشترک در جاوا اسکریپت 725 00:32:26,057 --> 00:32:26,765 این پارادایم است. 726 00:32:26,765 --> 00:32:29,510 و به همین دلیل ما آن را در حال حاضر نشان می دهد. 727 00:32:29,510 --> 00:32:30,010 خیلی خوب. 728 00:32:30,010 --> 00:32:32,730 بنابراین بدون خانه بیش از حد از حد بر روی آن نحو، 729 00:32:32,730 --> 00:32:37,800 هستند هر گونه سوال در وجود دارد این مثال ها و یا ایده تا کنون؟ 730 00:32:37,800 --> 00:32:38,300 خیلی خوب. 731 00:32:38,300 --> 00:32:40,220 بنابراین اجازه دهید از این استفاده برای چیزی مفید است. 732 00:32:40,220 --> 00:32:47,070 ساخت یک صفحه وب که فقط می گوید: سلام، چنین و چنان است که همه جالب نیست، 733 00:32:47,070 --> 00:32:47,830 به underwhelm است. 734 00:32:47,830 --> 00:32:51,038 این یکی نمی شود زیبا، اما از آن است که برای انجام کاری مفید است. 735 00:32:51,038 --> 00:32:56,350 اجازه بدهید من به بازگشت به دایرکتوری من در اینجا و باز کردن، می گویند، فرم 0.html. 736 00:32:56,350 --> 00:32:59,320 >> بنابراین فرض کنید این دانشجوی سال اول است ورزشی داخل صفحه ثبت نام 737 00:32:59,320 --> 00:33:01,780 بدون هیچ CSS و یا هر حس طراحی. 738 00:33:01,780 --> 00:33:05,404 و من می خواهم به جلو بروید و ثبت نام اینجا را با رمز عبور. 739 00:33:05,404 --> 00:33:08,320 و من قصد دارم به توافق برسند به شرایط ثبت نام و شرایط و کلیک کنید. 740 00:33:08,320 --> 00:33:11,700 و در حال حاضر این سایت می گوید: "شما ثبت شده! (خوب، نه واقعا.) " 741 00:33:11,700 --> 00:33:15,070 که به نظر می رسد مانند آن کار می کرد، اما اجازه بدهید به جلو و نیروی بارگذاری. 742 00:33:15,070 --> 00:33:18,720 >> و اجازه دهید من می گویند، هیچ، شما نمی نیاز آدرس ایمیل واقعی است. 743 00:33:18,720 --> 00:33:21,820 یا شاید ما فقط می گویند ایمیل در آن وجود دارد. 744 00:33:21,820 --> 00:33:25,080 رمز عبور خواهد بود، مانند، 12345. 745 00:33:25,080 --> 00:33:28,810 و پس از آن، فقط به خاطر من ادم سفیه و احمق، در حال حاضر آن را 123456789. 746 00:33:28,810 --> 00:33:31,150 و من قصد دارم که برای بررسی جعبه خود را. 747 00:33:31,150 --> 00:33:31,850 >> مشکلی رخ. 748 00:33:31,850 --> 00:33:32,350 خیلی خوب. 749 00:33:32,350 --> 00:33:34,920 بنابراین فرصت های متعددی وجود دارد برای بهبود در اینجا. 750 00:33:34,920 --> 00:33:39,070 و شما می دانید، و یا در pset ببینید هفت، که شما می توانید ارسال code-- 751 00:33:39,070 --> 00:33:41,890 و شما باید به ارسال کد امنیتی را در PHP-- به دفاع 752 00:33:41,890 --> 00:33:45,780 در برابر این نوع از کاربر خطاهای چرا که کاربر به وضوح 753 00:33:45,780 --> 00:33:46,790 تا همکاری نکردند. 754 00:33:46,790 --> 00:33:49,680 و او به شما داده نه همه ارزش شما می خواستم و یا حتی در فرمت 755 00:33:49,680 --> 00:33:50,630 که شما آنها را می خواستم. 756 00:33:50,630 --> 00:33:53,250 بنابراین شما در pset هفت دید که ما قطعا می تواند برخی از آنها 757 00:33:53,250 --> 00:33:55,680 اگر شرایط است که می گویند اگر آدرس ایمیل 758 00:33:55,680 --> 00:33:59,450 یک username@something.edu نیست، ما فقط می تواند 759 00:33:59,450 --> 00:34:02,575 با عرض پوزش می گویند و عذر خواهی به کاربر خیلی، مانند شما ممکن است در pset هفت. 760 00:34:02,575 --> 00:34:05,700 و یا اگر آنها که جعبه باید بررسی نیست، معلوم است در پی اچ پی، شما می توانید تشخیص که 761 00:34:05,700 --> 00:34:06,200 هم. 762 00:34:06,200 --> 00:34:09,389 و قطعا اگر کلمه عبور به عنوان در register.php مطابقت ندارد 763 00:34:09,389 --> 00:34:11,521 برای pset هفت، شما می توانید تشخیص است. 764 00:34:11,521 --> 00:34:13,770 اما این درد در این گردن در حال حاضر آنها درخواست که 765 00:34:13,770 --> 00:34:15,510 ما را به رفتن تمام راه را به سرور. 766 00:34:15,510 --> 00:34:17,053 که کاربر از خطا آگاه است. 767 00:34:17,053 --> 00:34:19,219 و حداقل مگر اینکه شما با استفاده از برخی از تکنیک های خیال باف، 768 00:34:19,219 --> 00:34:20,929 در حال حاضر آنها را به کلیک بر روی پشت های arrow. 769 00:34:20,929 --> 00:34:23,300 آیا آن را نمی شود خوب است، مانند بسیاری از وب سایت امروز، 770 00:34:23,300 --> 00:34:26,190 اگر شما تا به حال فوری بازخورد، فورا؟ 771 00:34:26,190 --> 00:34:31,389 >> به عبارت دیگر، به من اجازه رفتن به نسخه یکی، که رفتن به هیچ زیباتر. 772 00:34:31,389 --> 00:34:33,469 اما آن را دارای این ویژگی. 773 00:34:33,469 --> 00:34:39,590 مالان، 12345، 123456789، نه رفتن به بررسی جعبه، ثبت نام. 774 00:34:39,590 --> 00:34:41,330 رمزهای ورود مطابقت ندارند. 775 00:34:41,330 --> 00:34:44,459 بنابراین حتی اگر این پاپ آپ ugly-- است ما می توانیم این در نهایت جایگزین 776 00:34:44,459 --> 00:34:47,000 با چیزی شبیه به بوت استرپ، که شما در pset هفت را ببینید 777 00:34:47,000 --> 00:34:50,239 library-- بسیار محبوب من است تشخیص آن است که کلمات عبور یکسان نیست. 778 00:34:50,239 --> 00:34:50,739 خیلی خوب. 779 00:34:50,739 --> 00:34:52,530 خوب، اجازه دهید من ثابت که به عنوان کاربر. 780 00:34:52,530 --> 00:34:55,460 اجازه بدهید به جلو و می گویند 12345، 12345. 781 00:34:55,460 --> 00:34:57,780 هنوز هم چک کردن شرایط است. 782 00:34:57,780 --> 00:35:00,210 شما باید به دیدن همه موارد شرایط و ضوابط. 783 00:35:00,210 --> 00:35:01,760 پس چرا؟ 784 00:35:01,760 --> 00:35:04,100 >> اگر ما در حال حاضر به فرض که یک راه وجود دارد، 785 00:35:04,100 --> 00:35:07,260 و ما به شما در مورد نیاز به pset هفت به تشخیص خطا 786 00:35:07,260 --> 00:35:09,780 شرایط مثل این سمت سرور، چرا باید من 787 00:35:09,780 --> 00:35:13,940 زحمت همچنین انجام این کار در جاوا اسکریپت؟ 788 00:35:13,940 --> 00:35:15,850 بحث در چه اضافه کردن به نفع چه 789 00:35:15,850 --> 00:35:18,760 شما در مورد به عنوان some-- را ببینید این پیچیدگی اضافی وجود دارد. 790 00:35:18,760 --> 00:35:23,610 791 00:35:23,610 --> 00:35:25,930 >> شاید هیچ حرکت صعودی وجود دارد. 792 00:35:25,930 --> 00:35:26,924 چه می تواند باشد؟ 793 00:35:26,924 --> 00:35:27,840 مخاطبان: [نامفهوم]. 794 00:35:27,840 --> 00:35:31,132 795 00:35:31,132 --> 00:35:32,340 دیوید مالان: اوه، جالب است. 796 00:35:32,340 --> 00:35:33,530 سوء استفاده بالقوه است. 797 00:35:33,530 --> 00:35:37,540 بنابراین مطمئن شوید که، اگر شما در حال دست زدن نیست ورودی کاربر اشتباه که بزرگ، 798 00:35:37,540 --> 00:35:40,170 شاید آن را همه بهتر اگر حتی نمی سرور خود برسد. 799 00:35:40,170 --> 00:35:42,160 من به عقب وجود دارد و فشار می گویند، شما احتمالا باید 800 00:35:42,160 --> 00:35:43,284 رفع هر دو از این مشکلات است. 801 00:35:43,284 --> 00:35:44,140 اما این منصفانه است. 802 00:35:44,140 --> 00:35:44,710 چه چیز دیگری؟ 803 00:35:44,710 --> 00:35:45,626 >> مخاطبان: [نامفهوم]. 804 00:35:45,626 --> 00:35:47,970 805 00:35:47,970 --> 00:35:49,014 >> دیوید مالان: آره. 806 00:35:49,014 --> 00:35:51,680 این کد، همانطور که پیش از گفت، این است تفسیر در سمت سرویس گیرنده. 807 00:35:51,680 --> 00:35:53,846 آن سرور را خسته نکنید، که به معنی آن را نمی کند 808 00:35:53,846 --> 00:35:55,930 اثر بار سرور و یا ظرفیت. 809 00:35:55,930 --> 00:35:59,840 و در حال حاضر، برای من کمی قدیمی، این تاثیری معنادار 810 00:35:59,840 --> 00:36:01,970 چرا که من یک کاربر در حال حاضر. 811 00:36:01,970 --> 00:36:04,010 >> اما اگر شما هر گونه هستید وب سایت از اندازه مناسب و معقول، 812 00:36:04,010 --> 00:36:07,400 به خصوص بزرگترین، مانند فیس بوک، بیشتر شما می توانید مردم را حفظ 813 00:36:07,400 --> 00:36:09,927 سرور خود را بهتر چون سرور، البته، 814 00:36:09,927 --> 00:36:12,510 تنها دارای یک مقدار محدود از RAM، یک تعداد متناهی از گیگاهرتز، 815 00:36:12,510 --> 00:36:16,340 یک تعداد متناهی از همه چیز می توانید آن را در واحد زمان است. 816 00:36:16,340 --> 00:36:19,170 بنابراین اگر بیشتر مردم در آن وجود دارد جهان هدف قرار دادن سرور خود را، 817 00:36:19,170 --> 00:36:21,750 ورود به سیستم به طور تصادفی اشتباه، فقط و همچنین اگر شما 818 00:36:21,750 --> 00:36:23,254 می توانید که بار خاموش سرور خود را نگه دارید. 819 00:36:23,254 --> 00:36:25,420 به علاوه، به ویژه در تلفن همراه device-- اگر شما تا کنون 820 00:36:25,420 --> 00:36:29,190 ورود به my.harvard یا netid ییل یا مانند آن، 821 00:36:29,190 --> 00:36:32,330 است این تاخیر با تعداد زیادی از وجود دارد وب سایت های که به موجب آن طول می کشد، 822 00:36:32,330 --> 00:36:34,110 مانند، لعنتی دوم یا دو گاهی اوقات. 823 00:36:34,110 --> 00:36:37,979 و پس از آن، خدای من، اگر شما اشتباه تایپ، پس از آن شما را مجبور به آمار تماس و ازنو آن است. 824 00:36:37,979 --> 00:36:40,520 بنابراین تاخیر وجود دارد، به ویژه در اتصالات شبکه کندتر است. 825 00:36:40,520 --> 00:36:43,030 اما جاوا اسکریپت، به دلیل آن را بر روی سرویس گیرنده اجرا می شود 826 00:36:43,030 --> 00:36:46,720 و نیازی به رفتن به جلو و عقب در سراسر اینترنت به طور بالقوه آهسته 827 00:36:46,720 --> 00:36:49,780 اتصال، شما می توانید بازخورد تقریبا آنی. 828 00:36:49,780 --> 00:36:50,760 >> بنابراین اجازه دهید نگاهی به این. 829 00:36:50,760 --> 00:36:54,280 من اجازه باز کردن فرم و 0 در HTML اینجا نگاه کنید. 830 00:36:54,280 --> 00:36:56,040 و اجازه دهید فقط ببینید که چه خبر است. 831 00:36:56,040 --> 00:36:59,460 این یک فرم که است عمل register.php است. 832 00:36:59,460 --> 00:37:01,530 من فقط با استفاده طوری که من می تواند URL را ببینید. 833 00:37:01,530 --> 00:37:05,030 اما برای کلمات عبور، ما مطمئنا می خواهم می خواهم برای تغییر این ارسال در واقعیت است. 834 00:37:05,030 --> 00:37:06,910 در اینجا یک فیلد ورودی از نوع متن است. 835 00:37:06,910 --> 00:37:09,050 در اینجا یکی دیگر از ورودی درست از نوع رمز عبور. 836 00:37:09,050 --> 00:37:13,150 در اینجا این است، اگر شما دیده ام هرگز، یک ورودی از نوع علامت بزنید. 837 00:37:13,150 --> 00:37:15,250 >> اما هیچ جاوا اسکریپت وجود دارد در اینجا آنچه. 838 00:37:15,250 --> 00:37:18,170 این فقط HTML است که می رود به register.php. 839 00:37:18,170 --> 00:37:21,020 اما در نسخه یک، جایی که من آغاز شده به کسانی که پاپ آپ، 840 00:37:21,020 --> 00:37:23,010 بیایید ببینید که چه در واقع در اینجا اتفاق می افتد. 841 00:37:23,010 --> 00:37:26,757 در نسخه یک، چه من قصد دارم به see-- من 842 00:37:26,757 --> 00:37:29,340 فکر می کردم به اندازه کافی متوقف می با کلمات به اندازه کافی، اما من فرار از. 843 00:37:29,340 --> 00:37:35,180 844 00:37:35,180 --> 00:37:38,590 >> در نسخه one-- وجود دارد و ما بروید. 845 00:37:38,590 --> 00:37:43,180 در نسخه یک، متوجه شرح زیر است و بهترین اجرای نیست، 846 00:37:43,180 --> 00:37:44,420 اما آن را برای اولین بار من. 847 00:37:44,420 --> 00:37:47,680 توجه داشته باشید که در زیر فرم، من یک تگ اسکریپت. 848 00:37:47,680 --> 00:37:49,430 و یک تگ اسکریپت معنی، با سلام، مرورگر، در اینجا 849 00:37:49,430 --> 00:37:52,340 می آید برخی از کد در، به طور معمول، جاوا اسکریپت. 850 00:37:52,340 --> 00:37:54,420 و در حال حاضر، متوجه چه من انجام است. 851 00:37:54,420 --> 00:37:59,070 در line-- من به سختی می توانید به عنوان خوانده شده it-- خط 32، آن را می گوید، 852 00:37:59,070 --> 00:38:01,420 VAR بنابراین form-- به من بدهد یک متغیر به نام فرم. 853 00:38:01,420 --> 00:38:05,049 و پس از دریافت document.getElementId "ثبت نام" 854 00:38:05,049 --> 00:38:05,590 این چیست؟ 855 00:38:05,590 --> 00:38:07,290 خوب، اجازه دهید من در اینجا عقب تا. 856 00:38:07,290 --> 00:38:11,510 و توجه، آه، من عنصر فرم داد یک ایده دلخواه اما توصیفی 857 00:38:11,510 --> 00:38:13,050 ثبت نام. 858 00:38:13,050 --> 00:38:16,820 بنابراین این به من می دهد که یک متغیر من اجازه می دهد برای گرفتن آن گره، 859 00:38:16,820 --> 00:38:19,580 که مستطیل در درخت به نام فرم. 860 00:38:19,580 --> 00:38:24,460 ابزار form.onsubmit، هی مرورگر ثبت نام کنید شنونده رویداد 861 00:38:24,460 --> 00:38:25,470 در این فرم. 862 00:38:25,470 --> 00:38:28,890 به عبارت دیگر، زمانی که این فرم است ارسال، کد زیر را اجرا کنید. 863 00:38:28,890 --> 00:38:30,810 این کار یک نام به خاطر نیاز چرا شما نیاز به دانستن نام؟ 864 00:38:30,810 --> 00:38:32,880 شما فقط نیاز به دانستن چه برای اجرای، بنابر 865 00:38:32,880 --> 00:38:35,610 آن یک تابع بی نام و یا لامبدا است. 866 00:38:35,610 --> 00:38:37,632 و آن تابع است همه از این خطوط در اینجا. 867 00:38:37,632 --> 00:38:40,840 و در حال حاضر، به صداقت، حتی اگر شما ممکن است تا کنون جاوا اسکریپت نوشته شده است 868 00:38:40,840 --> 00:38:44,200 قبل از آن تنها منطق C و PHP است. 869 00:38:44,200 --> 00:38:51,720 بنابراین اگر form.email.value == "" - بنابراین اگر زمینه ایمیل خالی است، 870 00:38:51,720 --> 00:38:54,980 فریاد زدن در کاربر با "شما باید آدرس ایمیل خود را فراهم می کند. " 871 00:38:54,980 --> 00:38:58,980 اگر دیگری form.password.value فریاد زدن خالی در کاربر است، 872 00:38:58,980 --> 00:39:00,400 "شما باید رمز عبور خود را فراهم می کند." 873 00:39:00,400 --> 00:39:04,240 >> بیشتر جالب توجه است منطقی، اگر form.password.value نیست 874 00:39:04,240 --> 00:39:08,630 form.confirmation.value-- برابر که در آن تایید از کجا آمده اند؟ 875 00:39:08,630 --> 00:39:09,470 اجازه دهید من عقب. 876 00:39:09,470 --> 00:39:12,870 خوب، من این ورودی به نام درست در اینجا رمز عبور. 877 00:39:12,870 --> 00:39:15,180 و من این یکی به نام اینجا تایید. 878 00:39:15,180 --> 00:39:17,850 من می توانم آن را به نام رمز عبور دو یا هر چیز دیگری. 879 00:39:17,850 --> 00:39:20,560 من فقط چک کردن منطقی که این دو یکسان هستند. 880 00:39:20,560 --> 00:39:25,760 Else-- که معلوم است این است آقای بول، again-- یک مقدار بولی، جعبه چک کنید. 881 00:39:25,760 --> 00:39:29,810 بنابراین اگر من می گویم، علامت تعجب point-- اگر form.agreement.checked نیست، 882 00:39:29,810 --> 00:39:31,820 فریاد زدن در کاربر است. 883 00:39:31,820 --> 00:39:34,470 >> بنابراین این نحو شما خواهید دید است در جاوا اسکریپت بسیار معمول است، 884 00:39:34,470 --> 00:39:35,970 که در آن شما باید این نماد نقطه چین. 885 00:39:35,970 --> 00:39:37,460 شما با یک شی در اینجا شروع می شود. 886 00:39:37,460 --> 00:39:41,430 شما در عمیق تر به یک به شیرجه رفتن یک ویژگی مانند رمز عبور. 887 00:39:41,430 --> 00:39:43,280 و سپس شما را در ارزش واقعی آن را دریافت کنید. 888 00:39:43,280 --> 00:39:45,830 و دوباره، در اینجا ورودی است. 889 00:39:45,830 --> 00:39:47,310 در اینجا نام رمز عبور است. 890 00:39:47,310 --> 00:39:50,860 و مقدار آن هر انسان در واقع در تایپ. 891 00:39:50,860 --> 00:39:53,610 >> بنابراین در تمام این موارد، من غلط بازگشت. 892 00:39:53,610 --> 00:39:55,800 اما اگر نه، من بازگشت واقعی است. 893 00:39:55,800 --> 00:39:58,030 و بنابراین در حال حاضر ما می بینیم استفاده فوتی و فوری از زمانی که 894 00:39:58,030 --> 00:40:00,620 شما نادرست به باز خواهد گشت متوقف کردن آنچه کاربر انجام 895 00:40:00,620 --> 00:40:03,200 و او را و یا خود را انتخاب کنید دوباره و یا دوباره بنویسید. 896 00:40:03,200 --> 00:40:05,870 در غیر این صورت، ما بازگشت واقعی است. 897 00:40:05,870 --> 00:40:08,585 >> و اجازه دهید یکی معرفی من نوع دیگر از این فقط 898 00:40:08,585 --> 00:40:13,140 به دانه برخی از درک آن. 899 00:40:13,140 --> 00:40:16,850 خب، در نسخه 2 از این، فرم 2-- من آن را با یک موج از یک دست. 900 00:40:16,850 --> 00:40:19,920 این است، برای کسانی که کنجکاو، نسخه جی کوئری، 901 00:40:19,920 --> 00:40:23,330 کسانی از شما که ممکن است بخواهید اب شلپ شلپ کردن در آن کتابخانه خاص است. 902 00:40:23,330 --> 00:40:25,145 اما اجازه دهید start-- و هر گونه سوال؟ 903 00:40:25,145 --> 00:40:29,230 اجازه دهید من برای لحظه ای به خاطر مکث که به سرعت و بسیاری بود. 904 00:40:29,230 --> 00:40:32,610 >> اما چیزی که خوب در اینجا این است که همه از کد است که تقریبا همان. 905 00:40:32,610 --> 00:40:33,985 چیزهای جدید چیزی است که DOM است؟ 906 00:40:33,985 --> 00:40:35,115 این مستطیل چیست؟ 907 00:40:35,115 --> 00:40:35,990 این گره ها چه هستند؟ 908 00:40:35,990 --> 00:40:37,540 یک تابع بی نام چیست؟ 909 00:40:37,540 --> 00:40:38,830 یک event handler چه خبر؟ 910 00:40:38,830 --> 00:40:43,480 اما خوشبختانه، بیشتر از آن است که فقط دایره کامل، می گویند، هفته صفر. 911 00:40:43,480 --> 00:40:43,980 خیلی خوب. 912 00:40:43,980 --> 00:40:46,070 بنابراین چیزی کمی جالب تر است؟ 913 00:40:46,070 --> 00:40:49,340 خب، اول از همه، به من اجازه رفتن جلو و باز کردن نقشه های گوگل. 914 00:40:49,340 --> 00:40:53,360 و شما متوجه خواهید شد که برای لحظه، در دوم تقسیم، 915 00:40:53,360 --> 00:40:55,930 متوجه چه اتفاقی می افتد زمانی من به اندازه کافی سریع را کلیک کنید. 916 00:40:55,930 --> 00:40:59,720 و این اتصال در دانشگاه هاروارد است، بنابراین سریع است که شما واقعا آن را اطلاع می دهد. 917 00:40:59,720 --> 00:41:04,469 اما چه چیزی شما نوع از دید اگر من کلیک کنید و کشیدن واقعا سریع؟ 918 00:41:04,469 --> 00:41:07,010 کسانی که از شما تماشای آنلاین، اگر شما این کاهش سرعت به سرعت 0.5X، 919 00:41:07,010 --> 00:41:09,640 شما می توانید این را بهتر ببینید. 920 00:41:09,640 --> 00:41:13,550 >> چه اتفاقی می افتد فقط قبل از من کلیک کرده و کشیده میشوند؟ 921 00:41:13,550 --> 00:41:15,900 اجازه دهید من می here-- سعی کنید به من اجازه انجام چیز دیگری، مانند 90210. 922 00:41:15,900 --> 00:41:17,550 اجازه دهید به دور. 923 00:41:17,550 --> 00:41:19,000 که واقعا سریع بود. 924 00:41:19,000 --> 00:41:22,460 چگونه در مورد دیزنی جهانی؟ 925 00:41:22,460 --> 00:41:23,190 ما میرویم آنجا. 926 00:41:23,190 --> 00:41:23,690 باشه. 927 00:41:23,690 --> 00:41:26,030 آنچه شما برای یک دوم تقسیم دیدی؟ 928 00:41:26,030 --> 00:41:27,200 فقط، مانند، مربع، درست است؟ 929 00:41:27,200 --> 00:41:28,930 متغیرهایی برای کاشی؟ 930 00:41:28,930 --> 00:41:30,270 >> خب، چه خبر است اینجا؟ 931 00:41:30,270 --> 00:41:35,410 نقشه های گوگل یک مثال خوب است این تکنولوژی که به نام AJAX. 932 00:41:35,410 --> 00:41:38,510 و این جایی است که ما شروع به استفاده از جاوا اسکریپت در یک ویژه 933 00:41:38,510 --> 00:41:39,277 راه جذب می کند. 934 00:41:39,277 --> 00:41:41,610 در این روز وجود دارد، این وب سایت به نام MapQuest در. 935 00:41:41,610 --> 00:41:44,120 و من باید گرفته اند یک تصویر از این از 1990s، 936 00:41:44,120 --> 00:41:45,820 که در آن اگر شما به خواست نگاه کردن در اینجا بر روی نقشه، 937 00:41:45,820 --> 00:41:48,590 شما به معنای واقعی کلمه یک فلش کلیک کنید تا در بالای صفحه به شما نشان داد که 938 00:41:48,590 --> 00:41:49,870 یک مربع مختلف از نقشه است. 939 00:41:49,870 --> 00:41:51,790 اگر شما می خواهید به حرکت چپ، شما می کلیک یک فلش است که به شما نشان داد 940 00:41:51,790 --> 00:41:53,210 یک مربع مختلف از نقشه است. 941 00:41:53,210 --> 00:41:54,840 و برخی از وب سایت هنوز هم انجام این کار امروز. 942 00:41:54,840 --> 00:41:57,820 اما حتی MapQuest در بدست بهتر است، مانند نقشه های گوگل. 943 00:41:57,820 --> 00:42:01,880 >> در عوض، چه بهتر این روز وب سایت های که با استفاده از AJAX است. 944 00:42:01,880 --> 00:42:04,510 AJAX-- در غیر این صورت به عنوان شناخته شده آسنکرون جاوا اسکریپت و XML، 945 00:42:04,510 --> 00:42:08,370 که فقط یک راه فانتزی گفتن است یک تکنولوژی و یا روش که 946 00:42:08,370 --> 00:42:14,200 اجازه می دهد تا با استفاده از یک مرورگر جاوا اسکریپت را به درخواست HTTP اضافی 947 00:42:14,200 --> 00:42:16,390 بعد از صفحه لود شده است. 948 00:42:16,390 --> 00:42:17,479 پس چه معنی است؟ 949 00:42:17,479 --> 00:42:19,270 خوب، آن نوع خواهد بود از در Gmail آزار دهنده 950 00:42:19,270 --> 00:42:21,103 اگر هر بار که شما می خواهید برای بررسی ایمیل خود، 951 00:42:21,103 --> 00:42:24,940 شما به معنای واقعی کلمه برخورد کرده بود کنترل-R و یا دستور-R و یا کلیک بر روی دکمه بازنگری 952 00:42:24,940 --> 00:42:26,580 و کل صفحه را رفو می بازنگری. 953 00:42:26,580 --> 00:42:26,800 درست؟ 954 00:42:26,800 --> 00:42:28,460 آن فلش سفید احتمالا برای دوم. 955 00:42:28,460 --> 00:42:30,043 شما می توانید نوار پیشرفت احمقانه را ببینید. 956 00:42:30,043 --> 00:42:33,170 و فقط برای دیدن اگر شما جدید ایمیل، کل صفحه وب و URL 957 00:42:33,170 --> 00:42:34,580 شما باید در به بازنگری. 958 00:42:34,580 --> 00:42:35,960 >> اما این چیزی است که در Gmail اتفاق می افتد. 959 00:42:35,960 --> 00:42:36,459 درست؟ 960 00:42:36,459 --> 00:42:40,300 هنگامی که شما یک ایمیل جدید در گرفتن جیمیل، چه بر روی صفحه نمایش اتفاقی می افتد؟ 961 00:42:40,300 --> 00:42:41,480 این فقط نشان می دهد تا، درست است؟ 962 00:42:41,480 --> 00:42:44,280 این فقط به نظر می رسد به طرزی جادویی به عنوان یک ردیف جدید در جدول است. 963 00:42:44,280 --> 00:42:47,030 که در واقع شامل یک مقدار مناسبی از پیچیدگی است. 964 00:42:47,030 --> 00:42:51,892 در واقع، اگر شما در مورد این درخت فکر می کنم، که حتی اگر یک ساده در اینجا این است، 965 00:42:51,892 --> 00:42:54,100 Gmail-- و من می خواهم به نگاه در کد به sure-- 966 00:42:54,100 --> 00:42:58,710 احتمالا یک جدول HTML و یا شاید یک لیست نامرتب که در آن ارائه 967 00:42:58,710 --> 00:43:01,060 هر یک از ایمیل های صندوق پستی خود را به عنوان. 968 00:43:01,060 --> 00:43:04,050 >> و بنابراین اگر شما این تصور وجود دارد یک درخت در حافظه زمانی که شما است 969 00:43:04,050 --> 00:43:09,050 با استفاده از Gmail که به نظر می رسد نوع مرتب کردن بر اساس مثل این، هنگامی که گوگل متوجه، آه، 970 00:43:09,050 --> 00:43:12,770 شما یک ایمیل جدید، آن را نمی کند می خواهم به بازسازی کل درخت. 971 00:43:12,770 --> 00:43:16,430 در عوض، آن را می خواهد برای پیدا کردن گره در درخت که نشان دهنده صندوق پستی خود را 972 00:43:16,430 --> 00:43:18,580 و فقط قرار دادن یک گره جدید. 973 00:43:18,580 --> 00:43:24,640 >> بنابراین بسیار شبیه به pset پنج، که در آن شما حال برای قرار دادن گره ها را به یک جدول هش، 974 00:43:24,640 --> 00:43:28,410 به طور مشابه گوگل، از طریق کد های جاوا اسکریپت است که آن را نوشته است، 975 00:43:28,410 --> 00:43:31,890 گذشتن از این درخت، شکل که در آن که بخشی صندوق از پنجره است، 976 00:43:31,890 --> 00:43:33,440 و سپس قرار دادن یک ردیف جدید. 977 00:43:33,440 --> 00:43:37,460 و یک ردیف جدید فقط یک معنی یا بیشتر گره های جدید در یک درخت. 978 00:43:37,460 --> 00:43:41,340 >> و به این ترتیب AJAX این روش این است که اجازه می دهد برای که دقیقا. 979 00:43:41,340 --> 00:43:44,440 هنگامی که یک URL که بازدید کرده اید، با این حال دیوانه مدت آن است، 980 00:43:44,440 --> 00:43:46,472 و یک بار صفحه پر شده است، شما می توانید هنوز هم 981 00:43:46,472 --> 00:43:48,430 گرفتن اطلاعات بیشتر از internet-- که آیا آن را 982 00:43:48,430 --> 00:43:52,460 یک ایمیل یا یک کاشی از یک map-- گرفتن آن در پشت صحنه 983 00:43:52,460 --> 00:43:55,290 و سپس آن را به صفحه به طوری که انسان واقعا نمی 984 00:43:55,290 --> 00:43:56,910 باید برای آن صبر کنید. 985 00:43:56,910 --> 00:43:58,980 >> فیس بوک مسنجر کار می کند به همان شیوه. 986 00:43:58,980 --> 00:44:01,562 هر تعداد از دیگر websites-- آه، در واقع، حتی این. 987 00:44:01,562 --> 00:44:04,270 منظورم این است، رک و پوست کنده، نوع آزار دهنده از ویژگی های این روز است. 988 00:44:04,270 --> 00:44:07,500 اگر من شروع به جستجو برای این cats-- نوع یک تجربه وحشتناک برای کاربران است. 989 00:44:07,500 --> 00:44:08,990 این فقط شروع به جستجو برای من. 990 00:44:08,990 --> 00:44:10,050 خب چه چیزی است که انجام می دهند؟ 991 00:44:10,050 --> 00:44:12,920 نشانی اینترنتی واقعا تغییر کرده است از تایپ کردن را شروع کردم. 992 00:44:12,920 --> 00:44:17,330 اما چه خبر در سراسر wire-- OK، HMM جالب است. 993 00:44:17,330 --> 00:44:20,470 چه خبر است در سراسر سیم در اینجا فقط عجیب و غریبتر می شود. 994 00:44:20,470 --> 00:44:21,090 >> باشه. 995 00:44:21,090 --> 00:44:24,670 بنابراین اجازه دهید من به جلو و بازرسی عنصر و رفتن به تب شبکه 996 00:44:24,670 --> 00:44:27,040 و سعی کنید به این فنی و کمتر در مورد گربه ها. 997 00:44:27,040 --> 00:44:32,595 به عنوان نوع I، به معنای واقعی کلمه، گربه and-- آنچه اتفاق می افتد 998 00:44:32,595 --> 00:44:37,710 per-- من قصد ندارم به کلیک کنید که. 999 00:44:37,710 --> 00:44:38,210 خیلی خوب. 1000 00:44:38,210 --> 00:44:44,280 بنابراین در اینجا، آنچه اتفاق می افتد در هر زمان من یک نوع شخصیت، ظاهرا؟ 1001 00:44:44,280 --> 00:44:45,000 مانند، سطح پایین؟ 1002 00:44:45,000 --> 00:44:47,860 چه خبر با هر یک از این اتفاق می افتد شخصیت من در صفحه کلید تایپ کردن من؟ 1003 00:44:47,860 --> 00:44:48,359 آره؟ 1004 00:44:48,359 --> 00:44:50,950 مخاطبان: [نامفهوم]. 1005 00:44:50,950 --> 00:44:52,340 >> دیوید مالان: دقیقا. 1006 00:44:52,340 --> 00:44:55,600 هر یک از این شخصیت است رفتن به گوگل، یکی در یک زمان. 1007 00:44:55,600 --> 00:44:58,490 آنها در حال ایجاد یک رشته بر روی سرور خود است که نشان دهنده 1008 00:44:58,490 --> 00:44:59,936 همه چیز من در تایپ ام تا کنون. 1009 00:44:59,936 --> 00:45:01,810 و هر بار که من از نوع یکی دیگر از شخصیت، آنها 1010 00:45:01,810 --> 00:45:04,530 استفاده از سس مخفی خود را از یک الگوریتم جستجو و کشف کردن، 1011 00:45:04,530 --> 00:45:07,370 منظورش این صفحه گربه یا این صفحه گربه و یا مانند؟ 1012 00:45:07,370 --> 00:45:10,620 بنابراین در بعضی جهات، آن را به من فراهم می کند با تجربه بهتر در من حتی نمی 1013 00:45:10,620 --> 00:45:11,860 نیاز به تکمیل فکر من. 1014 00:45:11,860 --> 00:45:14,440 و در واقع، آن را یک مفید چیزی، تکمیل خودکار به طور کلی. 1015 00:45:14,440 --> 00:45:17,690 اگر الگوریتم های خود را به اندازه کافی خوب و اگر من به اندازه کافی جستجو آشکار است، 1016 00:45:17,690 --> 00:45:19,300 من لازم نیست به نوع تمام کلمه. 1017 00:45:19,300 --> 00:45:22,110 آنها در حال رفتن به من بگویید چه آن است من در واقع برای جستجو. 1018 00:45:22,110 --> 00:45:25,940 پس چه از طریق مسنجر گوگل خواستار جستجو تنها با استفاده از AJAX، 1019 00:45:25,940 --> 00:45:30,820 با استفاده از کد که اجازه می دهد تا آنها را به درخواست محتوای اضافی از طریق یک مرورگر وب 1020 00:45:30,820 --> 00:45:34,026 در پشت صحنه با استفاده از این زبان جدید، جاوا اسکریپت. 1021 00:45:34,026 --> 00:45:35,400 بنابراین ما باید یک دقیقه چند باقی مانده است. 1022 00:45:35,400 --> 00:45:37,710 و اجازه دهید من تماس بگیرید تا دوستان من کولتون تا بر روی صحنه، 1023 00:45:37,710 --> 00:45:40,090 از آن به نظر می رسید به خصوص پاپ زمان آخرین 1024 00:45:40,090 --> 00:45:42,290 برای معرفی یک تکنولوژی که برخی از شما 1025 00:45:42,290 --> 00:45:44,769 علاقه ابراز کرده اند در برای پروژه نهایی. 1026 00:45:44,769 --> 00:45:47,310 ما فکر کردیم که آن را می خواهم سرگرم کننده را به تا یک داوطلب، هر چند، امروز 1027 00:45:47,310 --> 00:45:50,074 به شما علاوه بر نشان دادن این که اجازه می دهد تا you-- آره، 1028 00:45:50,074 --> 00:45:50,990 من این دست را دیدم برای اولین بار. 1029 00:45:50,990 --> 00:45:52,900 بیا بالا. 1030 00:45:52,900 --> 00:45:53,560 خیلی خوب انجام شده. 1031 00:45:53,560 --> 00:45:55,035 افرین. 1032 00:45:55,035 --> 00:45:57,410 من قصد دارم به این پروژه در صفحه نمایش در یک لحظه. 1033 00:45:57,410 --> 00:45:58,150 نام و نام خانوادگی خود را برای همه چه خبر؟ 1034 00:45:58,150 --> 00:45:59,180 >> EFA: من ها Efa هستم. 1035 00:45:59,180 --> 00:45:59,410 >> دیوید مالان: عیثه؟ 1036 00:45:59,410 --> 00:45:59,785 >> EFA: ها Efa. 1037 00:45:59,785 --> 00:46:00,160 >> دیوید مالان: ها Efa؟ 1038 00:46:00,160 --> 00:46:00,730 >> EFA: آره. 1039 00:46:00,730 --> 00:46:01,250 >> دیوید مالان: خوشحالم که می بینید. 1040 00:46:01,250 --> 00:46:01,600 خیلی خوب. 1041 00:46:01,600 --> 00:46:02,590 اجازه دهید من این آماده شده است. 1042 00:46:02,590 --> 00:46:04,423 بیا در را به وسط با کولتون در اینجا. 1043 00:46:04,423 --> 00:46:07,050 چه کولتون است در دست او امروز کنترل از راه دور است. 1044 00:46:07,050 --> 00:46:10,440 بنابراین به جای فقط آنجا ایستاده در یک جهان سه بعدی نگاه کردن به اطراف 1045 00:46:10,440 --> 00:46:14,080 به عنوان کولتون، در حال حاضر می توانید ها Efa در واقع راه رفتن در اطراف با رفتن، 1046 00:46:14,080 --> 00:46:16,689 پایین، چپ، و راست مثل نینتندو یا ایکس باکس کنترل. 1047 00:46:16,689 --> 00:46:18,230 EFA: من قصد دارم به سقوط کردن مرحله. 1048 00:46:18,230 --> 00:46:20,500 دیوید مالان: من ایستاده تقریبا بیش از اینجا. 1049 00:46:20,500 --> 00:46:21,991 اما این یک خطر است. 1050 00:46:21,991 --> 00:46:22,490 باشه. 1051 00:46:22,490 --> 00:46:25,690 پس پیش بروید و قرار دادن آن در. 1052 00:46:25,690 --> 00:46:29,315 اجازه دهید من پیش بروید و تغییر به صفحه در اینجا. 1053 00:46:29,315 --> 00:46:30,670 اجازه دهید من کم نور چراغ. 1054 00:46:30,670 --> 00:46:32,780 و Colton، به من اجازه آمده ایستاده در کنار شما. 1055 00:46:32,780 --> 00:46:35,520 >> آیا شما می خواهید به توضیح در اینجا با میکروفون آنچه ما انجام می؟ 1056 00:46:35,520 --> 00:46:36,380 در اینجا شما بروید. 1057 00:46:36,380 --> 00:46:37,280 >> COLTON: حتما. 1058 00:46:37,280 --> 00:46:39,980 بنابراین در حال حاضر ما بارگذاری تا از Oculus، 1059 00:46:39,980 --> 00:46:43,070 من حدس می زنم operating-- عامل نیست سیستم است، اما برنامه اصلی، که در آن 1060 00:46:43,070 --> 00:46:46,630 شما می توانید تمام بازی های دسترسی و برنامه های که در کتابخانه خود هستند. 1061 00:46:46,630 --> 00:46:50,060 بنابراین در حال حاضر، آن را باید می گویند شیر صفحه لمسی برای آغاز خواهد شد. 1062 00:46:50,060 --> 00:46:53,430 پد لمسی را به در می شود سمت راست از هدست. 1063 00:46:53,430 --> 00:46:54,569 پس پیش بروید و tap-- 1064 00:46:54,569 --> 00:46:55,110 EFA: اوه، مرد. 1065 00:46:55,110 --> 00:46:56,443 دیوید مالان: بله، شما بروید. 1066 00:46:56,443 --> 00:47:00,340 1067 00:47:00,340 --> 00:47:02,460 کیفیت ها Efa شاهد با کیفیت بسیار بالاتر است. 1068 00:47:02,460 --> 00:47:03,831 این فقط Wi-Fi را در اینجا. 1069 00:47:03,831 --> 00:47:05,580 COLTON: پس چیزی که شما رفتن به می خواهم به انجام 1070 00:47:05,580 --> 00:47:08,350 است به سمت بالا نگاه راست از روی صفحه نمایش. 1071 00:47:08,350 --> 00:47:10,420 بله، این بازی در سمت راست بسیار بالا. 1072 00:47:10,420 --> 00:47:14,780 و پس از آن زمانی که شما انتخاب آن، شیر دوباره صفحه لمسی. 1073 00:47:14,780 --> 00:47:17,010 من فکر می کنم Dreadhalls آن است. 1074 00:47:17,010 --> 00:47:20,820 و پس از آن در اینجا a-- اینجا، اجازه دهید من عینک خود را برای شما نگه دارید. 1075 00:47:20,820 --> 00:47:24,420 1076 00:47:24,420 --> 00:47:25,790 >> بنابراین من فقط به او یک کنترل. 1077 00:47:25,790 --> 00:47:28,886 بنابراین در حال حاضر او می تواند بازی را کنترل کنید. 1078 00:47:28,886 --> 00:47:30,510 او می تواند در اطراف و چیزهای که حرکت می کند. 1079 00:47:30,510 --> 00:47:31,968 پس پیش بروید و نگاه کردن به بالا. 1080 00:47:31,968 --> 00:47:33,640 شما باید بازی جدید را مشاهده کنید. 1081 00:47:33,640 --> 00:47:36,310 پس پیش بروید و شما می توانید انجام دهید. 1082 00:47:36,310 --> 00:47:39,320 در حال حاضر، شما باید قادر به کنترل خود را با کنترل کننده، 1083 00:47:39,320 --> 00:47:43,860 همچنین، به عنوان به زودی به عنوان بازی لود تا اینجا. 1084 00:47:43,860 --> 00:47:46,356 این ممکن است یک کمی ترسناک است. 1085 00:47:46,356 --> 00:47:47,300 >> EFA: در حال حاضر شما به من بگویید. 1086 00:47:47,300 --> 00:47:50,132 باشه. 1087 00:47:50,132 --> 00:47:51,080 >> COLTON: بسیار خوب. 1088 00:47:51,080 --> 00:47:52,650 بنابراین منظور که شما می توانید حرکت در اطراف. 1089 00:47:52,650 --> 00:47:52,750 باشه. 1090 00:47:52,750 --> 00:47:53,583 شما می توانید حرکت در اطراف. 1091 00:47:53,583 --> 00:47:54,300 کامل. 1092 00:47:54,300 --> 00:47:56,470 بنابراین اگر شما نگاه کردن، شما باید یک نقشه. 1093 00:47:56,470 --> 00:47:58,170 نقشه نشان می دهد که در آن شما می باشد. 1094 00:47:58,170 --> 00:47:59,720 شما می توانید در اطراف اتاق نگاه کنید. 1095 00:47:59,720 --> 00:48:01,440 شما به طور کامل می توانید در اطراف تبدیل شود. 1096 00:48:01,440 --> 00:48:02,128 بله دقیقا. 1097 00:48:02,128 --> 00:48:02,627 بچرخ. 1098 00:48:02,627 --> 00:48:05,370 1099 00:48:05,370 --> 00:48:07,125 >> بنابراین به سمت چپ خود را نگاه کنید. 1100 00:48:07,125 --> 00:48:09,875 من فکر می کنم چیزی وجود دارد شما می توانید انتخاب کنید تا در هر بشکه در اتاق. 1101 00:48:09,875 --> 00:48:11,709 >> EFA: چگونه می توانم نقشه از راه؟ 1102 00:48:11,709 --> 00:48:12,375 COLTON: نگاه کردن. 1103 00:48:12,375 --> 00:48:12,980 فقط نگاه کردن. 1104 00:48:12,980 --> 00:48:13,480 خیلی خوب. 1105 00:48:13,480 --> 00:48:13,765 وجود دارد که شما بروید. 1106 00:48:13,765 --> 00:48:15,181 در حال حاضر پیش بروید و فقط در اطراف تبدیل شود. 1107 00:48:15,181 --> 00:48:21,460 1108 00:48:21,460 --> 00:48:24,620 بنابراین نگاه دورتر به سمت چپ خود را. 1109 00:48:24,620 --> 00:48:25,530 نگه دارید در حال حرکت به سمت چپ. 1110 00:48:25,530 --> 00:48:26,960 به دنبال حفظ باقی مانده است. 1111 00:48:26,960 --> 00:48:27,541 رفتن ادامه دهید. 1112 00:48:27,541 --> 00:48:28,040 آره. 1113 00:48:28,040 --> 00:48:28,720 >> EFA: اوه، که راه. 1114 00:48:28,720 --> 00:48:29,261 >> COLTON: آره. 1115 00:48:29,261 --> 00:48:30,999 راه رفتن به سوی آن با کنترل. 1116 00:48:30,999 --> 00:48:31,540 وجود دارد که شما بروید. 1117 00:48:31,540 --> 00:48:32,790 در حال حاضر آن باید بگویم آن را انتخاب کنید. 1118 00:48:32,790 --> 00:48:33,360 وجود دارد که شما بروید. 1119 00:48:33,360 --> 00:48:34,290 آن را بلند کن. 1120 00:48:34,290 --> 00:48:35,550 خیلی خوب. 1121 00:48:35,550 --> 00:48:38,286 در حال حاضر، اجازه دهید از این اتاق است. 1122 00:48:38,286 --> 00:48:42,209 برو جلو و راه رفتن به درب. 1123 00:48:42,209 --> 00:48:45,000 بنابراین شما در حال رفتن به hold-- آن را می گوید دکمه به زور آن را باز نگه دارید. 1124 00:48:45,000 --> 00:48:46,333 پس پیش بروید و دکمه را نگه دارید. 1125 00:48:46,333 --> 00:48:48,250 بله، مجبور آن را باز کنید. 1126 00:48:48,250 --> 00:48:48,750 خیلی خوب. 1127 00:48:48,750 --> 00:48:49,410 افرین. 1128 00:48:49,410 --> 00:48:50,826 در حال حاضر ما در حال راه رفتن به بیرون از اتاق. 1129 00:48:50,826 --> 00:48:56,970 1130 00:48:56,970 --> 00:49:01,366 بنابراین من قصد دارم به ترک بقیه تا به شما و ببینید چه چیزی شما را پیدا کردن. 1131 00:49:01,366 --> 00:49:02,865 EFA: من در اتاق تاریک نیست. 1132 00:49:02,865 --> 00:49:07,315 1133 00:49:07,315 --> 00:49:07,815 صبر کن. 1134 00:49:07,815 --> 00:49:09,314 در حال حاضر من به پایین سالن تاریک است؟ 1135 00:49:09,314 --> 00:49:10,785 OK، من قصد دارم تماس [نامفهوم]. 1136 00:49:10,785 --> 00:49:15,520 1137 00:49:15,520 --> 00:49:16,270 COLTON: بسیار خوب. 1138 00:49:16,270 --> 00:49:17,560 برخی از موارد بیشتری انتخاب کنید تا. 1139 00:49:17,560 --> 00:49:19,370 به نظر می رسد برخی از سکه ها. 1140 00:49:19,370 --> 00:49:22,242 که انتخاب قفل است. 1141 00:49:22,242 --> 00:49:24,200 بنابراین اگر شما پیدا کردن یک قفل شده درب، شما می توانید استفاده کنید. 1142 00:49:24,200 --> 00:49:27,755 1143 00:49:27,755 --> 00:49:28,380 آیا تو ترسیدی؟ 1144 00:49:28,380 --> 00:49:29,371 >> EFA: نه هنوز. 1145 00:49:29,371 --> 00:49:29,871 COLTON: OK. 1146 00:49:29,871 --> 00:49:34,850 1147 00:49:34,850 --> 00:49:35,497 >> Pretend-- آره. 1148 00:49:35,497 --> 00:49:37,330 فقط وانمود شما در واقع ایستاده وجود دارد. 1149 00:49:37,330 --> 00:49:39,580 و اگر شما به نوبه خود around-- شما رو برای رسیدن به آن استفاده می شود. 1150 00:49:39,580 --> 00:49:40,752 اما آن را حس. 1151 00:49:40,752 --> 00:49:43,960 دیوید مالان: و در حالی که همچنان به ها Efa بازی، از ما می تواند این همه روز انجام دهید، 1152 00:49:43,960 --> 00:49:45,381 ما می توانیم تمام نوک پا را اینجا ببینید. 1153 00:49:45,381 --> 00:49:48,130 اما ما دو جفت دیگر، اگر شما می خواهم برای آمدن و بازی. 1154 00:49:48,130 --> 00:49:49,980 در غیر این صورت، خواهیم دید شما در کنار در روز چهارشنبه. 1155 00:49:49,980 --> 00:49:51,354 با تشکر از شما برای داوطلب ما امروز. 1156 00:49:51,354 --> 00:49:52,101 [تشویق حضار] 1157 00:49:52,101 --> 00:49:54,506 1158 00:49:54,506 --> 00:49:57,392 >> [MUSIC - "تم ساینفیلد"] 1159 00:49:57,392 --> 00:49:58,222 1160 00:49:58,222 --> 00:50:00,180 SPEAKER 1: خوب، من قرار دادن یک PL جدید را سوار بر روی. 1161 00:50:00,180 --> 00:50:01,800 من فقط تغییر OLPF-- 1162 00:50:01,800 --> 00:50:03,980 >> SPEAKER 2: پس چه دقیقا کار می کنی؟ 1163 00:50:03,980 --> 00:50:07,063 >> SPEAKER 1: خوب، هر یک از these-- در اینجا، من شما این یکی را در اینجا نشان می دهد. 1164 00:50:07,063 --> 00:50:08,690 شما می توانید آن را در اینجا ببینید. 1165 00:50:08,690 --> 00:50:09,510 >> SPEAKER 3: من فکر می کنم خوب با این است. 1166 00:50:09,510 --> 00:50:09,933 کمی بیشتر میخواهی؟ 1167 00:50:09,933 --> 00:50:11,325 >> اسپیکر 4: نه، من خوب هستم. [نامفهوم]. 1168 00:50:11,325 --> 00:50:12,200 >> SPEAKER 3: نه، [نامفهوم]. 1169 00:50:12,200 --> 00:50:12,700 بفرمائید. 1170 00:50:12,700 --> 00:50:21,165 1171 00:50:21,165 --> 00:50:22,290 SPEAKER 1: رنگ های مختلف. 1172 00:50:22,290 --> 00:50:22,890 SPEAKER 2: OK. 1173 00:50:22,890 --> 00:50:26,690 SPEAKER 1: پس در نهایت آنچه در آن کند این است که آن رنگ را تنظیم می of--