1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. Malan: U redu, pa to je ovdje Myo ruka 3 00:00:41,880 --> 00:00:44,450 bend, par koji smo imati za CS50 konačne projekte. 4 00:00:44,450 --> 00:00:47,533 I to je bila demonstracija smo na čekanju što se unaprijed gdje uglavnom 5 00:00:47,533 --> 00:00:51,120 to je prilično široka ruka bend ovdje sluša svoje mišićne pokrete 6 00:00:51,120 --> 00:00:54,280 koje su potom preslikavaju u softveru da Colton je laptop preko kojih ovdje 7 00:00:54,280 --> 00:00:57,230 imala iTunes i da Pjesma je već okupili. 8 00:00:57,230 --> 00:01:00,270 Umjesto mene demoing toga, Colton je bio u laboratoriju 9 00:01:00,270 --> 00:01:04,129 Jasno cijeli tjedan dobivanje demonstraciju spremna za jednu hrabrog volontera. 10 00:01:04,129 --> 00:01:07,430 Ako netko želi doći na up-- vidio svoju ruku na prvom mjestu. 11 00:01:07,430 --> 00:01:09,540 Dođite na gore. 12 00:01:09,540 --> 00:01:12,530 >> U redu. 13 00:01:12,530 --> 00:01:13,886 A ono što je vaše ime? 14 00:01:13,886 --> 00:01:14,800 >> PUBLIKA: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. Malan: Maria, lijepo vas je vidjeti. 16 00:01:16,550 --> 00:01:17,310 Dođi ovamo. 17 00:01:17,310 --> 00:01:19,550 Dopustite mi da vas upoznam s Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, ovo je Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Bok, lijepo da zadovolji vas. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. Malan: All U redu, tako da jedan korak, mi smo 21 00:01:24,330 --> 00:01:26,204 će vas staviti ovaj na podlaktice 22 00:01:26,204 --> 00:01:29,280 tako da je prilično čvrsto se u blizini vašeg lakta. 23 00:01:29,280 --> 00:01:31,940 A u međuvremenu, neka je imaju staviti na našu Google Glass 24 00:01:31,940 --> 00:01:33,720 a mi ćemo miješati tehnologije danas. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Prvo ćemo morati spojiti ovo u stvari. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. Malan: U redu. 27 00:01:37,170 --> 00:01:39,795 Zapravo, neka stavi svoju ruku kao u neposrednoj blizini ovog kabela moguće 28 00:01:39,795 --> 00:01:41,160 tako da smo prvi može sinkronizirati gore. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Idemo to učiniti. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. Malan: A u međuvremenu, tako da svatko može dobiti bliži pogled, 31 00:01:46,500 --> 00:01:50,290 ćemo bacanje Andrije fotoaparat na zaslonu tamo. 32 00:01:50,290 --> 00:01:54,460 Dakle, imamo USB kabel koji je biti priključen na Marije narukvica. 33 00:01:54,460 --> 00:02:00,230 I neka mi bacanje Colton je zaslon se na projektoru sljedeći. 34 00:02:00,230 --> 00:02:06,000 >> Dakle Colton bilježi uređaj sada kao Myo povezan s ovim kabelom. 35 00:02:06,000 --> 00:02:08,060 I sad ono Maria-a će učiniti trenutak 36 00:02:08,060 --> 00:02:10,120 je zapravo šetnja koraci za kalibriranje 37 00:02:10,120 --> 00:02:12,830 i naučiti softver kako su joj mišići reagiraju 38 00:02:12,830 --> 00:02:16,070 kad bi određene unaprijed definirane gesta da softver razumije. 39 00:02:16,070 --> 00:02:17,910 Ako želite ići u Prednji dio zaslona. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 U redu, držati težak. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Idi ovako. 43 00:02:31,860 --> 00:02:32,970 I kao što je to. 44 00:02:32,970 --> 00:02:34,563 I sve do prava. 45 00:02:34,563 --> 00:02:35,922 Vratite. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. Malan: U redu. 47 00:02:37,740 --> 00:02:38,960 Različite perspektive. 48 00:02:38,960 --> 00:02:39,620 Nije li. 49 00:02:39,620 --> 00:02:40,350 To je nas. 50 00:02:40,350 --> 00:02:41,749 >> MARIJA: U redu. 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 Idemo ga premjestiti veći tako da je bliže lakta, ili čak i jače. 54 00:02:51,540 --> 00:02:52,680 U redu. 55 00:02:52,680 --> 00:02:53,270 >> Ovdje ćemo ići. 56 00:02:53,270 --> 00:02:56,780 To bi bilo dobro vrijeme za CS52X. 57 00:02:56,780 --> 00:02:57,670 Tamo idemo. 58 00:02:57,670 --> 00:02:58,760 >> Vrlo lijepo. 59 00:02:58,760 --> 00:03:01,170 U redu. 60 00:03:01,170 --> 00:03:02,790 Palac se Pinky. 61 00:03:02,790 --> 00:03:03,380 >> Vrlo lijepo. 62 00:03:03,380 --> 00:03:05,140 Raširite prste. 63 00:03:05,140 --> 00:03:06,240 Dobro. 64 00:03:06,240 --> 00:03:06,910 Val u pravu. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 To je znatiželjno pokazujući ste s lijeve hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Da, to je čudno. 68 00:03:19,665 --> 00:03:21,790 DAVID J. Malan: Val se Pravo i krenuti naprijed. 69 00:03:21,790 --> 00:03:22,998 Brzo naprijed preskočiti ili sljedeći. 70 00:03:22,998 --> 00:03:25,020 To je u redu Val pravu. 71 00:03:25,020 --> 00:03:26,650 >> MARIJA: Ja don't-- čekati. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. Malan: Trebate pomoć? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Znači ideš ovako. 74 00:03:30,027 --> 00:03:31,860 MARIJA: To je okreće Druga stvar, ipak. 75 00:03:31,860 --> 00:03:32,390 COLTON: To je. 76 00:03:32,390 --> 00:03:34,250 DAVID J. Malan: Da ne znam zašto se prikazuje vam leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Zašto ne try-- samo pokušajte ide ovako. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. Malan: Ne? 80 00:03:40,090 --> 00:03:42,580 Možda do ruku se malo uspravnije 81 00:03:42,580 --> 00:03:46,070 i učiniti ga naglo kao što je ovaj. 82 00:03:46,070 --> 00:03:48,176 Da, u redu, hajde. 83 00:03:48,176 --> 00:03:49,670 >> MARIJA: Žao mi je. 84 00:03:49,670 --> 00:03:51,170 DAVID J. Malan: To nije tvoja krivica. 85 00:03:51,170 --> 00:03:53,018 COLTON: To je u redu. 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 >> MARIJA: Trebamo li preskočiti ovo, onda? 89 00:03:57,620 --> 00:03:59,620 DAVID J. Malan: Da, neka je neka vas od kuka. 90 00:03:59,620 --> 00:04:03,130 Dakle, ako netko želi raditi konačni projekt koristeći ovaj sječivo 91 00:04:03,130 --> 00:04:07,707 hardver, shvatite to bi moglo jednostavno uzeti malo koristi za dobivanje. 92 00:04:07,707 --> 00:04:10,290 I this-- stvarnost je to je zapravo vrlo krvarenje ruba. 93 00:04:10,290 --> 00:04:12,040 >> To je ono što se naziva Komplet programer, koji je 94 00:04:12,040 --> 00:04:14,956 je značilo da se u biti pre-release tako da ljudi mogu učiniti upravo 95 00:04:14,956 --> 00:04:18,690 this-- boriti s njim, lik kako tijela ljudi rade 96 00:04:18,690 --> 00:04:19,980 s tehnologijom. 97 00:04:19,980 --> 00:04:21,750 Dakle, ako želite nakon toga, nakon predavanja, 98 00:04:21,750 --> 00:04:23,750 možemo vam doći i uzeti još jedan ubod u njega. 99 00:04:23,750 --> 00:04:26,970 Ali inače, pljesak, ako je smo mogli, za Maria došao na gore. 100 00:04:26,970 --> 00:04:28,770 >> MARIJA: Hvala vam. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. Malan: Hvala vam. 102 00:04:30,390 --> 00:04:34,945 Mi ćemo objesiti na to, ali mi ćemo dati you-- o tome kako stres loptu ovdje? 103 00:04:34,945 --> 00:04:38,620 Oh, and-- if-- Da, hvala. 104 00:04:38,620 --> 00:04:39,715 U redu. 105 00:04:39,715 --> 00:04:45,750 Tako je za znatiželjan, ako ste bili upoznati sa zvukom izbora 106 00:04:45,750 --> 00:04:47,670 da smo napravili tu ranije, nevjerojatna TV 107 00:04:47,670 --> 00:04:50,210 pokazati da ste trebali apsolutno biti jedenja i gledanje na Netflix 108 00:04:50,210 --> 00:04:51,110 je ovaj ovdje. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Dame i gospodo, mađioničar po imenu Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. Malan: I očito, to je stvar za mene tekst tijekom predavanja sada. 112 00:05:08,050 --> 00:05:11,190 Ja sam se ispričao da je Maria jučer imala rođendan. 113 00:05:11,190 --> 00:05:14,095 Dakle, sretan rođendan od CS50 se Maria kao dobro. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Dakle, možda ste čitali u posljednjem mjesecu da je ova gospoda ovdje, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, koji je zapravo razred 1977. godine na faksu, 117 00:05:25,260 --> 00:05:27,170 Nedavno umirovljeni za Microsoft. 118 00:05:27,170 --> 00:05:29,620 Bio preddiplomski ovdje, onda par godina kasnije 119 00:05:29,620 --> 00:05:31,910 našao se na Stanford Business School 120 00:05:31,910 --> 00:05:34,160 kada je dobio telefon poziv od prijatelja od onoga koji 121 00:05:34,160 --> 00:05:36,516 živjela hodnikom od njega ovdje na Harvardu. 122 00:05:36,516 --> 00:05:38,640 Ime tog prijatelja je Bill Gates, i na vrijeme, 123 00:05:38,640 --> 00:05:42,700 On je pokušavao zaposliti Steve se Prvi poslovni čovjek, doista, 124 00:05:42,700 --> 00:05:45,720 na male tvrtke Microsoft ime. 125 00:05:45,720 --> 00:05:48,960 >> Duljimo, Steve je u konačnici osvojio, 126 00:05:48,960 --> 00:05:52,130 Microsoft se pridružio kad su imala samo 30 zaposlenika. 127 00:05:52,130 --> 00:05:54,300 I vrijeme je mirovini donedavno, 128 00:05:54,300 --> 00:05:58,100 Tvrtka je imala 100.000 zaposlenih tijekom posljednjih nekoliko godina. 129 00:05:58,100 --> 00:06:01,171 I tako web poznat kao The Verge pripremio ovaj porez na videu 130 00:06:01,171 --> 00:06:02,920 koje smo mislili da bih zajedničko da vam daje 131 00:06:02,920 --> 00:06:08,380 osjećaj koliko energije Steveu donosi na bilo prezentaciji je daje. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [Video reprodukcije] 134 00:06:12,550 --> 00:06:16,220 -Microsoft Je kao četvrto dijete. 135 00:06:16,220 --> 00:06:18,260 Djeca ne napuste kuću. 136 00:06:18,260 --> 00:06:21,875 U ovom slučaju, mislim Odlazim iz kuće. 137 00:06:21,875 --> 00:06:23,270 Hej Bill, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> -Hej, Wazzap? 140 00:06:25,320 --> 00:06:28,590 Mi smo dano ogromna prilika. 141 00:06:28,590 --> 00:06:30,210 A Bill nam je dao tu priliku. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Želim zahvaliti Billu za to. 144 00:06:36,770 --> 00:06:39,630 Želim da previše. 145 00:06:39,630 --> 00:06:42,500 Tempo inovacija se neće usporiti. 146 00:06:42,500 --> 00:06:45,140 >> To će dobiti brže i brže. 147 00:06:45,140 --> 00:06:50,165 Tu bi moglo biti nekoliko konkurenata koje su, nažalost, eliminirani! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Volim ovu tvrtku. 150 00:06:59,564 --> 00:07:00,064 Da! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Ja sam računala, a ja volim ovu tvrtku! 153 00:07:08,250 --> 00:07:13,090 >> Programeri, programeri, programeri, programeri, programeri, programeri, 154 00:07:13,090 --> 00:07:14,560 programeri, programeri. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Da! 157 00:07:18,970 --> 00:07:19,950 Web programeri! 158 00:07:19,950 --> 00:07:21,420 >> Web programeri! 159 00:07:21,420 --> 00:07:22,890 Web programeri! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Poslušajte što još dobili bez dodatne naknade! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS izvršne, imenovanje kalendara, kartice gomila, bilješka jastuk, 163 00:07:31,960 --> 00:07:33,750 sat, upravljačka ploča. 164 00:07:33,750 --> 00:07:35,461 A, možete li vjerovati? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Spali ih na CD-u! 167 00:07:37,270 --> 00:07:38,660 Postavljati ih na MSN! 168 00:07:38,660 --> 00:07:40,422 Možete ih poslati prijateljima! 169 00:07:40,422 --> 00:07:41,790 >> Svi s jednim klikom! 170 00:07:41,790 --> 00:07:48,670 Jedan Microsoft, jedna strategija, jedan team-- usmjerena, discipliniran, profesionalna, 171 00:07:48,670 --> 00:07:50,610 i stručnjak u svemu što radimo. 172 00:07:50,610 --> 00:07:52,670 Dopustite mi da koristite liniju iz starog filma. 173 00:07:52,670 --> 00:07:54,810 >> Odnosi su poput morskih pasa. 174 00:07:54,810 --> 00:07:57,480 Kreću prema naprijed ili umru. 175 00:07:57,480 --> 00:08:01,470 Ja zapravo mislim tech tvrtke su isti. 176 00:08:01,470 --> 00:08:04,801 >> [END reprodukciju videozapisa] 177 00:08:04,801 --> 00:08:08,050 DAVID J. Malan: Pa mi smo tako sa zadovoljstvom objaviti da je Steve će nam se pridružiti 178 00:08:08,050 --> 00:08:13,320 ovdje u CS50 iduće srijede u uobičajeno mjesto i vrijeme ovdje. 179 00:08:13,320 --> 00:08:14,750 Prostor će vjerojatno biti ograničen. 180 00:08:14,750 --> 00:08:19,650 I tako da nam se pridruže u osobi, molimo krenuti danas ili ubrzo nakon toga 181 00:08:19,650 --> 00:08:22,600 na cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> I mi ćemo pratiti putem Utorak potvrđujući mjesta. 183 00:08:25,780 --> 00:08:29,900 Radovati se da će iduće Srijeda tijekom predavanja u CS50. 184 00:08:29,900 --> 00:08:33,706 Sada, u međuvremenu, mi se dogodilo naići na to The Crimson jednostavno 185 00:08:33,706 --> 00:08:34,289 neki dan. 186 00:08:34,289 --> 00:08:37,370 >> Ispada da je jedan od CS50 osoblja i najmanje jedan od CS50 studenata 187 00:08:37,370 --> 00:08:40,299 trenutno trčanje za UC predsjednik i potpredsjednik, 188 00:08:40,299 --> 00:08:42,950 koji me doveo natrag mojim vlastitim dana vratiti 189 00:08:42,950 --> 00:08:45,920 kada sam izgubila UC izbore jadno. 190 00:08:45,920 --> 00:08:48,210 No, srebro podstava U to je uvijek 191 00:08:48,210 --> 00:08:50,604 reci priča je da je jedan od siguran sam 192 00:08:50,604 --> 00:08:52,770 Mnogo je razloga izgubio sam Izbori bio potpuni nedostatak 193 00:08:52,770 --> 00:08:54,103 od talenta za javne govore. 194 00:08:54,103 --> 00:08:56,950 I tako sasvim iskreno, vozio me, to iskustvo 195 00:08:56,950 --> 00:09:02,235 Mislim da je moj mlađi godinu dana, zapravo potpisati za Harvard Computer Society, koji je 196 00:09:02,235 --> 00:09:04,610 je grupa na kampusu kako drži razne tehničke razgovore 197 00:09:04,610 --> 00:09:05,318 i druge stvari. 198 00:09:05,318 --> 00:09:08,117 I sam preuzeo nastavu seminari i stoga 199 00:09:08,117 --> 00:09:09,950 imali su priliku, divna prilika, 200 00:09:09,950 --> 00:09:12,620 početi raditi na upravo to. 201 00:09:12,620 --> 00:09:15,000 Ali isto tako, imao sam priliku Tijekom tog iskustva 202 00:09:15,000 --> 00:09:16,930 da si naučiti sve više HTML. 203 00:09:16,930 --> 00:09:21,080 I tako sam procrastinated sinoć strane gleda kroz web stranice HTML temelji na 204 00:09:21,080 --> 00:09:28,066 Sam napravio u kao 1997, '98, za moje Kampanja koja izgleda kao ovo ovdje. 205 00:09:28,066 --> 00:09:29,920 Znam. 206 00:09:29,920 --> 00:09:33,340 >> Because-- i naravno, obavijest Ova nevjerojatna dizajn odluka u 1998. godini 207 00:09:33,340 --> 00:09:33,850 ili sitnica. 208 00:09:33,850 --> 00:09:36,475 Prva stvar koju želite korisnik učiniti nakon posjete vaše web stranice 209 00:09:36,475 --> 00:09:39,860 je da imaju kliknuti drugu vezu samo da unesete svoje web stranice ovdje s monaha 210 00:09:39,860 --> 00:09:43,940 Iza poput umotan zavjese gdje očito je moja kampanja platforma je. 211 00:09:43,940 --> 00:09:46,330 I to je sve što ćete dobiti Danas je samo screenshot. 212 00:09:46,330 --> 00:09:49,500 Ali sam se čitajući, kao što su, Moja kampanja plakati sinoć 213 00:09:49,500 --> 00:09:50,490 i moj platforme. 214 00:09:50,490 --> 00:09:52,960 >> I ja sam bio toliko ljut na vrijeme. 215 00:09:52,960 --> 00:09:55,380 Moj platforma was-- bilo je zanimljivo. 216 00:09:55,380 --> 00:09:57,730 Tako sam se smirila od tada. 217 00:09:57,730 --> 00:10:03,550 Ali, jednoga dana, ja ću ponovno pokrenuti i nadam se bolji od tog vremena. 218 00:10:03,550 --> 00:10:07,265 >> Dakle, HTML, da je jezik u kojem sam napravio da in-- vas uskoro ćemo napraviti mnogo još mnogo toga 219 00:10:07,265 --> 00:10:09,140 je nešto što smo bili govori o kasno 220 00:10:09,140 --> 00:10:12,460 i uglavnom uzima zdravo za gotovo sada da smo se preselili na drugim jezicima. 221 00:10:12,460 --> 00:10:15,650 Ali neka je pauzirati samo na trenutak i staviti neke od tih stvari u kontekst. 222 00:10:15,650 --> 00:10:18,040 Tako je u rečenici, što je HTML? 223 00:10:18,040 --> 00:10:19,370 >> Ili, što se koristi za? 224 00:10:19,370 --> 00:10:20,208 Svatko? 225 00:10:20,208 --> 00:10:20,708 Da. 226 00:10:20,708 --> 00:10:22,002 >> PUBLIKA: Markup za web stranice. 227 00:10:22,002 --> 00:10:23,460 DAVID J. Malan: Markup za web stranice. 228 00:10:23,460 --> 00:10:27,100 Dakle, to je jezik za označavanje koji omogućuje struktura web stranice. 229 00:10:27,100 --> 00:10:30,040 Zaglavlja ide ovdje, naslov ide ovdje, tijelo ide ovdje. 230 00:10:30,040 --> 00:10:33,280 To je masna slova, to jest italics-- takve detalje. 231 00:10:33,280 --> 00:10:33,830 >> U redu, dobro. 232 00:10:33,830 --> 00:10:37,620 Dakle CSS omogućuje you-- i ja uzeo neke slobode postoji 233 00:10:37,620 --> 00:10:40,990 s podebljanim okrenuto i kurzivom, jer da bolje je proveden s tim. 234 00:10:40,990 --> 00:10:42,096 CSS is-- što? 235 00:10:42,096 --> 00:10:42,845 Recimo u rečenici. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Svatko na sve. 238 00:10:46,720 --> 00:10:46,870 Da. 239 00:10:46,870 --> 00:10:49,286 >> Publika: ukrasima i stvari, kao što su kako je dizajn. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. Malan: U redu, dobro. 242 00:10:52,810 --> 00:10:55,420 Ukrasima koje vam omogućuju to dizajn ili stilizovati ga 243 00:10:55,420 --> 00:10:59,540 sa stvarima kao što su podebljana i kurziv i boje i također su u redu 244 00:10:59,540 --> 00:11:01,330 zrnate pozicioniranje elemenata. 245 00:11:01,330 --> 00:11:04,520 To na neki način vam omogućuje da se stvari u posljednji kilometar, tako da ako je, primjerice, 246 00:11:04,520 --> 00:11:08,130 U Pset7, možda ste primjetili na vašem portfelj stranica ako ste u ovom trenutku 247 00:11:08,130 --> 00:11:12,270 Već da je zadana tablica koje bi pokazati korisnikovih dionica udjele 248 00:11:12,270 --> 00:11:15,740 i novčani vjerojatno izgleda prilično odvratan po defaultu bez bijelog prostora. 249 00:11:15,740 --> 00:11:18,420 Sve je vrsta naguranih zajedno u retke i stupce. 250 00:11:18,420 --> 00:11:20,662 >> Pa, uz malo CSS, kao što ste možda shvatili, 251 00:11:20,662 --> 00:11:23,870 možete zapravo ugađanje to i čine ga nešto mnogo više upoznati i još mnogo 252 00:11:23,870 --> 00:11:24,870 ljepše gledati. 253 00:11:24,870 --> 00:11:27,730 Dakle CSS je oko stilizacija web stranice. 254 00:11:27,730 --> 00:11:31,970 Ali onda smo uveli još jedan jezik, PHP, što nam omogućuje da učinite što? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Ajmo napraviti što? 257 00:11:37,590 --> 00:11:38,177 Svatko. 258 00:11:38,177 --> 00:11:40,010 Moram krenuti dalje prvih par redaka. 259 00:11:40,010 --> 00:11:40,260 Da. 260 00:11:40,260 --> 00:11:41,719 >> PUBLIKA: generiranje dinamičkog sadržaja. 261 00:11:41,719 --> 00:11:42,718 DAVID J. Malan: Savršeno. 262 00:11:42,718 --> 00:11:43,850 Generiranje dinamičkog sadržaja. 263 00:11:43,850 --> 00:11:45,808 A možete to učiniti u bilo koji broj jezika. 264 00:11:45,808 --> 00:11:50,120 Mi se dogoditi da koriste PHP, jer je to dijelom tako sličan C sintakse. 265 00:11:50,120 --> 00:11:52,000 >> Ali PHP čini upravo to. 266 00:11:52,000 --> 00:11:54,620 To vam omogućuje dinamičko generiranje izlaza. 267 00:11:54,620 --> 00:11:57,890 A neki od te proizvodnje može biti HTML, kao što smo obično radili. 268 00:11:57,890 --> 00:12:00,160 I to je također, zato što je programski jezik, je 269 00:12:00,160 --> 00:12:03,240 mehanizam kojim možemo razgovarati s bazama podataka. 270 00:12:03,240 --> 00:12:05,730 >> I možemo napraviti upite ostali poslužitelji poput Yahoos 271 00:12:05,730 --> 00:12:08,660 i programatski učiniti ništa stvarno koje bi inače 272 00:12:08,660 --> 00:12:10,400 žele natjerati računalo učiniti. 273 00:12:10,400 --> 00:12:13,580 Dakle, PHP omogućuje nam početak dinamički izlaza sadržaja. 274 00:12:13,580 --> 00:12:16,900 Dakle, po toj logici, nisam imala dinamičke web stranice natrag u 1998. 275 00:12:16,900 --> 00:12:18,460 >> To je bio samo statična web stranica. 276 00:12:18,460 --> 00:12:22,250 Moja sadržaja moralo mijenjati ručno gedit ili nekim ekvivalentom. 277 00:12:22,250 --> 00:12:25,290 No, PHP je ono što mi koristi ili mogao imati koristi, naprotiv, 278 00:12:25,290 --> 00:12:27,260 za tako nešto Frosh IM web stranice, koje 279 00:12:27,260 --> 00:12:31,160 je trebalo da se prijave i upravljati popis stvari koje users-- 280 00:12:31,160 --> 00:12:33,550 zapravo mijenja tijekom vrijeme, iako mi se dogoditi 281 00:12:33,550 --> 00:12:35,990 koristiti Perl, drugačije jezik u to vrijeme. 282 00:12:35,990 --> 00:12:40,350 >> I onda na kraju, uveli smo SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Dakle, još jedan jezik koji se koristi za što? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Koristi se za što? 286 00:12:47,639 --> 00:12:49,430 Možemo venture slight-- U redu, ne idemo 287 00:12:49,430 --> 00:12:51,263 dobiti mnogo dalje od orkestra ovdje. 288 00:12:51,263 --> 00:12:53,432 PUBLIKA: To je protokol koristi razgovarati s bazama podataka. 289 00:12:53,432 --> 00:12:55,640 DAVID J. Malan: Protokol koristi razgovarati s bazama podataka. 290 00:12:55,640 --> 00:12:56,181 Dopustite mi da ugađanje. 291 00:12:56,181 --> 00:12:59,280 To je prirodni jezik koristi razgovarati s databases-- odabire 292 00:12:59,280 --> 00:13:01,280 i umetci i briše i ažuriranja i zapravo 293 00:13:01,280 --> 00:13:03,840 čak i više mogućnosti da nismo ni zaronio 294 00:13:03,840 --> 00:13:07,920 u, ali možda želite imati explore-- istražiti za, recimo, konačni projekt. 295 00:13:07,920 --> 00:13:09,560 Dakle, tu su ti razni dijelovi. 296 00:13:09,560 --> 00:13:13,100 >> I nadamo se Pset7, iako njegova specifikacija je prilično dugo, 297 00:13:13,100 --> 00:13:15,990 to je namjerno dugo da vas kroz kako te stvari mogu sve 298 00:13:15,990 --> 00:13:17,210 se upisali zajedno. 299 00:13:17,210 --> 00:13:20,300 Sada, u ponedjeljak, mi uveo naš zadnji jezik 300 00:13:20,300 --> 00:13:23,430 da smo formalno ćemo uvesti u course-- odnosno JavaScript. 301 00:13:23,430 --> 00:13:25,720 To, kao što su PHP, je tumačiti jezik. 302 00:13:25,720 --> 00:13:28,110 >> No, ključna razlika Predložio sam u ponedjeljak 303 00:13:28,110 --> 00:13:32,730 je da, dok PHP izvršava ili se tumačiti na poslužitelju koji 304 00:13:32,730 --> 00:13:35,990 U ovom slučaju je CS50 aparat, ili možda neke komercijalne web 305 00:13:35,990 --> 00:13:39,370 poslužitelja na internetu, JavaScript općenito 306 00:13:39,370 --> 00:13:43,650 je jezik koji se izvodi strani klijenta Ne poslužitelja side-- tako u pregledniku. 307 00:13:43,650 --> 00:13:46,970 Što će reći, baš kao i kad sam otvorio do Facebooku izvornog koda i našao sve 308 00:13:46,970 --> 00:13:51,510 od onih JS datoteke, implikacija je da kada posjetite Facebook ili najviše 309 00:13:51,510 --> 00:13:54,810 web stranice ovih dana, dobivate ne samo HTML, CSS, ne samo, 310 00:13:54,810 --> 00:13:59,370 ali cijela hrpa JavaScript Kod često u obliku JS datoteke. 311 00:13:59,370 --> 00:14:03,970 A onda je browser-- vlastiti Mac ili PC-- koji izvršava taj kod. 312 00:14:03,970 --> 00:14:05,990 >> No, vaš preglednik izvršava. 313 00:14:05,990 --> 00:14:08,070 Možete misliti na svojevrstan pješčaniku. 314 00:14:08,070 --> 00:14:12,420 Tako da JavaScript kôd ne bi trebalo biti moći izbrisati datoteke na vašem računalu. 315 00:14:12,420 --> 00:14:14,730 To ne bi trebao biti u stanju poslati e-mail na vaše ime. 316 00:14:14,730 --> 00:14:17,760 Vaš preglednik vrsta uskraćuje Što možete učiniti s njom. 317 00:14:17,760 --> 00:14:20,630 >> Dakle, u tom smislu, to je malo manje snažan, možda, nego C. 318 00:14:20,630 --> 00:14:24,030 Ali JavaScript može, kao što je na stranu, može koristiti na poslužitelju, 319 00:14:24,030 --> 00:14:27,740 iako ćemo tendenciju da ne govorimo o tome u tom kontekstu. 320 00:14:27,740 --> 00:14:29,740 Dakle, sada ćemo vezati zajedno. 321 00:14:29,740 --> 00:14:34,000 Prije tjedan dana plus, predstavili smo neke HTML na left-- super dosadna web stranice. 322 00:14:34,000 --> 00:14:35,000 >> Samo kaže Pozdrav svijetu. 323 00:14:35,000 --> 00:14:38,110 A onda sam predložio na Pravo možemo vrsta ukrasti ideje 324 00:14:38,110 --> 00:14:41,470 iz naše rasprave o strukture podataka u C 325 00:14:41,470 --> 00:14:45,270 i razmišljati o tome kako to hijerarhijski Markup jezik na lijevoj 326 00:14:45,270 --> 00:14:49,720 mogli biti izvučeni ili provoditi u memoriji kao stvarni strukturom s čvorovima 327 00:14:49,720 --> 00:14:51,400 i naputke i one vrste detalja. 328 00:14:51,400 --> 00:14:53,820 S desne strane, što nazivamo da je DOM-- dokumenta 329 00:14:53,820 --> 00:14:56,800 Objekt Model-- što je samo fancy način govoreći stablo. 330 00:14:56,800 --> 00:14:59,520 >> Sad, zašto je to korisno mislim da je to na taj način? 331 00:14:59,520 --> 00:15:01,680 Jer sada s JavaScript, jer imamo 332 00:15:01,680 --> 00:15:05,810 kod koji dobiva igrati u ovom okoliš, stvarni HTML to 333 00:15:05,810 --> 00:15:08,360 poslan u pregledniku Već i ima već 334 00:15:08,360 --> 00:15:12,690 učita u memoriju od strane preglednik u stablo u vašem računalu 335 00:15:12,690 --> 00:15:18,270 RAM ovako, možemo koristiti JavaScript zapravo prošli ili hodati ili pretragu 336 00:15:18,270 --> 00:15:21,800 ili promjena koje DOM stablo ipak želimo. 337 00:15:21,800 --> 00:15:24,040 Dakle, u stvari, ako mislite o facebook.com, 338 00:15:24,040 --> 00:15:27,660 ako koristite mogućnost za razgovor, ako vas Korištenje Gmail i Gchat značajka, 339 00:15:27,660 --> 00:15:30,540 bilo kojoj morate poruke i opet dolaze 340 00:15:30,540 --> 00:15:35,880 i opet, te poruke su vjerojatno, kao, LI oznaku, stavku popisa oznake, možda. 341 00:15:35,880 --> 00:15:37,940 >> Ili možda oni jednostavno DIVs koji drže pojavljuju 342 00:15:37,940 --> 00:15:39,770 svaki put kada dobijete instant poruka. 343 00:15:39,770 --> 00:15:42,960 I tako to samo znači ono što Facebook i Google se radi 344 00:15:42,960 --> 00:15:45,200 je bilo vrijeme da dobijete Poruka od poslužitelja, 345 00:15:45,200 --> 00:15:48,740 oni vjerojatno koriste JavaScript samo dodati još jedan čvor 346 00:15:48,740 --> 00:15:52,700 to tree-- još jedan čvor na to stablo koje onda vizualno samo izgleda 347 00:15:52,700 --> 00:15:54,570 kao novu liniju teksta na zaslonu. 348 00:15:54,570 --> 00:15:57,100 Ali oni umetanja u ovu strukturu podataka. 349 00:15:57,100 --> 00:15:59,742 >> Tako je u klasama kao što su CS124 i drugi, vi ćete 350 00:15:59,742 --> 00:16:02,200 zapravo pisati više koda protiv strukture podataka kao što je ovaj. 351 00:16:02,200 --> 00:16:04,310 No, za sada u JavaScriptu, ćemo samo pretpostavljati 352 00:16:04,310 --> 00:16:07,920 dobili smo sve ove funkcionalnosti besplatno iz samog jezika. 353 00:16:07,920 --> 00:16:09,210 Pa pogledajmo primjer. 354 00:16:09,210 --> 00:16:13,120 >> Dopustite mi otvoriti datoteku pod nazivom form.html. 355 00:16:13,120 --> 00:16:14,601 To je super jednostavna. 356 00:16:14,601 --> 00:16:15,600 To samo izgleda ovako. 357 00:16:15,600 --> 00:16:17,860 >> Ne CSS, ne misli na estetiku. 358 00:16:17,860 --> 00:16:19,810 To je čisto funkcionalna i očito sam 359 00:16:19,810 --> 00:16:24,000 molba za e-mail, lozinke, lozinke opet, i onda ček 360 00:16:24,000 --> 00:16:26,150 pristati na neke uvjete i odredbe. 361 00:16:26,150 --> 00:16:28,740 Što izvorni kod za to Izgleda da je vjerojatno nešto 362 00:16:28,740 --> 00:16:31,030 što ste mogli pogoditi s Malo misli sada. 363 00:16:31,030 --> 00:16:32,840 Imam obrazac oznaku ovdje. 364 00:16:32,840 --> 00:16:36,190 >> Akcija očito se ide na idite u datoteku pod nazivom register.php. 365 00:16:36,190 --> 00:16:37,870 Metoda ću koristiti je dobiti. 366 00:16:37,870 --> 00:16:40,880 A onda sam dobio tekst Polje čije ime je e-mail. 367 00:16:40,880 --> 00:16:43,340 >> Imam polje lozinku čije ime je lozinka. 368 00:16:43,340 --> 00:16:45,420 Imam još jedan Lozinka polje čije ime 369 00:16:45,420 --> 00:16:47,342 je nešto proizvoljno potvrda. 370 00:16:47,342 --> 00:16:49,690 To je samo još jedan HTTP parametar. 371 00:16:49,690 --> 00:16:54,430 >> I onda mi nismo koristi to, osim jer Frosh IM demo u class-- 372 00:16:54,430 --> 00:16:56,692 okvir koji je Samo tipa jednak ček. 373 00:16:56,692 --> 00:16:57,900 A ja ću nazvati taj sporazum. 374 00:16:57,900 --> 00:17:00,700 Tako sam vrsta arbitrarno, ali prikladno nazvan tih polja. 375 00:17:00,700 --> 00:17:03,450 Tako da se sada, kada je ovaj oblik dobiva podnesen, da vidimo što se događa. 376 00:17:03,450 --> 00:17:07,290 Ako sam malan@harvard.edu učiniti, Ja ću napraviti lozinku grimiz. 377 00:17:07,290 --> 00:17:09,530 Ja ću napraviti lozinku ništa. 378 00:17:09,530 --> 00:17:10,910 Nemojmo surađuju. 379 00:17:10,910 --> 00:17:12,280 >> A ja ne potvrdite okvir. 380 00:17:12,280 --> 00:17:13,940 Dopustite mi da kliknite registar. 381 00:17:13,940 --> 00:17:15,420 A ona kaže, hm, ti si registrirani. 382 00:17:15,420 --> 00:17:16,069 Ne baš. 383 00:17:16,069 --> 00:17:17,450 >> Ali URL promijenilo. 384 00:17:17,450 --> 00:17:22,280 Dakle, ovaj oblik je očito dopušteno podnijeti register.php. 385 00:17:22,280 --> 00:17:25,160 Ali vjerojatno sam trebao biti uhvatiti neke od tih pogrešaka. 386 00:17:25,160 --> 00:17:27,569 Sada, u Pset7 i neke naših predavanja primjera, 387 00:17:27,569 --> 00:17:30,130 mi općenito će ispisati veliki crveni poruka o pogrešci ovdje 388 00:17:30,130 --> 00:17:33,760 govoreći, nema naziv, ili nedostaje lozinku. 389 00:17:33,760 --> 00:17:37,680 Mi smo učinili da se prije i mi smo učinio strani poslužitelja otkrivanje pogreške. 390 00:17:37,680 --> 00:17:41,580 >> No, mnoge web stranice ovih dana učinite klijenta otkrivanje strana pogrešci 391 00:17:41,580 --> 00:17:42,810 gdje URL ne mijenja. 392 00:17:42,810 --> 00:17:44,101 Cijela stranica ne osvježiti. 393 00:17:44,101 --> 00:17:46,940 Možete dobiti instant povratne informacije iz preglednika. 394 00:17:46,940 --> 00:17:48,070 Možda nešto pođe crveno. 395 00:17:48,070 --> 00:17:49,190 >> Možda ćete dobiti pop-up. 396 00:17:49,190 --> 00:17:53,240 Ali ne gubite vrijeme slanja Podaci poslužitelja koji je nedovršen. 397 00:17:53,240 --> 00:17:56,050 Tako ćemo vidjeti kako bismo mogli postići tu značajku kao dobro. 398 00:17:56,050 --> 00:17:59,660 >> Pusti me da form1.html, koji izgleda isto. 399 00:17:59,660 --> 00:18:03,530 Ali ako ovaj put radim malan@harvard.edu i ja upisati grimizno 400 00:18:03,530 --> 00:18:07,350 a ja ne daljnju suradnju ali kliknite Registra, primijetiti sada. 401 00:18:07,350 --> 00:18:08,940 To nije najseksi rješenje. 402 00:18:08,940 --> 00:18:10,900 Ja barem nisam uhvatio tu pogrešku. 403 00:18:10,900 --> 00:18:12,900 I ja sam se upozorenje funkcija u JavaScript-- 404 00:18:12,900 --> 00:18:14,090 koje koristimo samo u razredu. 405 00:18:14,090 --> 00:18:16,430 Općenito, ne biste trebali koristiti ovu jer to može vrlo brzo izaći 406 00:18:16,430 --> 00:18:17,160 kontrole. 407 00:18:17,160 --> 00:18:19,180 Ali lozinke ne podudaraju se pogreška. 408 00:18:19,180 --> 00:18:21,120 >> Dopustite mi ići naprijed i kliknite OK. 409 00:18:21,120 --> 00:18:25,040 No, ono što je ključ takeaway ovdje je da URL nije mijenjao. 410 00:18:25,040 --> 00:18:27,960 Pa nisam smeta troši poslužitelja put ga traži 411 00:18:27,960 --> 00:18:30,750 Pitanje koje bih mogao imati shvatio odgovor za sebe. 412 00:18:30,750 --> 00:18:33,210 >> A korisnik, iako govorio o tome 413 00:18:33,210 --> 00:18:35,264 duže od korisnika je ide razmišljati o tome, 414 00:18:35,264 --> 00:18:36,680 će imati instant povratne informacije. 415 00:18:36,680 --> 00:18:39,044 Nema kašnjenja s mrežnog povezivanja. 416 00:18:39,044 --> 00:18:40,460 Pa pogledajmo ove izvornog koda. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html izgleda strukturno slični ovdje. 418 00:18:45,600 --> 00:18:46,810 Obrazac je zapravo isto. 419 00:18:46,810 --> 00:18:48,330 No, da vidimo što sam ovdje. 420 00:18:48,330 --> 00:18:49,913 I tu je različite načine kako to učiniti. 421 00:18:49,913 --> 00:18:53,690 A ja sam učinio najviše ravno Sljedbenik ali ne i većini elegantan način još. 422 00:18:53,690 --> 00:18:54,869 Imam oznaku skripte. 423 00:18:54,869 --> 00:18:57,035 I onda nazvati document.getElementByID ('registracija'). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 A ja pohraniti tu vrijednost u formi, promjenjiva. 426 00:19:04,420 --> 00:19:05,520 >> Pa što sam učinio? 427 00:19:05,520 --> 00:19:08,960 Možete misliti document.getElementByID kao 428 00:19:08,960 --> 00:19:11,200 posebna funkcija koja JavaScript Vam pruža 429 00:19:11,200 --> 00:19:14,400 koji doslovno ruke si Pokazivač na jednom od čvorova 430 00:19:14,400 --> 00:19:16,520 ili pravokutnici u ovom stablu. 431 00:19:16,520 --> 00:19:21,470 Pa sada da je ono što je naša forma promjenjiva u JavaScriptu zapravo pokazujući na. 432 00:19:21,470 --> 00:19:25,120 >> Tako sada sintaksa je različit od C. No, radimo na nekoliko stvari ovdje. 433 00:19:25,120 --> 00:19:30,360 Jedan, ovo je malo čudno izgleda, svakako u odnosu na C 434 00:19:30,360 --> 00:19:32,180 No, pogled na liniji 35. 435 00:19:32,180 --> 00:19:35,130 Dakle, na lijevom form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Sjetite se da je onsubmit poput polja u STRUCT. 437 00:19:38,060 --> 00:19:41,480 Ako mislite varijable obrasca je samo kao C struct, 438 00:19:41,480 --> 00:19:42,600 to bi moglo imati neke polja. 439 00:19:42,600 --> 00:19:46,410 >> Natrag u dan, imali smo studentima imena, Iskaznice, kuće, one vrste polja. 440 00:19:46,410 --> 00:19:48,520 Dovoljno je sjetiti onsubmit kao drugo polje. 441 00:19:48,520 --> 00:19:53,380 Ali to je posebna polje, jer preglednik je ubacio očekivati 442 00:19:53,380 --> 00:19:57,530 .onsubmit ne biti vrijednost kao broj ili string, 443 00:19:57,530 --> 00:20:01,180 ali zapravo biti funkcija ili adresu funkcije 444 00:20:01,180 --> 00:20:02,570 U memoriji računala. 445 00:20:02,570 --> 00:20:04,740 >> I doista, to je ono što ova ključna riječ ovdje radi. 446 00:20:04,740 --> 00:20:06,710 To, kaže, daj mi novu funkciju. 447 00:20:06,710 --> 00:20:09,390 No, ono što je njegovo ime će biti, očito? 448 00:20:09,390 --> 00:20:10,800 >> Osvrčući se do ponedjeljka. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Koji je naziv ovog Funkcija se temelji na ovoj sintaksi? 451 00:20:17,170 --> 00:20:19,784 Ne, mislim, tu je očito bez imena associated-- sigurno 452 00:20:19,784 --> 00:20:21,200 ne ono što sam istaknuo ovdje. 453 00:20:21,200 --> 00:20:22,560 >> Ali, to je zapravo u redu. 454 00:20:22,560 --> 00:20:25,840 Ovo je anonimni funkcija, ili lambda funkcije kao što neki to nazvati. 455 00:20:25,840 --> 00:20:27,589 A to samo znači to je još uvijek funkcioniraju. 456 00:20:27,589 --> 00:20:29,400 To je jednostavno, ne mogu ga zvati po imenu. 457 00:20:29,400 --> 00:20:30,057 Ali to je u redu. 458 00:20:30,057 --> 00:20:33,140 Jer opet, preglednik je ubacio u tvrtkama kao što su Google 459 00:20:33,140 --> 00:20:38,540 ili Microsoft ili Mozilla ili netko drugi u samo znam da ako je .onsubmit polju 460 00:20:38,540 --> 00:20:43,400 unutar obrazac element ima vrijednost, tretiraju ga kao function-- 461 00:20:43,400 --> 00:20:44,750 funkcija pokazivač, ako hoćete. 462 00:20:44,750 --> 00:20:46,910 I to nazvati kad se obrazac podnosi. 463 00:20:46,910 --> 00:20:50,350 >> Pa što broj bi trebao biti izvršen kada se podnosi obrazac? 464 00:20:50,350 --> 00:20:52,526 Očito, sve unutar kovrčave braće. 465 00:20:52,526 --> 00:20:53,650 A to je samo stilska. 466 00:20:53,650 --> 00:20:55,626 >> Ti bi mogao to učiniti kao skloni smo učiniti u CS50. 467 00:20:55,626 --> 00:20:58,250 No, u JavaScriptu, većina ljudi nastoje ga zadržati na istoj liniji 468 00:20:58,250 --> 00:21:01,960 samo zato što jasnije je povezan s tom funkcijom ključne riječi. 469 00:21:01,960 --> 00:21:03,240 I što sad radim? 470 00:21:03,240 --> 00:21:08,616 >> Ako form.email.value jednak jednakima prazan string ili ništa, evo 471 00:21:08,616 --> 00:21:11,490 Dojava gdje ću reći, morate dati svoju adresu e-pošte, 472 00:21:11,490 --> 00:21:12,690 a zatim se vratiti false. 473 00:21:12,690 --> 00:21:15,720 A to je da je povratak lažna da sprečava obrazac iz bude podnesen. 474 00:21:15,720 --> 00:21:19,480 U međuvremenu, ako je lozinka vrijednost prazno, ja ću vikati na korisnika 475 00:21:19,480 --> 00:21:21,150 i reći, morate dati lozinku. 476 00:21:21,150 --> 00:21:23,700 >> U međuvremenu stvari su uzimajući Malo ljubitelj ovdje. 477 00:21:23,700 --> 00:21:29,160 Ako form.password.value ne jednaka form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 drugom području, vikati na korisnik koji se lozinke 479 00:21:31,680 --> 00:21:33,860 ne podudaraju kao i oni nije trenutak prije. 480 00:21:33,860 --> 00:21:35,780 A onda je ovo jedan je malo više seksi, jer ja 481 00:21:35,780 --> 00:21:40,470 Znaš Znao sam da je konceptualno provjeriti je ime potvrdni okvir je. 482 00:21:40,470 --> 00:21:45,680 >> Dakle, ja mogu samo koristiti uzvik točka za reći, ako provjera nije 483 00:21:45,680 --> 00:21:48,040 checked-- to Boolean vrijednost, istina ili false-- 484 00:21:48,040 --> 00:21:49,700 Ja ću vikati na korisnika iz tog razloga. 485 00:21:49,700 --> 00:21:52,300 Inače, ako prođemo svi ti uvjeti, 486 00:21:52,300 --> 00:21:53,270 neka je samo povratak istina. 487 00:21:53,270 --> 00:21:54,700 Neka obrazac se podnosi. 488 00:21:54,700 --> 00:21:56,560 A to će se onda dogoditi. 489 00:21:56,560 --> 00:21:57,740 >> Idemo upišite u grimiz. 490 00:21:57,740 --> 00:22:00,230 Neka provjeriti je okvir, kliknite registar. 491 00:22:00,230 --> 00:22:01,979 A sad idem do odredišta. 492 00:22:01,979 --> 00:22:03,270 Sada, nema baza tamo. 493 00:22:03,270 --> 00:22:05,370 Nema ništa zanimljivo U register.php. 494 00:22:05,370 --> 00:22:07,980 Samo mi je trebalo nešto zapravo razgovarati. 495 00:22:07,980 --> 00:22:09,140 Pa neka mi pauzirati, ovdje. 496 00:22:09,140 --> 00:22:16,270 Bilo kakva pitanja o tome što smo upravo učinili ili ono što neki od ove nove sintakse je? 497 00:22:16,270 --> 00:22:17,640 U redu, zar ne? 498 00:22:17,640 --> 00:22:20,025 >> PUBLIKA: Dakle, bilo okvir automatski Boolean. 499 00:22:20,025 --> 00:22:21,650 Ne morate ga proglasi tako. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. Malan: Točno. 501 00:22:22,649 --> 00:22:29,340 Svaki okvir koji je poslana iz HTML obrazac na svom JavaScript kôd 502 00:22:29,340 --> 00:22:31,760 će biti tretirani, da, kao što je Boolean value-- istinito ili lažno. 503 00:22:31,760 --> 00:22:32,635 To je dobro pitanje. 504 00:22:32,635 --> 00:22:36,080 Dok druge vrijednosti, Naravno, bio tekst, AKA žice. 505 00:22:36,080 --> 00:22:38,500 >> U redu, tako da mi je neka natrag malo dalje. 506 00:22:38,500 --> 00:22:39,900 Koja je poanta toga? 507 00:22:39,900 --> 00:22:41,400 Samo da bude jasno. 508 00:22:41,400 --> 00:22:44,940 Kao, mi već znamo, čak i od Pset7 pa čak i iz prošlotjednom predavanju 509 00:22:44,940 --> 00:22:51,120 primjeri, da smo očito može provjeriti $ _GET $ _POST Vidjeti ako korisnik daju nam 510 00:22:51,120 --> 00:22:52,200 prazna vrijednost. 511 00:22:52,200 --> 00:22:54,400 Zapamtite praznu funkciju u PHP. 512 00:22:54,400 --> 00:22:58,040 >> Dakle, samo da bude jasno, ono što je jedan od razloga zašto smo mogli i 513 00:22:58,040 --> 00:23:00,535 želite učiniti provjera pogrešaka unutar preglednika? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Što je motiv ovdje? 516 00:23:06,080 --> 00:23:06,580 Da. 517 00:23:06,580 --> 00:23:09,735 >> PUBLIKA: Brže, a vi ne pošalji beskorisnih podataka na server. 518 00:23:09,735 --> 00:23:10,610 DAVID J. Malan: Dobro. 519 00:23:10,610 --> 00:23:11,170 To je brži. 520 00:23:11,170 --> 00:23:12,920 Vi ne šalju beskorisno Podaci na poslužitelju. 521 00:23:12,920 --> 00:23:14,670 >> Tako ćete dobiti natrag više trenutni odgovor. 522 00:23:14,670 --> 00:23:16,560 A u ukupnom poretku, korisnik iskustvo je bolje. 523 00:23:16,560 --> 00:23:17,900 Razmislite o alternativi. 524 00:23:17,900 --> 00:23:21,160 >> Ako za Gmail-- i bio Slučaj je prije mnogo godina. 525 00:23:21,160 --> 00:23:24,160 Pretpostavimo da je dobio novi e-mail svoj Gmail računa, ali jedini način putem 526 00:23:24,160 --> 00:23:26,510 da se vidi da je, kao što je, učitati cijelu stranicu. 527 00:23:26,510 --> 00:23:29,030 Ili pretpostavimo da kliknete na Link za čitanje e-pošte. 528 00:23:29,030 --> 00:23:31,600 >> Sve mora ponovno tako da možete vidjeti e-mail. 529 00:23:31,600 --> 00:23:33,380 Ili Facebook-- dobivate instant poruke. 530 00:23:33,380 --> 00:23:36,000 Vi ne vidi dok ne reload stranica ili kliknite na neku vezu. 531 00:23:36,000 --> 00:23:38,380 >> Kao, to bi bilo strašno neugodno korisničko iskustvo. 532 00:23:38,380 --> 00:23:41,300 A to je ono što je bilo, Jasno, kad sam trčao za UC 533 00:23:41,300 --> 00:23:44,760 i internet je bio mnogo manje dinamično i JavaScript nije bio toliko popularizirao 534 00:23:44,760 --> 00:23:45,601 kao što je sada. 535 00:23:45,601 --> 00:23:47,850 A stvari su uzimajući puno dinamičnije i još mnogo toga 536 00:23:47,850 --> 00:23:49,900 strani klijenta u tom smislu. 537 00:23:49,900 --> 00:23:54,370 >> No, tu je kvaka ovdje, a To je vrsta dosadne Gotcha. 538 00:23:54,370 --> 00:23:58,720 Samo zato što ste dodali strani klijenta Otkrivanje ovako ne znači 539 00:23:58,720 --> 00:24:01,430 možete ili bi trebao odustati poslužitelja za otkrivanje strani. 540 00:24:01,430 --> 00:24:04,080 Vi zapravo želite staviti svoj provjeru pogrešaka na oba mjesta. 541 00:24:04,080 --> 00:24:05,830 Jer ono što je bio jedan lekcije naučene 542 00:24:05,830 --> 00:24:10,270 iz članka sam pročitao neke izvatke s ovim glupim CMS system-- 543 00:24:10,270 --> 00:24:14,410 Content Management System-- da je provoditi provjere autentičnosti sustava, 544 00:24:14,410 --> 00:24:16,790 njegova prijava putem onoga što mehanizam? 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 >> PUBLIKA: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. Malan: JavaScript, točno, zar ne? 549 00:24:23,290 --> 00:24:24,610 To je korištenjem JavaScript. 550 00:24:24,610 --> 00:24:27,120 I doslovno, vi imate igrao je malo vjerojatno 551 00:24:27,120 --> 00:24:28,700 s inspektora Chrome. 552 00:24:28,700 --> 00:24:30,890 I ako ja mogu ga naći, pregledajte element. 553 00:24:30,890 --> 00:24:33,670 >> Pustite me da prijeđem raditi sve mogućnosti Chromea. 554 00:24:33,670 --> 00:24:37,080 A to je, kako je lako onemogućiti JavaScript u pregledniku. 555 00:24:37,080 --> 00:24:38,950 Provjerite, nema više JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Tako je u pravednosti, puno na webu ovih dana 557 00:24:41,070 --> 00:24:43,430 se samo ide razbiti, jer Gmail i druge sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- pretpostaviti da JavaScript je omogućen. 559 00:24:46,140 --> 00:24:50,180 Ali ako radite nešto glupo kao što je samo ovjera korisnicima ulaz 560 00:24:50,180 --> 00:24:52,520 i provjere pogreške na strani klijenta, 561 00:24:52,520 --> 00:24:54,940 Protivnik lako mogao to učiniti. 562 00:24:54,940 --> 00:24:57,180 I onda još pametniji Protivnik poput vas dečki 563 00:24:57,180 --> 00:25:01,120 Sada bi mogao koristiti Telnet ili Curl ili samo naredbenog retka naredbe 564 00:25:01,120 --> 00:25:05,300 i zapravo slati poruke na poslužitelj da na sličan način ne pogrešku provjeravaju. 565 00:25:05,300 --> 00:25:08,380 >> Dakle, ovo je više korisničko sučelje odluka 566 00:25:08,380 --> 00:25:13,060 nego što je stvarno tehnički improvement-- provedbi 567 00:25:13,060 --> 00:25:14,410 strana nešto klijenta kao što je ovaj. 568 00:25:14,410 --> 00:25:16,800 Tako sada brzi pogled, ali onda Ja ću odgoditi za online šetnju 569 00:25:16,800 --> 00:25:17,674 kroz za ovaj jedan. 570 00:25:17,674 --> 00:25:21,480 U obliku dva, mi zapravo prošao i očistio koda malo. 571 00:25:21,480 --> 00:25:23,650 No, dopustite mi odgoditi za jedan od videa mi ćemo vjerojatno 572 00:25:23,650 --> 00:25:27,970 položiti u Pset8 koji samo pokazuje slična sintaksa uporabe knjižnice pod nazivom 573 00:25:27,970 --> 00:25:32,320 jQuery, što je super, super popularni knjižnica u JavaScriptu 574 00:25:32,320 --> 00:25:34,510 da iskreno većina ljudi Samo korištenje ovih dana 575 00:25:34,510 --> 00:25:37,070 pa čak i zbuniti kao biće sama JavaScript. 576 00:25:37,070 --> 00:25:38,950 >> I to često uključuje neki dolar znakovi 577 00:25:38,950 --> 00:25:41,350 i ključne riječi poput dokumenta u zagradi ovdje. 578 00:25:41,350 --> 00:25:44,480 Ali opet, neka mi odgoditi za neki sporiji tutoriali online 579 00:25:44,480 --> 00:25:46,750 umjesto da se vezali u samo sintaksu. 580 00:25:46,750 --> 00:25:48,630 Krenimo na nešto malo hladnije 581 00:25:48,630 --> 00:25:50,520 u smislu primjene ovoga. 582 00:25:50,520 --> 00:25:57,730 >> Dakle, naročito, pustite me naprijed i otvoriti ovo ovdje. 583 00:25:57,730 --> 00:25:58,340 Hajde. 584 00:25:58,340 --> 00:25:59,380 Tamo idemo. 585 00:25:59,380 --> 00:26:01,500 >> Dopustite mi otvoriti tu sliku ovdje. 586 00:26:01,500 --> 00:26:03,450 Nepotrebno komplicirano izgleda, ali to 587 00:26:03,450 --> 00:26:07,880 opisuje tehniku ​​nazvanu AJAX-- Asinkroni JavaScript i XML, gdje 588 00:26:07,880 --> 00:26:10,530 X za XML je zapravo stvarno više ne koristi. 589 00:26:10,530 --> 00:26:13,430 Ona teži koristiti nešto inače zove JSON. 590 00:26:13,430 --> 00:26:16,560 >> No, ovdje je kako se nešto slično Google Maps ili Google Earth funkcionira. 591 00:26:16,560 --> 00:26:18,060 Pokušajmo to u letu, zapravo. 592 00:26:18,060 --> 00:26:21,590 Dopustite mi ići naprijed i otvoriti Chrome se na mom pregledniku. 593 00:26:21,590 --> 00:26:26,236 >> I pustite me na, kažu, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 A zapravo, ako si stari dovoljno se sjetiti što, 596 00:26:31,930 --> 00:26:35,600 kao, MapQuest je poput natrag u dan, a možda oni i dalje raditi kao što je ovaj. 597 00:26:35,600 --> 00:26:38,870 Kada se koristi za traženje something-- 33 Oxford Street, Cambridge, MA, 598 00:26:38,870 --> 00:26:40,650 učinimo this-- vas zapravo bi, ako vas 599 00:26:40,650 --> 00:26:43,000 htio pomicanje gore i dolje, lijevo i desno, 600 00:26:43,000 --> 00:26:44,920 što će izgledati Veliki strelica na vrhu, i to 601 00:26:44,920 --> 00:26:46,921 će vam pokazati još jedan okvir karti ovdje. 602 00:26:46,921 --> 00:26:49,753 Ili što bi kliknete lijevo i ti će ići ovdje, ili još jedan klik 603 00:26:49,753 --> 00:26:51,000 a ti će ići ovdje. 604 00:26:51,000 --> 00:26:53,000 No, umjesto njih dana, što naravno samo 605 00:26:53,000 --> 00:26:55,970 uzeti zdravo za gotovo da možemo ići oko Cambridgeu vrlo brzo 606 00:26:55,970 --> 00:26:57,550 samo klikom i povlačenjem. 607 00:26:57,550 --> 00:26:59,130 Ali primijetite da postoji neki propuste. 608 00:26:59,130 --> 00:27:02,160 >> Ako sam to učiniti dovoljno brzo, ono što se čini da se događa 609 00:27:02,160 --> 00:27:05,960 kao što sam povući malo prebrzo za računalo držati korak? 610 00:27:05,960 --> 00:27:07,160 Što vidite? 611 00:27:07,160 --> 00:27:07,660 Da. 612 00:27:07,660 --> 00:27:09,232 >> PUBLIKA: The piksela ne osvježiti. 613 00:27:09,232 --> 00:27:10,940 DAVID J. Malan: piksela ne osvježiti. 614 00:27:10,940 --> 00:27:12,870 Postoji actually-- i ti mogao vidjeti ovo, zapravo, 615 00:27:12,870 --> 00:27:15,360 ako gledate online i pauza ovo ili zapravo usporava stvari dolje 616 00:27:15,360 --> 00:27:18,600 za once-- vidjet ćete da postoje pločice, trgovi, ili pravokutnici koji 617 00:27:18,600 --> 00:27:22,040 nedostaju kartu do djelić sekunde kasnije, više podataka, 618 00:27:22,040 --> 00:27:24,390 više slika zapravo pojaviti na zaslonu. 619 00:27:24,390 --> 00:27:29,810 I doista, ako smo to učinili u potrazi do Chrome's-- recimo, Chrome-- 620 00:27:29,810 --> 00:27:30,310 ćemo vidjeti. 621 00:27:30,310 --> 00:27:31,090 Ne možemo to učiniti. 622 00:27:31,090 --> 00:27:31,860 >> Oh, ups. 623 00:27:31,860 --> 00:27:34,761 Idemo otvoriti maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Dopustite da još veći prozor. 625 00:27:36,660 --> 00:27:38,836 >> Vratite se na 33. Oxford Streetu. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Što je web bio sam u posljednje vrijeme? 628 00:27:43,760 --> 00:27:46,440 Imao sam tu, kao, privatni dreka se ja da sam tada instant poruke 629 00:27:46,440 --> 00:27:48,470 bilo prijatelj koji je bio na internetu koji su željeli čuti. 630 00:27:48,470 --> 00:27:49,345 Ima neke web stranice. 631 00:27:49,345 --> 00:27:52,680 Mislim da je tako Comcast-- vrlo veliki američki ISP. 632 00:27:52,680 --> 00:27:56,355 Možete, prilikom prijave za novi kabel modem usluge ili kabelska TV usluga, 633 00:27:56,355 --> 00:27:59,230 imaju oblik vrlo razumno gdje su vas pitati za vašu adresu. 634 00:27:59,230 --> 00:28:01,450 I imaju to nevjerojatna značajka zove automatsko dopunjavanje, 635 00:28:01,450 --> 00:28:04,600 kao što je Google, koji počinje ispuniti u odgovor na svoje pitanje. 636 00:28:04,600 --> 00:28:08,090 >> Problem je, oni auto dovršiti na prvih stvari koje ste tip. 637 00:28:08,090 --> 00:28:12,890 Dakle, ako počnete upisivati ​​u 33 ga, će vam pokazati doslovno svaka kuća 638 00:28:12,890 --> 00:28:15,790 u Americi koja počinje s brojem 33 639 00:28:15,790 --> 00:28:17,920 prije nastavka Očekujemo da tip više. 640 00:28:17,920 --> 00:28:20,660 Dakle, ako upišete 33 Oxford, onda vam pokazuje svaku ulicu 641 00:28:20,660 --> 00:28:24,726 u Americi koja ima 33 Oxford u njegovo ime, bez obzira na grad 642 00:28:24,726 --> 00:28:25,350 da ste u. 643 00:28:25,350 --> 00:28:26,320 >> A onda ti i dalje tipkati. 644 00:28:26,320 --> 00:28:28,930 I na kraju, da shvaća da oni ne ponuda u svoj dom u Cambridgeu 645 00:28:28,930 --> 00:28:29,920 ili nešto slično. 646 00:28:29,920 --> 00:28:33,410 No, poanta je, to je najviše glup provedba auto 647 00:28:33,410 --> 00:28:34,140 dovršiti ikad. 648 00:28:34,140 --> 00:28:36,400 >> A ja sam samo ide off na ovoj tangente opet. 649 00:28:36,400 --> 00:28:39,040 No postoje dobri načini za koristiti JavaScript i loše načine. 650 00:28:39,040 --> 00:28:40,750 I to nije nužno najbolji. 651 00:28:40,750 --> 00:28:46,360 >> Ali točka ovdje, prije toga tirada, bio je otvoriti alate ovdje 652 00:28:46,360 --> 00:28:49,480 i otvoriti razvojne alate, kao što smo ohrabreni prije, 653 00:28:49,480 --> 00:28:52,840 i gledati mreže Kartica kao što sam kliknite jako brzo. 654 00:28:52,840 --> 00:28:55,400 I primijetiti hrpu od zahtjeva dobili dogodilo. 655 00:28:55,400 --> 00:28:57,310 Sve se to dogodilo jer sam vukao. 656 00:28:57,310 --> 00:29:00,170 >> I najvjerojatnije, dapače Mnoge od tih redaka 657 00:29:00,170 --> 00:29:04,060 Sada su slike udarac JPEG MIME vrste ili vrste sadržaja. 658 00:29:04,060 --> 00:29:07,750 To je zato što je chrome radi svaki put sam kliknite i povucite, kliknite 659 00:29:07,750 --> 00:29:11,650 i drag, je li to realizirati, oh, ja morati ići pitati Google za crijep 660 00:29:11,650 --> 00:29:15,080 Na karti koja je ovdje, Brzo ga preuzeti putem HTTP, 661 00:29:15,080 --> 00:29:19,550 a zatim ga dodati u tzv DOM na web preglednicima u memoriji stabla 662 00:29:19,550 --> 00:29:24,430 prikaz, tako da korisnik, ja, vidi da ažurirane pločica. 663 00:29:24,430 --> 00:29:26,795 A to je zbog Tehnika pod nazivom AJAX. 664 00:29:26,795 --> 00:29:28,920 Natrag u dan, to je stvarno bio slučaj da, ako vas 665 00:29:28,920 --> 00:29:33,050 želio mijenjati ono što je na ekranu, te će morati kliknuti gore, dolje, lijevo, 666 00:29:33,050 --> 00:29:33,550 u pravu. 667 00:29:33,550 --> 00:29:34,740 A onda nova stranica će se otvoriti. 668 00:29:34,740 --> 00:29:36,531 No, ovih dana, sve je dinamičniji. 669 00:29:36,531 --> 00:29:40,490 To se događa na način na koji mi ljudi bi nadam se da je zapravo bi interaktivno. 670 00:29:40,490 --> 00:29:43,210 I to postiže tako način tehnikom koja se zove 671 00:29:43,210 --> 00:29:46,170 AJAX, što je možda i najbolji objasniti primjerom. 672 00:29:46,170 --> 00:29:49,730 Prvo, neka mi ići naprijed i otvoriti datoteku 673 00:29:49,730 --> 00:29:53,540 zove quote.php u danas kod distribucije. 674 00:29:53,540 --> 00:29:56,200 >> I onda neka mi ne symbol-- Ups. 675 00:29:56,200 --> 00:30:02,399 Pusti me da radim simbol = GOOG za samo neke zalihe. 676 00:30:02,399 --> 00:30:04,440 Ili zapravo, neka je učiniti jedan od Pset besplatno. 677 00:30:04,440 --> 00:30:05,270 Unesite. 678 00:30:05,270 --> 00:30:06,580 >> A sada primijetiti ono što sam se vratio. 679 00:30:06,580 --> 00:30:09,210 Dakle, ovo je stvarno Ukratko PHP datoteka koja sam 680 00:30:09,210 --> 00:30:13,210 napisao da se jednostavno posuđuje šifru iz Pset7 je pregledna funkcije 681 00:30:13,210 --> 00:30:17,830 i pljuje pomoću ovog kovrčavu braće i citati i debelog zapis, navodno, 682 00:30:17,830 --> 00:30:22,747 Cijena na trenutne zalihe a za Tvrtka koja vam prođe u preko get. 683 00:30:22,747 --> 00:30:24,580 Dakle, ovo je drugačiji od većine onoga što imamo 684 00:30:24,580 --> 00:30:26,496 učinjeno u toj obavijesti Ja sam doslovno pljuvanje iz 685 00:30:26,496 --> 00:30:27,870 ono što izgleda kao JavaScript koda. 686 00:30:27,870 --> 00:30:30,020 >> U stvari, to je JavaScript objekt. 687 00:30:30,020 --> 00:30:34,130 U stvari, samo da bude jasnije, JavaScript Objekt Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 je samo fancy način govoreći da vas može predstavljati podataka u JavaScriptu mnogo 689 00:30:38,330 --> 00:30:41,660 kao što možete u PHP pomoću ključnih parova vrijednosti. 690 00:30:41,660 --> 00:30:44,270 Dakle, ako sam htjela da se proglasi varijabla u JavaScriptu 691 00:30:44,270 --> 00:30:47,872 da predstavlja Zamyla, za instance-- je struct za Zamyla-- 692 00:30:47,872 --> 00:30:49,580 a mi ćemo ga nazvati Student, ova varijabla. 693 00:30:49,580 --> 00:30:53,060 Njezin ID je jedan, kuća je Winthrop, a ime je Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Ali ja također mogu imati niz objekata. 695 00:30:55,490 --> 00:30:58,710 Dakle, ako sam zapravo htjela imati niz u JavaScriptu koji sadrži 696 00:30:58,710 --> 00:31:01,740 takvi objekti više, to Vrijeme predstavlja osoblje, 697 00:31:01,740 --> 00:31:04,910 Možda imam ove tri komade koda natrag 698 00:31:04,910 --> 00:31:08,560 Sigurnosno poduprijeti za to trojica bivših članova osoblja. 699 00:31:08,560 --> 00:31:12,201 Dakle, sintaksa, prilično slična both-- u PHP. 700 00:31:12,201 --> 00:31:13,700 No, to je posebno JavaScript. 701 00:31:13,700 --> 00:31:15,940 To je objekt zapis. 702 00:31:15,940 --> 00:31:17,240 Pa što je to korisno za? 703 00:31:17,240 --> 00:31:21,580 >> Ako sam napisati kod koji pljuje JSON-- JavaScript Objekt Notation-- stvari koje 704 00:31:21,580 --> 00:31:24,670 izgleda ovako ili stvari koje Izgleda Zamyla strukturi, 705 00:31:24,670 --> 00:31:27,730 Ja zapravo mogu koristiti ovu u programima pišem. 706 00:31:27,730 --> 00:31:30,660 Pusti me da ajax0.html. 707 00:31:30,660 --> 00:31:33,310 A to too-- nije puno misao dana estetike. 708 00:31:33,310 --> 00:31:34,660 Ali gledajte što se događa. 709 00:31:34,660 --> 00:31:37,050 >> Dopustite mi ići naprijed i upišite ovdje besplatno. 710 00:31:37,050 --> 00:31:38,490 Kliknite dobili ponudu. 711 00:31:38,490 --> 00:31:41,060 I primijetiti URL nije promijenilo. 712 00:31:41,060 --> 00:31:47,250 Ali sam se pop-up s naizgled današnja denar cijena dionica od 0,15 $. 713 00:31:47,250 --> 00:31:49,062 Dakle, nije sve tako loše. 714 00:31:49,062 --> 00:31:52,020 No, razlika je u tome nekako, ovi podaci vratio mi izravno. 715 00:31:52,020 --> 00:31:54,250 Ali neka je korak prema nešto više upoznati. 716 00:31:54,250 --> 00:31:58,900 U verziji jedne od toga, neka me bez ponovno upisati, kliknite Get citat, 717 00:31:58,900 --> 00:32:01,146 i now-- oh, ovo je bio zapravo jQuery verzija. 718 00:32:01,146 --> 00:32:03,270 Pa neka me-- nisam brzo naprijed sasvim dovoljno daleko. 719 00:32:03,270 --> 00:32:05,830 Pusti me da verziji dva, što je gdje sam htjela. 720 00:32:05,830 --> 00:32:07,260 Obavijest ono što sam učinio ovdje. 721 00:32:07,260 --> 00:32:10,370 Imam web page-- super jednostavna verzija bilo koju web stranicu 722 00:32:10,370 --> 00:32:14,260 možete koristiti danas s tekstualnom polju Ovdje besplatno, a zatim se očito samo 723 00:32:14,260 --> 00:32:14,880 Tekst. 724 00:32:14,880 --> 00:32:16,860 >> To nije oblik ovdje, očito. 725 00:32:16,860 --> 00:32:19,360 Ali ako ja kliknite dobiti citat, primijetiti moju web stranicu 726 00:32:19,360 --> 00:32:22,760 je o za promjenu kao da sam Upravo je dobio novi instant poruka 727 00:32:22,760 --> 00:32:25,360 ili kao da sam upravo preselio kartu i potrebno da biste dobili više podataka 728 00:32:25,360 --> 00:32:29,220 dodao dinamički na web stranici bez URL mijenja i korisnika 729 00:32:29,220 --> 00:32:30,980 Iskustvo uzimajući prekinut. 730 00:32:30,980 --> 00:32:35,750 Zapravo, ja sam još uvijek na isti mjesto-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Pa pogledajmo samo na ovom primjeru i vidjeti kako se to događa. 732 00:32:39,080 --> 00:32:42,490 Pusti me u ajax2.html. 733 00:32:42,490 --> 00:32:44,770 I primijetiti obrazac na prvom mjestu. 734 00:32:44,770 --> 00:32:47,092 >> Ovdje dolje, ja sam okreće isključiti automatsko dopunjavanje. 735 00:32:47,092 --> 00:32:48,800 Ponekad se dobiva neugodno ako preglednik 736 00:32:48,800 --> 00:32:50,508 pokušava pokazati vaša cijela povijest. 737 00:32:50,508 --> 00:32:53,450 Dakle, to možete učiniti u HTML strane Samo rekavši auto završiti off. 738 00:32:53,450 --> 00:32:57,290 >> Ja sam dao ovaj tekst polju symbol-- a, ID simbola. 739 00:32:57,290 --> 00:32:58,977 I sad, ovo je zanimljiva značajka. 740 00:32:58,977 --> 00:33:01,310 Nismo razgovarali o razmaku, ali možete misliti o tome 741 00:33:01,310 --> 00:33:03,177 kao stavka oznaku ili div tag. 742 00:33:03,177 --> 00:33:05,010 To je ono što se naziva in-line elementa, koji 743 00:33:05,010 --> 00:33:07,415 znači da nećete dobiti stavak razbiti iznad i ispod njega. 744 00:33:07,415 --> 00:33:11,530 To samo će ostati u-liniji, bez udaranje ekvivalent ući. 745 00:33:11,530 --> 00:33:17,980 Zato sam dao ovaj komad HTML treba utvrditi jedinstveni identifikator 746 00:33:17,980 --> 00:33:20,130 da sam proizvoljno nazvao cijenu. 747 00:33:20,130 --> 00:33:21,560 I ja imam gumb Pošalji. 748 00:33:21,560 --> 00:33:25,420 >> Jer sada se here-- i to je zapravo super Nevjerojatno je koliko malo koda 749 00:33:25,420 --> 00:33:27,660 možete pisati učiniti relativno uredno things-- 750 00:33:27,660 --> 00:33:31,800 primijetiti ono što sam učinio ovdje ako I dođite do glave ove stranice. 751 00:33:31,800 --> 00:33:34,970 Uključio sam prvo u moja glava oznaka skripta 752 00:33:34,970 --> 00:33:37,410 koji zapravo reference JavaScript podnijeti drugdje. 753 00:33:37,410 --> 00:33:39,702 Ovo je iz organizacije kako piše jQuery, 754 00:33:39,702 --> 00:33:42,660 i to samo daje vam najnovije verzija njihovog jQuery biblioteke. 755 00:33:42,660 --> 00:33:46,305 >> Dakle, to je vrsta kao oštar uključiti u C ili zahtijevati u PHP. 756 00:33:46,305 --> 00:33:48,900 Možete koristiti oznaku skriptu s izvornim atribut. 757 00:33:48,900 --> 00:33:52,030 Ali sada je moj vlastiti kod će biti u pravu ovdje. 758 00:33:52,030 --> 00:33:54,170 >> Obavijest Imam funkciju zove citati. 759 00:33:54,170 --> 00:33:56,180 I to izgleda malo grobni na prvi pogled. 760 00:33:56,180 --> 00:33:57,305 Ali neka se zafrkavati ovaj apart. 761 00:33:57,305 --> 00:33:59,090 Daj mi varijablu naziva URL. 762 00:33:59,090 --> 00:34:01,390 Dodjela ga doslovno ovaj niz. 763 00:34:01,390 --> 00:34:04,530 Dakle, samohrani citati, dvostruki navodnici u JavaScript Upravo mi daje niz. 764 00:34:04,530 --> 00:34:06,900 Što plus učiniti? 765 00:34:06,900 --> 00:34:08,199 Ulančavanje. 766 00:34:08,199 --> 00:34:12,610 >> Dakle, ovo je jQuery sintakse koji se malo koristi za dobivanje. 767 00:34:12,610 --> 00:34:18,310 No, to samo znači ići dobiti mi DOM čvor čiji je jedinstveni identifikator je simbol. 768 00:34:18,310 --> 00:34:21,929 Hashtag tamo znači Jedinstveni identifikator simbol. 769 00:34:21,929 --> 00:34:24,929 >> Dolar prijava zagrade samo znači, zamotajte ovaj 770 00:34:24,929 --> 00:34:28,510 u jQuery vrsta tajnu umak tako dobivate dodatnu funkcionalnost. 771 00:34:28,510 --> 00:34:31,880 A onda .val je očito funkcija, ili kako mi kažemo sada, 772 00:34:31,880 --> 00:34:35,219 Metoda unutar ovog čvora to samo vam daje vrijednost. 773 00:34:35,219 --> 00:34:38,896 Tako je u kratkom, ružna i zbunjujuće jer to izgleda na prvi pogled, 774 00:34:38,896 --> 00:34:42,020 to samo znači doći s korisnikom upisali u, stavi ga na kraju niza 775 00:34:42,020 --> 00:34:42,880 ga nadovezivanjem. 776 00:34:42,880 --> 00:34:43,739 To je sve. 777 00:34:43,739 --> 00:34:46,070 >> Tako sada, posljednja tri linije. 778 00:34:46,070 --> 00:34:48,690 Možete iscijediti puno Funkcionalnost od tri linije. 779 00:34:48,690 --> 00:34:52,199 To dolar znak, kao na stranu, je samo nadimak 780 00:34:52,199 --> 00:34:55,800 za poseban globalne varijable nazvao je doslovno jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Dolar znak samo izgleda cool. 782 00:34:57,060 --> 00:35:00,080 Tako jQuery zajednica samo vrsta ga koristili kao svoj poseban simbol. 783 00:35:00,080 --> 00:35:02,470 To ne znači ono što znači u PHP-u. 784 00:35:02,470 --> 00:35:06,356 U JavaScript, dolar znak baš kao slovo abecede 785 00:35:06,356 --> 00:35:07,480 ili broj za varijablu. 786 00:35:07,480 --> 00:35:09,000 >> Vi samo možete ga imati kao ime. 787 00:35:09,000 --> 00:35:09,770 Samo izgleda cool. 788 00:35:09,770 --> 00:35:11,890 Tako zajednici prihvatili kao nadimak 789 00:35:11,890 --> 00:35:13,390 za vlastitu knjižnicu zove jQuery. 790 00:35:13,390 --> 00:35:15,060 >> I to je super popularna. 791 00:35:15,060 --> 00:35:17,620 Dakle, dobili JSON je upravo to. 792 00:35:17,620 --> 00:35:19,920 To je funkcija koja ljudi na jQuery pisao 793 00:35:19,920 --> 00:35:23,340 koji dobiva JSON iz server-- JavaScript objekta oznake. 794 00:35:23,340 --> 00:35:25,680 Iz onoga URL ide kako bi dobili tu informaciju? 795 00:35:25,680 --> 00:35:27,790 Očito je iz ovog URL ovdje. 796 00:35:27,790 --> 00:35:31,180 >> A što bi trebalo učiniti što je preglednik Čim se vrati taj odgovor? 797 00:35:31,180 --> 00:35:36,500 A to je magija AJAX, tako speak-- Asinkroni JavaScript u XML. 798 00:35:36,500 --> 00:35:41,320 Teško je vidjeti takvu Jednostavan primjer kako smo imali ovdje. 799 00:35:41,320 --> 00:35:44,730 >> Ali to je asinkroni u Osjećaj da je moj broj, kada 800 00:35:44,730 --> 00:35:48,530 izvršen je poslao poruku poslužitelja ići dobiti mi neki JSON. 801 00:35:48,530 --> 00:35:51,340 I to se dogodilo super brzi da sam dobio odgovor. 802 00:35:51,340 --> 00:35:55,130 No, ono što je zanimljivo je da je ovaj linija koda nije vise moje računalo. 803 00:35:55,130 --> 00:35:56,550 >> Nisam vidio ikonu vrti. 804 00:35:56,550 --> 00:35:59,200 Nisam izgubio Sposobnost da se presele svoje miš. 805 00:35:59,200 --> 00:36:01,340 Moj preglednik je zapravo savršeno u redu. 806 00:36:01,340 --> 00:36:06,290 >> Budući način JavaScript ručke odgovor poslužitelja je kako slijedi. 807 00:36:06,290 --> 00:36:09,740 Vi registrirajte ono što bih nazvati povratni poziv funkcije, što 808 00:36:09,740 --> 00:36:12,830 samo znači, hej, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Čim poslužitelj odgovara s JSON, 810 00:36:16,100 --> 00:36:18,750 nazovite tih anonimnih funkciju. 811 00:36:18,750 --> 00:36:23,910 >> I molim te prošao u ovoj funkciji bez obzira na niz poslužitelja ispljunuti 812 00:36:23,910 --> 00:36:26,080 kao argument zove podatke. 813 00:36:26,080 --> 00:36:28,360 Tako je u drugim, riječima, ako je Ja sam sastavljanje dinamički 814 00:36:28,360 --> 00:36:33,370 URL quote.php prolazi u ovom Simbol kao slobodni ili GOOG ili sitnica, 815 00:36:33,370 --> 00:36:36,830 Ja sam tada govorio JavaScript ići dobiti taj URL. 816 00:36:36,830 --> 00:36:39,080 Ne zaboravite da u pregledniku će se vratiti nešto 817 00:36:39,080 --> 00:36:42,680 da izgleda kao da smo vidjeli earlier-- to. 818 00:36:42,680 --> 00:36:45,940 >> A ono što drugi argument ovdje da biste dobili JSON govori 819 00:36:45,940 --> 00:36:48,450 se nazvati ovu funkciju kada poslužitelj vrati 820 00:36:48,450 --> 00:36:52,440 da li je 10 milisekundi od sada i 10 sekundi od sada. 821 00:36:52,440 --> 00:36:55,840 I čim to učinite, dodaj cijenu na stranici. 822 00:36:55,840 --> 00:36:58,030 To sintakse ovdje samo znači ići dobiti čvor 823 00:36:58,030 --> 00:37:01,940 od stabla čiji jedinstveni identifikator je price-- tom razdoblju smo vidjeli ranije. 824 00:37:01,940 --> 00:37:04,320 >> Ova metoda se zove HTML Samo kaže, idite zamijenite 825 00:37:04,320 --> 00:37:08,770 HTML to je tamo s data.price. 826 00:37:08,770 --> 00:37:10,200 Što je data.price? 827 00:37:10,200 --> 00:37:12,850 Pa, preglednik, podsjećamo, otkrili su mi to vraća. 828 00:37:12,850 --> 00:37:14,540 Dakle, ovo su podaci. 829 00:37:14,540 --> 00:37:18,100 >> I tako je malo zagonetan vidjeti zareze ovdje. 830 00:37:18,100 --> 00:37:19,350 Ali, u stvari, neka mi to učiniti. 831 00:37:19,350 --> 00:37:22,890 Dopustite mi samo zalijepiti jako brzo u gedit 832 00:37:22,890 --> 00:37:27,240 i pokazati to što smo pokazali Zamyla Struktura ranije. 833 00:37:27,240 --> 00:37:31,610 >> Što poslužitelj šalje natrag je Malo objekt koji izgleda ovako. 834 00:37:31,610 --> 00:37:37,140 I tako je data.price Samo mi daje 0,1515. 835 00:37:37,140 --> 00:37:39,310 Dakle, puno se kreće Dijelovi ovdje sve odjednom. 836 00:37:39,310 --> 00:37:41,860 >> No, ključni je Zaključci da imamo tu mogućnost 837 00:37:41,860 --> 00:37:44,600 kako bi dodatno HTTP Zahtjevi koriste JavaScript 838 00:37:44,600 --> 00:37:46,090 bez potrebe za ponovno učitavanje stranice. 839 00:37:46,090 --> 00:37:49,580 A onda možemo zapravo mijenjati web stranice na letjeti. 840 00:37:49,580 --> 00:37:51,850 I ispada da JavaScript i drugim jezicima 841 00:37:51,850 --> 00:37:54,510 mogu se koristiti, ne samo sada mutirati web stranice, 842 00:37:54,510 --> 00:37:57,960 ali da zapravo pisanje softvera u stvarnom računalu, 843 00:37:57,960 --> 00:38:00,240 Ne samo ograničena na Chrome ili slično. 844 00:38:00,240 --> 00:38:03,530 >> U stvari, if-- Colton, će vas željeli da nam se pridruže vratiti ovamo 845 00:38:03,530 --> 00:38:06,100 sa svojim laboratoriju koda, i Chang te? 846 00:38:06,100 --> 00:38:09,140 Idemo naprijed, nakon što je govorio o anonimni funkcije i uzvratni pozivi 847 00:38:09,140 --> 00:38:13,090 i stvarno iskušati sudbinu ovdje s live demo s krvarenjem 848 00:38:13,090 --> 00:38:16,480 rub tehnologija, jedan od ovi Elite Motion uređaja. 849 00:38:16,480 --> 00:38:18,940 Sada, ovaj uređaj, podsjetimo, je mali USB uređaj 850 00:38:18,940 --> 00:38:25,620 kao i that-- to je beautiful-- koji se priključi na svoj USB porta. 851 00:38:25,620 --> 00:38:29,120 >> A onda ona pruža ulaz u obliku ljudskih gestama 852 00:38:29,120 --> 00:38:32,560 otkrivanjem pomoću infracrvene zrake, u biti, pokreti iz ruku. 853 00:38:32,560 --> 00:38:35,150 Dakle, dok je ono što je Maria pokušali prije nego je bio mišićav, 854 00:38:35,150 --> 00:38:39,000 zapravo osjećaj što se mijenja tvoja ruka, to je infracrveno temelji. 855 00:38:39,000 --> 00:38:44,390 Dakle, to je u potrazi za kretanja unutar vrsta sfere stopala ili tako 856 00:38:44,390 --> 00:38:46,190 samog uređaja. 857 00:38:46,190 --> 00:38:48,950 >> Pa zašto ne uzmem ubod na ovaj prvi? 858 00:38:48,950 --> 00:38:53,100 I idemo naprijed i baciti što se na pretek ovdje. 859 00:38:53,100 --> 00:38:56,250 Tako ćemo staviti Colton je laptop ovdje. 860 00:38:56,250 --> 00:38:58,360 Imamo Andriju na TV-u. 861 00:38:58,360 --> 00:39:00,160 A ono što biste htjeli da učinim prvi? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Idi naprijed i samo stavi svoje ruke na ovim tipom 863 00:39:02,409 --> 00:39:04,430 i vidjet ćete neke nevjerojatan sjaj. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. Malan: Vrlo lijepo. 865 00:39:07,230 --> 00:39:11,110 Sve se to događa u stvarnom vremenu. 866 00:39:11,110 --> 00:39:11,889 U redu. 867 00:39:11,889 --> 00:39:12,680 U redu, i yep. 868 00:39:12,680 --> 00:39:14,119 Tako lijepo. 869 00:39:14,119 --> 00:39:15,410 U redu, što još možemo učiniti? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Idite na sljedeći zaslon i vidjeti. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. Malan: U redu. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: zabavna mala igra u kojoj ste dobili napraviti robota. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. Malan: U redu, tako da ovaj je lažni ruke mi pokazuju što da radim. 874 00:39:24,738 --> 00:39:27,920 COLTON: Da Dakle, ići naprijed i zgrabite jedan od blokova 875 00:39:27,920 --> 00:39:30,637 i staviti ga na vrhu tog robota tijelu. 876 00:39:30,637 --> 00:39:32,137 DAVID J. Malan: Oh, tu je moja ruka. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 OK, sladak. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Čekaj malo, u redu. 881 00:39:38,650 --> 00:39:41,320 Tamo idemo. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Napravio sam jedan na nesreću. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. Malan: OK, ja ću ovog tipa. 884 00:39:45,423 --> 00:39:45,923 Prokletstvo! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Kada smo išli u crkvu ova posljednja noć, znaš što to devolved u? 887 00:39:51,550 --> 00:39:54,285 >> Kao što je ovaj. 888 00:39:54,285 --> 00:39:55,490 U redu. 889 00:39:55,490 --> 00:39:55,990 Sljedeća jedan? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Svakako. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. Malan: U redu, a tu je treći. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 U redu. 894 00:40:01,674 --> 00:40:03,215 COLTON: I u tom jednom, dobivate to-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. Malan: Oh, ovo je lijepa. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, pokupiti uz ovaj cvijet. 897 00:40:06,650 --> 00:40:07,441 DAVID J. Malan: U redu. 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 Propušteni. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Oh, tamo idete. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. Malan: Ah, Pogledajte kako. 903 00:40:18,680 --> 00:40:19,830 Vrlo lijepo. 904 00:40:19,830 --> 00:40:22,470 Pa, zašto ne 'uzmemo iz jednog volontera ovdje 905 00:40:22,470 --> 00:40:24,180 koji bi željeli doći na gore. 906 00:40:24,180 --> 00:40:27,500 Kako o pravu postoji u zelenom, je li? 907 00:40:27,500 --> 00:40:30,540 >> U redu, i neka je have-- umjesto da radi, neki od vas 908 00:40:30,540 --> 00:40:34,590 Možda znate ovu igru ​​here-- rezati uže, možda? 909 00:40:34,590 --> 00:40:35,100 Da vidimo. 910 00:40:35,100 --> 00:40:37,320 Mi imamo svoje naočale na ovamo? 911 00:40:37,320 --> 00:40:38,625 >> U redu. 912 00:40:38,625 --> 00:40:39,270 Hvala Vam. 913 00:40:39,270 --> 00:40:39,380 Koje je tvoje ime? 914 00:40:39,380 --> 00:40:40,350 >> PUBLIKA: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. Malan: Laura? 916 00:40:41,266 --> 00:40:42,120 Lijepo je vidjeti. 917 00:40:42,120 --> 00:40:45,600 Ako vam ne smeta stavljajući Google Glass preko svojih naočala. 918 00:40:45,600 --> 00:40:46,970 To je Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Bok. 920 00:40:47,650 --> 00:40:48,140 Lijepo vas je vidjeti. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. Malan: U redu, hajde okolo. 922 00:40:49,600 --> 00:40:52,516 U redu, tako što ćeš učiniti ovdje, nakon što je igrao prije, 923 00:40:52,516 --> 00:40:55,650 je stavio ruku iznad Leap Motion ovdje. 924 00:40:55,650 --> 00:40:57,210 A sada tvoja strelica treba kretati. 925 00:40:57,210 --> 00:40:57,710 Oh, Nope. 926 00:40:57,710 --> 00:40:58,066 >> PUBLIKA: Ne. 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. Malan: Mi Ne želim još otkaz. 928 00:40:58,780 --> 00:40:59,280 OK, pričekajte. 929 00:40:59,280 --> 00:41:01,200 Više ovdje. 930 00:41:01,200 --> 00:41:03,530 Dakle, primijetite dok držite svoj prst nad nečim, 931 00:41:03,530 --> 00:41:06,750 miš počinje ići zelena, koji je, kako se kliknuti. 932 00:41:06,750 --> 00:41:08,980 >> Dakle, pređite preko Play. 933 00:41:08,980 --> 00:41:10,970 I samo jedan prst u redu. 934 00:41:10,970 --> 00:41:13,869 I sada kliknite na malo zeleni tip na lijevoj strani. 935 00:41:13,869 --> 00:41:15,410 A sada držite dok ne napuni zeleno. 936 00:41:15,410 --> 00:41:15,640 Dobro. 937 00:41:15,640 --> 00:41:16,990 Sada, kao što su, na razini jednog do vrha. 938 00:41:16,990 --> 00:41:20,190 >> PUBLIKA: Da, želimo razini jedan, ovdje. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. Malan: Dobro. 940 00:41:21,660 --> 00:41:25,500 U redu, tako da sve što morate učiniti je rezati uže. 941 00:41:25,500 --> 00:41:28,240 Pokazivač je bijeli tamo dolje. 942 00:41:28,240 --> 00:41:28,880 >> Vrlo lijepo. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 U redu, riječ je o dobiti teže. 945 00:41:32,790 --> 00:41:34,800 Dakle držite prst tijekom iduće sada. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Dobro. 948 00:41:39,030 --> 00:41:39,999 Ovaj je teško. 949 00:41:39,999 --> 00:41:40,966 >> PUBLIKA: Oh sranje. 950 00:41:40,966 --> 00:41:41,466 U redu. 951 00:41:41,466 --> 00:41:42,466 Ona želi ići tim putem. 952 00:41:42,466 --> 00:41:44,890 O sranje, that-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. Malan: Da. 954 00:41:47,120 --> 00:41:50,700 Sekundarni cilj je da se sve zvijezde. 955 00:41:50,700 --> 00:41:53,920 U redu, sljedeći. 956 00:41:53,920 --> 00:41:57,504 >> Idemo vidjeti ako možete dobiti ovaj treći. 957 00:41:57,504 --> 00:41:58,004 Dobro. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 U redu, idi tamo. 960 00:42:06,840 --> 00:42:08,850 >> Naravno. 961 00:42:08,850 --> 00:42:11,230 Oh, jako lijepo. 962 00:42:11,230 --> 00:42:11,930 U redu. 963 00:42:11,930 --> 00:42:13,534 >> Pa zašto ne bismo odgodi danas ovdje? 964 00:42:13,534 --> 00:42:15,200 Neka netko dođe na do tko želi igrati. 965 00:42:15,200 --> 00:42:16,880 Hvala toliko Lauri naš volonter. 966 00:42:16,880 --> 00:42:18,730 A mi ćemo vas vidjeti u ponedjeljak. 967 00:42:18,730 --> 00:42:21,190 >> PUBLIKA: Vi vjerojatno želite vratiti ih natrag. 968 00:42:21,190 --> 00:42:23,640 >> ZVUČNIK 2: Na sljedećem CS50-- 969 00:42:23,640 --> 00:42:35,222