1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON Buchholtz-AU: Visas tiesības ikvienam. 3 00:00:12,340 --> 00:00:13,520 Laipni lūdzam atpakaļ uz sadaļu. 4 00:00:13,520 --> 00:00:15,315 Tas ir mūsu priekšpēdējo sadaļā. 5 00:00:15,315 --> 00:00:16,542 Tas ir tik skumji. 6 00:00:16,542 --> 00:00:19,500 Es nezinu, ko es esmu gatavojas darīt neredzot jums puiši katru pirmdienu. 7 00:00:19,500 --> 00:00:20,970 Es domāju, mums vajadzētu just-- varbūt mēs varētu vienkārši 8 00:00:20,970 --> 00:00:22,710 tikties šeit un ir vakariņas vai kaut ko. 9 00:00:22,710 --> 00:00:23,270 Es nezinu. 10 00:00:23,270 --> 00:00:24,370 Es atnesīšu ēdienu vietā. 11 00:00:24,370 --> 00:00:26,290 Mēs tikai runāt. 12 00:00:26,290 --> 00:00:29,900 Bet jā, nākamnedēļ būs mūsu pēdējā daļa. 13 00:00:29,900 --> 00:00:32,390 >> Uz šī piezīme, jums ir viktorīna nākamnedēļ. 14 00:00:32,390 --> 00:00:35,660 Es zinu, es aizmirsu darīt manu, piemēram, divu nedēļu paziņojums iepriekš pagājušajā nedēļā, 15 00:00:35,660 --> 00:00:39,140 bet, cerams, jūs guys zināja nāca. 16 00:00:39,140 --> 00:00:42,880 Cerams, ka tas ir viens no pēdējā midterms jums puiši par pusgadu. 17 00:00:42,880 --> 00:00:46,950 Bet tas notiek, lai segtu visus materiāls, kas mēs esam pārgājuši. 18 00:00:46,950 --> 00:00:50,811 Tātad tas nav kā jūs varat vienkārši aizmirst apmēram četras cilpas vai mainīgie. 19 00:00:50,811 --> 00:00:52,560 Tāpēc, ka mēs uzzinājām tiem, kas sākumā, 20 00:00:52,560 --> 00:00:55,870 tie ir acīmredzami godīga spēle jūsu viktorīnas. 21 00:00:55,870 --> 00:01:00,150 >> Tas būs tādā pašā formātā, tas pats garums, lai jūs jau tiek izmantoti, lai to. 22 00:01:00,150 --> 00:01:02,330 Tur būs kodēšana ar roku problēmām, 23 00:01:02,330 --> 00:01:06,270 varbūt daži true false, varbūt daži īsā atbilde. 24 00:01:06,270 --> 00:01:08,090 Tātad jums vajadzētu būt iepazinušies ar formātu, 25 00:01:08,090 --> 00:01:10,940 it īpaši, ja Jūs lietojat tad prakse testi. 26 00:01:10,940 --> 00:01:13,950 Bet kā es saku šeit, tas ir kumulatīvi, bet mēs noteikti 27 00:01:13,950 --> 00:01:17,410 būs koncentrējoties uz lietas no nedēļas sešu tālāk. 28 00:01:17,410 --> 00:01:24,050 Tātad, mēs esam droši vien nenāks jautāt jums par to, cik baiti 29 00:01:24,050 --> 00:01:26,180 ir katra veida vai šie lietas veidu, 30 00:01:26,180 --> 00:01:29,730 bet mēs, iespējams, būs ieinteresēts lietas, piemēram, saistīti sarakstiem, 31 00:01:29,730 --> 00:01:32,750 vai dažādas datu struktūras, vai dažādu algoritmi 32 00:01:32,750 --> 00:01:33,960 ka mēs esam runājuši par. 33 00:01:33,960 --> 00:01:38,990 Tāpēc pārliecinieties, ka jūs patiešām līdzi tiem, un, ja jūs 34 00:01:38,990 --> 00:01:41,590 vajag visiem resursiem, šeit ir daudz resursu. 35 00:01:41,590 --> 00:01:44,790 Es tikai deva jums veida ātra saraksta tur. 36 00:01:44,790 --> 00:01:48,330 >> Nākamnedēļ būs viktorīna pārskata šajā laikā. 37 00:01:48,330 --> 00:01:52,290 Tātad, ja jums ir kādi jautājumi vai konkrētas tēmas, 38 00:01:52,290 --> 00:01:56,180 īpašas lietas, par viktorīnu, ka vēlaties iet pāri, lūdzu 39 00:01:56,180 --> 00:02:01,780 sūtiet tos man pirms laika, lai es varētu veida sagatavot kādu materiālu par to. 40 00:02:01,780 --> 00:02:06,310 Un papildus, sadaļa pārskatīšanu, mēs 41 00:02:06,310 --> 00:02:09,616 arī turot kursu mēroga pārskatīt tāpat kā mēs to darījām iepriekšējā reizē. 42 00:02:09,616 --> 00:02:11,490 Un tas būs izdarīt paši cilvēki. 43 00:02:11,490 --> 00:02:13,030 Es nezinu, ja tas padara to labāk vai sliktāk, 44 00:02:13,030 --> 00:02:15,670 bet tas būs man, Hannah, Davan, un Gabe vēlreiz. 45 00:02:15,670 --> 00:02:18,630 Tātad, ja jūs vēlaties nākt redzēt mums visiem ķircināšanās ar otru 46 00:02:18,630 --> 00:02:21,270 un staigāt jums caur viktorīnas pārskatīšanu, jūs noteikti vajadzētu 47 00:02:21,270 --> 00:02:22,600 nākt uz šo nākamajā pirmdienā arī. 48 00:02:22,600 --> 00:02:26,210 Tātad jums vienkārši ir pirmdienā ievārījums pildīta viktorīnu pārskatīšanu, kas ir labs 49 00:02:26,210 --> 00:02:29,840 jo tad jums ir otrdiena apstrādāt ar visu. 50 00:02:29,840 --> 00:02:32,230 >> Bet noteikti do pārbaudīt out šiem resursiem. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net ir daudz, es domāju, ir viens no visvairāk noderīga, 52 00:02:36,030 --> 00:02:37,990 galvenokārt tāpēc, ka tas ir daudz koda paraugu, 53 00:02:37,990 --> 00:02:40,490 tā ir visas jaudas punkti ar visām piezīmēm par to, 54 00:02:40,490 --> 00:02:44,510 kas ir patiešām to, ko es izdarīt visvairāk no maniem sadaļā materiālus no. 55 00:02:44,510 --> 00:02:47,480 Ja tur ir kaut kas iepriekšējā sadaļas, kas man var būt izsūtīti 56 00:02:47,480 --> 00:02:49,920 kas jums var nebūt dabūt, tikai ļaujiet man zināt. 57 00:02:49,920 --> 00:02:52,520 Tāpat kā pagājušajā nedēļā koda paraugu, ja kāds nav iegūt, ka, 58 00:02:52,520 --> 00:02:55,930 tikai e-pastu man vai nākt runāt ar mani, un es ņemšu pārliecinieties, ka jūs saņemsiet to. 59 00:02:55,930 --> 00:03:02,000 >> Tātad ar to, šodien mēs gatavojamies būt runāt par JavaScript. 60 00:03:02,000 --> 00:03:04,690 Tāpēc šeit mēs Tommy, kurš man bija tikai runā ar jums pēdējā naktī. 61 00:03:04,690 --> 00:03:06,670 Es mīlu Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript ir viņa mīļākā valoda, kā viņš saka šeit. 63 00:03:09,040 --> 00:03:14,050 Tie mēģināšu un pateiks, ka tā ir nav labākais, un tie būs nepareizi. 64 00:03:14,050 --> 00:03:16,510 Tātad Tommy ir JavaScript meistars. 65 00:03:16,510 --> 00:03:19,850 Es neesmu gluži pēc viņa līmenis, bet man bija, piemēram, 66 00:03:19,850 --> 00:03:22,900 "Tommy, kā es varu mācīt šie bērni JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Tāpēc es saņēmu dažus padomus, tāpēc cerams, ka viņi strādā out. 68 00:03:26,700 --> 00:03:31,140 >> Tātad pāris lietas, kas jāzina, ir, ka JavaScript ir klienta puses skriptu 69 00:03:31,140 --> 00:03:35,560 valodu, lai savukārt PHP ir kaut kas ka mēs uzskatīts par servera puses, 70 00:03:35,560 --> 00:03:39,280 tā tika ielādē uz serveri, apkopoti un izpildīts tur. 71 00:03:39,280 --> 00:03:42,871 Tas viens ir izpildīts uz savu mašīnu. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Tātad jūs ielādēt kādu JavaScript lapā, un tas izpilda uz jūsu datora. 74 00:03:46,960 --> 00:03:49,910 Sintakse ir ļoti līdzīga C un PHP. 75 00:03:49,910 --> 00:03:52,490 Mēs ejam, lai iet cauri daži piemēri JavaScript, 76 00:03:52,490 --> 00:03:56,740 un jūs gatavojas redzēt, ka Veids, kā mēs runājam par mainīgajiem, cilpas, 77 00:03:56,740 --> 00:03:58,910 un nosacījumi ir ļoti līdzīgi. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Tas, ka viņi ir tik līdzīgi ir droši vien ceļojums daži no jums 80 00:04:04,490 --> 00:04:08,529 up, dažos gadījumos, tikai tāpēc, ka jūs iekļaut mazliet C 81 00:04:08,529 --> 00:04:09,570 kur tur nevajadzētu būt. 82 00:04:09,570 --> 00:04:14,130 Varbūt jūs mēģināt kaut ko rakstīt kad to nedrīkst drukāti. 83 00:04:14,130 --> 00:04:16,540 >> Un, ka viena lieta zina, ir tas, ka JavaScript 84 00:04:16,540 --> 00:04:19,360 ir dinamiski drukāti valodas, piemēram, PHP. 85 00:04:19,360 --> 00:04:21,410 Tātad, ja jūs guys atcerēties no sadaļas pagājušajā nedēļā, 86 00:04:21,410 --> 00:04:23,680 kad mēs bijām veida darīt Mūsu PHP crash protams, 87 00:04:23,680 --> 00:04:28,860 Mēs redzējām, kā virkne varētu būt pārvērtās int vienu, un tā tālāk. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Jūsu mainīgo tips nosaka pie palaist laikā, 90 00:04:34,850 --> 00:04:38,180 lai viņi var mainīties kursa programmas, 91 00:04:38,180 --> 00:04:43,109 un tādā pašā veidā, ka mēs nekad tiešām deklarēt tipus PHP mainīgajiem, 92 00:04:43,109 --> 00:04:45,900 mēs esam gatavojas darīt to pašu lieta šeit, kur mēs neesam īsti 93 00:04:45,900 --> 00:04:49,740 kontrolējot veidus mūsu mainīgajiem, tā sakot, kā mēs darām C. 94 00:04:49,740 --> 00:04:52,200 >> Un tad viena lieta tas ir diezgan foršs ir 95 00:04:52,200 --> 00:04:54,090 ka jūs varat kļūda pārbauda, ​​izmantojot konsole, 96 00:04:54,090 --> 00:04:57,240 ar šo lielisko funkciju console.log, kas 97 00:04:57,240 --> 00:05:00,930 ļauj izdrukāt atšķirīgs mainīgie vai objektus, ka mēs 98 00:05:00,930 --> 00:05:01,750 runāt. 99 00:05:01,750 --> 00:05:05,720 Tāpat kā pagājušajā nedēļā, kad es biju piemēram, "Izmantojot šo funkciju," ar izgāztuvi 100 00:05:05,720 --> 00:05:10,490 no jūsu PSET tas ir funkcija vēlaties izmantot, console.log. 101 00:05:10,490 --> 00:05:12,860 Es biju tik pārsteigts, cik daudz studenti darbalaikā 102 00:05:12,860 --> 00:05:14,530 nezināja par dump funkciju. 103 00:05:14,530 --> 00:05:19,010 Un man bija, piemēram, "puiši, tas padarīt savu dzīvi tik daudz vieglāk. " 104 00:05:19,010 --> 00:05:22,960 >> Labi, tā ka bija sava veida tikai īss lieta, kā vienmēr, 105 00:05:22,960 --> 00:05:24,000 mums ir piemēri. 106 00:05:24,000 --> 00:05:25,600 Es zinu, ka jūs guys mīlēt tos. 107 00:05:25,600 --> 00:05:30,930 Tātad, šeit ir piemērs ļoti vienkāršs JavaScript failu šeit. 108 00:05:30,930 --> 00:05:34,000 Tātad tas ir tikai gatavojas, lai radītu šo pop-up, kas saka, 109 00:05:34,000 --> 00:05:36,336 "Hello world", kad jūs ievadiet lapas, bet pieņemsim 110 00:05:36,336 --> 00:05:37,960 mēģināt un staigāt pa šo mazliet. 111 00:05:37,960 --> 00:05:43,440 Tātad acīmredzot tas ir tikai piemēram, jūsu parasto index.html. 112 00:05:43,440 --> 00:05:50,280 Tātad, tikai mūsu normāli veidni šeit, un mums ir HTML, mums ir mūsu galvas, 113 00:05:50,280 --> 00:05:55,580 un tāpat kā ar CSS, kā mēs iekļauti daži ārpus failu, vai ne? 114 00:05:55,580 --> 00:05:59,260 Mums ir dažas script type teksts, kas ir JavaScript. 115 00:05:59,260 --> 00:06:02,680 Un avots ir hello.js, kas ir uz leju šeit. 116 00:06:02,680 --> 00:06:05,630 Tas ir viss fails hello.js. 117 00:06:05,630 --> 00:06:09,080 Un tad mums ir dažas virsraksts un dažas ķermeņa HTML 118 00:06:09,080 --> 00:06:11,050 ka mums nav īsti rūp. 119 00:06:11,050 --> 00:06:15,970 >> Kas notiek, ir, kad mēs ielādēt šo lapu, tas automātiski paraksta šo skriptu. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Tātad JavaScript būs izpildīt automātiski. 122 00:06:18,790 --> 00:06:22,860 Tātad, kas tas būs jādara, tas notiek nekavējoties iet un izpildīt to. 123 00:06:22,860 --> 00:06:24,110 Un tas notiek teikt, "brīdinājumu. 124 00:06:24,110 --> 00:06:25,190 Hello pasaulē. " 125 00:06:25,190 --> 00:06:30,840 Kura brīdinājums funkcija, kas faktiski rada šo lodziņu. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Tātad, tas ir sava veida visu aptvertu. 128 00:06:33,390 --> 00:06:36,700 Nav nekas extra mums bija darīt turklāt tikai brīdinājumu, 129 00:06:36,700 --> 00:06:40,000 un tad visu, ko mēs vēlējāmies mūsu brīdinājumu kastē. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Tātad tas ir tikai super vienkāršs piemērs tam, ko JavaScript var darīt. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Viens no tiešām foršs lietas, kā mēs redzam, 134 00:06:50,070 --> 00:06:55,150 ir tas, ka JavaScript ļauj manipulēt jūsu mājas lapas, 135 00:06:55,150 --> 00:06:57,720 bez pārlādēt tos katru reizi. 136 00:06:57,720 --> 00:07:01,830 Tātad, ja jūs want-- piemēram, ja Jums ir lidinājās pār kaut ko, 137 00:07:01,830 --> 00:07:04,300 ja jūs guys kādreiz ir redzējuši, piemēram, Izvēlne bāri, 138 00:07:04,300 --> 00:07:07,360 vai tad, kad jūs lidināties virs dažas topic, nolaižamā izvēlne parādās, 139 00:07:07,360 --> 00:07:08,670 tas ir tāpēc, ka JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Tātad jūs neesat pārkraušanas visam lapu, lai iegūtu šo izvēlni, lai parādās, 142 00:07:12,670 --> 00:07:17,240 jūs vienkārši meklēju kādu specifisku rīcība, ka lietotājs ir veicis, 143 00:07:17,240 --> 00:07:21,800 kuru sauc par notikumiem, kas mēs saņemsiet ievietot, un pēc tam, kad jūs redzat, ka jūs sakāt, 144 00:07:21,800 --> 00:07:25,960 "Labi, rediģēt kaut ko par šo lapa, un lai tas izskatās atšķirīgi, 145 00:07:25,960 --> 00:07:28,270 bet tikai rediģēt šīs konkrētās lietas. 146 00:07:28,270 --> 00:07:29,690 Nepārlādējas visa lieta. " 147 00:07:29,690 --> 00:07:33,110 Tātad tas patiesībā ir daudz patīkamāku, un Jums nav, lai pārlādēt jūsu lapas, 148 00:07:33,110 --> 00:07:34,510 un tas ir patiešām foršs. 149 00:07:34,510 --> 00:07:38,270 >> Tātad mainīgo deklarācijas, lai jūs varētu veida redzēt, 150 00:07:38,270 --> 00:07:40,530 Man virsū šeit, brīvi drukāti. 151 00:07:40,530 --> 00:07:42,570 Tātad tas ir ļoti daudz, piemēram, PHP. 152 00:07:42,570 --> 00:07:48,770 Mums nav nepieciešams, lai pastāstītu JavaScript kāda veida mēs esam 153 00:07:48,770 --> 00:07:50,740 gaida katru no šiem mainīgajiem būt. 154 00:07:50,740 --> 00:07:52,560 Tie var būt neatkarīgi veidu mēs vēlamies. 155 00:07:52,560 --> 00:07:57,480 Tātad jūs ievērosiet, šajā gadījumā, mēs paziņojam tās ir ļoti vienkārši, tikai ar "VAR" 156 00:07:57,480 --> 00:08:00,990 un tad, kādu gribam Mūsu mainīgā nosaukums būt. 157 00:08:00,990 --> 00:08:05,680 Viena lieta ir tas, ka tad, kad jūs likt VaR priekšā mainīgā nosaukums, 158 00:08:05,680 --> 00:08:07,520 tas lokāli scopes to. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Tas ir pilnīgi pamatoti, lai jūs pilnībā tikai izdzēst VAR 161 00:08:14,025 --> 00:08:18,970 un vienkārši ir s vienāds CS50, un tas būtu tikai globālo mainīgo. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Tātad jūs varat sāktu tā abos virzienos, tikai atkarīgs no tā, kā jūs to vēlaties. 164 00:08:22,490 --> 00:08:24,448 Tātad, ja jūs inicializēšana tā ietvaros funkciju, 165 00:08:24,448 --> 00:08:28,070 un jūs vēlaties, ka mainīgo palikt scoped šajā funkciju, 166 00:08:28,070 --> 00:08:31,620 jūs gatavojas vēlaties darīt kaut kas līdzīgs Var nosaukt mainīgo, 167 00:08:31,620 --> 00:08:34,270 pret, ja vēlaties to globāli scoped, jūs 168 00:08:34,270 --> 00:08:36,240 var vienkārši darīt nosaukumu mainīga un pēc tam 169 00:08:36,240 --> 00:08:38,270 kāds jums gribētu, noteikts vienāds ar. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> Tas ir sava veida atdzist lieta šeit lejā, jo, ja mēs pamanām mūsu mainīgs 172 00:08:45,580 --> 00:08:47,590 b uzsāk veikt kā taisnība. 173 00:08:47,590 --> 00:08:51,280 Un ko tas does-- var Vai kāds man pateikt, ko tas dara? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Tātad mums ir dažas brīdinājuma. 176 00:08:55,890 --> 00:09:00,156 Kas varētu tips B būt sākumā? 177 00:09:00,156 --> 00:09:00,905 AUDITORIJA: Būla. 178 00:09:00,905 --> 00:09:01,330 ALLISON Buchholtz-AU: Bula. 179 00:09:01,330 --> 00:09:01,940 Pa labi. 180 00:09:01,940 --> 00:09:07,260 Un tad mēs pārdalīt b uz šīs virknes, vai ne? 181 00:09:07,260 --> 00:09:11,170 Tātad šeit, kāda veida b būt? 182 00:09:11,170 --> 00:09:12,480 Tas lūdzu būt virkne, labi? 183 00:09:12,480 --> 00:09:14,900 Tātad, kas ir svarīgi, lai paziņojums, ka c, mēs 184 00:09:14,900 --> 00:09:17,330 Varētu gandrīz nekad darīt kaut kā tā. 185 00:09:17,330 --> 00:09:22,000 Mēs ir jābūt mainīgo, aizmet kā kaut kas cits, 186 00:09:22,000 --> 00:09:27,185 varbūt tie daži funkcija ar diviem i, aiziet no maksas līdz veselam skaitlim. 187 00:09:27,185 --> 00:09:31,063 Bet, ja mēs pamanām šeit, b ļoti viegli maina tipa. 188 00:09:31,063 --> 00:09:33,760 >> Mērķauditorija: Pagaidiet, lai jūs varat vienkārši būt, piemēram, "veikt b skaitlim?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON Buchholtz-AU: Jā. 190 00:09:34,360 --> 00:09:36,185 Jūs varat vienkārši pārdalīt b līdz veselam skaitlim. 191 00:09:36,185 --> 00:09:36,910 >> AUDITORIJA: Tiešām? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON Buchholtz-AU: Jā. 193 00:09:38,035 --> 00:09:39,810 Un tad tas būtu int. 194 00:09:39,810 --> 00:09:43,820 Lai jūsu mainīgie gaitā var mainīties kursa programmas too. 195 00:09:43,820 --> 00:09:46,410 Tie nav stingri drukāti. 196 00:09:46,410 --> 00:09:49,180 Tas ir ļoti brīvi drukāti. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Būtībā jūsu mainīgie var darīt, ko viņi vēlas, jo mēs veida redzējām ar PHP. 199 00:09:54,820 --> 00:09:59,430 Viņi var darīt dažas trakas lietas, tāpēc tas ir svarīgi, lai būtu diezgan uzmanīgiem. 200 00:09:59,430 --> 00:10:01,200 Nosaukt savus mainīgos labi. 201 00:10:01,200 --> 00:10:03,450 Ja jums nav, visi pēkšņi jūs būs tāpat, 202 00:10:03,450 --> 00:10:05,783 "Pagaidiet, es domāju, tas bija stīgu, un tagad tas ir int, 203 00:10:05,783 --> 00:10:08,170 un es neesmu īsti pārliecināts to, kas notiek šeit. " 204 00:10:08,170 --> 00:10:12,410 Tātad tas ir tikai vienkāršs piemērs parādot, kā mainīgais var viegli 205 00:10:12,410 --> 00:10:15,890 mainīt savu veidu vairāk gaita programmas. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Tāpēc šī jāizskatās super, super pazīstami. 208 00:10:19,200 --> 00:10:21,510 Tātad tie ir mūsu cilpas JavaScript. 209 00:10:21,510 --> 00:10:27,780 Tie ir tieši tas pats, izņemot nevis četras int i ir vienāds ar nulli, 210 00:10:27,780 --> 00:10:30,470 mēs varētu vienkārši teikt vars i ir vienāds ar nulli. 211 00:10:30,470 --> 00:10:34,100 Un tad mēs varētu būt mūsu pašu veida nosacījuma, paša veida atjauninājumu, 212 00:10:34,100 --> 00:10:36,090 i plus plus darbojas tikai naudas sodu. 213 00:10:36,090 --> 00:10:39,800 Tātad fours ir tas pats, whiles ir tas pats, 214 00:10:39,800 --> 00:10:41,440 un darīt whiles ir tieši tāds pats. 215 00:10:41,440 --> 00:10:44,070 Paša veida vispārējo formu. 216 00:10:44,070 --> 00:10:48,840 Mēs pamanām, četri, iekavas, kronšteini, tas viss ir pats. 217 00:10:48,840 --> 00:10:51,470 Arī tur būs semikoliem kad mēs nokļūt piemēru kodu. 218 00:10:51,470 --> 00:10:55,250 Jūs redzēsiet, tas ir diezgan daudz tāds pats kā c. 219 00:10:55,250 --> 00:10:59,770 >> Par funkcijas deklarācijām, atkal, ļoti līdzīgs. 220 00:10:59,770 --> 00:11:05,100 Mums ir dažas funkcijas, kas tikko saka, ka tā ir funkcija, un pēc tam 221 00:11:05,100 --> 00:11:07,660 nosaukums mūsu funkciju, un izejvielas. 222 00:11:07,660 --> 00:11:11,590 Un atkal, ja mēs pamanām, mēs nav nevienas veidi šeit whatsoever. 223 00:11:11,590 --> 00:11:12,090 Taisnība? 224 00:11:12,090 --> 00:11:18,150 Mums ir nekas, sakot, ka šie jābūt ints vai dubultspēlē, vai pludiņiem. 225 00:11:18,150 --> 00:11:19,530 Tie varētu būt, ko vien viņi vēlas. 226 00:11:19,530 --> 00:11:23,560 Svarīgi ir pamanījusi, ka mums ir nepieciešams, lai rakstītu funkciju iepriekš 227 00:11:23,560 --> 00:11:26,430 ļaut JavaScript zināt, ka tas ir faktiski funkcija. 228 00:11:26,430 --> 00:11:29,820 >> Tātad tas ir tikai daži vienkārši summa funkcija, kas atgriež X vai Y, 229 00:11:29,820 --> 00:11:33,800 un tad kāda ir arī foršs ir tas, ka jūs faktiski var 230 00:11:33,800 --> 00:11:35,950 piešķirt funkciju uz mainīgo. 231 00:11:35,950 --> 00:11:41,770 Tātad, šajā gadījumā, summa ir tagad funkcija, kas faktiski dara summu. 232 00:11:41,770 --> 00:11:47,740 Tātad, ja jūs pamanāt šeit, mēs esam funkcija, nosaukums funkciju, ieejas. 233 00:11:47,740 --> 00:11:48,860 Taisnība? 234 00:11:48,860 --> 00:11:52,120 Šeit mums vienkārši ir funkciju un ieejas. 235 00:11:52,120 --> 00:11:54,310 Tāpēc to sauc anonīma funkcija. 236 00:11:54,310 --> 00:11:59,265 Un tas ir kaut kas, kas būtu jauns lielākajai daļai no jums puiši, ja ne visi no jums. 237 00:11:59,265 --> 00:12:01,140 Tātad, būtībā, ko tas nozīmē, ka mums nav 238 00:12:01,140 --> 00:12:03,050 nepieciešams nosaukumu mūsu funkcija šajā gadījumā. 239 00:12:03,050 --> 00:12:06,260 Mēs varam tikai teikt: "Labi, es esmu gatavojas ir šo funkciju, kas izpilda, šeit 240 00:12:06,260 --> 00:12:08,550 ir tās ieejas, un šeit ir ko tas gatavojas darīt. " 241 00:12:08,550 --> 00:12:12,540 Un jo īpaši, ja jūs piešķirot funkcija uz kādu mainīgo 242 00:12:12,540 --> 00:12:14,950 ka jūs gatavojas manipulēt, Jums nav obligāti 243 00:12:14,950 --> 00:12:17,116 vajag nosaukt, jo jūs esat būs atsaucoties 244 00:12:17,116 --> 00:12:20,990 ko tai uzliek šī mainīgā vārds, nevis neatkarīgi 245 00:12:20,990 --> 00:12:22,840 funkcija faktiski sauca. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Tātad, ja mēs redzam šeit, mēs ir dažas mainīgs summa tagad 248 00:12:27,810 --> 00:12:30,920 kas ir vienāds ar summa ir trīs un pieci. 249 00:12:30,920 --> 00:12:33,070 Un mēs varētu saņemt šo. 250 00:12:33,070 --> 00:12:36,750 Un tas vienkārši ir dažas brīdinājumu, trīs plus pieci vienāds numuru. 251 00:12:36,750 --> 00:12:43,950 Tas plus būs tikai saķēdēt kāds mūsu atbilde bija uz virkni. 252 00:12:43,950 --> 00:12:47,420 Arī forši, kā var saķēdēt virknes. 253 00:12:47,420 --> 00:12:53,510 >> JavaScript, kā ar PHP, HTML, un CSS kā mēs teicām, 254 00:12:53,510 --> 00:12:56,450 daudz no tā mēs esam veida ņemt mācību riteņi off šeit 255 00:12:56,450 --> 00:13:02,030 un jums puiši ir daudz zina Kā īsti saprast šīs lietas. 256 00:13:02,030 --> 00:13:04,280 Viņi nedaudz atšķiras, bet viņi nav tik sveša 257 00:13:04,280 --> 00:13:09,460 un ka jūs nevarat Google lietas vai meklēt tos tiešsaistē ar W3 skolām. 258 00:13:09,460 --> 00:13:12,755 Un mēs patiešām gaida jūs puiši līdz, veida, eksperimentu 259 00:13:12,755 --> 00:13:14,400 un uzzināt par savu. 260 00:13:14,400 --> 00:13:19,490 Tātad, es zinu, tas varētu likties mazliet mazāk rūpīgi nekā dažas c lietām 261 00:13:19,490 --> 00:13:21,936 mēs darām, bet tas ir faktiski par iemeslu. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Bet cerams, ka tas nav pārāk atšķirīgs, un tas nav milzīgs. 264 00:13:28,470 --> 00:13:31,940 >> Tik masīvi Javascript, atkal ļoti, ļoti līdzīgi. 265 00:13:31,940 --> 00:13:32,460 Taisnība? 266 00:13:32,460 --> 00:13:36,520 Mums ir dažas mainīgs masīvs kas ir vienāds ar tukšiem iekavās, 267 00:13:36,520 --> 00:13:40,340 un tas ir tikai tukša masīvs. 268 00:13:40,340 --> 00:13:43,420 To bieži sauc burtisks masīvs notācija. 269 00:13:43,420 --> 00:13:45,280 Tas ir tikai viena lieta, ko mēs saucam par to. 270 00:13:45,280 --> 00:13:51,380 Ja mēs redzam, masīvs divas šeit, mums ir dažas burtisks masīvs, ka ir trīs elementi, 271 00:13:51,380 --> 00:13:51,910 labi? 272 00:13:51,910 --> 00:13:54,640 Un tad mums ir dažas VAR Trešais elements, kas ir 273 00:13:54,640 --> 00:13:58,060 daži mainīgais, kas ir tikai gatavojas rīkot šo virkni, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Elementi, labi, lai paziņojuma, ir atdalīti ar komatiem, 276 00:14:06,170 --> 00:14:07,740 tāpat kā mēs varētu sagaidīt. 277 00:14:07,740 --> 00:14:14,630 Un jūs varat piekļūt arī šos, kā mēs to darījām C, ar šo indeksa apzīmējums, vai ne? 278 00:14:14,630 --> 00:14:16,950 Tik ļoti atšķiras no PHP Tagad mēs ejam atpakaļ 279 00:14:16,950 --> 00:14:20,180 tikai veida atsaucoties uz lietām ar indeksu. 280 00:14:20,180 --> 00:14:22,189 Tāpat kā C, tas ir arī nulle indekss. 281 00:14:22,189 --> 00:14:25,230 Es jūtos kā tas būtu patiešām nežēlīgi ja viņi pēkšņi veic JavaScript vienu 282 00:14:25,230 --> 00:14:30,630 indeksu, un jums bija pilnīgi jāpārdomā, kā jūs domājat par blokiem. 283 00:14:30,630 --> 00:14:36,140 >> Viens atdzist lieta ir tā, ka tā vietā par pienākumu do-- ja jums kādreiz 284 00:14:36,140 --> 00:14:39,240 vēlējās garums masīva, varbūt jūs atkārtot, izmantojot to 285 00:14:39,240 --> 00:14:43,430 līdz jūs atradīsiet kādu galu, vai jūs vēlētos zināt, kas tas ir. 286 00:14:43,430 --> 00:14:49,310 Tāpēc, ka JavaScript ir ļoti vaļīga vairāk veidos, nekā tikai veids, kā mēs redzam šeit, 287 00:14:49,310 --> 00:14:53,310 mēs varam tikai veikt šo masīvu lielāks, jo mēs nolēmām. 288 00:14:53,310 --> 00:14:56,177 Ja mēs pamanām masīvs trīs ir trīs lietas, lai sāktu, 289 00:14:56,177 --> 00:14:58,510 bet tad pēkšņi, mēs esam līdzīgi, "ak, tikai kidding. 290 00:14:58,510 --> 00:15:01,370 Mēs faktiski iet lai padarītu to 101 lietas. " 291 00:15:01,370 --> 00:15:05,300 Tātad, ja jūs kādreiz vēlaties zināt faktiskais garums jūsu masīvs, 292 00:15:05,300 --> 00:15:06,680 jūs to darīt, kā šis. 293 00:15:06,680 --> 00:15:10,470 Un mēs ejam, lai redzētu daudz Šī notācija piemēriem, 294 00:15:10,470 --> 00:15:12,730 bet ar JavaScript tas parasti ir neatkarīgi 295 00:15:12,730 --> 00:15:16,410 objekts, kas jūs runājat dot jebkāda veida funkciju 296 00:15:16,410 --> 00:15:17,740 vēlaties izmantot to. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Tātad šajā gadījumā, mūsu objekts ir masīvs divi, 299 00:15:20,520 --> 00:15:23,470 un mēs sakām, mēs gribam garums masīva divi. 300 00:15:23,470 --> 00:15:25,716 Tātad tas tikai prasa, piemēram, garuma, ka. 301 00:15:25,716 --> 00:15:27,090 Un tas atgriezīsies savu garumu. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Arī kaut ko atzīmēt, ir ka, ja mēs pamanām mūsu bloki, 304 00:15:36,790 --> 00:15:39,830 atšķirībā no C, viņiem nav būt visi no tā paša tipa. 305 00:15:39,830 --> 00:15:41,670 Tas ir daudz vairāk, piemēram, PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript ir būtībā tāpat kā šis interesanti meld C un PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Tātad mēs iekļuvuši, ka. 309 00:15:52,170 --> 00:15:56,750 Tagad, pieņemsim tikai pieņemt ka jūsu masīvi ir pamatā 310 00:15:56,750 --> 00:16:00,640 piemēram, C bloki, ar to, ka tie ir nulle indeksēti. 311 00:16:00,640 --> 00:16:04,120 Labi, lai ir viss. 312 00:16:04,120 --> 00:16:08,850 Jūs varat arī vienkārši paplašināt masīvs neatkarīgi indekss vēlaties. 313 00:16:08,850 --> 00:16:14,260 Tā kā tas, iespējams, SEG vainas par jums vai jums dažas kļūdas, 314 00:16:14,260 --> 00:16:15,970 JavaScript ir, piemēram, "nah, tas ir labi. 315 00:16:15,970 --> 00:16:16,620 Man šo. 316 00:16:16,620 --> 00:16:19,460 Mēs tikai iet taisni kur jūs vēlaties. " 317 00:16:19,460 --> 00:16:24,310 >> Labi, tāpēc objekti ir ļoti svarīgi. 318 00:16:24,310 --> 00:16:29,720 Jūs puiši būs izmantojot daudz no šiem Jūsu P komplektā, ja pareizi atceros. 319 00:16:29,720 --> 00:16:34,780 Tā lieta, ka tie ir līdzīga C, ir structs. 320 00:16:34,780 --> 00:16:39,290 Tātad jūs varat iedomāties about-- kad mēs ejam uz piemēru labi 321 00:16:39,290 --> 00:16:41,810 pēc tam es domāju, ka tas būs padarīt daudz vairāk sense-- 322 00:16:41,810 --> 00:16:45,830 bet mēs būtībā izmantot objektus, lai organizē informācijas protams saistīti. 323 00:16:45,830 --> 00:16:47,780 Kad mēs runājām par structs in C, mēs bieži vien 324 00:16:47,780 --> 00:16:53,405 runāt par studentu, kurš bija dažas nosaukumu, ID, house, jūs zināt, koncentrācija. 325 00:16:53,405 --> 00:16:56,030 Un tas ir sava veida to pašu ka mēs izmantojam objektus šeit. 326 00:16:56,030 --> 00:16:59,300 Tas ir tikai, lai organizētu līdzīgu informāciju. 327 00:16:59,300 --> 00:17:03,620 >> Jūs varat arī domāt par tiem, jo ​​vairāk līdzīgs asociatīvā masīvi PHP. 328 00:17:03,620 --> 00:17:10,010 Tātad tas būtu sava veida lieta kur mums ir dažas atslēga ar kādu vērtību, 329 00:17:10,010 --> 00:17:12,859 ļoti līdzīgs PHP. 330 00:17:12,859 --> 00:17:15,780 Tātad jūs varat sāktu kādu tukšs objekts, kā mēs redzam šeit, 331 00:17:15,780 --> 00:17:17,390 tikai ar cirtaini lencēm. 332 00:17:17,390 --> 00:17:19,160 Tātad masīvi ir kvadrātiekavas. 333 00:17:19,160 --> 00:17:21,220 Tukšas objekti ir cirtaini bikšturi. 334 00:17:21,220 --> 00:17:24,020 Labi, atšķirība ir. 335 00:17:24,020 --> 00:17:27,319 Un tie ir tikai divi atšķirīgi veidi, kā noteikt īpašības. 336 00:17:27,319 --> 00:17:31,460 Tātad šis ir sava veida daudz vairāk par tādā veidā, ka 337 00:17:31,460 --> 00:17:35,220 ir līdzīgs PHP, ar mūsu asociatīvas bloki, ar mūsu atslēgu, 338 00:17:35,220 --> 00:17:39,910 un mūsu vērtība, bet šis viens is-- jums 339 00:17:39,910 --> 00:17:41,920 redzu daudz vairāk JavaScript. 340 00:17:41,920 --> 00:17:43,550 Tas mēdz būt konvenciju. 341 00:17:43,550 --> 00:17:47,660 Un tādā pašā veidā, ka mēs masīvs divi dot garumu, tas saka, 342 00:17:47,660 --> 00:17:51,580 "Labi, dod man šo atribūts šī objekta. " 343 00:17:51,580 --> 00:17:52,110 Taisnība? 344 00:17:52,110 --> 00:17:55,660 Tātad tas pats, kā tas bija, piemēram, "dod man atribūts garums masīvs divas, " 345 00:17:55,660 --> 00:17:59,970 tas ir sakot, "dod man kādu īpašums mūsu tukšu objektu. " 346 00:17:59,970 --> 00:18:02,890 Vai šajā gadījumā, mēs piešķirot tai kādu vērtību šeit. 347 00:18:02,890 --> 00:18:06,200 Bet jūs varētu piekļūt arī to, ka veidā. 348 00:18:06,200 --> 00:18:09,090 >> Un tad šeit tas ir tikai parādot divus dažādus brīdinājumus. 349 00:18:09,090 --> 00:18:12,320 Tātad tas parāda brīdinājumus būtu tieši tā pati, 350 00:18:12,320 --> 00:18:17,150 tas ir tikai divi dažādi veidi piekļūt elements, ko mēs gribam. 351 00:18:17,150 --> 00:18:19,552 Vai tas ir jēga visiem? 352 00:18:19,552 --> 00:18:21,510 Es jūtos kā šo vienu iespējams, ir lielāka jēga, 353 00:18:21,510 --> 00:18:23,270 tikai tāpēc, ka mēs esam nāk nost no PHP. 354 00:18:23,270 --> 00:18:26,400 Bet kā mēs vairāk piemēru, šis ir burtiski tieši tas pats. 355 00:18:26,400 --> 00:18:28,170 Tā daudz ir vienkārši mainīt sintakse. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> Labi, tā piemēri. 358 00:18:33,030 --> 00:18:34,180 Es mīlu piemērus. 359 00:18:34,180 --> 00:18:40,070 Tātad, šeit ir daži CS50 mainīgais, kas ir objekts, 360 00:18:40,070 --> 00:18:42,160 un mēs glabāt visu informāciju par to. 361 00:18:42,160 --> 00:18:46,680 Tātad mums ir, protams, instruktors, TFS, psets, un lentu. 362 00:18:46,680 --> 00:18:51,840 Tātad mēs pamanām tās ir gandrīz visi dažādu veidu. 363 00:18:51,840 --> 00:18:52,340 Taisnība? 364 00:18:52,340 --> 00:18:56,230 Tātad objekti var uzglabāt atribūti dažāda veida. 365 00:18:56,230 --> 00:19:01,220 Mēs varam domāt par this-- tas ir ļoti līdzīga mūsu asociatīvā masīva PHP. 366 00:19:01,220 --> 00:19:07,470 Tātad galvenais, vērtību, atslēgu, vērtību, atslēgas, vērtību, tā tālāk un tā tālāk. 367 00:19:07,470 --> 00:19:11,230 Kas ir interesanti tādā pašā veidā ka mēs varam būt bloki ietvaros blokiem 368 00:19:11,230 --> 00:19:14,690 mēs varam arī objektus, kas objekti vai to masīvi ietvaros objektiem. 369 00:19:14,690 --> 00:19:18,410 Tu nekad īsti tikai tikai viens vienu no lietām. 370 00:19:18,410 --> 00:19:24,220 Mēs varam iegūt ļoti Inceptionesque, tikko saglabāt iet uz leju trušu caurums tur. 371 00:19:24,220 --> 00:19:26,080 >> Tātad, ja mēs pamanām, mēs ir dažas protams, ka 372 00:19:26,080 --> 00:19:31,120 ir virkne, instruktors, kas ir virkne, un masīvs, int, un Būla. 373 00:19:31,120 --> 00:19:36,110 Tātad visas šīs dažādās lietas. 374 00:19:36,110 --> 00:19:39,600 >> Labi, jā, mums ir vēl viens. 375 00:19:39,600 --> 00:19:42,930 Tātad, šajā gadījumā, mums ir masīvs objektiem. 376 00:19:42,930 --> 00:19:45,320 Tik vienkārši patīk objektu var būt masīva tajā. 377 00:19:45,320 --> 00:19:47,210 Mēs varam arī masīvs objektiem. 378 00:19:47,210 --> 00:19:51,250 Tas varētu būt noderīgi, lai domāt par līdzīga veida 379 00:19:51,250 --> 00:19:54,260 par to, kā mums bija hash galds, mums bija masīvs 380 00:19:54,260 --> 00:19:56,220 Visu šo dažādo veidi structs ka 381 00:19:56,220 --> 00:19:59,070 bija norādes uz dažādiem mezglu un plauktiņš. 382 00:19:59,070 --> 00:20:01,420 Bet šajā gadījumā, mēs ir masīvs objektiem. 383 00:20:01,420 --> 00:20:04,890 Tātad tas ir kā masīva asociatīvas masīvi. 384 00:20:04,890 --> 00:20:09,430 Tātad mums ir dažas pirmais elements varētu būt objekts ar nosaukumu James 385 00:20:09,430 --> 00:20:11,340 un māju Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Jūs puiši varētu atcerēties kaut kas ļoti līdzīgs šim 387 00:20:14,780 --> 00:20:21,710 ar savu pēdējo PSET, kur, ja jūs velk kaut ko no jūsu datu bāzē, 388 00:20:21,710 --> 00:20:24,480 pirmā veida lieta jūsu masīvs bija 389 00:20:24,480 --> 00:20:27,110 visu informāciju par pirmais lietotājs, kas met to, 390 00:20:27,110 --> 00:20:30,765 un tad jums bija indeksēt vērā, ka lai saņemtu savu krājumu vai to kešatmiņu 391 00:20:30,765 --> 00:20:32,110 vai plauktiņš. 392 00:20:32,110 --> 00:20:34,620 Tātad tas ir ļoti daudz, tas pats lieta, tikai nelielas izmaiņas 393 00:20:34,620 --> 00:20:39,570 sintakse, mazliet mainījies vārdi mēs izmantojam, lai aprakstītu tos. 394 00:20:39,570 --> 00:20:45,960 >> Tātad, ja mēs vēlējāmies, var kāds pateikt man ko tas brīdinājums darītu šeit? 395 00:20:45,960 --> 00:20:48,780 Vai ko tas mazliet kods varētu darīt mums? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 Mērķauditorija: Tas tev iedos visus vārdus. 398 00:20:52,616 --> 00:20:54,900 ALLISON Buchholtz-AU: pa labi, tāpēc tas vienkārši brīdinātu ar visiem nosaukumiem 399 00:20:54,900 --> 00:20:57,960 jo tas iet cauri māja i, tāpēc gribētu sākt no nulles. 400 00:20:57,960 --> 00:21:01,330 Tātad tas teiktu, OK mēs meklējam pie šo pirmo objektu, kas 401 00:21:01,330 --> 00:21:03,210 ir pirmais slots mūsu masīvā. 402 00:21:03,210 --> 00:21:06,900 Un tā saka, "dod man atribūtu, nosaukumu šo objektu. " 403 00:21:06,900 --> 00:21:09,030 Tātad mēs ejam šeit, mēs gribētu scan, mēs gribētu atrast vārdu, 404 00:21:09,030 --> 00:21:11,340 un mēs gribētu izdrukāt James, Molly, un Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Kādi jautājumi līdz šim? 407 00:21:15,799 --> 00:21:17,590 JavaScript diemžēl jūs esat būs 408 00:21:17,590 --> 00:21:20,950 dara daudz meklē līdzi jūsu pašu, norādītas, sintaksi, 409 00:21:20,950 --> 00:21:21,910 cīnās ar to. 410 00:21:21,910 --> 00:21:25,870 Bet, protams, es esmu vienmēr šeit, darba laiks ir vienmēr šeit. 411 00:21:25,870 --> 00:21:28,260 Es varētu būt otrdienās šonedēļ. 412 00:21:28,260 --> 00:21:31,050 Tātad, ja jūs esat tur, jūs varat nāk pie manis šonedēļ. 413 00:21:31,050 --> 00:21:32,470 Tā gribētu būt liels. 414 00:21:32,470 --> 00:21:36,260 >> Labi, tāpēc DOM ir Dokumenta objekta modelis. 415 00:21:36,260 --> 00:21:38,900 Tātad tas ir tikai veids, kā ka mums patīk domāt 416 00:21:38,900 --> 00:21:45,720 Par to, kā mūsu HTML un viss ietvaros tas tiek organizēts. 417 00:21:45,720 --> 00:21:49,930 Tas ir ļoti daudz kaut kas iespējams, nāk līdzi jūsu viktorīnā. 418 00:21:49,930 --> 00:21:58,150 Es zinu, mans gads, tas bija kā šeit ir HTML fails, aizpildiet DOM par to. 419 00:21:58,150 --> 00:21:59,770 Un jūs vienkārši aizpildīt sīkumiem. 420 00:21:59,770 --> 00:22:01,500 Tie būtu viegli punkti cerams. 421 00:22:01,500 --> 00:22:03,450 Cerams, ka jums see-- 422 00:22:03,450 --> 00:22:04,590 >> Mērķauditorija: [dzirdams] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON Buchholtz-AU: So jūs redzat šo koku šeit? 424 00:22:06,660 --> 00:22:07,200 >> AUDITORIJA: Jā. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON Buchholtz-AU: Tāpēc viņi lūgs izmantošanu 426 00:22:08,949 --> 00:22:11,750 aizpildīt, kas notiek zem korpusa. 427 00:22:11,750 --> 00:22:15,770 Varbūt zem ķermeņa, mums ir dažas divs vai mums ir dažas rindkopas 428 00:22:15,770 --> 00:22:19,160 un mēs lūdzam Jūs aizpildīt koks ļoti daudz, piemēram, šis. 429 00:22:19,160 --> 00:22:21,440 Tātad mēs būsim iešana caur to. 430 00:22:21,440 --> 00:22:26,120 Tātad Dokumenta objekta Modelis ir tikai veids, kā 431 00:22:26,120 --> 00:22:31,240 strukturēt un domāt par mūsu HTML grafiski. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 Un arī tad, kad mēs uz lielāku JavaScript, 434 00:22:35,840 --> 00:22:37,640 tas būs veids, ka mēs faktiski 435 00:22:37,640 --> 00:22:39,990 manipulēt atšķirīgs elementi lapā. 436 00:22:39,990 --> 00:22:43,980 Mums ir nepieciešams veids, lai piekļūtu katram no lietām mūsu HTML, 437 00:22:43,980 --> 00:22:48,050 un tāpēc tas mums dod ļoti betona standartizētā veidā 438 00:22:48,050 --> 00:22:51,010 pa dažādām interneta lapām, lai to izdarītu. 439 00:22:51,010 --> 00:22:53,440 >> Tātad, ja mēs vienkārši staigāt pa to šeit, protams 440 00:22:53,440 --> 00:22:56,790 Mūsu dokuments ir kā mūsu visu failu. 441 00:22:56,790 --> 00:22:59,350 Tas, protams, ir jēga ka tas ir augstākais lieta, 442 00:22:59,350 --> 00:23:03,520 un tad mums ir mūsu faktisko HTML, kas atbilst šo tagu šeit. 443 00:23:03,520 --> 00:23:08,480 Arī tad, ja jums ievilkums atslēgvārdus pareizi, tad veidojot šo DOM koku 444 00:23:08,480 --> 00:23:10,530 kļūst super vienkārši. 445 00:23:10,530 --> 00:23:12,400 Tātad mums ir dažas galvas šeit. 446 00:23:12,400 --> 00:23:15,780 Mums ir dažas iestāde, kas mēs redzam kāts nost no HTML, 447 00:23:15,780 --> 00:23:18,530 kas ir iemesls, kāpēc mums ir galvu un ķermeni. 448 00:23:18,530 --> 00:23:22,880 Laikā galvas, mums ir dažas nosaukums tag, beigu nosaukums tag, 449 00:23:22,880 --> 00:23:24,570 tāpēc mēs zinām, kas nāk pēc galvas. 450 00:23:24,570 --> 00:23:28,040 Un mūsu nosaukums tag, mums ir hello, pasaule. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Tātad tas ir tas viss kreiso roku filiāle. 453 00:23:31,311 --> 00:23:34,060 Un tad labajā filiāles šeit mēs redzam, ka mums ir HTML, 454 00:23:34,060 --> 00:23:38,680 Labi, mēs esam darījuši šo galvas daļu, mēs meklējam tikai pie ķermeņa, 455 00:23:38,680 --> 00:23:40,670 tāpēc mums ir dažas ķermeņa zonu. 456 00:23:40,670 --> 00:23:44,350 Un ievērojot, ka vienīgais lieta, kas mums ir, ir sveiki, pasaule. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Ja mums būtu lietas, piemēram, daži kronšteins p un pēc tam 459 00:23:54,130 --> 00:23:57,500 hello, pasaule, un tad vēl kronšteins p ardievas, pasaule, 460 00:23:57,500 --> 00:24:00,080 mums būtu divas burbuļi nāk nost no šejienes. 461 00:24:00,080 --> 00:24:05,550 Tāpēc, ka viņi abi ar ķermeni, bet viņi atsevišķus punktus šajā gadījumā. 462 00:24:05,550 --> 00:24:11,520 Ir noteikti prakse par ka iepriekšējos viktorīnas, 463 00:24:11,520 --> 00:24:14,570 kā arī daudz tiešsaistes par to. 464 00:24:14,570 --> 00:24:18,260 Labi, tāpēc, tas tikai ļauj mums redzēt visu labi 465 00:24:18,260 --> 00:24:20,810 un manipulēt lietas ļoti sistemātiski. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Mēs zinām, kā tieši šķērso caur šo koku, 468 00:24:23,640 --> 00:24:26,910 lai mēs zinām, ko mēs gribam, lai piekļūtu. 469 00:24:26,910 --> 00:24:31,690 >> Labi, tāpēc tas ir iemesls, kāpēc mēs vēlamies lai šāda veida modeli, 470 00:24:31,690 --> 00:24:35,190 lai mēs varētu izmantot lietas, piemēram, tas, un mēs saprotam, ko tie nozīmē, 471 00:24:35,190 --> 00:24:38,370 un viņi standartizēta pāri visām lietām, ko mēs darām. 472 00:24:38,370 --> 00:24:45,900 Tātad dokuments dot nosaukums ir tikai nosaukums our-- visiem šiem 473 00:24:45,900 --> 00:24:48,960 ir diezgan pašsaprotami, Man patīk domāt. 474 00:24:48,960 --> 00:24:51,660 Tātad pirmais trīs piemēri ir tikai saku, 475 00:24:51,660 --> 00:24:54,770 "Labi, tikai dod man nosaukums šajā mājas lapā. " 476 00:24:54,770 --> 00:24:58,030 Tātad, tas dos jums to, ko atbilst nosaukumam. 477 00:24:58,030 --> 00:25:01,880 >> Dokuments dot ķermenis gatavojas sniegt jums kāds ir šajās ķermeņa tagiem. 478 00:25:01,880 --> 00:25:03,240 Tātad jūs varat manipulēt, ka. 479 00:25:03,240 --> 00:25:07,820 Un dokumentu dot ķermenis dot ievadiet HTML ir ļoti foršs vienu, 480 00:25:07,820 --> 00:25:11,660 un varbūt nav, piemēram, super intuitīvu, bet iekšējais HTML 481 00:25:11,660 --> 00:25:13,740 atbilst šo tiesību šeit. 482 00:25:13,740 --> 00:25:17,410 Tātad, ja jūs kādreiz vēlaties manipulēt tekstu lapā, 483 00:25:17,410 --> 00:25:22,700 Parasti jūs gatavojas darīt kaut kas ar ķermeņa dot iekšējo HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Tātad iekšējais HTML mēdz atsaukties uz to, kas ir patiesībā starp šiem tagiem. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 Un tad noderīgas funkcijas. 488 00:25:33,020 --> 00:25:40,390 Tātad, ja jūs vēlētos, lai saņemtu kāds no šiem, ka kāds no elementiem, 489 00:25:40,390 --> 00:25:43,140 mums ir dažas Id, klase nosaukums vai tag nosaukumu. 490 00:25:43,140 --> 00:25:47,100 Tas ir ļoti līdzīgs Lietas, ko mēs darījām ar CSS, vai ne? 491 00:25:47,100 --> 00:25:51,360 Kur mums ir dažas selektori, ka atbilst nu tag, klase 492 00:25:51,360 --> 00:25:53,800 ka mēs dodam viņiem, vai Id. 493 00:25:53,800 --> 00:25:55,310 Tas ir ļoti daudz, tāpat. 494 00:25:55,310 --> 00:26:00,720 Ja jums ir kaut kas ir dažas klases suns, 495 00:26:00,720 --> 00:26:05,800 un jūs sakāt saņemt elementus pēc tag nosaukumu, un jūs nodot suni there-- vai žēl, 496 00:26:05,800 --> 00:26:06,610 klases nosaukums. 497 00:26:06,610 --> 00:26:07,770 Jums var likt dot tur. 498 00:26:07,770 --> 00:26:11,780 Tas notiek, lai atgrieztos visiem tiem elementi, lai jums, kas ir šo kategoriju. 499 00:26:11,780 --> 00:26:13,880 Tātad jūs varat manipulēt tikai tos. 500 00:26:13,880 --> 00:26:18,430 Tādā pašā veidā, varbūt jūs vienkārši vēlas manipulēt kādu galvenes, tāpēc 501 00:26:18,430 --> 00:26:20,980 daži h1 header, tāpat kā mēs to darījām. 502 00:26:20,980 --> 00:26:24,900 Jūs varētu darīt saņemt elementus by tag nosaukt, jo h1 ir tag vārds. 503 00:26:24,900 --> 00:26:29,270 Un tādā pašā veidā, ja jūs vēlaties, lai saņemtu dažas unikālas lieta, jūs varat darīt get tag. 504 00:26:29,270 --> 00:26:31,100 Saņemt elementa Id. 505 00:26:31,100 --> 00:26:32,710 Un tie ir tiešām daudz tiem. 506 00:26:32,710 --> 00:26:36,300 Tie ir tikai, piemēram, trīs ļoti daudz. 507 00:26:36,300 --> 00:26:39,600 Tātad, ja jums iet tiešsaistē, kā Es esmu gatavojas, lai veicinātu 508 00:26:39,600 --> 00:26:45,342 jūs darīt, un tie daži pētījumi par savu, 509 00:26:45,342 --> 00:26:48,450 Es noteikti ieteiktu izskata visus no tiem. 510 00:26:48,450 --> 00:26:50,880 Tie varētu būt super noderīgi, jo īpaši, ja 511 00:26:50,880 --> 00:26:57,180 jūs vēlaties, lai tikai veida manipulēt Ļoti īpašas lietas, neradot 512 00:26:57,180 --> 00:27:00,390 iet cauri un mēģināt parsētu visu. 513 00:27:00,390 --> 00:27:03,540 >> Labi, tā pēdējā lieta ir JavaScript notikumi. 514 00:27:03,540 --> 00:27:10,730 Tātad, kad es runāju iepriekš par dodas uz tīmekļa vietni, 515 00:27:10,730 --> 00:27:14,340 un, kad jūs lidināties virs kaut ko, vai peli novieto kursoru kaut ko, 516 00:27:14,340 --> 00:27:15,420 kaut kas cits nenotiek. 517 00:27:15,420 --> 00:27:17,900 Tas ir tas, ko mēs gribētu domāt par kā notikumu. 518 00:27:17,900 --> 00:27:23,970 Tātad, kas mums ir, kas varētu noderēt šeit ir onclick. 519 00:27:23,970 --> 00:27:29,140 Tātad mans bija lidināties, kas, es esmu diezgan pārliecināts, ir tikai uz lidināties. 520 00:27:29,140 --> 00:27:31,300 Arī ton no šiem ka jūs varat meklēt. 521 00:27:31,300 --> 00:27:34,340 Tur ir vesels saraksts online no dažādām lietām 522 00:27:34,340 --> 00:27:37,130 ka jūs varat klausīties par. 523 00:27:37,130 --> 00:27:41,220 >> Bet JavaScript notikumi būtībā tikai reaģēt uz lietām 524 00:27:41,220 --> 00:27:42,430 ka jūsu lietotājs dara. 525 00:27:42,430 --> 00:27:42,930 Taisnība? 526 00:27:42,930 --> 00:27:45,220 Tātad jūsu lietotājs nav kaut, kas ir notikums, 527 00:27:45,220 --> 00:27:48,340 un JavaScript reaģēs tomēr jūs vēlaties to patīk. 528 00:27:48,340 --> 00:27:49,770 Tas būs atbilstoši reaģē. 529 00:27:49,770 --> 00:27:54,630 Tātad, šajā gadījumā, mums ir daži logs dot onload. 530 00:27:54,630 --> 00:27:57,170 Tātad, ko tas saka, ir, "pagaidiet līdz loga piekrauts. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Tad, kad viss ir piekrauta, onload, tad jūs varat izpildīt šo funkciju. 533 00:28:02,102 --> 00:28:03,810 Tad, kad viss ir piekrauts, jūs gatavojas 534 00:28:03,810 --> 00:28:07,760 lai ir dažas meklēšanas pogu kas izpaužas elementu pēc ID, 535 00:28:07,760 --> 00:28:13,740 un tas drukā neatkarīgi, ka elements ir kā pogas Meklēt. 536 00:28:13,740 --> 00:28:17,050 Un tad mums ir šo mainīgo, mēs sakām, "OK, onclick." 537 00:28:17,050 --> 00:28:20,390 Tātad, kad mēs dzirdam klikšķis uz pogas Meklēt, 538 00:28:20,390 --> 00:28:23,990 izpildīt šo funkciju, kas ir brīdinājums, jūs noklikšķinājāt uz pogas Meklēt. 539 00:28:23,990 --> 00:28:28,910 >> Tātad, kas notiek is-- tas ir jauki maz grafiskais attēlojums šeit. 540 00:28:28,910 --> 00:28:31,480 Tātad mūsu dokumentu slodzes, tas ir mūsu onload, 541 00:28:31,480 --> 00:28:34,340 mēs atrast mūsu Meklēt poga, kas ir šī. 542 00:28:34,340 --> 00:28:36,570 Mēs meklējam mūsu pogas Meklēt. 543 00:28:36,570 --> 00:28:40,790 Un tad, kad Search poga ir uzklikšķināt, tas atbilst tieši šeit. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Tad mēs beidzot brīdinātu savu lietotāju, kas ir šis pēdējais rindā šeit. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Tātad katrs no šiem četriem soļiem tikko atbilst četrām kastes 548 00:28:52,960 --> 00:28:55,031 tur lejā uz grunts. 549 00:28:55,031 --> 00:28:56,405 Vai tas ir jēga visiem? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> Un tad viena lieta, ka es esmu tikai gatavojas nerunājot par ļoti, ļoti īsi, lai es 552 00:29:05,200 --> 00:29:08,660 iedrošināt jūs guys iet izskatās vairāk par ir 553 00:29:08,660 --> 00:29:13,210 jQuery, kas ir tikai bibliotēka kas ir uzbūvētas virsū JavaScript. 554 00:29:13,210 --> 00:29:16,480 Tas ir super noderīga, jo ar lielāko bibliotēkām. 555 00:29:16,480 --> 00:29:18,320 Ir daudz funkciju. 556 00:29:18,320 --> 00:29:21,930 Tātad, ja tur ir kādreiz kaut kas jūs vēlaties darīt JavaScript, 557 00:29:21,930 --> 00:29:24,880 jūsu pirmais instinkts nedrīkst domāt 558 00:29:24,880 --> 00:29:27,340 novērtējums ", kādas funkcijas būtu Es kods? "Tas būtu, 559 00:29:27,340 --> 00:29:29,560 "Ļaujiet man redzēt, kāds ir jau izdarījuši par mani. " 560 00:29:29,560 --> 00:29:32,800 Tāpēc, ka deviņas reizes no desmit, kāds ir darījuši to jau, 561 00:29:32,800 --> 00:29:35,760 un viņi, iespējams, ir darījuši to labāk. 562 00:29:35,760 --> 00:29:39,990 Cilvēki pavada daudz laika darīt tiem, un JavaScript ir ļoti plaši izmantots, 563 00:29:39,990 --> 00:29:42,810 tāpēc cilvēki ir pastāvīgi mēģina padarīt to labāku. 564 00:29:42,810 --> 00:29:47,110 Un jQuery ir daudz funkciju kas, iespējams, būs noderīga, lai jums 565 00:29:47,110 --> 00:29:50,470 savu galīgo projektu, ja jūs esat darīt kaut ko ar web dizainu. 566 00:29:50,470 --> 00:29:53,480 Kā es gribētu teikt, "darbs viedāku, ne grūtāk. " 567 00:29:53,480 --> 00:29:57,130 Ja jūs guys darīt, tas būs lieliski. 568 00:29:57,130 --> 00:30:00,330 Kad mēs esam pie hackathon man nav gribu, lai jūs būtu visu akcentēja. 569 00:30:00,330 --> 00:30:03,600 Es gribu, lai jūs būt, piemēram, "I got šis. jQuery dabūja manu muguru. 570 00:30:03,600 --> 00:30:05,790 Man nav nepieciešams rakstīt šīs funkcijas. " 571 00:30:05,790 --> 00:30:07,636 >> Tik vienkārši divas lietas atceros, es eju 572 00:30:07,636 --> 00:30:10,220 lai jūs guys izskatīties uz jQuery par savu. 573 00:30:10,220 --> 00:30:13,070 Viss, ko es esmu gatavojas teikt, ir tas tas dažas diezgan awesome lietas 574 00:30:13,070 --> 00:30:15,220 un var padarīt jūsu dzīvi visai daudz vieglāk. 575 00:30:15,220 --> 00:30:17,150 Bet ko jūs vēlaties ir, ir kāds fails 576 00:30:17,150 --> 00:30:21,020 ka jūs esat būs izmantojot to, jūs gatavojas vēlaties šīs divas rindiņas. 577 00:30:21,020 --> 00:30:25,630 Jūs esat gatavojas vēlaties skripts JS jQuery dot JS. 578 00:30:25,630 --> 00:30:28,500 Un tiešām jūsu avots būs daži URL. 579 00:30:28,500 --> 00:30:35,870 Ja jūs Google jQuery, Google faktiski rīko visus failus jums. 580 00:30:35,870 --> 00:30:38,950 Tātad jūs noteikti vēlaties ievades ka URL vietā. 581 00:30:38,950 --> 00:30:41,130 Es vienkārši ielieciet to šeit Vienkāršības labad. 582 00:30:41,130 --> 00:30:45,180 Viss tas nozīmē, ir, kur atrast savu jQuery bibliotēku. 583 00:30:45,180 --> 00:30:48,600 Tas ir liela, lai jūs nevēlaties uzņemt to savā datorā 584 00:30:48,600 --> 00:30:53,390 ja jūs varat izvairīties no tā, kas ir iemesls, kāpēc mēs mēdz vienkārši ielieciet Google URL, ka 585 00:30:53,390 --> 00:30:55,880 rīko visus šos failus jums. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Jūs Google to, es apsolu tas būs tur. 588 00:30:58,850 --> 00:31:01,200 >> Un tad kāds JavaScript failu, ka jūs esat 589 00:31:01,200 --> 00:31:07,150 izmantojot, tāpēc tas ir tikai kāds ārējs JavaScript failu, ka jūs izmantojat. 590 00:31:07,150 --> 00:31:11,570 Tādā pašā veidā, ka mēs saiti uz mūsu CSS failus, tas ir tas pats veida lieta. 591 00:31:11,570 --> 00:31:15,480 Tas tikai saites uz failu kur JavaScript ir. 592 00:31:15,480 --> 00:31:18,970 Un man ir daži piemēri ar vienkāršu JavaScript. 593 00:31:18,970 --> 00:31:20,220 Tāpēc mēs iet caur to. 594 00:31:20,220 --> 00:31:27,230 Un tad jūsu indekss JavaScript, kas ir jūsu JavaScript failu šeit, 595 00:31:27,230 --> 00:31:30,900 Tas ir sava veida iesaiņojuma ka jums ir jQuery. 596 00:31:30,900 --> 00:31:33,860 Jūs esat gandrīz 99,9 procentiem no laika iet 597 00:31:33,860 --> 00:31:36,800 lai šo jūsu index.js failā. 598 00:31:36,800 --> 00:31:40,010 Jo, ko tas saka, ir, "Nav izpildīt neko 599 00:31:40,010 --> 00:31:43,480 līdz jūsu dokuments ir faktiski gatavs ", kas ir tieši tas, ko jūs vēlaties. 600 00:31:43,480 --> 00:31:46,600 Jo, ja jūsu dokuments nav gatava, un jQuery sāk darīt lietas, 601 00:31:46,600 --> 00:31:48,020 tas ir tikai haoss. 602 00:31:48,020 --> 00:31:50,480 Tātad, jūs vienmēr vēlaties, lai būtu šī iesaiņojuma. 603 00:31:50,480 --> 00:31:55,760 Un tad par lietām, kas iet tur, es atstāšu to jūsu puiši pašu lasot. 604 00:31:55,760 --> 00:32:04,610 >> Labi, tā ir tur tieši kādi jautājumi tagad par JavaScript kopumā? 605 00:32:04,610 --> 00:32:07,420 Vai DOM modelis? 606 00:32:07,420 --> 00:32:10,780 Ja nē, mums ir dažas atdzist piemēri, ka mēs varam iet cauri, 607 00:32:10,780 --> 00:32:13,120 ka jūs guys var palīdzēt man kodu. 608 00:32:13,120 --> 00:32:15,877 Bet es esmu arī būs super jauki, un, ja jūs 609 00:32:15,877 --> 00:32:17,960 negribu teikt neko par tiem, tas ir jauki. 610 00:32:17,960 --> 00:32:20,510 Es varu arī tikai jums piemērus. 611 00:32:20,510 --> 00:32:24,581 Bet kaut uz PowerPoint, pirms mēs doties tālāk? 612 00:32:24,581 --> 00:32:25,080 Cool. 613 00:32:25,080 --> 00:32:26,990 >> Es jūtos kā jūs guys nepieciešams enerģiju. 614 00:32:26,990 --> 00:32:31,516 Tāpēc es domāju, ka mēs esam gatavojas sākt ar savu partiju piemēru pirmā. 615 00:32:31,516 --> 00:32:33,390 Mums ir trīs piemērus, jums ir jūsu izvēle. 616 00:32:33,390 --> 00:32:37,720 Tāpēc mums ir pulkstenis, kur mēs ejam īstenot faktisko pulksteni, kas ir 617 00:32:37,720 --> 00:32:41,430 gatavojas atjaunināt kā laiks iet ar. 618 00:32:41,430 --> 00:32:43,310 Mums ir šo lielisko čivināt funkciju. 619 00:32:43,310 --> 00:32:44,560 This-- jūs zināt, kas, turēt. 620 00:32:44,560 --> 00:32:47,220 Mēs ejam, lai padarītu šo iet prom. 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 >> Mums ir šo lielisko Twitter funkciju šeit, that-- es zinu, vai ne? 624 00:32:56,132 --> 00:32:57,090 Tas būs liels. 625 00:32:57,090 --> 00:32:58,350 Vai jūs guys satraukti? 626 00:32:58,350 --> 00:33:01,170 Kas notiek, lai saskaitītu rakstzīmju ka jums ir atstājuši, 627 00:33:01,170 --> 00:33:04,520 tāpēc, ja es rakstīt tieši tagad, acīmredzot tas joprojām saka, 140, 628 00:33:04,520 --> 00:33:06,190 bet mēs zinām, ka tas nav noticis. 629 00:33:06,190 --> 00:33:08,570 Un tad ar mūsu pēdējais šeit, klikšķiniet šeit, lai pusei. 630 00:33:08,570 --> 00:33:12,150 Kas notiks, ir tad, kad mēs noklikšķiniet, fons s 631 00:33:12,150 --> 00:33:13,340 mainīsies krāsas. 632 00:33:13,340 --> 00:33:17,060 Tātad jums puiši ir savas iespējas kuriem viens jūs vēlaties darīt vispirms. 633 00:33:17,060 --> 00:33:19,800 Es apsolu es ņemšu to ļoti viegli par jums. 634 00:33:19,800 --> 00:33:22,680 Es jūtos kā ikvienam ir sava veida no vienkārši ļoti zems taustiņu šodien. 635 00:33:22,680 --> 00:33:25,540 Tāpēc es jums palīdzēsim, cik mēs īstenosim visi no tiem. 636 00:33:25,540 --> 00:33:28,520 Ja jūs vēlaties, lai piebalsot in, tas ir lieliski, bet es 637 00:33:28,520 --> 00:33:30,020 justies kā ikvienam ir mazliet noguris. 638 00:33:30,020 --> 00:33:32,970 Tāpēc es ņemšu tikai staigāt jums caur šiem piemēriem. 639 00:33:32,970 --> 00:33:35,015 Vai mums ir kaut kas mēs gribētu darīt vispirms? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Ikviens? 642 00:33:39,475 --> 00:33:41,350 Vienalga? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Jūs zināt, ko? 645 00:33:42,450 --> 00:33:43,290 Mēs esam par pusi. 646 00:33:43,290 --> 00:33:48,380 Es jūtu, ka jūs guys nepieciešams little-- jā, mēs izdarīsim puses viena pirmā. 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 >> Tātad, ko mēs esam here-- tas nav vajadzēja būt tur. 650 00:33:56,930 --> 00:33:57,910 Tagad tas ir labi. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Tātad, kas mums šeit ir tikai vienkāršs HTML lapas 653 00:34:03,110 --> 00:34:07,840 ka jūs guys visiem būtu super iepazinušies ar no saviem pēdējiem diviem psets. 654 00:34:07,840 --> 00:34:10,212 mums ir mūsu doc ​​tipa šeit. 655 00:34:10,212 --> 00:34:10,920 Var ikvienam redzēt? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 Cool. 658 00:34:12,560 --> 00:34:13,900 Mums ir mūsu HTML protams. 659 00:34:13,900 --> 00:34:18,360 Mums ir dažas galveni, kas ir saistīta ar stila lapas, kas 660 00:34:18,360 --> 00:34:21,420 tikko mans fonts jauks un liels un drosmīgs. 661 00:34:21,420 --> 00:34:23,489 Tāpēc nav jāuztraucas par to. 662 00:34:23,489 --> 00:34:26,437 >> Mums ir daži ķermeni ar Id fona, OK? 663 00:34:26,437 --> 00:34:28,520 Tāpēc, ka mēs gribam būt mainot fona. 664 00:34:28,520 --> 00:34:31,964 Tad, kad mēs esam mainās fona mūsu organismā, 665 00:34:31,964 --> 00:34:35,965 mēs atceramies no pirms divām nedēļām kad mums ir darīšana ar web lapām. 666 00:34:35,965 --> 00:34:36,840 Tik labi ir, ka. 667 00:34:36,840 --> 00:34:39,270 Un mums ir daži Id vienāds pusi. 668 00:34:39,270 --> 00:34:43,909 Tas h ref mārciņa nozīmē tikai to, ka tas notiek, lai iet uz to pašu lapu. 669 00:34:43,909 --> 00:34:47,120 Un, klikšķiniet šeit, lai pusei, kas ir iemesls, kāpēc, kad mēs noklikšķiniet uz tā, 670 00:34:47,120 --> 00:34:48,940 tam vajadzētu mainīt krāsas, par laimi. 671 00:34:48,940 --> 00:34:54,322 >> Un tad mums ir dažas skriptu šeit ir tikai saistīts ar šo partiju dot JS 672 00:34:54,322 --> 00:34:58,100 fails, kas ir tukša jo mēs neesam darījuši kaut ko vēl. 673 00:34:58,100 --> 00:35:00,450 Un tas ir tik skumji. 674 00:35:00,450 --> 00:35:06,100 Bet ļoti drīz, tas mainīsies krāsas, un tā būs laba. 675 00:35:06,100 --> 00:35:10,520 >> Tāpēc es esmu tikai gatavojas staigāt jums puiši ar to, kā mēs varētu tuvināties šo. 676 00:35:10,520 --> 00:35:14,030 Tātad pirmā lieta, ka mēs varētu vēlēties darīt, 677 00:35:14,030 --> 00:35:18,050 ja mēs maināmies fona ķermenis, pirmā lieta, ko mēs varētu vēlēties 678 00:35:18,050 --> 00:35:22,730 to darīt, ir faktiski paķert ko ķermenis ir, vai ne? 679 00:35:22,730 --> 00:35:27,690 Tātad, mēs vēlamies, lai būtu summa, mūsu fona, un, ja pamanāt, 680 00:35:27,690 --> 00:35:29,567 Es tikai automātiski sāc rakstīt. 681 00:35:29,567 --> 00:35:32,400 Nav nekas īpašs, ka mēs jādara, lai mūsu JavaScript faili. 682 00:35:32,400 --> 00:35:35,820 Es varu sākt pasludina mainīgos, un deklarējot izlases funkcijas. 683 00:35:35,820 --> 00:35:38,110 Un tas ir daudz vairāk brīvā formā. 684 00:35:38,110 --> 00:35:41,930 Tas ir tāpat kā ar C, mēs deva jums visiem šie grūtie noteikumi, un jūs uzauguši, 685 00:35:41,930 --> 00:35:43,220 tāpēc mēs esam līdzīgi, "iet tālāk. 686 00:35:43,220 --> 00:35:44,000 Esi brīvs. 687 00:35:44,000 --> 00:35:44,870 Vai to, ko jūs vēlaties. " 688 00:35:44,870 --> 00:35:46,280 Un tas, ko JavaScript ir. 689 00:35:46,280 --> 00:35:48,390 Tāpēc mums ir šeit dažas fona. 690 00:35:48,390 --> 00:35:55,900 Ar mūsu DOM modeli, mēs zinām, mēs var darīt dokuments dot nokļūt elementu, 691 00:35:55,900 --> 00:36:00,290 un, ja mēs pamanām šeit, Mūsu ķermenis ir Id. 692 00:36:00,290 --> 00:36:00,930 Taisnība? 693 00:36:00,930 --> 00:36:06,310 Tātad, mēs varam darīt saņemt dokumentu, ko Id, un šeit ir vienkāršs. 694 00:36:06,310 --> 00:36:08,295 Kas ir mūsu Id, ka mēs gribam šeit? 695 00:36:08,295 --> 00:36:09,170 AUDITORIJA: Background. 696 00:36:09,170 --> 00:36:11,280 ALLISON Buchholtz-AU: Background. 697 00:36:11,280 --> 00:36:12,230 Perfekta. 698 00:36:12,230 --> 00:36:14,250 Un semikolu beigās. 699 00:36:14,250 --> 00:36:15,610 Kas nav aizgājuši prom vēl. 700 00:36:15,610 --> 00:36:17,330 Jums joprojām ir nepieciešams jūsu semikoliem. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Tātad tas ir mūsu pirmais. 703 00:36:19,690 --> 00:36:23,880 Un, kad mēs noklikšķiniet kaut ko, mēs grib lai kaut ko, vai ne? 704 00:36:23,880 --> 00:36:28,270 Tātad, mēs varētu vēlēties kādu mainīgs kas gaida, lai klikšķi. 705 00:36:28,270 --> 00:36:32,410 Ko mēs esam gatavojas darīt, ir, mēs spēsim padara mūsu saite vairāk līdzinās pogu. 706 00:36:32,410 --> 00:36:43,140 Tātad mēs ejam, lai ir dažas pogas, kas vienāds dokumentēt dot nokļūt elementa Id. 707 00:36:43,140 --> 00:36:48,670 Un, ja es runāju par noklikšķiniet uz saites, vai noklikšķiniet šeit, lai pusei 708 00:36:48,670 --> 00:36:51,850 saite, kas varētu mans Id būt šeit? 709 00:36:51,850 --> 00:36:52,590 Party. 710 00:36:52,590 --> 00:36:55,200 Pareizs. 711 00:36:55,200 --> 00:36:56,500 OK nav pārāk slikti līdz šim. 712 00:36:56,500 --> 00:36:59,060 Ikvienam iegūt to, ko mēs darām? 713 00:36:59,060 --> 00:37:02,100 >> Labi, tāpēc tagad mums ir mūsu pogu, un mēs vēlamies 714 00:37:02,100 --> 00:37:04,140 lietas, kas mainās, kad mēs noklikšķiniet uz tā. 715 00:37:04,140 --> 00:37:08,750 Tātad, ja mēs atceramies no mūsu PowerPoint, ļoti vienkārša lieta, ko mēs varam darīt 716 00:37:08,750 --> 00:37:12,140 ir tikai poga dot onclick, vai ne? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 Un kas notiek, lai vienāds dažas funkcijas. 719 00:37:18,730 --> 00:37:20,620 Šī ir anonīma funkcija. 720 00:37:20,620 --> 00:37:24,620 Un tas tikai as-- patiesībā es esmu gatavojas veikt šo nedaudz lielāks. 721 00:37:24,620 --> 00:37:27,330 >> Tātad, ko es tikko darīju šeit es saku, OK, 722 00:37:27,330 --> 00:37:31,810 kad mēs noklikšķiniet uz savu pogu, kas ir šo saiti, ka mēs tikko minēts, 723 00:37:31,810 --> 00:37:34,270 mēs gatavojamies izpildīt šī anonīma funkcija. 724 00:37:34,270 --> 00:37:35,845 Mums nav nepieciešama nekāda ieejas. 725 00:37:35,845 --> 00:37:37,220 Mums nav vienalga, ko lietotājs saka. 726 00:37:37,220 --> 00:37:38,800 Kad viņi noklikšķiniet uz to, mēs esam darīsim visu, mēs gribam, 727 00:37:38,800 --> 00:37:40,660 kas ir mainīt fona krāsu. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Tātad, tas ir iemesls, kāpēc mums nav nekādas ieejas, mums vienkārši ir šī anonīms funkciju. 730 00:37:47,224 --> 00:37:49,390 Un tagad mēs esam patiesībā notiek rakstīt šo funkciju. 731 00:37:49,390 --> 00:37:55,040 >> Tātad tur ir ķekars veidi, kā tu varētu radīt izlases krāsas. 732 00:37:55,040 --> 00:37:59,010 Veids, ka es darīju tā bija ģenerēt trīs izlases numuri 733 00:37:59,010 --> 00:38:01,910 un pārvērst tos uz RGB triple. 734 00:38:01,910 --> 00:38:06,130 Tātad tas tikai parāda jums dažas atdzist lietas, ka, ja jūs, piemēram, "oh, 735 00:38:06,130 --> 00:38:08,464 Man vajag, lai radītu izlases skaitlis. ", ja jūs Googled to, 736 00:38:08,464 --> 00:38:09,630 tas ir tas, ko jūs varētu atrast. 737 00:38:09,630 --> 00:38:17,580 >> Tātad mums ir trīs dažādas lietas, Var, nevis sarkans atkal, zaļa. 738 00:38:17,580 --> 00:38:18,080 Taisnība? 739 00:38:18,080 --> 00:38:20,740 Tātad tie ir trīs lietas, kas veido krāsu. 740 00:38:20,740 --> 00:38:22,220 Zila, sarkana un zaļa. 741 00:38:22,220 --> 00:38:22,960 Cool. 742 00:38:22,960 --> 00:38:27,050 Un ko mēs varam darīt, ir tas, ka mēs zinām, ka tai ir jābūt starp 255, 743 00:38:27,050 --> 00:38:30,140 un, ja jūs izskatījās dažas Izlases numuru ģenerators, 744 00:38:30,140 --> 00:38:36,000 jūs varētu saņemt kaut ko līdzīgu matemātiku dot izlases, kas, ja paskatās šo augšu 745 00:38:36,000 --> 00:38:39,230 atgriežas uz kādu numuru starp nulli un vienu. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 Un kādi skaitļi darīsim RGB trīskāršojas iet starp? 748 00:38:44,470 --> 00:38:47,240 Nulle un ko? 749 00:38:47,240 --> 00:38:49,000 Ko viņi var iet līdz? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Tātad, ja math dot izlases iet starp nulli un vienu, 752 00:38:53,320 --> 00:38:56,365 kā varētu mēs vēlamies, lai pārvērstu šo? 753 00:38:56,365 --> 00:38:56,990 AUDITORIJA: Time? 754 00:38:56,990 --> 00:38:57,830 ALLISON Buchholtz-AU: Jā, tieši tā. 755 00:38:57,830 --> 00:38:58,677 Tātad, laiks ir 255. 756 00:38:58,677 --> 00:39:00,888 >> Mērķauditorija: [dzirdams] Tas ir tāpat kā [nedzirdama]. 757 00:39:00,888 --> 00:39:02,471 ALLISON Buchholtz-AU: Math dot izlases. 758 00:39:02,471 --> 00:39:03,096 AUDITORIJA: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON Buchholtz-AU: Jā. 760 00:39:04,580 --> 00:39:06,300 JavaScript tikai rūpējas par jums. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Tātad, mēs varam darīt, ka visi no tiem. 763 00:39:09,360 --> 00:39:10,540 Taisnība? 764 00:39:10,540 --> 00:39:16,480 Math dot izlases reizes 255. 765 00:39:16,480 --> 00:39:17,740 Kopēt ka. 766 00:39:17,740 --> 00:39:18,820 Cool. 767 00:39:18,820 --> 00:39:23,350 Tātad lieta ir, tas var neatgriežas vesels skaitlis. 768 00:39:23,350 --> 00:39:24,080 Taisnība? 769 00:39:24,080 --> 00:39:26,450 Varbūt mēs dabūt numuru starp nulli un vienu, 770 00:39:26,450 --> 00:39:32,150 un tas rada tas būs nedaudz off, un mūsu RGBs nevar būt pludiņi. 771 00:39:32,150 --> 00:39:33,360 Viņiem ir jābūt Ints. 772 00:39:33,360 --> 00:39:37,610 Tātad, ja esat mēģinājis šo, tas droši vien ir dažas neparastas uzvedības. 773 00:39:37,610 --> 00:39:38,810 Tas būtu mazliet bailīgs. 774 00:39:38,810 --> 00:39:43,200 Tātad, ko mēs darām, ir, mēs vēlamies, lai pārliecināts, ka tie ir noapaļotas, 775 00:39:43,200 --> 00:39:45,400 un jūs varētu noapaļot vai nu veidā. 776 00:39:45,400 --> 00:39:47,110 Es noapaļota ar grīdu. 777 00:39:47,110 --> 00:39:49,680 Tāpēc es vienmēr pārliecinājos ka tā noapaļojot uz leju. 778 00:39:49,680 --> 00:39:54,440 Bet iet nost no tā, cik vienkārši tas bija tikai iegūt izlases numuru, 779 00:39:54,440 --> 00:39:57,920 kā jūs domājat, ka mēs varētu grīdas šis numurs? 780 00:39:57,920 --> 00:40:00,720 Tas ir ļoti līdzīgs. 781 00:40:00,720 --> 00:40:02,810 Jebkura ideja? 782 00:40:02,810 --> 00:40:06,450 Tātad, ja izlases bija tikai math dot izlases, tāpēc jūs domājat, mēs gribētu darīt grīdu? 783 00:40:06,450 --> 00:40:09,670 Math dot grīdas. 784 00:40:09,670 --> 00:40:11,340 Un jūs varat arī darīt math dot griestiem. 785 00:40:11,340 --> 00:40:14,030 Kārta ir sava veida neskaidrs jo jums nav 786 00:40:14,030 --> 00:40:16,110 zināt, vai noapaļot uz augšu vai noapaļot uz leju. 787 00:40:16,110 --> 00:40:20,797 Tāpēc parasti mēs vienmēr darīt math dot grīdas, math dot griesti. 788 00:40:20,797 --> 00:40:21,380 Bet honestly-- 789 00:40:21,380 --> 00:40:22,780 >> Mērķauditorija: Vai grīdas kārta uz leju? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON Buchholtz-AU: Grīdas kārtās leju. 791 00:40:24,740 --> 00:40:26,990 Un tas ir tikai izvēle, no manas puses. 792 00:40:26,990 --> 00:40:32,370 >> Tāpēc tagad mums ir trīs numuri kas ir nejauši ģenerēta, 793 00:40:32,370 --> 00:40:36,610 un tas, ko mēs gatavojamies darīt tagad mēs esam tikai gatavojas mainīt fona. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Tātad mums jau ir mūsu fons veida uzglabā 796 00:40:41,490 --> 00:40:43,280 Šajā elementā sauc fona. 797 00:40:43,280 --> 00:40:47,300 Tātad, ko jūs pamanīsiet, ir, ja jūs spēlēja aptuveni ar to, 798 00:40:47,300 --> 00:40:50,460 mēs gribam mainīt stilu. 799 00:40:50,460 --> 00:40:53,812 Un tas ir sava veida kaut kas Jūs Google un izdomāt, 800 00:40:53,812 --> 00:40:55,020 patīk, kā mainīt krāsu. 801 00:40:55,020 --> 00:40:59,210 >> Bet kā jūs piekļūt šī krāsa fons dot stils dot fona. 802 00:40:59,210 --> 00:41:03,490 Tātad šis saka dots šis objekts, fona, 803 00:41:03,490 --> 00:41:06,920 kas norāda uz to, elements Id tur augšā, 804 00:41:06,920 --> 00:41:10,690 mēs ejam apskatīt stila ietvaros stilā, 805 00:41:10,690 --> 00:41:13,280 mēs ejam apskatīt fona. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 Un, ja jums iet un meklēt to uz augšu, tas varētu padarīt mazliet lielāka jēga, 808 00:41:17,630 --> 00:41:21,930 bet tas ir būtībā tikai saku, "Dod man šo ļoti specifisko atribūtu 809 00:41:21,930 --> 00:41:25,770 par to, ko esmu definēts agrāk. " 810 00:41:25,770 --> 00:41:32,340 Tātad, ko mēs mainīt to ir daži RGB, jo tas ir jēga. 811 00:41:32,340 --> 00:41:34,780 Mēs izmantojam RGB trīskāršo, vai ne? 812 00:41:34,780 --> 00:41:41,530 Un mēs have-- es gribu, lai pārliecinātos, es iegūt tiesības skaitu pēdiņas šeit. 813 00:41:41,530 --> 00:41:43,940 Tātad, ko mēs darām, ir mums RGB, un mēs ejam 814 00:41:43,940 --> 00:41:46,800 kuri paredzēti, lai tas ir kā konkatenācija, kas ir sarkanā krāsā. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 Un tad mēs gribam kādu komatu. 817 00:41:52,610 --> 00:41:59,925 Un tad mēs gribam plus zaļš, tad dažas komats, un daži zilā krāsā. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Tātad šie plusi tikko domāju, piemēram konkatenācija. 820 00:42:14,120 --> 00:42:19,810 Tātad tas ir tikai radot šo virkne, kas notiek laikā 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 >> Mērķauditorija: [dzirdams] plus tad zaļā plus tad sarkana. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON Buchholtz-AU: Jā, jo es messed, ka līdz. 825 00:42:30,163 --> 00:42:30,890 Ka viens ir jauki. 826 00:42:30,890 --> 00:42:32,110 Ak, turēt. 827 00:42:32,110 --> 00:42:32,610 Nē. 828 00:42:32,610 --> 00:42:36,770 Tāpēc, ka man ir nepieciešams, lai pārliecinātos, ka ka es saņēmu visu šo tiesības. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Tāpēc es paskaidrošu uno momento. 831 00:42:43,950 --> 00:42:47,040 Zaļa, zila, perfekta. 832 00:42:47,040 --> 00:42:47,971 Tagad es esmu darīts. 833 00:42:47,971 --> 00:42:48,470 Es uzskatu. 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 Tātad, kas tas ir, ir tas, ka fons tiks iestatīts uz kādu virkni. 837 00:42:58,085 --> 00:42:58,585 Taisnība? 838 00:42:58,585 --> 00:42:59,710 Kas ir tas, ko mēs esam šeit. 839 00:42:59,710 --> 00:43:05,870 Tas būs daži RGB 255 komats 255 komats nulle, vai kāds numurs jums 840 00:43:05,870 --> 00:43:06,512 ir tur. 841 00:43:06,512 --> 00:43:08,220 Tātad mēs darām šeit, mums ir dažas virkni. 842 00:43:08,220 --> 00:43:11,910 Un ko mēs vēlamies darīt, ir, mēs esam veida dinamiski radīt 843 00:43:11,910 --> 00:43:14,010 ka tad, kad mēs faktiski palaist šo programmu. 844 00:43:14,010 --> 00:43:16,570 Tātad tas ir daži virkne. 845 00:43:16,570 --> 00:43:20,290 Plus concatenates to ar vērtība, ka sarkanā ir, 846 00:43:20,290 --> 00:43:23,320 kas concatenates to ar komats, kas concatenates to 847 00:43:23,320 --> 00:43:26,090 ar to, zaļā, un tā tālāk, un tā tālāk. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Līdz pašām beigām, kas ir slēgšanas iekavas šīs RGB šeit. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Tātad, kas tas ir gatavojas radīt zināmas komanda patiešām 852 00:43:37,230 --> 00:43:42,770 kas ir RGB no trim numuriem ka fons ir tagad noteikti. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Tātad, pieņemsim redzēt, ja tas darbojas. 855 00:43:46,510 --> 00:43:49,720 Es ceru, ka tas tā ir, jo, ja tas nav, es esmu būs reāls skumji. 856 00:43:49,720 --> 00:43:50,250 Ak nē. 857 00:43:50,250 --> 00:43:52,710 OK, turēt. 858 00:43:52,710 --> 00:43:56,730 Noteikti fona dot stils dot fona. 859 00:43:56,730 --> 00:43:59,569 Es noteikti pazudis kaut tikai maza. 860 00:43:59,569 --> 00:44:00,610 Vai tu puiši ienīst šo? 861 00:44:00,610 --> 00:44:04,020 Kad tas ir tikai maza maza kļūda? 862 00:44:04,020 --> 00:44:04,990 Visvarenais fona. 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 >> Mērķauditorija: [dzirdams] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON Buchholtz-AU: Nē. 868 00:44:12,770 --> 00:44:14,050 Es mēģināju šo pirms klasē. 869 00:44:14,050 --> 00:44:16,570 Man ir viss, ko es darīju pirms klases gadījumā, ja man bija, piemēram, 870 00:44:16,570 --> 00:44:17,970 "Pagaidiet, ko es daru nepareizi?" 871 00:44:17,970 --> 00:44:23,190 Jo man bija, piemēram, "Es, iespējams, būs izjaukt šo up kādā brīdī. " 872 00:44:23,190 --> 00:44:24,150 Plus zaļa. 873 00:44:24,150 --> 00:44:26,250 Viss izskatās, ka tas ir saliktās pareizi. 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 >> Mērķauditorija: [dzirdams] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON Buchholtz-AU: Ak, tur jums iet. 878 00:44:33,810 --> 00:44:35,520 Tas ir tas, ko man vajadzēja. 879 00:44:35,520 --> 00:44:36,805 Paskaties, ka. 880 00:44:36,805 --> 00:44:40,090 Tiffany glābt. 881 00:44:40,090 --> 00:44:40,590 Perfekta. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Tagad pieņemsim redzēt, ja tā darbojas. 884 00:44:43,834 --> 00:44:44,816 Ak mans Dievs. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Turiet par. 887 00:44:46,140 --> 00:44:48,280 >> Mērķauditorija: Space pēc otrās plus. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON Buchholtz-AU: Kurš? 889 00:44:50,310 --> 00:44:52,910 Oh wait, turēt. 890 00:44:52,910 --> 00:44:54,870 Space valkāt? 891 00:44:54,870 --> 00:44:57,209 >> Mērķauditorija: Otrais pluss zaļā konkatenācija. 892 00:44:57,209 --> 00:44:58,250 ALLISON Buchholtz-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 Mērķauditorija: Nav vietas pēc plusa, yeah. 894 00:44:59,570 --> 00:45:00,790 ALLISON Buchholtz-AU: You nav nepieciešams, ka, but-- 895 00:45:00,790 --> 00:45:01,190 Mērķauditorija: Ak, jums nav? 896 00:45:01,190 --> 00:45:01,910 ALLISON Buchholtz-AU: Tas izskatās diezgan. 897 00:45:01,910 --> 00:45:02,530 AUDITORIJA: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON Buchholtz AU: Let 's redzēt, ja tas darbojas. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Es esmu, protams, ja pie tas demo, kas man atgādina 902 00:45:07,836 --> 00:45:12,810 no lekciju otro nedēļu, bet es zinu, tas darbosies. 903 00:45:12,810 --> 00:45:15,860 Es zinu, tas darbosies. 904 00:45:15,860 --> 00:45:16,580 Tik tuvu. 905 00:45:16,580 --> 00:45:22,330 Ja es nejauši svītrots mans skripts par šo vienu. 906 00:45:22,330 --> 00:45:24,035 Nē, tā ir puse dot js. 907 00:45:24,035 --> 00:45:25,776 OK turēt uz. 908 00:45:25,776 --> 00:45:28,650 Es esmu gatavojas, lai kopētu to, un es esmu arī tikai gatavojas izdzēst visu, 909 00:45:28,650 --> 00:45:30,108 jo man bija šī darba agrāk. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Es apsolu tas darbojas. 912 00:45:33,770 --> 00:45:36,160 Ja nē, es jums parādīs, kas Tommy s ir. 913 00:45:36,160 --> 00:45:38,890 Un tur. 914 00:45:38,890 --> 00:45:42,380 >> Mērķauditorija: Jūs esat atsauču puse dot CSS, un tas ir puse DOT js. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON Buchholtz-AU: Ah, labi tieši šeit ir puse dot js. 916 00:45:45,940 --> 00:45:49,187 OK, ko man darīt savādāk? 917 00:45:49,187 --> 00:45:50,520 Labi, mēs redzētu, vai tas darbojas tagad. 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 Tātad, es nezinu, ko es darīju savādāk, bet tas ir tas, ko vajadzētu notikt. 921 00:46:02,110 --> 00:46:03,230 Kinda cool. 922 00:46:03,230 --> 00:46:06,650 Es noklikšķinājis uz to, piemēram, uz visiem laikiem. 923 00:46:06,650 --> 00:46:11,185 Bet mēs varam mēģināt un redzēt to, ko es darīju savādāk, ka tas viens bija. 924 00:46:11,185 --> 00:46:14,560 Es nezinu par jums, puiši, bet tas izskatās būtībā, ko es tikko uzrakstīju. 925 00:46:14,560 --> 00:46:17,950 Tur, iespējams, bija trūkstošais semikols kaut kur ir mana lieta. 926 00:46:17,950 --> 00:46:22,064 Patiesībā pēc, es domāju, ka man trūka semikols šeit faktiski. 927 00:46:22,064 --> 00:46:24,230 Bet es nevarēju redzēt, jo tas bija pie ekrāna. 928 00:46:24,230 --> 00:46:29,040 >> Bet, ja mēs pamanām, tas ir diezgan daudz tieši to, ko es tikko uzrakstīju. 929 00:46:29,040 --> 00:46:33,010 Es domāju, ka, iespējams, cieta daļa par tas ir tikai sava veida šī lieta tiesības 930 00:46:33,010 --> 00:46:36,830 šeit, izpratne ko tas tur dara. 931 00:46:36,830 --> 00:46:42,230 Šīs lietas veida jūs mācīties tiešām tikai ar Googling un godīgi 932 00:46:42,230 --> 00:46:42,880 tikai mēģina. 933 00:46:42,880 --> 00:46:46,770 Ja jūs domājat, ka tur ir dažas atribūtu, tur droši vien ir. 934 00:46:46,770 --> 00:46:48,382 Tāpēc izmēģiniet to. 935 00:46:48,382 --> 00:46:49,090 Redzēt, kas notiek. 936 00:46:49,090 --> 00:46:53,000 Kā jau teicu, tur ir daudz eksperimentēšana ar JavaScript, 937 00:46:53,000 --> 00:46:56,810 un PHP, un visu, kas sīkumi, un CSS īpaši. 938 00:46:56,810 --> 00:47:00,046 Tas ir vienīgais patiesais veids, kā izprast to. 939 00:47:00,046 --> 00:47:07,100 >> Labi, tāpēc pēc šī fiasko ar pusi dot js, mums ir divas citas iespējas. 940 00:47:07,100 --> 00:47:10,650 Mums ir pulksteni vai Twitter. 941 00:47:10,650 --> 00:47:12,190 Viņi abi interesanti. 942 00:47:12,190 --> 00:47:17,720 Varbūt ne tik jautri kā puse, kas bija foršs nedaudz strobing 943 00:47:17,720 --> 00:47:19,595 lieta beigās. 944 00:47:19,595 --> 00:47:21,714 Vai jums puiši ir dodat priekšroku? 945 00:47:21,714 --> 00:47:22,380 AUDITORIJA: Pulkstenis? 946 00:47:22,380 --> 00:47:22,950 ALLISON Buchholtz-AU: Pulkstenis? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Cool. 949 00:47:25,390 --> 00:47:30,460 >> Tātad vēlreiz, mums ir mūsu tukša JavaScript failu. 950 00:47:30,460 --> 00:47:35,800 Un, kā mēs redzam šeit, mēs ir daži ļoti vienkāršs HTML. 951 00:47:35,800 --> 00:47:40,010 Mums ir mūsu stila lapas, kas tikko formāti, kas tas būtu jāizskatās. 952 00:47:40,010 --> 00:47:42,860 Mums ir mūsu div ar Id pulksteni, kuru 953 00:47:42,860 --> 00:47:44,420 vienkārši saka, "tas būtu pulksteni." 954 00:47:44,420 --> 00:47:47,650 Un mums ir mūsu saikne mūsu JavaScript failu 955 00:47:47,650 --> 00:47:51,400 kas ir faktiski gatavojas radīt mūsu pulksteni par mums. 956 00:47:51,400 --> 00:47:56,060 Jo atdzist lieta, ir tas, ka jūs varat iestatīts JavaScript automātiski atsvaidzināt 957 00:47:56,060 --> 00:47:56,963 pati. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Tā vietā, lai gaida lietotājam hit Atsvaidzināt lapā 960 00:48:01,580 --> 00:48:03,840 lai jūs varētu saņemt atjaunināts laiks, JavaScript 961 00:48:03,840 --> 00:48:06,760 var atjaunināt to tomēr tas patīk. 962 00:48:06,760 --> 00:48:12,082 >> Tātad, kā ar mūsu pēdējais, mēs vēlējāmies piekļūt mūsu fona, vai ne? 963 00:48:12,082 --> 00:48:14,790 Tātad, ko jūs domājat, ka varētu būt Pirmā lieta, ko mēs vēlamies darīt šeit? 964 00:48:14,790 --> 00:48:19,538 Ja mēs esam sava veida iet off šāda veida paradigmas šeit? 965 00:48:19,538 --> 00:48:22,200 Mēs, iespējams, vēlas piekļūt mūsu pulksteni, vai ne? 966 00:48:22,200 --> 00:48:24,724 Tātad, mums ir dažas VaR pulkstenis, kas equals-- 967 00:48:24,724 --> 00:48:26,140 Ko mēs uzskatām, ka ir būs? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokumentu dot saņemt elementu pēc-- I arī mīlēt Sublime-- ID un mūsu ID ir pulkstenis. 970 00:48:42,670 --> 00:48:43,585 Semikols. 971 00:48:43,585 --> 00:48:45,710 Got, lai pārliecinātos, ka, lai saņemtu šie semikoliem šoreiz, 972 00:48:45,710 --> 00:48:47,835 jo es jūtu, ka bija problēma pēdējā reize. 973 00:48:47,835 --> 00:48:55,980 Labi, tāpēc, jo man bija tikai sakot ar mēģina ir JavaScript atsvaidzināt sevi, 974 00:48:55,980 --> 00:48:59,655 tur ir šo lielisko funkciju, es zinu, ka tas nāca parocīgs pagājušajā gadā, 975 00:48:59,655 --> 00:49:02,780 Es neesmu pārliecināts, ka tas nāk parocīgs šajā PSET, bet to sauc komplekts intervālu. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 Un tas ir tiešām ļoti forši, ja jūs guys darīt jebko 978 00:49:08,200 --> 00:49:11,460 ar laiku vai iegūt atjaunināta informācija. 979 00:49:11,460 --> 00:49:13,700 Uz mājas lapu galīgo projekts, tas ir iespējams 980 00:49:13,700 --> 00:49:16,240 funkcija vēlaties saņemt super pārzina. 981 00:49:16,240 --> 00:49:19,730 Tātad, ko noteikti intervālu tas ir, ka mēs ejam, lai dotu tai funkciju, 982 00:49:19,730 --> 00:49:21,830 un cik bieži tas būtu nosaukt šo funkciju. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Tātad šajā gadījumā, mēs esam tikai gatavojas izveidot kādu anonīmu funkciju atkal, 985 00:49:26,890 --> 00:49:31,530 Labi, ka ir gatavojas iegūt mūsu diena, un mūsu laiks, 986 00:49:31,530 --> 00:49:33,780 un pēc tam atjaunināt lietām un parādīt to. 987 00:49:33,780 --> 00:49:35,130 Tātad mēs jāuztraucas par to. 988 00:49:35,130 --> 00:49:39,120 Mēs būsim līdzīgi radīt pulksteni šeit. 989 00:49:39,120 --> 00:49:41,750 Bet to, kas mums nepieciešams, ir, kā bieži vien, lai atsvaidzinātu to. 990 00:49:41,750 --> 00:49:43,930 Tātad šajā gadījumā, tas ir tikai milisekundes. 991 00:49:43,930 --> 00:49:46,877 Tātad mēs esam tikai gatavojas do 100 milisekundes. 992 00:49:46,877 --> 00:49:48,210 Protams, pilnīgi patvaļīgi. 993 00:49:48,210 --> 00:49:50,600 Ja jūs vēlētos to, lai atjauninātu daudz lēnāk, jūs varētu. 994 00:49:50,600 --> 00:49:53,300 Mēs varam putru apmēram ar noteikta intervāla, 995 00:49:53,300 --> 00:49:57,240 cik liels mūsu intervāls ir pēc tam mēs darba pulkstenis, kas, cerams, es ņemšu 996 00:49:57,240 --> 00:49:59,660 nokļūt. 997 00:49:59,660 --> 00:50:04,110 Tātad tas ir tikai saka: "Labi, zvans šī funkcija ik pēc 100 milisekundēm. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 Tas ir viss, tā dara. 1000 00:50:07,280 --> 00:50:12,290 >> Tātad, ko mēs vēlamies, lai mūsu funkcija darīt, ir mēs vēlamies, lai ir dažas datums 1001 00:50:12,290 --> 00:50:14,200 un kādu laiku ir tas, ko mēs ejam, lai būtu. 1002 00:50:14,200 --> 00:50:19,740 Tātad, mēs varam sākt ar mūsu datums ir vienāds ar kaut ko, 1003 00:50:19,740 --> 00:50:22,708 un mūsu laiks ir vienāds kaut ko ka mēs vēl nezinām. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Vai tiešām, mums tikai vajag datumu, jo datums ir gatavojas iekļaut visu. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Atkal, ja jūs vienkārši Google kaut ko par ko jūs vēlaties darīt, ja jūs rakstīt, "OK, 1008 00:50:40,010 --> 00:50:41,980 Es gribu, lai iegūtu laiku izmantojot JavaScript ", tas 1009 00:50:41,980 --> 00:50:45,890 dos jums šo lielisko funkcija sauc get datums. 1010 00:50:45,890 --> 00:50:48,664 Burtiski, lielākā daļa lietas ka jūs vēlaties darīt, 1011 00:50:48,664 --> 00:50:50,830 JavaScript nāksies tas darīts jums jau ir. 1012 00:50:50,830 --> 00:50:55,770 Tātad, tas ir burtiski kā jauns get datums, kas ir creating-- 1013 00:50:55,770 --> 00:50:58,600 vai jaunais datums, rather-- kas rada 1014 00:50:58,600 --> 00:51:03,690 daži objekts, kas apzīmē datumu. 1015 00:51:03,690 --> 00:51:08,200 >> Un tas, ko mēs gatavojamies darīt, šeit ir šis is-- Es esmu gatavojas rakstīt šo, 1016 00:51:08,200 --> 00:51:10,820 un tad paskaidrot, ko tā dara. 1017 00:51:10,820 --> 00:51:12,560 Tāpēc es ņemšu pārliecinieties, man šīs tiesības. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> Labi, lai to, ko šī funkcija tas, ir, mēs esam tikai 1020 00:51:23,440 --> 00:51:30,680 radot HTML, kas ir faktiski gatavojas iet mūsu div id pulksteni. 1021 00:51:30,680 --> 00:51:34,610 Tātad, kas tas ir gatavojas darīt ir tikai gūt zināmu virkni, OK? 1022 00:51:34,610 --> 00:51:38,510 Kas tad būs transplantē mūsu HTML. 1023 00:51:38,510 --> 00:51:42,130 Būtībā tas, ko tā gatavojas darīt, ir kāds we-- ko es jums parādīs 1024 00:51:42,130 --> 00:51:49,070 ir tas, ka neatkarīgi mēs sakām HTML ir, mēs ejam, lai aizstātu šo tekstu šeit 1025 00:51:49,070 --> 00:51:51,090 ar kāda HTML ir. 1026 00:51:51,090 --> 00:51:56,390 Tātad tas notiek, lai ļautu mums mainīt mūsu pulksteņa dot 1027 00:51:56,390 --> 00:52:00,940 HTML no tā tikai teksts šis būtu pulksteni, lai faktiski parādot 1028 00:52:00,940 --> 00:52:05,630 numuri un lietas, kas mums rūp par, un faktiski pulksten. 1029 00:52:05,630 --> 00:52:09,810 >> Tātad, ko mēs gatavojamies darīt, ir, mēs esam gatavojas sākt radīt šo HTML. 1030 00:52:09,810 --> 00:52:16,520 Tātad, tādā pašā veidā, ka mēs izmantotā darīt plus vienāds par veseliem skaitļiem, 1031 00:52:16,520 --> 00:52:20,461 jūs tagad var darīt, ka stīgas, izņemot tas notiek uz saķēdēt tos. 1032 00:52:20,461 --> 00:52:20,960 Taisnība? 1033 00:52:20,960 --> 00:52:26,070 Kā mēs redzējām, ar partiju dot JS, tas tikai concatenates visas šīs lietas kopā. 1034 00:52:26,070 --> 00:52:31,970 Tātad jūs varat saķēdēt dažādas biti HTML no mainīgajiem, vai biti virknes 1035 00:52:31,970 --> 00:52:33,750 ka jūs rakstīt sevi, un tas tikai 1036 00:52:33,750 --> 00:52:38,650 tiešām ļauj dinamiski radīt HTML, kas ir diezgan forši. 1037 00:52:38,650 --> 00:52:42,040 Tātad, ja jums ir kaut kas ļoti lietotājam specifiskas, 1038 00:52:42,040 --> 00:52:44,130 tas var ļauj jums to darīt. 1039 00:52:44,130 --> 00:52:47,550 >> Tātad mums ir HTML, lai es dodos uz mēģināt un pārliecinieties, ka man šīs tiesības. 1040 00:52:47,550 --> 00:52:49,890 Tātad, mēs esam gatavojas darīt kādu h1 iesākumu. 1041 00:52:49,890 --> 00:52:53,610 Tātad, kas ir svarīgi apzināties, šeit ir tas, ka tas ir faktiski tikai HTML. 1042 00:52:53,610 --> 00:52:54,460 Taisnība? 1043 00:52:54,460 --> 00:52:56,610 Mēs rakstām aktuālā HTML kods šeit, tas ir 1044 00:52:56,610 --> 00:53:01,090 ne tikai virknes normālā veids, kā mēs varētu domāt par to. 1045 00:53:01,090 --> 00:53:02,930 Tātad mums ir dažas HTML. 1046 00:53:02,930 --> 00:53:04,940 Tas tiek uzskatīts string šeit tomēr. 1047 00:53:04,940 --> 00:53:10,380 Un mēs datumu dot-- mēs vēlaties saņemt mūsu stundas. 1048 00:53:10,380 --> 00:53:12,910 Atkal, ja jūs meklēt up kaut ko par datumu, 1049 00:53:12,910 --> 00:53:16,160 tas pateiks, tie visi atribūti, ka datums ir. 1050 00:53:16,160 --> 00:53:17,670 Un šeit ir tas, ko jūs varat izmantot to. 1051 00:53:17,670 --> 00:53:20,620 Tātad tas, iespējams, ir lietas, piemēram, get stundas, un saņemt minūtes, 1052 00:53:20,620 --> 00:53:24,669 un saņemt sekundes, un saņemt milisekundes, un kas zina, ko vēl viņi ir. 1053 00:53:24,669 --> 00:53:27,210 Bet, ja paskatās uz dokumentācija, tas viss būs tur. 1054 00:53:27,210 --> 00:53:31,980 >> Tāpēc mums ir nokļūt stundas, un tad mēs vēlētos 1055 00:53:31,980 --> 00:53:35,614 saķēdēt ka with-- es esmu gatavojas pārvietot šo vairāk nekā šeit. 1056 00:53:35,614 --> 00:53:38,780 Tātad, ja mēs radītu tieši tagad, mēs esam faktiski radot laiku, vai ne? 1057 00:53:38,780 --> 00:53:43,590 Mums ir stundas, un pēc tam to, kas ir starp stundas un minūtes? 1058 00:53:43,590 --> 00:53:45,080 Jums ir semikolu, vai ne? 1059 00:53:45,080 --> 00:53:48,010 Tātad, mēs vēlamies darīt kādu semikolu šeit. 1060 00:53:48,010 --> 00:53:51,780 Un tad mēs gribam, lai saņemtu mūsu minūtes, lai tādā pašā veidā 1061 00:53:51,780 --> 00:53:56,450 ka mums ir datums dot nokļūt stundas, kā varētu mēs mūsu minūtes? 1062 00:53:56,450 --> 00:54:01,542 Tas ir burtiski šim brīdim dot nokļūt minūtēm, ko es veida patīk. 1063 00:54:01,542 --> 00:54:03,250 Tas ir tāpat, "ak, cik es varu saņemt savu minūtes? " 1064 00:54:03,250 --> 00:54:05,850 Es tikai saņemt savu minūtes. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 Un tad mums ir vēl viens kolu šeit. 1067 00:54:10,990 --> 00:54:16,350 Un tad, ja mēs vēlamies, lai mūsu sekundes, kā varētu mēs saņemt mūsu otrais? 1068 00:54:16,350 --> 00:54:17,400 Datums dot get sekundes. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Es domāju, ka tas ir diezgan foršs. 1071 00:54:21,590 --> 00:54:23,589 Un, kas ir svarīgi, lai saprast, ir tas, ka mēs arī 1072 00:54:23,589 --> 00:54:31,730 nepieciešams aizvērt mūsu HTML tagu šeit, jo tas tomēr ir jābūt derīgam HTML, tāpēc h1. 1073 00:54:31,730 --> 00:54:33,481 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> Tātad pēc tam, mēs varam darīt pulksteni dot iekšējais HTML ir vienāds ar HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Tātad, atceries, kā es teicu iekšējais HTML būtībā 1077 00:54:46,470 --> 00:54:50,610 aizņem kāds ir starp divi tags ka mēs runājām 1078 00:54:50,610 --> 00:54:54,470 un ieliktņi vai manipulē kāds ir tur? 1079 00:54:54,470 --> 00:54:58,290 Tātad, ko tas dara, ja mēs ejam atpakaļ uz mūsu pulksteni, 1080 00:54:58,290 --> 00:55:04,180 ir tas, ka pulkstenis attiecas viss šajā div. 1081 00:55:04,180 --> 00:55:09,770 Tas ir iekšējais HTML Šī Id pulksteni div. 1082 00:55:09,770 --> 00:55:13,930 Un tā tas notiek, lai mainītu to, lai HTML, ka mēs tikko radīts, 1083 00:55:13,930 --> 00:55:16,750 kurš, kas, cerams, cerams, cerams, 1084 00:55:16,750 --> 00:55:21,026 rādīs laika tagad. 1085 00:55:21,026 --> 00:55:23,960 Redzēsim. 1086 00:55:23,960 --> 00:55:25,170 Protams. 1087 00:55:25,170 --> 00:55:26,860 Tik daudz tehniski jautājumi. 1088 00:55:26,860 --> 00:55:31,480 Allison ir just-- es esmu off savu spēli šodien puiši. 1089 00:55:31,480 --> 00:55:34,136 Labi, ka darbojas. 1090 00:55:34,136 --> 00:55:35,760 pulkstenis dot iekšējo HTML. 1091 00:55:35,760 --> 00:55:42,097 Tas bija HTML tiešām? 1092 00:55:42,097 --> 00:55:43,180 Arī tas ir tas, kas notiek. 1093 00:55:43,180 --> 00:55:48,750 Kad jūs nevarat redzēt kaut ko, jums paskatieties uz jūsu avota kodu. 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 Vai jūs vēlaties zināt, foršs darbs apkārt ka mēs esam gatavojas darīt tieši šeit? 1097 00:55:54,870 --> 00:55:55,740 >> Mērķauditorija: Vai jūs varat darīt lielos burtus? 1098 00:55:55,740 --> 00:55:56,580 Lielie burti? 1099 00:55:56,580 --> 00:55:58,996 Tāpēc, ka jums ir iegūt stundas, un pēc tam saņemt minūtes. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON Buchholtz-AU: Tas ir iegūt stundas un get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Jūs are-- zelta zvaigzni. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Tas viss tests, puiši. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Es apsolu, ka strādāju pirms klasi. 1106 00:56:17,330 --> 00:56:22,590 >> OK, bet kaut kas foršs zināt, ir ka jūs varat also-- ja dažreiz 1107 00:56:22,590 --> 00:56:26,560 jūsu ārējie faili ir iegūt mazliet traks, 1108 00:56:26,560 --> 00:56:30,960 Jūs varat arī vienkārši viņus taisni šeit, kas mēdz noteikt lietas. 1109 00:56:30,960 --> 00:56:35,840 Izņemot tas ir kā tiešām neglīts. 1110 00:56:35,840 --> 00:56:38,050 Protams, formatēt visu. 1111 00:56:38,050 --> 00:56:41,425 Pārliecinieties, ka tas viss ir diezgan. 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 >> Es gribēju darīt visas atdzist demos, un viņi vienkārši nedarbojas out. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Script VAR pulksteni. 1117 00:56:53,890 --> 00:57:00,350 Anyways, kas ir svarīgi, ir ka tas ir vispārējs veids 1118 00:57:00,350 --> 00:57:01,870 ka jūs varētu formatēt JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Kā jūs varat redzēt, tas var būt ļoti finicky reizēm, 1120 00:57:04,490 --> 00:57:08,780 pat tad, kad tas bija burtiski strādā divas sekundes pirms. 1121 00:57:08,780 --> 00:57:11,820 Vai ne divi otrkārt atpakaļ, bet ļoti, ļoti nesen. 1122 00:57:11,820 --> 00:57:16,070 >> Tātad, lai parādītu Jums to, ko tas izskatās, un, lai parādītu, ka es neesmu traks, 1123 00:57:16,070 --> 00:57:19,730 un ka viss ir tieši tā Tas pats, tas ir tas, ko tas izskatās. 1124 00:57:19,730 --> 00:57:27,410 Jūs tikai gatavojas to darīt augšējo daļu šeit, un, ja jūs apskatīt lapas kodu, 1125 00:57:27,410 --> 00:57:32,160 Ja pamanāt, viņš bija daži trakāks lietas, es tas vienkāršots. 1126 00:57:32,160 --> 00:57:35,710 Arī kredīts Tommy McWilliam, kas faktiski 1127 00:57:35,710 --> 00:57:38,810 palīdzēja man izveidot šos piemērus, kas ir iemesls, kāpēc es zinu, viņi strādā. 1128 00:57:38,810 --> 00:57:41,560 Jo Tommy ir JavaScript meistars. 1129 00:57:41,560 --> 00:57:43,180 Bet, ja mēs pamanām, mums ir dažas komplektu. 1130 00:57:43,180 --> 00:57:45,170 Mums ir mūsu pulksteņa funkcija šeit. 1131 00:57:45,170 --> 00:57:48,450 Tas ir viss, JavaScript, ka mēs tikko rakstīja, vai kādu no tā. 1132 00:57:48,450 --> 00:57:51,470 Mēs tikko rakstīja šo vienu šeit. 1133 00:57:51,470 --> 00:57:54,260 Un viņam ir papildus funkcija, kas tikko spilventiņi to 1134 00:57:54,260 --> 00:57:57,790 liekot nulles pirms burts vai pirms vairākiem, ja tas ir 1135 00:57:57,790 --> 00:57:59,412 tikai viens no tiem. 1136 00:57:59,412 --> 00:58:02,120 Tātad, ja jūs pamanāt, tas ir diezgan daudz tieši tas, ko mēs tikko rakstīja. 1137 00:58:02,120 --> 00:58:06,230 Jums ir dažas mainīgs pulkstenis, kas ir mūsu elements, iegūt elementa ID, 1138 00:58:06,230 --> 00:58:07,252 kas ir pulkstenis. 1139 00:58:07,252 --> 00:58:08,960 Mums ir noteikts intervāls funkcija, tas ir 1140 00:58:08,960 --> 00:58:12,670 anonīma funkcija kas izpilda visu. 1141 00:58:12,670 --> 00:58:16,940 Mēs esam daži sākas virkne HTML, ka mēs pēc tam dinamiski 1142 00:58:16,940 --> 00:58:20,750 radīt, ņemot daži h1 header, konkatenācijas 1143 00:58:20,750 --> 00:58:23,950 ar iegūtu stundas, plus mūsu resnās zarnas, plus iegūt 1144 00:58:23,950 --> 00:58:26,860 protokola, plus vēl resnās zarnas, kā arī mūsu sekundes, 1145 00:58:26,860 --> 00:58:29,330 un visbeidzot beidzas HTML par to. 1146 00:58:29,330 --> 00:58:34,210 Un tad mēs atjaunināt mūsu pulksteni dot iekšējo HTML HTML, 1147 00:58:34,210 --> 00:58:37,640 un mēs atjaunināt ik pēc 100 milisekundēm. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Skatīt Es apsolu es neesmu traks. 1150 00:58:42,470 --> 00:58:43,440 Es nezinu. 1151 00:58:43,440 --> 00:58:47,160 Es nezinu, kāpēc tas nepatīk mani. 1152 00:58:47,160 --> 00:58:54,030 Es jūtos kā izskatās vienādi, bet acīmredzot tas mani ienīst. 1153 00:58:54,030 --> 00:58:59,600 >> Tātad, pieņemsim redzēt, ja kārta trīs iet labāk. 1154 00:58:59,600 --> 00:59:00,970 Mēs esam par to, lai redzētu. 1155 00:59:00,970 --> 00:59:02,910 Es neesmu pārliecināts, kā tas notiek, lai iet. 1156 00:59:02,910 --> 00:59:06,700 Vai visi vismaz iegūt mīnusi, piemēram, tikai vispārējo tēmu 1157 00:59:06,700 --> 00:59:08,480 JavaScript, lai gan? 1158 00:59:08,480 --> 00:59:15,660 Es ceru, ka tas vismaz noderīgi, vairāk nekā parādot, ka tas ir mazliet finicky. 1159 00:59:15,660 --> 00:59:21,190 Bet jūsu problēma noteikti būs ļoti jautri. 1160 00:59:21,190 --> 00:59:22,590 Tas būs liels. 1161 00:59:22,590 --> 00:59:24,820 Tas nebūs tik garlaicīgs jo tas, es nedomāju. 1162 00:59:24,820 --> 00:59:28,100 Jūs faktiski nokļūt redzēt tiešām labas lietas. 1163 00:59:28,100 --> 00:59:31,734 >> Tātad pēdējais, bet ne mazāk svarīgi, mēs cenšamies čivināt vienu. 1164 00:59:31,734 --> 00:59:32,900 Es esmu patiešām nobijies tagad, puiši. 1165 00:59:32,900 --> 00:59:35,762 Es nezinu, kā tas notiek, lai iet. 1166 00:59:35,762 --> 00:59:39,930 Bet tikai, lai dotu jums nedaudz vairāk garša, un tas ir faktiski 1167 00:59:39,930 --> 00:59:44,190 manipulēšana stīgas un ieejas, ko mēs gatavojamies darīt 1168 00:59:44,190 --> 00:59:50,960 ir, ja mēs pamanām šeit ar HTML-- tas viens ir mazliet more-- 1169 00:59:50,960 --> 00:59:57,200 mums ir dažas teksta apgabalam, kas atbilst šo teksta zonā šeit. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 Un tas ir Id teksta. 1172 01:00:00,420 --> 01:00:04,520 Mēs Atjaunotajam tā mazliet ar kādu platumu un augstumu 1173 01:00:04,520 --> 01:00:07,310 ka mēs esam normēts, un mēs esam H1, 1174 01:00:07,310 --> 01:00:11,260 kas tikko ir mūsu header viens, ka pārstāv mūsu rakstzīmes. 1175 01:00:11,260 --> 01:00:14,570 Mēs likām tā kādu ID Atlikušās rakstzīmes, 1176 01:00:14,570 --> 01:00:18,660 un tad mums ir dažas skripts šeit, ko es esmu patiešām 1177 01:00:18,660 --> 01:00:20,790 cerot trešā reize s šarmu šeit, puiši. 1178 01:00:20,790 --> 01:00:26,750 >> Tātad, ko mēs vēlamies darīt, tajā pašā vispārējā vēnas 1179 01:00:26,750 --> 01:00:31,480 ka mēs esam darījuši ar pulksteni dot JS un puse dot js, kā mēs esam ievērojuši, 1180 01:00:31,480 --> 01:00:35,980 ir, mēs esam sākuši ar faktiski satveršanas lietas, kas mums rūp, vai ne? 1181 01:00:35,980 --> 01:00:42,330 Tātad šajā gadījumā, ir divi lietas, kas mums rūp, OK? 1182 01:00:42,330 --> 01:00:47,199 Viena lieta, ka mēs esam tiešām veida izskata un zīmēšanas datus no, 1183 01:00:47,199 --> 01:00:48,990 un viena lieta, ka mēs esam patiešām mainās. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Tātad tur ir mūsu HTML. 1186 01:00:53,730 --> 01:01:00,370 Ja tas ir mūsu mājas lapā šeit, kas ir ka mēs esam apskatot datus? 1187 01:01:00,370 --> 01:01:03,860 Tas būs ko citu teksts mūsu kastes, vai ne? 1188 01:01:03,860 --> 01:01:05,310 Tātad, kāds es rakstīt šeit. 1189 01:01:05,310 --> 01:01:08,150 Tas ir tas, ko es gribu zināt, vai tas, ko es gribu, lai apskatīt. 1190 01:01:08,150 --> 01:01:10,690 Un to, kas būs mainās mūsu mājas lapā? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Rakstzīmes atlikušo. 1193 01:01:14,880 --> 01:01:19,550 Tātad tādā pašā veidā, mēs vēlamies jāsāk ar inicializēšana mainīgos 1194 01:01:19,550 --> 01:01:22,030 kas faktiski tur uz šiem elementiem. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Tātad, ja mums ir daži VAR tas ir mūsu teksta apgabals, 1197 01:01:29,930 --> 01:01:33,681 un mums ir dažas VaR, kas paliek. 1198 01:01:33,681 --> 01:01:34,180 Taisnība? 1199 01:01:34,180 --> 01:01:36,190 Tātad tie gatavojas turēt šīs divas lietas. 1200 01:01:36,190 --> 01:01:42,370 Tātad pašu veida lieta, dokuments dot-- OK, es esmu 1201 01:01:42,370 --> 01:01:45,920 gatavojas lai pārliecinātos, tas ir dodas uz darbu šoreiz. 1202 01:01:45,920 --> 01:01:49,620 Es esmu ļoti metru atzīmi. 1203 01:01:49,620 --> 01:01:53,310 Labi, tāpēc, ja mēs vēlamies, lai mūsu teksta apgabals, saskaņā 1204 01:01:53,310 --> 01:01:55,710 mūsu HTML, kas ir mūsu identifikators? 1205 01:01:55,710 --> 01:01:56,420 Kas ir mūsu ID? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Tas ir tikai gatavojas būt teksts, jo tas rada mūsu teksta apgabalam, OK, 1208 01:02:05,540 --> 01:02:10,320 un mūsu ID ir teksts, tā ka ir kā mēs varam paķert to, kas ir tur. 1209 01:02:10,320 --> 01:02:12,130 OK, semikolu. 1210 01:02:12,130 --> 01:02:13,940 Es esmu būs super precīza par to, 1211 01:02:13,940 --> 01:02:16,300 jo es vēlos, lai tas strādātu šoreiz. 1212 01:02:16,300 --> 01:02:22,120 OK, darīt to pašu, nokļūt elementa Id. 1213 01:02:22,120 --> 01:02:25,970 Es esmu patiešām jautājums, kas ir izraisīja pārējās divas izjaukt. 1214 01:02:25,970 --> 01:02:29,750 OK, tad šo vienu, ko mēs vēlamies, lai piekļūtu? 1215 01:02:29,750 --> 01:02:30,760 Kas ir mūsu Id šeit? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Mums ir vēl viens ID Mūsu HTML, kas tas ir? 1218 01:02:36,261 --> 01:02:37,552 AUDITORIJA: rakstura atlikuši. 1219 01:02:37,552 --> 01:02:39,343 ALLISON Buchholtz-AU: Blondīne atlikušo. 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 Cool. 1223 01:02:46,010 --> 01:02:49,800 Tāpēc es esmu tikai gatavojas rakstu šo ļoti ātri. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Es esmu tikai gatavojas rakstīt šo sekundē. 1226 01:02:55,330 --> 01:02:56,190 Tātad teksta apgabals. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Kas ir interesanti ir B function-- tur ir daudz funkcijas, kas ne tikai 1229 01:03:06,180 --> 01:03:09,690 atbilst jūsu pele, bet jūsu klaviatūru. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Tātad jūs varat pateikt, ja kāds atslēga ir nospiests, jūs varat darīt lietas, piemēram, ka. 1232 01:03:16,540 --> 01:03:20,450 Tātad tas, kas mēs esam, izmantojot sauc par atslēgu uz augšu, kas 1233 01:03:20,450 --> 01:03:25,320 saka: "Ja jūs esat nospiests jebkuru taustiņu uz klaviatūras, kad lietotājs ir atcēlusi 1234 01:03:25,320 --> 01:03:28,064 to pirkstu off šo pogu, un galvenais ir kļuvusi unpressed, 1235 01:03:28,064 --> 01:03:29,480 tad mēs ejam, lai kaut ko darīt. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Tāpēc tas ir jēga, vai ne? 1238 01:03:31,370 --> 01:03:33,540 Jo katru rakstzīmi mēs tipa, mēs ejam 1239 01:03:33,540 --> 01:03:36,550 ir pacelt mūsu pirkstiem off no tā, tad, kad atslēga iet uz augšu, 1240 01:03:36,550 --> 01:03:40,980 mēs varam zināt, lai Samazināt mūsu rakstzīmes atlikušo. 1241 01:03:40,980 --> 01:03:44,440 >> Tāpēc mums ir daži no atslēgas uz augšu, un tādā pašā veidā, 1242 01:03:44,440 --> 01:03:47,480 mēs ejam teikt, "Labi, ja mēs to darām, mēs 1243 01:03:47,480 --> 01:03:55,110 gatavojas izveidot kādu funkciju, kas gatavojas veikt e ", šajā gadījumā, 1244 01:03:55,110 --> 01:03:58,800 un ko mēs vēlamies darīt, ir skaitu aprēķina atlikušo. 1245 01:03:58,800 --> 01:04:02,510 Labi, tāpēc pieņemsim tikai sākas , izveidojot mainīgo. 1246 01:04:02,510 --> 01:04:05,830 Tātad mums ir dažas mainīgs r, kas notiek, lai pārstāvētu 1247 01:04:05,830 --> 01:04:07,720 cik rakstzīmes mēs esam atstājuši. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Mēs zinām, ka mēs sākam ar 140, un, ja mēs gribam zināt, 1250 01:04:14,540 --> 01:04:18,360 teiksim, garumu šis virkne, kas ir bijis ieguldījums, 1251 01:04:18,360 --> 01:04:20,860 Vai jums puiši ir kāda ideja kā mēs varētu darīt? 1252 01:04:20,860 --> 01:04:23,900 Tikai, pamatojoties off acīmredzams lietas, piemēram, ja mēs vēlējāmies stundas, 1253 01:04:23,900 --> 01:04:25,870 mēs izmantojām nokļūt stundas. 1254 01:04:25,870 --> 01:04:28,860 Mēs zinām, ka mūsu mērķis ir tekstu, bet tā, jūs puiši 1255 01:04:28,860 --> 01:04:33,050 domā par to, kas varētu nākt pēc tam? 1256 01:04:33,050 --> 01:04:35,280 Jebkuras idejas? 1257 01:04:35,280 --> 01:04:41,730 >> Tāpēc šī ir sava veida mazāk intuitīvs, bet tā vērtību dot garums. 1258 01:04:41,730 --> 01:04:44,700 Tik vienkārši dod man kādu vērtība atribūts, kas 1259 01:04:44,700 --> 01:04:46,500 ir faktiski garums no šīs virknes. 1260 01:04:46,500 --> 01:04:50,340 Tātad, tas notiek, lai saka: "Labi, es esmu meklē pie visa šīs virknes ietvaros teksta zonā, 1261 01:04:50,340 --> 01:04:52,730 un es esmu gatavojas pateikt Jums, cik ilgi tas ir. " 1262 01:04:52,730 --> 01:04:55,500 Jo, ja mēs atceramies stīgas ir tiešām tikai bloki, 1263 01:04:55,500 --> 01:04:58,110 tāpēc mēs varam tikai pieņemt garumu tiem. 1264 01:04:58,110 --> 01:05:01,860 Tātad mums ir, ka. 1265 01:05:01,860 --> 01:05:04,058 Cool. 1266 01:05:04,058 --> 01:05:09,360 >> Tad ko mēs vēlamies darīt, ir mums nekad vēlaties, lai ļautu lietotājam 1267 01:05:09,360 --> 01:05:12,340 ievadīt vairāk nekā 140 rakstzīmes, vai ne? 1268 01:05:12,340 --> 01:05:15,610 Jo, ja mēs sakām, piemēram, "Ak, tu ir tikai tik daudz atlikušo, " 1269 01:05:15,610 --> 01:05:20,522 un tad ļaujiet viņiem darīt anyways, mēs esam bijuši meli. 1270 01:05:20,522 --> 01:05:22,230 Un tas ir vēl viens lieta, ka JavaScript 1271 01:05:22,230 --> 01:05:24,530 var būt ļoti labs par, ir lietotājam validācija 1272 01:05:24,530 --> 01:05:29,062 un pārliecinoties, ka jūsu lietotājs kopsolī jebkādus noteikumus 1273 01:05:29,062 --> 01:05:30,270 ka esat sniegta uz tiem. 1274 01:05:30,270 --> 01:05:36,020 Tātad, ja jūs vēlaties darīt lietas, piemēram, padarot pārliecināts, ka kāds ieguldījums savu e-pasta adresi, 1275 01:05:36,020 --> 01:05:40,242 vai pārliecinoties, ka tad, kad viņi ievadīt divas paroles, viņi saskaņota. 1276 01:05:40,242 --> 01:05:41,200 JavaScript var darīt. 1277 01:05:41,200 --> 01:05:44,010 Jūs varētu darīt kaut ko līdzīgu, "kad iesniegšanas forma, "vai tamlīdzīgi, 1278 01:05:44,010 --> 01:05:48,170 "Kad Iesniegt poga veidlapa ir uzklikšķināt, pārbaudiet visas šīs lietas. " 1279 01:05:48,170 --> 01:05:49,670 Un mēs varam darīt, ka JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Tātad tas ir tikai to, ko mēs gatavojamies darīt šeit. 1281 01:05:52,680 --> 01:05:57,810 >> Tātad, kādi varētu būt veids, kā pārbaudīt, vai tie esam aizgājuši vairāk nekā 140 rakstzīmes? 1282 01:05:57,810 --> 01:06:03,310 Kas notiks ar Mūsu vērtība r, ja viņi mēģinātu? 1283 01:06:03,310 --> 01:06:04,760 Tas būs negatīvs, vai ne? 1284 01:06:04,760 --> 01:06:07,380 Vai tas būs mazāk par vai vienāds ar nulli. 1285 01:06:07,380 --> 01:06:13,690 Tātad, mēs varam izmantot, ja tas ir tāpat kā viss pārējais. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 Un mums ir dažas teksta zonā dot vērtību, un to, ko mēs darām šeit 1288 01:06:20,480 --> 01:06:29,940 ir, mēs esam tikai cutting-- kas tas ir? 1289 01:06:29,940 --> 01:06:30,900 Piedodiet. 1290 01:06:30,900 --> 01:06:32,732 Tas viens, mēs vienkārši vēlamies atgriezties viltus. 1291 01:06:32,732 --> 01:06:34,030 I got sajaukt. 1292 01:06:34,030 --> 01:06:36,560 Visi Frazzled no lietām, nedarbojas. 1293 01:06:36,560 --> 01:06:40,010 Labi, mēs vienkārši vēlamies return false, un tad mēs 1294 01:06:40,010 --> 01:06:44,160 vēlas, lai parādītu Atlikušo rakstzīmes, vai ne? 1295 01:06:44,160 --> 01:06:48,720 Tātad ar pulksteni, mēs darījām kaut kas ar iekšējo HTML, vai ne? 1296 01:06:48,720 --> 01:06:52,070 Kur mēs, kas tas vienāds ar dažām mainīga, lai to, ko varētu mēs darām šeit? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Ko mēs mainīt iekšējo HTML? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> AUDITORIJA: Atlikušais? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON Buchholtz-AU: Mēs mainām atlikušo. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Visas tiesības, un ko mēs vēlaties, lai uzstādītu to vienāds ar? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Tas būs r, jo tas jābūt mūsu rakstzīmēm atlikušo. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Tāpēc es esmu patiešām nervu, lai redzētu, tas darbojas tagad, bet mēs redzēsim. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Atstājiet šo. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Tas ir ļoti ātri. 1312 01:07:37,700 --> 01:07:38,970 [Dzirdams] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Atkal, es esmu tikai gatavojas parādīs. 1315 01:07:45,990 --> 01:07:49,430 Kāda iemesla dēļ, mīnu nolemj nestrādāt, 1316 01:07:49,430 --> 01:07:53,354 bet tas, ko es jums parādīs, ir tas, ka šis is-- oh man vajadzēja likt ka. 1317 01:07:53,354 --> 01:07:57,470 Labi, mēs pamanām paša veida lieta šeit, kļūst teksta apgabalam. 1318 01:07:57,470 --> 01:08:01,070 >> Arī tad, ja pamanāt puisis, ja tur ir kādreiz kaut ko jūs vēlaties darīt, 1319 01:08:01,070 --> 01:08:04,080 un jūs nezināt, kā to izdarīt tas, vienkārši noklikšķiniet uz Skatīt lapas avotu, 1320 01:08:04,080 --> 01:08:06,632 un viņi dodas uz jums. 1321 01:08:06,632 --> 01:08:07,840 Dažreiz tas būs šifrēti. 1322 01:08:07,840 --> 01:08:11,147 Jūsu PSET, mēs šifrēt visu, tāpēc tas tikai izskatās buldurēšana. 1323 01:08:11,147 --> 01:08:13,480 Bet, ja tur kādreiz patiešām cool mājas lapu, kas jums patīk, 1324 01:08:13,480 --> 01:08:17,729 ja jūs vienkārši noklikšķiniet Skatīt lapas avotu, tas notiek, lai jums pastāstīt, kā to izdarīt. 1325 01:08:17,729 --> 01:08:20,770 Tātad vēlreiz, strādāt gudrāk, nevis smagāk. 1326 01:08:20,770 --> 01:08:24,250 Un, kā jūs redzat šeit, visi šīs lietas ir vienādi. 1327 01:08:24,250 --> 01:08:31,930 tas viens šeit tikai prasa zināmu apakšvirkni ka es aizmirstu, ko tieši tas dara. 1328 01:08:31,930 --> 01:08:36,980 Bet tas, protams, prasa zināmu apakšvirkni vērtības no nulles līdz desmit, 1329 01:08:36,980 --> 01:08:41,540 un atgriež False ko vajadzētu apstāties lietotājs no ievadot vairs, 1330 01:08:41,540 --> 01:08:46,040 un tad acīmredzot atjaunina iekšējais HTML tur. 1331 01:08:46,040 --> 01:08:47,410 >> Cool. 1332 01:08:47,410 --> 01:08:53,000 Tik liels Veikt aways no šodienas, eksperiments, apskatīt avota kodu 1333 01:08:53,000 --> 01:08:58,359 jo tas notiek, lai palīdzētu jums daudz, un visi, dažreiz JavaScript 1334 01:08:58,359 --> 01:09:03,200 var būt grūti strādāt ar un nav vienmēr strādā, kā jūs gaidīt to, 1335 01:09:03,200 --> 01:09:05,700 bet tikai jāmēģina jo es apsolu, ka būs. 1336 01:09:05,700 --> 01:09:08,376 Es apsolu visiem šiem piemēriem strādāja pirms klasi. 1337 01:09:08,376 --> 01:09:09,750 Es nesaprotu, kas noticis. 1338 01:09:09,750 --> 01:09:13,069 Man burtiski ir viss tas pats. 1339 01:09:13,069 --> 01:09:17,660 >> Vēl viena lieta, ko es tikai gribu parādīs puiši, kas var būt super noderīgi 1340 01:09:17,660 --> 01:09:21,630 ir in-- kas bija strādāt pirms? 1341 01:09:21,630 --> 01:09:23,935 Mēs saņēmām pusi darba, nav mums? 1342 01:09:23,935 --> 01:09:26,569 Es domāju, ka jā. 1343 01:09:26,569 --> 01:09:27,069 Jā. 1344 01:09:27,069 --> 01:09:27,630 Mēs darījām. 1345 01:09:27,630 --> 01:09:28,250 Awesome. 1346 01:09:28,250 --> 01:09:31,189 Labi, tā viena lieta, kas jūs guys vajadzētu zināt 1347 01:09:31,189 --> 01:09:33,340 ir konsole log, ka es runāju par. 1348 01:09:33,340 --> 01:09:37,040 Tātad mierināt dot žurnālu Sveiki. 1349 01:09:37,040 --> 01:09:40,430 Tātad šis ir sava veida JavaScript ekvivalents printf. 1350 01:09:40,430 --> 01:09:42,810 Tātad, ja jūs kādreiz vēlaties pārbaudīt savus mainīgos 1351 01:09:42,810 --> 01:09:49,649 vai redzēt, kas notiek tur, ko jūs varat darīt, ir, ja mēs pārbaudīt elementu, 1352 01:09:49,649 --> 01:09:51,899 ir tas, ko jūs vēlaties, lai iet lai, un jums iet uz konsoli, 1353 01:09:51,899 --> 01:09:53,770 jūs redzēsiet, ka tas drukāts sveiki. 1354 01:09:53,770 --> 01:09:55,750 >> Lai mēs varētu būt tā drukāt neatkarīgi mēs vēlējāmies. 1355 01:09:55,750 --> 01:10:04,170 Ja mēs vēlējāmies to izdrukāt fona dot stils dot fona, 1356 01:10:04,170 --> 01:10:08,454 mums būtu iespēja redzēt RGB triple, kas nāk uz augšu. 1357 01:10:08,454 --> 01:10:11,140 Vai ne. 1358 01:10:11,140 --> 01:10:13,520 Esmu aizmirsis, kā tieši jums izdrukāt mainīgo, piemēram, ka, 1359 01:10:13,520 --> 01:10:17,249 bet jums vajadzētu būt iespējai izdrukāt lietas, piemēram, ka. 1360 01:10:17,249 --> 01:10:19,040 Tas būs ļoti noderīga Jūsu PSET kad tas 1361 01:10:19,040 --> 01:10:23,330 jūs cenšaties manipulēt saskaņo vai plauktiņš. 1362 01:10:23,330 --> 01:10:25,270 Tāpēc viņi arī mainīt šo gabalu klasē. 1363 01:10:25,270 --> 01:10:30,750 Tas atšķiras no pēdējiem gadiem, lai vienkārši jauki jūsu TFS, vai TFS 1364 01:10:30,750 --> 01:10:36,350 pie darba laika diezgan, jo mēs esam veida mācīšanās kopā ar jums puiši. 1365 01:10:36,350 --> 01:10:41,230 Bet konsole log bija super, super noderīga JavaScript pagājušajā gadā. 1366 01:10:41,230 --> 01:10:42,740 Tā patīk. 1367 01:10:42,740 --> 01:10:43,780 Uzziniet, kā to izmantot. 1368 01:10:43,780 --> 01:10:49,026 Tas ir vieglāk izmantot nekā GDB, lai jābūt vismaz plus punkts. 1369 01:10:49,026 --> 01:10:50,650 Bet paldies puiši, nes ar mani. 1370 01:10:50,650 --> 01:10:53,400 Man žēl, ka mans piemēri kāda iemesla dēļ 1371 01:10:53,400 --> 01:10:55,410 vienkārši negribēja sadarboties ar mani, bet es 1372 01:10:55,410 --> 01:11:01,010 ceru, ka tas palīdzēja veida iegūt jums nedaudz vairāk zonā JavaScript. 1373 01:11:01,010 --> 01:11:04,980 Un sūtīt man uz visiem jūsu jautājumiem par nākamnedēļ, lai es varētu būt super remontēt, 1374 01:11:04,980 --> 01:11:09,420 un es atnesīšu konfektes un vēl papildus Candy jo tas bija smieklīgi. 1375 01:11:09,420 --> 01:11:14,000 Bet jūs puiši ir lieliski, un ir laba nedēļa. 1376 01:11:14,000 --> 01:11:15,584