1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. MALAN: Okei, joten tﺣ۳mﺣ۳ tﺣ۳ssﺣ۳ Myo varsi 3 00:00:41,880 --> 00:00:44,450 bﺣ۳ndi, pari jota ovat jo CS50 opinnﺣ۳ytetﺣﭘiden. 4 00:00:44,450 --> 00:00:47,533 Ja se oli osoitus meidﺣ۳n jonossa sinut etukﺣ۳teen, mistﺣ۳ pohjimmiltaan 5 00:00:47,533 --> 00:00:51,120 tﺣ۳ssﺣ۳ melko tiukka kﺣ۳sivarsihihnalla tﺣ۳ﺣ۳llﺣ۳ kuuntelee lihasten liikkeitﺣ۳ 6 00:00:51,120 --> 00:00:54,280 ettﺣ۳ kuvataan sitten ohjelmisto Colton kannettavalle tﺣ۳nne joka 7 00:00:54,280 --> 00:00:57,230 oli iTunes ja ettﺣ۳ laulu jo jonottivat. 8 00:00:57,230 --> 00:01:00,270 Sijaan minua demoing tﺣ۳mﺣ۳n, Colton on ollut laboratoriossa 9 00:01:00,270 --> 00:01:04,129 selvﺣ۳sti koko viikon pﺣ۳ﺣ۳stﺣ۳ esittelyn valmiina yksi rohkea vapaaehtoinen. 10 00:01:04,129 --> 00:01:07,430 Jos joku haluaisi tulla on up-- nﺣ۳ki kﺣ۳tesi ensin. 11 00:01:07,430 --> 00:01:09,540 Tule ylﺣﭘs. 12 00:01:09,540 --> 00:01:12,530 >> Selvﺣ۳. 13 00:01:12,530 --> 00:01:13,886 Ja mikﺣ۳ on nimesi? 14 00:01:13,886 --> 00:01:14,800 >> Yleisﺣﭘ: Tuota, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. MALAN: Maria, kiva nﺣ۳hdﺣ۳ sinua. 16 00:01:16,550 --> 00:01:17,310 Tule tﺣ۳nne. 17 00:01:17,310 --> 00:01:19,550 Sallikaa minun esitellﺣ۳ sinulle Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, tﺣ۳mﺣ۳ on Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Hei, mukava tavata. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. MALAN: Kaikki oikea, niin ensimmﺣ۳inen vaihe, olemme 21 00:01:24,330 --> 00:01:26,204 menossa on laittaa tﺣ۳mﺣ۳ on teidﺣ۳n kyynﺣ۳rvarren 22 00:01:26,204 --> 00:01:29,280 niin, ettﺣ۳ se on melko tiukka lﺣ۳helle kyynﺣ۳rpﺣ۳ﺣ۳hﺣ۳n. 23 00:01:29,280 --> 00:01:31,940 Ja sillﺣ۳ vﺣ۳lin, katsotaanpa laittaa Google Glass 24 00:01:31,940 --> 00:01:33,720 ja me sekoita teknologiaa tﺣ۳nﺣ۳ﺣ۳n. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Ensin meidﺣ۳n tﺣ۳ytyy koukku tﺣ۳mﺣ۳n huomioon asioita. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. MALAN: OK. 27 00:01:37,170 --> 00:01:39,795 Oikeastaan, katsotaanpa laittaa kﺣ۳sien lﺣ۳helle tﺣ۳tﺣ۳ kaapelia mahdollisimman 28 00:01:39,795 --> 00:01:41,160 jotta voimme ensin synkronoida sen. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Tehdﺣ۳ﺣ۳n tﺣ۳mﺣ۳. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. MALAN: Ja sillﺣ۳ vﺣ۳lin, joten ettﺣ۳ jokainen voi saada lﺣ۳hemmﺣ۳ksi silmﺣ۳yksellﺣ۳, 31 00:01:46,500 --> 00:01:50,290 me nakata Andreaksen kamera ruudulle siellﺣ۳. 32 00:01:50,290 --> 00:01:54,460 Joten meillﺣ۳ on USB-kaapeli, joka on on liitetty Maria otti vastuun kantaakseen. 33 00:01:54,460 --> 00:02:00,230 Ja haluaisin nakata Colton nﺣ۳ytﺣﭘllﺣ۳ ylﺣﭘs projektorin seuraavan. 34 00:02:00,230 --> 00:02:06,000 >> Joten Colton rekisterﺣﭘitymﺣ۳ttﺣ۳ laite nyt Myo liitetty tﺣ۳mﺣ۳n kaapelin. 35 00:02:06,000 --> 00:02:08,060 Ja nyt, mitﺣ۳ Marian aikoo tehdﺣ۳ hetkellisesti 36 00:02:08,060 --> 00:02:10,120 on itse kﺣ۳vellﺣ۳ lﺣ۳pi kalibroinnin vaiheet 37 00:02:10,120 --> 00:02:12,830 ja opettaa ohjelmistot miten hﺣ۳nen lihakset vastata 38 00:02:12,830 --> 00:02:16,070 kun hﺣ۳n tekee tietyn ennalta mﺣ۳ﺣ۳ritetyn eleet, ettﺣ۳ ohjelmisto ymmﺣ۳rtﺣ۳ﺣ۳. 39 00:02:16,070 --> 00:02:17,910 Jos haluat mennﺣ۳ nﺣ۳ytﺣﭘn edessﺣ۳. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK, pitﺣ۳ﺣ۳ yrittﺣ۳ﺣ۳. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Mene nﺣ۳in. 43 00:02:31,860 --> 00:02:32,970 Ja niin. 44 00:02:32,970 --> 00:02:34,563 Ja aina oikeassa. 45 00:02:34,563 --> 00:02:35,922 Mene takaisin. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. MALAN: OK. 47 00:02:37,740 --> 00:02:38,960 Eri nﺣ۳kﺣﭘkulmasta. 48 00:02:38,960 --> 00:02:39,620 Se et ole sinﺣ۳. 49 00:02:39,620 --> 00:02:40,350 Se on meille. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. MALAN: Ei. 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Siirrytﺣ۳ﺣ۳n sitﺣ۳ ylempﺣ۳nﺣ۳, joten se on lﺣ۳hemmﺣ۳ksi kyynﺣ۳rpﺣ۳ﺣ۳, tai jopa tiukempi. 54 00:02:51,540 --> 00:02:52,680 Selvﺣ۳. 55 00:02:52,680 --> 00:02:53,270 >> Nyt mennﺣ۳ﺣ۳n. 56 00:02:53,270 --> 00:02:56,780 Tﺣ۳mﺣ۳ olisi hyvﺣ۳ aika CS52X. 57 00:02:56,780 --> 00:02:57,670 Siellﺣ۳ mennﺣ۳ﺣ۳n. 58 00:02:57,670 --> 00:02:58,760 >> Very nice. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 Peukalon pinky. 61 00:03:02,790 --> 00:03:03,380 >> Very nice. 62 00:03:03,380 --> 00:03:05,140 Levitﺣ۳ sormin. 63 00:03:05,140 --> 00:03:06,240 Hyvﺣ۳. 64 00:03:06,240 --> 00:03:06,910 Aalto oikeassa. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Se on kumma osoittaa sinulle vasemmalla hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Joo, se on outo. 68 00:03:19,665 --> 00:03:21,790 DAVID J. MALAN: Wave oikealle ja eteenpﺣ۳in. 69 00:03:21,790 --> 00:03:22,998 Nopeasti eteenpﺣ۳in ohittaa tai seuraavaan. 70 00:03:22,998 --> 00:03:25,020 Se on OK Wave oikeassa. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Minﺣ۳ don't-- odota. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. MALAN: Tarvitsetko apua? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Eli olet menossa nﺣ۳in. 74 00:03:30,027 --> 00:03:31,860 MARIA: Se kﺣ۳ﺣ۳ntyy Toinen asia, vaikka. 75 00:03:31,860 --> 00:03:32,390 COLTON: On. 76 00:03:32,390 --> 00:03:34,250 DAVID J. MALAN: Joo en tiedﺣ۳ Siksi sitﺣ۳ nﺣ۳yttﺣ۳mﺣ۳llﺣ۳ vasuri. 77 00:03:34,250 --> 00:03:36,458 COLTON: Miksi et try-- vain kokeilla menossa nﺣ۳in. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. MALAN: o? 80 00:03:40,090 --> 00:03:42,580 Ehkﺣ۳ tavoittaa kﺣ۳tesi ulos hieman suorempi 81 00:03:42,580 --> 00:03:46,070 ja tehdﺣ۳ siitﺣ۳ jyrkemmin kuin tﺣ۳mﺣ۳. 82 00:03:46,070 --> 00:03:48,176 Joo, OK, tule. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: Olen pahoillani. 84 00:03:49,670 --> 00:03:51,170 DAVID J. MALAN: Se ei ole sinun syysi. 85 00:03:51,170 --> 00:03:53,018 COLTON: Se on hyvﺣ۳. 86 00:03:53,018 --> 00:03:55,430 DAVID J. MALAN: All Right. 87 00:03:55,430 --> 00:03:56,220 Well-- 88 00:03:56,220 --> 00:03:57,620 >> MARIA: Pitﺣ۳isikﺣﭘ meidﺣ۳n ohittaa tﺣ۳mﺣ۳n jﺣ۳lkeen? 89 00:03:57,620 --> 00:03:59,620 DAVID J. MALAN: Kyllﺣ۳, katsotaanpa voit pﺣ۳lkﺣ۳hﺣ۳stﺣ۳. 90 00:03:59,620 --> 00:04:03,130 Joten jos joku haluaisi tehdﺣ۳ Opinnﺣ۳ytetyﺣﭘ kﺣ۳yttﺣ۳misen kﺣ۳rjessﺣ۳ 91 00:04:03,130 --> 00:04:07,707 laitteisto, ymmﺣ۳rtﺣ۳ﺣ۳ se voi vain kestﺣ۳ﺣ۳ hieman totuttelua. 92 00:04:07,707 --> 00:04:10,290 Ja this-- todellisuus on tﺣ۳mﺣ۳ on todella hyvin verenvuoto reuna. 93 00:04:10,290 --> 00:04:12,040 >> Tﺣ۳mﺣ۳ on mitﺣ۳ kutsutaan Developer Kit, joka 94 00:04:12,040 --> 00:04:14,956 on tarkoitus olla olennaisesti pre-release jotta ihmiset voivat tehdﺣ۳ juuri 95 00:04:14,956 --> 00:04:18,690 this-- taistella sen kanssa, kuva miten ihmisten elimet toimivat 96 00:04:18,690 --> 00:04:19,980 teknologian kanssa. 97 00:04:19,980 --> 00:04:21,750 Joten jos haluat Jﺣ۳lkeenpﺣ۳in jﺣ۳lkeen luento, 98 00:04:21,750 --> 00:04:23,750 Voimme antaa sinulle tulla ja ottaa toisen puukottaa sitﺣ۳. 99 00:04:23,750 --> 00:04:26,970 Mutta muuten, aplodit, jos Voisimme Maria tulit ylﺣﭘs. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Kiitos. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. MALAN: Kiitos. 102 00:04:30,390 --> 00:04:34,945 Me roikkua kiinni, mutta annamme sinﺣ۳-- Entﺣ۳ stressipallo tﺣ۳ﺣ۳llﺣ۳? 103 00:04:34,945 --> 00:04:38,620 Voi, and-- if-- Joo, kiitos. 104 00:04:38,620 --> 00:04:39,715 Selvﺣ۳. 105 00:04:39,715 --> 00:04:45,750 Joten utelias, jos olisit tunne hyvﺣ۳ valinta 106 00:04:45,750 --> 00:04:47,670 ettﺣ۳ teimme siellﺣ۳ aikaisemmin, uskomattoman TV 107 00:04:47,670 --> 00:04:50,210 osoittavat, ettﺣ۳ sinun pitﺣ۳isi ehdottomasti olla humalahakuinen katselun Netflix 108 00:04:50,210 --> 00:04:51,110 on tﺣ۳mﺣ۳ yksi tﺣ۳ﺣ۳llﺣ۳. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Hyvﺣ۳t naiset ja herrat, taikuri nimeltﺣ۳ Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. MALAN: Ja ilmeisesti, se on asia tekstin minulle aikana luento nyt. 112 00:05:08,050 --> 00:05:11,190 Olen kerrotaan, ettﺣ۳ Maria oli syntymﺣ۳pﺣ۳ivﺣ۳ eilen. 113 00:05:11,190 --> 00:05:14,095 Joten hyvﺣ۳ﺣ۳ syntymﺣ۳pﺣ۳ivﺣ۳ﺣ۳ alkaen CS50 Maria samoin. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Joten ehkﺣ۳ lukenut viime kuussa ettﺣ۳ tﺣ۳mﺣ۳ kollegat tﺣ۳ﺣ۳llﺣ۳, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, joka oli itse asiassa luokka 1977 College, 117 00:05:25,260 --> 00:05:27,170 ﺣ۳skettﺣ۳in elﺣ۳kkeelle Microsoft. 118 00:05:27,170 --> 00:05:29,620 Hﺣ۳n oli perustutkintoa tﺣ۳ﺣ۳llﺣ۳, sitten pari vuotta myﺣﭘhemmin 119 00:05:29,620 --> 00:05:31,910 lﺣﭘytﺣ۳nyt itsensﺣ۳ Stanford Business School 120 00:05:31,910 --> 00:05:34,160 kun hﺣ۳n sai puhelimen soittaa hﺣ۳nen ystﺣ۳vﺣ۳nsﺣ۳, jotka 121 00:05:34,160 --> 00:05:36,516 oli asunut alas sali hﺣ۳neltﺣ۳ tﺣ۳ﺣ۳llﺣ۳ Harvardissa. 122 00:05:36,516 --> 00:05:38,640 Ettﺣ۳ kaverin nimi oli Bill Portit, ja tuolloin, 123 00:05:38,640 --> 00:05:42,700 hﺣ۳n yritti vﺣ۳rvﺣ۳tﺣ۳ Steve olla Ensimmﺣ۳inen liike henkilﺣﭘ, todella, 124 00:05:42,700 --> 00:05:45,720 pienen yrityksen nimi Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Pitkﺣ۳ tarina lyhyt, Steve lopulta voitti yli, 126 00:05:48,960 --> 00:05:52,130 liittyi Microsoftin kun he oli vain 30 tyﺣﭘntekijﺣ۳ﺣ۳. 127 00:05:52,130 --> 00:05:54,300 Ja kun hﺣ۳n elﺣ۳kkeellﺣ۳ aivan ﺣ۳skettﺣ۳in, 128 00:05:54,300 --> 00:05:58,100 Yhtiﺣﭘn palveluksessa oli 100000 tyﺣﭘntekijﺣ۳ﺣ۳ viime vuosina. 129 00:05:58,100 --> 00:06:01,171 Ja niin sivusto tunnetaan Verge valmistettu tﺣ۳mﺣ۳ kunnianosoitus video 130 00:06:01,171 --> 00:06:02,920 ettﺣ۳ ajattelimme yhteinen, joka antaa sinulle 131 00:06:02,920 --> 00:06:08,380 tunne kuinka paljon energiaa Steve tuo esittelyﺣ۳ hﺣ۳n antaa. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEOTOISTOSTA] 134 00:06:12,550 --> 00:06:16,220 -Microsoft On kuin neljﺣ۳sosa lapsi. 135 00:06:16,220 --> 00:06:18,260 Lapset tekevﺣ۳t poistua talosta. 136 00:06:18,260 --> 00:06:21,875 Tﺣ۳ssﺣ۳ tapauksessa, luulisin Lﺣ۳hden talon. 137 00:06:21,875 --> 00:06:23,270 Hei Bill, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> -Hei, Wazzap? 140 00:06:25,320 --> 00:06:28,590 Meille on annettu valtava mahdollisuus. 141 00:06:28,590 --> 00:06:30,210 Ja Bill antoi meille siihen mahdollisuuden. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Haluan kiittﺣ۳ﺣ۳ Bill siitﺣ۳. 144 00:06:36,770 --> 00:06:39,630 Haluan sinun myﺣﭘs. 145 00:06:39,630 --> 00:06:42,500 Innovaatiovauhti ei aio hidastaa. 146 00:06:42,500 --> 00:06:45,140 >> Se tulee saada nopeammin ja nopeammin. 147 00:06:45,140 --> 00:06:50,165 Siellﺣ۳ saattaa olla muutama kilpailijoita ettﺣ۳ valitettavasti eliminoitu! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Rakastan tﺣ۳mﺣ۳n yrityksen. 150 00:06:59,564 --> 00:07:00,064 Kyllﺣ۳! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Olen PC, ja rakastan tﺣ۳tﺣ۳ yritystﺣ۳! 153 00:07:08,250 --> 00:07:13,090 >> Kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, 154 00:07:13,090 --> 00:07:14,560 kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Kyllﺣ۳! 157 00:07:18,970 --> 00:07:19,950 Web-kehittﺣ۳jille! 158 00:07:19,950 --> 00:07:21,420 >> Web-kehittﺣ۳jille! 159 00:07:21,420 --> 00:07:22,890 Web-kehittﺣ۳jille! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Kuuntele mitﺣ۳ muuta saada ilman lisﺣ۳maksua! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS-johtoon, tapaaminen kalenteri, kortti kasa, muistilehtiﺣﭘ, 163 00:07:31,960 --> 00:07:33,750 kello, ohjauspaneeli. 164 00:07:33,750 --> 00:07:35,461 Ja voitko uskoa sitﺣ۳? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Polttaa ne CD! 167 00:07:37,270 --> 00:07:38,660 Lﺣ۳hettﺣ۳ﺣ۳ ne MSN! 168 00:07:38,660 --> 00:07:40,422 Voit postittaa ne ystﺣ۳villesi! 169 00:07:40,422 --> 00:07:41,790 >> Kaikki yhdellﺣ۳ klikkauksella! 170 00:07:41,790 --> 00:07:48,670 Yksi Microsoft, yksi strategia, yksi team-- keskittynyt, kurinalainen, ammatti, 171 00:07:48,670 --> 00:07:50,610 ja asiantuntija kaikessa mitﺣ۳ teemme. 172 00:07:50,610 --> 00:07:52,670 Saanen kﺣ۳yttﺣ۳ﺣ۳ linja vanhan elokuvan. 173 00:07:52,670 --> 00:07:54,810 >> Ihmissuhteet ovat kuin haita. 174 00:07:54,810 --> 00:07:57,480 Ne eteenpﺣ۳in tai ne kuolevat. 175 00:07:57,480 --> 00:08:01,470 Olen itse sitﺣ۳ mieltﺣ۳, tech yritykset ovat samat. 176 00:08:01,470 --> 00:08:04,801 >> [END VIDEOTOISTOSTA] 177 00:08:04,801 --> 00:08:08,050 DAVID J. MALAN: Eli olemme niin tyytyvﺣ۳isiﺣ۳ ilmoittaa, ettﺣ۳ Steve liittyy joukkoomme 178 00:08:08,050 --> 00:08:13,320 tﺣ۳ﺣ۳llﺣ۳ CS50 ensi keskiviikkona klo paikkakunta ja aika tﺣ۳ﺣ۳llﺣ۳. 179 00:08:13,320 --> 00:08:14,750 Space todennﺣ۳kﺣﭘisesti rajallinen. 180 00:08:14,750 --> 00:08:19,650 Ja niin liittymﺣ۳ﺣ۳n meihin henkilﺣﭘkohtaisesti, ota suunnata tﺣ۳nﺣ۳ﺣ۳n tai pian sen jﺣ۳lkeen 181 00:08:19,650 --> 00:08:22,600 jotta cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> Ja me jatkotoimet Tiistai vahvistaa paikkoja. 183 00:08:25,780 --> 00:08:29,900 Odotan, ettﺣ۳ ensi Keskiviikko aikana luento CS50. 184 00:08:29,900 --> 00:08:33,706 Nyt muita uutisia, satuin tﺣﭘrmﺣ۳nnyt tﺣ۳mﺣ۳n Crimson juuri 185 00:08:33,706 --> 00:08:34,289 toinen pﺣ۳ivﺣ۳. 186 00:08:34,289 --> 00:08:37,370 >> On kﺣ۳ynyt ilmi, ettﺣ۳ yksi CS50: n henkilﺣﭘstﺣﭘ ja ainakin yksi CS50: n opiskelijoita 187 00:08:37,370 --> 00:08:40,299 parhaillaan kﺣ۳ynnissﺣ۳ UC puheenjohtaja ja varapuheenjohtaja, 188 00:08:40,299 --> 00:08:42,950 joka toi minut takaisin omaa pﺣ۳ivﺣ۳ﺣ۳ takaisin 189 00:08:42,950 --> 00:08:45,920 kun menetin UC vaalit surkeasti. 190 00:08:45,920 --> 00:08:48,210 Mutta hyvﺣ۳ﺣ۳kin ettﺣ۳ on olen aina 191 00:08:48,210 --> 00:08:50,604 kerro tarina on, ettﺣ۳ yksi olen varma 192 00:08:50,604 --> 00:08:52,770 monia syitﺣ۳ menetin vaalit oli tﺣ۳ydellinen puuttuminen 193 00:08:52,770 --> 00:08:54,103 on lahjakkuutta julkinen puhuminen. 194 00:08:54,103 --> 00:08:56,950 Ja niin aivan rehellisesti, se ajoi minut, ettﺣ۳ kokemus 195 00:08:56,950 --> 00:09:02,235 Luulen junior vuonna, itse allekirjoittaa jopa Harvardin Computer Society, joka 196 00:09:02,235 --> 00:09:04,610 on ryhmﺣ۳ kampuksella ettﺣ۳ omistaa useita teknisiﺣ۳ neuvotteluja 197 00:09:04,610 --> 00:09:05,318 ja muita asioita. 198 00:09:05,318 --> 00:09:08,117 Ja otin niiden opetus seminaareja ja siksi 199 00:09:08,117 --> 00:09:09,950 oli tilaisuus, ihana tilaisuus, 200 00:09:09,950 --> 00:09:12,620 aloittaa tyﺣﭘskentelyn juuri tﺣ۳mﺣ۳n. 201 00:09:12,620 --> 00:09:15,000 Mutta myﺣﭘs, minulla oli tilaisuus aikana tﺣ۳mﺣ۳ kokemus 202 00:09:15,000 --> 00:09:16,930 opettaa itselleni sitﺣ۳kin HTML. 203 00:09:16,930 --> 00:09:21,080 Ja niin minﺣ۳ lykﺣ۳nneet viime yﺣﭘnﺣ۳ katsellut HTML pohjainen sivusto 204 00:09:21,080 --> 00:09:28,066 Tein kuten 1997, -98, minun -kampanja, joka nﺣ۳yttﺣ۳ﺣ۳ tﺣ۳ltﺣ۳ tﺣ۳ﺣ۳llﺣ۳. 205 00:09:28,066 --> 00:09:29,920 Tiedﺣ۳n. 206 00:09:29,920 --> 00:09:33,340 >> Because-- ja tietenkin huomautus tﺣ۳mﺣ۳ hﺣ۳mmﺣ۳styttﺣ۳vﺣ۳ muotoilu pﺣ۳ﺣ۳tﺣﭘs vuonna 1998 207 00:09:33,340 --> 00:09:33,850 tai vaikka mitﺣ۳. 208 00:09:33,850 --> 00:09:36,475 Ensimmﺣ۳inen asia, jonka haluat kﺣ۳yttﺣ۳jien tehdﺣ۳ kun vierailevat sivustolla 209 00:09:36,475 --> 00:09:39,860 on saada napsauttaa toista linkkiﺣ۳ juuri Syﺣﭘtﺣ۳ sivuston tﺣ۳ﺣ۳llﺣ۳ munkki 210 00:09:39,860 --> 00:09:43,940 takana kuin verhottu verho, jossa ilmeisesti kampanjan alusta oli. 211 00:09:43,940 --> 00:09:46,330 Ja tﺣ۳mﺣ۳ on kaikki mitﺣ۳ saat tﺣ۳nﺣ۳ﺣ۳n on vain kuvakaappaus. 212 00:09:46,330 --> 00:09:49,500 Mutta luin lﺣ۳pi, kuten, kampanjani julisteita viime yﺣﭘnﺣ۳ 213 00:09:49,500 --> 00:09:50,490 ja minun foorumi. 214 00:09:50,490 --> 00:09:52,960 >> Ja olin niin vihainen tuolloin. 215 00:09:52,960 --> 00:09:55,380 Oma alusta was-- se oli mielenkiintoinen. 216 00:09:55,380 --> 00:09:57,730 Joten olen rauhoittunut sen jﺣ۳lkeen. 217 00:09:57,730 --> 00:10:03,550 Mutta jonain pﺣ۳ivﺣ۳nﺣ۳, minﺣ۳ juoksen uudelleen ja toivottavasti parempi tﺣ۳llﺣ۳ kertaa. 218 00:10:03,550 --> 00:10:07,265 >> Niin HTML, ettﺣ۳ kieli, jolla tein ettﺣ۳ in-- voit pian tehdﺣ۳ paljon more-- 219 00:10:07,265 --> 00:10:09,140 on jotain olemme olleet puhumme myﺣﭘhﺣ۳ssﺣ۳ 220 00:10:09,140 --> 00:10:12,460 ja pitkﺣ۳lti itsestﺣ۳ﺣ۳n selvﺣ۳nﺣ۳ nyt ettﺣ۳ olemme siirtyneet muille kielille. 221 00:10:12,460 --> 00:10:15,650 Mutta katsotaanpa keskeyttﺣ۳ﺣ۳ hetkeksi ja laittaa nﺣ۳mﺣ۳ asiat yhteydessﺣ۳. 222 00:10:15,650 --> 00:10:18,040 Joten lauseen, mikﺣ۳ on HTML? 223 00:10:18,040 --> 00:10:19,370 >> Tai, mitﺣ۳ kﺣ۳ytetﺣ۳ﺣ۳n? 224 00:10:19,370 --> 00:10:20,208 Kukaan? 225 00:10:20,208 --> 00:10:20,708 Kyllﺣ۳. 226 00:10:20,708 --> 00:10:22,002 >> Yleisﺣﭘ: Markup sivustoille. 227 00:10:22,002 --> 00:10:23,460 DAVID J. MALAN: Markup verkkosivuilla. 228 00:10:23,460 --> 00:10:27,100 Joten se on kuvauskieli voit jﺣ۳sentﺣ۳ﺣ۳ sivun. 229 00:10:27,100 --> 00:10:30,040 Header menee tﺣ۳ﺣ۳llﺣ۳, otsikko menee tﺣ۳ﺣ۳llﺣ۳, kehon menee tﺣ۳ﺣ۳llﺣ۳. 230 00:10:30,040 --> 00:10:33,280 Tﺣ۳mﺣ۳ on lihavoituna, tﺣ۳mﺣ۳ on italics-- tﺣ۳llaista yksityiskohtia. 231 00:10:33,280 --> 00:10:33,830 >> OK, hyvﺣ۳. 232 00:10:33,830 --> 00:10:37,620 Joten CSS avulla sinﺣ۳-- ja minﺣ۳ otti vapauksia siellﺣ۳ 233 00:10:37,620 --> 00:10:40,990 kanssa rohkea pﺣ۳in ja kursiivilla koska ettﺣ۳ on parempi toteuttaa tﺣ۳mﺣ۳. 234 00:10:40,990 --> 00:10:42,096 CSS is-- mitﺣ۳? 235 00:10:42,096 --> 00:10:42,845 Sanoa lauseen. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Kuka tahansa. 238 00:10:46,720 --> 00:10:46,870 Joo. 239 00:10:46,870 --> 00:10:49,286 >> Yleisﺣﭘ: koristeet ja juttuja, kuten miten suunnitella sitﺣ۳. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. MALAN: OK, hyvﺣ۳. 242 00:10:52,810 --> 00:10:55,420 Koristeita, joiden avulla voit suunnitella sitﺣ۳ tai tyylitellﺣ۳ se 243 00:10:55,420 --> 00:10:59,540 asioita, kuten lihavointia ja kursiivilla ja vﺣ۳rejﺣ۳ ja myﺣﭘs hienoja 244 00:10:59,540 --> 00:11:01,330 rakeinen asemoinnit. 245 00:11:01,330 --> 00:11:04,520 Se tavallaan voit ottaa asiat viimeisen mailin niin, ettﺣ۳ jos, esimerkiksi, 246 00:11:04,520 --> 00:11:08,130 vuonna Pset7, olet ehkﺣ۳ huomannut teidﺣ۳n portfolio sivun, jos olet tﺣ۳ssﺣ۳ vaiheessa 247 00:11:08,130 --> 00:11:12,270 jo, ettﺣ۳ oletustaulukko ettﺣ۳ olet tehdﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ kﺣ۳yttﺣ۳jﺣ۳n varastossa tilojen 248 00:11:12,270 --> 00:11:15,740 ja kﺣ۳teistﺣ۳ luultavasti nﺣ۳yttﺣ۳ﺣ۳ melko hirveﺣ۳ oletuksena ilman valkoista tilaa. 249 00:11:15,740 --> 00:11:18,420 Kaikki on erﺣ۳ﺣ۳nlainen pullollaan yhdessﺣ۳ riveihin ja sarakkeisiin. 250 00:11:18,420 --> 00:11:20,662 >> Hyvin, hieman CSS, niin saatat huomata, 251 00:11:20,662 --> 00:11:23,870 voit itse muokata sitﺣ۳ ja tehdﺣ۳ siitﺣ۳ jotain paljon tuttuja ja paljon 252 00:11:23,870 --> 00:11:24,870 kauniimpi katsoa. 253 00:11:24,870 --> 00:11:27,730 Joten CSS on noin stilisointi sivustot. 254 00:11:27,730 --> 00:11:31,970 Mutta sitten otimme kﺣ۳yttﺣﭘﺣﭘn vielﺣ۳ toinen kieli, PHP, joka antaa meidﺣ۳n tehdﺣ۳ mitﺣ۳? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Haluan vain tehdﺣ۳ mitﺣ۳? 257 00:11:37,590 --> 00:11:38,177 Ketﺣ۳ﺣ۳n. 258 00:11:38,177 --> 00:11:40,010 Sai venture ulkopuolella pari ensimmﺣ۳istﺣ۳ riviﺣ۳. 259 00:11:40,010 --> 00:11:40,260 Joo. 260 00:11:40,260 --> 00:11:41,719 >> Yleisﺣﭘ: Luo dynaamista sisﺣ۳ltﺣﭘﺣ۳. 261 00:11:41,719 --> 00:11:42,718 DAVID J. MALAN: Perfect. 262 00:11:42,718 --> 00:11:43,850 Tuottaa dynaamista sisﺣ۳ltﺣﭘﺣ۳. 263 00:11:43,850 --> 00:11:45,808 Ja voit tehdﺣ۳ tﺣ۳mﺣ۳n rajoittamattoman mﺣ۳ﺣ۳rﺣ۳n kielillﺣ۳. 264 00:11:45,808 --> 00:11:50,120 Satumme kﺣ۳yttﺣ۳ﺣ۳ PHP koska se on osittain niin samanlainen kuin C syntaksin. 265 00:11:50,120 --> 00:11:52,000 >> Mutta PHP juuri nﺣ۳in. 266 00:11:52,000 --> 00:11:54,620 Sen avulla voit dynaamisesti tuotos. 267 00:11:54,620 --> 00:11:57,890 Ja joitakin ettﺣ۳ tuotanto voi olla HTML, koska olemme yleensﺣ۳ tehneet. 268 00:11:57,890 --> 00:12:00,160 Ja se on myﺣﭘs, koska se on ohjelmointikieli, on 269 00:12:00,160 --> 00:12:03,240 mekanismi, jonka kautta Voimme puhua tietokantoihin. 270 00:12:03,240 --> 00:12:05,730 >> Ja voimme tehdﺣ۳ kyselyjﺣ۳ muita palvelimia kuten Yahoos 271 00:12:05,730 --> 00:12:08,660 ja ohjelmallisesti tehdﺣ۳ mitﺣ۳ﺣ۳n todella, ettﺣ۳ et olisi muuten 272 00:12:08,660 --> 00:12:10,400 halua pakottaa tietokonetta tehdﺣ۳. 273 00:12:10,400 --> 00:12:13,580 Joten PHP antaa meidﺣ۳n alkaa dynaamisesti syﺣﭘttﺣﭘﺣ۳ sisﺣ۳ltﺣﭘﺣ۳. 274 00:12:13,580 --> 00:12:16,900 Joten tﺣ۳mﺣ۳n logiikan, minulla ei ollut dynaamisen sivuston jo vuonna 1998. 275 00:12:16,900 --> 00:12:18,460 >> Se oli vain staattinen web-sivun. 276 00:12:18,460 --> 00:12:22,250 Oma sisﺣ۳ltﺣﭘ oli muuttunut manuaalisesti gedit tai muuta vastaavaa. 277 00:12:22,250 --> 00:12:25,290 Mutta PHP on mitﺣ۳ me kﺣ۳ytetﺣ۳ﺣ۳n tai voineet kﺣ۳yttﺣ۳ﺣ۳, vaan 278 00:12:25,290 --> 00:12:27,260 sillﺣ۳ jotain Frosh pikaviestejﺣ۳ sivusto, joka 279 00:12:27,260 --> 00:12:31,160 piti ottaa rekisterﺣﭘinnit ja hallita luettelo users-- asioista, 280 00:12:31,160 --> 00:12:33,550 todella siirtymﺣ۳ssﺣ۳ aikaa, vaikka meillﺣ۳ sattuu 281 00:12:33,550 --> 00:12:35,990 kﺣ۳yttﺣ۳ﺣ۳ Perl, eri kieli tuolloin. 282 00:12:35,990 --> 00:12:40,350 >> Ja sitten lopuksi, esittelimme SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Niin vielﺣ۳ toinen kieli joka on kﺣ۳ytetty mitﺣ۳? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Kﺣ۳ytetﺣ۳ﺣ۳n mitﺣ۳? 286 00:12:47,639 --> 00:12:49,430 Voimmeko lﺣ۳hteﺣ۳ slight-- OK, emme aio 287 00:12:49,430 --> 00:12:51,263 saada paljon kauemmas kuin orkesteri tﺣ۳ﺣ۳llﺣ۳. 288 00:12:51,263 --> 00:12:53,432 Yleisﺣﭘ: Se on protokolla tapana puhua tietokantoihin. 289 00:12:53,432 --> 00:12:55,640 DAVID J. MALAN: protokolla tapana puhua tietokantoihin. 290 00:12:55,640 --> 00:12:56,181 Saanen nipistﺣ۳ﺣ۳. 291 00:12:56,181 --> 00:12:59,280 Se on luonnollinen kieli puhua databases-- valitsee 292 00:12:59,280 --> 00:13:01,280 ja insertit ja poistaa ja pﺣ۳ivityksiﺣ۳ ja itse 293 00:13:01,280 --> 00:13:03,840 jopa enemmﺣ۳n ominaisuuksia, jotka emme ole edes sukeltanut 294 00:13:03,840 --> 00:13:07,920 osaksi, mutta voit halutessasi explore-- olla etsintﺣ۳ﺣ۳n vaikkapa opinnﺣ۳ytetyﺣﭘn. 295 00:13:07,920 --> 00:13:09,560 Joten on nﺣ۳iden eri kappaletta. 296 00:13:09,560 --> 00:13:13,100 >> Ja toivottavasti Pset7, vaikka sen erittely on varsin pitkﺣ۳, 297 00:13:13,100 --> 00:13:15,990 se on tarkoituksella pitkﺣ۳ kﺣ۳vellﺣ۳ sinua lﺣ۳pi, miten nﺣ۳mﺣ۳ asiat voivat kaikki 298 00:13:15,990 --> 00:13:17,210 on kirjoitettu yhteen. 299 00:13:17,210 --> 00:13:20,300 Nyt maanantaina, me Esittelimme viime kieli 300 00:13:20,300 --> 00:13:23,430 ettﺣ۳ me virallisesti kﺣ۳yttﺣﭘﺣﭘn vuonna course-- eli JavaScript. 301 00:13:23,430 --> 00:13:25,720 Tﺣ۳mﺣ۳, kuten PHP, on tulkittu kieli. 302 00:13:25,720 --> 00:13:28,110 >> Mutta keskeinen ero Ehdotin maanantaina 303 00:13:28,110 --> 00:13:32,730 on, ettﺣ۳ kun PHP on tﺣ۳ytﺣ۳ntﺣﭘﺣﭘnpanovaltiossa tai tulkitaan palvelimella, joka 304 00:13:32,730 --> 00:13:35,990 Tﺣ۳ssﺣ۳ tapauksessa on CS50 laite, tai ehkﺣ۳ joitakin kaupallisia web 305 00:13:35,990 --> 00:13:39,370 palvelimen internetissﺣ۳, JavaScript yleensﺣ۳ 306 00:13:39,370 --> 00:13:43,650 on kieli, joka toimii asiakkaan puolella ei palvelimen side-- niin selaimessa. 307 00:13:43,650 --> 00:13:46,970 Toisin sanoen, aivan kuten silloin, kun avasin up Facebook lﺣ۳hdekoodin ja lﺣﭘysi kaikki 308 00:13:46,970 --> 00:13:51,510 Nﺣ۳iden Js tiedostot, implisiittisesti oli ettﺣ۳ kun kﺣ۳yt Facebookissa tai eniten 309 00:13:51,510 --> 00:13:54,810 sivustot nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳, saat ei vain HTML, ei vain CSS, 310 00:13:54,810 --> 00:13:59,370 mutta koko joukko JavaScript koodi usein muodossa Js-tiedostoja. 311 00:13:59,370 --> 00:14:03,970 Ja sitten se browser-- oma Mac tai PC-- joka suorittaa kyseisen koodin. 312 00:14:03,970 --> 00:14:05,990 >> Mutta selain suorittaa sen. 313 00:14:05,990 --> 00:14:08,070 Voit ajatella erﺣ۳ﺣ۳nlainen hiekkalaatikko. 314 00:14:08,070 --> 00:14:12,420 Jotta JavaScript-koodi ei saa olla voi poistaa tiedostoja tietokoneessa. 315 00:14:12,420 --> 00:14:14,730 Sen ei pitﺣ۳isi pystyﺣ۳ lﺣ۳hettﺣ۳ﺣ۳ sﺣ۳hkﺣﭘposteja puolestasi. 316 00:14:14,730 --> 00:14:17,760 Selaimesi sellainen toimenpide rajoittaa mitﺣ۳ voit tehdﺣ۳ sen kanssa. 317 00:14:17,760 --> 00:14:20,630 >> Joten siinﺣ۳ mielessﺣ۳, se on hieman vﺣ۳hemmﺣ۳n voimakas, ehkﺣ۳, kuin C. 318 00:14:20,630 --> 00:14:24,030 Mutta JavaScript voi, koska syrjﺣ۳ﺣ۳n, voidaan kﺣ۳yttﺣ۳ﺣ۳ palvelimessa, 319 00:14:24,030 --> 00:14:27,740 vaikka me ei yleensﺣ۳ puhu siitﺣ۳ tﺣ۳ssﺣ۳ yhteydessﺣ۳. 320 00:14:27,740 --> 00:14:29,740 Joten nyt Katsotaanpa sitoa nﺣ۳mﺣ۳ yhteen. 321 00:14:29,740 --> 00:14:34,000 Viikko plus sitten esitimme joitakin HTML on left-- Super tylsﺣ۳ ﻗ€‹ﻗ€‹web-sivulla. 322 00:14:34,000 --> 00:14:35,000 >> Vain sanoo hello world. 323 00:14:35,000 --> 00:14:38,110 Ja sitten ehdotin oikeus voimme sellaista varastaa ideoita 324 00:14:38,110 --> 00:14:41,470 meidﺣ۳n keskustelu tietorakenteita C 325 00:14:41,470 --> 00:14:45,270 ja miettiﺣ۳, miten tﺣ۳mﺣ۳ hierarkkinen markup language vasemmalla 326 00:14:45,270 --> 00:14:49,720 voitu tehdﺣ۳ tai panna tﺣ۳ytﺣ۳ntﺣﭘﺣﭘn muistiin koska todellinen puurakenteen solmut 327 00:14:49,720 --> 00:14:51,400 ja viitteitﺣ۳ ja tuollaiset tiedot. 328 00:14:51,400 --> 00:14:53,820 Oikealla, kutsumme ettﺣ۳ DOM-- Document 329 00:14:53,820 --> 00:14:56,800 Esineet Model-- joka on vain hieno tapa sanoa puu. 330 00:14:56,800 --> 00:14:59,520 >> Nyt miksi tﺣ۳mﺣ۳ hyﺣﭘdyllistﺣ۳ ajattele sitﺣ۳ tﺣ۳llﺣ۳ tavalla? 331 00:14:59,520 --> 00:15:01,680 Koska nyt JavaScript, koska meillﺣ۳ on 332 00:15:01,680 --> 00:15:05,810 koodi, joka saa pelata tﺣ۳ssﺣ۳ ympﺣ۳ristﺣﭘ, todellinen HTML, joka on 333 00:15:05,810 --> 00:15:08,360 lﺣ۳hetetty selaimelle jo ja on jo 334 00:15:08,360 --> 00:15:12,690 ladattu muistiin selain puuksi tietokoneen 335 00:15:12,690 --> 00:15:18,270 RAM nﺣ۳in, voimme kﺣ۳yttﺣ۳ﺣ۳ JavaScript itse kulkea tai kﺣ۳vellﺣ۳ tai haku 336 00:15:18,270 --> 00:15:21,800 tai muuttaa tﺣ۳tﺣ۳ DOM puun kuitenkin haluamme. 337 00:15:21,800 --> 00:15:24,040 Joten itse asiassa, jos luulet noin facebook.com, 338 00:15:24,040 --> 00:15:27,660 jos kﺣ۳ytﺣ۳t chat-toimintoa, jos Gmailin ja Gchat ominaisuus, 339 00:15:27,660 --> 00:15:30,540 mitﺣ۳ jos sinulla on tulevat viestit uudelleen ja uudelleen 340 00:15:30,540 --> 00:15:35,880 ja uudelleen, kyseiset viestit ovat todennﺣ۳kﺣﭘisesti, kuten, LI tag, listan osa tageja, ehkﺣ۳. 341 00:15:35,880 --> 00:15:37,940 >> Tai ehkﺣ۳ he vain divs ettﺣ۳ pitﺣ۳ﺣ۳ nﺣ۳kyﺣ۳ 342 00:15:37,940 --> 00:15:39,770 joka kerta kun saat pikaviestin. 343 00:15:39,770 --> 00:15:42,960 Ja niin ettﺣ۳ vain sitﺣ۳ mitﺣ۳ Facebook tai Google tekee 344 00:15:42,960 --> 00:15:45,200 on aina saat viestin palvelimelta, 345 00:15:45,200 --> 00:15:48,740 ne luultavasti JavaScriptin avulla vain lisﺣ۳tﺣ۳ toisen solmun 346 00:15:48,740 --> 00:15:52,700 Tﺣ۳mﺣ۳n tree-- toiseen solmuun tﺣ۳mﺣ۳n puu, joka sitten visuaalisesti vain nﺣ۳yttﺣ۳ﺣ۳ 347 00:15:52,700 --> 00:15:54,570 kuin uusi rivi tekstiﺣ۳ ruudulla. 348 00:15:54,570 --> 00:15:57,100 Mutta he asetat tﺣ۳hﺣ۳n tietorakenne. 349 00:15:57,100 --> 00:15:59,742 >> Niin luokissa kuin CS124 ja toiset, luultavasti 350 00:15:59,742 --> 00:16:02,200 itse kirjoittaa enemmﺣ۳n koodia vastaan tietorakenteita kuten tﺣ۳mﺣ۳. 351 00:16:02,200 --> 00:16:04,310 Mutta nyt JavaScript, me vain olettaa 352 00:16:04,310 --> 00:16:07,920 saamme kaiken tﺣ۳mﺣ۳n toiminnallisuuden ilmaiseksi kieltﺣ۳ itse. 353 00:16:07,920 --> 00:16:09,210 Joten katsotaanpa esimerkki. 354 00:16:09,210 --> 00:16:13,120 >> Saanen avata tiedoston nimeltﺣ۳ form.html. 355 00:16:13,120 --> 00:16:14,601 Se on erittﺣ۳in yksinkertaista. 356 00:16:14,601 --> 00:16:15,600 Se vain nﺣ۳yttﺣ۳ﺣ۳ tﺣ۳ltﺣ۳. 357 00:16:15,600 --> 00:16:17,860 >> Ei CSS, ei ajatellut estetiikkaa. 358 00:16:17,860 --> 00:16:19,810 Se on puhtaasti toiminnallinen ja ilmeisesti olen 359 00:16:19,810 --> 00:16:24,000 pyytﺣ۳ﺣ۳ sﺣ۳hkﺣﭘpostin, salasana, salasana uudelleen, ja sitten tarkistaa 360 00:16:24,000 --> 00:16:26,150 sopia joihinkin ehdot. 361 00:16:26,150 --> 00:16:28,740 Mikﺣ۳ lﺣ۳hdekoodi nﺣ۳yttﺣ۳ﺣ۳ on luultavasti jotain 362 00:16:28,740 --> 00:16:31,030 arvata saattaa kanssa hieman ajatellut nyt. 363 00:16:31,030 --> 00:16:32,840 Minulla muoto tag tﺣ۳ﺣ۳llﺣ۳. 364 00:16:32,840 --> 00:16:36,190 >> Toiminta on ilmeisesti menossa Siirry tiedoston nimeltﺣ۳ register.php. 365 00:16:36,190 --> 00:16:37,870 Menetelmﺣ۳ aion kﺣ۳yttﺣ۳ﺣ۳ on saada. 366 00:16:37,870 --> 00:16:40,880 Ja sitten minulla teksti kenttﺣ۳, jonka nimi on sﺣ۳hkﺣﭘpostiosoite. 367 00:16:40,880 --> 00:16:43,340 >> Minulla salasana kenttﺣ۳ jonka nimi on salasana. 368 00:16:43,340 --> 00:16:45,420 Minulla toisen salasana kenttﺣ۳ jonka nimi 369 00:16:45,420 --> 00:16:47,342 on jokseenkin mielivaltaisesti vahvistus. 370 00:16:47,342 --> 00:16:49,690 Se on vain yksi HTTP-parametri. 371 00:16:49,690 --> 00:16:54,430 >> Ja sitten me olemme ole kﺣ۳yttﺣ۳nyt nﺣ۳itﺣ۳ paitsi koska Frosh infrastruktuurin demon class-- 372 00:16:54,430 --> 00:16:56,692 valintaruutu, joka on vain tyyppi on sama kuin tarkistaa. 373 00:16:56,692 --> 00:16:57,900 Ja soitan, ettﺣ۳ sopimus. 374 00:16:57,900 --> 00:17:00,700 Joten olen sellainen mielivaltaisesti vaan sopivasti nimetty nﺣ۳illﺣ۳ aloilla. 375 00:17:00,700 --> 00:17:03,450 Niin ettﺣ۳ nyt kun tﺣ۳mﺣ۳ muoto saa toimitettu, katsotaan mitﺣ۳ tapahtuu. 376 00:17:03,450 --> 00:17:07,290 Jos teen malan@harvard.edu, Teen salasana Crimson. 377 00:17:07,290 --> 00:17:09,530 Teen salasanan mitﺣ۳ﺣ۳n. 378 00:17:09,530 --> 00:17:10,910 ﺣ„lkﺣ۳ﺣ۳mme yhteistyﺣﭘtﺣ۳. 379 00:17:10,910 --> 00:17:12,280 >> Enkﺣ۳ ruutu. 380 00:17:12,280 --> 00:17:13,940 Minﺣ۳pﺣ۳ valitse Register. 381 00:17:13,940 --> 00:17:15,420 Ja se sanoo, hm, olet rekisterﺣﭘitynyt. 382 00:17:15,420 --> 00:17:16,069 Ei oikeastaan. 383 00:17:16,069 --> 00:17:17,450 >> Mutta URL muuttunut. 384 00:17:17,450 --> 00:17:22,280 Joten tﺣ۳ssﺣ۳ muodossa on selvﺣ۳sti sallittu alistumaan register.php. 385 00:17:22,280 --> 00:17:25,160 Mutta oletettavasti, minun pitﺣ۳isi olla kiinni joitakin nﺣ۳istﺣ۳ virheistﺣ۳. 386 00:17:25,160 --> 00:17:27,569 Nyt Pset7 ja joissakin meidﺣ۳n luento esimerkkejﺣ۳, 387 00:17:27,569 --> 00:17:30,130 me yleensﺣ۳ tulostaa iso punainen virheilmoitus tﺣ۳ﺣ۳llﺣ۳ 388 00:17:30,130 --> 00:17:33,760 sanomalla, puuttuu nimi, tai puuttuvat salasana. 389 00:17:33,760 --> 00:17:37,680 Olemme tehneet, ettﺣ۳ ennen Niistﺣ۳ meillﺣ۳ Done palvelimen puolella virheiden havaitsemiseen. 390 00:17:37,680 --> 00:17:41,580 >> Mutta monet sivustot nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳ tehdﺣ۳ asiakkaan puolella virheiden havaitsemiseen 391 00:17:41,580 --> 00:17:42,810 jos URL-osoite ei muutu. 392 00:17:42,810 --> 00:17:44,101 Koko sivu ei pﺣ۳ivity. 393 00:17:44,101 --> 00:17:46,940 Voit saada vﺣ۳litﺣﭘntﺣ۳ palautetta selaimesta. 394 00:17:46,940 --> 00:17:48,070 Ehkﺣ۳ jotain menee punainen. 395 00:17:48,070 --> 00:17:49,190 >> Ehkﺣ۳ saat pop up. 396 00:17:49,190 --> 00:17:53,240 Mutta et tuhlaa aikaa lﺣ۳hettﺣ۳mistﺣ۳ palvelimen tiedot, joka on epﺣ۳tﺣ۳ydellinen. 397 00:17:53,240 --> 00:17:56,050 Katsotaanpa, miten voimme saavuttamiseksi ominaisuus samoin. 398 00:17:56,050 --> 00:17:59,660 >> Anna minun mennﺣ۳ form1.html, joka nﺣ۳yttﺣ۳ﺣ۳ samalta. 399 00:17:59,660 --> 00:18:03,530 Mutta jos tﺣ۳llﺣ۳ kertaa teen malan@harvard.edu ja kirjoitan Crimson 400 00:18:03,530 --> 00:18:07,350 enkﺣ۳ yhteistyﺣﭘtﺣ۳ entisestﺣ۳ﺣ۳n mutta valitse Register, huomaa nyt. 401 00:18:07,350 --> 00:18:08,940 Se ei ole seksikkﺣ۳in ratkaisu. 402 00:18:08,940 --> 00:18:10,900 Olen ainakin kiinni tﺣ۳mﺣ۳n virheen. 403 00:18:10,900 --> 00:18:12,900 Ja olen kﺣ۳yttﺣ۳nyt hﺣ۳lytys toiminto JavaScript-- 404 00:18:12,900 --> 00:18:14,090 josta olemme vain kﺣ۳yttﺣ۳mﺣ۳llﺣ۳ luokassa. 405 00:18:14,090 --> 00:18:16,430 Yleensﺣ۳ sinun ei pitﺣ۳isi kﺣ۳yttﺣ۳ﺣ۳ tﺣ۳tﺣ۳ koska se voi hyvin nopeasti ulos 406 00:18:16,430 --> 00:18:17,160 valvonnan. 407 00:18:17,160 --> 00:18:19,180 Mutta salasanat eivﺣ۳t tﺣ۳smﺣ۳ﺣ۳ on virhe. 408 00:18:19,180 --> 00:18:21,120 >> Anna minun mennﺣ۳ eteenpﺣ۳in ja valitse OK. 409 00:18:21,120 --> 00:18:25,040 Mutta mitﺣ۳ nﺣ۳ppﺣ۳intﺣ۳ takeaway tﺣ۳ﺣ۳llﺣ۳ on se, ettﺣ۳ URL-osoite ei muutu. 410 00:18:25,040 --> 00:18:27,960 Joten en ole vaivautunut kuihtumista palvelimen aika kysyﺣ۳ sitﺣ۳ 411 00:18:27,960 --> 00:18:30,750 kysymys, ettﺣ۳ voisin olla tajunnut vastaus itselleni. 412 00:18:30,750 --> 00:18:33,210 >> Ja kﺣ۳yttﺣ۳jﺣ۳, vaikka puhuneet tﺣ۳stﺣ۳ 413 00:18:33,210 --> 00:18:35,264 pidempﺣ۳ﺣ۳n kuin kﺣ۳yttﺣ۳jﺣ۳n menossa ajatella tﺣ۳tﺣ۳, 414 00:18:35,264 --> 00:18:36,680 joutuu vﺣ۳littﺣﭘmﺣ۳n palautteen. 415 00:18:36,680 --> 00:18:39,044 Ei ole latenssi verkkoliitﺣ۳ntﺣ۳. 416 00:18:39,044 --> 00:18:40,460 Joten katso tﺣ۳tﺣ۳ lﺣ۳hdekoodia. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html nﺣ۳yttﺣ۳ﺣ۳ rakenteeltaan samanlaisia ﻗ€‹ﻗ€‹tﺣ۳ﺣ۳llﺣ۳. 418 00:18:45,600 --> 00:18:46,810 Muoto on itse asiassa sama. 419 00:18:46,810 --> 00:18:48,330 Mutta katsotaanpa, mitﺣ۳ tein tﺣ۳ﺣ۳llﺣ۳. 420 00:18:48,330 --> 00:18:49,913 Ja siellﺣ۳ on erilaisia ﻗ€‹ﻗ€‹tapoja tehdﺣ۳ tﺣ۳tﺣ۳. 421 00:18:49,913 --> 00:18:53,690 Ja olen tehnyt eniten suoraan seuraaja, mutta ei kaikkein tyylikﺣ۳s tapa vielﺣ۳. 422 00:18:53,690 --> 00:18:54,869 Minulla komentosarjatunnus. 423 00:18:54,869 --> 00:18:57,035 Sitten soittaa document.getElementById ('rekisterﺣﭘinti'). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 Ja minﺣ۳ tallentaa ettﺣ۳ arvo muodossa, muuttuja. 426 00:19:04,420 --> 00:19:05,520 >> Joten mitﺣ۳ minﺣ۳ olen tehnyt? 427 00:19:05,520 --> 00:19:08,960 Voit ajatella document.getElementById olevan 428 00:19:08,960 --> 00:19:11,200 erityinen toiminto, joka JavaScript antaa sinulle 429 00:19:11,200 --> 00:19:14,400 ettﺣ۳ kirjaimellisesti kﺣ۳siﺣ۳ osoitin yksi solmujen 430 00:19:14,400 --> 00:19:16,520 tai suorakaiteen tﺣ۳ssﺣ۳ puussa. 431 00:19:16,520 --> 00:19:21,470 Joten nyt, ettﺣ۳ mitﺣ۳ meidﺣ۳n muodossa muuttuja JavaScript on todella suunnattu. 432 00:19:21,470 --> 00:19:25,120 >> Joten nyt syntaksi eroaa C. Mutta me teemme muutamia asioita tﺣ۳ﺣ۳llﺣ۳. 433 00:19:25,120 --> 00:19:30,360 Yksi, tﺣ۳mﺣ۳ on vﺣ۳hﺣ۳n outo nﺣ۳kﺣﭘinen, varmasti vs. C. 434 00:19:30,360 --> 00:19:32,180 Mutta katsokaa linja 35. 435 00:19:32,180 --> 00:19:35,130 Niin vasemmalla form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Muista, ettﺣ۳ onsubmit on kuten kentﺣ۳n struct. 437 00:19:38,060 --> 00:19:41,480 Jos luulet muotoa muuttuja ollaan vasta C struct, 438 00:19:41,480 --> 00:19:42,600 se saattaa olla joillakin aloilla. 439 00:19:42,600 --> 00:19:46,410 >> Takaisin seuraavana pﺣ۳ivﺣ۳nﺣ۳, meillﺣ۳ oli opiskelijoita nimiﺣ۳, Tunnukset, talot, ne millaisia ﻗ€‹ﻗ€‹kentﺣ۳t. 440 00:19:46,410 --> 00:19:48,520 Ajatelkaapa onsubmit kuin toinen kenttﺣ۳. 441 00:19:48,520 --> 00:19:53,380 Mutta se on erikoisala, koska selain on valmiiksi ohjelmoitu odottaa 442 00:19:53,380 --> 00:19:57,530 .onsubmit jotta ei olla arvoa kuten numero tai merkkijono, 443 00:19:57,530 --> 00:20:01,180 mutta itse asiassa olla funktio tai osoitteen funktio 444 00:20:01,180 --> 00:20:02,570 tietokoneen muistiin. 445 00:20:02,570 --> 00:20:04,740 >> Ja todellakin, sitﺣ۳hﺣ۳n Tﺣ۳mﺣ۳n avainsanan tﺣ۳ﺣ۳llﺣ۳ tekee. 446 00:20:04,740 --> 00:20:06,710 Tﺣ۳mﺣ۳ sanoo, anna minulle uusi toiminto. 447 00:20:06,710 --> 00:20:09,390 Mutta mikﺣ۳ on sen nimi olemaan, ilmeisesti? 448 00:20:09,390 --> 00:20:10,800 >> Muistelen maanantaina. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Mikﺣ۳ on nimi tﺣ۳mﺣ۳n Toiminto perustuu tﺣ۳hﺣ۳n syntaksi? 451 00:20:17,170 --> 00:20:19,784 Ei, en tarkoita, siellﺣ۳ on selvﺣ۳sti no name associated-- varmasti 452 00:20:19,784 --> 00:20:21,200 ei mitﺣ۳ olen korostanut tﺣ۳ﺣ۳llﺣ۳. 453 00:20:21,200 --> 00:20:22,560 >> Mutta se on todella ok. 454 00:20:22,560 --> 00:20:25,840 Tﺣ۳mﺣ۳ on nimetﺣﭘn funktio, tai lambda toimivat jotkut saattavat kutsua sitﺣ۳. 455 00:20:25,840 --> 00:20:27,589 Ja se tarkoittaa vain sitﺣ۳, se on silti tehtﺣ۳vﺣ۳. 456 00:20:27,589 --> 00:20:29,400 Se on vain, et voi kutsua sitﺣ۳ nimeltﺣ۳. 457 00:20:29,400 --> 00:20:30,057 Mutta se on ok. 458 00:20:30,057 --> 00:20:33,140 Koska uudelleen, selain on ollut esiohjelmoima yritykset, kuten Google 459 00:20:33,140 --> 00:20:38,540 tai Microsoft tai Mozilla tai muita henkilﺣﭘitﺣ۳ juuri tietﺣ۳ﺣ۳, ettﺣ۳ jos .onsubmit kenttﺣ۳ 460 00:20:38,540 --> 00:20:43,400 sisﺣ۳llﺣ۳ lomakkeen elementin arvo, pitﺣ۳ﺣ۳ sitﺣ۳ function-- 461 00:20:43,400 --> 00:20:44,750 toiminnon osoitin, jos haluatte. 462 00:20:44,750 --> 00:20:46,910 Ja kutsua sitﺣ۳, kun lomake lﺣ۳hetetﺣ۳ﺣ۳n. 463 00:20:46,910 --> 00:20:50,350 >> Joten mitﺣ۳ koodi olisi toteutettava kun lomake lﺣ۳hetetﺣ۳ﺣ۳n? 464 00:20:50,350 --> 00:20:52,526 Ilmeisesti kaikki sisﺣ۳llﺣ۳ kihara ahdin. 465 00:20:52,526 --> 00:20:53,650 Ja tﺣ۳mﺣ۳ on vain tyylillinen. 466 00:20:53,650 --> 00:20:55,626 >> Tﺣ۳mﺣ۳n voi tehdﺣ۳ esimerkiksi meillﺣ۳ on tapana tehdﺣ۳ CS50. 467 00:20:55,626 --> 00:20:58,250 Mutta JavaScript, useimmat ihmiset pyrkivﺣ۳t pitﺣ۳mﺣ۳ﺣ۳n sen samalla rivillﺣ۳ 468 00:20:58,250 --> 00:21:01,960 vain koska se lisﺣ۳ﺣ۳ selvﺣ۳sti on liittyy avainsanan toiminto. 469 00:21:01,960 --> 00:21:03,240 Mitﺣ۳ nyt teen? 470 00:21:03,240 --> 00:21:08,616 >> Jos form.email.value yhtﺣ۳ kuin vertaistensa tyhjﺣ۳ merkkijono tai ei mitﺣ۳ﺣ۳n, tﺣ۳ssﺣ۳ on 471 00:21:08,616 --> 00:21:11,490 hﺣ۳lytys, jossa aion sanoa, sinun on annettava sﺣ۳hkﺣﭘpostiosoitteesi, 472 00:21:11,490 --> 00:21:12,690 ja sitten return false. 473 00:21:12,690 --> 00:21:15,720 Ja se, ettﺣ۳ paluu vﺣ۳ﺣ۳rﺣ۳, ettﺣ۳ estﺣ۳ﺣ۳ lomakkeen toimittamisesta. 474 00:21:15,720 --> 00:21:19,480 Samaan aikaan, jos salasana arvo on tyhjﺣ۳, aion huutaa kﺣ۳yttﺣ۳jﺣ۳ 475 00:21:19,480 --> 00:21:21,150 ja sanoa, sinun on annettava salasana. 476 00:21:21,150 --> 00:21:23,700 >> Samalla asiat menevﺣ۳t hieman harrastaja tﺣ۳ﺣ۳llﺣ۳. 477 00:21:23,700 --> 00:21:29,160 Jos form.password.value ei yhdenvertaisen form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 muulla alalla, huuda kﺣ۳yttﺣ۳jﺣ۳lle, ettﺣ۳ salasanat 479 00:21:31,680 --> 00:21:33,860 eivﺣ۳t tﺣ۳smﺣ۳ﺣ۳, koska ne ei hetki sitten. 480 00:21:33,860 --> 00:21:35,780 Ja sitten tﺣ۳mﺣ۳ yksi on vﺣ۳hﺣ۳n seksikkﺣ۳ﺣ۳mpi koska en 481 00:21:35,780 --> 00:21:40,470 tietﺣ۳ﺣ۳ Tiesin kﺣ۳sitteellisesti ettﺣ۳ tarkistettu on valintaruutu nimi. 482 00:21:40,470 --> 00:21:45,680 >> Joten voin vain kﺣ۳yttﺣ۳ﺣ۳ huudahdus kohta sanoa, jos tarkastus ei ole 483 00:21:45,680 --> 00:21:48,040 checked-- se Boolen arvo, totta vai false-- 484 00:21:48,040 --> 00:21:49,700 Minﺣ۳ huutaa kﺣ۳yttﺣ۳jﺣ۳lle tﺣ۳stﺣ۳ syystﺣ۳. 485 00:21:49,700 --> 00:21:52,300 Muuten, jos saamme lﺣ۳pi kaikki nﺣ۳mﺣ۳ ehdot, 486 00:21:52,300 --> 00:21:53,270 Haluan vain palata totta. 487 00:21:53,270 --> 00:21:54,700 Olkoon lomake toimitetaan. 488 00:21:54,700 --> 00:21:56,560 Ja tﺣ۳mﺣ۳ sitten tapahtuu. 489 00:21:56,560 --> 00:21:57,740 >> Katsotaanpa kirjoittaa Crimson. 490 00:21:57,740 --> 00:22:00,230 Katsotaan tarkistaa ruudussa Register. 491 00:22:00,230 --> 00:22:01,979 Ja nyt kﺣ۳yn lﺣ۳pi mﺣ۳ﺣ۳rﺣ۳npﺣ۳ﺣ۳hﺣ۳n. 492 00:22:01,979 --> 00:22:03,270 Nyt ei ole tietokannassa. 493 00:22:03,270 --> 00:22:05,370 Ei ole mitﺣ۳ﺣ۳n mielenkiintoista vuonna register.php. 494 00:22:05,370 --> 00:22:07,980 Tarvitsin vain jotain todella puhua. 495 00:22:07,980 --> 00:22:09,140 Joten anna minun keskeyttﺣ۳ﺣ۳, tﺣ۳ﺣ۳llﺣ۳. 496 00:22:09,140 --> 00:22:16,270 Kaikki kysymykset siitﺣ۳, mitﺣ۳ olemme juuri tehneet tai mitﺣ۳ jotkut tﺣ۳mﺣ۳n uuden syntaksi on? 497 00:22:16,270 --> 00:22:17,640 OK, joo? 498 00:22:17,640 --> 00:22:20,025 >> Yleisﺣﭘ: Joten kaikki valintaruutu on automaattisesti Boolen. 499 00:22:20,025 --> 00:22:21,650 Sinun ei tarvitse ilmoittaa sitﺣ۳ niin. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. MALAN: Oikein. 501 00:22:22,649 --> 00:22:29,340 Mikﺣ۳ tahansa ruutua, joka on lﺣ۳hetetty teille HTML-muodossa sinun JavaScript-koodia 502 00:22:29,340 --> 00:22:31,760 kohdellaan, kyllﺣ۳, koska Boolean value-- tosi tai epﺣ۳tosi. 503 00:22:31,760 --> 00:22:32,635 Se on hyvﺣ۳ kysymys. 504 00:22:32,635 --> 00:22:36,080 Kun taas muut arvot, ja Tietenkin on ollut teksti, AKA jouset. 505 00:22:36,080 --> 00:22:38,500 >> Okei, joten saanen kelata hieman pidemmﺣ۳lle. 506 00:22:38,500 --> 00:22:39,900 Mikﺣ۳ oli idea tﺣ۳stﺣ۳? 507 00:22:39,900 --> 00:22:41,400 Vain olla selvﺣ۳. 508 00:22:41,400 --> 00:22:44,940 Kuten tiedﺣ۳mme jo, jopa Pset7 ja jopa viime viikon luento 509 00:22:44,940 --> 00:22:51,120 esimerkkejﺣ۳, ettﺣ۳ voimme tietenkin tarkistaa $ _GET $ _POST Nﺣ۳hdﺣ۳, jos kﺣ۳yttﺣ۳jﺣ۳ antaa meille 510 00:22:51,120 --> 00:22:52,200 tyhjﺣ۳ arvo. 511 00:22:52,200 --> 00:22:54,400 Muista tyhjﺣ۳ funktio PHP. 512 00:22:54,400 --> 00:22:58,040 >> Joten vain olla selvﺣ۳ﺣ۳, mitﺣ۳ yksi syy meidﺣ۳n pitﺣ۳ﺣ۳ myﺣﭘs 513 00:22:58,040 --> 00:23:00,535 haluta tehdﺣ۳ tﺣ۳mﺣ۳n virheentarkistus sisﺣ۳llﺣ۳ selaimen? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Mikﺣ۳ motivaatio tﺣ۳ﺣ۳llﺣ۳? 516 00:23:06,080 --> 00:23:06,580 Joo. 517 00:23:06,580 --> 00:23:09,735 >> Yleisﺣﭘ: Nopeampi, ja et Lﺣ۳hetﺣ۳ turha tiedot palvelimelle. 518 00:23:09,735 --> 00:23:10,610 DAVID J. MALAN: Hyvﺣ۳. 519 00:23:10,610 --> 00:23:11,170 Se on nopeampaa. 520 00:23:11,170 --> 00:23:12,920 Et lﺣ۳hetﺣ۳ hyﺣﭘdytﺣﭘn tiedot palvelimelle. 521 00:23:12,920 --> 00:23:14,670 >> Niin saat takaisin enemmﺣ۳n vﺣ۳litﺣﭘntﺣ۳ vastausta. 522 00:23:14,670 --> 00:23:16,560 Ja kaiken kaikkiaan, kﺣ۳yttﺣ۳jﺣ۳ kokemus on parempi. 523 00:23:16,560 --> 00:23:17,900 Ajattele vaihtoehto. 524 00:23:17,900 --> 00:23:21,160 >> Jos Gmail-- ja oli tapauksessa useita vuosia sitten. 525 00:23:21,160 --> 00:23:24,160 Oletetaan, ettﺣ۳ olet saanut uuden sﺣ۳hkﺣﭘpostiviestin Gmail huomioon, mutta ainoa tapa, 526 00:23:24,160 --> 00:23:26,510 nﺣ۳hdﺣ۳, ettﺣ۳ on, kuten, lataa koko sivun. 527 00:23:26,510 --> 00:23:29,030 Tai Oletetaan napsauta linkki lukea sﺣ۳hkﺣﭘpostia. 528 00:23:29,030 --> 00:23:31,600 >> Kaiken tﺣ۳ytyy ladata niin ettﺣ۳ nﺣ۳et sﺣ۳hkﺣﭘpostiosoite. 529 00:23:31,600 --> 00:23:33,380 Tai Facebook-- saat chat-viestin. 530 00:23:33,380 --> 00:23:36,000 Et nﺣ۳e sitﺣ۳ ennen kuin lataat sivu tai valitse jokin yhteys. 531 00:23:36,000 --> 00:23:38,380 >> Kuten tﺣ۳mﺣ۳ olisi hirveﺣ۳n harmittaa kﺣ۳yttﺣﭘkokemuksen. 532 00:23:38,380 --> 00:23:41,300 Ja tﺣ۳mﺣ۳ on mitﺣ۳ se oli, selvﺣ۳sti, takaisin kun juoksin UC 533 00:23:41,300 --> 00:23:44,760 ja web oli paljon vﺣ۳hemmﺣ۳n dynaaminen ja JavaScript ollut yhtﺣ۳ suosituksi 534 00:23:44,760 --> 00:23:45,601 kuin se on nyt. 535 00:23:45,601 --> 00:23:47,850 Ja asiat menevﺣ۳t paljon dynaamisempi ja paljon muuta 536 00:23:47,850 --> 00:23:49,900 asiakkaan puolella siinﺣ۳ mielessﺣ۳. 537 00:23:49,900 --> 00:23:54,370 >> Mutta on saalis tﺣ۳ﺣ۳llﺣ۳, ja tﺣ۳mﺣ۳ on tavallaan ﺣ۳rsyttﺣ۳vﺣ۳ﺣ۳ Sainpas. 538 00:23:54,370 --> 00:23:58,720 Vain koska voit lisﺣ۳tﺣ۳ asiakkaan puolella havaitseminen kuin tﺣ۳mﺣ۳ ei tarkoita 539 00:23:58,720 --> 00:24:01,430 voit tai pitﺣ۳isi luopua Palvelin puolella tunnistus. 540 00:24:01,430 --> 00:24:04,080 Te pohjimmiltaan halua laittaa virhetarkistus- molemmissa paikoissa. 541 00:24:04,080 --> 00:24:05,830 Sillﺣ۳ se, mitﺣ۳ oli yksi ja opetus 542 00:24:05,830 --> 00:24:10,270 artikkelista luin joitakin otteita mistﺣ۳ tﺣ۳mﺣ۳ typerﺣ۳ CMS system-- 543 00:24:10,270 --> 00:24:14,410 Content Management System-- ettﺣ۳ oli toteuttamisessa authentication jﺣ۳rjestelmﺣ۳, 544 00:24:14,410 --> 00:24:16,790 sen kirjautuminen kautta millﺣ۳ mekanismilla? 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 >> Yleisﺣﭘ: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. MALAN: JavaScript, tarkalleen, eikﺣﭘ? 549 00:24:23,290 --> 00:24:24,610 Se oli JavaScriptin avulla. 550 00:24:24,610 --> 00:24:27,120 Ja kirjaimellisesti, teillﺣ۳ pelataan hieman luultavasti 551 00:24:27,120 --> 00:24:28,700 Chromen Inspector. 552 00:24:28,700 --> 00:24:30,890 Ja jos lﺣﭘydﺣ۳n sen, tarkastaa elementti. 553 00:24:30,890 --> 00:24:33,670 >> Anna minun mennﺣ۳ yli tehdﺣ۳ kaikki Chromen vaihtoehtoja. 554 00:24:33,670 --> 00:24:37,080 Ja tﺣ۳mﺣ۳ on, kuinka helppoa se on poista JavaScript selaimessasi. 555 00:24:37,080 --> 00:24:38,950 Tarkista, enempﺣ۳ﺣ۳ JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Niin oikeudenmukaisuus, paljon web nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳ 557 00:24:41,070 --> 00:24:43,430 on juuri menossa rikki, koska Gmail ja muut sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- olettaa, ettﺣ۳ JavaScript on kﺣ۳ytﺣﭘssﺣ۳. 559 00:24:46,140 --> 00:24:50,180 Mutta jos teet jotain typerﺣ۳ﺣ۳ kuin vain validointi kﺣ۳yttﺣ۳jien tulo 560 00:24:50,180 --> 00:24:52,520 ja tarkistamalla sen virheet asiakkaan puolelta, 561 00:24:52,520 --> 00:24:54,940 vastustaja voi helposti tehdﺣ۳ tﺣ۳mﺣ۳n. 562 00:24:54,940 --> 00:24:57,180 Ja sitten vielﺣ۳ ﺣ۳lykkﺣ۳ﺣ۳mpiﺣ۳ Vastustaja kuten te 563 00:24:57,180 --> 00:25:01,120 nyt voisi kﺣ۳yttﺣ۳ﺣ۳ Telnet tai Curl tai vain komentorivin komentoja 564 00:25:01,120 --> 00:25:05,300 ja itse lﺣ۳hettﺣ۳ﺣ۳ viestejﺣ۳ palvelimelle ettﺣ۳ samalla jotka eivﺣ۳t ole virheettﺣﭘmiﺣ۳ tarkastettu. 565 00:25:05,300 --> 00:25:08,380 >> Joten tﺣ۳mﺣ۳ on enemmﺣ۳n kﺣ۳yttﺣﭘliittymﺣ۳ pﺣ۳ﺣ۳tﺣﭘs 566 00:25:08,380 --> 00:25:13,060 kuin se on todellinen tekninen improvement-- tﺣ۳ytﺣ۳ntﺣﭘﺣﭘnpanosta 567 00:25:13,060 --> 00:25:14,410 jotain asiakkaan puolella, kuten tﺣ۳ssﺣ۳. 568 00:25:14,410 --> 00:25:16,800 Joten nyt nopealla silmﺣ۳yksellﺣ۳, mutta sitten Minﺣ۳ lykﺣ۳tﺣ۳ online kﺣ۳vellﺣ۳ 569 00:25:16,800 --> 00:25:17,674 kautta tﺣ۳mﺣ۳ yksi. 570 00:25:17,674 --> 00:25:21,480 Muodossa kaksi, me todella meni lﺣ۳pi ja siivottu koodia hieman. 571 00:25:21,480 --> 00:25:23,650 Mutta haluaisin siirtﺣ۳ﺣ۳ yhdelle videoista meidﺣ۳n tﺣ۳ytyy luultavasti 572 00:25:23,650 --> 00:25:27,970 Upota Pset8 ettﺣ۳ vain nﺣ۳yttﺣ۳ﺣ۳ samanlainen syntaksin avulla kirjasto nimeltﺣ۳ﺣ۳n 573 00:25:27,970 --> 00:25:32,320 jQuery, joka on super, super suosittu kirjasto JavaScript 574 00:25:32,320 --> 00:25:34,510 ettﺣ۳ rehellisesti useimmat ihmiset vain kﺣ۳yttﺣ۳ﺣ۳ nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳ 575 00:25:34,510 --> 00:25:37,070 ja jopa sekoittaa kuin olento JavaScript itse. 576 00:25:37,070 --> 00:25:38,950 >> Ja se pyrkii ottamaan Joissakin dollarin merkkejﺣ۳ 577 00:25:38,950 --> 00:25:41,350 ja avainsanoja, kuten dokumentti Suluissa tﺣ۳ﺣ۳llﺣ۳. 578 00:25:41,350 --> 00:25:44,480 Mutta jﺣ۳lleen kerran, sallikaa minun taipua hitaampaa tutorials verkossa 579 00:25:44,480 --> 00:25:46,750 sijaan sotkeutuko vain syntaksin. 580 00:25:46,750 --> 00:25:48,630 Siirrytﺣ۳ﺣ۳n eteenpﺣ۳in jotain hieman viileﺣ۳mpi 581 00:25:48,630 --> 00:25:50,520 kannalta sovelluksia tﺣ۳stﺣ۳. 582 00:25:50,520 --> 00:25:57,730 >> Niin erityisesti, anna minun mennﺣ۳ eteenpﺣ۳in ja avata tﺣ۳mﺣ۳n tﺣ۳stﺣ۳. 583 00:25:57,730 --> 00:25:58,340 Tule. 584 00:25:58,340 --> 00:25:59,380 Siellﺣ۳ mennﺣ۳ﺣ۳n. 585 00:25:59,380 --> 00:26:01,500 >> Saanen avata tﺣ۳tﺣ۳ kuvaa tﺣ۳ﺣ۳llﺣ۳. 586 00:26:01,500 --> 00:26:03,450 Tarpeettoman monimutkaisia nﺣ۳kﺣﭘinen, mutta se 587 00:26:03,450 --> 00:26:07,880 kuvaa tekniikkaa kutsutaan AJAX-- Asynchronous JavaScript ja XML, jossa 588 00:26:07,880 --> 00:26:10,530 X XML on oikeastaan ei enﺣ۳ﺣ۳ oikeastaan ﻗ€‹ﻗ€‹kﺣ۳ytetﺣ۳. 589 00:26:10,530 --> 00:26:13,430 Se yleensﺣ۳ kﺣ۳yttﺣ۳ﺣ۳ jotain muuten kutsutaan JSON. 590 00:26:13,430 --> 00:26:16,560 >> Mutta tﺣ۳ssﺣ۳ on se, miten jotain Google Maps tai Google Earth toimii. 591 00:26:16,560 --> 00:26:18,060 Kokeillaan tﺣ۳tﺣ۳ lennossa, todella. 592 00:26:18,060 --> 00:26:21,590 Anna minun mennﺣ۳ eteenpﺣ۳in ja avata Chrome selaimessa. 593 00:26:21,590 --> 00:26:26,236 >> Ja anna minun mennﺣ۳, sanoa, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 Ja todella, jos olet vanha tarpeeksi muistaa mitﺣ۳, 596 00:26:31,930 --> 00:26:35,600 kuten, MapQuestistﺣ۳ oli kuin takaisin seuraavana pﺣ۳ivﺣ۳nﺣ۳, ja ehkﺣ۳ ne vielﺣ۳ toimivat nﺣ۳in. 597 00:26:35,600 --> 00:26:38,870 Kun kﺣ۳ytetﺣ۳ﺣ۳n etsiﺣ۳ something-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 Tehdﺣ۳ﺣ۳n this-- sinua todella, jos 599 00:26:40,650 --> 00:26:43,000 halusi pannulla ylﺣﭘs ja alas, vasemmalle ja oikealle, 600 00:26:43,000 --> 00:26:44,920 te nﺣ۳yttﺣ۳isi iso nuoli pﺣ۳ﺣ۳lle, ja se 601 00:26:44,920 --> 00:26:46,921 nﺣ۳kyy, toinen runko kartan tﺣ۳ﺣ۳llﺣ۳. 602 00:26:46,921 --> 00:26:49,753 Tai voisitte Klikkaa vasemmalla sinulle menisi tﺣ۳nne, tai toisella napsautuksella 603 00:26:49,753 --> 00:26:51,000 ja menisit tﺣ۳nne. 604 00:26:51,000 --> 00:26:53,000 Vaan nﺣ۳mﺣ۳ pﺣ۳ivﺣ۳ﺣ۳, me tietenkin vain 605 00:26:53,000 --> 00:26:55,970 itsestﺣ۳ﺣ۳n selvﺣ۳nﺣ۳, ettﺣ۳ voimme mennﺣ۳ noin Cambridge melko nopeasti 606 00:26:55,970 --> 00:26:57,550 klikkaamalla ja vetﺣ۳mﺣ۳llﺣ۳. 607 00:26:57,550 --> 00:26:59,130 Mutta huomaa siellﺣ۳ on joitakin virheitﺣ۳. 608 00:26:59,130 --> 00:27:02,160 >> Jos en tee tﺣ۳tﺣ۳ tarpeeksi nopeasti, mitﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ tapahtuvan 609 00:27:02,160 --> 00:27:05,960 niin vedﺣ۳n hieman liian nopeasti tietokoneen pysyﺣ۳? 610 00:27:05,960 --> 00:27:07,160 Mitﺣ۳ nﺣ۳et? 611 00:27:07,160 --> 00:27:07,660 Joo. 612 00:27:07,660 --> 00:27:09,232 >> Yleisﺣﭘ: pikselit eivﺣ۳t pﺣ۳ivitﺣ۳. 613 00:27:09,232 --> 00:27:10,940 DAVID J. MALAN: pikselit eivﺣ۳t pﺣ۳ivitﺣ۳. 614 00:27:10,940 --> 00:27:12,870 On actually-- ja sinua Tﺣ۳mﺣ۳n on nﺣ۳hty, todella, 615 00:27:12,870 --> 00:27:15,360 jos olet katsomassa netissﺣ۳ ja tauko tﺣ۳mﺣ۳ tai oikeastaan ﻗ€‹ﻗ€‹hidastaa asioita alas 616 00:27:15,360 --> 00:27:18,600 varten once-- nﺣ۳et, ettﺣ۳ on olemassa laatat, neliﺣﭘitﺣ۳ tai ruutuihin 617 00:27:18,600 --> 00:27:22,040 puuttuvat karttaa, kunnes Sekunnin murto myﺣﭘhemmin, enemmﺣ۳n tietoa, 618 00:27:22,040 --> 00:27:24,390 Katso lisﺣ۳ﺣ۳ kuvia itse ruudulle. 619 00:27:24,390 --> 00:27:29,810 Ja itse asiassa, jos teemme tﺣ۳mﺣ۳n nﺣ۳kﺣﭘinen up Chrome's-- sanotaanko, Chrome-- 620 00:27:29,810 --> 00:27:30,310 Katsotaanpa. 621 00:27:30,310 --> 00:27:31,090 Emme voi tehdﺣ۳ sitﺣ۳. 622 00:27:31,090 --> 00:27:31,860 >> Oh, oho. 623 00:27:31,860 --> 00:27:34,761 Katsotaanpa avata maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Haluan tehdﺣ۳ ikkunan isompi uudelleen. 625 00:27:36,660 --> 00:27:38,836 >> Mene takaisin 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Mikﺣ۳ oli verkkosivuilla olin viime aikoina? 628 00:27:43,760 --> 00:27:46,440 Minulla oli tﺣ۳mﺣ۳, kuten yksityinen rant itselleni, ettﺣ۳ olin silloin pikaviestiin 629 00:27:46,440 --> 00:27:48,470 joku ystﺣ۳vﺣ۳, joka oli verkossa jotka halusivat kuulla sen. 630 00:27:48,470 --> 00:27:49,345 Siellﺣ۳ on joitakin verkkosivuilla. 631 00:27:49,345 --> 00:27:52,680 Minusta se on Comcast-- niin erittﺣ۳in suuri amerikkalainen ISP. 632 00:27:52,680 --> 00:27:56,355 Voit, kun rekisterﺣﭘitymisestﺣ۳ uuden kaapelin modeemin palvelu tai kaapeli-tv-palvelu, 633 00:27:56,355 --> 00:27:59,230 he ovat muotoa hyvin kohtuullisesti jos he kysyvﺣ۳t sinulta osoitteesi. 634 00:27:59,230 --> 00:28:01,450 Ja on tﺣ۳mﺣ۳ hﺣ۳mmﺣ۳styttﺣ۳vﺣ۳ ominaisuus nimeltﺣ۳ automaattinen tﺣ۳ydennys, 635 00:28:01,450 --> 00:28:04,600 Google, joka alkaa tﺣ۳yttyﺣ۳ on vastaus kysymykseesi. 636 00:28:04,600 --> 00:28:08,090 >> Ongelmana on, he tekevﺣ۳t automaattinen tﺣ۳ydennys ensimmﺣ۳isen asioita, jotka kirjoitat. 637 00:28:08,090 --> 00:28:12,890 Joten jos alkaa kirjoittaa 33, se nﺣ۳yttﺣ۳ﺣ۳ kirjaimellisesti jokaisen talon 638 00:28:12,890 --> 00:28:15,790 Amerikassa, joka alkaa kanssa numero 33 639 00:28:15,790 --> 00:28:17,920 ennen kuin jatkat odottaa voit kirjoittaa enemmﺣ۳n. 640 00:28:17,920 --> 00:28:20,660 Joten jos kirjoitat 33 Oxford, Tﺣ۳mﺣ۳n jﺣ۳lkeen kerrotaan, joka kadulla 641 00:28:20,660 --> 00:28:24,726 Amerikassa, joka on 33 Oxford Nimestﺣ۳ﺣ۳n huolimatta kaupunki 642 00:28:24,726 --> 00:28:25,350 ettﺣ۳ olet. 643 00:28:25,350 --> 00:28:26,320 >> Ja sitten jatkat kirjoittamista. 644 00:28:26,320 --> 00:28:28,930 Ja lopuksi, se tajuaa, ettﺣ۳ ne eivﺣ۳t tarjous palvelua kotiisi Cambridge 645 00:28:28,930 --> 00:28:29,920 tai jotain sellaista. 646 00:28:29,920 --> 00:28:33,410 Mutta kohta on, tﺣ۳mﺣ۳ on kaikkein aasimainen tﺣ۳ytﺣ۳ntﺣﭘﺣﭘnpano auto 647 00:28:33,410 --> 00:28:34,140 loppuun koskaan. 648 00:28:34,140 --> 00:28:36,400 >> Ja olen juuri menossa pois tﺣ۳stﺣ۳ tangentti uudelleen. 649 00:28:36,400 --> 00:28:39,040 Mutta on olemassa hyviﺣ۳ keinoja kﺣ۳yttﺣ۳ﺣ۳ JavaScript ja huonoja tapoja. 650 00:28:39,040 --> 00:28:40,750 Ja se ei ole vﺣ۳lttﺣ۳mﺣ۳ttﺣ۳ paras. 651 00:28:40,750 --> 00:28:46,360 >> Mutta kohta tﺣ۳ﺣ۳llﺣ۳, ennen kuin tﺣ۳mﺣ۳ vuodatus, oli avata tyﺣﭘkalut tﺣ۳nne 652 00:28:46,360 --> 00:28:49,480 ja avata kehitystyﺣﭘkalut, kuten olemme kannustetaan ennen, 653 00:28:49,480 --> 00:28:52,840 ja katsella Network vﺣ۳lilehdellﺣ۳ klikkaan todella nopeasti. 654 00:28:52,840 --> 00:28:55,400 Ja huomaa lﺣ۳jﺣ۳n on saada pyyntﺣﭘjﺣ۳ tapahtunut. 655 00:28:55,400 --> 00:28:57,310 Kaikki tﺣ۳mﺣ۳ tapahtui sen jﺣ۳lkeen raahasin. 656 00:28:57,310 --> 00:29:00,170 >> Ja todennﺣ۳kﺣﭘisesti, todellakin paljon nﺣ۳itﺣ۳ rivejﺣ۳ 657 00:29:00,170 --> 00:29:04,060 nyt on kuva slash JPEG MIME-tyypit tai sisﺣ۳llﺣﭘn tyyppejﺣ۳. 658 00:29:04,060 --> 00:29:07,750 Tﺣ۳mﺣ۳ johtuu siitﺣ۳, mitﺣ۳ kromi on tekemﺣ۳ssﺣ۳ joka kerta kun klikkaa ja vedﺣ۳, valitse 659 00:29:07,750 --> 00:29:11,650 ja vedﺣ۳, on se ymmﺣ۳rtﺣ۳mﺣ۳ttﺣ۳, Oh, I tﺣ۳ytyy mennﺣ۳ kysymﺣ۳ﺣ۳n Google laatta 660 00:29:11,650 --> 00:29:15,080 kartalle, joka on tﺣ۳ﺣ۳llﺣ۳, nopeasti ladata sen HTTP, 661 00:29:15,080 --> 00:29:19,550 ja lisﺣ۳ﺣ۳ se sitten ns DOM web-selaimet muistiin puu 662 00:29:19,550 --> 00:29:24,430 edustus niin, ettﺣ۳ kﺣ۳yttﺣ۳jﺣ۳, minulle, nﺣ۳kee, ettﺣ۳ pﺣ۳ivitetty laatta. 663 00:29:24,430 --> 00:29:26,795 Ja tﺣ۳mﺣ۳ johtuu tekniikkaa kutsutaan AJAX. 664 00:29:26,795 --> 00:29:28,920 Takaisin seuraavana pﺣ۳ivﺣ۳nﺣ۳, se todella oli kyse, ettﺣ۳ jos 665 00:29:28,920 --> 00:29:33,050 Halusimme muuttaa mitﺣ۳ ruudulla, sinun on napsautettava ylﺣﭘs, alas, vasemmalle, 666 00:29:33,050 --> 00:29:33,550 oikea. 667 00:29:33,550 --> 00:29:34,740 Ja sitten uusi sivu avaisi. 668 00:29:34,740 --> 00:29:36,531 Mutta nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳, kaikki on dynaamisempi. 669 00:29:36,531 --> 00:29:40,490 Se tapahtuu sillﺣ۳ tavalla me ihmiset olisi Toivottavasti se todella olisi vuorovaikutteisesti. 670 00:29:40,490 --> 00:29:43,210 Ja se saavuttaa tﺣ۳mﺣ۳n tapa tekniikkaa kutsutaan 671 00:29:43,210 --> 00:29:46,170 AJAX, joka on ehkﺣ۳ paras selittﺣ۳ﺣ۳ esimerkki. 672 00:29:46,170 --> 00:29:49,730 Ensinnﺣ۳kin haluan mennﺣ۳ eteenpﺣ۳in ja avata tiedosto 673 00:29:49,730 --> 00:29:53,540 nimeltﺣ۳ﺣ۳n quote.php sisﺣ۳ﺣ۳n Nykypﺣ۳ivﺣ۳n jakelu koodi. 674 00:29:53,540 --> 00:29:56,200 >> Ja anna minun tehdﺣ۳ symbol-- oho. 675 00:29:56,200 --> 00:30:02,399 Anna minun tehdﺣ۳ symboli = GOOG vain joitakin varastossa. 676 00:30:02,399 --> 00:30:04,440 Tai oikeastaan, tehkﺣ۳ﺣ۳mme yksi PSET ILMAISEKSI. 677 00:30:04,440 --> 00:30:05,270 Enter. 678 00:30:05,270 --> 00:30:06,580 >> Ja nyt huomaa, mitﺣ۳ saan takaisin. 679 00:30:06,580 --> 00:30:09,210 Joten tﺣ۳mﺣ۳ on todella lyhyt PHP-tiedosto, ettﺣ۳ minﺣ۳ 680 00:30:09,210 --> 00:30:13,210 kirjoitti, ettﺣ۳ yksinkertaisesti lainaa koodi alkaen Pset7 n lookup toiminto 681 00:30:13,210 --> 00:30:17,830 ja sylkee tﺣ۳llﺣ۳ kihara ahdin ja lainausmerkit ja paksusuolen merkintﺣ۳tapa, ilmeisesti, 682 00:30:17,830 --> 00:30:22,747 nykyinen osakkeen hinta yritys, joka ohitat kautta saada. 683 00:30:22,747 --> 00:30:24,580 Joten tﺣ۳mﺣ۳ on erilainen useimmista mitﺣ۳ olemme 684 00:30:24,580 --> 00:30:26,496 tehty kyseisessﺣ۳ ilmoituksessa olen kirjaimellisesti sylkee 685 00:30:26,496 --> 00:30:27,870 mitﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ JavaScript-koodia. 686 00:30:27,870 --> 00:30:30,020 >> Itse asiassa tﺣ۳mﺣ۳ on JavaScript-objekti. 687 00:30:30,020 --> 00:30:34,130 Itse asiassa vain olla selvempi, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 on vain hieno tapa sanoa, ettﺣ۳ te voi edustaa tiedot JavaScript paljon 689 00:30:38,330 --> 00:30:41,660 kuten voit PHP nﺣ۳ppﺣ۳imellﺣ۳ arvo pareja. 690 00:30:41,660 --> 00:30:44,270 Joten jos halusin julistaa muuttuja JavaScript 691 00:30:44,270 --> 00:30:47,872 ja edustaa Zamyla varten instance-- struct varten Zamyla-- 692 00:30:47,872 --> 00:30:49,580 ja me kutsumme sitﺣ۳ opiskelija, tﺣ۳mﺣ۳ muuttuja. 693 00:30:49,580 --> 00:30:53,060 Hﺣ۳nen ID on yksi, talo on Winthrop, ja nimi on Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Mutta voin olla myﺣﭘs joukko esineitﺣ۳. 695 00:30:55,490 --> 00:30:58,710 Joten jos olen itse halunnut array JavaScript sisﺣ۳ltﺣ۳vﺣ۳t 696 00:30:58,710 --> 00:31:01,740 useita esineitﺣ۳, tﺣ۳mﺣ۳ aika Henkilﺣﭘstﺣﭘﺣ۳ edustavat, 697 00:31:01,740 --> 00:31:04,910 Saatan olla nﺣ۳mﺣ۳ kolme paloina koodi takaisin 698 00:31:04,910 --> 00:31:08,560 takaisin takaisin nﺣ۳ille kolmen entisen henkilﺣﭘkunnan jﺣ۳sentﺣ۳. 699 00:31:08,560 --> 00:31:12,201 Niin syntaksi, kaunis samanlainen both-- PHP. 700 00:31:12,201 --> 00:31:13,700 Mutta tﺣ۳mﺣ۳ on erityisen JavaScript. 701 00:31:13,700 --> 00:31:15,940 Se on esine merkintﺣ۳tapa. 702 00:31:15,940 --> 00:31:17,240 Joten mikﺣ۳ on tﺣ۳mﺣ۳ hyﺣﭘdyllinen? 703 00:31:17,240 --> 00:31:21,580 >> Jos kirjoitan koodia, joka sylkee JSON-- JavaScript Object Notation-- kamaa, ettﺣ۳ 704 00:31:21,580 --> 00:31:24,670 nﺣ۳yttﺣ۳ﺣ۳ tﺣ۳ltﺣ۳ tai tavaraa, nﺣ۳yttﺣ۳ﺣ۳ Zamyla rakennetta, 705 00:31:24,670 --> 00:31:27,730 Voin todellakin kﺣ۳yttﺣ۳vﺣ۳t tﺣ۳tﺣ۳ ohjelmiin kirjoitan. 706 00:31:27,730 --> 00:31:30,660 Anna minun mennﺣ۳ ajax0.html. 707 00:31:30,660 --> 00:31:33,310 Ja tﺣ۳mﺣ۳ too-- ole paljon on tarpeen ryhtyﺣ۳ estetiikkaa. 708 00:31:33,310 --> 00:31:34,660 Vaan katsoa mitﺣ۳ tapahtuu. 709 00:31:34,660 --> 00:31:37,050 >> Anna minun mennﺣ۳ eteenpﺣ۳in ja kirjoita ilmaiseksi tﺣ۳ﺣ۳ltﺣ۳. 710 00:31:37,050 --> 00:31:38,490 Klikkaa saada lainaan. 711 00:31:38,490 --> 00:31:41,060 Ja huomaa URL ei ole muuttunut. 712 00:31:41,060 --> 00:31:47,250 Mutta en saa pop up kanssa ilmeisesti Nykypﺣ۳ivﺣ۳n penniﺣ۳kﺣ۳ﺣ۳n varastossa hinta 0,15 dollaria. 713 00:31:47,250 --> 00:31:49,062 Joten kaikki, ettﺣ۳ huono. 714 00:31:49,062 --> 00:31:52,020 Mutta ero on se, ettﺣ۳ jotenkin, tﺣ۳mﺣ۳ tieto tuli takaisin minulle suoraan. 715 00:31:52,020 --> 00:31:54,250 Mutta katsotaanpa ottaa askel kohti jotain tutumpi. 716 00:31:54,250 --> 00:31:58,900 Versiossa yksi tﺣ۳mﺣ۳n, haluan tyyppi Vapaa uudelleen, napsauta Hae lainaus, 717 00:31:58,900 --> 00:32:01,146 ja now-- Voi, tﺣ۳mﺣ۳ oli todella jQuery versio. 718 00:32:01,146 --> 00:32:03,270 Joten me-- en nopeasti eteenpﺣ۳in aivan tarpeeksi pitkﺣ۳lle. 719 00:32:03,270 --> 00:32:05,830 Anna minun mennﺣ۳ versio kaksi, mikﺣ۳ on kun halusin. 720 00:32:05,830 --> 00:32:07,260 Huomaa, mitﺣ۳ olen tehnyt tﺣ۳ﺣ۳llﺣ۳. 721 00:32:07,260 --> 00:32:10,370 Minulla on web page-- Super yksinkertainen versio tahansa web-sivun 722 00:32:10,370 --> 00:32:14,260 voit kﺣ۳yttﺣ۳ﺣ۳ tﺣ۳nﺣ۳ﺣ۳n tekstikenttﺣ۳ﺣ۳n tﺣ۳ﺣ۳llﺣ۳ ilmaiseksi ja sitten ilmeisesti juuri 723 00:32:14,260 --> 00:32:14,880 tekstiﺣ۳. 724 00:32:14,880 --> 00:32:16,860 >> Tﺣ۳mﺣ۳ ei ole lomake tﺣ۳stﺣ۳, ilmeisesti. 725 00:32:16,860 --> 00:32:19,360 Mutta jos klikkaan saada lainaus, huomaa minun verkkosivu 726 00:32:19,360 --> 00:32:22,760 on muuttumassa kuin olisin juuri uuden pikaviestin 727 00:32:22,760 --> 00:32:25,360 tai kuin olisin juuri muuttanut kartta ja tarpeen saada lisﺣ۳ﺣ۳ tietoa 728 00:32:25,360 --> 00:32:29,220 lisﺣ۳tﺣ۳ﺣ۳n dynaamisesti web-sivun ilman URL muuttuu ja kﺣ۳yttﺣ۳jﺣ۳ 729 00:32:29,220 --> 00:32:30,980 kokemus saada keskeytynyt. 730 00:32:30,980 --> 00:32:35,750 Itse olen vielﺣ۳ tﺣ۳smﺣ۳lleen sama place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Joten katsomaan vain tﺣ۳tﺣ۳ esimerkkiﺣ۳ ja miten tﺣ۳mﺣ۳ tapahtuu. 732 00:32:39,080 --> 00:32:42,490 Anna minun mennﺣ۳ ajax2.html. 733 00:32:42,490 --> 00:32:44,770 Ja huomaa muotoon ensin. 734 00:32:44,770 --> 00:32:47,092 >> Tﺣ۳nne, olen kﺣ۳ﺣ۳ntﺣ۳mﺣ۳llﺣ۳ pois automaattinen tﺣ۳ydennys. 735 00:32:47,092 --> 00:32:48,800 Joskus se saa harmittaa jos selain 736 00:32:48,800 --> 00:32:50,508 yrittﺣ۳ﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ koko historia. 737 00:32:50,508 --> 00:32:53,450 Joten voit tehdﺣ۳ sen HTML vain sanomalla automaattinen tﺣ۳ydennys pois. 738 00:32:53,450 --> 00:32:57,290 >> Olen antanut tﺣ۳mﺣ۳n tekstin kenttﺣ۳ symbol-- pikemminkin tunnus symboli. 739 00:32:57,290 --> 00:32:58,977 Ja nyt, tﺣ۳mﺣ۳ on mielenkiintoinen piirre. 740 00:32:58,977 --> 00:33:01,310 Emme ole puhuneet span, mutta voit ajatella sitﺣ۳ 741 00:33:01,310 --> 00:33:03,177 kuten kappaleen tag tai div tag. 742 00:33:03,177 --> 00:33:05,010 Se, mitﺣ۳ kutsutaan in-line-elementti, joka 743 00:33:05,010 --> 00:33:07,415 tarkoittaa et saa kohta rikkoa ylﺣ۳puolella ja alapuolella. 744 00:33:07,415 --> 00:33:11,530 Se on juuri menossa pysyﺣ۳ verkossa ilman lyﺣﭘmﺣ۳llﺣ۳ vastaa tulevat. 745 00:33:11,530 --> 00:33:17,980 Joten olen antanut tﺣ۳mﺣ۳n kimpale HTML mﺣ۳ﺣ۳ritetﺣ۳ﺣ۳n yksilﺣﭘllinen tunniste 746 00:33:17,980 --> 00:33:20,130 ettﺣ۳ minﺣ۳ mielivaltaisesti kutsutaan hintaan. 747 00:33:20,130 --> 00:33:21,560 Ja minulla on Lﺣ۳hetﺣ۳-painiketta. 748 00:33:21,560 --> 00:33:25,420 >> Koska nyt here-- ja tﺣ۳mﺣ۳ on oikeastaan ﻗ€‹ﻗ€‹erittﺣ۳in hﺣ۳mmﺣ۳styttﺣ۳vﺣ۳ﺣ۳, kuinka vﺣ۳hﺣ۳n koodia 749 00:33:25,420 --> 00:33:27,660 Voit kirjoittaa tehdﺣ۳ Suhteellisen siisti things-- 750 00:33:27,660 --> 00:33:31,800 huomaa, mitﺣ۳ olen tehnyt tﺣ۳ﺣ۳llﺣ۳, jos en selaa jopa pﺣ۳ﺣ۳n tﺣ۳llﺣ۳ sivulla. 751 00:33:31,800 --> 00:33:34,970 Olen mukana ensin pﺣ۳ﺣ۳ni komentosarjatunnus 752 00:33:34,970 --> 00:33:37,410 joka todella viittaa JavaScript-tiedosto muualle. 753 00:33:37,410 --> 00:33:39,702 Tﺣ۳mﺣ۳ on organisaatiosta joka kirjoittaa jQuery, 754 00:33:39,702 --> 00:33:42,660 ja tﺣ۳mﺣ۳ on vain antaa sinulle uusimmat versio heidﺣ۳n jQuery-kirjaston. 755 00:33:42,660 --> 00:33:46,305 >> Joten tﺣ۳mﺣ۳ on tavallaan kuin terﺣ۳vﺣ۳t sisﺣ۳llyttﺣ۳ﺣ۳ C tai vaatia PHP. 756 00:33:46,305 --> 00:33:48,900 Kﺣ۳ytﺣ۳t komentosarjatunnus kanssa lﺣ۳hdemﺣ۳ﺣ۳ritteen. 757 00:33:48,900 --> 00:33:52,030 Mutta nyt oma koodi on olemaan oikeassa tﺣ۳ﺣ۳llﺣ۳. 758 00:33:52,030 --> 00:33:54,170 >> Huomaa Minulla on toiminto nimeltﺣ۳ﺣ۳n lainausmerkkejﺣ۳. 759 00:33:54,170 --> 00:33:56,180 Ja se nﺣ۳yttﺣ۳ﺣ۳ hieman arvoituksellinen ensi silmﺣ۳yksellﺣ۳. 760 00:33:56,180 --> 00:33:57,305 Mutta katsotaanpa kiusaa tﺣ۳mﺣ۳ toisistaan. 761 00:33:57,305 --> 00:33:59,090 Anna minulle muuttuja nimeltﺣ۳ URL. 762 00:33:59,090 --> 00:34:01,390 Mﺣ۳ﺣ۳rittﺣ۳ﺣ۳ sen kirjaimellisesti tﺣ۳tﺣ۳ merkkijonoa. 763 00:34:01,390 --> 00:34:04,530 Joten, heittomerkkejﺣ۳, lainausmerkit vuonna JavaScript vain antaa minulle merkkijono. 764 00:34:04,530 --> 00:34:06,900 Mitﺣ۳ plus tehdﺣ۳? 765 00:34:06,900 --> 00:34:08,199 Ketjuttamista. 766 00:34:08,199 --> 00:34:12,610 >> Joten tﺣ۳mﺣ۳ nyt on jQuery syntaksin joka vie hieman totuttelua. 767 00:34:12,610 --> 00:34:18,310 Mutta tﺣ۳mﺣ۳ tarkoittaa vain mennﺣ۳ saada minut DOM solmu, jonka yksilﺣﭘllinen tunniste on symboli. 768 00:34:18,310 --> 00:34:21,929 Hashtag siellﺣ۳ tarkoittaa yksilﺣﭘllinen tunniste symboli. 769 00:34:21,929 --> 00:34:24,929 >> Dollarin merkki Suluissa tarkoita vain, kﺣ۳ﺣ۳ri tﺣ۳mﺣ۳ 770 00:34:24,929 --> 00:34:28,510 jQuery erﺣ۳ﺣ۳nlainen salainen kastike niin saat lisﺣ۳ﺣ۳ toiminnallisuutta. 771 00:34:28,510 --> 00:34:31,880 Ja sitten .val on ilmeisesti toiminnon, tai kuten me sanomme nyt, 772 00:34:31,880 --> 00:34:35,219 menetelmﺣ۳ sisﺣ۳llﺣ۳ tﺣ۳mﺣ۳n solmun ettﺣ۳ vain antaa sinulle arvoa. 773 00:34:35,219 --> 00:34:38,896 Niin lyhyt, ruma ja sekava koska tﺣ۳mﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ ensi silmﺣ۳yksellﺣ۳, 774 00:34:38,896 --> 00:34:42,020 tﺣ۳mﺣ۳ tarkoittaa vain saada kﺣ۳yttﺣ۳jﺣ۳n kanssa kirjoitettu vuonna, laita se lopussa merkkijonon 775 00:34:42,020 --> 00:34:42,880 ketjuttamalla sitﺣ۳. 776 00:34:42,880 --> 00:34:43,739 Siinﺣ۳ kaikki. 777 00:34:43,739 --> 00:34:46,070 >> Joten nyt, kolme viimeistﺣ۳ riviﺣ۳. 778 00:34:46,070 --> 00:34:48,690 Voit puristaa paljon toiminnallisuus pois kolme riviﺣ۳. 779 00:34:48,690 --> 00:34:52,199 Tﺣ۳mﺣ۳ dollarin merkki, koska syrjﺣ۳ﺣ۳n, on vain lempinimi 780 00:34:52,199 --> 00:34:55,800 erityinen globaali muuttuja kutsutaan kirjaimellisesti jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Dollarin merkki vain nﺣ۳yttﺣ۳ﺣ۳ siistiltﺣ۳. 782 00:34:57,060 --> 00:35:00,080 Joten jQuery yhteisﺣﭘ juuri sellainen Kﺣ۳ytettyjen sen omaksi erikoissymboli. 783 00:35:00,080 --> 00:35:02,470 Se ei tarkoita sitﺣ۳, mitﺣ۳ se tarkoittaa PHP. 784 00:35:02,470 --> 00:35:06,356 JavaScript, dollarin merkki on aivan kuin kirjainmerkki 785 00:35:06,356 --> 00:35:07,480 tai numero muuttuja. 786 00:35:07,480 --> 00:35:09,000 >> Voit vain se nimi. 787 00:35:09,000 --> 00:35:09,770 Vain nﺣ۳yttﺣ۳ﺣ۳ siistiltﺣ۳. 788 00:35:09,770 --> 00:35:11,890 Joten yhteisﺣﭘ otti sen lempinimi 789 00:35:11,890 --> 00:35:13,390 oman kirjaston nimeltﺣ۳ﺣ۳n jQuery. 790 00:35:13,390 --> 00:35:15,060 >> Ja se on erittﺣ۳in suosittu. 791 00:35:15,060 --> 00:35:17,620 Joten JSON on juuri nﺣ۳in. 792 00:35:17,620 --> 00:35:19,920 Se on toiminto, joka ihmiset on jQuery kirjoitti 793 00:35:19,920 --> 00:35:23,340 joka saa JSON perﺣ۳isin server-- JavaScript Object merkintﺣ۳tapa. 794 00:35:23,340 --> 00:35:25,680 Siitﺣ۳, mitﺣ۳ URL on se menee saada nﺣ۳mﺣ۳ tiedot? 795 00:35:25,680 --> 00:35:27,790 Ilmeisesti tﺣ۳stﺣ۳ URL-osoite tﺣ۳hﺣ۳n. 796 00:35:27,790 --> 00:35:31,180 >> Ja mitﺣ۳ pitﺣ۳isi selain toimi Heti kun se pﺣ۳ﺣ۳see takaisin tﺣ۳stﺣ۳ vastauksesta? 797 00:35:31,180 --> 00:35:36,500 Ja tﺣ۳mﺣ۳ on taika AJAX, niin speak-- Asynchronous JavaScript XML. 798 00:35:36,500 --> 00:35:41,320 On vaikea nﺣ۳hdﺣ۳ tﺣ۳llaista Yksinkertainen esimerkki koska meillﺣ۳ oli tﺣ۳ﺣ۳llﺣ۳. 799 00:35:41,320 --> 00:35:44,730 >> Mutta tﺣ۳mﺣ۳ oli asynkroninen siinﺣ۳ mielessﺣ۳, ettﺣ۳ minun koodi, kun 800 00:35:44,730 --> 00:35:48,530 teloitettiin lﺣ۳hetti viestin palvelin mennﺣ۳ hakemaan minulle JSON. 801 00:35:48,530 --> 00:35:51,340 Ja se tapahtui erittﺣ۳in nopeasti ettﺣ۳ sain vastauksen. 802 00:35:51,340 --> 00:35:55,130 Mutta mikﺣ۳ on mielenkiintoista on se, ettﺣ۳ tﺣ۳mﺣ۳ rivi koodia ei roikkunut minun tietokone. 803 00:35:55,130 --> 00:35:56,550 >> En nﺣ۳hnyt spinning kuvaketta. 804 00:35:56,550 --> 00:35:59,200 En menetﺣ۳ kyky liikkua hiirtﺣ۳. 805 00:35:59,200 --> 00:36:01,340 Oma selain oli oikeastaan ﻗ€‹ﻗ€‹tﺣ۳ysin hieno. 806 00:36:01,340 --> 00:36:06,290 >> Sillﺣ۳ se, miten JavaScript kﺣ۳sittelee Palvelimen vastaus on seuraava. 807 00:36:06,290 --> 00:36:09,740 Ilmoitat mitﺣ۳ haluat soittaa takaisinkutsufunktio, joka 808 00:36:09,740 --> 00:36:12,830 tarkoittaa vain sitﺣ۳, hei, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Heti kun palvelin vastaukseksi JSON, 810 00:36:16,100 --> 00:36:18,750 voitte soittaa nimettﺣﭘmﺣ۳n toimintoa. 811 00:36:18,750 --> 00:36:23,910 >> Ja ota siirtyi tﺣ۳mﺣ۳n toiminnon riippumatta merkkijono palvelimelle sylkemﺣ۳ﺣ۳n 812 00:36:23,910 --> 00:36:26,080 argumentiksi kutsutaan tietoja. 813 00:36:26,080 --> 00:36:28,360 Eli toisin, sanoen, jos Olen kokoonpano dynaamisesti 814 00:36:28,360 --> 00:36:33,370 URL quote.php kulkee tﺣ۳ssﺣ۳ symboli, kuten ilmainen tai GOOG tai vaikka mitﺣ۳, 815 00:36:33,370 --> 00:36:36,830 Olen niin kerron JavaScript mennﺣ۳ saada, ettﺣ۳ URL-osoite. 816 00:36:36,830 --> 00:36:39,080 Muista, ettﺣ۳ selain aikoo palata jotain 817 00:36:39,080 --> 00:36:42,680 joka nﺣ۳yttﺣ۳ﺣ۳ nﺣ۳imme earlier-- tﺣ۳tﺣ۳. 818 00:36:42,680 --> 00:36:45,940 >> Ja mitﺣ۳ toiseen vﺣ۳itteeseen tﺣ۳stﺣ۳ saada JSON sanoo 819 00:36:45,940 --> 00:36:48,450 kutsuisin tﺣ۳tﺣ۳ toimintoa Kun palvelin saa takaisin 820 00:36:48,450 --> 00:36:52,440 onko se 10 millisekuntia lﺣ۳htien tai 10 sekunnin kuluttua. 821 00:36:52,440 --> 00:36:55,840 Ja heti kun teet, Lisﺣ۳ﺣ۳ hinta sivulle. 822 00:36:55,840 --> 00:36:58,030 Tﺣ۳mﺣ۳ syntaksi tﺣ۳ﺣ۳llﺣ۳ vain tarkoittaa mene saada solmuun 823 00:36:58,030 --> 00:37:01,940 puusta, jonka yksilﺣﭘllinen tunniste on price-- ettﺣ۳ span nﺣ۳imme aiemmin. 824 00:37:01,940 --> 00:37:04,320 >> Tﺣ۳tﺣ۳ menetelmﺣ۳ﺣ۳ kutsutaan HTML sanoo vain, mene vaihda 825 00:37:04,320 --> 00:37:08,770 HTML, joka on siellﺣ۳ data.price. 826 00:37:08,770 --> 00:37:10,200 Mikﺣ۳ data.price? 827 00:37:10,200 --> 00:37:12,850 No, selain, muistaa, nﺣ۳ytti tﺣ۳mﺣ۳ tulossa takaisin. 828 00:37:12,850 --> 00:37:14,540 Joten tﺣ۳mﺣ۳ on tieto. 829 00:37:14,540 --> 00:37:18,100 >> Ja niin se on vﺣ۳hﺣ۳n arvoituksellinen nﺣ۳hdﺣ۳ pilkkuja tﺣ۳ﺣ۳llﺣ۳. 830 00:37:18,100 --> 00:37:19,350 Mutta itse asiassa, anna minun tehdﺣ۳ tﺣ۳tﺣ۳. 831 00:37:19,350 --> 00:37:22,890 Saanen liitﺣ۳ tﺣ۳mﺣ۳ todella nopeasti osaksi gedit 832 00:37:22,890 --> 00:37:27,240 ja nﺣ۳ytettﺣ۳vﺣ۳ tﺣ۳mﺣ۳ kuin nﺣ۳ytimme Zamyla n rakenne aikaisemmin. 833 00:37:27,240 --> 00:37:31,610 >> Mitﺣ۳ palvelin lﺣ۳hettﺣ۳ﺣ۳ takaisin on pieni esine, joka nﺣ۳yttﺣ۳ﺣ۳ tﺣ۳ltﺣ۳. 834 00:37:31,610 --> 00:37:37,140 Ja niin data.price on vain antaa minulle 0,1515. 835 00:37:37,140 --> 00:37:39,310 Niin paljon liikkuvia osat tﺣ۳ﺣ۳llﺣ۳ kaikki kerralla. 836 00:37:39,310 --> 00:37:41,860 >> Mutta avain noutoruokapaikkoja on ettﺣ۳ meillﺣ۳ on tﺣ۳mﺣ۳ kyky 837 00:37:41,860 --> 00:37:44,600 tehdﺣ۳ ylimﺣ۳ﺣ۳rﺣ۳isiﺣ۳ HTTP pyyntﺣﭘjﺣ۳ JavaScriptin avulla 838 00:37:44,600 --> 00:37:46,090 ilman lataa sivu. 839 00:37:46,090 --> 00:37:49,580 Ja sitten voimme todella muuttaa sivun lennossa. 840 00:37:49,580 --> 00:37:51,850 Ja kﺣ۳y ilmi, ettﺣ۳ JavaScript ja muilla kielillﺣ۳ 841 00:37:51,850 --> 00:37:54,510 voidaan kﺣ۳yttﺣ۳ﺣ۳ nyt ei vain muuntua verkkosivuja, 842 00:37:54,510 --> 00:37:57,960 mutta itse kirjoittaa ohjelmisto todellisessa tietokoneessa, 843 00:37:57,960 --> 00:38:00,240 ei rajoitu vain Chrome tai vastaavaa. 844 00:38:00,240 --> 00:38:03,530 >> Itse asiassa, if-- Colton, voisitteko haluavat liittyﺣ۳ meihin takaisin tﺣ۳nne 845 00:38:03,530 --> 00:38:06,100 teidﺣ۳n lab koodin, ja Chang samoin? 846 00:38:06,100 --> 00:38:09,140 Mennﺣ۳ﺣ۳n eteenpﺣ۳in, nyt kun olen puhunut Anonymous toimii ja kutsuja 847 00:38:09,140 --> 00:38:13,090 ja todella uhmata kohtaloa tﺣ۳ﺣ۳llﺣ۳ live demo vuotavia 848 00:38:13,090 --> 00:38:16,480 huipputeknologiaa, yksi Nﺣ۳iden Elite rﺣﭘrelsedon. 849 00:38:16,480 --> 00:38:18,940 Nyt tﺣ۳mﺣ۳ laite, muistaa, on pieni USB-laite 850 00:38:18,940 --> 00:38:25,620 samoin that-- se beautiful-- joka liitetﺣ۳ﺣ۳n USB-portit. 851 00:38:25,620 --> 00:38:29,120 >> Ja sitten se antaa tulon muodossa ihmisen eleitﺣ۳ 852 00:38:29,120 --> 00:38:32,560 havaitsemalla infrapuna- palkit, olennaisesti, liikkeet kﺣ۳sivarresta. 853 00:38:32,560 --> 00:38:35,150 Joten taas mitﺣ۳ Maria yritti pﺣ۳ﺣ۳lle ennen oli lihaksikas, 854 00:38:35,150 --> 00:38:39,000 oikeastaan ﻗ€‹ﻗ€‹tunne mikﺣ۳ muuttuu kﺣ۳tesi, tﺣ۳mﺣ۳ on infrapuna perustuu. 855 00:38:39,000 --> 00:38:44,390 Joten se etsii liikkeiden sisﺣ۳llﺣ۳ erﺣ۳ﺣ۳nlainen pallo jalka tai niin 856 00:38:44,390 --> 00:38:46,190 laitteen itse. 857 00:38:46,190 --> 00:38:48,950 >> Joten miksi en ota puukottaa tﺣ۳mﺣ۳n ensimmﺣ۳isen? 858 00:38:48,950 --> 00:38:53,100 Ja mennﺣ۳ﺣ۳n eteenpﺣ۳in ja heittﺣ۳ﺣ۳ sinut riippukuljettimella tﺣ۳ﺣ۳llﺣ۳. 859 00:38:53,100 --> 00:38:56,250 Joten laittaa Colton n kannettavan tﺣ۳ﺣ۳llﺣ۳. 860 00:38:56,250 --> 00:38:58,360 Meillﺣ۳ Andrew televisiossa. 861 00:38:58,360 --> 00:39:00,160 Ja mitﺣ۳ haluaisit minun tekevﺣ۳n ensin? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Menkﺣ۳ﺣ۳ ja juuri laita kﺣ۳siﺣ۳si tﺣ۳mﺣ۳ kaveri 863 00:39:02,409 --> 00:39:04,430 ja nﺣ۳et upeita glitter. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. MALAN: Very nice. 865 00:39:07,230 --> 00:39:11,110 Tﺣ۳mﺣ۳ kaikki tapahtuu reaaliajassa. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 Okei, ja juu. 868 00:39:12,680 --> 00:39:14,119 Niin mukavaa. 869 00:39:14,119 --> 00:39:15,410 Okei, mitﺣ۳ muuta voimme tehdﺣ۳? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Siirry seuraavaan nﺣ۳ytﺣﭘn ja nﺣ۳hdﺣ۳. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. MALAN: Okei. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: hauska pieni peli jossa saat tehdﺣ۳ robotteja. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. MALAN: Okei, joten tﺣ۳mﺣ۳ on vﺣ۳ﺣ۳rennﺣﭘs kﺣ۳det osoittaa minulle, mitﺣ۳ tehdﺣ۳. 874 00:39:24,738 --> 00:39:27,920 COLTON: Kyllﺣ۳ Joten mene eteenpﺣ۳in ja napata yksi lohkojen 875 00:39:27,920 --> 00:39:30,637 ja laita se pﺣ۳ﺣ۳lle, ettﺣ۳ robotin kehoon. 876 00:39:30,637 --> 00:39:32,137 DAVID J. MALAN: Voi, on kﺣ۳teni. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 OK, ihastuttava. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Hetkinen, OK. 881 00:39:38,650 --> 00:39:41,320 Siellﺣ۳ mennﺣ۳ﺣ۳n. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Tein yksi onnettomuus. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. MALAN: OK, saan tﺣ۳mﺣ۳n kaveri. 884 00:39:45,423 --> 00:39:45,923 Perhana! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Kun olimme harjoitella tﺣ۳tﺣ۳ viimeksi yﺣﭘ, tiedﺣ۳t mitﺣ۳ tﺣ۳mﺣ۳ vajosi? 887 00:39:51,550 --> 00:39:54,285 >> Kuten tﺣ۳mﺣ۳. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 Seuraava? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Toki. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. MALAN: Okei, ja siellﺣ۳ on kolmasosa. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Selvﺣ۳. 894 00:40:01,674 --> 00:40:03,215 COLTON: Ja tﺣ۳ssﺣ۳ yksi, saat to-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. MALAN: Oh, tﺣ۳mﺣ۳ on kaunis. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, haukkua tﺣ۳mﺣ۳n kukan. 897 00:40:06,650 --> 00:40:07,441 DAVID J. MALAN: OK. 898 00:40:07,441 --> 00:40:11,170 899 00:40:11,170 --> 00:40:11,670 Ei? 900 00:40:11,670 --> 00:40:14,515 Hukata. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Voi, siellﺣ۳ mennﺣ۳ﺣ۳n. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. MALAN: Ah, katso ettﺣ۳. 903 00:40:18,680 --> 00:40:19,830 Very nice. 904 00:40:19,830 --> 00:40:22,470 No, miksi dont 'otamme pois yksi vapaaehtoinen tﺣ۳ﺣ۳llﺣ۳ 905 00:40:22,470 --> 00:40:24,180 jotka haluavat tulla ylﺣﭘs. 906 00:40:24,180 --> 00:40:27,500 Entﺣ۳ tuolla vihreﺣ۳, se on? 907 00:40:27,500 --> 00:40:30,540 >> Selvﺣ۳, ja katsotaanpa have-- sen sijaan tehdﺣ۳, ettﺣ۳ jotkut teistﺣ۳ 908 00:40:30,540 --> 00:40:34,590 ehkﺣ۳ tiedﺣ۳tte tﺣ۳mﺣ۳ peli here-- leikata kﺣﭘyden, kenties? 909 00:40:34,590 --> 00:40:35,100 Katsotaanpa. 910 00:40:35,100 --> 00:40:37,320 Meillﺣ۳ lasit tﺣ۳nne? 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 Kiitos. 913 00:40:39,270 --> 00:40:39,380 Mikﺣ۳ sinun nimesi on? 914 00:40:39,380 --> 00:40:40,350 >> Yleisﺣﭘ: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. MALAN: Laura? 916 00:40:41,266 --> 00:40:42,120 Mukava nﺣ۳hdﺣ۳. 917 00:40:42,120 --> 00:40:45,600 Jos et mielessﺣ۳ laskemisesta Google Glass yli lasit. 918 00:40:45,600 --> 00:40:46,970 Tﺣ۳mﺣ۳ on Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Hei. 920 00:40:47,650 --> 00:40:48,140 Hauska tavata. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. MALAN: OK, tule ympﺣ۳ri. 922 00:40:49,600 --> 00:40:52,516 Okei, niin mitﺣ۳ aiot tehdﺣ۳ tﺣ۳ﺣ۳llﺣ۳, se on pelannut tﺣ۳tﺣ۳ ennen, 923 00:40:52,516 --> 00:40:55,650 on laita kﺣ۳ttﺣ۳ Leap Motion tﺣ۳ﺣ۳llﺣ۳. 924 00:40:55,650 --> 00:40:57,210 Ja nyt nuolen pitﺣ۳isi liikkua. 925 00:40:57,210 --> 00:40:57,710 Voi, nope. 926 00:40:57,710 --> 00:40:58,066 >> Yleisﺣﭘ: Ei. 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. MALAN: Me eivﺣ۳t halua lopettaa vielﺣ۳. 928 00:40:58,780 --> 00:40:59,280 OK, odota. 929 00:40:59,280 --> 00:41:01,200 Tﺣ۳nne. 930 00:41:01,200 --> 00:41:03,530 Niin huomaa kuin pidﺣ۳t sormellaan jotain, 931 00:41:03,530 --> 00:41:06,750 hiiri alkaa mennﺣ۳ vihreﺣ۳, joka on, miten osoitat. 932 00:41:06,750 --> 00:41:08,980 >> Joten hﺣ۳ﺣ۳riﺣ۳ Toista. 933 00:41:08,980 --> 00:41:10,970 Ja vain yksi sormi on hieno. 934 00:41:10,970 --> 00:41:13,869 Ja nyt klikkaa pikku vihreﺣ۳ kaveri vasemmalla. 935 00:41:13,869 --> 00:41:15,410 Ja nyt pitﺣ۳ﺣ۳, kunnes se tﺣ۳yttyy vihreﺣ۳. 936 00:41:15,410 --> 00:41:15,640 Hyvﺣ۳. 937 00:41:15,640 --> 00:41:16,990 Nyt, kuten, taso yksi ylﺣﭘs. 938 00:41:16,990 --> 00:41:20,190 >> Yleisﺣﭘ: Joo, me haluamme tason yksi, tﺣ۳ﺣ۳llﺣ۳. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. MALAN: Hyvﺣ۳. 940 00:41:21,660 --> 00:41:25,500 OK, joten sinun tehdﺣ۳, on leikata kﺣﭘyden. 941 00:41:25,500 --> 00:41:28,240 Kohdistin on valkoinen yksi siellﺣ۳. 942 00:41:28,240 --> 00:41:28,880 >> Very nice. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Okei, se on noin kovemmaksi. 945 00:41:32,790 --> 00:41:34,800 Joten pidﺣ۳ sormea ﻗ€‹ﻗ€‹seuraava nyt. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Hyvﺣ۳. 948 00:41:39,030 --> 00:41:39,999 Tﺣ۳mﺣ۳ vaikea. 949 00:41:39,999 --> 00:41:40,966 >> Yleisﺣﭘ: Voi paska. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Se haluaa mennﺣ۳ nﺣ۳in. 952 00:41:42,466 --> 00:41:44,890 Voi paska, that-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. MALAN: Joo. 954 00:41:47,120 --> 00:41:50,700 Toissijainen tavoite on saada kaikki tﺣ۳hdet. 955 00:41:50,700 --> 00:41:53,920 Okei, seuraava. 956 00:41:53,920 --> 00:41:57,504 >> Katsotaanpa, jos voit saada tﺣ۳mﺣ۳ kolmas. 957 00:41:57,504 --> 00:41:58,004 Hyvﺣ۳. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK, mene tuonne. 960 00:42:06,840 --> 00:42:08,850 >> Toki. 961 00:42:08,850 --> 00:42:11,230 Voi hyvin mukava. 962 00:42:11,230 --> 00:42:11,930 Selvﺣ۳. 963 00:42:11,930 --> 00:42:13,534 >> Joten miksi emme lykﺣ۳tﺣ۳ tﺣ۳ﺣ۳llﺣ۳ tﺣ۳nﺣ۳ﺣ۳n? 964 00:42:13,534 --> 00:42:15,200 Anna kenenkﺣ۳ﺣ۳n tulla jopa joka haluaa pelata. 965 00:42:15,200 --> 00:42:16,880 Kiitos paljon Laura Vapaaehtoisemme. 966 00:42:16,880 --> 00:42:18,730 Ja nﺣ۳emme sinut maanantaina. 967 00:42:18,730 --> 00:42:21,190 >> Yleisﺣﭘ: Et luultavasti halua nﺣ۳itﺣ۳ takaisin. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: Seuraavalla CS50-- 969 00:42:23,640 --> 00:42:35,222