1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-AU: All haki ya kila mmoja. 3 00:00:12,340 --> 00:00:13,520 Karibu tena kwa sehemu. 4 00:00:13,520 --> 00:00:15,315 Ni sehemu yetu penultimate. 5 00:00:15,315 --> 00:00:16,542 Ni hivyo kusikitisha. 6 00:00:16,542 --> 00:00:19,500 Sijui nini mimi kwenda kufanya bila kuona nyie kila Jumatatu. 7 00:00:19,500 --> 00:00:20,970 Nadhani tunapaswa just-- labda tunaweza tu 8 00:00:20,970 --> 00:00:22,710 kukutana hapa na kuwa na chakula cha jioni au kitu. 9 00:00:22,710 --> 00:00:23,270 Sijui. 10 00:00:23,270 --> 00:00:24,370 Mimi itabidi kuleta chakula badala yake. 11 00:00:24,370 --> 00:00:26,290 Tutaweza tu kuzungumza. 12 00:00:26,290 --> 00:00:29,900 Lakini ndiyo, wiki ijayo mapenzi kuwa sehemu yetu ya mwisho. 13 00:00:29,900 --> 00:00:32,390 >> On kukumbuka kwamba, una Jaribio wiki ijayo. 14 00:00:32,390 --> 00:00:35,660 Mimi najua alisahau kufanya yangu, kama, ilani mapema wiki mbili wiki iliyopita, 15 00:00:35,660 --> 00:00:39,140 lakini hopefully you guys alijua hii alikuwa anakuja. 16 00:00:39,140 --> 00:00:42,880 Hopefully hii ni moja ya mwisho midterms kwa guys kwa ajili ya muhula. 17 00:00:42,880 --> 00:00:46,950 Lakini ni kwenda cover yote vifaa kwamba tumeenda juu. 18 00:00:46,950 --> 00:00:50,811 Hivyo si kama unaweza kusahau tu minne loops au vigezo. 19 00:00:50,811 --> 00:00:52,560 Kwa sababu sisi kujifunza wale walio katika mwanzo, 20 00:00:52,560 --> 00:00:55,870 wale ni wazi haki mchezo kwa jaribio yako. 21 00:00:55,870 --> 00:01:00,150 >> Ni kwenda kuwa utaratibu huo huo, sawa urefu, hivyo tayari ni kutumika yake. 22 00:01:00,150 --> 00:01:02,330 Kuna kwenda kuwa coding na matatizo mkono, 23 00:01:02,330 --> 00:01:06,270 labda baadhi ya uongo wa kweli, labda baadhi jibu fupi. 24 00:01:06,270 --> 00:01:08,090 Hivyo unapaswa kuwa ukoo na format, 25 00:01:08,090 --> 00:01:10,940 hasa kama wewe kuchukua vipimo vya mazoezi. 26 00:01:10,940 --> 00:01:13,950 Lakini kama mimi kusema hapa, ni nyongeza, lakini sisi ni dhahiri 27 00:01:13,950 --> 00:01:17,410 kwenda kulenga mambo kutoka wiki sita na kuendelea. 28 00:01:17,410 --> 00:01:24,050 Hivyo, sisi ni pengine si kwenda kuuliza kuhusu jinsi ka wengi 29 00:01:24,050 --> 00:01:26,180 ni katika kila aina au wale aina ya mambo, 30 00:01:26,180 --> 00:01:29,730 lakini sisi ni pengine ni kwenda kuwa nia ya mambo kama orodha wanaohusishwa, 31 00:01:29,730 --> 00:01:32,750 au miundo mbalimbali data, au algorithms mbalimbali 32 00:01:32,750 --> 00:01:33,960 kwamba tumekuwa aliyesema kuhusu. 33 00:01:33,960 --> 00:01:38,990 Hivyo kuhakikisha wewe ni kweli juu hizo, na kama wewe 34 00:01:38,990 --> 00:01:41,590 haja rasilimali yoyote, hapa kura ya rasilimali. 35 00:01:41,590 --> 00:01:44,790 Mimi tu alitoa wewe aina ya orodha ya haraka huko. 36 00:01:44,790 --> 00:01:48,330 >> Wiki ijayo itakuwa jaribio kupitia kwa wakati huu. 37 00:01:48,330 --> 00:01:52,290 Hivyo kama una maswali yoyote au mada maalum, 38 00:01:52,290 --> 00:01:56,180 mambo maalum juu ya chemsha bongo kwamba Ningependa kwenda juu, tafadhali 39 00:01:56,180 --> 00:02:01,780 kuwatuma mimi kabla ya muda ili niweze aina ya kujiandaa baadhi ya vifaa kwa ajili hiyo. 40 00:02:01,780 --> 00:02:06,310 Na katika Mbali na hayo sehemu ya mapitio, tutaweza 41 00:02:06,310 --> 00:02:09,616 pia kuwa wakishika shaka kote tathmini kama tulivyofanya wakati wa mwisho. 42 00:02:09,616 --> 00:02:11,490 Na itakuja kuwa kufanywa na watu sawa. 43 00:02:11,490 --> 00:02:13,030 Sijui kama kwamba inafanya bora au mbaya, 44 00:02:13,030 --> 00:02:15,670 lakini inaenda kuwa mimi, Hana, Davan, na Gabe tena. 45 00:02:15,670 --> 00:02:18,630 Hivyo kama unataka kuja kuona sisi wote banter na kila mmoja 46 00:02:18,630 --> 00:02:21,270 na kutembea wewe kupitia jaribio mapitio, unapaswa dhahiri 47 00:02:21,270 --> 00:02:22,600 kuja kuwa Jumatatu ijayo pia. 48 00:02:22,600 --> 00:02:26,210 Hivyo itabidi tu Jumatatu jam Zikiwa ya jaribio mapitio, ambayo ni nzuri 49 00:02:26,210 --> 00:02:29,840 kwa sababu kisha una Jumanne mchakato wa kupitia kila kitu. 50 00:02:29,840 --> 00:02:32,230 >> Lakini dhahiri kufanya kuangalia nje rasilimali hizo. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net ni kwa mbali, mimi kufikiri, moja ya muhimu sana, 52 00:02:36,030 --> 00:02:37,990 hasa kwa sababu ina mengi ya sampuli kificho, 53 00:02:37,990 --> 00:02:40,490 ina nguvu zote Points pamoja na maelezo yote juu yake, 54 00:02:40,490 --> 00:02:44,510 ambayo ni kweli nini mimi kuteka zaidi ya kifungu yangu vifaa kutoka. 55 00:02:44,510 --> 00:02:47,480 Kama kuna kitu katika uliopita sehemu nipate kuwa kupelekwa nje 56 00:02:47,480 --> 00:02:49,920 kwamba unaweza kuwa na wamezipata, tu basi mimi kujua. 57 00:02:49,920 --> 00:02:52,520 Kama sampuli ya wiki iliyopita code, kama mtu hakuwa na kupata kwamba, 58 00:02:52,520 --> 00:02:55,930 tu email yangu au kuja kuzungumza na mimi, na mimi itabidi kuhakikisha kuwa wewe kupata hiyo. 59 00:02:55,930 --> 00:03:02,000 >> Hivyo, pamoja na kwamba, leo sisi ni kwenda kuwa kuzungumza juu ya JavaScript. 60 00:03:02,000 --> 00:03:04,690 Hivyo hapa sisi Tommy, mimi ni nani tu kuzungumza na wewe jana usiku. 61 00:03:04,690 --> 00:03:06,670 Mimi upendo Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript ni favorite yake Lugha, kama yeye anasema hapa. 63 00:03:09,040 --> 00:03:14,050 Wao utakuwa kujaribu na kuwaambia kwamba ni si bora, nao watakuwa sahihi. 64 00:03:14,050 --> 00:03:16,510 Hivyo Tommy ni JavaScript bwana. 65 00:03:16,510 --> 00:03:19,850 Mimi si kabisa katika yake ngazi, lakini mimi nilikuwa kama, 66 00:03:19,850 --> 00:03:22,900 "Tommy, jinsi gani mimi kufundisha watoto hawa JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Basi, mimi got baadhi ya vidokezo, hivyo hopefully wao kazi nje. 68 00:03:26,700 --> 00:03:31,140 >> Hivyo mambo kadhaa kujua ni kwamba JavaScript ni mteja-upande scripting 69 00:03:31,140 --> 00:03:35,560 lugha, hivyo ambapo PHP ni kitu kwamba sisi kuchukuliwa zaidi server-upande, 70 00:03:35,560 --> 00:03:39,280 ilikuwa upload kwa server, ulioandaliwa na kunyongwa huko. 71 00:03:39,280 --> 00:03:42,871 Hii moja ni kunyongwa kwenye mashine yako mwenyewe. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Hivyo kupakia baadhi ukurasa JavaScript, na executes kwenye mashine yako. 74 00:03:46,960 --> 00:03:49,910 Syntax ni sawa na C na PHP. 75 00:03:49,910 --> 00:03:52,490 Sisi ni kwenda kwenda kwa njia ya baadhi ya mifano ya JavaScript, 76 00:03:52,490 --> 00:03:56,740 na wewe ni kwenda kuona kwamba njia ya sisi majadiliano juu ya vigezo, loops, 77 00:03:56,740 --> 00:03:58,910 na hali ni wote ni sawa. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 ukweli kwamba wao ni hivyo sawa ni pengine ni kwenda safari baadhi yenu 80 00:04:04,490 --> 00:04:08,529 up, katika baadhi ya kesi, kwa sababu tu utasikia kuingiza kidogo ya C 81 00:04:08,529 --> 00:04:09,570 ambapo kuna haipaswi. 82 00:04:09,570 --> 00:04:14,130 Labda wewe kujaribu na aina ya kitu wakati ni lazima kuwa typed. 83 00:04:14,130 --> 00:04:16,540 >> Na juu ya kwamba, jambo moja kwa kujua ni kwamba JavaScript 84 00:04:16,540 --> 00:04:19,360 ni dynamically typed lugha, kama PHP. 85 00:04:19,360 --> 00:04:21,410 Hivyo kama wewe guys kumbuka kutoka sehemu wiki iliyopita, 86 00:04:21,410 --> 00:04:23,680 tulipokuwa aina ya kufanya PHP yetu ajali bila shaka, 87 00:04:23,680 --> 00:04:28,860 tuliona kamba moja inaweza kuwa akageuka katika int moja, na kadhalika. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 aina ya vigezo yako ni kuamua wakati kukimbia, 90 00:04:34,850 --> 00:04:38,180 ili waweze kubadilika baada ya kozi ya mpango, 91 00:04:38,180 --> 00:04:43,109 na katika njia sawa kwamba sisi kamwe kweli kutangaza aina kwa PHP vigezo, 92 00:04:43,109 --> 00:04:45,900 tunakwenda kuwa kufanya hivyo kitu hapa, ambapo sisi siyo kweli 93 00:04:45,900 --> 00:04:49,740 kudhibiti aina ya vigezo yetu, hivyo kusema, kama sisi kufanya katika C. 94 00:04:49,740 --> 00:04:52,200 >> Na kisha jambo moja kuwa ni pretty baridi ni 95 00:04:52,200 --> 00:04:54,090 kwamba unaweza makosa kuangalia kupitia console, 96 00:04:54,090 --> 00:04:57,240 na kazi hii kubwa console.log, ambayo 97 00:04:57,240 --> 00:05:00,930 utapata magazeti nje mbalimbali vigezo au vitu tutaweza 98 00:05:00,930 --> 00:05:01,750 kuzungumzia. 99 00:05:01,750 --> 00:05:05,720 Tu kama wiki iliyopita wakati mimi nilikuwa kama, "kutumia kazi hii," na dampo 100 00:05:05,720 --> 00:05:10,490 kutoka pset yako hii ni kazi unataka kutumia, console.log. 101 00:05:10,490 --> 00:05:12,860 Mimi nilikuwa na kushangaa jinsi wengi wanafunzi katika masaa ya ofisi 102 00:05:12,860 --> 00:05:14,530 hakujua kuhusu dampo kazi. 103 00:05:14,530 --> 00:05:19,010 Na mimi nilikuwa kama, "guys, dhamira hii ya kufanya maisha yako rahisi sana. " 104 00:05:19,010 --> 00:05:22,960 >> Haki wote, ili kwamba ilikuwa aina ya tu kitu kifupi, kama siku zote, 105 00:05:22,960 --> 00:05:24,000 tuna mifano. 106 00:05:24,000 --> 00:05:25,600 Mimi najua wewe guys upendo hizo. 107 00:05:25,600 --> 00:05:30,930 Hivyo hapa ni mfano wa sana rahisi JavaScript faili hapa. 108 00:05:30,930 --> 00:05:34,000 Hivyo ni tu kwenda kujenga hii pop-up kwamba anasema, 109 00:05:34,000 --> 00:05:36,336 "Hello dunia," wakati wewe kuingia ukurasa, lakini hebu 110 00:05:36,336 --> 00:05:37,960 kujaribu na kutembea kwa njia hii kidogo. 111 00:05:37,960 --> 00:05:43,440 Hivyo ni wazi hii ni kama index.html yako ya kawaida. 112 00:05:43,440 --> 00:05:50,280 Hivyo, tu template yetu ya kawaida hapa, na tuna HTML, tuna vichwa vyetu, 113 00:05:50,280 --> 00:05:55,580 na kama tu na CSS, jinsi sisi pamoja na baadhi ya faili nje, haki? 114 00:05:55,580 --> 00:05:59,260 Tuna baadhi ya aina script Nakala kwamba ni JavaScript. 115 00:05:59,260 --> 00:06:02,680 Na chanzo ni hello.js, ambayo ni hapa chini. 116 00:06:02,680 --> 00:06:05,630 Hii ni faili nzima ya hello.js. 117 00:06:05,630 --> 00:06:09,080 Na kisha tuna baadhi ya cheo na baadhi HTML mwili 118 00:06:09,080 --> 00:06:11,050 kwamba sisi si kweli huduma ya juu. 119 00:06:11,050 --> 00:06:15,970 >> Nini kinatokea ni kwamba, wakati sisi mzigo ukurasa huu, ni moja kwa moja executes script hii. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Hivyo JavaScript mapenzi nitafanya moja kwa moja. 122 00:06:18,790 --> 00:06:22,860 Hivyo kile ni kwenda kufanya, ni kwenda kwa mara moja kwenda na nitafanya hii. 123 00:06:22,860 --> 00:06:24,110 Na ni kwenda kusema, "tahadhari. 124 00:06:24,110 --> 00:06:25,190 Wapendwa dunia. " 125 00:06:25,190 --> 00:06:30,840 Ambayo tahadhari ni kazi ambayo kweli inazalisha sanduku hili. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Hivyo ni aina ya yote imewazunguka. 128 00:06:33,390 --> 00:06:36,700 Kuna kitu ziada tulikuwa kufanya badala ya tahadhari tu, 129 00:06:36,700 --> 00:06:40,000 na kisha chochote tulitaka ndani ya sanduku wetu Alert. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Hivyo hiyo ni super rahisi mfano wa kile JavaScript wanaweza kufanya. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Moja ya kweli ya baridi mambo, kama tutaweza kuona, 134 00:06:50,070 --> 00:06:55,150 ni kwamba JavaScript utapata kuendesha mtandao kurasa yako, 135 00:06:55,150 --> 00:06:57,720 bila ya kuwa na Reload nao kila wakati. 136 00:06:57,720 --> 00:07:01,830 Hivyo kama wewe want-- kwa mfano, kama wewe ni hovering juu ya kitu, 137 00:07:01,830 --> 00:07:04,300 kama wewe guys milele na kuonekana kama Menu baa, 138 00:07:04,300 --> 00:07:07,360 au wakati hover juu ya baadhi ya mada, orodha Drop-down inaonekana, 139 00:07:07,360 --> 00:07:08,670 hiyo ni kwa sababu ya JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Hivyo wewe si reloading nzima ukurasa kupata orodha hii kuonyesha up, 142 00:07:12,670 --> 00:07:17,240 wewe ni kuangalia tu kwa baadhi maalum hatua ambayo user imechukua, 143 00:07:17,240 --> 00:07:21,800 ambayo ni kuitwa matukio ambayo tutaweza kupata ndani, na mara moja unaweza kuona kwamba, unaweza kusema, 144 00:07:21,800 --> 00:07:25,960 "OK, hariri kitu juu ya hili ukurasa na kufanya ni kuangalia tofauti, 145 00:07:25,960 --> 00:07:28,270 lakini tu hariri mambo haya maalum. 146 00:07:28,270 --> 00:07:29,690 Je, si upya jambo zima. " 147 00:07:29,690 --> 00:07:33,110 Hivyo ni kweli ni kiasi nicer, na huna Reload kurasa yako, 148 00:07:33,110 --> 00:07:34,510 na ni kweli cool. 149 00:07:34,510 --> 00:07:38,270 >> Maazimio Hivyo variable, hivyo unaweza aina ya kuona, 150 00:07:38,270 --> 00:07:40,530 Mimi kuweka juu hapa, loosely typed. 151 00:07:40,530 --> 00:07:42,570 Hivyo hii ni mengi sana kama PHP. 152 00:07:42,570 --> 00:07:48,770 Hatuna haja ya kuwaambia JavaScript ni aina gani tuko 153 00:07:48,770 --> 00:07:50,740 wanatarajia kila ya vigezo hivi kuwa. 154 00:07:50,740 --> 00:07:52,560 Wanaweza kuwa chochote aina tunataka. 155 00:07:52,560 --> 00:07:57,480 Hivyo taarifa katika kesi hii, sisi kutangaza yao sana tu, tu na "var" 156 00:07:57,480 --> 00:08:00,990 na kisha chochote tunataka jina letu variable kuwa. 157 00:08:00,990 --> 00:08:05,680 Jambo moja kukumbuka ni kwamba wakati wewe kuweka var mbele ya jina variable, 158 00:08:05,680 --> 00:08:07,520 ni ndani ya nchi scopes yake. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Ni busara kabisa kwa ajili yenu kabisa tu kufuta var 161 00:08:14,025 --> 00:08:18,970 na tu s sawa CS50, na kwamba ingekuwa tu kuwa variable kimataifa. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Hivyo unaweza initialize njia zote mbili, inategemea tu jinsi unataka. 164 00:08:22,490 --> 00:08:24,448 Hivyo kama wewe ni initializing ndani ya kazi, 165 00:08:24,448 --> 00:08:28,070 na unataka kuwa kutofautiana kwa kukaa scoped ndani ya kazi hiyo, 166 00:08:28,070 --> 00:08:31,620 wewe ni kwenda wanataka kufanya kitu kama var jina variable, 167 00:08:31,620 --> 00:08:34,270 dhidi ya kama unataka kimataifa scoped, wewe 168 00:08:34,270 --> 00:08:36,240 unaweza tu kufanya jina la kutofautiana na kisha 169 00:08:36,240 --> 00:08:38,270 chochote Ningependa ni kuweka sawa na. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> Hii ni aina ya kitu baridi hapa chini, kwa sababu kama sisi taarifa variable wetu 172 00:08:45,580 --> 00:08:47,590 b kuanza nje kama kweli. 173 00:08:47,590 --> 00:08:51,280 Na nini hii does-- unaweza yeyote anaweza kuniambia nini hii? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Hivyo tuna tahadhari fulani. 176 00:08:55,890 --> 00:09:00,156 Je, aina ya b kuwa katika mwanzo? 177 00:09:00,156 --> 00:09:00,905 Watazamaji: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Haki. 180 00:09:01,940 --> 00:09:07,260 Na kisha sisi reassign b kwa kamba hii, sawa? 181 00:09:07,260 --> 00:09:11,170 Hivyo basi hapa, ni aina gani ya b kuwa? 182 00:09:11,170 --> 00:09:12,480 Ni d kuwa kamba, haki? 183 00:09:12,480 --> 00:09:14,900 Basi nini muhimu ilani ni kwamba katika c, sisi 184 00:09:14,900 --> 00:09:17,330 inaweza karibu kamwe kufanya kitu kama hicho. 185 00:09:17,330 --> 00:09:22,000 Tunatarajia kuwa na kutofautiana, kuwatupia kama kitu kingine, 186 00:09:22,000 --> 00:09:27,185 labda kufanya baadhi ya kazi na mbili i, kwenda kutoka malipo kwa integer. 187 00:09:27,185 --> 00:09:31,063 Lakini kama sisi taarifa hapa, b sana kwa urahisi mabadiliko aina. 188 00:09:31,063 --> 00:09:33,760 >> Watazamaji: Ngoja, hivyo unaweza tu kuwa kama, "kufanya b integer?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON BUCHHOLTZ-AU: Yeah. 190 00:09:34,360 --> 00:09:36,185 Unaweza tu reassign b kwa integer. 191 00:09:36,185 --> 00:09:36,910 >> Watazamaji: Kweli? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON BUCHHOLTZ-AU: Yeah. 193 00:09:38,035 --> 00:09:39,810 Na basi itakuwa int. 194 00:09:39,810 --> 00:09:43,820 Hivyo vigezo yako inaweza kubadilika baada ya kozi ya mpango pia. 195 00:09:43,820 --> 00:09:46,410 Wao si madhubuti typed. 196 00:09:46,410 --> 00:09:49,180 Ni loosely sana typed. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Kimsingi vigezo yako wanaweza kufanya lolote wanataka, kama sisi aina ya kuona kwa PHP. 199 00:09:54,820 --> 00:09:59,430 Wanaweza kufanya baadhi ya mambo mambo, hivyo ni muhimu kuwa pretty makini. 200 00:09:59,430 --> 00:10:01,200 Jina vigezo yako vizuri. 201 00:10:01,200 --> 00:10:03,450 Kama huna, kwa ghafla wewe ni kwenda kuwa kama, 202 00:10:03,450 --> 00:10:05,783 "Kusubiri, Nilidhani hii ilikuwa kamba, na sasa ni int, 203 00:10:05,783 --> 00:10:08,170 na mimi nina uhakika nini kinaendelea hapa. " 204 00:10:08,170 --> 00:10:12,410 Hivyo hii ni mfano tu rahisi ya kuonyesha jinsi variable urahisi 205 00:10:12,410 --> 00:10:15,890 mabadiliko ya aina yake juu ya kozi ya mpango. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Hivyo hii inapaswa kuangalia super, super ukoo. 208 00:10:19,200 --> 00:10:21,510 Basi hizi ni loops wetu katika JavaScript. 209 00:10:21,510 --> 00:10:27,780 Wao ni sawa, isipokuwa kwa badala ya nne int i sawa sifuri, 210 00:10:27,780 --> 00:10:30,470 tunaweza tu kusema var i sawa sifuri. 211 00:10:30,470 --> 00:10:34,100 Na kisha sisi inaweza kuwa na aina yetu sawa ya hali, aina hiyo ya update, 212 00:10:34,100 --> 00:10:36,090 i plus plus kazi nzuri tu. 213 00:10:36,090 --> 00:10:39,800 Hivyo fours ni sawa, whiles ni sawa, 214 00:10:39,800 --> 00:10:41,440 na kufanya whiles ni sawa. 215 00:10:41,440 --> 00:10:44,070 Same aina ya ujumla format. 216 00:10:44,070 --> 00:10:48,840 Sisi taarifa, nne, mabano, mabano, ni sawa. 217 00:10:48,840 --> 00:10:51,470 Pia kutakuwa na semicolons wakati sisi kupata mfano code. 218 00:10:51,470 --> 00:10:55,250 Utaona ni pretty kiasi sawa kama c. 219 00:10:55,250 --> 00:10:59,770 >> Kwa ajili ya kazi maazimio, tena, sawa sana. 220 00:10:59,770 --> 00:11:05,100 Tuna baadhi ya kazi ambayo tu anasema kwamba ni kazi, na kisha 221 00:11:05,100 --> 00:11:07,660 jina la yetu kazi, na pembejeo. 222 00:11:07,660 --> 00:11:11,590 Na tena kama sisi taarifa, sisi hawana aina hapa wowote. 223 00:11:11,590 --> 00:11:12,090 Haki? 224 00:11:12,090 --> 00:11:18,150 Tuna chochote akisema kwamba hawa haja ya kuwa na ints au mara mbili, au ikifungwa. 225 00:11:18,150 --> 00:11:19,530 Wao wanaweza kuwa chochote wanachotaka. 226 00:11:19,530 --> 00:11:23,560 Kitu muhimu ni noticing kwamba tunahitaji kuandika kazi kabla 227 00:11:23,560 --> 00:11:26,430 basi JavaScript kujua kwamba hii ni kweli kazi. 228 00:11:26,430 --> 00:11:29,820 >> Hivyo hii ni baadhi tu ya hesabu rahisi kazi kwamba anarudi x au y, 229 00:11:29,820 --> 00:11:33,800 na kisha nini pia baridi ni kwamba unaweza kweli 230 00:11:33,800 --> 00:11:35,950 hawawajui kazi kwa kutofautiana. 231 00:11:35,950 --> 00:11:41,770 Hivyo katika kesi hii, jumla ni sasa kazi ambayo kwa kweli anafanya jibu. 232 00:11:41,770 --> 00:11:47,740 Hivyo kama wewe taarifa hapa, tuna kazi, jina la kazi, pembejeo. 233 00:11:47,740 --> 00:11:48,860 Haki? 234 00:11:48,860 --> 00:11:52,120 Hapa sisi tu kazi na pembejeo. 235 00:11:52,120 --> 00:11:54,310 Hivyo hii inaitwa kazi bila majina. 236 00:11:54,310 --> 00:11:59,265 Na hii ni kitu ambacho lazima mpya kwa zaidi ya wewe guys, kama si wote wa wewe. 237 00:11:59,265 --> 00:12:01,140 Hivyo kimsingi nini kwamba njia ni kwamba sisi kufanya si 238 00:12:01,140 --> 00:12:03,050 haja kwa jina la yetu kazi katika kesi hii. 239 00:12:03,050 --> 00:12:06,260 Tunaweza tu kusema, "Sawa, mimi nina kwenda kuwa na kazi hii kwamba executes, hapa 240 00:12:06,260 --> 00:12:08,550 ni pembejeo yake, na hapa ni nini kinaendelea kufanya. " 241 00:12:08,550 --> 00:12:12,540 Na hasa wakati wewe ni kumshirikisha kazi na baadhi ya kutofautiana 242 00:12:12,540 --> 00:12:14,950 kwamba wewe ni kwenda kuendesha, huna lazima 243 00:12:14,950 --> 00:12:17,116 haja ya jina hilo kwa sababu wewe ni kwenda kuwa akimaanisha 244 00:12:17,116 --> 00:12:20,990 hiyo na variable hii jina, na si kwa chochote 245 00:12:20,990 --> 00:12:22,840 kazi ilikuwa kweli kuitwa. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Hivyo kama sisi kuona hapa, sisi kuwa na baadhi ya Jumla variable sasa 248 00:12:27,810 --> 00:12:30,920 ambayo ni sawa na Jumla ya tatu na tano. 249 00:12:30,920 --> 00:12:33,070 Na tunataka kupata hii. 250 00:12:33,070 --> 00:12:36,750 Na hii ingekuwa tu kuwa tahadhari fulani, tatu pamoja na tano sawa idadi. 251 00:12:36,750 --> 00:12:43,950 Plus Hii tu concatenate chochote jibu yetu ilikuwa kwenye kamba. 252 00:12:43,950 --> 00:12:47,420 Pia baridi, pamoja na unaweza concatenate masharti. 253 00:12:47,420 --> 00:12:53,510 >> Kwa JavaScript, kama na PHP, HTML, CSS na kama sisi alisema, 254 00:12:53,510 --> 00:12:56,450 mengi ya ni sisi aina ni ya kuchukua magurudumu mafunzo mbali hapa 255 00:12:56,450 --> 00:13:02,030 na nyie kuwa na mengi ya know jinsi ya kweli kuelewa mambo haya. 256 00:13:02,030 --> 00:13:04,280 Wao ni tofauti kidogo, lakini wao siyo hivyo kigeni 257 00:13:04,280 --> 00:13:09,460 na kwamba huwezi kwenye Google mambo au kuangalia yao juu online na shule W3. 258 00:13:09,460 --> 00:13:12,755 Na sisi ni kweli wanatarajia wewe guys kwa, aina ya, majaribio 259 00:13:12,755 --> 00:13:14,400 na kujifunza juu yako mwenyewe. 260 00:13:14,400 --> 00:13:19,490 Hivyo, najua hii inaweza kuonekana kidogo chini uhakika zaidi kuliko baadhi ya c mambo 261 00:13:19,490 --> 00:13:21,936 sisi kufanya, lakini hiyo ni kweli kwa sababu. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Lakini hopefully si pia tofauti, na si balaa. 264 00:13:28,470 --> 00:13:31,940 >> Hivyo arrays katika JavaScript, tena sana, sawa sana. 265 00:13:31,940 --> 00:13:32,460 Haki? 266 00:13:32,460 --> 00:13:36,520 Tuna baadhi ya safu variable hiyo ni sawa na mabano tupu, 267 00:13:36,520 --> 00:13:40,340 na kwamba tu safu tupu. 268 00:13:40,340 --> 00:13:43,420 Hii ni mara nyingi huitwa halisi safu nukuu. 269 00:13:43,420 --> 00:13:45,280 Hilo ni jambo moja tu sisi kuiita. 270 00:13:45,280 --> 00:13:51,380 Kama tunaona safu mbili hapa, tuna baadhi ya halisi safu kwamba ina mambo matatu, 271 00:13:51,380 --> 00:13:51,910 haki? 272 00:13:51,910 --> 00:13:54,640 Na kisha tuna baadhi ya var tatu kipengele kwamba 273 00:13:54,640 --> 00:13:58,060 baadhi variable kwamba tu kwenda kushikilia kamba hii, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> vipengele, nzuri kwa taarifa, ni kutengwa kwa koma, 276 00:14:06,170 --> 00:14:07,740 tu kama sisi bila kutarajia. 277 00:14:07,740 --> 00:14:14,630 Na unaweza pia kupata huduma hizi, kama tulivyofanya katika C, na nukuu hii index, haki? 278 00:14:14,630 --> 00:14:16,950 Hivyo tofauti na PHP sasa, tunakwenda nyuma 279 00:14:16,950 --> 00:14:20,180 tu aina ya akimaanisha mambo na index. 280 00:14:20,180 --> 00:14:22,189 Tu kama C, pia ni zero index. 281 00:14:22,189 --> 00:14:25,230 Najisikia kama itakuwa ni kweli kikatili kama wao ghafla alifanya JavaScript moja 282 00:14:25,230 --> 00:14:30,630 index, na wewe alikuwa na kabisa kufikiri upya jinsi unafikiri kuhusu arrays. 283 00:14:30,630 --> 00:14:36,140 >> Jambo moja baridi ni kwamba badala ya kuwa na do-- kama wewe milele 284 00:14:36,140 --> 00:14:39,240 alitaka urefu wa safu, labda wewe iterate kwa njia hiyo 285 00:14:39,240 --> 00:14:43,430 mpaka kupata baadhi mwisho, au wewe ingekuwa tu kujua ni nini. 286 00:14:43,430 --> 00:14:49,310 Kwa sababu JavaScript ni huru sana katika zaidi njia kuliko aina tu, kama sisi kuona hapa, 287 00:14:49,310 --> 00:14:53,310 tunaweza tu kufanya safu hii kubwa kwa sababu sisi kuamua. 288 00:14:53,310 --> 00:14:56,177 Kama sisi taarifa safu tatu ina mambo matatu ya kuanza, 289 00:14:56,177 --> 00:14:58,510 lakini kisha kwa ghafla, sisi ni kama, "oh, just kidding. 290 00:14:58,510 --> 00:15:01,370 Sisi ni kweli kwenda kufanya hivyo mambo 101. " 291 00:15:01,370 --> 00:15:05,300 Hivyo kama wewe milele unataka kujua halisi urefu wa safu yako, 292 00:15:05,300 --> 00:15:06,680 unaweza kufanya hivyo kama hii. 293 00:15:06,680 --> 00:15:10,470 Na sisi ni kwenda kuona mengi ya nukuu hii katika mifano, 294 00:15:10,470 --> 00:15:12,730 lakini pamoja na JavaScript ni kawaida chochote 295 00:15:12,730 --> 00:15:16,410 kitu kuwa wewe ni kuzungumza juu ya dot chochote aina ya kazi 296 00:15:16,410 --> 00:15:17,740 unataka inatumika juu yake. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Hivyo katika kesi hii, yetu kitu ni safu mbili, 299 00:15:20,520 --> 00:15:23,470 na tunasema tunataka urefu wa safu mbili. 300 00:15:23,470 --> 00:15:25,716 Hivyo hii wito tu kama urefu juu ya hilo. 301 00:15:25,716 --> 00:15:27,090 Na kwamba atarudi urefu wako. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Pia Kitu cha kushangaza ni kwamba kama sisi taarifa arrays zetu, 304 00:15:36,790 --> 00:15:39,830 tofauti C, hawana kuwa yote ya aina moja. 305 00:15:39,830 --> 00:15:41,670 Hii ni zaidi kama PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript ni kimsingi tu kama meld hii ya kuvutia ya C na PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Hivyo tutaweza kupata katika hiyo. 309 00:15:52,170 --> 00:15:56,750 Kwa sasa, hebu tu kudhani kwamba arrays yako ni kimsingi 310 00:15:56,750 --> 00:16:00,640 kama C arrays, kwa kuwa wao ni zero indexed. 311 00:16:00,640 --> 00:16:04,120 OK, hivyo kwamba ni kila kitu. 312 00:16:04,120 --> 00:16:08,850 Unaweza pia kuongeza tu safu ya chochote index unataka. 313 00:16:08,850 --> 00:16:14,260 Wakati hii pengine seg kosa juu yenu au kukupa makosa baadhi, 314 00:16:14,260 --> 00:16:15,970 JavaScript ni kama, "nah, ni nzuri. 315 00:16:15,970 --> 00:16:16,620 I got hii. 316 00:16:16,620 --> 00:16:19,460 Tutaweza tu kwenda moja kwa moja ambapo unataka. " 317 00:16:19,460 --> 00:16:24,310 >> OK, hivyo vitu ni muhimu sana. 318 00:16:24,310 --> 00:16:29,720 You guys itakuwa kutumia mengi ya haya katika P kuweka yako, kama mimi kukumbuka kwa usahihi. 319 00:16:29,720 --> 00:16:34,780 Kwa hivyo jambo la kwamba hizi ni sawa na katika C ni structs. 320 00:16:34,780 --> 00:16:39,290 Hivyo unaweza kufikiri about-- wakati sisi kwenda mfano haki 321 00:16:39,290 --> 00:16:41,810 baada ya hii nadhani ni itabidi kufanya mengi sense-- zaidi 322 00:16:41,810 --> 00:16:45,830 lakini sisi kimsingi kutumia vitu kwa kuandaa bila shaka kuhusiana na habari. 323 00:16:45,830 --> 00:16:47,780 Wakati kuongelea structs katika C, sisi mara nyingi 324 00:16:47,780 --> 00:16:53,405 majadiliano juu ya mwanafunzi ambaye alikuwa na baadhi ya jina, ID, nyumba, unajua, utulivu. 325 00:16:53,405 --> 00:16:56,030 Na hiyo ni aina ya kitu kimoja kwamba sisi kutumia vitu kwa hapa. 326 00:16:56,030 --> 00:16:59,300 Ni tu kuandaa habari hiyo. 327 00:16:59,300 --> 00:17:03,620 >> Unaweza pia kufikiria kama haya zaidi sawa na associative arrays katika PHP. 328 00:17:03,620 --> 00:17:10,010 Hivyo hii itakuwa ni aina ya kitu ambapo tuna baadhi ya muhimu na baadhi ya thamani, 329 00:17:10,010 --> 00:17:12,859 sawa na PHP. 330 00:17:12,859 --> 00:17:15,780 Hivyo unaweza initialize baadhi kitu tupu, kama tunaona hapa, 331 00:17:15,780 --> 00:17:17,390 tu na braces curly. 332 00:17:17,390 --> 00:17:19,160 Arrays Hivyo ni mabano mraba. 333 00:17:19,160 --> 00:17:21,220 Vitu tupu ni braces curly. 334 00:17:21,220 --> 00:17:24,020 Tofauti nzuri ya kuwa na. 335 00:17:24,020 --> 00:17:27,319 Na hawa ni baadhi tu ya mawili tofauti njia ya kuweka mali. 336 00:17:27,319 --> 00:17:31,460 Hivyo hii ni aina ya zaidi ya njia ya kuwa 337 00:17:31,460 --> 00:17:35,220 ni sawa na PHP, na yetu arrays associative, na muhimu yetu, 338 00:17:35,220 --> 00:17:39,910 na thamani yetu, ambapo hii moja is-- utasikia 339 00:17:39,910 --> 00:17:41,920 kuona hii zaidi mengi katika JavaScript. 340 00:17:41,920 --> 00:17:43,550 Hii huelekea kuwa mkataba. 341 00:17:43,550 --> 00:17:47,660 Na katika njia sawa kwamba sisi alifanya safu mbili dot urefu, hii ni kusema, 342 00:17:47,660 --> 00:17:51,580 "OK, nipe hii sifa ya hii kitu. " 343 00:17:51,580 --> 00:17:52,110 Haki? 344 00:17:52,110 --> 00:17:55,660 Hivyo njia hiyo ilikuwa kama, "Nipe sifa urefu wa safu mbili, " 345 00:17:55,660 --> 00:17:59,970 hii ni kusema, "kunipatia mali ya kitu yetu tupu. " 346 00:17:59,970 --> 00:18:02,890 Au katika kesi hii, sisi ni kumshirikisha kwa baadhi ya thamani hapa. 347 00:18:02,890 --> 00:18:06,200 Lakini pia unaweza kupata njia hiyo. 348 00:18:06,200 --> 00:18:09,090 >> Na kisha hapa hii ni kuonyesha alerts mbili tofauti. 349 00:18:09,090 --> 00:18:12,320 Hivyo hii wataonyesha alerts itakuwa halisi huo, 350 00:18:12,320 --> 00:18:17,150 ni njia mbili tu tofauti ya kupata kipengele kwamba tunataka. 351 00:18:17,150 --> 00:18:19,552 Je, hiyo mantiki kwa kila mtu? 352 00:18:19,552 --> 00:18:21,510 Najisikia kama hii moja pengine mantiki zaidi, 353 00:18:21,510 --> 00:18:23,270 tu kwa sababu sisi ni kuja mbali ya PHP. 354 00:18:23,270 --> 00:18:26,400 Lakini kama sisi kufanya mifano zaidi, hii ni literally sawa. 355 00:18:26,400 --> 00:18:28,170 mengi ya ni mabadiliko tu katika syntax. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, hivyo mifano. 358 00:18:33,030 --> 00:18:34,180 Mimi upendo mifano. 359 00:18:34,180 --> 00:18:40,070 Hivyo hapa ni baadhi CS50 variable kwamba ni kitu, 360 00:18:40,070 --> 00:18:42,160 na sisi kuhifadhi yote hii habari kuhusu hilo. 361 00:18:42,160 --> 00:18:46,680 Hivyo tuna shaka, mwalimu, TFS, psets, na taped. 362 00:18:46,680 --> 00:18:51,840 Hivyo sisi taarifa hizi ni karibu yote ya aina mbalimbali. 363 00:18:51,840 --> 00:18:52,340 Haki? 364 00:18:52,340 --> 00:18:56,230 Hivyo vitu unaweza kuhifadhi sifa ya aina mbalimbali. 365 00:18:56,230 --> 00:19:01,220 Tunaweza kufikiria this-- ni sana sawa na associative yetu safu katika PHP. 366 00:19:01,220 --> 00:19:07,470 Hivyo muhimu, thamani, muhimu, thamani, muhimu, thamani, kadhalika na kadhalika. 367 00:19:07,470 --> 00:19:11,230 Nini pia kuvutia katika njia hiyo kwamba tunaweza kuwa na arrays ndani ya arrays, 368 00:19:11,230 --> 00:19:14,690 sisi pia unaweza kuwa na vitu ndani vitu, au arrays ndani ya vitu. 369 00:19:14,690 --> 00:19:18,410 Wewe kamwe kweli mdogo kwa single moja ya mambo tu. 370 00:19:18,410 --> 00:19:24,220 Tunaweza kupata Inceptionesque sana, tu kuendelea chini ya shimo sungura huko. 371 00:19:24,220 --> 00:19:26,080 >> Hivyo kama sisi taarifa, sisi kuwa na baadhi ya shaka kwamba 372 00:19:26,080 --> 00:19:31,120 ni kamba, mwalimu kwamba kamba, na safu, int, na Boolean. 373 00:19:31,120 --> 00:19:36,110 Hivyo mambo yote haya tofauti. 374 00:19:36,110 --> 00:19:39,600 >> Haki wote, hivyo, tuna mtu mwingine. 375 00:19:39,600 --> 00:19:42,930 Hivyo katika kesi hii, tuna safu ya vitu. 376 00:19:42,930 --> 00:19:45,320 Hivyo tu kama kitu unaweza kuwa na safu ndani yake. 377 00:19:45,320 --> 00:19:47,210 Sisi pia unaweza kuwa na safu ya vitu. 378 00:19:47,210 --> 00:19:51,250 Hii inaweza kuwa na manufaa kwa kufikiri juu ya sawa na aina 379 00:19:51,250 --> 00:19:54,260 ya jinsi tulikuwa hash meza, tulikuwa safu 380 00:19:54,260 --> 00:19:56,220 ya yote haya tofauti aina ya structs kwamba 381 00:19:56,220 --> 00:19:59,070 walikuwa kuyatumia kwa tofauti nodes na whatnot. 382 00:19:59,070 --> 00:20:01,420 Lakini katika kesi hii, sisi safu ya vitu. 383 00:20:01,420 --> 00:20:04,890 Hivyo hii ni kama safu ya associative arrays. 384 00:20:04,890 --> 00:20:09,430 Hivyo tuna baadhi ya kipengele kwanza itakuwa kuwa kitu kwa jina James 385 00:20:09,430 --> 00:20:11,340 na nyumba Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> You guys wanaweza kukumbuka kitu sawa na hii 387 00:20:14,780 --> 00:20:21,710 na pset yako ya mwisho, ambapo kama wewe vunjwa kitu kutoka database yako, 388 00:20:21,710 --> 00:20:24,480 aina ya kwanza ya kitu katika safu yako alikuwa 389 00:20:24,480 --> 00:20:27,110 wote wa habari kuhusu user kwanza alikutana yake, 390 00:20:27,110 --> 00:20:30,765 na kisha alikuwa na index katika kwamba kupata hisa zao au cache yao 391 00:20:30,765 --> 00:20:32,110 au whatnot. 392 00:20:32,110 --> 00:20:34,620 Hivyo hii ni sawa sana kitu, tu mabadiliko kidogo 393 00:20:34,620 --> 00:20:39,570 katika syntax, kidogo mabadiliko katika maneno sisi kutumia kuelezea yao. 394 00:20:39,570 --> 00:20:45,960 >> Hivyo kama sisi alitaka, mtu yeyote anaweza kuwaambia mimi nini tahadhari hii bila kufanya hapa? 395 00:20:45,960 --> 00:20:48,780 Au nini hii kidogo ya code bila kufanya kwa ajili yetu? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 Watazamaji: Ni nitakupa majina yote. 398 00:20:52,616 --> 00:20:54,900 ALLISON BUCHHOLTZ-AU: Right, hivyo ingekuwa tu tahadhari na majina yote 399 00:20:54,900 --> 00:20:57,960 kwa sababu ingekuwa kwenda kwa njia ya Cottage i, hivyo d kuanza saa sifuri. 400 00:20:57,960 --> 00:21:01,330 Hivyo ni Ningependa kusema, OK sisi ni kuangalia katika hii kitu ya kwanza, ambayo 401 00:21:01,330 --> 00:21:03,210 ni yanayopangwa kwanza katika safu yetu. 402 00:21:03,210 --> 00:21:06,900 Na inasema, "nipe sifa, jina la kitu hicho. " 403 00:21:06,900 --> 00:21:09,030 Hivyo sisi kwenda hapa, sisi d Scan, tunatarajia kupata jina, 404 00:21:09,030 --> 00:21:11,340 na tunatarajia magazeti nje James, Molly, na Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Maswali yoyote hadi sasa? 407 00:21:15,799 --> 00:21:17,590 JavaScript kwa bahati mbaya wewe ni kwenda kuwa 408 00:21:17,590 --> 00:21:20,950 kufanya mengi ya kuangalia juu yako mwenyewe, kuhesabia nje syntax, 409 00:21:20,950 --> 00:21:21,910 wanakabiliana nayo. 410 00:21:21,910 --> 00:21:25,870 Lakini bila shaka mimi nina daima hapa, masaa ya ofisi ni daima hapa. 411 00:21:25,870 --> 00:21:28,260 Nipate kuwa siku za Jumanne wiki hii. 412 00:21:28,260 --> 00:21:31,050 Hivyo kama wewe ni huko, unaweza kuja kutembelea mimi wiki hii. 413 00:21:31,050 --> 00:21:32,470 Ni d kuwa kubwa. 414 00:21:32,470 --> 00:21:36,260 >> OK, hivyo DOM ni Document-Object Model. 415 00:21:36,260 --> 00:21:38,900 Hivyo hii ni njia tu kwamba sisi kama kufikiri 416 00:21:38,900 --> 00:21:45,720 kuhusu jinsi HTML yetu na kila kitu ndani yake ni kupangwa. 417 00:21:45,720 --> 00:21:49,930 Hii ni mengi sana kitu ambacho pengine kuja juu ya chemsha bongo yako. 418 00:21:49,930 --> 00:21:58,150 Najua mwaka wangu, ilikuwa ni kama hapa HTML faili, kujaza DOM kwa ajili yake. 419 00:21:58,150 --> 00:21:59,770 Na wewe tu kujaza mambo kidogo. 420 00:21:59,770 --> 00:22:01,500 Haya lazima pointi rahisi hopefully. 421 00:22:01,500 --> 00:22:03,450 Hopefully itabidi see-- 422 00:22:03,450 --> 00:22:04,590 >> Watazamaji: [inaudible] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON BUCHHOLTZ-AU: Hivyo unaweza kuona mti huu hapa? 424 00:22:06,660 --> 00:22:07,200 >> Watazamaji: Yeah. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-AU: Hivyo wao kuuliza matumizi 426 00:22:08,949 --> 00:22:11,750 kujaza yale yanayoendelea chini ya mwili. 427 00:22:11,750 --> 00:22:15,770 Labda chini ya mwili, tuna baadhi ya divs au tuna baadhi ya aya, 428 00:22:15,770 --> 00:22:19,160 na tutakuuliza kujaza mti sana kama hii. 429 00:22:19,160 --> 00:22:21,440 Hivyo tutaweza kuwa kutembea kwa njia hiyo. 430 00:22:21,440 --> 00:22:26,120 Hivyo Document-Object Mfano ni njia tu 431 00:22:26,120 --> 00:22:31,240 muundo na kufikiri kuhusu HTML wetu graphically. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 Na pia wakati sisi kupata katika zaidi JavaScript, 434 00:22:35,840 --> 00:22:37,640 ni kwenda kuwa njia kwamba sisi kweli 435 00:22:37,640 --> 00:22:39,990 kuendesha tofauti vipengele kwenye ukurasa. 436 00:22:39,990 --> 00:22:43,980 Tunahitaji njia ya kupata kila ya mambo katika HTML yetu, 437 00:22:43,980 --> 00:22:48,050 na hivyo hii inatupa sana halisi sanifu njia 438 00:22:48,050 --> 00:22:51,010 hela kurasa za mtandao mbalimbali ya kufanya hivyo. 439 00:22:51,010 --> 00:22:53,440 >> Hivyo kama sisi tu kutembea kwa njia ya hii hapa, bila shaka 440 00:22:53,440 --> 00:22:56,790 hati yetu ni kama file yetu yote. 441 00:22:56,790 --> 00:22:59,350 Hiyo ni wazi mantiki kwamba ni jambo juu, 442 00:22:59,350 --> 00:23:03,520 na kisha tuna HTML yetu halisi, ambayo sambamba na tag hii hapa. 443 00:23:03,520 --> 00:23:08,480 Pia kama wewe katika indent vitambulisho yako vizuri, kisha kujenga mti huu DOM 444 00:23:08,480 --> 00:23:10,530 inakuwa super rahisi. 445 00:23:10,530 --> 00:23:12,400 Hivyo tuna baadhi kichwa hapa. 446 00:23:12,400 --> 00:23:15,780 Tuna baadhi ya mwili kwamba tunaona shina mbali ya HTML, 447 00:23:15,780 --> 00:23:18,530 ambayo ni kwa nini tuna kichwa na mwili. 448 00:23:18,530 --> 00:23:22,880 Ndani ya kichwa, tuna baadhi ya cheo tag, tag mwisho cheo, 449 00:23:22,880 --> 00:23:24,570 hivyo tunajua kwamba inakuja baada ya kichwa. 450 00:23:24,570 --> 00:23:28,040 Na ndani ya cheo tag wetu, tuna hello, ulimwengu. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Hivyo hiyo ni hii yote mkono wa kushoto tawi. 453 00:23:31,311 --> 00:23:34,060 Na kisha kwa ajili ya mkono wa kulia tawi hapa, tunaona kwamba tuna HTML, 454 00:23:34,060 --> 00:23:38,680 OK tumefanya hii sehemu ya kichwa, sisi ni kuangalia tu katika mwili, 455 00:23:38,680 --> 00:23:40,670 hivyo tuna baadhi ya eneo mwili. 456 00:23:40,670 --> 00:23:44,350 Na ndani ya kwamba, tu Jambo tuna ni hello, ulimwengu. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Kama tungekuwa na mambo kama baadhi p bracket na kisha 459 00:23:54,130 --> 00:23:57,500 hello, dunia, na kisha mwingine bracket p ya kwaheri, dunia, 460 00:23:57,500 --> 00:24:00,080 tunataka kuwa Bubbles mbili kuja mbali ya hapa. 461 00:24:00,080 --> 00:24:05,550 Kwa sababu wao ni wote chini ya mwili, lakini wao uko tofauti aya kesi hii. 462 00:24:05,550 --> 00:24:11,520 Kuna ni dhahiri mazoezi juu ya kwamba katika Quizzes uliopita, 463 00:24:11,520 --> 00:24:14,570 kama vile mengi online juu yake. 464 00:24:14,570 --> 00:24:18,260 OK hivyo, hii inakuwezesha tu sisi kuona kila kitu nicely 465 00:24:18,260 --> 00:24:20,810 na kuendesha mambo utaratibu sana. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Sisi kujua hasa jinsi ya traverse kwa njia ya mti huu, 468 00:24:23,640 --> 00:24:26,910 hivyo tunajua nini tunataka kupata. 469 00:24:26,910 --> 00:24:31,690 >> OK hivyo hii ni kwa nini tunataka kuwa na aina hii ya mtindo, 470 00:24:31,690 --> 00:24:35,190 ili tuweze kutumia mambo kama hayo, na sisi kuelewa nini maana, 471 00:24:35,190 --> 00:24:38,370 na wao uko sanifu juu ya vitu vyote kwamba sisi kufanya. 472 00:24:38,370 --> 00:24:45,900 Hivyo hati dot cheo ni tu jina la our-- yote haya 473 00:24:45,900 --> 00:24:48,960 ni pretty maelezo binafsi, Mimi kama kufikiri. 474 00:24:48,960 --> 00:24:51,660 Hivyo kwanza tatu mifano ni kusema tu, 475 00:24:51,660 --> 00:24:54,770 "OK, tu nipe jina la ukurasa huu wa wavuti. " 476 00:24:54,770 --> 00:24:58,030 Hivyo itakuwa kukupa kile sambamba na cheo. 477 00:24:58,030 --> 00:25:01,880 >> Document dot mwili ni kwenda kukupa chochote ni ndani ya vitambulisho wale mwili. 478 00:25:01,880 --> 00:25:03,240 Hivyo unaweza kuendesha hiyo. 479 00:25:03,240 --> 00:25:07,820 Na hati dot dot mwili kuingia HTML ni moja baridi sana, 480 00:25:07,820 --> 00:25:11,660 na labda si kama super Intuitive, lakini HTML ndani 481 00:25:11,660 --> 00:25:13,740 sambamba na haki hii hapa. 482 00:25:13,740 --> 00:25:17,410 Hivyo kama wewe milele unataka kuendesha maandishi katika ukurasa, 483 00:25:17,410 --> 00:25:22,700 kawaida wewe ni kwenda kufanya kitu na mwili dot HTML ndani. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Hivyo HTML ndani huelekea kwa kutaja nini ni kweli kati ya hizi tags. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 Na kisha kazi muhimu. 488 00:25:33,020 --> 00:25:40,390 Hivyo kama wewe alitaka kupata yoyote ya hizi, kipengele yoyote, 489 00:25:40,390 --> 00:25:43,140 tuna baadhi ya Id, darasa jina, au jina tag. 490 00:25:43,140 --> 00:25:47,100 Hii ni sawa na mambo ya sisi alivyofanya kwa CSS, haki? 491 00:25:47,100 --> 00:25:51,360 Ambapo tuna baadhi ya selectors kwamba yanahusiana na aidha tag, darasa 492 00:25:51,360 --> 00:25:53,800 kwamba sisi kuwapa, au Id. 493 00:25:53,800 --> 00:25:55,310 Hii ni mengi sana kwa njia hiyo hiyo. 494 00:25:55,310 --> 00:26:00,720 Kama una kitu ambacho ina baadhi ya kundi la mbwa, 495 00:26:00,720 --> 00:26:05,800 na unasema kupata vipengele kwa jina tag, na kuweka mbwa katika there-- au sorry, 496 00:26:05,800 --> 00:26:06,610 darasa jina. 497 00:26:06,610 --> 00:26:07,770 Unaweza kuweka dot huko. 498 00:26:07,770 --> 00:26:11,780 Ni kwenda na kurudi wote wa wale mambo ya wewe kuwa na darasa hilo. 499 00:26:11,780 --> 00:26:13,880 Hivyo unaweza kuendesha wale tu. 500 00:26:13,880 --> 00:26:18,430 Kwa njia hiyo hiyo, labda wewe tu wanataka kuendesha baadhi header, hivyo 501 00:26:18,430 --> 00:26:20,980 baadhi header h1, kama tulivyofanya. 502 00:26:20,980 --> 00:26:24,900 Unaweza kufanya kupata vipengele kwa tag jina, kwa sababu h1 ni jina tag. 503 00:26:24,900 --> 00:26:29,270 Na kwa njia hiyo hiyo, kama unataka kupata baadhi Jambo la kipekee, unaweza kufanya get tag. 504 00:26:29,270 --> 00:26:31,100 Kupata kipengele kwa Id. 505 00:26:31,100 --> 00:26:32,710 Na wao ni kura ya haya kweli. 506 00:26:32,710 --> 00:26:36,300 Hizi ni tu kama tatu za wengi sana. 507 00:26:36,300 --> 00:26:39,600 Hivyo kama wewe kwenda online, kama Mimi nina kwenda kuhamasisha 508 00:26:39,600 --> 00:26:45,342 kufanya, na kufanya baadhi utafiti juu yako mwenyewe, 509 00:26:45,342 --> 00:26:48,450 Mimi dhahiri kupendekeza kuangalia katika wale wote. 510 00:26:48,450 --> 00:26:50,880 Wao wanaweza kuwa super muhimu, hasa wakati 511 00:26:50,880 --> 00:26:57,180 unataka tu aina ya kuendesha maalum sana mambo bila ya kuwa 512 00:26:57,180 --> 00:27:00,390 kwenda kwa njia na kujaribu Hazrat nje kila kitu. 513 00:27:00,390 --> 00:27:03,540 >> OK, hivyo jambo la mwisho ni matukio JavaScript. 514 00:27:03,540 --> 00:27:10,730 Hivyo wakati mimi alikuwa akizungumza mapema kuhusu kwenda kwenye tovuti, 515 00:27:10,730 --> 00:27:14,340 na wakati hover juu ya kitu, au panya yako hovers juu ya kitu, 516 00:27:14,340 --> 00:27:15,420 kitu kingine kinachotokea. 517 00:27:15,420 --> 00:27:17,900 Hii ni nini tunatarajia kufikiri kuhusu kama tukio hilo. 518 00:27:17,900 --> 00:27:23,970 Hivyo kile tuna nguvu kwamba kuwa na manufaa hapa ni onclick. 519 00:27:23,970 --> 00:27:29,140 Hivyo mgodi juu ya hover, ambayo, mimi nina pretty uhakika, ni tu juu ya hover. 520 00:27:29,140 --> 00:27:31,300 Pia tani ya haya kwamba unaweza kuangalia kwa. 521 00:27:31,300 --> 00:27:34,340 Kuna orodha nzima ni online ya mambo mbalimbali 522 00:27:34,340 --> 00:27:37,130 kwamba unaweza kusikiliza kwa. 523 00:27:37,130 --> 00:27:41,220 >> Lakini JavaScript matukio ni kimsingi kukabiliana tu na mambo 524 00:27:41,220 --> 00:27:42,430 kwamba mtumiaji yako ni kufanya. 525 00:27:42,430 --> 00:27:42,930 Haki? 526 00:27:42,930 --> 00:27:45,220 Hivyo user yako haina kitu, hiyo ni tukio, 527 00:27:45,220 --> 00:27:48,340 na JavaScript kujibu Hata hivyo Ningependa kwa. 528 00:27:48,340 --> 00:27:49,770 Itakuwa kujibu ipasavyo. 529 00:27:49,770 --> 00:27:54,630 Hivyo katika kesi hii, tuna baadhi dirisha dot onload. 530 00:27:54,630 --> 00:27:57,170 Hivyo kile hii anasema ni, "kusubiri mpaka dirisha la kubeba. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Hivyo wakati kila kitu ni kubeba, onload, basi unaweza nitafanya kazi hii. 533 00:28:02,102 --> 00:28:03,810 Hivyo wakati kila kitu kubeba, wewe ni kwenda 534 00:28:03,810 --> 00:28:07,760 kuwa na baadhi ya kifungo search kwamba anapata kipengele kwa Id, 535 00:28:07,760 --> 00:28:13,740 na prints chochote kile kipengele ni kama Search button. 536 00:28:13,740 --> 00:28:17,050 Na kisha tuna variable hii, tunasema, "Sawa, onclick." 537 00:28:17,050 --> 00:28:20,390 Hivyo wakati sisi kusikia click juu ya Search kifungo, 538 00:28:20,390 --> 00:28:23,990 nitafanya kazi hii, ambayo ni tahadhari, wewe clicked Search button. 539 00:28:23,990 --> 00:28:28,910 >> Hivyo kile kinachotokea is-- hii ni nzuri kidogo graphic uwakilishi hapa. 540 00:28:28,910 --> 00:28:31,480 Hivyo hati mizigo yetu, hiyo ni onload yetu, 541 00:28:31,480 --> 00:28:34,340 tunaona Search wetu kifungo, ambayo ni hii. 542 00:28:34,340 --> 00:28:36,570 Sisi ni kuangalia kwa Search wetu button. 543 00:28:36,570 --> 00:28:40,790 Na kisha wakati Search kifungo ni clicked, ni sambamba na haki hapa. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Kisha sisi hatimaye tahadhari ya mtumiaji wetu, ambayo ni line hii ya mwisho hapa. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Hivyo kila moja ya hatua hizo nne tu sambamba na masanduku nne 548 00:28:52,960 --> 00:28:55,031 chini huko chini. 549 00:28:55,031 --> 00:28:56,405 Je, hiyo mantiki kwa kila mtu? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> Na kisha jambo moja kwamba mimi nina kwenda tu kutaja sana, kwa ufupi sana, kwamba mimi 552 00:29:05,200 --> 00:29:08,660 moyo guys kwa Kwenda kuangalia zaidi katika ni 553 00:29:08,660 --> 00:29:13,210 jQuery, ambayo ni tu maktaba ambayo imejengwa juu ya JavaScript. 554 00:29:13,210 --> 00:29:16,480 Ni super muhimu, kama na maktaba nyingi. 555 00:29:16,480 --> 00:29:18,320 Kuna kura ya kazi. 556 00:29:18,320 --> 00:29:21,930 Hivyo kama kuna milele kitu ambacho unataka kufanya katika JavaScript, 557 00:29:21,930 --> 00:29:24,880 Instinct yako ya kwanza haipaswi kufikiria 558 00:29:24,880 --> 00:29:27,340 wa, "nini kazi lazima I kanuni ya? "Ni lazima, 559 00:29:27,340 --> 00:29:29,560 "Napenda kuona mtu ni tayari amefanya hivyo kwa ajili yangu. " 560 00:29:29,560 --> 00:29:32,800 Kwa sababu mara tisa kati ya kumi, mtu wamefanya hivyo tayari, 561 00:29:32,800 --> 00:29:35,760 na pengine wamefanya hivyo bora. 562 00:29:35,760 --> 00:29:39,990 Watu kutumia muda mwingi kufanya haya, na JavaScript ni sana sana kutumika, 563 00:29:39,990 --> 00:29:42,810 hivyo watu ni daima kujaribu kufanya hivyo bora. 564 00:29:42,810 --> 00:29:47,110 Na jQuery ina mengi ya kazi kwamba pengine kuwa na manufaa kwako 565 00:29:47,110 --> 00:29:50,470 katika mradi wako wa mwisho kama wewe ni kufanya kitu chochote na kubuni mtandao. 566 00:29:50,470 --> 00:29:53,480 Kama mimi kama kusema, "kazi nadhifu, si vigumu. " 567 00:29:53,480 --> 00:29:57,130 Kama wewe guys kufanya hivyo, utakuwa na kubwa. 568 00:29:57,130 --> 00:30:00,330 Wakati tuko katika hackathon mimi si wanataka wewe kuwa wote alisisitiza nje. 569 00:30:00,330 --> 00:30:03,600 Mimi nataka wewe kama, "I got huu. jQuery got nyuma yangu. 570 00:30:03,600 --> 00:30:05,790 Sina haja ya kuandika kazi hizi. " 571 00:30:05,790 --> 00:30:07,636 >> Hivyo tu mambo mawili kumbuka, mimi nina kwenda 572 00:30:07,636 --> 00:30:10,220 basi wewe guys kuangalia zaidi katika jQuery juu yako mwenyewe. 573 00:30:10,220 --> 00:30:13,070 All I nina kwenda kusema ni gani baadhi ya mambo pretty kutisha 574 00:30:13,070 --> 00:30:15,220 na wanaweza kufanya maisha yako rahisi sana nzima. 575 00:30:15,220 --> 00:30:17,150 Lakini nini unataka kuwa ni faili chochote 576 00:30:17,150 --> 00:30:21,020 kwamba wewe ni kwenda kuwa na kutumia katika, wewe ni kwenda kutaka mistari hizi mbili. 577 00:30:21,020 --> 00:30:25,630 Wewe ni kwenda kutaka script ya JS jQuery dot JS. 578 00:30:25,630 --> 00:30:28,500 Na kwa kweli chanzo yako ni kwenda kuwa baadhi URL. 579 00:30:28,500 --> 00:30:35,870 Kama kwenye Google jQuery, Google kweli majeshi mafaili yote kwa ajili yenu. 580 00:30:35,870 --> 00:30:38,950 Hivyo wewe dhahiri wanataka pembejeo kwamba URL badala yake. 581 00:30:38,950 --> 00:30:41,130 Mimi tu ya kuweka hii hapa kwa ajili ya unyenyekevu ya. 582 00:30:41,130 --> 00:30:45,180 Yote hii ina maana ni wapi kupata maktaba yako jQuery. 583 00:30:45,180 --> 00:30:48,600 Ni mkubwa, hivyo hawataki kuwa mwenyeji wa kwenye kompyuta yako mwenyewe 584 00:30:48,600 --> 00:30:53,390 kama unaweza kuepuka hayo, ambayo ni kwa nini sisi huwa na tu ya kuweka katika URL Google kwamba 585 00:30:53,390 --> 00:30:55,880 majeshi yote ya files haya kwa ajili yenu. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 You kwenye Google hilo, mimi ahadi itakuwa huko. 588 00:30:58,850 --> 00:31:01,200 >> Na kisha chochote JavaScript faili kwamba wewe ni 589 00:31:01,200 --> 00:31:07,150 kutumia, hivyo hii ni baadhi tu ya nje JavaScript faili kwamba unatumia. 590 00:31:07,150 --> 00:31:11,570 Katika njia sawa kwamba sisi zilizounganishwa na CSS wetu files, hii ni aina moja ya kitu. 591 00:31:11,570 --> 00:31:15,480 Hii tu viungo faili ambapo yako JavaScript ni. 592 00:31:15,480 --> 00:31:18,970 Na mimi kuwa baadhi ya mifano na rahisi JavaScript. 593 00:31:18,970 --> 00:31:20,220 Hivyo tutaweza kuwa kwenda kwa njia hiyo. 594 00:31:20,220 --> 00:31:27,230 Na kisha katika ripoti yako JavaScript, ambayo ni yako JavaScript faili hapa, 595 00:31:27,230 --> 00:31:30,900 hii ni aina ya wrapper kwa kuwa kwa jQuery. 596 00:31:30,900 --> 00:31:33,860 Wewe ni karibu 99.9 asilimia ya muda kwenda 597 00:31:33,860 --> 00:31:36,800 kuwa na hii katika faili yako index.js. 598 00:31:36,800 --> 00:31:40,010 Kwa sababu nini hii anasema ni, "Hawana nitafanya chochote 599 00:31:40,010 --> 00:31:43,480 mpaka hati yako ni kweli tayari, "ambayo ni nini hasa unataka. 600 00:31:43,480 --> 00:31:46,600 Kwa sababu kama hati yako si tayari, na jQuery kuanza kufanya mambo, 601 00:31:46,600 --> 00:31:48,020 ni tu fujo. 602 00:31:48,020 --> 00:31:50,480 Hivyo daima wanataka kuwa wrapper hii. 603 00:31:50,480 --> 00:31:55,760 Na kisha kwa ajili ya mambo ambayo kwenda huko, mimi atamwacha kwa guys wako perusing mwenyewe. 604 00:31:55,760 --> 00:32:04,610 >> OK, hivyo kuna maswali yoyote haki sasa kuhusu JavaScript kwa ujumla? 605 00:32:04,610 --> 00:32:07,420 Au mfano DOM? 606 00:32:07,420 --> 00:32:10,780 Kama siyo, tuna baadhi ya baridi mifano kuwa tunaweza kwenda kupitia, 607 00:32:10,780 --> 00:32:13,120 kwamba wewe guys unaweza kunisaidia code. 608 00:32:13,120 --> 00:32:15,877 Lakini mimi nina pia kwenda kuwa super nzuri, na kama wewe 609 00:32:15,877 --> 00:32:17,960 hawataki kusema chochote kwa ajili ya haya, hiyo faini. 610 00:32:17,960 --> 00:32:20,510 Pia naweza kukupa tu ya mifano. 611 00:32:20,510 --> 00:32:24,581 Lakini kitu chochote juu ya PowerPoint kabla ya kuendelea? 612 00:32:24,581 --> 00:32:25,080 Baridi. 613 00:32:25,080 --> 00:32:26,990 >> Najisikia kama nyie haja ya nishati. 614 00:32:26,990 --> 00:32:31,516 Hivyo nadhani tunakwenda kuanza na chama changu mfano wa kwanza. 615 00:32:31,516 --> 00:32:33,390 Tuna mifano mitatu, una uchaguzi wako. 616 00:32:33,390 --> 00:32:37,720 Hivyo tuna saa, ambapo tunakwenda kutekeleza saa halisi kwamba 617 00:32:37,720 --> 00:32:41,430 kwenda update kama wakati unaendelea na. 618 00:32:41,430 --> 00:32:43,310 Tuna kazi hii kubwa Twitter. 619 00:32:43,310 --> 00:32:44,560 This-- unajua nini, kushikilia. 620 00:32:44,560 --> 00:32:47,220 Sisi ni kwenda kufanya hili kwenda mbali. 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 >> Tuna kazi hii kubwa Twitter hapa, that-- Mimi najua, haki? 624 00:32:56,132 --> 00:32:57,090 Ni kwenda kuwa kubwa. 625 00:32:57,090 --> 00:32:58,350 Je, wewe ni guys msisimko? 626 00:32:58,350 --> 00:33:01,170 Hiyo ni kwenda kuhesabu idadi ya wahusika kwamba umeacha, 627 00:33:01,170 --> 00:33:04,520 hivyo kama mimi aina sasa hivi, ni wazi kuwa bado anasema 140, 628 00:33:04,520 --> 00:33:06,190 lakini tunajua kwamba si kesi. 629 00:33:06,190 --> 00:33:08,570 Na kisha kwa moja yetu ya mwisho hapa, bonyeza hapa chama. 630 00:33:08,570 --> 00:33:12,150 Nini kinaendelea kutokea ni wakati sisi click, background ya 631 00:33:12,150 --> 00:33:13,340 kwenda na mabadiliko ya rangi. 632 00:33:13,340 --> 00:33:17,060 Hivyo wewe guys kuwa chaguzi yako ya ambayo moja unataka kufanya kwanza. 633 00:33:17,060 --> 00:33:19,800 Mimi ahadi mimi itabidi kuchukua ni rahisi sana kwa ajili yenu. 634 00:33:19,800 --> 00:33:22,680 Najisikia kama kila mtu ni aina ya tu chini sana muhimu leo. 635 00:33:22,680 --> 00:33:25,540 Hivyo mimi itabidi kutembea wewe kupitia jinsi sisi kutekeleza yote haya. 636 00:33:25,540 --> 00:33:28,520 Kama unataka chime katika, kwamba ni kubwa, lakini mimi 637 00:33:28,520 --> 00:33:30,020 kujisikia kama kila mtu ni kidogo kuchoka. 638 00:33:30,020 --> 00:33:32,970 Hivyo mimi itabidi kutembea wewe kupitia mifano hiyo. 639 00:33:32,970 --> 00:33:35,015 Je, sisi kuwa na kitu ambacho tunatarajia nini kwanza? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Mtu yeyote? 642 00:33:39,475 --> 00:33:41,350 Hakuna upendeleo? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Unajua nini? 645 00:33:42,450 --> 00:33:43,290 Sisi ni juu ya chama. 646 00:33:43,290 --> 00:33:48,380 Najisikia kama nyie haja little-- hivyo, tutaweza kufanya moja chama cha kwanza. 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 >> Hivyo tuna nini here-- kwamba si walidhani kuwa huko. 650 00:33:56,930 --> 00:33:57,910 Sasa ni vizuri. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Hivyo nini sisi hapa ni rahisi tu HTML ukurasa 653 00:34:03,110 --> 00:34:07,840 kwamba nyie lazima wote super ukoo na kutoka psets yako miwili iliyopita. 654 00:34:07,840 --> 00:34:10,212 tuna doc aina yetu hapa. 655 00:34:10,212 --> 00:34:10,920 Je, kila mtu kuona? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 Baridi. 658 00:34:12,560 --> 00:34:13,900 Tuna HTML yetu ni wazi. 659 00:34:13,900 --> 00:34:18,360 Tuna baadhi header kwamba ni wanaohusishwa na karatasi style kwamba 660 00:34:18,360 --> 00:34:21,420 tu alifanya font yangu nzuri na kubwa na ujasiri. 661 00:34:21,420 --> 00:34:23,489 Hiyo msiwe na wasiwasi juu ya hilo. 662 00:34:23,489 --> 00:34:26,437 >> Tuna baadhi ya mwili na Id background, OK? 663 00:34:26,437 --> 00:34:28,520 Kwa sababu sisi ni kwenda kuwa kubadilisha background. 664 00:34:28,520 --> 00:34:31,964 Hivyo wakati sisi ni kubadilisha background ya mwili wetu, 665 00:34:31,964 --> 00:34:35,965 tunakumbuka kutoka wiki mbili zilizopita wakati sisi ni kushughulika na kurasa za mtandao. 666 00:34:35,965 --> 00:34:36,840 Hivyo nzuri ya kuwa na hiyo. 667 00:34:36,840 --> 00:34:39,270 Na tuna baadhi Id sawa chama. 668 00:34:39,270 --> 00:34:43,909 Hii h ref pound tu ina maana kwamba ni kwenda kwenda kwenye ukurasa huo. 669 00:34:43,909 --> 00:34:47,120 Na bonyeza hapa chama, ambayo ni kwa nini wakati sisi bonyeza yake, 670 00:34:47,120 --> 00:34:48,940 ni lazima mabadiliko ya rangi, nashiriki. 671 00:34:48,940 --> 00:34:54,322 >> Na kisha tuna baadhi script hapa kwamba ni tu wanaohusishwa na hii chama dot JS 672 00:34:54,322 --> 00:34:58,100 file, yaani tupu kwa sababu hatujafanya chochote bado. 673 00:34:58,100 --> 00:35:00,450 Na ni hivyo kusikitisha. 674 00:35:00,450 --> 00:35:06,100 Lakini haraka sana, itabadilika rangi, na itakuwa ya kutisha. 675 00:35:06,100 --> 00:35:10,520 >> Hivyo mimi nina kwenda tu kutembea wewe guys njia ya jinsi sisi tupate mbinu hii. 676 00:35:10,520 --> 00:35:14,030 Hivyo jambo la kwanza kwamba sisi kutaka kufanya, 677 00:35:14,030 --> 00:35:18,050 kama sisi ni kubadilisha historia ya mwili, jambo la kwanza sisi kutaka 678 00:35:18,050 --> 00:35:22,730 kufanya ni kweli kunyakua kile mwili ni, haki? 679 00:35:22,730 --> 00:35:27,690 Hivyo tunataka kuwa na kiasi, yetu background, na kama taarifa, 680 00:35:27,690 --> 00:35:29,567 Mimi moja kwa moja tu tu kuanza kuandika. 681 00:35:29,567 --> 00:35:32,400 Kuna kitu maalum kwamba sisi haja ya kufanya kwa ajili yetu files JavaScript. 682 00:35:32,400 --> 00:35:35,820 Naweza kuanza kutangaza vigezo, na kutangaza kazi random. 683 00:35:35,820 --> 00:35:38,110 Na ni mengi zaidi bure fomu. 684 00:35:38,110 --> 00:35:41,930 Ni kama na C, tuliwapa wote sheria hizi ngumu, na wewe ilikua juu, 685 00:35:41,930 --> 00:35:43,220 hivyo sisi ni kama, "watatoka. 686 00:35:43,220 --> 00:35:44,000 Kuwa huru. 687 00:35:44,000 --> 00:35:44,870 Je, unataka nini. " 688 00:35:44,870 --> 00:35:46,280 Na kwamba ni nini JavaScript ni. 689 00:35:46,280 --> 00:35:48,390 Hivyo tuna baadhi background hapa. 690 00:35:48,390 --> 00:35:55,900 Kwa DOM mtindo wetu, tunajua unaweza kufanya hati dot kupata kipengele, 691 00:35:55,900 --> 00:36:00,290 na kama sisi taarifa hapa, mwili yetu ina Id. 692 00:36:00,290 --> 00:36:00,930 Haki? 693 00:36:00,930 --> 00:36:06,310 Hivyo tunaweza kufanya kupata hati kwa Id, na hapa ni moja rahisi. 694 00:36:06,310 --> 00:36:08,295 Nini Id yetu kwamba tunataka hapa? 695 00:36:08,295 --> 00:36:09,170 Watazamaji: Background. 696 00:36:09,170 --> 00:36:11,280 ALLISON BUCHHOLTZ-AU: Background. 697 00:36:11,280 --> 00:36:12,230 Perfect. 698 00:36:12,230 --> 00:36:14,250 Na semicolon mwishoni. 699 00:36:14,250 --> 00:36:15,610 Hiyo ina si wamekwenda bado. 700 00:36:15,610 --> 00:36:17,330 Bado unahitaji semicolons yako. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Hivyo hiyo ni moja yetu ya kwanza. 703 00:36:19,690 --> 00:36:23,880 Na wakati sisi bonyeza kitu, sisi wanataka kitu kutokea, haki? 704 00:36:23,880 --> 00:36:28,270 Hivyo sisi kutaka baadhi variable hiyo kusubiri kwa click. 705 00:36:28,270 --> 00:36:32,410 Nini tunakwenda kufanya ni tunakwenda kufanya kiungo wetu zaidi sawa na kifungo. 706 00:36:32,410 --> 00:36:43,140 Hivyo sisi ni kwenda kuwa na baadhi ya kifungo kwamba sawa kumbukumbu dot kupata kipengele kwa Id. 707 00:36:43,140 --> 00:36:48,670 Na kama mimi kuzungumza juu bonyeza kiungo au bonyeza hapa kwa chama 708 00:36:48,670 --> 00:36:51,850 kiungo, nini kinaweza Id yangu kuwa hapa? 709 00:36:51,850 --> 00:36:52,590 Sherehe. 710 00:36:52,590 --> 00:36:55,200 Sahihi. 711 00:36:55,200 --> 00:36:56,500 OK si mbaya sana hadi sasa. 712 00:36:56,500 --> 00:36:59,060 Kila mtu kupata nini sisi ni kufanya? 713 00:36:59,060 --> 00:37:02,100 >> OK, hivyo sasa tuna yetu kifungo, na tunataka 714 00:37:02,100 --> 00:37:04,140 mambo kubadilika wakati sisi bonyeza juu yake. 715 00:37:04,140 --> 00:37:08,750 Hivyo kama sisi kukumbuka kutoka PowerPoint wetu, kitu rahisi sana tunaweza kufanya 716 00:37:08,750 --> 00:37:12,140 ni tu ya kifungo dot onclick, haki? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 Na kwamba kinaendelea sawa baadhi ya kazi. 719 00:37:18,730 --> 00:37:20,620 Hii ni kazi bila majina. 720 00:37:20,620 --> 00:37:24,620 Na hii tu as-- kweli mimi nina kwenda kufanya hii kubwa kidogo. 721 00:37:24,620 --> 00:37:27,330 >> Hivyo kile mimi tu alifanya hapa ni mimi kusema, OK, 722 00:37:27,330 --> 00:37:31,810 wakati sisi bonyeza kifungo yetu, ambayo ni kiungo huu kwamba sisi tu inajulikana, 723 00:37:31,810 --> 00:37:34,270 sisi ni kwenda kutekeleza kazi hii bila majina. 724 00:37:34,270 --> 00:37:35,845 Hatuna haja ya pembejeo yoyote. 725 00:37:35,845 --> 00:37:37,220 Hatujali nini user anasema. 726 00:37:37,220 --> 00:37:38,800 Wakati wao bonyeza juu yake, tuko kwenda kufanya chochote tunataka, 727 00:37:38,800 --> 00:37:40,660 ambayo ni mabadiliko ya rangi ya asili. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Hivyo ndiyo sababu hatuna pembejeo yoyote, sisi tu kazi hii bila majina. 730 00:37:47,224 --> 00:37:49,390 Na sasa sisi ni kweli kwenda kuandika kazi hii. 731 00:37:49,390 --> 00:37:55,040 >> Hivyo kuna kundi la njia wewe inaweza kuzalisha rangi random. 732 00:37:55,040 --> 00:37:59,010 njia ambayo mimi alifanya hivyo mara kwa kuzalisha tatu namba random 733 00:37:59,010 --> 00:38:01,910 na kubadili yao kwa RGB tatu. 734 00:38:01,910 --> 00:38:06,130 Hivyo hii inaonyesha tu baadhi ya baridi mambo ambayo kama wewe ni kama, "oh, 735 00:38:06,130 --> 00:38:08,464 Mimi haja ya kuzalisha random idadi. "kama wewe Googled yake, 736 00:38:08,464 --> 00:38:09,630 hii ni nini ungependa kupata. 737 00:38:09,630 --> 00:38:17,580 >> Hivyo tuna tatu tofauti mambo, var, si nyekundu tena, kijani. 738 00:38:17,580 --> 00:38:18,080 Haki? 739 00:38:18,080 --> 00:38:20,740 Basi hizo tatu mambo kwamba kufanya juu ya rangi. 740 00:38:20,740 --> 00:38:22,220 Bluu, nyekundu, na kijani. 741 00:38:22,220 --> 00:38:22,960 Baridi. 742 00:38:22,960 --> 00:38:27,050 Na nini tunaweza kufanya ni kwamba sisi kujua kwamba inahitaji kuwa kati ya 255, 743 00:38:27,050 --> 00:38:30,140 na kama wewe inaonekana up baadhi random idadi jenereta, 744 00:38:30,140 --> 00:38:36,000 unaweza kupata kitu kama math dot random, ambayo kama wewe kuangalia hii up 745 00:38:36,000 --> 00:38:39,230 anarudi baadhi ya simu kati ya sifuri na moja. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 Na nini namba kufanya yetu RGB triples kwenda kati? 748 00:38:44,470 --> 00:38:47,240 Zero na nini? 749 00:38:47,240 --> 00:38:49,000 Nini wanaweza kwenda hadi? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Hivyo kama math dot random huenda kati ya sifuri na moja, 752 00:38:53,320 --> 00:38:56,365 jinsi gani tunataka kubadilisha hii? 753 00:38:56,365 --> 00:38:56,990 Watazamaji: Time? 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-AU: Yeah, kwa uhakika. 755 00:38:57,830 --> 00:38:58,677 Hivyo wakati ni 255. 756 00:38:58,677 --> 00:39:00,888 >> Watazamaji: [inaudible] Ni kama [inaudible]. 757 00:39:00,888 --> 00:39:02,471 ALLISON BUCHHOLTZ-AU: Math dot random. 758 00:39:02,471 --> 00:39:03,096 Watazamaji: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-AU: Ndiyo. 760 00:39:04,580 --> 00:39:06,300 JavaScript tu inachukua huduma ya wewe. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Hivyo tunaweza kufanya hivyo kwa haya yote. 763 00:39:09,360 --> 00:39:10,540 Haki? 764 00:39:10,540 --> 00:39:16,480 Math dot mara random 255. 765 00:39:16,480 --> 00:39:17,740 Nakala ya kwamba. 766 00:39:17,740 --> 00:39:18,820 Baridi. 767 00:39:18,820 --> 00:39:23,350 Kwa hiyo, jambo ni, hii inaweza si kurudi integer. 768 00:39:23,350 --> 00:39:24,080 Haki? 769 00:39:24,080 --> 00:39:26,450 Labda sisi kupata baadhi ya simu kati ya sifuri na moja, 770 00:39:26,450 --> 00:39:32,150 na sababu yake kuwa kidogo mbali, na RGBs yetu haiwezi kuwa ikifungwa. 771 00:39:32,150 --> 00:39:33,360 Wanahitaji kuwa ints. 772 00:39:33,360 --> 00:39:37,610 Hivyo kama wewe walijaribu hii, ni d pengine kuwa na baadhi ya tabia zisizokuwa na uhakika. 773 00:39:37,610 --> 00:39:38,810 Itakuwa funky kidogo. 774 00:39:38,810 --> 00:39:43,200 Hivyo kile sisi kufanya ni tunataka kufanya kuhakikisha kwamba hizi ni mviringo, 775 00:39:43,200 --> 00:39:45,400 na unaweza pande zote ama njia. 776 00:39:45,400 --> 00:39:47,110 Mimi rounded na sakafu. 777 00:39:47,110 --> 00:39:49,680 Hivyo mimi daima alihakikisha kuwa ni rounded chini. 778 00:39:49,680 --> 00:39:54,440 Lakini kwenda mbali ya jinsi rahisi ni ilikuwa ni kupata tu idadi random, 779 00:39:54,440 --> 00:39:57,920 jinsi gani unadhani sisi nguvu sakafu idadi hii? 780 00:39:57,920 --> 00:40:00,720 Ni sawa sana. 781 00:40:00,720 --> 00:40:02,810 Wazo lolote? 782 00:40:02,810 --> 00:40:06,450 Hivyo kama random mara tu math dot random, hivyo unafikiri tunatarajia kufanya ghorofa? 783 00:40:06,450 --> 00:40:09,670 Math dot sakafu. 784 00:40:09,670 --> 00:40:11,340 Na unaweza pia kufanya math dot dari. 785 00:40:11,340 --> 00:40:14,030 Pande zote ni aina ya utata kwa sababu huna 786 00:40:14,030 --> 00:40:16,110 kujua kama kwa pande zote juu au pande zote chini. 787 00:40:16,110 --> 00:40:20,797 Hivyo kawaida sisi daima kufanya math dot sakafu, math dot dari. 788 00:40:20,797 --> 00:40:21,380 Lakini honestly-- 789 00:40:21,380 --> 00:40:22,780 >> Watazamaji: Je sakafu pande zote chini? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON BUCHHOLTZ-AU: sakafu raundi chini. 791 00:40:24,740 --> 00:40:26,990 Na kwamba tu uchaguzi kwa upande wangu. 792 00:40:26,990 --> 00:40:32,370 >> Hivyo basi, tuna namba tatu wetu ambayo yamekuwa nasibu yanayotokana, 793 00:40:32,370 --> 00:40:36,610 na nini tunakwenda kufanya sasa ni tuko tu kwenda na mabadiliko background. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Hivyo tayari tuna wetu background aina ya kuhifadhiwa 796 00:40:41,490 --> 00:40:43,280 katika kipengele hiki kuitwa background. 797 00:40:43,280 --> 00:40:47,300 Hivyo kile utasikia taarifa ni, kama wewe kucheza karibu na hii, 798 00:40:47,300 --> 00:40:50,460 tunataka mabadiliko style. 799 00:40:50,460 --> 00:40:53,812 Na hii ni aina ya kitu ambacho ungependa Google na takwimu nje, 800 00:40:53,812 --> 00:40:55,020 kama jinsi ya mabadiliko ya rangi. 801 00:40:55,020 --> 00:40:59,210 >> Lakini njia wewe kupata alama hii ni background dot style dot background. 802 00:40:59,210 --> 00:41:03,490 Hivyo hii ni akisema kutokana na hii kitu, background, 803 00:41:03,490 --> 00:41:06,920 ambayo inahusu kwamba kipengele Id huko, 804 00:41:06,920 --> 00:41:10,690 tunakwenda kuangalia style ndani ya style, 805 00:41:10,690 --> 00:41:13,280 tunakwenda kuangalia background. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 Na kama wewe kwenda na kuangalia hii juu, inaweza kufanya hisia zaidi kidogo, 808 00:41:17,630 --> 00:41:21,930 lakini hii ni kimsingi tu kusema, "Nipe sifa hii maalum sana 809 00:41:21,930 --> 00:41:25,770 kile nilicho defined mapema. " 810 00:41:25,770 --> 00:41:32,340 Hivyo kile sisi ni kubadilisha kwa ni baadhi RGB, kwa sababu inafanya hisia. 811 00:41:32,340 --> 00:41:34,780 Sisi ni kutumia RGB triples, haki? 812 00:41:34,780 --> 00:41:41,530 Na sisi have-- nataka kuhakikisha mimi kupata idadi ya haki ya quotes katika hapa. 813 00:41:41,530 --> 00:41:43,940 Hivyo kile sisi kufanya ni sisi kuwa RGB, na tunakwenda 814 00:41:43,940 --> 00:41:46,800 to-- hii ni kama concatenation, ambayo ni nyekundu. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 Na kisha tunataka baadhi comma. 817 00:41:52,610 --> 00:41:59,925 Na kisha tunataka plus kijani, kisha baadhi comma, na baadhi ya rangi ya bluu. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Hivyo pluses haya tu maana kama concatenation. 820 00:42:14,120 --> 00:42:19,810 Hivyo hii ni kujenga tu hii kamba kwamba kinaendelea ndani ya 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 >> Watazamaji: [inaudible] plus basi kijani a plus kisha nyekundu. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON BUCHHOLTZ-AU: Yeah, kwa sababu mimi messed up. 825 00:42:30,163 --> 00:42:30,890 Faini kwamba mtu. 826 00:42:30,890 --> 00:42:32,110 Oh, kushikilia. 827 00:42:32,110 --> 00:42:32,610 No. 828 00:42:32,610 --> 00:42:36,770 Kwa sababu mimi haja ya kuhakikisha kwamba mimi got hizi haki yote. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Hivyo mimi kueleza kwa uno momento. 831 00:42:43,950 --> 00:42:47,040 Kijani, bluu, kamilifu. 832 00:42:47,040 --> 00:42:47,971 Sasa mimi nina kufanyika. 833 00:42:47,971 --> 00:42:48,470 Naamini. 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 Hivyo kile ni hii, ni kwamba background ni kwenda kuwa na kuweka baadhi kamba. 837 00:42:58,085 --> 00:42:58,585 Haki? 838 00:42:58,585 --> 00:42:59,710 Ambayo ni nini sisi hapa. 839 00:42:59,710 --> 00:43:05,870 Ni kwenda kuwa baadhi RGB 255 comma 255 comma zero, au chochote idadi wewe 840 00:43:05,870 --> 00:43:06,512 huko. 841 00:43:06,512 --> 00:43:08,220 Hivyo sisi ni kufanya hapa, tuna baadhi ya kamba. 842 00:43:08,220 --> 00:43:11,910 Na nini tunataka kufanya, ni tuko aina ya dynamically kujenga 843 00:43:11,910 --> 00:43:14,010 kwamba wakati sisi kweli kukimbia mpango huu. 844 00:43:14,010 --> 00:43:16,570 Hivyo hii ni baadhi kamba. 845 00:43:16,570 --> 00:43:20,290 Plus concatenates ni pamoja na thamani kuwa nyekundu ina, 846 00:43:20,290 --> 00:43:23,320 ambayo concatenates ni pamoja na comma, ambayo concatenates ni 847 00:43:23,320 --> 00:43:26,090 na kile kijani ni, na kadhalika, na kadhalika. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Mpaka mwisho sana, ambayo ni kufunga mabano ya RGB hii hapa. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Hivyo kile hii ni kwenda kuzalisha baadhi ya amri kweli 852 00:43:37,230 --> 00:43:42,770 yaani RGB ya namba tatu kwamba background sasa kuweka. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Basi hebu angalia kama hii kazi. 855 00:43:46,510 --> 00:43:49,720 Natumaini hivyo, kwa sababu kama ni haina, mimi nina kwenda kuwa kweli kusikitisha. 856 00:43:49,720 --> 00:43:50,250 Oh no. 857 00:43:50,250 --> 00:43:52,710 OK, kushikilia. 858 00:43:52,710 --> 00:43:56,730 Dhahiri background dot dot style background. 859 00:43:56,730 --> 00:43:59,569 Mimi nina dhahiri kukosa kitu kidogo tu. 860 00:43:59,569 --> 00:44:00,610 Je, si nyie hate kwamba? 861 00:44:00,610 --> 00:44:04,020 Wakati ni ndogo kosa kidogo tu? 862 00:44:04,020 --> 00:44:04,990 Mwenyezi background. 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 >> Watazamaji: [inaudible] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON BUCHHOLTZ-AU: No. 868 00:44:12,770 --> 00:44:14,050 Nilijaribu hii mbele ya darasa. 869 00:44:14,050 --> 00:44:16,570 Mimi kila kitu alifanya kabla darasa katika kesi Mimi nilikuwa kama, 870 00:44:16,570 --> 00:44:17,970 "Kusubiri, nini alifanya mimi kufanya makosa?" 871 00:44:17,970 --> 00:44:23,190 Kwa kuwa nilikuwa kama, "Mimi pengine hii fujo hadi saa fulani. " 872 00:44:23,190 --> 00:44:24,150 Plus kijani. 873 00:44:24,150 --> 00:44:26,250 Kila kitu inaonekana kama ni concatenated usahihi. 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 >> Watazamaji: [inaudible] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-AU: Oh, kuna kwenda. 878 00:44:33,810 --> 00:44:35,520 Hiyo ni nini mimi inahitajika. 879 00:44:35,520 --> 00:44:36,805 Angalia hiyo. 880 00:44:36,805 --> 00:44:40,090 Tiffany kuwaokoa. 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 Sasa hebu angalia kama ni kazi. 884 00:44:43,834 --> 00:44:44,816 Oh Mungu wangu. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Kushikilia. 887 00:44:46,140 --> 00:44:48,280 >> Watazamaji: Nafasi baada plus pili. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON BUCHHOLTZ-AU: Ni moja? 889 00:44:50,310 --> 00:44:52,910 Oh kusubiri, kushikilia. 890 00:44:52,910 --> 00:44:54,870 Nafasi kuvaa? 891 00:44:54,870 --> 00:44:57,209 >> Watazamaji: Pili pamoja katika concatenation kijani. 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 Watazamaji: Hakuna nafasi baada plus, yeah. 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-AU: You hawana haja ya kuwa, but-- 895 00:45:00,790 --> 00:45:01,190 Watazamaji: Oh, huna? 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-AU: Inaonekana pretty. 897 00:45:01,910 --> 00:45:02,530 Watazamaji: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ AU: Hebu tuone kama hii matendo. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Mimi nina wazi kushindwa katika demo hii, ambayo inanikumbusha 902 00:45:07,836 --> 00:45:12,810 wa hotuba wiki nyingine, lakini najua hii itafanya kazi. 903 00:45:12,810 --> 00:45:15,860 Najua hii itakuwa kazi. 904 00:45:15,860 --> 00:45:16,580 Hivyo karibu. 905 00:45:16,580 --> 00:45:22,330 Kama mimi ajali ilifutwa script wangu juu ya hili. 906 00:45:22,330 --> 00:45:24,035 Hapana, ni chama dot JS. 907 00:45:24,035 --> 00:45:25,776 OK kushikilia. 908 00:45:25,776 --> 00:45:28,650 Mimi nina kwenda nakala hii, na mimi nina pia tu kwenda kufuta kila kitu, 909 00:45:28,650 --> 00:45:30,108 kwa sababu nilikuwa kazi hii mapema. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Mimi ahadi ni kazi. 912 00:45:33,770 --> 00:45:36,160 Kama siyo, mimi nitakuonyesha nini Tommy ni. 913 00:45:36,160 --> 00:45:38,890 Na huko. 914 00:45:38,890 --> 00:45:42,380 >> Watazamaji: Wewe ni referencing chama dot CSS, na ni chama dot JS. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON BUCHHOLTZ-AU: Ah, vizuri haki hapa ni chama dot JS. 916 00:45:45,940 --> 00:45:49,187 OK, nini mimi kufanya tofauti? 917 00:45:49,187 --> 00:45:50,520 OK, tutaweza kuona kama hii kazi sasa. 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 Kwa hiyo, mimi sijui nini mimi tofauti, lakini hii ni nini lazima kutokea. 921 00:46:02,110 --> 00:46:03,230 Kinda baridi. 922 00:46:03,230 --> 00:46:06,650 Mimi clicked juu ya hili, kama, milele. 923 00:46:06,650 --> 00:46:11,185 Lakini tunaweza kujaribu na kuona nini mimi tofauti kwamba hii moja alikuwa. 924 00:46:11,185 --> 00:46:14,560 Sijui kuhusu wewe guys, lakini hii inaonekana kimsingi nini mimi tu aliandika. 925 00:46:14,560 --> 00:46:17,950 Kulikuwa na pengine missing semicolon fulani ni kitu yangu. 926 00:46:17,950 --> 00:46:22,064 Kweli baada ya, nadhani ilikuwa kukosa semicolon haki hapa kwa kweli. 927 00:46:22,064 --> 00:46:24,230 Lakini sikuweza kuona ni kwa sababu ilikuwa mbali screen. 928 00:46:24,230 --> 00:46:29,040 >> Lakini kama sisi taarifa, hii ni pretty sana hasa nini mimi tu aliandika. 929 00:46:29,040 --> 00:46:33,010 Nadhani pengine sehemu ya gumu kuhusu hii ni aina tu ya jambo hili haki 930 00:46:33,010 --> 00:46:36,830 hapa, uelewa nini ni kufanya huko. 931 00:46:36,830 --> 00:46:42,230 Aina ya mambo haya wewe kujifunza kweli tu na googling na kwa uaminifu 932 00:46:42,230 --> 00:46:42,880 tu kujaribu. 933 00:46:42,880 --> 00:46:46,770 Kama unafikiri kuna baadhi ya sifa, kuna pengine ni. 934 00:46:46,770 --> 00:46:48,382 Hivyo kujaribu. 935 00:46:48,382 --> 00:46:49,090 Kuona nini kinatokea. 936 00:46:49,090 --> 00:46:53,000 Kama nilivyosema, kuna mengi ya majaribio kwa JavaScript, 937 00:46:53,000 --> 00:46:56,810 na PHP, na yote stuff, na CSS hasa. 938 00:46:56,810 --> 00:47:00,046 Hiyo ni kweli tu njia ya kuelewa. 939 00:47:00,046 --> 00:47:07,100 >> OK, hivyo baada ya kuwa fiasco na chama dot JS, tuna njia nyingine mbili. 940 00:47:07,100 --> 00:47:10,650 Tuna saa au Twitter. 941 00:47:10,650 --> 00:47:12,190 Wao ni wote kuvutia. 942 00:47:12,190 --> 00:47:17,720 Labda si kabisa kama fun kama chama, ambayo ilikuwa baridi kumulika kidogo 943 00:47:17,720 --> 00:47:19,595 Jambo mwishoni. 944 00:47:19,595 --> 00:47:21,714 Je guys kuwa na upendeleo wowote? 945 00:47:21,714 --> 00:47:22,380 Watazamaji: 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 Baridi. 949 00:47:25,390 --> 00:47:30,460 >> Hivyo tena, tuna yetu tupu JavaScript file. 950 00:47:30,460 --> 00:47:35,800 Na kama sisi kuona hapa, sisi kuwa na baadhi ya HTML rahisi sana. 951 00:47:35,800 --> 00:47:40,010 Tuna karatasi yetu style, kwamba tu format nini ni lazima kuangalia kama. 952 00:47:40,010 --> 00:47:42,860 Tuna div wetu na Id ya saa, ambayo 953 00:47:42,860 --> 00:47:44,420 tu anasema, "hii inapaswa kuwa saa." 954 00:47:44,420 --> 00:47:47,650 Na tuna kiungo wetu kwa JavaScript faili wetu 955 00:47:47,650 --> 00:47:51,400 hiyo ni kweli kwenda kuzalisha saa kwa ajili yetu. 956 00:47:51,400 --> 00:47:56,060 Kwa sababu jambo zuri, ni kwamba unaweza kuweka JavaScript moja kwa moja mahitaji 957 00:47:56,060 --> 00:47:56,963 yenyewe. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Hivyo badala ya kusubiri kwa user kuikumba Refresh juu ya ukurasa 960 00:48:01,580 --> 00:48:03,840 ili uweze kupata muda updated, JavaScript 961 00:48:03,840 --> 00:48:06,760 Unaweza update ni hata hivyo anapenda. 962 00:48:06,760 --> 00:48:12,082 >> Hivyo, kama ilivyo kwa moja yetu ya mwisho, tulitaka kupata background yetu, haki? 963 00:48:12,082 --> 00:48:14,790 Hivyo unafikiri nini inaweza kuwa Jambo la kwanza tunataka kufanya hapa? 964 00:48:14,790 --> 00:48:19,538 Kama sisi ni aina ya kwenda mbali aina hii ya dhana hapa? 965 00:48:19,538 --> 00:48:22,200 Sisi pengine wanataka kupata saa yetu, haki? 966 00:48:22,200 --> 00:48:24,724 Hivyo, tuna baadhi ya var saa, ambayo equals-- 967 00:48:24,724 --> 00:48:26,140 nini tunafikiri ni kwenda kuwa? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Document dot kupata kipengele by-- mimi pia upendo Sublime-- Id na Id yetu ni saa. 970 00:48:42,670 --> 00:48:43,585 Semicolon. 971 00:48:43,585 --> 00:48:45,710 Got kufanya na uhakika wa kupata wale semicolons wakati huu, 972 00:48:45,710 --> 00:48:47,835 kwa sababu mimi kuhisi kama kwamba na tatizo wakati wa mwisho. 973 00:48:47,835 --> 00:48:55,980 OK hivyo, kama mimi alikuwa akisema tu na kujaribu kuwa na JavaScript mahitaji yenyewe, 974 00:48:55,980 --> 00:48:59,655 kuna kazi hii kubwa, mimi kujua alikuja katika Handy mwaka jana, 975 00:48:59,655 --> 00:49:02,780 Sina hakika inakuja katika Handy kwa ajili ya hii pset, lakini ni kuitwa kuweka Interval. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 Na hii ni kweli kweli baridi kama wewe guys kufanya kitu chochote 978 00:49:08,200 --> 00:49:11,460 na wakati au kupata updated habari. 979 00:49:11,460 --> 00:49:13,700 Kwenye tovuti kwa ajili ya mwisho mradi, hii pengine ni 980 00:49:13,700 --> 00:49:16,240 kazi unataka kupata super familiar with. 981 00:49:16,240 --> 00:49:19,730 Hivyo kile kuweka Interval gani ni kwamba tunakwenda kuwapa kazi, 982 00:49:19,730 --> 00:49:21,830 na jinsi mara nyingi ni lazima wito kazi hii. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Hivyo katika kesi hii, sisi ni kwenda tu kwa kujenga baadhi ya kazi bila majina tena, 985 00:49:26,890 --> 00:49:31,530 OK, kwamba ni kwenda kupata tarehe yetu, na wakati wetu, 986 00:49:31,530 --> 00:49:33,780 na kisha update mambo na kuonyesha yake. 987 00:49:33,780 --> 00:49:35,130 Hivyo tutaweza wasiwasi juu ya hilo. 988 00:49:35,130 --> 00:49:39,120 Tutaweza kuwa kama kuzalisha saa hapa. 989 00:49:39,120 --> 00:49:41,750 Lakini tunahitaji nini ni jinsi mara nyingi na kupata mahitaji yake. 990 00:49:41,750 --> 00:49:43,930 Hivyo katika kesi hii, ni milliseconds tu. 991 00:49:43,930 --> 00:49:46,877 Hivyo sisi ni kwenda tu kwa kufanya 100 milliseconds. 992 00:49:46,877 --> 00:49:48,210 Bila shaka, kabisa holela. 993 00:49:48,210 --> 00:49:50,600 Kama alitaka update taratibu zaidi, unaweza. 994 00:49:50,600 --> 00:49:53,300 Tunaweza fujo karibu na kuweka muda, 995 00:49:53,300 --> 00:49:57,240 jinsi kubwa ya muda wetu ni baada ya sisi kupata saa za kazi, ambayo hopefully mimi itabidi 996 00:49:57,240 --> 00:49:59,660 kupata. 997 00:49:59,660 --> 00:50:04,110 Hivyo hii ni kusema tu, "OK, wito kazi hii kila milliseconds 100. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 Hayo ni yote ni gani. 1000 00:50:07,280 --> 00:50:12,290 >> Hivyo nini tunataka kazi yetu kwa kufanya ni tunataka kuwa na baadhi ya tarehe 1001 00:50:12,290 --> 00:50:14,200 na baadhi ya wakati ni nini tunakwenda kuwa. 1002 00:50:14,200 --> 00:50:19,740 Hivyo Tunaweza kuanza na yetu tarehe sawa na kitu, 1003 00:50:19,740 --> 00:50:22,708 na muda wetu ni sawa na kitu kwamba hatujui bado. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Au kweli, sisi tu haja sasa, kwa sababu tarehe ni kwenda pamoja na kila kitu. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Tena kama wewe tu Google chochote kuhusu nini unataka kufanya, kama wewe kuandika, "Sawa, 1008 00:50:40,010 --> 00:50:41,980 Nataka kupata muda kupitia JavaScript, "ni 1009 00:50:41,980 --> 00:50:45,890 nitakupa kubwa kazi kuitwa kupata tarehe. 1010 00:50:45,890 --> 00:50:48,664 Literally, mambo mengi kwamba unataka kufanya, 1011 00:50:48,664 --> 00:50:50,830 JavaScript ni kwenda kuwa ni kufanyika kwa ajili yenu tayari. 1012 00:50:50,830 --> 00:50:55,770 Hivyo ni literally kama mpya kupata tarehe, ambayo ni creating-- 1013 00:50:55,770 --> 00:50:58,600 au tarehe mpya, rather-- ambayo ni kuzalisha 1014 00:50:58,600 --> 00:51:03,690 kitu fulani kwamba inawakilisha tarehe. 1015 00:51:03,690 --> 00:51:08,200 >> Na nini tunakwenda kufanya hapa ni hii is-- mimi nina kwenda kuandika hii, 1016 00:51:08,200 --> 00:51:10,820 na kisha kueleza kile ni gani. 1017 00:51:10,820 --> 00:51:12,560 Hivyo mimi itabidi kuhakikisha mimi kupata haki hii. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, hivyo nini kazi hii gani, ni tuko tu 1020 00:51:23,440 --> 00:51:30,680 kujenga HTML kwamba ni kweli kwenda ndani ya div yetu Id ya saa. 1021 00:51:30,680 --> 00:51:34,610 Hivyo nini hii ni kwenda kufanya ni kuzalisha baadhi tu kamba, OK? 1022 00:51:34,610 --> 00:51:38,510 Hiyo ni basi kwenda kuwa kuatikwa HTML yetu. 1023 00:51:38,510 --> 00:51:42,130 Kimsingi nini kinaendelea kufanya ni chochote we-- nini mimi nitakuonyesha 1024 00:51:42,130 --> 00:51:49,070 ni kwamba chochote tunasema HTML ni, tunakwenda nafasi ya asilia hii hapa 1025 00:51:49,070 --> 00:51:51,090 na chochote HTML ni. 1026 00:51:51,090 --> 00:51:56,390 Hivyo hii ni kwenda kuruhusu sisi kubadili saa zetu dot 1027 00:51:56,390 --> 00:52:00,940 HTML kutoka kuwa maandishi tu ya hii lazima saa, kwa kweli kuonyesha 1028 00:52:00,940 --> 00:52:05,630 namba na mambo ambayo sisi huduma kuhusu, na kwa kweli kuwa kamili. 1029 00:52:05,630 --> 00:52:09,810 >> Hivyo nini tunakwenda kufanya ni tuko kwenda kuanza kuzalisha HTML hii. 1030 00:52:09,810 --> 00:52:16,520 Hivyo katika njia sawa kwamba sisi kutumika kufanya plus sawa kwa integers, 1031 00:52:16,520 --> 00:52:20,461 sasa unaweza kufanya hivyo kwa masharti, ila ni kwenda concatenate yao. 1032 00:52:20,461 --> 00:52:20,960 Haki? 1033 00:52:20,960 --> 00:52:26,070 Kama tulivyoona na chama dot JS, hii tu concatenates pamoja mambo yote hayo. 1034 00:52:26,070 --> 00:52:31,970 Hivyo unaweza concatenate bits mbalimbali za HTML kutoka vigezo, au bits ya masharti 1035 00:52:31,970 --> 00:52:33,750 kwamba wewe kuandika mwenyewe, na hii tu 1036 00:52:33,750 --> 00:52:38,650 kweli utapata dynamically kuzalisha HTML, ambayo ni pretty cool. 1037 00:52:38,650 --> 00:52:42,040 Hivyo kama una kitu user sana maalum, 1038 00:52:42,040 --> 00:52:44,130 hii inaweza kuruhusu kufanya hivyo. 1039 00:52:44,130 --> 00:52:47,550 >> Hivyo tuna HTML, na mimi nina kwenda kujaribu na kuhakikisha mimi kupata haki hii. 1040 00:52:47,550 --> 00:52:49,890 Hivyo sisi ni kwenda kufanya baadhi header h1. 1041 00:52:49,890 --> 00:52:53,610 Basi nini muhimu kutambua hapa ni kwamba hii ni kweli tu HTML. 1042 00:52:53,610 --> 00:52:54,460 Haki? 1043 00:52:54,460 --> 00:52:56,610 Sisi ni kuandika halisi HTML code katika hapa, ni 1044 00:52:56,610 --> 00:53:01,090 si tu kamba katika kawaida njia ambayo tunataka kufikiri juu yake. 1045 00:53:01,090 --> 00:53:02,930 Hivyo tuna baadhi HTML. 1046 00:53:02,930 --> 00:53:04,940 Hii ni kuchukuliwa kamba hapa ingawa. 1047 00:53:04,940 --> 00:53:10,380 Na sisi kufanya tarehe dot-- sisi wanataka kupata masaa yetu. 1048 00:53:10,380 --> 00:53:12,910 Tena, kama ungekuwa na kuangalia up chochote kuhusu tarehe, 1049 00:53:12,910 --> 00:53:16,160 ingekuwa kukuambia haya yote ni sifa tarehe ambayo ina. 1050 00:53:16,160 --> 00:53:17,670 Na hapa ni nini unaweza kutumia juu yake. 1051 00:53:17,670 --> 00:53:20,620 Hivyo pengine ana mambo kama kupata masaa, na kupata dakika, 1052 00:53:20,620 --> 00:53:24,669 na kupata sekunde, na kupata milliseconds, na ambaye anajua kile kingine wao. 1053 00:53:24,669 --> 00:53:27,210 Lakini kama wewe kuangalia katika nyaraka, yote itakuwa huko. 1054 00:53:27,210 --> 00:53:31,980 >> Hivyo tuna kupata masaa, na kisha tunataka wanataka 1055 00:53:31,980 --> 00:53:35,614 kwa concatenate kwamba with-- mimi nina kwenda hoja hii zaidi ya hapa. 1056 00:53:35,614 --> 00:53:38,780 Hivyo kama sisi ni kuzalisha sasa hivi, tuko kweli kuzalisha wakati, haki? 1057 00:53:38,780 --> 00:53:43,590 Tuna masaa, na kisha nini kati ya saa na dakika? 1058 00:53:43,590 --> 00:53:45,080 Una semicolon, haki? 1059 00:53:45,080 --> 00:53:48,010 Hivyo tunataka kufanya baadhi ya semicolon hapa. 1060 00:53:48,010 --> 00:53:51,780 Na kisha tunataka kupata yetu dakika, hivyo katika njia hiyo 1061 00:53:51,780 --> 00:53:56,450 kwamba tuna tarehe dot kupata masaa, jinsi gani sisi kupata dakika yetu? 1062 00:53:56,450 --> 00:54:01,542 Ni literally tarehe dot kupata dakika, ambayo mimi aina ya kama. 1063 00:54:01,542 --> 00:54:03,250 Ni kama, "oh, jinsi kufanya mimi kupata dakika yangu? " 1064 00:54:03,250 --> 00:54:05,850 I just kupata dakika yangu. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 Na kisha tuna koloni nyingine hapa. 1067 00:54:10,990 --> 00:54:16,350 Na kisha kama tunataka kupata yetu sekunde, jinsi gani sisi kupata pili zetu? 1068 00:54:16,350 --> 00:54:17,400 Tarehe dot kupata sekunde. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Nadhani ni pretty cool. 1071 00:54:21,590 --> 00:54:23,589 Na nini muhimu kutambua, ni kwamba sisi pia 1072 00:54:23,589 --> 00:54:31,730 haja ya karibu HTML tag yetu hapa, kwa sababu ni lazima bado kuwa HTML halali, hivyo h1. 1073 00:54:31,730 --> 00:54:33,481 Baridi. 1074 00:54:33,481 --> 00:54:43,110 >> Hivyo baada ya kuwa, tunaweza kufanya saa dot HTML ndani ni sawa na HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Basi kumbuka jinsi mimi alisema HTML ndani kimsingi 1077 00:54:46,470 --> 00:54:50,610 inachukua chochote ni kati ya tags mawili ambayo kuongelea 1078 00:54:50,610 --> 00:54:54,470 na kuwekeza au kuyaharibu vilivyomo katika huko? 1079 00:54:54,470 --> 00:54:58,290 Hivyo gani hii, kama sisi kurudi nyuma kwa saa yetu, 1080 00:54:58,290 --> 00:55:04,180 ni kwamba saa inahusu kila kitu ndani ya div hii. 1081 00:55:04,180 --> 00:55:09,770 Hii ni HTML ndani hii div Id saa. 1082 00:55:09,770 --> 00:55:13,930 Na hivyo ni kwenda mabadiliko hayo kwa HTML kwamba sisi tu yanayotokana, 1083 00:55:13,930 --> 00:55:16,750 ambayo, ambayo, hopefully, hopefully, hopefully, 1084 00:55:16,750 --> 00:55:21,026 itaonyesha wakati hivi sasa. 1085 00:55:21,026 --> 00:55:23,960 Tutaona. 1086 00:55:23,960 --> 00:55:25,170 Bila shaka. 1087 00:55:25,170 --> 00:55:26,860 Masuala mengi ya kiufundi. 1088 00:55:26,860 --> 00:55:31,480 Allison just-- mimi nina off mchezo wangu leo ​​guys. 1089 00:55:31,480 --> 00:55:34,136 OK, kwamba kazi. 1090 00:55:34,136 --> 00:55:35,760 saa dot HTML ndani. 1091 00:55:35,760 --> 00:55:42,097 Ilikuwa HTML Kweli? 1092 00:55:42,097 --> 00:55:43,180 Pia hii ni kile kinachotokea. 1093 00:55:43,180 --> 00:55:48,750 Wakati huwezi kuona kitu, wewe tu kuangalia chanzo code yako. 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 Je unataka kujua kazi ya baridi karibu kwamba sisi ni kwenda kufanya haki hapa? 1097 00:55:54,870 --> 00:55:55,740 >> Watazamaji: Je, unaweza kufanya herufi kubwa? 1098 00:55:55,740 --> 00:55:56,580 herufi? 1099 00:55:56,580 --> 00:55:58,996 Kwa sababu una kupata masaa, na kisha kupata dakika. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON BUCHHOLTZ-AU: Ni ni kupata masaa na get-- oh. 1101 00:56:02,590 --> 00:56:04,945 You are-- dhahabu nyota. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Ni mtihani wote, guys. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Mimi ahadi ilikuwa kazi kabla ya darasa. 1106 00:56:17,330 --> 00:56:22,590 >> OK, lakini kitu baridi kujua ni kwamba unaweza also-- kama wakati mwingine 1107 00:56:22,590 --> 00:56:26,560 files yako nje ni kupata kidogo mambo, 1108 00:56:26,560 --> 00:56:30,960 unaweza pia tu ya kuweka yao moja kwa moja katika hapa, ambao huelekea kurekebisha mambo. 1109 00:56:30,960 --> 00:56:35,840 Ila hii ni kama kweli mbaya. 1110 00:56:35,840 --> 00:56:38,050 Bila shaka format kila kitu. 1111 00:56:38,050 --> 00:56:41,425 Kuhakikisha ni wote pretty. 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 >> Nilitaka kufanya demos yote ya baridi, na siyo tu kazi nje. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Script var saa. 1117 00:56:53,890 --> 00:57:00,350 Anyways, nini ni muhimu ni kwamba hii ni njia ya kawaida 1118 00:57:00,350 --> 00:57:01,870 kwamba ungependa kuunda JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Kama unaweza kuona, inaweza kuwa finicky sana wakati mwingine, 1120 00:57:04,490 --> 00:57:08,780 hata wakati ilikuwa literally kazi sekunde mbili zilizopita. 1121 00:57:08,780 --> 00:57:11,820 Au siyo wawili pili iliyopita, lakini sana, sana hivi karibuni. 1122 00:57:11,820 --> 00:57:16,070 >> Hivyo kuonyesha nini ni lazima kuangalia kama, na kuonyesha kwamba mimi si mambo, 1123 00:57:16,070 --> 00:57:19,730 na kwamba kila kitu ni sawa huo, hii ni nini ni lazima kuangalia kama. 1124 00:57:19,730 --> 00:57:27,410 Wewe ni tu kwenda kufanya sehemu hii ya juu hapa, na kama wewe kuona ukurasa chanzo, 1125 00:57:27,410 --> 00:57:32,160 kama taarifa, alifanya baadhi ya mambo crazier, mimi kilichorahisishwa yake. 1126 00:57:32,160 --> 00:57:35,710 Pia, mikopo kwa Tommy McWilliam, ambaye kwa kweli 1127 00:57:35,710 --> 00:57:38,810 imenisaidia kujenga mifano hii, ambayo ni kwa nini mimi wanajua kazi. 1128 00:57:38,810 --> 00:57:41,560 Kwa sababu Tommy ni JavaScript bwana. 1129 00:57:41,560 --> 00:57:43,180 Lakini kama sisi taarifa, tuna baadhi ya kuweka. 1130 00:57:43,180 --> 00:57:45,170 Tuna saa kazi yetu hapa. 1131 00:57:45,170 --> 00:57:48,450 Hii yote ni JavaScript kwamba sisi tu aliandika, au baadhi ya yake. 1132 00:57:48,450 --> 00:57:51,470 Sisi tu aliandika hii moja ya haki hapa. 1133 00:57:51,470 --> 00:57:54,260 Na ana ziada kazi hiyo tu usafi ni 1134 00:57:54,260 --> 00:57:57,790 kwa kuweka zero kabla barua au kabla simu kama ni 1135 00:57:57,790 --> 00:57:59,412 tu mmoja wao. 1136 00:57:59,412 --> 00:58:02,120 Hivyo kama wewe taarifa, hii ni pretty sana hasa nini sisi tu aliandika. 1137 00:58:02,120 --> 00:58:06,230 Una baadhi saa variable kwamba ina kipengele yetu, kupata kipengele kwa ID, 1138 00:58:06,230 --> 00:58:07,252 ambayo ni saa. 1139 00:58:07,252 --> 00:58:08,960 Tuna seti yetu ya muda kazi, hiyo ni 1140 00:58:08,960 --> 00:58:12,670 kazi bila majina kwamba executes haya yote. 1141 00:58:12,670 --> 00:58:16,940 Sisi baadhi kuanzia kamba ya HTML kwamba sisi basi dynamically 1142 00:58:16,940 --> 00:58:20,750 kuzalisha kwa kuwa baadhi header h1, concatenating 1143 00:58:20,750 --> 00:58:23,950 na kupata masaa, pamoja na COLON wetu, pamoja na kupata 1144 00:58:23,950 --> 00:58:26,860 dakika, pamoja na mwingine koloni, pamoja na sekunde yetu, 1145 00:58:26,860 --> 00:58:29,330 na hatimaye kuishia HTML kwa ajili yake. 1146 00:58:29,330 --> 00:58:34,210 Na kisha sisi update saa zetu dot HTML ndani ya HTML, 1147 00:58:34,210 --> 00:58:37,640 na sisi update kila milliseconds 100. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Angalia mimi ahadi mimi nina si mambo. 1150 00:58:42,470 --> 00:58:43,440 Sijui. 1151 00:58:43,440 --> 00:58:47,160 Sijui ni kwa nini hapendi mimi. 1152 00:58:47,160 --> 00:58:54,030 Najisikia kama inaonekana sawa, lakini inaonekana mimi wanichukia. 1153 00:58:54,030 --> 00:58:59,600 >> Basi hebu angalia kama raundi ya tatu huenda bora. 1154 00:58:59,600 --> 00:59:00,970 Sisi ni juu ya kuona. 1155 00:59:00,970 --> 00:59:02,910 Sina hakika jinsi hii ni kwenda. 1156 00:59:02,910 --> 00:59:06,700 Je kila mtu angalau kupata hasara, kama tu mandhari ya jumla 1157 00:59:06,700 --> 00:59:08,480 ya JavaScript, ingawa? 1158 00:59:08,480 --> 00:59:15,660 Natumaini kwamba angalau muhimu, zaidi kuliko kuonyesha kwamba ni kidogo finicky. 1159 00:59:15,660 --> 00:59:21,190 Lakini tatizo kuweka yako itakuwa furaha sana. 1160 00:59:21,190 --> 00:59:22,590 Ni kwenda kuwa kubwa. 1161 00:59:22,590 --> 00:59:24,820 Itakuwa si kabisa kama tedious kama hii, sidhani. 1162 00:59:24,820 --> 00:59:28,100 Wewe utakuwa kweli kupata kuona mambo kweli cool. 1163 00:59:28,100 --> 00:59:31,734 >> Hivyo mwisho lakini si uchache, tutaweza kujaribu moja Twitter. 1164 00:59:31,734 --> 00:59:32,900 Najisikia hofu sasa, guys. 1165 00:59:32,900 --> 00:59:35,762 Sijui jinsi hii ni kwenda. 1166 00:59:35,762 --> 00:59:39,930 Lakini tu kukupa kidogo zaidi ladha, na hii ni kweli 1167 00:59:39,930 --> 00:59:44,190 kufanyia masharti na pembejeo, nini tunakwenda kufanya 1168 00:59:44,190 --> 00:59:50,960 ni, kama sisi taarifa hapa na HTML-- moja hii ina kidogo more-- 1169 00:59:50,960 --> 00:59:57,200 tuna baadhi Nakala eneo, ambayo sambamba na eneo hili maandishi hapa. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 Na kwamba ina Id wa maandishi. 1172 01:00:00,420 --> 01:00:04,520 Sisi restyled ni kidogo kidogo pamoja na baadhi ya upana na urefu 1173 01:00:04,520 --> 01:00:07,310 kwamba tumekuwa predetermined, na sisi H 1, 1174 01:00:07,310 --> 01:00:11,260 ambayo tu ni header yetu moja kwamba inawakilisha wahusika wetu wa kushoto. 1175 01:00:11,260 --> 01:00:14,570 Sisi akampa baadhi Id ya wahusika iliyobaki, 1176 01:00:14,570 --> 01:00:18,660 na kisha tuna baadhi script hapa, ambayo mimi nina kweli 1177 01:00:18,660 --> 01:00:20,790 matumaini mara ya tatu ya charm hapa, guys. 1178 01:00:20,790 --> 01:00:26,750 >> Hivyo kile tunataka kufanya, katika huo ujumla mshipa 1179 01:00:26,750 --> 01:00:31,480 kwamba tumefanya na saa dot JS na dot chama JS kama tumekuwa niliona, 1180 01:00:31,480 --> 01:00:35,980 ni tumekuwa kuanza kwa kweli grabbing mambo ambayo sisi huduma ya juu, haki? 1181 01:00:35,980 --> 01:00:42,330 Hivyo katika kesi hii, kuna mambo mawili mambo ambayo sisi huduma ya juu, OK? 1182 01:00:42,330 --> 01:00:47,199 Jambo moja kwamba sisi ni kweli aina ya kuangalia katika na kuchora data kutoka, 1183 01:00:47,199 --> 01:00:48,990 na jambo moja kwamba sisi ni kweli kubadilika. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Hivyo kuna HTML yetu. 1186 01:00:53,730 --> 01:01:00,370 Kama hii ni mtandao wetu ukurasa hapa, nini data kwamba sisi ni kuangalia? 1187 01:01:00,370 --> 01:01:03,860 Ni kwenda kuwa chochote Nakala katika masanduku yetu, haki? 1188 01:01:03,860 --> 01:01:05,310 Hivyo chochote mimi aina katika hapa. 1189 01:01:05,310 --> 01:01:08,150 Hiyo ni nini nataka kujua, au kwamba ni nini nataka kuangalia. 1190 01:01:08,150 --> 01:01:10,690 Na nini kinaendelea kuwa kubadilisha kwenye mtandao ukurasa wetu? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 wahusika iliyobaki. 1193 01:01:14,880 --> 01:01:19,550 Hivyo katika njia hiyo hiyo, tunataka kuanza kwa initializing vigezo 1194 01:01:19,550 --> 01:01:22,030 kwamba kweli kushikilia kwenye mambo hayo. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Hivyo kama sisi kuwa na baadhi ya var yaani eneo letu maandishi, 1197 01:01:29,930 --> 01:01:33,681 na tuna baadhi ya var kwamba ni iliyobaki. 1198 01:01:33,681 --> 01:01:34,180 Haki? 1199 01:01:34,180 --> 01:01:36,190 Basi hao ni kwenda kushikilia mambo hayo mawili. 1200 01:01:36,190 --> 01:01:42,370 Hivyo aina moja ya kitu, hati dot-- OK, mimi nina 1201 01:01:42,370 --> 01:01:45,920 kwenda kuhakikisha hii ni kwenda kufanya kazi wakati huu. 1202 01:01:45,920 --> 01:01:49,620 Mimi ni gumu sana. 1203 01:01:49,620 --> 01:01:53,310 OK, hivyo kama tunataka yetu Nakala eneo, kwa mujibu 1204 01:01:53,310 --> 01:01:55,710 kwa HTML yetu, nini kitambulisho yetu? 1205 01:01:55,710 --> 01:01:56,420 Nini Id yetu? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Ni tu kwenda kuwa maandishi kwa sababu hii inajenga eneo letu maandishi, OK, 1208 01:02:05,540 --> 01:02:10,320 na Id yetu ni maandishi, hivyo hiyo ni jinsi gani tunaweza kunyakua nini huko. 1209 01:02:10,320 --> 01:02:12,130 OK, semicolon. 1210 01:02:12,130 --> 01:02:13,940 Mimi nina kwenda kuwa super sahihi juu ya hili, 1211 01:02:13,940 --> 01:02:16,300 kwa sababu nataka hii kazi wakati huu. 1212 01:02:16,300 --> 01:02:22,120 OK, kufanya kitu kimoja, kupata kipengele kwa Id. 1213 01:02:22,120 --> 01:02:25,970 Mimi nina kweli anashangaa ina unasababishwa wengine wawili kwa fujo up. 1214 01:02:25,970 --> 01:02:29,750 OK, basi katika hii moja, nini tunataka kupata? 1215 01:02:29,750 --> 01:02:30,760 Nini Id yetu hapa? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Tuna Id mwingine katika HTML yetu, ni nini? 1218 01:02:36,261 --> 01:02:37,552 Watazamaji: Nyingine iliyobaki. 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-AU: Nyingine iliyobaki. 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 Baridi. 1223 01:02:46,010 --> 01:02:49,800 Hivyo nina kwenda tu kuandika hii kweli haraka. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Mimi tu kwenda kuandika hii katika pili. 1226 01:02:55,330 --> 01:02:56,190 Hivyo Nakala eneo. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Nini kuvutia ni B function-- kuna kura ya kazi ambayo si tu 1229 01:03:06,180 --> 01:03:09,690 yanahusiana na yako panya, lakini keyboard yako. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Hivyo unaweza kusema wakati yoyote ya msingi ni taabu, unaweza kufanya mambo kama hayo. 1232 01:03:16,540 --> 01:03:20,450 Hivyo moja kwamba sisi ni kutumia ni wito muhimu up, ambayo 1233 01:03:20,450 --> 01:03:25,320 anasema, "kama umefanya taabu yoyote ya msingi juu ya keyboard yako, wakati mtumiaji ina lile 1234 01:03:25,320 --> 01:03:28,064 kidole yao mbali kwamba kifungo, na muhimu imekuwa unpressed, 1235 01:03:28,064 --> 01:03:29,480 kisha tunakwenda kufanya kitu fulani. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Hivyo hii hufanya akili, haki? 1238 01:03:31,370 --> 01:03:33,540 Kwa sababu kila tabia sisi aina, tunakwenda 1239 01:03:33,540 --> 01:03:36,550 kuwa na kuinua vidole wetu off yake, hivyo wakati muhimu huenda juu, 1240 01:03:36,550 --> 01:03:40,980 tunaweza kujua kwa mapunguzo wahusika yetu iliyobaki. 1241 01:03:40,980 --> 01:03:44,440 >> Hivyo tuna baadhi ya muhimu up, na katika njia hiyo hiyo, 1242 01:03:44,440 --> 01:03:47,480 tunakwenda kusema, "OK, wakati sisi kufanya hivyo, sisi 1243 01:03:47,480 --> 01:03:55,110 ni kwenda kujenga baadhi ya kazi ambayo ni kwenda kuchukua e, "katika kesi hii, 1244 01:03:55,110 --> 01:03:58,800 na nini tunataka kufanya ni mahesabu ya idadi iliyobaki. 1245 01:03:58,800 --> 01:04:02,510 OK, hivyo hebu kuanza tu kwa kujenga kutofautiana. 1246 01:04:02,510 --> 01:04:05,830 Hivyo tuna baadhi r variable, ambayo inaenda kuwakilisha 1247 01:04:05,830 --> 01:04:07,720 jinsi wahusika wengi tuna kushoto. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Tunajua kwamba sisi kuanza na 140, na kama tunataka kujua, 1250 01:04:14,540 --> 01:04:18,360 hebu sema, urefu wa hii kamba kwamba imekuwa pembejeo, 1251 01:04:18,360 --> 01:04:20,860 kufanya nyie kuwa na wazo lolote jinsi sisi anaweza kufanya hivyo? 1252 01:04:20,860 --> 01:04:23,900 Tu msingi mbali ya wazi mambo, kama kama sisi alitaka masaa, 1253 01:04:23,900 --> 01:04:25,870 sisi kutumika kupata masaa. 1254 01:04:25,870 --> 01:04:28,860 Tunajua kwamba kitu yetu ni Nakala eneo, lakini inaweza nyie 1255 01:04:28,860 --> 01:04:33,050 kufikiria nini inaweza kuja baada yake? 1256 01:04:33,050 --> 01:04:35,280 Mawazo yoyote? 1257 01:04:35,280 --> 01:04:41,730 >> Hivyo aina hii ya mtu wa chini Intuitive, lakini ni thamani dot urefu. 1258 01:04:41,730 --> 01:04:44,700 Hivyo tu nipe baadhi thamani sifa kwamba 1259 01:04:44,700 --> 01:04:46,500 ni kweli urefu wa kamba hii. 1260 01:04:46,500 --> 01:04:50,340 Hivyo ni kwenda kusema, "Sawa, mimi nina kuangalia wakati huu string nzima ndani ya eneo maandishi, 1261 01:04:50,340 --> 01:04:52,730 na mimi nina kwenda kuwaambia jinsi ya muda mrefu ni. " 1262 01:04:52,730 --> 01:04:55,500 Kwa sababu kama sisi kukumbuka masharti ni arrays kweli tu, 1263 01:04:55,500 --> 01:04:58,110 ili tuweze tu kuchukua urefu wao. 1264 01:04:58,110 --> 01:05:01,860 Hivyo tuna hiyo. 1265 01:05:01,860 --> 01:05:04,058 Baridi. 1266 01:05:04,058 --> 01:05:09,360 >> Kisha nini tunataka kufanya ni sisi kamwe wanataka kuruhusu user 1267 01:05:09,360 --> 01:05:12,340 pembejeo zaidi ya Wahusika 140, sawa? 1268 01:05:12,340 --> 01:05:15,610 Kwa sababu kama sisi kusema kama, "oh, wewe tu sana hii iliyobaki, " 1269 01:05:15,610 --> 01:05:20,522 na kisha waache kufanya hivyo anyways, tumekuwa uongo. 1270 01:05:20,522 --> 01:05:22,230 Na hii ni mwingine Jambo kwamba JavaScript 1271 01:05:22,230 --> 01:05:24,530 unaweza kuwa mzuri kwa maana, ni user uthibitisho 1272 01:05:24,530 --> 01:05:29,062 na kuhakikisha kuwa wako user inafaa ndani ya sheria yoyote 1273 01:05:29,062 --> 01:05:30,270 ambayo umetoa kwao. 1274 01:05:30,270 --> 01:05:36,020 Hivyo kama unataka kufanya mambo kama kufanya uhakika mtu pembejeo barua pepe zao, 1275 01:05:36,020 --> 01:05:40,242 au kuhakikisha kwamba wakati wao kuingia nywila mbili, wao kuendana. 1276 01:05:40,242 --> 01:05:41,200 JavaScript anaweza kufanya hivyo. 1277 01:05:41,200 --> 01:05:44,010 Ungependa kufanya kitu kama, "wakati fomu ni kuwasilishwa, "au kama, 1278 01:05:44,010 --> 01:05:48,170 "Wakati Wasilisha Fomu kifungo ni clicked, kuangalia mambo hayo yote. " 1279 01:05:48,170 --> 01:05:49,670 Na tunaweza kufanya kwamba JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Hivyo hiyo ni nini tunakwenda kufanya hapa. 1281 01:05:52,680 --> 01:05:57,810 >> Hivyo kile inaweza kuwa njia ya kuangalia kama Wamepitia juu ya wahusika 140? 1282 01:05:57,810 --> 01:06:03,310 Nini kinaendelea kutokea kwa thamani yetu ya r kama wao kujaribu? 1283 01:06:03,310 --> 01:06:04,760 Ni kwenda kuwa hasi, haki? 1284 01:06:04,760 --> 01:06:07,380 Au ni kwenda kuwa chini zaidi kuliko au sawa na sifuri. 1285 01:06:07,380 --> 01:06:13,690 Ili tuweze kutumia kama kwamba ni tu kama kila kitu kingine. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 Na tuna baadhi Nakala eneo dot thamani, na kile tunachokifanya hapa 1288 01:06:20,480 --> 01:06:29,940 ni sisi ni cutting-- tu ni nini? 1289 01:06:29,940 --> 01:06:30,900 Sorry. 1290 01:06:30,900 --> 01:06:32,732 Hii moja, sisi tu wanataka kurudi uongo. 1291 01:06:32,732 --> 01:06:34,030 I got kuchanganyikiwa. 1292 01:06:34,030 --> 01:06:36,560 All frazzled na mambo si kazi. 1293 01:06:36,560 --> 01:06:40,010 OK, sisi tu wanataka kurudi uongo, na kisha sisi 1294 01:06:40,010 --> 01:06:44,160 wanataka kuonyesha wahusika iliyobaki, haki? 1295 01:06:44,160 --> 01:06:48,720 Hivyo, pamoja na saa, sisi alifanya kitu na HTML ndani, haki? 1296 01:06:48,720 --> 01:06:52,070 Ambapo sisi kuweka sawa na baadhi variable, hivyo nini kinaweza sisi kufanya hapa? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Je, ni sisi kubadilisha HTML ndani ya? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> Watazamaji: Iliyobaki? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON BUCHHOLTZ-AU: Tunabadilisha iliyobaki. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Haki zote, na sisi kufanya nini wanataka kuweka kwa sawa? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Ni kwenda kuwa r, kwa sababu hiyo lazima wahusika yetu iliyobaki. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Hivyo mimi nina kweli neva ili kuona kama hii kazi sasa, lakini tutaona. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Acha hii. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Hiyo ni kweli kwa haraka. 1312 01:07:37,700 --> 01:07:38,970 [Inaudible] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Tena, mimi nina kwenda tu kuonyesha. 1315 01:07:45,990 --> 01:07:49,430 Kwa sababu yoyote, yangu anaamua si kufanya kazi, 1316 01:07:49,430 --> 01:07:53,354 lakini kile Mimi nitakuonyeshea ni kwamba hii is-- oh mimi ilitakiwa kuweka kwamba katika. 1317 01:07:53,354 --> 01:07:57,470 OK, sisi taarifa aina hiyo ya kitu hapa, kupata eneo maandishi. 1318 01:07:57,470 --> 01:08:01,070 >> Pia, kama wewe guy ilani, kama kuna milele kitu unataka kufanya, 1319 01:08:01,070 --> 01:08:04,080 na huna kujua jinsi ya kufanya hiyo, bonyeza tu Tazama Asili ya Ukurasa, 1320 01:08:04,080 --> 01:08:06,632 na wao wanaenda kukuambia. 1321 01:08:06,632 --> 01:08:07,840 Wakati mwingine ni utakuwa encrypted. 1322 01:08:07,840 --> 01:08:11,147 Kwa pset yako, sisi encrypt kila kitu, hivyo tu inaonekana kama gibberish. 1323 01:08:11,147 --> 01:08:13,480 Lakini kama kuna milele kweli baridi tovuti ya kwamba wewe kama, 1324 01:08:13,480 --> 01:08:17,729 kama wewe bonyeza tu Tazama Asili ya Ukurasa, ni kwenda kukuambia jinsi ya kufanya hivyo. 1325 01:08:17,729 --> 01:08:20,770 Hivyo tena, kazi nadhifu, si vigumu. 1326 01:08:20,770 --> 01:08:24,250 Na kama unaweza kuona hapa, yote ya mambo haya ni sawa. 1327 01:08:24,250 --> 01:08:31,930 hii moja hapa tu inachukua baadhi substring kwamba, mimi kusahau nini hasa gani hii. 1328 01:08:31,930 --> 01:08:36,980 Lakini ni wazi inachukua baadhi substring ya thamani kutoka sifuri hadi kumi, 1329 01:08:36,980 --> 01:08:41,540 na anarudi uongo kile lazima kuacha user kutoka inputting tena, 1330 01:08:41,540 --> 01:08:46,040 na basi ni wazi updates HTML ndani huko. 1331 01:08:46,040 --> 01:08:47,410 >> Baridi. 1332 01:08:47,410 --> 01:08:53,000 Aways Hivyo kubwa kuchukua kuanzia leo, majaribio, kuangalia chanzo code 1333 01:08:53,000 --> 01:08:58,359 kwa sababu ni kwenda kukusaidia sana, na kila mtu, wakati mwingine JavaScript 1334 01:08:58,359 --> 01:09:03,200 inaweza kuwa vigumu kufanya kazi na hana daima kazi njia unatarajia kwa, 1335 01:09:03,200 --> 01:09:05,700 lakini tu kuendelea kujaribu kwa sababu mimi ahadi itakuwa. 1336 01:09:05,700 --> 01:09:08,376 Mimi ahadi mifano yote haya walikuwa wakifanya kazi mbele ya darasa. 1337 01:09:08,376 --> 01:09:09,750 Sielewi nini kilichotokea. 1338 01:09:09,750 --> 01:09:13,069 I literally kuwa na kila kitu sawa. 1339 01:09:13,069 --> 01:09:17,660 >> Jambo moja zaidi kwamba mimi nataka tu kuonyesha guys ambayo inaweza kuwa super manufaa 1340 01:09:17,660 --> 01:09:21,630 ni in-- nini alikuwa akifanya kazi kabla? 1341 01:09:21,630 --> 01:09:23,935 Sisi got chama kazi, hakuwa na sisi? 1342 01:09:23,935 --> 01:09:26,569 Nadhani hivyo. 1343 01:09:26,569 --> 01:09:27,069 Ndiyo. 1344 01:09:27,069 --> 01:09:27,630 Sisi alifanya. 1345 01:09:27,630 --> 01:09:28,250 Kutisha. 1346 01:09:28,250 --> 01:09:31,189 OK, hivyo jambo moja kwamba nyie anapaswa kujua 1347 01:09:31,189 --> 01:09:33,340 ni console logi kwamba Mimi kuongelea kuhusu. 1348 01:09:33,340 --> 01:09:37,040 Hivyo kuwafariji dot logi ya hello. 1349 01:09:37,040 --> 01:09:40,430 Hivyo hii ni aina ya JavaScript sawa na printf. 1350 01:09:40,430 --> 01:09:42,810 Hivyo kama wewe milele unataka kukagua vigezo yako 1351 01:09:42,810 --> 01:09:49,649 au kuona nini kinatokea huko, nini unaweza kufanya ni, kama sisi kukagua kipengele, 1352 01:09:49,649 --> 01:09:51,899 ni nini unataka kwenda kwa, na wewe kwenda kuwafariji, 1353 01:09:51,899 --> 01:09:53,770 utaona kwamba kuchapishwa hello. 1354 01:09:53,770 --> 01:09:55,750 >> Hivyo tunaweza kuwa ni magazeti chochote sisi alitaka. 1355 01:09:55,750 --> 01:10:04,170 Kama sisi alitaka magazeti background dot dot style background, 1356 01:10:04,170 --> 01:10:08,454 tuwe na uwezo wa kuona RGB triple kwamba anakuja juu. 1357 01:10:08,454 --> 01:10:11,140 Au la. 1358 01:10:11,140 --> 01:10:13,520 Mimi kusahau hasa jinsi magazeti variable kama kwamba, 1359 01:10:13,520 --> 01:10:17,249 lakini unapaswa kuwa na uwezo wa magazeti mambo kama hayo nje. 1360 01:10:17,249 --> 01:10:19,040 Hiyo itakuwa muhimu sana kwa pset yako wakati 1361 01:10:19,040 --> 01:10:23,330 wewe ni kujaribu kuendesha kuratibu au whatnot. 1362 01:10:23,330 --> 01:10:25,270 Hivyo wao pia kubadili kipande hii darasani. 1363 01:10:25,270 --> 01:10:30,750 Hii ni tofauti na miaka iliyopita, hivyo tu kuwa nzuri kwa TFS yako, au TFS 1364 01:10:30,750 --> 01:10:36,350 katika masaa ya ofisi badala yake, kwa sababu sisi ni aina ya kujifunza pamoja na nyie. 1365 01:10:36,350 --> 01:10:41,230 Lakini console logi alikuwa super, super manufaa kwa JavaScript mwaka jana. 1366 01:10:41,230 --> 01:10:42,740 Hivyo kupenda. 1367 01:10:42,740 --> 01:10:43,780 Kujifunza jinsi ya kutumia hiyo. 1368 01:10:43,780 --> 01:10:49,026 Ni rahisi kutumia zaidi ya GDB, ili lazima angalau plus uhakika. 1369 01:10:49,026 --> 01:10:50,650 Lakini asante guys ni kuzaa na mimi. 1370 01:10:50,650 --> 01:10:53,400 Mimi nina sorry kwamba yangu mifano kwa baadhi ya sababu 1371 01:10:53,400 --> 01:10:55,410 tu hakutaka kushirikiana na mimi, lakini mimi 1372 01:10:55,410 --> 01:11:01,010 matumaini kwamba alisaidia aina ya kupata wewe kidogo zaidi katika ukanda wa JavaScript. 1373 01:11:01,010 --> 01:11:04,980 Na mimi kutuma maswali yako yote kwa ajili ya wiki ijayo hivyo siwezi kuwa super umeandaliwa, 1374 01:11:04,980 --> 01:11:09,420 na mimi itabidi kuleta pipi na hata ziada pipi kwa sababu hii ilikuwa ridiculous. 1375 01:11:09,420 --> 01:11:14,000 Lakini nyie ni kubwa, na kuwa na wiki kutisha. 1376 01:11:14,000 --> 01:11:15,584