1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-AU: Të gjithë të gjithë të drejtë. 3 00:00:12,340 --> 00:00:13,520 Mirë se vini përsëri në seksion. 4 00:00:13,520 --> 00:00:15,315 Kjo është seksioni ynë i parafundit. 5 00:00:15,315 --> 00:00:16,542 Kjo është aq e trishtuar. 6 00:00:16,542 --> 00:00:19,500 Unë nuk e di atë që unë jam duke shkuar për të bërë pa parë ju djema çdo e hënë. 7 00:00:19,500 --> 00:00:20,970 Unë mendoj që ne duhet të just-- ndoshta ne mund vetëm 8 00:00:20,970 --> 00:00:22,710 takohen këtu dhe kanë darkë apo diçka. 9 00:00:22,710 --> 00:00:23,270 Nuk e di. 10 00:00:23,270 --> 00:00:24,370 Unë do të sjellin ushqim në vend. 11 00:00:24,370 --> 00:00:26,290 Ne vetëm do të flasim. 12 00:00:26,290 --> 00:00:29,900 Por po, javën e ardhshme do të të jetë seksion ynë i fundit. 13 00:00:29,900 --> 00:00:32,390 >> Në lidhje me këtë, ju keni një quiz javën e ardhshme. 14 00:00:32,390 --> 00:00:35,660 Unë e di kam harruar të bëj tim, si, dy javë njoftim paraprakisht javën e kaluar, 15 00:00:35,660 --> 00:00:39,140 por shpresojmë se ju djema e dinte ky po vinte. 16 00:00:39,140 --> 00:00:42,880 Shpresojmë se kjo është një nga të fundit midterms për ju djema për të semestrit. 17 00:00:42,880 --> 00:00:46,950 Por ajo do të mbulojë të gjithë material që ne kemi shkuar mbi. 18 00:00:46,950 --> 00:00:50,811 Pra, kjo nuk është si ju vetëm mund të harrojmë rreth katër sythe ose variablave. 19 00:00:50,811 --> 00:00:52,560 Sepse kemi mësuar ata në fillim, 20 00:00:52,560 --> 00:00:55,870 ato janë të qartë lojë të ndershme për quiz tuaj. 21 00:00:55,870 --> 00:01:00,150 >> Ajo do të jetë e të njëjtin format, njëjtë gjatësi, kështu që ju tashmë janë përdorur për të. 22 00:01:00,150 --> 00:01:02,330 Nuk do të jetë kodim nga probleme të dorës, 23 00:01:02,330 --> 00:01:06,270 ndoshta disa i rremë i vërtetë, ndoshta disa përgjigje të shkurtër. 24 00:01:06,270 --> 00:01:08,090 Kështu që ju duhet të jetë familjarizuar me formatin, 25 00:01:08,090 --> 00:01:10,940 veçanërisht në qoftë se ju merrni testet praktikë. 26 00:01:10,940 --> 00:01:13,950 Por si unë them këtu, është kumulative, por ne jemi patjetër 27 00:01:13,950 --> 00:01:17,410 do të jetë e fokusuar në gjërat që nga java e gjashtë e tutje. 28 00:01:17,410 --> 00:01:24,050 Pra, ne jemi ndoshta nuk do për të ju pyes për sa bytes 29 00:01:24,050 --> 00:01:26,180 janë në secilin lloj apo ato llojet e gjërave, 30 00:01:26,180 --> 00:01:29,730 por ne jeni me siguri do të jetë të interesuar në gjëra të tilla si lista të lidhura, 31 00:01:29,730 --> 00:01:32,750 ose struktura të ndryshme të të dhënave, ose algoritme të ndryshme 32 00:01:32,750 --> 00:01:33,960 se ne kemi biseduar rreth. 33 00:01:33,960 --> 00:01:38,990 Prandaj sigurohuni që ju jeni të vërtetë lart mbi ata, dhe në qoftë se ju 34 00:01:38,990 --> 00:01:41,590 nevojë për ndonjë burime, këtu është shumë e burimeve. 35 00:01:41,590 --> 00:01:44,790 Unë vetëm ju dha lloj i një liste të shpejtë atje. 36 00:01:44,790 --> 00:01:48,330 >> Javën e ardhshme do të jetë quiz shihet vazhdimisht gjatë kësaj kohe. 37 00:01:48,330 --> 00:01:52,290 Pra, nëse ju keni ndonjë pyetje ose tema specifike, 38 00:01:52,290 --> 00:01:56,180 gjëra të veçanta në quiz që ju dëshironi të shkoni mbi, ju lutem 39 00:01:56,180 --> 00:02:01,780 dërgoni ato për mua përpara kohe kështu që unë mund të lloj i përgatitur disa materiale për këtë. 40 00:02:01,780 --> 00:02:06,310 Dhe përveç kësaj shqyrtim seksion, ne do të 41 00:02:06,310 --> 00:02:09,616 gjithashtu të mbajë kurs të gjerë shihet vazhdimisht si ne e bëmë për herë të fundit. 42 00:02:09,616 --> 00:02:11,490 Dhe kjo do të jetë bërë nga të njëjtit njerëz. 43 00:02:11,490 --> 00:02:13,030 Unë nuk e di nëse kjo e bën atë më mirë apo më keq, 44 00:02:13,030 --> 00:02:15,670 por ajo do të jetë me mua, Hannah, Davan, dhe Gabe përsëri. 45 00:02:15,670 --> 00:02:18,630 Pra, nëse ju doni të vijnë të parë ne të gjithë tallje me njëri-tjetrin 46 00:02:18,630 --> 00:02:21,270 dhe të ecin nëpër quiz rishikim, ju duhet patjetër të 47 00:02:21,270 --> 00:02:22,600 ardhur për këtë e hëna e ardhshme gjithashtu. 48 00:02:22,600 --> 00:02:26,210 Pra, ju vetëm do të duhet një bllokim e hënë mbushur e rishikimit quiz, e cila është e mirë 49 00:02:26,210 --> 00:02:29,840 sepse atëherë ju keni e martë për të proceduar me çdo gjë. 50 00:02:29,840 --> 00:02:32,230 >> Por patjetër të bëjë kontrolloni nga këto burime. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net është larg, unë mendoj, një nga më të dobishme, 52 00:02:36,030 --> 00:02:37,990 kryesisht për shkak se ajo ka një shumë të kodit të mostrës, 53 00:02:37,990 --> 00:02:40,490 ajo i ka të gjitha Pikët Fuqia me të gjitha shënimet në të, 54 00:02:40,490 --> 00:02:44,510 të cilat janë me të vërtetë ajo që kam nxjerrë më e materialeve të mia nenin nga. 55 00:02:44,510 --> 00:02:47,480 Nëse ka ndonjë gjë në previous Pjesët që unë mund të ketë dërguar jashtë 56 00:02:47,480 --> 00:02:49,920 që ju nuk mund të ketë gotten, just let me know. 57 00:02:49,920 --> 00:02:52,520 Ashtu si kod mostër e javës së kaluar, në qoftë se dikush nuk e kam marrë atë, 58 00:02:52,520 --> 00:02:55,930 vetëm email mua ose të vijnë flasin për mua, dhe unë do të sigurohemi që ju të merrni atë. 59 00:02:55,930 --> 00:03:02,000 >> Pra, me që, sot ne jemi duke shkuar të jetë duke folur për JavaScript. 60 00:03:02,000 --> 00:03:04,690 Pra, këtu ne Tommy, i cili unë kam qenë vetëm duke folur për ju natën e fundit. 61 00:03:04,690 --> 00:03:06,670 Unë e dua Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript është e preferuar të tij gjuhë, siç thotë ai këtu. 63 00:03:09,040 --> 00:03:14,050 Ata do të përpiqen dhe të ju them se kjo është jo më mirë, dhe ata do të jetë i gabuar. 64 00:03:14,050 --> 00:03:16,510 Pra, Tommy është një mjeshtër JavaScript. 65 00:03:16,510 --> 00:03:19,850 Unë nuk jam mjaft në të tyren nivel, por unë kam qenë si, 66 00:03:19,850 --> 00:03:22,900 "Tommy, si mund ta mësoj këta fëmijë JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Kështu që kam marrë disa këshilla, kështu me shpresë që ata të punojnë jashtë. 68 00:03:26,700 --> 00:03:31,140 >> Pra, një disa gjëra për të dini është se JavaScript është një scripting klient-side 69 00:03:31,140 --> 00:03:35,560 gjuhë, kështu që ndërsa PHP është diçka që ne të konsiderohet më shumë server-side, 70 00:03:35,560 --> 00:03:39,280 ajo u ngarkoj në server, hartuar dhe ekzekutuar aty. 71 00:03:39,280 --> 00:03:42,871 Kjo është ekzekutuar në kompjuterin tuaj. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Pra, ju load një faqe JavaScript, dhe ajo ekzekuton në kompjuterin tuaj. 74 00:03:46,960 --> 00:03:49,910 Sintaksa është shumë e ngjashme me C dhe PHP. 75 00:03:49,910 --> 00:03:52,490 Ne jemi duke shkuar për të shkuar nëpërmjet disa shembuj të JavaScript, 76 00:03:52,490 --> 00:03:56,740 dhe ju do të jeni për të parë se mënyrë ne flasim për variablat, sythe, 77 00:03:56,740 --> 00:03:58,910 dhe kushtet janë të gjithë shumë të ngjashme. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Fakti se ata janë kaq të ngjashme është ndoshta do të udhëtim disa nga ju 80 00:04:04,490 --> 00:04:08,529 lart, në disa raste, vetëm për shkak se ju do të inkorporojë pak e C 81 00:04:08,529 --> 00:04:09,570 ku nuk duhet të ketë. 82 00:04:09,570 --> 00:04:14,130 Ndoshta ju provoni dhe shkruani diçka kur ajo nuk duhet të shtypet. 83 00:04:14,130 --> 00:04:16,540 >> Dhe në se, një gjë për të di është se JavaScript 84 00:04:16,540 --> 00:04:19,360 është një shtypur dinamike Gjuha, si PHP. 85 00:04:19,360 --> 00:04:21,410 Pra, në qoftë se ju djema mbani mend nga seksioni javën e kaluar, 86 00:04:21,410 --> 00:04:23,680 kur ishim lloj i bërë tonë kurs përplasje PHP, 87 00:04:23,680 --> 00:04:28,860 ne pamë se si një një varg mund të jetë u kthye në një një int, dhe kështu me radhë. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Lloji i variablave tuaj janë të përcaktuara në kohë të kandidojë, 90 00:04:34,850 --> 00:04:38,180 kështu që ata mund të ndryshojë me kalimin e Kursi i programit, 91 00:04:38,180 --> 00:04:43,109 dhe në të njëjtën mënyrë që ne kurrë të vërtetë të deklarojë llojet për variablat PHP, 92 00:04:43,109 --> 00:04:45,900 ne jemi duke shkuar për të bërë të njëjtën gjë gjë këtu, ku ne nuk jemi të 93 00:04:45,900 --> 00:04:49,740 kontrollin e llojeve të variablave tanë, si të thuash, si të bëjmë në C. 94 00:04:49,740 --> 00:04:52,200 >> Dhe pastaj një gjë që është shumë i ftohtë është 95 00:04:52,200 --> 00:04:54,090 që ju mund gabim kontrolloni nëpërmjet konsol, 96 00:04:54,090 --> 00:04:57,240 me këtë funksion të madh console.log, e cila 97 00:04:57,240 --> 00:05:00,930 ju lejon të shtypura nga të ndryshme variabla ose objekte që ne do të 98 00:05:00,930 --> 00:05:01,750 flasim për. 99 00:05:01,750 --> 00:05:05,720 Ashtu si javën e kaluar kur isha si, "e përdorin këtë funksion", me hale 100 00:05:05,720 --> 00:05:10,490 nga pset tuaj ky është një funksion ju dëshironi të përdorni, console.log. 101 00:05:10,490 --> 00:05:12,860 Isha aq i befasuar se sa shumë studentë në orarit të punës 102 00:05:12,860 --> 00:05:14,530 nuk e di në lidhje me funksionin hale. 103 00:05:14,530 --> 00:05:19,010 Dhe unë kam qenë si, "djema, ky vullnet bërë jetën tuaj në mënyrë shumë më të lehtë. " 104 00:05:19,010 --> 00:05:22,960 >> Në rregull, kështu që ishte lloj i vetëm një gjë të shkurtër, si gjithmonë, 105 00:05:22,960 --> 00:05:24,000 ne kemi shembuj. 106 00:05:24,000 --> 00:05:25,600 Unë e di ju djema dua ata. 107 00:05:25,600 --> 00:05:30,930 Kështu që këtu është një shembull i një shumë të i thjeshtë JavaScript paraqesë këtu. 108 00:05:30,930 --> 00:05:34,000 Pra, kjo është vetëm duke shkuar për të krijuar kjo pop-up që thotë, 109 00:05:34,000 --> 00:05:36,336 "Bota hello," kur ju hyrë në faqe, por le të 110 00:05:36,336 --> 00:05:37,960 përpiqen dhe të ecin nëpër këtë një pak. 111 00:05:37,960 --> 00:05:43,440 Pra, padyshim kjo është vetëm si index.html tuaj normale. 112 00:05:43,440 --> 00:05:50,280 Pra, vetëm template tonë normale këtu, dhe ne kemi HTML, ne kemi kokën tonë, 113 00:05:50,280 --> 00:05:55,580 dhe ashtu si me CSS, si ne përfshihen disa fotografi nga jashtë, e drejtë? 114 00:05:55,580 --> 00:05:59,260 Ne kemi disa lloj script teksti që është në JavaScript. 115 00:05:59,260 --> 00:06:02,680 Dhe burim është hello.js, cila është poshtë këtu. 116 00:06:02,680 --> 00:06:05,630 Kjo është e gjithë dosja e hello.js. 117 00:06:05,630 --> 00:06:09,080 Dhe pastaj ne kemi disa Titulli dhe disa HTML trup 118 00:06:09,080 --> 00:06:11,050 që ne nuk e kujdesit të vërtetë në lidhje. 119 00:06:11,050 --> 00:06:15,970 >> Çfarë ndodh është, kur ne e ngarkesës këtë faqe, ajo automatikisht ekzekuton këtë skenar. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Pra JavaScript do të ekzekutojë automatikisht. 122 00:06:18,790 --> 00:06:22,860 Pra, çfarë ajo do të bëjë, ajo do që menjëherë të shkoj dhe të kryej këtë. 123 00:06:22,860 --> 00:06:24,110 Dhe ajo do të thonë, "alarm. 124 00:06:24,110 --> 00:06:25,190 Përshëndetje botë. " 125 00:06:25,190 --> 00:06:30,840 Cili vigjilent është funksion që në fakt gjeneron këtë kuti. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Pra, kjo është lloj i të gjithë të përfshirë. 128 00:06:33,390 --> 00:06:36,700 Nuk ka asgjë shtesë kemi pasur për të bërë përveç vetëm vigjilent, 129 00:06:36,700 --> 00:06:40,000 dhe pastaj çdo gjë që kemi dashur brenda kutisë tonë Alert. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Pra, kjo është vetëm një super i thjeshtë shembull se çfarë mund të bëjë JavaScript. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Një nga të vërtetë cool gjërat, si ne do të shohim, 134 00:06:50,070 --> 00:06:55,150 është se JavaScript ju lejon për të manipuluar faqet tuaja web, 135 00:06:55,150 --> 00:06:57,720 pa pasur nevojë për të ringarkoni atyre çdo kohë. 136 00:06:57,720 --> 00:07:01,830 Pra, nëse ju want-- për shembull, në qoftë se ju po fluturonte mbi diçka, 137 00:07:01,830 --> 00:07:04,300 në qoftë se ju djema ndonjëherë kanë shihet si bare Menu, 138 00:07:04,300 --> 00:07:07,360 ose kur ju rri pezull mbi disa temë, një menu Drop-down duket, 139 00:07:07,360 --> 00:07:08,670 kjo është për shkak të JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Pra, ju nuk jeni reloading të tërë faqe për të marrë këtë menu për të treguar lart, 142 00:07:12,670 --> 00:07:17,240 ju jeni vetëm në kërkim për disa të veçanta veprim që përdoruesi ka marrë, 143 00:07:17,240 --> 00:07:21,800 të cilat janë quajtur ngjarjet që ne do të merrni në, dhe një herë ju të shihni se, ju thoni, 144 00:07:21,800 --> 00:07:25,960 "OK, për të ndryshuar diçka në këtë faqe dhe e bëjnë të duken të ndryshme, 145 00:07:25,960 --> 00:07:28,270 por vetëm redaktoni këto gjëra të veçanta. 146 00:07:28,270 --> 00:07:29,690 Mos ringarkoni gjithë gjë. " 147 00:07:29,690 --> 00:07:33,110 Pra, ai në fakt është shumë nicer, dhe ju nuk keni për të rifreskoni faqet tuaja, 148 00:07:33,110 --> 00:07:34,510 dhe kjo është me të vërtetë cool. 149 00:07:34,510 --> 00:07:38,270 >> Deklaratat Pra ndryshueshme, kështu që ju mund të lloj të shihni, 150 00:07:38,270 --> 00:07:40,530 I vënë në krye këtu, shtypen lirshëm. 151 00:07:40,530 --> 00:07:42,570 Pra, kjo është shumë e shumë si PHP. 152 00:07:42,570 --> 00:07:48,770 Ne nuk kemi nevojë për të të treguar JavaScript çfarë lloji ne jemi 153 00:07:48,770 --> 00:07:50,740 pritur secili prej këtyre variablat të jetë. 154 00:07:50,740 --> 00:07:52,560 Ata mund të jenë çfarëdo lloje ne duam. 155 00:07:52,560 --> 00:07:57,480 Kështu që ju të vini re në këtë rast, ne deklarojnë ata shumë thjesht, vetëm me "var" 156 00:07:57,480 --> 00:08:00,990 dhe pastaj çdo gjë që ne duam emri ynë variabël të jetë. 157 00:08:00,990 --> 00:08:05,680 Një gjë të theksohet është se kur ju vënë var para një emër ndryshueshme, 158 00:08:05,680 --> 00:08:07,520 ajo nivel lokal SCOPES atë. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Kjo është krejtësisht e arsyeshme për ju për të krejtësisht të vetëm të fshihet var 161 00:08:14,025 --> 00:08:18,970 dhe vetëm duhet s barabartë CS50, dhe që do të ishte vetëm një ndryshore globale. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Kështu që ju mund të iniciojnë atë të dy mënyra, vetëm varet se si ju doni atë. 164 00:08:22,490 --> 00:08:24,448 Pra, nëse ju jeni duke Initializing ajo brenda një funksioni, 165 00:08:24,448 --> 00:08:28,070 dhe ju doni që ndryshore në qëndrojnë scoped brenda këtij funksioni, 166 00:08:28,070 --> 00:08:31,620 ju jeni do të dëshironi të bëni diçka si var emërojë një ndryshore, 167 00:08:31,620 --> 00:08:34,270 kundrejt nëse ju doni atë globalisht scoped, ju 168 00:08:34,270 --> 00:08:36,240 vetëm mund të bëjë emrin e ndryshueshme dhe pastaj 169 00:08:36,240 --> 00:08:38,270 çdo gjë që ju dëshironi që ajo të vendosur barabartë me. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> Kjo është lloj gjë ftohtë poshtë këtu, sepse në qoftë se vërejmë e ndryshueshme ynë 172 00:08:45,580 --> 00:08:47,590 b fillon nga si e vërtetë. 173 00:08:47,590 --> 00:08:51,280 Dhe çfarë kjo mund does-- dikush më tregoni se çfarë kjo e bën? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Pra, ne kemi disa alarm. 176 00:08:55,890 --> 00:09:00,156 Çfarë do të tipit të b të jetë në fillim? 177 00:09:00,156 --> 00:09:00,905 AUDIENCA: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 E drejtë. 180 00:09:01,940 --> 00:09:07,260 Dhe pastaj ne reassign b në këtë varg, e drejtë? 181 00:09:07,260 --> 00:09:11,170 Kështu atëherë këtu, çfarë lloji të b të jetë? 182 00:09:11,170 --> 00:09:12,480 Ajo do të jetë një string, e drejtë? 183 00:09:12,480 --> 00:09:14,900 Pra, çfarë është e rëndësishme për të njoftim është se në c, ne 184 00:09:14,900 --> 00:09:17,330 pothuajse do të mund kurrë të bëjë diçka të tillë. 185 00:09:17,330 --> 00:09:22,000 Ne do të duhet të ketë një ndryshore, hedhur atë si diçka tjetër, 186 00:09:22,000 --> 00:09:27,185 ndoshta të bëjë disa funksion me një dy i, shkojnë nga një akuzë për një numër të plotë. 187 00:09:27,185 --> 00:09:31,063 Por nëse vërejmë këtu, b shumë lehtë ndryshon lloji. 188 00:09:31,063 --> 00:09:33,760 >> AUDIENCA: Prisni, kështu që ju mund vetëm të jetë si, "të bëjë b një numër të plotë?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON BUCHHOLTZ-AU: Po. 190 00:09:34,360 --> 00:09:36,185 Ju vetëm mund të reassign b në një numër të plotë. 191 00:09:36,185 --> 00:09:36,910 >> AUDIENCA: Really? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON BUCHHOLTZ-AU: Po. 193 00:09:38,035 --> 00:09:39,810 Dhe atëherë do të jetë një int. 194 00:09:39,810 --> 00:09:43,820 Pra variabla tuaj të mund të ndryshojë me kalimin e Kursi i programit shumë. 195 00:09:43,820 --> 00:09:46,410 Ata nuk janë të shtypur në mënyrë rigoroze. 196 00:09:46,410 --> 00:09:49,180 Ajo është e shtypur shumë lirshëm. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Në thelb variabla tuaj mund të bëjë çfarëdo ata duan, si ne lloj i pamë me PHP. 199 00:09:54,820 --> 00:09:59,430 Ata mund të bëjnë disa gjëra të çmendur, kështu që është e rëndësishme që të jetë mjaft i kujdesshëm. 200 00:09:59,430 --> 00:10:01,200 Emri variablave tuaj të mirë. 201 00:10:01,200 --> 00:10:03,450 Nëse ju nuk, bëni të gjitha një e papritur ju jeni do të jetë si, 202 00:10:03,450 --> 00:10:05,783 "Prisni, unë mendova se kjo ishte një string, dhe tani është një int, 203 00:10:05,783 --> 00:10:08,170 dhe unë nuk jam shumë i sigurt çfarë po ndodh këtu. " 204 00:10:08,170 --> 00:10:12,410 Pra, kjo është vetëm një shembull i thjeshtë i duke treguar se si një variabël mund të lehtë 205 00:10:12,410 --> 00:10:15,890 të ndryshojë llojin e vet mbi kurs i një programi. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Pra kjo duhet të duket super, super të njohur. 208 00:10:19,200 --> 00:10:21,510 Pra, këto janë sythe tanë në JavaScript. 209 00:10:21,510 --> 00:10:27,780 Ata janë të njëjtë, me përjashtim të në vend të katër int i barabartë zero, 210 00:10:27,780 --> 00:10:30,470 ne mund të themi vetëm var i barabartë me zero. 211 00:10:30,470 --> 00:10:34,100 Dhe atëherë ne mund të kemi të njëjtin lloj tonë i gjendjes, i njëjti lloj i përditësimit, 212 00:10:34,100 --> 00:10:36,090 i plus plus works just fine. 213 00:10:36,090 --> 00:10:39,800 Pra katër këmbët janë të njëjta, ndërsa janë të njëjta, 214 00:10:39,800 --> 00:10:41,440 dhe bëni ndërsa janë saktësisht të njëjtë. 215 00:10:41,440 --> 00:10:44,070 Same lloj i formatit të përgjithshëm. 216 00:10:44,070 --> 00:10:48,840 Ne njoftim, katër, kllapa, kllapa, kjo është e gjitha e njëjtë. 217 00:10:48,840 --> 00:10:51,470 Gjithashtu do të ketë pikpresje kur ne të merrni për shembull kodi. 218 00:10:51,470 --> 00:10:55,250 Ju do të shihni se është goxha shumë njëjtë si c. 219 00:10:55,250 --> 00:10:59,770 >> Për deklaratave funksion, përsëri, shumë të ngjashme. 220 00:10:59,770 --> 00:11:05,100 Ne kemi disa funksion që vetëm thotë se kjo është një funksion, dhe pastaj 221 00:11:05,100 --> 00:11:07,660 Emri i tonë funksion, dhe inputet. 222 00:11:07,660 --> 00:11:11,590 Dhe përsëri në qoftë se ne të vini re, ne nuk kanë lloje këtu whatsoever. 223 00:11:11,590 --> 00:11:12,090 E drejtë? 224 00:11:12,090 --> 00:11:18,150 Ne kemi asgjë duke thënë se këto duhet të jenë në ints ose dopjo, ose gjithandej. 225 00:11:18,150 --> 00:11:19,530 Ata mund të jetë çdo gjë që ata duan. 226 00:11:19,530 --> 00:11:23,560 Çfarë është e rëndësishme është vërejtur se ne kemi nevojë për të shkruar funksionin më parë 227 00:11:23,560 --> 00:11:26,430 të le JavaScript di se kjo është në fakt një funksion. 228 00:11:26,430 --> 00:11:29,820 >> Pra, kjo është vetëm disa shuma e thjeshtë funksion që kthen x apo y, 229 00:11:29,820 --> 00:11:33,800 dhe pastaj ajo që është edhe i ftohtë është se ju mund të vërtetë 230 00:11:33,800 --> 00:11:35,950 caktojë një funksion të një variable. 231 00:11:35,950 --> 00:11:41,770 Pra në këtë rast, shuma është tani funksion që në fakt e bën shumë. 232 00:11:41,770 --> 00:11:47,740 Pra, në qoftë se ju të vini re këtu, ne kemi funksion, emri i funksionit, inputeve. 233 00:11:47,740 --> 00:11:48,860 E drejtë? 234 00:11:48,860 --> 00:11:52,120 Këtu ne vetëm duhet funksionin dhe inputet. 235 00:11:52,120 --> 00:11:54,310 Pra, kjo është quajtur një funksion anonim. 236 00:11:54,310 --> 00:11:59,265 Dhe kjo është diçka që duhet të jetë i ri për shumicën prej jush djema, nëse jo të gjithë ju. 237 00:11:59,265 --> 00:12:01,140 Pra, në thelb ajo që do të thotë është se ne nuk bëjmë 238 00:12:01,140 --> 00:12:03,050 nevojë për emrin e tonë funksion në këtë rast. 239 00:12:03,050 --> 00:12:06,260 Ne mund të themi vetëm, "OK, unë jam duke shkuar për të kanë këtë funksion që ekzekuton, këtu 240 00:12:06,260 --> 00:12:08,550 janë inputet e saj, dhe këtu është çfarë ajo do të bëjë. " 241 00:12:08,550 --> 00:12:12,540 Dhe sidomos kur ju jeni të caktimit një funksion për disa variable 242 00:12:12,540 --> 00:12:14,950 se ju jeni do të manipuluar, ju nuk bëni domosdo 243 00:12:14,950 --> 00:12:17,116 nevojë për të përmendur atë, sepse ju jeni do të jetë duke iu referuar 244 00:12:17,116 --> 00:12:20,990 asaj nga ky variable emri, jo nga çfarëdo 245 00:12:20,990 --> 00:12:22,840 funksion quhej në të vërtetë. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Pra, nëse ne shohim këtu, ne kanë disa shumë të ndryshueshme tani 248 00:12:27,810 --> 00:12:30,920 që është e barabartë tek Shuma e tre dhe pesë. 249 00:12:30,920 --> 00:12:33,070 Dhe ne do të merrni këtë. 250 00:12:33,070 --> 00:12:36,750 Dhe kjo vetëm do të ketë disa alarm, tre plus pesë barabartë me numrin. 251 00:12:36,750 --> 00:12:43,950 Kjo plus vetëm do të lidh çfarëdo përgjigjja jonë ishte mbi të vargut. 252 00:12:43,950 --> 00:12:47,420 Gjithashtu ftohtë, plus mund të lidh vargjet. 253 00:12:47,420 --> 00:12:53,510 >> Për JavaScript, si me PHP, HTML, CSS dhe siç kemi thënë, 254 00:12:53,510 --> 00:12:56,450 një shumë kjo lloj ne jemi duke i marrë rrotat e trajnimit jashtë këtu 255 00:12:56,450 --> 00:13:02,030 dhe ju djema kanë shumë dijeni se si të vërtetë kuptojnë këto gjëra. 256 00:13:02,030 --> 00:13:04,280 Ata janë pak më të ndryshme, por ata nuk janë aq të huaj 257 00:13:04,280 --> 00:13:09,460 dhe se ju nuk mund të Google gjëra ose shikoni ato online me shkollat ​​W3. 258 00:13:09,460 --> 00:13:12,755 Dhe ne jemi të vërtetë duke pritur ju djema deri, lloj i, eksperimenti 259 00:13:12,755 --> 00:13:14,400 dhe të mësojnë në tuaj. 260 00:13:14,400 --> 00:13:19,490 Pra, unë e di kjo mund të duket pak më pak i plotë se disa nga c gjërave 261 00:13:19,490 --> 00:13:21,936 ne bëjmë, por kjo është në të vërtetë për një arsye. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Por shpresojmë se ajo nuk është shumë e i ndryshëm, dhe kjo nuk është e madhe. 264 00:13:28,470 --> 00:13:31,940 >> Pra vargjeve në JavaScript, përsëri shumë, shumë të ngjashme. 265 00:13:31,940 --> 00:13:32,460 E drejtë? 266 00:13:32,460 --> 00:13:36,520 Ne kemi disa rrjet të ndryshueshme kjo është e barabartë me kllapa bosh, 267 00:13:36,520 --> 00:13:40,340 dhe kjo është vetëm një koleksion i zbrazët. 268 00:13:40,340 --> 00:13:43,420 Kjo është quajtur shpesh simbol literal array. 269 00:13:43,420 --> 00:13:45,280 Kjo është vetëm një gjë që ne e quajmë atë. 270 00:13:45,280 --> 00:13:51,380 Nëse ne shohim koleksion të dy këtu, ne kemi disa array literal se ka tre elemente, 271 00:13:51,380 --> 00:13:51,910 e drejtë? 272 00:13:51,910 --> 00:13:54,640 Dhe pastaj ne kemi disa element var i tretë që është 273 00:13:54,640 --> 00:13:58,060 disa ndryshore që është vetëm do të mbajë këtë varg, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Elementet, të mira në njoftim, janë të ndara me presje, 276 00:14:06,170 --> 00:14:07,740 ashtu si ne do të presim. 277 00:14:07,740 --> 00:14:14,630 Dhe ju gjithashtu mund të hyni këto, si ne e bëmë në C, me këtë tregues simbol, e drejtë? 278 00:14:14,630 --> 00:14:16,950 Pra, ndryshe nga PHP tani, ne jemi duke shkuar prapa 279 00:14:16,950 --> 00:14:20,180 për vetëm lloj i referohej për gjëra nga indeksi. 280 00:14:20,180 --> 00:14:22,189 Ashtu si C, ajo është edhe indeksi zero. 281 00:14:22,189 --> 00:14:25,230 Ndjehem si ajo do të jetë me të vërtetë mizore nëse ata papritmas bënë JavaScript njërin 282 00:14:25,230 --> 00:14:30,630 indeks, dhe keni pasur për të plotësisht mendonin se si ju mendoni rreth vargjeve. 283 00:14:30,630 --> 00:14:36,140 >> Një gjë e ftohtë është se në vend e të pasurit për të do-- nëse ju ndonjëherë 284 00:14:36,140 --> 00:14:39,240 kërkuar gjatësinë e një grup, ndoshta ju iterate nëpërmjet saj 285 00:14:39,240 --> 00:14:43,430 derisa ju të gjeni disa fund, ose ju vetëm do të dini se çfarë është. 286 00:14:43,430 --> 00:14:49,310 Sepse JavaScript është shumë e lirshme në më shumë mënyra se vetëm tipin, siç e shohim këtu, 287 00:14:49,310 --> 00:14:53,310 ne mund të bëjë vetëm këtë koleksion më e madhe sepse ne vendosim për të. 288 00:14:53,310 --> 00:14:56,177 Nëse vërejmë koleksion të tre ka tre gjëra për të filluar, 289 00:14:56,177 --> 00:14:58,510 por pastaj të gjithë një e papritur, ne jemi si, "oh, just kidding. 290 00:14:58,510 --> 00:15:01,370 Ne jemi të vërtetë duke shkuar për ta bërë atë 101 gjërat. " 291 00:15:01,370 --> 00:15:05,300 Pra, nëse ndonjëherë ju doni të dini Gjatësia aktual i array tuaj, 292 00:15:05,300 --> 00:15:06,680 ju bëni atë si kjo. 293 00:15:06,680 --> 00:15:10,470 Dhe ne do të shohim shumë i këtij simbol në shembuj, 294 00:15:10,470 --> 00:15:12,730 por me JavaScript kjo është në mënyrë tipike çfarëdo 295 00:15:12,730 --> 00:15:16,410 objekt që ju jeni duke folur për dot çfarëdo lloj funksioni 296 00:15:16,410 --> 00:15:17,740 ju doni aplikuar për të. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Pra në këtë rast, tona objekti është array dy, 299 00:15:20,520 --> 00:15:23,470 dhe ne themi se ne duam Gjatësia e array dy. 300 00:15:23,470 --> 00:15:25,716 Pra, kjo vetëm e quan si gjatësi mbi atë. 301 00:15:25,716 --> 00:15:27,090 Dhe se do të kthehet gjatësinë tuaj. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Gjithashtu diçka të theksohet është se në qoftë se ne njoftim vargjeve tona, 304 00:15:36,790 --> 00:15:39,830 ndryshe nga C, ata nuk kanë të gjithë nga të njëjtit llojit. 305 00:15:39,830 --> 00:15:41,670 Kjo është shumë më tepër si PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript është në thelb vetëm si kjo shumë Raporto interesant i C dhe PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Pra, ne do të merrni në atë. 309 00:15:52,170 --> 00:15:56,750 Tani për tani, le të vetëm të supozojmë se vargjeve tuaja janë në thelb 310 00:15:56,750 --> 00:16:00,640 si vargjeve C, në se ata janë të futura zero. 311 00:16:00,640 --> 00:16:04,120 OK, kështu që është çdo gjë. 312 00:16:04,120 --> 00:16:08,850 Ju gjithashtu mund të zgjasë vetëm një array në çfarëdo indeks ju dëshironi. 313 00:16:08,850 --> 00:16:14,260 Ndërsa kjo ndoshta do të Seg faj mbi ju apo të ju jap disa gabim, 314 00:16:14,260 --> 00:16:15,970 JavaScript është si, "nah, kjo është në rregull. 315 00:16:15,970 --> 00:16:16,620 I kam këtë. 316 00:16:16,620 --> 00:16:19,460 Ne vetëm do të shkojnë drejt ku ju doni të. " 317 00:16:19,460 --> 00:16:24,310 >> OK, kështu objekte janë shumë të rëndësishme. 318 00:16:24,310 --> 00:16:29,720 Ju djema do të jetë duke përdorur një shumë të këtyre në vendosur tuaj P, nëse më kujtohet saktë. 319 00:16:29,720 --> 00:16:34,780 Pra, gjë që këto janë të ngjashme me në C janë structs. 320 00:16:34,780 --> 00:16:39,290 Kështu që ju mund të mendoni about-- kur ne do të shkojmë në një shembull të drejtë 321 00:16:39,290 --> 00:16:41,810 pas kësaj unë mendoj se do të të bëjë shumë më tepër sense-- 322 00:16:41,810 --> 00:16:45,830 por ne thelb përdorni objekte të organizojnë e informacionit kurs të lidhura. 323 00:16:45,830 --> 00:16:47,780 Kur kemi biseduar për structs në C, ne shpesh 324 00:16:47,780 --> 00:16:53,405 flasin për një student i cili kishte ndonjë emër, ID, shtëpi, ju e dini, përqendrimi. 325 00:16:53,405 --> 00:16:56,030 Dhe kjo është lloj i të njëjtën gjë që ne përdorim objektet për këtu. 326 00:16:56,030 --> 00:16:59,300 Është vetëm për të organizuar informacion i ngjashëm. 327 00:16:59,300 --> 00:17:03,620 >> Ju gjithashtu mund të mendoj për këto si më të ngjashme me shoqeruese vargjeve në PHP. 328 00:17:03,620 --> 00:17:10,010 Pra, kjo do të jetë lloj i gjë ku ne kemi disa çelës me disa vlera, 329 00:17:10,010 --> 00:17:12,859 shumë e ngjashme me PHP. 330 00:17:12,859 --> 00:17:15,780 Kështu që ju mund të iniciojnë disa objekt bosh, siç e shohim deri këtu, 331 00:17:15,780 --> 00:17:17,390 vetëm me formatimin e teksteve kaçurrel. 332 00:17:17,390 --> 00:17:19,160 Vargjeve kështu janë kllapa katrore. 333 00:17:19,160 --> 00:17:21,220 Objekte zbrazëta formatimin e teksteve kaçurrel. 334 00:17:21,220 --> 00:17:24,020 Dallim mirë që të ketë. 335 00:17:24,020 --> 00:17:27,319 Dhe këto janë vetëm dy të ndryshme mënyra për të vendosur pronat. 336 00:17:27,319 --> 00:17:31,460 Pra, kjo është lloj i më shumë një mënyrë që 337 00:17:31,460 --> 00:17:35,220 është e ngjashme me PHP, me tonë vargjeve asociative, me çelës tonë, 338 00:17:35,220 --> 00:17:39,910 dhe vlera jonë, kurse ky njeri is-- ju do të 339 00:17:39,910 --> 00:17:41,920 shohin këtë shumë më tepër në JavaScript. 340 00:17:41,920 --> 00:17:43,550 Kjo ka tendencë të jetë konventë. 341 00:17:43,550 --> 00:17:47,660 Dhe në të njëjtën mënyrë që ne e bëmë array dy dot gjatësi, kjo është duke thënë, 342 00:17:47,660 --> 00:17:51,580 "OK, më jep këtë atribut i këtij objekti. " 343 00:17:51,580 --> 00:17:52,110 E drejtë? 344 00:17:52,110 --> 00:17:55,660 Pra, në të njëjtën mënyrë ajo ishte si, "më jepni Gjatësia atribut i array dy, " 345 00:17:55,660 --> 00:17:59,970 kjo është duke thënë, "Më jepni disa pronë e objektit tonë të zbrazët. " 346 00:17:59,970 --> 00:18:02,890 Ose në këtë rast, ne jemi caktimin atë për disa vlera këtu. 347 00:18:02,890 --> 00:18:06,200 Por ju mund të hyni në atë në këtë mënyrë. 348 00:18:06,200 --> 00:18:09,090 >> Dhe pastaj këtu kjo është vetëm duke treguar dy alarme të ndryshme. 349 00:18:09,090 --> 00:18:12,320 Pra, kjo do të tregojë alarme do të jetë e njëjtë e saktë, 350 00:18:12,320 --> 00:18:17,150 kjo është vetëm dy mënyra të ndryshme të qasjes në element që ne duam. 351 00:18:17,150 --> 00:18:19,552 A do të ketë kuptim për të gjithë? 352 00:18:19,552 --> 00:18:21,510 Ndjehem si ky ndoshta e bën më shumë kuptim, 353 00:18:21,510 --> 00:18:23,270 vetëm për shkak se ne jemi të ardhur off i PHP. 354 00:18:23,270 --> 00:18:26,400 Por si ne shume shembuj, kjo është fjalë për fjalë saktësisht e njëjtë. 355 00:18:26,400 --> 00:18:28,170 Një shumë kjo është vetëm ndryshojnë në sintaksë. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, kështu që shembuj. 358 00:18:33,030 --> 00:18:34,180 Unë e dua shembuj. 359 00:18:34,180 --> 00:18:40,070 Kështu që këtu është disa CS50 variabël që është një objekt, 360 00:18:40,070 --> 00:18:42,160 dhe ne dyqan e gjithë kjo informacion në lidhje me të. 361 00:18:42,160 --> 00:18:46,680 Pra, ne kemi Sigurisht, instruktor, TFS, psets, dhe regjistruar. 362 00:18:46,680 --> 00:18:51,840 Pra, ne të vini re këto janë pothuajse të gjithë të llojeve të ndryshme. 363 00:18:51,840 --> 00:18:52,340 E drejtë? 364 00:18:52,340 --> 00:18:56,230 Pra objekte mund të ruajë atributet e llojeve të ndryshme. 365 00:18:56,230 --> 00:19:01,220 Ne mund të mendoj për this-- se është shumë të ngjashme me array tonë associative në PHP. 366 00:19:01,220 --> 00:19:07,470 Pra kyç, vlera, kyç, vlera, kyç, vlera, kështu me radhë e kështu me radhë. 367 00:19:07,470 --> 00:19:11,230 Çfarë është gjithashtu interesante në të njëjtën mënyrë që ne mund të kemi vargjeve brenda vargjeve, 368 00:19:11,230 --> 00:19:14,690 ne gjithashtu mund të ketë objekte brenda objekte, apo vargjeve brenda objekteve. 369 00:19:14,690 --> 00:19:18,410 Ju kurrë nuk jeni të kufizuar të vërtetë të vetëm një i vetëm një prej gjërave. 370 00:19:18,410 --> 00:19:24,220 Ne mund të merrni shumë Inceptionesque, vetëm do të mbajë poshtë vrimë lepuri atje. 371 00:19:24,220 --> 00:19:26,080 >> Pra, nëse ne njoftim, ne kanë disa kurs që 372 00:19:26,080 --> 00:19:31,120 është një varg, instruktor kjo është një varg, dhe array, një int, dhe një Boolean. 373 00:19:31,120 --> 00:19:36,110 Pra, të gjitha këto gjëra të ndryshme. 374 00:19:36,110 --> 00:19:39,600 >> Në rregull, kështu që, ne kemi një tjetër. 375 00:19:39,600 --> 00:19:42,930 Pra në këtë rast, ne kemi një koleksion të objekteve. 376 00:19:42,930 --> 00:19:45,320 Pra vetëm si një objekt mund të ketë një rrjet në të. 377 00:19:45,320 --> 00:19:47,210 Ne gjithashtu mund të ketë një rrjet të objekteve. 378 00:19:47,210 --> 00:19:51,250 Kjo mund të jetë e dobishme për të mendoni rreth ngjashme me llojin 379 00:19:51,250 --> 00:19:54,260 e sa kemi pasur një hash tavolinë, kemi pasur një koleksion 380 00:19:54,260 --> 00:19:56,220 të gjitha këto të ndryshme Llojet e structs se 381 00:19:56,220 --> 00:19:59,070 ishin pointers të ndryshme nyjet dhe gjësend. 382 00:19:59,070 --> 00:20:01,420 Por në këtë rast, ne kanë një rrjet të objekteve. 383 00:20:01,420 --> 00:20:04,890 Pra, kjo është si një grup vargjeve të asociative. 384 00:20:04,890 --> 00:20:09,430 Pra, ne kemi disa element i parë do të të jetë objekt me emrin James 385 00:20:09,430 --> 00:20:11,340 dhe shtëpi Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Ju djema mund të mbani mend diçka shumë e ngjashme me këtë 387 00:20:14,780 --> 00:20:21,710 ku në qoftë se ju me pset juaj e fundit, tërhoqi diçka nga database tuaj, 388 00:20:21,710 --> 00:20:24,480 lloj i parë i gjë në rrjet tuaj ishte 389 00:20:24,480 --> 00:20:27,110 të gjithë informacionin në lidhje me përdorues i parë që u takuan atë, 390 00:20:27,110 --> 00:20:30,765 dhe pastaj ju desh të indeksit në se për të marrë mallin e tyre apo dokumentat e fshehtë të tyre 391 00:20:30,765 --> 00:20:32,110 apo gjësend. 392 00:20:32,110 --> 00:20:34,620 Pra, kjo është shumë e shumë të njëjtën gjë gjë, vetëm një ndryshim të vogël 393 00:20:34,620 --> 00:20:39,570 në sintaksë, ndryshim i vogël pak në fjalët që ne përdorim për të përshkruar ato. 394 00:20:39,570 --> 00:20:45,960 >> Pra, nëse ne të kërkuar, mund të them se dikush mua çfarë ky vigjilent do të bëj këtu? 395 00:20:45,960 --> 00:20:48,780 Ose çfarë ky bit i Kodi do të bënte për ne? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 AUDIENCA: Kjo do të ju jap të gjitha emrat. 398 00:20:52,616 --> 00:20:54,900 ALLISON BUCHHOLTZ-AU: E drejta, kështu që ajo do të paralajmërojë vetëm me të gjithë emrat 399 00:20:54,900 --> 00:20:57,960 sepse ajo do të shkojë përmes vilë i, kështu që ajo do të fillojë në zero. 400 00:20:57,960 --> 00:21:01,330 Pra, kjo do të them, OK ne jemi duke shikuar në këtë objekt të parë, që 401 00:21:01,330 --> 00:21:03,210 është vend i caktuar i parë në grup tonë. 402 00:21:03,210 --> 00:21:06,900 Dhe ai thotë, "më jepni atribut, emrin e atij objekti. " 403 00:21:06,900 --> 00:21:09,030 Kështu që ne do të shkojmë këtu, ne do të scan, ne do të gjeni emrin, 404 00:21:09,030 --> 00:21:11,340 dhe ne do të shtypura nga James, Molly, dhe Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Çdo pyetje deri tani? 407 00:21:15,799 --> 00:21:17,590 JavaScript për fat të keq ju jeni do të jetë 408 00:21:17,590 --> 00:21:20,950 duke bërë një shumë të kërkuar deri në tuaj vet, duke parafytyruar se sintaksë, 409 00:21:20,950 --> 00:21:21,910 ndeshet me të. 410 00:21:21,910 --> 00:21:25,870 Por sigurisht unë jam gjithmonë këtu, orë zyra janë gjithmonë këtu. 411 00:21:25,870 --> 00:21:28,260 Unë mund të jetë të martën këtë javë. 412 00:21:28,260 --> 00:21:31,050 Pra, nëse ju jeni atje, ju mund të të vijnë të më vizituar këtë javë. 413 00:21:31,050 --> 00:21:32,470 Ajo do të jetë i madh. 414 00:21:32,470 --> 00:21:36,260 >> OK, kështu që DOM është Model Dokumenti-Object. 415 00:21:36,260 --> 00:21:38,900 Pra, kjo është vetëm një mënyrë që ne si të mendojnë 416 00:21:38,900 --> 00:21:45,720 për mënyrën se si HTML tonë dhe çdo gjë brenda ajo është e organizuar. 417 00:21:45,720 --> 00:21:49,930 Kjo është shumë e shumë diçka që ndoshta do të dalë në quiz tuaj. 418 00:21:49,930 --> 00:21:58,150 Unë e di viti im, kjo ishte si këtu e Skedar HTML, plotësoni DOM për të. 419 00:21:58,150 --> 00:21:59,770 Dhe ju vetëm plotësoni në gjëra të vogla. 420 00:21:59,770 --> 00:22:01,500 Këto duhet të jenë pika të lehtë me shpresë. 421 00:22:01,500 --> 00:22:03,450 Shpresojmë që ju do të see-- 422 00:22:03,450 --> 00:22:04,590 >> Audienca: [padëgjueshme] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON BUCHHOLTZ-AU: Pra ju të shihni këtë pemë këtu? 424 00:22:06,660 --> 00:22:07,200 >> AUDIENCA: Po. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-AU: Kështu ata do të pyesin përdorimit 426 00:22:08,949 --> 00:22:11,750 për të mbushur në atë që shkon nën trupit. 427 00:22:11,750 --> 00:22:15,770 Ndoshta nën trup, ne kemi disa divs ose ne kemi disa paragrafë, 428 00:22:15,770 --> 00:22:19,160 dhe ne do të ju pyes për të mbushur në një pemë shumë e shumë si kjo. 429 00:22:19,160 --> 00:22:21,440 Pra, ne do të jemi duke ecur nëpër të. 430 00:22:21,440 --> 00:22:26,120 Pra Document Object- Modeli është vetëm një mënyrë 431 00:22:26,120 --> 00:22:31,240 për të strukturuar dhe mendoj gati HTML tonë grafikisht. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 Dhe edhe kur ne të merrni në më shumë JavaScript, 434 00:22:35,840 --> 00:22:37,640 ajo do të jetë e mënyrë që ne në të vërtetë 435 00:22:37,640 --> 00:22:39,990 manipuluar ndryshme elementet në faqe. 436 00:22:39,990 --> 00:22:43,980 Ne kemi nevojë për një mënyrë për të hyrë në çdo nga gjërat në HTML tonë, 437 00:22:43,980 --> 00:22:48,050 dhe kështu kjo na jep një shumë mënyrë konkrete të standardizuara 438 00:22:48,050 --> 00:22:51,010 nëpër faqet e ndryshme të internetit për të bërë këtë. 439 00:22:51,010 --> 00:22:53,440 >> Pra, nëse ne vetëm të ecin nëpër kjo këtu, natyrisht 440 00:22:53,440 --> 00:22:56,790 Dokumenti ynë është si skedar tonë të gjithë. 441 00:22:56,790 --> 00:22:59,350 Kjo padyshim ka kuptim se kjo është gjëja më e lartë, 442 00:22:59,350 --> 00:23:03,520 dhe pastaj ne kemi HTML tonë aktuale, që korrespondon me këtë tag këtu. 443 00:23:03,520 --> 00:23:08,480 Gjithashtu nëse ju në indent tags tuaj siç duhet, pastaj duke krijuar këtë pemë DOM 444 00:23:08,480 --> 00:23:10,530 bëhet super e thjeshtë. 445 00:23:10,530 --> 00:23:12,400 Pra, ne kemi disa kokën këtu. 446 00:23:12,400 --> 00:23:15,780 Ne kemi disa organin që ne shohim rrjedhin off e HTML, 447 00:23:15,780 --> 00:23:18,530 cila është arsyeja pse ne kemi kokën dhe trupin. 448 00:23:18,530 --> 00:23:22,880 Brenda kokës, ne kemi disa tag titullin, një titull tag fund, 449 00:23:22,880 --> 00:23:24,570 kështu që ne e dimë që vjen pas kokës. 450 00:23:24,570 --> 00:23:28,040 Dhe brenda tag titullin tonë, ne kemi hello, botën. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Pra, kjo është e tërë kjo degë e majtë të dorës. 453 00:23:31,311 --> 00:23:34,060 Dhe pastaj për degën e djathtë këtu, shohim se kemi HTML, 454 00:23:34,060 --> 00:23:38,680 OK ne kemi bërë këtë pjesë të kokës, ne jemi duke kërkuar vetëm në trup, 455 00:23:38,680 --> 00:23:40,670 kështu që ne kemi disa zona të trupit. 456 00:23:40,670 --> 00:23:44,350 Dhe brenda se, vetëm gjë që kemi është hello, bota. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Nëse do të kishte gjëra të tilla si disa p kllapa dhe pastaj 459 00:23:54,130 --> 00:23:57,500 hello, bota, dhe pastaj një tjetër parantezë p i lamtumirë, bota, 460 00:23:57,500 --> 00:24:00,080 ne do të kemi dy flluska që vjen off e këtu. 461 00:24:00,080 --> 00:24:05,550 Për shkak se ata janë të dy nën trup, por ata janë paragrafë të veçanta ky rast. 462 00:24:05,550 --> 00:24:11,520 Nuk është patjetër praktikë në se në kuize e mëparshme, 463 00:24:11,520 --> 00:24:14,570 si edhe bollshëm linjë në të. 464 00:24:14,570 --> 00:24:18,260 OK kështu, kjo vetëm lejon të të shohim se çdo gjë bukur 465 00:24:18,260 --> 00:24:20,810 dhe manipuluar gjërat shumë sistematikisht. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Ne e dimë saktësisht se si për të kaloj nëpër këtë pemë, 468 00:24:23,640 --> 00:24:26,910 kështu që ne e dimë se çfarë duam të hyni. 469 00:24:26,910 --> 00:24:31,690 >> OK kështu që kjo është arsyeja pse ne duam të ketë këtë lloj modeli, 470 00:24:31,690 --> 00:24:35,190 kështu që ne mund të përdorim gjëra të tilla si kjo, dhe ne e kuptojmë se çfarë duan të thonë, 471 00:24:35,190 --> 00:24:38,370 dhe ata janë të standardizuara në të gjitha gjërat që ne bëjmë. 472 00:24:38,370 --> 00:24:45,900 Pra dokument dot titull është vetëm Titulli i our-- të gjitha këto 473 00:24:45,900 --> 00:24:48,960 janë vetë shpjegues goxha, Më pëlqen të mendoj. 474 00:24:48,960 --> 00:24:51,660 Tre aq i parë shembuj janë vetëm duke thënë, 475 00:24:51,660 --> 00:24:54,770 "OK, vetëm më jep Titulli i kësaj web faqe. " 476 00:24:54,770 --> 00:24:58,030 Pra, kjo do të ju jap çfarë korrespondon me titullin. 477 00:24:58,030 --> 00:25:01,880 >> Dokumenti dot trupi do të ju jap çfarëdo që është brenda atyre tags trupit. 478 00:25:01,880 --> 00:25:03,240 Kështu që ju mund të manipulojë se. 479 00:25:03,240 --> 00:25:07,820 Dhe dokument dot trup dot hyjnë HTML është një shumë i ftohtë, 480 00:25:07,820 --> 00:25:11,660 dhe ndoshta nuk është si super intuitive, por HTML brendshme 481 00:25:11,660 --> 00:25:13,740 korrespondon me këtë të drejtë këtu. 482 00:25:13,740 --> 00:25:17,410 Pra, nëse ju dëshironi ndonjëherë për të manipuluar tekstin në një faqe, 483 00:25:17,410 --> 00:25:22,700 zakonisht ju jeni do të jetë bërë diçka me trup dot HTML brendshme. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Pra HTML brendshme ka tendencë për t'iu referuar çfarë është në të vërtetë ndërmjet këtyre tags. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 Dhe pastaj funksione të dobishme. 488 00:25:33,020 --> 00:25:40,390 Pra, në qoftë se ju të kërkuar për të marrë ndonjë nga këto, ndonjë element, 489 00:25:40,390 --> 00:25:43,140 ne kemi disa Id, klasë emri, ose emri tag. 490 00:25:43,140 --> 00:25:47,100 Kjo është shumë e ngjashme me gjërat që kemi bërë me CSS, e drejtë? 491 00:25:47,100 --> 00:25:51,360 Ku ne kemi disa selectors që korrespondojnë ose një tag, një klasë 492 00:25:51,360 --> 00:25:53,800 që ne japim atyre, ose një Id. 493 00:25:53,800 --> 00:25:55,310 Kjo është shumë e shumë të njëjtën mënyrë. 494 00:25:55,310 --> 00:26:00,720 Nëse ju keni diçka që ka disa klasë të qenit, 495 00:26:00,720 --> 00:26:05,800 dhe ju thoni marrë elemente nga tag emrin, dhe ju vënë qen në there-- apo keq, 496 00:26:05,800 --> 00:26:06,610 Emri klasë. 497 00:26:06,610 --> 00:26:07,770 Ju mund të vihet dot në atje. 498 00:26:07,770 --> 00:26:11,780 Ajo do të kthehen të gjithë ata elemente për ju, që kanë atë klasë. 499 00:26:11,780 --> 00:26:13,880 Kështu që ju mund të manipulojë vetëm ato. 500 00:26:13,880 --> 00:26:18,430 Në të njëjtën mënyrë, ndoshta ju vetëm duan të manipulojnë disa header, kështu 501 00:26:18,430 --> 00:26:20,980 disa header h1, si ne e bëmë. 502 00:26:20,980 --> 00:26:24,900 Ju mund të bëni të merrni elementet sipas tag emrin, sepse h1 është një emër tag. 503 00:26:24,900 --> 00:26:29,270 Dhe në të njëjtën mënyrë, në qoftë se ju doni të merrni disa gjë unik, ju mund të bëni tag merrni. 504 00:26:29,270 --> 00:26:31,100 Get element nga Id. 505 00:26:31,100 --> 00:26:32,710 Dhe ata janë në fakt shumë këto. 506 00:26:32,710 --> 00:26:36,300 Këto janë vetëm si tre prej shumë e shumë. 507 00:26:36,300 --> 00:26:39,600 Pra, nëse ju shkoni online, si Unë jam duke shkuar për të inkurajuar 508 00:26:39,600 --> 00:26:45,342 ju për të bërë, dhe të bëjë disa hulumtim në tuaj, 509 00:26:45,342 --> 00:26:48,450 Unë patjetër të rekomandojë kërkim në të gjithë ata. 510 00:26:48,450 --> 00:26:50,880 Ata mund të jenë super të dobishme, veçanërisht kur 511 00:26:50,880 --> 00:26:57,180 ju doni të vetëm lloj i manipuluar gjëra shumë të veçanta, pa pasur nevojë 512 00:26:57,180 --> 00:27:00,390 për të shkuar deri dhe të përpiqen që të bëj analizë gramatikore nga çdo gjë. 513 00:27:00,390 --> 00:27:03,540 >> OK, kështu që gjëja e fundit është JavaScript ngjarje. 514 00:27:03,540 --> 00:27:10,730 Pra, kur unë isha duke folur më herët për të shkuar në një faqe interneti, 515 00:27:10,730 --> 00:27:14,340 dhe kur ju rri pezull mbi diçka, ose miun tuaj rri pezull mbi diçka, 516 00:27:14,340 --> 00:27:15,420 diçka tjetër ndodh. 517 00:27:15,420 --> 00:27:17,900 Kjo është ajo që ne do të donim për të mendoni rreth si një ngjarje. 518 00:27:17,900 --> 00:27:23,970 Pra, ajo që ne kemi që mund të të jenë të dobishme këtu është onClick. 519 00:27:23,970 --> 00:27:29,140 Pra imja ishte më rri në pritje, të cilat, unë jam goxha i sigurt, është vetëm më rri në pritje. 520 00:27:29,140 --> 00:27:31,300 Gjithashtu një ton prej tyre që ju mund të shikoni për. 521 00:27:31,300 --> 00:27:34,340 Ka një listë e tërë në internet nga gjërat e ndryshme 522 00:27:34,340 --> 00:27:37,130 që ju mund të dëgjoni për të. 523 00:27:37,130 --> 00:27:41,220 >> Por ngjarjet JavaScript janë në thelb vetëm duke iu përgjigjur gjërave 524 00:27:41,220 --> 00:27:42,430 që përdoruesi juaj është duke bërë. 525 00:27:42,430 --> 00:27:42,930 E drejtë? 526 00:27:42,930 --> 00:27:45,220 Pra, përdoruesi juaj diçka, kjo është një ngjarje, 527 00:27:45,220 --> 00:27:48,340 dhe JavaScript do të përgjigjet megjithatë ju dëshironi që ajo të. 528 00:27:48,340 --> 00:27:49,770 Ajo do të përgjigjet në përputhje me rrethanat. 529 00:27:49,770 --> 00:27:54,630 Pra në këtë rast, ne kemi disa dritare dot onload. 530 00:27:54,630 --> 00:27:57,170 Pra, çfarë thotë kjo është, "prit derisa ngarkuar dritare-së. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Pra, kur çdo gjë është ngarkuar, onload, atëherë ju mund të ekzekutojë këtë funksion. 533 00:28:02,102 --> 00:28:03,810 Pra, kur çdo gjë është ngarkuar, ju do të jeni 534 00:28:03,810 --> 00:28:07,760 që të ketë disa butonin e kërkimit që merr një element nga Id, 535 00:28:07,760 --> 00:28:13,740 dhe ajo printon çfarëdo që element është si butonin Kërko. 536 00:28:13,740 --> 00:28:17,050 Dhe pastaj ne kemi këtë ndryshore, ne themi, "OK, onClick." 537 00:28:17,050 --> 00:28:20,390 Pra, kur ne dëgjojmë një klik mbi butonin Kërko, 538 00:28:20,390 --> 00:28:23,990 ekzekutimin e këtij funksionin, e cila është një vigjilent, ju klikuar butonin Kërko. 539 00:28:23,990 --> 00:28:28,910 >> Pra, çfarë ndodh is-- kjo është një e bukur pak përfaqësim grafik këtu. 540 00:28:28,910 --> 00:28:31,480 Pra ngarkesa tona dokument, kjo është onload ynë, 541 00:28:31,480 --> 00:28:34,340 ne gjejmë Kërko tonë butoni, e cila është kjo. 542 00:28:34,340 --> 00:28:36,570 Ne jemi në kërkim Kërko butonin tonë. 543 00:28:36,570 --> 00:28:40,790 Dhe pastaj kur Kërko button është klikuar, kjo korrespondon me të drejtë këtu. 544 00:28:40,790 --> 00:28:41,980 OnClick. 545 00:28:41,980 --> 00:28:47,300 Pastaj ne fund paralajmërojë përdoruesit tonë, cila është kjo linjë e fundit këtu. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Pra, secili prej këtyre katër hapa vetëm korrespondon me katër kuti 548 00:28:52,960 --> 00:28:55,031 atje poshtë në pjesën e poshtme. 549 00:28:55,031 --> 00:28:56,405 A do të ketë kuptim për të gjithë? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> Dhe pastaj një gjë që unë jam vetëm duke shkuar për të përmendur shumë, shumë shkurtimisht, që unë 552 00:29:05,200 --> 00:29:08,660 ju inkurajoj djema për shkoni të shikoni më shumë në është 553 00:29:08,660 --> 00:29:13,210 jQuery, e cila eshte nje biblioteke vetëm që është ndërtuar në majë të JavaScript. 554 00:29:13,210 --> 00:29:16,480 Ajo është super i dobishëm, si me shumicën e bibliotekave. 555 00:29:16,480 --> 00:29:18,320 Ka shumë funksione. 556 00:29:18,320 --> 00:29:21,930 Pra, nëse ka ndonjëherë diçka që ju doni të bëni në JavaScript, 557 00:29:21,930 --> 00:29:24,880 instinkt juaj e parë nuk duhet të jetë për të menduar 558 00:29:24,880 --> 00:29:27,340 i ", çfarë funksioni duhet I kodin? "Ajo duhet të jetë, 559 00:29:27,340 --> 00:29:29,560 "Më lejoni të shoh dikush është bërë tashmë këtë për mua. " 560 00:29:29,560 --> 00:29:32,800 Sepse nëntë herë nga dhjetë, dikush do të kishte bërë atë tashmë, 561 00:29:32,800 --> 00:29:35,760 dhe ata ndoshta kanë bërë atë më mirë. 562 00:29:35,760 --> 00:29:39,990 Njerëzit shpenzojnë shumë kohë duke bërë këto, dhe JavaScript është përdorur shumë gjerësisht, 563 00:29:39,990 --> 00:29:42,810 kështu që njerëzit janë vazhdimisht duke u përpjekur për ta bërë atë më mirë. 564 00:29:42,810 --> 00:29:47,110 Dhe jQuery ka një shumë të funksioneve të që ndoshta do të jetë i dobishëm për ju 565 00:29:47,110 --> 00:29:50,470 në projektin tuaj përfundimtar nëse ju jeni duke bërë asgjë me web design. 566 00:29:50,470 --> 00:29:53,480 Si unë doja të them, "puna më të zgjuar, jo e vështirë. " 567 00:29:53,480 --> 00:29:57,130 Nëse ju djema të bëjë atë, ajo do të jetë i madh. 568 00:29:57,130 --> 00:30:00,330 Kur ne jemi në hackathon unë nuk bëj doni ju që të jenë të gjithë theksoi. 569 00:30:00,330 --> 00:30:03,600 Unë dua që ju të jetë si, "I kam kjo. jQuery e mori shpina. 570 00:30:03,600 --> 00:30:05,790 Unë nuk kam nevojë për të shkruar këto funksione. " 571 00:30:05,790 --> 00:30:07,636 >> Pra, vetëm dy gjëra të mbani mend, unë jam duke shkuar 572 00:30:07,636 --> 00:30:10,220 për të ju djema të duken më shumë në jQuery në tuaj. 573 00:30:10,220 --> 00:30:13,070 Të gjitha unë jam duke shkuar për të thënë është se ka disa gjëra mjaft të tmerrshme 574 00:30:13,070 --> 00:30:15,220 dhe mund të bëjë jetën tuaj një tërësi shumë më e lehtë. 575 00:30:15,220 --> 00:30:17,150 Por ajo që ju doni të kanë është çfarëdo skedari 576 00:30:17,150 --> 00:30:21,020 se ju jeni do të jetë duke e përdorur atë në, ju jeni do të duan këto dy linja. 577 00:30:21,020 --> 00:30:25,630 Ju jeni do të duan dorëshkrim i JS jQuery dot JS. 578 00:30:25,630 --> 00:30:28,500 Dhe në të vërtetë burimi juaj do të jetë një URL. 579 00:30:28,500 --> 00:30:35,870 Nëse ju të Google jQuery, Google në të vërtetë pret të gjitha dosjet për ju. 580 00:30:35,870 --> 00:30:38,950 Pra, ju patjetër doni të të dhëna që URL në vend. 581 00:30:38,950 --> 00:30:41,130 Unë vetëm vënë këtë këtu për hir të thjeshtësisë. 582 00:30:41,130 --> 00:30:45,180 E gjithë kjo do të thotë është se ku mund të gjeni bibliotekën tuaj jQuery. 583 00:30:45,180 --> 00:30:48,600 Është masive, kështu që ju nuk dëshironi për të pritur atë në kompjuterin tuaj 584 00:30:48,600 --> 00:30:53,390 në qoftë se ju mund të shmangur atë, cila është arsyeja pse ne kanë tendencë për të vënë vetëm në Google URL që 585 00:30:53,390 --> 00:30:55,880 pret të gjitha këto fotografi për ju. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Ju Google atë, unë premtoj ajo do të jetë atje. 588 00:30:58,850 --> 00:31:01,200 >> Dhe pastaj çdo gjë JavaScript skedar që ju jeni 589 00:31:01,200 --> 00:31:07,150 përdorur, kështu që kjo është vetëm një pjesë e jashtme JavaScript skedar që ju jeni duke përdorur. 590 00:31:07,150 --> 00:31:11,570 Në të njëjtën mënyrë që ne të lidhë në CSS tonë Fotografi të, kjo është e njëjta gjë e tillë. 591 00:31:11,570 --> 00:31:15,480 Kjo vetëm lidh në dosjen ku juaj JavaScript është. 592 00:31:15,480 --> 00:31:18,970 Dhe unë kam disa shembuj me të thjeshtë JavaScript. 593 00:31:18,970 --> 00:31:20,220 Pra, ne do të shkojnë nëpërmjet saj. 594 00:31:20,220 --> 00:31:27,230 Dhe pastaj në indeksin tuaj JavaScript, e cila është e juaj JavaScript paraqesë këtu, 595 00:31:27,230 --> 00:31:30,900 kjo është lloj i këmishë që ju keni për jQuery. 596 00:31:30,900 --> 00:31:33,860 Ju jeni pothuajse 99,9 përqind e kohës sipër 597 00:31:33,860 --> 00:31:36,800 që të ketë kjo në dosjen tuaj index.js. 598 00:31:36,800 --> 00:31:40,010 Sepse ajo që ky thotë po, "Mos kryej asgjë 599 00:31:40,010 --> 00:31:43,480 derisa dokumenti juaj është në të vërtetë gati ", e cila është pikërisht ajo që ju dëshironi. 600 00:31:43,480 --> 00:31:46,600 Sepse në qoftë se dokumenti juaj nuk është i gatshëm, dhe jQuery fillon duke bërë gjëra, 601 00:31:46,600 --> 00:31:48,020 kjo është vetëm një rrëmujë. 602 00:31:48,020 --> 00:31:50,480 Kështu që ju gjithmonë doni të keni këtë këmishë. 603 00:31:50,480 --> 00:31:55,760 Dhe pastaj për gjëra që shkojnë në atje, unë do t'i lërë të perusing vet guys tuaj '. 604 00:31:55,760 --> 00:32:04,610 >> OK, kështu që ka ndonjë pyetje e drejtë tani gati JavaScript në përgjithësi? 605 00:32:04,610 --> 00:32:07,420 Ose modeli DOM? 606 00:32:07,420 --> 00:32:10,780 Nëse jo, ne kemi disa ftohtë shembuj që ne mund të shkojnë nëpër, 607 00:32:10,780 --> 00:32:13,120 se ju djema mund të më ndihmojë kodin. 608 00:32:13,120 --> 00:32:15,877 Por unë jam gjithashtu do të jetë super e bukur, dhe në qoftë se ju 609 00:32:15,877 --> 00:32:17,960 nuk duan të thonë asgjë për këto, kjo është në rregull. 610 00:32:17,960 --> 00:32:20,510 Unë mund edhe vetëm të ju jap shembuj. 611 00:32:20,510 --> 00:32:24,581 Por çdo gjë në PowerPoint para se ne të lëvizë? 612 00:32:24,581 --> 00:32:25,080 Ftohtë. 613 00:32:25,080 --> 00:32:26,990 >> Unë të ndjehen si ju djema nevojë për energji. 614 00:32:26,990 --> 00:32:31,516 Kështu që unë mendoj se ne jemi duke shkuar për të filluar me shembullin e partisë time të parë. 615 00:32:31,516 --> 00:32:33,390 Ne kemi tre shembuj, ju keni zgjedhjen tuaj. 616 00:32:33,390 --> 00:32:37,720 Pra, ne kemi orën, ku ne jemi duke shkuar për të zbatuar një orë e vërtetë që është e 617 00:32:37,720 --> 00:32:41,430 duke shkuar për të rinovuar si koha kalon. 618 00:32:41,430 --> 00:32:43,310 Ne kemi këtë funksion të madh Twitter. 619 00:32:43,310 --> 00:32:44,560 This-- ju e dini se çfarë, të mbajë në. 620 00:32:44,560 --> 00:32:47,220 Ne jemi duke shkuar për të bërë këtë shko larg. 621 00:32:47,220 --> 00:32:47,950 Bam. 622 00:32:47,950 --> 00:32:49,060 OK. 623 00:32:49,060 --> 00:32:56,132 >> Ne kemi këtë funksion të madh Twitter këtu, that-- unë e di, e drejtë? 624 00:32:56,132 --> 00:32:57,090 Ajo do të jetë i madh. 625 00:32:57,090 --> 00:32:58,350 Janë të ngazëllyer ju djema? 626 00:32:58,350 --> 00:33:01,170 Që është duke shkuar për të numëruar numrin e karaktereve që ju kanë lënë, 627 00:33:01,170 --> 00:33:04,520 kështu që nëse unë lloji të drejtë tani, padyshim ajo ende thotë se 140, 628 00:33:04,520 --> 00:33:06,190 por ne e dimë se nuk është e rastit. 629 00:33:06,190 --> 00:33:08,570 Dhe pastaj me një tonë të fundit këtu, klikoni këtu për të partisë. 630 00:33:08,570 --> 00:33:12,150 Çfarë do të ndodhë është kur ne click, background-së 631 00:33:12,150 --> 00:33:13,340 do të ndryshojë ngjyrat. 632 00:33:13,340 --> 00:33:17,060 Pra ju djema keni mundësitë tuaja të në cilën ju doni të bëni të parë. 633 00:33:17,060 --> 00:33:19,800 Unë premtoj unë do të marrë atë shumë të lehtë për ju. 634 00:33:19,800 --> 00:33:22,680 Ndjehem si gjithkush është lloj i vetëm shumë të ulët kyç sot. 635 00:33:22,680 --> 00:33:25,540 Kështu që unë do të ecin ju nëpërmjet se si ne do të zbatojë të gjitha këto. 636 00:33:25,540 --> 00:33:28,520 Nëse ju doni të bie në, që e madhe, por unë 637 00:33:28,520 --> 00:33:30,020 të ndjehen si gjithkush është pak i lodhur. 638 00:33:30,020 --> 00:33:32,970 Kështu që unë do të ecin vetëm përmes këtyre shembujve. 639 00:33:32,970 --> 00:33:35,015 A kemi diçka që ne do të donim për të bërë së pari? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Çdokush? 642 00:33:39,475 --> 00:33:41,350 Jo preferencë? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Ju e dini çfarë? 645 00:33:42,450 --> 00:33:43,290 Ne jemi në parti. 646 00:33:43,290 --> 00:33:48,380 Unë të ndjehen si ju djema duhet një little-- kështu, ne do të bëjmë një të partisë së pari. 647 00:33:48,380 --> 00:33:48,880 OK. 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> Pra, ajo që ne kemi here-- kjo është nuk menduar të jetë atje. 650 00:33:56,930 --> 00:33:57,910 Tani kjo është e mirë. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Pra, ajo që ne kemi këtu është vetëm një faqe të thjeshtë HTML 653 00:34:03,110 --> 00:34:07,840 se ju djema të gjithë duhet të jenë të super të njohur me nga dy psets tuaja të fundit. 654 00:34:07,840 --> 00:34:10,212 ne kemi llojin tonë doc këtu. 655 00:34:10,212 --> 00:34:10,920 A mund të gjithë të shohin? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 Ftohtë. 658 00:34:12,560 --> 00:34:13,900 Ne kemi HTML tonë të qartë. 659 00:34:13,900 --> 00:34:18,360 Ne kemi disa header që është lidhur me një fletë stil që 660 00:34:18,360 --> 00:34:21,420 vetëm bërë font ime e bukur dhe e madhe dhe e guximshme. 661 00:34:21,420 --> 00:34:23,489 Pra, mos u bëni merak për këtë. 662 00:34:23,489 --> 00:34:26,437 >> Ne kemi disa trupin me një sfond Id, OK? 663 00:34:26,437 --> 00:34:28,520 Sepse ne jemi duke shkuar për të qenë ndryshuar sfond. 664 00:34:28,520 --> 00:34:31,964 Pra, kur ne jemi duke ndryshuar sfond i trupit tonë, 665 00:34:31,964 --> 00:34:35,965 ne mend nga dy javë më parë kur kemi të bëjmë me faqet e Internetit. 666 00:34:35,965 --> 00:34:36,840 Pra, mirë që të ketë atë. 667 00:34:36,840 --> 00:34:39,270 Dhe ne kemi disa Id barabartë parti. 668 00:34:39,270 --> 00:34:43,909 Kjo pound ref h vetëm do të thotë se ajo do të shkojë në të njëjtën faqe. 669 00:34:43,909 --> 00:34:47,120 Dhe klikoni këtu për të partisë, cila është arsyeja pse kur ne të klikoni atë, 670 00:34:47,120 --> 00:34:48,940 ajo duhet të ndryshojë ngjyra, fatmirësisht. 671 00:34:48,940 --> 00:34:54,322 >> Dhe pastaj ne kemi disa script këtu se është i lidhur vetëm për këtë partiake dot JS 672 00:34:54,322 --> 00:34:58,100 file, kjo është e zbrazët, sepse ne nuk kemi bërë ende asgjë. 673 00:34:58,100 --> 00:35:00,450 Dhe kjo është aq e trishtuar. 674 00:35:00,450 --> 00:35:06,100 Por shumë shpejt, ajo do të ndryshojë ngjyra, dhe ajo do të jetë awesome. 675 00:35:06,100 --> 00:35:10,520 >> Kështu që unë jam vetëm do të ecin ju djema përmes se si ne mund të qasen këtë. 676 00:35:10,520 --> 00:35:14,030 Pra, gjëja e parë që ne mund të dëshironi të bëni, 677 00:35:14,030 --> 00:35:18,050 në qoftë se ne jemi duke ndryshuar sfondin e trupi, gjëja e parë që ne mund të dëshironi 678 00:35:18,050 --> 00:35:22,730 për të bërë është në të vërtetë kap çfarë trupi është, apo jo? 679 00:35:22,730 --> 00:35:27,690 Pra, ne duam të kemi shumë, tonë sfond, dhe në qoftë se ju të vini re, 680 00:35:27,690 --> 00:35:29,567 Unë vetëm automatikisht sapo filloni të shtypni. 681 00:35:29,567 --> 00:35:32,400 Nuk ka asgjë të veçantë që ne duhet të bëni për dosjet tona JavaScript. 682 00:35:32,400 --> 00:35:35,820 Unë mund të fillojë duke deklaruar variabla, dhe shpallja e funksioneve të rastit. 683 00:35:35,820 --> 00:35:38,110 Dhe kjo është shumë më e formë të lirë. 684 00:35:38,110 --> 00:35:41,930 Është si me C, kemi dhënë ju të gjithë këto rregulla të vështirë, dhe ju u rrit, 685 00:35:41,930 --> 00:35:43,220 kështu që ne jemi si, "të dalë. 686 00:35:43,220 --> 00:35:44,000 Të jetë e lirë. 687 00:35:44,000 --> 00:35:44,870 Bëni çfarë të doni. " 688 00:35:44,870 --> 00:35:46,280 Dhe kjo është ajo që JavaScript është. 689 00:35:46,280 --> 00:35:48,390 Pra, ne kemi disa sfond këtu. 690 00:35:48,390 --> 00:35:55,900 Me modelin tonë DOM, ne e dimë ne mund të bëjë dokument dot merrni element, 691 00:35:55,900 --> 00:36:00,290 dhe nëse vërejmë këtu, trupi ynë ka një Id. 692 00:36:00,290 --> 00:36:00,930 E drejtë? 693 00:36:00,930 --> 00:36:06,310 Pra, ne mund të merrni dokument nga Id, dhe këtu është një njeri i thjeshtë. 694 00:36:06,310 --> 00:36:08,295 Çfarë është Id jonë që ne duam këtu? 695 00:36:08,295 --> 00:36:09,170 AUDIENCA: Historiku. 696 00:36:09,170 --> 00:36:11,280 ALLISON BUCHHOLTZ-AU: Historiku. 697 00:36:11,280 --> 00:36:12,230 Perfect. 698 00:36:12,230 --> 00:36:14,250 Dhe pikëpresje në fund. 699 00:36:14,250 --> 00:36:15,610 Që nuk ka shkuar larg ende. 700 00:36:15,610 --> 00:36:17,330 Ju ende nevojë pikpresje tuaja. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Pra, kjo është një jonë e parë. 703 00:36:19,690 --> 00:36:23,880 Dhe kur ne të klikoni diçka, ne doni diçka të ndodhë, të drejtë? 704 00:36:23,880 --> 00:36:28,270 Pra, ne mund të dëshironi disa ndryshore që është duke pritur për një klik. 705 00:36:28,270 --> 00:36:32,410 Ajo që ne jemi duke shkuar për të bërë është që ne jemi duke shkuar për të bëjë lidhjen tonë më shumë e ngjashme me një buton. 706 00:36:32,410 --> 00:36:43,140 Pra, ne do të kemi disa butonin që është e barabartë me të dokumentuar dot merrni element nga Id. 707 00:36:43,140 --> 00:36:48,670 Dhe në qoftë se unë jam duke folur për klikoni linkun apo klikoni këtu për të partisë 708 00:36:48,670 --> 00:36:51,850 lidhje, çfarë mund Id im të jetë këtu? 709 00:36:51,850 --> 00:36:52,590 Partia. 710 00:36:52,590 --> 00:36:55,200 Correct. 711 00:36:55,200 --> 00:36:56,500 OK jo shumë e keqe deri tani. 712 00:36:56,500 --> 00:36:59,060 Gjithkush merrni atë që ne jemi duke bërë? 713 00:36:59,060 --> 00:37:02,100 >> OK, kështu që tani ne kemi tonë button, dhe ne duam 714 00:37:02,100 --> 00:37:04,140 gjërat të ndryshojnë kur ne të klikoni mbi të. 715 00:37:04,140 --> 00:37:08,750 Pra, në qoftë se ne kujtojmë nga PowerPoint tonë, gjë shumë e thjeshtë që mund të bëjmë 716 00:37:08,750 --> 00:37:12,140 është vetëm buton dot onClick, e drejtë? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 Dhe kjo do të jetë e barabartë disa funksion. 719 00:37:18,730 --> 00:37:20,620 Ky është një funksion anonim. 720 00:37:20,620 --> 00:37:24,620 Dhe kjo vetëm as-- në të vërtetë unë jam i do të bëjë këtë më e madhe pak. 721 00:37:24,620 --> 00:37:27,330 >> Pra, ajo që unë vetëm e bëri këtu është që unë jam duke thënë, OK, 722 00:37:27,330 --> 00:37:31,810 kur ne të klikoni butonin tonë, e cila është kjo lidhje që ne vetëm e përmendur, 723 00:37:31,810 --> 00:37:34,270 ne do të ekzekutojë ky funksion anonim. 724 00:37:34,270 --> 00:37:35,845 Ne nuk kemi nevojë për ndonjë inputeve. 725 00:37:35,845 --> 00:37:37,220 Ne nuk e kujdesit çfarë përdorues thotë. 726 00:37:37,220 --> 00:37:38,800 Kur ata klikoni mbi të, ne jemi do të bëjmë çdo gjë që ne duam, 727 00:37:38,800 --> 00:37:40,660 e cila është ndryshuar ngjyrën e sfondit. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Pra, kjo është arsyeja pse ne nuk kemi ndonjë inputeve, ne vetëm duhet këtë funksion anonim. 730 00:37:47,224 --> 00:37:49,390 Dhe tani ne jemi në të vërtetë duke shkuar për të shkruar këtë funksion. 731 00:37:49,390 --> 00:37:55,040 >> Pra, ka një bandë e mënyra të mund të gjenerojë një ngjyrë të rastit. 732 00:37:55,040 --> 00:37:59,010 Mënyra se kam bërë ishte për të gjenerojë tre numra të rastit 733 00:37:59,010 --> 00:38:01,910 dhe shnderrimin e tyre për një RGB trefishtë. 734 00:38:01,910 --> 00:38:06,130 Pra, kjo vetëm ju tregon disa ftohtë gjëra që në qoftë se ju jeni si, "oh, 735 00:38:06,130 --> 00:38:08,464 Unë kam nevojë për të gjeneruar një të rastit numër ". në qoftë se ju googled atë, 736 00:38:08,464 --> 00:38:09,630 kjo është ajo që ju do të gjeni. 737 00:38:09,630 --> 00:38:17,580 >> Pra, ne kemi tre të ndryshme gjëra, var, nuk kuqe përsëri, e gjelbër. 738 00:38:17,580 --> 00:38:18,080 E drejtë? 739 00:38:18,080 --> 00:38:20,740 Pra, këto janë tre gjërat që përbëjnë një ngjyrë. 740 00:38:20,740 --> 00:38:22,220 Blu, e kuqe, dhe jeshile. 741 00:38:22,220 --> 00:38:22,960 Ftohtë. 742 00:38:22,960 --> 00:38:27,050 Dhe çfarë mund të bëjmë është që ne e dimë se ajo duhet të jetë në mes të 255, 743 00:38:27,050 --> 00:38:30,140 dhe në qoftë se ju shikuar deri disa gjenerator të rastit numër, 744 00:38:30,140 --> 00:38:36,000 ju mund të merrni diçka si matematikë dot të rastit, e cila në qoftë se ju shikoni kjo lart 745 00:38:36,000 --> 00:38:39,230 kthehet në një numër në mes zero dhe një. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 Dhe çfarë numrat bëjmë Treshe RGB shkojnë në mes? 748 00:38:44,470 --> 00:38:47,240 Zero dhe çfarë? 749 00:38:47,240 --> 00:38:49,000 Çfarë mund ata të shkojnë deri në? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Pra, nëse math dot random shkon në mes zero dhe një, 752 00:38:53,320 --> 00:38:56,365 se si mund të duam për të kthyer këtë? 753 00:38:56,365 --> 00:38:56,990 AUDIENCA: Koha? 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-AU: Po, pikërisht. 755 00:38:57,830 --> 00:38:58,677 Pra koha është 255. 756 00:38:58,677 --> 00:39:00,888 >> Audienca: [padëgjueshme] Është si [e padëgjueshme]. 757 00:39:00,888 --> 00:39:02,471 ALLISON BUCHHOLTZ-AU: Math dot të rastit. 758 00:39:02,471 --> 00:39:03,096 AUDIENCA: Best. 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-AU: Po. 760 00:39:04,580 --> 00:39:06,300 JavaScript vetëm kujdeset për ju. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Pra, ne mund të bëjë që për të gjitha këto. 763 00:39:09,360 --> 00:39:10,540 E drejtë? 764 00:39:10,540 --> 00:39:16,480 Math dot herë të rastit 255. 765 00:39:16,480 --> 00:39:17,740 Kopjo se. 766 00:39:17,740 --> 00:39:18,820 Ftohtë. 767 00:39:18,820 --> 00:39:23,350 Pra, është gjë, kjo mund nuk kthehen një numër të plotë. 768 00:39:23,350 --> 00:39:24,080 E drejtë? 769 00:39:24,080 --> 00:39:26,450 Ndoshta ne të merrni disa numrin midis zero dhe një, 770 00:39:26,450 --> 00:39:32,150 dhe kjo shkakton që ajo të jetë pak off, dhe RGBs tona nuk mund të jetë gjithandej. 771 00:39:32,150 --> 00:39:33,360 Ata duhet të jenë të ints. 772 00:39:33,360 --> 00:39:37,610 Pra, në qoftë se keni provuar këtë, ajo ndoshta do të kanë disa sjellje të parregullt. 773 00:39:37,610 --> 00:39:38,810 Ajo do të jetë një i shokuar pak. 774 00:39:38,810 --> 00:39:43,200 Pra, ajo që ne bëjmë është që ne duam të bërë i sigurt që këto janë të rrumbullakosura, 775 00:39:43,200 --> 00:39:45,400 dhe ju mund të rrumbullakët ose mënyrë. 776 00:39:45,400 --> 00:39:47,110 I rrethuar me dysheme. 777 00:39:47,110 --> 00:39:49,680 Kështu që unë gjithmonë e bëri të sigurt se ajo rrumbullakuar poshtë. 778 00:39:49,680 --> 00:39:54,440 Por plaste e sa e thjeshtë ishte për të vetëm të marrë një numër të rastit, 779 00:39:54,440 --> 00:39:57,920 si mendoni ne mund kat këtë numër? 780 00:39:57,920 --> 00:40:00,720 Kjo është shumë e ngjashme. 781 00:40:00,720 --> 00:40:02,810 Ndonjë ide? 782 00:40:02,810 --> 00:40:06,450 Pra, nëse të rastit ishte vetëm math dot të rastit, kështu që mendoni ju se ne do të bëjmë kat? 783 00:40:06,450 --> 00:40:09,670 Math dot kat. 784 00:40:09,670 --> 00:40:11,340 Dhe ju gjithashtu mund të bëjë matematikë dot tavan. 785 00:40:11,340 --> 00:40:14,030 Round është lloj i paqartë sepse ju nuk e bëni 786 00:40:14,030 --> 00:40:16,110 e di nëse do të rrumbullakosë më lart ose të rrumbullakët poshtë. 787 00:40:16,110 --> 00:40:20,797 Pra, në mënyrë tipike ne gjithmonë të bëjë matematikë dot kat, matematikë dot tavan. 788 00:40:20,797 --> 00:40:21,380 Por honestly-- 789 00:40:21,380 --> 00:40:22,780 >> AUDIENCA: A poshtë raund kat? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON BUCHHOLTZ-AU: Kati raundet poshtë. 791 00:40:24,740 --> 00:40:26,990 Dhe kjo është vetëm një zgjedhje nga ana ime. 792 00:40:26,990 --> 00:40:32,370 >> Pra, tani ne kemi tre numrat tanë që janë të krijuara rastësisht, 793 00:40:32,370 --> 00:40:36,610 dhe ajo që ne jemi duke shkuar për të bërë tani është që ne jemi vetëm duke shkuar për të ndryshuar sfond. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Pra, ne tashmë kemi tonë background lloj i ruajtur 796 00:40:41,490 --> 00:40:43,280 në këtë element të quajtur sfond. 797 00:40:43,280 --> 00:40:47,300 Pra, çfarë ju do të vëreni është, në qoftë se keni luajtur rreth me këtë, 798 00:40:47,300 --> 00:40:50,460 ne duam të ndryshojmë stilin. 799 00:40:50,460 --> 00:40:53,812 Dhe kjo është lloj i diçkaje që ju do të Google dhe të kuptoj se, 800 00:40:53,812 --> 00:40:55,020 pëlqen se si për të ndryshuar ngjyrën. 801 00:40:55,020 --> 00:40:59,210 >> Por mënyra ju hyni kjo ngjyrë është background dot stil dot sfond. 802 00:40:59,210 --> 00:41:03,490 Pra, kjo është thënë dhënë ky objekt, sfond, 803 00:41:03,490 --> 00:41:06,920 që i referohet se element Id deri atje, 804 00:41:06,920 --> 00:41:10,690 ne jemi duke shkuar për të parë në stil brenda stilit, 805 00:41:10,690 --> 00:41:13,280 ne do të shikojmë në sfond. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 Dhe në qoftë se ju shkoni dhe të shikoni këtë ide, ajo mund të bëjë pak më shumë kuptim, 808 00:41:17,630 --> 00:41:21,930 por kjo është në thelb vetëm duke thënë: "Më jep këtë atribut shumë të veçantë 809 00:41:21,930 --> 00:41:25,770 të asaj që unë kam përcaktuar më herët. " 810 00:41:25,770 --> 00:41:32,340 Pra, ajo që ne jemi duke ndryshuar atë që është disa RGB, sepse kjo ka kuptim. 811 00:41:32,340 --> 00:41:34,780 Ne jemi duke përdorur RGB trefishon, e drejtë? 812 00:41:34,780 --> 00:41:41,530 Dhe ne have-- unë dua të sigurohemi që unë të marrë numrin e duhur të citate në këtu. 813 00:41:41,530 --> 00:41:43,940 Pra, ajo që ne bëjmë është që ne kemi RGB, dhe ne jemi duke shkuar 814 00:41:43,940 --> 00:41:46,800 to-- kjo është si varg, e cila është e kuqe. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 Dhe pastaj ne duam disa presje. 817 00:41:52,610 --> 00:41:59,925 Dhe pastaj ne duam plus gjelbër, pastaj disa presje, dhe disa blu. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Kështu këto pluses vetëm thotë si varg. 820 00:42:14,120 --> 00:42:19,810 Pra, kjo është vetëm duke krijuar kjo varg që po ndodh brenda RGB. 821 00:42:19,810 --> 00:42:20,310 OK? 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> Audienca: [padëgjueshme] plus pastaj e gjelbër një plus pastaj i kuq. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON BUCHHOLTZ-AU: Yeah, sepse unë messed up se. 825 00:42:30,163 --> 00:42:30,890 Gjobë atij dikujt. 826 00:42:30,890 --> 00:42:32,110 Oh, të mbajë në. 827 00:42:32,110 --> 00:42:32,610 Jo. 828 00:42:32,610 --> 00:42:36,770 Sepse unë duhet të bëni të sigurtë se kam marrë të gjitha këto të drejtë. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Kështu që unë do të shpjegoj në momento Uno. 831 00:42:43,950 --> 00:42:47,040 Jeshile, blu, të përsosur. 832 00:42:47,040 --> 00:42:47,971 Tani unë jam duke bërë. 833 00:42:47,971 --> 00:42:48,470 Unë besoj. 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> OK. 836 00:42:52,530 --> 00:42:58,085 Pra, çfarë është kjo, është se sfond do të jetë i vendosur në një varg. 837 00:42:58,085 --> 00:42:58,585 E drejtë? 838 00:42:58,585 --> 00:42:59,710 Cila është ajo që ne kemi këtu. 839 00:42:59,710 --> 00:43:05,870 Ajo do të jetë një RGB 255 presje 255 zero presje, apo çfarëdo numri të ju 840 00:43:05,870 --> 00:43:06,512 kanë atje. 841 00:43:06,512 --> 00:43:08,220 Pra, ne jemi duke bërë këtu, ne kemi disa string. 842 00:43:08,220 --> 00:43:11,910 Dhe ajo që ne duam të bëjmë, është që ne jemi lloj dinamike krijimit 843 00:43:11,910 --> 00:43:14,010 se kur ne fakt drejtuar këtë program. 844 00:43:14,010 --> 00:43:16,570 Pra, kjo është një string. 845 00:43:16,570 --> 00:43:20,290 Plus concatenates atë me vlera që e kuqe e ka, 846 00:43:20,290 --> 00:43:23,320 cila concatenates atë me a presje, e cila concatenates atë 847 00:43:23,320 --> 00:43:26,090 me atë që e gjelbër është, dhe kështu me radhë, dhe kështu me radhë. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Deri në fund, që është duke mbyllur kllapa e kësaj RGB këtu. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Pra, çfarë kjo do të gjenerojë disa komanda të vërtetë 852 00:43:37,230 --> 00:43:42,770 që është RGB i tre numra që background tani është vendosur për të. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Pra, le të shohim nëse kjo funksionon. 855 00:43:46,510 --> 00:43:49,720 Unë shpresoj që të bëjë, sepse në qoftë se ajo nuk ka, unë jam do të jetë e vërtetë e trishtuar. 856 00:43:49,720 --> 00:43:50,250 Oh jo. 857 00:43:50,250 --> 00:43:52,710 OK, të mbajë në. 858 00:43:52,710 --> 00:43:56,730 Definitely sfond dot stil dot sfond. 859 00:43:56,730 --> 00:43:59,569 Unë jam definitivisht i humbur diçka vetëm i vogël. 860 00:43:59,569 --> 00:44:00,610 A nuk ju djema urrej se? 861 00:44:00,610 --> 00:44:04,020 Kur kjo është vetëm një gabim i vogël pak? 862 00:44:04,020 --> 00:44:04,990 Sfond i Plotfuqishëm. 863 00:44:04,990 --> 00:44:08,391 864 00:44:08,391 --> 00:44:08,890 RGB. 865 00:44:08,890 --> 00:44:09,765 >> Audienca: [padëgjueshme] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON BUCHHOLTZ-AU: Jo. 868 00:44:12,770 --> 00:44:14,050 Unë u përpoq këtë para klasës. 869 00:44:14,050 --> 00:44:16,570 Unë kam gjithçka kam bërë më parë klasë në rast unë kam qenë si, 870 00:44:16,570 --> 00:44:17,970 "Prisni, çfarë e bëri të bëj keq?" 871 00:44:17,970 --> 00:44:23,190 Sepse unë kam qenë si, "unë do të ndoshta bela kjo deri në një pikë. " 872 00:44:23,190 --> 00:44:24,150 Plus gjelbër. 873 00:44:24,150 --> 00:44:26,250 Çdo gjë duket si ajo e concatenated saktë. 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 OK. 876 00:44:30,520 --> 00:44:31,870 >> Audienca: [padëgjueshme] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-AU: Oh, ju shkoni atje. 878 00:44:33,810 --> 00:44:35,520 Kjo është ajo që unë e nevojshme. 879 00:44:35,520 --> 00:44:36,805 Shiko në se. 880 00:44:36,805 --> 00:44:40,090 Tiffany për të shpëtuar. 881 00:44:40,090 --> 00:44:40,590 Perfect. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Tani le të shohim nëse ajo punon. 884 00:44:43,834 --> 00:44:44,816 Oh Perëndia im. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Të mbajë në. 887 00:44:46,140 --> 00:44:48,280 >> AUDIENCA: Space pas plus dytë. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON BUCHHOLTZ-AU: Cili? 889 00:44:50,310 --> 00:44:52,910 Oh wait, të mbajë në. 890 00:44:52,910 --> 00:44:54,870 Veshin hapësirë? 891 00:44:54,870 --> 00:44:57,209 >> AUDIENCA: dyti plus në varg e gjelbër. 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 AUDIENCA: Nuk ka hapësirë pas plus, vërtet. 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-AU: Ju nuk kanë nevojë që, but-- 895 00:45:00,790 --> 00:45:01,190 AUDIENCA: Oh, ju nuk bëni? 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-AU: Ajo duket goxha. 897 00:45:01,910 --> 00:45:02,530 AUDIENCA: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ AU: Le të shohim nëse kjo funksionon. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Unë jam i qartë dështuar në kjo demo, e cila më kujton 902 00:45:07,836 --> 00:45:12,810 i një leksioni javë tjetër, por unë e di se kjo do të punojnë. 903 00:45:12,810 --> 00:45:15,860 Unë e di se kjo do të punojnë. 904 00:45:15,860 --> 00:45:16,580 Në mënyrë të ngushtë. 905 00:45:16,580 --> 00:45:22,330 Përveç nëse unë rastësisht fshirë script tim për këtë. 906 00:45:22,330 --> 00:45:24,035 Jo, ajo është e dot partisë js. 907 00:45:24,035 --> 00:45:25,776 OK mbajë në. 908 00:45:25,776 --> 00:45:28,650 Unë jam duke shkuar për të kopjoni këtë, dhe unë jam gjithashtu vetëm do të fshini çdo gjë, 909 00:45:28,650 --> 00:45:30,108 sepse unë kishte kjo pune më herët. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Unë premtoj se punon. 912 00:45:33,770 --> 00:45:36,160 Nëse jo, unë do të ju tregojnë se çfarë Tommy-së është. 913 00:45:36,160 --> 00:45:38,890 Dhe atje. 914 00:45:38,890 --> 00:45:42,380 >> AUDIENCA: Ju jeni duke iu referuar partisë dot CSS, dhe kjo është një parti dot JS. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON BUCHHOLTZ-AU: Ah, mirë e drejtë këtu është partisë dot js. 916 00:45:45,940 --> 00:45:49,187 OK, çfarë ka të bëj tjetër? 917 00:45:49,187 --> 00:45:50,520 OK, ne do të shohim nëse kjo punon tani. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 Bam. 920 00:45:54,980 --> 00:46:02,110 Pra, unë nuk e di se çfarë kam bërë ndryshe, por kjo është ajo që duhet të ndodhë. 921 00:46:02,110 --> 00:46:03,230 Kinda cool. 922 00:46:03,230 --> 00:46:06,650 Unë klikuar mbi këtë, si, përgjithmonë. 923 00:46:06,650 --> 00:46:11,185 Por ne mund të provoni dhe shikoni çfarë kam bërë ndryshe se ky njeri kishte. 924 00:46:11,185 --> 00:46:14,560 Unë nuk e di për ju djema, por kjo duket në thelb ajo që unë vetëm shkroi. 925 00:46:14,560 --> 00:46:17,950 Ka qenë ndoshta një i zhdukur pikëpresje diku është gjë e mia. 926 00:46:17,950 --> 00:46:22,064 Në fakt pas, unë mendoj unë ishte zhdukur një pikëpresje e drejtë këtu në të vërtetë. 927 00:46:22,064 --> 00:46:24,230 Por unë nuk mund të shohin atë, sepse ajo ishte jashtë ekranit. 928 00:46:24,230 --> 00:46:29,040 >> Por nëse ne njoftim, kjo është goxha shumë pikërisht atë që unë vetëm shkroi. 929 00:46:29,040 --> 00:46:33,010 Unë mendoj se ndoshta pjesa më e vështirë për kjo është lloj vetëm për këtë gjë e drejtë 930 00:46:33,010 --> 00:46:36,830 këtu, të kuptuarit çfarë është bërë atje. 931 00:46:36,830 --> 00:46:42,230 Këto llojet e gjërave që ju të mësoni me të vërtetë vetëm nga Googling dhe me ndershmëri 932 00:46:42,230 --> 00:46:42,880 vetëm duke u përpjekur. 933 00:46:42,880 --> 00:46:46,770 Nëse ju mendoni se ka disa atribuojnë, atje ndoshta është. 934 00:46:46,770 --> 00:46:48,382 Pra provoni. 935 00:46:48,382 --> 00:46:49,090 Shih se çfarë ndodh. 936 00:46:49,090 --> 00:46:53,000 Siç thashë, nuk është një shumë e eksperimentimi me JavaScript, 937 00:46:53,000 --> 00:46:56,810 dhe PHP, dhe të gjitha që sende, dhe CSS veçanërisht. 938 00:46:56,810 --> 00:47:00,046 Kjo është e vetmja e vërtetë mënyrë për të kuptuar atë. 939 00:47:00,046 --> 00:47:07,100 >> OK, kështu që pas kësaj fiasko me partinë dot js, ne kemi dy opsione të tjera. 940 00:47:07,100 --> 00:47:10,650 Ne kemi orën ose Twitter. 941 00:47:10,650 --> 00:47:12,190 Ata janë të dy interesante. 942 00:47:12,190 --> 00:47:17,720 Ndoshta jo fare si argëtim si parti, e cila kishte një strobing ftohtë pak 943 00:47:17,720 --> 00:47:19,595 gjë në fund. 944 00:47:19,595 --> 00:47:21,714 A ju djema keni ndonjë preferencë? 945 00:47:21,714 --> 00:47:22,380 AUDIENCA: Clock? 946 00:47:22,380 --> 00:47:22,950 ALLISON BUCHHOLTZ-AU: Clock? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Ftohtë. 949 00:47:25,390 --> 00:47:30,460 >> Pra, përsëri, ne kemi tonë bosh skedë JavaScript. 950 00:47:30,460 --> 00:47:35,800 Dhe si ne shohim këtu, ne kanë disa HTML shumë të thjeshtë. 951 00:47:35,800 --> 00:47:40,010 Ne kemi fletë stil tonë, që vetëm Formatet çfarë ajo duhet të duken si. 952 00:47:40,010 --> 00:47:42,860 Ne kemi div tonë me një Id të kohës, të cilat 953 00:47:42,860 --> 00:47:44,420 vetëm thotë, "kjo duhet të jetë një orë." 954 00:47:44,420 --> 00:47:47,650 Dhe ne kemi lidhjen tonë në dosjen tonë JavaScript 955 00:47:47,650 --> 00:47:51,400 që është në të vërtetë do të gjenerojë orën tonë për ne. 956 00:47:51,400 --> 00:47:56,060 Sepse gjëja e ftohtë, është se ju mund të vendosur JavaScript për të rifreskuar automatikisht 957 00:47:56,060 --> 00:47:56,963 vetë. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Pra, në vend të pritjes për përdorues të goditur Refresh në një faqe 960 00:48:01,580 --> 00:48:03,840 kështu që ju mund të merrni Ora përditësuar, JavaScript 961 00:48:03,840 --> 00:48:06,760 mund update it megjithatë ajo i pëlqen. 962 00:48:06,760 --> 00:48:12,082 >> Pra, si me një tonë të fundit, kemi dashur për të hyrë në sfond tonë, apo jo? 963 00:48:12,082 --> 00:48:14,790 Pra, çfarë mendoni se mund të jetë Gjëja e parë që ne duam të bëjmë këtu? 964 00:48:14,790 --> 00:48:19,538 Nëse ne jemi lloj i plaste ky lloj i paradigmës këtu? 965 00:48:19,538 --> 00:48:22,200 Ne ndoshta dëshironi të hyni në orën tonë, apo jo? 966 00:48:22,200 --> 00:48:24,724 Pra, ne kemi disa var ora, e cila equals-- 967 00:48:24,724 --> 00:48:26,140 çfarë ne mendojmë se kjo do të jetë? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokumenti dot merrni element by-- I gjithashtu dashuri Sublime-- Id dhe Id tonë është ora. 970 00:48:42,670 --> 00:48:43,585 Pikëpresje. 971 00:48:43,585 --> 00:48:45,710 Got për të siguruar që të merrni ato pikpresje kjo koha, 972 00:48:45,710 --> 00:48:47,835 sepse unë të ndjehen si kjo ishte problemi hera e fundit. 973 00:48:47,835 --> 00:48:55,980 OK kështu që, si unë isha vetëm duke thënë se me duke u përpjekur të keni Javascript të rifreskoni veten, 974 00:48:55,980 --> 00:48:59,655 ka ky funksion i madh, unë di ajo erdhi në dobishëm vitin e kaluar, 975 00:48:59,655 --> 00:49:02,780 Unë nuk jam i sigurt se vjen në dispozicion për këtë pset, por ajo që quhet interval set. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 Dhe kjo është në të vërtetë me të vërtetë ftohtë në qoftë se ju djema të bëjë asgjë 978 00:49:08,200 --> 00:49:11,460 me kohë ose marrjen e informacion të përditësuar. 979 00:49:11,460 --> 00:49:13,700 Në një faqe interneti për një finale projekt, kjo është ndoshta 980 00:49:13,700 --> 00:49:16,240 një funksion që ju doni të merrni super njohur me të. 981 00:49:16,240 --> 00:49:19,730 Pra, çfarë vendosur interval nuk është se ne jemi duke shkuar për të dhënë atë një funksion, 982 00:49:19,730 --> 00:49:21,830 dhe sa shpesh sa duhet quajmë këtë funksion. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Pra në këtë rast, ne jemi vetëm do të krijuar disa funksion anonim përsëri, 985 00:49:26,890 --> 00:49:31,530 OK, që do të merrni data tonë, dhe koha jonë, 986 00:49:31,530 --> 00:49:33,780 dhe pastaj përditësimin gjëra dhe të shfaqin atë. 987 00:49:33,780 --> 00:49:35,130 Pra, ne do të shqetësohen për këtë. 988 00:49:35,130 --> 00:49:39,120 Ne do të jetë si të gjenerojë orën këtu. 989 00:49:39,120 --> 00:49:41,750 Por ajo që ne kemi nevojë është se si shpesh për të rifreskuar atë. 990 00:49:41,750 --> 00:49:43,930 Pra në këtë rast, është vetëm milisekonda. 991 00:49:43,930 --> 00:49:46,877 Pra, ne jemi vetëm do të bëjnë 100 milisekonda. 992 00:49:46,877 --> 00:49:48,210 Sigurisht, tërësisht arbitrar. 993 00:49:48,210 --> 00:49:50,600 Në qoftë se ju të kërkuar atë për të rinovuar shumë më ngadalë, ju mund të. 994 00:49:50,600 --> 00:49:53,300 Ne mund të luajnë rreth me intervalin e caktuar, 995 00:49:53,300 --> 00:49:57,240 sa i madh interval tonë është pas marrim një orë pune, të cilat shpresojmë se unë do të 996 00:49:57,240 --> 00:49:59,660 marrë për të. 997 00:49:59,660 --> 00:50:04,110 Pra, kjo është vetëm duke thënë: "OK, thirrje ky funksion çdo 100 milisekonda. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 Kjo është e gjitha ajo bën. 1000 00:50:07,280 --> 00:50:12,290 >> Pra, ajo që ne duam funksionin tonë për të bëni është që ne duam që të ketë disa data 1001 00:50:12,290 --> 00:50:14,200 dhe disa herë është çfarë ne do të kemi. 1002 00:50:14,200 --> 00:50:19,740 Kështu Ne mund të fillojë me tonë Data e barabartë me diçka, 1003 00:50:19,740 --> 00:50:22,708 dhe koha jonë është e barabartë me diçka që ne nuk e dimë ende. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Ose në të vërtetë, ne duhet vetëm datën, sepse datë do të përfshijnë çdo gjë. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Përsëri në qoftë se ju vetëm të Google ndonjë gjë për çfarë ju doni të bëni, në qoftë se ju shkruani, "OK, 1008 00:50:40,010 --> 00:50:41,980 Unë dua të të marrë kohë nëpërmjet JavaScript, "ajo 1009 00:50:41,980 --> 00:50:45,890 do të ju jap ky i madh Funksioni i quajtur data get. 1010 00:50:45,890 --> 00:50:48,664 Fjalë për fjalë, gjërat më që ju doni të bëni, 1011 00:50:48,664 --> 00:50:50,830 JavaScript është e do të ketë atë bërë për ju tashmë. 1012 00:50:50,830 --> 00:50:55,770 Pra, kjo është fjalë për fjalë si i ri të marrë datë, e cila është creating-- 1013 00:50:55,770 --> 00:50:58,600 ose data e re, rather-- i cili është i gjeneruar 1014 00:50:58,600 --> 00:51:03,690 disa objekt që përfaqëson një datë. 1015 00:51:03,690 --> 00:51:08,200 >> Dhe ajo që ne jemi duke shkuar për të bërë këtu është kjo is-- unë jam duke shkuar për të shkruar këtë, 1016 00:51:08,200 --> 00:51:10,820 dhe pastaj të shpjegojë atë që bën. 1017 00:51:10,820 --> 00:51:12,560 Kështu që unë do të sigurohemi që unë të marrë këtë të drejtë. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, kështu që çfarë ky funksion bën, është ne jemi vetëm 1020 00:51:23,440 --> 00:51:30,680 krijimin e HTML që është në të vërtetë do të shkojë brenda Id tonë div e orën. 1021 00:51:30,680 --> 00:51:34,610 Pra, çfarë kjo do të jetë bërë është vetëm gjenerimin e një varg, OK? 1022 00:51:34,610 --> 00:51:38,510 Kjo është pastaj do të jetë transplantuar në HTML tonë. 1023 00:51:38,510 --> 00:51:42,130 Në thelb ajo është e do të bëni është të çfarëdo we-- ajo që unë do të ju tregojnë 1024 00:51:42,130 --> 00:51:49,070 është se çdo gjë që ne themi HTML është, ne jemi duke shkuar për të zëvendësuar këtë tekst këtu 1025 00:51:49,070 --> 00:51:51,090 me çfarëdo HTML është. 1026 00:51:51,090 --> 00:51:56,390 Pra, kjo do të lejojë na për të ndryshuar orën dot tonë 1027 00:51:56,390 --> 00:52:00,940 HTML nga të qenit vetëm teksti i kësaj duhet të jetë një orë, në të vërtetë duke treguar 1028 00:52:00,940 --> 00:52:05,630 numrat dhe gjëra që ne të kujdesen rreth, dhe në të vërtetë të jetë ora. 1029 00:52:05,630 --> 00:52:09,810 >> Pra, ajo që ne jemi duke shkuar për të bërë është që ne jemi do të fillojnë gjeneruar këtë HTML. 1030 00:52:09,810 --> 00:52:16,520 Pra, në të njëjtën mënyrë që ne të përdorur për të bërë plus barabartë për integers, 1031 00:52:16,520 --> 00:52:20,461 ju tani mund të bëjë atë për vargjet, përveç se do të lidh ato. 1032 00:52:20,461 --> 00:52:20,960 E drejtë? 1033 00:52:20,960 --> 00:52:26,070 Siç e pamë me dot partisë JS, kjo vetëm concatenates të gjitha këto gjëra së bashku. 1034 00:52:26,070 --> 00:52:31,970 Kështu që ju mund të lidh copa të ndryshme të HTML nga variablave, ose pjesë të strings 1035 00:52:31,970 --> 00:52:33,750 që ju të shkruani nga veten, dhe kjo vetëm 1036 00:52:33,750 --> 00:52:38,650 me të vërtetë ju lejon të dinamike gjenerojë HTML, i cili është shumë i ftohtë. 1037 00:52:38,650 --> 00:52:42,040 Pra, nëse ju keni diçka shumë përdorues të veçantë, 1038 00:52:42,040 --> 00:52:44,130 kjo mund të ju lejojnë të bëni këtë. 1039 00:52:44,130 --> 00:52:47,550 >> Pra, ne kemi HTML, për të unë jam duke shkuar për të provoni dhe të sigurohemi që unë të marrë këtë të drejtë. 1040 00:52:47,550 --> 00:52:49,890 Pra, ne jemi duke shkuar për të bërë disa header h1. 1041 00:52:49,890 --> 00:52:53,610 Pra, çfarë është e rëndësishme për të realizuar këtu është se kjo është në të vërtetë vetëm HTML. 1042 00:52:53,610 --> 00:52:54,460 E drejtë? 1043 00:52:54,460 --> 00:52:56,610 Ne jemi me shkrim aktual Kodi HTML në këtu, është 1044 00:52:56,610 --> 00:53:01,090 jo vetëm një varg në normal mënyrë që ne do të mendoj për të. 1045 00:53:01,090 --> 00:53:02,930 Pra, ne kemi disa HTML. 1046 00:53:02,930 --> 00:53:04,940 Kjo është konsideruar një varg këtu pse. 1047 00:53:04,940 --> 00:53:10,380 Dhe ne bëjmë datë dot-- ne doni të merrni orë tona. 1048 00:53:10,380 --> 00:53:12,910 Përsëri, në qoftë se ju do të shikoni up çdo gjë në lidhje me datën, 1049 00:53:12,910 --> 00:53:16,160 ajo do të ju them të gjitha këto janë atributet që ka datë. 1050 00:53:16,160 --> 00:53:17,670 Dhe këtu është ajo që ju mund të përdorni për të. 1051 00:53:17,670 --> 00:53:20,620 Pra, ajo ndoshta ka gjëra të tilla si të marrë orë, dhe për të marrë minuta, 1052 00:53:20,620 --> 00:53:24,669 dhe për të marrë sekonda, dhe për të marrë milisekonda, dhe kush e di çfarë tjetër ata kanë. 1053 00:53:24,669 --> 00:53:27,210 Por në qoftë se ju shikoni në dokumentacioni, se të gjithë do të jenë aty. 1054 00:53:27,210 --> 00:53:31,980 >> Pra, ne kemi marrë orë, dhe pastaj ne do të duan 1055 00:53:31,980 --> 00:53:35,614 të lidh që with-- unë jam do të shkojë kjo mbi këtu. 1056 00:53:35,614 --> 00:53:38,780 Pra, në qoftë se ne jemi duke gjeneruar të drejtë tani, ne jemi në të vërtetë gjenerimin kohën, e drejtë? 1057 00:53:38,780 --> 00:53:43,590 Ne kemi orë, dhe pastaj çfarë është ndërmjet orë dhe minuta? 1058 00:53:43,590 --> 00:53:45,080 Ju keni një pikëpresje, e drejtë? 1059 00:53:45,080 --> 00:53:48,010 Pra, ne duam të bëjmë disa pikëpresje këtu. 1060 00:53:48,010 --> 00:53:51,780 Dhe pastaj ne duam që të merrni tonë minuta, kështu që në të njëjtën mënyrë 1061 00:53:51,780 --> 00:53:56,450 që ne kemi data dot të marrë orë, se si mund të marrim minuta tona? 1062 00:53:56,450 --> 00:54:01,542 Është fjalë për fjalë më sot dot të marrë minuta, që unë lloj i donte. 1063 00:54:01,542 --> 00:54:03,250 Është si, "oh, sa bëj që unë të marrë minuta e mia? " 1064 00:54:03,250 --> 00:54:05,850 Unë vetëm të marrë minuta e mia. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 Dhe pastaj ne kemi një tjetër zorrës së trashë këtu. 1067 00:54:10,990 --> 00:54:16,350 Dhe pastaj në qoftë se ne duam që të merrni tonë sekonda, se si mund të kemi të dytë tonë? 1068 00:54:16,350 --> 00:54:17,400 Data dot merrni sekonda. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Unë mendoj se është shumë i ftohtë. 1071 00:54:21,590 --> 00:54:23,589 Dhe çfarë është e rëndësishme për të të kuptojë, është se ne gjithashtu 1072 00:54:23,589 --> 00:54:31,730 nevojë për të mbyllur HTML tag tonë këtu, sepse ajo duhet të vazhdojë të jetë e vlefshme HTML, kështu h1. 1073 00:54:31,730 --> 00:54:33,481 Ftohtë. 1074 00:54:33,481 --> 00:54:43,110 >> Kështu që pas kësaj, ne mund të bëjmë orën HTML dot brendshme është e barabartë me HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Pra, mbani mend se si kam thënë HTML brendshme në thelb 1077 00:54:46,470 --> 00:54:50,610 merr çdo gjë që është në mes Dy tags që kemi biseduar rreth 1078 00:54:50,610 --> 00:54:54,470 dhe fut apo manipulon çdo gjë që është në atje? 1079 00:54:54,470 --> 00:54:58,290 Pra, çfarë e bën këtë, në qoftë se ne të kthehemi në orën tonë, 1080 00:54:58,290 --> 00:55:04,180 është se ora referohet çdo gjë brenda këtij div. 1081 00:55:04,180 --> 00:55:09,770 Kjo është e brendshme HTML i këtij div orën Id. 1082 00:55:09,770 --> 00:55:13,930 Dhe kështu ajo do të ndryshojë atë për të HTML që ne sapo krijuara, 1083 00:55:13,930 --> 00:55:16,750 cili, e cila, shpresë, me shpresë, me shpresë, 1084 00:55:16,750 --> 00:55:21,026 do të tregojë kohën e drejtë tani. 1085 00:55:21,026 --> 00:55:23,960 Ne do të shohim. 1086 00:55:23,960 --> 00:55:25,170 Sigurisht. 1087 00:55:25,170 --> 00:55:26,860 Kështu që shumë çështje teknike. 1088 00:55:26,860 --> 00:55:31,480 Just-- Allison-së unë jam off lojë të mi sot guys. 1089 00:55:31,480 --> 00:55:34,136 OK, që punon. 1090 00:55:34,136 --> 00:55:35,760 ora dot HTML brendshme. 1091 00:55:35,760 --> 00:55:42,097 Ishte HTML Really? 1092 00:55:42,097 --> 00:55:43,180 Gjithashtu kjo është ajo që ndodh. 1093 00:55:43,180 --> 00:55:48,750 Kur ju nuk mund të shihni diçka, ju vetëm shikoni në kodin tuaj burim. 1094 00:55:48,750 --> 00:55:49,250 OK. 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 A ju doni të dini një punë të ftohtë rreth se ne jemi duke shkuar për të bërë të drejtë këtu? 1097 00:55:54,870 --> 00:55:55,740 >> AUDIENCA: A mund të bëni shkronja kapitale? 1098 00:55:55,740 --> 00:55:56,580 Letrat kapitale? 1099 00:55:56,580 --> 00:55:58,996 Sepse ju keni marrë orë, dhe pastaj të marrë minuta. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON BUCHHOLTZ-AU: Ajo është marrë orë dhe get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Ju are-- yll të artë. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Kjo është e gjitha një test, djema. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Unë premtoj se ishte duke punuar para klasës. 1106 00:56:17,330 --> 00:56:22,590 >> OK, por diçka e ftohtë për të dini është që ju mund të also-- nëse ndonjëherë 1107 00:56:22,590 --> 00:56:26,560 dosjet tuaja jashtme janë duke marrë një pak i çmendur, 1108 00:56:26,560 --> 00:56:30,960 ju gjithashtu mund të vetëm të vënë ato drejt në këtu, i cili ka tendencë për të rregulluar gjërat. 1109 00:56:30,960 --> 00:56:35,840 Përveç rasteve kjo është si të vërtetë e shëmtuar. 1110 00:56:35,840 --> 00:56:38,050 Sigurisht format gjithçka. 1111 00:56:38,050 --> 00:56:41,425 Sigurohuni që ajo është e gjitha e bukur. 1112 00:56:41,425 --> 00:56:41,925 OK. 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> Unë të kërkuar për të bërë të gjitha popull ftohtë, dhe ata janë vetëm nuk punojnë jashtë. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Ora var Script. 1117 00:56:53,890 --> 00:57:00,350 Anyways, ajo që është e rëndësishme është se kjo është mënyra e përgjithshme 1118 00:57:00,350 --> 00:57:01,870 që ju do të format JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Siç mund ta shikoni, kjo mund të jetë shumë nazeli ndonjëherë, 1120 00:57:04,490 --> 00:57:08,780 edhe kur ajo ishte fjalë për fjalë duke punuar dy sekonda më parë. 1121 00:57:08,780 --> 00:57:11,820 Ose jo dy i dytë më parë, por shumë, shumë kohët e fundit. 1122 00:57:11,820 --> 00:57:16,070 >> Pra, për të treguar se çfarë ajo duhet të duken si, dhe për të treguar se unë nuk jam i çmendur, 1123 00:57:16,070 --> 00:57:19,730 dhe se çdo gjë është pikërisht njëjtë, kjo është ajo që ajo duhet të duken si. 1124 00:57:19,730 --> 00:57:27,410 Ju jeni vetëm duke shkuar për të bërë këtë pjesë të lartë këtu, dhe në qoftë se ju shikoni faqen burim, 1125 00:57:27,410 --> 00:57:32,160 në qoftë se ju të vini re, ai bëri disa gjëra të çmendura, unë thjeshtuar atë. 1126 00:57:32,160 --> 00:57:35,710 Gjithashtu, kredia për Tommy McWilliam, i cili në të vërtetë 1127 00:57:35,710 --> 00:57:38,810 më ndihmoi të krijuar këto shembuj, cila është arsyeja pse unë e di se ata punojnë. 1128 00:57:38,810 --> 00:57:41,560 Sepse Tommy është një mjeshtër JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Por nëse ne njoftim, ne kemi disa seri. 1130 00:57:43,180 --> 00:57:45,170 Ne kemi funksionin tonë orën këtu. 1131 00:57:45,170 --> 00:57:48,450 Kjo është e gjitha JavaScript që ne vetëm shkroi, ose një pjesë e saj. 1132 00:57:48,450 --> 00:57:51,470 Ne vetëm shkroi këtë një të drejtë këtu. 1133 00:57:51,470 --> 00:57:54,260 Dhe ai ka një shtesë funksion që vetëm pads atë 1134 00:57:54,260 --> 00:57:57,790 duke shënuar me një zero përpara një letër ose para një numri të nëse është e 1135 00:57:57,790 --> 00:57:59,412 vetëm një prej tyre. 1136 00:57:59,412 --> 00:58:02,120 Pra, në qoftë se ju të vini re, kjo është goxha shumë pikërisht ajo që ne vetëm shkruante. 1137 00:58:02,120 --> 00:58:06,230 Ju keni disa orë të ndryshueshme se ka elementin tonë, të merrni element me ID, 1138 00:58:06,230 --> 00:58:07,252 e cila është ora. 1139 00:58:07,252 --> 00:58:08,960 Ne kemi interval tonë të caktuar funksion, kjo është 1140 00:58:08,960 --> 00:58:12,670 një funksion anonim që ekzekuton të gjithë këtë. 1141 00:58:12,670 --> 00:58:16,940 Ne kemi disa duke filluar varg të HTML që ne pastaj dinamike 1142 00:58:16,940 --> 00:58:20,750 gjenerojnë nga të paturit e disa header h1, concatenating 1143 00:58:20,750 --> 00:58:23,950 me të marrë orë, plus zorrës së trashë tonë, plus duke marrë 1144 00:58:23,950 --> 00:58:26,860 procesverbali, plus një tjetër zorrës së trashë, plus sekonda tona, 1145 00:58:26,860 --> 00:58:29,330 dhe më në fund duke i dhënë fund HTML për të. 1146 00:58:29,330 --> 00:58:34,210 Dhe pastaj ne update orën tonë dot HTML brendshme në HTML, 1147 00:58:34,210 --> 00:58:37,640 dhe ne update çdo 100 milisekonda. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Shih unë premtoj unë nuk jam i çmendur. 1150 00:58:42,470 --> 00:58:43,440 Nuk e di. 1151 00:58:43,440 --> 00:58:47,160 Unë nuk e di pse kjo nuk i pëlqen mua. 1152 00:58:47,160 --> 00:58:54,030 Ndjehem si duket i njëjtë, por me sa duket më urren mua. 1153 00:58:54,030 --> 00:58:59,600 >> Pra, le të shohim nëse raundi tre shkon më mirë. 1154 00:58:59,600 --> 00:59:00,970 Ne jemi gati për të parë. 1155 00:59:00,970 --> 00:59:02,910 Unë nuk jam i sigurt se si kjo është duke shkuar për të shkuar. 1156 00:59:02,910 --> 00:59:06,700 A është e të gjithë të paktën duke marrë këqijat, si vetëm temës së përgjithshme 1157 00:59:06,700 --> 00:59:08,480 e JavaScript, pse? 1158 00:59:08,480 --> 00:59:15,660 Unë shpresoj se kjo është të paktën e dobishme, më shumë se duke treguar se ajo është pak nazeli. 1159 00:59:15,660 --> 00:59:21,190 Por vendosur tuaj problem do të jetë shumë e fun. 1160 00:59:21,190 --> 00:59:22,590 Ajo do të jetë i madh. 1161 00:59:22,590 --> 00:59:24,820 Kjo nuk do të jetë mjaft sa e lodhshme si kjo, unë nuk mendoj. 1162 00:59:24,820 --> 00:59:28,100 Ju në fakt do të merrni të shohin gjërat me të vërtetë cool. 1163 00:59:28,100 --> 00:59:31,734 >> Pra, e fundit por jo më pak, ne do të përpiqemi një të Twitter. 1164 00:59:31,734 --> 00:59:32,900 Unë jam me të vërtetë i frikësuar tani, djema. 1165 00:59:32,900 --> 00:59:35,762 Unë nuk e di se si kjo është duke shkuar për të shkuar. 1166 00:59:35,762 --> 00:59:39,930 Por vetëm për të ju jap pak më shumë shije, dhe kjo është në të vërtetë 1167 00:59:39,930 --> 00:59:44,190 strings manipulimin dhe inputet, ajo që ne jemi duke shkuar për të bërë 1168 00:59:44,190 --> 00:59:50,960 është, në qoftë se ne të vini re këtu me HTML-- kjo e ka pak more-- 1169 00:59:50,960 --> 00:59:57,200 ne kemi disa zona tekst, i cili korrespondon me këtë fushë teksti këtu. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 Dhe që ka një Id të tekstit. 1172 01:00:00,420 --> 01:00:04,520 Ne restyled atë një pak me disa gjerësi dhe lartësi 1173 01:00:04,520 --> 01:00:07,310 që ne kemi paracaktuar, dhe ne kemi H1, 1174 01:00:07,310 --> 01:00:11,260 cila sapo është header një jonë që paraqet karaktere tona majtas. 1175 01:00:11,260 --> 01:00:14,570 Ne ia dha disa Id e gërmat e mbetura, 1176 01:00:14,570 --> 01:00:18,660 dhe pastaj ne kemi disa script këtu, që unë jam me të vërtetë 1177 01:00:18,660 --> 01:00:20,790 duke shpresuar herë të tretë bukuri këtu, djema. 1178 01:00:20,790 --> 01:00:26,750 >> Pra, ajo që ne duam të bëjmë, në të njëjtën mënyrë përgjithshme 1179 01:00:26,750 --> 01:00:31,480 që ne kemi bërë me orën dot JS dhe dot partisë js siç e kemi vënë re, 1180 01:00:31,480 --> 01:00:35,980 po ne kemi filluar me të vërtetë grabbing gjërat që ne të kujdesen për, apo jo? 1181 01:00:35,980 --> 01:00:42,330 Pra në këtë rast, ka dy gjërat që ne të kujdesen për, OK? 1182 01:00:42,330 --> 01:00:47,199 Një gjë që ne jemi në të vërtetë lloji i kërkim në dhe duke tërhequr të dhënat nga, 1183 01:00:47,199 --> 01:00:48,990 dhe një gjë që ne jemi në të vërtetë ndryshuar. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Pra, nuk ka HTML ynë. 1186 01:00:53,730 --> 01:01:00,370 Nëse kjo është faqe tonë të internetit këtu, çfarë është Të dhënat që ne jemi duke kërkuar në? 1187 01:01:00,370 --> 01:01:03,860 Ajo do të jetë i çfarëdo Teksti në kuti tona, e drejtë? 1188 01:01:03,860 --> 01:01:05,310 Pra, çdo gjë që unë lloji në këtu. 1189 01:01:05,310 --> 01:01:08,150 Kjo është ajo që unë dua të di, ose kjo është ajo që unë dua të shikoni në. 1190 01:01:08,150 --> 01:01:10,690 Dhe çfarë do të jetë ndryshon në faqen tonë të internetit? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Personazhet e mbetur. 1193 01:01:14,880 --> 01:01:19,550 Pra, në të njëjtën mënyrë, ne duam të filloni nga fillimin variablave 1194 01:01:19,550 --> 01:01:22,030 që në të vërtetë të mbajë mbi ato elemente. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Pra, në qoftë se ne kemi disa var që është zona jonë e tekstit, 1197 01:01:29,930 --> 01:01:33,681 dhe ne kemi disa var që është mbetur. 1198 01:01:33,681 --> 01:01:34,180 E drejtë? 1199 01:01:34,180 --> 01:01:36,190 Pra, këto do të mbajë ato dy gjëra. 1200 01:01:36,190 --> 01:01:42,370 Pra, e njëjta gjë e tillë, dokument dot-- OK, unë jam 1201 01:01:42,370 --> 01:01:45,920 shkuar për të siguruar që kjo është duke shkuar për të punuar këtë kohë. 1202 01:01:45,920 --> 01:01:49,620 Unë jam shumë i bindur. 1203 01:01:49,620 --> 01:01:53,310 OK, kështu që në qoftë se ne duam tonë fushë teksti, sipas 1204 01:01:53,310 --> 01:01:55,710 në HTML tonë, çfarë është identifikues tonë? 1205 01:01:55,710 --> 01:01:56,420 Çfarë është Id tonë? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Është vetëm do të jetë teksti sepse kjo krijon zonën tonë të tekstit, OK, 1208 01:02:05,540 --> 01:02:10,320 dhe Id ynë është teksti, kështu që është e se si ne mund të rrëmbej atë që është në atje. 1209 01:02:10,320 --> 01:02:12,130 OK, pikëpresje. 1210 01:02:12,130 --> 01:02:13,940 Unë jam do të jetë super të saktë për këtë, 1211 01:02:13,940 --> 01:02:16,300 sepse unë dua këtë për të punuar këtë kohë. 1212 01:02:16,300 --> 01:02:22,120 OK, të bëjë të njëjtën gjë, merrni element nga Id. 1213 01:02:22,120 --> 01:02:25,970 Unë jam me të vërtetë i pyesin se çfarë ka shkaktuar dy të tjera për të rrëmujë deri. 1214 01:02:25,970 --> 01:02:29,750 OK, atëherë në këtë një, çfarë duam të hyni? 1215 01:02:29,750 --> 01:02:30,760 Çfarë është Id tonë këtu? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Ne kemi një tjetër Id në HTML ynë, çfarë është ajo? 1218 01:02:36,261 --> 01:02:37,552 AUDIENCA: Figurë e mbetur. 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-AU: Gërmat e mbetura. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OK. 1222 01:02:44,330 --> 01:02:46,010 Ftohtë. 1223 01:02:46,010 --> 01:02:49,800 Kështu që unë jam vetëm duke shkuar për të shkruaj këtë të vërtetë të shpejtë. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Unë jam vetëm duke shkuar për të shkruar kjo në sekondë. 1226 01:02:55,330 --> 01:02:56,190 Pra zonë teksti. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Çfarë është interesante është B function-- atje shumë funksione që jo vetëm 1229 01:03:06,180 --> 01:03:09,690 korrespondojnë tuaj mouse, por keyboard juaj. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Kështu që ju mund të thoni kur ndonjë kyç është presion, ju mund të bëni gjëra të tilla si se. 1232 01:03:16,540 --> 01:03:20,450 Pra, ajo që ne jemi duke përdorur është quajtur në çelës up, e cila 1233 01:03:20,450 --> 01:03:25,320 thotë se, "në qoftë se ju keni shtypur një tast çfarëdo për tastierës tuaj, kur përdoruesi ka hequr 1234 01:03:25,320 --> 01:03:28,064 Gishti i tyre off atë buton, dhe kyç është bërë unpressed, 1235 01:03:28,064 --> 01:03:29,480 atëherë ne jemi duke shkuar për të bërë diçka. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Pra, kjo ka kuptim, apo jo? 1238 01:03:31,370 --> 01:03:33,540 Sepse çdo karakter ne shkruani, ne jemi duke shkuar 1239 01:03:33,540 --> 01:03:36,550 që të ketë për të hequr gishtat tonë off e saj, kështu që kur kyç shkon lart, 1240 01:03:36,550 --> 01:03:40,980 ne mund të dimë për pakësim personazhet tona të mbetura. 1241 01:03:40,980 --> 01:03:44,440 >> Pra, ne kemi disa në kyç lart, dhe në të njëjtën mënyrë, 1242 01:03:44,440 --> 01:03:47,480 ne jemi duke shkuar për të thënë, "OK, kur ne e bëjmë këtë, ne 1243 01:03:47,480 --> 01:03:55,110 do të krijojë disa funksion që do të marrë e, "në këtë rast, 1244 01:03:55,110 --> 01:03:58,800 dhe ajo që ne duam të bëjmë është të llogaritur numrin e mbetur. 1245 01:03:58,800 --> 01:04:02,510 OK, kështu që le të vetëm të fillojë duke krijuar një ndryshore. 1246 01:04:02,510 --> 01:04:05,830 Pra, ne kemi disa r ndryshueshme, që do të përfaqësojë 1247 01:04:05,830 --> 01:04:07,720 sa karaktere që kemi lënë. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Ne e dimë se ne të fillojmë me 140, dhe në qoftë se ne duam të dimë, 1250 01:04:14,540 --> 01:04:18,360 le të themi, gjatësinë e kësaj varg që ka qenë input, 1251 01:04:18,360 --> 01:04:20,860 bëni ju djema keni ndonjë ide se si ne mund të bëjmë atë? 1252 01:04:20,860 --> 01:04:23,900 Vetëm bazuar jashtë e dukshme gjërat, si në qoftë se kemi dashur orë, 1253 01:04:23,900 --> 01:04:25,870 kemi përdorur marrë orë. 1254 01:04:25,870 --> 01:04:28,860 Ne e dimë se objekti ynë është Zona e tekstit, por mund të ju djema 1255 01:04:28,860 --> 01:04:33,050 mendoj për atë që mund të vijë pas tij? 1256 01:04:33,050 --> 01:04:35,280 Ndonjë ide? 1257 01:04:35,280 --> 01:04:41,730 >> Kështu lloj këtij dikujt e më pak intuitive, por kjo është vlera dot gjatësi. 1258 01:04:41,730 --> 01:04:44,700 Pra, vetëm të më jepni disa atribut vlera që 1259 01:04:44,700 --> 01:04:46,500 është në fakt gjatësia e këtij varg. 1260 01:04:46,500 --> 01:04:50,340 Kështu ajo do të thonë, "OK, unë jam duke kërkuar në tërë këtë varg brenda zonës së tekstit, 1261 01:04:50,340 --> 01:04:52,730 dhe unë jam duke shkuar për të treguar ju sa kohë ajo është. " 1262 01:04:52,730 --> 01:04:55,500 Sepse në qoftë se ne kujtojmë vargjet janë me të vërtetë vetëm vargjeve, 1263 01:04:55,500 --> 01:04:58,110 kështu që ne mund të marrë vetëm gjatësinë e tyre. 1264 01:04:58,110 --> 01:05:01,860 Pra, ne kemi atë. 1265 01:05:01,860 --> 01:05:04,058 Ftohtë. 1266 01:05:04,058 --> 01:05:09,360 >> Pastaj ajo që ne duam të bëjmë është që ne kurrë nuk duan të lejojnë përdoruesit 1267 01:05:09,360 --> 01:05:12,340 të dhëna më shumë se 140 karaktere, e drejtë? 1268 01:05:12,340 --> 01:05:15,610 Sepse në qoftë se ne themi si, "oh, ju vetëm kjo shumë e mbetur, " 1269 01:05:15,610 --> 01:05:20,522 dhe pastaj le ta bëjë këtë anyways, ne kemi qenë të gënjyer. 1270 01:05:20,522 --> 01:05:22,230 Dhe kjo është një tjetër gjë që JavaScript 1271 01:05:22,230 --> 01:05:24,530 mund të jetë me të vërtetë e mirë për të, është përdorues validation 1272 01:05:24,530 --> 01:05:29,062 dhe duke u siguruar që tuaj përdorues i përshtatet brenda rregullave 1273 01:05:29,062 --> 01:05:30,270 që ju keni dhënë atyre. 1274 01:05:30,270 --> 01:05:36,020 Pra, nëse ju doni të bëni gjëra të tilla si duke e bërë i sigurt input dikush mail adresën e tyre, 1275 01:05:36,020 --> 01:05:40,242 ose duke u siguruar që kur ata hyjnë dy fjalëkalime, ata krahasohen. 1276 01:05:40,242 --> 01:05:41,200 JavaScript mund ta bëjë këtë. 1277 01:05:41,200 --> 01:05:44,010 Ju do të bëni diçka si, "kur formë është dorëzuar ", apo si, 1278 01:05:44,010 --> 01:05:48,170 "Kur Submit button Forma është klikuar, kontrolloni të gjitha këto gjëra. " 1279 01:05:48,170 --> 01:05:49,670 Dhe ne mund të bëjmë atë JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Pra, kjo është vetëm se çfarë ne jemi duke shkuar për të bërë këtu. 1281 01:05:52,680 --> 01:05:57,810 >> Pra, çfarë mund të jetë një mënyrë për të parë nëse ata kanë shkuar mbi 140 karaktere? 1282 01:05:57,810 --> 01:06:03,310 Çfarë do të ndodhë në vlera jonë e r nëse ata përpiqen? 1283 01:06:03,310 --> 01:06:04,760 Ajo do të jetë negative, e drejtë? 1284 01:06:04,760 --> 01:06:07,380 Ose ajo do të jetë më pak se ose e barabarte me zero. 1285 01:06:07,380 --> 01:06:13,690 Pra, ne mund të përdorim një në qoftë se është ashtu si çdo gjë tjetër. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 Dhe ne kemi disa zona tekst dot vlera, dhe çfarë ne jemi duke bërë këtu 1288 01:06:20,480 --> 01:06:29,940 është që ne jemi vetëm cutting-- çfarë është ajo? 1289 01:06:29,940 --> 01:06:30,900 Më vjen keq. 1290 01:06:30,900 --> 01:06:32,732 Ky i fundit, ne vetëm duam të kthehen rreme. 1291 01:06:32,732 --> 01:06:34,030 Unë u hutuar. 1292 01:06:34,030 --> 01:06:36,560 Të gjitha të rraskapitur nga gjërat nuk punojnë. 1293 01:06:36,560 --> 01:06:40,010 OK, ne vetëm duam të kthimit të rreme, dhe pastaj ne 1294 01:06:40,010 --> 01:06:44,160 duan për të shfaqur karaktere të mbetur, e drejtë? 1295 01:06:44,160 --> 01:06:48,720 Pra, me orën, ne e bëmë diçka me HTML brendshme, e drejtë? 1296 01:06:48,720 --> 01:06:52,070 Ku ne kemi vendosur kjo e barabartë me disa variabël, kështu që çfarë mund të bëjmë ne këtu? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Çfarë po ne ndryshimin e HTML brendshme të? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> AUDIENCA: Mbetur? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON BUCHHOLTZ-AU: Ne jemi duke ndryshuar mbetur. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Në rregull, dhe çfarë bëjmë ne duan për të vendosur atë barabartë me? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Ajo do të jetë e r, sepse kjo duhet të jenë personazhet tona të mbetura. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Kështu që unë jam me të vërtetë nervor për të parë nëse kjo punon tani, por ne do të shohim. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Dërgo këtë. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Kjo është me të vërtetë i shpejtë. 1312 01:07:37,700 --> 01:07:38,970 [E padëgjueshme] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Përsëri, unë jam vetëm duke shkuar për të treguar ju. 1315 01:07:45,990 --> 01:07:49,430 Për çfarëdo arsye, imja nuk vendos për të punuar, 1316 01:07:49,430 --> 01:07:53,354 por ajo që unë do të ju tregoj është se kjo is-- oh unë është dashur për të vënë atë në. 1317 01:07:53,354 --> 01:07:57,470 OK, ne njoftim të njëjtin lloj të gjë këtu, duke marrë zonën e tekstit. 1318 01:07:57,470 --> 01:08:01,070 >> Gjithashtu, nëse ju njoftim djalë, nëse ka ndonjëherë diçka që ju doni të bëni, 1319 01:08:01,070 --> 01:08:04,080 dhe ju nuk e dini se si për të bërë ajo, thjesht klikoni View Page Source, 1320 01:08:04,080 --> 01:08:06,632 dhe ata do të ju them. 1321 01:08:06,632 --> 01:08:07,840 Ndonjëherë ajo do të jetë i koduar. 1322 01:08:07,840 --> 01:08:11,147 Për pset tuaj, ne encrypt çdo gjë, kështu që ajo vetëm duket si dërdëllisje. 1323 01:08:11,147 --> 01:08:13,480 Por në qoftë se ka ndonjëherë një të vërtetë website i ftohtë që ju pëlqen, 1324 01:08:13,480 --> 01:08:17,729 në qoftë se ju vetëm të klikoni View Page Source, ajo do të ju tregojnë se si të bëhet kjo. 1325 01:08:17,729 --> 01:08:20,770 Pra, përsëri, nuk punojnë zgjuar, më e vështirë. 1326 01:08:20,770 --> 01:08:24,250 Dhe siç e shihni këtu, të gjithë e këto gjëra janë të njëjta. 1327 01:08:24,250 --> 01:08:31,930 ky njeri këtu vetëm merr disa substring se, unë harroj pikërisht atë që kjo e bën. 1328 01:08:31,930 --> 01:08:36,980 Por ajo padyshim merr disa substring e vlerës nga zero në dhjetë, 1329 01:08:36,980 --> 01:08:41,540 dhe kthen false çfarë duhet të ndalet përdorues nga inputting më, 1330 01:08:41,540 --> 01:08:46,040 dhe pastaj padyshim përditëson HTML brendshme atje. 1331 01:08:46,040 --> 01:08:47,410 >> Ftohtë. 1332 01:08:47,410 --> 01:08:53,000 Aways aq të mëdha të marrë prej sot, eksperiment, shikoni në kodin burimor 1333 01:08:53,000 --> 01:08:58,359 sepse kjo do të ju ndihmojë shumë, dhe të gjithë, ndonjëherë JavaScript 1334 01:08:58,359 --> 01:09:03,200 mund të jetë e vështirë për të punuar me të dhe nuk ka gjithmonë të punojnë në mënyrë që ju presin atë për të, 1335 01:09:03,200 --> 01:09:05,700 por vetëm i mbajnë duke u përpjekur sepse unë premtoj se do. 1336 01:09:05,700 --> 01:09:08,376 Unë premtoj të gjitha këto shembuj ishin duke punuar para klasës. 1337 01:09:08,376 --> 01:09:09,750 Unë nuk e kuptoj se çfarë ka ndodhur. 1338 01:09:09,750 --> 01:09:13,069 Unë fjalë për fjalë kanë gjithçka njëjtë. 1339 01:09:13,069 --> 01:09:17,660 >> Një gjë më shumë që unë vetëm dua të ju tregojnë djema që mund të jenë super të dobishme 1340 01:09:17,660 --> 01:09:21,630 është in-- çfarë ishte duke punuar para? 1341 01:09:21,630 --> 01:09:23,935 Ne morëm palë në punë, nuk kemi? 1342 01:09:23,935 --> 01:09:26,569 Unë mendoj kështu. 1343 01:09:26,569 --> 01:09:27,069 Po. 1344 01:09:27,069 --> 01:09:27,630 Ne e bëmë. 1345 01:09:27,630 --> 01:09:28,250 Awesome. 1346 01:09:28,250 --> 01:09:31,189 OK, kështu që një gjë që ju djema duhet të dini 1347 01:09:31,189 --> 01:09:33,340 është konsol log që kam biseduar rreth. 1348 01:09:33,340 --> 01:09:37,040 Pra ngushëlluar dot logun e përshëndetje. 1349 01:09:37,040 --> 01:09:40,430 Pra, kjo është lloj i JavaScript ekuivalent i printf. 1350 01:09:40,430 --> 01:09:42,810 Pra, nëse ju dëshironi ndonjëherë për të inspektojë variablave tuaj 1351 01:09:42,810 --> 01:09:49,649 ose të parë se çfarë po ndodh atje, çfarë ju mund të bëni është, në qoftë se ne të inspektojë element, 1352 01:09:49,649 --> 01:09:51,899 është ajo që ju doni të shkoni për të, dhe ju shkoni për të ngushëlluar, 1353 01:09:51,899 --> 01:09:53,770 ju do të shihni se ajo shtypura përshëndetje. 1354 01:09:53,770 --> 01:09:55,750 >> Pra, ne mund të kemi atë print çfarëdo që dëshironte. 1355 01:09:55,750 --> 01:10:04,170 Nëse ne të kërkuar atë për të shtypur sfond dot stil dot sfond, 1356 01:10:04,170 --> 01:10:08,454 ne duhet të jetë në gjendje për të parë RGB trefishtë që vjen deri. 1357 01:10:08,454 --> 01:10:11,140 Apo jo. 1358 01:10:11,140 --> 01:10:13,520 Unë harroj saktësisht se si ju printoni një ndryshore si kjo, 1359 01:10:13,520 --> 01:10:17,249 por ju duhet të jetë në gjendje të shtypura nga gjëra të tilla si se. 1360 01:10:17,249 --> 01:10:19,040 Kjo do të jetë shumë i dobishëm për pset tuaj kur është 1361 01:10:19,040 --> 01:10:23,330 ju jeni duke u përpjekur për të manipuluar koordinon apo gjësend. 1362 01:10:23,330 --> 01:10:25,270 Pra, ata gjithashtu të ndryshuar këtë pjesë në klasë. 1363 01:10:25,270 --> 01:10:30,750 Kjo është e ndryshme nga vitet e fundit, kështu që vetëm të jetë mirë për të TFS tuaj, ose të NGP 1364 01:10:30,750 --> 01:10:36,350 në orarit të punës në vend, sepse ne jemi lloj i të mësuarit së bashku me ju djema. 1365 01:10:36,350 --> 01:10:41,230 Por log konsol ishte super, super dobishme për JavaScript vitin e kaluar. 1366 01:10:41,230 --> 01:10:42,740 Kështu që e duan atë. 1367 01:10:42,740 --> 01:10:43,780 Mëso se si të përdorin atë. 1368 01:10:43,780 --> 01:10:49,026 Është më e lehtë për t'u përdorur se GDB, kështu që duhet të jetë të paktën një pikë plus. 1369 01:10:49,026 --> 01:10:50,650 Por Faleminderit djema jeni duke me mua. 1370 01:10:50,650 --> 01:10:53,400 Më vjen keq që im shembuj për disa arsye 1371 01:10:53,400 --> 01:10:55,410 thjesht nuk duan të bashkëpunojnë me mua, por unë 1372 01:10:55,410 --> 01:11:01,010 shpresoj se kjo ka ndihmuar lloj i merrni ju një pak më shumë në zonën e JavaScript. 1373 01:11:01,010 --> 01:11:04,980 Dhe më dërgoni të gjitha pyetjet tuaja për javën e ardhshme kështu që unë mund të riparohen super, 1374 01:11:04,980 --> 01:11:09,420 dhe unë do të sjell karamele dhe madje shtesë karamele sepse kjo ishte qesharake. 1375 01:11:09,420 --> 01:11:14,000 Por ju djema janë të mëdha, dhe kanë një javë awesome. 1376 01:11:14,000 --> 01:11:15,584