1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 David J. Malan: Gerai, todėl tai čia yra Myo rankos 3 00:00:41,880 --> 00:00:44,450 Grupė, pora, kurios mes turėti CS50 galutinių projektų. 4 00:00:44,450 --> 00:00:47,533 Ir tai buvo įrodymas, mes įtraukiami į eilę Jūs iš anksto kur iš esmės 5 00:00:47,533 --> 00:00:51,120 tai gana trumpas rankovė band čia klauso jūsų raumenų judesių 6 00:00:51,120 --> 00:00:54,280 kurie tada prijungti programinės įrangos į Colton nešiojamas per čia, kurie 7 00:00:54,280 --> 00:00:57,230 turėjo iTunes ir kad Daina jau eilę. 8 00:00:57,230 --> 00:01:00,270 Užuot mane demoing tai, Colton praėjo laboratorijoje 9 00:01:00,270 --> 00:01:04,129 aiškiai visą savaitę gauti demonstravimo paruoštas vienu drąsus savanoris. 10 00:01:04,129 --> 00:01:07,430 Jei kas nors norėtų ateiti ant up-- pamačiau savo ranką pirmas. 11 00:01:07,430 --> 00:01:09,540 Nagi viršų. 12 00:01:09,540 --> 00:01:12,530 >> Gerai. 13 00:01:12,530 --> 00:01:13,886 O kokia jūsų pavardė? 14 00:01:13,886 --> 00:01:14,800 >> AUDITORIJA: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> David J. Malan: Maria, malonu matyti jus. 16 00:01:16,550 --> 00:01:17,310 Nagi čia. 17 00:01:17,310 --> 00:01:19,550 Leiskite jums pristatyti Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, tai Marija. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Hi, nice to meet you. 20 00:01:23,050 --> 00:01:24,330 >> David J. Malan: Visi Gerai, taigi vieną žingsnį, mes 21 00:01:24,330 --> 00:01:26,204 teks įdėdami tai ant savo dilbio 22 00:01:26,204 --> 00:01:29,280 kad tai gana priglus prie jūsų alkūnės. 23 00:01:29,280 --> 00:01:31,940 Ir tuo tarpu, galime turėti įdėti mūsų Google Glass 24 00:01:31,940 --> 00:01:33,720 ir mes maišyti technologijas šiandien. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Pirma, mes turime Pajungti į tai, ko tai. 26 00:01:36,340 --> 00:01:37,170 >> David J. Malan: Gerai. 27 00:01:37,170 --> 00:01:39,795 Tiesą sakant, galime įdėti savo ranką kaip arti šio kabelio, kaip įmanoma 28 00:01:39,795 --> 00:01:41,160 kad galėtume pirmasis sinchronizuoti jį. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Padarykim tai. 30 00:01:42,740 --> 00:01:46,500 >> David J. Malan: Ir tuo tarpu, taip kad kiekvienas gali gauti arčiau pažvelgti, 31 00:01:46,500 --> 00:01:50,290 mes Lobizmas Andriaus kamerą ant ten ekrane. 32 00:01:50,290 --> 00:01:54,460 Taigi, mes turime USB kabelį, kad yra buvo įjungtas į Marijos raištį. 33 00:01:54,460 --> 00:02:00,230 Ir leiskite man Lobizmas Colton ekraną ant kito projektoriaus. 34 00:02:00,230 --> 00:02:06,000 >> Taigi Colton registruojasi įrenginį dabar kaip Myo prijungtas prie šio kabelio. 35 00:02:06,000 --> 00:02:08,060 Ir dabar kas Marijos darysiu akimirksniu 36 00:02:08,060 --> 00:02:10,120 iš tikrųjų eiti per kalibravimo žingsnių 37 00:02:10,120 --> 00:02:12,830 ir mokyti programinė kaip jos raumenys reaguoja 38 00:02:12,830 --> 00:02:16,070 kai ji įsitikinti teminės gestų, kad programinė įranga supranta. 39 00:02:16,070 --> 00:02:17,910 Jei norite eiti į priekinė ekrane. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 Gerai, toliau bandyti. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Eikite, kaip šis. 43 00:02:31,860 --> 00:02:32,970 Ir patinka. 44 00:02:32,970 --> 00:02:34,563 Ir visą kelią į dešinę. 45 00:02:34,563 --> 00:02:35,922 Grįžti atgal. 46 00:02:35,922 --> 00:02:37,740 >> David J. Malan: Gerai. 47 00:02:37,740 --> 00:02:38,960 Kitokiu požiūriu. 48 00:02:38,960 --> 00:02:39,620 Tai ne tu. 49 00:02:39,620 --> 00:02:40,350 Tai mus. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: Gerai. 51 00:02:41,749 --> 00:02:42,540 David J. Malan: Ne 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Pereikime jį aukščiau todėl arčiau savo alkūnės ar net griežtesnė. 54 00:02:51,540 --> 00:02:52,680 Gerai. 55 00:02:52,680 --> 00:02:53,270 >> Here we go. 56 00:02:53,270 --> 00:02:56,780 Tai būtų geras laikas CS52X. 57 00:02:56,780 --> 00:02:57,670 Štai taip. 58 00:02:57,670 --> 00:02:58,760 >> Labai gražus. 59 00:02:58,760 --> 00:03:01,170 Gerai. 60 00:03:01,170 --> 00:03:02,790 Nykščiu Pinky. 61 00:03:02,790 --> 00:03:03,380 >> Labai gražus. 62 00:03:03,380 --> 00:03:05,140 Skleiskite savo pirštus. 63 00:03:05,140 --> 00:03:06,240 Geras. 64 00:03:06,240 --> 00:03:06,910 Bangos teisus. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Jis smalsiai rodo Jūs kairiuoju hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Taip, tai keistai. 68 00:03:19,665 --> 00:03:21,790 David J. Malan: Banga į teisė ir judėti į priekį. 69 00:03:21,790 --> 00:03:22,998 Greitas sukimas į priekį praleisti arba šalia. 70 00:03:22,998 --> 00:03:25,020 Tai gerai Wave teisus. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Aš don't-- palaukti. 72 00:03:26,650 --> 00:03:28,430 >> David J. Malan: Reikia pagalbos? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Taigi jūs ketinate patinka šis. 74 00:03:30,027 --> 00:03:31,860 MARIA: Tai tekinimo Kitas dalykas, nors. 75 00:03:31,860 --> 00:03:32,390 COLTON: Tai. 76 00:03:32,390 --> 00:03:34,250 David J. Malan: Taip Nežinau kodėl ji rodo jums leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Kodėl ne jūs try-- tiesiog pabandykite vyksta taip. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> David J. Malan: Nėra? 80 00:03:40,090 --> 00:03:42,580 Gal pasieksite savo ranką iš mažai tiesiau 81 00:03:42,580 --> 00:03:46,070 ir padaryti jį labiau staigus kaip šis. 82 00:03:46,070 --> 00:03:48,176 Taip, gerai, nagi. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: aš atsiprašau. 84 00:03:49,670 --> 00:03:51,170 David J. Malan: Tai ne jūsų kaltė. 85 00:03:51,170 --> 00:03:53,018 COLTON: Tai gerai. 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: Jei mes praleisti šį, tada? 89 00:03:57,620 --> 00:03:59,620 David J. Malan: Taip, tegul let you off kablio. 90 00:03:59,620 --> 00:04:03,130 Taigi, jei kas nors norėtų tai daryti galutinis projektas, naudojant šį pažangiausius 91 00:04:03,130 --> 00:04:07,707 aparatūros, suprantame, kad jis gali tiesiog imtis šiek tiek priprasti. 92 00:04:07,707 --> 00:04:10,290 Ir this-- Realybė yra tai iš tikrųjų labai kraujuoja kraštą. 93 00:04:10,290 --> 00:04:12,040 >> Tai, kas vadinama kūrėjas rinkinys, kuris 94 00:04:12,040 --> 00:04:14,956 yra skirtas būti iš esmės neišleista kad žmonės gali padaryti tiksliai 95 00:04:14,956 --> 00:04:18,690 this-- kovoti su juo, skaičius , kaip žmonių kūnai dirbti 96 00:04:18,690 --> 00:04:19,980 su technologijomis. 97 00:04:19,980 --> 00:04:21,750 Taigi, jei norite Vėliau, po paskaitos, 98 00:04:21,750 --> 00:04:23,750 mes galime jums ateiti ir imk kitą Pabandyti jį. 99 00:04:23,750 --> 00:04:26,970 Bet kitaip, plojimų, jei , mes galime už Marijos už ateinantį į viršų. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Ačiū. 101 00:04:28,770 --> 00:04:30,390 >> David J. Malan: Ačiū. 102 00:04:30,390 --> 00:04:34,945 Mes pakabinti ant šio, bet mes duosime you-- kaip apie streso kamuolys čia? 103 00:04:34,945 --> 00:04:38,620 Oi, and-- if-- yeah, ačiū. 104 00:04:38,620 --> 00:04:39,715 Gerai. 105 00:04:39,715 --> 00:04:45,750 Taigi įdomu, jei buvo susipažinę su garso pasirinkimas 106 00:04:45,750 --> 00:04:47,670 kad mes ten padarė anksčiau, nuostabus televizija 107 00:04:47,670 --> 00:04:50,210 rodo, kad jūs turėtumėte visiškai būti besaikis-žiūri Netflix 108 00:04:50,210 --> 00:04:51,110 tai vienas čia. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Ponios ir ponai, magas vadinamas Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> David J. Malan: Ir matyt, tai dalykas tekstas man paskaitos metu dabar. 112 00:05:08,050 --> 00:05:11,190 Aš vis sakė, kad Marija turėjo gimtadienį vakar. 113 00:05:11,190 --> 00:05:14,095 Taigi su gimtadieniu nuo CS50 Mariją taip pat. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Taigi jums gali skaityti naujausią mėnesį kad tai ponai čia, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmeris, kuris iš tikrųjų buvo klasė 1977 kolegijoje, 117 00:05:25,260 --> 00:05:27,170 Neseniai atsistatydinęs Microsoft ". 118 00:05:27,170 --> 00:05:29,620 Jis buvo bakalauro čia tada pora metų vėliau 119 00:05:29,620 --> 00:05:31,910 atsidūrė prie Stanfordo verslo mokykla 120 00:05:31,910 --> 00:05:34,160 kai jis gavo telefoną skambinti iš To, kuris draugui 121 00:05:34,160 --> 00:05:36,516 gyveno žemyn salėje iš čia jam Harvarde. 122 00:05:36,516 --> 00:05:38,640 Draugo vardas buvo Bilas Vartai, ir tuo metu, 123 00:05:38,640 --> 00:05:42,700 jis bandė verbuoti Steve būti pirmasis verslininkas, tikrai, 124 00:05:42,700 --> 00:05:45,720 už nedidelį Įmonės pavadinimas "Microsoft". 125 00:05:45,720 --> 00:05:48,960 >> Trumpai tariant, Steve galiausiai laimėjo daugiau, 126 00:05:48,960 --> 00:05:52,130 dirbti "Microsoft", kai jie turėjo tik 30 darbuotojus. 127 00:05:52,130 --> 00:05:54,300 Ir iki to laiko jis pensininkas visai neseniai, 128 00:05:54,300 --> 00:05:58,100 įmonė turėjo 100.000 darbuotojų Per pastaruosius kelerius metus. 129 00:05:58,100 --> 00:06:01,171 Ir taip svetainė žinomas kaip Verge parengė šią duoklę ant vaizdo 130 00:06:01,171 --> 00:06:02,920 kad norėjome bendrai, kad suteikia jums 131 00:06:02,920 --> 00:06:08,380 kiek daug energijos Steve jausmas duoda bet pateikimo jis duoda. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEO PLAYBACK] 134 00:06:12,550 --> 00:06:16,220 -Microsoft Lyg ketvirtas vaikas. 135 00:06:16,220 --> 00:06:18,260 Vaikai palieka namus. 136 00:06:18,260 --> 00:06:21,875 Šiuo atveju, manau, Aš išeinant iš namų. 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 Mes buvote milžiniškas galimybes. 141 00:06:28,590 --> 00:06:30,210 Ir Bill davė mums šią galimybę. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Noriu padėkoti įstatymo, kad. 144 00:06:36,770 --> 00:06:39,630 Aš noriu, kad tu taip pat. 145 00:06:39,630 --> 00:06:42,500 Perteikia naujoves nesiruošia lėtėti. 146 00:06:42,500 --> 00:06:45,140 >> Ji ketina gauti greičiau ir greičiau. 147 00:06:45,140 --> 00:06:50,165 Gali būti keletas konkurentų kurie, deja, pašalinta! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Aš myliu šią bendrovę. 150 00:06:59,564 --> 00:07:00,064 Taip! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Esu PC, ir aš myliu šią bendrovę! 153 00:07:08,250 --> 00:07:13,090 >> Kūrėjai, kūrėjai, vystytojai, plėtotojų,, kūrėjai, 154 00:07:13,090 --> 00:07:14,560 kūrėjai, vystytojai. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Taip! 157 00:07:18,970 --> 00:07:19,950 Interneto svetainių kūrėjai! 158 00:07:19,950 --> 00:07:21,420 >> Interneto svetainių kūrėjai! 159 00:07:21,420 --> 00:07:22,890 Interneto svetainių kūrėjai! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Paklausykite, ką dar jums gauti be papildomo mokesčio! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS vadovas, paskyrimas Gładziarka, kortelės krūva, Notesy, 163 00:07:31,960 --> 00:07:33,750 laikrodis, valdymo pultas. 164 00:07:33,750 --> 00:07:35,461 Ir jūs galite patikėti? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Įrašyti juos į CD! 167 00:07:37,270 --> 00:07:38,660 Po jų MSN! 168 00:07:38,660 --> 00:07:40,422 Jums laiškus juos draugams! 169 00:07:40,422 --> 00:07:41,790 >> Viskas vienu spustelėjimu! 170 00:07:41,790 --> 00:07:48,670 Vienas "Microsoft", viena strategija, viena team-- orientuota, drausmingas, profesionalus, 171 00:07:48,670 --> 00:07:50,610 ir ekspertas visi, kad mes darome. 172 00:07:50,610 --> 00:07:52,670 Leiskite naudoti liniją iš seno filmo. 173 00:07:52,670 --> 00:07:54,810 >> Santykiai yra kaip rykliai. 174 00:07:54,810 --> 00:07:57,480 Jie juda į priekį arba jie miršta. 175 00:07:57,480 --> 00:08:01,470 Aš iš tikrųjų manau, kad technologijų bendrovės yra tas pats. 176 00:08:01,470 --> 00:08:04,801 >> [END VIDEO PLAYBACK] 177 00:08:04,801 --> 00:08:08,050 David J. Malan: Taigi mes taip malonu pranešame, kad Steve'as bus prisijungti prie mūsų 178 00:08:08,050 --> 00:08:13,320 čia CS50 kitą trečiadienį ne Įprasta vieta ir laikas čia. 179 00:08:13,320 --> 00:08:14,750 Erdvė greičiausiai bus ribota. 180 00:08:14,750 --> 00:08:19,650 Ir taip prisidėti prie mūsų asmeniškai, prašome galva šiandien arba netrukus 181 00:08:19,650 --> 00:08:22,600 į cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> Ir mes toliau renka Antradienis patvirtinantį dėmių. 183 00:08:25,780 --> 00:08:29,900 Laukiame, kad šalia Trečiadienis paskaitą CS50 metu. 184 00:08:29,900 --> 00:08:33,706 Dabar, kitas naujienas, teko susidurti tai Purpurinio tiesiog 185 00:08:33,706 --> 00:08:34,289 antrą dieną. 186 00:08:34,289 --> 00:08:37,370 >> Pasirodo, kad vienas iš CS50 darbuotojų ir bent vienas iš CS50 auklėtinių 187 00:08:37,370 --> 00:08:40,299 Šiuo metu veikia jau UC pirmininkas ir pirmininko pavaduotojas, 188 00:08:40,299 --> 00:08:42,950 kuris atvedė mane atgal į mano asmeninį dienų atgal 189 00:08:42,950 --> 00:08:45,920 kai aš praradau UC rinkimus apgailėtinai. 190 00:08:45,920 --> 00:08:48,210 Bet sidabro pamušalas tuo, kad visada yra man 191 00:08:48,210 --> 00:08:50,604 papasakoti istoriją yra tai, kad vienas aš tikiu 192 00:08:50,604 --> 00:08:52,770 daug priežasčių aš praradau Rinkimai buvo visiškas nebuvimas 193 00:08:52,770 --> 00:08:54,103 iš viešojo kalbėjimo talentą. 194 00:08:54,103 --> 00:08:56,950 Ir taip gana sąžiningai, tai išvijo mane, kad patirtis 195 00:08:56,950 --> 00:09:02,235 Manau, kad mano jaunesnysis metų, kad iš tikrųjų pasirašyti už Harvardo kompiuterininkų sąjunga, kuri 196 00:09:02,235 --> 00:09:04,610 yra grupė miesteliu, kad eina įvairių techninių derybų 197 00:09:04,610 --> 00:09:05,318 ir kitų dalykų. 198 00:09:05,318 --> 00:09:08,117 Ir aš perėmė savo mokymą seminarai ir todėl 199 00:09:08,117 --> 00:09:09,950 atstovai turėjo galimybę puiki galimybė, 200 00:09:09,950 --> 00:09:12,620 pradėti dirbti tiksliai tai. 201 00:09:12,620 --> 00:09:15,000 Bet aš turėjo galimybę Per šią patirtį 202 00:09:15,000 --> 00:09:16,930 mokyti save visą daugiau HTML. 203 00:09:16,930 --> 00:09:21,080 Ir todėl aš Atidėtos vakar vakare žiūrint pro HTML pagrįstą svetainėje 204 00:09:21,080 --> 00:09:28,066 Aš padariau, kaip 1997, 98, už mano Kampanija, kuri atrodo taip čia. 205 00:09:28,066 --> 00:09:29,920 Žinau. 206 00:09:29,920 --> 00:09:33,340 >> Because-- ir, žinoma, pranešimas tai nuostabi dizaino sprendimas 1998 207 00:09:33,340 --> 00:09:33,850 arba Papuošalą. 208 00:09:33,850 --> 00:09:36,475 Pirmas dalykas, kurį norite, kad vartotojai daryti ant apsilankyti svetainėje 209 00:09:36,475 --> 00:09:39,860 yra tereikia paspausti kitą nuorodą tiesiog įvesti jūsų svetainę čia su vienuoliu 210 00:09:39,860 --> 00:09:43,940 Už tarsi apgaubta užuolaidos kur matyt mano kampanija platforma buvo. 211 00:09:43,940 --> 00:09:46,330 Ir tai yra viskas, ko jums gauti Šiandien yra tik vaizdas. 212 00:09:46,330 --> 00:09:49,500 Bet man buvo skaityti per, pavyzdžiui, reklamos kampanijos plakatai paskutinis naktį 213 00:09:49,500 --> 00:09:50,490 ir mano platforma. 214 00:09:50,490 --> 00:09:52,960 >> Ir aš buvau toks piktas tuo metu. 215 00:09:52,960 --> 00:09:55,380 Mano platforma was-- buvo įdomu. 216 00:09:55,380 --> 00:09:57,730 Taigi aš nurimo, nes tada. 217 00:09:57,730 --> 00:10:03,550 Bet vieną dieną, aš bėgsiu vėl ir tikiuosi geriau šiuo metu. 218 00:10:03,550 --> 00:10:07,265 >> Taigi HTML, kad kalba, kuria aš kad in-- jūs netrukus padaryti daug more-- 219 00:10:07,265 --> 00:10:09,140 yra kažkas, ką mes buvo kalbame apie vėlai 220 00:10:09,140 --> 00:10:12,460 ir daugiausia Pripažindami dabar kad mes persikėlė į kitas kalbas. 221 00:10:12,460 --> 00:10:15,650 Tačiau galime pristabdyti akimirką ir įdėti kai kurie iš šių dalykų kontekste. 222 00:10:15,650 --> 00:10:18,040 Taigi sakinyje, kas HTML? 223 00:10:18,040 --> 00:10:19,370 >> Arba, kas yra naudojama už? 224 00:10:19,370 --> 00:10:20,208 Kiekvienas? 225 00:10:20,208 --> 00:10:20,708 Taip. 226 00:10:20,708 --> 00:10:22,002 >> AUDITORIJA: Markup svetainių. 227 00:10:22,002 --> 00:10:23,460 David J. Malan: Markup interneto svetainės. 228 00:10:23,460 --> 00:10:27,100 Taigi, tai ženklinimo kalba, kad leidžia struktūrizuoti tinklalapį. 229 00:10:27,100 --> 00:10:30,040 Header pakyla čia pavadinimas eina čia, kūno eina čia. 230 00:10:30,040 --> 00:10:33,280 Tai Paryškintas, tai yra italics-- kad išsamiai rūšiuoti. 231 00:10:33,280 --> 00:10:33,830 >> Gerai, gerai. 232 00:10:33,830 --> 00:10:37,620 Taigi CSS leidžia you-- ir aš paėmėm laisves ten 233 00:10:37,620 --> 00:10:40,990 su paryškintu; žiūri ir kursyvu, nes Tai geriau su ja realizuoti. 234 00:10:40,990 --> 00:10:42,096 CSS is-- ką? 235 00:10:42,096 --> 00:10:42,845 Pasakykite sakinyje. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Kiekvienas ne visiems. 238 00:10:46,720 --> 00:10:46,870 Taip. 239 00:10:46,870 --> 00:10:49,286 >> Auditorija: puošmenų ir Daiktai, pavyzdžiui, kaip sukurti ją. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 David J. Malan: Gerai, gerai. 242 00:10:52,810 --> 00:10:55,420 Puošmenų, kurios leidžia jums projektuoti, arba Stilizuoti jį 243 00:10:55,420 --> 00:10:59,540 dalykų, pavyzdžiui, paryškinti ir kursyvas ir spalvos ir taip pat daugiau gerai 244 00:10:59,540 --> 00:11:01,330 grūdėtu pozicionavimo elementų. 245 00:11:01,330 --> 00:11:04,520 Tai tarsi leidžia fotografuoti dalykų paskutinės mylios taip, kad jei, pavyzdžiui, 246 00:11:04,520 --> 00:11:08,130 į Pset7, jūs galbūt jau pastebėjote, ant jūsų portfelis puslapis jei jūs šiuo metu 247 00:11:08,130 --> 00:11:12,270 jau, kad numatytasis stalo, kad jums padaryti, kad būtų rodomos vartotojo akcijų paketus 248 00:11:12,270 --> 00:11:15,740 ir pinigų tikriausiai atrodo gana šlykštus pagal nutylėjimą be tarpais. 249 00:11:15,740 --> 00:11:18,420 Viskas rūšies sugrūsti kartu eilučių ir stulpelių. 250 00:11:18,420 --> 00:11:20,662 >> Na, su šiek tiek CSS, kaip jums gali realizuoti, 251 00:11:20,662 --> 00:11:23,870 Jūs iš tikrųjų galite įgnybti, kad ir padaryti jį kažkas daug daugiau susipažinę ir daug 252 00:11:23,870 --> 00:11:24,870 gražiau atrodo. 253 00:11:24,870 --> 00:11:27,730 Taigi CSS yra apie stilizacija svetainėse. 254 00:11:27,730 --> 00:11:31,970 Bet tada mes pristatėme dar vieną kalba, PHP, kuri leidžia mums daryti tai, ką? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Tegul tik ką daryti? 257 00:11:37,590 --> 00:11:38,177 Kiekvienas. 258 00:11:38,177 --> 00:11:40,010 Turite žengti anapus pirmoji pora eilučių. 259 00:11:40,010 --> 00:11:40,260 Taip. 260 00:11:40,260 --> 00:11:41,719 >> AUDITORIJA: Sukurti dinamišką turinį. 261 00:11:41,719 --> 00:11:42,718 David J. Malan: Perfect. 262 00:11:42,718 --> 00:11:43,850 Sukurti dinamišką turinį. 263 00:11:43,850 --> 00:11:45,808 Ir jūs galite tai padaryti bet kalbų skaičius. 264 00:11:45,808 --> 00:11:50,120 Mes atsitikti naudoti PHP, nes tai iš dalies todėl, panašus į C sintaksę. 265 00:11:50,120 --> 00:11:52,000 >> Bet PHP daro būtent tai. 266 00:11:52,000 --> 00:11:54,620 Jis leidžia jums dinamiškai generuoti išėjimo. 267 00:11:54,620 --> 00:11:57,890 Ir kai kurie, kad produkcija galėtų būti HTML, kaip mes paprastai darome. 268 00:11:57,890 --> 00:12:00,160 Ir tai taip pat, nes tai programavimo kalba, yra 269 00:12:00,160 --> 00:12:03,240 mechanizmas, per kurį mes galime kalbėti su duomenų bazėmis. 270 00:12:03,240 --> 00:12:05,730 >> Ir mes galime padaryti užklausų kitus serverius kaip Yahoo 271 00:12:05,730 --> 00:12:08,660 ir programiškai nieko daryti tikrai, kad jums gali kitaip 272 00:12:08,660 --> 00:12:10,400 nori priversti kompiuterį padaryti. 273 00:12:10,400 --> 00:12:13,580 Taigi PHP leidžia mums pradėti dinamiškai išvedė turinį. 274 00:12:13,580 --> 00:12:16,900 Taigi pagal šią logiką, aš neturėjau dinaminis tinklalapis dar 1998. 275 00:12:16,900 --> 00:12:18,460 >> Tai buvo tiesiog statinis interneto puslapis. 276 00:12:18,460 --> 00:12:22,250 Mano turinio turėjo būti pakeista rankiniu gedit arba kitu lygiaverčiu. 277 00:12:22,250 --> 00:12:25,290 Bet PHP, ką mes naudojamas arba galėjo pasinaudoti, o, 278 00:12:25,290 --> 00:12:27,260 kažką panašaus Frosh IMS, kuris 279 00:12:27,260 --> 00:12:31,160 turėjo imtis registracijos ir valdome users-- dalykų sąrašą, 280 00:12:31,160 --> 00:12:33,550 iš tikrųjų keičiasi per laikas, nors mes atsitikti 281 00:12:33,550 --> 00:12:35,990 naudoti Perl, skiriasi kalba tuo metu. 282 00:12:35,990 --> 00:12:40,350 >> Ir tada galiausiai mes pristatėme SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Taigi dar vienas kalba kad manimi naudojama už ką? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Naudojamas už ką? 286 00:12:47,639 --> 00:12:49,430 Ar galime žengti slight-- Gerai, mes neketiname 287 00:12:49,430 --> 00:12:51,263 gauti daug toliau nei orkestro čia. 288 00:12:51,263 --> 00:12:53,432 AUDITORIJA: Tai protokolas kalbėdavau su duomenų bazėmis. 289 00:12:53,432 --> 00:12:55,640 David J. Malan: protokolas kalbėdavau su duomenų bazėmis. 290 00:12:55,640 --> 00:12:56,181 Leiskite įgnybti. 291 00:12:56,181 --> 00:12:59,280 Tai natūralus kalba kalbėti databases-- pasirenka 292 00:12:59,280 --> 00:13:01,280 ir įtraukti ir pašalinti ir atnaujinimai ir realiai 293 00:13:01,280 --> 00:13:03,840 net daugiau funkcijų, kad mes net nėrė 294 00:13:03,840 --> 00:13:07,920 į bet galbūt norėsite explore-- turi ištirti, tarkim, galutinį projektą. 295 00:13:07,920 --> 00:13:09,560 Taigi yra šie įvairūs kūriniai. 296 00:13:09,560 --> 00:13:13,100 >> Ir tikiuosi Pset7, nors jo specifikacija yra gana ilgas, 297 00:13:13,100 --> 00:13:15,990 tai sąmoningai ilgai vaikščioti jus per, kaip šie dalykai gali visi 298 00:13:15,990 --> 00:13:17,210 Straipsniai spausdinami kartu. 299 00:13:17,210 --> 00:13:20,300 Dabar, pirmadienį, mes pristatė naujausią mūsų kalbą 300 00:13:20,300 --> 00:13:23,430 kad mes oficialiai pristatyti course-- tai yra, JavaScript. 301 00:13:23,430 --> 00:13:25,720 Tai, pavyzdžiui, PHP, yra aiškinama kalba. 302 00:13:25,720 --> 00:13:28,110 >> Bet esminis skirtumas Aš pasiūliau, pirmadienį 303 00:13:28,110 --> 00:13:32,730 yra tas, kad PHP yra vykdant arba yra aiškinami remiantis serverį, kuris 304 00:13:32,730 --> 00:13:35,990 šiuo atveju yra CS50 prietaisas, arba gali būti kai komercinio interneto 305 00:13:35,990 --> 00:13:39,370 serveris internete, JavaScript paprastai 306 00:13:39,370 --> 00:13:43,650 yra kalba, kuri veikia kliento pusėje ne serverio side-- taip naršyklėje. 307 00:13:43,650 --> 00:13:46,970 Kuris yra, kaip ir tada, kai aš atidarė iki Facebook šaltinio kodą ir rasti visiems 308 00:13:46,970 --> 00:13:51,510 tų js failus, implikacija buvo kad, kai Jūs lankotės "Facebook" ar dauguma 309 00:13:51,510 --> 00:13:54,810 svetainės šių dienų, jums ne tik HTML, o ne tik CSS, 310 00:13:54,810 --> 00:13:59,370 bet visa krūva JavaScript kodas dažnai į .js failus forma. 311 00:13:59,370 --> 00:14:03,970 Ir tada tai browser-- jūsų Mac arba PC--, vykdanti šį kodą. 312 00:14:03,970 --> 00:14:05,990 >> Bet Jūsų naršyklė jį vykdo. 313 00:14:05,990 --> 00:14:08,070 Galite galvoti rūšies smėlio dėžę. 314 00:14:08,070 --> 00:14:12,420 Kad JavaScript kodas turi būti ne sugebėti ištrinti failus į savo kompiuterį. 315 00:14:12,420 --> 00:14:14,730 Ji turėtų būti, kad negalėsite siųsti laiškus jūsų vardu. 316 00:14:14,730 --> 00:14:17,760 Jūsų naršyklė rūšies riboja Ką jūs galite padaryti su juo. 317 00:14:17,760 --> 00:14:20,630 >> Taigi šia prasme, tai šiek tiek mažiau galingas, ko gero, nei C. 318 00:14:20,630 --> 00:14:24,030 Bet JavaScript gali, kaip žemę, būti naudojamas ant serverio, 319 00:14:24,030 --> 00:14:27,740 nors mes linkę ne kalbėti apie tai šiame kontekste. 320 00:14:27,740 --> 00:14:29,740 Taigi dabar galime susieti šiuos kartu. 321 00:14:29,740 --> 00:14:34,000 Savaitę plius prieš pristatėme keletą HTML ant left-- super nuobodu tinklalapį. 322 00:14:34,000 --> 00:14:35,000 >> Tiesiog sako hello world. 323 00:14:35,000 --> 00:14:38,110 Ir tada aš pasiūlė teisė galime rūšies pavogti idėjas 324 00:14:38,110 --> 00:14:41,470 iš mūsų diskusija duomenų struktūrų C 325 00:14:41,470 --> 00:14:45,270 ir galvoti apie tai, kaip ši hierarchinė ženklinimo kalba kairėje 326 00:14:45,270 --> 00:14:49,720 galima padaryti arba įgyvendinamos atminties faktiniu medžio struktūrą su mazgais 327 00:14:49,720 --> 00:14:51,400 ir nurodymus ir tie duomenys rūšių. 328 00:14:51,400 --> 00:14:53,820 Dešinėje, mes vadiname kad tam DOM-- dokumento 329 00:14:53,820 --> 00:14:56,800 Objektas Model-- kuris yra tik išgalvotas būdas pasakyti medį. 330 00:14:56,800 --> 00:14:59,520 >> Dabar, kodėl tai naudinga galvoti apie tai šiuo būdu? 331 00:14:59,520 --> 00:15:01,680 Nes dabar su JavaScript, nes mes turime 332 00:15:01,680 --> 00:15:05,810 kodas, kuris gauna žaisti šį aplinka, realus HTML tai 333 00:15:05,810 --> 00:15:08,360 buvo išsiųstas į naršyklę jau ir jau 334 00:15:08,360 --> 00:15:12,690 buvo pakrautas į atmintį Naršyklė į jūsų kompiuterio medis 335 00:15:12,690 --> 00:15:18,270 RAM, kaip šis, mes galime naudoti "JavaScript" faktiškai neigia ar vaikščioti ar paieška 336 00:15:18,270 --> 00:15:21,800 arba pakeisti, kad DOM medis Tačiau norime. 337 00:15:21,800 --> 00:15:24,040 Taigi iš tiesų, jei jūs manote, apie facebook.com, 338 00:15:24,040 --> 00:15:27,660 jei jūs naudojate pokalbių funkciją, jei jums naudoti Gmail ir Gchat funkcija, 339 00:15:27,660 --> 00:15:30,540 nieko, kur jūs turite pranešimus, gaunamus iš naujo ir vėl 340 00:15:30,540 --> 00:15:35,880 ir vėl, tie pranešimai yra turbūt, kaip, LI žymeles, sąrašo elemento žymės, gal. 341 00:15:35,880 --> 00:15:37,940 >> O gal jie tiesiog Divs nepakylant nesimatytų 342 00:15:37,940 --> 00:15:39,770 kiekvieną kartą jūs gaunate tiesioginį pranešimą. 343 00:15:39,770 --> 00:15:42,960 Ir taip, kad tiesiog reiškia ką Facebook "ar" Google daro 344 00:15:42,960 --> 00:15:45,200 yra bet koks laikas jums žinutė iš serverio, 345 00:15:45,200 --> 00:15:48,740 jie tikriausiai naudojant "JavaScript" tiesiog pridėkite kitą mazgą 346 00:15:48,740 --> 00:15:52,700 tai tree-- kitą mazgą tai medis, tada vizualiai atrodo tiesiog 347 00:15:52,700 --> 00:15:54,570 kaip naują eilutę teksto ekrane. 348 00:15:54,570 --> 00:15:57,100 Bet jie įterpiant į šią duomenų struktūra. 349 00:15:57,100 --> 00:15:59,742 >> Taigi klasėse kaip CS124 ir kiti, jums 350 00:15:59,742 --> 00:16:02,200 iš tikrųjų rašyti daugiau kodo nuo duomenų struktūros tai patinka. 351 00:16:02,200 --> 00:16:04,310 Bet dabar JavaScript, mes tiesiog manyti 352 00:16:04,310 --> 00:16:07,920 mes gauname visą šį funkcionalumą nemokamai iš pačios kalbos. 353 00:16:07,920 --> 00:16:09,210 Taigi pažvelkime į pavyzdį. 354 00:16:09,210 --> 00:16:13,120 >> Leiskite atverti failą pavadinimu form.html. 355 00:16:13,120 --> 00:16:14,601 Tai itin paprasta. 356 00:16:14,601 --> 00:16:15,600 Jis tiesiog atrodo taip. 357 00:16:15,600 --> 00:16:17,860 >> Ne CSS, neišsigąskite estetika. 358 00:16:17,860 --> 00:16:19,810 Tai grynai funkcinis ir, matyt, aš tikiu, 359 00:16:19,810 --> 00:16:24,000 prašo elektroniniu paštu, slaptažodžiu, slaptažodis vėl, ir tada patikrinimas 360 00:16:24,000 --> 00:16:26,150 sutikti kai kuriuos terminus ir sąlygas. 361 00:16:26,150 --> 00:16:28,740 Ką išeities tekstai tai atrodo yra turbūt kažkas 362 00:16:28,740 --> 00:16:31,030 galima spėti su Šiek tiek minties dabar. 363 00:16:31,030 --> 00:16:32,840 Aš turiu forma tegus čia. 364 00:16:32,840 --> 00:16:36,190 >> Veiksmai, matyt, ketina eiti fail register.php. 365 00:16:36,190 --> 00:16:37,870 Metodas aš ruošiuosi naudoti, tai gauti. 366 00:16:37,870 --> 00:16:40,880 Ir tada aš turiu tekstą laukas, kurio vardas yra elektroninio pašto. 367 00:16:40,880 --> 00:16:43,340 >> Turiu slaptažodžio lauką kurio vardas slaptažodis. 368 00:16:43,340 --> 00:16:45,420 Aš turiu kitą Lauke slaptažodį, kurio vardas 369 00:16:45,420 --> 00:16:47,342 yra šiek tiek savavališkai patvirtinimas. 370 00:16:47,342 --> 00:16:49,690 Tai tik dar HTTP parametras. 371 00:16:49,690 --> 00:16:54,430 >> Ir tada mes mes nenaudojamas šios išskyrus nes Frosh augimu demo class-- 372 00:16:54,430 --> 00:16:56,692 žymės langelis, kuris yra Tiesiog įveskite lygus patikrinimą. 373 00:16:56,692 --> 00:16:57,900 Ir aš kviesiu tą susitarimą. 374 00:16:57,900 --> 00:17:00,700 Taigi aš rūšies savavališkai bet Patogiai pavadintas šiuos laukus. 375 00:17:00,700 --> 00:17:03,450 Kad dabar, kai ši forma tampa pateikta, pažiūrėkime, kas atsitinka. 376 00:17:03,450 --> 00:17:07,290 Jei aš malan@harvard.edu, Aš tai padaryti daug, purpuriniai slaptažodį. 377 00:17:07,290 --> 00:17:09,530 Aš tai padaryti iš nieko slaptažodį. 378 00:17:09,530 --> 00:17:10,910 Tegul ne bendradarbiauti. 379 00:17:10,910 --> 00:17:12,280 >> Ir pažymėkite žymės langelį, aš ne. 380 00:17:12,280 --> 00:17:13,940 Leiskite spustelėkite Registruoti. 381 00:17:13,940 --> 00:17:15,420 Ir jis sako, hm, esate užsiregistravęs. 382 00:17:15,420 --> 00:17:16,069 Ne visai. 383 00:17:16,069 --> 00:17:17,450 >> Bet URL pasikeitė. 384 00:17:17,450 --> 00:17:22,280 Taigi ši forma buvo aiškiai leista pateikti register.php. 385 00:17:22,280 --> 00:17:25,160 Bet matyt, turėčiau būti gaudyti kai kurie iš šių klaidų. 386 00:17:25,160 --> 00:17:27,569 Dabar, Pset7 ir kai mūsų auditorijose pavyzdžių, 387 00:17:27,569 --> 00:17:30,130 mes paprastai atsispausdinti didelis raudonas klaidos pranešimą čia 388 00:17:30,130 --> 00:17:33,760 sakydamas trūksta pavadinimo, arba trūksta slaptažodį. 389 00:17:33,760 --> 00:17:37,680 Mes padarėme, kad prieš ir mes done serverio pusėje klaidų aptikimo. 390 00:17:37,680 --> 00:17:41,580 >> Bet daug svetainių šių dienų padaryti kliento pusėje klaidų aptikimo 391 00:17:41,580 --> 00:17:42,810 kur URL nesikeičia. 392 00:17:42,810 --> 00:17:44,101 Visas puslapis nėra atnaujinamas. 393 00:17:44,101 --> 00:17:46,940 Gauni trumpąją atsiliepimus iš naršyklės. 394 00:17:46,940 --> 00:17:48,070 Gal kas nors raudonai. 395 00:17:48,070 --> 00:17:49,190 >> Gal jums pop-up. 396 00:17:49,190 --> 00:17:53,240 Bet jūs neturite gaišti laiko siunčiant į serverio duomenų, kad yra neužbaigtas. 397 00:17:53,240 --> 00:17:56,050 Taigi pažiūrėkime, kaip mes galime pasiekti šią funkciją, taip pat. 398 00:17:56,050 --> 00:17:59,660 >> Leiskite man eiti į form1.html, kuri atrodo tas pats. 399 00:17:59,660 --> 00:18:03,530 Bet jei šį kartą aš malan@harvard.edu ir aš tipo Crimson 400 00:18:03,530 --> 00:18:07,350 ir nemanau, toliau bendradarbiauti bet spustelėkite registras, pastebėsite dabar. 401 00:18:07,350 --> 00:18:08,940 Tai ne seksualiausia sprendimas. 402 00:18:08,940 --> 00:18:10,900 Aš bent sugauti šią klaidą. 403 00:18:10,900 --> 00:18:12,900 Ir aš naudojamas perspėjimą funkcija JavaScript-- 404 00:18:12,900 --> 00:18:14,090 kuri mes tik naudojant klasėje. 405 00:18:14,090 --> 00:18:16,430 Apskritai, jūs neturėtumėte naudoti šią nes ji gali labai greitai išeiti 406 00:18:16,430 --> 00:18:17,160 kontrolės. 407 00:18:17,160 --> 00:18:19,180 Bet Slaptažodžiai nesutampa yra klaida. 408 00:18:19,180 --> 00:18:21,120 >> Leiskite man eiti į priekį ir spustelėkite Gerai. 409 00:18:21,120 --> 00:18:25,040 Bet kas svarbiausia Takeaway čia yra tai, kad URL nepakito. 410 00:18:25,040 --> 00:18:27,960 Taigi aš nerūpi išsekimo serverio laikas prašydamas 411 00:18:27,960 --> 00:18:30,750 klausimas, kad galėčiau turėti raštuotas atsakymą į save. 412 00:18:30,750 --> 00:18:33,210 >> Ir vartotojo, nors buvo kalbama apie tai 413 00:18:33,210 --> 00:18:35,264 ilgiau nei vartotojo ketina pagalvoti apie tai, 414 00:18:35,264 --> 00:18:36,680 teks trumpąją atsiliepimus. 415 00:18:36,680 --> 00:18:39,044 Nėra jokios latency su tinklo ryšys. 416 00:18:39,044 --> 00:18:40,460 Taigi pažvelkime išeities kodą. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html išvaizda struktūriškai panašus čia. 418 00:18:45,600 --> 00:18:46,810 Forma iš tikrųjų yra tas pats. 419 00:18:46,810 --> 00:18:48,330 Bet pažiūrėkime, ką aš padariau žemyn čia. 420 00:18:48,330 --> 00:18:49,913 Ir ten įvairių būdų tai padaryti. 421 00:18:49,913 --> 00:18:53,690 Ir aš padariau pats tiesus Sekėjas bet ne dauguma elegantiškas būdas dar. 422 00:18:53,690 --> 00:18:54,869 Turiu tag scenarijų. 423 00:18:54,869 --> 00:18:57,035 Tada aš vadinu document.getElementById ("registracija"). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 Ir aš laikyti tą vertę forma, kintamasis. 426 00:19:04,420 --> 00:19:05,520 >> Taigi, ką aš padariau? 427 00:19:05,520 --> 00:19:08,960 Galite manyti, kad document.getElementById kaip 428 00:19:08,960 --> 00:19:11,200 specialios funkcijos, kad JavaScript suteikia jums 429 00:19:11,200 --> 00:19:14,400 kad tiesiog rankos, rodyklė į vieną iš mazgų 430 00:19:14,400 --> 00:19:16,520 ar stačiakampiai šiame medyje. 431 00:19:16,520 --> 00:19:21,470 Taigi dabar, kad tai, ką mūsų forma kintamasis JavaScript yra faktiškai nukreipta į. 432 00:19:21,470 --> 00:19:25,120 >> Taigi dabar sintaksė skiriasi nuo C. Bet mes darome kai ką čia. 433 00:19:25,120 --> 00:19:30,360 Vienas iš jų, tai viena yra šiek tiek keista, ieško, tikrai palyginti C. 434 00:19:30,360 --> 00:19:32,180 Bet pažvelgti į eilutę 35. 435 00:19:32,180 --> 00:19:35,130 Taigi kairėje form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Prisiminkite, kad onsubmit yra tarsi į struct srityje. 437 00:19:38,060 --> 00:19:41,480 Jei manote, kad forma kintamojo yra tiesiog būti C konstrukto, 438 00:19:41,480 --> 00:19:42,600 tai gali turėti tam tikrų sričių. 439 00:19:42,600 --> 00:19:46,410 >> Atgal į dieną, mes turėjome studentų vardus, ID, namai, tų sričių natūra. 440 00:19:46,410 --> 00:19:48,520 Tiesiog manau onsubmit kaip kitos krypties. 441 00:19:48,520 --> 00:19:53,380 Bet tai speciali sritis, nes Naršyklė preprogrammed tikėtis 442 00:19:53,380 --> 00:19:57,530 .onsubmit nebūti vertė kaip numeris arba eilutę, 443 00:19:57,530 --> 00:20:01,180 bet iš tiesų yra funkcija arba funkcijos adresas 444 00:20:01,180 --> 00:20:02,570 Į kompiuterio atmintį. 445 00:20:02,570 --> 00:20:04,740 >> Ir iš tiesų, tai ką Šis raktažodis čia nėra. 446 00:20:04,740 --> 00:20:06,710 Tai sako, duok man naują funkciją. 447 00:20:06,710 --> 00:20:09,390 Bet koks jos vardas bus, matyt? 448 00:20:09,390 --> 00:20:10,800 >> Mintys atgal pirmadienis. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Kas yra tai pavadinimas funkciją, šį sintaksė? 451 00:20:17,170 --> 00:20:19,784 Ne, aš turiu galvoje, yra aiškiai no name associated-- tikrai 452 00:20:19,784 --> 00:20:21,200 ne tai, ką aš čia paryškinti. 453 00:20:21,200 --> 00:20:22,560 >> Bet tai iš tikrųjų gerai. 454 00:20:22,560 --> 00:20:25,840 Tai anoniminis funkcija, arba lambda funkcija kaip kai kurie gali ją vadina. 455 00:20:25,840 --> 00:20:27,589 Ir kad tik reiškia, jis vis dar funkcija. 456 00:20:27,589 --> 00:20:29,400 Tai tiesiog, jūs negalite skambinti pagal pavadinimą. 457 00:20:29,400 --> 00:20:30,057 Bet tai gerai. 458 00:20:30,057 --> 00:20:33,140 Nes vėl, naršyklė buvo preprogrammed įmonių, tokių kaip Google 459 00:20:33,140 --> 00:20:38,540 ar Microsoft ar Mozilla ar kitus tiesiog žinau, kad jei .onsubmit srityje 460 00:20:38,540 --> 00:20:43,400 viduje forma elementas turi vertė, laikyti jį function-- 461 00:20:43,400 --> 00:20:44,750 funkcija žymeklis, jei bus. 462 00:20:44,750 --> 00:20:46,910 Ir ją vadina kai teikiama paraiška. 463 00:20:46,910 --> 00:20:50,350 >> Taigi, kas kodas, turėtų būti vykdomas kai forma yra pateikiama? 464 00:20:50,350 --> 00:20:52,526 Matyt, viskas viduje garbanotas petnešomis. 465 00:20:52,526 --> 00:20:53,650 Ir tai tik stilistinė. 466 00:20:53,650 --> 00:20:55,626 >> Galite tai padaryti, kaip mes linkę daryti CS50. 467 00:20:55,626 --> 00:20:58,250 Bet JavaScript, daugelis žmonių linkę laikyti jį ant tos pačios linijos 468 00:20:58,250 --> 00:21:01,960 tik todėl, kad būtų aiškiau yra asocijuojasi su tuo raktažodžiu funkcija. 469 00:21:01,960 --> 00:21:03,240 Taigi, dabar, ką aš darau? 470 00:21:03,240 --> 00:21:08,616 >> Jei form.email.value lygus kaip lygių tuščia eilutė arba nieko, čia 471 00:21:08,616 --> 00:21:11,490 perspėjimas, kur aš ruošiuosi pasakyti, Jūs turite pateikti savo elektroninio pašto adresą, 472 00:21:11,490 --> 00:21:12,690 ir tada grįžti klaidinga. 473 00:21:12,690 --> 00:21:15,720 Ir tai, kad return FALSE, kad apsaugo nuo jų pateikimo formą. 474 00:21:15,720 --> 00:21:19,480 Tuo tarpu, jei slaptažodis yra vertė tuščias, aš ruošiuosi klykauti vartotojas 475 00:21:19,480 --> 00:21:21,150 ir pasakyti, turite pateikti slaptažodį. 476 00:21:21,150 --> 00:21:23,700 >> Tuo tarpu kas darosi tiek mėgėjas čia. 477 00:21:23,700 --> 00:21:29,160 Jei form.password.value nėra lygus form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 kitoje srityje, klykauti vartotoją, kad slaptažodžiai 479 00:21:31,680 --> 00:21:33,860 nesutampa, nes jie " nebuvo prieš akimirką. 480 00:21:33,860 --> 00:21:35,780 Ir tada tai vienas yra mažai seksualesnis, nes aš 481 00:21:35,780 --> 00:21:40,470 žinau, aš žinojau konceptualiai kad tikrinamą žymės langelį vardas. 482 00:21:40,470 --> 00:21:45,680 >> Taigi aš galiu tiesiog naudoti šauktuką taškas pasakyti, jei patikrinimas nėra 483 00:21:45,680 --> 00:21:48,040 checked-- tai Bulio vertė, tiesa ar false-- 484 00:21:48,040 --> 00:21:49,700 Aš klykauti ne dėl tos priežasties vartotojui. 485 00:21:49,700 --> 00:21:52,300 Priešingu atveju, jei mes per visi iš šių sąlygų, 486 00:21:52,300 --> 00:21:53,270 tegul tiesiog grąžina true. 487 00:21:53,270 --> 00:21:54,700 Leiskite forma pateikta. 488 00:21:54,700 --> 00:21:56,560 Ir tai bus atsitikti. 489 00:21:56,560 --> 00:21:57,740 >> Leiskite įveskite Crimson. 490 00:21:57,740 --> 00:22:00,230 Tegul patikrinti stendo, spauskite mygtuką "Registruotis. 491 00:22:00,230 --> 00:22:01,979 Ir dabar aš einu per į paskirties vietą. 492 00:22:01,979 --> 00:22:03,270 Dabar, nėra bazės ten. 493 00:22:03,270 --> 00:22:05,370 Nėra nieko įdomus į register.php. 494 00:22:05,370 --> 00:22:07,980 Aš tiesiog reikia kažką kad iš tikrųjų kalbėti. 495 00:22:07,980 --> 00:22:09,140 Taigi leiskite man pristabdyti, čia. 496 00:22:09,140 --> 00:22:16,270 Bet, ką mes ką tik padaryta klausimai ar tai, ką kai šios naujos sintaksės? 497 00:22:16,270 --> 00:22:17,640 Gerai, yeah? 498 00:22:17,640 --> 00:22:20,025 >> AUDITORIJA: Taigi bet langelį automatiškai Būlio. 499 00:22:20,025 --> 00:22:21,650 Jūs neturite deklaruoti panašaus. 500 00:22:21,650 --> 00:22:22,649 >> David J. Malan: teisinga. 501 00:22:22,649 --> 00:22:29,340 Bet koks langelį siunčiamą jums iš HTML formos su jūsų "JavaScript" kodo 502 00:22:29,340 --> 00:22:31,760 bus traktuojami taip, kaip Būlio value-- true arba false. 503 00:22:31,760 --> 00:22:32,635 Tai geras klausimas. 504 00:22:32,635 --> 00:22:36,080 Kadangi kitų vertybių, iš Žinoma, buvo tekstas, AKA stygos. 505 00:22:36,080 --> 00:22:38,500 >> Gerai, taigi leiskite man atgal šiek tiek toliau. 506 00:22:38,500 --> 00:22:39,900 Koks buvo Esmė tai? 507 00:22:39,900 --> 00:22:41,400 Tiesiog būti aišku. 508 00:22:41,400 --> 00:22:44,940 Kaip mes jau žinome, net iš Pset7 ir net iš praėjusios savaitės paskaita 509 00:22:44,940 --> 00:22:51,120 pavyzdžiai, kad mes galime akivaizdžiai patikrinti $ _GET $ _POST, Ar vartotojas parašęs mus 510 00:22:51,120 --> 00:22:52,200 tuščias vertė. 511 00:22:52,200 --> 00:22:54,400 Įsiminti tuščią funkciją PHP. 512 00:22:54,400 --> 00:22:58,040 >> Taigi tiesiog būti aišku, kas viena iš priežasčių, mes taip pat gali 513 00:22:58,040 --> 00:23:00,535 noriu padaryti šį klaidų tikrinimas viduje naršyklę? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Kas motyvacija čia? 516 00:23:06,080 --> 00:23:06,580 Taip. 517 00:23:06,580 --> 00:23:09,735 >> AUDITORIJA: Greičiau, ir jūs neturite siųsti nenaudingas duomenis į serverį. 518 00:23:09,735 --> 00:23:10,610 David J. Malan: Geras. 519 00:23:10,610 --> 00:23:11,170 Tai greičiau. 520 00:23:11,170 --> 00:23:12,920 Jūs neturite siųsti nenaudingas duomenys į serverį. 521 00:23:12,920 --> 00:23:14,670 >> Taigi, galėsite gauti atgal daugiau skubus atsakas. 522 00:23:14,670 --> 00:23:16,560 Ir apskritai, vartotojas patirtis yra geriau. 523 00:23:16,560 --> 00:23:17,900 Pagalvokite apie alternatyvą. 524 00:23:17,900 --> 00:23:21,160 >> Jei dėl Gmail-- ir buvo atveju prieš daugelį metų. 525 00:23:21,160 --> 00:23:24,160 Tarkime, jūs turite naują el Gmail sąskaita, o tik būdas per 526 00:23:24,160 --> 00:23:26,510 matyti, kad yra, taip sakant, perkraukite visą puslapį. 527 00:23:26,510 --> 00:23:29,030 Arba tarkime paspausite ryšys skaityti el. 528 00:23:29,030 --> 00:23:31,600 >> Viskas turi perkrauti taip kad jūs galite pamatyti laišką. 529 00:23:31,600 --> 00:23:33,380 Arba Facebook-- gausite pokalbių žinutę. 530 00:23:33,380 --> 00:23:36,000 Jūs nematote, kol perkraukite puslapis arba spauskite šiek nuorodą. 531 00:23:36,000 --> 00:23:38,380 >> Kaip, tai būtų siaubingai erzina vartotojo patirtį. 532 00:23:38,380 --> 00:23:41,300 Ir tai, ką jis buvo, pavyzdžiui, aiškiai, atgal, kai išbėgau į UC 533 00:23:41,300 --> 00:23:44,760 ir interneto buvo daug mažiau dinamiškas ir JavaScript nebuvo taip populiarinamas 534 00:23:44,760 --> 00:23:45,601 kaip yra dabar. 535 00:23:45,601 --> 00:23:47,850 Ir viskas vis dar dinamiškesnis ir daug daugiau 536 00:23:47,850 --> 00:23:49,900 kliento pusėje šia prasme. 537 00:23:49,900 --> 00:23:54,370 >> Bet yra sugauti čia ir tai yra rūšies erzina kabliuko. 538 00:23:54,370 --> 00:23:58,720 Tiesiog todėl, kad jūs įtraukiate kliento pusėje aptikimo, kaip tai nereiškia 539 00:23:58,720 --> 00:24:01,430 galite arba turėtų atsisakyti serverio pusėje aptikimas. 540 00:24:01,430 --> 00:24:04,080 Jūs iš esmės nori įdėti savo Klaidų abiejose vietose. 541 00:24:04,080 --> 00:24:05,830 Nes tai, kas buvo vienas Pamokos išmoko 542 00:24:05,830 --> 00:24:10,270 iš straipsnio aš perskaičiau keletą ištraukų nuo su šia kvaila CMS system-- 543 00:24:10,270 --> 00:24:14,410 Turinio valdymo System-- buvo įgyvendindama savo autentiškumo patvirtinimo sistemą, 544 00:24:14,410 --> 00:24:16,790 jo prisijungti per kokį mechanizmą? 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 >> AUDITORIJA: JavaScript. 548 00:24:21,499 --> 00:24:23,290 David J. Malan: JavaScript, tiksliai, teisingai? 549 00:24:23,290 --> 00:24:24,610 Buvo naudoti JavaScript. 550 00:24:24,610 --> 00:24:27,120 Ir tiesiog, jus vaikinai grojo šiek tiek tikriausiai 551 00:24:27,120 --> 00:24:28,700 su Chrome "inspektoriaus. 552 00:24:28,700 --> 00:24:30,890 Ir jei aš galiu rasti, apžiūrėti elementas. 553 00:24:30,890 --> 00:24:33,670 >> Leiskite man eiti per tai padaryti visi Chrome "parinktis. 554 00:24:33,670 --> 00:24:37,080 Ir tai, kaip lengva yra išjungti JavaScript savo naršyklėje. 555 00:24:37,080 --> 00:24:38,950 Patikrinkite, ne daugiau "JavaScript". 556 00:24:38,950 --> 00:24:41,070 >> Taigi sąžiningumo, daug žiniatinklio šių dienų 557 00:24:41,070 --> 00:24:43,430 yra tik ketina nutraukti nes Gmail ir kitas sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- prielaidą, kad Įjungta JavaScript. 559 00:24:46,140 --> 00:24:50,180 Bet jei darai kažką kvailo kaip tik patvirtinti vartotojai įvestį 560 00:24:50,180 --> 00:24:52,520 ir tikrinti jį klaidų kliento pusėje, 561 00:24:52,520 --> 00:24:54,940 Priešininkas gali lengvai tai padaryti. 562 00:24:54,940 --> 00:24:57,180 Ir tada net protingesni Priešininkas kaip jums vaikinai 563 00:24:57,180 --> 00:25:01,120 Dabar galite naudoti Telnet susukimas ar tiesiog komandų eilutės komandas 564 00:25:01,120 --> 00:25:05,300 ir tikrai siųsti laiškus į serverį kad panašiai yra ne klaida patikrinti. 565 00:25:05,300 --> 00:25:08,380 >> Taigi tai yra daugiau vartotojo sąsaja sprendimas 566 00:25:08,380 --> 00:25:13,060 nei ji yra faktinis techninis improvement-- įgyvendinti 567 00:25:13,060 --> 00:25:14,410 kažkas kliento pusėje, kaip šis. 568 00:25:14,410 --> 00:25:16,800 Taigi, dabar greitai glaustai, bet tada Aš atidėti internetinei pėsčiomis 569 00:25:16,800 --> 00:25:17,674 per šią vieną. 570 00:25:17,674 --> 00:25:21,480 Dviejose forma, mes iš tikrųjų išgyveno ir išvalyti kodą dar truputį. 571 00:25:21,480 --> 00:25:23,650 Bet leiskite man atidėti vieną iš video mes linkę 572 00:25:23,650 --> 00:25:27,970 įdėti į Pset8 kad tiesiog rodo, Panaši sintaksė naudojant biblioteka, vadinama 573 00:25:27,970 --> 00:25:32,320 JQuery, kuris yra super, super populiarus biblioteka JavaScript 574 00:25:32,320 --> 00:25:34,510 kad atvirai, dauguma žmonių tiesiog naudoti šių dienų 575 00:25:34,510 --> 00:25:37,070 ir net painioti, nes pati būtis JavaScript. 576 00:25:37,070 --> 00:25:38,950 >> Ir jis yra linkęs įtraukti kai Dolerio ženklai 577 00:25:38,950 --> 00:25:41,350 ir raktažodžius kaip dokumento skliausteliuose čia. 578 00:25:41,350 --> 00:25:44,480 Bet vėl, leiskite atidėti iki kai lėčiau samouczków internete 579 00:25:44,480 --> 00:25:46,750 o ne klimpti vos sintaksė. 580 00:25:46,750 --> 00:25:48,630 Pereikime prie kažkas mažai aušintuvas 581 00:25:48,630 --> 00:25:50,520 kalbant apie šio programų. 582 00:25:50,520 --> 00:25:57,730 >> Taigi, visų pirma, leiskite man eiti į priekį ir atverti tai čia. 583 00:25:57,730 --> 00:25:58,340 Nagi. 584 00:25:58,340 --> 00:25:59,380 Štai taip. 585 00:25:59,380 --> 00:26:01,500 >> Leiskite atverti šią nuotrauką čia. 586 00:26:01,500 --> 00:26:03,450 Pernelyg sudėtingas ieško, tačiau ji 587 00:26:03,450 --> 00:26:07,880 aprašo technologiją vadinamą AJAX-- Asinchroninis JavaScript ir XML, kur 588 00:26:07,880 --> 00:26:10,530 XML X iš tikrųjų nebėra tikrai naudojami. 589 00:26:10,530 --> 00:26:13,430 Ji linkusi naudoti kažką kitas vadinamas JSON. 590 00:26:13,430 --> 00:26:16,560 >> Bet čia, kaip kažkas panašaus "Google Maps" ar "Google" žemė veikia. 591 00:26:16,560 --> 00:26:18,060 Pabandykime tai skristi, realiai. 592 00:26:18,060 --> 00:26:21,590 Leiskite man eiti į priekį ir atidaryti "Chrome" mano naršyklėje. 593 00:26:21,590 --> 00:26:26,236 >> Ir leiskite man eiti į, pasakyti, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 Ir iš tikrųjų, jei esate senas Užtenka prisiminti, ką, 596 00:26:31,930 --> 00:26:35,600 kaip, MapQuest buvo tarsi atgal per dieną, o gal jie vis dar dirba kaip šis. 597 00:26:35,600 --> 00:26:38,870 Kai naudojama ieškant something-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 darykime this-- jus iš tikrųjų būtų, jeigu jums 599 00:26:40,650 --> 00:26:43,000 norėjau kanors aukštyn ir žemyn, į kairę ir į dešinę, 600 00:26:43,000 --> 00:26:44,920 Jūs atrodys didelis rodyklė ant viršaus, ir ji 601 00:26:44,920 --> 00:26:46,921 būtų parodyti jums kitą kadras žemėlapyje čia. 602 00:26:46,921 --> 00:26:49,753 Ar jūs spustelėkite kairėje ir jūs norėčiau eiti per čia, ar kita paspaudimas 603 00:26:49,753 --> 00:26:51,000 ir jums eiti per čia. 604 00:26:51,000 --> 00:26:53,000 Bet vietoj to, jie dienų, mes, žinoma, tik 605 00:26:53,000 --> 00:26:55,970 laiko savaime suprantamu dalyku, kad mes galime eiti aplink Kembridžo gana greitai 606 00:26:55,970 --> 00:26:57,550 tiesiog spustelėdami ir vilkdami. 607 00:26:57,550 --> 00:26:59,130 Bet Pastebėjus tam tikrų trikdžių. 608 00:26:59,130 --> 00:27:02,160 >> Jei aš tai padaryti pakankamai greitai, kas atrodo, vyksta 609 00:27:02,160 --> 00:27:05,960 kaip aš vilkite šiek tiek per greitai už kompiuterio suspėti? 610 00:27:05,960 --> 00:27:07,160 Ką matote? 611 00:27:07,160 --> 00:27:07,660 Taip. 612 00:27:07,660 --> 00:27:09,232 >> AUDITORIJA: pikseliai neatnaujinama. 613 00:27:09,232 --> 00:27:10,940 David J. Malan: taškai neturi atnaujinti. 614 00:27:10,940 --> 00:27:12,870 Yra actually-- ir jus gali pamatyti tai, iš tikrųjų, 615 00:27:12,870 --> 00:27:15,360 jei jūs žiūrite internete ir pauzė tai ar iš tikrųjų lėtina dalykų žemyn 616 00:27:15,360 --> 00:27:18,600 už once-- pamatysite, kad yra plytelės, kvadratų, arba stačiakampių, kad 617 00:27:18,600 --> 00:27:22,040 trūksta žemėlapyje kol sekundės vėliau, daugiau duomenų, 618 00:27:22,040 --> 00:27:24,390 daugiau nuotraukų iš tikrųjų rodomas ekrane. 619 00:27:24,390 --> 00:27:29,810 Ir iš tiesų, jei mes tai darome, žiūrėdamas iki Chrome's-- tarkim, Chrome-- 620 00:27:29,810 --> 00:27:30,310 pažiūrėkime. 621 00:27:30,310 --> 00:27:31,090 Mes negalime daryti. 622 00:27:31,090 --> 00:27:31,860 >> Oi, oi. 623 00:27:31,860 --> 00:27:34,761 Leiskite atverti maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Leiskite langas didesnis dar kartą. 625 00:27:36,660 --> 00:27:38,836 >> Grįžti atgal į 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Koks buvo svetainė buvau neseniai? 628 00:27:43,760 --> 00:27:46,440 Aš turėjau šią, kaip ir, privatus tirada iki aš, kad aš tada trumpąją žinutę 629 00:27:46,440 --> 00:27:48,470 bet draugas, kuris buvo internete kurie norėjo išgirsti. 630 00:27:48,470 --> 00:27:49,345 Yra keletas interneto svetainėje. 631 00:27:49,345 --> 00:27:52,680 Manau, kad tai Comcast-- taip labai didelis Amerikos IPT. 632 00:27:52,680 --> 00:27:56,355 Galite, jei Užsiregistravę naują laidą modemas tarnyba arba kabelinė televizija tarnyba, 633 00:27:56,355 --> 00:27:59,230 jie turi formą labai pagrįstai kur jie niekada neprašome jūsų adresą. 634 00:27:59,230 --> 00:28:01,450 Ir turėti šį nuostabų funkcija vadinama Automatinis užpildymas, 635 00:28:01,450 --> 00:28:04,600 kaip "Google", kad pradeda užpildyti į jūsų klausimą. 636 00:28:04,600 --> 00:28:08,090 >> Problema yra, jie Automatinis užpildymas nuo pirmųjų dalykų, kad jūs tipo. 637 00:28:08,090 --> 00:28:12,890 Taigi, jei jums pradėti rašyti 33, jį bus parodyti jums, tiesiog kiekvieną namą 638 00:28:12,890 --> 00:28:15,790 Amerikoje, kuris prasideda su numeriu 33 639 00:28:15,790 --> 00:28:17,920 prieš toliau tikimės, kad jūs tipo daugiau. 640 00:28:17,920 --> 00:28:20,660 Taigi, jei rašote 33 Oxford, tai rodo jums kas gatvę 641 00:28:20,660 --> 00:28:24,726 Amerikoje, kuri turi 33 Oksforde jo pavadinimas, nepriklausomai nuo miesto 642 00:28:24,726 --> 00:28:25,350 kad jūs. 643 00:28:25,350 --> 00:28:26,320 >> Ir tada jūs ir toliau rašyti. 644 00:28:26,320 --> 00:28:28,930 Ir, pagaliau, jis supranta, kad jie ne siūlau tarnyba savo namuose, Cambridge 645 00:28:28,930 --> 00:28:29,920 ar kažkas panašaus. 646 00:28:29,920 --> 00:28:33,410 Bet Esmė yra ta, tai yra labiausiai Oli įgyvendinimas auto 647 00:28:33,410 --> 00:28:34,140 baigti bet kada. 648 00:28:34,140 --> 00:28:36,400 >> Ir aš tik ketina išjungti dėl šio liestinės dar kartą. 649 00:28:36,400 --> 00:28:39,040 Tačiau yra gerų būdų, naudoti JavaScript ir blogų būdų. 650 00:28:39,040 --> 00:28:40,750 Ir tai nebūtinai geriausias. 651 00:28:40,750 --> 00:28:46,360 >> Bet čia dalykas, prieš tai tirada buvo atverti įrankiai žemyn čia 652 00:28:46,360 --> 00:28:49,480 ir atverti Kūrėjo įrankiai, kaip mes skatinami anksčiau, 653 00:28:49,480 --> 00:28:52,840 ir žiūrėti tinklą skirtukas kaip paspaudžiu tikrai greitai. 654 00:28:52,840 --> 00:28:55,400 Ir pastebėsite, visa krūva iš užklausų atsitiko. 655 00:28:55,400 --> 00:28:57,310 Visa tai nutiko, nes aš nutempė. 656 00:28:57,310 --> 00:29:00,170 >> Ir greičiausiai, iš tikrųjų Šių eilučių daug 657 00:29:00,170 --> 00:29:04,060 dabar yra vaizdo velniop JPEG MIME tipų ar turinio tipai. 658 00:29:04,060 --> 00:29:07,750 Tai todėl, kad tai, ką chromo daro kiekvieną kartą aš spustelėkite ir vilkite, spustelėkite 659 00:29:07,750 --> 00:29:11,650 ir vilkite, yra tai realizuoti, oi, aš reikia eiti prašyti Google plytelių 660 00:29:11,650 --> 00:29:15,080 žemėlapyje, kad viskas baigta čia greitai atsisiųsti per HTTP, 661 00:29:15,080 --> 00:29:19,550 ir tada įdėti į vadinamąją DOM į interneto naršyklių atminties medį 662 00:29:19,550 --> 00:29:24,430 atstovavimas, kad vartotojas, man, pamato, kad atnaujintą plytelių. 663 00:29:24,430 --> 00:29:26,795 Ir tai yra dėl technika, vadinama "AJAX. 664 00:29:26,795 --> 00:29:28,920 Atgal į dieną, tai tikrai buvo atvejis, kad jei 665 00:29:28,920 --> 00:29:33,050 norėjo pakeisti tai, kas ekrane, jūs turite paspausti aukštyn, žemyn, į kairę, 666 00:29:33,050 --> 00:29:33,550 teisė. 667 00:29:33,550 --> 00:29:34,740 Ir tada naujas puslapis atvertų. 668 00:29:34,740 --> 00:29:36,531 Tačiau šių dienų, viskas yra labiau dinamiškas. 669 00:29:36,531 --> 00:29:40,490 Taip atsitinka taip, mes, žmonės, būtų tikiuosi, kad jis iš tikrųjų būtų interaktyviai. 670 00:29:40,490 --> 00:29:43,210 Ir jis tai pasiekia būdas technika vadinama 671 00:29:43,210 --> 00:29:46,170 AJAX, kuris yra bene geriausiai paaiškinti pavyzdys. 672 00:29:46,170 --> 00:29:49,730 Pirma, leiskite man eiti į priekį ir atverti failą 673 00:29:49,730 --> 00:29:53,540 vadinamas quote.php į Šiandienos pasiskirstymas kodas. 674 00:29:53,540 --> 00:29:56,200 >> Ir tada leiskite man padaryti symbol-- šūksniais. 675 00:29:56,200 --> 00:30:02,399 Leiskite padaryti simbolį = GOOG tik kai kurių sandėlyje. 676 00:30:02,399 --> 00:30:04,440 Ar iš tikrųjų, galime daryti vienas iš Pset nemokamai. 677 00:30:04,440 --> 00:30:05,270 Įveskite. 678 00:30:05,270 --> 00:30:06,580 >> Ir dabar pastebėsite ką aš grįšiu. 679 00:30:06,580 --> 00:30:09,210 Taigi tai yra tikrai trumpas PHP failą, kad aš 680 00:30:09,210 --> 00:30:13,210 rašė, kad tiesiog skolinasi kodą iš Pset7 savo peržvalgos funkcija 681 00:30:13,210 --> 00:30:17,830 ir išspjauna naudojant šį garbanotais petnešomis ir citatos ir dvitaškis notacija, matyt, 682 00:30:17,830 --> 00:30:22,747 dabartinis akcijų kaina už kompanija, kuri jums praeiti per vakaronėse. 683 00:30:22,747 --> 00:30:24,580 Taigi tai yra kitoks nuo daugumos, ką mes 684 00:30:24,580 --> 00:30:26,496 daroma šiuo pranešimu aš pažodžiui opluciem 685 00:30:26,496 --> 00:30:27,870 kas atrodo JavaScript. 686 00:30:27,870 --> 00:30:30,020 >> Tiesą sakant, tai yra JavaScript objektas. 687 00:30:30,020 --> 00:30:34,130 Tiesą sakant, tiesiog, kad būtų labiau aišku, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 yra tik išgalvotas būdas pasakyti, kad jums gali atstovauti duomenis JavaScript daug 689 00:30:38,330 --> 00:30:41,660 kaip jūs galite į PHP naudojant rakto poros. 690 00:30:41,660 --> 00:30:44,270 Taigi, jei aš norėjau paskelbti JavaScript kintamąjį 691 00:30:44,270 --> 00:30:47,872 iki atstovauja Zamyla, už instance-- už Zamyla-- konstrukto 692 00:30:47,872 --> 00:30:49,580 ir mes jį vadiname studentas, šis kintamasis. 693 00:30:49,580 --> 00:30:53,060 Jos ID yra vienas, namas Winthrop ir vardas Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Bet aš taip pat gali turėti objektų masyvo. 695 00:30:55,490 --> 00:30:58,710 Taigi, jei aš iš tikrųjų norėjo turėti JavaScript masyvas, kuriame yra 696 00:30:58,710 --> 00:31:01,740 keli tokie objektai, tai laikas atstovaujanti darbuotojų, 697 00:31:01,740 --> 00:31:04,910 Aš galėjo šiuos tris gabaliukus code 698 00:31:04,910 --> 00:31:08,560 atgal atgal už tai Trys buvę darbuotojai. 699 00:31:08,560 --> 00:31:12,201 Taigi sintaksė, gana panašus į both-- PHP. 700 00:31:12,201 --> 00:31:13,700 Visų pirma tai pasakytina JavaScript. 701 00:31:13,700 --> 00:31:15,940 Tai objektas notacija. 702 00:31:15,940 --> 00:31:17,240 Taigi, kas yra šis naudingi? 703 00:31:17,240 --> 00:31:21,580 >> Jei aš rašau kodą išspjauna JSON-- JavaScript Object Notation-- stuff, kad 704 00:31:21,580 --> 00:31:24,670 atrodo taip arba stuff, kad atrodo Zamyla struktūrą, 705 00:31:24,670 --> 00:31:27,730 Aš iš tikrųjų galite naudoti šią programose rašau. 706 00:31:27,730 --> 00:31:30,660 Leiskite man eiti į ajax0.html. 707 00:31:30,660 --> 00:31:33,310 Ir tai too-- ne daug galvojama, kad estetika. 708 00:31:33,310 --> 00:31:34,660 Bet žiūrėti, kas atsitiks. 709 00:31:34,660 --> 00:31:37,050 >> Leiskite man eiti į priekį ir įveskite nemokamai čia. 710 00:31:37,050 --> 00:31:38,490 Spustelėkite gauti citata. 711 00:31:38,490 --> 00:31:41,060 Ir pastebėsite URL nepasikeitė. 712 00:31:41,060 --> 00:31:47,250 Bet aš gauti Iššokantis su matyt Šiandienos Penny Stock kaina 0,15 $. 713 00:31:47,250 --> 00:31:49,062 Taigi ne visi, kad blogai. 714 00:31:49,062 --> 00:31:52,020 Tačiau skirtumas yra tas, kad kažkaip, šie duomenys grįžo į mane tiesiogiai. 715 00:31:52,020 --> 00:31:54,250 Bet tegul imasi link žingsnį kažkas daugiau žino. 716 00:31:54,250 --> 00:31:58,900 Be to vienos versijos, leiskite nemokama vėl įvesti, spustelėkite Gauti citatą, 717 00:31:58,900 --> 00:32:01,146 ir now-- oh, tai buvo realiai JQuery versija. 718 00:32:01,146 --> 00:32:03,270 Taigi leiskite me-- aš ne pirmyn gana pakankamai toli. 719 00:32:03,270 --> 00:32:05,830 Leiskite man eiti į versiją du, kuris yra, kur aš norėjau. 720 00:32:05,830 --> 00:32:07,260 Stebėkite, aš padariau čia. 721 00:32:07,260 --> 00:32:10,370 Turiu web page-- super paprastas variantas bet kurį tinklalapį, 722 00:32:10,370 --> 00:32:14,260 galite naudoti šiandien su teksto lauke čia nemokamai, o tada matyt tik 723 00:32:14,260 --> 00:32:14,880 tekstas. 724 00:32:14,880 --> 00:32:16,860 >> Tai ne forma čia, matyt. 725 00:32:16,860 --> 00:32:19,360 Bet jei aš spustelėkite gauti citata, pastebės mano tinklalapį 726 00:32:19,360 --> 00:32:22,760 yra apie pakeisti kaip nors I tik gavo naują momentinį pranešimą 727 00:32:22,760 --> 00:32:25,360 arba kaip nors aš ką tik persikėlė žemėlapį ir reikia gauti daugiau duomenų, 728 00:32:25,360 --> 00:32:29,220 dinamiškai pridėti prie tinklalapio be URL keičiasi ir vartotojo 729 00:32:29,220 --> 00:32:30,980 patirtis vis nutrūksta. 730 00:32:30,980 --> 00:32:35,750 Iš tiesų, aš vis dar ne patį place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Taigi pažvelkime tik šiame pavyzdyje ir pamatyti, kaip tai vyksta. 732 00:32:39,080 --> 00:32:42,490 Leiskite man eiti į ajax2.html. 733 00:32:42,490 --> 00:32:44,770 Ir pirmojo pranešimo formą. 734 00:32:44,770 --> 00:32:47,092 >> Žemyn čia, aš tekinimo off Automatinis užpildymas. 735 00:32:47,092 --> 00:32:48,800 Kartais ji pasireiškia erzina, jei naršyklė 736 00:32:48,800 --> 00:32:50,508 bando parodyti jums, jūsų visa istorija. 737 00:32:50,508 --> 00:32:53,450 Taigi jūs galite padaryti jį HTML by tiesiog pasakyti, auto užbaigti išjungtas. 738 00:32:53,450 --> 00:32:57,290 >> Aš skiriant šį tekstą laukas symbol-- veikiau simbolinė ID. 739 00:32:57,290 --> 00:32:58,977 O dabar, tai yra įdomi funkcija. 740 00:32:58,977 --> 00:33:01,310 Mes ne kalbėjo apie span, bet jūs galite galvoti apie tai 741 00:33:01,310 --> 00:33:03,177 kaip dalį tegus arba div tegus. 742 00:33:03,177 --> 00:33:05,010 Tai, kas vadinama in-eilutės elementu, 743 00:33:05,010 --> 00:33:07,415 reiškia, kad jūs negausite dalį pertrauka aukščiau ir žemiau jo. 744 00:33:07,415 --> 00:33:11,530 Tai tik ketina likti vienoje linijoje be pataikyti įvesti ekvivalentą. 745 00:33:11,530 --> 00:33:17,980 Taigi daviau šį HTML riekė turi būti nustatoma unikalų identifikatorių 746 00:33:17,980 --> 00:33:20,130 kad aš savavališkai vadinama kaina. 747 00:33:20,130 --> 00:33:21,560 Ir turiu mygtuką Pateikti. 748 00:33:21,560 --> 00:33:25,420 >> Nes dabar iki here-- ir tai tikrai super nuostabi, kaip mažai kodas 749 00:33:25,420 --> 00:33:27,660 Jūs galite rašyti daryti palyginti tvarkingas Quake 750 00:33:27,660 --> 00:33:31,800 pastebėsite ką aš padariau čia, jei aš slinkite iki šio puslapio galva. 751 00:33:31,800 --> 00:33:34,970 Aš įtrauktas pirmas mano galva scenarijų tegus 752 00:33:34,970 --> 00:33:37,410 kad iš tikrųjų nuorodos JavaScript failą kitur. 753 00:33:37,410 --> 00:33:39,702 Tai iš organizacijos kad rašo JQuery, 754 00:33:39,702 --> 00:33:42,660 Ir tai tik suteikia jums vėliau versija savo jQuery biblioteką. 755 00:33:42,660 --> 00:33:46,305 >> Taigi tai yra lyg aštrūs įtraukti į C arba reikalauja PHP. 756 00:33:46,305 --> 00:33:48,900 Galite naudoti tag scenarijų kuriuo šaltinio atributas. 757 00:33:48,900 --> 00:33:52,030 Bet dabar mano kodas yra bus teisus čia. 758 00:33:52,030 --> 00:33:54,170 >> Pranešimas Turiu funkcija vadinama kotiruotės. 759 00:33:54,170 --> 00:33:56,180 Ir atrodo mažai paslaptingas iš pirmo žvilgsnio. 760 00:33:56,180 --> 00:33:57,305 Bet leiskite erzinti tai išskiria. 761 00:33:57,305 --> 00:33:59,090 Duok man kintamasis vadinamas URL. 762 00:33:59,090 --> 00:34:01,390 Priskirti jį pažodžiui šį eilutę. 763 00:34:01,390 --> 00:34:04,530 Taigi, kabutes, kabutes į JavaScript tiesiog man duoda eilutę. 764 00:34:04,530 --> 00:34:06,900 Ką plius daryti? 765 00:34:06,900 --> 00:34:08,199 Sąryšis. 766 00:34:08,199 --> 00:34:12,610 >> Taigi tai dabar yra JQuery sintaksė kuris trunka tiek priprasti. 767 00:34:12,610 --> 00:34:18,310 Bet tai tiesiog reiškia eiti gauti man DOM mazgas, kurio unikalus identifikatorius yra simbolis. 768 00:34:18,310 --> 00:34:21,929 Grotelėmis ten reiškia unikalus identifikatorius simbolis. 769 00:34:21,929 --> 00:34:24,929 >> Doleris įsijunk wtrącone tiesiog reiškia, apvyniokite tai 770 00:34:24,929 --> 00:34:28,510 į JQuery iš slaptą padažu rūšiuoti taip gausite papildomą funkcionalumą. 771 00:34:28,510 --> 00:34:31,880 Ir tada .val matyt funkcija, arba kaip mes sakome dabar, 772 00:34:31,880 --> 00:34:35,219 viduje šio mazgo metodas kad tik suteikia jums naudos. 773 00:34:35,219 --> 00:34:38,896 Taigi, trumpai tariant, negraži ir paini kaip tai atrodo iš pirmo žvilgsnio, 774 00:34:38,896 --> 00:34:42,020 tai tiesiog reiškia gauti su vartotoju įvedėte į, įdėti jį į stringo pabaigos 775 00:34:42,020 --> 00:34:42,880 iki concatenating jį. 776 00:34:42,880 --> 00:34:43,739 Tai viskas. 777 00:34:43,739 --> 00:34:46,070 >> Taigi, dabar, paskutiniai trys eilutės. 778 00:34:46,070 --> 00:34:48,690 Galite išspausti iš daug funkcionalumas iš trijų eilučių. 779 00:34:48,690 --> 00:34:52,199 Ši doleris ženklas, kaip žemę, yra tik slapyvardis 780 00:34:52,199 --> 00:34:55,800 už ypatingą pasaulinį kintamąjį vadinamas tiesiog JQuery. 781 00:34:55,800 --> 00:34:57,060 >> Doleris ženklas tik atrodo cool. 782 00:34:57,060 --> 00:35:00,080 Taigi JQuery bendruomenė tiesiog rūšies iš naudojo jį kaip savo ypatingos simboliu. 783 00:35:00,080 --> 00:35:02,470 Tai nereiškia, kad tai, ką jis reiškia, PHP. 784 00:35:02,470 --> 00:35:06,356 JavaScript, dolerio ženklas yra tik kaip abėcėlės raidės 785 00:35:06,356 --> 00:35:07,480 arba kintamajam skaičius. 786 00:35:07,480 --> 00:35:09,000 >> Jūs galite tiesiog jį kaip pavadinimas. 787 00:35:09,000 --> 00:35:09,770 Tiesiog atrodo kietas. 788 00:35:09,770 --> 00:35:11,890 Taigi bendruomenės juos priėmė kaip slapyvardį 789 00:35:11,890 --> 00:35:13,390 už savo biblioteką, vadinama JQuery. 790 00:35:13,390 --> 00:35:15,060 >> Ir tai super populiarus. 791 00:35:15,060 --> 00:35:17,620 Taigi gauti JSON yra būtent tai. 792 00:35:17,620 --> 00:35:19,920 Tai funkcija, kuri žmonės ne jQuery rašė 793 00:35:19,920 --> 00:35:23,340 kad gauna JSON iš server-- JavaScript Object Notation. 794 00:35:23,340 --> 00:35:25,680 Iš to, ką URL it going gauti šią informaciją? 795 00:35:25,680 --> 00:35:27,790 Matyt iš URL čia. 796 00:35:27,790 --> 00:35:31,180 >> Ir kas turėtų naršyklė padaryti taip kai tik ji grįš šį atsakymą? 797 00:35:31,180 --> 00:35:36,500 Ir tai yra AJAX magija, todėl į speak-- Asynchronous JavaScript XML. 798 00:35:36,500 --> 00:35:41,320 Sunku pamatyti su tokia paprastas pavyzdys, kaip mes turėjome čia. 799 00:35:41,320 --> 00:35:44,730 >> Bet tai buvo asinchroninis į jausmas, kad mano kodas, jei 800 00:35:44,730 --> 00:35:48,530 vykdomas išsiuntė pranešimą serveris eiti gauti man JSON. 801 00:35:48,530 --> 00:35:51,340 Ir tai atsitiko super greitai kad gavau atsakymą. 802 00:35:51,340 --> 00:35:55,130 Bet kas įdomu yra tai, kad ši eilutę kodo nebuvo pakabinti savo kompiuterį. 803 00:35:55,130 --> 00:35:56,550 >> Nemačiau verpimo piktogramą. 804 00:35:56,550 --> 00:35:59,200 Aš neprarado Galimybė perkelti savo pele. 805 00:35:59,200 --> 00:36:01,340 Mano naršyklė buvo tikrai puikiai baudą. 806 00:36:01,340 --> 00:36:06,290 >> Nes taip JavaScript rankenos atsakas iš serverio yra taip. 807 00:36:06,290 --> 00:36:09,740 Jūs užregistruoti, ką norite skambinti skambinimo funkcijas, kuri 808 00:36:09,740 --> 00:36:12,830 tiesiog reiškia, ei, "JavaScript". 809 00:36:12,830 --> 00:36:16,100 Kaip greičiau kaip serverį reaguoja su JSON, 810 00:36:16,100 --> 00:36:18,750 prašome skambinti šiuo anoniminę funkciją. 811 00:36:18,750 --> 00:36:23,910 >> Ir prašome perėjo į šią funkciją kokia eilutė serveris išspjauti 812 00:36:23,910 --> 00:36:26,080 kaip argumentas vadinamas duomenis. 813 00:36:26,080 --> 00:36:28,360 Taigi, kitaip, tariant, jei Aš montavimas dinamiškai 814 00:36:28,360 --> 00:36:33,370 URL quote.php einančios tai simbolis, kaip nemokamai arba GOOG ar Papuošalą, 815 00:36:33,370 --> 00:36:36,830 Aš tada sakau JavaScript eikite gauti šį URL. 816 00:36:36,830 --> 00:36:39,080 Atminkite, kad naršyklėje ketina grįžti kažką 817 00:36:39,080 --> 00:36:42,680 kad atrodo, kad mes matėme earlier-- tai. 818 00:36:42,680 --> 00:36:45,940 >> Ir kas antras argumentas čia norėdami gauti JSON sako 819 00:36:45,940 --> 00:36:48,450 yra skambinti šią funkciją kai serveris gauna atgal 820 00:36:48,450 --> 00:36:52,440 ar tai 10 milisekundžių nuo dabar ar 10 sekundžių nuo dabar. 821 00:36:52,440 --> 00:36:55,840 Ir kuo greičiau tai padarysite, pridėti į kainą į puslapį. 822 00:36:55,840 --> 00:36:58,030 Ši sintaksė čia tiesiog reiškia eikite gauti mazgas 823 00:36:58,030 --> 00:37:01,940 nuo medžio, kurio unikalus identifikatorius yra price-- tą tarpą matėme anksčiau. 824 00:37:01,940 --> 00:37:04,320 >> Šis metodas vadinamas HTML tiesiog sako, eiti pakeisti 825 00:37:04,320 --> 00:37:08,770 HTML, kad ten su data.price. 826 00:37:08,770 --> 00:37:10,200 Kas data.price? 827 00:37:10,200 --> 00:37:12,850 Na, naršyklė, prisimenu, parodė man tai grįžta. 828 00:37:12,850 --> 00:37:14,540 Taigi tai yra duomenys. 829 00:37:14,540 --> 00:37:18,100 >> Ir todėl mažai paslaptingas pamatyti kableliais čia. 830 00:37:18,100 --> 00:37:19,350 Bet iš tikrųjų, leiskite man tai padaryti. 831 00:37:19,350 --> 00:37:22,890 Leiskite įdėti šią labai greitai į gedit 832 00:37:22,890 --> 00:37:27,240 ir parodyti tai, kaip mes parodėme Zamyla struktūra anksčiau. 833 00:37:27,240 --> 00:37:31,610 >> Ką serveris siunčia atgal yra mažai objektas, atrodo taip. 834 00:37:31,610 --> 00:37:37,140 Ir taip data.price yra tiesiog duoti man 0,1515. 835 00:37:37,140 --> 00:37:39,310 Taigi pereiti daug dalys čia visus iš karto. 836 00:37:39,310 --> 00:37:41,860 >> Tačiau esminė informacija yra kad mes turime šį gebėjimą 837 00:37:41,860 --> 00:37:44,600 padaryti papildomą HTTP prašymai, naudojant JavaScript 838 00:37:44,600 --> 00:37:46,090 nereikia iš naujo įkelkite puslapį. 839 00:37:46,090 --> 00:37:49,580 Ir tada mes galime iš tikrųjų keisti tinklalapį skristi. 840 00:37:49,580 --> 00:37:51,850 Ir paaiškėja, kad JavaScript ir kitomis kalbomis 841 00:37:51,850 --> 00:37:54,510 gali būti naudojamas ne tik dabar mutuoti tinklalapius, 842 00:37:54,510 --> 00:37:57,960 bet iš tiesų kurti programinę įrangą realioje kompiuterio, 843 00:37:57,960 --> 00:38:00,240 ne tik apsiriboti Chrome ir pan. 844 00:38:00,240 --> 00:38:03,530 >> Iš tiesų, if-- Colton, prašau norėčiau prisijungti mus atgal čia 845 00:38:03,530 --> 00:38:06,100 su savo laboratorijos kodas ir Chang taip? 846 00:38:06,100 --> 00:38:09,140 Vykime į priekį, to, kalbėjo apie anoniminiai funkcijos ir šios funkcijos 847 00:38:09,140 --> 00:38:13,090 ir tikrai Patiria likimą čia su gyva demo su kraujavimu 848 00:38:13,090 --> 00:38:16,480 Naujausios technologijos, viena iš šie Elite Judesio prietaisai. 849 00:38:16,480 --> 00:38:18,940 Dabar šis įrenginys, prisiminti, yra šiek tiek USB įrenginį 850 00:38:18,940 --> 00:38:25,620 taip that-- tai beautiful-- kuris jungiamas prie "USB. 851 00:38:25,620 --> 00:38:29,120 >> Ir tada jis teikia medžiagą žmogaus gestus forma 852 00:38:29,120 --> 00:38:32,560 aptikti naudojant infraraudonuosius spindulius, iš esmės, judesių ranką. 853 00:38:32,560 --> 00:38:35,150 Todėl nors ką Maria bandė nuo iki buvo raumeningas, 854 00:38:35,150 --> 00:38:39,000 iš tikrųjų jaučia, kas keičiasi Jūsų rankos, tai infraraudonųjų pagrįstas. 855 00:38:39,000 --> 00:38:44,390 Todėl jis ieško, kai judėjimas sferos koja ar taip tarsi 856 00:38:44,390 --> 00:38:46,190 iš paties prietaiso. 857 00:38:46,190 --> 00:38:48,950 >> Taigi, kodėl ne aš Šioje pirmoje dūris? 858 00:38:48,950 --> 00:38:53,100 Ir eikime į priekį ir mesti Jūs iki Viršuje čia. 859 00:38:53,100 --> 00:38:56,250 Taigi galime įdėti Colton nešiojamas čia. 860 00:38:56,250 --> 00:38:58,360 Mes turime Andriejų televizoriuje. 861 00:38:58,360 --> 00:39:00,160 Ir ką norėtumėte man daryti pirmiausia? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Eiti į priekį ir tik įdėti savo rankas ant šio vaikino 863 00:39:02,409 --> 00:39:04,430 ir pamatysite, kai Pasakų blizgesį. 864 00:39:04,430 --> 00:39:07,230 >> David J. Malan: Labai gražus. 865 00:39:07,230 --> 00:39:11,110 Visa tai vyksta realiu laiku. 866 00:39:11,110 --> 00:39:11,889 Gerai. 867 00:39:11,889 --> 00:39:12,680 Gerai, o yep. 868 00:39:12,680 --> 00:39:14,119 So nice. 869 00:39:14,119 --> 00:39:15,410 Gerai, ką dar galime padaryti? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Eiti į kitą ekraną ir pamatysite. 871 00:39:17,900 --> 00:39:19,136 >> David J. Malan: Gerai. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: įdomus mažai žaidimas kur jums padaryti robotus. 873 00:39:21,780 --> 00:39:24,738 >> David J. Malan: Gerai, todėl šis yra fake rankos rodantys man, ką daryti. 874 00:39:24,738 --> 00:39:27,920 COLTON: Taip Taigi pirmyn ir patraukti vieną iš blokų 875 00:39:27,920 --> 00:39:30,637 ir padėkite jį ant viršaus, kad roboto kūną. 876 00:39:30,637 --> 00:39:32,137 David J. Malan: Oi, ten mano ranka. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 Gerai, žavinga. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Palauk, Gerai. 881 00:39:38,650 --> 00:39:41,320 Štai taip. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Aš vieną dėl nelaimingo atsitikimo. 883 00:39:43,590 --> 00:39:45,423 >> David J. Malan: Gerai, aš gausiu šį vaikiną. 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 Kai mes buvome praktikuojančių tai paskutinis naktį, jūs žinote, ką tai perduotos į? 887 00:39:51,550 --> 00:39:54,285 >> Kaip šis. 888 00:39:54,285 --> 00:39:55,490 Gerai. 889 00:39:55,490 --> 00:39:55,990 Kitas vienas? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Sure. 891 00:39:56,860 --> 00:39:58,818 >> David J. Malan: Gerai, ir ten trečią. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Gerai. 894 00:40:01,674 --> 00:40:03,215 COLTON: O šis, jums to-- 895 00:40:03,215 --> 00:40:04,923 David J. Malan: Oh, Tai vienas gražus. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, pasiimti be šios gėlės. 897 00:40:06,650 --> 00:40:07,441 David J. Malan: Gerai. 898 00:40:07,441 --> 00:40:11,170 899 00:40:11,170 --> 00:40:11,670 Ne? 900 00:40:11,670 --> 00:40:14,515 Praleisti. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Oi, ten jūs einate. 902 00:40:15,570 --> 00:40:18,680 >> David J. Malan: Ak, pažvelgti į tą. 903 00:40:18,680 --> 00:40:19,830 Labai gražus. 904 00:40:19,830 --> 00:40:22,470 Na, kodėl Dont imame iš vienos savanorio čia 905 00:40:22,470 --> 00:40:24,180 kurie norėtų ateiti iki. 906 00:40:24,180 --> 00:40:27,500 Kaip apie teisę ten Žaliojoje, tai? 907 00:40:27,500 --> 00:40:30,540 >> Gerai, ir tegul have-- užuot tai, kai kurie iš jūsų 908 00:40:30,540 --> 00:40:34,590 Galbūt žinote, žaidimas here-- sumažinti virvę, galbūt? 909 00:40:34,590 --> 00:40:35,100 Pažiūrėkime. 910 00:40:35,100 --> 00:40:37,320 Mes turime akinius per čia? 911 00:40:37,320 --> 00:40:38,625 >> Gerai. 912 00:40:38,625 --> 00:40:39,270 Ačiū. 913 00:40:39,270 --> 00:40:39,380 Koks jūsų vardas? 914 00:40:39,380 --> 00:40:40,350 >> AUDITORIJA: Laura. 915 00:40:40,350 --> 00:40:41,266 >> David J. Malan: Laura? 916 00:40:41,266 --> 00:40:42,120 Malonu matyti. 917 00:40:42,120 --> 00:40:45,600 Jei jūs neprieštaraujate, išleidimą Google Glass per savo akinius. 918 00:40:45,600 --> 00:40:46,970 Tai Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Sveiki. 920 00:40:47,650 --> 00:40:48,140 Malonu jus matyti. 921 00:40:48,140 --> 00:40:49,600 >> David J. Malan: Gerai, nagi aplink. 922 00:40:49,600 --> 00:40:52,516 Gerai, taigi, ką jūs ketinate padaryti čia atliko tik prieš tai, 923 00:40:52,516 --> 00:40:55,650 yra įdėti savo ranką virš Leap Pasiūlymas čia. 924 00:40:55,650 --> 00:40:57,210 O dabar jūsų rodyklės turi judėti. 925 00:40:57,210 --> 00:40:57,710 Oi, nope. 926 00:40:57,710 --> 00:40:58,066 >> AUDITORIJA: Ne 927 00:40:58,066 --> 00:40:58,780 >> David J. Malan: Mes nenoriu mesti dar. 928 00:40:58,780 --> 00:40:59,280 Gerai, palauk. 929 00:40:59,280 --> 00:41:01,200 Čionai. 930 00:41:01,200 --> 00:41:03,530 Taigi pastebėti, kaip jūs laikykite rankoje pirštu per kažką, 931 00:41:03,530 --> 00:41:06,750 pelė pradeda eiti žalia, kuris, kaip jūs spustelėkite. 932 00:41:06,750 --> 00:41:08,980 >> Taigi užveskite pelės žymeklį ant Play. 933 00:41:08,980 --> 00:41:10,970 Ir tik vienas pirštas yra gerai. 934 00:41:10,970 --> 00:41:13,869 Ir dabar paspausti ant mažai žalia vaikinas kairėje. 935 00:41:13,869 --> 00:41:15,410 Ir dabar turi, kol jis užpildo žalia. 936 00:41:15,410 --> 00:41:15,640 Geras. 937 00:41:15,640 --> 00:41:16,990 Dabar, kaip ir, pirmo lygio iki viršaus. 938 00:41:16,990 --> 00:41:20,190 >> AUDITORIJA: Taip, mes norime lygis vienas, čia. 939 00:41:20,190 --> 00:41:21,660 >> David J. Malan: Geras. 940 00:41:21,660 --> 00:41:25,500 Gerai, kad viskas, ką turite padaryti, tai sumažinti virvę. 941 00:41:25,500 --> 00:41:28,240 Kursorius yra baltos viena ten. 942 00:41:28,240 --> 00:41:28,880 >> Labai gražus. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Gerai, tai yra apie gauti sunkiau. 945 00:41:32,790 --> 00:41:34,800 Taigi palaikykite pirštą ant kito dabar. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Geras. 948 00:41:39,030 --> 00:41:39,999 Tai vienas sunkiai. 949 00:41:39,999 --> 00:41:40,966 >> AUDITORIJA: O šūdas. 950 00:41:40,966 --> 00:41:41,466 Gerai. 951 00:41:41,466 --> 00:41:42,466 Ji nori eiti, kad taip. 952 00:41:42,466 --> 00:41:44,890 O šūdas, that-- 953 00:41:44,890 --> 00:41:47,120 >> David J. Malan: Taip. 954 00:41:47,120 --> 00:41:50,700 Antrinis tikslas yra gauti visų žvaigždžių. 955 00:41:50,700 --> 00:41:53,920 Gerai, sekantis. 956 00:41:53,920 --> 00:41:57,504 >> Leiskite pamatyti, jei jūs galite gauti šį trečias. 957 00:41:57,504 --> 00:41:58,004 Geras. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 Gerai, eikite ten. 960 00:42:06,840 --> 00:42:08,850 >> Tikrai. 961 00:42:08,850 --> 00:42:11,230 Oi, labai gražus. 962 00:42:11,230 --> 00:42:11,930 Gerai. 963 00:42:11,930 --> 00:42:13,534 >> Taigi, kodėl ne mes atidėti čia šiandien? 964 00:42:13,534 --> 00:42:15,200 Niekam ateiti iki, kuris nori žaisti. 965 00:42:15,200 --> 00:42:16,880 Labai ačiū Laurai savanoris. 966 00:42:16,880 --> 00:42:18,730 Ir mes matome jus pirmadienį. 967 00:42:18,730 --> 00:42:21,190 >> AUDITORIJA: Jūs tikriausiai norite juos atgal. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: Kitame CS50-- 969 00:42:23,640 --> 00:42:35,222