1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. Humala: Olgu, nii et see siin on Müo arm 3 00:00:41,880 --> 00:00:44,450 bänd, paar, mida me on ette CS50 lõplik projekte. 4 00:00:44,450 --> 00:00:47,533 Ja see oli demonstratsioon meil sabas sind ette, kus sisuliselt 5 00:00:47,533 --> 00:00:51,120 see üsna pingeline käe bänd siin kuulab oma lihaste liigutused 6 00:00:51,120 --> 00:00:54,280 et seejärel kaardistatud tarkvara Colton sülearvuti siin, mis 7 00:00:54,280 --> 00:00:57,230 tuli iTunes ja et laul juba sabas üles. 8 00:00:57,230 --> 00:01:00,270 Selle asemel, et mind demoing see, Colton on olnud laboris 9 00:01:00,270 --> 00:01:04,129 selgelt terve nädala saada meeleavaldus valmis üks vapper vabatahtlikuna. 10 00:01:04,129 --> 00:01:07,430 Kui keegi tahaks tulla kohta up-- nägin oma käsi esimene. 11 00:01:07,430 --> 00:01:09,540 Tule üles. 12 00:01:09,540 --> 00:01:12,530 >> Hea küll. 13 00:01:12,530 --> 00:01:13,886 Ja mis su nimi on? 14 00:01:13,886 --> 00:01:14,800 >> Sihtrühm: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. Humala: Maria, kena sind näha. 16 00:01:16,550 --> 00:01:17,310 Tule siia. 17 00:01:17,310 --> 00:01:19,550 Lubage mul tutvustada teile Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, see on Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Tere, meeldiv tutvuda. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. Humala: Kõik õige, nii et samm üks, me oleme 21 00:01:24,330 --> 00:01:26,204 läheb on paned see on teie küünarvars 22 00:01:26,204 --> 00:01:29,280 nii et see on päris pingeline up lähedal küünarnukk. 23 00:01:29,280 --> 00:01:31,940 Ja vahepeal, et vaatame pane meie Google Glass 24 00:01:31,940 --> 00:01:33,720 ja me segada tehnoloogiate täna. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Esiteks me peame konks seda arvesse asju. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. Humala: OK. 27 00:01:37,170 --> 00:01:39,795 Tegelikult, olgem pane oma käsi nagu lähedal selle kaabli kui võimalik 28 00:01:39,795 --> 00:01:41,160 nii et saame esimese sünkroonida see üles. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Teeme seda. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. Humala: Ja vahepeal nii et igaüks võib saada lähemale pilgul 31 00:01:46,500 --> 00:01:50,290 me Toss Andrease kaamera kuni ekraanile seal. 32 00:01:50,290 --> 00:01:54,460 Nii et meil on USB-kaabli abil on ühendatud Maria käepael. 33 00:01:54,460 --> 00:02:00,230 Ja las ma Toss Colton ekraan kuni projektori kõrval. 34 00:02:00,230 --> 00:02:06,000 >> Nii Colton on registreerunud seade nüüd Müo ühendatud selle kaabliga. 35 00:02:06,000 --> 00:02:08,060 Ja nüüd, mida Maria kavatse teha hetkeks 36 00:02:08,060 --> 00:02:10,120 tegelikult kõndida läbi kalibreerimisetappide 37 00:02:10,120 --> 00:02:12,830 ja õpetada tarkvara kuidas tema lihased vastata 38 00:02:12,830 --> 00:02:16,070 kui ta teeb teatud ettemääratud žeste, et tarkvara saab aru. 39 00:02:16,070 --> 00:02:17,910 Kui soovid minna ekraani ees. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK, üritame. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Mine niimoodi. 43 00:02:31,860 --> 00:02:32,970 Ja niimoodi. 44 00:02:32,970 --> 00:02:34,563 Ja kogu tee paremale. 45 00:02:34,563 --> 00:02:35,922 Mine tagasi. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. Humala: OK. 47 00:02:37,740 --> 00:02:38,960 Erinevast vaatenurgast. 48 00:02:38,960 --> 00:02:39,620 See ei ole teie jaoks. 49 00:02:39,620 --> 00:02:40,350 See on meie. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. Humala: Ei 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Liigume see kõrgemal nii et see on lähemale oma küünarnuki või isegi tihedam. 54 00:02:51,540 --> 00:02:52,680 Hea küll. 55 00:02:52,680 --> 00:02:53,270 >> Siin me läheme. 56 00:02:53,270 --> 00:02:56,780 See oleks hea aeg CS52X. 57 00:02:56,780 --> 00:02:57,670 Seal me läheme. 58 00:02:57,670 --> 00:02:58,760 >> Väga kena. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 Thumb kuni roosakas. 61 00:03:02,790 --> 00:03:03,380 >> Väga kena. 62 00:03:03,380 --> 00:03:05,140 Hinnavahe sõrmedega. 63 00:03:05,140 --> 00:03:06,240 Väga hea. 64 00:03:06,240 --> 00:03:06,910 Wave õigus. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 See uudishimulikult näitab sa vasaku hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Jah, see on imelik. 68 00:03:19,665 --> 00:03:21,790 DAVID J. Humala: Laine paremale ja edasi liikuda. 69 00:03:21,790 --> 00:03:22,998 Fast forward vahele või kõrval. 70 00:03:22,998 --> 00:03:25,020 See on OK Wave õigus. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Ma don't-- ootama. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. Humala: Vajad abi? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Nii et sa lähed niimoodi. 74 00:03:30,027 --> 00:03:31,860 MARIA: See on keerates Teine asi, kuigi. 75 00:03:31,860 --> 00:03:32,390 COLTON: On. 76 00:03:32,390 --> 00:03:34,250 DAVID J. Humala: Jah, ma ei tea miks see näitab teile, leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Miks sa ei try-- lihtsalt proovida läheb niimoodi. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. Humala: No? 80 00:03:40,090 --> 00:03:42,580 Võib-olla jõuavad oma käsi välja veidi sirgema 81 00:03:42,580 --> 00:03:46,070 ja muuta see järsku niimoodi. 82 00:03:46,070 --> 00:03:48,176 Jah, olgu, tule. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: mul on kahju. 84 00:03:49,670 --> 00:03:51,170 DAVID J. Humala: See ei ole sinu süü. 85 00:03:51,170 --> 00:03:53,018 COLTON: See on hea. 86 00:03:53,018 --> 00:03:55,430 DAVID J. Humala: All Right. 87 00:03:55,430 --> 00:03:56,220 Well-- 88 00:03:56,220 --> 00:03:57,620 >> MARIA: Kas me peaksime jäta see siis on? 89 00:03:57,620 --> 00:03:59,620 DAVID J. Humala: Jah, olgem teile pigist. 90 00:03:59,620 --> 00:04:03,130 Nii et kui keegi tahaks teha Lõplik projekt, kasutades seda tipptasemel 91 00:04:03,130 --> 00:04:07,707 riistvara, mõistan, et see võib lihtsalt võtta veidi harjumist. 92 00:04:07,707 --> 00:04:10,290 Ja see-- reaalsus on see on tegelikult väga verejooks serva. 93 00:04:10,290 --> 00:04:12,040 >> See on see, mida nimetatakse arendaja kit, mis 94 00:04:12,040 --> 00:04:14,956 on mõeldud peamiselt pre-release et inimesed saaksid teha täpselt 95 00:04:14,956 --> 00:04:18,690 see-- võidelda sellega, joonis kuidas inimese organismi tööd 96 00:04:18,690 --> 00:04:19,980 tehnoloogiaga. 97 00:04:19,980 --> 00:04:21,750 Nii et kui soovite hiljem, pärast loengut 98 00:04:21,750 --> 00:04:23,750 me ei saa teile tulevad ja võtab teise torkehaav seda. 99 00:04:23,750 --> 00:04:26,970 Aga muidu, aplausi, kui Võiksime Maria tulid üles. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Aitäh. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. Humala: Aitäh. 102 00:04:30,390 --> 00:04:34,945 Me riputada, kuid me anname sina-- kuidas stressi pall siin? 103 00:04:34,945 --> 00:04:38,620 Oh, and-- kui-- jah, aitäh. 104 00:04:38,620 --> 00:04:39,715 Hea küll. 105 00:04:39,715 --> 00:04:45,750 Nii kummaline, kui sa olid võõras heli valik 106 00:04:45,750 --> 00:04:47,670 et tegime seal varem, hämmastav TV 107 00:04:47,670 --> 00:04:50,210 näitavad, et sa peaksid kindlasti olema ohjeldamatu vaadates Netflix 108 00:04:50,210 --> 00:04:51,110 on see siin. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Daamid ja härrad, mustkunstnik nimega Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. Humala: Ja ilmselt on see asi teksti mulle ajal loeng nüüd. 112 00:05:08,050 --> 00:05:11,190 Ma öeldakse, et Maria oli sünnipäev eile. 113 00:05:11,190 --> 00:05:14,095 Nii et palju õnne sünnipäevaks alates CS50 Maria samuti. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Nii et olete lugenud viimase kuu et see härrad siin, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, kes oli tegelikult klass 1977 kolledž, 117 00:05:25,260 --> 00:05:27,170 hiljuti pensionile Microsoft. 118 00:05:27,170 --> 00:05:29,620 Ta oli üliõpilaste siin siis paar aastat hiljem 119 00:05:29,620 --> 00:05:31,910 leidis end juures Stanfordi Business School 120 00:05:31,910 --> 00:05:34,160 kui ta sai telefon helistada sõbraga, kes 121 00:05:34,160 --> 00:05:36,516 elanud alla saali Temalt siin Harvardis. 122 00:05:36,516 --> 00:05:38,640 See sõbra nimi oli Bill Gates ja ajal, 123 00:05:38,640 --> 00:05:42,700 ta püüdis värvata Steve olla esimene ärimees, tõesti, 124 00:05:42,700 --> 00:05:45,720 on väike firma nimi Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Pikk lugu lühike, Steve oli lõpuks võitis, 126 00:05:48,960 --> 00:05:52,130 liitus Microsoft kui nad oli ainult 30 töötajat. 127 00:05:52,130 --> 00:05:54,300 Ja selleks ajaks, kui ta pensionil üsna hiljuti, 128 00:05:54,300 --> 00:05:58,100 Ettevõttel oli 100,000 töötajat Viimase paari aasta jooksul. 129 00:05:58,100 --> 00:06:01,171 Ja nii veebilehel tuntud Verge valmis see austusavaldus video 130 00:06:01,171 --> 00:06:02,920 et me arvasime, et oleme jagatud, mis annab teile 131 00:06:02,920 --> 00:06:08,380 tunde, kui palju energiat Steve toob esitlust ta annab. 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 On nagu neljas laps. 135 00:06:16,220 --> 00:06:18,260 Lapsed teevad majast lahkuma. 136 00:06:18,260 --> 00:06:21,875 Sel juhul ma arvan Ma lahkun maja. 137 00:06:21,875 --> 00:06:23,270 Kuule 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 Me oleme saanud tohutu võimalus. 141 00:06:28,590 --> 00:06:30,210 Ja Bill andis meile selle võimaluse. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Tahan tänada Bill eest. 144 00:06:36,770 --> 00:06:39,630 Ma tahan, et sa liiga. 145 00:06:39,630 --> 00:06:42,500 Innovatsiooni kiirust ei kavatse aeglane. 146 00:06:42,500 --> 00:06:45,140 >> See läheb aina kiiremini ja kiiremini. 147 00:06:45,140 --> 00:06:50,165 Võib olla mõned konkurendid mis on kahjuks kõrvaldatud! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Ma armastan seda ettevõte. 150 00:06:59,564 --> 00:07:00,064 Jah! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Ma olen arvutis, ja ma armastan seda firma! 153 00:07:08,250 --> 00:07:13,090 >> Arendajad, arendajad, arendajad, arendajad, arendajad, arendajad, 154 00:07:13,090 --> 00:07:14,560 arendajad, arendajad. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Jah! 157 00:07:18,970 --> 00:07:19,950 Web arendajad! 158 00:07:19,950 --> 00:07:21,420 >> Web arendajad! 159 00:07:21,420 --> 00:07:22,890 Web arendajad! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Kuula, mida sa veel saada ilma lisatasuta! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS täidesaatva ametisse kalender, kaardi pakk, teadmiseks pad, 163 00:07:31,960 --> 00:07:33,750 kell, juhtpaneel. 164 00:07:33,750 --> 00:07:35,461 Ja kas sa seda uskuda? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Põletada neid CD! 167 00:07:37,270 --> 00:07:38,660 Postitage neil MSN! 168 00:07:38,660 --> 00:07:40,422 Sa posti teel oma sõpradele! 169 00:07:40,422 --> 00:07:41,790 >> Kõik ühe klõpsuga! 170 00:07:41,790 --> 00:07:48,670 Üks Microsoft üks strateegia, team-- keskendunud, distsiplineeritud, professionaalne 171 00:07:48,670 --> 00:07:50,610 ja ekspert kõiges, mida me teeme. 172 00:07:50,610 --> 00:07:52,670 Lubage mul kasutada joont vana filmi. 173 00:07:52,670 --> 00:07:54,810 >> Suhted on nagu haid. 174 00:07:54,810 --> 00:07:57,480 Nad liiguvad edasi või nad surevad. 175 00:07:57,480 --> 00:08:01,470 Ma tegelikult arvan, et tech ettevõtted on samad. 176 00:08:01,470 --> 00:08:04,801 >> [END VIDEO PLAYBACK] 177 00:08:04,801 --> 00:08:08,050 DAVID J. Humala: Nii et meil on nii hea meel, et teatada, et Steve on meiega 178 00:08:08,050 --> 00:08:13,320 siin CS50 järgmisel kolmapäeval kell tavaline koht ja aeg siin. 179 00:08:13,320 --> 00:08:14,750 Kosmos on tõenäoliselt piiratud. 180 00:08:14,750 --> 00:08:19,650 Ja nii meiega liituda isik, siis pea täna või pisut hiljem 181 00:08:19,650 --> 00:08:22,600 et cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> Ja me järelmeetmed Teisipäev kinnitades laigud. 183 00:08:25,780 --> 00:08:29,900 Ootan, et järgmisel Kolmapäev ajal loeng CS50. 184 00:08:29,900 --> 00:08:33,706 Nüüd teiste uudiste Sattusin kohanud seda Crimson lihtsalt 185 00:08:33,706 --> 00:08:34,289 Teisel päeval. 186 00:08:34,289 --> 00:08:37,370 >> Selgub, et üks CS50 töötajad ja vähemalt üks CS50 üliõpilastele 187 00:08:37,370 --> 00:08:40,299 praegu on käimas UC president ja asepresident, 188 00:08:40,299 --> 00:08:42,950 mis tõi mind tagasi minu enda päeva tagasi 189 00:08:42,950 --> 00:08:45,920 kui ma kaotasin UC valimiste vaeselt. 190 00:08:45,920 --> 00:08:48,210 Aga hõbedane vooder selles on mul alati 191 00:08:48,210 --> 00:08:50,604 öelda lugu on see, et üks Olen kindel 192 00:08:50,604 --> 00:08:52,770 palju põhjusi ma kaotasin valimistel oli täielik puudumine 193 00:08:52,770 --> 00:08:54,103 on annet avaliku esinemise. 194 00:08:54,103 --> 00:08:56,950 Ja nii päris ausalt, see ajasid mind, et kogemus 195 00:08:56,950 --> 00:09:02,235 Ma arvan, et mu noorem aastas, tegelikult kirjutama üles Harvard Computer Society, mis 196 00:09:02,235 --> 00:09:04,610 on rühm ülikoolilinnakus et omab erinevaid tehnilisi kõnelusi 197 00:09:04,610 --> 00:09:05,318 ja muid asju. 198 00:09:05,318 --> 00:09:08,117 Ja ma võtsin üle nende õpetamine seminaride ja seetõttu 199 00:09:08,117 --> 00:09:09,950 oli võimalus, suurepärane võimalus, 200 00:09:09,950 --> 00:09:12,620 alustada tööd just seda. 201 00:09:12,620 --> 00:09:15,000 Aga ka mul on olnud võimalus sel kogemus 202 00:09:15,000 --> 00:09:16,930 õpetada ennast enam HTML. 203 00:09:16,930 --> 00:09:21,080 Ja nii ma viivitanud eelmisel ööl, Vaata läbi HTML põhineb veebilehel 204 00:09:21,080 --> 00:09:28,066 Tegin nagu 1997. aastal '98, minu kampaania, mis näeb välja nagu see siin. 205 00:09:28,066 --> 00:09:29,920 Ma tean. 206 00:09:29,920 --> 00:09:33,340 >> Because-- ja muidugi teade see hämmastav disain otsus 1998 207 00:09:33,340 --> 00:09:33,850 või tühi-tähi. 208 00:09:33,850 --> 00:09:36,475 Esimene asi, mida sa tahad kasutajat teha pärast külastavad oma veebilehel 209 00:09:36,475 --> 00:09:39,860 on pead klikkima teisele link lihtsalt sisestada oma kodulehel siin munk 210 00:09:39,860 --> 00:09:43,940 taga nagu varju kardinate kus ilmselt minu kampaania platvorm oli. 211 00:09:43,940 --> 00:09:46,330 Ja see on kõik, mida saan täna on lihtsalt screenshot. 212 00:09:46,330 --> 00:09:49,500 Aga ma lugesin läbi, nagu, minu kampaania plakatid eile õhtul 213 00:09:49,500 --> 00:09:50,490 ja minu platvormi. 214 00:09:50,490 --> 00:09:52,960 >> Ja ma olin nii vihane ajal. 215 00:09:52,960 --> 00:09:55,380 Minu platvorm was-- see oli huvitav. 216 00:09:55,380 --> 00:09:57,730 Nii et ma olen rahunenud ajast. 217 00:09:57,730 --> 00:10:03,550 Aga ühel päeval ma uuesti avada ja loodetavasti parem seekord. 218 00:10:03,550 --> 00:10:07,265 >> Nii HTML, et keel, milles ma tegin et in-- saate kohe teha palju more-- 219 00:10:07,265 --> 00:10:09,140 on midagi, me oleme olnud räägime hilja 220 00:10:09,140 --> 00:10:12,460 ja suures osas võttena iseenesestmõistetavaks nüüd et oleme liikunud edasi teistesse keeltesse. 221 00:10:12,460 --> 00:10:15,650 Kuid olgem pausi hetk ja panna mõned neid asju kontekstis. 222 00:10:15,650 --> 00:10:18,040 Nii et lause, mis on HTML? 223 00:10:18,040 --> 00:10:19,370 >> Või mida kasutatakse? 224 00:10:19,370 --> 00:10:20,208 Keegi? 225 00:10:20,208 --> 00:10:20,708 Jah. 226 00:10:20,708 --> 00:10:22,002 >> Sihtrühm: Markup veebilehed. 227 00:10:22,002 --> 00:10:23,460 DAVID J. Humala: Markup kodulehel. 228 00:10:23,460 --> 00:10:27,100 Nii et see on märgistuskeel, et saab struktureerida veebilehele. 229 00:10:27,100 --> 00:10:30,040 Päise tõuseb siin pealkiri läheb siia, keha läheb siia. 230 00:10:30,040 --> 00:10:33,280 See on rasvases kirjas, see on italics-- et mingisugune detail. 231 00:10:33,280 --> 00:10:33,830 >> OK, hea. 232 00:10:33,830 --> 00:10:37,620 Nii CSS laseb sina-- ja ma võttis mõned vabadused olemas 233 00:10:37,620 --> 00:10:40,990 koos julge sõidusuunas kaldkirjas sest mis on parem rakendada seda. 234 00:10:40,990 --> 00:10:42,096 CSS on-- mida? 235 00:10:42,096 --> 00:10:42,845 Ütle lause. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Keegi üldse. 238 00:10:46,720 --> 00:10:46,870 Jah. 239 00:10:46,870 --> 00:10:49,286 >> Sihtrühm: detailidega ja kraami, nagu kuidas kujundada seda. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. Humala: OK, hea. 242 00:10:52,810 --> 00:10:55,420 Kaunistustega, mis võimaldab teil projekteerida või Stilisoida see 243 00:10:55,420 --> 00:10:59,540 asjadega nagu rasvaseks ja kursiivis ja värve ja ka rohkem trahvi 244 00:10:59,540 --> 00:11:01,330 tekstuuriga positsioneerimine elemente. 245 00:11:01,330 --> 00:11:04,520 See omamoodi võimaldab teil võtta asju viimase miil nii, et kui, näiteks, 246 00:11:04,520 --> 00:11:08,130 aastal Pset7, siis võib-olla märganud oma portfoolio lehele kui sa oled selles kohas 247 00:11:08,130 --> 00:11:12,270 juba, et vaikimisi tabeli, et te teha, et näidata kasutaja väärtpaberiaktsiad 248 00:11:12,270 --> 00:11:15,740 ja raha ilmselt tundub päris kole vaikimisi koos tühiku. 249 00:11:15,740 --> 00:11:18,420 Kõik on omamoodi Täpötäysi koos read ja veerud. 250 00:11:18,420 --> 00:11:20,662 >> Noh, natuke CSS, kui saate aru, 251 00:11:20,662 --> 00:11:23,870 tegelikult võite näpistama seda ja teeb selle midagi palju tuttavaid ja palju 252 00:11:23,870 --> 00:11:24,870 ilusam vaadata. 253 00:11:24,870 --> 00:11:27,730 Nii et CSS on umbes stiliseerimine veebilehed. 254 00:11:27,730 --> 00:11:31,970 Aga siis tutvustasime järjekordne keel, PHP, mis võimaldab meil teha seda, mida? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Lihtsalt tee seda, mida? 257 00:11:37,590 --> 00:11:38,177 Igaüks. 258 00:11:38,177 --> 00:11:40,010 Sai, otsima uusi Esimesed paar rida. 259 00:11:40,010 --> 00:11:40,260 Jah. 260 00:11:40,260 --> 00:11:41,719 >> Sihtrühm: Loo dünaamiline sisu. 261 00:11:41,719 --> 00:11:42,718 DAVID J. Humala: Perfect. 262 00:11:42,718 --> 00:11:43,850 Loo dünaamiline sisu. 263 00:11:43,850 --> 00:11:45,808 Ja te võite seda teha suvaline arv keeli. 264 00:11:45,808 --> 00:11:50,120 Meil juhtub kasutada PHP, sest see on osaliselt nii sarnane C süntaks. 265 00:11:50,120 --> 00:11:52,000 >> Aga PHP just selline. 266 00:11:52,000 --> 00:11:54,620 See võimaldab teil dünaamiliselt toodangut. 267 00:11:54,620 --> 00:11:57,890 Ja mõned, et väljund oleks HTML, nagu me oleme tavaliselt teinud. 268 00:11:57,890 --> 00:12:00,160 Ja see on ka, sest see on programmeerimiskeel, on 269 00:12:00,160 --> 00:12:03,240 mehhanismi, mille kaudu saame rääkida andmebaasidele. 270 00:12:03,240 --> 00:12:05,730 >> Ja me saame teha päringuid teiste serverite nagu yahoos 271 00:12:05,730 --> 00:12:08,660 ja programmiliselt midagi teha tõesti, et võite muidu 272 00:12:08,660 --> 00:12:10,400 tahavad sundida arvuti teha. 273 00:12:10,400 --> 00:12:13,580 Nii PHP võimaldab meil alustada dünaamiliselt kirjutamine sisu. 274 00:12:13,580 --> 00:12:16,900 Nii et see loogika, ma ei ole dünaamilise veebilehe tagasi aastal 1998. 275 00:12:16,900 --> 00:12:18,460 >> See oli lihtsalt staatiline veebileht. 276 00:12:18,460 --> 00:12:22,250 Minu sisu tuli muuta käsitsi gedit või mõnda samaväärset. 277 00:12:22,250 --> 00:12:25,290 Kuid PHP on see, mida me kasutada või võinud kasutada pigem 278 00:12:25,290 --> 00:12:27,260 midagi sellist Frosh IEd veebilehel, mis 279 00:12:27,260 --> 00:12:31,160 pidi võtma registreerimise ja hallata nimekirja users-- asju, 280 00:12:31,160 --> 00:12:33,550 tegelikult üleminevates aega, kuigi me juhtuda 281 00:12:33,550 --> 00:12:35,990 kasutada Perl, eri keele ajal. 282 00:12:35,990 --> 00:12:40,350 >> Ja siis lõpuks, tutvustasime SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Nii et veel üks keel mis on kasutatavad mida? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Kasutatakse mida? 286 00:12:47,639 --> 00:12:49,430 Kas me võime minna slight-- OK, me ei kavatse 287 00:12:49,430 --> 00:12:51,263 saada palju kaugemale kui orkester siin. 288 00:12:51,263 --> 00:12:53,432 Sihtrühm: See on protokoll aga rääkida andmebaasidele. 289 00:12:53,432 --> 00:12:55,640 DAVID J. Humala: protokoll aga rääkida andmebaasidele. 290 00:12:55,640 --> 00:12:56,181 Lubage mul näpistama. 291 00:12:56,181 --> 00:12:59,280 See on kasutatud loomulikku keelt rääkida databases-- valib 292 00:12:59,280 --> 00:13:01,280 ja lisab ja kustutab ja uuendused ja tegelikult 293 00:13:01,280 --> 00:13:03,840 isegi rohkem funktsioone, me ei ole isegi sukeldus 294 00:13:03,840 --> 00:13:07,920 arvesse, kuid võiksite explore-- on uurida, ütleme, lõplik projekt. 295 00:13:07,920 --> 00:13:09,560 Seega on neid erinevaid tükki. 296 00:13:09,560 --> 00:13:13,100 >> Ja loodetavasti Pset7, kuigi spetsifikatsioon on üsna pikk, 297 00:13:13,100 --> 00:13:15,990 see on tahtlikult pikk samm-sammult kaudu, kuidas need asjad võivad kõik 298 00:13:15,990 --> 00:13:17,210 trükkida koos. 299 00:13:17,210 --> 00:13:20,300 Nüüd, esmaspäeval, me tutvustas meie viimase keel 300 00:13:20,300 --> 00:13:23,430 et me ametlikult kasutusele võtta course-- see on, JavaScript. 301 00:13:23,430 --> 00:13:25,720 See, nagu PHP, on tõlgendada keeles. 302 00:13:25,720 --> 00:13:28,110 >> Kuid peamine erinevus Pakkusin esmaspäeval 303 00:13:28,110 --> 00:13:32,730 on see, et arvestades, et PHP on täidesaatva või tõlgendatakse serveris, mis 304 00:13:32,730 --> 00:13:35,990 antud juhul on CS50 seade, või võib olla teatud kaubandusliku web 305 00:13:35,990 --> 00:13:39,370 server internetis, JavaScript üldiselt 306 00:13:39,370 --> 00:13:43,650 on keel, mis töötab kliendi poolel mitte server side-- nii brauseris. 307 00:13:43,650 --> 00:13:46,970 Kumb on öelda, just nagu siis, kui ma avasin üles Facebook lähtekoodi ja leidis kõik 308 00:13:46,970 --> 00:13:51,510 Nende js faili, andis mõista, et kui külastate Facebook või kõige 309 00:13:51,510 --> 00:13:54,810 veebilehed nendel päevadel, sa saad mitte ainult HTML, mitte ainult CSS, 310 00:13:54,810 --> 00:13:59,370 kuid terve hunnik JavaScript kood sageli kujul js-faile. 311 00:13:59,370 --> 00:14:03,970 Ja siis on browser-- oma Mac või PC-- mis täidab selle koodi. 312 00:14:03,970 --> 00:14:05,990 >> Aga teie brauser käivitab selle. 313 00:14:05,990 --> 00:14:08,070 Võite mõelda mingi liivakast. 314 00:14:08,070 --> 00:14:12,420 Nii et JavaScript koodi ei tohiks olla võimalik kustutada faile oma arvutis. 315 00:14:12,420 --> 00:14:14,730 See ei peaks olema võimalik Saada meile oma nimel. 316 00:14:14,730 --> 00:14:17,760 Teie brauser omamoodi piirab mida sellega teha saab. 317 00:14:17,760 --> 00:14:20,630 >> Nii et selles mõttes, et see on natuke vähem võimas ehk kui C. 318 00:14:20,630 --> 00:14:24,030 Aga JavaScript saad, kui kõrvale, kasutada serveris, 319 00:14:24,030 --> 00:14:27,740 kuigi me pigem ei räägi midagi selles kontekstis. 320 00:14:27,740 --> 00:14:29,740 Nüüd lähme siduda need koos. 321 00:14:29,740 --> 00:14:34,000 Nädal pluss tagasi esitasime mõned HTML kohta left-- super igav veebilehele. 322 00:14:34,000 --> 00:14:35,000 >> Just ütleb hello world. 323 00:14:35,000 --> 00:14:38,110 Ja siis ma tegin ettepaneku kohta õige saame omamoodi varastada ideid 324 00:14:38,110 --> 00:14:41,470 meie arutelu andmestruktuurid C 325 00:14:41,470 --> 00:14:45,270 ja mõelda, kuidas see hierarhiline märgistuskeel vasakul 326 00:14:45,270 --> 00:14:49,720 saab koostada ja rakendada mälu kui tegelik puu struktuuri sõlmed 327 00:14:49,720 --> 00:14:51,400 ja viiteid ja sellist liiki andmeid. 328 00:14:51,400 --> 00:14:53,820 Paremal kutsume et DOM-- dokument 329 00:14:53,820 --> 00:14:56,800 Objekti Model-- mis on just fancy viis öelda puu. 330 00:14:56,800 --> 00:14:59,520 >> Nüüd, miks on see kasulik ma arvan et sel viisil? 331 00:14:59,520 --> 00:15:01,680 Kuna nüüd JavaScript, sest meil on 332 00:15:01,680 --> 00:15:05,810 kood, mis saab mängida selles keskkond, tegelik HTML, mis on 333 00:15:05,810 --> 00:15:08,360 saadetud brauseris juba ja on juba 334 00:15:08,360 --> 00:15:12,690 laaditud mälu veebilehitsejate puu arvuti 335 00:15:12,690 --> 00:15:18,270 RAM, nagu see, mida saame kasutada JavaScript tegelikult läbida või kõndida või otsing 336 00:15:18,270 --> 00:15:21,800 või seda muuta DOM puu aga tahame. 337 00:15:21,800 --> 00:15:24,040 Nii et tegelikult, kui te arvate, umbes facebook.com, 338 00:15:24,040 --> 00:15:27,660 kui te kasutate chat funktsiooni, kui te kasutamine Gmail ja Gchati funktsiooni 339 00:15:27,660 --> 00:15:30,540 midagi, kui teil on mõtteavaldused ikka ja jälle 340 00:15:30,540 --> 00:15:35,880 ja jälle need sõnumid on ilmselt nagu, LI tag, Eesti toode sildid, võibolla. 341 00:15:35,880 --> 00:15:37,940 >> Või äkki nad lihtsalt divs mis hoiavad ilmumist 342 00:15:37,940 --> 00:15:39,770 iga kord, kui sa kiirsõnumi. 343 00:15:39,770 --> 00:15:42,960 Ja nii see lihtsalt tähendab, mida Facebook või Google teeb 344 00:15:42,960 --> 00:15:45,200 on iga kord, kui sa sõnum serverist 345 00:15:45,200 --> 00:15:48,740 need on ilmselt kasutades JavaScript lihtsalt lisada veel sõlme 346 00:15:48,740 --> 00:15:52,700 Selle tree-- teise sõlme sellele puu, siis visuaalselt lihtsalt tundub 347 00:15:52,700 --> 00:15:54,570 nagu uus rida teksti ekraanile. 348 00:15:54,570 --> 00:15:57,100 Aga nad sisestamist sellesse andmestruktuur. 349 00:15:57,100 --> 00:15:59,742 >> Nii klassides nagu CS124 ja teised, saate 350 00:15:59,742 --> 00:16:02,200 tegelikult kirjutada rohkem koodi vastu andmestruktuurid niimoodi. 351 00:16:02,200 --> 00:16:04,310 Aga nüüd JavaScript, me lihtsalt eeldada, 352 00:16:04,310 --> 00:16:07,920 saame kõik selle funktsionaalsus tasuta keelest ise. 353 00:16:07,920 --> 00:16:09,210 Nii et vaatame näiteks. 354 00:16:09,210 --> 00:16:13,120 >> Lubage mul avada fail nimega form.html. 355 00:16:13,120 --> 00:16:14,601 See on super lihtne. 356 00:16:14,601 --> 00:16:15,600 See lihtsalt näeb välja selline. 357 00:16:15,600 --> 00:16:17,860 >> Ei CSS, ei mõelnud esteetika. 358 00:16:17,860 --> 00:16:19,810 See on puhtalt funktsionaalsed ja ilmselt ma olen 359 00:16:19,810 --> 00:16:24,000 paludes talle, parool, parooli uuesti ja kontroll 360 00:16:24,000 --> 00:16:26,150 nõustuda teatud tingimustel. 361 00:16:26,150 --> 00:16:28,740 Mida lähtekoodi see näeb ilmselt midagi 362 00:16:28,740 --> 00:16:31,030 te võite arvata, mille Natuke mõelnud nüüd. 363 00:16:31,030 --> 00:16:32,840 Mul vormi tag siin. 364 00:16:32,840 --> 00:16:36,190 >> Tegevus on ilmselt läheb Ava fail nimega register.php. 365 00:16:36,190 --> 00:16:37,870 Meetod ma lähen kasutada ei saa. 366 00:16:37,870 --> 00:16:40,880 Ja siis ma sain tekstist valdkonnas, mille nimi on email. 367 00:16:40,880 --> 00:16:43,340 >> Mul on parool väljale kelle nimi on parool. 368 00:16:43,340 --> 00:16:45,420 Mul on teine Parooli väli, kelle nimi 369 00:16:45,420 --> 00:16:47,342 on mõnevõrra meelevaldselt kinnitust. 370 00:16:47,342 --> 00:16:49,690 See on lihtsalt üks HTTP parameeter. 371 00:16:49,690 --> 00:16:54,430 >> Ja siis me oleme ei ole neid välja kuna Frosh IEd demo class-- 372 00:16:54,430 --> 00:16:56,692 ruut, mis on lihtsalt tüüp võrdub kontroll. 373 00:16:56,692 --> 00:16:57,900 Ja ma helistan sellele kokkuleppele. 374 00:16:57,900 --> 00:17:00,700 Nii et ma olen mingi suvaliselt, vaid mugavalt nimega nendes valdkondades. 375 00:17:00,700 --> 00:17:03,450 Nii et nüüd, kui see vorm läheb esitatud, vaatame, mis juhtub. 376 00:17:03,450 --> 00:17:07,290 Kui ma malan@harvard.edu, Ma teen salasõna karmiinpunane. 377 00:17:07,290 --> 00:17:09,530 Ma teen salasõna midagi. 378 00:17:09,530 --> 00:17:10,910 Ärgem koostööd. 379 00:17:10,910 --> 00:17:12,280 >> Ja ma ei kast. 380 00:17:12,280 --> 00:17:13,940 Lubage mul klõpsake Registreeru. 381 00:17:13,940 --> 00:17:15,420 Ja ta ütleb, hm, sa oled registreeritud. 382 00:17:15,420 --> 00:17:16,069 Tegelikult mitte. 383 00:17:16,069 --> 00:17:17,450 >> Aga URL muutunud. 384 00:17:17,450 --> 00:17:22,280 Nii et see vorm oli selgelt lubatud esitada register.php. 385 00:17:22,280 --> 00:17:25,160 Aga arvatavasti ma peaks olema püüdmine mõned neist vigadest. 386 00:17:25,160 --> 00:17:27,569 Nüüd, Pset7 ja mõned meie loengu näited, 387 00:17:27,569 --> 00:17:30,130 me üldjuhul välja printida suur punane veateate siin 388 00:17:30,130 --> 00:17:33,760 öeldes puudu nimi, või puudu salasõna. 389 00:17:33,760 --> 00:17:37,680 Me oleme teinud seda enne ja me oleme tehtud serveripoolne viga avastamist. 390 00:17:37,680 --> 00:17:41,580 >> Kuid paljud veebilehed nendel päevadel teha kliendi poolel viga avastamine 391 00:17:41,580 --> 00:17:42,810 kui URL ei muutu. 392 00:17:42,810 --> 00:17:44,101 Kogu lehekülg ei värskenda. 393 00:17:44,101 --> 00:17:46,940 Saad kohe teada, brauserist. 394 00:17:46,940 --> 00:17:48,070 Võib-olla midagi läheb punaseks. 395 00:17:48,070 --> 00:17:49,190 >> Äkki saad pop-up. 396 00:17:49,190 --> 00:17:53,240 Aga sa ei raiska aega saates serveri andmed, mis on puudulik. 397 00:17:53,240 --> 00:17:56,050 Vaatame, kuidas me võiksime saavutamiseks funktsioon samuti. 398 00:17:56,050 --> 00:17:59,660 >> Lubage mul minna form1.html, mis näeb välja sama. 399 00:17:59,660 --> 00:18:03,530 Aga kui see kord, kui ma malan@harvard.edu ja writing karmiinpunane 400 00:18:03,530 --> 00:18:07,350 ja ma ei edasist koostööd aga klõpsake registri teate nüüd. 401 00:18:07,350 --> 00:18:08,940 See ei ole seksikaim lahendus. 402 00:18:08,940 --> 00:18:10,900 Olen vähemalt püütud selle vea. 403 00:18:10,900 --> 00:18:12,900 Ja ma olen kasutanud märguanne funktsiooni JavaScript-- 404 00:18:12,900 --> 00:18:14,090 mis me ainult kasutades klassis. 405 00:18:14,090 --> 00:18:16,430 Üldiselt sa ei tohi seda sest see võib väga kiiresti välja tulla 406 00:18:16,430 --> 00:18:17,160 kontrolli alt. 407 00:18:17,160 --> 00:18:19,180 Aga paroolid ei kattu, on viga. 408 00:18:19,180 --> 00:18:21,120 >> Lubage mul minna ja klõpsake nuppu OK. 409 00:18:21,120 --> 00:18:25,040 Aga mis peamine Buffee siin on, et URL ei muutu. 410 00:18:25,040 --> 00:18:27,960 Nii et ma olen ei viitsi raiskamist Serveri aeg paludes 411 00:18:27,960 --> 00:18:30,750 küsimus, et mul võiks olla arvasin vastus ise. 412 00:18:30,750 --> 00:18:33,210 >> Ja kasutaja, kuigi rääkinud seda 413 00:18:33,210 --> 00:18:35,264 enam kui kasutaja minnes mõtlema, 414 00:18:35,264 --> 00:18:36,680 läheb on kohe teada. 415 00:18:36,680 --> 00:18:39,044 Ei ole latency võrguühenduse. 416 00:18:39,044 --> 00:18:40,460 Nii et vaatame seda lähtekoodi. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html välimus struktuurilt sarnased siin. 418 00:18:45,600 --> 00:18:46,810 Vorm on tegelikult sama. 419 00:18:46,810 --> 00:18:48,330 Aga vaatame, mida ma tegin siin. 420 00:18:48,330 --> 00:18:49,913 Ja seal on erinevaid võimalusi, kuidas seda teha. 421 00:18:49,913 --> 00:18:53,690 Ja ma olen teinud kõige sirge tõukur, kuid mitte kõige elegantsem viis veel. 422 00:18:53,690 --> 00:18:54,869 Mul on script tag. 423 00:18:54,869 --> 00:18:57,035 Ma siis helista document.getElementById ("registreerimine"). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 Ja ma salvestada et väärtus vormilt erinevad. 426 00:19:04,420 --> 00:19:05,520 >> Mida ma olen teinud? 427 00:19:05,520 --> 00:19:08,960 Sa ei mõtle document.getElementById olevaks 428 00:19:08,960 --> 00:19:11,200 spetsiaalne funktsioon, mis JavaScript annab teile 429 00:19:11,200 --> 00:19:14,400 mis sõna otseses mõttes kätt kursor üks sõlmede 430 00:19:14,400 --> 00:19:16,520 või ristkülikud selles puu. 431 00:19:16,520 --> 00:19:21,470 Nüüd see on, mida meie vormi muutuja JavaScript on tegelikult osutavad. 432 00:19:21,470 --> 00:19:25,120 >> Nüüd süntaks on erinev C. Aga me teeme mõned asjad siin. 433 00:19:25,120 --> 00:19:30,360 Üks, see on natuke imelik otsin kindlasti versus C. 434 00:19:30,360 --> 00:19:32,180 Aga vaatame rida 35. 435 00:19:32,180 --> 00:19:35,130 Nii vasakul form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Tuletame meelde, et onsubmit on nagu väljal struct. 437 00:19:38,060 --> 00:19:41,480 Kui te arvate, et vormi muutuja on lihtsalt on C struct, 438 00:19:41,480 --> 00:19:42,600 see võib olla teatud valdkondades. 439 00:19:42,600 --> 00:19:46,410 >> Juba järgmisel päeval, meil oli õpilaste nimed, Sümbolid, maja, nende liiki välju. 440 00:19:46,410 --> 00:19:48,520 Kujutage onsubmit kui teises valdkonnas. 441 00:19:48,520 --> 00:19:53,380 Aga see on eriline valdkond, sest brauser on programmeeritud oodata 442 00:19:53,380 --> 00:19:57,530 .onsubmit et ei ole raha nagu number või string, 443 00:19:57,530 --> 00:20:01,180 aga tegelikult on funktsioon või aadress funktsiooni 444 00:20:01,180 --> 00:20:02,570 in arvuti mällu. 445 00:20:02,570 --> 00:20:04,740 >> Ja tõepoolest, see, mida Selle märksõnaga siin teeb. 446 00:20:04,740 --> 00:20:06,710 See ütleb mulle uue funktsiooni. 447 00:20:06,710 --> 00:20:09,390 Aga mis on selle nimi saab olema, ilmselt? 448 00:20:09,390 --> 00:20:10,800 >> Mõeldes tagasi esmaspäeval. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Mis on nimi selle funktsioon põhineb see süntaks? 451 00:20:17,170 --> 00:20:19,784 Ei, ma mõtlen, et seal on selgelt no name associated-- kindlasti 452 00:20:19,784 --> 00:20:21,200 ei ole see, mida ma olen siin esile. 453 00:20:21,200 --> 00:20:22,560 >> Aga see on tegelikult OK. 454 00:20:22,560 --> 00:20:25,840 See on anonüümne funktsioon, või lambda funktsiooni mõned võiks seda nimetada. 455 00:20:25,840 --> 00:20:27,589 Ja see tähendab lihtsalt see on ikka funktsiooni. 456 00:20:27,589 --> 00:20:29,400 See on lihtsalt, sa ei saa seda nimetada nimepidi. 457 00:20:29,400 --> 00:20:30,057 Aga see on OK. 458 00:20:30,057 --> 00:20:33,140 Sest jälle, brauser on olnud programmeeritud ettevõtted nagu Google 459 00:20:33,140 --> 00:20:38,540 või Microsoft või Mozilla või teisi lihtsalt tean, et kui .onsubmit valdkonnas 460 00:20:38,540 --> 00:20:43,400 sees vormi element on väärtus, seda ravida funktsioon-- 461 00:20:43,400 --> 00:20:44,750 funktsiooni pointer, kui soovite. 462 00:20:44,750 --> 00:20:46,910 Ja nimetame seda siis, kui vorm esitatakse. 463 00:20:46,910 --> 00:20:50,350 >> Mida kood tuleks täita kui vorm esitatakse? 464 00:20:50,350 --> 00:20:52,526 Ilmselt kõik sees lokkis traksidega. 465 00:20:52,526 --> 00:20:53,650 Ja see on lihtsalt stilistiline. 466 00:20:53,650 --> 00:20:55,626 >> Sa võid seda teha nagu meil on kombeks teha CS50. 467 00:20:55,626 --> 00:20:58,250 Aga JavaScript, enamik inimesi püüavad hoida see samal real 468 00:20:58,250 --> 00:21:01,960 lihtsalt sellepärast, et see selgemalt on seotud selle märksõna funktsioon. 469 00:21:01,960 --> 00:21:03,240 Nii et nüüd, mida ma teen? 470 00:21:03,240 --> 00:21:08,616 >> Kui form.email.value võrdne võrdsete tühi string või midagi, siin on 471 00:21:08,616 --> 00:21:11,490 tähelepanelik, kui ma lähen öelda, peate esitama oma e-posti aadress, 472 00:21:11,490 --> 00:21:12,690 ja siis tagasi vale. 473 00:21:12,690 --> 00:21:15,720 Ja see, et edasi-tagasi vale, et takistab kujul esitatakse. 474 00:21:15,720 --> 00:21:19,480 Vahepeal kui parool väärtus on tühi, ma lähen kisa kasutaja 475 00:21:19,480 --> 00:21:21,150 ja öelda, peate esitama salasõna. 476 00:21:21,150 --> 00:21:23,700 >> Vahepeal asjad hakkavad veidi Kasvataja siin. 477 00:21:23,700 --> 00:21:29,160 Kui form.password.value ei võrdne form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 muus valdkonnas, kisa kasutajale, et paroolid 479 00:21:31,680 --> 00:21:33,860 ei sobi, kuna nad ei hetk tagasi. 480 00:21:33,860 --> 00:21:35,780 Ja siis see üks on vähe seksikam, sest ma 481 00:21:35,780 --> 00:21:40,470 tean, et ma teadsin, et kontseptuaalselt et kontrollitud on ruut nime. 482 00:21:40,470 --> 00:21:45,680 >> Nii et ma ei saa lihtsalt kasutada hüüatus punkt öelda, kui kontroll ei ole 483 00:21:45,680 --> 00:21:48,040 checked-- see Boolean väärtus, õige või false-- 484 00:21:48,040 --> 00:21:49,700 Ma kisa kasutaja sel põhjusel. 485 00:21:49,700 --> 00:21:52,300 Vastasel juhul, kui saame läbi kõik need tingimused, 486 00:21:52,300 --> 00:21:53,270 olgem lihtsalt tagasi tõsi. 487 00:21:53,270 --> 00:21:54,700 Lase vormis esitada. 488 00:21:54,700 --> 00:21:56,560 Ja see on siis juhtunud. 489 00:21:56,560 --> 00:21:57,740 >> Olgem kirjuta karmiinpunane. 490 00:21:57,740 --> 00:22:00,230 Olgem kontrollida Klõpsake Register. 491 00:22:00,230 --> 00:22:01,979 Ja nüüd ma lähen läbi sihtkohta. 492 00:22:01,979 --> 00:22:03,270 Nüüd pole mingit andmebaas olemas. 493 00:22:03,270 --> 00:22:05,370 Seal on midagi huvitavat aastal register.php. 494 00:22:05,370 --> 00:22:07,980 Ma lihtsalt vaja midagi tegelikult rääkida. 495 00:22:07,980 --> 00:22:09,140 Nii et lubage mul paus, siin. 496 00:22:09,140 --> 00:22:16,270 Kõik küsimused selle kohta, mida oleme lihtsalt teha või mida mõned uue süntaks on? 497 00:22:16,270 --> 00:22:17,640 OK, jah? 498 00:22:17,640 --> 00:22:20,025 >> Sihtrühm: Nii et iga ruut automaatselt Boole'i. 499 00:22:20,025 --> 00:22:21,650 Sa ei pea deklareerima seda niimoodi. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. Humala: Õige. 501 00:22:22,649 --> 00:22:29,340 Iga ruut, mis on saadetud alates HTML-vormi oma JavaScripti koodi 502 00:22:29,340 --> 00:22:31,760 käsitletakse jah, nagu Loogiline value-- tõene või väär. 503 00:22:31,760 --> 00:22:32,635 See on hea küsimus. 504 00:22:32,635 --> 00:22:36,080 Arvestades, et teiste väärtuste, Muidugi on teksti AKA stringe. 505 00:22:36,080 --> 00:22:38,500 >> Olgu, las ma kerida natuke edasi. 506 00:22:38,500 --> 00:22:39,900 Milline oli kogu asja mõte on? 507 00:22:39,900 --> 00:22:41,400 Lihtsalt peab olema selge. 508 00:22:41,400 --> 00:22:44,940 Nagu me juba teame, isegi Pset7 ja isegi eelmise nädala loengu 509 00:22:44,940 --> 00:22:51,120 näiteid, et saame ilmselt kontrollima $ _GET $ _POST Näha, kui kasutaja annab meile 510 00:22:51,120 --> 00:22:52,200 tühi väärtus. 511 00:22:52,200 --> 00:22:54,400 Mäleta tühi funktsiooni PHP. 512 00:22:54,400 --> 00:22:58,040 >> Nii lihtsalt peab olema selge, milline on üks põhjus, miks me võiksime ka 513 00:22:58,040 --> 00:23:00,535 tahad seda teha vigade kontrolli sees brauser? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Mis on motivatsioon siin? 516 00:23:06,080 --> 00:23:06,580 Jah. 517 00:23:06,580 --> 00:23:09,735 >> Sihtrühm: Faster, ja sa ei ole Kirjuta kasutud andmed serverisse. 518 00:23:09,735 --> 00:23:10,610 DAVID J. Humala: Hea. 519 00:23:10,610 --> 00:23:11,170 See on kiirem. 520 00:23:11,170 --> 00:23:12,920 Sa ei saa saata kasutu andmete server. 521 00:23:12,920 --> 00:23:14,670 >> Nii saad tagasi rohkem kohest reageerimist. 522 00:23:14,670 --> 00:23:16,560 Ja üldiselt kasutaja kogemus on parem. 523 00:23:16,560 --> 00:23:17,900 Mõtle alternatiiv. 524 00:23:17,900 --> 00:23:21,160 >> Kui võtta Gmail-- ja oli Kui palju aastaid tagasi. 525 00:23:21,160 --> 00:23:24,160 Oletame, et sul on uus e-posti Gmaili konto, kuid ainus viis läbi 526 00:23:24,160 --> 00:23:26,510 näha, et on, nagu, lehte ümber laadida. 527 00:23:26,510 --> 00:23:29,030 Või oletame, et sa kliki link lugeda e-posti. 528 00:23:29,030 --> 00:23:31,600 >> Kõik peab uuesti nii et näete email. 529 00:23:31,600 --> 00:23:33,380 Või Facebook-- saad sõnum. 530 00:23:33,380 --> 00:23:36,000 Sa ei näe seda, kuni te uuesti Seda lehekülge või klõpsake mõned link. 531 00:23:36,000 --> 00:23:38,380 >> Nagu oleks see kohutavalt tüütu kasutaja kogemus. 532 00:23:38,380 --> 00:23:41,300 Ja see on see, mida ta oli nagu, selgelt, tagasi, kui ma jooksin UC 533 00:23:41,300 --> 00:23:44,760 ja veebis oli tunduvalt vähem dünaamiline ja JavaScript ei olnud nii tuntuks 534 00:23:44,760 --> 00:23:45,601 nagu see praegu on. 535 00:23:45,601 --> 00:23:47,850 Ja asjad hakkavad palju dünaamilisemaks ja palju muud 536 00:23:47,850 --> 00:23:49,900 Kliendi poolel selles mõttes. 537 00:23:49,900 --> 00:23:54,370 >> Aga ei saagi siin, ja see on selline tüütu gotcha. 538 00:23:54,370 --> 00:23:58,720 Lihtsalt, kuna teil lisada kliendi poolel avastamiseks, nagu see ei tähenda, 539 00:23:58,720 --> 00:24:01,430 sa ei saa ega tohi loobuda serveripoolne avastamist. 540 00:24:01,430 --> 00:24:04,080 Sa sisuliselt soovite panna oma veatuvastuse mõlemas kohas. 541 00:24:04,080 --> 00:24:05,830 Sest see, mis oli üks on õppetund 542 00:24:05,830 --> 00:24:10,270 article Lugesin mõned väljavõtted alates käesoleva loll CMS süsteemis endale 543 00:24:10,270 --> 00:24:14,410 Content Management süsteemis endale, mis oli rakendamisel autentimise süsteem, 544 00:24:14,410 --> 00:24:16,790 oma login via mida mehhanism? 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 >> Sihtrühm: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. Humala: JavaScript täpselt, eks? 549 00:24:23,290 --> 00:24:24,610 Seda kasutades JavaScript. 550 00:24:24,610 --> 00:24:27,120 Ja sõna otseses mõttes, teiega on mängis natuke ilmselt 551 00:24:27,120 --> 00:24:28,700 koos Chrome'i inspektor. 552 00:24:28,700 --> 00:24:30,890 Ja kui ma ei leia seda, kontrollida element. 553 00:24:30,890 --> 00:24:33,670 >> Lubage mul minna üle teha kõik Chrome'i võimalusi. 554 00:24:33,670 --> 00:24:37,080 Ja nii lihtne on lülitada JavaScript brauseris. 555 00:24:37,080 --> 00:24:38,950 Kontrollige, mitte rohkem JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Nii et õiglus palju veebis nendel päevadel 557 00:24:41,070 --> 00:24:43,430 lihtsalt läheb katki, sest Gmail ja muud sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- eeldada, et JavaScript on lubatud. 559 00:24:46,140 --> 00:24:50,180 Aga kui sa teed midagi loll nagu ainult kinnitamise kasutajad sisend 560 00:24:50,180 --> 00:24:52,520 ja kontrollida seda vead kliendi poolel, 561 00:24:52,520 --> 00:24:54,940 Vastane võib kergesti teha. 562 00:24:54,940 --> 00:24:57,180 Ja siis isegi targemaks Vastane nagu kutid 563 00:24:57,180 --> 00:25:01,120 nüüd võiks kasutada Telnet või Curl või lihtsalt käsurea käsud 564 00:25:01,120 --> 00:25:05,300 ja tegelikult saadab serverile teateid et samamoodi ei ole viga kontrollida. 565 00:25:05,300 --> 00:25:08,380 >> Nii on see rohkem Kasutajaliides otsus 566 00:25:08,380 --> 00:25:13,060 kui see on tegelik tehniline improvement-- rakendamisel 567 00:25:13,060 --> 00:25:14,410 midagi kliendi poolel niimoodi. 568 00:25:14,410 --> 00:25:16,800 Nii et nüüd kiire pilgu, kuid siis Ma lükata online jalutuskäigu 569 00:25:16,800 --> 00:25:17,674 läbi see üks. 570 00:25:17,674 --> 00:25:21,480 Vormi kaks, me tegelikult läks läbi ja puhastada kood natuke. 571 00:25:21,480 --> 00:25:23,650 Kuid lubage mul edasi lükata kuni üks videod jagame tõenäoliselt 572 00:25:23,650 --> 00:25:27,970 varustama Pset8 et lihtsalt näitab teile, sarnane süntaks kasutades raamatukogu kutsus 573 00:25:27,970 --> 00:25:32,320 jQuery, mis on super, super populaarne raamatukogu JavaScript 574 00:25:32,320 --> 00:25:34,510 mis ausalt öeldes enamik inimesi lihtsalt kasutada neid päevi 575 00:25:34,510 --> 00:25:37,070 ja isegi segadusse, kuna olend JavaScript ise. 576 00:25:37,070 --> 00:25:38,950 >> Ja see kipub kaasata mõned dollari märgid 577 00:25:38,950 --> 00:25:41,350 ja märksõnad nagu dokumendi Sulgudes siin. 578 00:25:41,350 --> 00:25:44,480 Aga jälle, lubage mul edasi lükata mõned aeglasemalt õpetused Internetis 579 00:25:44,480 --> 00:25:46,750 mitte saada sidunud lihtsalt süntaks. 580 00:25:46,750 --> 00:25:48,630 Liigume edasi midagi veidi jahedamaks 581 00:25:48,630 --> 00:25:50,520 poolest rakendusi see. 582 00:25:50,520 --> 00:25:57,730 >> Nii et eelkõige lase mul minna edasi ja avada see siin. 583 00:25:57,730 --> 00:25:58,340 Tule nüüd. 584 00:25:58,340 --> 00:25:59,380 Seal me läheme. 585 00:25:59,380 --> 00:26:01,500 >> Lubage mul avada see pilt siin. 586 00:26:01,500 --> 00:26:03,450 Põhjendamatult keeruline otsin, kuid see 587 00:26:03,450 --> 00:26:07,880 kirjeldatakse tehnikat nimega AJAX-- Asynchronous JavaScript ja XML, kus 588 00:26:07,880 --> 00:26:10,530 X XML on tegelikult enam tõesti kasutada. 589 00:26:10,530 --> 00:26:13,430 See kipub kasutada midagi muidu nimetatakse JSON. 590 00:26:13,430 --> 00:26:16,560 >> Aga siin on, kuidas midagi Google Maps või Google Earth toimib. 591 00:26:16,560 --> 00:26:18,060 Proovime seda lennult, tegelikult. 592 00:26:18,060 --> 00:26:21,590 Lubage mul minna ja avada Chrome minu brauseris. 593 00:26:21,590 --> 00:26:26,236 >> Ja lubage mul minna, öelda, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 Ja tegelikult, kui sa oled vana piisab, kui meenutame, mida, 596 00:26:31,930 --> 00:26:35,600 nagu Mapquest oli nagu tagasi samal päeval, ja äkki nad ikka niimoodi töötada. 597 00:26:35,600 --> 00:26:38,870 Kui kasutatakse otsida midagi-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 teeme see-- sa tegelikult, kui te 599 00:26:40,650 --> 00:26:43,000 tahtsin pan üles alla, vasakule ja paremale, 600 00:26:43,000 --> 00:26:44,920 sa näeks suur nool peal ja see 601 00:26:44,920 --> 00:26:46,921 näitaks sulle veel raami kaart siin. 602 00:26:46,921 --> 00:26:49,753 Või siis klõpsata vasakule ja Te läheks siin, või teise kliki 603 00:26:49,753 --> 00:26:51,000 ja sa läheks siin. 604 00:26:51,000 --> 00:26:53,000 Kuid selle asemel neid päeva, me muidugi lihtsalt 605 00:26:53,000 --> 00:26:55,970 enesestmõistetavaks, et me ei lähe umbes Cambridge päris kiiresti 606 00:26:55,970 --> 00:26:57,550 lihtsalt klõpsates ja lohistades. 607 00:26:57,550 --> 00:26:59,130 Aga teate seal on mõned tõrkele. 608 00:26:59,130 --> 00:27:02,160 >> Kui ma seda teha piisavalt kiiresti, mis tundub toimuvat 609 00:27:02,160 --> 00:27:05,960 nagu ma tõmmake natuke liiga kiiresti arvuti kursis? 610 00:27:05,960 --> 00:27:07,160 Mida sa näed? 611 00:27:07,160 --> 00:27:07,660 Jah. 612 00:27:07,660 --> 00:27:09,232 >> Sihtrühm: pikslid ei värskenda. 613 00:27:09,232 --> 00:27:10,940 DAVID J. Humala: pikslid ei värskenda. 614 00:27:10,940 --> 00:27:12,870 Seal actually-- ja sa ei näe seda, tegelikult, 615 00:27:12,870 --> 00:27:15,360 kui sa vaatad online pausi see või tegelikult aeglustab asju ette 616 00:27:15,360 --> 00:27:18,600 jaoks once-- näete, et on olemas plaadid, ruudud või ristkülikud, mis 617 00:27:18,600 --> 00:27:22,040 puuduvad kaardi kuni Sekundi hiljem rohkem andmeid, 618 00:27:22,040 --> 00:27:24,390 rohkem pilte tegelikult ilmuvad ekraanile. 619 00:27:24,390 --> 00:27:29,810 Ja tegelikult, kui me seda vaadates kuni Chrome's-- oletame, Chrome-- 620 00:27:29,810 --> 00:27:30,310 vaatame. 621 00:27:30,310 --> 00:27:31,090 Me ei saa seda teha. 622 00:27:31,090 --> 00:27:31,860 >> Oh, whoops. 623 00:27:31,860 --> 00:27:34,761 Olgem avada maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Las ma teen akna vastavalt suuremaks uuesti. 625 00:27:36,660 --> 00:27:38,836 >> Mine tagasi 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Mis oli kodulehel Olin hiljuti? 628 00:27:43,760 --> 00:27:46,440 Mul oli nagu, era- käratsema, et endale, et ma tahaks siis kiirsõnumi 629 00:27:46,440 --> 00:27:48,470 iga sõber, kes oli Internetis kes tahtsid kuulda. 630 00:27:48,470 --> 00:27:49,345 Seal on mõned kodulehel. 631 00:27:49,345 --> 00:27:52,680 Ma arvan, et see on Comcast-- nii väga suur ameerika ISP. 632 00:27:52,680 --> 00:27:56,355 Saad sisselogimisel uus kaabel modem teenust või kaabel-TV teenus, 633 00:27:56,355 --> 00:27:59,230 neil on vorm väga mõistlikult kui nad küsivad teid aadress. 634 00:27:59,230 --> 00:28:01,450 Ja on see hämmastav funktsioon nimega auto täielik, 635 00:28:01,450 --> 00:28:04,600 nagu Google, et hakkab täitma on vastus teie küsimusele. 636 00:28:04,600 --> 00:28:08,090 >> Probleem on selles, nad teevad auto täielik on esimesi asju, mida sa kirjutad. 637 00:28:08,090 --> 00:28:12,890 Nii et kui hakkate kirjutama 33, siis näitan sulle sõna otseses mõttes iga maja 638 00:28:12,890 --> 00:28:15,790 Ameerikas, mis algab number 33 639 00:28:15,790 --> 00:28:17,920 Enne jätkamist olete oodatud kirjutama rohkem. 640 00:28:17,920 --> 00:28:20,660 Nii et kui sa kirjutad 33 Oxford, siis see näitab igal tänaval 641 00:28:20,660 --> 00:28:24,726 Ameerikas, mis on 33 Oxford oma nime, sõltumata linn 642 00:28:24,726 --> 00:28:25,350 mis sa oled. 643 00:28:25,350 --> 00:28:26,320 >> Ja siis jätkata kirjutamist. 644 00:28:26,320 --> 00:28:28,930 Ja lõpuks, see saab aru, et nad ei ole pakutakse teenust oma kodus, Cambridge 645 00:28:28,930 --> 00:28:29,920 või midagi sellist. 646 00:28:29,920 --> 00:28:33,410 Aga küsimus on, see on kõige Loll rakendamise auto 647 00:28:33,410 --> 00:28:34,140 lõpule kunagi. 648 00:28:34,140 --> 00:28:36,400 >> Ja ma lihtsalt maha selle puutuja uuesti. 649 00:28:36,400 --> 00:28:39,040 Kuid on ka häid võimalusi kasutada JavaScripti ja halb viisil. 650 00:28:39,040 --> 00:28:40,750 Ja see pole tingimata parim. 651 00:28:40,750 --> 00:28:46,360 >> Aga asi siin, enne seda tiraad, oli avada tööriistade siin 652 00:28:46,360 --> 00:28:49,480 ja avada arendaja tööriistad nagu me oleme julgustanud enne, 653 00:28:49,480 --> 00:28:52,840 ja vaadata Network tab kui ma vajutan tõesti kiire. 654 00:28:52,840 --> 00:28:55,400 Ja teate terve hunnik ning saada taotluste juhtus. 655 00:28:55,400 --> 00:28:57,310 Kõik see juhtus, sest ma tirisid. 656 00:28:57,310 --> 00:29:00,170 >> Ja kõige tõenäolisem, tõepoolest Palju neid ridu 657 00:29:00,170 --> 00:29:04,060 nüüd on pilt kaldkriipsuga JPEG MIME tüübid või sisu tüübid. 658 00:29:04,060 --> 00:29:07,750 Ongi, sest see, mida kroom teeb iga kord kui ma klõpsa ning lohista, klikkige 659 00:29:07,750 --> 00:29:11,650 ja drag, on see realiseerida, oh, ma vaja minna küsima Google plaat 660 00:29:11,650 --> 00:29:15,080 kaardil, mis on siin, kiiresti alla laadida HTTP, 661 00:29:15,080 --> 00:29:19,550 ja siis lisada see nn DOM et veebilehitsejate mälestuseks puu 662 00:29:19,550 --> 00:29:24,430 esindamine nii, et kasutaja, mind näeb, et uuendatud plaat. 663 00:29:24,430 --> 00:29:26,795 Ja see on, sest tehnikat nimega AJAX. 664 00:29:26,795 --> 00:29:28,920 Juba järgmisel päeval, see tõesti oli nii, et kui sa 665 00:29:28,920 --> 00:29:33,050 tahtis muuta seda, mis on ekraanil, siis oleks klõpsake üles, alla, vasakule, 666 00:29:33,050 --> 00:29:33,550 paremale. 667 00:29:33,550 --> 00:29:34,740 Ja siis uue lehekülje avaks. 668 00:29:34,740 --> 00:29:36,531 Aga need päevad on kõik on dünaamilisem. 669 00:29:36,531 --> 00:29:40,490 See juhtub nii, nagu meie, inimesed oleks loodan, et see tegelikult oleks interaktiivselt. 670 00:29:40,490 --> 00:29:43,210 Ja see saavutab selle viis tehnikat nimega 671 00:29:43,210 --> 00:29:46,170 AJAX, mis on ehk kõige paremini seletada näiteks. 672 00:29:46,170 --> 00:29:49,730 Esiteks lubage mul minna ja avada fail 673 00:29:49,730 --> 00:29:53,540 nimetatakse quote.php sisse Tänapäeva jaotus koodi. 674 00:29:53,540 --> 00:29:56,200 >> Ja siis lubage mul teha symbol-- whoops. 675 00:29:56,200 --> 00:30:02,399 Las ma teen sümbol = GOOG Ainult mõnede laos. 676 00:30:02,399 --> 00:30:04,440 Või tegelikult, teeme üks pset TASUTA. 677 00:30:04,440 --> 00:30:05,270 Enter. 678 00:30:05,270 --> 00:30:06,580 >> Ja nüüd teate, mida ma saan tagasi. 679 00:30:06,580 --> 00:30:09,210 Nii et see on tõesti lühike PHP fail, et ma 680 00:30:09,210 --> 00:30:13,210 kirjutas, et lihtsalt laenas koodi alates Pset7 oma otsingu funktsiooni 681 00:30:13,210 --> 00:30:17,830 ja sülitab välja, kasutades seda lokkis traksidega ja hinnapakkumisi ja koolon märke ilmselt 682 00:30:17,830 --> 00:30:22,747 praeguse aktsia hinna eest firma, et te läbima kaudu saada. 683 00:30:22,747 --> 00:30:24,580 Nii et see on erinev alates kõige kohta, mida me oleme 684 00:30:24,580 --> 00:30:26,496 teha, et teate ma olen sõna otseses mõttes sülitab välja 685 00:30:26,496 --> 00:30:27,870 milline näeb JavaScript koodi. 686 00:30:27,870 --> 00:30:30,020 >> Tegelikult on see JavaScript objekti. 687 00:30:30,020 --> 00:30:34,130 Tegelikult üksnes olema selge, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 on lihtsalt fancy viis öelda, et sa võib esindada andmeid JavaScript palju 689 00:30:38,330 --> 00:30:41,660 nagu saate PHP kasutades põhiväärtus paari. 690 00:30:41,660 --> 00:30:44,270 Nii et kui ma tahtsin kuulutada muutuja JavaScript 691 00:30:44,270 --> 00:30:47,872 et esindab Zamyla jaoks instance-- struct eest Zamyla-- 692 00:30:47,872 --> 00:30:49,580 ja me nimetame seda õpilane, seda muutujat. 693 00:30:49,580 --> 00:30:53,060 Tema ID on üks, maja Winthrop ja nimi on Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Aga ma ei saa ka hulgaliselt esemeid. 695 00:30:55,490 --> 00:30:58,710 Nii et kui ma tegelikult tahtsin olla massiivi JavaScript sisaldavad 696 00:30:58,710 --> 00:31:01,740 Mitme esemeid, see aeg esindavad töötajaid, 697 00:31:01,740 --> 00:31:04,910 Ma võib-olla need kolm tükkideks kood tagasi 698 00:31:04,910 --> 00:31:08,560 tagasi tagasi nende kolm endist töötajat. 699 00:31:08,560 --> 00:31:12,201 Nii süntaks, päris sarnane both-- PHP. 700 00:31:12,201 --> 00:31:13,700 Ja see on eriti JavaScript. 701 00:31:13,700 --> 00:31:15,940 See objekt märke. 702 00:31:15,940 --> 00:31:17,240 Mis siis on see kasulik? 703 00:31:17,240 --> 00:31:21,580 >> Kui ma kirjutada koodi, sülitab välja JSON-- JavaScript Object Notation-- värk, et 704 00:31:21,580 --> 00:31:24,670 näeb välja selline või asju, mis Tundub Zamyla struktuuri, 705 00:31:24,670 --> 00:31:27,730 Ma ei saa tegelikult kasutada seda programmides ma kirjutan. 706 00:31:27,730 --> 00:31:30,660 Lubage mul minna ajax0.html. 707 00:31:30,660 --> 00:31:33,310 Ja see too-- mitte palju mõtlesin pöörata esteetika. 708 00:31:33,310 --> 00:31:34,660 Aga vaata, mis juhtub. 709 00:31:34,660 --> 00:31:37,050 >> Lubage mul minna ja kirjutage tasuta siia. 710 00:31:37,050 --> 00:31:38,490 Kliki saada tsiteerida. 711 00:31:38,490 --> 00:31:41,060 Ja teate URL ei ole muutunud. 712 00:31:41,060 --> 00:31:47,250 Aga ma ei saa pop up näiliselt Tänapäeva senti aktsia hind 0,15 $. 713 00:31:47,250 --> 00:31:49,062 Nii et mitte kõik, mis halb. 714 00:31:49,062 --> 00:31:52,020 Kuid erinevus on selles, et kuidagi, need andmed tulid mulle otse. 715 00:31:52,020 --> 00:31:54,250 Aga võtame samm midagi rohkem kursis. 716 00:31:54,250 --> 00:31:58,900 Versioonis üks selle, las ma kirjuta uuesti vabaks, vajuta siia tsiteerida, 717 00:31:58,900 --> 00:32:01,146 ja now-- oh, see oli tegelikult jQuery versiooni. 718 00:32:01,146 --> 00:32:03,270 So let mind-- ma ei kiiresti edasi üsna kaugele. 719 00:32:03,270 --> 00:32:05,830 Lubage mul minna versioon kaks, mis on koht, kus ma tahtsin. 720 00:32:05,830 --> 00:32:07,260 Pane tähele, mida ma olen teinud siin. 721 00:32:07,260 --> 00:32:10,370 Mul on web page-- super lihtne versioon tahes veebilehe 722 00:32:10,370 --> 00:32:14,260 võite kasutada täna tekstivälja siin tasuta ja siis ilmselt lihtsalt 723 00:32:14,260 --> 00:32:14,880 teksti. 724 00:32:14,880 --> 00:32:16,860 >> See ei ole vorm siin, ilmselt. 725 00:32:16,860 --> 00:32:19,360 Aga kui ma vajutan saada tsiteerida, märkate mu veebileht 726 00:32:19,360 --> 00:32:22,760 on umbes muuta, et ma just uue kiirsõnumi 727 00:32:22,760 --> 00:32:25,360 või nagu oleksin just kolinud kaarti ja on vaja saada rohkem andmeid 728 00:32:25,360 --> 00:32:29,220 lisada dünaamiliselt veebilehele ilma URL muutuvas ja kasutaja 729 00:32:29,220 --> 00:32:30,980 kogemuste saamine katkestada. 730 00:32:30,980 --> 00:32:35,750 Tõepoolest, ma olen ikka veel täpselt sama tulevad-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Nii et vaatame ainult selles näites ja näha, kuidas see toimub. 732 00:32:39,080 --> 00:32:42,490 Lubage mul minna ajax2.html. 733 00:32:42,490 --> 00:32:44,770 Ja teate vormis esimene. 734 00:32:44,770 --> 00:32:47,092 >> Alla siin, ma keeran välja auto täielik. 735 00:32:47,092 --> 00:32:48,800 Vahel saab tüütu, kui brauser 736 00:32:48,800 --> 00:32:50,508 üritab näidata, kogu oma ajalugu. 737 00:32:50,508 --> 00:32:53,450 Nii et sa ei saa seda teha HTML poolt lihtsalt ütlen, auto täielik väljalülitamine. 738 00:32:53,450 --> 00:32:57,290 >> Andsin selle tekstivälja symbol-- pigem ID sümbol. 739 00:32:57,290 --> 00:32:58,977 Ja nüüd on see huvitav omadus. 740 00:32:58,977 --> 00:33:01,310 Me ei rääkinud span, kuid võite mõelda 741 00:33:01,310 --> 00:33:03,177 nagu lõikes tag või div tag. 742 00:33:03,177 --> 00:33:05,010 See, mida nimetatakse in-line element, mis 743 00:33:05,010 --> 00:33:07,415 tähendab, et sa ei saa lõikes murda ülespoole ja allapoole. 744 00:33:07,415 --> 00:33:11,530 See on lihtsalt läheb viibida-line ilma lööb samaväärne enter. 745 00:33:11,530 --> 00:33:17,980 Nii et ma annan selle tüki HTML tuleb kindlaks määrata kordumatu tunnus 746 00:33:17,980 --> 00:33:20,130 et ma omavoliliselt nimetatakse hinnaga. 747 00:33:20,130 --> 00:33:21,560 Ja mul on Saada nuppu. 748 00:33:21,560 --> 00:33:25,420 >> Kuna nüüd siin-- ja see on tegelikult super hämmastav, kui vähe kood 749 00:33:25,420 --> 00:33:27,660 võite kirjutada, mida teha suhteliselt puhas things-- 750 00:33:27,660 --> 00:33:31,800 teate, mis ma olen teinud siin, kui ma kerige kuni pea sellele lehele. 751 00:33:31,800 --> 00:33:34,970 Olen lisanud esimesena mu peas script tag 752 00:33:34,970 --> 00:33:37,410 et tegelikult viitab JavaScript esitada mujal. 753 00:33:37,410 --> 00:33:39,702 See on organisatsiooni et kirjutab jQuery, 754 00:33:39,702 --> 00:33:42,660 ja see lihtsalt annab teile viimaseid versioon oma jQuery raamatukogu. 755 00:33:42,660 --> 00:33:46,305 >> Nii et see on selline nagu terav lisada C või nõuda PHP. 756 00:33:46,305 --> 00:33:48,900 Sa kasutad skripti tag kiirgusallikaga atribuut. 757 00:33:48,900 --> 00:33:52,030 Aga nüüd minu kood on saab olema õigus siin. 758 00:33:52,030 --> 00:33:54,170 >> Pange tähele, mul on funktsioon nimega Quotes. 759 00:33:54,170 --> 00:33:56,180 Ja tundub veidi segasena esimesel pilgul. 760 00:33:56,180 --> 00:33:57,305 Kuid olgem kiusupunn see peale. 761 00:33:57,305 --> 00:33:59,090 Anna mulle muutuja nimega URL. 762 00:33:59,090 --> 00:34:01,390 Anna see sõna otseses mõttes see string. 763 00:34:01,390 --> 00:34:04,530 Niisiis, ülakoma, topeltjutumärgi JavaScript lihtsalt annab mulle string. 764 00:34:04,530 --> 00:34:06,900 Mida pluss teha? 765 00:34:06,900 --> 00:34:08,199 Ketistamine. 766 00:34:08,199 --> 00:34:12,610 >> Nii et see nüüd on jQuery süntaks mis võtab veidi harjumist. 767 00:34:12,610 --> 00:34:18,310 Aga see tähendab lihtsalt minema mind DOM sõlm, kelle kordumatu tunnus on sümbol. 768 00:34:18,310 --> 00:34:21,929 Hashtag seal tähendab kordumatu tunnus sümbol. 769 00:34:21,929 --> 00:34:24,929 >> Dollari märk Sulgudes lihtsalt mõtlen, murrab see 770 00:34:24,929 --> 00:34:28,510 aastal jQuery omamoodi saladust kaste nii saad lisafunktsioone. 771 00:34:28,510 --> 00:34:31,880 Ja siis .val on ilmselt funktsioon, või nagu me ütleme nüüd, 772 00:34:31,880 --> 00:34:35,219 meetodi sees selle sõlme et ainult annab teile raha. 773 00:34:35,219 --> 00:34:38,896 Lühidalt öeldes kole ja segane sest see tundub esmapilgul 774 00:34:38,896 --> 00:34:42,020 see tähendab lihtsalt saada koos kasutaja sisestatud sisse, pane see lõpus stringi 775 00:34:42,020 --> 00:34:42,880 liitmisel ta. 776 00:34:42,880 --> 00:34:43,739 See on kõik. 777 00:34:43,739 --> 00:34:46,070 >> Nüüd, viimase kolme rida. 778 00:34:46,070 --> 00:34:48,690 Võite pigistada palju funktsionaalsus välja kolm rida. 779 00:34:48,690 --> 00:34:52,199 See dollari märk, kui kõrvale, on lihtsalt hüüdnimi 780 00:34:52,199 --> 00:34:55,800 jaoks eriline globaalse muutuja nimetatakse sõna otseses mõttes jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Dollar märk lihtsalt tundub lahe. 782 00:34:57,060 --> 00:35:00,080 Nii jQuery kogukond lihtsalt selline Kasutatud seda oma eriline sümbol. 783 00:35:00,080 --> 00:35:02,470 See ei tähenda, mida see tähendab PHP. 784 00:35:02,470 --> 00:35:06,356 In JavaScript, dollari märk on nagu täht 785 00:35:06,356 --> 00:35:07,480 või number varieeruv. 786 00:35:07,480 --> 00:35:09,000 >> Sa võid olla see nimi. 787 00:35:09,000 --> 00:35:09,770 Lihtsalt tundub lahe. 788 00:35:09,770 --> 00:35:11,890 Nii et kogukond võttis ta hüüdnime 789 00:35:11,890 --> 00:35:13,390 oma raamatukogu kutsus jQuery. 790 00:35:13,390 --> 00:35:15,060 >> Ja see on super populaarne. 791 00:35:15,060 --> 00:35:17,620 Nii et saada JSON on just nii. 792 00:35:17,620 --> 00:35:19,920 See on funktsioon, mis inimesed on jQuery kirjutas 793 00:35:19,920 --> 00:35:23,340 mis saab JSON alates server-- JavaScript Object esitust. 794 00:35:23,340 --> 00:35:25,680 Mida URL ta kavatseb saada, et informatsiooni? 795 00:35:25,680 --> 00:35:27,790 Ilmselt selle URL siia. 796 00:35:27,790 --> 00:35:31,180 >> Ja mida peaks brauser teha nii niipea kui ta saab tagasi see vastus? 797 00:35:31,180 --> 00:35:36,500 Ja see on maagia AJAX, nii et speak-- Asynchronous JavaScript XML. 798 00:35:36,500 --> 00:35:41,320 On raske ette näha sellise Lihtne näide, kui meil oli siin. 799 00:35:41,320 --> 00:35:44,730 >> Aga see oli asünkroonne sisse selles mõttes, et minu koodi 800 00:35:44,730 --> 00:35:48,530 täide saatis sõnumi server minema saada mulle JSON. 801 00:35:48,530 --> 00:35:51,340 Ja see juhtus super kiire et ma sain vastuse. 802 00:35:51,340 --> 00:35:55,130 Aga mis on huvitav on see, et koodirida ei pannud toru minu arvutis. 803 00:35:55,130 --> 00:35:56,550 >> Ma ei näinud ketramine ikoonil. 804 00:35:56,550 --> 00:35:59,200 Ma ei kaota võime liikuda mu hiir. 805 00:35:59,200 --> 00:36:01,340 Minu brauser oli tegelikult täiesti trahvi. 806 00:36:01,340 --> 00:36:06,290 >> Sest kuidas JavaScript käepidemed Serveri vastus on järgmine. 807 00:36:06,290 --> 00:36:09,740 Sa registreeru mida soovite helistada tagasihelistamise funktsioon, mis 808 00:36:09,740 --> 00:36:12,830 tähendab lihtsalt, hei, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Niipea kui server reageerib JSON, 810 00:36:16,100 --> 00:36:18,750 helistage anonüümseid funktsiooni. 811 00:36:18,750 --> 00:36:23,910 >> Ja palun läinud seda funktsiooni mis tahes string server sülitama 812 00:36:23,910 --> 00:36:26,080 argumendina nimetatakse andmed. 813 00:36:26,080 --> 00:36:28,360 Nii ka teistes, sõnad, kui Ma kokkupanek dünaamiliselt 814 00:36:28,360 --> 00:36:33,370 URL quote.php kulgeb sellega sümbol, nagu tasuta või GOOG või tühi-tähi, 815 00:36:33,370 --> 00:36:36,830 Ma siis ütlen JavaScript minema saada, et URL. 816 00:36:36,830 --> 00:36:39,080 Pea meeles, et brauser läheb tagasi midagi 817 00:36:39,080 --> 00:36:42,680 mis näeb välja nagu nägime earlier-- see. 818 00:36:42,680 --> 00:36:45,940 >> Ja mida teine ​​argument siia JSON ütleb 819 00:36:45,940 --> 00:36:48,450 on nimetame seda funktsiooni kui server saab tagasi 820 00:36:48,450 --> 00:36:52,440 kas see on 10 millisekundit nüüd või 10 sekundi pärast. 821 00:36:52,440 --> 00:36:55,840 Ja kui te seda teete, lisada hinna lehel. 822 00:36:55,840 --> 00:36:58,030 See süntaks siin lihtsalt tähendab minema saada sõlme 823 00:36:58,030 --> 00:37:01,940 puult kelle kordumatu tunnus on price-- et span nägime. 824 00:37:01,940 --> 00:37:04,320 >> Seda meetodit nimetatakse HTML lihtsalt ütleb, mine asendada 825 00:37:04,320 --> 00:37:08,770 HTML, mis on seal data.price. 826 00:37:08,770 --> 00:37:10,200 Mis data.price? 827 00:37:10,200 --> 00:37:12,850 Noh, brauser, mäletan, näitas mulle seda tagasi tulla. 828 00:37:12,850 --> 00:37:14,540 Nii et see on andmed. 829 00:37:14,540 --> 00:37:18,100 >> Ja nii see on natuke segasena näha komaga siin. 830 00:37:18,100 --> 00:37:19,350 Aga tegelikult, las ma teen seda. 831 00:37:19,350 --> 00:37:22,890 Lubage mul lihtsalt kleebi see reaalne kiire sisse gedit 832 00:37:22,890 --> 00:37:27,240 ja näidata, nagu me näitasime Zamyla struktuuri varem. 833 00:37:27,240 --> 00:37:31,610 >> Mis server saadab tagasi on väike objekt, mis näeb välja selline. 834 00:37:31,610 --> 00:37:37,140 Ja nii data.price on lihtsalt annab mulle 0,1515. 835 00:37:37,140 --> 00:37:39,310 Nii palju liigub osad siin kõik korraga. 836 00:37:39,310 --> 00:37:41,860 >> Aga võti takeaways on et meil on see võime 837 00:37:41,860 --> 00:37:44,600 teha täiendavaid HTTP taotluste kasutades JavaScript 838 00:37:44,600 --> 00:37:46,090 ilma lehe uuesti laadima. 839 00:37:46,090 --> 00:37:49,580 Ja siis me saame tegelikult muuta veebilehe sõita. 840 00:37:49,580 --> 00:37:51,850 Ja selgub, et JavaScript ja teistes keeltes 841 00:37:51,850 --> 00:37:54,510 saab kasutada nüüd mitte ainult muteeruda veebilehti, 842 00:37:54,510 --> 00:37:57,960 aga tegelikult kirjutada tarkvara tegelikus arvutis 843 00:37:57,960 --> 00:38:00,240 ei piirduks üksnes Chrome vms. 844 00:38:00,240 --> 00:38:03,530 >> Tegelikult kui-- Colton, kas te tahaks meiega ühineda tagasi siia üles 845 00:38:03,530 --> 00:38:06,100 oma lab kood ja Chang ka? 846 00:38:06,100 --> 00:38:09,140 Lähme edasi, olles rääkinud anonüümne funktsioonid ja callbacks 847 00:38:09,140 --> 00:38:13,090 ja tõesti meelitada saatus siin live demo verejooksuga 848 00:38:13,090 --> 00:38:16,480 kaasaegne tehnoloogia, mis on üks Nende Elite Resolutsiooni seadmeid. 849 00:38:16,480 --> 00:38:18,940 Nüüd see seade turult, on vähe USB-seadme 850 00:38:18,940 --> 00:38:25,620 samuti selle-- see beautiful-- mis lülitub sisse oma USB-porti. 851 00:38:25,620 --> 00:38:29,120 >> Ja siis see annab panuse vormis inimese liigutusi 852 00:38:29,120 --> 00:38:32,560 tuvastades infrapuna- talad, sisuliselt liikumised oma kätt. 853 00:38:32,560 --> 00:38:35,150 Nii et see, mida Maria proovinud kohta enne oli lihaseline, 854 00:38:35,150 --> 00:38:39,000 tegelikult tunne, mis on muutumas Sinu arm, see on infrapuna aluseks. 855 00:38:39,000 --> 00:38:44,390 Nii, et see otsib liikumiste omamoodi sfääri jalgsi või nii 856 00:38:44,390 --> 00:38:46,190 seade ise. 857 00:38:46,190 --> 00:38:48,950 >> Miks ma ei võta torkehaav at see esimene? 858 00:38:48,950 --> 00:38:53,100 Ja olgem minna ja visata sa üles õhuliini siin. 859 00:38:53,100 --> 00:38:56,250 Nii paneme Colton sülearvuti siin. 860 00:38:56,250 --> 00:38:58,360 Meil Andrew TV. 861 00:38:58,360 --> 00:39:00,160 Ja mida sa tahaksid mulle esimesena? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Lase käia ja lihtsalt panna oma käed üle see kutt 863 00:39:02,409 --> 00:39:04,430 ja te näete mõned vapustav sära. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. Humala: Väga kena. 865 00:39:07,230 --> 00:39:11,110 See kõik toimub reaalajas. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 Olgu, ja jah. 868 00:39:12,680 --> 00:39:14,119 Nii kena. 869 00:39:14,119 --> 00:39:15,410 Olgu, mida me saame teha? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Minge järgmise ekraani ja vaata. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. Humala: Hea küll. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: lõbus väike mäng kus sa saad teha robotid. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. Humala: Olgu, nii et see on võltsitud käed näitab mulle, mida teha. 874 00:39:24,738 --> 00:39:27,920 COLTON: Jah Nii et laske käia ja ostke üks plokid 875 00:39:27,920 --> 00:39:30,637 ja pane see peal, et robot keha. 876 00:39:30,637 --> 00:39:32,137 DAVID J. Humala: Oh, see pole minu käest. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 OK, jumalik. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Oota, OK. 881 00:39:38,650 --> 00:39:41,320 Seal me läheme. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Tegin üks õnnetus. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. Humala: OK, ma saan seda meest. 884 00:39:45,423 --> 00:39:45,923 Kurat! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Kui olime harjutanud seda viimast öö, sa tead, mida see antakse üle võtta? 887 00:39:51,550 --> 00:39:54,285 >> Nagu see. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 Järgmisena? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Muidugi. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. Humala: Olgu, ja seal on kolmas. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Hea küll. 894 00:40:01,674 --> 00:40:03,215 COLTON: Ja see üks, saad mina-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. Humala: Oh, see on ilus. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, vali välja see lill. 897 00:40:06,650 --> 00:40:07,441 DAVID J. Humala: 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 Vastamata. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Oh, seal lähete. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. Humala: Ah, Vaata seda. 903 00:40:18,680 --> 00:40:19,830 Väga kena. 904 00:40:19,830 --> 00:40:22,470 Noh, miks Ära "võtame välja üks vabatahtlik siin 905 00:40:22,470 --> 00:40:24,180 kes tahaksid tulla üles. 906 00:40:24,180 --> 00:40:27,500 Kuidas seal roheline, kas pole? 907 00:40:27,500 --> 00:40:30,540 >> Olgu, ja olgem have-- selle asemel, et seda tehes, mõned teist 908 00:40:30,540 --> 00:40:34,590 võiksid teada seda mängu siin-- lõigata köis, ehk? 909 00:40:34,590 --> 00:40:35,100 Vaatame. 910 00:40:35,100 --> 00:40:37,320 Meil on prillid siin? 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 Aitäh. 913 00:40:39,270 --> 00:40:39,380 Mis su nimi on? 914 00:40:39,380 --> 00:40:40,350 >> Sihtrühm: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. Humala: Laura? 916 00:40:41,266 --> 00:40:42,120 Tore näha. 917 00:40:42,120 --> 00:40:45,600 Kui sa ei pahanda pannes Google Glass üle oma prillid. 918 00:40:45,600 --> 00:40:46,970 See on Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Tere. 920 00:40:47,650 --> 00:40:48,140 Meeldiv kohtuda. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. Humala: OK, tule ümber. 922 00:40:49,600 --> 00:40:52,516 Olgu, nii et mida sa lähed siin teeme, olles mänginud seda enne, 923 00:40:52,516 --> 00:40:55,650 on pange oma kätt Leap Resolutsiooni siin. 924 00:40:55,650 --> 00:40:57,210 Ja nüüd teie nool peaks liikuma. 925 00:40:57,210 --> 00:40:57,710 Oh, nope. 926 00:40:57,710 --> 00:40:58,066 >> Sihtrühm: No. 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. Humala: Me ei taha veel maha jätta. 928 00:40:58,780 --> 00:40:59,280 OK, oodake. 929 00:40:59,280 --> 00:41:01,200 Üle siin. 930 00:41:01,200 --> 00:41:03,530 Nii teate, kui sa hoiad oma sõrme üle midagi, 931 00:41:03,530 --> 00:41:06,750 hiir hakkab minema roheline, mis on, kuidas sa kliki. 932 00:41:06,750 --> 00:41:08,980 >> Nii et hover üle mängida. 933 00:41:08,980 --> 00:41:10,970 Ja ainult üks sõrm on hea. 934 00:41:10,970 --> 00:41:13,869 Ja nüüd klõpsa väike roheline mees vasakul. 935 00:41:13,869 --> 00:41:15,410 Ja nüüd hoidke, kuni see täitub roheline. 936 00:41:15,410 --> 00:41:15,640 Väga hea. 937 00:41:15,640 --> 00:41:16,990 Nüüd, nagu, tasandil üks kuni top. 938 00:41:16,990 --> 00:41:20,190 >> Sihtrühm: Jah, me tahame tasandil, siis allpool. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. Humala: Hea. 940 00:41:21,660 --> 00:41:25,500 OK, nii et kõik mida sa pead tegema, on lõigata köis. 941 00:41:25,500 --> 00:41:28,240 Kursor on valge üks seal. 942 00:41:28,240 --> 00:41:28,880 >> Väga kena. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Olgu, see on umbes saada raskem. 945 00:41:32,790 --> 00:41:34,800 Nii et hoidke oma sõrme üle järgmise nüüd. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Väga hea. 948 00:41:39,030 --> 00:41:39,999 See üks on raske. 949 00:41:39,999 --> 00:41:40,966 >> Sihtrühm: Oh crap. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Ta tahab minna, et viis. 952 00:41:42,466 --> 00:41:44,890 Oh crap, selle-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. Humala: Jah. 954 00:41:47,120 --> 00:41:50,700 Teisene eesmärk on saada kõik tähed. 955 00:41:50,700 --> 00:41:53,920 Olgu, järgmine. 956 00:41:53,920 --> 00:41:57,504 >> Vaatame, kas saad seda kolmas. 957 00:41:57,504 --> 00:41:58,004 Väga hea. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK, sinna minema. 960 00:42:06,840 --> 00:42:08,850 >> Muidugi. 961 00:42:08,850 --> 00:42:11,230 Oh, väga tore. 962 00:42:11,230 --> 00:42:11,930 Hea küll. 963 00:42:11,930 --> 00:42:13,534 >> Nii et miks me ei lükata siin täna? 964 00:42:13,534 --> 00:42:15,200 Las keegi tule üles, kes tahab mängida. 965 00:42:15,200 --> 00:42:16,880 Tänu nii palju, et Laura meie vabatahtlikuna. 966 00:42:16,880 --> 00:42:18,730 Ja me näeme esmaspäeval. 967 00:42:18,730 --> 00:42:21,190 >> Sihtrühm: Sa ilmselt tahad neid tagasi. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: Järgmisel CS50-- 969 00:42:23,640 --> 00:42:35,222