1 00:00:00,000 --> 00:00:02,862 >> [Mūzikas atskaņošanai] 2 00:00:02,862 --> 00:00:10,030 3 00:00:10,030 --> 00:00:11,580 >> DAVID Malan: Tas ir CS50. 4 00:00:11,580 --> 00:00:12,880 Tas ir sākums nedēļas deviņi. 5 00:00:12,880 --> 00:00:15,797 Un tas ir tas, kas būtu bijis Mr Boole 200. dzimšanas dienu. 6 00:00:15,797 --> 00:00:17,630 Tātad šis ir puiši ar kuriem mēs esam atsaucās 7 00:00:17,630 --> 00:00:21,800 diezgan dažas reizes par izmantojot Būla mainīgie patiesas un viltus, 8 00:00:21,800 --> 00:00:22,910 1 un 0 un tādas. 9 00:00:22,910 --> 00:00:25,270 Un tas bija Google veltījums viņam šodien. 10 00:00:25,270 --> 00:00:26,489 Viņš ir ieslēgts 200. 11 00:00:26,489 --> 00:00:28,280 Tātad, ja jūs vēlaties, lai pievienoties mums CS50 pusdienām, 12 00:00:28,280 --> 00:00:30,279 ieskatieties saiti par kursu mājas lapā. 13 00:00:30,279 --> 00:00:33,580 Un šādas sejas un draugiem, kā tie gaida jūs šeit Cambridge. 14 00:00:33,580 --> 00:00:35,360 Faces, piemēram, tie gaida jūs New Haven. 15 00:00:35,360 --> 00:00:37,800 Un, patiesībā, Ken New Haven laipni veikti 16 00:00:37,800 --> 00:00:41,594 ko sauc animēts GIF of Eli šeit nesen lunch-- GIF vēl 17 00:00:41,594 --> 00:00:44,260 citu grafisko failu formātu, ar kuru tu esi familiar-- ka 18 00:00:44,260 --> 00:00:46,300 izskatās nedaudz kaut kas līdzīgs šim. 19 00:00:46,300 --> 00:00:48,179 Tātad tikai secība of-- OK. 20 00:00:48,179 --> 00:00:49,720 Neviens šeit Cambridge smejas. 21 00:00:49,720 --> 00:00:51,720 Bet New Haven, šis ir tiešām smieklīgi, vai ne? 22 00:00:51,720 --> 00:00:52,350 Viss kārtībā. 23 00:00:52,350 --> 00:00:53,940 >> Tātad pievienoties mums tur. 24 00:00:53,940 --> 00:00:55,900 Šeit Harvard, Konkrētāk, šajā trešdienā, 25 00:00:55,900 --> 00:00:59,480 ja tu esi otrā kursa students vai pirmkursnieks even-- vai pat junior-- domāšana veidošanā 26 00:00:59,480 --> 00:01:01,563 slēdzis uz datoru zinātne, zinu, ka tur būs 27 00:01:01,563 --> 00:01:04,440 Esi CS padomus godīgi šis Trešdien, neilgi pēc klases 28 00:01:04,440 --> 00:01:08,040 4:00 PM šajā datorā zinātne ēka Maxwell Dworkin. 29 00:01:08,040 --> 00:01:11,890 Mēs nodot šo par kursu s mājas lapā līdz rītdienai, kā arī. 30 00:01:11,890 --> 00:01:14,430 Donuts, es esmu teicis, tiks pasniegtas. 31 00:01:14,430 --> 00:01:15,180 >> Viss kārtībā. 32 00:01:15,180 --> 00:01:18,790 Tik smieklīgi story-- man bija poking ap internetā, 33 00:01:18,790 --> 00:01:23,575 un es atklāju dažas vecās arhīvu no manas bijušās mājas lapā. 34 00:01:23,575 --> 00:01:25,950 Un izrādās out-- ap šo laiks, šķiet, ir ļoti savlaicīgs 35 00:01:25,950 --> 00:01:28,910 jo es savākt, ka UC vēlēšanas gatavojaties rīkiem atkal. 36 00:01:28,910 --> 00:01:32,230 Tāpēc es ilga UC, zaudēja nožēlojami. 37 00:01:32,230 --> 00:01:34,770 Un varbūt tas bija daļēji kāpēc. 38 00:01:34,770 --> 00:01:37,600 Tātad tas bija mana mājas lapa tajā laikā. 39 00:01:37,600 --> 00:01:40,477 Kādu iemeslu dēļ, es domāju, tas bija laba ideja, pirms stāsta cilvēki 40 00:01:40,477 --> 00:01:43,310 kāds ir mans platforma bija un kāpēc viņi vajadzētu balsot par mani, ka viņiem ir 41 00:01:43,310 --> 00:01:47,770 noklikšķināt, lai ievadītu, lai uzzinātu, ka informācija, kas retrospektīvi ir 42 00:01:47,770 --> 00:01:48,660 veida rāpojošs. 43 00:01:48,660 --> 00:01:50,910 Es īsti nezinu, kas tas bija. 44 00:01:50,910 --> 00:01:53,140 >> Bet tas noteikti nav palīdzēt manu kampaņu. 45 00:01:53,140 --> 00:01:56,874 Es arī konstatēts, ka, vecākais year-- man bija šī Muppet kalendāru. 46 00:01:56,874 --> 00:01:58,540 Muppets bija sava veida modē toreiz. 47 00:01:58,540 --> 00:01:59,456 Vai varbūt viņi nebija. 48 00:01:59,456 --> 00:02:01,790 Man bija Muppet kalendārs toreiz. 49 00:02:01,790 --> 00:02:04,860 Un es domāju, ka tas gribētu būt forši nosaukuma mans dators par Hārvardas tīklā 50 00:02:04,860 --> 00:02:07,460 frogman.student.harvard.edu. 51 00:02:07,460 --> 00:02:10,370 Tajā laikā, mums visiem bija unikāli identificējamus uzņēmēju nosaukumiem. 52 00:02:10,370 --> 00:02:13,150 Un jūs varētu izvēlēties kādu iedomība nosaukumu, nevis savu vārdu. 53 00:02:13,150 --> 00:02:15,580 Un es devos ar ūdenslīdējs kāda iemesla dēļ. 54 00:02:15,580 --> 00:02:19,040 >> Un tad es started-- es pavadīju daudz Laika apskatīs šīs saites 55 00:02:19,040 --> 00:02:20,280 šorīt. 56 00:02:20,280 --> 00:02:24,690 Un tas bija mans par lapu, kas tagad veida šķiet adorable. 57 00:02:24,690 --> 00:02:28,210 Bet tas arī liecina tikai cik tālu tehnoloģija ir pienācis. 58 00:02:28,210 --> 00:02:30,310 Es domāju, atpakaļ dienā, 486 bija kaut kas. 59 00:02:30,310 --> 00:02:34,090 Šajās dienās, tas ir super, super, super lēni un arī mazāk 60 00:02:34,090 --> 00:02:36,216 nekā jūs varētu būt jūsu pašu kabatas šajās dienās. 61 00:02:36,216 --> 00:02:38,465 Tur ir vairāk tur, ka bija vēl neērts. 62 00:02:38,465 --> 00:02:39,770 Tāpēc es ņemšu atstāt to, ka. 63 00:02:39,770 --> 00:02:42,640 Bet tas bija mans pirmais iebrukt web-- ak, nē. 64 00:02:42,640 --> 00:02:43,180 Tas nebija. 65 00:02:43,180 --> 00:02:47,000 Mans pirmais reālais iebrukums Web programmēšana bija šī vietne, ko es tikko aizmirsu. 66 00:02:47,000 --> 00:02:50,620 Kādā brīdī, es iemācījos veikt atkārtotus fona attēlus. 67 00:02:50,620 --> 00:02:55,260 Un tāpēc es uzskatīja, ka šis likšana efektīvas, piemēram, hokejists, futbols, un golfa 68 00:02:55,260 --> 00:02:58,040 bumba, vai kāds tas ir par Frosh Tērzēšana mājas lapā. 69 00:02:58,040 --> 00:03:01,390 Un tas bija patiesībā, patiesi Pirmais tīmekļa projekts Paņēmu on-- 70 00:03:01,390 --> 00:03:03,880 Es domāju, ka varbūt otrā kursa students gadā, junior year-- 71 00:03:03,880 --> 00:03:07,622 ņemot CS50 un CS51, viena no kopējās follow-on klasēs. 72 00:03:07,622 --> 00:03:09,330 Es pamanīju meklē caur arhīvā 73 00:03:09,330 --> 00:03:12,150 ka viens no maniem mantiniekiem un draugi, Lee, veida mainīts 74 00:03:12,150 --> 00:03:13,480 autortiesību sev. 75 00:03:13,480 --> 00:03:17,520 Bet tas patiešām bija kaut kas Es būtu pieder samulsināt. 76 00:03:17,520 --> 00:03:19,370 Bet tajā laikā, šī bija pirmā tīmekļa vietne, 77 00:03:19,370 --> 00:03:22,220 kā jau teicu pirms dažām nedēļām, ar kuru varētu pirmkursnieks 78 00:03:22,220 --> 00:03:24,350 reģistrēties klātienes sporta šeit. 79 00:03:24,350 --> 00:03:27,950 Un tā izrādās ka fona attēlus 80 00:03:27,950 --> 00:03:29,530 piemēram, ka nav tik laba ideja. 81 00:03:29,530 --> 00:03:31,840 Bet web bija jauns, un mēs visi bijām eksperimentēt. 82 00:03:31,840 --> 00:03:34,310 Un tas ir tas, ko es acīmredzot bija tajā laikā. 83 00:03:34,310 --> 00:03:34,810 Viss kārtībā. 84 00:03:34,810 --> 00:03:38,020 Tātad bez papildu ADO, mēs pāriet rīku šodien, lai dotu jums, patiešām, 85 00:03:38,020 --> 00:03:42,250 pēdējais gabals, ka jūs varētu atrast īpaši noderīga gala projektiem 86 00:03:42,250 --> 00:03:44,780 bet arī, ka sāks padarīt visu globālo tīmekli 87 00:03:44,780 --> 00:03:46,680 justies mazliet vairāk saprotams. 88 00:03:46,680 --> 00:03:49,460 Patiesi, mēs ejam, lai ieviestu vēl viens programmēšanas valoda 89 00:03:49,460 --> 00:03:52,474 sauc JavaScript tas ir līdzīgs un atšķirīgs dažādos veidos 90 00:03:52,474 --> 00:03:54,140 no valodām mēs esam paskatījās līdz šim. 91 00:03:54,140 --> 00:03:55,807 >> Tātad C, atgādināt, tas ir apkopota valoda. 92 00:03:55,807 --> 00:03:57,473 Jūs esat ieguvuši, lai palaistu to caur kompilatoru. 93 00:03:57,473 --> 00:03:59,810 Jūs saņemsiet pirmkodu iebilst kodu vai nulles un vieninieku. 94 00:03:59,810 --> 00:04:03,000 Un tie ir nulles, un tie, kas Jūsu CPU, Central Processing Unit, 95 00:04:03,000 --> 00:04:04,360 faktiski saprast. 96 00:04:04,360 --> 00:04:06,610 PHP, gluži pretēji, nav apkopota valoda. 97 00:04:06,610 --> 00:04:08,772 Tas ir tas, ko? 98 00:04:08,772 --> 00:04:09,980 Tas ir interpretējama valoda. 99 00:04:09,980 --> 00:04:11,750 Tātad tur ir daži programma sauc tulks, kas 100 00:04:11,750 --> 00:04:13,708 ir lasīt it-- augšas uz apakšā, pa kreisi, lai right-- 101 00:04:13,708 --> 00:04:16,519 un izdomāt, ko visi Jūsu sintakse dara un nozīmē, 102 00:04:16,519 --> 00:04:20,200 vai tas ir cilpa vai stāvoklis vai jebkurš cits numurs programmēšanas 103 00:04:20,200 --> 00:04:20,740 konstrukcijas. 104 00:04:20,740 --> 00:04:22,210 Tātad tas ir interpretēts valoda. 105 00:04:22,210 --> 00:04:23,910 >> Tad mēs iepazīstinājām HTML. 106 00:04:23,910 --> 00:04:26,440 Un HTML nav pat programmēšanas valoda. 107 00:04:26,440 --> 00:04:28,110 Mēs gribētu to saucam Kas? 108 00:04:28,110 --> 00:04:31,650 Iezīmēšanas valoda, kas ir tikai sava veida iedomātā veids, kā pateikt to 109 00:04:31,650 --> 00:04:35,820 nav programmēšanas konstrukcijas, piemēram, mēs redzējām pat atpakaļ dienā no nulles. 110 00:04:35,820 --> 00:04:36,720 Nav cilpas. 111 00:04:36,720 --> 00:04:37,920 Nav nosacījumi. 112 00:04:37,920 --> 00:04:40,820 Tas tiešām ir valoda marķēšanu savus datus 113 00:04:40,820 --> 00:04:43,620 un formatējumu, vai strukturējot to kaut kādā veidā. 114 00:04:43,620 --> 00:04:46,147 >> CSS, tikmēr, līdzīgi nav programmēšanas valoda. 115 00:04:46,147 --> 00:04:47,730 Tas ir pat vairāk estētiski orientēta. 116 00:04:47,730 --> 00:04:50,470 Un tas ļauj kārtot precizējošo melodija lietas, piemēram, fonta lielumu un krāsu 117 00:04:50,470 --> 00:04:51,850 un izvietošana un visu to. 118 00:04:51,850 --> 00:04:52,370 Tad mums bija 119 00:04:52,370 --> 00:04:53,160 >> SQL. 120 00:04:53,160 --> 00:04:56,010 Tātad SQL ir patiešām programmēšana valoda savā ziņā, 121 00:04:56,010 --> 00:04:59,330 kaut pielāgota īpaši datubāzēm. 122 00:04:59,330 --> 00:05:03,347 Bet pat ja mēs tikai jūs iepazīstināt ar izvēlēties un ievietot un dzēst un atjaunināt 123 00:05:03,347 --> 00:05:05,430 un pāris citiem, Izrādās, jūs faktiski var 124 00:05:05,430 --> 00:05:07,380 rakstīt funkcijas vai procedūras, kā viņi 125 00:05:07,380 --> 00:05:11,270 sauc, SQL, kas izskatās un darbojas gluži tāpat PHP un C funkcijas. 126 00:05:11,270 --> 00:05:12,390 Tāpēc zinu, ka tie pastāv. 127 00:05:12,390 --> 00:05:15,348 Bet mums nav pat apnikt ar tiem jo mēs tikai saskrāpēt virsmu šeit. 128 00:05:15,348 --> 00:05:18,600 Un tad JavaScript, pēdējā Mūsu valodas oficiāli ieviests. 129 00:05:18,600 --> 00:05:21,029 Tātad JavaScript, arī ir interpretēts valoda. 130 00:05:21,029 --> 00:05:23,070 Un tie pazīstami, do Jūs vēlaties, lai atšķirtu to 131 00:05:23,070 --> 00:05:26,960 ar dažiem īpašība gan no C un PHP? 132 00:05:26,960 --> 00:05:28,300 Kas padara to atšķirīgu? 133 00:05:28,300 --> 00:05:29,650 >> Mērķauditorija: Tas nav apkopoti. 134 00:05:29,650 --> 00:05:29,930 >> DAVID Malan: Say atkal? 135 00:05:29,930 --> 00:05:31,200 >> Mērķauditorija: Tas nav apkopoti. 136 00:05:31,200 --> 00:05:31,930 >> DAVID Malan: Tas nav apkopoti. 137 00:05:31,930 --> 00:05:33,450 Tātad tas arī tiek interpretēts. 138 00:05:33,450 --> 00:05:34,760 Tātad tas nav apkopoti. 139 00:05:34,760 --> 00:05:37,210 Bet kas padara to nedaudz, piemēram, PHP. 140 00:05:37,210 --> 00:05:39,545 Bet tas joprojām ir atšķirīgs no PHP kaut kādā pārsteidzošā veidā, 141 00:05:39,545 --> 00:05:40,920 vismaz tādā veidā mēs to izmantot. 142 00:05:40,920 --> 00:05:41,205 Yeah? 143 00:05:41,205 --> 00:05:41,940 >> Mērķauditorija: Tas darbojas klienta pusē. 144 00:05:41,940 --> 00:05:44,000 >> DAVID Malan: Tas darbojas klienta puses, parasti. 145 00:05:44,000 --> 00:05:47,190 Tas ir patiešām atšķirības raksturīgi mums tieši tagad. 146 00:05:47,190 --> 00:05:51,170 C bija server-side tādā nozīmē, ka mēs darījām visu CS50 IDE. 147 00:05:51,170 --> 00:05:53,630 PHP līdz šim ir bijis server-side tiktāl 148 00:05:53,630 --> 00:05:56,550 kā arī tā izpaužas interpreted-- nav apkopoti, bet interpreted-- 149 00:05:56,550 --> 00:06:00,690 iekšā CS50 IDE, kas, protams, ir tikai servera vai serveru mākoni. 150 00:06:00,690 --> 00:06:03,070 >> Bet JavaScript, pat ja jūs esat gatavojas 151 00:06:03,070 --> 00:06:07,000 lai sāktu rakstīt to, teiksim, PSET astoņi un varbūt galīgs projects-- esat 152 00:06:07,000 --> 00:06:09,620 iet uz labo to CS50 IDE un saglabājiet to 153 00:06:09,620 --> 00:06:14,760 failos ietvaros CS50 IDE, CS50 IDE un, savukārt, mākonis serveri 154 00:06:14,760 --> 00:06:19,160 uz kuru tas izvietots, nenāks interpretēt vai izpildīt savu kodu. 155 00:06:19,160 --> 00:06:23,880 Drīzāk, tas būs jānosūta nepārstrādāts veidlapu uz leju, lai pārlūku. 156 00:06:23,880 --> 00:06:26,990 Un tas tad būs IE vai Chrome vai Firefox vai Safari 157 00:06:26,990 --> 00:06:30,697 vai kāds, kas faktiski interpretē tā, no augšas uz leju, no kreisās uz labo. 158 00:06:30,697 --> 00:06:32,780 Tātad galvenais pazīšanas raksturīga šodienu 159 00:06:32,780 --> 00:06:36,110 ir tas, ka JavaScript ir klienta puses un PHP, piemēram, 160 00:06:36,110 --> 00:06:37,690 ir bijis servera pusē. 161 00:06:37,690 --> 00:06:40,920 Tagad tas ir interesantas sekas Jo, piemēram, intelektuālā īpašuma 162 00:06:40,920 --> 00:06:42,660 un kas faktiski var redzēt savu kodu. 163 00:06:42,660 --> 00:06:44,860 Un tiešām, jūs varat doties tīmeklī un redzēt visvairāk 164 00:06:44,860 --> 00:06:47,530 jebkuru kodu, ka kāds ir rakstīts JavaScript. 165 00:06:47,530 --> 00:06:50,230 Dažreiz tas ir lasāms, Dažreiz tas ir obfuscated. 166 00:06:50,230 --> 00:06:52,550 Bet vairāk par to savlaicīgi. 167 00:06:52,550 --> 00:06:57,530 >> Tātad JavaScript, labi pietiekami, ir super līdzīgi, sintaktiski, lai C. 168 00:06:57,530 --> 00:06:59,364 Un daudz, piemēram, PHP, tur nav galvenā funkcija. 169 00:06:59,364 --> 00:07:02,113 Ja jūs vēlaties, lai sāktu rakstīt JavaScript kods, kā jūs redzēsiet šodien, 170 00:07:02,113 --> 00:07:03,270 jūs vienkārši sākt to rakstīt. 171 00:07:03,270 --> 00:07:06,910 Bet tas ir, jūs redzēsiet, īpaši lietderīgi saistībā ar tīmekļa pārlūkprogrammām. 172 00:07:06,910 --> 00:07:09,820 Tomēr mana mazā disclaimer-- parasti earlier-- 173 00:07:09,820 --> 00:07:13,790 bija teikt, ka jūs varat arvien šodien lietošana JavaScript servera puses 174 00:07:13,790 --> 00:07:17,655 izmantojot iedomātā sistēmu sauc Node.js ka daži no CS50 pašu pieteikumu 175 00:07:17,655 --> 00:07:18,280 ir rakstīts. 176 00:07:18,280 --> 00:07:20,640 Pārbaudiet 50 faktiski izmanto Node.js. 177 00:07:20,640 --> 00:07:24,140 Bet mēs esam gatavojas koncentrēties uz JavaScript klienta puses šeit out. 178 00:07:24,140 --> 00:07:26,750 >> Tātad, šeit ir nosacījumu kopums, PHP. 179 00:07:26,750 --> 00:07:29,350 Atvainojiet, in-- reāli, ka apgalvojums, arī ir pareizs. 180 00:07:29,350 --> 00:07:32,200 Šeit ir arī kopums apstākļi JavaScript. 181 00:07:32,200 --> 00:07:35,560 Sintaktiski, tas ir identisks C un PHP. 182 00:07:35,560 --> 00:07:39,040 Mr Boole s izpausmes ir, Līdzīgi, sintaktiski 183 00:07:39,040 --> 00:07:41,190 identisks gan C un PHP. 184 00:07:41,190 --> 00:07:44,100 Mums ir arī slēdžus JavaScript ka izskatās vienādi. 185 00:07:44,100 --> 00:07:46,350 Mums ir uz cilpas, kas ir strukturēts identiski, 186 00:07:46,350 --> 00:07:48,140 kamēr cilpas, darīt, kamēr cilpas. 187 00:07:48,140 --> 00:07:49,980 >> Šis viena ir nedaudz atšķiras. 188 00:07:49,980 --> 00:07:53,120 PHP bija katram konstrukcijas kas jums varētu būt, izmantojot 189 00:07:53,120 --> 00:07:55,320 vai izmantos PSET septiņās, varbūt. 190 00:07:55,320 --> 00:07:59,460 JavaScript ir šo īpašo versiju lai kur tu burtiski pateikt kaut ko 191 00:07:59,460 --> 00:08:03,864 piemēram, attiecībā uz mainīgo atslēga objekts, kas ir ļoti īss veids, kā pateikt, 192 00:08:03,864 --> 00:08:06,780 ja man ir object-- un mēs runāt par šiem atkal moment-- 193 00:08:06,780 --> 00:08:10,370 un es gribu atkārtot visā no galvenajiem vērtību pārus iekšpusē, 194 00:08:10,370 --> 00:08:13,620 Man nav izdomāt, kā to skaitliski indekss tos ar nulle, viens, 195 00:08:13,620 --> 00:08:14,580 divi, trīs. 196 00:08:14,580 --> 00:08:15,900 >> Es varu burtiski teikt. 197 00:08:15,900 --> 00:08:20,740 Un katra atkārtojuma, JavaScript man atjauninās mainīgā atslēgu 198 00:08:20,740 --> 00:08:24,810 būt pirmais galvenais, tad nākamais atslēga, tad nākamais atslēga, tad nākamais atslēga, 199 00:08:24,810 --> 00:08:25,510 un tā tālāk. 200 00:08:25,510 --> 00:08:30,000 Un es varu pie tās cenas, apstrādājot objekts JavaScript, kā mēs redzēsim, 201 00:08:30,000 --> 00:08:32,584 it kā tas ir asociatīvais masīvs PHP. 202 00:08:32,584 --> 00:08:35,750 Patiešām, ja jūs beidzot ietin savu prātā ap to, ko asociatīvā masīva ir 203 00:08:35,750 --> 00:08:40,140 PHP, jūs varat domāt par to, lai tagad, jo identisks objektu JavaScript. 204 00:08:40,140 --> 00:08:42,030 Bet tas ir mazliet pārāk vienkāršota. 205 00:08:42,030 --> 00:08:47,230 >> Bloki izskatās, labi pietiekami, identisks PHP izņemot vienu rakstzīmi. 206 00:08:47,230 --> 00:08:51,425 Ir viena lieta, trūkst šeit ka mēs izdarījām redzēt pagājušajā nedēļā ar PHP. 207 00:08:51,425 --> 00:08:52,050 Kas ir izlaisti? 208 00:08:52,050 --> 00:08:53,310 Yeah? 209 00:08:53,310 --> 00:08:54,090 Nē dolāra zīme. 210 00:08:54,090 --> 00:08:56,240 Tātad mēs esam atpakaļ uz vairāk normāli pasaulē, kur 211 00:08:56,240 --> 00:08:58,050 mainīgie nav dolāra zīmes. 212 00:08:58,050 --> 00:09:00,810 Bet jūs prefiksu tos ar Var, tipisku. 213 00:09:00,810 --> 00:09:02,230 Un VAR nozīmē mainīgo. 214 00:09:02,230 --> 00:09:06,440 Un daudz, piemēram, PHP ir brīvi typed-- kuru pastāv veidi, 215 00:09:06,440 --> 00:09:10,120 ir numuri un virknes un pludiņi un tā forth-- 216 00:09:10,120 --> 00:09:11,570 JavaScript tāpat ir veidi. 217 00:09:11,570 --> 00:09:15,470 Bet tas ir brīvi ierakstījāt, ka tā mēs esam programmētāji nav precizēt tos. 218 00:09:15,470 --> 00:09:18,980 Mums vienkārši ir jāapzinās ka dažāda veida pastāv. 219 00:09:18,980 --> 00:09:21,690 >> Mainīgie, meanwhile-- lūk, kā mēs varētu atzīt "hello, pasaule" 220 00:09:21,690 --> 00:09:22,230 kā virkni. 221 00:09:22,230 --> 00:09:24,890 Ievērojiet, tas ir identisks PHP bet ne dolāra zīme. 222 00:09:24,890 --> 00:09:27,120 Un tas ir kaut kas mēs sākt redzēt vairāk šodien, 223 00:09:27,120 --> 00:09:30,990 saskaņā ar kuru jums ir objekts ar atslēgām un vērtībām. 224 00:09:30,990 --> 00:09:32,990 Un, ja jūs vēlaties, lai mēģinātu izsecināt no pagājušā week-- 225 00:09:32,990 --> 00:09:34,730 sintakse ir nedaudz atšķirīgs. 226 00:09:34,730 --> 00:09:39,740 Bet maz vesels saprāts check-- cik taustiņi tas objekts, šķiet, ir? 227 00:09:39,740 --> 00:09:40,850 Tāpēc es redzu četrus. 228 00:09:40,850 --> 00:09:43,560 Es redzu divus. 229 00:09:43,560 --> 00:09:44,680 >> Tātad, tas ir tiešām divi. 230 00:09:44,680 --> 00:09:47,260 Tātad šī ir kolekcija divi atslēgas vērtību pārus. 231 00:09:47,260 --> 00:09:49,820 Galvenais ir simbols, kura vērtība ir FB. 232 00:09:49,820 --> 00:09:52,620 Galvenais ir cena, kura vērtība ir 101.53. 233 00:09:52,620 --> 00:09:54,230 Tātad tie ir divi atslēgas vērtību pārus. 234 00:09:54,230 --> 00:09:58,120 Un atcerieties, PHP-- un tas ir atkal vienkārši veida sintaktisko starpību. 235 00:09:58,120 --> 00:10:00,170 Tas vēl nav viss, kas intelektuāli interesanti. 236 00:10:00,170 --> 00:10:04,610 PHP varētu būt rakstīts tas pats lieta kā follows-- cenas piedāvājumu, ir vienāds. 237 00:10:04,610 --> 00:10:06,730 Un es varu mainīt šos kvadrātiekavās. 238 00:10:06,730 --> 00:10:11,240 Un tad es varu mainīt to kotētā vārdu, "cena". 239 00:10:11,240 --> 00:10:12,500 Un tad es neizmanto kolu. 240 00:10:12,500 --> 00:10:15,060 Ko es izmantoju pagājušajā nedēļā? 241 00:10:15,060 --> 00:10:18,290 Jā, vienādības zīme bultiņa bailīgs notācija. 242 00:10:18,290 --> 00:10:21,470 >> Un tad es darīju to pašu šeit. 243 00:10:21,470 --> 00:10:23,580 Pats šeit. 244 00:10:23,580 --> 00:10:24,240 Un tas arī viss. 245 00:10:24,240 --> 00:10:27,752 Tātad, tas ir labi, ja tas nav tiešām nogrimušais atmiņā tikai 246 00:10:27,752 --> 00:10:29,960 vēl, jo tas ir patiešām intelektuāli neinteresanti. 247 00:10:29,960 --> 00:10:31,660 Tas ir tikai sintaktisko atšķirības. 248 00:10:31,660 --> 00:10:33,230 Bet idejas ir tieši tāds pats. 249 00:10:33,230 --> 00:10:35,910 Inside šo mainīgo quote JavaScript 250 00:10:35,910 --> 00:10:39,020 ir kolekcija atslēgas vērtību pārus, viens no kuriem ir simbols, viens no kuriem 251 00:10:39,020 --> 00:10:39,690 ir cena. 252 00:10:39,690 --> 00:10:42,340 Un es varu pie šīs vērtības ar šādu sintaksi. 253 00:10:42,340 --> 00:10:46,280 Tāpat kā PHP, es varētu darīt kaut like-- ļaut 254 00:10:46,280 --> 00:10:48,590 mani padara šo lodziņu nedaudz lielāks. 255 00:10:48,590 --> 00:10:52,750 Tāpat kā PHP, es varētu padarīt this-- oh, dammit. 256 00:10:52,750 --> 00:10:53,250 Nāc šurp. 257 00:10:53,250 --> 00:10:56,350 258 00:10:56,350 --> 00:11:00,800 >> Tāpat kā PHP-- Labi, mēs tikai izmantot prezentācijas piezīmes. 259 00:11:00,800 --> 00:11:06,010 Tāpat kā PHP, es varu do $ quote $ quote ["simbolu"], 260 00:11:06,010 --> 00:11:08,860 un tas saņems mani vērtība "simbolu." 261 00:11:08,860 --> 00:11:12,800 JavaScript, tas būs identiski, ar kuru es varu tikai darīt. 262 00:11:12,800 --> 00:11:14,850 Vienīgais, kas ir trūkst, ir dolāra zīme. 263 00:11:14,850 --> 00:11:17,470 >> Tātad labi pietiekami, tad, tur ir ne visi, ka daudz jaunu sintakse. 264 00:11:17,470 --> 00:11:21,025 Tātad, ko šodien mēs koncentrējamies uz, patiešām, ir dažas no idejām un pieteikumiem. 265 00:11:21,025 --> 00:11:22,900 Un pirmais šāda programma, kas jums varētu 266 00:11:22,900 --> 00:11:26,090 esmu redzējis, ja jūs ienira PSET septiņi jau ir tas sintakse. 267 00:11:26,090 --> 00:11:28,980 Tātad PSET septiņās, ja esat redzējis vai nav redzējis vēl, 268 00:11:28,980 --> 00:11:33,570 zinu, ka tur ir fails, kas mums dotu jūs sauc config.json-- JavaScript 269 00:11:33,570 --> 00:11:34,661 Objekta papildinājumiem. 270 00:11:34,661 --> 00:11:35,160 Kāpēc? 271 00:11:35,160 --> 00:11:39,540 Mēs vēlējāmies, lai varētu sniegt Jums veidne ar dažiem atslēgas vērtību pārus. 272 00:11:39,540 --> 00:11:44,290 Mēs vēlējāmies, lai varētu sniegt jums sarakstu uzņēmējas, nosaukums servera. 273 00:11:44,290 --> 00:11:46,710 Mēs vēlējāmies, lai dotu jums vietturis savu lietotājvārdu 274 00:11:46,710 --> 00:11:48,210 un vietturis paroli. 275 00:11:48,210 --> 00:11:49,410 Ja jūs neredzat Tas vēl, nav jāuztraucas. 276 00:11:49,410 --> 00:11:51,340 Vairāk par šo PSET septiņās [? spec. ?] Un tad, 277 00:11:51,340 --> 00:11:53,173 protams, mēs vēlamies jums aizpildīt uz-DOS 278 00:11:53,173 --> 00:11:55,310 jo, kad jūs piesakāties CS50 IDE, katrs no jums 279 00:11:55,310 --> 00:11:57,630 ir savs lietotājvārds un parole. 280 00:11:57,630 --> 00:12:00,910 >> Tātad mēs varētu esam lieto pusducis vai vairāk dažādu failu formātus. 281 00:12:00,910 --> 00:12:02,940 Mēs varētu būt izmantojuši Txt failu. 282 00:12:02,940 --> 00:12:04,570 Mēs varētu izmantot, CSV failu. 283 00:12:04,570 --> 00:12:06,745 Mēs varētu esam izmantots INI fails, XML failu, 284 00:12:06,745 --> 00:12:09,370 viss ķekars vairāk akronīmi ka Jūs, iespējams, nav dzirdējuši. 285 00:12:09,370 --> 00:12:11,244 Tas ir sava veida patvaļīga beigās, dienā. 286 00:12:11,244 --> 00:12:16,030 Bet super populārs šajās dienās ir teksta formāts sauc JSON-- JavaScript Object 287 00:12:16,030 --> 00:12:18,460 Notation-- ka izskatās šādi. 288 00:12:18,460 --> 00:12:20,890 Tas ir nedaudz mistisks, bet paziņojums modeļus. 289 00:12:20,890 --> 00:12:24,180 Tu sāc ar atvērtu cirtaini lencēm, un jūs galu ar to pašu. 290 00:12:24,180 --> 00:12:26,550 Iekšpusē tas ir kaut kas. 291 00:12:26,550 --> 00:12:27,920 Tas ir galvenais, vērtību pāri. 292 00:12:27,920 --> 00:12:30,580 Tātad tas ir objekts, kas es esmu skatoties uz ekrāna šeit 293 00:12:30,580 --> 00:12:33,690 kas ir vienu atslēgu, kurai ir viena vērtība. 294 00:12:33,690 --> 00:12:37,610 Un tikai secināt, pamatojoties uz iepriekšējais modelis, kas ir galvenais šeit? 295 00:12:37,610 --> 00:12:39,790 Datu bāze, tad lieta kreisi no resnās zarnas. 296 00:12:39,790 --> 00:12:43,500 >> Tagad, vērtība notiek, daudzkārtējās līnijas šajā laikā. 297 00:12:43,500 --> 00:12:46,760 Bet vērtība sākas ar cirtaini uzmundrināt un beidzas ar cirtaini lencēm. 298 00:12:46,760 --> 00:12:49,480 Tātad, ko jūs ierosināt, ir vērtības datu bāzes tips? 299 00:12:49,480 --> 00:12:52,160 300 00:12:52,160 --> 00:12:54,670 Vārdnīcu vai, vienkārši vairāk īsi, objekts. 301 00:12:54,670 --> 00:12:55,170 Tiesības? 302 00:12:55,170 --> 00:13:00,010 Tas ir sava veida datu struktūru, kas varat izmantot citas struktūras sevī. 303 00:13:00,010 --> 00:13:02,750 Tātad, ja tas viss, ko mēs esam zvanot object-- un objektu 304 00:13:02,750 --> 00:13:07,101 ir tikai ķekars atslēgu vērtības pairs-- vērtība pašas datubāzes ir objekts. 305 00:13:07,101 --> 00:13:10,350 No datu bāzes vērtība ir visu ķekars Galveno vērtību pārus, no kuriem pirmais 306 00:13:10,350 --> 00:13:13,130 ir uzņēmēja, tad vārds, tad lietotājvārds, tad parole, 307 00:13:13,130 --> 00:13:17,550 Katrā no kuru vērtības, tikmēr, tas ir tikai garlaicīgi virknes pēdiņās. 308 00:13:17,550 --> 00:13:19,770 >> Tātad, pat ja tas nav super skaidrs tikai vēl, 309 00:13:19,770 --> 00:13:22,740 zinu, ka tas ir tikai standarts, diezgan garlaicīgs veids 310 00:13:22,740 --> 00:13:25,190 datu glabāšanai standarta formātā. 311 00:13:25,190 --> 00:13:27,700 Bet kopējā kļūdas jūs varētu veikt, pat PSET septiņās, 312 00:13:27,700 --> 00:13:32,120 Ir maz stulba lietas, piemēram, ja jūs nejauši izlaist komatu tur. 313 00:13:32,120 --> 00:13:34,900 Kas notiek, lai rezultātā failā ne vienmēr ir salasāms. 314 00:13:34,900 --> 00:13:38,191 Ja jūs nejauši izlaist lietas, piemēram, citātus, tas nav būs lasāma. 315 00:13:38,191 --> 00:13:41,654 Tātad tas ir diezgan nitpicky faila formāts, bet tas ir viens, kas ir super kopīgs. 316 00:13:41,654 --> 00:13:44,820 Un mēs notikt izmantot to, lai arī Jums nav izmantot jebkuru JavaScript citādi, 317 00:13:44,820 --> 00:13:46,330 in PSET septiņās. 318 00:13:46,330 --> 00:13:46,860 >> Viss kārtībā. 319 00:13:46,860 --> 00:13:48,110 Tik atceries šo bildi. 320 00:13:48,110 --> 00:13:51,657 Mēs runājām par, HTML, ka kods varētu izskatīties šādi. 321 00:13:51,657 --> 00:13:54,740 Tas ir hiperteksta iezīmēšanas valoda [Dzirdams], lai tikai "Sveiki, pasaule." 322 00:13:54,740 --> 00:13:57,570 Bet tad mēs ierosināti bet atpakaļ, ka, ja tas palīdz, 323 00:13:57,570 --> 00:14:00,210 jūs varētu vēlēties, lai sāktu domāt par šo jau kā koks. 324 00:14:00,210 --> 00:14:03,730 Faktiski, atkāpes, kas mums izmantot tikai lasāmību dēļ 325 00:14:03,730 --> 00:14:05,610 vai stils dēļ par kreisais var veida 326 00:14:05,610 --> 00:14:10,040 pārtulkot šo koku, kur jums ir dažas īpašas saknes mezgla, ka mēs 327 00:14:10,040 --> 00:14:16,860 vispārēji sauc dokuments, zem kura ir saknes HTML elements vai tag, HTML, 328 00:14:16,860 --> 00:14:19,980 kas tad ir divi bērni, galvas un ķermeņa. 329 00:14:19,980 --> 00:14:21,750 >> Un pēc tam, savukārt, galva ir nosaukums. 330 00:14:21,750 --> 00:14:23,440 Un nosaukums ir teksta vērtību. 331 00:14:23,440 --> 00:14:26,130 Un ķermenis līdzīgi ir teksta vērtību. 332 00:14:26,130 --> 00:14:29,220 Tātad, ja jūs esat apmierināts teiciens ka jā, jūs varētu izmantot šo HTML 333 00:14:29,220 --> 00:14:32,080 un izdarīt attēlu, piemēram, tas, labajā pusē 334 00:14:32,080 --> 00:14:35,910 ir jauka garīgās modelis, jo tagad ka mums ir JavaScript, programmēšana 335 00:14:35,910 --> 00:14:39,960 valoda, kas pārlūki var izpildīt un interpretēt par jums, 336 00:14:39,960 --> 00:14:42,690 izrādās, ka to, ko mēs esam par to darīt kodu 337 00:14:42,690 --> 00:14:45,320 ir sākt manipulēt ar šo koka struktūru atmiņā. 338 00:14:45,320 --> 00:14:47,070 Mums nav būvēt koks atmiņā. 339 00:14:47,070 --> 00:14:49,880 Mums nav jādara veida PSET pieci stila datu struktūra 340 00:14:49,880 --> 00:14:50,650 sarežģītība. 341 00:14:50,650 --> 00:14:54,610 Pārlūks, labi pietiekami, pēc interpretējot HTML augšas uz leju, 342 00:14:54,610 --> 00:14:58,600 kreisi vai pa labi, ir burtiski gatavojas nodot mums ekvivalentu rādītājs 343 00:14:58,600 --> 00:15:00,840 šim visam koku bez maksas. 344 00:15:00,840 --> 00:15:02,150 Tas visu smago darbu. 345 00:15:02,150 --> 00:15:05,520 Tas ir tas, ko Mozilla un Apple un citi ir izdarījis mūsu labā. 346 00:15:05,520 --> 00:15:09,400 >> Un ar JavaScript mēs gatavojamies jāspēj kontrolēt un mainīt un darīt 347 00:15:09,400 --> 00:15:12,910 interesantas lietas, ka koks, citādi zināma 348 00:15:12,910 --> 00:15:15,880 kā DOM vai dokumenta objekta modelis. 349 00:15:15,880 --> 00:15:17,110 Kāda veida lietām? 350 00:15:17,110 --> 00:15:19,030 Nu, izrādās, ka JavaScript, tur ir 351 00:15:19,030 --> 00:15:22,800 šis veļas saraksts notikumi, kas var notikt. 352 00:15:22,800 --> 00:15:26,330 Un mēs neesam īsti izmantoti ka Vārds kopš nedēļas nulli un PSET 353 00:15:26,330 --> 00:15:28,240 nulle, ja mēs runājām par nulles. 354 00:15:28,240 --> 00:15:31,390 Lielākā daļa no jums, iespējams neizmantoja notikums jūsu Scratch projektā. 355 00:15:31,390 --> 00:15:33,850 Bet jūs varētu atgādināt Vienkāršā Marco Polo 356 00:15:33,850 --> 00:15:36,760 Piemēram, ja mums bija divi sprites, no kuriem viens teica, Marco. 357 00:15:36,760 --> 00:15:40,180 Otrs no kuriem pēc tam, pēc klausīšanās un dzirdes šo notikumu, teica, Polo. 358 00:15:40,180 --> 00:15:42,080 Ja tā nav, nekautrējieties atskatīties tik tālu atpakaļ. 359 00:15:42,080 --> 00:15:44,450 >> Bet tas ir tikai, lai teikt, un jūs varat veida 360 00:15:44,450 --> 00:15:47,730 izsecināt no nosaukumiem šiem lietas, JavaScript, izrādās, 361 00:15:47,730 --> 00:15:53,200 gatavojas sniegt mums ceļu, lai klausītos par pele iet uz leju vai peles iet uz augšu 362 00:15:53,200 --> 00:15:57,920 vai atslēga iet uz leju vai atslēgu iet uz augšu vai onsubmit onselect 363 00:15:57,920 --> 00:15:59,740 vai onresizing kaut ko. 364 00:15:59,740 --> 00:16:03,060 Citiem vārdiem sakot, jebkura fiziska darbība ka cilvēks var veikt ar pārlūkprogrammu 365 00:16:03,060 --> 00:16:08,210 ka jūs darīt katru dienu, jūs varat rakstīt kods, kas klausās tiem notikumiem 366 00:16:08,210 --> 00:16:10,220 un tad tas kaut ko piemērotu. 367 00:16:10,220 --> 00:16:14,130 >> Piemēram, ja jūs izmantojat Google Maps, kas notiek, ja jūs noklikšķiniet un pārvietot 368 00:16:14,130 --> 00:16:16,250 peles, parasti? 369 00:16:16,250 --> 00:16:17,758 Ja jūs noklikšķiniet un velciet? 370 00:16:17,758 --> 00:16:18,258 Yeah? 371 00:16:18,258 --> 00:16:21,701 372 00:16:21,701 --> 00:16:22,200 Tieši tā. 373 00:16:22,200 --> 00:16:23,159 Karte sāk kustēties. 374 00:16:23,159 --> 00:16:25,616 Tātad jūs varat kārtot redzēt, kas ir nekā šeit, kas ir tur. 375 00:16:25,616 --> 00:16:27,130 Un kā Google īstenot šo? 376 00:16:27,130 --> 00:16:29,421 Nu, iespējams, viņi izmantojot pāris šo notikumu 377 00:16:29,421 --> 00:16:31,720 klausītāji, viens, ka saka, klausieties uz peles 378 00:16:31,720 --> 00:16:35,410 down-- tad, kad lietotājs fiziski nospiež viņa skārienpaliktni vai viņa peli 379 00:16:35,410 --> 00:16:36,010 uz leju. 380 00:16:36,010 --> 00:16:38,350 Un tad mēs meklējam kaut kā pārvietošanās 381 00:16:38,350 --> 00:16:41,145 vai kāds cits notikums, kas ļauj mums, lai attēlotu vilkt. 382 00:16:41,145 --> 00:16:45,910 Un patiesībā, velciet ir līdzīgi šajā dot dot dot sarakstu iespējamo variantu. 383 00:16:45,910 --> 00:16:49,140 >> Tātad tas būs spēcīgs veids, lai sāktu reaģējot uz lietotāja 384 00:16:49,140 --> 00:16:52,824 pat pirms viņš vai viņa faktiski noklikšķina kaut kas līdzīgs skaidri iesniegt. 385 00:16:52,824 --> 00:16:55,240 Bet mēs ejam, lai ieviestu pāris tēmas tur nokļūt. 386 00:16:55,240 --> 00:16:58,570 Bet vispirms, pieņemsim pāreja zināmā faktisko kodu. 387 00:16:58,570 --> 00:17:01,450 Tāpēc es iešu uz priekšu un atvērt dom-0, 388 00:17:01,450 --> 00:17:05,869 kas ir ļoti vienkāršs piemērs šeit, ka, ja es tuvinātu vienkārši 389 00:17:05,869 --> 00:17:08,500 ir šo ieguldījumu šeit par mani. 390 00:17:08,500 --> 00:17:12,410 Un es iešu uz priekšu un ierakstiet "David" par manu vārdu un noklikšķiniet uz Iesniegt. 391 00:17:12,410 --> 00:17:17,940 >> Un tad, lai gan sava veida lēti, es ir šo uzvedni, kas NOP augšu, kas saka, 392 00:17:17,940 --> 00:17:19,244 "sveiki, David!" 393 00:17:19,244 --> 00:17:21,740 Tātad šis ir sava veida tāpat kā mūsu "hello, pasaule" 394 00:17:21,740 --> 00:17:25,150 ka mēs darījām awhile atpakaļ C un pat PHP, jo es esmu dinamiski 395 00:17:25,150 --> 00:17:26,310 izvadīt manu vārdu. 396 00:17:26,310 --> 00:17:28,230 Es varu darīt kāds cits vārds šeit. 397 00:17:28,230 --> 00:17:31,240 Es varētu vienkārši mainīt to, piemēram, Hannah, noklikšķiniet uz Iesniegt. 398 00:17:31,240 --> 00:17:33,780 Un tiešām, maz pop-up izmaiņas. 399 00:17:33,780 --> 00:17:36,650 >> Tagad, pop-ups ir viens no lielākā daļa ļaunprātīgi iezīmes tīmeklī. 400 00:17:36,650 --> 00:17:38,520 Un patiesībā, atpakaļ diennakti pop-up blokatori 401 00:17:38,520 --> 00:17:40,820 stājās modē, jo jums varētu doties uz kādu website-- 402 00:17:40,820 --> 00:17:43,604 varbūt apšaubāma place-- ka tad pēkšņi 403 00:17:43,604 --> 00:17:46,020 sākt peppering ekrānu ar visu ķekars pop-ups. 404 00:17:46,020 --> 00:17:49,700 Un tā tas spēja pop up logi priekšā lietotājam 405 00:17:49,700 --> 00:17:52,372 nav bijis īpaši ko cilvēce labi saņemtas. 406 00:17:52,372 --> 00:17:54,080 Tātad, tas ir iemesls, kāpēc jūs redzēt Tas novērstu lieta, 407 00:17:54,080 --> 00:17:55,706 kas tikai padara visa šī lieta neglīts. 408 00:17:55,706 --> 00:17:57,996 Tāpēc mēs esam gatavojas nepieciešama labāks veids, lai nekavējoties lietotājam. 409 00:17:57,996 --> 00:17:59,350 Bet tagad, kas, šķiet, darbojas. 410 00:17:59,350 --> 00:18:03,320 Tik vienkārši intuitīvi, ko šķiet, notiek šeit? 411 00:18:03,320 --> 00:18:07,870 Es iet uz priekšu un noklikšķiniet uz Iesniegt, un tad kaut kas notiek, ir skaidri. 412 00:18:07,870 --> 00:18:12,870 Bet to, kas nenotiek, ka varēja notikt Pagājušajā nedēļā jebkurā laikā, es noklikšķinājuši iesniegt? 413 00:18:12,870 --> 00:18:15,940 Kas nenotika uz ekrāna? 414 00:18:15,940 --> 00:18:17,170 Sorry? 415 00:18:17,170 --> 00:18:18,010 Pārlādēt. 416 00:18:18,010 --> 00:18:19,720 Šis URL nemainījās vispār. 417 00:18:19,720 --> 00:18:22,250 Es teicu, tas bija dom-0, un es esmu joprojām dom-0. 418 00:18:22,250 --> 00:18:26,890 Parasti, mēs gribētu saņemt mainīts uz kādu citu URL, tāpat register.php vai tamlīdzīgi. 419 00:18:26,890 --> 00:18:29,560 >> Bet pat tad, kad es atlaist šī lieta, noklikšķinot uz Labi, 420 00:18:29,560 --> 00:18:32,310 Ievērojiet, ka URL paliek pilnīgi likt. 421 00:18:32,310 --> 00:18:35,350 Un, patiesībā, ja es esmu mazliet skeptiski, ļaujiet man atvērt Chrome. 422 00:18:35,350 --> 00:18:36,860 Ļaujiet man atvērt cilni Network. 423 00:18:36,860 --> 00:18:38,360 Un pamanāt, ka tas ir tukšs brīdī. 424 00:18:38,360 --> 00:18:40,700 Ļaujiet man iet uz priekšu un atkārtoti Maria. 425 00:18:40,700 --> 00:18:42,810 Nav tīkla satiksmes whatsoever. 426 00:18:42,810 --> 00:18:44,320 Tātad tur nav HTTP. 427 00:18:44,320 --> 00:18:47,620 >> Tātad tiešām, ja es paskatos pirmkodu par this-- ļaujiet man aizvērt šo logu 428 00:18:47,620 --> 00:18:49,480 un doties uz View Source. 429 00:18:49,480 --> 00:18:50,400 Interesanti. 430 00:18:50,400 --> 00:18:53,520 Izskatās, tur ir dažas jaunas birkas, starp tiem skriptu. 431 00:18:53,520 --> 00:18:57,490 Tātad, pieņemsim to apskatīt ietvaros CS50 IDE tieši to, ko es nosūtīta lietotājam. 432 00:18:57,490 --> 00:19:00,690 >> Tātad šeit is-- pieņemsim koncentrēties tikai uz HTML. 433 00:19:00,690 --> 00:19:03,500 Lūk apakšējā puse no DOM 0.html. 434 00:19:03,500 --> 00:19:07,830 Un paziņo, ka tā ir ieguvuši titulu, galvas tag, ķermeņa tag, forma tag. 435 00:19:07,830 --> 00:19:11,257 Bet ko lec ārā, lai jūs kā atšķirīgs, it īpaši, ja jūs nekad neesmu 436 00:19:11,257 --> 00:19:12,590 uzrakstīts kāds JavaScript sevi. 437 00:19:12,590 --> 00:19:14,920 Ļaujiet man ritināt mazliet pa labi šeit. 438 00:19:14,920 --> 00:19:18,330 Man savu ieguldījumu, cits ieeja iesniegt. 439 00:19:18,330 --> 00:19:21,410 Man ID, kas ir sava veida jaunu. 440 00:19:21,410 --> 00:19:22,790 Bet mēs to redzam ar CSS. 441 00:19:22,790 --> 00:19:24,480 Kas vēl noteikti ir jauns? 442 00:19:24,480 --> 00:19:24,980 Yeah? 443 00:19:24,980 --> 00:19:30,580 444 00:19:30,580 --> 00:19:32,140 Nice. 445 00:19:32,140 --> 00:19:32,760 >> Viss kārtībā. 446 00:19:32,760 --> 00:19:35,630 Tātad, kur ir teikts onsubmit, paziņojums, kas, šķiet, sekot. 447 00:19:35,630 --> 00:19:38,740 Tas ir atribūts HTML nomenklatūrā. 448 00:19:38,740 --> 00:19:40,944 Tā vērtība ir tas citēts string šeit. 449 00:19:40,944 --> 00:19:42,860 Un tas izskatās mazliet dīvaini no pirmā acu uzmetiena. 450 00:19:42,860 --> 00:19:44,050 Tas nav HTML. 451 00:19:44,050 --> 00:19:45,240 Tas nav CSS. 452 00:19:45,240 --> 00:19:47,580 Tas ir, kā jūs varētu uzminēt, JavaScript. 453 00:19:47,580 --> 00:19:51,850 Tāpēc šķiet, ka iebūvēts šis mājas lapa ir funkcija sauc sveicināt. 454 00:19:51,850 --> 00:19:54,250 Un es esmu secinājusi, ka tikai jo tas ir vārds, sasveicināties. 455 00:19:54,250 --> 00:19:55,880 Tas ieguva atklātu paren, tuvu paren, semikols. 456 00:19:55,880 --> 00:19:58,095 Izskatās C funkciju, izskatās PHP funkciju. 457 00:19:58,095 --> 00:20:00,370 >> Un tiešām, tas notiek, lai būt JavaScript funkcija. 458 00:20:00,370 --> 00:20:01,440 Tad es esmu atpakaļ nepatiess. 459 00:20:01,440 --> 00:20:03,440 Mēs būsim atpakaļ ka tikai brīdi. 460 00:20:03,440 --> 00:20:05,320 Bet kur ir šī funkcija definēta? 461 00:20:05,320 --> 00:20:07,950 Nu ļaujiet man ritiniet uz augšu uz augšu faila. 462 00:20:07,950 --> 00:20:11,710 Un, pat ja tas ir garš līnija, tas ir salīdzinoši vienkārši. 463 00:20:11,710 --> 00:20:15,000 Ļaujiet man zoom out šeit un jākoncentrējas uz šiem četriem līnijām. 464 00:20:15,000 --> 00:20:17,137 >> Tātad JavaScript, tikko piemēram, PHP, jūs vienkārši 465 00:20:17,137 --> 00:20:19,720 teiksim, burtiski, vārds "funkcija," nosaukums funkciju, 466 00:20:19,720 --> 00:20:22,700 un tad iekavas ar kādu arguments-- nekādus argumentus šajā lietā. 467 00:20:22,700 --> 00:20:25,290 Un tur nav atgriešanās tips JavaScript, tāpat kā PHP. 468 00:20:25,290 --> 00:20:29,470 Tātad, tas ir nedaudz brīvāku nekā C. Atvērt cirtaini lencēm, tuvu cirtaini lencēm. 469 00:20:29,470 --> 00:20:33,270 Iebūvēts JavaScript ir function-- nav ieteicams function-- 470 00:20:33,270 --> 00:20:35,730 bet funkcija sauc brīdinājums kuru vienīgais mērķis dzīvē 471 00:20:35,730 --> 00:20:38,620 ir uzvilkt ka diezgan neglīts ātri, ka mēs redzējām pirms brīža. 472 00:20:38,620 --> 00:20:40,950 >> Tagad tas ir sava veida kumoss. 473 00:20:40,950 --> 00:20:42,560 Kas notiek šeit? 474 00:20:42,560 --> 00:20:45,840 Tāpēc sāksim ar izcelt viss šeit. 475 00:20:45,840 --> 00:20:48,540 Tas ir tas pats arguments, lai brīdinātu. 476 00:20:48,540 --> 00:20:49,530 Un to, kas notiek? 477 00:20:49,530 --> 00:20:51,200 Tas tikai izskatās virkni. 478 00:20:51,200 --> 00:20:59,180 Un izrādās, atšķirībā no PHP un atšķirībā C, tas nav svarīgi JavaScript 479 00:20:59,180 --> 00:21:01,090 ja jūs vienu pēdiņām vai pēdiņas. 480 00:21:01,090 --> 00:21:02,060 Tie būs līdzvērtīga. 481 00:21:02,060 --> 00:21:03,769 Un godīgi sakot, tas ir tikai populārs šajās dienās 482 00:21:03,769 --> 00:21:06,726 JavaScript programmētājiem vienmēr Izmantojiet vienu pēdiņām kāda iemesla dēļ. 483 00:21:06,726 --> 00:21:07,840 Tas ir tikai lieta, ko darīt. 484 00:21:07,840 --> 00:21:09,710 Bet mēs varētu izmantot dubultās pēdiņas, kā arī. 485 00:21:09,710 --> 00:21:11,540 >> Tātad plus ir jauns raksturs. 486 00:21:11,540 --> 00:21:14,512 Bet tiem no jums, kas esat darījuši šo pirms, ko tas plus nozīmē? 487 00:21:14,512 --> 00:21:16,440 Jā. 488 00:21:16,440 --> 00:21:17,120 Saķēdēt. 489 00:21:17,120 --> 00:21:18,570 Tātad mēs redzējām šo PHP. 490 00:21:18,570 --> 00:21:20,315 Tur ir tikai dot operators PHP, kas 491 00:21:20,315 --> 00:21:22,000 būs saķēdēt divas stīgas kopā. 492 00:21:22,000 --> 00:21:24,000 C bija sāpes kaklā, lai to paveiktu. 493 00:21:24,000 --> 00:21:27,310 Atsaukt no PSET sešiem, kas bija especial sāpes kaklā, 494 00:21:27,310 --> 00:21:29,470 Jums būtu jāizmanto kaut kas līdzīgs strcat 495 00:21:29,470 --> 00:21:31,660 pēc piešķirot atmiņu uz skursteņa vai kaudzes. 496 00:21:31,660 --> 00:21:34,243 Jums bija lēkt caur stīpām tikai saķēdēt divas stīgas. 497 00:21:34,243 --> 00:21:36,040 JavaScript, tas ir super vienkārši. 498 00:21:36,040 --> 00:21:38,030 Tikai izmantot plus operatoru starpā. 499 00:21:38,030 --> 00:21:41,420 >> Tātad komplekss izskata lieta, šķiet, ir tas 500 00:21:41,420 --> 00:21:43,490 jo beigās Tas viss string, es tikko 501 00:21:43,490 --> 00:21:45,797 saķēdēt par izsaukuma zīmi. 502 00:21:45,797 --> 00:21:48,380 Tātad, ja tas, ko tika popping up tika "sveiki, David", "hello, Hannah," 503 00:21:48,380 --> 00:21:52,740 "sveiki, Maria", un tā tālāk, skaidri ka vidējā lieta starp diviem 504 00:21:52,740 --> 00:21:55,215 plusi ir jādod man pieeju ko? 505 00:21:55,215 --> 00:21:58,855 506 00:21:58,855 --> 00:22:01,991 Kas tur pārliecināts? 507 00:22:01,991 --> 00:22:02,490 Jā. 508 00:22:02,490 --> 00:22:05,090 Tāpēc es ņemšu izliekoties šeit atbildēt savu vārdu, vai ne? 509 00:22:05,090 --> 00:22:10,380 Tātad savu vārdu popped up finālā rezultāts. Tātad, ko tas nozīmē? 510 00:22:10,380 --> 00:22:15,080 Nu, es ierosināju agrāk, jo bilde, ka tā saukto DOM 511 00:22:15,080 --> 00:22:18,580 ir šo īpašo saknes elements ceļu līdz top sauc dokuments. 512 00:22:18,580 --> 00:22:21,660 Un tagad, izrādās, ka notiek par īpašu pasaules mainīgais 513 00:22:21,660 --> 00:22:25,250 JavaScript, iebūvēts, kas ir viss ķekars noderīgu funkcionalitāti. 514 00:22:25,250 --> 00:22:31,770 Starp noderīga funkcionalitāte ir spēja iegūt jebkurā pēcnācējs mezglā. 515 00:22:31,770 --> 00:22:37,760 Šie kvadrātos vai taisnstūros vai elipses ir tikai mezglu kokā, lai runāt. 516 00:22:37,760 --> 00:22:41,850 >> Tātad izrādās, ka iebūvēts JavaScript ir dokuments objekts 517 00:22:41,850 --> 00:22:47,300 ir funkcija, citādi zināma kā metode, kas sauc getElementById. 518 00:22:47,300 --> 00:22:50,410 Par zvanot sintakse funkcija JavaScript 519 00:22:50,410 --> 00:22:55,220 kas ir iekšpusē no priekšmetu vai mainīgais ir tikai ar dot papildinājumiem. 520 00:22:55,220 --> 00:22:57,950 Un mēs redzējām šo C ko struct sintakse. 521 00:22:57,950 --> 00:23:03,530 Redzi šo PSET septiņās, veida, veida, kad jūs redzat CS50 :: vaicājumu. 522 00:23:03,530 --> 00:23:08,070 Kols resnās PHP ir vēl viens veids, aicinot funkciju, kas ir 523 00:23:08,070 --> 00:23:09,260 iekšpusē kādu objektu. 524 00:23:09,260 --> 00:23:11,960 >> Bet tagad JavaScript, tas ir tikai dot. 525 00:23:11,960 --> 00:23:14,170 Un tāpēc šī funkcija, labi pietiekami, sava veida 526 00:23:14,170 --> 00:23:16,810 saka, ko tas does-- nokļūt elementu pēc ID. 527 00:23:16,810 --> 00:23:20,280 Elements ir tikai vēl viens vārds par taga vai mezglu DOM. 528 00:23:20,280 --> 00:23:26,900 Un tā iegūtu elementa ID "Nosaukums" nozīmē this-- šeit ir mana HTML. 529 00:23:26,900 --> 00:23:31,910 Un, pamatojoties uz šo HTML, ko mezgla vai kāda HTML tagu es esmu 530 00:23:31,910 --> 00:23:35,097 būs programmiski jānodod zvanot document.getElementById? 531 00:23:35,097 --> 00:23:37,650 532 00:23:37,650 --> 00:23:38,500 >> Jā, tieši tā. 533 00:23:38,500 --> 00:23:42,670 Es esmu gatavojas saņemt ievadi elements tur kuras ID ir "vārds." 534 00:23:42,670 --> 00:23:45,140 Tātad īpaši, jūs varat domā par šo funkciju, 535 00:23:45,140 --> 00:23:49,560 getElementById, kā veids, dodot atpakaļ rādītāju uz šo konkrēto mezglu 536 00:23:49,560 --> 00:23:50,060 kokā. 537 00:23:50,060 --> 00:23:51,980 Mēs neesam sagatavots šis koks, bet tas ir veids, kā 538 00:23:51,980 --> 00:23:54,900 iegūt piekļuvi ka taisnstūra vai taisnstūris 539 00:23:54,900 --> 00:23:58,090 ar unikāli identificē to, izmantojot savu ID. 540 00:23:58,090 --> 00:23:59,760 >> Tagad, kāpēc tas ir noderīgs? 541 00:23:59,760 --> 00:24:01,510 Nu, izrādās, ka tad, kad tu būsi 542 00:24:01,510 --> 00:24:07,220 ka mezglā, ka taisnstūris no bilde, ka mezgla iekšpusē no tā, 543 00:24:07,220 --> 00:24:10,660 savukārt, ir visu ķekars properties-- atslēgu vērtību pārus 544 00:24:10,660 --> 00:24:13,480 vai dati, no kuriem viens ir sauc vērtība. 545 00:24:13,480 --> 00:24:16,500 Tātad burtiski, tas ir sava veida kumoss, lai izskaidrotu visu lieta. 546 00:24:16,500 --> 00:24:19,370 Bet beigās, dienā, viss tas ir dot jums 547 00:24:19,370 --> 00:24:23,070 virkne, ka lietotājs drukāti Šajā hierarhiskā veidā. 548 00:24:23,070 --> 00:24:24,820 Bet man nepatīk Pāris no šīm lietām. 549 00:24:24,820 --> 00:24:27,590 Vai drīzāk, tur ir daži zinātkāre joprojām. 550 00:24:27,590 --> 00:24:28,870 Visi, kas šķita strādāt. 551 00:24:28,870 --> 00:24:33,420 Kāpēc jūs domājat, ka es atgriezos nepatiess pēc zvana sveicināt? 552 00:24:33,420 --> 00:24:35,910 Tas izskatās mazliet neglīts, ka Man ir divi paziņojumi tur 553 00:24:35,910 --> 00:24:38,730 atdalīti ar semikoliem. 554 00:24:38,730 --> 00:24:39,310 Veikt minējums. 555 00:24:39,310 --> 00:24:44,390 Ja es izņemta atgriezties viltus, ko var notikt, tikai instinktīvi? 556 00:24:44,390 --> 00:24:46,990 557 00:24:46,990 --> 00:24:49,460 Atvainojiet, saku vēlreiz? 558 00:24:49,460 --> 00:24:50,530 >> Atvērt ķekars Windows. 559 00:24:50,530 --> 00:24:52,780 Tātad, iespējams, varbūt kaut kas piemēram, ka varētu notikt. 560 00:24:52,780 --> 00:24:54,422 Kas vēl? 561 00:24:54,422 --> 00:24:55,630 Var iesniegt pieprasījumu, ja? 562 00:24:55,630 --> 00:24:59,109 563 00:24:59,109 --> 00:25:00,510 Uz to pašu lapu. 564 00:25:00,510 --> 00:25:03,110 Tātad, jo fakts, ka tas, ka tuvāk atbildēt šeit, 565 00:25:03,110 --> 00:25:05,890 kaut gan, atšķirībā pagātnē, es esmu ne 566 00:25:05,890 --> 00:25:09,300 noteikts rīcības atribūts, kas parasti mums ir jādara. 567 00:25:09,300 --> 00:25:11,780 Izrādās tur ir noklusējuma. Ja jūs nenorādāt rīcību, 568 00:25:11,780 --> 00:25:15,370 tas ir tāpat kā teikt citātu, likt pēdiņas beigās vai nosaukums failu pati, 569 00:25:15,370 --> 00:25:17,850 kas šajā gadījumā būtu būt, piemēram, dom-0.html. 570 00:25:17,850 --> 00:25:20,420 Tas ir tikai sava veida secināt, vai drīzāk netieši. 571 00:25:20,420 --> 00:25:22,420 >> Un tāpēc, ja man nav to izdarītu, pieņemsim paziņojums. 572 00:25:22,420 --> 00:25:23,230 Ļaujiet man glābt šo. 573 00:25:23,230 --> 00:25:25,270 Un es esmu izņemta atgriezties viltus. 574 00:25:25,270 --> 00:25:27,759 Ļaujiet man iet atpakaļ uz šo piemērs un spēks pārlādēt to. 575 00:25:27,759 --> 00:25:30,800 Un jūs varētu būt redzējis man ieteikt šo par CS50 Apspriest ķekars reizes. 576 00:25:30,800 --> 00:25:34,560 Ja kaut kas kādreiz rīkojas bailīgs un pārlūks nav, uzvedas kā jūs sagaida, 577 00:25:34,560 --> 00:25:37,410 nereti jūs vēlaties turēt Shift un pēc tam noklikšķiniet uz pārlādēt. 578 00:25:37,410 --> 00:25:41,480 Tas liks katru failu, lai pārlādētu un ne lietot jūsu pārlūkprogrammas vietējo kešatmiņu 579 00:25:41,480 --> 00:25:47,032 vai kopija, tā, ka tagad, ļaujiet man iet uz priekšu un atvērt manu inspektora cilni Network. 580 00:25:47,032 --> 00:25:48,740 Es esmu gatavojas klikšķi Saglabāt Ieiet jo es 581 00:25:48,740 --> 00:25:51,660 nevēlos to dzēst rindas kad man whisked prom citur. 582 00:25:51,660 --> 00:25:54,650 >> Ļaujiet man iet uz priekšu šeit un ierakstiet Andi, noklikšķiniet uz Iesniegt. 583 00:25:54,650 --> 00:25:55,150 Viss kārtībā. 584 00:25:55,150 --> 00:25:56,480 Tas šķiet kā gaidīts. 585 00:25:56,480 --> 00:25:57,440 Tā saka "hello, Andi." 586 00:25:57,440 --> 00:25:59,420 Ļaujiet man noklikšķiniet uz Labi. 587 00:25:59,420 --> 00:26:00,610 Interesanti. 588 00:26:00,610 --> 00:26:05,100 Ievērojiet, ka lapa mainījusies, lai gan sākotnējā lapā. 589 00:26:05,100 --> 00:26:06,770 Paziņojums URL veida mainīta. 590 00:26:06,770 --> 00:26:09,430 Tā piebilda, jautājuma zīme, kas ir parasti rādītājs 591 00:26:09,430 --> 00:26:11,260 ka mēs centāmies iesniegt kaut ko. 592 00:26:11,260 --> 00:26:13,570 Un pēc tam apakšā, vēl skaidrāk, 593 00:26:13,570 --> 00:26:17,570 Šeit ir faktiskā HTTP pieprasījums, kas ieguvuši atbildi 200, kas 594 00:26:17,570 --> 00:26:18,490 cēla mani atpakaļ šeit. 595 00:26:18,490 --> 00:26:20,250 >> Tātad tas nav tas, ko mēs vēlamies darīt, vai ne? 596 00:26:20,250 --> 00:26:22,166 Jo es negribu pārlādēt visu lapu. 597 00:26:22,166 --> 00:26:24,970 Es nevis gribēju atgriezties viltus lai īsslēguma 598 00:26:24,970 --> 00:26:28,840 pārlūka noklusējuma uzvedība, kas bija, protams, iesniegt lapu. 599 00:26:28,840 --> 00:26:31,700 >> Tātad pieņemsim apskatīt nedaudz labāks piemērs. 600 00:26:31,700 --> 00:26:33,920 Tas ir dom versija viens. 601 00:26:33,920 --> 00:26:36,680 Un paziņojums sekojošo. 602 00:26:36,680 --> 00:26:39,150 Tas ir OK, ja jums nav grok visi no rindas kodu. 603 00:26:39,150 --> 00:26:41,750 Bet to, kas būtiski atšķiras par šo īstenošanu? 604 00:26:41,750 --> 00:26:44,690 Es paredz tā uzvedas Tas pats, tas pats. 605 00:26:44,690 --> 00:26:49,320 606 00:26:49,320 --> 00:26:51,570 Ko es esmu, protams, darīt citādāk? 607 00:26:51,570 --> 00:26:52,266 Yeah? 608 00:26:52,266 --> 00:26:53,182 >> Mērķauditorija: [nedzirdama]. 609 00:26:53,182 --> 00:27:03,421 610 00:27:03,421 --> 00:27:04,170 DAVID Malan: Jā. 611 00:27:04,170 --> 00:27:08,620 Tātad funkcija ir definēta differently-- citiem vārdiem sakot, prom no formas, 612 00:27:08,620 --> 00:27:13,180 tur uz līnijas 7-- vai Drīzāk line 8-- vairs 613 00:27:13,180 --> 00:27:15,070 man ir onsubmit atribūts. 614 00:27:15,070 --> 00:27:16,750 Iepriekšējā Piemēram, man bija šī. 615 00:27:16,750 --> 00:27:18,530 Un tad es burtiski uzrakstīju savu kodu šeit. 616 00:27:18,530 --> 00:27:20,210 Un tad es teicu atgriezties viltus. 617 00:27:20,210 --> 00:27:22,180 Un, ja tas nav berzēt Jūs nepareizi vēl, 618 00:27:22,180 --> 00:27:26,140 tai vajadzētu sākt, ja kā, tāpat kā HTML, 619 00:27:26,140 --> 00:27:29,530 kad mēs sākām sadarboties maisīt to ar CSS stilā atribūtiem, 620 00:27:29,530 --> 00:27:32,890 tas tikai sāka iegūt mazliet netīrs vai justies mazliet nepareizi. 621 00:27:32,890 --> 00:27:35,020 >> Tāpat šeit, ja Jūs sākat lietot HTML, 622 00:27:35,020 --> 00:27:37,419 un tad tu automātiski plunkšķis kādu JavaScript kodu 623 00:27:37,419 --> 00:27:40,460 vidū ir pēdiņās, tas ir nav būs ļoti uzturams. 624 00:27:40,460 --> 00:27:40,630 Tiesības? 625 00:27:40,630 --> 00:27:43,690 Tas nav pat skaidrs sākumā vietu, kur JavaScript kods. 626 00:27:43,690 --> 00:27:46,590 Tātad, tas būtu patiešām jauki, kā princips labāku dizainu, 627 00:27:46,590 --> 00:27:50,500 pieņemsim saglabātu mūsu HTML pilnīgi atdalīt no mūsu JavaScript. 628 00:27:50,500 --> 00:27:53,150 >> Tātad, lai to izdarītu, tas, ko mēs esam darīts šeit ir following-- 629 00:27:53,150 --> 00:27:56,790 mēs vienkārši izmantot HTML tikai atzīmes. 630 00:27:56,790 --> 00:28:00,730 Un tā versijā viens no šo, viss Man ir forma ar unikālu ID. 631 00:28:00,730 --> 00:28:04,630 Un tad uz leju šeit, es esmu ņemot priekšrocības speciāla iezīme JavaScript 632 00:28:04,630 --> 00:28:08,480 ar ko es varētu būt, kas ir sauc anonīms funkcija. 633 00:28:08,480 --> 00:28:14,150 Tātad izrādās, ka, ja es aicinu document.getElementById par "demo" 634 00:28:14,150 --> 00:28:18,890 tas ir tāpat kā dod man rādītāju šis mezgls manā kokā, formu elements, 635 00:28:18,890 --> 00:28:20,100 tā sakot. 636 00:28:20,100 --> 00:28:22,220 >> Tagad, es tikai zinu no zinot mazliet HTML 637 00:28:22,220 --> 00:28:26,330 Tagad mēs esam izlasot kādu online norāde, ka forma elements atbalsta 638 00:28:26,330 --> 00:28:29,950 viss ķekars notikuma listeners-- in Citiem vārdiem sakot, veļas saraksts notikuma 639 00:28:29,950 --> 00:28:31,700 klausītāji, ka mēs redzējām pirms brīža. 640 00:28:31,700 --> 00:28:35,950 Es zinu, lasot dokumentus ka onsubmit ir derīgs pasākums 641 00:28:35,950 --> 00:28:38,520 klausītājs par formu elementu. 642 00:28:38,520 --> 00:28:41,480 >> Tātad, kad es zinu, ka, tas ir droši man darīt 643 00:28:41,480 --> 00:28:45,390 following-- iegūt šo mezglu no koka, formu elements, 644 00:28:45,390 --> 00:28:48,070 un piekļūt tā tā saukto onsubmit īpašums. 645 00:28:48,070 --> 00:28:49,880 Tātad dot tikai nozīmē Tas ir īpašums, 646 00:28:49,880 --> 00:28:52,180 kā īpaša vērtība iekšpusē no tā. 647 00:28:52,180 --> 00:28:55,590 Un ko datu tips es esmu piešķirot, acīmredzot, 648 00:28:55,590 --> 00:28:58,900 uz onsubmit, kas ir efektīvi mainīgi iekšpusē 649 00:28:58,900 --> 00:29:01,010 Minētās mezglu kokā? 650 00:29:01,010 --> 00:29:04,100 Tā ir joma iekšpusē šī struct. 651 00:29:04,100 --> 00:29:05,810 Kas ir datu tips? 652 00:29:05,810 --> 00:29:07,030 >> Funkcija, jā. 653 00:29:07,030 --> 00:29:08,607 Tātad izrādās, ka PHP ir šis. 654 00:29:08,607 --> 00:29:10,440 Un, pat ja mēs nav jums pastāstīt par to, 655 00:29:10,440 --> 00:29:16,240 C ir arī funkciju norādes, ka spēja iet un nodot funkcijas 656 00:29:16,240 --> 00:29:18,330 kā mainīgie lielumi "vērtībām paši. 657 00:29:18,330 --> 00:29:20,280 Un mēs nebrauksim regresēt atpakaļ uz C. 658 00:29:20,280 --> 00:29:23,250 Bet tagad, izrādās, ka uz labajā pusē šeit, 659 00:29:23,250 --> 00:29:26,260 pat ja tas izskatās mazliet bailīgs, tas nozīmē, hey pārlūku, 660 00:29:26,260 --> 00:29:27,550 man funkciju. 661 00:29:27,550 --> 00:29:30,560 Es neesmu gatavojas pat apnikt dodot tas vārds, jo es esmu burtiski 662 00:29:30,560 --> 00:29:34,450 gatavojas piešķirt sauksim to adrese šīs funkcijas 663 00:29:34,450 --> 00:29:35,994 nekavējoties onsubmit. 664 00:29:35,994 --> 00:29:39,160 Citiem vārdiem sakot, pārlūku, jums nav nepieciešams zināt, kas šo funkciju sauc. 665 00:29:39,160 --> 00:29:41,890 Jums tikai jāzina kur tas ir atmiņā. 666 00:29:41,890 --> 00:29:44,210 Un tā tas pietiek tikai, lai ir vienādības zīmi tur 667 00:29:44,210 --> 00:29:48,240 un nevis apgrūtināt nosaucot šo, piemēram, foo vai sveicināt vai jebkuru citu vārdu. 668 00:29:48,240 --> 00:29:50,150 Un tagad tas ir tikai stilistiska lieta. 669 00:29:50,150 --> 00:29:53,100 Es varētu pārvietot šo cirtaini lencēm uz the-- sorry-- nākamajā rindā 670 00:29:53,100 --> 00:29:54,750 tāpat kā mēs parasti darīt CS50. 671 00:29:54,750 --> 00:29:57,550 Bet JavaScript, tas ir faktiski stilistiski kopīgs 672 00:29:57,550 --> 00:30:00,450 lai tikai saglabātu cirtaini lencēm, tad Pirmais, par šo pirmajā līnijā. 673 00:30:00,450 --> 00:30:02,620 >> Taču turpmāk, tur ir nekā interesanta. 674 00:30:02,620 --> 00:30:05,830 Tas atvērts cirtaini lencēm tikko norobežo sākumu manu darbību. 675 00:30:05,830 --> 00:30:09,320 Funkcija tagad identiski, izņemot es esmu 676 00:30:09,320 --> 00:30:11,452 ietvēra return false iekšpuses šo funkciju. 677 00:30:11,452 --> 00:30:13,160 Jo izrādās out-- un jūs tikai 678 00:30:13,160 --> 00:30:14,980 zinām no lasījumā documentation-- 679 00:30:14,980 --> 00:30:19,740 ka, ja funkciju, kas jūs piešķirat uz onsubmit apdarinātājs atgriež false, 680 00:30:19,740 --> 00:30:23,420 pārlūks vienkārši zina un piekrīt neiesniegt veidlapu uz serveri. 681 00:30:23,420 --> 00:30:27,210 Ja tā atgriežas taisnība, tā iesniegs tas uz serveri dēļ mēs redzēsim 682 00:30:27,210 --> 00:30:28,700 ir noderīgi tikai brīdi. 683 00:30:28,700 --> 00:30:31,000 >> Un tad semikols pēc cirtaini lencēm tur vienkārši 684 00:30:31,000 --> 00:30:32,541 nozīmē, ka es esmu darīts definētu funkciju. 685 00:30:32,541 --> 00:30:36,600 Jūs zināt, ko zvanīt, tiklīdz kā jūs dzirdat iesniegumu. 686 00:30:36,600 --> 00:30:37,100 Viss kārtībā. 687 00:30:37,100 --> 00:30:40,650 Tas joprojām ir apstrīdami veida neglīts. 688 00:30:40,650 --> 00:30:42,190 Tātad, ko vēl mēs varam darīt? 689 00:30:42,190 --> 00:30:45,000 >> Nu, izrādās, tad variants divi, kas ir last-- 690 00:30:45,000 --> 00:30:46,780 un mēs vienkārši skatienu šis. 691 00:30:46,780 --> 00:30:49,850 Pie pastāv risks, ka tas izskatās sliktāk, izrādās, 692 00:30:49,850 --> 00:30:52,160 ka tur ir bibliotēka pasaule sauc jQuery. 693 00:30:52,160 --> 00:30:54,900 Un jQuery ir super populārs JavaScript bibliotēka 694 00:30:54,900 --> 00:30:57,930 tas ir tik populārs, ka lielākā daļa jebkurš JavaScript-- tas nav 695 00:30:57,930 --> 00:31:00,540 neparasti cilvēki jauc jQuery ar JavaScript. 696 00:31:00,540 --> 00:31:01,070 Kāpēc? 697 00:31:01,070 --> 00:31:04,990 JavaScript pati ir ļoti runīgs veidi, kā to things-- 698 00:31:04,990 --> 00:31:07,820 document.getElementById, dadadadadada. 699 00:31:07,820 --> 00:31:10,510 Jūs galu galā, kam ļoti garās rindas kodu. 700 00:31:10,510 --> 00:31:15,550 >> Tātad puisis nosaukts John Resid, kas faktiski darbojas uz starta 701 00:31:15,550 --> 00:31:18,630 up šajās dienās, iznāca Ar šo bibliotēku gadiem 702 00:31:18,630 --> 00:31:22,070 pirms, ka daudzi cilvēki ir veicinājuši to sauc jQuery, ka izmaiņas 703 00:31:22,070 --> 00:31:23,449 sintakse šādā veidā. 704 00:31:23,449 --> 00:31:25,740 Un tikai, lai jūs esat redzējuši šo, jo jūs vienmēr 705 00:31:25,740 --> 00:31:28,140 redzēt šo, ja darot tīmekļa galīgais projekts, 706 00:31:28,140 --> 00:31:33,270 tas būtu ekvivalents veids Īstenojot šo pašu funkciju, izmantojot 707 00:31:33,270 --> 00:31:34,630 Šis īpašais bibliotēka. 708 00:31:34,630 --> 00:31:36,680 >> Tagad, nevis kaitināt to nošķir kopumā, 709 00:31:36,680 --> 00:31:38,520 pieņemsim tikai apskatīt dažas modeļiem. 710 00:31:38,520 --> 00:31:44,850 Tas sintakse, šķiet, ir cik anonīmi funkcijas 711 00:31:44,850 --> 00:31:49,584 vai nezināms funkcijas vai AKA Lambda funkciju? 712 00:31:49,584 --> 00:31:50,190 Divi, vai ne? 713 00:31:50,190 --> 00:31:52,690 Un jūs zināt, ka, pat ja Jūs neesat super comfy ar to, 714 00:31:52,690 --> 00:31:55,780 tikai ar to, ka tas saka funkcija () divreiz. 715 00:31:55,780 --> 00:31:58,172 >> Un izrādās, ka ko šis kods ir doing-- 716 00:31:58,172 --> 00:32:01,255 un mēs attiecas uz tiešsaistes atsaucēm, galu galā, kādu palīdzību ar šo. 717 00:32:01,255 --> 00:32:04,480 Tas tikai nozīmē, ka tad, kad dokuments ir gatavs, 718 00:32:04,480 --> 00:32:07,490 iet uz priekšu un reģistrēt šādu funkciju 719 00:32:07,490 --> 00:32:12,064 kā iesniegt apdarinātājs par HTML elements, kura unikāla ideja ir demo. 720 00:32:12,064 --> 00:32:14,480 Un tad, kad tas notiks, aicinu šīs divas rindiņas kodu. 721 00:32:14,480 --> 00:32:18,677 Un tas ir, traģiski, vairāk runīgs veids, kā pateikt atgriezties viltus. 722 00:32:18,677 --> 00:32:21,510 Un mēs jau tas tikai tāpēc, ka jūs redzēsiet kodu patīk šī tiešsaistē. 723 00:32:21,510 --> 00:32:23,140 Un tas nekas nebiedē. 724 00:32:23,140 --> 00:32:26,057 Bet drīzāk, paturiet prātā, ka tas, kas ir būs izplatīta JavaScript 725 00:32:26,057 --> 00:32:26,765 ir šī paradigma. 726 00:32:26,765 --> 00:32:29,510 Un tā tas ir iemesls, kāpēc mēs parādām to tagad. 727 00:32:29,510 --> 00:32:30,010 Viss kārtībā. 728 00:32:30,010 --> 00:32:32,730 Tātad bez mājokļa pārāk daudz par šo sintaksi, 729 00:32:32,730 --> 00:32:37,800 ir ir kādi jautājumi par Šie piemēri vai idejas līdz šim? 730 00:32:37,800 --> 00:32:38,300 Viss kārtībā. 731 00:32:38,300 --> 00:32:40,220 Tātad pieņemsim izmantot šo par kaut ko noderīgu. 732 00:32:40,220 --> 00:32:47,070 Making mājas lapu, kas vienkārši saka sveiki, tik un tā nav tik interesanti, 733 00:32:47,070 --> 00:32:47,830 ne underwhelm. 734 00:32:47,830 --> 00:32:51,038 Šis viena nav, būs skaista, bet tas ir gatavojas darīt kaut ko noderīgu. 735 00:32:51,038 --> 00:32:56,350 Ļaujiet man iet atpakaļ uz manu direktorijā šeit un atvērt, teiksim, forma-0.html. 736 00:32:56,350 --> 00:32:59,320 >> Tātad pieņemsim, ka tas ir pirmkursnieks klātienē sports reģistrācijas lapā 737 00:32:59,320 --> 00:33:01,780 bez CSS vai jebkura sajūtu dizainu. 738 00:33:01,780 --> 00:33:05,404 Un es gribu iet uz priekšu un reģistrēties šeit ar paroli. 739 00:33:05,404 --> 00:33:08,320 Un es esmu gatavojas piekrist noteikumiem un nosacījumiem un noklikšķiniet uz reģistru. 740 00:33:08,320 --> 00:33:11,700 Un tagad mājas lapā saka: "Tu esi reģistrēts! (Nu, nav īsti.) " 741 00:33:11,700 --> 00:33:15,070 Tas šķiet kā tā strādāja, bet ļaujiet man iet uz priekšu un spēku papildināšanas. 742 00:33:15,070 --> 00:33:18,720 >> Un ļaujiet man teikt, nē, jums nav vajag manu faktisko e-pasta adresi. 743 00:33:18,720 --> 00:33:21,820 Vai varbūt mēs vienkārši sakām pastu tur. 744 00:33:21,820 --> 00:33:25,080 Parole būs, piemēram, 12345. 745 00:33:25,080 --> 00:33:28,810 Un tad, tikai tāpēc, ka es esmu idiots, tagad tas ir 123456789. 746 00:33:28,810 --> 00:33:31,150 Un es neesmu gatavojas pārbaudīt savu kastīti. 747 00:33:31,150 --> 00:33:31,850 >> Hmm. 748 00:33:31,850 --> 00:33:32,350 Viss kārtībā. 749 00:33:32,350 --> 00:33:34,920 Tātad tur ir vairākas iespējas uzlabošanai šeit. 750 00:33:34,920 --> 00:33:39,070 Un jūs zināt, vai redzēs PSET septiņi, ka jūs varat rakstīt code-- 751 00:33:39,070 --> 00:33:41,890 un jums nāksies rakstīt kodu PHP-- aizstāvēt 752 00:33:41,890 --> 00:33:45,780 pret šiem lietotāju veidiem kļūdas, jo lietotājs skaidri 753 00:33:45,780 --> 00:33:46,790 nav sadarbojies. 754 00:33:46,790 --> 00:33:49,680 Un viņš nav devis jums visu vērtībām jūs vēlētos vai pat formātā 755 00:33:49,680 --> 00:33:50,630 kas jums gribēja tos. 756 00:33:50,630 --> 00:33:53,250 Tātad jūs redzēsiet PSET septiņās ka Mēs, protams, varētu būt daži 757 00:33:53,250 --> 00:33:55,680 ja apstākļi, kas saka ja e-pasta adresi 758 00:33:55,680 --> 00:33:59,450 nav username@something.edu, mēs varētu tikai 759 00:33:59,450 --> 00:34:02,575 saka žēl un atvainoties lietotājam daudz, piemēram, jūs varētu būt PSET septiņās. 760 00:34:02,575 --> 00:34:05,700 Vai arī, ja tās nav pārbaudījusi, ka lodziņu, izrādās PHP, jūs varat atklāt, ka, 761 00:34:05,700 --> 00:34:06,200 pārāk. 762 00:34:06,200 --> 00:34:09,389 Un, protams, ja paroles nesakrīt kā register.php 763 00:34:09,389 --> 00:34:11,521 par PSET septiņiem, jūs varat atklāt, ka. 764 00:34:11,521 --> 00:34:13,770 Bet tas ir sāpes kakla, jo tagad viņi pieprasa 765 00:34:13,770 --> 00:34:15,510 mums iet visu ceļu uz serveri. 766 00:34:15,510 --> 00:34:17,053 Lietotājs ir informēts par kļūdu. 767 00:34:17,053 --> 00:34:19,219 Un vismaz, ja jūs izmantojat daži mīļotājs paņēmieni, 768 00:34:19,219 --> 00:34:20,929 tagad viņi ir noklikšķiniet aizmugurējo bultiņas. 769 00:34:20,929 --> 00:34:23,300 Vai tas nebūtu jauki, piemēram, daudz tīmekļa vietnes, šodien, 770 00:34:23,300 --> 00:34:26,190 ja jums bija tiešāks atsauksmes, uzreiz? 771 00:34:26,190 --> 00:34:31,389 >> Citiem vārdiem sakot, ļaujiet man iet uz versiju viens, kas būs ne prettier. 772 00:34:31,389 --> 00:34:33,469 Bet tas ir šī iespēja. 773 00:34:33,469 --> 00:34:39,590 Malan, 12345, 123456789, nav gatavojas pārbaudīt lodziņu, reģistru. 774 00:34:39,590 --> 00:34:41,330 Paroles nesakrīt. 775 00:34:41,330 --> 00:34:44,459 Tātad, pat ja tas pop-up ir ugly-- mēs varam aizvietot šo beidzot 776 00:34:44,459 --> 00:34:47,000 ar kaut ko līdzīgu sāknēšanas, ko jūs redzēsiet PSET septiņās 777 00:34:47,000 --> 00:34:50,239 ir ļoti populārs library-- I did atklāt, ka paroles nesakrīt. 778 00:34:50,239 --> 00:34:50,739 Viss kārtībā. 779 00:34:50,739 --> 00:34:52,530 Nu, ļaujiet man noteikt, ka lietotājam. 780 00:34:52,530 --> 00:34:55,460 Ļaujiet man iet uz priekšu un saka, 12345, 12345. 781 00:34:55,460 --> 00:34:57,780 Joprojām nav pārbaudot līgumu. 782 00:34:57,780 --> 00:35:00,210 Jums jāpiekrīt noteikumi un nosacījumi. 783 00:35:00,210 --> 00:35:01,760 Tad kāpēc? 784 00:35:01,760 --> 00:35:04,100 >> Ja mēs esam jau posited ka tur ir veids, 785 00:35:04,100 --> 00:35:07,260 un mēs esam vajadzīgi jums PSET septiņi atklāt kļūdu 786 00:35:07,260 --> 00:35:09,780 apstākļi, piemēram, tas server-side, kāpēc es 787 00:35:09,780 --> 00:35:13,940 raizēties arī darot JavaScript? 788 00:35:13,940 --> 00:35:15,850 Kas ir arguments par labvēlība piebilstot, ko 789 00:35:15,850 --> 00:35:18,760 jūs gatavojaties redzēt kā some-- tur ir papildu sarežģītību. 790 00:35:18,760 --> 00:35:23,610 791 00:35:23,610 --> 00:35:25,930 >> Varbūt nav otrādi. 792 00:35:25,930 --> 00:35:26,924 Kas tas varētu būt? 793 00:35:26,924 --> 00:35:27,840 Mērķauditorija: [nedzirdama]. 794 00:35:27,840 --> 00:35:31,132 795 00:35:31,132 --> 00:35:32,340 DAVID Malan: Ak, interesanti. 796 00:35:32,340 --> 00:35:33,530 Potenciālie izmanto. 797 00:35:33,530 --> 00:35:37,540 Tik pārliecināts, ja jūs neesat apstrādes kļūdains lietotāja ievadi, ka liels, 798 00:35:37,540 --> 00:35:40,170 varbūt tas viss ir labāk, ja tā nav pat sasniegt savu serveri. 799 00:35:40,170 --> 00:35:42,160 Es liktu atpakaļ tur, un teiksim, jums ir iespējams 800 00:35:42,160 --> 00:35:43,284 noteikt abas šīs problēmas. 801 00:35:43,284 --> 00:35:44,140 Bet tas ir godīgi. 802 00:35:44,140 --> 00:35:44,710 Kas vēl? 803 00:35:44,710 --> 00:35:45,626 >> Mērķauditorija: [nedzirdama]. 804 00:35:45,626 --> 00:35:47,970 805 00:35:47,970 --> 00:35:49,014 >> DAVID Malan: Jā. 806 00:35:49,014 --> 00:35:51,680 Šis kods, kā mēs teicām iepriekš, ir interpretējami uz klienta pusē. 807 00:35:51,680 --> 00:35:53,846 Tas nav apnikt serveri, kas nozīmē, ka tā nav 808 00:35:53,846 --> 00:35:55,930 ietekmēt servera slodzi vai jaudu. 809 00:35:55,930 --> 00:35:59,840 Un tagad, par maz veco mani, tam nav būtiskas ietekmes 810 00:35:59,840 --> 00:36:01,970 jo man ir viens lietotājs tieši tagad. 811 00:36:01,970 --> 00:36:04,010 >> Bet, ja tu esi kāds mājas lapa pienācīgas lieluma, 812 00:36:04,010 --> 00:36:07,400 sevišķi lielākais, piemēram, Facebook, jo vairāk jūs varat saglabāt cilvēku off 813 00:36:07,400 --> 00:36:09,927 Jūsu servera, jo labāk jo servera, protams, 814 00:36:09,927 --> 00:36:12,510 ir tikai ierobežots daudzums RAM, ierobežots skaits gigahercu, 815 00:36:12,510 --> 00:36:16,340 ierobežots vairākas lietas tā var darīt laika vienībā. 816 00:36:16,340 --> 00:36:19,170 Tātad, ja ir vairāk cilvēku pasaule hitting savu serveri, 817 00:36:19,170 --> 00:36:21,750 nejauši piesakoties nepareizi, tikpat labi, ja jūs 818 00:36:21,750 --> 00:36:23,254 var saglabāt šo atslogo jūsu serveri. 819 00:36:23,254 --> 00:36:25,420 Plus, jo īpaši attiecībā uz mobilo device-- ja jūs esat kādreiz 820 00:36:25,420 --> 00:36:29,190 ieiet my.harvard vai Yale ir netid vai tamlīdzīgi, 821 00:36:29,190 --> 00:36:32,330 tur ir šis latentais ar daudz tīmekļa vietnes, piemēram, ka, saskaņā ar kuru tā veic, 822 00:36:32,330 --> 00:36:34,110 piemēram, nopelt otrā vai divas dažreiz. 823 00:36:34,110 --> 00:36:37,979 Un tad, mans Dievs, ja tu mistype, tad jums ir hit atpakaļ un pārtaisīt to. 824 00:36:37,979 --> 00:36:40,520 Tātad tur ir latentuma, jo īpaši par lēnāku tīkla savienojumus. 825 00:36:40,520 --> 00:36:43,030 Bet JavaScript, jo tas darbojas uz klienta 826 00:36:43,030 --> 00:36:46,720 un nav nepieciešams, lai iet uz priekšu un atpakaļ pāri potenciāli lēnu internetu 827 00:36:46,720 --> 00:36:49,780 savienojumu, jūs varat saņemt gandrīz acumirklīga atsauksmes. 828 00:36:49,780 --> 00:36:50,760 >> Tātad pieņemsim apskatīt šo. 829 00:36:50,760 --> 00:36:54,280 Ļaujiet man atvērt forma-0 un apskatīt HTML šeit. 830 00:36:54,280 --> 00:36:56,040 Un pieņemsim tikai redzēt, kas notiek. 831 00:36:56,040 --> 00:36:59,460 Tas ir veids, kura darbība ir register.php. 832 00:36:59,460 --> 00:37:01,530 Es esmu tikai izmantojot saņemt tik ka es varētu redzēt URL. 833 00:37:01,530 --> 00:37:05,030 Bet paroles, mēs gribētu, protams, gribam mainīt šo post realitātē. 834 00:37:05,030 --> 00:37:06,910 Lūk ievades lauks tipa tekstu. 835 00:37:06,910 --> 00:37:09,050 Lūk, vēl viens ievade lauka tipa paroli. 836 00:37:09,050 --> 00:37:13,150 Te ir, ja jūs nekad neesmu redzējis, ieejas tipa rūtiņu. 837 00:37:13,150 --> 00:37:15,250 >> Bet tur nav JavaScript šeit whatsoever. 838 00:37:15,250 --> 00:37:18,170 Tas ir tikai HTML, ka iet uz register.php. 839 00:37:18,170 --> 00:37:21,020 Bet versijā vienā, kur es sāka saņemt šo pop-ups, 840 00:37:21,020 --> 00:37:23,010 pieņemsim redzēt, kas patiesībā notiek šeit. 841 00:37:23,010 --> 00:37:26,757 Versijā vienu, ko Es esmu gatavojas see-- I 842 00:37:26,757 --> 00:37:29,340 Domāju, ka es varētu apstāties pietiekami ar pietiekami vārdiem, bet man beidzās. 843 00:37:29,340 --> 00:37:35,180 844 00:37:35,180 --> 00:37:38,590 >> Versijā one-- tur mēs ejam. 845 00:37:38,590 --> 00:37:43,180 Versijā vienu, pamanīsiet following-- un nav labākais īstenošanu, 846 00:37:43,180 --> 00:37:44,420 bet tas ir mans pirmais. 847 00:37:44,420 --> 00:37:47,680 Ievērojiet, ka zem forma, man ir skriptu tag. 848 00:37:47,680 --> 00:37:49,430 Un skripts tag nozīmē, hey, pārlūku, šeit 849 00:37:49,430 --> 00:37:52,340 nāk daži kodu, parasti, JavaScript. 850 00:37:52,340 --> 00:37:54,420 Un tagad, paziņojums, ko es daru. 851 00:37:54,420 --> 00:37:59,070 Par line-- Es tikko lasīt it-- līnija 32, tā saka, 852 00:37:59,070 --> 00:38:01,420 VAR form-- tik dod man mainīgais sauc forma. 853 00:38:01,420 --> 00:38:05,049 Un pēc tam saņemt document.getElementId par "reģistrāciju." 854 00:38:05,049 --> 00:38:05,590 Kas tas ir? 855 00:38:05,590 --> 00:38:07,290 Nu, ļaujiet man attīt šeit. 856 00:38:07,290 --> 00:38:11,510 Un paziņojums, ah, es deva formas elements patvaļīga bet aprakstošs ideja 857 00:38:11,510 --> 00:38:13,050 reģistrācijas. 858 00:38:13,050 --> 00:38:16,820 Tātad tas dod man mainīgais, kas ļauj man, lai greifers šo mezglu, 859 00:38:16,820 --> 00:38:19,580 ka taisnstūris kokā sauc formu. 860 00:38:19,580 --> 00:38:24,460 form.onsubmit līdzekļi, hey pārlūku, reģistrēt notikumu klausītājs 861 00:38:24,460 --> 00:38:25,470 Šajā veidlapā. 862 00:38:25,470 --> 00:38:28,890 Citiem vārdiem sakot, ja šo veidlapu iesniegts, izpildīt šādu kodu. 863 00:38:28,890 --> 00:38:30,810 Tas nav nepieciešams nosaukumu, jo kāpēc jums ir nepieciešams zināt nosaukumu? 864 00:38:30,810 --> 00:38:32,880 Jums tikai jāzina ko izpildīt, ergo 865 00:38:32,880 --> 00:38:35,610 tas ir anonīms vai lambda funkcija. 866 00:38:35,610 --> 00:38:37,632 Un tas funkcija ir visas šīs līnijas šeit. 867 00:38:37,632 --> 00:38:40,840 Un tagad, ja godīgi, pat ja jums varētu kādreiz uzrakstīts JavaScript 868 00:38:40,840 --> 00:38:44,200 pirms, tas ir tikai C un PHP loģika. 869 00:38:44,200 --> 00:38:51,720 Tātad, ja form.email.value == "" - Tātad, ja e-pasta lauks ir tukšs, 870 00:38:51,720 --> 00:38:54,980 bļaut pie lietotāja ar "You must norādiet savu e-pasta adresi. " 871 00:38:54,980 --> 00:38:58,980 Else ja form.password.value ir tukšs kliegt uz lietotāju, 872 00:38:58,980 --> 00:39:00,400 "Jums ir sniegt savu paroli." 873 00:39:00,400 --> 00:39:04,240 >> Vēl interesanti loģiski, ja form.password.value nav 874 00:39:04,240 --> 00:39:08,630 vienāds form.confirmation.value-- kur bija apstiprinājums nāk no? 875 00:39:08,630 --> 00:39:09,470 Ļaujiet man attīt. 876 00:39:09,470 --> 00:39:12,870 Nu, es sauc šo ievade lauks šeit parole. 877 00:39:12,870 --> 00:39:15,180 Un es sauc šo vienu šeit apstiprinājums. 878 00:39:15,180 --> 00:39:17,850 Es varētu būt to sauca parole divas vai kaut kas cits. 879 00:39:17,850 --> 00:39:20,560 Es esmu tikai loģiski pārbaudot ka šie divi ir vienādi. 880 00:39:20,560 --> 00:39:25,760 Else-- izrādās tas ir Mr Boole again-- Būla vērtību, rūtiņu. 881 00:39:25,760 --> 00:39:29,810 Tātad, ja es saku, izsaukuma point-- ja ne form.agreement.checked, 882 00:39:29,810 --> 00:39:31,820 bļaut pie lietotāja, kā arī. 883 00:39:31,820 --> 00:39:34,470 >> Tātad šis sintakse jūs redzēsiet, ir ļoti bieži JavaScript, 884 00:39:34,470 --> 00:39:35,970 kur esat šo punktoto notācija. 885 00:39:35,970 --> 00:39:37,460 Tu sāc ar objektu šeit. 886 00:39:37,460 --> 00:39:41,430 Jūs nirt dziļāk, lai a to īpašums, piemēram, paroles. 887 00:39:41,430 --> 00:39:43,280 Un tad jums tās faktisko vērtību. 888 00:39:43,280 --> 00:39:45,830 Un atkal, šeit ir ieejas. 889 00:39:45,830 --> 00:39:47,310 Šeit ir vārds parole. 890 00:39:47,310 --> 00:39:50,860 Un tā vērtība ir neatkarīgi cilvēks ir faktiski drukāti. 891 00:39:50,860 --> 00:39:53,610 >> Tātad visi no šiem lietas, es atgriezos nepatiesa. 892 00:39:53,610 --> 00:39:55,800 Bet, ja ne, es atgriezties taisnība. 893 00:39:55,800 --> 00:39:58,030 Un tāpēc tagad mēs redzam pārliecinoši izmantošana, kad 894 00:39:58,030 --> 00:40:00,620 jūs varētu atgriezties pie viltus pārtraukt to, ko lietotājs ir darot 895 00:40:00,620 --> 00:40:03,200 un dara viņam vai viņai izvēlēties atkal vai rakstīt atkal. 896 00:40:03,200 --> 00:40:05,870 Pretējā gadījumā mēs atgriežamies taisnība. 897 00:40:05,870 --> 00:40:08,585 >> Un ļaujiet man iepazīstināt vienu cits variants tas tikai 898 00:40:08,585 --> 00:40:13,140 sēklām to zināmu sapratni. 899 00:40:13,140 --> 00:40:16,850 Nu, no šī 2 versiju, forma-2-- Es darīšu to ar viļņa rokas. 900 00:40:16,850 --> 00:40:19,920 Tas ir, tiem, ziņkārīgs, jQuery versija, 901 00:40:19,920 --> 00:40:23,330 tiem no jums, kas varētu vēlēties, lai plunčāties konkrētajā bibliotēkā. 902 00:40:23,330 --> 00:40:25,145 Bet pieņemsim start-- un kādi jautājumi? 903 00:40:25,145 --> 00:40:29,230 Ļaujiet man apstāties uz brīdi tāpēc, tas bija ātri un daudz. 904 00:40:29,230 --> 00:40:32,610 >> Bet jauka lieta šeit ir tas, ka visi no koda ir diezgan daudz to pašu. 905 00:40:32,610 --> 00:40:33,985 Jaunais sīkumi ir tas, kas ir dom? 906 00:40:33,985 --> 00:40:35,115 Kādi ir šie taisnstūri? 907 00:40:35,115 --> 00:40:35,990 Kādi ir šie mezgli? 908 00:40:35,990 --> 00:40:37,540 Kas ir anonīms funkcija? 909 00:40:37,540 --> 00:40:38,830 Kas ir notikums apdarinātājs? 910 00:40:38,830 --> 00:40:43,480 Bet par laimi, lielākā daļa, kas ir tikai pilns aplis no, teiksim, nedēļas nulles. 911 00:40:43,480 --> 00:40:43,980 Viss kārtībā. 912 00:40:43,980 --> 00:40:46,070 Tātad kaut kas nedaudz vairāk interesants? 913 00:40:46,070 --> 00:40:49,340 Nu, pirmkārt, ļaujiet man iet uz priekšu un atvērt Google Maps. 914 00:40:49,340 --> 00:40:53,360 Un jūs pamanīsiet, ka priekšlikums brīdis, par mirklī, 915 00:40:53,360 --> 00:40:55,930 pamanīt to, kas notiek, kad Es noklikšķiniet pietiekami ātri. 916 00:40:55,930 --> 00:40:59,720 Un šis savienojums Harvard ir tik ātri, ka jums nav īsti paziņojums to. 917 00:40:59,720 --> 00:41:04,469 Bet ko jūs veida veida redzēt ja es noklikšķiniet un velciet ļoti ātri? 918 00:41:04,469 --> 00:41:07,010 Tie no jums skatīties online, ja jums lēns tas 0.5x ātrumu, 919 00:41:07,010 --> 00:41:09,640 Jūs varat redzēt šo labāk. 920 00:41:09,640 --> 00:41:13,550 >> Kas notiek tikai pirms es noklikšķinājuši un vilka? 921 00:41:13,550 --> 00:41:15,900 Ļaujiet man mēģināt here-- man darīt kaut kas cits, piemēram, 90210. 922 00:41:15,900 --> 00:41:17,550 Iesim tālu. 923 00:41:17,550 --> 00:41:19,000 Tas bija ļoti ātri, too. 924 00:41:19,000 --> 00:41:22,460 Kā par Disney World? 925 00:41:22,460 --> 00:41:23,190 Tur mēs ejam. 926 00:41:23,190 --> 00:41:23,690 LABI. 927 00:41:23,690 --> 00:41:26,030 Ko jūs redzat par sekundes? 928 00:41:26,030 --> 00:41:27,200 Tāpat, piemēram, laukumos, vai ne? 929 00:41:27,200 --> 00:41:28,930 Vietturi Flīžu? 930 00:41:28,930 --> 00:41:30,270 >> Nu, ko te notiek? 931 00:41:30,270 --> 00:41:35,410 Google Maps ir jauka piemērs Šī tehnoloģija, kas sauc AJAX. 932 00:41:35,410 --> 00:41:38,510 Un tas ir, ja mēs sāksim izmantot JavaScript īpaši 933 00:41:38,510 --> 00:41:39,277 pievilcīgs veids. 934 00:41:39,277 --> 00:41:41,610 Atpakaļ dienā, tur bija Šī tīmekļa vietne sauc MapQuest. 935 00:41:41,610 --> 00:41:44,120 Un es būtu pieņemts screenshot šīs no 1990, 936 00:41:44,120 --> 00:41:45,820 kur, ja jūs vēlētos uzmeklēt šeit uz kartes, 937 00:41:45,820 --> 00:41:48,590 Jūs burtiski noklikšķiniet uz bultiņas augšā, kas parādīja, 938 00:41:48,590 --> 00:41:49,870 atšķirīgs kvadrāts kartes. 939 00:41:49,870 --> 00:41:51,790 Ja jūs vēlētos, lai pārvietotos pa kreisi, jūs uzklikšķināt bultu, kas parādīja, 940 00:41:51,790 --> 00:41:53,210 atšķirīgs kvadrāts kartes. 941 00:41:53,210 --> 00:41:54,840 Un dažas tīmekļa vietnes vēl darīt šodien. 942 00:41:54,840 --> 00:41:57,820 Bet pat MapQuest ir gotten labāk, piemēram, Google Maps. 943 00:41:57,820 --> 00:42:01,880 >> Tā vietā, kas ir labāks šiem dienas ir tīmekļa vietnes, kas izmanto AJAX. 944 00:42:01,880 --> 00:42:04,510 AJAX-- citādi zināma kā Asynchronous JavaScript un XML, 945 00:42:04,510 --> 00:42:08,370 kas ir tikai iedomātā veids, kā pateikt tehnoloģija vai tehnika, kas 946 00:42:08,370 --> 00:42:14,200 ļauj pārlūku, izmantojot JavaScript veikt papildu HTTP pieprasījumus 947 00:42:14,200 --> 00:42:16,390 pēc tam, kad lapa ir ielādēta. 948 00:42:16,390 --> 00:42:17,479 Tātad, ko tas nozīmē? 949 00:42:17,479 --> 00:42:19,270 Nu, tas būtu sava veida kaitinošas Gmail 950 00:42:19,270 --> 00:42:21,103 ja katru reizi, kad gribēja pārbaudīt savu pastu, 951 00:42:21,103 --> 00:42:24,940 jums bija burtiski hit Control-R vai Command-R vai noklikšķiniet uz pogas Pārlādēt 952 00:42:24,940 --> 00:42:26,580 un visa darn lapa varētu pārlādēt. 953 00:42:26,580 --> 00:42:26,800 Tiesības? 954 00:42:26,800 --> 00:42:28,460 Tas flash white droši vien par sekundi. 955 00:42:28,460 --> 00:42:30,043 Jūs varētu redzēt stulba progress bar. 956 00:42:30,043 --> 00:42:33,170 Un tikai, lai redzētu, vai jums ir jauns pasts, visa mājas lapa un URL 957 00:42:33,170 --> 00:42:34,580 jūs esat būs pārlādēt. 958 00:42:34,580 --> 00:42:35,960 >> Bet tas nav tas, kas notiek Gmail. 959 00:42:35,960 --> 00:42:36,459 Tiesības? 960 00:42:36,459 --> 00:42:40,300 Kad jūs saņemsiet jaunu e-pastu Gmail, kas notiek uz ekrāna? 961 00:42:40,300 --> 00:42:41,480 Tas tikai rāda uz augšu, pa labi? 962 00:42:41,480 --> 00:42:44,280 Tā vienkārši maģiski parādās kā jauns rindu tabulā. 963 00:42:44,280 --> 00:42:47,030 Kas faktiski ietver pienācīga summa sarežģītības. 964 00:42:47,030 --> 00:42:51,892 Patiesībā, ja jūs domājat par šo koku, kas, lai gan ir vienkāršs šeit, 965 00:42:51,892 --> 00:42:54,100 Gmail-- un man ir jāmeklē pie koda būt sure-- 966 00:42:54,100 --> 00:42:58,710 iespējams, ir HTML tabulu vai varbūt Nekārtots saraksts, ka tas padara 967 00:42:58,710 --> 00:43:01,060 katram jūsu iesūtnēm e-pastiem, kā. 968 00:43:01,060 --> 00:43:04,050 >> Un tādēļ, ja jūs varat iedomāties, tas tur ir koks atmiņā, kad jūs esat 969 00:43:04,050 --> 00:43:09,050 Izmantojot Gmail, kas izskatās veida veida kā šis, kad Google saprot, ooh, 970 00:43:09,050 --> 00:43:12,770 Jums ir jauna e-pastu, tā nav vēlas atjaunot visu koku. 971 00:43:12,770 --> 00:43:16,430 Drīzāk, tā vēlas atrast mezglu koks, kas pārstāv jūsu iesūtni 972 00:43:16,430 --> 00:43:18,580 un vienkārši ievietot jaunu mezglu. 973 00:43:18,580 --> 00:43:24,640 >> Tik ļoti līdzīgs PSET pieci, kur jums nācās ievietot mezglu uz hash tabulu, 974 00:43:24,640 --> 00:43:28,410 Līdzīgi dara Google, via JavaScript kodu, ka tā ir rakstīts, 975 00:43:28,410 --> 00:43:31,890 Traverse šo koku, izdomāt, kur ir tā, ka iesūtne daļa no loga, 976 00:43:31,890 --> 00:43:33,440 un pēc tam ievietotu jaunu rindu. 977 00:43:33,440 --> 00:43:37,460 Un jauna rinda nozīmē tikai vienu vai vairāk jaunos punktus kokā. 978 00:43:37,460 --> 00:43:41,340 >> Un tā AJAX ir šī tehnika kas ļauj tieši tā. 979 00:43:41,340 --> 00:43:44,440 Kad esat apmeklējis URL, tomēr traks ilgi tas ir, 980 00:43:44,440 --> 00:43:46,472 un pēc tam, kad lapa ir piekrauts, jūs joprojām varat 981 00:43:46,472 --> 00:43:48,430 sagrābt vairāk datus no internet-- vai tas ir 982 00:43:48,430 --> 00:43:52,460 Uzrakstīt vai flīzes no map-- paķert to aizkulises 983 00:43:52,460 --> 00:43:55,290 un pēc tam ievietojiet to lapā tā, ka cilvēka nav patiešām 984 00:43:55,290 --> 00:43:56,910 jāgaida to. 985 00:43:56,910 --> 00:43:58,980 >> Facebook Messenger darbojas tādā pašā veidā. 986 00:43:58,980 --> 00:44:01,562 Jebkuru citu websites-- skaits oh, patiesībā, pat tas. 987 00:44:01,562 --> 00:44:04,270 Es domāju, tas ir, godīgi sakot, sava veida kaitinošas iezīme šajās dienās. 988 00:44:04,270 --> 00:44:07,500 Ja es sāktu meklēt šo cats-- ir sava veida briesmīgs lietotāja pieredzi. 989 00:44:07,500 --> 00:44:08,990 Tas tikai sāk meklēt mani. 990 00:44:08,990 --> 00:44:10,050 Nu kas tas ir dara? 991 00:44:10,050 --> 00:44:12,920 Šis URL nav mainījies jo es sāku rakstīt. 992 00:44:12,920 --> 00:44:17,330 Bet, kas notiek visā wire-- OK, hmm interesanti. 993 00:44:17,330 --> 00:44:20,470 Kas notiek visā stieple šeit tikai kļūst weirder. 994 00:44:20,470 --> 00:44:21,090 >> LABI. 995 00:44:21,090 --> 00:44:24,670 Tāpēc ļaujiet man iet uz priekšu un pārbaudīt elements un dodieties uz cilni Network 996 00:44:24,670 --> 00:44:27,040 un mēģināt padarīt šo tehniskā un mazāk par kaķiem. 997 00:44:27,040 --> 00:44:32,595 Kā es rakstīt, burtiski, kaķi and-- Kas notiek 998 00:44:32,595 --> 00:44:37,710 per-- es neesmu gatavojas klikšķi, ka. 999 00:44:37,710 --> 00:44:38,210 Viss kārtībā. 1000 00:44:38,210 --> 00:44:44,280 Tātad šeit lejā, kas notiek katru reizi, kad es rakstīt raksturs, acīmredzot? 1001 00:44:44,280 --> 00:44:45,000 Tāpat, zems līmenis? 1002 00:44:45,000 --> 00:44:47,860 Kas notiek ar katru no tiem, rakstzīmes es esmu rakstīt uz manu klaviatūru? 1003 00:44:47,860 --> 00:44:48,359 Yeah? 1004 00:44:48,359 --> 00:44:50,950 Mērķauditorija: [nedzirdama]. 1005 00:44:50,950 --> 00:44:52,340 >> DAVID Malan: Tieši tā. 1006 00:44:52,340 --> 00:44:55,600 Katrs no šiem burtiem ir dodas uz Google, pa vienam. 1007 00:44:55,600 --> 00:44:58,490 Tos veidojot virkni par to serveri, kas apzīmē 1008 00:44:58,490 --> 00:44:59,936 viss, ko es esmu drukāti līdz šim. 1009 00:44:59,936 --> 00:45:01,810 Un katru reizi, kad es tipa cits raksturs, tie 1010 00:45:01,810 --> 00:45:04,530 izmantot savu slepeno mērci kādas meklēšanas algoritmu un izdomāt, 1011 00:45:04,530 --> 00:45:07,370 viņš ir šī kaķu lapu vai šī kaķis lapu vai tamlīdzīgi? 1012 00:45:07,370 --> 00:45:10,620 Tātad savā ziņā, tas sniedz man ar labāk pieredze, ka man nav pat 1013 00:45:10,620 --> 00:45:11,860 ir nepieciešams, lai pabeigtu savu domu. 1014 00:45:11,860 --> 00:45:14,440 Un tiešām, tas ir noderīgs lieta, automātiskās pabeigšanas kopumā. 1015 00:45:14,440 --> 00:45:17,690 Ja to algoritmi ir pietiekami labs un ja mani meklējumi ir pietiekami skaidrs, 1016 00:45:17,690 --> 00:45:19,300 Man nav rakstīt visu vārdu. 1017 00:45:19,300 --> 00:45:22,110 Viņi gatavojas man pateikt, ko tas ir es esmu patiešām meklē. 1018 00:45:22,110 --> 00:45:25,940 Tātad, ko Google prasa tūlītēju meklēšana ir tikai izmantojot AJAX, 1019 00:45:25,940 --> 00:45:30,820 izmantojot kodu, kas ļauj tām pieprasīt papildu saturu, izmantojot tīmekļa pārlūkprogrammu 1020 00:45:30,820 --> 00:45:34,026 aiz ainas, izmantojot šo jaunu valodu, JavaScript. 1021 00:45:34,026 --> 00:45:35,400 Tāpēc mums ir atlikušas pāris minūtes. 1022 00:45:35,400 --> 00:45:37,710 Un ļaujiet man izsaukt mans draugs Colton up uz skatuves, 1023 00:45:37,710 --> 00:45:40,090 jo tas šķita īpaši jautri pēdējo reizi 1024 00:45:40,090 --> 00:45:42,290 ieviest tehnoloģijas ka daži no jums 1025 00:45:42,290 --> 00:45:44,769 ir izrādījušas interesi jo gala projektos. 1026 00:45:44,769 --> 00:45:47,310 Mēs domājām, ka gribētu būt jautri, lai up brīvprātīgais, lai gan, šodien 1027 00:45:47,310 --> 00:45:50,074 jums parādīt papildinājumu Tas, kas ļauj you-- yeah, 1028 00:45:50,074 --> 00:45:50,990 Es pirmo reizi redzēju šo roku. 1029 00:45:50,990 --> 00:45:52,900 Nāciet uz augšu. 1030 00:45:52,900 --> 00:45:53,560 Ļoti labi darīts. 1031 00:45:53,560 --> 00:45:55,035 Labs darbs. 1032 00:45:55,035 --> 00:45:57,410 Es esmu gatavojas projekta šo par ekrāns tikai brīdi. 1033 00:45:57,410 --> 00:45:58,150 Kāds ir tavs vārds ikvienam? 1034 00:45:58,150 --> 00:45:59,180 >> EFA: Es esmu EFA. 1035 00:45:59,180 --> 00:45:59,410 >> DAVID Malan: Etha? 1036 00:45:59,410 --> 00:45:59,785 >> EFA: EFA. 1037 00:45:59,785 --> 00:46:00,160 >> DAVID Malan: EFA? 1038 00:46:00,160 --> 00:46:00,730 >> EFA: Jā. 1039 00:46:00,730 --> 00:46:01,250 >> DAVID Malan: Prieks redzēt. 1040 00:46:01,250 --> 00:46:01,600 Viss kārtībā. 1041 00:46:01,600 --> 00:46:02,590 Ļaujiet man iegūt šo gatavs. 1042 00:46:02,590 --> 00:46:04,423 Nāc uz vairāk nekā uz vidū ar Colton šeit. 1043 00:46:04,423 --> 00:46:07,050 Kas Colton ir viņa rokās šodien ir tālvadības pults. 1044 00:46:07,050 --> 00:46:10,440 Tātad, nevis tikai stāvēt tur trīsdimensiju pasaulē skatos 1045 00:46:10,440 --> 00:46:14,080 kā Colton darīja, tagad EFA var faktiski staigāt apkārt, ejot uz augšu, 1046 00:46:14,080 --> 00:46:16,689 uz leju, pa kreisi un pa labi Like Nintendo vai Xbox kontrolieris. 1047 00:46:16,689 --> 00:46:18,230 EFA: Es esmu gatavojas nokrist stadijā. 1048 00:46:18,230 --> 00:46:20,500 DAVID Malan: es gribu stāvēt aptuveni vairāk nekā šeit. 1049 00:46:20,500 --> 00:46:21,991 Bet tas ir risks. 1050 00:46:21,991 --> 00:46:22,490 LABI. 1051 00:46:22,490 --> 00:46:25,690 Tik iet uz priekšu un nodot tos tālāk. 1052 00:46:25,690 --> 00:46:29,315 Ļaujiet man iet uz priekšu un pāriet uz ekrāna šeit. 1053 00:46:29,315 --> 00:46:30,670 Ļaujiet man tuvās gaismas. 1054 00:46:30,670 --> 00:46:32,780 Un Colton, ļaujiet man nākt stāvēt blakus jums. 1055 00:46:32,780 --> 00:46:35,520 >> Vai jūs vēlaties, lai izskaidrotu šeit ar mic, ko mēs darām? 1056 00:46:35,520 --> 00:46:36,380 Šeit jums iet. 1057 00:46:36,380 --> 00:46:37,280 >> COLTON: Protams. 1058 00:46:37,280 --> 00:46:39,980 Tāpēc tagad mēs esam iekraušanas up Oculus, 1059 00:46:39,980 --> 00:46:43,070 Es domāju operating-- nedarbojas sistēma, bet galvenais programma, kur 1060 00:46:43,070 --> 00:46:46,630 Jūs varat piekļūt visas spēles un Lietotnes, kas ir jūsu bibliotēkā. 1061 00:46:46,630 --> 00:46:50,060 Tāpēc tieši tagad, tas būtu teikt pieskarieties touchpad, lai sāktu. 1062 00:46:50,060 --> 00:46:53,430 Touchpad būs par labajā pusē austiņas. 1063 00:46:53,430 --> 00:46:54,569 Tik iet uz priekšu un tap-- 1064 00:46:54,569 --> 00:46:55,110 EFA: Ak, man. 1065 00:46:55,110 --> 00:46:56,443 DAVID Malan: Jā, tur jums iet. 1066 00:46:56,443 --> 00:47:00,340 1067 00:47:00,340 --> 00:47:02,460 Kvalitātes EFA ir redzēt ir daudz augstāka kvalitāte. 1068 00:47:02,460 --> 00:47:03,831 Tas ir tikai Wi-Fi šeit. 1069 00:47:03,831 --> 00:47:05,580 COLTON: Tātad, ko jūs esat gatavojas vēlaties darīt 1070 00:47:05,580 --> 00:47:08,350 ir skatīties uz augšu ekrāna labajā pusē. 1071 00:47:08,350 --> 00:47:10,420 Yep, ka spēle uz ļoti augšējā labajā stūrī. 1072 00:47:10,420 --> 00:47:14,780 Un tad, kad jūs esat izvēloties tā, atkal pieskarieties skārienpaliktnim. 1073 00:47:14,780 --> 00:47:17,010 Es domāju, ka tā Dreadhalls. 1074 00:47:17,010 --> 00:47:20,820 Un tad šeit ir a-- šeit, ļaujiet mani turēt savu brilles jums. 1075 00:47:20,820 --> 00:47:24,420 1076 00:47:24,420 --> 00:47:25,790 >> Tāpēc es tikko deva viņam kontrolieris. 1077 00:47:25,790 --> 00:47:28,886 Tāpēc tagad viņš var kontrolēt spēli. 1078 00:47:28,886 --> 00:47:30,510 Viņš var pārvietoties un sīkumi, piemēram, ka. 1079 00:47:30,510 --> 00:47:31,968 Tik iet uz priekšu un meklēt uz augšu. 1080 00:47:31,968 --> 00:47:33,640 Jums vajadzētu redzēt jaunu spēli. 1081 00:47:33,640 --> 00:47:36,310 Tik iet uz priekšu, un jūs varat darīt to. 1082 00:47:36,310 --> 00:47:39,320 Tagad, jums vajadzētu būt iespējai kontrolēt sevi ar kontrolieri, 1083 00:47:39,320 --> 00:47:43,860 kā arī, tiklīdz spēle slodzes šeit. 1084 00:47:43,860 --> 00:47:46,356 Tas varētu būt mazliet biedējoši. 1085 00:47:46,356 --> 00:47:47,300 >> EFA: Tagad jūs varat man pastāstīt. 1086 00:47:47,300 --> 00:47:50,132 LABI. 1087 00:47:50,132 --> 00:47:51,080 >> COLTON: Nu labi. 1088 00:47:51,080 --> 00:47:52,650 Tāpēc apstiprina, ka jūs varat pārvietoties. 1089 00:47:52,650 --> 00:47:52,750 LABI. 1090 00:47:52,750 --> 00:47:53,583 Jūs varat pārvietoties. 1091 00:47:53,583 --> 00:47:54,300 Perfect. 1092 00:47:54,300 --> 00:47:56,470 Tātad, ja paskatās uz leju, jums ir karte. 1093 00:47:56,470 --> 00:47:58,170 Karte rāda, kur jūs esat. 1094 00:47:58,170 --> 00:47:59,720 Jūs varat ielūkoties pa istabu. 1095 00:47:59,720 --> 00:48:01,440 Jūs varat pilnībā apgriezties. 1096 00:48:01,440 --> 00:48:02,128 Jā, tieši tā. 1097 00:48:02,128 --> 00:48:02,627 Apgriezties. 1098 00:48:02,627 --> 00:48:05,370 1099 00:48:05,370 --> 00:48:07,125 >> Tā izskatās uz jūsu kreisi. 1100 00:48:07,125 --> 00:48:09,875 Es domāju, ka tur ir kaut kas jūs varat uzņemt par barelu telpā. 1101 00:48:09,875 --> 00:48:11,709 >> EFA: Kā es varu iegūt karti no tā? 1102 00:48:11,709 --> 00:48:12,375 COLTON: Paskaties uz augšu. 1103 00:48:12,375 --> 00:48:12,980 Paskatieties uz augšu. 1104 00:48:12,980 --> 00:48:13,480 Viss kārtībā. 1105 00:48:13,480 --> 00:48:13,765 Lūdzu. 1106 00:48:13,765 --> 00:48:15,181 Tagad iet uz priekšu un vienkārši apgriezties. 1107 00:48:15,181 --> 00:48:21,460 1108 00:48:21,460 --> 00:48:24,620 Tā izskatās tālāk, lai pa kreisi. 1109 00:48:24,620 --> 00:48:25,530 Saglabāt pārvietojas pa kreisi. 1110 00:48:25,530 --> 00:48:26,960 Glabāt meklējat kreisi. 1111 00:48:26,960 --> 00:48:27,541 Turpini. 1112 00:48:27,541 --> 00:48:28,040 Jā. 1113 00:48:28,040 --> 00:48:28,720 >> EFA: Ak, ka veidā. 1114 00:48:28,720 --> 00:48:29,261 >> COLTON: Jā. 1115 00:48:29,261 --> 00:48:30,999 Iet uz to ar kontrolieris. 1116 00:48:30,999 --> 00:48:31,540 Lūdzu. 1117 00:48:31,540 --> 00:48:32,790 Tagad tas būtu teikt atnākt pakaļ. 1118 00:48:32,790 --> 00:48:33,360 Lūdzu. 1119 00:48:33,360 --> 00:48:34,290 Pacel to. 1120 00:48:34,290 --> 00:48:35,550 Viss kārtībā. 1121 00:48:35,550 --> 00:48:38,286 Tagad, pieņemsim izkļūt no šīs istabas. 1122 00:48:38,286 --> 00:48:42,209 Iet uz priekšu un iet uz šīm durvīm. 1123 00:48:42,209 --> 00:48:45,000 Tātad jūs esat gatavojas hold-- tā saka turiet pogu, lai piespiestu to atvērt. 1124 00:48:45,000 --> 00:48:46,333 Tik iet uz priekšu un turiet pogu. 1125 00:48:46,333 --> 00:48:48,250 Yep, piespiežot to atvērt. 1126 00:48:48,250 --> 00:48:48,750 Viss kārtībā. 1127 00:48:48,750 --> 00:48:49,410 Labs darbs. 1128 00:48:49,410 --> 00:48:50,826 Tagad mēs ejot ārā no istabas. 1129 00:48:50,826 --> 00:48:56,970 1130 00:48:56,970 --> 00:49:01,366 Tāpēc es esmu gatavojas atstāt pārējo augšu jums, un redzēt, ko jūs uzzināt. 1131 00:49:01,366 --> 00:49:02,865 EFA: Es neesmu gatavojas tumšā telpā. 1132 00:49:02,865 --> 00:49:07,315 1133 00:49:07,315 --> 00:49:07,815 Pagaidi. 1134 00:49:07,815 --> 00:49:09,314 Tagad man ir jāiet pa tumšu zāli? 1135 00:49:09,314 --> 00:49:10,785 Labi, es esmu dodas atpakaļ [nedzirdama]. 1136 00:49:10,785 --> 00:49:15,520 1137 00:49:15,520 --> 00:49:16,270 COLTON: Nu labi. 1138 00:49:16,270 --> 00:49:17,560 Daži vairāk preces uzņemt. 1139 00:49:17,560 --> 00:49:19,370 Izskatās, dažas monētas. 1140 00:49:19,370 --> 00:49:22,242 Tas ir atslēga pick. 1141 00:49:22,242 --> 00:49:24,200 Tātad, ja jums atrast bloķēts durvis, jūs varat izmantot to. 1142 00:49:24,200 --> 00:49:27,755 1143 00:49:27,755 --> 00:49:28,380 Vai jums ir bail? 1144 00:49:28,380 --> 00:49:29,371 >> EFA: Vēl nav. 1145 00:49:29,371 --> 00:49:29,871 COLTON: OK. 1146 00:49:29,871 --> 00:49:34,850 1147 00:49:34,850 --> 00:49:35,497 >> Pretend-- yeah. 1148 00:49:35,497 --> 00:49:37,330 Tikai izlikties jūs esat faktiski stāv tur. 1149 00:49:37,330 --> 00:49:39,580 Un, ja jūs savukārt around-- tev pierast pie tā. 1150 00:49:39,580 --> 00:49:40,752 Bet tas ir jēga. 1151 00:49:40,752 --> 00:49:43,960 DAVID Malan: Un kamēr EFA turpina spēlēt, jo mēs varētu darīt visu dienu, 1152 00:49:43,960 --> 00:49:45,381 mēs visi varam tip-toe out šeit. 1153 00:49:45,381 --> 00:49:48,130 Bet mums ir divi citi pāri, ja vēlaties nākt un spēlēt. 1154 00:49:48,130 --> 00:49:49,980 Pretējā gadījumā mēs redzēsim nākamreiz trešdien. 1155 00:49:49,980 --> 00:49:51,354 Paldies mūsu brīvprātīgajiem šodien. 1156 00:49:51,354 --> 00:49:52,101 [Aplausi] 1157 00:49:52,101 --> 00:49:54,506 1158 00:49:54,506 --> 00:49:57,392 >> [MUSIC - "Seinfeld TĒMA"] 1159 00:49:57,392 --> 00:49:58,222 1160 00:49:58,222 --> 00:50:00,180 SPEAKER 1: Nu, es esmu liekot jaunu PL mount on. 1161 00:50:00,180 --> 00:50:01,800 Es tikko mainīja OLPF-- 1162 00:50:01,800 --> 00:50:03,980 >> SPEAKER 2: Tātad, kas tieši jūs darāt? 1163 00:50:03,980 --> 00:50:07,063 >> SPEAKER 1: Nu, katrs no these-- šeit, es jums parādīs šo vienu šeit. 1164 00:50:07,063 --> 00:50:08,690 Jūs varat redzēt šeit. 1165 00:50:08,690 --> 00:50:09,510 >> SPEAKER 3: Es domāju, ka es esmu labs ar tiem. 1166 00:50:09,510 --> 00:50:09,933 Jūs vēlaties, daži vairāk? 1167 00:50:09,933 --> 00:50:11,325 >> SPEAKER 4: Nē, es esmu labs. [Dzirdams]. 1168 00:50:11,325 --> 00:50:12,200 >> SPEAKER 3: Nē, [nedzirdama]. 1169 00:50:12,200 --> 00:50:12,700 Ir daži. 1170 00:50:12,700 --> 00:50:21,165 1171 00:50:21,165 --> 00:50:22,290 SPEAKER 1: Different krāsa. 1172 00:50:22,290 --> 00:50:22,890 SPEAKER 2: OK. 1173 00:50:22,890 --> 00:50:26,690 SPEAKER 1: Tātad galu galā, kas tas tas ir tas pielāgo krāsu of--