1 00:00:00,000 --> 00:00:02,862 >> [Music kucheza] 2 00:00:02,862 --> 00:00:10,030 3 00:00:10,030 --> 00:00:11,580 >> DAVID Malan: Hii ni CS50. 4 00:00:11,580 --> 00:00:12,880 Huu ni mwanzo wa wiki tisa. 5 00:00:12,880 --> 00:00:15,797 Na hii ni nini ingekuwa Imekuwa Mheshimiwa Boole ya 200 ya kuzaliwa. 6 00:00:15,797 --> 00:00:17,630 Hivyo hii ni wenzake ambao tumekuwa alluded 7 00:00:17,630 --> 00:00:21,800 kabisa baadhi ya nyakati kuhusu kutumia Vigezo Boolean kweli na uongo, 8 00:00:21,800 --> 00:00:22,910 1 na 0 na hayo. 9 00:00:22,910 --> 00:00:25,270 Na hii ilikuwa ya Google ujira kwake leo. 10 00:00:25,270 --> 00:00:26,489 Yeye ingekuwa akageuka 200. 11 00:00:26,489 --> 00:00:28,280 Hivyo kama wewe Ningependa kujiunga na sisi kwa CS50 chakula cha mchana, 12 00:00:28,280 --> 00:00:30,279 tuangalie kiungo kwenye tovuti kozi. 13 00:00:30,279 --> 00:00:33,580 Na nyuso hizo na marafiki kama hizi wakisubiri wewe hapa katika Cambridge. 14 00:00:33,580 --> 00:00:35,360 Nyuso kama haya wakisubiri wewe katika New Haven. 15 00:00:35,360 --> 00:00:37,800 Na, kwa kweli, Ken katika New Haven huruma alifanya 16 00:00:37,800 --> 00:00:41,594 kile kinachoitwa GIF animated wa Eli hapa katika hivi karibuni lunch-- GIF ni bado 17 00:00:41,594 --> 00:00:44,260 mwingine graphical faili, na ambayo wewe ni familiar-- kwamba 18 00:00:44,260 --> 00:00:46,300 inaonekana kitu kidogo kama hii. 19 00:00:46,300 --> 00:00:48,179 Hivyo tu mlolongo of-- sawa. 20 00:00:48,179 --> 00:00:49,720 Hakuna mtu hapa katika Cambridge ni huku akicheka. 21 00:00:49,720 --> 00:00:51,720 Lakini katika New Haven, hii ni kweli funny, sawa? 22 00:00:51,720 --> 00:00:52,350 Sawa. 23 00:00:52,350 --> 00:00:53,940 >> Hivyo kujiunga nasi pale. 24 00:00:53,940 --> 00:00:55,900 Hapa katika Harvard, hasa, Jumatano hii, 25 00:00:55,900 --> 00:00:59,480 kama wewe ni sophomore au Freshman even-- au hata junior-- kufikiri ya maamuzi 26 00:00:59,480 --> 00:01:01,563 kubadili kwenye kompyuta sayansi, unajua kwamba kuna itabidi 27 00:01:01,563 --> 00:01:04,440 kuwa CS kutoa ushauri wa haki hii Jumatano, muda mfupi baada ya daraja la 28 00:01:04,440 --> 00:01:08,040 katika 04:00 katika kompyuta jengo sayansi Maxwell Dworkin. 29 00:01:08,040 --> 00:01:11,890 Tutaweza kuweka hii juu ya kozi ya tovuti na kesho, kama vile. 30 00:01:11,890 --> 00:01:14,430 Donuts, nimeambiwa, itakuwa aliwahi. 31 00:01:14,430 --> 00:01:15,180 >> Sawa. 32 00:01:15,180 --> 00:01:18,790 Hivyo funny story-- nilikuwa poking karibu kwenye mtandao, 33 00:01:18,790 --> 00:01:23,575 na nimeona baadhi nyaraka mzee ya tovuti yangu ya zamani. 34 00:01:23,575 --> 00:01:25,950 Na ni zamu nje kuzunguka hili muda, inaonekana wakati sana 35 00:01:25,950 --> 00:01:28,910 tangu mimi kukusanya kwamba uchaguzi UC ni kuhusu gia tena. 36 00:01:28,910 --> 00:01:32,230 Hivyo mimi mbio kwa UC, waliopotea vibaya. 37 00:01:32,230 --> 00:01:34,770 Na labda hii ilikuwa katika sehemu kwa nini. 38 00:01:34,770 --> 00:01:37,600 Hivyo hii ilikuwa tovuti yangu kwa wakati mmoja. 39 00:01:37,600 --> 00:01:40,477 Kwa sababu fulani, nilifikiri ilikuwa wazo nzuri, kabla ya kuwaambia watu 40 00:01:40,477 --> 00:01:43,310 nini jukwaa yangu ilikuwa na ndiyo maana lazima kupiga kura kwa ajili yangu, kwamba wana 41 00:01:43,310 --> 00:01:47,770 click kuingia ili kujua kwamba habari, ambayo katika retrospect ni 42 00:01:47,770 --> 00:01:48,660 aina ya creepy. 43 00:01:48,660 --> 00:01:50,910 Mimi si kweli kujua nini hiyo ilikuwa. 44 00:01:50,910 --> 00:01:53,140 >> Lakini ni hakika hakuwa kusaidia kampeni yangu. 45 00:01:53,140 --> 00:01:56,874 Mimi pia kupatikana kuwa na waandamizi year-- Mimi nilikuwa kalenda hii Muppet. 46 00:01:56,874 --> 00:01:58,540 Muppets walikuwa aina ya katika Vogue kisha nyuma. 47 00:01:58,540 --> 00:01:59,456 Au labda hawakuwa. 48 00:01:59,456 --> 00:02:01,790 Mimi nilikuwa kalenda Muppet kisha nyuma. 49 00:02:01,790 --> 00:02:04,860 Na nilifikiri d kuwa baridi kwa jina kompyuta yangu kwenye mtandao Harvard 50 00:02:04,860 --> 00:02:07,460 frogman.student.harvard.edu. 51 00:02:07,460 --> 00:02:10,370 Wakati huo, sisi wote walikuwa kipekee zinazotambulika jeshi majina. 52 00:02:10,370 --> 00:02:13,150 Na unaweza kuchagua baadhi ubatili jina badala ya jina yako mwenyewe. 53 00:02:13,150 --> 00:02:15,580 Na mimi akaenda pamoja frogman kwa sababu fulani. 54 00:02:15,580 --> 00:02:19,040 >> Na kisha mimi started-- mimi alitumia mengi muda kubonyeza kwa njia ya viungo hizi 55 00:02:19,040 --> 00:02:20,280 asubuhi hii. 56 00:02:20,280 --> 00:02:24,690 Na hii ilikuwa yangu kuhusu ukurasa, ambayo sasa inaonekana aina ya adorable. 57 00:02:24,690 --> 00:02:28,210 Lakini pia alionyesha tu jinsi mbali teknolojia imekuja. 58 00:02:28,210 --> 00:02:30,310 I mean, nyuma katika siku, 486 na kitu. 59 00:02:30,310 --> 00:02:34,090 Siku hizi, ni super, super, super polepole na vizuri chini 60 00:02:34,090 --> 00:02:36,216 kuliko unaweza kuwa katika yako mifuko mwenyewe siku hizi. 61 00:02:36,216 --> 00:02:38,465 Kuna zaidi juu ya pale kwamba Ilikuwa hata zaidi ya aibu. 62 00:02:38,465 --> 00:02:39,770 Hivyo mimi itabidi kuondoka ni saa hiyo. 63 00:02:39,770 --> 00:02:42,640 Lakini hiyo ilikuwa yangu ya kwanza kuliingia katika web-- loo, hakuna. 64 00:02:42,640 --> 00:02:43,180 Hiyo haikuwa hivyo. 65 00:02:43,180 --> 00:02:47,000 Yangu ya kwanza ya kuliingia halisi katika programu ya mtandao Ilikuwa tovuti hii, ambayo mimi tu alisahau. 66 00:02:47,000 --> 00:02:50,620 Katika hatua nyingine, Mimi kujifunza jinsi ya kufanya repetitive picha background. 67 00:02:50,620 --> 00:02:55,260 Na hivyo nimeona tiling hii ufanisi, kama Hockey mchezaji, mpira wa miguu, na gofu 68 00:02:55,260 --> 00:02:58,040 mpira, au chochote kile kwa ajili ya tovuti Frosh IMS. 69 00:02:58,040 --> 00:03:01,390 Na hii ilikuwa kweli, dhati kwanza ya mradi wa mtandao msingi Mimi alichukua on-- 70 00:03:01,390 --> 00:03:03,880 Nadhani labda sophomore mwaka, junior year-- 71 00:03:03,880 --> 00:03:07,622 baada ya kuchukua CS50 na CS51, moja ya kawaida madarasa kufuatilia juu ya. 72 00:03:07,622 --> 00:03:09,330 Niliona katika kuangalia kupitia nyaraka 73 00:03:09,330 --> 00:03:12,150 kuwa moja ya warithi wangu na marafiki, Lee, aina ya kubadilishwa 74 00:03:12,150 --> 00:03:13,480 hati miliki mwenyewe. 75 00:03:13,480 --> 00:03:17,520 Lakini hii ilikuwa kweli kitu ambacho Mimi lazima kumiliki aibu kwa. 76 00:03:17,520 --> 00:03:19,370 Lakini wakati huo, hii Ilikuwa tovuti kwanza, 77 00:03:19,370 --> 00:03:22,220 kama nilivyosema wiki chache zilizopita, ambayo inaweza Freshman 78 00:03:22,220 --> 00:03:24,350 kujiandikisha kwa ajili ya michezo intramural hapa. 79 00:03:24,350 --> 00:03:27,950 Na hivyo ni zamu nje kwamba picha background 80 00:03:27,950 --> 00:03:29,530 kama kwamba si kama wazo nzuri. 81 00:03:29,530 --> 00:03:31,840 Lakini mtandao ilikuwa mpya, na sisi wote walikuwa majaribio. 82 00:03:31,840 --> 00:03:34,310 Na hii ni nini mimi inaonekana alifanya wakati huo. 83 00:03:34,310 --> 00:03:34,810 Sawa. 84 00:03:34,810 --> 00:03:38,020 Hivyo bila wasiwasi zaidi, sisi kubadili gia leo kukupa, kwa kweli, 85 00:03:38,020 --> 00:03:42,250 kipande ya mwisho kwamba unaweza kupata muhimu hasa kwa ajili ya miradi ya mwisho 86 00:03:42,250 --> 00:03:44,780 lakini pia kwamba kuanza kufanya dunia nzima kote mtandao 87 00:03:44,780 --> 00:03:46,680 kujisikia kidogo kueleweka zaidi. 88 00:03:46,680 --> 00:03:49,460 Hakika, tunakwenda kuanzisha moja zaidi lugha ya programu 89 00:03:49,460 --> 00:03:52,474 aitwaye JavaScript hiyo ni sawa na tofauti kwa njia tofauti 90 00:03:52,474 --> 00:03:54,140 kutoka lugha tumekuwa inaonekana katika hivi sasa. 91 00:03:54,140 --> 00:03:55,807 >> Hivyo C, kukumbuka, ni lugha hii ulioandaliwa. 92 00:03:55,807 --> 00:03:57,473 Nimepata kukimbia kwa njia compiler. 93 00:03:57,473 --> 00:03:59,810 Kupata chanzo kanuni ya kupinga kanuni, au zeroes na wale. 94 00:03:59,810 --> 00:04:03,000 Na wale ni zeroes na wale ambao CPU yako, Central Processing Unit, 95 00:04:03,000 --> 00:04:04,360 kweli kuelewa. 96 00:04:04,360 --> 00:04:06,610 PHP, kwa kulinganisha, ni si ulioandaliwa lugha. 97 00:04:06,610 --> 00:04:08,772 Ni nini? 98 00:04:08,772 --> 00:04:09,980 Ni lugha kufasiriwa. 99 00:04:09,980 --> 00:04:11,750 Hivyo kuna mpango baadhi aitwaye mkalimani kwamba 100 00:04:11,750 --> 00:04:13,708 ina kusoma juu it-- kwa chini, kushoto na right-- 101 00:04:13,708 --> 00:04:16,519 na kufikiri nini yote ya syntax yako haina maana na, 102 00:04:16,519 --> 00:04:20,200 kama ni kitanzi au hali au idadi yoyote ya programu 103 00:04:20,200 --> 00:04:20,740 anajenga. 104 00:04:20,740 --> 00:04:22,210 Hivyo hiyo ni lugha kufasiriwa. 105 00:04:22,210 --> 00:04:23,910 >> Kisha sisi ilianzisha HTML. 106 00:04:23,910 --> 00:04:26,440 Na HTML si hata lugha ya programu. 107 00:04:26,440 --> 00:04:28,110 Tunatarajia simu yake nini? 108 00:04:28,110 --> 00:04:31,650 Lugha ghafi, ambayo ni tu aina ya dhana njia ya kusema hayo 109 00:04:31,650 --> 00:04:35,820 hana programu constructs kama tuliona hata nyuma katika siku za Scratch. 110 00:04:35,820 --> 00:04:36,720 Hakuna mizunguko. 111 00:04:36,720 --> 00:04:37,920 Hakuna masharti. 112 00:04:37,920 --> 00:04:40,820 Ni kweli ni lugha kuhusu kuashiria up data zako 113 00:04:40,820 --> 00:04:43,620 na formatting au jinsia yake kwa namna fulani. 114 00:04:43,620 --> 00:04:46,147 >> CSS, wakati huo huo, vile vile si lugha ya programu. 115 00:04:46,147 --> 00:04:47,730 Ni hata zaidi aesthetically oriented. 116 00:04:47,730 --> 00:04:50,470 Na utapata aina ya faini-tune mambo kama ukubwa wa herufi na rangi 117 00:04:50,470 --> 00:04:51,850 na upangaji na yote hayo. 118 00:04:51,850 --> 00:04:52,370 Kisha tulikuwa na 119 00:04:52,370 --> 00:04:53,160 >> SQL. 120 00:04:53,160 --> 00:04:56,010 Hivyo SQL ni kweli kompyuta lugha katika baadhi ya hisia, 121 00:04:56,010 --> 00:04:59,330 angalau kulengwa hasa kwa database. 122 00:04:59,330 --> 00:05:03,347 Lakini, hata kama sisi tu kuanzisha wewe kuchagua na kuingiza na kufuta na kurekebisha 123 00:05:03,347 --> 00:05:05,430 na michache ya watu wengine, zamu nje unaweza kweli 124 00:05:05,430 --> 00:05:07,380 kuandika kazi au taratibu, kama wao ni 125 00:05:07,380 --> 00:05:11,270 kuitwa, katika SQL ili kuangalia na kutenda kabisa kama PHP na C kazi. 126 00:05:11,270 --> 00:05:12,390 Basi jua ya kwamba wale kuwepo. 127 00:05:12,390 --> 00:05:15,348 Lakini hatuna hata bother pamoja nao kama sisi tu scratch ya uso hapa. 128 00:05:15,348 --> 00:05:18,600 Na kisha JavaScript, mwisho wa Lugha yetu ilianzisha rasmi. 129 00:05:18,600 --> 00:05:21,029 Hivyo JavaScript, pia, ni kufasiriwa lugha. 130 00:05:21,029 --> 00:05:23,070 Na wale jamaa, kufanya unataka kuitofautisha 131 00:05:23,070 --> 00:05:26,960 pamoja na baadhi ya tabia kutoka kwa C na PHP? 132 00:05:26,960 --> 00:05:28,300 Nini hufanya hivyo tofauti? 133 00:05:28,300 --> 00:05:29,650 >> Watazamaji: Ni si ulioandaliwa. 134 00:05:29,650 --> 00:05:29,930 >> DAVID Malan: Sema tena? 135 00:05:29,930 --> 00:05:31,200 >> Watazamaji: Ni si ulioandaliwa. 136 00:05:31,200 --> 00:05:31,930 >> DAVID Malan: Ni si ulioandaliwa. 137 00:05:31,930 --> 00:05:33,450 Hivyo, pia, ni kufasiriwa. 138 00:05:33,450 --> 00:05:34,760 Hivyo si ulioandaliwa. 139 00:05:34,760 --> 00:05:37,210 Lakini kwamba inafanya kidogo kama PHP. 140 00:05:37,210 --> 00:05:39,545 Lakini bado ni tofauti na PHP katika baadhi ya njia fora, 141 00:05:39,545 --> 00:05:40,920 angalau kwa njia tutaweza kuitumia. 142 00:05:40,920 --> 00:05:41,205 Yeah? 143 00:05:41,205 --> 00:05:41,940 >> Watazamaji: Ni anaendesha mteja upande. 144 00:05:41,940 --> 00:05:44,000 >> DAVID Malan: Ni anaendesha mteja upande, kwa kawaida. 145 00:05:44,000 --> 00:05:47,190 Hiyo ni kweli pekee tabia kwa ajili yetu hivi sasa. 146 00:05:47,190 --> 00:05:51,170 C alikuwa server-upande kwa maana ya kwamba sisi alifanya kila kitu katika CS50 IDE. 147 00:05:51,170 --> 00:05:53,630 PHP hivi sasa imekuwa server-upande kadiri 148 00:05:53,630 --> 00:05:56,550 kama hayo, pia, anapata interpreted-- si ulioandaliwa, lakini interpreted-- 149 00:05:56,550 --> 00:06:00,690 ndani ya CS50 IDE, ambayo bila shaka ni tu server au watumishi katika wingu. 150 00:06:00,690 --> 00:06:03,070 >> Lakini JavaScript, hata ingawa wewe utaenda 151 00:06:03,070 --> 00:06:07,000 kuanza kuandika ni kwa, kusema, pset nane na labda mwisho projects-- uko 152 00:06:07,000 --> 00:06:09,620 kwenda kwa haki ni katika CS50 IDE na ila ni 153 00:06:09,620 --> 00:06:14,760 katika mafaili ndani ya CS50 IDE, CS50 IDE na, kwa upande wake, watumishi wingu 154 00:06:14,760 --> 00:06:19,160 ambayo ni mwenyeji, si kwenda kutafsiri au kutekeleza kanuni yako. 155 00:06:19,160 --> 00:06:23,880 Badala yake, ni kwenda kutumwa katika aina unaltered chini ya browser. 156 00:06:23,880 --> 00:06:26,990 Na ni kisha kwenda kuwa IE au Chrome au Firefox au Safari 157 00:06:26,990 --> 00:06:30,697 au chochote kwamba kweli kutafsiri hivyo, juu hadi chini, kushoto na kulia. 158 00:06:30,697 --> 00:06:32,780 Hivyo pekee muhimu tabia kwa ajili ya leo 159 00:06:32,780 --> 00:06:36,110 ni kwamba JavaScript ni mteja upande na PHP, kwa mfano, 160 00:06:36,110 --> 00:06:37,690 imekuwa server-upande. 161 00:06:37,690 --> 00:06:40,920 Sasa, hii ina maana ya kuvutia kwa, kama, haki miliki 162 00:06:40,920 --> 00:06:42,660 na ambao wanaweza kweli kuona kanuni yako. 163 00:06:42,660 --> 00:06:44,860 Na hakika, unaweza kwenda kwenye mtandao na kuona zaidi 164 00:06:44,860 --> 00:06:47,530 kanuni yoyote kwamba mtu ana Imeandikwa katika JavaScript. 165 00:06:47,530 --> 00:06:50,230 Wakati mwingine ni someka, wakati mwingine ni obfuscated. 166 00:06:50,230 --> 00:06:52,550 Lakini zaidi juu ya kwamba katika wakati wake. 167 00:06:52,550 --> 00:06:57,530 >> Hivyo JavaScript, nicely kutosha, ni super sawa, syntactically, kwa C. 168 00:06:57,530 --> 00:06:59,364 Na kiasi kama PHP, hakuna kazi kuu. 169 00:06:59,364 --> 00:07:02,113 Kama unataka kuanza kuandika JavaScript kificho, kama utaona leo, 170 00:07:02,113 --> 00:07:03,270 wewe tu kuanza kuandika hayo. 171 00:07:03,270 --> 00:07:06,910 Lakini ni, utaona, hasa muhimu katika mazingira ya browsers mtandao. 172 00:07:06,910 --> 00:07:09,820 Hata hivyo, mdogo wangu disclaimer-- kawaida earlier-- 173 00:07:09,820 --> 00:07:13,790 ilikuwa ni kusema kuwa unaweza inazidi leo matumizi JavaScript server-upande 174 00:07:13,790 --> 00:07:17,655 kutumia mfumo dhana inayoitwa Node.js kwamba baadhi ya maombi CS50 ya mwenyewe 175 00:07:17,655 --> 00:07:18,280 yameandikwa katika. 176 00:07:18,280 --> 00:07:20,640 Angalia 50 kweli anatumia Node.js. 177 00:07:20,640 --> 00:07:24,140 Lakini sisi ni kwenda kuzingatia JavaScript mteja upande hapa juu ya nje. 178 00:07:24,140 --> 00:07:26,750 >> Hivyo hapa ni seti ya hali katika PHP. 179 00:07:26,750 --> 00:07:29,350 Samahani, in-- kweli, kwamba Taarifa hiyo, pia ni sahihi. 180 00:07:29,350 --> 00:07:32,200 Hapa pia ni seti ya hali katika JavaScript. 181 00:07:32,200 --> 00:07:35,560 Syntactically, ni kufanana na C na kwa PHP. 182 00:07:35,560 --> 00:07:39,040 Maneno Bw Boole ya watu, vile vile, syntactically 183 00:07:39,040 --> 00:07:41,190 kufanana na wote C na PHP. 184 00:07:41,190 --> 00:07:44,100 Sisi pia kuwa swichi katika JavaScript ili kuangalia kufanana. 185 00:07:44,100 --> 00:07:46,350 Tuna kwa mizunguko kwamba ni muundo identically, 186 00:07:46,350 --> 00:07:48,140 wakati tanzi, kufanya wakati matanzi. 187 00:07:48,140 --> 00:07:49,980 >> Hii moja kidogo tofauti. 188 00:07:49,980 --> 00:07:53,120 PHP alikuwa kwa kila kujenga kwamba unaweza kuwa kwa kutumia 189 00:07:53,120 --> 00:07:55,320 au watatumia katika pset saba, labda. 190 00:07:55,320 --> 00:07:59,460 JavaScript ina toleo hili maalum ya kwa ambapo literally kusema kitu 191 00:07:59,460 --> 00:08:03,864 kama kwa kutofautiana muhimu katika kitu, ambayo Ni njia succinct sana ya kusema, 192 00:08:03,864 --> 00:08:06,780 kama mimi nimepata object-- na tutaweza majadiliano juu ya haya tena katika moment-- 193 00:08:06,780 --> 00:08:10,370 na mimi nataka iterate juu ya yote ya thamani jozi ufunguo ndani, 194 00:08:10,370 --> 00:08:13,620 Sina kufikiri jinsi ya numerically ripoti yao kwa sifuri, moja, 195 00:08:13,620 --> 00:08:14,580 mbili, tatu. 196 00:08:14,580 --> 00:08:15,900 >> Siwezi kusema literally hii. 197 00:08:15,900 --> 00:08:20,740 Na juu ya kila iteration, JavaScript kwa ajili yangu itakuwa update muhimu kutofautiana 198 00:08:20,740 --> 00:08:24,810 kuwa muhimu kwanza, kisha ufunguo ijayo, kisha ufunguo ijayo, kisha ufunguo ijayo, 199 00:08:24,810 --> 00:08:25,510 na kadhalika. 200 00:08:25,510 --> 00:08:30,000 Na siwezi kupata katika thamani yake na kutibu kitu katika JavaScript, kama tutaweza kuona, 201 00:08:30,000 --> 00:08:32,584 kana kwamba ni safu associative katika PHP. 202 00:08:32,584 --> 00:08:35,750 Hakika, kama wewe hatimaye amefungwa yako akili kuzunguka kile safu associative ni 203 00:08:35,750 --> 00:08:40,140 katika PHP, unaweza kufikiria ni kwa sasa kama kufanana na kitu katika JavaScript. 204 00:08:40,140 --> 00:08:42,030 Lakini hiyo ni kidogo ya kurahisisha. 205 00:08:42,030 --> 00:08:47,230 >> Arrays kuangalia, nicely kutosha, kufanana kwa PHP isipokuwa kwa tabia moja. 206 00:08:47,230 --> 00:08:51,425 Kuna jambo moja kukosa hapa kwamba tulifanya ona wiki iliyopita na PHP. 207 00:08:51,425 --> 00:08:52,050 Nini liliondolewa? 208 00:08:52,050 --> 00:08:53,310 Yeah? 209 00:08:53,310 --> 00:08:54,090 Hakuna ishara ya dola. 210 00:08:54,090 --> 00:08:56,240 Hivyo sisi ni nyuma ya kawaida zaidi duniani ambapo 211 00:08:56,240 --> 00:08:58,050 vigezo hawana dola ishara. 212 00:08:58,050 --> 00:09:00,810 Lakini wewe kufanya kiambishi yao na var, kawaida. 213 00:09:00,810 --> 00:09:02,230 Na var ina maana kutofautiana. 214 00:09:02,230 --> 00:09:06,440 Na kiasi kama PHP ni loosely typed-- ambapo kuna aina, 215 00:09:06,440 --> 00:09:10,120 kuna idadi na masharti na ikifungwa na hivyo sana aliye mzaa 216 00:09:10,120 --> 00:09:11,570 JavaScript vile vile ina aina. 217 00:09:11,570 --> 00:09:15,470 Lakini ni loosely typed katika kuwa sisi programmers hawana kutaja yao. 218 00:09:15,470 --> 00:09:18,980 Sisi tu kuwa na ufahamu kwamba aina mbalimbali zipo. 219 00:09:18,980 --> 00:09:21,690 >> Vigezo, meanwhile-- hapa ni jinsi gani tupate kutangaza "hello, ulimwengu" 220 00:09:21,690 --> 00:09:22,230 kama kamba. 221 00:09:22,230 --> 00:09:24,890 Taarifa ni sawa na PHP lakini hakuna ishara ya dola. 222 00:09:24,890 --> 00:09:27,120 Na hii ni kitu tutaweza kuanza kuona zaidi leo, 223 00:09:27,120 --> 00:09:30,990 ambapo una kitu na funguo na maadili. 224 00:09:30,990 --> 00:09:32,990 Na kama unataka kujaribu na kudai kutoka mwisho week-- 225 00:09:32,990 --> 00:09:34,730 syntax ni tofauti kidogo. 226 00:09:34,730 --> 00:09:39,740 Lakini akili timamu kidogo check-- wangapi funguo haina kitu hicho wanaonekana kuwa na? 227 00:09:39,740 --> 00:09:40,850 Hivyo naona nne. 228 00:09:40,850 --> 00:09:43,560 Mimi naona mbili. 229 00:09:43,560 --> 00:09:44,680 >> Hivyo ni kweli mbili. 230 00:09:44,680 --> 00:09:47,260 Hivyo hii ni mkusanyiko ya mbili jozi ufunguo thamani. 231 00:09:47,260 --> 00:09:49,820 Ufunguo ni ishara ambao thamani ni FB. 232 00:09:49,820 --> 00:09:52,620 Muhimu ni bei ambao thamani ni 101.53. 233 00:09:52,620 --> 00:09:54,230 Basi hizo mbili jozi ufunguo thamani. 234 00:09:54,230 --> 00:09:58,120 Na kumbuka, PHP-- na hii ni mara ya pili tu aina ya tofauti kisintaksia. 235 00:09:58,120 --> 00:10:00,170 Siyo kila kitu kielimu ya kuvutia. 236 00:10:00,170 --> 00:10:04,610 PHP inaweza wameandika hiyo Jambo kama follows-- kunukuu, sawa. 237 00:10:04,610 --> 00:10:06,730 Na mimi mabadiliko hayo kwa mabano mraba. 238 00:10:06,730 --> 00:10:11,240 Na kisha mimi kubadili hali hii kwa alinukuliwa neno, "bei." 239 00:10:11,240 --> 00:10:12,500 Na kisha mimi si kutumia matumbo. 240 00:10:12,500 --> 00:10:15,060 Je, mimi kutumia wiki iliyopita? 241 00:10:15,060 --> 00:10:18,290 Yeah, ishara sawa mshale nukuu funky. 242 00:10:18,290 --> 00:10:21,470 >> Na kisha mimi alifanya kitu kimoja hapa. 243 00:10:21,470 --> 00:10:23,580 Same kitu hapa. 244 00:10:23,580 --> 00:10:24,240 Na kwamba wote. 245 00:10:24,240 --> 00:10:27,752 Hivyo ni nzuri kama hii ina si kweli imezama katika kumbukumbu tu 246 00:10:27,752 --> 00:10:29,960 lakini kwa vile ni kweli kielimu uninteresting. 247 00:10:29,960 --> 00:10:31,660 Ni tofauti tu kisintaksia. 248 00:10:31,660 --> 00:10:33,230 Lakini mawazo ni sawa. 249 00:10:33,230 --> 00:10:35,910 Ndani ya kutofautiana hii kunukuu katika JavaScript 250 00:10:35,910 --> 00:10:39,020 ni mkusanyiko wa muhimu-thamani jozi, mojawapo ikiwa ni ishara, moja ambayo 251 00:10:39,020 --> 00:10:39,690 ni bei. 252 00:10:39,690 --> 00:10:42,340 Na siwezi kupata katika maadili hayo na syntax zifuatazo. 253 00:10:42,340 --> 00:10:46,280 Kama ilivyo katika PHP, mimi naweza kufanya kitu kama basi 254 00:10:46,280 --> 00:10:48,590 mimi kufanya sanduku huu kidogo kubwa. 255 00:10:48,590 --> 00:10:52,750 Kama ilivyo katika PHP, mimi naweza kufanya Haya loo, Dammit. 256 00:10:52,750 --> 00:10:53,250 Kuja juu. 257 00:10:53,250 --> 00:10:56,350 258 00:10:56,350 --> 00:11:00,800 >> Kama ilivyo katika PHP-- sawa, tutaweza tu kutumia maelezo mtangazaji. 259 00:11:00,800 --> 00:11:06,010 Kama ilivyo katika PHP, siwezi kufanya $ kunukuu $ kunukuu ["ishara"], 260 00:11:06,010 --> 00:11:08,860 na hii itakuwa kupata yangu thamani ya "ishara." 261 00:11:08,860 --> 00:11:12,800 Katika JavaScript, ni kwenda kuwa kufanana, ambapo naweza tu kufanya hivyo. 262 00:11:12,800 --> 00:11:14,850 Kitu tu kwamba ni kukosa ni ishara ya dola. 263 00:11:14,850 --> 00:11:17,470 >> Hivyo nicely kutosha, basi, kuna si wote kwamba mengi mapya syntax. 264 00:11:17,470 --> 00:11:21,025 Kwa hiyo kile leo sisi kuzingatia, kwa kweli, ni baadhi ya mawazo na maombi. 265 00:11:21,025 --> 00:11:22,900 Na kwanza vile maombi kwamba waweza 266 00:11:22,900 --> 00:11:26,090 tumeona kama wewe dived katika pset saba tayari ni syntax hii. 267 00:11:26,090 --> 00:11:28,980 Hivyo katika pset saba, kama wameweza kuonekana au si kuonekana ni bado, 268 00:11:28,980 --> 00:11:33,570 kujua kwamba kuna faili kwamba sisi kutoa wewe kuitwa config.json-- JavaScript 269 00:11:33,570 --> 00:11:34,661 Kitu nukuu. 270 00:11:34,661 --> 00:11:35,160 Kwa nini? 271 00:11:35,160 --> 00:11:39,540 Tulitaka kuwa na uwezo wa kutoa kwa template na baadhi jozi ufunguo thamani. 272 00:11:39,540 --> 00:11:44,290 Tulitaka kuwa na uwezo wa kukupa orodha wa jeshi, jina la seva. 273 00:11:44,290 --> 00:11:46,710 Tulitaka kukupa placeholder kwa jina lako 274 00:11:46,710 --> 00:11:48,210 na placeholder kwa password yako. 275 00:11:48,210 --> 00:11:49,410 Kama siyo kuona huu bado, wasiwe na wasiwasi. 276 00:11:49,410 --> 00:11:51,340 Zaidi juu ya hili katika pset saba [? spec. ?] Na kisha, 277 00:11:51,340 --> 00:11:53,173 ni wazi, tunataka kujaza kwa-dos 278 00:11:53,173 --> 00:11:55,310 kwa sababu wakati wewe kuingia katika CS50 IDE, kila mmoja wenu 279 00:11:55,310 --> 00:11:57,630 na jina lako mwenyewe na neno la siri. 280 00:11:57,630 --> 00:12:00,910 >> Hivyo tunaweza umetumia nusu kadhaa au zaidi tofauti muundo faili. 281 00:12:00,910 --> 00:12:02,940 Tunaweza wametumia faili txt. 282 00:12:02,940 --> 00:12:04,570 Tuliweza kutumika jalada la CSV. 283 00:12:04,570 --> 00:12:06,745 Tunaweza umetumia INI file, XML file, 284 00:12:06,745 --> 00:12:09,370 Vifupisho rundo zima zaidi kwamba unaweza kuwa na milele habari. 285 00:12:09,370 --> 00:12:11,244 Ni aina ya holela mwisho wa siku. 286 00:12:11,244 --> 00:12:16,030 Lakini super maarufu siku hizi ni maandishi muundo inayoitwa JSON-- JavaScript Object 287 00:12:16,030 --> 00:12:18,460 Notation-- kwamba inaonekana kama hii. 288 00:12:18,460 --> 00:12:20,890 Ni kidogo cryptic, lakini taarifa mwelekeo. 289 00:12:20,890 --> 00:12:24,180 Unaweza kuanza kwa curly wazi Brace, na wewe kuishia na moja. 290 00:12:24,180 --> 00:12:26,550 Ndani ya kwamba ni kitu. 291 00:12:26,550 --> 00:12:27,920 Ni jozi ufunguo thamani. 292 00:12:27,920 --> 00:12:30,580 Hivyo hii ni kitu kwamba mimi nina kuangalia juu ya screen hapa 293 00:12:30,580 --> 00:12:33,690 ambayo ina muhimu moja, ambayo ina thamani moja. 294 00:12:33,690 --> 00:12:37,610 Na tu inferring kulingana na mfano uliopita, nini ufunguo hapa? 295 00:12:37,610 --> 00:12:39,790 Mbegu, jambo kwa upande wa kushoto wa koloni. 296 00:12:39,790 --> 00:12:43,500 >> Sasa, thamani hufanyika kuwa mistari mingi wakati huu. 297 00:12:43,500 --> 00:12:46,760 Lakini thamani huanza na curly wanakabiliwa na kuishia na brace curly. 298 00:12:46,760 --> 00:12:49,480 Hivyo gani wewe kupendekeza ni aina ya thamani ya database? 299 00:12:49,480 --> 00:12:52,160 300 00:12:52,160 --> 00:12:54,670 Kamusi au, kama zaidi ufupi, kitu. 301 00:12:54,670 --> 00:12:55,170 Sawa? 302 00:12:55,170 --> 00:13:00,010 Hii ni aina ya muundo data kwamba Unaweza kutumia miundo mingine ndani ya yenyewe. 303 00:13:00,010 --> 00:13:02,750 Hivyo kama jambo hili zima tuko wito object-- na kitu 304 00:13:02,750 --> 00:13:07,101 ni tu rundo la muhimu-thamani wanyama: thamani ya Mbegu yenyewe ni kitu. 305 00:13:07,101 --> 00:13:10,350 Thamani ya database ina rundo zima ya thamani jozi ufunguo, ya kwanza ambayo 306 00:13:10,350 --> 00:13:13,130 ni jeshi, basi jina, kisha jina la mtumiaji, basi neno la siri, 307 00:13:13,130 --> 00:13:17,550 kila mmoja ambaye maadili, wakati huo huo, ni kamba tu boring katika quotes mbili. 308 00:13:17,550 --> 00:13:19,770 >> Hivyo hata kama si kwamba super wazi bado tu, 309 00:13:19,770 --> 00:13:22,740 kujua kwamba hii ni kiwango cha, njia ya haki boring 310 00:13:22,740 --> 00:13:25,190 ya kuhifadhi data katika muundo standard. 311 00:13:25,190 --> 00:13:27,700 Lakini makosa ya kawaida wewe inaweza kufanya, hata katika pset saba, 312 00:13:27,700 --> 00:13:32,120 ni mambo kidogo kijinga, kama kama wewe ajali saza comma huko. 313 00:13:32,120 --> 00:13:34,900 Hiyo inaenda kusababisha faili si lazima kuwa someka. 314 00:13:34,900 --> 00:13:38,191 Kama ajali saza mambo kama quotes, siyo kwenda kuwa someka. 315 00:13:38,191 --> 00:13:41,654 Hivyo ni pretty nitpicky faili, lakini ni moja kwamba ni super kawaida. 316 00:13:41,654 --> 00:13:44,820 Na sisi kutokea kwa matumizi yake, hata kama huna matumizi yoyote JavaScript vinginevyo, 317 00:13:44,820 --> 00:13:46,330 katika pset saba. 318 00:13:46,330 --> 00:13:46,860 >> Sawa. 319 00:13:46,860 --> 00:13:48,110 Basi kumbuka picha hii. 320 00:13:48,110 --> 00:13:51,657 Kuongelea, katika HTML, kwamba kificho ili kuangalia kama hii. 321 00:13:51,657 --> 00:13:54,740 Hii ni HyperText ghafi lugha [Inaudible] kwa ajili tu "hello, ulimwengu." 322 00:13:54,740 --> 00:13:57,570 Lakini basi sisi mapendekezo wakati nyuma kwamba kama inasaidia, 323 00:13:57,570 --> 00:14:00,210 unaweza kutaka kuanza kufikiri kuhusu hili tayari kama mti. 324 00:14:00,210 --> 00:14:03,730 Kwa kweli, anatengeneza kwamba sisi kutumia tu kwa ajili ya readability 325 00:14:03,730 --> 00:14:05,610 au kwa ajili style ya juu kushoto Unaweza aina ya 326 00:14:05,610 --> 00:14:10,040 kutafsiriwa katika mti huu, ambapo kuwa na baadhi ya nodi mizizi maalum ambayo tutaweza 327 00:14:10,040 --> 00:14:16,860 yaliyotokea aitwaye hati, chini ambayo ni mzizi HTML kipengele au tag, HTML, 328 00:14:16,860 --> 00:14:19,980 ambayo kisha ina mbili watoto, kichwa na mwili. 329 00:14:19,980 --> 00:14:21,750 >> Na kisha kwa upande wake, mkuu ana cheo. 330 00:14:21,750 --> 00:14:23,440 Na kichwa ina thamani maandishi. 331 00:14:23,440 --> 00:14:26,130 Na mwili vile vile ina thamani maandishi. 332 00:14:26,130 --> 00:14:29,220 Hivyo kama wewe ni starehe msemo kwamba ndiyo, unaweza kuchukua HTML huu 333 00:14:29,220 --> 00:14:32,080 na kuchora picha kama hivyo, upande wa kulia 334 00:14:32,080 --> 00:14:35,910 ni nzuri mfano wa akili kwa sababu sasa kwamba tuna JavaScript, Programu 335 00:14:35,910 --> 00:14:39,960 lugha ambayo browsers Unaweza kutekeleza na kutafsiri kwa wewe, 336 00:14:39,960 --> 00:14:42,690 zinageuka kuwa kile sisi ni juu ya kufanya katika kanuni 337 00:14:42,690 --> 00:14:45,320 ni kuanza kuendesha hii muundo wa mti katika kumbukumbu. 338 00:14:45,320 --> 00:14:47,070 Hatuna kujenga mti katika kumbukumbu. 339 00:14:47,070 --> 00:14:49,880 Hatuna cha kufanya aina ya data ya muundo pset na tano-style 340 00:14:49,880 --> 00:14:50,650 utata. 341 00:14:50,650 --> 00:14:54,610 Browser, vizuri kutosha, juu ya kutafsiri HTML juu hadi chini, 342 00:14:54,610 --> 00:14:58,600 kushoto au kulia, ni halisi kwenda mkono sisi sawa na pointer 343 00:14:58,600 --> 00:15:00,840 kwa kuwa mti mzima kwa ajili ya bure. 344 00:15:00,840 --> 00:15:02,150 Ni anafanya yote ya kazi ngumu. 345 00:15:02,150 --> 00:15:05,520 Hiyo ni nini Mozilla na Apple na wengine wamefanya kwa ajili yetu. 346 00:15:05,520 --> 00:15:09,400 >> Na na JavaScript ni sisi kwenda na uwezo wa kudhibiti na mabadiliko na kufanya 347 00:15:09,400 --> 00:15:12,910 mambo ya kuvutia kwa kwamba mti, vinginevyo inayojulikana 348 00:15:12,910 --> 00:15:15,880 kama DOM au Document Object Model. 349 00:15:15,880 --> 00:15:17,110 Ni aina gani ya mambo? 350 00:15:17,110 --> 00:15:19,030 Naam, ni zamu nje kwamba katika JavaScript, kuna 351 00:15:19,030 --> 00:15:22,800 orodha hii kufulia ya matukio ambayo unaweza kuchukua nafasi. 352 00:15:22,800 --> 00:15:26,330 Na sisi si kweli kutumika kwamba neno tangu wiki sifuri na pset 353 00:15:26,330 --> 00:15:28,240 sifuri wakati sisi aliyesema kuhusu Scratch. 354 00:15:28,240 --> 00:15:31,390 Wengi wenu pengine hakutumia tukio katika Scratch mradi wako. 355 00:15:31,390 --> 00:15:33,850 Lakini unaweza kukumbuka rahisi Marco Polo 356 00:15:33,850 --> 00:15:36,760 mfano, ambapo tulikuwa na mbili sprites, mmoja wao alisema, Marco. 357 00:15:36,760 --> 00:15:40,180 Wengine ambao wakati huo, juu ya kusikiliza na kusikia tukio hilo, alisema, Polo. 358 00:15:40,180 --> 00:15:42,080 Kama siyo, kujisikia huru na kuangalia nyuma kwamba mbali nyuma. 359 00:15:42,080 --> 00:15:44,450 >> Lakini hii ni kwa kusema, na unaweza aina ya 360 00:15:44,450 --> 00:15:47,730 infer kutoka majina ya hivi mambo, JavaScript, ni zamu nje, 361 00:15:47,730 --> 00:15:53,200 ni kwenda kutupa njia ya kusikiliza kwa panya kwenda chini au panya kwenda 362 00:15:53,200 --> 00:15:57,920 au ufunguo kwenda chini au ufunguo kwenda juu au onsubmit onselect 363 00:15:57,920 --> 00:15:59,740 au onresizing kitu. 364 00:15:59,740 --> 00:16:03,060 Kwa maneno mengine, hatua yoyote ya kimwili kwamba binadamu wanaweza kuchukua na browser 365 00:16:03,060 --> 00:16:08,210 kwamba kufanya kila siku, unaweza kuandika kificho kwa kuwa anasikiliza kwa matukio hayo 366 00:16:08,210 --> 00:16:10,220 na kisha haina kitu sahihi. 367 00:16:10,220 --> 00:16:14,130 >> Kwa mfano, kama wewe kutumia Google Maps, kile kinachotokea kama wewe click na hoja 368 00:16:14,130 --> 00:16:16,250 panya, kawaida? 369 00:16:16,250 --> 00:16:17,758 Kama click na Drag? 370 00:16:17,758 --> 00:16:18,258 Yeah? 371 00:16:18,258 --> 00:16:21,701 372 00:16:21,701 --> 00:16:22,200 Hasa. 373 00:16:22,200 --> 00:16:23,159 Ramani kuanza kwa hoja. 374 00:16:23,159 --> 00:16:25,616 Hivyo unaweza aina ya kuona nini zaidi ya hapa, nini zaidi ya hapo. 375 00:16:25,616 --> 00:16:27,130 Na jinsi gani Google kutekeleza hayo? 376 00:16:27,130 --> 00:16:29,421 Naam, labda, wao uko kutumia michache ya tukio hizi 377 00:16:29,421 --> 00:16:31,720 wasikilizaji, moja ambayo anasema, kusikiliza kwa juu ya panya 378 00:16:31,720 --> 00:16:35,410 down-- hivyo wakati mtumiaji kimwili inasukuma trackpad yake au au wake panya yake 379 00:16:35,410 --> 00:16:36,010 chini. 380 00:16:36,010 --> 00:16:38,350 Na kisha sisi ni kuangalia kwa kitu kama harakati 381 00:16:38,350 --> 00:16:41,145 au baadhi ya tukio nyingine ambazo inaruhusu sisi kukamata Drag. 382 00:16:41,145 --> 00:16:45,910 Na kwa kweli, Drag ni vile vile katika hii dot dot dot orodha ya chaguzi iwezekanavyo. 383 00:16:45,910 --> 00:16:49,140 >> Hivyo hii ni kwenda kuwa na nguvu njia ya kuanza kukabiliana na mtumiaji 384 00:16:49,140 --> 00:16:52,824 hata kabla ya yeye au yeye kweli Clicks kitu wazi kama kuwasilisha. 385 00:16:52,824 --> 00:16:55,240 Lakini tunakwenda kuanzisha mada wanandoa ya kufika huko. 386 00:16:55,240 --> 00:16:58,570 Lakini kwanza, hebu mpito kwa baadhi ya kanuni halisi. 387 00:16:58,570 --> 00:17:01,450 Hivyo mimi nina kwenda mbele na kufungua dom-0, 388 00:17:01,450 --> 00:17:05,869 ambayo ni mfano rahisi sana hapa kwamba kama mimi kuvuta tu 389 00:17:05,869 --> 00:17:08,500 ina mchango huu hapa kwa ajili yangu. 390 00:17:08,500 --> 00:17:12,410 Na mimi nina kwenda mbele na aina katika "David" kwa jina langu na bonyeza Kuwasilisha. 391 00:17:12,410 --> 00:17:17,940 >> Na kisha, angalau aina ya bei nafuu, mimi na hii haraka kwamba pops up kwamba anasema, 392 00:17:17,940 --> 00:17:19,244 "hello, Daudi!" 393 00:17:19,244 --> 00:17:21,740 Hivyo hii ni aina ya kama yetu "hello, ulimwengu" 394 00:17:21,740 --> 00:17:25,150 kwamba tulifanya muda nyuma katika C na hata katika PHP kwa sababu nimekuwa dynamically 395 00:17:25,150 --> 00:17:26,310 outputted jina langu. 396 00:17:26,310 --> 00:17:28,230 Siwezi kufanya jina ya mtu mwingine hapa. 397 00:17:28,230 --> 00:17:31,240 Mimi naweza kubadili tu huu kwa, kama, Hana, bonyeza Kuwasilisha. 398 00:17:31,240 --> 00:17:33,780 Na hakika, kidogo pop-up mabadiliko. 399 00:17:33,780 --> 00:17:36,650 >> Sasa, viibukizi ni moja ya Makala zaidi vibaya wa mtandao. 400 00:17:36,650 --> 00:17:38,520 Na kwa kweli, nyuma katika siku pop-up blockers 401 00:17:38,520 --> 00:17:40,820 alikuja Vogue kwa sababu wewe aliamua kwenda kwa baadhi website-- 402 00:17:40,820 --> 00:17:43,604 labda place-- kuhojiwa kwamba ingekuwa kisha ghafla 403 00:17:43,604 --> 00:17:46,020 kuanza peppering screen yako na rundo zima la ibukizi. 404 00:17:46,020 --> 00:17:49,700 Na hivyo uwezo huu kwa pop up madirisha mbele ya mtumiaji 405 00:17:49,700 --> 00:17:52,372 haijawahi hasa vizuri kupokea na ubinadamu. 406 00:17:52,372 --> 00:17:54,080 Hivyo ndiyo sababu unaweza kuona hii kuzuia jambo, 407 00:17:54,080 --> 00:17:55,706 ambayo tu hufanya jambo hili zima mbaya. 408 00:17:55,706 --> 00:17:57,996 Hivyo sisi ni kwenda haja njia bora ya kuchochea mtumiaji. 409 00:17:57,996 --> 00:17:59,350 Lakini kwa sasa, kwamba inaonekana kazi. 410 00:17:59,350 --> 00:18:03,320 Hivyo tu intuitively, nini inaonekana kuwa kinachotokea hapa? 411 00:18:03,320 --> 00:18:07,870 Mimi kwenda mbele na bonyeza Kuwasilisha, na basi kitu kinatokea, ni wazi kuwa. 412 00:18:07,870 --> 00:18:12,870 Lakini nini siyo kinachotokea kwamba hakuwa na kutokea wiki iliyopita wakati wowote mimi clicked Kuwasilisha? 413 00:18:12,870 --> 00:18:15,940 Nini hakuwa na kutokea kwenye screen? 414 00:18:15,940 --> 00:18:17,170 Pole? 415 00:18:17,170 --> 00:18:18,010 Reload. 416 00:18:18,010 --> 00:18:19,720 URL hakuna mabadiliko wakati wote. 417 00:18:19,720 --> 00:18:22,250 Nilisema hii ilikuwa dom-0, na mimi bado nina katika dom-0. 418 00:18:22,250 --> 00:18:26,890 Kwa kawaida, tunatarajia kupata iliyopita kwa baadhi ya wengine URL, kama register.php au kama. 419 00:18:26,890 --> 00:18:29,560 >> Lakini hata wakati mimi kumfukuza jambo hili kwa kubonyeza OK, 420 00:18:29,560 --> 00:18:32,310 taarifa kwamba URL anakaa kabisa kuweka. 421 00:18:32,310 --> 00:18:35,350 Na, kwa kweli, kama mimi nina kidogo wasiwasi, napenda kufungua Chrome. 422 00:18:35,350 --> 00:18:36,860 Hebu kufungua tabo Network. 423 00:18:36,860 --> 00:18:38,360 Na taarifa ni tupu kwa sasa. 424 00:18:38,360 --> 00:18:40,700 Hebu kwenda mbele na resubmit Maria. 425 00:18:40,700 --> 00:18:42,810 Hakuna trafiki mtandao wowote. 426 00:18:42,810 --> 00:18:44,320 Hivyo hakuna HTTP. 427 00:18:44,320 --> 00:18:47,620 >> Hivyo kweli, kama mimi kuangalia chanzo kanuni Haya kwa napenda karibu ya dirisha hii 428 00:18:47,620 --> 00:18:49,480 na kwenda View Chanzo. 429 00:18:49,480 --> 00:18:50,400 Kuvutia. 430 00:18:50,400 --> 00:18:53,520 Inaonekana kama kuna baadhi ya vitambulisho mpya, kati yao script. 431 00:18:53,520 --> 00:18:57,490 Hivyo hebu tuangalie ndani ya CS50 IDE nini hasa mimi alimtuma kwa mtumiaji. 432 00:18:57,490 --> 00:19:00,690 >> Hivyo hapa is-- hebu kuzingatia HTML tu. 433 00:19:00,690 --> 00:19:03,500 Hapa ni nusu ya chini ya dom-0.html. 434 00:19:03,500 --> 00:19:07,830 Na taarifa kwamba ni got cheo, tag kichwa, tag mwili, tag fomu. 435 00:19:07,830 --> 00:19:11,257 Lakini anaruka nini nje na wewe kama mbalimbali, hasa kama wewe sijawahi 436 00:19:11,257 --> 00:19:12,590 Imeandikwa yoyote JavaScript mwenyewe. 437 00:19:12,590 --> 00:19:14,920 Hebu kitabu kidogo na haki hapa. 438 00:19:14,920 --> 00:19:18,330 Mimi nimepata pembejeo, pembejeo nyingine kwa kuwasilisha. 439 00:19:18,330 --> 00:19:21,410 Mimi nimepata kitambulisho, ambayo ni aina ya mpya. 440 00:19:21,410 --> 00:19:22,790 Lakini hatukuwa kuona hii na CSS. 441 00:19:22,790 --> 00:19:24,480 Kile kingine ni dhahiri mpya? 442 00:19:24,480 --> 00:19:24,980 Yeah? 443 00:19:24,980 --> 00:19:30,580 444 00:19:30,580 --> 00:19:32,140 Nzuri. 445 00:19:32,140 --> 00:19:32,760 >> Sawa. 446 00:19:32,760 --> 00:19:35,630 Hivyo ambapo anasema onsubmit, taarifa ya nini inaonekana kufuata. 447 00:19:35,630 --> 00:19:38,740 Hii ni sifa katika HTML utaratibu wa majina. 448 00:19:38,740 --> 00:19:40,944 Thamani yake ni hii kamba alinukuliwa hapa. 449 00:19:40,944 --> 00:19:42,860 Na hii inaonekana kidogo weird katika mtazamo wa kwanza. 450 00:19:42,860 --> 00:19:44,050 Siyo HTML. 451 00:19:44,050 --> 00:19:45,240 Siyo CSS. 452 00:19:45,240 --> 00:19:47,580 Hii ni, kama unaweza nadhani, JavaScript. 453 00:19:47,580 --> 00:19:51,850 Hivyo inaonekana kwamba kujengwa katika hii mtandao ukurasa ni kazi kuitwa kusalimiana. 454 00:19:51,850 --> 00:19:54,250 Na mimi nina inferring kwamba tu kwa sababu ni neno, kusalimiana. 455 00:19:54,250 --> 00:19:55,880 Ni got Paren wazi, Paren karibu, semicolon. 456 00:19:55,880 --> 00:19:58,095 Inaonekana kama C kazi, Inaonekana kama PHP kazi. 457 00:19:58,095 --> 00:20:00,370 >> Na hakika, ni kwenda kuwa kazi JavaScript. 458 00:20:00,370 --> 00:20:01,440 Basi mimi nina kurudi uongo. 459 00:20:01,440 --> 00:20:03,440 Tutaweza kurudi kwa kwamba katika muda tu. 460 00:20:03,440 --> 00:20:05,320 Lakini pale ambapo ni kazi hii inaelezwa? 461 00:20:05,320 --> 00:20:07,950 Vizuri basi mimi kitabu juu juu ya faili. 462 00:20:07,950 --> 00:20:11,710 Na hata kama ni foleni ndefu, ni kiasi moja kwa moja. 463 00:20:11,710 --> 00:20:15,000 Hebu zoom nje hapa na kuzingatia mistari haya manne. 464 00:20:15,000 --> 00:20:17,137 >> Hivyo katika JavaScript, tu kama PHP, wewe tu 465 00:20:17,137 --> 00:20:19,720 kusema, literally, neno "kazi," jina la kazi, 466 00:20:19,720 --> 00:20:22,700 na kisha mabano na yoyote arguments-- hakuna hoja katika kesi hii. 467 00:20:22,700 --> 00:20:25,290 Na hakuna aina ya kurudi katika JavaScript, tu kama PHP. 468 00:20:25,290 --> 00:20:29,470 Hivyo ni kidogo looser kuliko C. Wazi curly brace, karibu curly brace. 469 00:20:29,470 --> 00:20:33,270 Kujengwa katika JavaScript ni function-- si function-- ilipendekeza 470 00:20:33,270 --> 00:20:35,730 lakini kazi kuitwa tahadhari ambao lengo pekee katika maisha 471 00:20:35,730 --> 00:20:38,620 ni kuvuta up kwamba pretty mbaya kuchochea kuwa tuliona wakati iliyopita. 472 00:20:38,620 --> 00:20:40,950 >> Sasa hii ni aina ya Mouthful. 473 00:20:40,950 --> 00:20:42,560 Nini kinaendelea hapa? 474 00:20:42,560 --> 00:20:45,840 Basi hebu kuanza kwa kuonyesha kila kitu hapa. 475 00:20:45,840 --> 00:20:48,540 Hiyo ni hoja hiyo kwa macho. 476 00:20:48,540 --> 00:20:49,530 Na nini kinaendelea? 477 00:20:49,530 --> 00:20:51,200 Hii tu inaonekana kama kamba. 478 00:20:51,200 --> 00:20:59,180 Na zinageuka, tofauti na PHP na tofauti C, haijalishi katika JavaScript 479 00:20:59,180 --> 00:21:01,090 kama wewe moja quotes au quotes mbili. 480 00:21:01,090 --> 00:21:02,060 Wao utakuwa sawa. 481 00:21:02,060 --> 00:21:03,769 Na kusema ukweli, ni tu maarufu siku hizi 482 00:21:03,769 --> 00:21:06,726 kwa JavaScript programmers daima kutumia quotes moja kwa sababu fulani. 483 00:21:06,726 --> 00:21:07,840 Ni tu kitu cha kufanya. 484 00:21:07,840 --> 00:21:09,710 Lakini tunaweza kutumia quotes mbili, pia. 485 00:21:09,710 --> 00:21:11,540 >> Hivyo pamoja na ni tabia mpya. 486 00:21:11,540 --> 00:21:14,512 Lakini wale ambao wameweza done hii kabla, je, pamoja na maana gani? 487 00:21:14,512 --> 00:21:16,440 Naam. 488 00:21:16,440 --> 00:21:17,120 Concatenate. 489 00:21:17,120 --> 00:21:18,570 Hivyo tuliona hii katika PHP. 490 00:21:18,570 --> 00:21:20,315 Kuna tu nukta operator katika PHP kwamba 491 00:21:20,315 --> 00:21:22,000 Itakuwa concatenate masharti mawili kwa pamoja. 492 00:21:22,000 --> 00:21:24,000 C mara maumivu ya shingo ya kufanya hivyo. 493 00:21:24,000 --> 00:21:27,310 Kumbuka kutoka pset sita, ambayo ilikuwa maumivu especial katika shingo, 494 00:21:27,310 --> 00:21:29,470 ingekuwa kutumia kitu kama strcat 495 00:21:29,470 --> 00:21:31,660 baada ya kugawa kumbukumbu juu ya stack au lundo. 496 00:21:31,660 --> 00:21:34,243 Alikuwa na kuruka kupitia hoops tu kwa concatenate masharti mawili. 497 00:21:34,243 --> 00:21:36,040 Katika JavaScript, ni super rahisi. 498 00:21:36,040 --> 00:21:38,030 Tu kutumia pamoja operator kati yao. 499 00:21:38,030 --> 00:21:41,420 >> Hivyo tata-kuangalia Jambo inaonekana kuwa hii 500 00:21:41,420 --> 00:21:43,490 kwa sababu mwishoni mwa kamba hii nzima, mimi tu 501 00:21:43,490 --> 00:21:45,797 concatenate juu ya mshangao uhakika. 502 00:21:45,797 --> 00:21:48,380 Hivyo kama kilichokuwa yanajitokeza ilikuwa "hello, Daudi," "hello, Hana," 503 00:21:48,380 --> 00:21:52,740 "hello, Maria," na kadhalika, ni wazi kuwa kwamba jambo katikati katika kati ya mbili 504 00:21:52,740 --> 00:21:55,215 pluses Lazima unipe upatikanaji wa nini? 505 00:21:55,215 --> 00:21:58,855 506 00:21:58,855 --> 00:22:01,991 Nini huko kwa uhakika? 507 00:22:01,991 --> 00:22:02,490 Naam. 508 00:22:02,490 --> 00:22:05,090 Hivyo mimi itabidi kujifanya hapa kujibu majina yao, sawa? 509 00:22:05,090 --> 00:22:10,380 Hivyo majina yao popped up katika fainali Matokeo yake. Hivyo hii ina maana gani? 510 00:22:10,380 --> 00:22:15,080 Naam, mimi mapendekezo ya awali kwa kuwa picha kwamba kinachojulikana DOM 511 00:22:15,080 --> 00:22:18,580 ina kipengele hiki maalum mzizi njia ya juu juu aitwaye hati. 512 00:22:18,580 --> 00:22:21,660 Na sasa, ni zamu nje, kwamba itakuja kuwa maalum variable kimataifa 513 00:22:21,660 --> 00:22:25,250 katika JavaScript, kujengwa katika ambayo ni rundo zima la utendaji muhimu. 514 00:22:25,250 --> 00:22:31,770 Miongoni mwa utendaji muhimu ni uwezo wa kupata wakati wowote nodi kuwa mtoto. 515 00:22:31,770 --> 00:22:37,760 Wale viwanja au mistatili au ellipses ni nodes tu katika mti, hivyo kusema. 516 00:22:37,760 --> 00:22:41,850 >> Hivyo zinageuka kuwa kujengwa katika JavaScript ya hati kitu 517 00:22:41,850 --> 00:22:47,300 ni kazi, inayojulikana kama mbinu, kwamba wito getElementById. 518 00:22:47,300 --> 00:22:50,410 Syntax kwa ajili ya wito kazi katika JavaScript 519 00:22:50,410 --> 00:22:55,220 kuwa ni ndani ya kitu au a kutofautiana ni tu kwa nukta nukuu. 520 00:22:55,220 --> 00:22:57,950 Na tuliona hii katika C nini struct syntax. 521 00:22:57,950 --> 00:23:03,530 Unaweza kuona hii katika pset saba, aina ya, aina ya, wakati unaweza kuona CS50 :: swala. 522 00:23:03,530 --> 00:23:08,070 Matumbo ya matumbo katika PHP ni mwingine njia ya wito kazi hiyo ni 523 00:23:08,070 --> 00:23:09,260 ndani ya baadhi kitu. 524 00:23:09,260 --> 00:23:11,960 >> Lakini kwa sasa katika JavaScript, ni tu nukta. 525 00:23:11,960 --> 00:23:14,170 Na hivyo kazi hii, vizuri kutosha, aina ya 526 00:23:14,170 --> 00:23:16,810 anasema nini does-- kupata kipengele na ID. 527 00:23:16,810 --> 00:23:20,280 Kipengele ni jina la mtu mwingine kwa tag au nodi katika DOM. 528 00:23:20,280 --> 00:23:26,900 Na hivyo kupata kipengele na ID "jina" ina maana Haya hapa ni HTML yangu. 529 00:23:26,900 --> 00:23:31,910 Na kulingana na HTML huu, ni nini node au nini HTML tag mimi nipo 530 00:23:31,910 --> 00:23:35,097 kwenda programmatically kuwa mitupu kwa kupiga document.getElementByID? 531 00:23:35,097 --> 00:23:37,650 532 00:23:37,650 --> 00:23:38,500 >> Yeah, kwa uhakika. 533 00:23:38,500 --> 00:23:42,670 Mimi nina kwenda kupata pembejeo kipengele huko ambao ID ni "jina." 534 00:23:42,670 --> 00:23:45,140 Hivyo hasa, unaweza kufikiria kazi hii, 535 00:23:45,140 --> 00:23:49,560 getElementById, kama njia ya kutoa kuunga pointer nodi kwamba maalum 536 00:23:49,560 --> 00:23:50,060 katika mti. 537 00:23:50,060 --> 00:23:51,980 Sisi si inayotolewa huu mti, lakini ni njia 538 00:23:51,980 --> 00:23:54,900 ya kuweza kupata kwamba Mstatili au kwamba Mstatili 539 00:23:54,900 --> 00:23:58,090 na ya kipekee kutambua hilo kupitia ID wake. 540 00:23:58,090 --> 00:23:59,760 >> Sasa, kwa nini hii ni muhimu? 541 00:23:59,760 --> 00:24:01,510 Naam, ni zamu nje kwamba mara moja umefanya wamezipata 542 00:24:01,510 --> 00:24:07,220 kwamba nodi, kwamba mstatili kutoka picha, kwamba nodi ndani yake, 543 00:24:07,220 --> 00:24:10,660 kwa upande wake, ina rundo zima la properties-- muhimu-thamani jozi 544 00:24:10,660 --> 00:24:13,480 au data, mmoja wa iitwayo thamani. 545 00:24:13,480 --> 00:24:16,500 Hivyo literally, ni aina ya Mouthful kueleza jambo zima. 546 00:24:16,500 --> 00:24:19,370 Lakini mwisho wa siku, zote hii haina ni kukupa 547 00:24:19,370 --> 00:24:23,070 kamba kwamba mtumiaji typed katika kwa mtindo huu tabaka za madaraka. 548 00:24:23,070 --> 00:24:24,820 Lakini mimi si kama michache ya mambo haya. 549 00:24:24,820 --> 00:24:27,590 Au tuseme, kuna baadhi ya udadisi bado. 550 00:24:27,590 --> 00:24:28,870 Yote hayo walionekana kazi. 551 00:24:28,870 --> 00:24:33,420 Kwa nini unafikiri mimi kurudi uongo baada ya kupiga kusalimiana? 552 00:24:33,420 --> 00:24:35,910 Hii inaonekana kidogo mbaya, kwamba Nina kauli mbili huko 553 00:24:35,910 --> 00:24:38,730 kutengwa kwa semicolons. 554 00:24:38,730 --> 00:24:39,310 Kuchukua nadhani. 555 00:24:39,310 --> 00:24:44,390 Kama mimi kuondolewa kurudi uongo, nini kinaweza kutokea, tu instinctively? 556 00:24:44,390 --> 00:24:46,990 557 00:24:46,990 --> 00:24:49,460 Samahani, kusema tena? 558 00:24:49,460 --> 00:24:50,530 >> Kufungua kundi la Windows. 559 00:24:50,530 --> 00:24:52,780 Hivyo uwezekano labda kitu kama kwamba lingetokea. 560 00:24:52,780 --> 00:24:54,422 Nini kingine? 561 00:24:54,422 --> 00:24:55,630 Huenda kuwasilisha ombi wapi? 562 00:24:55,630 --> 00:24:59,109 563 00:24:59,109 --> 00:25:00,510 Kwa ukurasa mmoja. 564 00:25:00,510 --> 00:25:03,110 Kwa hiyo, kwa kweli, hiyo ni kwamba karibu kujibu hapa, 565 00:25:03,110 --> 00:25:05,890 ingawa, tofauti na katika siku za nyuma, nimekuwa si 566 00:25:05,890 --> 00:25:09,300 maalum hatua sifa, ambayo kwa kawaida sisi kufanya. 567 00:25:09,300 --> 00:25:11,780 Zinageuka kuna chaguo-msingi. Kama huna bayana hatua, 568 00:25:11,780 --> 00:25:15,370 ni kama kusema quote, unquote au jina la faili yenyewe, 569 00:25:15,370 --> 00:25:17,850 ambayo katika kesi hii ingekuwa kuwa kama dom-0.html. 570 00:25:17,850 --> 00:25:20,420 Ni aina tu ya inferred, au tuseme an. 571 00:25:20,420 --> 00:25:22,420 >> Na hivyo kama mimi si kufanya hivyo, hebu taarifa. 572 00:25:22,420 --> 00:25:23,230 Napenda kuokoa hii. 573 00:25:23,230 --> 00:25:25,270 Na nimekuwa kuondolewa kurudi uongo. 574 00:25:25,270 --> 00:25:27,759 Hebu kwenda nyuma hii mfano na nguvu upya yake. 575 00:25:27,759 --> 00:25:30,800 Na unaweza kuwa na kuonekana kwangu kupendekeza huu juu ya CS50 Jadili rundo la nyakati. 576 00:25:30,800 --> 00:25:34,560 Kama kitu amewahi kaimu funky na kisakuzi si tabia kama wewe kutarajia, 577 00:25:34,560 --> 00:25:37,410 mara nyingi utasikia wanataka kushikilia Kuhama na kisha bonyeza Reload. 578 00:25:37,410 --> 00:25:41,480 Hiyo itakuwa nguvu kila faili na upya na si kutumia browser yako cache za mitaa 579 00:25:41,480 --> 00:25:47,032 au nakala ili sasa, basi mimi kwenda mbele na kufungua Mkaguzi yangu, tab Network. 580 00:25:47,032 --> 00:25:48,740 Mimi nina kwenda bonyeza Kuhifadhi Fungua kwa sababu mimi 581 00:25:48,740 --> 00:25:51,660 hawataki kufuta safu mara moja mimi kupata whisked mbali mahali pengine. 582 00:25:51,660 --> 00:25:54,650 >> Hebu kwenda mbele hapa na Aina katika Andi, bonyeza Kuwasilisha. 583 00:25:54,650 --> 00:25:55,150 Sawa. 584 00:25:55,150 --> 00:25:56,480 Hiyo inaonekana kama ilivyotarajiwa. 585 00:25:56,480 --> 00:25:57,440 Inasema "hello, Andi." 586 00:25:57,440 --> 00:25:59,420 Napenda bonyeza OK. 587 00:25:59,420 --> 00:26:00,610 Kuvutia. 588 00:26:00,610 --> 00:26:05,100 Taarifa kwamba ukurasa iliyopita, japo kwa asili ukurasa. 589 00:26:05,100 --> 00:26:06,770 Taarifa URL aina ya iliyopita. 590 00:26:06,770 --> 00:26:09,430 Iliongeza alama swali, ambayo ni kawaida kiashiria 591 00:26:09,430 --> 00:26:11,260 kwamba sisi alijaribu kuwasilisha kitu. 592 00:26:11,260 --> 00:26:13,570 Na kisha chini, hata zaidi waziwazi, 593 00:26:13,570 --> 00:26:17,570 hapa ni halisi ombi HTTP, ambayo got majibu ya 200 kwamba 594 00:26:17,570 --> 00:26:18,490 akanileta tena hapa. 595 00:26:18,490 --> 00:26:20,250 >> Hivyo hii ni nini tunataka kufanya, sawa? 596 00:26:20,250 --> 00:26:22,166 Kwa sababu mimi sitaki upya ukurasa mzima. 597 00:26:22,166 --> 00:26:24,970 Mimi badala alitaka kurudi uongo ili mzunguko mfupi 598 00:26:24,970 --> 00:26:28,840 tabia default browser, ambayo ilikuwa, bila shaka, kuwasilisha ukurasa. 599 00:26:28,840 --> 00:26:31,700 >> Basi hebu tuangalie kidogo bora mfano. 600 00:26:31,700 --> 00:26:33,920 Hii ni dom toleo moja. 601 00:26:33,920 --> 00:26:36,680 Na taarifa ifuatayo. 602 00:26:36,680 --> 00:26:39,150 Ni sawa kama huna grok zote ya mstari wa kanuni. 603 00:26:39,150 --> 00:26:41,750 Lakini nini ni tofauti kimsingi kuhusu utekelezaji hili? 604 00:26:41,750 --> 00:26:44,690 Mimi itabidi inasema ina tabia huo huo, haina kitu kimoja. 605 00:26:44,690 --> 00:26:49,320 606 00:26:49,320 --> 00:26:51,570 Nini mimi ni wazi kufanyika tofauti? 607 00:26:51,570 --> 00:26:52,266 Yeah? 608 00:26:52,266 --> 00:26:53,182 >> Watazamaji: [inaudible]. 609 00:26:53,182 --> 00:27:03,421 610 00:27:03,421 --> 00:27:04,170 DAVID Malan: Yeah. 611 00:27:04,170 --> 00:27:08,620 Hivyo kazi inaelezwa differently-- kwa maneno mengine, kukaa mbali na fomu, 612 00:27:08,620 --> 00:27:13,180 hadi pale kwenye mstari 7-- au badala yake, mstari 8-- tena 613 00:27:13,180 --> 00:27:15,070 kufanya nina sifa onsubmit. 614 00:27:15,070 --> 00:27:16,750 Katika mfano uliopita, nilikuwa na hii. 615 00:27:16,750 --> 00:27:18,530 Na kisha mimi literally aliandika kificho wangu hapa. 616 00:27:18,530 --> 00:27:20,210 Na ndipo nikasema kurudi uongo. 617 00:27:20,210 --> 00:27:22,180 Na kama hakuwa na kusugua wewe njia sahihi bado, 618 00:27:22,180 --> 00:27:26,140 ni lazima kuanza kwa kadiri kama, kama vile katika HTML, 619 00:27:26,140 --> 00:27:29,530 wakati sisi ilianza kwa ushirikiano kuchanganyika ni na CSS katika sifa style, 620 00:27:29,530 --> 00:27:32,890 ni tu kuanza kupata kidogo messy au kuhisi vibaya kidogo. 621 00:27:32,890 --> 00:27:35,020 >> Vile vile hapa, kama kuanza kuchukua HTML, 622 00:27:35,020 --> 00:27:37,419 na kisha moja kwa moja plop baadhi JavaScript kificho 623 00:27:37,419 --> 00:27:40,460 katikati ya kamba alinukuliwa, ni si kwenda kuwa maintainable sana. 624 00:27:40,460 --> 00:27:40,630 Sawa? 625 00:27:40,630 --> 00:27:43,690 Siyo hata dhahiri kwa mara ya kwanza mahali ambapo JavaScript kificho ni. 626 00:27:43,690 --> 00:27:46,590 Hivyo itakuwa kwa kweli ni nzuri kama kanuni ya kubuni bora, 627 00:27:46,590 --> 00:27:50,500 hebu kuweka HTML yetu kabisa tofauti na yetu JavaScript. 628 00:27:50,500 --> 00:27:53,150 >> Hivyo kufanya hivyo, nini tumekuwa kufanyika hapa ni following-- 629 00:27:53,150 --> 00:27:56,790 sisi tu kutumia HTML kwa ghafi tu. 630 00:27:56,790 --> 00:28:00,730 Na hivyo katika toleo moja ya hii, kila Nina ni fomu kwa ID kipekee. 631 00:28:00,730 --> 00:28:04,630 Na kisha chini hapa, mimi nina kuchukua faida ya kipengele maalum ya JavaScript 632 00:28:04,630 --> 00:28:08,480 ambapo naweza kuwa nini aitwaye kazi bila majina. 633 00:28:08,480 --> 00:28:14,150 Hivyo ni zinageuka kuwa kama mimi wito document.getElementByID ya 'demo' 634 00:28:14,150 --> 00:28:18,890 hiyo ni kama kunipa pointer nodi hii katika mti wangu, aina kipengele, 635 00:28:18,890 --> 00:28:20,100 hivyo kusema. 636 00:28:20,100 --> 00:28:22,220 >> Sasa, mimi tu kujua kutoka kujua kidogo ya HTML 637 00:28:22,220 --> 00:28:26,330 sasa tuko baada ya kusoma baadhi online kumbukumbu, kwamba fomu kipengele inasaidia 638 00:28:26,330 --> 00:28:29,950 rundo zima la tukio listeners-- katika Kwa maneno mengine, kufulia orodha ya tukio 639 00:28:29,950 --> 00:28:31,700 wasikilizaji kuwa tuliona wakati iliyopita. 640 00:28:31,700 --> 00:28:35,950 Najua kutokana na kusoma nyaraka kwamba onsubmit ni tukio halali 641 00:28:35,950 --> 00:28:38,520 Msikilizaji kwa namna kipengele. 642 00:28:38,520 --> 00:28:41,480 >> Hivyo mara Najua kwamba, ni salama kwa mimi kufanya 643 00:28:41,480 --> 00:28:45,390 following-- kupata kwamba nodi kutoka mti, aina kipengele, 644 00:28:45,390 --> 00:28:48,070 na upatikanaji wake kinachojulikana onsubmit mali. 645 00:28:48,070 --> 00:28:49,880 Hivyo nukta tu ina maana hii ni mali, 646 00:28:49,880 --> 00:28:52,180 kama thamani maalum ndani yake. 647 00:28:52,180 --> 00:28:55,590 Na nini data aina mimi nipo kumshirikisha, inaonekana, 648 00:28:55,590 --> 00:28:58,900 kwa onsubmit, ambayo ni ufanisi kutofautiana ndani ya 649 00:28:58,900 --> 00:29:01,010 ya kwamba nodi katika mti? 650 00:29:01,010 --> 00:29:04,100 Ni uwanja ndani ya kwamba struct. 651 00:29:04,100 --> 00:29:05,810 Nini aina data? 652 00:29:05,810 --> 00:29:07,030 >> Kazi, yeah. 653 00:29:07,030 --> 00:29:08,607 Hivyo zinageuka kuwa PHP ina hii. 654 00:29:08,607 --> 00:29:10,440 Na hata kama sisi Sikuwaambieni kuhusu hilo, 655 00:29:10,440 --> 00:29:16,240 C pia ina kazi kuyatumia, uwezo wa kupitisha na kuwapa majukumu 656 00:29:16,240 --> 00:29:18,330 kama vigezo 'maadili wenyewe. 657 00:29:18,330 --> 00:29:20,280 Na sisi siyo kwenda regress nyuma C. 658 00:29:20,280 --> 00:29:23,250 Lakini kwa sasa, ni zamu nje kwamba juu ya upande wa kulia hapa, 659 00:29:23,250 --> 00:29:26,260 hata kama inaonekana kidogo funky, njia hii, hey browser, 660 00:29:26,260 --> 00:29:27,550 nipe kazi. 661 00:29:27,550 --> 00:29:30,560 Sitakuja kwa hata bother kutoa ni jina kwa sababu mimi nina literally 662 00:29:30,560 --> 00:29:34,450 kwenda kuwapa hebu simu yake pepe ya kazi hii 663 00:29:34,450 --> 00:29:35,994 mara moja kwa onsubmit. 664 00:29:35,994 --> 00:29:39,160 Kwa maneno mengine, browser, huna haja kujua nini kazi hii kuitwa. 665 00:29:39,160 --> 00:29:41,890 Wewe tu haja ya kujua ambapo ni katika kumbukumbu. 666 00:29:41,890 --> 00:29:44,210 Na hivyo yatosha tu kuwa ishara sawa kuna 667 00:29:44,210 --> 00:29:48,240 na si kwa kujisumbua kumtaja hii, kama foo au kusalimiana au neno mwingine yeyote. 668 00:29:48,240 --> 00:29:50,150 Na sasa hii ni kitu Stylistic. 669 00:29:50,150 --> 00:29:53,100 Mimi nilikuwa hoja brace curly hii kwenye the-- sorry-- mstari unaofuata 670 00:29:53,100 --> 00:29:54,750 kama sisi kwa kawaida kufanya CS50. 671 00:29:54,750 --> 00:29:57,550 Lakini katika JavaScript, ni kweli stylistically kawaida 672 00:29:57,550 --> 00:30:00,450 kuweka tu brace curly, moja ya kwanza, juu ya kwamba mstari wa kwanza. 673 00:30:00,450 --> 00:30:02,620 >> Lakini baadaye, kuna kitu kuvutia. 674 00:30:02,620 --> 00:30:05,830 Hiyo wazi curly brace tu demarcates mwanzo wa kazi yangu. 675 00:30:05,830 --> 00:30:09,320 Kazi ni sasa kufanana, isipokuwa nimekuwa 676 00:30:09,320 --> 00:30:11,452 pamoja kurudi uongo ndani ya kazi hii. 677 00:30:11,452 --> 00:30:13,160 Kwa sababu ni zamu nje na wewe ungekuwa tu 678 00:30:13,160 --> 00:30:14,980 najua hili kutokana na kusoma documentation-- 679 00:30:14,980 --> 00:30:19,740 kwamba kama kazi ambayo wewe kuwapa kwa handler onsubmit anarudi uongo, 680 00:30:19,740 --> 00:30:23,420 kisakuzi tu anajua na anakubaliana si kuwasilisha fomu kwa kompyuta. 681 00:30:23,420 --> 00:30:27,210 Kama kuirudisha kweli, itakuwa kuwasilisha kwa server kwa sababu tutaona 682 00:30:27,210 --> 00:30:28,700 ni muhimu katika muda tu. 683 00:30:28,700 --> 00:30:31,000 >> Na kisha semicolon baada ya brace curly kuna tu 684 00:30:31,000 --> 00:30:32,541 ina maana mimi nina kosa kufafanua kazi. 685 00:30:32,541 --> 00:30:36,600 Unajua nini kuwaita haraka kama wewe kusikia kuwasilisha. 686 00:30:36,600 --> 00:30:37,100 Sawa. 687 00:30:37,100 --> 00:30:40,650 Hii ni bado arguably aina ya mbaya. 688 00:30:40,650 --> 00:30:42,190 Kwa hiyo kile zaidi tunaweza kufanya nini? 689 00:30:42,190 --> 00:30:45,000 >> Naam, ni zamu nje kisha katika toleo la mawili, ambayo ni last-- 690 00:30:45,000 --> 00:30:46,780 na tutaweza tu mtazamo saa hii. 691 00:30:46,780 --> 00:30:49,850 Katika hatari ya kufanya ni uglier, ni zamu nje 692 00:30:49,850 --> 00:30:52,160 kwamba kuna maktaba katika dunia aitwaye jQuery. 693 00:30:52,160 --> 00:30:54,900 Na jQuery ni super maarufu JavaScript maktaba 694 00:30:54,900 --> 00:30:57,930 hiyo ni hivyo maarufu kwamba wengi yoyote JavaScript-- siyo 695 00:30:57,930 --> 00:31:00,540 kawaida kwa watu kuwachanganya jQuery na JavaScript. 696 00:31:00,540 --> 00:31:01,070 Kwa nini? 697 00:31:01,070 --> 00:31:04,990 JavaScript yenyewe ina sana njia verbose ya kufanya things-- 698 00:31:04,990 --> 00:31:07,820 document.getElementByID, dadadadadada. 699 00:31:07,820 --> 00:31:10,510 Wewe kuishia kuwa sana mistari mirefu ya kificho. 700 00:31:10,510 --> 00:31:15,550 >> Hivyo wenzake aitwaye John Resid, ambao kwa kweli kazi kwa ajili ya startup 701 00:31:15,550 --> 00:31:18,630 up siku hizi, akatoka na hii miaka maktaba 702 00:31:18,630 --> 00:31:22,070 iliyopita kwamba watu wengi wamechangia kwa aitwaye jQuery kwamba mabadiliko 703 00:31:22,070 --> 00:31:23,449 syntax kwa njia zifuatazo. 704 00:31:23,449 --> 00:31:25,740 Na hivyo tu wameweza kuona hivyo, kwa sababu utasikia invariably 705 00:31:25,740 --> 00:31:28,140 kuona hii kama kufanya mtandao msingi mradi wa mwisho, 706 00:31:28,140 --> 00:31:33,270 hii itakuwa ni njia sawa na kutekeleza kazi hiyo kwa kutumia 707 00:31:33,270 --> 00:31:34,630 huu maktaba maalum. 708 00:31:34,630 --> 00:31:36,680 >> Sasa, badala ya tease ni mbali katika ukamilifu wake, 709 00:31:36,680 --> 00:31:38,520 hebu tu kuangalia baadhi mwelekeo. 710 00:31:38,520 --> 00:31:44,850 Syntax hii inaonekana kuwa na wangapi kazi bila majina 711 00:31:44,850 --> 00:31:49,584 au majukumu Nameless au AKA lambda kazi? 712 00:31:49,584 --> 00:31:50,190 Mbili, sawa? 713 00:31:50,190 --> 00:31:52,690 Na unajua kwamba, hata kama wewe si super comfy na hii, 714 00:31:52,690 --> 00:31:55,780 tu na ukweli kwamba anasema kazi () mara mbili. 715 00:31:55,780 --> 00:31:58,172 >> Na zinageuka kuwa nini kanuni hii ni doing-- 716 00:31:58,172 --> 00:32:01,255 na tutaweza kutaja marejeo online, hatimaye, kwa baadhi ya msaada na hii. 717 00:32:01,255 --> 00:32:04,480 Hii ina maana kwamba wakati hati ni tayari, 718 00:32:04,480 --> 00:32:07,490 kwenda mbele na kujiandikisha kazi zifuatazo 719 00:32:07,490 --> 00:32:12,064 kama kuwasilisha handler kwa HTML kipengele ambaye kipekee Wazo ni demo. 720 00:32:12,064 --> 00:32:14,480 Na kisha, wakati hiyo ikitokea, piga mistari hizi mbili za kificho. 721 00:32:14,480 --> 00:32:18,677 Na hii ni, kusikitisha, zaidi njia verbose ya kusema kurudi uongo. 722 00:32:18,677 --> 00:32:21,510 Na sisi zilizotajwa hii kwa sababu tu utaona kanuni kama hii online. 723 00:32:21,510 --> 00:32:23,140 Na ni kitu kuwa daunted na. 724 00:32:23,140 --> 00:32:26,057 Lakini badala yake, kukumbuka kwamba nini kwenda kuwa kawaida katika JavaScript 725 00:32:26,057 --> 00:32:26,765 ni dhana hii. 726 00:32:26,765 --> 00:32:29,510 Na hivyo ndiyo sababu sisi kuonyesha kuwa kwa sasa. 727 00:32:29,510 --> 00:32:30,010 Sawa. 728 00:32:30,010 --> 00:32:32,730 Hivyo bila makao pia mengi juu ya kwamba syntax, 729 00:32:32,730 --> 00:32:37,800 ni kuna maswali yoyote juu ya mifano hii au mawazo hivi sasa? 730 00:32:37,800 --> 00:32:38,300 Sawa. 731 00:32:38,300 --> 00:32:40,220 Basi hebu kutumia hii kwa kitu muhimu. 732 00:32:40,220 --> 00:32:47,070 Maamuzi ukurasa wa mtandao kwamba tu anasema hello, hivyo na hivyo si yote ya kuvutia, 733 00:32:47,070 --> 00:32:47,830 si kwa underwhelm. 734 00:32:47,830 --> 00:32:51,038 Hii moja si kwenda kuwa nzuri, lakini ni kwenda kufanya kitu muhimu. 735 00:32:51,038 --> 00:32:56,350 Hebu kwenda nyuma ya saraka yangu hapa na kufungua, kusema, fomu-0.html. 736 00:32:56,350 --> 00:32:59,320 >> Hivyo tuseme hii ni Freshman intramural michezo usajili ukurasa 737 00:32:59,320 --> 00:33:01,780 bila CSS yoyote au maana yoyote ya kubuni. 738 00:33:01,780 --> 00:33:05,404 Na mimi nataka kwenda mbele na kujiandikisha hapa na password. 739 00:33:05,404 --> 00:33:08,320 Na mimi nina kwenda kwa kukubaliana na masharti na hali na click Daftari. 740 00:33:08,320 --> 00:33:11,700 Na sasa tovuti hiyo anasema, "Wewe ni kusajiliwa! (Naam, si kweli.) " 741 00:33:11,700 --> 00:33:15,070 Hiyo inaonekana kama ni kazi, lakini basi mimi kwenda mbele na kulazimisha Reload. 742 00:33:15,070 --> 00:33:18,720 >> Na napenda kusema, hapana, huna haja yangu ya barua pepe halisi. 743 00:33:18,720 --> 00:33:21,820 Au labda tutaweza tu kusema pepe huko. 744 00:33:21,820 --> 00:33:25,080 Password itakuwa, kama, 12345. 745 00:33:25,080 --> 00:33:28,810 Na kisha, kwa sababu tu mimi nina idiot, sasa ni 123456789. 746 00:33:28,810 --> 00:33:31,150 Na mimi si kwenda kuangalia sanduku yako. 747 00:33:31,150 --> 00:33:31,850 >> Hmm. 748 00:33:31,850 --> 00:33:32,350 Sawa. 749 00:33:32,350 --> 00:33:34,920 Hivyo kuna fursa kadhaa kwa ajili ya kuboresha hapa. 750 00:33:34,920 --> 00:33:39,070 Na unajua, au utaona katika pset saba, unaweza kuandika code-- 751 00:33:39,070 --> 00:33:41,890 na itabidi kuandika kificho katika PHP-- kutetea 752 00:33:41,890 --> 00:33:45,780 dhidi ya aina hii ya mtumiaji makosa kwa sababu mtumiaji wazi 753 00:33:45,780 --> 00:33:46,790 hana kushirikiana. 754 00:33:46,790 --> 00:33:49,680 Na yeye au yeye haijatoa nyote maadili alitaka au hata katika muundo 755 00:33:49,680 --> 00:33:50,630 kwamba alitaka yao. 756 00:33:50,630 --> 00:33:53,250 Hivyo utaona katika pset saba kwamba tunaweza hakika kuwa baadhi 757 00:33:53,250 --> 00:33:55,680 kama hali hiyo inasema nini kama barua pepe 758 00:33:55,680 --> 00:33:59,450 si username@something.edu, tunaweza tu 759 00:33:59,450 --> 00:34:02,575 kusema pole na kuomba msamaha kwa mtumiaji mengi, kama unaweza kuwa katika pset saba. 760 00:34:02,575 --> 00:34:05,700 Au kama si checked sanduku kwamba, zamu nje katika PHP, unaweza kugundua kwamba, 761 00:34:05,700 --> 00:34:06,200 mno. 762 00:34:06,200 --> 00:34:09,389 Na hakika kama manenosiri si mechi kama katika register.php 763 00:34:09,389 --> 00:34:11,521 kwa pset saba, wewe inaweza kuchunguza jambo hilo. 764 00:34:11,521 --> 00:34:13,770 Lakini hiyo ni maumivu katika shingo kwa kuwa sasa wao kuomba 765 00:34:13,770 --> 00:34:15,510 sisi kwenda njia yote kwa kompyuta. 766 00:34:15,510 --> 00:34:17,053 User ni taarifa ya upotevu. 767 00:34:17,053 --> 00:34:19,219 Na angalau isipokuwa wewe kutumia baadhi ya mbinu fancier, 768 00:34:19,219 --> 00:34:20,929 sasa wana click nyuma mshale. 769 00:34:20,929 --> 00:34:23,300 Je, si ni kuwa nzuri, kama mengi ya Nje leo, 770 00:34:23,300 --> 00:34:26,190 kama alikuwa na zaidi ya mara moja maoni, papo hapo? 771 00:34:26,190 --> 00:34:31,389 >> Kwa maneno mengine, napenda kwenda kwa toleo la moja, ambayo ni kwenda kuwa hakuna prettier. 772 00:34:31,389 --> 00:34:33,469 Lakini ni gani kipengele hiki. 773 00:34:33,469 --> 00:34:39,590 Malan, 12345, 123456789, si kwenda kuangalia sanduku, Daftari. 774 00:34:39,590 --> 00:34:41,330 Nywila si mechi. 775 00:34:41,330 --> 00:34:44,459 Hivyo hata kama hii pop-up ni ugly-- tunaweza kuchukua nafasi hii hatimaye 776 00:34:44,459 --> 00:34:47,000 na kitu kama Bootstrap, ambayo utaona katika pset saba 777 00:34:47,000 --> 00:34:50,239 ni maktaba maarufu sana Nilifanya kuchunguza kwamba nywila hailingani. 778 00:34:50,239 --> 00:34:50,739 Sawa. 779 00:34:50,739 --> 00:34:52,530 Naam, napenda kurekebisha kuwa kama mtumiaji. 780 00:34:52,530 --> 00:34:55,460 Hebu kwenda mbele na kusema 12345, 12345. 781 00:34:55,460 --> 00:34:57,780 Bado si kuangalia makubaliano. 782 00:34:57,780 --> 00:35:00,210 Lazima kukubaliana na sheria na masharti. 783 00:35:00,210 --> 00:35:01,760 Hivyo kwa nini? 784 00:35:01,760 --> 00:35:04,100 >> Kama tumekuwa tayari posited kwamba kuna njia, 785 00:35:04,100 --> 00:35:07,260 na tumekuwa required wewe katika pset saba kuchunguza makosa 786 00:35:07,260 --> 00:35:09,780 hali kama hii server-upande, kwa nini mimi 787 00:35:09,780 --> 00:35:13,940 kujisumbua pia kufanya hivyo katika JavaScript? 788 00:35:13,940 --> 00:35:15,850 Nini hoja katika neema ya kuongeza kile 789 00:35:15,850 --> 00:35:18,760 wewe ni juu ya kuona kama some-- kuna utata ziada. 790 00:35:18,760 --> 00:35:23,610 791 00:35:23,610 --> 00:35:25,930 >> Labda hakuna suala la mafanikio. 792 00:35:25,930 --> 00:35:26,924 Je, inaweza kuwa kitu gani? 793 00:35:26,924 --> 00:35:27,840 Watazamaji: [inaudible]. 794 00:35:27,840 --> 00:35:31,132 795 00:35:31,132 --> 00:35:32,340 DAVID Malan: Ah, ya kuvutia. 796 00:35:32,340 --> 00:35:33,530 Uwezo ushujaa. 797 00:35:33,530 --> 00:35:37,540 Hivyo uhakika, kama wewe si utunzaji potofu mtumiaji pembejeo kwamba kubwa, 798 00:35:37,540 --> 00:35:40,170 labda ni wote bora kama haina hata kufikia kompyuta yako. 799 00:35:40,170 --> 00:35:42,160 Napenda kushinikiza nyuma huko na kusema, unapaswa pengine 800 00:35:42,160 --> 00:35:43,284 kurekebisha wote wawili wa matatizo hayo. 801 00:35:43,284 --> 00:35:44,140 Lakini hiyo ni haki. 802 00:35:44,140 --> 00:35:44,710 Nini kingine? 803 00:35:44,710 --> 00:35:45,626 >> Watazamaji: [inaudible]. 804 00:35:45,626 --> 00:35:47,970 805 00:35:47,970 --> 00:35:49,014 >> DAVID Malan: Yeah. 806 00:35:49,014 --> 00:35:51,680 Kanuni hii, kama sisi alisema kabla, ni kufasiriwa juu ya mteja upande. 807 00:35:51,680 --> 00:35:53,846 Haina bother server, ambayo ina maana hana 808 00:35:53,846 --> 00:35:55,930 athari mzigo server au uwezo. 809 00:35:55,930 --> 00:35:59,840 Na sasa, kwa umri mdogo kwangu, hii haina athari maana 810 00:35:59,840 --> 00:36:01,970 kwa sababu mimi na mtumiaji mmoja hivi sasa. 811 00:36:01,970 --> 00:36:04,010 >> Lakini kama wewe ni yoyote tovuti ya ukubwa heshima, 812 00:36:04,010 --> 00:36:07,400 hasa kubwa, kama Facebook, zaidi unaweza kuweka watu mbali 813 00:36:07,400 --> 00:36:09,927 Server yako bora kwa sababu server, bila shaka, 814 00:36:09,927 --> 00:36:12,510 tu ina kiasi kidogo cha RAM, finite idadi ya gigahertz, 815 00:36:12,510 --> 00:36:16,340 finite idadi ya mambo inaweza kufanya kwa kitengo cha wakati. 816 00:36:16,340 --> 00:36:19,170 Hivyo kama kuna watu zaidi katika dunia kupiga kompyuta yako, 817 00:36:19,170 --> 00:36:21,750 ajali magogo kimakosa, tu kama vile ikiwa 818 00:36:21,750 --> 00:36:23,254 unaweza kuweka mzigo kwamba mbali kompyuta yako. 819 00:36:23,254 --> 00:36:25,420 Plus, hasa kwenye simu device-- kama wameweza milele 820 00:36:25,420 --> 00:36:29,190 kuingia katika my.harvard au Netid Yale au kama, 821 00:36:29,190 --> 00:36:32,330 kuna hii latency na mengi ya tovuti kama kwamba ambapo inachukua, 822 00:36:32,330 --> 00:36:34,110 kama, damn pili au mbili wakati mwingine. 823 00:36:34,110 --> 00:36:37,979 Na kisha, Mungu wangu, mkiwa mistype, basi una hit nyuma na Rudia. 824 00:36:37,979 --> 00:36:40,520 Hivyo kuna utulivu, hasa juu ya uhusiano polepole mtandao. 825 00:36:40,520 --> 00:36:43,030 Lakini JavaScript, kwa sababu ni anaendesha juu ya mteja 826 00:36:43,030 --> 00:36:46,720 na haina haja ya kwenda na kurudi katika mtandao uwezekano wa polepole 827 00:36:46,720 --> 00:36:49,780 uhusiano, unaweza kupata karibu instantaneous maoni. 828 00:36:49,780 --> 00:36:50,760 >> Hivyo hebu tuangalie hii. 829 00:36:50,760 --> 00:36:54,280 Hebu kufungua fomu-0 na tuangalie HTML hapa. 830 00:36:54,280 --> 00:36:56,040 Na hebu tu kuona nini kinaendelea. 831 00:36:56,040 --> 00:36:59,460 Hii ni aina ambao hatua ni register.php. 832 00:36:59,460 --> 00:37:01,530 Mimi tu kutumia kupata hivyo kwamba mimi naweza kuona URL. 833 00:37:01,530 --> 00:37:05,030 Lakini kwa siri, tunatarajia shaka unataka kubadili hali hii baada ya katika hali halisi. 834 00:37:05,030 --> 00:37:06,910 Hapa ni pembejeo uwanja wa aina maandishi. 835 00:37:06,910 --> 00:37:09,050 Hapa ni pembejeo nyingine uwanja wa aina password. 836 00:37:09,050 --> 00:37:13,150 Hapa ni, kama wewe sijawahi kuona, mchango wa aina checkbox. 837 00:37:13,150 --> 00:37:15,250 >> Lakini hakuna JavaScript hapa wowote. 838 00:37:15,250 --> 00:37:18,170 Hii ni HTML tu kwamba huenda kwa register.php. 839 00:37:18,170 --> 00:37:21,020 Lakini katika toleo moja, ambapo mimi kuanza kupata wale viibukizi, 840 00:37:21,020 --> 00:37:23,010 hebu angalia nini hasa kinatokea hapa. 841 00:37:23,010 --> 00:37:26,757 Katika toleo moja, nini Mimi nina kwenda see-- mimi 842 00:37:26,757 --> 00:37:29,340 walidhani mimi naweza duka kutosha kwa maneno ya kutosha, lakini mimi mbio nje. 843 00:37:29,340 --> 00:37:35,180 844 00:37:35,180 --> 00:37:38,590 >> Katika toleo one-- kuna sisi kwenda. 845 00:37:38,590 --> 00:37:43,180 Katika toleo moja, taarifa following-- na sio utekelezaji bora, 846 00:37:43,180 --> 00:37:44,420 lakini ni yangu ya kwanza. 847 00:37:44,420 --> 00:37:47,680 Taarifa kwamba chini fomu, nina tag script. 848 00:37:47,680 --> 00:37:49,430 Na tag script ina maana, hey, browser, hapa 849 00:37:49,430 --> 00:37:52,340 inakuja baadhi ya kanuni katika, kawaida, na javascript. 850 00:37:52,340 --> 00:37:54,420 Na sasa, taarifa nini mimi kufanya. 851 00:37:54,420 --> 00:37:59,070 On line-- naweza vigumu kusoma it-- kujipanga 32, inasema, 852 00:37:59,070 --> 00:38:01,420 var form-- hivyo nipe kutofautiana kuitwa fomu. 853 00:38:01,420 --> 00:38:05,049 Na kisha kupata document.getElementId ya "usajili." 854 00:38:05,049 --> 00:38:05,590 Hii ni nini? 855 00:38:05,590 --> 00:38:07,290 Naam, napenda rewind hapa. 856 00:38:07,290 --> 00:38:11,510 Na taarifa, ah, mimi alitoa fomu kipengele holela lakini maelezo wazo 857 00:38:11,510 --> 00:38:13,050 ya usajili. 858 00:38:13,050 --> 00:38:16,820 Hivyo hii anitiaye kutofautiana kwamba inaruhusu mimi kwa kunyakua kwamba nodi, 859 00:38:16,820 --> 00:38:19,580 kuwa Mstatili katika mti inayoitwa fomu. 860 00:38:19,580 --> 00:38:24,460 njia form.onsubmit, hey browser, kusajili tukio msikilizaji 861 00:38:24,460 --> 00:38:25,470 juu ya aina hii. 862 00:38:25,470 --> 00:38:28,890 Kwa maneno mengine, wakati fomu hii ni kuwasilishwa, kutekeleza kanuni zifuatazo. 863 00:38:28,890 --> 00:38:30,810 Haina haja jina kwa sababu kwa nini unahitaji kujua jina? 864 00:38:30,810 --> 00:38:32,880 Wewe tu haja ya kujua nini nitafanya, ergo 865 00:38:32,880 --> 00:38:35,610 ni bila majina au lambda kazi. 866 00:38:35,610 --> 00:38:37,632 Na kazi ambayo ni yote ya mistari haya hapa. 867 00:38:37,632 --> 00:38:40,840 Na sasa, kwa kuwa waaminifu, hata kama wewe wanaweza kuwa na milele imeandikwa na javascript 868 00:38:40,840 --> 00:38:44,200 kabla, ni tu C na PHP mantiki. 869 00:38:44,200 --> 00:38:51,720 Hivyo kama form.email.value == "" - hivyo kama uwanja barua pepe ni tupu, 870 00:38:51,720 --> 00:38:54,980 kelele mtumiaji na "Lazima kutoa barua pepe yako. " 871 00:38:54,980 --> 00:38:58,980 Mwingine kama form.password.value ni tupu yell katika mtumiaji, 872 00:38:58,980 --> 00:39:00,400 "Ni lazima kutoa password yako." 873 00:39:00,400 --> 00:39:04,240 >> Zaidi ya kuvutia mantiki, kama form.password.value hana 874 00:39:04,240 --> 00:39:08,630 form.confirmation.value-- sawa wapi uthibitisho kuja kutoka? 875 00:39:08,630 --> 00:39:09,470 Napenda rewind. 876 00:39:09,470 --> 00:39:12,870 Naam, mimi kuitwa pembejeo huu uwanja hapa password. 877 00:39:12,870 --> 00:39:15,180 Na mimi kuitwa hii moja hapa uthibitisho. 878 00:39:15,180 --> 00:39:17,850 Mimi nilikuwa na kuitwa ni nenosiri mbili au kitu kingine chochote. 879 00:39:17,850 --> 00:39:20,560 Mimi tu mantiki ya kuangalia kwamba hizi mbili ni sawa. 880 00:39:20,560 --> 00:39:25,760 Else-- ni zamu nje hii ni Mheshimiwa Boole again-- thamani Boolean, sanduku kuangalia. 881 00:39:25,760 --> 00:39:29,810 Hivyo kama mimi kusema, mshangao point-- kama si form.agreement.checked, 882 00:39:29,810 --> 00:39:31,820 kelele katika user pia. 883 00:39:31,820 --> 00:39:34,470 >> Hivyo syntax hii utaona ni kawaida sana katika JavaScript, 884 00:39:34,470 --> 00:39:35,970 ambapo una nukuu hii dotted. 885 00:39:35,970 --> 00:39:37,460 Unaweza kuanza kwa kitu hapa. 886 00:39:37,460 --> 00:39:41,430 Wewe kupiga mbizi katika undani kwa kwa mali kama password. 887 00:39:41,430 --> 00:39:43,280 Na kisha kupata katika thamani yake halisi. 888 00:39:43,280 --> 00:39:45,830 Na tena, hapa ni pembejeo. 889 00:39:45,830 --> 00:39:47,310 Hapa ni jina password. 890 00:39:47,310 --> 00:39:50,860 Na thamani yake ni chochote binadamu ina kweli typed katika. 891 00:39:50,860 --> 00:39:53,610 >> Hivyo katika yote haya kesi, mimi kurudi uongo. 892 00:39:53,610 --> 00:39:55,800 Lakini kama si, mimi kurudi kweli. 893 00:39:55,800 --> 00:39:58,030 Na hivyo sasa tunaona matumizi ya kulazimisha ya wakati 894 00:39:58,030 --> 00:40:00,620 ungependa kurudi uongo kwa kuacha kile mtumiaji kufanya 895 00:40:00,620 --> 00:40:03,200 na kufanya kwake kuchagua tena au aina nyingine tena. 896 00:40:03,200 --> 00:40:05,870 Vinginevyo, sisi kurudi kweli. 897 00:40:05,870 --> 00:40:08,585 >> Na napenda kuanzisha moja lahaja nyingine ya hii tu 898 00:40:08,585 --> 00:40:13,140 mbegu baadhi ya ufahamu wake. 899 00:40:13,140 --> 00:40:16,850 Naam, katika toleo 2 ya hii, fomu-2-- Mimi itabidi kufanya hivyo kwa wimbi la mkono. 900 00:40:16,850 --> 00:40:19,920 Hii ni, kwa wale curious, jQuery toleo, 901 00:40:19,920 --> 00:40:23,330 wale ambao kutaka dabble katika kwamba maktaba fulani. 902 00:40:23,330 --> 00:40:25,145 Lakini hebu start-- na maswali yoyote? 903 00:40:25,145 --> 00:40:29,230 Napenda pause kwa muda kwa sababu iliyokuwa haraka na mengi. 904 00:40:29,230 --> 00:40:32,610 >> Lakini jambo zuri hapa ni kwamba wote wa kanuni ni pretty kiasi sawa. 905 00:40:32,610 --> 00:40:33,985 Mambo mapya ni nini dom? 906 00:40:33,985 --> 00:40:35,115 Ni rectangles haya? 907 00:40:35,115 --> 00:40:35,990 Ni nodi hiyo ni nini? 908 00:40:35,990 --> 00:40:37,540 Nini kazi bila majina? 909 00:40:37,540 --> 00:40:38,830 Nini tukio handler? 910 00:40:38,830 --> 00:40:43,480 Bali nashiriki, wengi ambayo ni ya haki mzunguko kamili kutoka, kusema, wiki sifuri. 911 00:40:43,480 --> 00:40:43,980 Sawa. 912 00:40:43,980 --> 00:40:46,070 Hivyo kitu kidogo zaidi ya kuvutia? 913 00:40:46,070 --> 00:40:49,340 Naam, awali ya yote, napenda kwenda mbele na kufungua Google Maps. 914 00:40:49,340 --> 00:40:53,360 Na utasikia taarifa kwamba kwa muda, juu ya mgawanyiko wa pili, 915 00:40:53,360 --> 00:40:55,930 taarifa kile kinachotokea wakati Mimi bonyeza kasi ya kutosha. 916 00:40:55,930 --> 00:40:59,720 Na uhusiano huu katika Harvard ni hivyo kasi kwamba wewe si kweli taarifa hiyo. 917 00:40:59,720 --> 00:41:04,469 Lakini je, aina ya aina ya kuona kama mimi click na Drag kweli kasi? 918 00:41:04,469 --> 00:41:07,010 Wale wa wewe kuangalia online, kama wewe polepole huu kwa 0.5x kasi, 919 00:41:07,010 --> 00:41:09,640 unaweza kuona hili vizuri. 920 00:41:09,640 --> 00:41:13,550 >> Kile kilichojitokeza tu kabla mimi clicked na kuvutana? 921 00:41:13,550 --> 00:41:15,900 Hebu jaribu here-- napenda kufanya kitu kingine, kama 90,210. 922 00:41:15,900 --> 00:41:17,550 Hebu kwenda mbali. 923 00:41:17,550 --> 00:41:19,000 Hiyo ilikuwa kweli kasi, pia. 924 00:41:19,000 --> 00:41:22,460 Vipi kuhusu Disney World? 925 00:41:22,460 --> 00:41:23,190 Kuna sisi kwenda. 926 00:41:23,190 --> 00:41:23,690 SAWA. 927 00:41:23,690 --> 00:41:26,030 Je, unaweza kuona kwa kupasuliwa pili? 928 00:41:26,030 --> 00:41:27,200 Tu, kama, viwanja, sawa? 929 00:41:27,200 --> 00:41:28,930 Placeholders kwa matofali? 930 00:41:28,930 --> 00:41:30,270 >> Naam, ni nini kinaendelea hapa? 931 00:41:30,270 --> 00:41:35,410 Google Maps ni mfano mzuri wa teknolojia hii kwamba wito AJAX. 932 00:41:35,410 --> 00:41:38,510 Na hii ni mahali ambapo tutaweza kuanza kwa kutumia JavaScript katika hasa 933 00:41:38,510 --> 00:41:39,277 alluring njia. 934 00:41:39,277 --> 00:41:41,610 Nyuma katika siku, kulikuwa na tovuti hii inaitwa MapQuest. 935 00:41:41,610 --> 00:41:44,120 Na mimi lazima wamechukua Je, ungependa wa hili kutoka miaka ya 1990, 936 00:41:44,120 --> 00:41:45,820 ambapo kama alitaka kuangalia juu hapa kwenye ramani, 937 00:41:45,820 --> 00:41:48,590 ungependa halisi bonyeza mshale juu kwa juu ambayo ilionyesha wewe 938 00:41:48,590 --> 00:41:49,870 mraba mbalimbali za ramani. 939 00:41:49,870 --> 00:41:51,790 Kama alitaka hoja kushoto, unaweza clicked mshale ambayo ilionyesha wewe 940 00:41:51,790 --> 00:41:53,210 mraba mbalimbali za ramani. 941 00:41:53,210 --> 00:41:54,840 Na baadhi ya Nje bado kufanya hivyo leo. 942 00:41:54,840 --> 00:41:57,820 Lakini hata MapQuest imenipatia bora, kama Google Maps. 943 00:41:57,820 --> 00:42:01,880 >> Badala yake, ni nini ni bora hizi Siku ni tovuti ambazo kutumia AJAX. 944 00:42:01,880 --> 00:42:04,510 AJAX-- inayojulikana kama Asynchronous JavaScript na XML, 945 00:42:04,510 --> 00:42:08,370 ambayo ni njia tu ya dhana ya kusema teknolojia au mbinu ambayo 946 00:42:08,370 --> 00:42:14,200 inaruhusu browser kutumia JavaScript kufanya maombi ya ziada HTTP 947 00:42:14,200 --> 00:42:16,390 baada ukurasa imekuwa kubeba. 948 00:42:16,390 --> 00:42:17,479 Hivyo hii ina maana gani? 949 00:42:17,479 --> 00:42:19,270 Naam, itakuwa ni aina ya annoying katika Gmail 950 00:42:19,270 --> 00:42:21,103 kama kila wakati alitaka kuangalia barua pepe yako, 951 00:42:21,103 --> 00:42:24,940 wewe alikuwa literally kugonga Kudhibiti-R au Amri-R au bonyeza kifungo Reload 952 00:42:24,940 --> 00:42:26,580 na zima darn ukurasa ingekuwa upya. 953 00:42:26,580 --> 00:42:26,800 Sawa? 954 00:42:26,800 --> 00:42:28,460 Itakuwa flash nyeupe pengine kwa mara ya pili. 955 00:42:28,460 --> 00:42:30,043 Ungependa kuona kijinga maendeleo bar. 956 00:42:30,043 --> 00:42:33,170 Na tu kuona kama una mpya pepe, mtandao mzima ukurasa na URL 957 00:42:33,170 --> 00:42:34,580 uko katika ingekuwa upya. 958 00:42:34,580 --> 00:42:35,960 >> Lakini si kwamba kile kinachotokea katika Gmail. 959 00:42:35,960 --> 00:42:36,459 Sawa? 960 00:42:36,459 --> 00:42:40,300 Baada ya kupata email mpya katika Gmail, nini kinatokea kwenye screen? 961 00:42:40,300 --> 00:42:41,480 Ni tu inaonyesha juu, sawa? 962 00:42:41,480 --> 00:42:44,280 Ni tu magically inaonekana kama safu mpya katika meza. 963 00:42:44,280 --> 00:42:47,030 Kwamba kweli inahusisha heshima kiasi cha utata. 964 00:42:47,030 --> 00:42:51,892 Kwa kweli, kama wewe kufikiri juu ya mti huu, ambayo hata kama ni moja rahisi hapa, 965 00:42:51,892 --> 00:42:54,100 Gmail-- na ningependa kuwa na kuangalia katika kanuni kuwa sure-- 966 00:42:54,100 --> 00:42:58,710 pengine ina meza HTML au labda orodha unordered kwamba mithili 967 00:42:58,710 --> 00:43:01,060 kila mmoja inboxes yako ya barua pepe kama. 968 00:43:01,060 --> 00:43:04,050 >> Na hivyo kama wewe kufikiria hili kuna ni mti katika kumbukumbu wakati uko 969 00:43:04,050 --> 00:43:09,050 kutumia Gmail kwamba inaonekana aina ya aina ya kama hii, wakati Google anatambua, ooh, 970 00:43:09,050 --> 00:43:12,770 una email mpya, haina wanataka kujenga upya mti mzima. 971 00:43:12,770 --> 00:43:16,430 Badala yake, anataka kupata nodi katika mti kwamba inawakilisha Inbox yako 972 00:43:16,430 --> 00:43:18,580 na tu kuingiza nodi mpya. 973 00:43:18,580 --> 00:43:24,640 >> Hivyo ni sawa na pset tano, ambapo alikuwa kuingiza nodes katika meza hash, 974 00:43:24,640 --> 00:43:28,410 vile vile anafanya Google, kupitia JavaScript kificho kwamba ameandika, 975 00:43:28,410 --> 00:43:31,890 traverse mti huu, kufikiri ambapo ni kwamba Inbox sehemu ya dirisha, 976 00:43:31,890 --> 00:43:33,440 na kisha kuingiza safu mpya. 977 00:43:33,440 --> 00:43:37,460 Na safu mpya tu ina maana moja au zaidi nodes mpya katika mti. 978 00:43:37,460 --> 00:43:41,340 >> Na hivyo AJAX ni mbinu hii ambayo inaruhusu kwa hasa kwamba. 979 00:43:41,340 --> 00:43:44,440 Mara baada ya umefanya alitembelea URL, Hata hivyo mambo kwa muda mrefu ni, 980 00:43:44,440 --> 00:43:46,472 na mara moja ina ukurasa wamekuwa kubeba, unaweza bado 981 00:43:46,472 --> 00:43:48,430 kunyakua data kutoka zaidi internet-- kama ni 982 00:43:48,430 --> 00:43:52,460 barua pepe au tile ya map-- kunyakua hiyo nyuma ya pazia 983 00:43:52,460 --> 00:43:55,290 na kisha kuingiza ndani ya ukurasa ili binadamu haina kweli 984 00:43:55,290 --> 00:43:56,910 kusubiri kwa ajili yake. 985 00:43:56,910 --> 00:43:58,980 >> Facebook Mtume kazi kwa njia hiyo hiyo. 986 00:43:58,980 --> 00:44:01,562 Idadi yoyote ya websites-- mengine loo, kwa kweli, hata hii. 987 00:44:01,562 --> 00:44:04,270 I mean, hii ni, kusema ukweli, aina ya annoying kipengele siku hizi. 988 00:44:04,270 --> 00:44:07,500 Kama mimi kuanza kwa ajili ya kutafuta cats-- hii Ni aina ya kutisha user uzoefu. 989 00:44:07,500 --> 00:44:08,990 Ni tu kuanza kwa ajili ya kutafuta yangu. 990 00:44:08,990 --> 00:44:10,050 Vizuri nini ni kufanya? 991 00:44:10,050 --> 00:44:12,920 URL hana kweli iliyopita tangu mimi kuanza kuandika. 992 00:44:12,920 --> 00:44:17,330 Lakini nini kinaendelea katika wire-- sawa, hmm kuvutia. 993 00:44:17,330 --> 00:44:20,470 Nini kinaendelea katika waya hapa tu anapata weirder. 994 00:44:20,470 --> 00:44:21,090 >> SAWA. 995 00:44:21,090 --> 00:44:24,670 Hivyo basi mimi kwenda mbele na kukagua kipengele na kwenda tab Mtandao 996 00:44:24,670 --> 00:44:27,040 na kujaribu kufanya hii kiufundi na kidogo kuhusu paka. 997 00:44:27,040 --> 00:44:32,595 Kama mimi aina, literally, paka and-- nini kinatokea 998 00:44:32,595 --> 00:44:37,710 per-- Sitakuja click hiyo. 999 00:44:37,710 --> 00:44:38,210 Sawa. 1000 00:44:38,210 --> 00:44:44,280 Hivyo hapa chini, nini kinatokea kila wakati mimi aina tabia, inaonekana? 1001 00:44:44,280 --> 00:44:45,000 Kama, kiwango cha chini? 1002 00:44:45,000 --> 00:44:47,860 Nini kinatokea kwa kila moja ya hizo wahusika mimi nina kuandika kwenye keyboard yangu? 1003 00:44:47,860 --> 00:44:48,359 Yeah? 1004 00:44:48,359 --> 00:44:50,950 Watazamaji: [inaudible]. 1005 00:44:50,950 --> 00:44:52,340 >> DAVID Malan: Hasa. 1006 00:44:52,340 --> 00:44:55,600 Kila mmoja wa wahusika hao ni kwenda Google, moja kwa wakati mmoja. 1007 00:44:55,600 --> 00:44:58,490 Wao ni kujenga kamba kwenye kompyuta zao kuwa inawakilisha 1008 00:44:58,490 --> 00:44:59,936 kila kitu nimekuwa typed katika hivi sasa. 1009 00:44:59,936 --> 00:45:01,810 Na kila wakati mimi aina tabia nyingine, wao 1010 00:45:01,810 --> 00:45:04,530 kutumia mchuzi yao ya siri ya kutafuta algorithm na kufikiri, 1011 00:45:04,530 --> 00:45:07,370 anamaanisha ukurasa huu paka au ukurasa huu paka au kama? 1012 00:45:07,370 --> 00:45:10,620 Hivyo katika baadhi ya hisia, inatoa yangu kwa uzoefu bora katika kwamba mimi si hata 1013 00:45:10,620 --> 00:45:11,860 haja ya kukamilisha mawazo yangu. 1014 00:45:11,860 --> 00:45:14,440 Na hakika, ni muhimu Jambo, autocomplete kwa ujumla. 1015 00:45:14,440 --> 00:45:17,690 Kama algorithms yao ni nzuri ya kutosha na kama upekuzi wangu ni dhahiri kutosha, 1016 00:45:17,690 --> 00:45:19,300 Sina ya aina ya neno zima. 1017 00:45:19,300 --> 00:45:22,110 Wao wanaenda kuniambia nini ni mimi nina kweli kwa ajili ya kutafuta. 1018 00:45:22,110 --> 00:45:25,940 Kwa hiyo kile Google wito papo search ni kutumia tu AJAX, 1019 00:45:25,940 --> 00:45:30,820 kutumia kanuni ambayo inaruhusu yao ya kuomba maudhui ya ziada kupitia mtandao browser 1020 00:45:30,820 --> 00:45:34,026 nyuma ya pazia kutumia hii lugha mpya, na javascript. 1021 00:45:34,026 --> 00:45:35,400 Hivyo tuna dakika kadhaa wa kushoto. 1022 00:45:35,400 --> 00:45:37,710 Na napenda kuwaita na rafiki yangu Colton hadi kwenye hatua, 1023 00:45:37,710 --> 00:45:40,090 tangu ilionekana hasa furaha mara ya mwisho 1024 00:45:40,090 --> 00:45:42,290 kuanzisha teknolojia kwamba baadhi yenu 1025 00:45:42,290 --> 00:45:44,769 wameonyesha nia katika miradi ya mwisho. 1026 00:45:44,769 --> 00:45:47,310 Tulidhani ni d kuwa na furaha ya kuleta up kujitolea, ingawa, leo 1027 00:45:47,310 --> 00:45:50,074 kuwaonyesha Mbali na hii ambayo inaruhusu you-- yeah, 1028 00:45:50,074 --> 00:45:50,990 Niliona hii mkono kwanza. 1029 00:45:50,990 --> 00:45:52,900 Kuja juu juu. 1030 00:45:52,900 --> 00:45:53,560 Vizuri sana kufanyika. 1031 00:45:53,560 --> 00:45:55,035 Kazi nzuri. 1032 00:45:55,035 --> 00:45:57,410 Mimi nina kwenda kwa mradi huu juu ya screen katika muda tu. 1033 00:45:57,410 --> 00:45:58,150 Nini jina lako kwa kila mtu? 1034 00:45:58,150 --> 00:45:59,180 >> EFA: Mimi ni Efa. 1035 00:45:59,180 --> 00:45:59,410 >> DAVID Malan: Etha? 1036 00:45:59,410 --> 00:45:59,785 >> EFA: Efa. 1037 00:45:59,785 --> 00:46:00,160 >> DAVID Malan: Efa? 1038 00:46:00,160 --> 00:46:00,730 >> EFA: Naam. 1039 00:46:00,730 --> 00:46:01,250 >> DAVID Malan: Nice kuona wewe. 1040 00:46:01,250 --> 00:46:01,600 Sawa. 1041 00:46:01,600 --> 00:46:02,590 Napenda kupata hii tayari. 1042 00:46:02,590 --> 00:46:04,423 Kuja juu juu kwa katikati na Colton hapa. 1043 00:46:04,423 --> 00:46:07,050 Nini Colton ina mikononi mwake leo ni udhibiti wa kijijini. 1044 00:46:07,050 --> 00:46:10,440 Hivyo badala ya kusimama pale katika tatu-dimensional dunia kuangalia kote 1045 00:46:10,440 --> 00:46:14,080 kama Colton hivyo, sasa Efa Unaweza kweli kutembea kwa kwenda juu, 1046 00:46:14,080 --> 00:46:16,689 chini, kushoto, na haki kama Nintendo au Xbox mtawala. 1047 00:46:16,689 --> 00:46:18,230 EFA: Mimi nina kwenda kuanguka mbali ya hatua. 1048 00:46:18,230 --> 00:46:20,500 DAVID Malan: Mimi kusimama takribani zaidi ya hapa. 1049 00:46:20,500 --> 00:46:21,991 Lakini hiyo ni hatari. 1050 00:46:21,991 --> 00:46:22,490 SAWA. 1051 00:46:22,490 --> 00:46:25,690 Hivyo kwenda mbele na kuweka wale juu ya. 1052 00:46:25,690 --> 00:46:29,315 Hebu kwenda mbele na kubadili screen hapa. 1053 00:46:29,315 --> 00:46:30,670 Napenda dim taa. 1054 00:46:30,670 --> 00:46:32,780 Na Colton, napenda kuja kusimama karibu na wewe. 1055 00:46:32,780 --> 00:46:35,520 >> Je, unataka kueleza hapa kwa mic nini sisi ni kufanya? 1056 00:46:35,520 --> 00:46:36,380 Hapa kwenda. 1057 00:46:36,380 --> 00:46:37,280 >> COLTON: Ni kweli. 1058 00:46:37,280 --> 00:46:39,980 Hivyo sasa hivi tuko upakiaji up Oculus, 1059 00:46:39,980 --> 00:46:43,070 Nadhani operating-- si kazi mfumo, lakini mpango kuu, ambapo 1060 00:46:43,070 --> 00:46:46,630 unaweza kupata michezo yote na programu ya kwamba ni katika maktaba yako. 1061 00:46:46,630 --> 00:46:50,060 Hivyo sasa hivi, ni lazima kusema bomba touchpad kuanza. 1062 00:46:50,060 --> 00:46:53,430 Touchpad kwenda kuwa juu ya upande wa kifaa cha kichwa kulia. 1063 00:46:53,430 --> 00:46:54,569 Hivyo kwenda mbele na tap-- 1064 00:46:54,569 --> 00:46:55,110 EFA: Oh, mtu. 1065 00:46:55,110 --> 00:46:56,443 DAVID Malan: Yeah, kuna kwenda. 1066 00:46:56,443 --> 00:47:00,340 1067 00:47:00,340 --> 00:47:02,460 Ubora Efa ni kuona ni ubora juu sana. 1068 00:47:02,460 --> 00:47:03,831 Hii ni Wi-Fi hapa. 1069 00:47:03,831 --> 00:47:05,580 COLTON: Kwa hiyo ni nini uko atataka kufanya 1070 00:47:05,580 --> 00:47:08,350 ni kuangalia kuelekea juu kulia wa screen. 1071 00:47:08,350 --> 00:47:10,420 Yep, kwamba mchezo juu ya haki juu sana. 1072 00:47:10,420 --> 00:47:14,780 Na kisha wakati wewe ni kuchagua hivyo, bomba touchpad tena. 1073 00:47:14,780 --> 00:47:17,010 Nadhani Dreadhalls wake. 1074 00:47:17,010 --> 00:47:20,820 Na kisha hapa ni a-- hapa, hebu mimi kushikilia glasi yako kwa ajili yenu. 1075 00:47:20,820 --> 00:47:24,420 1076 00:47:24,420 --> 00:47:25,790 >> Hivyo mimi tu alimpa mtawala. 1077 00:47:25,790 --> 00:47:28,886 Hivyo sasa anaweza kudhibiti mchezo. 1078 00:47:28,886 --> 00:47:30,510 Yeye unaweza kuzunguka na mambo kama hayo. 1079 00:47:30,510 --> 00:47:31,968 Hivyo kwenda mbele na kuangalia juu juu. 1080 00:47:31,968 --> 00:47:33,640 Unapaswa kuona New michezo. 1081 00:47:33,640 --> 00:47:36,310 Hivyo kwenda mbele na unaweza kufanya hivyo. 1082 00:47:36,310 --> 00:47:39,320 Sasa, unapaswa kuwa na uwezo wa kudhibiti mwenyewe na mtawala, 1083 00:47:39,320 --> 00:47:43,860 pamoja, haraka kama mchezo mizigo hapa. 1084 00:47:43,860 --> 00:47:46,356 Hii inaweza kuwa ni kidogo kidogo inatisha. 1085 00:47:46,356 --> 00:47:47,300 >> EFA: Sasa unaweza kuniambia. 1086 00:47:47,300 --> 00:47:50,132 SAWA. 1087 00:47:50,132 --> 00:47:51,080 >> COLTON: zote haki. 1088 00:47:51,080 --> 00:47:52,650 Hivyo kuthibitisha kwamba unaweza kuzunguka. 1089 00:47:52,650 --> 00:47:52,750 SAWA. 1090 00:47:52,750 --> 00:47:53,583 Unaweza kuzunguka. 1091 00:47:53,583 --> 00:47:54,300 Kamilifu. 1092 00:47:54,300 --> 00:47:56,470 Hivyo kama wewe kuangalia chini, una ramani. 1093 00:47:56,470 --> 00:47:58,170 Ramani inaonyesha wapi. 1094 00:47:58,170 --> 00:47:59,720 Unaweza kuangalia kuzunguka chumba. 1095 00:47:59,720 --> 00:48:01,440 Unaweza kabisa kugeuka. 1096 00:48:01,440 --> 00:48:02,128 Yeah, kwa uhakika. 1097 00:48:02,128 --> 00:48:02,627 Geuka. 1098 00:48:02,627 --> 00:48:05,370 1099 00:48:05,370 --> 00:48:07,125 >> Ili kuangalia kwa upande wa kushoto yako. 1100 00:48:07,125 --> 00:48:09,875 Nadhani kuna kitu unaweza kuchukua juu ya pipa katika chumba hicho. 1101 00:48:09,875 --> 00:48:11,709 >> EFA: Je, mimi kupata ramani nje ya njia? 1102 00:48:11,709 --> 00:48:12,375 COLTON: Angalia up. 1103 00:48:12,375 --> 00:48:12,980 Hebu angalia juu. 1104 00:48:12,980 --> 00:48:13,480 Sawa. 1105 00:48:13,480 --> 00:48:13,765 Kuna kwenda. 1106 00:48:13,765 --> 00:48:15,181 Sasa kwenda mbele na kugeuka tu kuzunguka. 1107 00:48:15,181 --> 00:48:21,460 1108 00:48:21,460 --> 00:48:24,620 Ili kuangalia mbali zaidi kwa upande wa kushoto yako. 1109 00:48:24,620 --> 00:48:25,530 Kusonga kushoto. 1110 00:48:25,530 --> 00:48:26,960 Kuendelea kutafuta kushoto. 1111 00:48:26,960 --> 00:48:27,541 Endelea kwenda. 1112 00:48:27,541 --> 00:48:28,040 Naam. 1113 00:48:28,040 --> 00:48:28,720 >> EFA: Oh, kwa njia hiyo. 1114 00:48:28,720 --> 00:48:29,261 >> COLTON: Naam. 1115 00:48:29,261 --> 00:48:30,999 Kutembea kuelekea kwa mtawala. 1116 00:48:30,999 --> 00:48:31,540 Kuna kwenda. 1117 00:48:31,540 --> 00:48:32,790 Sasa ni lazima kusema pick it up. 1118 00:48:32,790 --> 00:48:33,360 Kuna kwenda. 1119 00:48:33,360 --> 00:48:34,290 Pick it up. 1120 00:48:34,290 --> 00:48:35,550 Sawa. 1121 00:48:35,550 --> 00:48:38,286 Sasa, hebu kupata nje ya chumba hiki. 1122 00:48:38,286 --> 00:48:42,209 Kwenda mbele na kutembea kwa mlango huo. 1123 00:48:42,209 --> 00:48:45,000 Hivyo wewe ni kwenda hold-- inasema kushikilia kifungo kwa nguvu ya wazi. 1124 00:48:45,000 --> 00:48:46,333 Hivyo kwenda mbele na kushikilia kifungo. 1125 00:48:46,333 --> 00:48:48,250 Yep, kulazimisha kufungua. 1126 00:48:48,250 --> 00:48:48,750 Sawa. 1127 00:48:48,750 --> 00:48:49,410 Kazi nzuri. 1128 00:48:49,410 --> 00:48:50,826 Sasa sisi ni kutembea nje ya chumba. 1129 00:48:50,826 --> 00:48:56,970 1130 00:48:56,970 --> 00:49:01,366 Hivyo nina kwenda kwa kuacha wengine juu na wewe na kuona nini kujua. 1131 00:49:01,366 --> 00:49:02,865 EFA: Mimi si kwenda katika chumba giza. 1132 00:49:02,865 --> 00:49:07,315 1133 00:49:07,315 --> 00:49:07,815 Oh, ngoja. 1134 00:49:07,815 --> 00:49:09,314 Sasa nina kwenda chini ukumbi giza? 1135 00:49:09,314 --> 00:49:10,785 OK, mimi nina kwenda nyuma [inaudible]. 1136 00:49:10,785 --> 00:49:15,520 1137 00:49:15,520 --> 00:49:16,270 COLTON: zote haki. 1138 00:49:16,270 --> 00:49:17,560 Baadhi ya vitu zaidi kuchukua. 1139 00:49:17,560 --> 00:49:19,370 Inaonekana kama baadhi sarafu. 1140 00:49:19,370 --> 00:49:22,242 Hiyo ni kufuli pick. 1141 00:49:22,242 --> 00:49:24,200 Hivyo kama wewe kupata imefungwa mlango, unaweza kutumia hiyo. 1142 00:49:24,200 --> 00:49:27,755 1143 00:49:27,755 --> 00:49:28,380 Je, wewe hofu? 1144 00:49:28,380 --> 00:49:29,371 >> EFA: Si bado. 1145 00:49:29,371 --> 00:49:29,871 COLTON: Sawa. 1146 00:49:29,871 --> 00:49:34,850 1147 00:49:34,850 --> 00:49:35,497 >> Pretend-- yeah. 1148 00:49:35,497 --> 00:49:37,330 Tu kujifanya uko kweli amesimama. 1149 00:49:37,330 --> 00:49:39,580 Na kama wewe kugeuka around-- nimepata kupata kutumika yake. 1150 00:49:39,580 --> 00:49:40,752 Lakini ni mantiki. 1151 00:49:40,752 --> 00:49:43,960 DAVID Malan: Na wakati Efa inaendelea kucheza, tangu tunaweza kufanya hivyo siku zote, 1152 00:49:43,960 --> 00:49:45,381 tunaweza zote ncha-toe nje hapa. 1153 00:49:45,381 --> 00:49:48,130 Lakini sisi tunayo jozi wengine wawili, kama Ningependa kuja na kucheza. 1154 00:49:48,130 --> 00:49:49,980 Vinginevyo, tutaona wewe ijayo siku ya Jumatano. 1155 00:49:49,980 --> 00:49:51,354 Asante kwa kujitolea yetu ya leo. 1156 00:49:51,354 --> 00:49:52,101 [Makofi] 1157 00:49:52,101 --> 00:49:54,506 1158 00:49:54,506 --> 00:49:57,392 >> [Music - "Seinfeld THEME"] 1159 00:49:57,392 --> 00:49:58,222 1160 00:49:58,222 --> 00:50:00,180 SPIKA 1: Naam, mimi nina kuweka mpya PL mlima juu. 1161 00:50:00,180 --> 00:50:01,800 Mimi tu iliyopita OLPF-- 1162 00:50:01,800 --> 00:50:03,980 >> SPIKA 2: Kwa hiyo ni nini hasa unafanya nini? 1163 00:50:03,980 --> 00:50:07,063 >> SPIKA 1: Naam, kila mmoja these-- hapa, mimi nitakuonyesha hii moja katika hapa. 1164 00:50:07,063 --> 00:50:08,690 Unaweza kuona haki hapa. 1165 00:50:08,690 --> 00:50:09,510 >> SPIKA 3: Nadhani mimi nina mzuri na hayo. 1166 00:50:09,510 --> 00:50:09,933 Unataka baadhi zaidi? 1167 00:50:09,933 --> 00:50:11,325 >> SPIKA 4: Hapana, mimi nina nzuri. [Inaudible]. 1168 00:50:11,325 --> 00:50:12,200 >> SPIKA 3: Hapana, [inaudible]. 1169 00:50:12,200 --> 00:50:12,700 Kuwa na baadhi ya. 1170 00:50:12,700 --> 00:50:21,165 1171 00:50:21,165 --> 00:50:22,290 SPIKA 1: rangi tofauti. 1172 00:50:22,290 --> 00:50:22,890 SPIKA 2: Sawa. 1173 00:50:22,890 --> 00:50:26,690 SPIKA 1: Hivyo hatimaye kile gani ni anpassar rangi of--