1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON Buchholtz-AU: Selvä kaikille. 3 00:00:12,340 --> 00:00:13,520 Tervetuloa takaisin osiosta. 4 00:00:13,520 --> 00:00:15,315 Se on meidän toiseksi viimeinen jakso. 5 00:00:15,315 --> 00:00:16,542 Se on niin surullista. 6 00:00:16,542 --> 00:00:19,500 En tiedä, mitä aion tehdä näkemättä te joka maanantai. 7 00:00:19,500 --> 00:00:20,970 Kai meidän pitäisi just-- Ehkä voisimme vain 8 00:00:20,970 --> 00:00:22,710 tavata täällä ja on illallinen tai jotain. 9 00:00:22,710 --> 00:00:23,270 En tiedä. 10 00:00:23,270 --> 00:00:24,370 Tuon ruoan sijaan. 11 00:00:24,370 --> 00:00:26,290 Me vain puhua. 12 00:00:26,290 --> 00:00:29,900 Mutta kyllä, ensi viikolla olla viimeinen jakso. 13 00:00:29,900 --> 00:00:32,390 >> Komitea suosittelee, että sinulla on tietokilpailu ensi viikolla. 14 00:00:32,390 --> 00:00:35,660 Tiedän unohdin tehdä minun, kuten, kaksi viikko etukäteen viime viikolla, 15 00:00:35,660 --> 00:00:39,140 mutta toivottavasti te tiesi tämän olevan tulossa. 16 00:00:39,140 --> 00:00:42,880 Toivottavasti tämä on yksi viimeisistä midterms sinulle kaverit lukukauden. 17 00:00:42,880 --> 00:00:46,950 Mutta se tulee kattamaan kaikki materiaalia, että olemme menneet yli. 18 00:00:46,950 --> 00:00:50,811 Joten se ei ole kuin voit vain unohtaa noin neljä silmukoita tai muuttujia. 19 00:00:50,811 --> 00:00:52,560 Koska olemme oppineet kuin alussa, 20 00:00:52,560 --> 00:00:55,870 nämä ovat ilmeisen reilun pelin tietokilpailun. 21 00:00:55,870 --> 00:01:00,150 >> Se tulee olemaan samassa muodossa, sama pituus, joten olet jo tottuneet siihen. 22 00:01:00,150 --> 00:01:02,330 Siellä tulee olemaan koodaus käsin ongelmia, 23 00:01:02,330 --> 00:01:06,270 ehkä jotkut tosi vääriä, ehkä jotkut lyhyt vastaus. 24 00:01:06,270 --> 00:01:08,090 Joten kannattaa olla tuttu formaatti, 25 00:01:08,090 --> 00:01:10,940 varsinkin jos otat käytännön testejä. 26 00:01:10,940 --> 00:01:13,950 Mutta kuten sanoin täällä, se on kumulatiivinen, mutta olemme varmasti 27 00:01:13,950 --> 00:01:17,410 aiotaan keskittyen asioita viikolla kuusi eteenpäin. 28 00:01:17,410 --> 00:01:24,050 Joten, emme todennäköisesti aio kysyä, kuinka monta tavua 29 00:01:24,050 --> 00:01:26,180 ovat jokaisen tyypin tai tuollaiset asiat, 30 00:01:26,180 --> 00:01:29,730 mutta emme luultavasti olemaan kiinnostunut asioista, kuten liittyvät luettelot, 31 00:01:29,730 --> 00:01:32,750 tai erilaisia ​​tietorakenteita, tai eri algoritmien 32 00:01:32,750 --> 00:01:33,960 että olemme puhuneet. 33 00:01:33,960 --> 00:01:38,990 Joten varmista, että olet todella ylös ne, ja jos 34 00:01:38,990 --> 00:01:41,590 tarvitse mitään resursseja, täällä on paljon resursseja. 35 00:01:41,590 --> 00:01:44,790 Annoin teille sellainen nopeasäätöistä lista siellä. 36 00:01:44,790 --> 00:01:48,330 >> Ensi viikolla tulee tietokilpailu arvostelu tänä aikana. 37 00:01:48,330 --> 00:01:52,290 Joten jos sinulla on kysyttävää tai tietyistä aiheista, 38 00:01:52,290 --> 00:01:56,180 erityisiä asioita tietokilpailu, joka haluaisit mennä yli, ota 39 00:01:56,180 --> 00:02:01,780 lähettää ne minulle etuajassa niin voin eräänlainen valmistella materiaalia siitä. 40 00:02:01,780 --> 00:02:06,310 Ja tämän lisäksi jakson tarkastelu, me 41 00:02:06,310 --> 00:02:09,616 myös pitämällä kurssin laajuinen arvostelu kuten teimme viime kerralla. 42 00:02:09,616 --> 00:02:11,490 Ja se tulee olemaan tehdään samat ihmiset. 43 00:02:11,490 --> 00:02:13,030 En tiedä, jos se tekee sen paremmin tai huonommin, 44 00:02:13,030 --> 00:02:15,670 mutta se tulee olemaan minulle, Hannah, Davan, ja Gabe taas. 45 00:02:15,670 --> 00:02:18,630 Joten jos haluat tulla katsomaan meille kaikille pilailu keskenään 46 00:02:18,630 --> 00:02:21,270 ja opastaa tietokilpailu tarkastelu, sinun pitäisi ehdottomasti 47 00:02:21,270 --> 00:02:22,600 tullut, että ensi maanantaina myös. 48 00:02:22,600 --> 00:02:26,210 Joten sinun täytyy vain maanantai hillo pakattu Quiz tarkastelun, joka on hyvä 49 00:02:26,210 --> 00:02:29,840 koska silloin olet tiistai käsitellä kaiken läpi. 50 00:02:29,840 --> 00:02:32,230 >> Mutta ehdottomasti tehdä tarkistaa näitä resursseja. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net on ylivoimaisesti, I ajatella, yksi hyödyllinen, 52 00:02:36,030 --> 00:02:37,990 lähinnä koska se on paljon mallikoodi 53 00:02:37,990 --> 00:02:40,490 se on kaikki tehopisteet kaikki muistiinpanoja siitä, 54 00:02:40,490 --> 00:02:44,510 jotka ovat todella mitä piirrän eniten minun jaksossa materiaaleja. 55 00:02:44,510 --> 00:02:47,480 Jos on jotain edellisten kohdat, jotka olen saattanut lähettää pois 56 00:02:47,480 --> 00:02:49,920 että sinulla ei ehkä ole mennyt, juuri minulle. 57 00:02:49,920 --> 00:02:52,520 Kuten viime viikolla mallikoodi jos joku ei saada, että 58 00:02:52,520 --> 00:02:55,930 vain sähköpostia minulle tai tulla juttelemaan, ja minä varmista, että saat sen. 59 00:02:55,930 --> 00:03:02,000 >> Niin, että tänään olemme menossa puhuvan JavaScript. 60 00:03:02,000 --> 00:03:04,690 Joten tässä me Tommy, joka olin vain juttelemassa viime yönä. 61 00:03:04,690 --> 00:03:06,670 Rakastan Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript on hänen suosikki kieli, kuten hän sanoo täällä. 63 00:03:09,040 --> 00:03:14,050 He yrittävät kertoa teille, että se on ei paras, ja ne ovat väärin. 64 00:03:14,050 --> 00:03:16,510 Joten Tommy on JavaScript mestari. 65 00:03:16,510 --> 00:03:19,850 En ole aivan hänen tasolla, mutta olin kuin, 66 00:03:19,850 --> 00:03:22,900 "Tommy, miten opetan nämä lapset JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Joten sain joitakin vinkkejä, niin toivottavasti he työskentelevät. 68 00:03:26,700 --> 00:03:31,140 >> Joten pari asiaa tietää, että JavaScript on client-side scripting 69 00:03:31,140 --> 00:03:35,560 kieli, joten taas PHP on jotain että me pidetään enemmän palvelinpuolen, 70 00:03:35,560 --> 00:03:39,280 se ladata palvelimelle, koottu ja teloitettiin siellä. 71 00:03:39,280 --> 00:03:42,871 Tämä suoritetaan omalla koneella. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Joten lataat joitakin JavaScript sivu, ja se suorittaa koneellasi. 74 00:03:46,960 --> 00:03:49,910 Syntaksi on hyvin samanlainen kuin C ja PHP. 75 00:03:49,910 --> 00:03:52,490 Aiomme käydä läpi esimerkkejä JavaScript, 76 00:03:52,490 --> 00:03:56,740 ja te tulette näkemään, että miten puhumme muuttujia, silmukoita, 77 00:03:56,740 --> 00:03:58,910 ja olosuhteet ovat kaikki hyvin samankaltaisia. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Se, että ne ovat niin samanlaisia ​​on luultavasti laukaisee jotkut teistä 80 00:04:04,490 --> 00:04:08,529 up, joissakin tapauksissa vain siksi voit sisällyttää hieman C 81 00:04:08,529 --> 00:04:09,570 jossa ei pitäisi olla. 82 00:04:09,570 --> 00:04:14,130 Ehkä yrität kirjoittaa jotain kun se ei pidä kirjoittaa. 83 00:04:14,130 --> 00:04:16,540 >> Ja sinä, yksi asia tietää, että JavaScript 84 00:04:16,540 --> 00:04:19,360 on dynaamisesti kirjoitettu kieli, kuten PHP. 85 00:04:19,360 --> 00:04:21,410 Joten jos te muistaa osastosta viime viikolla, 86 00:04:21,410 --> 00:04:23,680 kun olimme tavallaan tekee Meidän PHP pikakurssin, 87 00:04:23,680 --> 00:04:28,860 näimme kuinka merkkijono voisi olla muuttui int yksi, ja niin edelleen. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Tyyppi muuttujat määritetään suorituksen aikana, 90 00:04:34,850 --> 00:04:38,180 joten ne saattavat muuttua ajan ohjelman aikana, 91 00:04:38,180 --> 00:04:43,109 ja samalla tavalla, että emme koskaan todella julistaa tyypit PHP muuttujia, 92 00:04:43,109 --> 00:04:45,900 aiomme tehdä saman juttu täällä, missä emme ole oikeastaan 93 00:04:45,900 --> 00:04:49,740 ohjataan tyypit meidän muuttujia, niin sanoakseni, kuten mekin C. 94 00:04:49,740 --> 00:04:52,200 >> Ja sitten yksi asia että on aika siistiä on 95 00:04:52,200 --> 00:04:54,090 että voit virhe Tarkista kautta konsolin, 96 00:04:54,090 --> 00:04:57,240 tämän suuren toiminto console.log, joka 97 00:04:57,240 --> 00:05:00,930 voit tulostaa eri muuttujia tai esineitä, jotka me will 98 00:05:00,930 --> 00:05:01,750 puhua. 99 00:05:01,750 --> 00:05:05,720 Aivan kuten viime viikolla, kun olin kuten, "käytä tätä toimintoa," jossa dump 100 00:05:05,720 --> 00:05:10,490 teidän pset tämä toiminto haluat käyttää, console.log. 101 00:05:10,490 --> 00:05:12,860 Olin niin yllättynyt, kuinka monta opiskelijoiden virka 102 00:05:12,860 --> 00:05:14,530 ei tiennyt dump-toiminto. 103 00:05:14,530 --> 00:05:19,010 Ja olin kuin, "kaverit, tämä tahto tehdä elämästäsi paljon helpompaa. " 104 00:05:19,010 --> 00:05:22,960 >> Okei, joten se oli sellainen vain lyhyt juttu, kuten aina, 105 00:05:22,960 --> 00:05:24,000 meillä on esimerkkejä. 106 00:05:24,000 --> 00:05:25,600 Tiedän te rakastatte niitä. 107 00:05:25,600 --> 00:05:30,930 Joten tässä on esimerkki hyvin yksinkertainen JavaScript-tiedosto täällä. 108 00:05:30,930 --> 00:05:34,000 Joten se on vain luomassa tämä pop-up, joka kertoo, 109 00:05:34,000 --> 00:05:36,336 "Hello World", kun anna sivun, mutta katsotaanpa 110 00:05:36,336 --> 00:05:37,960 yrittää kulkea tätä hieman. 111 00:05:37,960 --> 00:05:43,440 Joten ilmeisesti tämä on vain kuten normaali index.html. 112 00:05:43,440 --> 00:05:50,280 Joten, vain normaalin mallin täällä, ja meillä on HTML, meillä on pää, 113 00:05:50,280 --> 00:05:55,580 ja aivan kuten CSS, miten me myös joitakin ulkopuolella tiedoston, eikö? 114 00:05:55,580 --> 00:05:59,260 Meillä on joitakin script type tekstiä, joka on Javascript. 115 00:05:59,260 --> 00:06:02,680 Ja lähde on hello.js, joka on täällä. 116 00:06:02,680 --> 00:06:05,630 Tämä on koko tiedosto hello.js. 117 00:06:05,630 --> 00:06:09,080 Ja sitten meillä on joitakin otsikko ja jotkut elin HTML 118 00:06:09,080 --> 00:06:11,050 että emme välitä. 119 00:06:11,050 --> 00:06:15,970 >> Mitä tapahtuu on, kun me ladata tämä sivu, se suorittaa automaattisesti tämä kirjoitus. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Joten JavaScript suorittaa automaattisesti. 122 00:06:18,790 --> 00:06:22,860 Joten mitä se aikoo tehdä, se menee heti mennä ja suorita tämä. 123 00:06:22,860 --> 00:06:24,110 Ja se tulee sanoa, "hälytys. 124 00:06:24,110 --> 00:06:25,190 Hei maailma. " 125 00:06:25,190 --> 00:06:30,840 Mikä hälytys on toiminto, joka todella syntyy tähän ruutuun. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Joten se on eräänlainen kaikkien lukeutuvat. 128 00:06:33,390 --> 00:06:36,700 Ei ole mitään ylimääräistä meillä oli tehdä lisäksi vain hälytys, 129 00:06:36,700 --> 00:06:40,000 ja sitten mitä halusimme meidän Alert ruutuun. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Niin, että vain Super yksinkertainen esimerkki siitä, mitä JavaScript voi tehdä. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Yksi todella cool asioita, kuten tulemme näkemään, 134 00:06:50,070 --> 00:06:55,150 on, että JavaScript voit manipuloida Web-sivuja, 135 00:06:55,150 --> 00:06:57,720 ilman ladata ne joka kerta. 136 00:06:57,720 --> 00:07:01,830 Joten jos want-- esimerkiksi jos olet leijuu jotain, 137 00:07:01,830 --> 00:07:04,300 jos te koskaan nähnyt kuten Menu baareja, 138 00:07:04,300 --> 00:07:07,360 tai kun viet yli joitakin aihe, pudotusvalikosta näkyviin, 139 00:07:07,360 --> 00:07:08,670 se johtuu JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Joten et ole uudelleenlastauksen koko sivun päästä tätä valikkoa näy, 142 00:07:12,670 --> 00:07:17,240 olet vain etsivät tiettyjä toimia, jotka käyttäjä on tehnyt, 143 00:07:17,240 --> 00:07:21,800 joita kutsutaan tapahtumia saamme osaksi, ja kun näet, että sanot, 144 00:07:21,800 --> 00:07:25,960 "OK, muokata jotain tästä sivu ja tehdä se näyttää eri, 145 00:07:25,960 --> 00:07:28,270 mutta vain muokata näitä tiettyjä asioita. 146 00:07:28,270 --> 00:07:29,690 Älä lataa koko juttu. " 147 00:07:29,690 --> 00:07:33,110 Joten se todella on paljon mukavampaa, ja sinun ei tarvitse ladata sivuillesi, 148 00:07:33,110 --> 00:07:34,510 ja se on todella siistiä. 149 00:07:34,510 --> 00:07:38,270 >> Joten muuttuva julkilausumat, joten voit eräänlainen nähdä, 150 00:07:38,270 --> 00:07:40,530 Laitoin päälle täällä, löyhästi kirjoitettu. 151 00:07:40,530 --> 00:07:42,570 Joten tämä on hyvin samankaltainen kuin PHP. 152 00:07:42,570 --> 00:07:48,770 Meidän ei tarvitse kertoa JavaScript millaista olemme 153 00:07:48,770 --> 00:07:50,740 odottaa kaikkien näiden muuttujien. 154 00:07:50,740 --> 00:07:52,560 Ne voivat olla mitä tahansa tyyppiä haluamme. 155 00:07:52,560 --> 00:07:57,480 Joten huomaat tässä tapauksessa, me julistamme ne hyvin yksinkertaisesti, pelkästään "var" 156 00:07:57,480 --> 00:08:00,990 ja sitten mitä haluamme meidän muuttujan nimi olla. 157 00:08:00,990 --> 00:08:05,680 Yksi asia huomata on, että kun laittaa var edessä muuttujan nimi, 158 00:08:05,680 --> 00:08:07,520 se paikallisesti laajuuksia se. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Se on täysin kohtuullista sinulle kokonaan vain poistaa var 161 00:08:14,025 --> 00:08:18,970 ja vain vertaistuki CS50, ja että olisi vain globaali muuttuja. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Joten voit alustaa sen kummallakin tavalla, vain riippuu miten haluat sen. 164 00:08:22,490 --> 00:08:24,448 Joten jos olet alustetaan se sisällä toimintoa, 165 00:08:24,448 --> 00:08:28,070 ja haluat, että muuttujan pysyä scoped sisällä että toiminto, 166 00:08:28,070 --> 00:08:31,620 olet menossa haluavat tehdä jotain var nimi muuttuja, 167 00:08:31,620 --> 00:08:34,270 vs. jos haluat maailmanlaajuisesti scoped, sinun 168 00:08:34,270 --> 00:08:36,240 voi vain tehdä nimeä muuttuja ja sitten 169 00:08:36,240 --> 00:08:38,270 mitä haluat sen asetettu yhtä suureksi. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> Tämä on eräänlainen cool juttu täällä, koska jos huomaamme meidän muuttuja 172 00:08:45,580 --> 00:08:47,590 b alkaa out totta. 173 00:08:47,590 --> 00:08:51,280 Ja mitä tämä does-- voi joku kertoa minulle, mitä tämä tekee? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Joten meillä on joitakin hälytys. 176 00:08:55,890 --> 00:09:00,156 Mitä tyyppi b olla alku? 177 00:09:00,156 --> 00:09:00,905 Yleisö: Looginen. 178 00:09:00,905 --> 00:09:01,330 ALLISON Buchholtz-AU: Looginen. 179 00:09:01,330 --> 00:09:01,940 Oikea. 180 00:09:01,940 --> 00:09:07,260 Ja sitten me siirtää b Tämän merkkijonon, eikö? 181 00:09:07,260 --> 00:09:11,170 Niin täällä, millaista b olla? 182 00:09:11,170 --> 00:09:12,480 Eihän merkkijono, eikö? 183 00:09:12,480 --> 00:09:14,900 Joten mikä on tärkeää huomautus on, että C, me 184 00:09:14,900 --> 00:09:17,330 voisi melkein koskaan tehdä jotain. 185 00:09:17,330 --> 00:09:22,000 Meidän täytyisi olla vaihteleva, heittää sitä jotain muuta, 186 00:09:22,000 --> 00:09:27,185 ehkä tehdä joitakin funktion kaksi i, menevät maksutta kokonaisluku. 187 00:09:27,185 --> 00:09:31,063 Mutta jos huomaamme täällä, b hyvin helposti muuttuu kirjoitat. 188 00:09:31,063 --> 00:09:33,760 >> Yleisö: Odota, joten voit vain olla, "tee b kokonaisluku?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON Buchholtz-AU: Joo. 190 00:09:34,360 --> 00:09:36,185 Voit vain siirtää b kokonaisluku. 191 00:09:36,185 --> 00:09:36,910 >> Yleisö: Oikeasti? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON Buchholtz-AU: Joo. 193 00:09:38,035 --> 00:09:39,810 Ja sitten se olisi int. 194 00:09:39,810 --> 00:09:43,820 Joten muuttujat voivat muuttua ajan ohjelman aikana liikaa. 195 00:09:43,820 --> 00:09:46,410 Ne eivät ole tarkasti kirjoitetaan. 196 00:09:46,410 --> 00:09:49,180 Se on hyvin löyhästi kirjoitettu. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Periaatteessa muuttujat voi tehdä mitä he haluavat, koska me tavallaan näki PHP. 199 00:09:54,820 --> 00:09:59,430 He voivat tehdä joitakin hulluja asioita, niin on tärkeää olla melko varovainen. 200 00:09:59,430 --> 00:10:01,200 Nimeä muuttujat hyvin. 201 00:10:01,200 --> 00:10:03,450 Jos et, yhtäkkiä aiot olla, 202 00:10:03,450 --> 00:10:05,783 "Odottaa, ajattelin, että tämä oli merkkijono, ja nyt se on int, 203 00:10:05,783 --> 00:10:08,170 ja en ole aivan varma mitä täällä tapahtuu. " 204 00:10:08,170 --> 00:10:12,410 Joten tämä on vain yksinkertainen esimerkki osoittavat, miten muuttuva helposti 205 00:10:12,410 --> 00:10:15,890 muuttaa sen tyyppiä yli aikana ohjelman. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Joten tämä pitäisi näyttää super, super tuttu. 208 00:10:19,200 --> 00:10:21,510 Joten nämä ovat silmukoita JavaScript. 209 00:10:21,510 --> 00:10:27,780 Ne ovat täsmälleen samat, lukuun ottamatta neljän sijasta int i on nolla, 210 00:10:27,780 --> 00:10:30,470 voisimme sanoa var i on nolla. 211 00:10:30,470 --> 00:10:34,100 Ja sitten meillä voisi olla meidän samanlainen kunnon, samanlaista päivityksen, 212 00:10:34,100 --> 00:10:36,090 i plus plus toimii hienosti. 213 00:10:36,090 --> 00:10:39,800 Joten nelosta ovat samat, Whiles ovat samat, 214 00:10:39,800 --> 00:10:41,440 ja tehdä whiles ovat täsmälleen samat. 215 00:10:41,440 --> 00:10:44,070 Samanlainen yleiseen muotoon. 216 00:10:44,070 --> 00:10:48,840 Huomaamme, neljä, suluissa, suluissa, se on aivan sama. 217 00:10:48,840 --> 00:10:51,470 Myös siellä on puolipisteellä uusista esimerkin koodin. 218 00:10:51,470 --> 00:10:55,250 Näet ihan paljon samaa kuin c. 219 00:10:55,250 --> 00:10:59,770 >> Saat toiminto julkilausumat, jälleen, hyvin samanlainen. 220 00:10:59,770 --> 00:11:05,100 Meillä on joitakin toiminto, joka vain sanoo, että se on tehtävä, ja sitten 221 00:11:05,100 --> 00:11:07,660 nimi meidän toiminto, ja tulot. 222 00:11:07,660 --> 00:11:11,590 Ja vielä jos huomaamme, me ei ole tyyppejä täällä lainkaan. 223 00:11:11,590 --> 00:11:12,090 Oikea? 224 00:11:12,090 --> 00:11:18,150 Meillä ei ole mitään sanomalla, että nämä täytyy olla ints tai tuplaa, tai kelluu. 225 00:11:18,150 --> 00:11:19,530 Ne voisivat olla mitä he haluavat. 226 00:11:19,530 --> 00:11:23,560 Tärkeää on huomata, että Meidän täytyy kirjoittaa toiminto etukäteen 227 00:11:23,560 --> 00:11:26,430 anna JavaScript tietää, että tämä on todella tehtävä. 228 00:11:26,430 --> 00:11:29,820 >> Joten tämä on vain muutamia yksinkertaisia ​​summa funktio, joka palauttaa x: n tai y, 229 00:11:29,820 --> 00:11:33,800 ja mitä sitten on myös viileä on, että voit todella 230 00:11:33,800 --> 00:11:35,950 määrittää toiminnon muuttujaan. 231 00:11:35,950 --> 00:11:41,770 Joten tässä tapauksessa, summa on nyt toiminto, joka todella tekee summa. 232 00:11:41,770 --> 00:11:47,740 Joten jos huomaat täällä, meillä on toiminto, nimi toiminto, tuotantopanosten. 233 00:11:47,740 --> 00:11:48,860 Oikea? 234 00:11:48,860 --> 00:11:52,120 Täällä meidän on vain tehtävä ja tulot. 235 00:11:52,120 --> 00:11:54,310 Joten tämä on nimeltään anonyymi funktio. 236 00:11:54,310 --> 00:11:59,265 Ja tämä on jotain, että pitäisi olla uusi useimpiin te, jos ei kaikkia teitä. 237 00:11:59,265 --> 00:12:01,140 Joten periaatteessa, mitä se tarkoittaa, että emme 238 00:12:01,140 --> 00:12:03,050 täytyy nimi meidän tässä tapauksessa toimi. 239 00:12:03,050 --> 00:12:06,260 Voimme vain sanoa, "OK, aion on tämä toiminto, joka suorittaa tässä 240 00:12:06,260 --> 00:12:08,550 ovat sen tuloa, ja tässä mitä se aikoo tehdä. " 241 00:12:08,550 --> 00:12:12,540 Ja varsinkin kun olet osoitetaan toiminto jokin muuttuja 242 00:12:12,540 --> 00:12:14,950 että aiot manipuloida, et välttämättä 243 00:12:14,950 --> 00:12:17,116 täytyy nimetä, koska aiot viittaavan 244 00:12:17,116 --> 00:12:20,990 sille tämän muuttujan nimi, ei millä tahansa 245 00:12:20,990 --> 00:12:22,840 toiminto erotuksesta. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Joten jos näemme täällä, me joitakin vaihteleva summa nyt 248 00:12:27,810 --> 00:12:30,920 joka on yhtä suuri kuin summa kolme ja viisi. 249 00:12:30,920 --> 00:12:33,070 Ja saisimme tämän. 250 00:12:33,070 --> 00:12:36,750 Ja tämä olisi vain joitakin hälytys, kolme plus viisi on yhtä monta. 251 00:12:36,750 --> 00:12:43,950 Tämä plus vain liität mikä vastauksemme oli kiinni merkkijono. 252 00:12:43,950 --> 00:12:47,420 Myös viileä, plus voi liität jouset. 253 00:12:47,420 --> 00:12:53,510 >> JavaScript, kuten PHP, HTML ja CSS kuten sanoimme, 254 00:12:53,510 --> 00:12:56,450 paljon se, että olemme tavallaan ottaen apupyörät pois täällä 255 00:12:56,450 --> 00:13:02,030 ja teillä on paljon tietotaitoa miten todella ymmärtää näitä asioita. 256 00:13:02,030 --> 00:13:04,280 He hieman erilainen, mutta ne eivät ole niin ulko- 257 00:13:04,280 --> 00:13:09,460 ja että et voi googlettaa asioita tai etsiä niitä verkossa W3 kouluissa. 258 00:13:09,460 --> 00:13:12,755 Ja me todella odottanut sinua kaverit, sellainen, kokeilu 259 00:13:12,755 --> 00:13:14,400 ja oppia itse. 260 00:13:14,400 --> 00:13:19,490 Joten, tiedän tämä saattaa tuntua hieman vähemmän perusteellista kuin jotkut c asioita 261 00:13:19,490 --> 00:13:21,936 teemme, mutta se oikeastaan ​​syy. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Mutta toivottavasti se ei ole liian erilainen, ja se ei ole ylivoimainen. 264 00:13:28,470 --> 00:13:31,940 >> Joten levyjärjestelmän JavaScript, jälleen hyvin, hyvin samanlainen. 265 00:13:31,940 --> 00:13:32,460 Oikea? 266 00:13:32,460 --> 00:13:36,520 Meillä on joitakin vaihteleva joukko se sama tyhjä suluissa, 267 00:13:36,520 --> 00:13:40,340 ja se on vain tyhjä joukko. 268 00:13:40,340 --> 00:13:43,420 Tätä kutsutaan usein kirjaimellinen array merkintätapa. 269 00:13:43,420 --> 00:13:45,280 Se on vain yksi asia, me kutsumme sitä. 270 00:13:45,280 --> 00:13:51,380 Jos näemme array kaksi täällä, meillä on joitakin kirjaimellinen array että on kolme tekijää, 271 00:13:51,380 --> 00:13:51,910 oikeassa? 272 00:13:51,910 --> 00:13:54,640 Ja sitten meillä on joitakin var kolmas elementti, joka on 273 00:13:54,640 --> 00:13:58,060 jokin muuttuja, joka on juuri aikoo järjestää tämän merkkijono, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Elementtejä, hyvä huomata, erotetaan toisistaan ​​pilkuilla, 276 00:14:06,170 --> 00:14:07,740 aivan kuten odotamme. 277 00:14:07,740 --> 00:14:14,630 Ja voit myös käyttää näitä, kuten teimme C, jossa tämä indeksi notaatio, eikö? 278 00:14:14,630 --> 00:14:16,950 Joten eroaa PHP Nyt olemme menossa takaisin 279 00:14:16,950 --> 00:14:20,180 vain sellainen viittaavat asioita indekseittäin. 280 00:14:20,180 --> 00:14:22,189 Aivan kuten C, se on myös nolla-indeksi. 281 00:14:22,189 --> 00:14:25,230 Tunnen maali olisi todella julmaa jos he äkisti JavaScript yksi 282 00:14:25,230 --> 00:14:30,630 indeksi, ja sinun piti täysin pohtia, miten ajattelee paneelit. 283 00:14:30,630 --> 00:14:36,140 >> Yksi kova juttu on se, että sen sijaan joutua do-- jos joskus 284 00:14:36,140 --> 00:14:39,240 halusi pituus array, ehkä kerrata läpi 285 00:14:39,240 --> 00:14:43,430 kunnes löytää lopussa, tai te vain tiedä mitä se on. 286 00:14:43,430 --> 00:14:49,310 Koska JavaScript on hyvin löysä lisää muutenkin kuin tyyppi, kuten näemme täällä, 287 00:14:49,310 --> 00:14:53,310 Voimme vain tehdä tämän taulukon suurempi, koska päätämme. 288 00:14:53,310 --> 00:14:56,177 Jos huomaamme array kolme on kolme asiaa aloittaa, 289 00:14:56,177 --> 00:14:58,510 mutta sitten yhtäkkiä, olemme kuin "oi, vain leikkiä. 290 00:14:58,510 --> 00:15:01,370 Olemme todella menossa jotta se 101 asiaa. " 291 00:15:01,370 --> 00:15:05,300 Joten jos joskus haluat tietää todellinen pituus teidän array, 292 00:15:05,300 --> 00:15:06,680 teet sen näin. 293 00:15:06,680 --> 00:15:10,470 Ja me nähdä paljon Tämän merkintätapa esimerkeissä, 294 00:15:10,470 --> 00:15:12,730 mutta JavaScript se on yleensä mitä 295 00:15:12,730 --> 00:15:16,410 objekti että puhut dot tahansa sellainen toiminta 296 00:15:16,410 --> 00:15:17,740 haluat soveltaa. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Joten tässä tapauksessa, meidän esine on array kaksi, 299 00:15:20,520 --> 00:15:23,470 ja sanomme haluavamme pituus array kaksi. 300 00:15:23,470 --> 00:15:25,716 Joten tämä vain vaatii, kuten pituus siitä. 301 00:15:25,716 --> 00:15:27,090 Ja joka palauttaa pituus. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Myös jotain huomata että jos huomaamme meidän paneelit, 304 00:15:36,790 --> 00:15:39,830 toisin kuin C, heillä ei ole olla kaikki samaa tyyppiä. 305 00:15:39,830 --> 00:15:41,670 Tämä on paljon enemmän kuin PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript on pohjimmiltaan aivan kuten tämä mielenkiintoinen sulautuvat C ja PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Joten saamme tuohon. 309 00:15:52,170 --> 00:15:56,750 Nyt haluan vain olettaa että paneelit ovat pohjimmiltaan 310 00:15:56,750 --> 00:16:00,640 kuten C matriiseja, että ne nolla indeksoitu. 311 00:16:00,640 --> 00:16:04,120 OK, niin että on kaikki kaikessa. 312 00:16:04,120 --> 00:16:08,850 Voit myös vain laajentaa array mitä indeksi haluat. 313 00:16:08,850 --> 00:16:14,260 Tämä luultavasti Seg vika sinua tai antaa sinulle joitakin virhe, 314 00:16:14,260 --> 00:16:15,970 JavaScript on kuin, "Nah, se on hieno. 315 00:16:15,970 --> 00:16:16,620 Sain tämän. 316 00:16:16,620 --> 00:16:19,460 Me vain mennä suoraan missä haluat. " 317 00:16:19,460 --> 00:16:24,310 >> OK, esineet ovat erittäin tärkeitä. 318 00:16:24,310 --> 00:16:29,720 Te tulee käyttämään paljon näitä teidän P joukko, jos muistan oikein. 319 00:16:29,720 --> 00:16:34,780 Joten asia, että nämä ovat samanlainen C ovat structs. 320 00:16:34,780 --> 00:16:39,290 Joten voit ajatella about-- kun menemme esimerkki oikealle 321 00:16:39,290 --> 00:16:41,810 tämän jälkeen mielestäni se tulee tehdä paljon enemmän sense-- 322 00:16:41,810 --> 00:16:45,830 mutta olemme periaatteessa käyttää esineitä järjestää tietenkin liittyvää tietoa. 323 00:16:45,830 --> 00:16:47,780 Kun puhuimme structs C, usein 324 00:16:47,780 --> 00:16:53,405 puhua opiskelija, joka oli jonkin nimen, ID, talo, te tiedätte, keskittyminen. 325 00:16:53,405 --> 00:16:56,030 Ja se on tavallaan sama asia että käytämme esineitä täällä. 326 00:16:56,030 --> 00:16:59,300 Se on vain järjestää vastaavia tietoja. 327 00:16:59,300 --> 00:17:03,620 >> Voit myös ajatella näitä enemmän samanlainen yhdistysmuotoisia taulukot PHP. 328 00:17:03,620 --> 00:17:10,010 Joten tämä olisi sellainen asia jossa meillä on joitakin keskeisiä joidenkin arvo, 329 00:17:10,010 --> 00:17:12,859 hyvin samankaltainen PHP. 330 00:17:12,859 --> 00:17:15,780 Joten voit alustaa joitakin tyhjä esine, kuten näemme täällä, 331 00:17:15,780 --> 00:17:17,390 vain aaltosulkumerkkien. 332 00:17:17,390 --> 00:17:19,160 Joten paneelit ovat hakasulkeissa. 333 00:17:19,160 --> 00:17:21,220 Tyhjät esineet ovat aaltosulkeita. 334 00:17:21,220 --> 00:17:24,020 Hyvä ero on. 335 00:17:24,020 --> 00:17:27,319 Ja nämä ovat vain kaksi eri tapoja asettaa ominaisuuksia. 336 00:17:27,319 --> 00:17:31,460 Joten tämä on eräänlainen paljon enemmän niin, että 337 00:17:31,460 --> 00:17:35,220 on samanlainen PHP, meidän assosiatiiviset taulukot, jossa keskeisiä, 338 00:17:35,220 --> 00:17:39,910 ja meidän arvo, kun taas tämä is-- sinua will 339 00:17:39,910 --> 00:17:41,920 katso tämä paljon enemmän JavaScript. 340 00:17:41,920 --> 00:17:43,550 Näin näyttää olevan yleissopimuksen. 341 00:17:43,550 --> 00:17:47,660 Ja samalla tavalla, että teimme array kaksi piste pituus, tämä sanoo, 342 00:17:47,660 --> 00:17:51,580 "OK, anna minulle sitä Yhdistän tämän esineen. " 343 00:17:51,580 --> 00:17:52,110 Oikea? 344 00:17:52,110 --> 00:17:55,660 Joten samalla tavalla se oli kuin, "anna minulle määrite pituus array kaksi " 345 00:17:55,660 --> 00:17:59,970 tämä sanoo, "antaa minulle omaisuus meidän tyhjä esine. " 346 00:17:59,970 --> 00:18:02,890 Tai tässä tapauksessa, me olemme merkitsemällä se jotain arvoa täällä. 347 00:18:02,890 --> 00:18:06,200 Mutta voit myös käyttää sitä, että tavalla. 348 00:18:06,200 --> 00:18:09,090 >> Ja sitten täällä on vain osoittaa kaksi eri hälytyksiä. 349 00:18:09,090 --> 00:18:12,320 Joten tämä osoittaisi hälytykset olisi täsmälleen sama, 350 00:18:12,320 --> 00:18:17,150 se on vain kaksi erilaista tapaa päästä elementti, että haluamme. 351 00:18:17,150 --> 00:18:19,552 Onko järkeä kaikille? 352 00:18:19,552 --> 00:18:21,510 Tunnen kuten tämä luultavasti järkevämpää, 353 00:18:21,510 --> 00:18:23,270 vain koska olemme tulossa pois PHP. 354 00:18:23,270 --> 00:18:26,400 Mutta kun teemme enemmän esimerkkejä, tämä on kirjaimellisesti täsmälleen sama. 355 00:18:26,400 --> 00:18:28,170 Paljon se on vain muuttaa syntaksia. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, niin esimerkkejä. 358 00:18:33,030 --> 00:18:34,180 Rakastan esimerkkejä. 359 00:18:34,180 --> 00:18:40,070 Joten tässä on joitakin CS50 muuttuja, joka on esine, 360 00:18:40,070 --> 00:18:42,160 ja me tallentaa kaikki tämä tietoja. 361 00:18:42,160 --> 00:18:46,680 Joten meillä on tietenkin, opettaja, TFS, psets ja teipattu. 362 00:18:46,680 --> 00:18:51,840 Joten huomaamme nämä ovat lähes kaikki erilaisia. 363 00:18:51,840 --> 00:18:52,340 Oikea? 364 00:18:52,340 --> 00:18:56,230 Joten esineet voidaan tallentaa attribuutteja eri tyyppejä. 365 00:18:56,230 --> 00:19:01,220 Voimme ajatella this-- se on hyvin samanlainen kuin meidän assosiatiivisia array PHP. 366 00:19:01,220 --> 00:19:07,470 Joten avain, arvo, avain, arvo, avain, arvo, niin edelleen ja niin edelleen. 367 00:19:07,470 --> 00:19:11,230 Mikä on myös mielenkiintoinen samalla tavalla että voimme olla paneelit sisällä paneelit, 368 00:19:11,230 --> 00:19:14,690 Voimme myös esineitä esineitä, tai taulukoita sisällä esineitä. 369 00:19:14,690 --> 00:19:18,410 Et koskaan rajoitu vain yksi yksi asioista. 370 00:19:18,410 --> 00:19:24,220 Voimme saada hyvin Inceptionesque, vain jatka alas kanin reikä siellä. 371 00:19:24,220 --> 00:19:26,080 >> Joten jos huomaamme, me on joitakin kurssi, 372 00:19:26,080 --> 00:19:31,120 on merkkijono, ohjaaja, joka on merkkijono, ja array, int, ja Boolen. 373 00:19:31,120 --> 00:19:36,110 Joten kaikki nämä eri asioita. 374 00:19:36,110 --> 00:19:39,600 >> Okei, joten meillä on toinen. 375 00:19:39,600 --> 00:19:42,930 Joten tässä tapauksessa, meillä on joukko esineitä. 376 00:19:42,930 --> 00:19:45,320 Joten aivan kuten esine voi olla array siinä. 377 00:19:45,320 --> 00:19:47,210 Voimme myös joukko esineitä. 378 00:19:47,210 --> 00:19:51,250 Tämä saattaa olla hyödyllistä ajatella samanlainen laji 379 00:19:51,250 --> 00:19:54,260 miten meillä oli hash pöytä, meillä oli joukko 380 00:19:54,260 --> 00:19:56,220 Kaikkien näiden eri tyyppisiä tietueet, jotka 381 00:19:56,220 --> 00:19:59,070 oli viitteitä eri solmut ja vaikka mitä. 382 00:19:59,070 --> 00:20:01,420 Mutta tässä tapauksessa, me on joukko esineitä. 383 00:20:01,420 --> 00:20:04,890 Joten tämä on kuin joukko assosiatiivisia taulukoita. 384 00:20:04,890 --> 00:20:09,430 Joten meillä on joitakin Ensimmäisen osatekijän olla objekti nimi James 385 00:20:09,430 --> 00:20:11,340 ja talo Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Te ehkä muistaa jotain hyvin samanlainen kuin tämä 387 00:20:14,780 --> 00:20:21,710 kanssa viime pset, jossa jos veti jotain tietokannasta, 388 00:20:21,710 --> 00:20:24,480 ensimmäinen sellainen asia matriisisi oli 389 00:20:24,480 --> 00:20:27,110 kaikki tiedot ensimmäinen käyttäjä, joka tapasi sitä, 390 00:20:27,110 --> 00:20:30,765 ja sitten piti indeksi tuohon saada varastossa tai niiden välimuisti 391 00:20:30,765 --> 00:20:32,110 tai vaikka mitä. 392 00:20:32,110 --> 00:20:34,620 Joten tämä on hyvin paljon samaa juttu, vain vähän muutoksia 393 00:20:34,620 --> 00:20:39,570 syntaksia, hieman muutos sanamme kuvaamaan niitä. 394 00:20:39,570 --> 00:20:45,960 >> Joten jos halusimme, voi joku kertoa minulle, mitä tämä hälytys tekisi täällä? 395 00:20:45,960 --> 00:20:48,780 Tai mitä tämä vähän koodi tekisi meille? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 Yleisö: Se annan teille kaikki nimet. 398 00:20:52,616 --> 00:20:54,900 ALLISON Buchholtz-AU: Oikea, joten se olisi vain varoittaa kaikkia nimiä 399 00:20:54,900 --> 00:20:57,960 koska se menisi läpi mökki i, niin se olis alkavat nollasta. 400 00:20:57,960 --> 00:21:01,330 Joten se sanoisi, OK etsimme Tämän ensimmäisen esineen, joka 401 00:21:01,330 --> 00:21:03,210 on ensimmäinen rako meidän array. 402 00:21:03,210 --> 00:21:06,900 Ja se sanoo, "anna minulle attribuutin nimi että esine. " 403 00:21:06,900 --> 00:21:09,030 Joten mennään täällä, me osaisimme skannaus, olimme löytää nimi, 404 00:21:09,030 --> 00:21:11,340 ja olimme tulostaa James, Molly, ja Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Kaikki kysymykset tähän mennessä? 407 00:21:15,799 --> 00:21:17,590 JavaScript valitettavasti aiot olla 408 00:21:17,590 --> 00:21:20,950 tekee paljon etsii teidän oma, mietitään syntaksin, 409 00:21:20,950 --> 00:21:21,910 painiskelevat se. 410 00:21:21,910 --> 00:21:25,870 Mutta tietenkin olen aina täällä, Aukioloajat ovat aina täällä. 411 00:21:25,870 --> 00:21:28,260 Saatan olla tiistaisin tällä viikolla. 412 00:21:28,260 --> 00:21:31,050 Joten jos olet siellä, voit tulla käymään luonani tällä viikolla. 413 00:21:31,050 --> 00:21:32,470 Se olisi hienoa. 414 00:21:32,470 --> 00:21:36,260 >> OK, joten DOM on Document-Object Model. 415 00:21:36,260 --> 00:21:38,900 Joten tämä on vain tapa että haluamme ajatella 416 00:21:38,900 --> 00:21:45,720 siitä, miten HTML ja kaikkea sisällä se on järjestetty. 417 00:21:45,720 --> 00:21:49,930 Tämä on hyvin paljon jotain, luultavasti keksiä tietokilpailun. 418 00:21:49,930 --> 00:21:58,150 Tiedän vuosi, se oli kuin tässä HTML-tiedosto, täytä DOM sitä. 419 00:21:58,150 --> 00:21:59,770 Ja juuri täyttää vähän asioita. 420 00:21:59,770 --> 00:22:01,500 Näiden pitäisi olla helppoa pistettä toivottavasti. 421 00:22:01,500 --> 00:22:03,450 Toivottavasti sinun see-- 422 00:22:03,450 --> 00:22:04,590 >> Yleisö: [äänetön] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON Buchholtz-AU: Niin näet tämän puun täällä? 424 00:22:06,660 --> 00:22:07,200 >> Yleisö: Joo. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON Buchholtz-AU: Joten he kysyvät käyttö 426 00:22:08,949 --> 00:22:11,750 täyttää mikä menee rungon alle. 427 00:22:11,750 --> 00:22:15,770 Ehkä rungon alla, meillä on joitakin divs tai meillä on joitakin kohtia, 428 00:22:15,770 --> 00:22:19,160 ja pyydämme sinua täyttämään puu hyvin paljon tästä. 429 00:22:19,160 --> 00:22:21,440 Joten me voidaan kävely läpi. 430 00:22:21,440 --> 00:22:26,120 Joten Document-Object Malli on vain tapa 431 00:22:26,120 --> 00:22:31,240 jäsentää ja ajatella meidän HTML graafisesti. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 Ja myös uusista useampaan JavaScript, 434 00:22:35,840 --> 00:22:37,640 se tulee olemaan tavalla, että me todella 435 00:22:37,640 --> 00:22:39,990 manipuloida eri elementtejä sivulla. 436 00:22:39,990 --> 00:22:43,980 Meidän tapa saada jokaisen asioita meidän HTML, 437 00:22:43,980 --> 00:22:48,050 ja niin tämä antaa meille hyvin betoni standardoitu tapa 438 00:22:48,050 --> 00:22:51,010 politiikan eri web-sivuja tehdä. 439 00:22:51,010 --> 00:22:53,440 >> Joten jos me vain kävellä läpi täällä, tietenkin 440 00:22:53,440 --> 00:22:56,790 meidän asiakirja on kuin meidän koko tiedoston. 441 00:22:56,790 --> 00:22:59,350 Tämä tietenkin järkevää että se on korkein asia, 442 00:22:59,350 --> 00:23:03,520 ja sitten meillä on todellinen HTML, joka vastaa tätä tunnistetta täällä. 443 00:23:03,520 --> 00:23:08,480 Myös jos on luetelmakohdassa tageja oikein, luomalla sitten tämä DOM-puuhun 444 00:23:08,480 --> 00:23:10,530 tulee super yksinkertainen. 445 00:23:10,530 --> 00:23:12,400 Joten meillä on pää täällä. 446 00:23:12,400 --> 00:23:15,780 Meillä on joitakin elimen näemme varsi pois HTML, 447 00:23:15,780 --> 00:23:18,530 minkä vuoksi meillä on pään ja vartalon. 448 00:23:18,530 --> 00:23:22,880 Sisällä pää, meillä on joitakin otsikkokoodien loppua otsikkokoodien 449 00:23:22,880 --> 00:23:24,570 joten tiedämme, että tulee sen jälkeen pää. 450 00:23:24,570 --> 00:23:28,040 Ja meidän otsikko tag, meillä on hei, maailma. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Niin, että tämä koko vasemmalla haara. 453 00:23:31,311 --> 00:23:34,060 Ja sitten oikea käsi haara tässä näemme, että meillä on HTML, 454 00:23:34,060 --> 00:23:38,680 OK olemme tehneet tämän pään osa, etsimme juuri ruumiin, 455 00:23:38,680 --> 00:23:40,670 joten meillä on joitakin kehon alueella. 456 00:23:40,670 --> 00:23:44,350 Ja tuossa, vain asia meillä on hei, maailma. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Jos meillä olisi asioita, kuten jotkut kiinnike p ja sitten 459 00:23:54,130 --> 00:23:57,500 Hei, maailma, ja sitten toinen kiinnike p hyvästit, maailman, 460 00:23:57,500 --> 00:24:00,080 meillä olisi kaksi kuplia tulossa pois täältä. 461 00:24:00,080 --> 00:24:05,550 Koska he molemmat rungon alla, mutta he eri kohdissa tässä tapauksessa. 462 00:24:05,550 --> 00:24:11,520 On varmasti käytäntö siitä, että aiemmissa tietokilpailuja, 463 00:24:11,520 --> 00:24:14,570 sekä runsaasti verkossa sitä. 464 00:24:14,570 --> 00:24:18,260 OK niin, tämä vain antaa meitä näkemään kaiken hienosti 465 00:24:18,260 --> 00:24:20,810 ja manipuloida asioita hyvin järjestelmällisesti. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Tiedämme tarkalleen, miten kulkea läpi tämän puun, 468 00:24:23,640 --> 00:24:26,910 joten tiedämme, mitä haluamme päästä. 469 00:24:26,910 --> 00:24:31,690 >> OK joten tästä syystä haluamme saada tällaista mallia, 470 00:24:31,690 --> 00:24:35,190 jotta voimme käyttää asioita, kuten tämä, ja ymmärrämme, mitä ne tarkoittavat, 471 00:24:35,190 --> 00:24:38,370 ja he standardoitu kaikissa asioita, joita teemme. 472 00:24:38,370 --> 00:24:45,900 Joten asiakirja dot otsikko on vain otsikko our-- kaikki nämä 473 00:24:45,900 --> 00:24:48,960 ovat melko itsestään selvä, Haluan ajatella. 474 00:24:48,960 --> 00:24:51,660 Joten ensimmäinen kolmen esimerkkejä vain sanomalla, 475 00:24:51,660 --> 00:24:54,770 "OK, anna minulle otsikko tällä sivulla. " 476 00:24:54,770 --> 00:24:58,030 Joten se antaa sinulle mitä vastaa otsikkoa. 477 00:24:58,030 --> 00:25:01,880 >> Asiakirja piste elin on aio antaa teille mikä on näissä kehon tageja. 478 00:25:01,880 --> 00:25:03,240 Joten voit muokata sitä. 479 00:25:03,240 --> 00:25:07,820 Ja asiakirja dot body piste Kirjoita HTML on hyvin viileä yksi, 480 00:25:07,820 --> 00:25:11,660 ja ehkä ei ole, kuten Super intuitiivinen, mutta sisäinen HTML 481 00:25:11,660 --> 00:25:13,740 vastaa tätä täällä. 482 00:25:13,740 --> 00:25:17,410 Joten jos haluat joskus manipuloida tekstiä sivulla, 483 00:25:17,410 --> 00:25:22,700 tyypillisesti aiot tehdä jotain kehon pisteellä sisäinen HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Joten sisäinen HTML taipumus viitata mikä on todella välillä nämä tagit. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 Ja sitten hyödyllisiä toimintoja. 488 00:25:33,020 --> 00:25:40,390 Joten jos halusi saada mitään näistä, mitä tahansa elementti, 489 00:25:40,390 --> 00:25:43,140 meillä on joitakin Id, luokka nimi tai tunnistetta. 490 00:25:43,140 --> 00:25:47,100 Tämä on hyvin samankaltainen asioita teimme CSS, eikö? 491 00:25:47,100 --> 00:25:51,360 Jos meillä on jokin valitsin, että vastaavat joko tag, luokka 492 00:25:51,360 --> 00:25:53,800 että annamme heille, tai Id. 493 00:25:53,800 --> 00:25:55,310 Tämä on hyvin paljon samalla tavalla. 494 00:25:55,310 --> 00:26:00,720 Jos sinulla on jotain, on joitakin luokan koira, 495 00:26:00,720 --> 00:26:05,800 ja te sanotte saat elementit tunnistetta, ja laitat koiran there-- tai anteeksi, 496 00:26:05,800 --> 00:26:06,610 luokan nimi. 497 00:26:06,610 --> 00:26:07,770 Voit laittaa piste siellä. 498 00:26:07,770 --> 00:26:11,780 Se tulee palauttaa kaikki nämä elementtejä, että on, että luokka. 499 00:26:11,780 --> 00:26:13,880 Joten voit käsitellä vain niitä. 500 00:26:13,880 --> 00:26:18,430 Samalla tavalla, ehkä vain haluavat manipuloida joitakin header, joten 501 00:26:18,430 --> 00:26:20,980 Joissakin H1 otsikko, kuten teimme. 502 00:26:20,980 --> 00:26:24,900 Voisit tehdä saada elementit tag nimi, koska h1 on tunnisteen nimi. 503 00:26:24,900 --> 00:26:29,270 Ja samalla tavalla, jos haluat saada joitakin ainutlaatuisia asia, voit tehdä get tag. 504 00:26:29,270 --> 00:26:31,100 Hanki elementti Id. 505 00:26:31,100 --> 00:26:32,710 Ja ne ovat todella paljon näitä. 506 00:26:32,710 --> 00:26:36,300 Nämä ovat vain kuin kolme erittäin paljon. 507 00:26:36,300 --> 00:26:39,600 Joten jos menet verkossa, kuten Aion kannustaa 508 00:26:39,600 --> 00:26:45,342 voit tehdä, ja tehdä joitakin tutkimusta omasta, 509 00:26:45,342 --> 00:26:48,450 Olen ehdottomasti suositella tutkii kaikki nämä. 510 00:26:48,450 --> 00:26:50,880 Ne voisivat olla erittäin hyödyllinen erityisesti silloin, kun 511 00:26:50,880 --> 00:26:57,180 Haluatko vain sellainen manipuloida hyvin konkreettisia asioita ilman 512 00:26:57,180 --> 00:27:00,390 käydä läpi ja yrittää jäsentää kaiken. 513 00:27:00,390 --> 00:27:03,540 >> OK, joten viimeinen asia on JavaScript-tapahtumia. 514 00:27:03,540 --> 00:27:10,730 Joten kun puhuin aiemmin menossa päälle verkkosivuilla, 515 00:27:10,730 --> 00:27:14,340 ja kun viet yli jotain, tai hiiren leijuu jotain, 516 00:27:14,340 --> 00:27:15,420 jotain muuta tapahtuu. 517 00:27:15,420 --> 00:27:17,900 Tämä on mitä me haluaisimme ajatella tapahtumana. 518 00:27:17,900 --> 00:27:23,970 Eli meillä että voima olla hyödyllistä tässä onclick. 519 00:27:23,970 --> 00:27:29,140 Joten minun oli häilyä, jonka olen melko varma, on juuri häilyä. 520 00:27:29,140 --> 00:27:31,300 Myös ton näistä että voit etsiä. 521 00:27:31,300 --> 00:27:34,340 On koko lista verkossa Eri asioita 522 00:27:34,340 --> 00:27:37,130 että voit kuunnella. 523 00:27:37,130 --> 00:27:41,220 >> Mutta JavaScript tapahtumat ovat pohjimmiltaan vain vastaamalla asioita 524 00:27:41,220 --> 00:27:42,430 että käyttäjä tekee. 525 00:27:42,430 --> 00:27:42,930 Oikea? 526 00:27:42,930 --> 00:27:45,220 Joten käyttäjä ei jotain, joka on tapahtuma, 527 00:27:45,220 --> 00:27:48,340 ja JavaScript vastaamme mutta haluat sen. 528 00:27:48,340 --> 00:27:49,770 Se tulee vastaamaan. 529 00:27:49,770 --> 00:27:54,630 Joten tässä tapauksessa, meillä on Joissakin ikkuna dot onload. 530 00:27:54,630 --> 00:27:57,170 Joten mitä tämä sanoo, on, "odottaa kunnes ikkuna kuormitettujen. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Joten kun kaikki on ladattu, onload, voit suorittaa tämän toiminnon. 533 00:28:02,102 --> 00:28:03,810 Joten kun kaikki on ladattu, olet menossa 534 00:28:03,810 --> 00:28:07,760 on joitakin hakupainike että saa elementtiin Id, 535 00:28:07,760 --> 00:28:13,740 ja se tulostaa mitä se elementti on niin haku-painiketta. 536 00:28:13,740 --> 00:28:17,050 Ja sitten meillä on tämä muuttuja, sanomme, "OK, onclick." 537 00:28:17,050 --> 00:28:20,390 Eli kun kuulet naksahduksen Haku-painiketta, 538 00:28:20,390 --> 00:28:23,990 suorita tämä toiminto, joka on hälytys, klikkasit Haku-painiketta. 539 00:28:23,990 --> 00:28:28,910 >> Mitä tapahtuu is-- tämä on kiva pikku graafinen esitys täällä. 540 00:28:28,910 --> 00:28:31,480 Joten meidän asiakirja kuormia, se on meidän onload, 541 00:28:31,480 --> 00:28:34,340 löydämme haku painike, joka on tässä. 542 00:28:34,340 --> 00:28:36,570 Etsimme meidän haku-painiketta. 543 00:28:36,570 --> 00:28:40,790 Ja sitten kun hakupainikkeen napsautetaan, se vastaa täällä. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Sitten vihdoin varoittaa meidän käyttäjä, mikä on tämä viimeinen rivi täällä. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Joten jokainen näistä neljästä vaiheesta vain vastaa neljä laatikkoa 548 00:28:52,960 --> 00:28:55,031 siellä pohjassa. 549 00:28:55,031 --> 00:28:56,405 Onko järkeä kaikille? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> Ja sitten yksi asia, että olen juuri menossa mainita hyvin, hyvin lyhyesti, että olen 552 00:29:05,200 --> 00:29:08,660 Kannustamme sinua kaverit mennä katsomaan paremmin on 553 00:29:08,660 --> 00:29:13,210 jQuery, joka on vain kirjasto joka on rakennettu päälle JavaScript. 554 00:29:13,210 --> 00:29:16,480 Se on erittäin hyödyllinen, koska useimpien kirjastojen. 555 00:29:16,480 --> 00:29:18,320 Siellä on paljon toimintoja. 556 00:29:18,320 --> 00:29:21,930 Joten jos on koskaan jotain, haluat tehdä JavaScript, 557 00:29:21,930 --> 00:29:24,880 ensimmäinen vaisto ei pitäisi ajatella 558 00:29:24,880 --> 00:29:27,340 on, "mitä toimintaa tulee Olen koodin? "Sen pitäisi olla, 559 00:29:27,340 --> 00:29:29,560 "Anna minun nähdä jonkun jo tehnyt tämän minulle. " 560 00:29:29,560 --> 00:29:32,800 Koska yhdeksän kertaa kymmenestä, joku on tehnyt sen jo, 561 00:29:32,800 --> 00:29:35,760 ja he luultavasti ovat tehneet sen paremmin. 562 00:29:35,760 --> 00:29:39,990 Ihmiset viettävät paljon aikaa tehdä näitä, ja JavaScript on käytetty erittäin laajasti 563 00:29:39,990 --> 00:29:42,810 joten ihmiset ovat jatkuvasti yrittävät tehdä sen paremmin. 564 00:29:42,810 --> 00:29:47,110 Ja jQuery on paljon toimintoja Todennäköisesti sinulle hyötyä 565 00:29:47,110 --> 00:29:50,470 lopullisessa projektissa jos olet tehdä mitään web design. 566 00:29:50,470 --> 00:29:53,480 Kuten sanoa, "työ fiksummin, ei kovemmin. " 567 00:29:53,480 --> 00:29:57,130 Jos teette, että se tulee olemaan suuri. 568 00:29:57,130 --> 00:30:00,330 Kun me olemme hackathon en haluamme teidän olevan kaikki stressaantunut. 569 00:30:00,330 --> 00:30:03,600 Haluan sinun olevan kuin "sain tämä. jQuery: n sain takaisin. 570 00:30:03,600 --> 00:30:05,790 En tarvitse kirjoittaa näitä toimintoja. " 571 00:30:05,790 --> 00:30:07,636 >> Joten vain kaksi asiaa Muistan, aion 572 00:30:07,636 --> 00:30:10,220 antaa te etsiä lisää osaksi jQuery itse. 573 00:30:10,220 --> 00:30:13,070 Kaikki aion sanoa on se tekee joitakin melko mahtavia asioita 574 00:30:13,070 --> 00:30:15,220 ja voi tehdä elämästäsi paljon helpompaa. 575 00:30:15,220 --> 00:30:17,150 Mutta mitä haluat on on mitä tiedosto 576 00:30:17,150 --> 00:30:21,020 että aiot käyttää sitä, olet menossa haluavat nämä kaksi riviä. 577 00:30:21,020 --> 00:30:25,630 Olet menossa halua käsikirjoituksen js jQuery dot js. 578 00:30:25,630 --> 00:30:28,500 Ja oikeastaan ​​lähde tulee olemaan noin URL. 579 00:30:28,500 --> 00:30:35,870 Jos googlettaa jQuery, Google oikeastaan ​​isännöi kaikki tiedostot puolestasi. 580 00:30:35,870 --> 00:30:38,950 Joten et varmasti halua tulo että URL sijaan. 581 00:30:38,950 --> 00:30:41,130 Sain laittaa täällä yksinkertaisuuden vuoksi. 582 00:30:41,130 --> 00:30:45,180 Kaikki tämä tarkoittaa sitä, mistä löytää jQuery kirjasto. 583 00:30:45,180 --> 00:30:48,600 Se on massiivinen, joten et halua isäntä se omalle koneelle 584 00:30:48,600 --> 00:30:53,390 jos sen voi välttää, ja siksi taipumus vain laittaa Googlen URL että 585 00:30:53,390 --> 00:30:55,880 isännöi kaikki nämä tiedostot puolestasi. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Sinä googlettaa, lupaan se on siellä. 588 00:30:58,850 --> 00:31:01,200 >> Ja sitten mitä tahansa JavaScript-tiedosto, että olet 589 00:31:01,200 --> 00:31:07,150 käyttäen, joten tämä on vain jokin ulkoinen JavaScript-tiedoston, että käytät. 590 00:31:07,150 --> 00:31:11,570 Samalla tavalla, että me linkittää meidän CSS tiedostoja, tämä on samanlainen asia. 591 00:31:11,570 --> 00:31:15,480 Tämä vain linkkejä tiedosto jossa JavaScript on. 592 00:31:15,480 --> 00:31:18,970 Ja minulla on joitakin esimerkkejä yksinkertaisia ​​JavaScript. 593 00:31:18,970 --> 00:31:20,220 Joten me olla menossa läpi. 594 00:31:20,220 --> 00:31:27,230 Ja sitten sinun indeksi JavaScript, mikä on JavaScript-tiedosto täällä, 595 00:31:27,230 --> 00:31:30,900 tämä on eräänlainen kääreen että sinulla on jQuery. 596 00:31:30,900 --> 00:31:33,860 Olet melkein 99,9 prosenttia ajasta menee 597 00:31:33,860 --> 00:31:36,800 on tämä teidän index.js tiedosto. 598 00:31:36,800 --> 00:31:40,010 Koska mitä tämä sanoo ei, "Älä suorita mitään 599 00:31:40,010 --> 00:31:43,480 kunnes asiakirja on tosiasiallisesti valmis ", joka on juuri sitä mitä haluat. 600 00:31:43,480 --> 00:31:46,600 Koska jos asiakirja ei ole valmis, ja jQuery alkaa tehdä asioita, 601 00:31:46,600 --> 00:31:48,020 se on vain sotkua. 602 00:31:48,020 --> 00:31:50,480 Joten haluat aina olla tämän kääre. 603 00:31:50,480 --> 00:31:55,760 Ja sitten asioita, jotka menevät sinne, I jättää oman kaverit omien Silmäillessäni. 604 00:31:55,760 --> 00:32:04,610 >> OK, joten onko mitään kysyttävää oikeus nyt noin JavaScript yleensä? 605 00:32:04,610 --> 00:32:07,420 Tai DOM malli? 606 00:32:07,420 --> 00:32:10,780 Jos ei, meillä on hienoja esimerkkejä siitä, että voimme mennä läpi, 607 00:32:10,780 --> 00:32:13,120 että te auttaa minua koodin. 608 00:32:13,120 --> 00:32:15,877 Mutta olen myös olemaan Super mukava, ja jos 609 00:32:15,877 --> 00:32:17,960 halua sanoa mitään Näiden, se käy hyvin. 610 00:32:17,960 --> 00:32:20,510 Voin myös vain antaa sinulle esimerkkejä. 611 00:32:20,510 --> 00:32:24,581 Mutta mitään PowerPoint ennen kuin siirrymme? 612 00:32:24,581 --> 00:32:25,080 Cool. 613 00:32:25,080 --> 00:32:26,990 >> Tunnen te tarvitse energiaa. 614 00:32:26,990 --> 00:32:31,516 Joten mielestäni me aiomme aloittaa kanssa puolueeni esimerkki ensimmäinen. 615 00:32:31,516 --> 00:32:33,390 Meillä on kolme esimerkkiä, sinulla on valintasi. 616 00:32:33,390 --> 00:32:37,720 Joten meillä on kello, minne olemme menossa toteuttaa todellinen kellon, joka on 617 00:32:37,720 --> 00:32:41,430 päivittämässä ajan myötä. 618 00:32:41,430 --> 00:32:43,310 Meillä on tämä suuri Twitter toimintoa. 619 00:32:43,310 --> 00:32:44,560 This-- tiedät mitä, odota. 620 00:32:44,560 --> 00:32:47,220 Aiomme tehdä tämän mennä pois. 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 >> Meillä on tämä suuri Twitter toiminto täällä, that-- tiedän, eikö? 624 00:32:56,132 --> 00:32:57,090 Se tulee olemaan suuri. 625 00:32:57,090 --> 00:32:58,350 Oletko kaverit innoissaan? 626 00:32:58,350 --> 00:33:01,170 Tämä on menossa laskea montako merkkejä sinulla on jäljellä, 627 00:33:01,170 --> 00:33:04,520 joten jos kirjoitan nyt, ilmeisesti se vielä sanoo 140, 628 00:33:04,520 --> 00:33:06,190 mutta me tiedämme, että se ei pidä paikkaansa. 629 00:33:06,190 --> 00:33:08,570 Ja sitten meidän viimeinen täällä, klikkaa tästä juhlia. 630 00:33:08,570 --> 00:33:12,150 Mitä tulee tapahtumaan on, kun me sitten, tausta n 631 00:33:12,150 --> 00:33:13,340 aio muuttaa väriä. 632 00:33:13,340 --> 00:33:17,060 Joten teillä teidän vaihtoehtoja mitä haluat tehdä ensin. 633 00:33:17,060 --> 00:33:19,800 Lupaan ottaa erittäin helppoa sinulle. 634 00:33:19,800 --> 00:33:22,680 Tunnen kaikki on tavallaan vain hyvin pieni avain tänään. 635 00:33:22,680 --> 00:33:25,540 Joten minä opastaa miten me toteuttaa kaikki nämä. 636 00:33:25,540 --> 00:33:28,520 Jos haluat säestää vuonna, että on hienoa, mutta en 637 00:33:28,520 --> 00:33:30,020 tuntuu jokainen on hieman väsynyt. 638 00:33:30,020 --> 00:33:32,970 Joten minä vain kävelen kautta näihin esimerkkeihin. 639 00:33:32,970 --> 00:33:35,015 Onko meillä jotain haluaisimme tehdä ensin? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Kuka tahansa? 642 00:33:39,475 --> 00:33:41,350 Ei valintaa? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Tiedätkö mitä? 645 00:33:42,450 --> 00:33:43,290 Olemme puolue. 646 00:33:43,290 --> 00:33:48,380 Tunnen te tarvitset little-- niin, me teemme puolue ensin. 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 >> Eli meillä here-- se ei pitäisi olla siellä. 650 00:33:56,930 --> 00:33:57,910 Nyt se on hyvä. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Joten mitä meillä täällä on pelkkä HTML sivu 653 00:34:03,110 --> 00:34:07,840 että te kaikkien pitäisi olla erittäin tuntee teidän kahden viimeisen psets. 654 00:34:07,840 --> 00:34:10,212 meillä asiak tyyppi täällä. 655 00:34:10,212 --> 00:34:10,920 Voivatko kaikki nähdä? 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 Meillä on HTML ilmeisesti. 659 00:34:13,900 --> 00:34:18,360 Meillä on joitakin otsikko, joka on liittyy tyylisivu 660 00:34:18,360 --> 00:34:21,420 juuri tehnyt minun font mukava ja iso ja rohkea. 661 00:34:21,420 --> 00:34:23,489 Joten älä ole huolissasi, että. 662 00:34:23,489 --> 00:34:26,437 >> Meillä on joitakin kehon Id tausta, OK? 663 00:34:26,437 --> 00:34:28,520 Koska aiomme olla muuttamalla tausta. 664 00:34:28,520 --> 00:34:31,964 Joten kun olemme muuttumassa tausta kehomme, 665 00:34:31,964 --> 00:34:35,965 muistamme kaksi viikkoa sitten kun olemme tekemisissä web-sivuja. 666 00:34:35,965 --> 00:34:36,840 Niin hyvä on, että. 667 00:34:36,840 --> 00:34:39,270 Ja meillä on joitakin Id yhtä suuri puolue. 668 00:34:39,270 --> 00:34:43,909 Tämä h Tuomari punta vain tarkoittaa, että se tulee menemään samalla sivulla. 669 00:34:43,909 --> 00:34:47,120 Ja klikkaa tästä juhlia, siksi kun klikkaa sitä, 670 00:34:47,120 --> 00:34:48,940 se pitäisi vaihtaa väriä, onneksi. 671 00:34:48,940 --> 00:34:54,322 >> Ja sitten meillä on kirjoitus täällä, että on vain liittyy tämän puolueen piste js 672 00:34:54,322 --> 00:34:58,100 tiedosto, joka on tyhjä, koska emme ole tehneet vielä mitään. 673 00:34:58,100 --> 00:35:00,450 Ja se on niin surullista. 674 00:35:00,450 --> 00:35:06,100 Mutta hyvin pian, se muuttuu värit, ja se on mahtava. 675 00:35:06,100 --> 00:35:10,520 >> Joten olen juuri menossa kävelemään te kautta, miten voisimme lähestyä tätä. 676 00:35:10,520 --> 00:35:14,030 Joten ensimmäinen asia, että saatamme haluta tehdä, 677 00:35:14,030 --> 00:35:18,050 jos olemme muuttamassa taustalla elin, ensimmäinen asia, joka meidän kannattaa 678 00:35:18,050 --> 00:35:22,730 vain todella napata mikä elin on, eikö? 679 00:35:22,730 --> 00:35:27,690 Joten haluamme summa, meidän tausta, ja jos huomaat, 680 00:35:27,690 --> 00:35:29,567 Minä vain automaattisesti vain aloittaa kirjoittamisen. 681 00:35:29,567 --> 00:35:32,400 Ei ole mitään erityistä, että me täytyy tehdä meidän JavaScript-tiedostot. 682 00:35:32,400 --> 00:35:35,820 Voin aloittaa julistaa muuttujia, ja julistaa satunnainen toimintoja. 683 00:35:35,820 --> 00:35:38,110 Ja se on paljon enemmän vapaamuotoinen. 684 00:35:38,110 --> 00:35:41,930 Se on kuin C, me annoimme teille kaikille Näiden kova sääntöjä, ja te kasvoin, 685 00:35:41,930 --> 00:35:43,220 joten olemme kuin "lähteä. 686 00:35:43,220 --> 00:35:44,000 Ole vapaa. 687 00:35:44,000 --> 00:35:44,870 Tee mitä haluat. " 688 00:35:44,870 --> 00:35:46,280 Ja sitähän JavaScript on. 689 00:35:46,280 --> 00:35:48,390 Joten meillä on joitakin tausta täällä. 690 00:35:48,390 --> 00:35:55,900 Meidän DOM malli, tiedämme voi tehdä dokumentti dot saada elementti, 691 00:35:55,900 --> 00:36:00,290 ja jos huomaamme täällä, kehomme on Id. 692 00:36:00,290 --> 00:36:00,930 Oikea? 693 00:36:00,930 --> 00:36:06,310 Joten voimme tehdä saada asiakirja Id, ja tässä on yksinkertainen. 694 00:36:06,310 --> 00:36:08,295 Mikä meidän Id että haluamme täällä? 695 00:36:08,295 --> 00:36:09,170 Yleisö: tausta. 696 00:36:09,170 --> 00:36:11,280 ALLISON Buchholtz-AU: tausta. 697 00:36:11,280 --> 00:36:12,230 Perfect. 698 00:36:12,230 --> 00:36:14,250 Ja puolipiste. 699 00:36:14,250 --> 00:36:15,610 Tämä ei kuitenkaan ole kadonnut vielä. 700 00:36:15,610 --> 00:36:17,330 Sinun vielä oman puolipistein. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Niin, että meidän ensimmäinen. 703 00:36:19,690 --> 00:36:23,880 Ja kun klikkaa jotain, me haluavat jotain tapahtuu, eikö? 704 00:36:23,880 --> 00:36:28,270 Joten me haluta jokin muuttuja joka on odottamassa napsautuksella. 705 00:36:28,270 --> 00:36:32,410 Mitä aiomme tehdä, on aiomme tekevät linkki lähempänä painiketta. 706 00:36:32,410 --> 00:36:43,140 Joten olemme menossa on joitakin painike, joka on yhtä dokumentoida dot saada elementin Id. 707 00:36:43,140 --> 00:36:48,670 Ja jos puhun klikkaa linkkiä tai klikkaa tästä juhlia 708 00:36:48,670 --> 00:36:51,850 linkki, mitä voisi minun Id olla täällä? 709 00:36:51,850 --> 00:36:52,590 Party. 710 00:36:52,590 --> 00:36:55,200 Oikea. 711 00:36:55,200 --> 00:36:56,500 OK ei liian huono toistaiseksi. 712 00:36:56,500 --> 00:36:59,060 Jokainen saa mitä me teemme? 713 00:36:59,060 --> 00:37:02,100 >> OK, joten nyt meillä on painiketta, ja haluamme 714 00:37:02,100 --> 00:37:04,140 asiat muuttuvat kun klikkaa sitä. 715 00:37:04,140 --> 00:37:08,750 Joten jos muistamme meidän PowerPoint, hyvin yksinkertainen asia, mitä voimme tehdä 716 00:37:08,750 --> 00:37:12,140 on vain painikkeen piste onclick, eikö? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 Ja että menee yhtä jonkin toiminnon. 719 00:37:18,730 --> 00:37:20,620 Tämä on anonyymi funktio. 720 00:37:20,620 --> 00:37:24,620 Ja tämä vain as-- itse olen aikoo tehdä tähän hieman isompi. 721 00:37:24,620 --> 00:37:27,330 >> Joten mitä tein täällä on Sanon, OK, 722 00:37:27,330 --> 00:37:31,810 kun klikkaa meidän painiketta, joka on linkki että me vain tarkoitettu, 723 00:37:31,810 --> 00:37:34,270 aiomme toteuttaa nimettömiä toimintoa. 724 00:37:34,270 --> 00:37:35,845 Emme tarvitse mitään tuloa. 725 00:37:35,845 --> 00:37:37,220 Emme välitä mitä käyttäjä sanoo. 726 00:37:37,220 --> 00:37:38,800 Kun he klikkaa sitä, olemme aio tehdä mitä haluamme, 727 00:37:38,800 --> 00:37:40,660 joka on vaihtaa taustavärin. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Joten siksi meillä ei ole mitään tuloa, meillä on vain tämä Nimetön toiminto. 730 00:37:47,224 --> 00:37:49,390 Ja nyt olemme todella menossa kirjoittamaan tätä toimintoa. 731 00:37:49,390 --> 00:37:55,040 >> Joten siellä on joukko tapoja sinulle voisi tuottaa satunnainen väri. 732 00:37:55,040 --> 00:37:59,010 Siten, että tein sen oli tuottaa kolme satunnaisia ​​numeroita 733 00:37:59,010 --> 00:38:01,910 ja muuntaa ne RGB kolminkertainen. 734 00:38:01,910 --> 00:38:06,130 Joten tämä vain osoittaa sinulle hienoja asioita, että jos et pidä, "Oh, 735 00:38:06,130 --> 00:38:08,464 Minun täytyy satunnaisen numero. "jos googlettaa sen, 736 00:38:08,464 --> 00:38:09,630 tämä on mitä voit löytää. 737 00:38:09,630 --> 00:38:17,580 >> Joten meillä on kolme eri asioita, var, ei punaista uudelleen, vihreä. 738 00:38:17,580 --> 00:38:18,080 Oikea? 739 00:38:18,080 --> 00:38:20,740 Joten ne ovat kolme asioita, jotka muodostavat väri. 740 00:38:20,740 --> 00:38:22,220 Sininen, punainen ja vihreä. 741 00:38:22,220 --> 00:38:22,960 Cool. 742 00:38:22,960 --> 00:38:27,050 Ja mitä voimme tehdä on, että tiedämme että sen on oltava välillä 255, 743 00:38:27,050 --> 00:38:30,140 ja jos katsoi joitakin satunnaislukugeneraattori, 744 00:38:30,140 --> 00:38:36,000 voisit saada jotain matematiikka dot satunnainen, joka, jos tarkastellaan tämän ylös 745 00:38:36,000 --> 00:38:39,230 palaa noin numero nollan ja yhden välillä. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 Ja mitä numerot teemme RGB kolminkertaistaa mennä välillä? 748 00:38:44,470 --> 00:38:47,240 Zero ja mitä? 749 00:38:47,240 --> 00:38:49,000 Mitä he voivat mennä jopa? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Joten jos matematiikka piste satunnainen menee nollan ja yhden välillä, 752 00:38:53,320 --> 00:38:56,365 miten voisi haluamme muuttaa tämän? 753 00:38:56,365 --> 00:38:56,990 Yleisö: Aika? 754 00:38:56,990 --> 00:38:57,830 ALLISON Buchholtz-AU: Joo, täsmälleen. 755 00:38:57,830 --> 00:38:58,677 Joten aika on 255. 756 00:38:58,677 --> 00:39:00,888 >> Yleisö: [äänetön] Se on kuin [kuultavissa]. 757 00:39:00,888 --> 00:39:02,471 ALLISON Buchholtz-AU: Math piste satunnainen. 758 00:39:02,471 --> 00:39:03,096 Yleisö: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON Buchholtz-AU: Kyllä. 760 00:39:04,580 --> 00:39:06,300 JavaScript juuri huolehtii sinusta. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Joten voimme tehdä, että kaikki nämä. 763 00:39:09,360 --> 00:39:10,540 Oikea? 764 00:39:10,540 --> 00:39:16,480 Math piste satunnainen kertaa 255. 765 00:39:16,480 --> 00:39:17,740 Selvä. 766 00:39:17,740 --> 00:39:18,820 Cool. 767 00:39:18,820 --> 00:39:23,350 Joten asia on, tämä voi ei palaa kokonaisluku. 768 00:39:23,350 --> 00:39:24,080 Oikea? 769 00:39:24,080 --> 00:39:26,450 Ehkä saamme numeron nollan ja yhden välillä, 770 00:39:26,450 --> 00:39:32,150 ja se aiheuttaa sen olevan hieman pois, ja meidän RGBS voi olla kellukkeet. 771 00:39:32,150 --> 00:39:33,360 Niiden on oltava ints. 772 00:39:33,360 --> 00:39:37,610 Joten jos olet yrittänyt tätä, se luultavasti on joitakin arvaamaton käyttäytyminen. 773 00:39:37,610 --> 00:39:38,810 Olisi hieman outoja. 774 00:39:38,810 --> 00:39:43,200 Joten mitä teemme, on haluamme tehdä Varmista, että nämä ovat pyöristettyjä, 775 00:39:43,200 --> 00:39:45,400 ja voisit pyöristää joko tavalla. 776 00:39:45,400 --> 00:39:47,110 Olen pyöristetty lattia. 777 00:39:47,110 --> 00:39:49,680 Joten olen aina varmistanut että se pyöristetään alaspäin. 778 00:39:49,680 --> 00:39:54,440 Mutta menossa pois, kuinka helppoa oli vain saada satunnaisluku, 779 00:39:54,440 --> 00:39:57,920 miten luulet meidän pitää lattia tämän numeron? 780 00:39:57,920 --> 00:40:00,720 Se on hyvin samankaltainen. 781 00:40:00,720 --> 00:40:02,810 Jokainen idea? 782 00:40:02,810 --> 00:40:06,450 Joten jos satunnainen oli vain matematiikka dot satunnainen, joten luulet meidän tekisin lattia? 783 00:40:06,450 --> 00:40:09,670 Math dot lattia. 784 00:40:09,670 --> 00:40:11,340 Ja voit myös tehdä matematiikasta piste kattoon. 785 00:40:11,340 --> 00:40:14,030 Pyöreä on sellainen epäselvä koska et 786 00:40:14,030 --> 00:40:16,110 onko pyöristää ylöspäin tai pyöristää alaspäin. 787 00:40:16,110 --> 00:40:20,797 Joten yleensä teemme aina matematiikka dot lattia, matematiikka piste katto. 788 00:40:20,797 --> 00:40:21,380 Mutta honestly-- 789 00:40:21,380 --> 00:40:22,780 >> Yleisö: Onko lattia kierroksella alas? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON Buchholtz-AU: Floor pyöristää. 791 00:40:24,740 --> 00:40:26,990 Ja tämä on vain valinta minun osaltani. 792 00:40:26,990 --> 00:40:32,370 >> Joten nyt meillä on kolme numeroa jotka on satunnaisesti luotu, 793 00:40:32,370 --> 00:40:36,610 ja mitä me aiomme tehdä nyt olemme juuri menossa muuttaa taustan. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Joten meillä on jo meidän tausta sellainen tallennettu 796 00:40:41,490 --> 00:40:43,280 Tämän elementin nimeltä tausta. 797 00:40:43,280 --> 00:40:47,300 Joten mitä huomaat on, jos olet pelannut tätä, 798 00:40:47,300 --> 00:40:50,460 haluamme muuttaa tyyliä. 799 00:40:50,460 --> 00:40:53,812 Ja tämä on tavallaan jotain, voisitte Google ja selvittää, 800 00:40:53,812 --> 00:40:55,020 kuten miten muuttaa väriä. 801 00:40:55,020 --> 00:40:59,210 >> Mutta miten voit käyttää tätä väriä on tausta dot tyyli dot tausta. 802 00:40:59,210 --> 00:41:03,490 Joten tämä sanoo annetaan Tämän objektin, tausta, 803 00:41:03,490 --> 00:41:06,920 joka viittaa, että elementti Id siellä, 804 00:41:06,920 --> 00:41:10,690 olemme menossa katsomaan tyyli sisällä tyyli, 805 00:41:10,690 --> 00:41:13,280 olemme menossa katsomaan taustalla. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 Ja jos menet ja etsiä tämän ylös, se voisi tehdä vähän enemmän järkeä, 808 00:41:17,630 --> 00:41:21,930 mutta tämä on pohjimmiltaan vain sanomalla, "Anna minulle sitä hyvin erityinen ominaisuuden 809 00:41:21,930 --> 00:41:25,770 mitä olen määritellyt aiemmin. " 810 00:41:25,770 --> 00:41:32,340 Joten mitä me muuttaen sen on Joissakin RGB, koska se on järkevää. 811 00:41:32,340 --> 00:41:34,780 Käytämme RGB kolminkertaistuu, eikö? 812 00:41:34,780 --> 00:41:41,530 Ja me have-- haluan varmistaa I saada oikea määrä lainauksia täällä. 813 00:41:41,530 --> 00:41:43,940 Joten mitä teemme, on meillä RGB, ja olemme menossa 814 00:41:43,940 --> 00:41:46,800 to-- tämä on kuin ketjutus, joka on punainen. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 Ja sitten me haluamme joitakin pilkku. 817 00:41:52,610 --> 00:41:59,925 Ja sitten me haluamme plus vihreä, sitten jotkut pilkku, ja sinistä. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Joten nämä plussia vain Tarkoitatko ketjuttamista. 820 00:42:14,120 --> 00:42:19,810 Joten tämä on vain luoda tämän merkkijono, joka menee sisällä 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 >> Yleisö: [äänetön] plus sitten vihreä plus sitten punainen. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON Buchholtz-AU: Joo, koska olen sekaisin, että jopa. 825 00:42:30,163 --> 00:42:30,890 Tuo hieno. 826 00:42:30,890 --> 00:42:32,110 Voi pitää. 827 00:42:32,110 --> 00:42:32,610 Nro 828 00:42:32,610 --> 00:42:36,770 Koska minun täytyy varmistaa että sain kaikki nämä oikeassa. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Joten selitän uno momento. 831 00:42:43,950 --> 00:42:47,040 Vihreä, sininen, täydellinen. 832 00:42:47,040 --> 00:42:47,971 Nyt olen valmis. 833 00:42:47,971 --> 00:42:48,470 Uskon. 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 Joten tässä on, että tausta aiotaan asettaa joitakin merkkijono. 837 00:42:58,085 --> 00:42:58,585 Oikea? 838 00:42:58,585 --> 00:42:59,710 Tästähän meillä on täällä. 839 00:42:59,710 --> 00:43:05,870 Se tulee olemaan noin RGB 255 pilkku 255 pilkku nolla, tai mitä tahansa numero 840 00:43:05,870 --> 00:43:06,512 on siellä. 841 00:43:06,512 --> 00:43:08,220 Joten me teemme täällä, meillä on joitakin merkkijono. 842 00:43:08,220 --> 00:43:11,910 Ja mitä me haluamme tehdä, on olemme sellainen dynaamisesti luoda 843 00:43:11,910 --> 00:43:14,010 että kun me todella ajaa tätä ohjelmaa. 844 00:43:14,010 --> 00:43:16,570 Joten tämä on joitakin merkkijono. 845 00:43:16,570 --> 00:43:20,290 Plus ketjuttaa sen arvo että punainen on, 846 00:43:20,290 --> 00:43:23,320 joka ketjuttaa sen pilkku, joka ketjuttaa se 847 00:43:23,320 --> 00:43:26,090 mitä vihreät on, ja niin edelleen, ja niin edelleen. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Loppuun asti, joka on sulkumerkki tämän RGB täällä. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Joten tässä on menossa tuottavat jonkin verran komento todella 852 00:43:37,230 --> 00:43:42,770 että on RGB kolmen numeron Tätä taustaa on nyt asetettu. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Katsotaanpa, jos tämä toimii. 855 00:43:46,510 --> 00:43:49,720 Toivon, että se tekee, koska jos se ei, aion olla todellinen surullinen. 856 00:43:49,720 --> 00:43:50,250 Voi ei. 857 00:43:50,250 --> 00:43:52,710 OK, pitää. 858 00:43:52,710 --> 00:43:56,730 Ehdottomasti tausta dot tyyli dot tausta. 859 00:43:56,730 --> 00:43:59,569 Olen ehdottomasti puuttuu jotain aivan pieni. 860 00:43:59,569 --> 00:44:00,610 Ettekö te vihata, että? 861 00:44:00,610 --> 00:44:04,020 Kun se on vain pienen pieni virhe? 862 00:44:04,020 --> 00:44:04,990 Kaikkivaltias tausta. 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 >> Yleisö: [äänetön] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON Buchholtz-AU: No. 868 00:44:12,770 --> 00:44:14,050 Olen kokeillut tätä ennen luokan. 869 00:44:14,050 --> 00:44:16,570 Olen kaiken tein ennen luokan tapauksessa olin kuin, 870 00:44:16,570 --> 00:44:17,970 "Odottaa, mitä tein väärin?" 871 00:44:17,970 --> 00:44:23,190 Koska olin kuin, "en todennäköisesti sotku tämä jossain vaiheessa. " 872 00:44:23,190 --> 00:44:24,150 Plus vihreä. 873 00:44:24,150 --> 00:44:26,250 Kaikki näyttää se ketjutetaan oikein. 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 >> Yleisö: [äänetön] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON Buchholtz-AU: Oh, siellä mennään. 878 00:44:33,810 --> 00:44:35,520 Se mitä tarvitsin. 879 00:44:35,520 --> 00:44:36,805 Katsokaa tuota. 880 00:44:36,805 --> 00:44:40,090 Tiffany pelastaa. 881 00:44:40,090 --> 00:44:40,590 Perfect. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Katsotaanpa nyt, jos se toimii. 884 00:44:43,834 --> 00:44:44,816 Voi luoja. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Pidä kiinni. 887 00:44:46,140 --> 00:44:48,280 >> Yleisö: Space jälkeen toinen plus. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON Buchholtz-AU: Kumpi? 889 00:44:50,310 --> 00:44:52,910 Voi odottaa, pitää kiinni. 890 00:44:52,910 --> 00:44:54,870 Space kulumista? 891 00:44:54,870 --> 00:44:57,209 >> Yleisö: Toinen plussa vihreä ketjutus. 892 00:44:57,209 --> 00:44:58,250 ALLISON Buchholtz-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 Yleisö: Ei ole tilaa jälkeen plus, joo. 894 00:44:59,570 --> 00:45:00,790 ALLISON Buchholtz-AU: You ei tarvitse, että but-- 895 00:45:00,790 --> 00:45:01,190 Yleisö: Voi, et? 896 00:45:01,190 --> 00:45:01,910 ALLISON Buchholtz-AU: Se näyttää melko. 897 00:45:01,910 --> 00:45:02,530 Yleisö: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON Buchholtz AU: Katsotaanpa, jos tämä toimii. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Olen tietenkin epäonnistuvat demon, mikä muistuttaa minua 902 00:45:07,836 --> 00:45:12,810 luennon toinen viikko, mutta tiedän, että tämä toimii. 903 00:45:12,810 --> 00:45:15,860 Tiedän, että tämä toimii. 904 00:45:15,860 --> 00:45:16,580 Niin lähellä. 905 00:45:16,580 --> 00:45:22,330 Ellei Poistin vahingossa käsikirjoitukseni tässä yksi. 906 00:45:22,330 --> 00:45:24,035 Ei, se on puolue piste js. 907 00:45:24,035 --> 00:45:25,776 OK pidä. 908 00:45:25,776 --> 00:45:28,650 Aion kopioida tämän, ja olen myös juuri menossa poistaa kaiken, 909 00:45:28,650 --> 00:45:30,108 koska minulla oli tätä työtä aikaisemmin. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Lupaan se toimii. 912 00:45:33,770 --> 00:45:36,160 Jos ei, minä näytän sinulle, mitä Tommyn on. 913 00:45:36,160 --> 00:45:38,890 Ja siellä. 914 00:45:38,890 --> 00:45:42,380 >> Yleisö: Olet löytymistä puolue dot CSS, ja se osapuoli piste js. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON Buchholtz-AU: Ah, hyvin täällä on osapuolena piste js. 916 00:45:45,940 --> 00:45:49,187 OK, mitä minä tein erilaisia? 917 00:45:49,187 --> 00:45:50,520 OK, näemme, jos tämä toimii nyt. 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 Joten, en tiedä mitä tein eri tavalla, mutta tämä on mitä pitäisi tapahtua. 921 00:46:02,110 --> 00:46:03,230 Kinda jäähtyä. 922 00:46:03,230 --> 00:46:06,650 Klikkasin tämän, kuten, ikuisesti. 923 00:46:06,650 --> 00:46:11,185 Mutta voimme yrittää nähdä, mitä tein eri, että tämä oli. 924 00:46:11,185 --> 00:46:14,560 En tiedä teistä, mutta tämä näyttää pohjimmiltaan mitä juuri kirjoitin. 925 00:46:14,560 --> 00:46:17,950 Siellä oli luultavasti puuttuva puolipiste jossain on minun juttuni. 926 00:46:17,950 --> 00:46:22,064 Oikeastaan ​​jälkeen, luulen puuttui puolipiste täällä todella. 927 00:46:22,064 --> 00:46:24,230 Mutta en voinut nähdä sitä, koska se oli pois ruudulta. 928 00:46:24,230 --> 00:46:29,040 >> Mutta jos huomaamme, tämä on melko paljon mitä minä vain kirjoitti. 929 00:46:29,040 --> 00:46:33,010 Mielestäni luultavasti vaikein osa noin tämä on juuri sellainen tämä asia oikealle 930 00:46:33,010 --> 00:46:36,830 täällä, ymmärrys mitä se tekee siellä. 931 00:46:36,830 --> 00:46:42,230 Nämä millaisia ​​asioita opit oikeastaan ​​vain Googling ja rehellisesti 932 00:46:42,230 --> 00:46:42,880 vain yrittää. 933 00:46:42,880 --> 00:46:46,770 Jos luulet on joitakin Yhdistän, ei luultavasti. 934 00:46:46,770 --> 00:46:48,382 Joten kokeile sitä. 935 00:46:48,382 --> 00:46:49,090 Katso mitä tapahtuu. 936 00:46:49,090 --> 00:46:53,000 Kuten sanoin, siellä on paljon kokeilua JavaScript, 937 00:46:53,000 --> 00:46:56,810 ja PHP, ja kaikki, juttuja, ja CSS erityisesti. 938 00:46:56,810 --> 00:47:00,046 Se on ainoa todellinen tapa ymmärtää sitä. 939 00:47:00,046 --> 00:47:07,100 >> OK, niin sen jälkeen fiasko puolueen dot js, meillä on kaksi muuta vaihtoehtoa. 940 00:47:07,100 --> 00:47:10,650 Meillä on kello tai Twitter. 941 00:47:10,650 --> 00:47:12,190 He ovat molemmat mielenkiintoisia. 942 00:47:12,190 --> 00:47:17,720 Ehkä ei aivan yhtä hauskaa kuin puolue, joka oli viileä hieman välkkyvän 943 00:47:17,720 --> 00:47:19,595 asia lopussa. 944 00:47:19,595 --> 00:47:21,714 Onko teillä mitään parempana? 945 00:47:21,714 --> 00:47:22,380 Yleisö: Kello? 946 00:47:22,380 --> 00:47:22,950 ALLISON Buchholtz-AU: Kello? 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 >> Joten jälleen, meillä on tyhjä JavaScript-tiedoston. 950 00:47:30,460 --> 00:47:35,800 Ja kuten näemme täällä, me on joitakin hyvin yksinkertaisia ​​HTML. 951 00:47:35,800 --> 00:47:40,010 Meillä tyylitiedosto, että vain muotoilee, mitä sen pitäisi näyttää. 952 00:47:40,010 --> 00:47:42,860 Meillä div Id kellon, joka 953 00:47:42,860 --> 00:47:44,420 vain sanoo, "tämä olisi kellon." 954 00:47:44,420 --> 00:47:47,650 Ja meillä on yhteys meidän JavaScript-tiedoston 955 00:47:47,650 --> 00:47:51,400 joka on todella menossa generoi kellon meille. 956 00:47:51,400 --> 00:47:56,060 Koska kova juttu, että voit asetettu JavaScript automaattisesti päivittää 957 00:47:56,060 --> 00:47:56,963 itse. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Joten sen sijaan odottaa käyttäjä lyödä Päivitä sivulla 960 00:48:01,580 --> 00:48:03,840 niin, että voit saada päivitetty aika, JavaScript 961 00:48:03,840 --> 00:48:06,760 voit päivittää sen kuitenkin se tykkää. 962 00:48:06,760 --> 00:48:12,082 >> Joten, meidän viimeinen, halusimme pääsyn meidän tausta, eikö? 963 00:48:12,082 --> 00:48:14,790 Joten mitä luulet voisi olla Ensimmäinen asia, me haluamme tehdä täällä? 964 00:48:14,790 --> 00:48:19,538 Jos me tavallaan menossa pois tällainen paradigman täällä? 965 00:48:19,538 --> 00:48:22,200 Me varmaan Pääset kellon, eikö? 966 00:48:22,200 --> 00:48:24,724 Niin, meillä on joitakin var kello, joka equals-- 967 00:48:24,724 --> 00:48:26,140 mitä ajattelemme se tulee olemaan? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Asiakirja dot saada elementti by-- minäkin Rakastan Sublime-- Id ja meidän Id on kello. 970 00:48:42,670 --> 00:48:43,585 Puolipiste. 971 00:48:43,585 --> 00:48:45,710 Täytyy varmista, että saat ne puolipisteellä tällä kertaa, 972 00:48:45,710 --> 00:48:47,835 koska minusta tuntuu, että oli ongelma viime kerralla. 973 00:48:47,835 --> 00:48:55,980 OK niin, kuten juuri kerroin kanssa yrittää olla JavaScript virkistää itseään, 974 00:48:55,980 --> 00:48:59,655 on tämä loistava toiminto, I tietää se oli käyttöä viime vuonna, 975 00:48:59,655 --> 00:49:02,780 En ole varma, että se on kätevä tähän pset, mutta sitä kutsutaan asetetun ajan. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 Ja tämä on oikeastaan ​​todella mahtavaa, jos te tehdä mitään 978 00:49:08,200 --> 00:49:11,460 ajan tai saada päivitettyä tietoa. 979 00:49:11,460 --> 00:49:13,700 On verkkosivuilla lopullinen projekti, tämä on luultavasti 980 00:49:13,700 --> 00:49:16,240 toiminnon haluat saada Super tuttuja. 981 00:49:16,240 --> 00:49:19,730 Joten mitä asetettu aikaväli ei ole, että me aiomme antaa sen funktio, 982 00:49:19,730 --> 00:49:21,830 ja kuinka usein se pitäisi kutsuvat tätä toimintoa. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Joten tässä tapauksessa, me vain menossa luoda joitakin Nimetön toiminto uudelleen, 985 00:49:26,890 --> 00:49:31,530 OK, että on menossa meidän päivämäärä, ja aikamme, 986 00:49:31,530 --> 00:49:33,780 ja sitten päivittää asioita ja näyttää sen. 987 00:49:33,780 --> 00:49:35,130 Joten me huolehtia siitä. 988 00:49:35,130 --> 00:49:39,120 Tulemme kuin tuottaa kellon täällä. 989 00:49:39,120 --> 00:49:41,750 Mutta mitä me tarvitsemme on miten usein päivittää sitä. 990 00:49:41,750 --> 00:49:43,930 Joten tässä tapauksessa, se on vain millisekuntia. 991 00:49:43,930 --> 00:49:46,877 Joten olemme juuri menossa do 100 millisekuntia. 992 00:49:46,877 --> 00:49:48,210 Tietenkin täysin mielivaltaista. 993 00:49:48,210 --> 00:49:50,600 Jos halusi sitä päivittää paljon hitaammin, voit. 994 00:49:50,600 --> 00:49:53,300 Voimme pelleillä kanssa asetetun ajan, 995 00:49:53,300 --> 00:49:57,240 kuinka iso meidän aika on sen jälkeen saamme työskentelevät kellon, joka toivottavasti will 996 00:49:57,240 --> 00:49:59,660 päästä. 997 00:49:59,660 --> 00:50:04,110 Joten tämä on vain sanomalla, "OK, call Tämän toiminnon jokaisen 100 millisekuntia. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 Siinä kaikki se tekee. 1000 00:50:07,280 --> 00:50:12,290 >> Joten mitä me haluamme toiminto tehdä, on haluamme olla joitakin mennessä 1001 00:50:12,290 --> 00:50:14,200 ja jonkin aikaa on mitä aiomme olla. 1002 00:50:14,200 --> 00:50:19,740 Voimme siis aloittaa meidän päivämäärä on sama jotain, 1003 00:50:19,740 --> 00:50:22,708 ja aikamme yhtä kuin jotain että emme tiedä vielä. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Tai oikeastaan, meidän täytyy vain päivämäärä, koska päivämäärä on menossa sisältävät kaiken. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Taas jos vain Google mitään mitä haluat tehdä, jos kirjoitat, "OK, 1008 00:50:40,010 --> 00:50:41,980 Haluan saada aikaan Javascriptin avulla, "se 1009 00:50:41,980 --> 00:50:45,890 antaa sinulle tämän suuren toiminto nimeltään get päivämäärä. 1010 00:50:45,890 --> 00:50:48,664 Kirjaimellisesti, useimmat asiat että haluat tehdä, 1011 00:50:48,664 --> 00:50:50,830 JavaScript tulee olemaan se sinulle tehnyt jo. 1012 00:50:50,830 --> 00:50:55,770 Joten se on kirjaimellisesti kuin uusi saada päivämäärä, joka on creating-- 1013 00:50:55,770 --> 00:50:58,600 tai uusi päivämäärä, rather-- joka tuottaa 1014 00:50:58,600 --> 00:51:03,690 jonkun esineen, joka edustaa päivämäärä. 1015 00:51:03,690 --> 00:51:08,200 >> Ja mitä me aiomme tehdä tässä Tämän is-- Aion kirjoittaa tähän, 1016 00:51:08,200 --> 00:51:10,820 ja sitten selittää, mitä se tekee. 1017 00:51:10,820 --> 00:51:12,560 Joten minä varmista saan tämän oikeuden. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, niin mitä tämä toiminto tekee, on me vain 1020 00:51:23,440 --> 00:51:30,680 luoda HTML se oikeastaan menossa meidän div id kellon. 1021 00:51:30,680 --> 00:51:34,610 Joten mitä tämä aiotaan tehdä on vain tuottaa joitakin merkkijono, OK? 1022 00:51:34,610 --> 00:51:38,510 Se on sitten olemaan istutetaan meidän HTML. 1023 00:51:38,510 --> 00:51:42,130 Periaatteessa mitä se aikoo tehdä, on mitä we-- mitä minä näytän sinulle 1024 00:51:42,130 --> 00:51:49,070 on, että mitä tahansa sanomme HTML on, aiomme korvata tätä tekstiä täällä 1025 00:51:49,070 --> 00:51:51,090 kanssa, mitä HTML on. 1026 00:51:51,090 --> 00:51:56,390 Joten tämä on menossa, jotta meitä muuttamaan kellon piste 1027 00:51:56,390 --> 00:52:00,940 HTML on vain teksti tämän pitäisi olla kello, todella osoittaa 1028 00:52:00,940 --> 00:52:05,630 numeroita ja asioita, jotka välitämme noin, ja itse asiassa olla kello. 1029 00:52:05,630 --> 00:52:09,810 >> Joten mitä aiomme tehdä, on että olemme menossa alkaa tuottaa tämän HTML. 1030 00:52:09,810 --> 00:52:16,520 Niin samalla tavalla, että käytimme tehdä plus yhtä kuin kokonaislukuja, 1031 00:52:16,520 --> 00:52:20,461 voit nyt tehdä, että jouset, paitsi se tulee liität ne. 1032 00:52:20,461 --> 00:52:20,960 Oikea? 1033 00:52:20,960 --> 00:52:26,070 Kuten näimme puolueen piste js, tämä vain ketjuttaa kaikki nämä asiat yhdessä. 1034 00:52:26,070 --> 00:52:31,970 Joten voit ketjuttaa eri bittiä HTML muuttujia, tai bittiä jouset 1035 00:52:31,970 --> 00:52:33,750 että kirjoitat ulos itse, ja tämä vain 1036 00:52:33,750 --> 00:52:38,650 todella avulla voit dynaamisesti luoda HTML, joka on aika siistiä. 1037 00:52:38,650 --> 00:52:42,040 Joten jos sinulla on jotain hyvin käyttäjäkohtaisia, 1038 00:52:42,040 --> 00:52:44,130 Näin voit tehdä sen. 1039 00:52:44,130 --> 00:52:47,550 >> Joten meillä on HTML, että aion yritä ja varmista saan tämän oikeuden. 1040 00:52:47,550 --> 00:52:49,890 Joten aiomme tehdä joitakin h1 otsikkoa. 1041 00:52:49,890 --> 00:52:53,610 Joten mikä on tärkeää ymmärtää täällä on se, että tämä on oikeastaan ​​vain HTML. 1042 00:52:53,610 --> 00:52:54,460 Oikea? 1043 00:52:54,460 --> 00:52:56,610 Kirjoitamme todellinen HTML-koodi tänne, se on 1044 00:52:56,610 --> 00:53:01,090 ei vain merkkijono normaali tavalla, että me ajattelemme sitä. 1045 00:53:01,090 --> 00:53:02,930 Joten meillä on joitakin HTML. 1046 00:53:02,930 --> 00:53:04,940 Tätä pidetään merkkijono täällä kuitenkin. 1047 00:53:04,940 --> 00:53:10,380 Ja me teemme päivämäärä dot-- me haluavat saada meidän tuntia. 1048 00:53:10,380 --> 00:53:12,910 Jälleen, jos olit etsiä up mitään päivämäärää, 1049 00:53:12,910 --> 00:53:16,160 se olisi kertoa teille nämä ovat kaikki määritteet, päivämäärä on. 1050 00:53:16,160 --> 00:53:17,670 Ja tässä mitä voit käyttää sitä. 1051 00:53:17,670 --> 00:53:20,620 Joten se on todennäköisesti asioita, kuten saada tuntia, ja saat minuuttia, 1052 00:53:20,620 --> 00:53:24,669 ja saada sekuntia, ja saat millisekuntia, ja kuka tietää mitä muuta he ovat. 1053 00:53:24,669 --> 00:53:27,210 Mutta jos tarkastellaan osaksi asiakirjat, se kaikki on siellä. 1054 00:53:27,210 --> 00:53:31,980 >> Meillä on siis saada tuntia, ja sitten me haluaisimme 1055 00:53:31,980 --> 00:53:35,614 ketjuttaa että with-- olen Siirrymme tämän tänne. 1056 00:53:35,614 --> 00:53:38,780 Joten jos me tuottaa nyt, olemme itse tuottaa aika, eikö? 1057 00:53:38,780 --> 00:53:43,590 Meillä tuntia, ja sitten mitä välillä tuntia ja minuuttia? 1058 00:53:43,590 --> 00:53:45,080 Sinulla on puolipiste, eikö? 1059 00:53:45,080 --> 00:53:48,010 Joten me haluamme tehdä joitakin puolipiste täällä. 1060 00:53:48,010 --> 00:53:51,780 Ja sitten me haluamme saada meidän minuuttia, joten samalla tavalla 1061 00:53:51,780 --> 00:53:56,450 että meillä on päivämäärä piste päästä tuntia, miten voisi saamme minuuttia? 1062 00:53:56,450 --> 00:54:01,542 Se kirjaimellisesti päivämäärä, piste päästä minuuttia, jonka olen sellainen like. 1063 00:54:01,542 --> 00:54:03,250 Se on kuin, "oi, miten saan minuuttia? " 1064 00:54:03,250 --> 00:54:05,850 Minä vain saan minuuttia. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 Ja sitten meillä on toinen paksusuolen täällä. 1067 00:54:10,990 --> 00:54:16,350 Ja sitten jos haluamme saada meidän sekuntia, miten voisimme saada meidän toinen? 1068 00:54:16,350 --> 00:54:17,400 Päivämäärä piste päästä sekuntia. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Minusta se on aika siistiä. 1071 00:54:21,590 --> 00:54:23,589 Ja mikä on tärkeää ymmärtää, että me myös 1072 00:54:23,589 --> 00:54:31,730 täytyy sulkea HTML tag täällä, koska se olisi silti voimassa HTML, joten H1. 1073 00:54:31,730 --> 00:54:33,481 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> Joten sen jälkeen, mitä voimme tehdä kellon dot sisäinen HTML on yhtä HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Joten muista, kuinka minä sanoin sisempi HTML pohjimmiltaan 1077 00:54:46,470 --> 00:54:50,610 ottaa mitä on välillä kaksi tunnisteita puhuimme 1078 00:54:50,610 --> 00:54:54,470 ja insertit tai manipuloi mitä on olemassa? 1079 00:54:54,470 --> 00:54:58,290 Joten mitä tämä tekee, jos palaamme meidän kellon, 1080 00:54:58,290 --> 00:55:04,180 on, että kello viittaa kaiken tämän div. 1081 00:55:04,180 --> 00:55:09,770 Tämä on sisäinen HTML- Tämän Id kellon div. 1082 00:55:09,770 --> 00:55:13,930 Ja niin se tulee muuttaa sen HTML että me vain syntyy, 1083 00:55:13,930 --> 00:55:16,750 joka, joka toivottavasti toivottavasti, toivottavasti, 1084 00:55:16,750 --> 00:55:21,026 näyttää aika juuri nyt. 1085 00:55:21,026 --> 00:55:23,960 Saa nähdä. 1086 00:55:23,960 --> 00:55:25,170 Tietenkin. 1087 00:55:25,170 --> 00:55:26,860 Niin paljon teknisiä kysymyksiä. 1088 00:55:26,860 --> 00:55:31,480 Allison just-- olen pois minun peli tänään kaverit. 1089 00:55:31,480 --> 00:55:34,136 OK, joka toimii. 1090 00:55:34,136 --> 00:55:35,760 kello dot sisäinen HTML. 1091 00:55:35,760 --> 00:55:42,097 Se oli HTML Oikeasti? 1092 00:55:42,097 --> 00:55:43,180 Myös tämä on mitä tapahtuu. 1093 00:55:43,180 --> 00:55:48,750 Kun et näe jotain, katsokaa lähdekoodia. 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 Haluat tietää viileä kiertää että aiomme tehdä täällä? 1097 00:55:54,870 --> 00:55:55,740 >> Yleisö: Voitko tehdä isoja kirjaimia? 1098 00:55:55,740 --> 00:55:56,580 Isoilla kirjaimilla? 1099 00:55:56,580 --> 00:55:58,996 Koska sinulla on saada tuntia, ja sitten saada minuuttia. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON Buchholtz-AU: Se on saada tuntia ja get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Voit are-- kulta tähti. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Se kaikki testin, kaverit. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Lupaan se toimi ennen luokan. 1106 00:56:17,330 --> 00:56:22,590 >> OK, mutta jotain kivaa tietää että voit also-- jos joskus 1107 00:56:22,590 --> 00:56:26,560 ulkoisen tiedostot saada vähän hullu, 1108 00:56:26,560 --> 00:56:30,960 voit myös vain laittaa ne suoraan täällä, jolla on taipumus korjata asioita. 1109 00:56:30,960 --> 00:56:35,840 Paitsi tämä on kuin todella ruma. 1110 00:56:35,840 --> 00:56:38,050 Tietenkin alustaa kaiken. 1111 00:56:38,050 --> 00:56:41,425 Varmista, että se on kaikki kaunis. 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 >> Halusin tehdä kaikki viileä demot, ja he vain eivät toimi. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Script var kello. 1117 00:56:53,890 --> 00:57:00,350 Anyways, mikä on tärkeää on että tämä on yleinen tapa 1118 00:57:00,350 --> 00:57:01,870 että sinulla olisi alustaa JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Kuten näette, se voi olla erittäin nirso joskus, 1120 00:57:04,490 --> 00:57:08,780 vaikka se oli kirjaimellisesti työskentelee kaksi sekuntia sitten. 1121 00:57:08,780 --> 00:57:11,820 Tai ei kaksi toista sitten, mutta hyvin, hyvin äskettäin. 1122 00:57:11,820 --> 00:57:16,070 >> Joten näyttää mitä sen pitäisi näyttää, ja osoittaa teille, että en ole hullu, 1123 00:57:16,070 --> 00:57:19,730 ja että kaikki on täsmälleen sama, tämä on mitä se näyttää. 1124 00:57:19,730 --> 00:57:27,410 Olet juuri menossa tekemään tämän yläosa täällä, ja jos katsot sivun lähde, 1125 00:57:27,410 --> 00:57:32,160 jos huomaat, hän teki joitakin hullumpi asioita, olen yksinkertaistanut sitä. 1126 00:57:32,160 --> 00:57:35,710 Myös luottojen Tommy McWilliam, jotka todella 1127 00:57:35,710 --> 00:57:38,810 auttoi minua luomaan näitä esimerkkejä, minkä vuoksi tiedän ne toimivat. 1128 00:57:38,810 --> 00:57:41,560 Koska Tommy on JavaScript mestari. 1129 00:57:41,560 --> 00:57:43,180 Mutta jos huomaamme, meillä on joitakin sarja. 1130 00:57:43,180 --> 00:57:45,170 Meillä kellotoiminnon täällä. 1131 00:57:45,170 --> 00:57:48,450 Tämä on kaikki JavaScript joka me vain kirjoitti, tai osa siitä. 1132 00:57:48,450 --> 00:57:51,470 Olemme vain kirjoitti tämä yksi täällä. 1133 00:57:51,470 --> 00:57:54,260 Ja hän on ylimääräinen toiminto, joka vain pads se 1134 00:57:54,260 --> 00:57:57,790 laittamalla nolla ennen kirjain tai ennen numeron, jos se on 1135 00:57:57,790 --> 00:57:59,412 vain yksi niistä. 1136 00:57:59,412 --> 00:58:02,120 Joten jos huomaat, tämä on melko paljon mitä me vain kirjoitti. 1137 00:58:02,120 --> 00:58:06,230 Sinulla on joitakin muuttuja kello, joka on meidän elementti, saat elementti tunnus, 1138 00:58:06,230 --> 00:58:07,252 joka on kello. 1139 00:58:07,252 --> 00:58:08,960 Meillä on asetetun ajan toiminto, joka on 1140 00:58:08,960 --> 00:58:12,670 Nimetön toiminto joka suorittaa kaikki tämä. 1141 00:58:12,670 --> 00:58:16,940 Olemme jotkut alkaa merkkijono HTML että me sitten dynaamisesti 1142 00:58:16,940 --> 00:58:20,750 tuottaa saamalla jotkut h1 header, ketjuttamalla 1143 00:58:20,750 --> 00:58:23,950 kanssa saada tuntia, plus meidän kaksoispiste, plus saada 1144 00:58:23,950 --> 00:58:26,860 minuuttia, plus toinen paksusuoli, plus meidän sekuntia, 1145 00:58:26,860 --> 00:58:29,330 ja lopulta päättyy HTML sitä. 1146 00:58:29,330 --> 00:58:34,210 Ja sitten me päivitämme kello dot sisäinen HTML HTML, 1147 00:58:34,210 --> 00:58:37,640 ja päivitämme joka 100 millisekuntia. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Katso Lupaan En ole hullu. 1150 00:58:42,470 --> 00:58:43,440 En tiedä. 1151 00:58:43,440 --> 00:58:47,160 En tiedä, miksi se ei pidä minusta. 1152 00:58:47,160 --> 00:58:54,030 Tunnen näyttää samalta, mutta ilmeisesti se vihaa minua. 1153 00:58:54,030 --> 00:58:59,600 >> Katsotaanpa, jos kierros kolme menee paremmin. 1154 00:58:59,600 --> 00:59:00,970 Olemme tulleet. 1155 00:59:00,970 --> 00:59:02,910 En ole varma, miten tämä tulee menemään. 1156 00:59:02,910 --> 00:59:06,700 Onko jokainen ainakin saada haittoja, kuten juuri yleinen teema 1157 00:59:06,700 --> 00:59:08,480 JavaScript, vaikka? 1158 00:59:08,480 --> 00:59:15,660 Toivon, että on ainakin hyödyllinen, lisää kuin siitä, että se on hieman nirso. 1159 00:59:15,660 --> 00:59:21,190 Mutta ongelma joukko on hyvin hauskaa. 1160 00:59:21,190 --> 00:59:22,590 Se tulee olemaan suuri. 1161 00:59:22,590 --> 00:59:24,820 Se ei ole aivan niin tylsiä koska tämä, en usko. 1162 00:59:24,820 --> 00:59:28,100 Sinun itse saada nähdä todella hienoja asioita. 1163 00:59:28,100 --> 00:59:31,734 >> Joten viimeisenä mutta ei vähäisimpänä, yritämme Twitter yksi. 1164 00:59:31,734 --> 00:59:32,900 Olen todella peloissani nyt, kaverit. 1165 00:59:32,900 --> 00:59:35,762 En tiedä, miten tämä tulee menemään. 1166 00:59:35,762 --> 00:59:39,930 Mutta vain antaa sinulle hieman enemmän makua, ja tämä on itse asiassa 1167 00:59:39,930 --> 00:59:44,190 manipuloimalla jouset ja tuloa, mitä aiomme tehdä 1168 00:59:44,190 --> 00:59:50,960 on, jos huomaamme täällä HTML-- tämä on hieman more-- 1169 00:59:50,960 --> 00:59:57,200 meillä on joitakin tekstiä alue, joka vastaa tämän tekstin alue täällä. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 Ja että on Id tekstiä. 1172 01:00:00,420 --> 01:00:04,520 Me uusittua sitä vähän joidenkin leveys ja korkeus 1173 01:00:04,520 --> 01:00:07,310 että olemme ennalta, ja olemme H1, 1174 01:00:07,310 --> 01:00:11,260 joka juuri on meidän header joka edustaa meidän merkkiä jäljellä. 1175 01:00:11,260 --> 01:00:14,570 Annoimme sille joitakin Id merkkiä jäljellä, 1176 01:00:14,570 --> 01:00:18,660 ja sitten meillä on joitakin käsikirjoitus täällä, joka olen todella 1177 01:00:18,660 --> 01:00:20,790 toivoen kolmannen kerran n viehätys täällä, kaverit. 1178 01:00:20,790 --> 01:00:26,750 >> Joten mitä me haluamme tehdä, samaan yleiseen tapaan 1179 01:00:26,750 --> 01:00:31,480 että olemme tehneet kello dot js ja puolue piste js kuten olemme huomanneet, 1180 01:00:31,480 --> 01:00:35,980 on meillä aloitetaan todella tarttumalla asioita, jotka välitämme, eikö? 1181 01:00:35,980 --> 01:00:42,330 Joten tässä tapauksessa, on kaksi asioita, jotka välitämme, OK? 1182 01:00:42,330 --> 01:00:47,199 Yksi asia, että olemme itse asiassa eräänlainen tutkii ja piirustus tietoja, 1183 01:00:47,199 --> 01:00:48,990 ja yksi asia, että olemme todella muuttuu. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Joten ei meidän HTML. 1186 01:00:53,730 --> 01:01:00,370 Jos tämä on meidän sivun täällä, mitä tiedot että me tarkastelemme? 1187 01:01:00,370 --> 01:01:03,860 Se tulee olemaan mitä Tekstin meidän laatikot, eikö? 1188 01:01:03,860 --> 01:01:05,310 Joten mitä kirjoitan tänne. 1189 01:01:05,310 --> 01:01:08,150 Se mitä haluan tietää, tai se mitä haluan katsoa. 1190 01:01:08,150 --> 01:01:10,690 Ja mitä tulee olemaan muuttuvat nettisivuillamme? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Merkkiä jäljellä. 1193 01:01:14,880 --> 01:01:19,550 Joten samalla tavalla, haluamme aloittaa alustamalla muuttujat 1194 01:01:19,550 --> 01:01:22,030 joka todella pitää kiinni niistä. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Joten jos meillä on var se on meidän tekstialueelle 1197 01:01:29,930 --> 01:01:33,681 ja meillä on var, joka pysyy. 1198 01:01:33,681 --> 01:01:34,180 Oikea? 1199 01:01:34,180 --> 01:01:36,190 Joten nämä ovat menossa pitää nämä kaksi asiaa. 1200 01:01:36,190 --> 01:01:42,370 Joten sama sellainen asia, asiakirja dot-- OK, olen 1201 01:01:42,370 --> 01:01:45,920 aikoo varmistaa tämä on menossa töihin tällä kertaa. 1202 01:01:45,920 --> 01:01:49,620 Olen hyvin järkkymätön. 1203 01:01:49,620 --> 01:01:53,310 OK, joten jos haluamme tekstialueelle mukaan 1204 01:01:53,310 --> 01:01:55,710 meidän HTML, mitä meidän tunniste? 1205 01:01:55,710 --> 01:01:56,420 Mitä meidän Id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Se vain olemaan tekstiä, koska tämä luo meidän tekstialueelle, OK, 1208 01:02:05,540 --> 01:02:10,320 ja meidän tunnus on tekstiä, niin se miten voimme napata mitä siellä. 1209 01:02:10,320 --> 01:02:12,130 OK, puolipiste. 1210 01:02:12,130 --> 01:02:13,940 Aion olla super tarkkoja tästä, 1211 01:02:13,940 --> 01:02:16,300 koska haluan, että tämä toimi tällä kertaa. 1212 01:02:16,300 --> 01:02:22,120 OK, tehdä sama asia, saada elementin Id. 1213 01:02:22,120 --> 01:02:25,970 Olen todella miettinyt, mitä on aiheutti kaksi muuta sotkea. 1214 01:02:25,970 --> 01:02:29,750 OK, niin tässä yksi, mitä me haluamme päästä? 1215 01:02:29,750 --> 01:02:30,760 Mitä meidän Id täällä? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Meillä on toinen Id meidän HTML, mikä se on? 1218 01:02:36,261 --> 01:02:37,552 Yleisö: merkkiä jäljellä. 1219 01:02:37,552 --> 01:02:39,343 ALLISON Buchholtz-AU: Merkkiä jäljellä. 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 Joten olen juuri menossa kirjoittaa tämä todella nopeasti. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Olen juuri menossa kirjoittaa tämän toisen. 1226 01:02:55,330 --> 01:02:56,190 Joten tekstikenttään. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Mielenkiintoista on B function-- siellä on paljon toimintoja, ei vain 1229 01:03:06,180 --> 01:03:09,690 vastaavat hiiri, mutta näppäimistön. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Joten voit sanoa, kun mitä tahansa näppäintä on painettuna, voit tehdä tuollaista. 1232 01:03:16,540 --> 01:03:20,450 Joten joka käytämme on kehottanut ylös, joka 1233 01:03:20,450 --> 01:03:25,320 sanoo, "jos olet painanut mitään näppäintä näppäimistön, kun käyttäjä on poistanut 1234 01:03:25,320 --> 01:03:28,064 sormensa pois, että painiketta, ja avain on tullut puristamatta, 1235 01:03:28,064 --> 01:03:29,480 sitten aiomme tehdä jotain. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Joten tämä on järkevää, eikö? 1238 01:03:31,370 --> 01:03:33,540 Koska jokainen merkki kirjoitamme, olemme menossa 1239 01:03:33,540 --> 01:03:36,550 täytyy nostaa sormet pois sitä, joten kun avain menee ylös, 1240 01:03:36,550 --> 01:03:40,980 voimme tietää dekrementoidaan meidän merkkiä jäljellä. 1241 01:03:40,980 --> 01:03:44,440 >> Joten meillä on joitakin keskeisiä ylös, ja samalla tavalla, 1242 01:03:44,440 --> 01:03:47,480 aiomme sanoa, "OK, kun teemme sen, me 1243 01:03:47,480 --> 01:03:55,110 luomme jonkin toiminnon, joka vie e, "tässä tapauksessa, 1244 01:03:55,110 --> 01:03:58,800 ja mitä haluamme tehdä, on laskea numero jäljellä. 1245 01:03:58,800 --> 01:04:02,510 OK, joten haluan vain aloittaa luomalla muuttuja. 1246 01:04:02,510 --> 01:04:05,830 Joten meillä on muuttuja r, että menee edustamaan 1247 01:04:05,830 --> 01:04:07,720 kuinka monta merkkiä on jäljellä. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Tiedämme, että aloitamme 140, ja jos haluamme tietää, 1250 01:04:14,540 --> 01:04:18,360 sanotaanko, pituus tämän merkkijono, joka on ollut tulo, 1251 01:04:18,360 --> 01:04:20,860 Onko teillä mitään käsitystä miten voisimme tehdä? 1252 01:04:20,860 --> 01:04:23,900 Aivan perustuu pois ilmeinen asioita, kuten jos halusimme tuntia, 1253 01:04:23,900 --> 01:04:25,870 käytimme saada tuntia. 1254 01:04:25,870 --> 01:04:28,860 Tiedämme, että meidän esine on tekstialueelle, mutta voisitteko kaverit 1255 01:04:28,860 --> 01:04:33,050 ajatella, mitä voisi tulla sen jälkeen? 1256 01:04:33,050 --> 01:04:35,280 Onko ideoita? 1257 01:04:35,280 --> 01:04:41,730 >> Joten tämä on tavallaan vähemmän intuitiivinen, mutta sen arvo piste pituus. 1258 01:04:41,730 --> 01:04:44,700 Joten antaa minulle arvo määrite että 1259 01:04:44,700 --> 01:04:46,500 on todella pitkä merkkijonon. 1260 01:04:46,500 --> 01:04:50,340 Joten se tulee sanoa, "OK, minä etsin Tämän koko merkkijonon sisällä tekstialueelle 1261 01:04:50,340 --> 01:04:52,730 ja aion kertoa kuinka kauan se on. " 1262 01:04:52,730 --> 01:04:55,500 Koska jos me muistamme jouset oikeastaan ​​vain paneelit, 1263 01:04:55,500 --> 01:04:58,110 joten voimme vain ottaa pituutta niistä. 1264 01:04:58,110 --> 01:05:01,860 Meillä on siis, että. 1265 01:05:01,860 --> 01:05:04,058 Cool. 1266 01:05:04,058 --> 01:05:09,360 >> Sitten, mitä haluamme tehdä, on meillä koskaan halua sallia käyttäjä 1267 01:05:09,360 --> 01:05:12,340 syötettävä enemmän kuin 140 merkkiä, eikö? 1268 01:05:12,340 --> 01:05:15,610 Koska jos sanomme, kuten "Voi, te vain näin paljon jäljellä, " 1269 01:05:15,610 --> 01:05:20,522 ja anna heidän tehdä, että anyways, olemme valehtelee. 1270 01:05:20,522 --> 01:05:22,230 Ja tämä on toinen asia, että JavaScript 1271 01:05:22,230 --> 01:05:24,530 voi olla todella hyvä varten, on käyttäjän validointi 1272 01:05:24,530 --> 01:05:29,062 ja varmista, että käyttäjä sopii mitään sääntöjä 1273 01:05:29,062 --> 01:05:30,270 että olet vienyt niitä. 1274 01:05:30,270 --> 01:05:36,020 Joten jos haluat tehdä asioita, kuten mikä varma, että joku syöttää sähköpostiosoitteen, 1275 01:05:36,020 --> 01:05:40,242 tai varmista, että kun ne Kirjoita salasanat, he Hyväksytty. 1276 01:05:40,242 --> 01:05:41,200 JavaScript voi tehdä. 1277 01:05:41,200 --> 01:05:44,010 Sinun tekisi jotain, "kun lomake lähetetään, "tai vastaava, 1278 01:05:44,010 --> 01:05:48,170 "Kun Lähetä lomake -painiketta on napsautetaan, katso kaikki nämä asiat. " 1279 01:05:48,170 --> 01:05:49,670 Ja voimme tehdä, että JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Niin, että juuri aiomme tehdä täällä. 1281 01:05:52,680 --> 01:05:57,810 >> Joten mikä voisi olla tapa tarkistaa, jos he ovat menneet yli 140 merkkiä? 1282 01:05:57,810 --> 01:06:03,310 Mitä tulee tapahtumaan meidän arvo r jos he yrittävät? 1283 01:06:03,310 --> 01:06:04,760 Se tulee olemaan negatiivinen, eikö? 1284 01:06:04,760 --> 01:06:07,380 Tai se tulee olemaan vähemmän kuin tai yhtä suuri kuin nolla. 1285 01:06:07,380 --> 01:06:13,690 Joten voimme käyttää, jos se on aivan kuten kaikki muukin. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 Ja meillä on jotain tekstiä alueen piste arvoa, ja mitä teemme täällä 1288 01:06:20,480 --> 01:06:29,940 on me vain cutting-- mikä se on? 1289 01:06:29,940 --> 01:06:30,900 Anteeksi. 1290 01:06:30,900 --> 01:06:32,732 Tämä yksi, me vain haluamme palata vääriä. 1291 01:06:32,732 --> 01:06:34,030 Sain hämmentynyt. 1292 01:06:34,030 --> 01:06:36,560 Kaikki frazzled asioilta ei toimi. 1293 01:06:36,560 --> 01:06:40,010 OK, me vain haluamme return false, ja sitten me 1294 01:06:40,010 --> 01:06:44,160 haluat näyttää loput merkit, eikö? 1295 01:06:44,160 --> 01:06:48,720 Joten kellon, teimme jotain sisäinen HTML, eikö? 1296 01:06:48,720 --> 01:06:52,070 Jos asetamme se vastaa noin muuttuja, joten mikä voisi teemme täällä? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Mitä me muuttuvat sisäinen HTML? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> Yleisö: Jäljellä? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON Buchholtz-AU: Olemme muuttamassa jäljellä. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Selvä, ja mitä me haluat määrittää sen yhtä? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Se tulee olemaan r, koska pitäisi olla merkkiä jäljellä. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Joten olen todella hermostunut, onko tämä toimii nyt, mutta saa nähdä. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Jätä tämä. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Se on todella nopea. 1312 01:07:37,700 --> 01:07:38,970 [Äänetön] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Jälleen olen juuri menossa näyttämään. 1315 01:07:45,990 --> 01:07:49,430 Jostain syystä, minun päättää ei työskennellä, 1316 01:07:49,430 --> 01:07:53,354 mutta mitä minä näytän sinulle, että tämän is-- oh Minun piti laittaa että. 1317 01:07:53,354 --> 01:07:57,470 OK, huomaamme samanlaista juttu täällä, saada tekstikenttään. 1318 01:07:57,470 --> 01:08:01,070 >> Lisäksi, jos kaveri ilmoituksen, jos siellä koskaan jotain haluat tehdä, 1319 01:08:01,070 --> 01:08:04,080 ja et tiedä miten tehdä se, klikkaa View Page Source, 1320 01:08:04,080 --> 01:08:06,632 ja he aikovat kertoa. 1321 01:08:06,632 --> 01:08:07,840 Joskus se tulee salata. 1322 01:08:07,840 --> 01:08:11,147 Oman pset, me salata kaiken, niin se vain näyttää siansaksaa. 1323 01:08:11,147 --> 01:08:13,480 Mutta jos on koskaan todella viileä verkkosivuilla, että pidät, 1324 01:08:13,480 --> 01:08:17,729 jos klikkaa Näytä sivun lähdekoodi, se tulee kertoa, miten tehdä se. 1325 01:08:17,729 --> 01:08:20,770 Joten jälleen, työskennellä fiksummin, ei kovemmin. 1326 01:08:20,770 --> 01:08:24,250 Ja kuten näette täällä, kaikki nämä asiat ovat samat. 1327 01:08:24,250 --> 01:08:31,930 tämä täällä vain vie jonkin alimerkkijono että unohdan, mitä tämä tekee. 1328 01:08:31,930 --> 01:08:36,980 Mutta se vie tietenkin joitakin alimerkkijono arvon nollasta kymmeneen, 1329 01:08:36,980 --> 01:08:41,540 ja palauttaa vääriä mitä pitäisi lopettaa käyttäjän syöttämistä enää, 1330 01:08:41,540 --> 01:08:46,040 ja sitten tietysti päivittää sisempi HTML siellä. 1331 01:08:46,040 --> 01:08:47,410 >> Cool. 1332 01:08:47,410 --> 01:08:53,000 Joten iso take away tänään, kokeilu, katso lähdekoodi 1333 01:08:53,000 --> 01:08:58,359 koska se tulee auttamaan sinua paljon, ja jokainen, joskus JavaScript 1334 01:08:58,359 --> 01:09:03,200 voi olla vaikea työskennellä ja ei aina toimi odotetulla tavalla sen, 1335 01:09:03,200 --> 01:09:05,700 mutta vain pitää yrittää koska Lupaan se tulee. 1336 01:09:05,700 --> 01:09:08,376 Lupaan kaikki nämä esimerkit työskentelivät ennen luokan. 1337 01:09:08,376 --> 01:09:09,750 En ymmärrä mitä tapahtui. 1338 01:09:09,750 --> 01:09:13,069 Olen kirjaimellisesti on kaikki samat. 1339 01:09:13,069 --> 01:09:17,660 >> Yksi asia, joka haluan vain näyttää kaverit, jotka voivat olla erittäin hyödyllisiä 1340 01:09:17,660 --> 01:09:21,630 on in-- mitä toimi ennen? 1341 01:09:21,630 --> 01:09:23,935 Saimme osapuoli työtä, ei me? 1342 01:09:23,935 --> 01:09:26,569 Luulen niin. 1343 01:09:26,569 --> 01:09:27,069 Kyllä. 1344 01:09:27,069 --> 01:09:27,630 Teimme. 1345 01:09:27,630 --> 01:09:28,250 Mahtavaa. 1346 01:09:28,250 --> 01:09:31,189 OK, niin yksi asia, joka te pitäisi tietää 1347 01:09:31,189 --> 01:09:33,340 on konsoli loki että puhuin. 1348 01:09:33,340 --> 01:09:37,040 Joten lohduttaa dot loki hei. 1349 01:09:37,040 --> 01:09:40,430 Joten tämä on eräänlainen JavaScript vastaa printf. 1350 01:09:40,430 --> 01:09:42,810 Joten jos haluat joskus tarkastaa muuttujat 1351 01:09:42,810 --> 01:09:49,649 tai mitä siellä tapahtuu, mitä voit tehdä on, jos me tarkastaa elementti, 1352 01:09:49,649 --> 01:09:51,899 on mitä haluat mennä sen, ja menet lohduttaa, 1353 01:09:51,899 --> 01:09:53,770 näet, että se tulostaa hei. 1354 01:09:53,770 --> 01:09:55,750 >> Joten meillä voisi olla se Tulosta mitä halusimme. 1355 01:09:55,750 --> 01:10:04,170 Jos halusimme tulostaa tausta dot tyyli dot tausta, 1356 01:10:04,170 --> 01:10:08,454 meidän pitäisi pystyä näkemään RGB kolminkertainen, joka tulee. 1357 01:10:08,454 --> 01:10:11,140 Tai sitten ei. 1358 01:10:11,140 --> 01:10:13,520 Unohdan kuinka voit tulostaa muuttuja kuin että, 1359 01:10:13,520 --> 01:10:17,249 mutta sinun pitäisi pystyä tulostaa tuollaista. 1360 01:10:17,249 --> 01:10:19,040 Se on erittäin hyödyllinen oman pset kun 1361 01:10:19,040 --> 01:10:23,330 yrität manipuloida koordinaatit tai vaikka mitä. 1362 01:10:23,330 --> 01:10:25,270 Joten he myös muuttaa tämän pala luokassa. 1363 01:10:25,270 --> 01:10:30,750 Tämä on erilainen kuin viime vuosina, niin vain olla kiltti TFS tai TF: 1364 01:10:30,750 --> 01:10:36,350 toimistossa tuntia pikemminkin, koska olemme eräänlainen oppimisen ohella teitä. 1365 01:10:36,350 --> 01:10:41,230 Mutta konsoli loki oli super, super hyödyllistä JavaScript viime vuonna. 1366 01:10:41,230 --> 01:10:42,740 Niin rakastan sitä. 1367 01:10:42,740 --> 01:10:43,780 Opettele käyttämään sitä. 1368 01:10:43,780 --> 01:10:49,026 On helpompi käyttää kuin GDB, jotta tulisi olla vähintään plus kohta. 1369 01:10:49,026 --> 01:10:50,650 Mutta kiitos kaverit kantavat minua. 1370 01:10:50,650 --> 01:10:53,400 Olen pahoillani, että minun esimerkkejä jostain syystä 1371 01:10:53,400 --> 01:10:55,410 vain ei halua yhteistyötä kanssani, mutta minä 1372 01:10:55,410 --> 01:11:01,010 toivon, että se auttoi sellaista saada sinut hieman vyöhykkeellä JavaScript. 1373 01:11:01,010 --> 01:11:04,980 Ja lähetä minulle kaikki kysymykset ensi viikolla, joten en voi olla erittäin korjata, 1374 01:11:04,980 --> 01:11:09,420 ja minä tuon karkkia ja jopa ylimääräistä karkkia, koska tämä oli naurettavaa. 1375 01:11:09,420 --> 01:11:14,000 Mutta te olette suuri, ja on mahtava viikko. 1376 01:11:14,000 --> 01:11:15,584