1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. Malan: zote haki, hivyo hii hapa ni mkono Myo 3 00:00:41,880 --> 00:00:44,450 bendi, wanandoa wa ambayo sisi kuwa kwa CS50 miradi ya mwisho. 4 00:00:44,450 --> 00:00:47,533 Na kwamba alikuwa maandamano sisi queued wewe hadi mapema ambapo kimsingi 5 00:00:47,533 --> 00:00:51,120 mkono huu haki tight bendi hapa anasikiliza harakati wako misuli 6 00:00:51,120 --> 00:00:54,280 kwamba ni basi mapped katika programu kwa Colton ya mbali zaidi ya hapa ambayo 7 00:00:54,280 --> 00:00:57,230 alikuwa iTunes na kwamba wimbo tayari foleni juu. 8 00:00:57,230 --> 00:01:00,270 Badala ya mimi demoing hii, Colton imekuwa katika maabara 9 00:01:00,270 --> 00:01:04,129 wazi wiki yote kupata maandamano tayari kwa ajili ya moja jasiri kujitolea. 10 00:01:04,129 --> 00:01:07,430 Kama mtu angependa kuja juu ya up-- aliona mkono wako wa kwanza. 11 00:01:07,430 --> 00:01:09,540 Kuja juu juu. 12 00:01:09,540 --> 00:01:12,530 >> Wote haki. 13 00:01:12,530 --> 00:01:13,886 Na jina lako ni nini? 14 00:01:13,886 --> 00:01:14,800 >> Watazamaji: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. Malan: Maria, nzuri ya kuona wewe. 16 00:01:16,550 --> 00:01:17,310 Kuja juu zaidi ya hapa. 17 00:01:17,310 --> 00:01:19,550 Napenda kuanzisha wewe Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, hii ni Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Hi, ni vyema kukutana na wewe. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. Malan: zote haki, hivyo hatua moja, tuko 21 00:01:24,330 --> 00:01:26,204 kwenda na kuweka hii kwenye forearm yako 22 00:01:26,204 --> 00:01:29,280 hivyo kwamba pretty tight juu karibu elbow yako. 23 00:01:29,280 --> 00:01:31,940 Na wakati huo huo, hebu kuwa kuweka juu ya Google kioo wetu 24 00:01:31,940 --> 00:01:33,720 na tutaweza kuchanganya teknolojia ya leo. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Kwanza itabidi kunasa huu katika mambo. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. Malan: Sawa. 27 00:01:37,170 --> 00:01:39,795 Kweli, hebu kuweka mkono wako kama karibu na cable hii iwezekanavyo 28 00:01:39,795 --> 00:01:41,160 ili tuweze kwanza kusawazisha it up. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Hebu kufanya hivyo. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. Malan: Na wakati huo huo, hivyo kwamba kila mtu anaweza kupata mtazamo wa karibu, 31 00:01:46,500 --> 00:01:50,290 tutaweza toss kamera Andrew juu ya screen huko. 32 00:01:50,290 --> 00:01:54,460 Hivyo tuna USB cable kwamba kuwa plugged katika uzinge Maria. 33 00:01:54,460 --> 00:02:00,230 Na napenda toss screen Colton ya juu projector ijayo. 34 00:02:00,230 --> 00:02:06,000 >> Hivyo Colton ni kusajili kifaa sasa kama Myo kushikamana na cable hii. 35 00:02:06,000 --> 00:02:08,060 Na sasa nini Maria kwenda kufanya momentarily 36 00:02:08,060 --> 00:02:10,120 ni kweli kutembea kwa njia ya hatua calibration 37 00:02:10,120 --> 00:02:12,830 na kufundisha programu jinsi misuli yake kujibu 38 00:02:12,830 --> 00:02:16,070 wakati yeye kufanya baadhi ya kabla defined ishara kwamba programu anaelewa. 39 00:02:16,070 --> 00:02:17,910 Kama Ningependa kwenda katika mbele ya screen. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK, kuendelea kujaribu. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Nenda kama hii. 43 00:02:31,860 --> 00:02:32,970 Na kama hiyo. 44 00:02:32,970 --> 00:02:34,563 Na njia yote ya haki. 45 00:02:34,563 --> 00:02:35,922 Kurudi nyuma. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. Malan: Sawa. 47 00:02:37,740 --> 00:02:38,960 Tofauti mtazamo. 48 00:02:38,960 --> 00:02:39,620 Ni si wewe. 49 00:02:39,620 --> 00:02:40,350 Ni sisi. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. Malan: Hapana 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Hebu hoja hiyo juu juu hivyo ni karibu na elbow yako, au hata stramare. 54 00:02:51,540 --> 00:02:52,680 Wote haki. 55 00:02:52,680 --> 00:02:53,270 >> Hapa sisi kwenda. 56 00:02:53,270 --> 00:02:56,780 Hii itakuwa ni wakati mzuri kwa ajili ya CS52X. 57 00:02:56,780 --> 00:02:57,670 Kuna sisi kwenda. 58 00:02:57,670 --> 00:02:58,760 >> Nzuri sana. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 Gumba kwa Pinky. 61 00:03:02,790 --> 00:03:03,380 >> Nzuri sana. 62 00:03:03,380 --> 00:03:05,140 Kuenea vidole. 63 00:03:05,140 --> 00:03:06,240 Nzuri. 64 00:03:06,240 --> 00:03:06,910 Kukitikisa haki. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Ni ajabu kuonyesha kwa hand-- kushoto 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Yeah, hiyo ni weird. 68 00:03:19,665 --> 00:03:21,790 DAVID J. Malan: Mganda kwa haki na kusonga mbele. 69 00:03:21,790 --> 00:03:22,998 Kufunga mbele ruka au ijayo. 70 00:03:22,998 --> 00:03:25,020 Hiyo ni sawa Mganda haki. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Mimi don't-- kusubiri. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. Malan: Haja ya baadhi ya msaada? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Hivyo wewe ni kwenda kama hii. 74 00:03:30,027 --> 00:03:31,860 MARIA: Ni kugeuka Jambo jingine, ingawa. 75 00:03:31,860 --> 00:03:32,390 COLTON: Ni. 76 00:03:32,390 --> 00:03:34,250 DAVID J. Malan: Yeah sijui nini ni kuonyesha wewe leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Mbona wewe try-- tu kujaribu kwenda kama hii. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. Malan: Hakuna? 80 00:03:40,090 --> 00:03:42,580 Labda kufikia mkono wako nje kidogo straighter 81 00:03:42,580 --> 00:03:46,070 na kufanya hivyo zaidi ya ghafla kama hii. 82 00:03:46,070 --> 00:03:48,176 Yeah, sawa, kuja juu. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: Mimi nina sorry. 84 00:03:49,670 --> 00:03:51,170 DAVID J. Malan: Ni si makosa yako. 85 00:03:51,170 --> 00:03:53,018 COLTON: Ni faini. 86 00:03:53,018 --> 00:03:55,430 DAVID J. Malan: zote Haki. 87 00:03:55,430 --> 00:03:56,220 Well-- 88 00:03:56,220 --> 00:03:57,620 >> MARIA: Je, sisi ruka hii, basi? 89 00:03:57,620 --> 00:03:59,620 DAVID J. Malan: Ndiyo, hebu basi wewe kutokuhusika. 90 00:03:59,620 --> 00:04:03,130 Hivyo kama mtu yeyote angependa kufanya mradi wa mwisho kwa kutumia makali hii kukata 91 00:04:03,130 --> 00:04:07,707 vifaa, kutambua hilo ili tu kuchukua kidogo kupata kutumika. 92 00:04:07,707 --> 00:04:10,290 Na ukweli this-- ni hii ni kweli damu sana makali. 93 00:04:10,290 --> 00:04:12,040 >> Hii ni kile kinachoitwa developer kit, ambayo 94 00:04:12,040 --> 00:04:14,956 ni maana ya kuwa kimsingi kabla ya kutolewa ili watu waweze kufanya hasa 95 00:04:14,956 --> 00:04:18,690 this-- kupambana na hayo, takwimu jinsi miili ya watu kufanya kazi 96 00:04:18,690 --> 00:04:19,980 na teknolojia. 97 00:04:19,980 --> 00:04:21,750 Hivyo kama unataka baadaye, baada ya hotuba, 98 00:04:21,750 --> 00:04:23,750 tunaweza basi wewe kuja na kuchukua kumchoma mwingine saa yake. 99 00:04:23,750 --> 00:04:26,970 Lakini vinginevyo, duru ya applause, kama tunaweza, kwa Maria kwa ajili ya kuja juu juu. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Asante. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. Malan: Asante. 102 00:04:30,390 --> 00:04:34,945 Tutaweza hutegemea hii, lakini sisi kutoa you-- vipi kuhusu msongo mpira hapa? 103 00:04:34,945 --> 00:04:38,620 Oh, and-- if-- yeah, shukrani. 104 00:04:38,620 --> 00:04:39,715 Wote haki. 105 00:04:39,715 --> 00:04:45,750 Hivyo kwa curious, kama ungekuwa usio wa kawaida na uchaguzi sauti 106 00:04:45,750 --> 00:04:47,670 kwamba sisi alifanya huko mapema, TV kushangaza 107 00:04:47,670 --> 00:04:50,210 kuonyesha kwamba ni lazima kabisa kuwa binge-kuangalia juu ya Netflix 108 00:04:50,210 --> 00:04:51,110 ni moja hii hapa. 109 00:04:51,110 --> 00:04:54,472 >> SPIKA 1: Mabibi na mabwana, mchawi aitwaye Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. Malan: Na inaonekana, ni jambo Nakala mimi wakati wa hotuba sasa. 112 00:05:08,050 --> 00:05:11,190 Mimi kuambiwa kuwa Maria alikuwa kuzaliwa jana. 113 00:05:11,190 --> 00:05:14,095 Hivyo furaha ya kuzaliwa kutoka CS50 kwa Maria kama vizuri. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Hivyo unaweza kuwa na kusoma katika mwezi wa hivi karibuni kwamba hii waungwana hapa, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, ambaye alikuwa kweli darasa la 1977 katika chuo, 117 00:05:25,260 --> 00:05:27,170 aliyestaafu hivi karibuni kwa ajili ya Microsoft. 118 00:05:27,170 --> 00:05:29,620 Alikuwa shahada ya kwanza hapa, basi miaka michache baadaye 119 00:05:29,620 --> 00:05:31,910 alijikuta katika Stanford Shule ya Biashara 120 00:05:31,910 --> 00:05:34,160 wakati yeye kupokea simu simu kutoka kwa rafiki wa ambaye yake 121 00:05:34,160 --> 00:05:36,516 alikuwa akiishi chini ya ukumbi kutoka kwake hapa katika Harvard. 122 00:05:36,516 --> 00:05:38,640 Jina kwamba rafiki ilikuwa Bill Gates, na wakati huo, 123 00:05:38,640 --> 00:05:42,700 alikuwa anajaribu kuajiri Steve kuwa kwanza ya biashara ya mtu, kwa kweli, 124 00:05:42,700 --> 00:05:45,720 katika kampuni ndogo jina Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> short hadithi ya muda mrefu, Steve ilikuwa hatimaye alishinda juu, 126 00:05:48,960 --> 00:05:52,130 alijiunga Microsoft wakati wao alikuwa wafanyakazi 30 tu. 127 00:05:52,130 --> 00:05:54,300 Na wakati yeye wastaafu hivi karibuni kabisa, 128 00:05:54,300 --> 00:05:58,100 kampuni alikuwa wafanyakazi 100,000 zaidi ya miaka michache iliyopita. 129 00:05:58,100 --> 00:06:01,171 Na hivyo tovuti inayojulikana kama hatihati tayari kulipa kodi hii kwenye video 130 00:06:01,171 --> 00:06:02,920 kwamba sisi walidhani tunatarajia pamoja kwamba anatoa 131 00:06:02,920 --> 00:06:08,380 hisia ya jinsi gani nishati Steve huleta kuwasilisha yoyote anatoa. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [Video avspelning] 134 00:06:12,550 --> 00:06:16,220 -Microsoft Kama mtoto wa nne. 135 00:06:16,220 --> 00:06:18,260 Watoto kufanya kuondoka nyumbani. 136 00:06:18,260 --> 00:06:21,875 Katika kesi hiyo, mimi nadhani Mimi kuondoka nyumbani. 137 00:06:21,875 --> 00:06:23,270 Hey Bill, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> -Hey, Wazzap? 140 00:06:25,320 --> 00:06:28,590 Tumekuwa aliyopewa nafasi kubwa sana. 141 00:06:28,590 --> 00:06:30,210 Na Muswada wa Sheria ya alitupa nafasi hiyo. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Nataka kuwashukuru Bill kwa ajili hiyo. 144 00:06:36,770 --> 00:06:39,630 Mimi nataka wewe pia. 145 00:06:39,630 --> 00:06:42,500 kasi ya uvumbuzi si kwenda polepole. 146 00:06:42,500 --> 00:06:45,140 >> Ni kwenda kupata kasi zaidi na zaidi. 147 00:06:45,140 --> 00:06:50,165 Huenda kuna washindani chache kuwa ni bahati mbaya kuondolewa! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Nampenda kampuni hii. 150 00:06:59,564 --> 00:07:00,064 Ndiyo! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Mimi ni PC, na mimi upendo kampuni hii! 153 00:07:08,250 --> 00:07:13,090 >> Watengenezaji, watengenezaji, watengenezaji, watengenezaji, watengenezaji, watengenezaji, 154 00:07:13,090 --> 00:07:14,560 watengenezaji, watengenezaji. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Ndiyo! 157 00:07:18,970 --> 00:07:19,950 Mtandao watengenezaji! 158 00:07:19,950 --> 00:07:21,420 >> Mtandao watengenezaji! 159 00:07:21,420 --> 00:07:22,890 Mtandao watengenezaji! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Kusikiliza nini kingine kupata bila malipo ya ziada! 162 00:07:28,770 --> 00:07:31,960 >> Mtendaji MS-DOS, uteuzi kalenda, rundo kadi, kumbuka pedi, 163 00:07:31,960 --> 00:07:33,750 saa, jopo kudhibiti. 164 00:07:33,750 --> 00:07:35,461 Na, unaweza kuamini hilo? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Kuchoma yao CD! 167 00:07:37,270 --> 00:07:38,660 Baada yao kwa MSN! 168 00:07:38,660 --> 00:07:40,422 Wewe barua yao kwa marafiki! 169 00:07:40,422 --> 00:07:41,790 >> Wote na click moja! 170 00:07:41,790 --> 00:07:48,670 Moja Microsoft, mkakati mmoja, team-- umakini, nidhamu, mtaalamu, 171 00:07:48,670 --> 00:07:50,610 na mtaalam katika wote kwamba sisi kufanya. 172 00:07:50,610 --> 00:07:52,670 Napenda kutumia mstari kutoka movie zamani. 173 00:07:52,670 --> 00:07:54,810 >> Mahusiano ni kama papa. 174 00:07:54,810 --> 00:07:57,480 Wao kusonga mbele au kufa. 175 00:07:57,480 --> 00:08:01,470 Mimi kwa kweli nadhani tech makampuni ni sawa. 176 00:08:01,470 --> 00:08:04,801 >> [MWISHO video avspelning] 177 00:08:04,801 --> 00:08:08,050 DAVID J. Malan: Hivyo sisi ni hivyo radhi kwa kutangaza kwamba Steve itakuwa kujiunga na sisi 178 00:08:08,050 --> 00:08:13,320 hapa katika CS50 Jumatano ijayo katika mahali ya kawaida na wakati hapa. 179 00:08:13,320 --> 00:08:14,750 Nafasi uwezekano mkubwa kuwa mdogo. 180 00:08:14,750 --> 00:08:19,650 Na hivyo kujiunga na sisi katika mtu, tafadhali kichwa leo au baada ya muda mfupi 181 00:08:19,650 --> 00:08:22,600 kwa cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> Na sisi kufuatilia na Jumanne kuthibitisha matangazo. 183 00:08:25,780 --> 00:08:29,900 Kuangalia mbele kwa kuwa ijayo Jumatano wakati wa hotuba katika CS50. 184 00:08:29,900 --> 00:08:33,706 Sasa, katika habari nyingine, mimi kilichotokea kwa kuja hela hii katika Crimson tu 185 00:08:33,706 --> 00:08:34,289 siku nyingine. 186 00:08:34,289 --> 00:08:37,370 >> Ni zinageuka kuwa mmoja wa wafanyakazi CS50 ya na angalau moja ya CS50 ya wanafunzi 187 00:08:37,370 --> 00:08:40,299 sasa mbio kwa UC rais na makamu wa rais, 188 00:08:40,299 --> 00:08:42,950 ambayo akanirudisha siku yangu mwenyewe nyuma 189 00:08:42,950 --> 00:08:45,920 wakati mimi waliopotea uchaguzi UC vibaya. 190 00:08:45,920 --> 00:08:48,210 Lakini bitana fedha katika kwamba ni mimi daima 191 00:08:48,210 --> 00:08:50,604 hadithi ni kwamba moja ya mimi nina uhakika 192 00:08:50,604 --> 00:08:52,770 sababu nyingi mimi waliopotea uchaguzi lilikuwa ni ukosefu kamili 193 00:08:52,770 --> 00:08:54,103 vipaji kwa akizungumza umma. 194 00:08:54,103 --> 00:08:56,950 Na hivyo kwa uaminifu kabisa, hivyo alimfukuza yangu, kwamba uzoefu 195 00:08:56,950 --> 00:09:02,235 Nadhani mwaka wangu junior, kwa kweli kusaini up kwa Harvard Computer Society, ambayo 196 00:09:02,235 --> 00:09:04,610 ni kundi juu ya chuo kuwa ana mazungumzo ya kiufundi mbalimbali 197 00:09:04,610 --> 00:09:05,318 na mambo mengine. 198 00:09:05,318 --> 00:09:08,117 Na mimi alichukua juu ya mafundisho yao semina na hivyo 199 00:09:08,117 --> 00:09:09,950 alikuwa na nafasi, nafasi ya ajabu, 200 00:09:09,950 --> 00:09:12,620 kuanza kufanya kazi juu ya hasa hili. 201 00:09:12,620 --> 00:09:15,000 Lakini pia, mimi alikuwa na nafasi wakati wa uzoefu huu 202 00:09:15,000 --> 00:09:16,930 kufundisha mwenyewe HTML wote zaidi. 203 00:09:16,930 --> 00:09:21,080 Na hivyo mimi procrastinated jana usiku na kuangalia njia ya tovuti HTML makao 204 00:09:21,080 --> 00:09:28,066 Mimi alifanya katika kama 1997, '98, kwa yangu kampeni ambayo inaonekana kama hii hapa. 205 00:09:28,066 --> 00:09:29,920 Mimi najua. 206 00:09:29,920 --> 00:09:33,340 >> Because-- na bila shaka, ilani kubuni ajabu uamuzi huu mwaka 1998 207 00:09:33,340 --> 00:09:33,850 au whatnot. 208 00:09:33,850 --> 00:09:36,475 Jambo la kwanza unataka watumiaji kufanya juu ya kutembelea tovuti yako 209 00:09:36,475 --> 00:09:39,860 ni kuwa na bonyeza kiungo mwingine tu kuingia tovuti yako hapa na mtawa 210 00:09:39,860 --> 00:09:43,940 nyuma ya pazia kama yamefunikwa ambapo inaonekana kampeni jukwaa yangu ilikuwa. 211 00:09:43,940 --> 00:09:46,330 Na hii yote ni utapata leo ni tu screenshot. 212 00:09:46,330 --> 00:09:49,500 Lakini mimi nilikuwa kusoma kwa njia ya, kama, kampeni yangu mabango jana usiku 213 00:09:49,500 --> 00:09:50,490 na jukwaa yangu. 214 00:09:50,490 --> 00:09:52,960 >> Na mimi alikuwa na hasira wakati huo. 215 00:09:52,960 --> 00:09:55,380 Jukwaa yangu was-- ilikuwa ya kuvutia. 216 00:09:55,380 --> 00:09:57,730 Hivyo nimekuwa calmed chini tangu wakati huo. 217 00:09:57,730 --> 00:10:03,550 Lakini siku moja, mimi kukimbia tena na hopefully bora mbali wakati huu. 218 00:10:03,550 --> 00:10:07,265 >> Hivyo HTML, kwamba lugha ambayo mimi alifanya kwamba in-- utasikia haraka kufanya more-- sana 219 00:10:07,265 --> 00:10:09,140 ni kitu tumekuwa kuzungumza juu ya marehemu 220 00:10:09,140 --> 00:10:12,460 na kwa kiasi kikubwa kuchukua kwa nafasi sasa kwamba tumekuwa wakiongozwa juu ya lugha nyingine. 221 00:10:12,460 --> 00:10:15,650 Lakini hebu pause kwa muda tu na kuweka baadhi ya mambo haya katika mazingira. 222 00:10:15,650 --> 00:10:18,040 Hivyo katika hukumu, ni nini HTML? 223 00:10:18,040 --> 00:10:19,370 >> Au, kile kutumika kwa ajili ya? 224 00:10:19,370 --> 00:10:20,208 Mtu yeyote? 225 00:10:20,208 --> 00:10:20,708 Ndiyo. 226 00:10:20,708 --> 00:10:22,002 >> Watazamaji: ghafi kwa ajili ya Nje. 227 00:10:22,002 --> 00:10:23,460 DAVID J. Malan: ghafi kwa ajili ya tovuti. 228 00:10:23,460 --> 00:10:27,100 Hivyo ni ghafi lugha kwamba inakuwezesha kuunda ukurasa wa mtandao. 229 00:10:27,100 --> 00:10:30,040 Header huenda juu hapa, cheo huenda hapa, huenda mwili hapa. 230 00:10:30,040 --> 00:10:33,280 Hii ni boldface, hii ni italics-- kwamba aina ya kina. 231 00:10:33,280 --> 00:10:33,830 >> OK, vizuri. 232 00:10:33,830 --> 00:10:37,620 Hivyo CSS lets you-- na mimi alichukua baadhi ya uhuru kuna 233 00:10:37,620 --> 00:10:40,990 na ujasiri-yanayowakabili na italics sababu hiyo ni bora kutekelezwa na hili. 234 00:10:40,990 --> 00:10:42,096 CSS is-- nini? 235 00:10:42,096 --> 00:10:42,845 Kusema katika hukumu. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Mtu yeyote wakati wote. 238 00:10:46,720 --> 00:10:46,870 Yeah. 239 00:10:46,870 --> 00:10:49,286 >> Watazamaji: embellishments na mambo, kama jinsi ya kubuni yake. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. Malan: Sawa, nzuri. 242 00:10:52,810 --> 00:10:55,420 Embellishments kwamba kuruhusu kubuni au stylize ni 243 00:10:55,420 --> 00:10:59,540 na mambo kama boldface na italics na rangi na pia ni zaidi faini 244 00:10:59,540 --> 00:11:01,330 grained nafasi ya vipengele. 245 00:11:01,330 --> 00:11:04,520 Ni aina ya inakuwezesha kuchukua mambo mwisho maili ili kwamba kama, kwa mfano, 246 00:11:04,520 --> 00:11:08,130 katika Pset7, unaweza kuwa niliona juu ya yako kwingineko ukurasa kama wewe ni katika hatua hii 247 00:11:08,130 --> 00:11:12,270 tayari kwamba meza default kwamba kufanya kuonyesha mtumiaji hisa Holdings 248 00:11:12,270 --> 00:11:15,740 na fedha taslimu pengine inaonekana pretty hideous by default na hakuna nafasi nyeupe. 249 00:11:15,740 --> 00:11:18,420 Aina ya kila kitu ya crammed pamoja katika safu na nguzo. 250 00:11:18,420 --> 00:11:20,662 >> Vizuri, na kidogo ya CSS, kama unaweza kutambua, 251 00:11:20,662 --> 00:11:23,870 unaweza kweli tweak kwamba na kufanya hivyo kitu zaidi ya ukoo na mengi 252 00:11:23,870 --> 00:11:24,870 prettier kuangalia. 253 00:11:24,870 --> 00:11:27,730 Hivyo CSS ni kuhusu stylization ya Nje. 254 00:11:27,730 --> 00:11:31,970 Lakini basi sisi ilianzisha bado mwingine lugha, PHP, ambayo lets sisi kufanya nini? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Hebu tu kufanya nini? 257 00:11:37,590 --> 00:11:38,177 Mtu yeyote. 258 00:11:38,177 --> 00:11:40,010 Got kujitosa zaidi kwanza safu ya wanandoa. 259 00:11:40,010 --> 00:11:40,260 Yeah. 260 00:11:40,260 --> 00:11:41,719 >> Watazamaji: Kutoa maudhui ya nguvu. 261 00:11:41,719 --> 00:11:42,718 DAVID J. Malan: Perfect. 262 00:11:42,718 --> 00:11:43,850 Kuzalisha maudhui ya nguvu. 263 00:11:43,850 --> 00:11:45,808 Na unaweza kufanya hivyo katika idadi yoyote ya lugha. 264 00:11:45,808 --> 00:11:50,120 Sisi kutokea kwa kutumia PHP kwa sababu ni katika sehemu hivyo sawa na C syntax. 265 00:11:50,120 --> 00:11:52,000 >> Lakini PHP gani hasa kwamba. 266 00:11:52,000 --> 00:11:54,620 Ni inakuwezesha dynamically kuzalisha pato. 267 00:11:54,620 --> 00:11:57,890 Na baadhi ya pato ambayo inaweza kuwa HTML, kama tumekuwa kawaida wamekuwa wakifanya. 268 00:11:57,890 --> 00:12:00,160 Na pia ni, kwa sababu ni lugha ya programu, ni 269 00:12:00,160 --> 00:12:03,240 utaratibu kupitia ambayo tunaweza kuongea na database. 270 00:12:03,240 --> 00:12:05,730 >> Na tunaweza kufanya maswali kwa nyingine servrar kama Yahoos 271 00:12:05,730 --> 00:12:08,660 na programmatically kufanya kitu chochote kweli kwamba wewe inavyopaswa 272 00:12:08,660 --> 00:12:10,400 wanataka kumlazimisha kompyuta kufanya. 273 00:12:10,400 --> 00:12:13,580 Hivyo PHP inatusaidia kuanza dynamically outputting maudhui. 274 00:12:13,580 --> 00:12:16,900 Hivyo kwa mantiki hii, sikuwa na Tovuti nguvu nyuma katika 1998. 275 00:12:16,900 --> 00:12:18,460 >> Ni mara tu tuli mtandao ukurasa. 276 00:12:18,460 --> 00:12:22,250 Maudhui yangu alikuwa na kubadilishwa na manually na gedit au baadhi sawa. 277 00:12:22,250 --> 00:12:25,290 Lakini PHP ni nini sisi kutumika au inaweza kutumika, badala yake, 278 00:12:25,290 --> 00:12:27,260 kwa kitu kama Frosh IMS tovuti, ambayo 279 00:12:27,260 --> 00:12:31,160 ilitakiwa kuchukua usajili na kusimamia orodha ya mambo users-- kwamba 280 00:12:31,160 --> 00:12:33,550 ni kweli kubadilisha juu ya muda, hata kama sisi kutokea 281 00:12:33,550 --> 00:12:35,990 kutumia Perl, tofauti Lugha kwa wakati. 282 00:12:35,990 --> 00:12:40,350 >> Na kisha mwisho, sisi ilianzisha SQL-- Strukturerad Query lugha. 283 00:12:40,350 --> 00:12:43,845 Hivyo bado lugha nyingine hiyo ni kutumika kwa ajili ya nini? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Kutumika kwa ajili ya nini? 286 00:12:47,639 --> 00:12:49,430 Tunaweza kujitosa slight-- OK, sisi siyo kwenda 287 00:12:49,430 --> 00:12:51,263 kupata mbali zaidi kuliko orchestra hapa. 288 00:12:51,263 --> 00:12:53,432 Watazamaji: Ni itifaki kutumika kwa kuzungumza na database. 289 00:12:53,432 --> 00:12:55,640 DAVID J. Malan: itifaki kutumika kwa kuzungumza na database. 290 00:12:55,640 --> 00:12:56,181 Napenda tweak. 291 00:12:56,181 --> 00:12:59,280 Ni lugha ya asili kutumika kuzungumza na kuchagua databases-- 292 00:12:59,280 --> 00:13:01,280 na kuwekeza na ufutaji na updates na kwa kweli 293 00:13:01,280 --> 00:13:03,840 hata makala zaidi kwamba sisi si hata dived 294 00:13:03,840 --> 00:13:07,920 ndani ya lakini unaweza kuwa na explore-- kuchunguza kwa, kusema, mradi wa mwisho. 295 00:13:07,920 --> 00:13:09,560 Hivyo kuna vipande hayo mbalimbali. 296 00:13:09,560 --> 00:13:13,100 >> Na hopefully Pset7, ingawa vipimo yake ni muda mrefu kabisa, 297 00:13:13,100 --> 00:13:15,990 ni kwa makusudi kwa muda mrefu kwa kutembea wewe kupitia jinsi mambo haya anaweza yote 298 00:13:15,990 --> 00:13:17,210 kuwa typed pamoja. 299 00:13:17,210 --> 00:13:20,300 Sasa, juu ya Jumatatu, sisi ilianzisha lugha yetu iliyopita 300 00:13:20,300 --> 00:13:23,430 kwamba tutaweza kuanzisha rasmi katika course-- yaani, JavaScript. 301 00:13:23,430 --> 00:13:25,720 Hii, kama PHP, ni tafsiri ya lugha. 302 00:13:25,720 --> 00:13:28,110 >> Lakini tofauti muhimu Mimi mapendekezo ya Jumatatu 303 00:13:28,110 --> 00:13:32,730 ni kwamba wakati ambapo PHP ni utekelezaji au Maana yake juu ya server, ambayo 304 00:13:32,730 --> 00:13:35,990 katika kesi hii ni CS50 appliance, au inaweza kuwa baadhi ya mtandao wa biashara 305 00:13:35,990 --> 00:13:39,370 server kwenye mtandao, JavaScript ujumla 306 00:13:39,370 --> 00:13:43,650 ni lugha ya kwamba anaendesha upande wa mteja si server side-- hivyo katika browser. 307 00:13:43,650 --> 00:13:46,970 Ambayo ni kusema, kama wakati mimi kufunguliwa up Facebook chanzo kanuni na kupatikana yote 308 00:13:46,970 --> 00:13:51,510 ya wale files .js, maana alikuwa kwamba wakati wa ziara Facebook au zaidi 309 00:13:51,510 --> 00:13:54,810 Nje siku hizi, unaweza kupata si tu HTML, si tu CSS, 310 00:13:54,810 --> 00:13:59,370 lakini rundo zima la JavaScript kificho mara nyingi katika fomu ya .js files. 311 00:13:59,370 --> 00:14:03,970 Na basi ni browser-- yako mwenyewe Mac au PC-- kwamba executes kwamba kanuni. 312 00:14:03,970 --> 00:14:05,990 >> Lakini browser yako executes yake. 313 00:14:05,990 --> 00:14:08,070 Unaweza kufikiri katika aina ya sandbox. 314 00:14:08,070 --> 00:14:12,420 Ili JavaScript kificho haipaswi uwezo wa kufuta kwenye kompyuta yako. 315 00:14:12,420 --> 00:14:14,730 Ni lazima kuwa na uwezo wa kutuma barua pepe kwa niaba yako. 316 00:14:14,730 --> 00:14:17,760 Browser yako aina ya inapinga nini unaweza kufanya hivyo. 317 00:14:17,760 --> 00:14:20,630 >> Hivyo kwa maana kwamba, ni kidogo chini ya nguvu, pengine, kuliko C. 318 00:14:20,630 --> 00:14:24,030 Lakini JavaScript unaweza, kama kando, kutumika kwenye server, 319 00:14:24,030 --> 00:14:27,740 ingawa tutaweza huwa si kuzungumza kuhusu hilo katika mazingira. 320 00:14:27,740 --> 00:14:29,740 Hivyo sasa hebu kufunga hizi pamoja. 321 00:14:29,740 --> 00:14:34,000 wiki iliyopita pamoja, sisi aliwasilisha baadhi HTML juu ya left-- super boring mtandao ukurasa. 322 00:14:34,000 --> 00:14:35,000 >> Tu anasema hujambo dunia. 323 00:14:35,000 --> 00:14:38,110 Na kisha mimi mapendekezo juu ya haki tunaweza aina ya kuiba mawazo 324 00:14:38,110 --> 00:14:41,470 kutoka mjadala wetu wa miundo data katika C 325 00:14:41,470 --> 00:14:45,270 na kufikiri kuhusu jinsi kihierarkia hii ghafi lugha upande wa kushoto 326 00:14:45,270 --> 00:14:49,720 inaweza kuwa inayotolewa au kutekelezwa katika kumbukumbu kama mti halisi ya muundo na michoro 327 00:14:49,720 --> 00:14:51,400 na kuyatumia na aina wale wa maelezo. 328 00:14:51,400 --> 00:14:53,820 Juu ya haki, sisi kuwaita kwamba Document DOM-- 329 00:14:53,820 --> 00:14:56,800 Kitu Model-- ambayo ni tu njia dhana ya kusema mti. 330 00:14:56,800 --> 00:14:59,520 >> Sasa, kwa nini ni hii muhimu kwa kufikiria ni kwa njia hii? 331 00:14:59,520 --> 00:15:01,680 Kwa sababu sasa na JavaScript, kwa sababu tuna 332 00:15:01,680 --> 00:15:05,810 kificho kwamba anapata kucheza katika hii mazingira, HTML halisi kwamba 333 00:15:05,810 --> 00:15:08,360 wametumwa browser tayari na tayari 334 00:15:08,360 --> 00:15:12,690 wamekuwa kubeba katika kumbukumbu na browser katika mti katika kompyuta yako 335 00:15:12,690 --> 00:15:18,270 RAM kama hii, tunaweza kutumia JavaScript kwa kweli traverse au kutembea au tafuta 336 00:15:18,270 --> 00:15:21,800 au kubadilisha kwamba DOM mti hata hivyo tunataka. 337 00:15:21,800 --> 00:15:24,040 Hivyo kwa kweli, kama unadhani kuhusu facebook.com, 338 00:15:24,040 --> 00:15:27,660 kama wewe kutumia mazungumzo kipengele, kama wewe matumizi ya Gmail na Gchat kipengele, 339 00:15:27,660 --> 00:15:30,540 chochote ambapo una ujumbe kuja tena na tena 340 00:15:30,540 --> 00:15:35,880 na tena, wale ujumbe pengine, kama, LI tag, Orodha Item vitambulisho, labda. 341 00:15:35,880 --> 00:15:37,940 >> Au labda wao ni tu divs kwamba kushika kuonekana 342 00:15:37,940 --> 00:15:39,770 kila wakati wewe kupata ujumbe papo. 343 00:15:39,770 --> 00:15:42,960 Na hivyo kuwa tu nini maana ya Facebook au Google ni kufanya 344 00:15:42,960 --> 00:15:45,200 ni wakati wowote kupata ujumbe kutoka server, 345 00:15:45,200 --> 00:15:48,740 pengine wao ni kutumia JavaScript kwa kuongeza tu nodi mwingine 346 00:15:48,740 --> 00:15:52,700 hii tree-- nodi mwingine hii mti kisha kuibua inaonekana tu 347 00:15:52,700 --> 00:15:54,570 kama mstari wa mwezi wa maandishi kwenye screen yako. 348 00:15:54,570 --> 00:15:57,100 Lakini wao ni kuingiza ndani ya muundo huu data. 349 00:15:57,100 --> 00:15:59,742 >> Hivyo katika madarasa kama CS124 na wengine, utasikia 350 00:15:59,742 --> 00:16:02,200 kweli kuandika kificho zaidi dhidi ya miundo data kama hii. 351 00:16:02,200 --> 00:16:04,310 Lakini kwa sasa katika JavaScript, tutaweza tu kudhani 352 00:16:04,310 --> 00:16:07,920 sisi kupata yote ya utendaji hii kwa ajili ya bure kutoka lugha yenyewe. 353 00:16:07,920 --> 00:16:09,210 Basi hebu tuangalie mfano. 354 00:16:09,210 --> 00:16:13,120 >> Napenda kufungua faili inayoitwa form.html. 355 00:16:13,120 --> 00:16:14,601 Ni super rahisi. 356 00:16:14,601 --> 00:16:15,600 Ni tu inaonekana kama hii. 357 00:16:15,600 --> 00:16:17,860 >> Hakuna CSS, hakuna mawazo kwa aesthetics. 358 00:16:17,860 --> 00:16:19,810 Ni rena kazi na inaonekana mimi nina 359 00:16:19,810 --> 00:16:24,000 kuuliza kwa barua pepe, password, password tena, na kisha kuangalia 360 00:16:24,000 --> 00:16:26,150 kukubali baadhi ya sheria na masharti. 361 00:16:26,150 --> 00:16:28,740 Nini chanzo kanuni kwa ajili ya hii Inaonekana kama pengine ni kitu 362 00:16:28,740 --> 00:16:31,030 unaweza nadhani kwa kidogo ya fikra sasa. 363 00:16:31,030 --> 00:16:32,840 Mimi nimepata tag fomu hapa. 364 00:16:32,840 --> 00:16:36,190 >> hatua inaonekana kwenda kwenda faili inayoitwa register.php. 365 00:16:36,190 --> 00:16:37,870 Njia mimi nina kwenda kutumia ni kupata. 366 00:16:37,870 --> 00:16:40,880 Na kisha mimi nimepata maandishi uwanja ambaye jina lake ni email. 367 00:16:40,880 --> 00:16:43,340 >> Mimi nimepata uwanja password ambaye jina lake ni password. 368 00:16:43,340 --> 00:16:45,420 Mimi nimepata mwingine uwanja password jina lake 369 00:16:45,420 --> 00:16:47,342 ni uthibitisho fulani kiholela. 370 00:16:47,342 --> 00:16:49,690 Ni mwingine tu parameter HTTP. 371 00:16:49,690 --> 00:16:54,430 >> Na kisha sisi tumekuwa si kutumika hivi ila tangu IMS Frosh demo katika class-- 372 00:16:54,430 --> 00:16:56,692 hundi sanduku ambayo ni sawa aina tu kuangalia. 373 00:16:56,692 --> 00:16:57,900 Na mimi itabidi kuwaita makubaliano hayo. 374 00:16:57,900 --> 00:17:00,700 Hivyo nimekuwa aina ya kiholela lakini conveniently aitwaye mashamba hayo. 375 00:17:00,700 --> 00:17:03,450 Hivyo kwamba sasa wakati fomu hii anapata kuwasilishwa, hebu angalia nini kinatokea. 376 00:17:03,450 --> 00:17:07,290 Kama mimi kufanya malan@harvard.edu, Mimi itabidi kufanya password ya bendera. 377 00:17:07,290 --> 00:17:09,530 Mimi itabidi kufanya password ya kitu chochote. 378 00:17:09,530 --> 00:17:10,910 Hebu kushirikiana. 379 00:17:10,910 --> 00:17:12,280 >> Na mimi si kuangalia sanduku. 380 00:17:12,280 --> 00:17:13,940 Napenda bonyeza Daftari. 381 00:17:13,940 --> 00:17:15,420 Na inasema, hm, wewe ni kusajiliwa. 382 00:17:15,420 --> 00:17:16,069 Si kweli. 383 00:17:16,069 --> 00:17:17,450 >> Lakini URL iliyopita. 384 00:17:17,450 --> 00:17:22,280 Hivyo aina hii ilikuwa wazi kuruhusiwa kuwasilisha kwa register.php. 385 00:17:22,280 --> 00:17:25,160 Lakini labda, mimi lazima kuambukizwa baadhi ya makosa hayo. 386 00:17:25,160 --> 00:17:27,569 Sasa, katika Pset7 na baadhi ya hotuba ya mifano yetu, 387 00:17:27,569 --> 00:17:30,130 tunataka magazeti nje kwa ujumla kubwa nyekundu kosa ujumbe hapa 388 00:17:30,130 --> 00:17:33,760 akisema, kukosa jina, au kukosa password. 389 00:17:33,760 --> 00:17:37,680 Tumefanya kwamba kabla na tumekuwa done upande server kosa kugundua. 390 00:17:37,680 --> 00:17:41,580 >> Lakini wengi tovuti siku hizi kufanya hitilafu ya mteja upande kutambua 391 00:17:41,580 --> 00:17:42,810 ambapo URL haina mabadiliko. 392 00:17:42,810 --> 00:17:44,101 ukurasa nzima haina mahitaji. 393 00:17:44,101 --> 00:17:46,940 Kupata maoni ya papo kutoka browser. 394 00:17:46,940 --> 00:17:48,070 Labda kitu huenda nyekundu. 395 00:17:48,070 --> 00:17:49,190 >> Labda wewe kupata pop up. 396 00:17:49,190 --> 00:17:53,240 Lakini huna kupoteza muda kutuma kwa server data hiyo ni pungufu. 397 00:17:53,240 --> 00:17:56,050 Basi hebu angalia jinsi sisi anaweza kufikia kipengele kwamba pia. 398 00:17:56,050 --> 00:17:59,660 >> Napenda kwenda form1.html, ambayo inaonekana sawa. 399 00:17:59,660 --> 00:18:03,530 Lakini kama wakati huu mimi kufanya malan@harvard.edu na mimi aina bendera 400 00:18:03,530 --> 00:18:07,350 na mimi si kushirikiana zaidi lakini bonyeza Daftari, taarifa sasa. 401 00:18:07,350 --> 00:18:08,940 Siyo sexiest ufumbuzi. 402 00:18:08,940 --> 00:18:10,900 Nimekuwa angalau hawakupata kosa hili. 403 00:18:10,900 --> 00:18:12,900 Na nimekuwa kutumika tahadhari kazi katika JavaScript-- 404 00:18:12,900 --> 00:18:14,090 ambayo sisi ni kutumia tu darasani. 405 00:18:14,090 --> 00:18:16,430 Kwa ujumla, unapaswa kutumia hii sababu inaweza haraka sana kupata nje 406 00:18:16,430 --> 00:18:17,160 ya kudhibiti. 407 00:18:17,160 --> 00:18:19,180 Lakini nywila si mechi ni kosa. 408 00:18:19,180 --> 00:18:21,120 >> Basi mimi kwenda mbele na bonyeza OK. 409 00:18:21,120 --> 00:18:25,040 Lakini nini takeaway muhimu hapa ni kwamba URL hakuna mabadiliko. 410 00:18:25,040 --> 00:18:27,960 Hivyo nimekuwa si bothered kupoteza seva wakati kuuliza yake 411 00:18:27,960 --> 00:18:30,750 swali kwamba mimi naweza kuwa figured jibu mimi mwenyewe. 412 00:18:30,750 --> 00:18:33,210 >> Na user, ingawa wamekuwa wakizungumza kuhusu hili 413 00:18:33,210 --> 00:18:35,264 tena kuliko mtumiaji kwenda kufikiri juu ya hili, 414 00:18:35,264 --> 00:18:36,680 ni kwenda na maoni papo. 415 00:18:36,680 --> 00:18:39,044 Hakuna latency na kuunganishwa mtandao. 416 00:18:39,044 --> 00:18:40,460 Hivyo hebu tuangalie kanuni hii chanzo. 417 00:18:40,460 --> 00:18:45,600 >> Inaonekana Form1.html kimuundo sawa hapa. 418 00:18:45,600 --> 00:18:46,810 aina ni ukweli huo. 419 00:18:46,810 --> 00:18:48,330 Lakini hebu angalia nini mimi hapa chini. 420 00:18:48,330 --> 00:18:49,913 Na kuna njia tofauti za kufanya hivyo. 421 00:18:49,913 --> 00:18:53,690 Na mimi tumefanya sawa zaidi wafuasi lakini si njia ya kifahari zaidi bado. 422 00:18:53,690 --> 00:18:54,869 Nina tag script. 423 00:18:54,869 --> 00:18:57,035 Mimi kisha kuwaita document.getElementByID ('usajili'). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 Na mimi kuhifadhi thamani kwamba katika fomu, kutofautiana. 426 00:19:04,420 --> 00:19:05,520 >> Hivyo kile nimefanya? 427 00:19:05,520 --> 00:19:08,960 Unaweza kufikiria document.getElementByID kama kuwa 428 00:19:08,960 --> 00:19:11,200 kazi maalum kwamba JavaScript inakupa 429 00:19:11,200 --> 00:19:14,400 kwamba literally mikono yenu pointer moja ya nodes 430 00:19:14,400 --> 00:19:16,520 au mistatili katika mti huu. 431 00:19:16,520 --> 00:19:21,470 Hivyo sasa kwamba ni nini fomu yetu kutofautiana katika JavaScript ni kweli akizungumzia katika. 432 00:19:21,470 --> 00:19:25,120 >> Hivyo sasa syntax ni tofauti na C. Lakini sisi ni kufanya mambo machache hapa. 433 00:19:25,120 --> 00:19:30,360 Moja, hii ni moja ya ajabu kidogo kuangalia, hakika dhidi ya C. 434 00:19:30,360 --> 00:19:32,180 Lakini kuangalia line 35. 435 00:19:32,180 --> 00:19:35,130 Kadhalika form.onsubmit kushoto. 436 00:19:35,130 --> 00:19:38,060 Kumbuka kwamba onsubmit ni kama uwanja katika struct. 437 00:19:38,060 --> 00:19:41,480 Kama unafikiri ya aina ya kutofautiana ni kuwa tu C struct, 438 00:19:41,480 --> 00:19:42,600 inaweza kuwa baadhi ya mashamba. 439 00:19:42,600 --> 00:19:46,410 >> Nyuma katika siku, tulikuwa na wanafunzi majina, Vitambulisho, nyumba, wale aina ya mashamba. 440 00:19:46,410 --> 00:19:48,520 Hebu fikiria onsubmit kama uwanja mwingine. 441 00:19:48,520 --> 00:19:53,380 Lakini ni uwanja maalum kwa sababu browser ni preprogrammed kutarajia 442 00:19:53,380 --> 00:19:57,530 .onsubmit kwa kuwa thamani kama idadi au kamba, 443 00:19:57,530 --> 00:20:01,180 lakini kwa kweli kuwa kazi au anwani ya kazi 444 00:20:01,180 --> 00:20:02,570 katika kumbukumbu ya kompyuta. 445 00:20:02,570 --> 00:20:04,740 >> Na kwa kweli, kwamba ni nini Keyword hii hapa gani. 446 00:20:04,740 --> 00:20:06,710 Hii inasema, nipe kazi mpya. 447 00:20:06,710 --> 00:20:09,390 Lakini jina lake ni nini kwenda kuwa, inaonekana? 448 00:20:09,390 --> 00:20:10,800 >> Kufikiri nyuma ya Jumatatu. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Jina ya hii ni nini kazi kulingana na syntax hii? 451 00:20:17,170 --> 00:20:19,784 Hakuna, I mean, kuna wazi hakuna jina associated-- hakika 452 00:20:19,784 --> 00:20:21,200 si katika kile nimepata yalionyesha hapa. 453 00:20:21,200 --> 00:20:22,560 >> Lakini hiyo ni kweli sawa. 454 00:20:22,560 --> 00:20:25,840 Hii ni kazi bila majina, au lambda kazi kama baadhi wanaweza kuiita. 455 00:20:25,840 --> 00:20:27,589 Na kwamba tu maana bado ni kazi. 456 00:20:27,589 --> 00:20:29,400 Ni tu, huwezi kumwita kwa jina. 457 00:20:29,400 --> 00:20:30,057 Lakini hiyo ni sawa. 458 00:20:30,057 --> 00:20:33,140 Kwa sababu tena, browser imekuwa preprogrammed na makampuni kama Google 459 00:20:33,140 --> 00:20:38,540 au Microsoft au Mozilla au wengine tu kujua kwamba kama uwanja .onsubmit 460 00:20:38,540 --> 00:20:43,400 ndani ya fomu kipengele ina thamani, kutibu kama function-- 461 00:20:43,400 --> 00:20:44,750 kazi pointer, kama wewe. 462 00:20:44,750 --> 00:20:46,910 Na kuiita wakati fomu ni kuwasilishwa. 463 00:20:46,910 --> 00:20:50,350 >> Hivyo kile kificho wanyongwe wakati fomu ni kuwasilishwa? 464 00:20:50,350 --> 00:20:52,526 Inavyoonekana, kila kitu ndani ya brace curly. 465 00:20:52,526 --> 00:20:53,650 Na hii ni Stylistic. 466 00:20:53,650 --> 00:20:55,626 >> Unaweza kufanya hivyo kama sisi huwa na kufanya katika CS50. 467 00:20:55,626 --> 00:20:58,250 Lakini katika JavaScript, watu wengi huwa na kuweka juu ya mstari huo 468 00:20:58,250 --> 00:21:01,960 tu kwa sababu ni wazi zaidi ni kuhusishwa na kwamba keyword kazi. 469 00:21:01,960 --> 00:21:03,240 Hivyo sasa nini mimi kufanya? 470 00:21:03,240 --> 00:21:08,616 >> Kama form.email.value sawa sawa kamba tupu au chochote, hapa 471 00:21:08,616 --> 00:21:11,490 tahadhari ambapo mimi nina kwenda kusema, lazima kutoa anwani yako ya barua pepe, 472 00:21:11,490 --> 00:21:12,690 na kisha kurudi uongo. 473 00:21:12,690 --> 00:21:15,720 Na ni kwamba kurudi uongo kwamba kuzuia aina kutoka kuwa kuwasilishwa. 474 00:21:15,720 --> 00:21:19,480 Wakati huo huo, kama thamani password ni tupu, mimi nina kwenda yell saa user 475 00:21:19,480 --> 00:21:21,150 na kusema, lazima kutoa password. 476 00:21:21,150 --> 00:21:23,700 >> Wakati huo huo mambo ni kupata kidogo fancier hapa. 477 00:21:23,700 --> 00:21:29,160 Kama form.password.value haina form.confirmation.value sawa, 478 00:21:29,160 --> 00:21:31,680 uwanja mwingine, yell saa user kwamba nywila 479 00:21:31,680 --> 00:21:33,860 si mechi kama wao hawakuwa wakati iliyopita. 480 00:21:33,860 --> 00:21:35,780 Na kisha hii moja ni sexier kidogo kwa sababu mimi 481 00:21:35,780 --> 00:21:40,470 kujua nilijua conceptually kwamba checked ni jina hundi sanduku ya. 482 00:21:40,470 --> 00:21:45,680 >> Hivyo siwezi tu kutumia Moderators uhakika na kusema kama hundi ni si 483 00:21:45,680 --> 00:21:48,040 checked-- ni Boolean thamani, kweli au false-- 484 00:21:48,040 --> 00:21:49,700 Mimi itabidi yell saa user kwa sababu hiyo. 485 00:21:49,700 --> 00:21:52,300 Vinginevyo, kama sisi kupata njia yote ya masharti haya, 486 00:21:52,300 --> 00:21:53,270 hebu tu kurudi kweli. 487 00:21:53,270 --> 00:21:54,700 Hebu fomu kuwasilishwa. 488 00:21:54,700 --> 00:21:56,560 Na hii itakuwa basi kutokea. 489 00:21:56,560 --> 00:21:57,740 >> Hebu aina katika bendera. 490 00:21:57,740 --> 00:22:00,230 Hebu angalia sanduku, click Daftari. 491 00:22:00,230 --> 00:22:01,979 Na sasa mimi kwenda kwa njia ya marudio. 492 00:22:01,979 --> 00:22:03,270 Sasa, hakuna database huko. 493 00:22:03,270 --> 00:22:05,370 Kuna kitu ya kuvutia katika register.php. 494 00:22:05,370 --> 00:22:07,980 Mimi tu zinahitajika kitu kwa kweli kuzungumza. 495 00:22:07,980 --> 00:22:09,140 Hivyo basi mimi pause, hapa. 496 00:22:09,140 --> 00:22:16,270 Maswali yoyote juu ya nini tumefanya tu au kile baadhi ya syntax hii mpya ni? 497 00:22:16,270 --> 00:22:17,640 OK, yeah? 498 00:22:17,640 --> 00:22:20,025 >> Watazamaji: Hivyo checkbox yoyote ni moja kwa moja Boolean. 499 00:22:20,025 --> 00:22:21,650 Huna kutangaza ni kama hiyo. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. Malan: Sawa. 501 00:22:22,649 --> 00:22:29,340 Checkbox yoyote kwamba alimtuma kwenu kutoka HTML fomu kwa JavaScript kificho yako 502 00:22:29,340 --> 00:22:31,760 Itakuwa kutibiwa, ndiyo, kama Boolean value-- kweli au uongo. 503 00:22:31,760 --> 00:22:32,635 Ni swali nzuri. 504 00:22:32,635 --> 00:22:36,080 Wakati maadili mengine, ya Bila shaka, wamekuwa maandishi, AKA masharti. 505 00:22:36,080 --> 00:22:38,500 >> Haki wote, hivyo basi mimi rewind kidogo zaidi. 506 00:22:38,500 --> 00:22:39,900 Nini hatua nzima ya hii ilikuwa? 507 00:22:39,900 --> 00:22:41,400 Tu kuwa wazi. 508 00:22:41,400 --> 00:22:44,940 Kama, sisi tayari kujua, hata kutoka Pset7 na hata kutoka hotuba wiki iliyopita 509 00:22:44,940 --> 00:22:51,120 mifano, kwamba tunaweza wazi kuangalia $ _GET $ _POST Kuona kama user kutupatia 510 00:22:51,120 --> 00:22:52,200 thamani tupu. 511 00:22:52,200 --> 00:22:54,400 Kumbuka kazi tupu katika PHP. 512 00:22:54,400 --> 00:22:58,040 >> Hivyo tu kuwa wazi, nini sababu moja tupate pia 513 00:22:58,040 --> 00:23:00,535 wanataka kufanya hii kuangalia makosa ndani ya browser? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Nini motisha hapa? 516 00:23:06,080 --> 00:23:06,580 Yeah. 517 00:23:06,580 --> 00:23:09,735 >> Watazamaji: Kasi, na huna kutuma data hakufai server. 518 00:23:09,735 --> 00:23:10,610 DAVID J. Malan: Good. 519 00:23:10,610 --> 00:23:11,170 Ni kwa kasi zaidi. 520 00:23:11,170 --> 00:23:12,920 Huna kutuma bure data kwa seva. 521 00:23:12,920 --> 00:23:14,670 >> Hivyo kupata nyuma zaidi jibu la haraka. 522 00:23:14,670 --> 00:23:16,560 Na kwa ujumla, user uzoefu ni bora. 523 00:23:16,560 --> 00:23:17,900 Fikiria juu ya njia mbadala. 524 00:23:17,900 --> 00:23:21,160 >> Kama kwa Gmail-- na alikuwa kesi miaka mingi iliyopita. 525 00:23:21,160 --> 00:23:24,160 Tuseme wewe got email mpya Gmail yako akaunti, lakini njia pekee kupitia 526 00:23:24,160 --> 00:23:26,510 kuona kwamba ni, kama, upya ukurasa nzima. 527 00:23:26,510 --> 00:23:29,030 Au tuseme click kwenye kiungo kusoma email. 528 00:23:29,030 --> 00:23:31,600 >> Kila kitu ina Reload hivyo kwamba unaweza kuona email. 529 00:23:31,600 --> 00:23:33,380 Au Facebook-- kupata ujumbe mazungumzo. 530 00:23:33,380 --> 00:23:36,000 Huna kuona mpaka upya ukurasa au click baadhi ya kiungo. 531 00:23:36,000 --> 00:23:38,380 >> Kama, hii itakuwa awfully annoying user uzoefu. 532 00:23:38,380 --> 00:23:41,300 Na hii ni nini ilikuwa kama, wazi, nyuma wakati mimi mbio kwa UC 533 00:23:41,300 --> 00:23:44,760 na mtandao chini mno nguvu na JavaScript si kama umaarufu 534 00:23:44,760 --> 00:23:45,601 kama ilivyo sasa. 535 00:23:45,601 --> 00:23:47,850 Na mambo ni kupata kiasi nguvu zaidi na mengi zaidi 536 00:23:47,850 --> 00:23:49,900 mteja upande kwa maana kwamba. 537 00:23:49,900 --> 00:23:54,370 >> Lakini kuna samaki hapa, na hii ni aina ya gotcha annoying. 538 00:23:54,370 --> 00:23:58,720 Tu kwa sababu wewe kuongeza upande wa mteja kutambua kama hii haina maana 539 00:23:58,720 --> 00:24:01,430 unaweza au wanapaswa kuachana upande kutambua server. 540 00:24:01,430 --> 00:24:04,080 Wewe kimsingi wanataka kuweka yako makosa ya kuangalia katika maeneo yote mawili. 541 00:24:04,080 --> 00:24:05,830 Kwa sababu gani alikuwa mmoja somo kujifunza 542 00:24:05,830 --> 00:24:10,270 kutoka makala mimi kusoma baadhi ya sehemu kutoka kwa hii kijinga CMS system-- 543 00:24:10,270 --> 00:24:14,410 Maudhui ya Usimamizi System-- kwamba alikuwa kutekeleza mfumo wake wa uthibitishaji, 544 00:24:14,410 --> 00:24:16,790 kuingia wake kupitia kile utaratibu? 545 00:24:16,790 --> 00:24:19,515 546 00:24:19,515 --> 00:24:20,469 JavaScript. 547 00:24:20,469 --> 00:24:21,499 >> Watazamaji: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. Malan: JavaScript, hasa, haki? 549 00:24:23,290 --> 00:24:24,610 Ilikuwa kutumia JavaScript. 550 00:24:24,610 --> 00:24:27,120 Na halisi, wewe guys kuwa alicheza kidogo pengine 551 00:24:27,120 --> 00:24:28,700 na Chrome Inspekta. 552 00:24:28,700 --> 00:24:30,890 Na kama naweza kupata hiyo, kukagua kipengele. 553 00:24:30,890 --> 00:24:33,670 >> Nivuke kufanya yote ya chaguzi Chrome. 554 00:24:33,670 --> 00:24:37,080 Na hii ni jinsi gani ni rahisi kwa afya JavaScript katika browser. 555 00:24:37,080 --> 00:24:38,950 Angalia, hakuna zaidi JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Hivyo katika haki, mengi ya mtandao siku hizi 557 00:24:41,070 --> 00:24:43,430 ni kwenda tu kuvunja kwa sababu Gmail na sites-- nyingine 558 00:24:43,430 --> 00:24:46,140 Facebook-- kudhani kwamba JavaScript ni kuwezeshwa. 559 00:24:46,140 --> 00:24:50,180 Lakini kama wewe ni kufanya kitu kijinga kama tu kuhalalisha watumiaji pembejeo 560 00:24:50,180 --> 00:24:52,520 na kuangalia ni kwa ajili ya makosa kwa upande wa mteja, 561 00:24:52,520 --> 00:24:54,940 adui wangeweza kufanya hivyo. 562 00:24:54,940 --> 00:24:57,180 Na kisha hata nadhifu adui kama wewe guys 563 00:24:57,180 --> 00:25:01,120 sasa inaweza kutumia Telnet au Curl au amri tu line amri 564 00:25:01,120 --> 00:25:05,300 na kwa kweli kutuma ujumbe kwa server kwamba vile vile si kosa checked. 565 00:25:05,300 --> 00:25:08,380 >> Hivyo hii ni zaidi ya user interface uamuzi 566 00:25:08,380 --> 00:25:13,060 kuliko ilivyo halisi kiufundi improvement-- kutekeleza 567 00:25:13,060 --> 00:25:14,410 kitu mteja upande kama hii. 568 00:25:14,410 --> 00:25:16,800 Hivyo sasa mtazamo wa haraka, lakini basi Mimi itabidi kuahirisha kwa kutembea online 569 00:25:16,800 --> 00:25:17,674 kupitia kwa hii moja. 570 00:25:17,674 --> 00:25:21,480 Katika fomu mbili, sisi kweli alikwenda kupitia na kusafishwa up kificho kidogo. 571 00:25:21,480 --> 00:25:23,650 Lakini ngoja kuahirisha kwa moja ya video tutaweza uwezekano 572 00:25:23,650 --> 00:25:27,970 kupachika katika Pset8 kwamba inaonyesha wewe tu syntax sawa kutumia maktaba inayoitwa 573 00:25:27,970 --> 00:25:32,320 jQuery, ambayo ni super, super maktaba maarufu katika JavaScript 574 00:25:32,320 --> 00:25:34,510 kwamba watu kusema ukweli zaidi tu kutumia siku hizi 575 00:25:34,510 --> 00:25:37,070 na hata kuwachanganya kama kiumbe JavaScript yenyewe. 576 00:25:37,070 --> 00:25:38,950 >> Na inaelekea kuhusisha baadhi ya ishara ya dola 577 00:25:38,950 --> 00:25:41,350 na maneno kama hati katika mabano hapa. 578 00:25:41,350 --> 00:25:44,480 Lakini tena, napenda kuahirisha kwa tutorials baadhi polepole online 579 00:25:44,480 --> 00:25:46,750 badala ya kupata fumba katika tu syntax. 580 00:25:46,750 --> 00:25:48,630 Hebu kuendelea na kitu baridi kidogo 581 00:25:48,630 --> 00:25:50,520 katika suala la maombi ya hii. 582 00:25:50,520 --> 00:25:57,730 >> Hivyo hasa, napenda kwenda mbele na kufungua hii hapa. 583 00:25:57,730 --> 00:25:58,340 Kuja juu. 584 00:25:58,340 --> 00:25:59,380 Kuna sisi kwenda. 585 00:25:59,380 --> 00:26:01,500 >> Napenda kufungua picha hii hapa. 586 00:26:01,500 --> 00:26:03,450 Usiokuwa ngumu kuangalia, lakini 587 00:26:03,450 --> 00:26:07,880 inaeleza mbinu aitwaye AJAX-- Asynchronous JavaScript na XML, ambapo 588 00:26:07,880 --> 00:26:10,530 X kwa XML ni kweli tena kweli kutumika. 589 00:26:10,530 --> 00:26:13,430 Inaelekea kutumia kitu mwingine aitwaye JSON. 590 00:26:13,430 --> 00:26:16,560 >> Lakini hapa ni jinsi kitu kama Google Maps au Google Earth kazi. 591 00:26:16,560 --> 00:26:18,060 Hebu jaribu hii juu ya kuruka, kwa kweli. 592 00:26:18,060 --> 00:26:21,590 Basi mimi kwenda mbele na kufungua up Chrome juu ya browser yangu. 593 00:26:21,590 --> 00:26:26,236 >> Na napenda kwenda katika, kusema, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 Na kwa kweli, kama wewe ni umri kutosha kukumbuka nini, 596 00:26:31,930 --> 00:26:35,600 kama, MapQuest ilikuwa kama nyuma katika siku, na labda bado kazi kama hii. 597 00:26:35,600 --> 00:26:38,870 Wakati kutumika kutafuta something-- 33 Oxford Street, Cambridge, Misa, 598 00:26:38,870 --> 00:26:40,650 hebu kufanya this-- unaweza ingekuwa kweli, kama wewe 599 00:26:40,650 --> 00:26:43,000 alitaka sufuria juu na chini, kushoto na kulia, 600 00:26:43,000 --> 00:26:44,920 ungependa kuangalia kama mshale kubwa juu, na 601 00:26:44,920 --> 00:26:46,921 wataonyesha mwingine sura ya ramani hapa. 602 00:26:46,921 --> 00:26:49,753 Au ungependa click kushoto na wewe aliamua kwenda zaidi ya hapa, au click mwingine 603 00:26:49,753 --> 00:26:51,000 na ungependa kwenda zaidi ya hapa. 604 00:26:51,000 --> 00:26:53,000 Lakini badala yake hizi siku, sisi bila shaka tu 605 00:26:53,000 --> 00:26:55,970 kuchukua nafasi ya kwamba tunaweza kwenda karibu Cambridge pretty haraka 606 00:26:55,970 --> 00:26:57,550 tu kwa kubonyeza na dragging. 607 00:26:57,550 --> 00:26:59,130 Lakini taarifa kuna baadhi ya glitches. 608 00:26:59,130 --> 00:27:02,160 >> Kama mimi kufanya hili kwa kasi ya kutosha, nini inaonekana kuwa kinachotokea 609 00:27:02,160 --> 00:27:05,960 kama mimi Drag kidogo pia kufunga kwa ajili ya kompyuta na kuweka juu? 610 00:27:05,960 --> 00:27:07,160 Unaona nini? 611 00:27:07,160 --> 00:27:07,660 Yeah. 612 00:27:07,660 --> 00:27:09,232 >> Watazamaji: saizi hawana mahitaji. 613 00:27:09,232 --> 00:27:10,940 DAVID J. Malan: saizi hawana mahitaji. 614 00:27:10,940 --> 00:27:12,870 Kuna actually-- na wewe kuona hii, kwa kweli, 615 00:27:12,870 --> 00:27:15,360 kama wewe ni kuangalia online na pause hii au kweli kupungua mambo chini 616 00:27:15,360 --> 00:27:18,600 kwa once-- utaona kwamba kuna matofali, mraba, au mistatili kwamba 617 00:27:18,600 --> 00:27:22,040 ni kukosa kutoka ramani mpaka kupasuliwa pili baadaye, data zaidi, 618 00:27:22,040 --> 00:27:24,390 picha zaidi kweli kuonekana kwenye screen. 619 00:27:24,390 --> 00:27:29,810 Na kwa kweli, kama sisi kufanya hivyo kwa kuangalia up Chrome's-- hebu sema, Chrome-- 620 00:27:29,810 --> 00:27:30,310 hebu angalia. 621 00:27:30,310 --> 00:27:31,090 Hatuwezi kufanya hivyo. 622 00:27:31,090 --> 00:27:31,860 >> Oh, whoops. 623 00:27:31,860 --> 00:27:34,761 Hebu kufungua maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Napenda kufanya dirisha kubwa tena. 625 00:27:36,660 --> 00:27:38,836 >> Kwenda nyuma 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Ilikuwa tovuti nilikuwa kwenye karibuni nini? 628 00:27:43,760 --> 00:27:46,440 Mimi nilikuwa hii, kama, binafsi rant kwa kwamba mimi mwenyewe d ujumbe basi papo 629 00:27:46,440 --> 00:27:48,470 rafiki yeyote ambaye alikuwa online ambaye alitaka kusikia. 630 00:27:48,470 --> 00:27:49,345 Kuna baadhi ya tovuti. 631 00:27:49,345 --> 00:27:52,680 Nadhani ni Comcast-- hivyo kubwa sana ya Kaskazini ISP. 632 00:27:52,680 --> 00:27:56,355 Unaweza, wakati kusainiwa kwa ajili ya cable mpya Modem huduma au cable TV huduma, 633 00:27:56,355 --> 00:27:59,230 wana aina ya sababu sana ambapo wao kuuliza wewe kwa anwani yako. 634 00:27:59,230 --> 00:28:01,450 Na kuwa na huu wa ajabu kipengele inayoitwa auto kamili, 635 00:28:01,450 --> 00:28:04,600 kama Google, kwamba kuanza kujaza katika jibu la swali lako. 636 00:28:04,600 --> 00:28:08,090 >> Tatizo ni, wao kufanya auto kamili juu ya mambo ya kwanza kwamba wewe aina. 637 00:28:08,090 --> 00:28:12,890 Hivyo kama wewe kuanza kuandika katika 33, ni kuonyesha halisi kila nyumba 638 00:28:12,890 --> 00:28:15,790 katika Amerika kwamba kuanza pamoja na idadi 33 639 00:28:15,790 --> 00:28:17,920 kabla ya kuendelea wanatarajia aina zaidi. 640 00:28:17,920 --> 00:28:20,660 Hivyo kama wewe aina 33 Oxford, basi inaonyesha kila mitaani 641 00:28:20,660 --> 00:28:24,726 katika Amerika ya kwamba ina 33 Oxford katika jina lake, bila ya kujali mji 642 00:28:24,726 --> 00:28:25,350 kwamba wewe ni katika. 643 00:28:25,350 --> 00:28:26,320 >> Na kisha kuendelea kuandika. 644 00:28:26,320 --> 00:28:28,930 Na hatimaye, ni anatambua kwamba hawana kutoa huduma kwa nyumba yako katika Cambridge 645 00:28:28,930 --> 00:28:29,920 au kitu kama hicho. 646 00:28:29,920 --> 00:28:33,410 Lakini uhakika ni, hii ni zaidi asinine utekelezaji wa auto 647 00:28:33,410 --> 00:28:34,140 kukamilisha milele. 648 00:28:34,140 --> 00:28:36,400 >> Na mimi nina kwenda tu mbali juu ya tangent hii tena. 649 00:28:36,400 --> 00:28:39,040 Lakini kuna njia nzuri ya kutumia JavaScript na njia mbaya. 650 00:28:39,040 --> 00:28:40,750 Na kwamba si lazima moja bora. 651 00:28:40,750 --> 00:28:46,360 >> Lakini uhakika hapa, kabla ya hii tirade, alikuwa kufungua zana chini hapa 652 00:28:46,360 --> 00:28:49,480 na kufungua zana developer, kama tumekuwa moyo kabla, 653 00:28:49,480 --> 00:28:52,840 na kuangalia Mtandao tab kama mimi click kweli kasi. 654 00:28:52,840 --> 00:28:55,400 Na taarifa rundo zima ya kupata maombi kilichotokea. 655 00:28:55,400 --> 00:28:57,310 Hayo yote yalitokea tangu mimi kuvutana. 656 00:28:57,310 --> 00:29:00,170 >> Na uwezekano mkubwa, kwa kweli mengi ya safu hizi 657 00:29:00,170 --> 00:29:04,060 sasa ni picha kufyeka JPEG Aina ya MIME au aina ya maudhui. 658 00:29:04,060 --> 00:29:07,750 Hii ni kwa sababu gani chrome ni kufanya kila wakati mimi click na Drag, click 659 00:29:07,750 --> 00:29:11,650 na Drag, ni ni kutambua, oh, mimi haja ya kwenda kuuliza Google kwa tile 660 00:29:11,650 --> 00:29:15,080 kwenye ramani hiyo zaidi ya hapa, haraka kushusha ni kupitia HTTP, 661 00:29:15,080 --> 00:29:19,550 na kisha kuongeza kwa kinachojulikana DOM kwa browsers mtandao katika kumbukumbu ya mti 662 00:29:19,550 --> 00:29:24,430 uwakilishi ili mtumiaji, yangu, anaona kwamba tile updated. 663 00:29:24,430 --> 00:29:26,795 Na hii ni kwa sababu ya mbinu aitwaye AJAX. 664 00:29:26,795 --> 00:29:28,920 Nyuma katika siku, ni kweli ilivyokuwa kwamba kama wewe 665 00:29:28,920 --> 00:29:33,050 alitaka kubadili nini juu ya screen, ingekuwa bonyeza juu, chini, kushoto, 666 00:29:33,050 --> 00:29:33,550 haki. 667 00:29:33,550 --> 00:29:34,740 Na kisha ukurasa mpya itakuwa kufungua. 668 00:29:34,740 --> 00:29:36,531 Lakini siku hizi, kila kitu ni nguvu zaidi. 669 00:29:36,531 --> 00:29:40,490 Ni hutokea katika njia ya sisi binadamu ingekuwa matumaini ni kweli ingekuwa interactively. 670 00:29:40,490 --> 00:29:43,210 Na inafanikisha hii kwa njia ya mbinu ya kuitwa 671 00:29:43,210 --> 00:29:46,170 AJAX, ambayo ni labda bora kuelezwa na mfano. 672 00:29:46,170 --> 00:29:49,730 Kwanza, napenda kwenda mbele na kufungua faili 673 00:29:49,730 --> 00:29:53,540 aitwaye quote.php katika leo usambazaji kificho. 674 00:29:53,540 --> 00:29:56,200 >> Na kisha basi mimi kufanya whoops symbol--. 675 00:29:56,200 --> 00:30:02,399 Basi mimi kufanya ishara = GOOG kwa baadhi tu ya hisa. 676 00:30:02,399 --> 00:30:04,440 Au kweli, hebu kufanya mmoja kutoka pset bure. 677 00:30:04,440 --> 00:30:05,270 Kuingia. 678 00:30:05,270 --> 00:30:06,580 >> Na sasa taarifa gani mimi kupata nyuma. 679 00:30:06,580 --> 00:30:09,210 Hivyo hii ni kweli short PHP faili kwamba mimi 680 00:30:09,210 --> 00:30:13,210 aliandika kwamba tu borrows kificho kutoka Pset7 ya Luke kazi 681 00:30:13,210 --> 00:30:17,830 na akimtemea nje kwa kutumia brace curly hii na quotes na koloni nukuu, inaonekana, 682 00:30:17,830 --> 00:30:22,747 bei ya hisa ya sasa ya kwa kampuni hiyo kupita katika kupitia kupata. 683 00:30:22,747 --> 00:30:24,580 Hivyo hii ni tofauti kutoka zaidi ya kile tumekuwa 684 00:30:24,580 --> 00:30:26,496 kufanyika katika ilani kwamba mimi nina halisi kutema nje 685 00:30:26,496 --> 00:30:27,870 kile kinachoonekana kama JavaScript kificho. 686 00:30:27,870 --> 00:30:30,020 >> Kwa kweli, hii ni JavaScript kitu. 687 00:30:30,020 --> 00:30:34,130 Kwa kweli, tu kuwa wazi zaidi, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 ni njia tu dhana ya kusema kwamba wewe wanaweza kuwakilisha data katika JavaScript kiasi 689 00:30:38,330 --> 00:30:41,660 kama unaweza katika PHP kutumia thamani jozi muhimu. 690 00:30:41,660 --> 00:30:44,270 Hivyo kama mimi alitaka kutangaza kutofautiana katika JavaScript 691 00:30:44,270 --> 00:30:47,872 kwa inawakilisha Zamyla, kwa instance-- struct kwa Zamyla-- 692 00:30:47,872 --> 00:30:49,580 na tutaweza kumwita mwanafunzi, kutofautiana huu. 693 00:30:49,580 --> 00:30:53,060 ID yake ni moja, nyumba ni Winthrop, na jina ni Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Lakini siwezi pia kuwa safu ya vitu. 695 00:30:55,490 --> 00:30:58,710 Hivyo kama mimi kwa kweli alitaka kuwa safu katika JavaScript zenye 696 00:30:58,710 --> 00:31:01,740 vitu mbalimbali kama, hii wakati anayewakilisha wafanyakazi, 697 00:31:01,740 --> 00:31:04,910 Nipate kuwa hawa watatu chunks ya kificho nyuma 698 00:31:04,910 --> 00:31:08,560 nyuma kwa nyuma kwa ajili ya haya wafanyakazi wa zamani watatu. 699 00:31:08,560 --> 00:31:12,201 Hivyo syntax, pretty sawa na both-- kwa PHP. 700 00:31:12,201 --> 00:31:13,700 Lakini hii ni hasa JavaScript. 701 00:31:13,700 --> 00:31:15,940 Ni kitu nukuu. 702 00:31:15,940 --> 00:31:17,240 Hivyo ni nini muhimu kwa ajili ya hii? 703 00:31:17,240 --> 00:31:21,580 >> Kama mimi kuandika kificho kwamba akimtemea nje JSON-- JavaScript Object Notation-- mambo ambayo 704 00:31:21,580 --> 00:31:24,670 Inaonekana kama hii au kwamba mambo Inaonekana kama muundo Zamyla ya, 705 00:31:24,670 --> 00:31:27,730 Mimi unaweza kweli kutumia hii katika mipango mimi kuandika. 706 00:31:27,730 --> 00:31:30,660 Napenda kwenda ajax0.html. 707 00:31:30,660 --> 00:31:33,310 Na hii too-- si mengi walidhani aliyopewa aesthetics. 708 00:31:33,310 --> 00:31:34,660 Lakini kuangalia nini kinatokea. 709 00:31:34,660 --> 00:31:37,050 >> Basi mimi kwenda mbele na aina ya bure hapa. 710 00:31:37,050 --> 00:31:38,490 Bonyeza kupata quote. 711 00:31:38,490 --> 00:31:41,060 Na taarifa URL si iliyopita. 712 00:31:41,060 --> 00:31:47,250 Lakini mimi kupata pop up na inaonekana leo hisa senti bei ya $ 0.15. 713 00:31:47,250 --> 00:31:49,062 Hivyo siyo mbaya wote. 714 00:31:49,062 --> 00:31:52,020 Lakini tofauti ni kwamba kwa namna fulani, data hii alikuja nyuma yangu moja kwa moja. 715 00:31:52,020 --> 00:31:54,250 Lakini hebu kuchukua hatua kuelekea kitu zaidi ya ukoo. 716 00:31:54,250 --> 00:31:58,900 Katika toleo moja ya hii, napenda aina ya bure tena, click Kupata quote, 717 00:31:58,900 --> 00:32:01,146 na now-- oh, hii ilikuwa kweli toleo jQuery. 718 00:32:01,146 --> 00:32:03,270 Hivyo basi me-- sikuwa kufunga-mbele kabisa mbali kutosha. 719 00:32:03,270 --> 00:32:05,830 Napenda kwenda toleo mbili, ambayo ni ambapo nilitaka. 720 00:32:05,830 --> 00:32:07,260 Taarifa ya nini mimi tumefanya hapa. 721 00:32:07,260 --> 00:32:10,370 Nina mtandao page-- super rahisi toleo ya ukurasa wowote mtandao 722 00:32:10,370 --> 00:32:14,260 unaweza kutumia leo na shamba Nakala hapa kwa ajili ya bure na kisha inaonekana tu 723 00:32:14,260 --> 00:32:14,880 Nakala. 724 00:32:14,880 --> 00:32:16,860 >> Hii si aina hapa, inaonekana. 725 00:32:16,860 --> 00:32:19,360 Lakini kama mimi click kupata quote, taarifa mtandao ukurasa wangu 726 00:32:19,360 --> 00:32:22,760 ni kuhusu kubadilika kama ingawa mimi tu got mpya ujumbe wa papo 727 00:32:22,760 --> 00:32:25,360 au kama ingawa mimi tu wakiongozwa ramani na walihitaji kupata data zaidi 728 00:32:25,360 --> 00:32:29,220 aliongeza dynamically kwa ukurasa wa mtandao bila URL kubadilisha na user 729 00:32:29,220 --> 00:32:30,980 uzoefu kupata kuingiliwa. 730 00:32:30,980 --> 00:32:35,750 Hakika, mimi bado nina katika exact place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Basi hebu angalia tu katika mfano huu na kuona jinsi hii inajitokeza. 732 00:32:39,080 --> 00:32:42,490 Napenda kwenda katika ajax2.html. 733 00:32:42,490 --> 00:32:44,770 Na taarifa aina ya kwanza. 734 00:32:44,770 --> 00:32:47,092 >> Chini hapa, mimi nina kugeuka mbali auto kamili. 735 00:32:47,092 --> 00:32:48,800 Wakati mwingine anapata annoying kama browser 736 00:32:48,800 --> 00:32:50,508 ni kujaribu kuonyesha historia yako yote. 737 00:32:50,508 --> 00:32:53,450 Hivyo unaweza kufanya hivyo katika HTML na kusema tu auto kukamilisha mbali. 738 00:32:53,450 --> 00:32:57,290 >> Nimekuwa kupewa hii Nakala uwanja a symbol-- badala yake, ID ya ishara. 739 00:32:57,290 --> 00:32:58,977 Na sasa, hii ni hulka ya kuvutia. 740 00:32:58,977 --> 00:33:01,310 Sisi si aliongea kuhusu span, lakini unaweza kufikiri juu yake 741 00:33:01,310 --> 00:33:03,177 kama tag aya au tag div. 742 00:33:03,177 --> 00:33:05,010 Ni kile kinachoitwa katika-line kipengele, ambayo 743 00:33:05,010 --> 00:33:07,415 ina maana huwezi kupata aya kuvunja juu na chini yake. 744 00:33:07,415 --> 00:33:11,530 Ni tu kwenda kukaa katika mstari bila kupiga sawa kuingia. 745 00:33:11,530 --> 00:33:17,980 Hivyo nimewapa chunk hii ya HTML kuwa amedhamiria kitambulisho kipekee 746 00:33:17,980 --> 00:33:20,130 kwamba mimi kiholela aitwaye bei. 747 00:33:20,130 --> 00:33:21,560 Na mimi kuwa Kuwasilisha kifungo. 748 00:33:21,560 --> 00:33:25,420 >> Kwa sababu sasa juu here-- na hii ni kweli super kushangaza kificho jinsi kidogo 749 00:33:25,420 --> 00:33:27,660 unaweza kuandika kwa kufanya kiasi nadhifu things-- 750 00:33:27,660 --> 00:33:31,800 taarifa ya nini mimi tumefanya hapa kama mimi kitabu juu na mkuu wa ukurasa huu. 751 00:33:31,800 --> 00:33:34,970 Nimekuwa ni pamoja na ya kwanza katika kichwa yangu tag script 752 00:33:34,970 --> 00:33:37,410 kwamba kweli marejeo JavaScript faili mahali pengine. 753 00:33:37,410 --> 00:33:39,702 Hii ni kutoka shirika kwamba anaandika jQuery, 754 00:33:39,702 --> 00:33:42,660 na hii ni kutoa tu wewe karibuni toleo la maktaba yao jQuery. 755 00:33:42,660 --> 00:33:46,305 >> Hivyo hii ni aina ya kama mkali pamoja katika C au kuhitaji katika PHP. 756 00:33:46,305 --> 00:33:48,900 Matumizi tag script na chanzo sifa. 757 00:33:48,900 --> 00:33:52,030 Lakini sasa kificho yangu mwenyewe ni itakuwa haki katika hapa. 758 00:33:52,030 --> 00:33:54,170 >> Taarifa nina kazi kuitwa Quotes. 759 00:33:54,170 --> 00:33:56,180 Na inaonekana kidogo cryptic katika mtazamo wa kwanza. 760 00:33:56,180 --> 00:33:57,305 Lakini hebu tease hii kusambaratika. 761 00:33:57,305 --> 00:33:59,090 Nipe variable inayoitwa URL. 762 00:33:59,090 --> 00:34:01,390 Hawawajui ni halisi kamba hii. 763 00:34:01,390 --> 00:34:04,530 Hivyo, quotes moja, mbili quotes katika JavaScript tu anitiaye kamba. 764 00:34:04,530 --> 00:34:06,900 Nini pamoja kufanya? 765 00:34:06,900 --> 00:34:08,199 Concatenation. 766 00:34:08,199 --> 00:34:12,610 >> Hivyo hii ni sasa jQuery syntax ambayo inachukua kidogo kupata kutumika. 767 00:34:12,610 --> 00:34:18,310 Lakini hii tu ina maana kwenda kupata yangu DOM nodi ambaye kipekee kitambulisho ni ishara. 768 00:34:18,310 --> 00:34:21,929 hashtag kuna maana kipekee kitambulisho ishara. 769 00:34:21,929 --> 00:34:24,929 >> ishara ya dola katika mabano maana tu, wrap hii 770 00:34:24,929 --> 00:34:28,510 katika jQuery aina ya mchuzi siri ili kupata utendaji ziada. 771 00:34:28,510 --> 00:34:31,880 Na kisha .val ni inaonekana kazi, au kama sisi kusema sasa, 772 00:34:31,880 --> 00:34:35,219 Njia ya ndani ya nodi hii kwamba tu inakupa thamani. 773 00:34:35,219 --> 00:34:38,896 Hivyo katika muda mfupi, mbaya na utata kama hii inaonekana katika mtazamo wa kwanza, 774 00:34:38,896 --> 00:34:42,020 hii ina maana tu kupata na user typed katika, kuweka mwisho wa kamba 775 00:34:42,020 --> 00:34:42,880 na concatenating yake. 776 00:34:42,880 --> 00:34:43,739 Hayo ni yote. 777 00:34:43,739 --> 00:34:46,070 >> Hivyo sasa, mistari mitatu iliyopita. 778 00:34:46,070 --> 00:34:48,690 Unaweza itapunguza mengi ya utendaji nje ya mistari mitatu. 779 00:34:48,690 --> 00:34:52,199 Hii ishara ya dola, kama kando, ni tu jina la utani 780 00:34:52,199 --> 00:34:55,800 kwa maalum variable kimataifa aitwaye halisi jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Dola ishara tu inaonekana baridi. 782 00:34:57,060 --> 00:35:00,080 Hivyo jamii jQuery tu aina ya kutumika kama ishara yao maalum. 783 00:35:00,080 --> 00:35:02,470 Haina maana nini maana katika PHP. 784 00:35:02,470 --> 00:35:06,356 Katika JavaScript, ishara ya dola ni kama barua ya alfabeti 785 00:35:06,356 --> 00:35:07,480 au simu kwa kutofautiana. 786 00:35:07,480 --> 00:35:09,000 >> Unaweza tu kuwa ni kama jina. 787 00:35:09,000 --> 00:35:09,770 Tu inaonekana baridi. 788 00:35:09,770 --> 00:35:11,890 Hivyo jamii iliyopitishwa ni kama jina la utani 789 00:35:11,890 --> 00:35:13,390 kwa ajili ya maktaba yao wenyewe aitwaye jQuery. 790 00:35:13,390 --> 00:35:15,060 >> Na ni super maarufu. 791 00:35:15,060 --> 00:35:17,620 Hivyo kupata JSON ni hasa kwamba. 792 00:35:17,620 --> 00:35:19,920 Ni kazi ambayo folks katika jQuery aliandika 793 00:35:19,920 --> 00:35:23,340 kwamba anapata JSON kutoka server-- JavaScript Object nukuu. 794 00:35:23,340 --> 00:35:25,680 Kutokana na kile URL ni kwenda kupata habari hiyo? 795 00:35:25,680 --> 00:35:27,790 Inavyoonekana kutoka URL hii hapa. 796 00:35:27,790 --> 00:35:31,180 >> Na kile lazima kufanya kama browser haraka kama anapata nyuma majibu hili? 797 00:35:31,180 --> 00:35:36,500 Na hii ni uchawi wa AJAX, hivyo speak-- Asynchronous JavaScript katika XML. 798 00:35:36,500 --> 00:35:41,320 Ni vigumu kuona kwa vile a mfano rahisi kama tulikuwa hapa. 799 00:35:41,320 --> 00:35:44,730 >> Lakini hii ilikuwa Asynchronous katika hisia kwamba kificho wangu wakati 800 00:35:44,730 --> 00:35:48,530 kunyongwa alimtumia ujumbe server kwenda kupata nami baadhi JSON. 801 00:35:48,530 --> 00:35:51,340 Na ilivyotokea super haraka kwamba mimi got jibu. 802 00:35:51,340 --> 00:35:55,130 Lakini nini kuvutia ni kwamba hii mstari wa kanuni hakuwa hutegemea kompyuta yangu. 803 00:35:55,130 --> 00:35:56,550 >> Sikuona inazunguka icon. 804 00:35:56,550 --> 00:35:59,200 Sikuwa kupoteza uwezo wa hoja ya panya yangu. 805 00:35:59,200 --> 00:36:01,340 Browser yangu alikuwa kweli kikamilifu faini. 806 00:36:01,340 --> 00:36:06,290 >> Sababu njia JavaScript Hushughulikia majibu kutoka server ni kama ifuatavyo. 807 00:36:06,290 --> 00:36:09,740 Kujiandikisha nini d wito callback kazi, ambayo 808 00:36:09,740 --> 00:36:12,830 tu ina maana, hey, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Haraka kama server anajibu na JSON, 810 00:36:16,100 --> 00:36:18,750 tafadhali piga kazi hii bila majina. 811 00:36:18,750 --> 00:36:23,910 >> Na tafadhali kupita katika kazi hii chochote kamba server mate nje 812 00:36:23,910 --> 00:36:26,080 kama hoja aitwaye data. 813 00:36:26,080 --> 00:36:28,360 Hivyo katika nyingine, maneno, kama Mimi kukusanyika dynamically 814 00:36:28,360 --> 00:36:33,370 URL quote.php kupita katika hii alama kama za au GOOG au whatnot, 815 00:36:33,370 --> 00:36:36,830 Mimi kisha kuwaambia JavaScript kwenda kupata kwamba URL. 816 00:36:36,830 --> 00:36:39,080 Kumbuka kwamba browser ni kwenda na kurudi kitu 817 00:36:39,080 --> 00:36:42,680 kwamba inaonekana kama tuliona earlier-- hii. 818 00:36:42,680 --> 00:36:45,940 >> Na nini hoja ya pili hapa kupata JSON ni kusema 819 00:36:45,940 --> 00:36:48,450 ni kuwaita kazi hii wakati server anapata nyuma 820 00:36:48,450 --> 00:36:52,440 kama ni 10 milliseconds kuanzia sasa au sekunde 10 kuanzia sasa. 821 00:36:52,440 --> 00:36:55,840 Na haraka kama wewe kufanya, kuongeza bei kwa ukurasa. 822 00:36:55,840 --> 00:36:58,030 Syntax hii hapa tu ina maana kwenda kupata nodi 823 00:36:58,030 --> 00:37:01,940 mti ambao kipekee kitambulisho ni price-- kwamba span tuliona mapema. 824 00:37:01,940 --> 00:37:04,320 >> Njia hii inaitwa HTML tu anasema, kwenda kuchukua nafasi ya 825 00:37:04,320 --> 00:37:08,770 HTML kwamba kuna na data.price. 826 00:37:08,770 --> 00:37:10,200 Nini data.price? 827 00:37:10,200 --> 00:37:12,850 Naam, browser, kukumbuka, alinionyeshea hii kuja nyuma. 828 00:37:12,850 --> 00:37:14,540 Hivyo hii ni data. 829 00:37:14,540 --> 00:37:18,100 >> Na hivyo ni kidogo cryptic kuona koma hapa. 830 00:37:18,100 --> 00:37:19,350 Lakini kwa kweli, basi mimi kufanya hili. 831 00:37:19,350 --> 00:37:22,890 Napenda tu kuweka hii halisi haraka katika gedit 832 00:37:22,890 --> 00:37:27,240 na kuonyesha hii kama sisi ilionyesha Muundo Zamyla ya awali. 833 00:37:27,240 --> 00:37:31,610 >> Nini server ni kutuma nyuma ni kitu kidogo kwamba inaonekana kama hii. 834 00:37:31,610 --> 00:37:37,140 Na hivyo data.price ni kutoa tu mimi 0.1515. 835 00:37:37,140 --> 00:37:39,310 Hivyo mengi ya kusonga sehemu hapa wote kwa mara moja. 836 00:37:39,310 --> 00:37:41,860 >> Lakini takeaways muhimu ni kwamba tuna uwezo huo 837 00:37:41,860 --> 00:37:44,600 kufanya HTTP ziada maombi ya kutumia JavaScript 838 00:37:44,600 --> 00:37:46,090 bila ya kuwa na upya ukurasa. 839 00:37:46,090 --> 00:37:49,580 Na kisha tunaweza kweli kubadili ukurasa wa mtandao juu ya kuruka. 840 00:37:49,580 --> 00:37:51,850 Na zinageuka kuwa JavaScript na lugha nyingine 841 00:37:51,850 --> 00:37:54,510 inaweza kutumika sasa si tu mutate kurasa za mtandao, 842 00:37:54,510 --> 00:37:57,960 lakini kwa kweli kuandika programu katika kompyuta halisi, 843 00:37:57,960 --> 00:38:00,240 si tu funge na Chrome au kama. 844 00:38:00,240 --> 00:38:03,530 >> Kwa kweli, if-- Colton, unaweza kama kujiunga nasi nyuma hadi hapa 845 00:38:03,530 --> 00:38:06,100 na maabara yako kificho, na Chang pia? 846 00:38:06,100 --> 00:38:09,140 Hebu kwenda mbele, baada ya kuongelea kazi bila majina na callbacks 847 00:38:09,140 --> 00:38:13,090 na kwa kweli kumjaribu hatma hapa na demo ya kuishi na kutokwa na damu 848 00:38:13,090 --> 00:38:16,480 makali ya teknolojia, moja ya haya vifaa Wasomi Motion. 849 00:38:16,480 --> 00:38:18,940 Sasa, kifaa hiki, kukumbuka, ni kifaa USB kidogo 850 00:38:18,940 --> 00:38:25,620 pamoja that-- kwamba beautiful-- kwamba plugs katika bandari yako USB. 851 00:38:25,620 --> 00:38:29,120 >> Na kisha inatoa pembejeo katika fomu ya ishara ya binadamu 852 00:38:29,120 --> 00:38:32,560 na kuchunguza kwa kutumia mihimili infrared, kimsingi, harakati kutoka mkono wako. 853 00:38:32,560 --> 00:38:35,150 Hivyo ambapo gani Maria walijaribu mbele alikuwa misuli, 854 00:38:35,150 --> 00:38:39,000 kweli hisia nini kubadilisha mkono wako, hii ni infrared msingi. 855 00:38:39,000 --> 00:38:44,390 Hivyo ni kuangalia kwa harakati ndani ya aina ya nyanja ya mguu au hivyo 856 00:38:44,390 --> 00:38:46,190 ya kifaa yenyewe. 857 00:38:46,190 --> 00:38:48,950 >> Hivyo kwa nini si mimi kuchukua kumchoma saa hii ya kwanza? 858 00:38:48,950 --> 00:38:53,100 Na hebu kwenda mbele na kutupa wewe juu ya uendeshaji hapa. 859 00:38:53,100 --> 00:38:56,250 Basi hebu kuweka mbali Colton ya juu hapa. 860 00:38:56,250 --> 00:38:58,360 Sisi tumepewa Andrew juu ya TV. 861 00:38:58,360 --> 00:39:00,160 Na nini ungependa mimi kufanya kwanza? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Kwenda mbele na tu kuweka mikono yako juu ya guy hii 863 00:39:02,409 --> 00:39:04,430 na utaona baadhi pambo Fabulous. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. Malan: nzuri sana. 865 00:39:07,230 --> 00:39:11,110 Hii yote yanayotokea katika muda halisi. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 Haki zote, na yep. 868 00:39:12,680 --> 00:39:14,119 Hivyo nzuri. 869 00:39:14,119 --> 00:39:15,410 Haki wote, kile kingine tunaweza kufanya? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Nenda screen ijayo na kuona. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. Malan: zote haki. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: mchezo furaha kidogo ambapo unaweza kupata kufanya robots. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. Malan: zote haki, hivyo hii ni mikono bandia kuonyesha mimi nini cha kufanya. 874 00:39:24,738 --> 00:39:27,920 COLTON: Ndiyo Hivyo kwenda mbele na kunyakua moja ya vitalu 875 00:39:27,920 --> 00:39:30,637 na kuiweka juu ya mwili kwamba robot ya. 876 00:39:30,637 --> 00:39:32,137 DAVID J. Malan: Oh, kuna mkono wangu. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 OK, adorable. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Kusubiri dakika, OK. 881 00:39:38,650 --> 00:39:41,320 Kuna sisi kwenda. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Mimi alifanya moja juu ya ajali. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. Malan: Sawa, mimi itabidi kupata guy hii. 884 00:39:45,423 --> 00:39:45,923 Damn it! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Wakati sisi walikuwa wakifanya hii iliyopita usiku, unajua nini ulisababisha hii katika? 887 00:39:51,550 --> 00:39:54,285 >> Kama hii. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 Ijayo moja? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Hakika. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. Malan: zote haki, na kuna tatu. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Wote haki. 894 00:40:01,674 --> 00:40:03,215 COLTON: Na katika hili moja, unaweza kupata to-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. Malan: Oh, hii moja ya mazuri. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, pick mbali ua hili. 897 00:40:06,650 --> 00:40:07,441 DAVID J. Malan: Sawa. 898 00:40:07,441 --> 00:40:11,170 899 00:40:11,170 --> 00:40:11,670 Hakuna? 900 00:40:11,670 --> 00:40:14,515 Amekosa. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Oh, kuna kwenda. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. Malan: Ah, Angalia kwamba. 903 00:40:18,680 --> 00:40:19,830 Nzuri sana. 904 00:40:19,830 --> 00:40:22,470 Vizuri, kwa nini dont 'sisi kuchukua nje moja kujitolea hapa 905 00:40:22,470 --> 00:40:24,180 ambao wangependa kuja juu juu. 906 00:40:24,180 --> 00:40:27,500 Vipi kuhusu haki pale katika kijani, ni? 907 00:40:27,500 --> 00:40:30,540 >> Haki zote, na hebu have-- badala ya kufanya hivyo, baadhi yenu 908 00:40:30,540 --> 00:40:34,590 wapate kujua mchezo huu here-- kukata kamba, labda? 909 00:40:34,590 --> 00:40:35,100 Hebu angalia. 910 00:40:35,100 --> 00:40:37,320 Tuna glasi wetu juu juu hapa? 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 Asante. 913 00:40:39,270 --> 00:40:39,380 Nini jina lako? 914 00:40:39,380 --> 00:40:40,350 >> Watazamaji: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. Malan: Laura? 916 00:40:41,266 --> 00:40:42,120 Nzuri ya kuona. 917 00:40:42,120 --> 00:40:45,600 Kama huna akili kuweka Google kioo juu ya glasi yako. 918 00:40:45,600 --> 00:40:46,970 Hii ni Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Hi. 920 00:40:47,650 --> 00:40:48,140 Nice kukutana na wewe. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. Malan: Sawa, kuja juu kote. 922 00:40:49,600 --> 00:40:52,516 Haki wote, hivyo nini wewe kwenda kufanya hapa, baada ya kucheza hii kabla, 923 00:40:52,516 --> 00:40:55,650 ni kuweka mkono wako juu ya Leap Motion hapa. 924 00:40:55,650 --> 00:40:57,210 Na sasa mshale yako lazima hoja. 925 00:40:57,210 --> 00:40:57,710 Oh, nope. 926 00:40:57,710 --> 00:40:58,066 >> Watazamaji: Hapana 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. Malan: Sisi hawataki kuacha bado. 928 00:40:58,780 --> 00:40:59,280 OK, kusubiri. 929 00:40:59,280 --> 00:41:01,200 Zaidi ya hapa. 930 00:41:01,200 --> 00:41:03,530 Hivyo taarifa kama wewe kushikilia yako kidole juu ya kitu, 931 00:41:03,530 --> 00:41:06,750 panya kuanza kwenda kijani, ambayo ni jinsi wewe click. 932 00:41:06,750 --> 00:41:08,980 >> Hivyo hover juu kucheza. 933 00:41:08,980 --> 00:41:10,970 Na kidole moja tu ni faini. 934 00:41:10,970 --> 00:41:13,869 Na sasa bonyeza kidogo kijani guy upande wa kushoto. 935 00:41:13,869 --> 00:41:15,410 Na sasa kushikilia mpaka huijaza up kijani. 936 00:41:15,410 --> 00:41:15,640 Nzuri. 937 00:41:15,640 --> 00:41:16,990 Sasa, kama, ngazi moja juu ya juu. 938 00:41:16,990 --> 00:41:20,190 >> Watazamaji: Yeah, tunataka ngazi moja, hapa. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. Malan: Good. 940 00:41:21,660 --> 00:41:25,500 OK, hivyo wote una kufanya ni kukata kamba. 941 00:41:25,500 --> 00:41:28,240 Mshale moja nyeupe chini huko. 942 00:41:28,240 --> 00:41:28,880 >> Nzuri sana. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Haki zote, ni kuhusu kupata ngumu. 945 00:41:32,790 --> 00:41:34,800 Hivyo kushikilia kidole yako juu ijayo sasa. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Nzuri. 948 00:41:39,030 --> 00:41:39,999 Hii moja ngumu. 949 00:41:39,999 --> 00:41:40,966 >> Watazamaji: Oh crap. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Ni anataka kwenda kwa njia hiyo. 952 00:41:42,466 --> 00:41:44,890 Oh crap, that-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. Malan: Yeah. 954 00:41:47,120 --> 00:41:50,700 Lengo sekondari ni kupata nyota wote. 955 00:41:50,700 --> 00:41:53,920 Haki wote, ijayo. 956 00:41:53,920 --> 00:41:57,504 >> Hebu angalia kama unaweza kupata hii moja ya tatu. 957 00:41:57,504 --> 00:41:58,004 Nzuri. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK, kwenda zaidi ya hapo. 960 00:42:06,840 --> 00:42:08,850 >> Uhakika. 961 00:42:08,850 --> 00:42:11,230 Oh, nzuri sana. 962 00:42:11,230 --> 00:42:11,930 Wote haki. 963 00:42:11,930 --> 00:42:13,534 >> Hivyo kwa nini sio sisi kuahirishwa hapa leo? 964 00:42:13,534 --> 00:42:15,200 Mtu yeyote kuja juu juu ambaye anataka kucheza. 965 00:42:15,200 --> 00:42:16,880 Asante sana kwa Laura kujitolea yetu. 966 00:42:16,880 --> 00:42:18,730 Na sisi kuona juu ya Jumatatu. 967 00:42:18,730 --> 00:42:21,190 >> Watazamaji: Wewe pengine wanataka hizi nyuma. 968 00:42:21,190 --> 00:42:23,640 >> SPIKA 2: Katika CS50-- ijayo 969 00:42:23,640 --> 00:42:35,222