1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON Buchholtz-AU: Alle regte almal. 3 00:00:12,340 --> 00:00:13,520 Welkom terug na afdeling. 4 00:00:13,520 --> 00:00:15,315 Dit is ons voorlaaste afdeling. 5 00:00:15,315 --> 00:00:16,542 Dit is so hartseer. 6 00:00:16,542 --> 00:00:19,500 Ek weet nie wat ek gaan doen sonder om te sien julle ouens elke Maandag. 7 00:00:19,500 --> 00:00:20,970 Ek dink ons ​​moet just-- Miskien kan ons net 8 00:00:20,970 --> 00:00:22,710 hier ontmoet en aandete of iets. 9 00:00:22,710 --> 00:00:23,270 Ek weet nie. 10 00:00:23,270 --> 00:00:24,370 Ek sal kos bring in plaas. 11 00:00:24,370 --> 00:00:26,290 Ons sal net praat. 12 00:00:26,290 --> 00:00:29,900 Maar ja, volgende week sal ons laaste artikel. 13 00:00:29,900 --> 00:00:32,390 >> Op daardie noot, jy het 'n quiz volgende week. 14 00:00:32,390 --> 00:00:35,660 Ek weet ek het my te doen, soos, twee week vooraf kennisgewing verlede week, 15 00:00:35,660 --> 00:00:39,140 maar hopelik julle ouens geweet dit kom. 16 00:00:39,140 --> 00:00:42,880 Hopelik is dit een van die laaste midterms vir julle vir die semester. 17 00:00:42,880 --> 00:00:46,950 Maar dit gaan al die te dek materiaal wat ons het gegaan oor. 18 00:00:46,950 --> 00:00:50,811 So dit is nie soos jy net kan vergeet omtrent vier sirkelroetes of veranderlikes. 19 00:00:50,811 --> 00:00:52,560 Omdat ons geleer diegene in die begin, 20 00:00:52,560 --> 00:00:55,870 dit is natuurlik fair game vir jou quiz. 21 00:00:55,870 --> 00:01:00,150 >> Dit gaan wees om die dieselfde formaat, dieselfde lengte, so jy reeds gebruik om dit te. 22 00:01:00,150 --> 00:01:02,330 Daar gaan wees kodering met die hand probleme, 23 00:01:02,330 --> 00:01:06,270 miskien 'n paar ware valse, miskien 'n paar kort antwoord. 24 00:01:06,270 --> 00:01:08,090 So jy moet wees vertroud is met die formaat, 25 00:01:08,090 --> 00:01:10,940 veral as jy die praktyk te toets. 26 00:01:10,940 --> 00:01:13,950 Maar soos ek sê hier, dit is kumulatiewe, maar ons is beslis 27 00:01:13,950 --> 00:01:17,410 gaan word met die fokus op dinge van week ses af. 28 00:01:17,410 --> 00:01:24,050 So, ons is waarskynlik nie gaan om jou te vra oor hoeveel bytes 29 00:01:24,050 --> 00:01:26,180 is in elke tipe of hierdie soort van dinge, 30 00:01:26,180 --> 00:01:29,730 maar ons is waarskynlik gaan om te wees belangstel in dinge soos geskakelde lyste, 31 00:01:29,730 --> 00:01:32,750 of verskillende data strukture, of verskillende algoritmes 32 00:01:32,750 --> 00:01:33,960 dat ons het gepraat oor. 33 00:01:33,960 --> 00:01:38,990 So maak seker dat jy regtig op daardie, en as jy 34 00:01:38,990 --> 00:01:41,590 moet enige hulpbronne, hier is baie van die hulpbronne. 35 00:01:41,590 --> 00:01:44,790 Ek het net vir jou gegee het soort van 'n vinnige lys daar. 36 00:01:44,790 --> 00:01:48,330 >> Volgende week sal quiz wees hersien gedurende hierdie tyd. 37 00:01:48,330 --> 00:01:52,290 So indien u enige vrae of spesifieke onderwerpe, 38 00:01:52,290 --> 00:01:56,180 spesifieke dinge op die quiz wat jy wil oor gaan, asseblief 39 00:01:56,180 --> 00:02:01,780 stuur hulle vir my voor die tyd sodat ek kan soort berei sommige materiaal vir daardie. 40 00:02:01,780 --> 00:02:06,310 En bykomend tot hierdie artikel hersiening, sal ons 41 00:02:06,310 --> 00:02:09,616 ook hou die kursus-wye hersien soos wat ons gedoen het die afgelope tyd. 42 00:02:09,616 --> 00:02:11,490 En dit gaan wees gedoen deur dieselfde mense. 43 00:02:11,490 --> 00:02:13,030 Ek weet nie of dit maak dit 'n beter of slegter, 44 00:02:13,030 --> 00:02:15,670 maar dit gaan my te wees, Hannah, Davan en Gabe weer. 45 00:02:15,670 --> 00:02:18,630 So as jy wil kom kyk ons almal geskerts met mekaar 46 00:02:18,630 --> 00:02:21,270 en loop jy deur quiz hersiening, moet jy beslis 47 00:02:21,270 --> 00:02:22,600 kom dat die volgende Maandag ook. 48 00:02:22,600 --> 00:02:26,210 So jy sal net 'n Maandag konfyt verpak van quiz hersiening, wat goed is 49 00:02:26,210 --> 00:02:29,840 want dan moet jy Dinsdag te verwerk deur alles. 50 00:02:29,840 --> 00:02:32,230 >> Maar beslis nie gaan uit hierdie hulpbronne. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net is by verre, ek dink, een van die mees bruikbare, 52 00:02:36,030 --> 00:02:37,990 veral omdat dit 'n baie van die monster-kode, 53 00:02:37,990 --> 00:02:40,490 dit het al die kragpunte met al die notas oor dit, 54 00:02:40,490 --> 00:02:44,510 wat regtig wat ek trek die meeste van my artikel materiaal uit. 55 00:02:44,510 --> 00:02:47,480 As daar enigiets in die vorige afdelings wat ek kan gestuur het om uit 56 00:02:47,480 --> 00:02:49,920 dat jy nie mag hê gekry, maar laat my weet. 57 00:02:49,920 --> 00:02:52,520 Soos verlede week se voorbeeld kode, as iemand nie kry nie, 58 00:02:52,520 --> 00:02:55,930 e-pos my of kom praat met my, en ek sal seker maak dat jy dit maak. 59 00:02:55,930 --> 00:03:02,000 >> So met dit, vandag gaan ons om te praat oor JavaScript. 60 00:03:02,000 --> 00:03:04,690 So hier is ons Tommy, wat ek was net met jou praat gisteraand. 61 00:03:04,690 --> 00:03:06,670 Ek is mal Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript is sy gunsteling taal, soos hy sê hier. 63 00:03:09,040 --> 00:03:14,050 Hulle sal probeer en vertel dat dit nie die beste, en hulle sal verkeerd wees. 64 00:03:14,050 --> 00:03:16,510 So Tommy is 'n JavaScript meester. 65 00:03:16,510 --> 00:03:19,850 Ek is nie heeltemal op sy vlak, maar ek was soos, 66 00:03:19,850 --> 00:03:22,900 "Tommy, hoe leer ek hierdie kinders JavaScript? " 67 00:03:22,900 --> 00:03:26,700 So ek het 'n paar wenke, sodat hopelik sal hulle uit te werk. 68 00:03:26,700 --> 00:03:31,140 >> So 'n paar dinge om te weet, is dat JavaScript is 'n kliënt-kant skripte 69 00:03:31,140 --> 00:03:35,560 taal, so terwyl PHP is iets dat ons beskou as meer bediener-kant, 70 00:03:35,560 --> 00:03:39,280 dit oplaai na die bediener, saamgestel en daar uitgevoer. 71 00:03:39,280 --> 00:03:42,871 Hierdie een is uitgevoer op jou eie masjien. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 So jy laai 'n paar JavaScript bladsy en dit voer op jou rekenaar. 74 00:03:46,960 --> 00:03:49,910 Sintaksis is baie soortgelyk aan C en PHP. 75 00:03:49,910 --> 00:03:52,490 Ons gaan om te gaan deur middel van 'n paar voorbeelde van JavaScript, 76 00:03:52,490 --> 00:03:56,740 en jy gaan om te sien dat die manier waarop ons praat oor veranderlikes, loops, 77 00:03:56,740 --> 00:03:58,910 en voorwaardes is almal baie soortgelyk. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Die feit dat hulle is so soortgelyk is waarskynlik gaan sommige van julle te reis 80 00:04:04,490 --> 00:04:08,529 up, in sommige gevalle, net omdat jy sal 'n bietjie van C inkorporeer 81 00:04:08,529 --> 00:04:09,570 waar daar moet wees nie. 82 00:04:09,570 --> 00:04:14,130 Miskien het jy probeer en tik iets wanneer dit moet nie getik word. 83 00:04:14,130 --> 00:04:16,540 >> En op daardie een ding om te weet, is dat JavaScript 84 00:04:16,540 --> 00:04:19,360 is 'n dinamiese getik taal, soos PHP. 85 00:04:19,360 --> 00:04:21,410 So as jy ouens onthou van artikel verlede week, 86 00:04:21,410 --> 00:04:23,680 toe ons soort doen ons PHP crash kursus, 87 00:04:23,680 --> 00:04:28,860 het ons gesien hoe 'n string een kan wees het in 'n int een, en so meer. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Die tipe van jou veranderlikes word bepaal te hardloop tyd, 90 00:04:34,850 --> 00:04:38,180 sodat hulle kan verander oor die loop van die program, 91 00:04:38,180 --> 00:04:43,109 en in die dieselfde manier as wat ons nooit regtig verklaar tipes vir PHP veranderlikes, 92 00:04:43,109 --> 00:04:45,900 ons gaan om dieselfde te doen ding hier, waar ons is nie regtig 93 00:04:45,900 --> 00:04:49,740 die beheer van die tipes van ons veranderlikes, om so te praat, soos ons in C. 94 00:04:49,740 --> 00:04:52,200 >> En dan een ding dit is pretty cool is 95 00:04:52,200 --> 00:04:54,090 wat jy kan fout check via die konsole, 96 00:04:54,090 --> 00:04:57,240 met hierdie groot funksie console.log, wat 97 00:04:57,240 --> 00:05:00,930 kan jy om uit te druk verskillende veranderlikes of voorwerpe wat ons sal 98 00:05:00,930 --> 00:05:01,750 praat oor. 99 00:05:01,750 --> 00:05:05,720 Net soos verlede week toe ek soos, "gebruik hierdie funksie," met stort 100 00:05:05,720 --> 00:05:10,490 uit jou pset dit is 'n funksie wat jy wil gebruik, console.log. 101 00:05:10,490 --> 00:05:12,860 Ek was so verbaas wees hoeveel studente by kantoorure 102 00:05:12,860 --> 00:05:14,530 het nie geweet oor die stortingsterrein funksie. 103 00:05:14,530 --> 00:05:19,010 Maar ek was soos, "ouens, dit wil maak jou lewe soveel makliker. " 104 00:05:19,010 --> 00:05:22,960 >> Alle reg, sodat dit was soort van net 'n kort ding, soos altyd, 105 00:05:22,960 --> 00:05:24,000 ons het voorbeelde. 106 00:05:24,000 --> 00:05:25,600 Ek weet julle ouens is lief vir hulle. 107 00:05:25,600 --> 00:05:30,930 So hier is 'n voorbeeld van 'n baie eenvoudige JavaScript lêer hier. 108 00:05:30,930 --> 00:05:34,000 So dit is net gaan om te skep hierdie pop-up wat sê, 109 00:05:34,000 --> 00:05:36,336 "Hello world", wanneer jy Tik die bladsy, maar laat 110 00:05:36,336 --> 00:05:37,960 probeer en loop deur middel van hierdie 'n bietjie. 111 00:05:37,960 --> 00:05:43,440 So natuurlik is dit net soos jou normale index.html. 112 00:05:43,440 --> 00:05:50,280 So, net ons normale sjabloon hier, en ons het HTML, ons het ons kop, 113 00:05:50,280 --> 00:05:55,580 en net soos met CSS, hoe ons ingesluit 'n buite-lêer, reg? 114 00:05:55,580 --> 00:05:59,260 Ons het 'n paar script type teks wat is JavaScript. 115 00:05:59,260 --> 00:06:02,680 En die bron is hello.js, wat is hier. 116 00:06:02,680 --> 00:06:05,630 Dit is die hele gebied van die hello.js. 117 00:06:05,630 --> 00:06:09,080 En dan het ons het 'n paar titel en sommige liggaam HTML 118 00:06:09,080 --> 00:06:11,050 dat ons nie regtig omgee nie. 119 00:06:11,050 --> 00:06:15,970 >> Wat gebeur is, wanneer ons laai die bladsy, dit outomaties voer hierdie script. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 So JavaScript voer outomaties. 122 00:06:18,790 --> 00:06:22,860 So wat dit gaan doen, gaan dit gaan onmiddellik en uit te voer nie. 123 00:06:22,860 --> 00:06:24,110 En dit gaan om te sê, "waarskuwing. 124 00:06:24,110 --> 00:06:25,190 Hello world. " 125 00:06:25,190 --> 00:06:30,840 Watter waarskuwing is die funksie wat eintlik genereer hierdie boks. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 So dit is soort van alle sluit. 128 00:06:33,390 --> 00:06:36,700 Daar is niks ekstra wat ons gehad het om te doen behalwe net wakker, 129 00:06:36,700 --> 00:06:40,000 en dan alles wat ons wou binne ons Alert boks. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 So dit is net 'n super eenvoudige voorbeeld van wat JavaScript kan doen. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Een van die baie cool dinge, soos ons sal sien, 134 00:06:50,070 --> 00:06:55,150 is dat JavaScript kan jy jou webblaaie te manipuleer, 135 00:06:55,150 --> 00:06:57,720 sonder om te herlaai hulle elke keer. 136 00:06:57,720 --> 00:07:01,830 So as jy want-- byvoorbeeld, indien jy beweeg word oor iets, 137 00:07:01,830 --> 00:07:04,300 As jy ouens ooit gesien soos Menu bars, 138 00:07:04,300 --> 00:07:07,360 of wanneer jy hover oor 'n paar onderwerp, 'n drop-down menu verskyn, 139 00:07:07,360 --> 00:07:08,670 dit is as gevolg van JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 So jy is nie te herlaai die hele bladsy te kry hierdie kieslys te wys, 142 00:07:12,670 --> 00:07:17,240 jy net op soek na 'n spesifieke aksie wat die gebruiker het geneem, 143 00:07:17,240 --> 00:07:21,800 watter gebeure geroep is dat ons sal kry in, en sodra jy sien dat jy sê, 144 00:07:21,800 --> 00:07:25,960 "OK, iets oor hierdie wysig bladsy en maak dit anders lyk, 145 00:07:25,960 --> 00:07:28,270 maar net hierdie spesifieke dinge wysig. 146 00:07:28,270 --> 00:07:29,690 Moenie die hele ding herlaai nie. " 147 00:07:29,690 --> 00:07:33,110 So dit is eintlik baie lekkerder, en jy hoef nie jou bladsye te laai, 148 00:07:33,110 --> 00:07:34,510 en dit is regtig cool. 149 00:07:34,510 --> 00:07:38,270 >> So veranderlike verklarings, sodat jy kan soort van sien nie, 150 00:07:38,270 --> 00:07:40,530 Ek sit op die top hier, losweg getik. 151 00:07:40,530 --> 00:07:42,570 So, dit is baie soos PHP. 152 00:07:42,570 --> 00:07:48,770 Ons hoef nie te vertel JavaScript watter tipe ons 153 00:07:48,770 --> 00:07:50,740 verwag elk van hierdie veranderlikes te wees. 154 00:07:50,740 --> 00:07:52,560 Hulle kan wees wat tipes ons wil hê. 155 00:07:52,560 --> 00:07:57,480 So jy in hierdie geval sien, ons verklaar hulle baie eenvoudig, net met 'n "var" 156 00:07:57,480 --> 00:08:00,990 en dan wat ons wil ons veranderlike naam wees. 157 00:08:00,990 --> 00:08:05,680 Een ding om daarop te let is dat wanneer jy sit var in die voorkant van 'n veranderlike naam, 158 00:08:05,680 --> 00:08:07,520 dit plaaslik bestekke dit. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Dit is heeltemal redelike vir jou heeltemal net vee die var 161 00:08:14,025 --> 00:08:18,970 en net s gelyk CS50, en wat sou net 'n globale veranderlike. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Sodat jy kan inisialiseer dit beide maniere, net hang af van hoe jy dit wil hê. 164 00:08:22,490 --> 00:08:24,448 So as jy initializing dit binne 'n funksie, 165 00:08:24,448 --> 00:08:28,070 en jy wil hê dat die veranderlike bly scoped binne daardie funksie, 166 00:08:28,070 --> 00:08:31,620 jy gaan om te wil doen iets soos var noem 'n veranderlike, 167 00:08:31,620 --> 00:08:34,270 versus as jy dit wil hê wêreldwyd scoped, jy 168 00:08:34,270 --> 00:08:36,240 kan net nie die naam van die veranderlike en dan 169 00:08:36,240 --> 00:08:38,270 alles wat jy wil dit gelyk aan. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> Dit is 'n soort van 'n cool ding hier, want as ons agterkom dat ons veranderlike 172 00:08:45,580 --> 00:08:47,590 b begin as waar. 173 00:08:47,590 --> 00:08:51,280 En wat hierdie does-- kan iemand vir my sê wat dit beteken? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 So ons het 'n paar waarskuwing. 176 00:08:55,890 --> 00:09:00,156 Wat sou tipe b wees in die begin? 177 00:09:00,156 --> 00:09:00,905 GEHOOR: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON Buchholtz-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Reg. 180 00:09:01,940 --> 00:09:07,260 En dan toewys ons b hierdie string, reg? 181 00:09:07,260 --> 00:09:11,170 So, hier is, watter tipe b wees? 182 00:09:11,170 --> 00:09:12,480 Dit sou 'n string wees, reg? 183 00:09:12,480 --> 00:09:14,900 So, wat is belangrik om te kennisgewing is dat in c, ons 184 00:09:14,900 --> 00:09:17,330 kon byna nooit doen iets soos dit. 185 00:09:17,330 --> 00:09:22,000 Ons wil 'n veranderlike te hê, gooi dit as iets anders, 186 00:09:22,000 --> 00:09:27,185 Miskien doen 'n paar funksie met 'n twee i, gaan van 'n klag na 'n heelgetal. 187 00:09:27,185 --> 00:09:31,063 Maar as ons hier sien, b baie maklik verander tik. 188 00:09:31,063 --> 00:09:33,760 >> GEHOOR: Wag, so jy kan net wees, "maak b 'n heelgetal?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON Buchholtz-AU: Ja. 190 00:09:34,360 --> 00:09:36,185 Jy kan net toewys b 'n heelgetal. 191 00:09:36,185 --> 00:09:36,910 >> GEHOOR: Regtig? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON Buchholtz-AU: Ja. 193 00:09:38,035 --> 00:09:39,810 En dan sou dit 'n int wees. 194 00:09:39,810 --> 00:09:43,820 Sodat jou veranderlikes kan verander oor die loop van die program ook. 195 00:09:43,820 --> 00:09:46,410 Hulle is nie streng getik. 196 00:09:46,410 --> 00:09:49,180 Dit is baie losweg getik. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Basies jou veranderlikes kan doen wat hulle wil hê, as ons soort van sien met PHP. 199 00:09:54,820 --> 00:09:59,430 Hulle kan dit doen 'n paar mal dinge, so dit is belangrik om redelik versigtig te wees. 200 00:09:59,430 --> 00:10:01,200 Noem jou veranderlikes goed. 201 00:10:01,200 --> 00:10:03,450 As jy dit nie doen nie, almal van 'n skielike jy gaan wees, 202 00:10:03,450 --> 00:10:05,783 "Wag, ek het gedink dit was 'n string, en nou is dit 'n int, 203 00:10:05,783 --> 00:10:08,170 en ek is nie seker wat gaan aan hier. " 204 00:10:08,170 --> 00:10:12,410 So dit is net 'n eenvoudige voorbeeld van wys hoe 'n veranderlike kan maklik 205 00:10:12,410 --> 00:10:15,890 verander sy soort oor die loop van 'n program. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 So dit moet kyk super, super bekende. 208 00:10:19,200 --> 00:10:21,510 So dit is ons lusse in JavaScript. 209 00:10:21,510 --> 00:10:27,780 Dit is presies dieselfde, behalwe vir in plaas van vier int i gelyk aan nul, 210 00:10:27,780 --> 00:10:30,470 ons kon net sê var i gelyk aan nul. 211 00:10:30,470 --> 00:10:34,100 En dan kan ons ons dieselfde soort het van toestand, dieselfde soort werk, 212 00:10:34,100 --> 00:10:36,090 i plus plus werk net fyn. 213 00:10:36,090 --> 00:10:39,800 So viere is dieselfde, o swaard is dieselfde, 214 00:10:39,800 --> 00:10:41,440 en doen die genot is presies dieselfde. 215 00:10:41,440 --> 00:10:44,070 Dieselfde soort algemene formaat. 216 00:10:44,070 --> 00:10:48,840 Ons sien, vier, tussen hakies, hakies, dit is almal dieselfde. 217 00:10:48,840 --> 00:10:51,470 Ook is daar kommapunte sal wees wanneer ons by voorbeeld kode. 218 00:10:51,470 --> 00:10:55,250 Jy sal sien dit is redelik baie dieselfde as c. 219 00:10:55,250 --> 00:10:59,770 >> Vir funksie verklarings, weer, baie soortgelyk. 220 00:10:59,770 --> 00:11:05,100 Ons het 'n paar funksie wat net sê dat dit is 'n funksie, en dan 221 00:11:05,100 --> 00:11:07,660 die naam van ons funksie, en die insette. 222 00:11:07,660 --> 00:11:11,590 En weer as ons sien, ons het geen tipes hier hoegenaamd nie. 223 00:11:11,590 --> 00:11:12,090 Reg? 224 00:11:12,090 --> 00:11:18,150 Ons het niks te sê dat hierdie moet SY of dubbels, of dryf om te wees. 225 00:11:18,150 --> 00:11:19,530 Hulle kon wees wat hulle wil. 226 00:11:19,530 --> 00:11:23,560 Wat belangrik is, is die merk wat ons moet funksioneer om vooraf skryf 227 00:11:23,560 --> 00:11:26,430 te laat JavaScript weet dat dit is eintlik 'n funksie. 228 00:11:26,430 --> 00:11:29,820 >> So dit is net 'n paar eenvoudige som funksie wat terug x of y, 229 00:11:29,820 --> 00:11:33,800 en dan wat is ook koel is dat jy kan eintlik 230 00:11:33,800 --> 00:11:35,950 wys 'n funksie op 'n veranderlike. 231 00:11:35,950 --> 00:11:41,770 So in hierdie geval, som is nou die funksie wat eintlik nie som. 232 00:11:41,770 --> 00:11:47,740 So as jy hier sien, het ons funksie, naam van funksie, insette. 233 00:11:47,740 --> 00:11:48,860 Reg? 234 00:11:48,860 --> 00:11:52,120 Hier het ons net funksie en insette. 235 00:11:52,120 --> 00:11:54,310 So dit is 'n anonieme funksie genoem. 236 00:11:54,310 --> 00:11:59,265 En dit is iets wat nuwe moet wees die meeste van julle ouens, indien nie almal van julle. 237 00:11:59,265 --> 00:12:01,140 So basies wat dit beteken is dat ons dit nie doen nie 238 00:12:01,140 --> 00:12:03,050 moet naam van ons funksie in hierdie geval. 239 00:12:03,050 --> 00:12:06,260 Ons kan net sê, "OK, ek gaan hierdie funksie wat voer, hier 240 00:12:06,260 --> 00:12:08,550 is sy insette, en hier is wat dit gaan doen nie. " 241 00:12:08,550 --> 00:12:12,540 En veral wanneer jy die toeken 'n funksie aan 'n paar veranderlike 242 00:12:12,540 --> 00:12:14,950 wat jy gaan om te manipuleer, jy nie noodwendig 243 00:12:14,950 --> 00:12:17,116 nodig het om dit te noem, want jy gaan word verwys 244 00:12:17,116 --> 00:12:20,990 dit deur hierdie veranderlike naam, nie deur watter 245 00:12:20,990 --> 00:12:22,840 Die funksie is eintlik genoem. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> So as ons hier sien, is ons het 'n paar veranderlike som nou 248 00:12:27,810 --> 00:12:30,920 wat gelyk is aan die som van drie en vyf. 249 00:12:30,920 --> 00:12:33,070 En ons sou kry nie. 250 00:12:33,070 --> 00:12:36,750 En dit sou net 'n paar waarskuwing, drie plus vyf is gelyk aan die aantal. 251 00:12:36,750 --> 00:12:43,950 Dit plus sal net koppel Wat ook al ons antwoord was op die string. 252 00:12:43,950 --> 00:12:47,420 Ook Modern, plus kan koppel snare. 253 00:12:47,420 --> 00:12:53,510 >> Vir JavaScript, soos met PHP, HTML en CSS soos ons sê, 254 00:12:53,510 --> 00:12:56,450 'n baie dit ons soort van die neem van die opleiding wiele af hier 255 00:12:56,450 --> 00:13:02,030 en julle het 'n baie van die know hoe om regtig te verstaan ​​hierdie dinge. 256 00:13:02,030 --> 00:13:04,280 Hulle is effens anders, maar hulle is nie so vreemd 257 00:13:04,280 --> 00:13:09,460 en dat jy kan nie dinge Google of kyk hulle aanlyn met w3 skole. 258 00:13:09,460 --> 00:13:12,755 En ons is regtig verwag jy ouens, soort, eksperiment 259 00:13:12,755 --> 00:13:14,400 en leer op jou eie. 260 00:13:14,400 --> 00:13:19,490 So, ek weet dit lyk 'n bietjie minder deeglik as sommige van die c dinge 261 00:13:19,490 --> 00:13:21,936 ons doen nie, maar dit is eintlik vir 'n rede. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Maar hopelik is dit nie te anders, en dit is nie oorweldigend. 264 00:13:28,470 --> 00:13:31,940 >> So skikkings in JavaScript, weer baie, baie soortgelyk. 265 00:13:31,940 --> 00:13:32,460 Reg? 266 00:13:32,460 --> 00:13:36,520 Ons het 'n paar veranderlike verskeidenheid dit is gelyk aan leë hakies, 267 00:13:36,520 --> 00:13:40,340 en dit is net 'n leë skikking. 268 00:13:40,340 --> 00:13:43,420 Dit word dikwels genoem letterlike verskeidenheid notasie. 269 00:13:43,420 --> 00:13:45,280 Dit is net een ding wat ons dit noem. 270 00:13:45,280 --> 00:13:51,380 As ons kyk verskeidenheid twee hier, ons het 'n paar letterlike skikking wat het drie elemente, 271 00:13:51,380 --> 00:13:51,910 reg? 272 00:13:51,910 --> 00:13:54,640 En dan het ons het 'n paar var derde element wat 273 00:13:54,640 --> 00:13:58,060 sommige veranderlike dit is net gaan hierdie string te hou, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Die elemente, goed om te sien, word deur kommas geskei, 276 00:14:06,170 --> 00:14:07,740 net soos ons sou verwag. 277 00:14:07,740 --> 00:14:14,630 En jy kan ook toegang tot hierdie, soos ons gedoen het in C, met die indeks notasie, reg? 278 00:14:14,630 --> 00:14:16,950 So anders as PHP Nou, ons gaan terug 279 00:14:16,950 --> 00:14:20,180 net soort van verwysing dinge deur indeks. 280 00:14:20,180 --> 00:14:22,189 Net soos C, dit is ook nul-indeks. 281 00:14:22,189 --> 00:14:25,230 Ek voel soos dit werklik wrede sou wees as hulle skielik JavaScript een 282 00:14:25,230 --> 00:14:30,630 indeks, en jy het om heeltemal dink hoe jy dink oor skikkings. 283 00:14:30,630 --> 00:14:36,140 >> Een cool ding is dat in plaas van om te do-- as jy ooit 284 00:14:36,140 --> 00:14:39,240 wou die lengte van 'n skikking, Miskien het jy Itereer deur dit 285 00:14:39,240 --> 00:14:43,430 totdat jy 'n paar ou end, of jy wil net weet wat dit is. 286 00:14:43,430 --> 00:14:49,310 Omdat JavaScript is baie los in meer maniere as net soort, soos ons hier sien, 287 00:14:49,310 --> 00:14:53,310 ons kan maak net hierdie verskeidenheid groter omdat ons besluit om. 288 00:14:53,310 --> 00:14:56,177 As ons sien verskeidenheid drie het drie dinge om te begin, 289 00:14:56,177 --> 00:14:58,510 maar dan is almal van 'n skielike, ons is soos, "O, net 'n grap. 290 00:14:58,510 --> 00:15:01,370 Ons is eintlik gaan om dit te maak 101 dinge. " 291 00:15:01,370 --> 00:15:05,300 So as jy ooit wil die weet werklike lengte van jou skikking, 292 00:15:05,300 --> 00:15:06,680 jy doen dit so. 293 00:15:06,680 --> 00:15:10,470 En ons gaan 'n baie om te sien van hierdie notasie in voorbeelde, 294 00:15:10,470 --> 00:15:12,730 maar met JavaScript dit is tipies wat 295 00:15:12,730 --> 00:15:16,410 voorwerp wat jy praat dot watter soort funksie 296 00:15:16,410 --> 00:15:17,740 jy aansoek gedoen wil om dit te. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> So in hierdie geval, ons voorwerp is opgestel twee, 299 00:15:20,520 --> 00:15:23,470 en ons sê ons wil die lengte van verskeidenheid twee. 300 00:15:23,470 --> 00:15:25,716 So hierdie oproepe net soos lengte op daardie. 301 00:15:25,716 --> 00:15:27,090 En wat jou lengte terugkeer. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Ook iets om daarop te let is dat as ons agterkom dat ons skikkings, 304 00:15:36,790 --> 00:15:39,830 teenstelling C, hulle het nie almal van dieselfde soort te wees. 305 00:15:39,830 --> 00:15:41,670 Dit is veel meer soos PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript is basies net soos hierdie interessante versmelting van C en PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 So ons sal kry in dit. 309 00:15:52,170 --> 00:15:56,750 Vir nou, laat ons net aanvaar dat jou skikkings is basies 310 00:15:56,750 --> 00:16:00,640 soos C skikkings, in daardie hulle zero geïndekseer. 311 00:16:00,640 --> 00:16:04,120 OK, so dit is alles. 312 00:16:04,120 --> 00:16:08,850 Jy kan ook net verleng 'n skikking te ookal indeks wat jy wil. 313 00:16:08,850 --> 00:16:14,260 AANGESIEN dit waarskynlik sal seg fout op jou of gee jou 'n paar foute, 314 00:16:14,260 --> 00:16:15,970 JavaScript is soos, "Nee wat, dit is goed. 315 00:16:15,970 --> 00:16:16,620 Ek het hierdie. 316 00:16:16,620 --> 00:16:19,460 Ons sal net gaan reguit waar jy wil. " 317 00:16:19,460 --> 00:16:24,310 >> OK, so voorwerpe is baie belangrik. 318 00:16:24,310 --> 00:16:29,720 Julle sal gebruik word om 'n groot deel van hierdie in jou P stel, as ek reg onthou. 319 00:16:29,720 --> 00:16:34,780 So die ding wat dit is soortgelyk aan in C is structs. 320 00:16:34,780 --> 00:16:39,290 So jy kan dink about-- wanneer ons gaan na 'n voorbeeld reg 321 00:16:39,290 --> 00:16:41,810 daarna sal Ek dink dit sal maak 'n baie meer sense-- 322 00:16:41,810 --> 00:16:45,830 maar ons basies gebruik om voorwerpe te organiseer natuurlik verwante inligting. 323 00:16:45,830 --> 00:16:47,780 Wanneer ons gepraat oor structs in C, het ons dikwels 324 00:16:47,780 --> 00:16:53,405 praat oor 'n student wat 'n paar name gehad het, ID, huis, jy weet, konsentrasie. 325 00:16:53,405 --> 00:16:56,030 En dit is soort van dieselfde ding wat ons gebruik voorwerpe hier. 326 00:16:56,030 --> 00:16:59,300 Dis net te organiseer soortgelyke inligting. 327 00:16:59,300 --> 00:17:03,620 >> Jy kan ook dink van hierdie as meer soortgelyke skikkings te associatieve in PHP. 328 00:17:03,620 --> 00:17:10,010 So dit sou soort van die ding waar ons het 'n paar sleutel met 'n bietjie waarde, 329 00:17:10,010 --> 00:17:12,859 baie soortgelyk aan PHP. 330 00:17:12,859 --> 00:17:15,780 Sodat jy kan inisialiseer 'n paar leë voorwerp, soos ons sien hier, 331 00:17:15,780 --> 00:17:17,390 net met krullerige draadjies. 332 00:17:17,390 --> 00:17:19,160 So skikkings is vierkantige hakies. 333 00:17:19,160 --> 00:17:21,220 Leë voorwerpe is krullerige draadjies. 334 00:17:21,220 --> 00:17:24,020 Goeie onderskeid te hê. 335 00:17:24,020 --> 00:17:27,319 En dit is net twee verskillende maniere eienskappe te stel. 336 00:17:27,319 --> 00:17:31,460 So dit is soort van veel meer van 'n manier dat 337 00:17:31,460 --> 00:17:35,220 is soortgelyk aan PHP, met ons assosiatiewe skikkings, met die sleutel, 338 00:17:35,220 --> 00:17:39,910 en ons waarde, terwyl hierdie een is-- jy sal 339 00:17:39,910 --> 00:17:41,920 sien dit 'n baie meer in JavaScript. 340 00:17:41,920 --> 00:17:43,550 Dit is geneig om die konvensie te wees. 341 00:17:43,550 --> 00:17:47,660 En op dieselfde manier wat ons gedoen het array twee dot lengte, is hierdie woorde, 342 00:17:47,660 --> 00:17:51,580 "OK, gee my daardie kenmerk van hierdie voorwerp. " 343 00:17:51,580 --> 00:17:52,110 Reg? 344 00:17:52,110 --> 00:17:55,660 So dieselfde manier waarop dit was soos, "gee my die kenmerk lengte van verskeidenheid twee, " 345 00:17:55,660 --> 00:17:59,970 dit sê, "gee my 'n paar eiendom van ons leë voorwerp. " 346 00:17:59,970 --> 00:18:02,890 Of in hierdie geval, ons is toeken dit tot 'n waarde hier. 347 00:18:02,890 --> 00:18:06,200 Maar jy kan ook toegang verkry tot dit so. 348 00:18:06,200 --> 00:18:09,090 >> En dan is hier is dit net wat twee verskillende waarskuwings. 349 00:18:09,090 --> 00:18:12,320 So hierdie die waarskuwings sou wys presies dieselfde sou wees, 350 00:18:12,320 --> 00:18:17,150 dit is net twee verskillende maniere toegang tot die element wat ons wil hê. 351 00:18:17,150 --> 00:18:19,552 Maak dit sin maak vir almal? 352 00:18:19,552 --> 00:18:21,510 Ek voel soos hierdie een waarskynlik meer sin maak, 353 00:18:21,510 --> 00:18:23,270 net omdat ons kom af van PHP. 354 00:18:23,270 --> 00:18:26,400 Maar as ons dit doen meer voorbeelde, hierdie is letterlik presies dieselfde. 355 00:18:26,400 --> 00:18:28,170 Baie van dit is net verander in sintaksis. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, so voorbeelde. 358 00:18:33,030 --> 00:18:34,180 Ek is mal voorbeelde. 359 00:18:34,180 --> 00:18:40,070 So hier is 'n paar CS50 veranderlike wat 'n voorwerp, 360 00:18:40,070 --> 00:18:42,160 en ons het almal die winkel inligting oor dit. 361 00:18:42,160 --> 00:18:46,680 Dus het ons natuurlik instrukteur, TFS, psets, en op band opgeneem. 362 00:18:46,680 --> 00:18:51,840 So sien ons dit is byna al die verskillende tipes. 363 00:18:51,840 --> 00:18:52,340 Reg? 364 00:18:52,340 --> 00:18:56,230 So voorwerpe kan stoor eienskappe van die verskillende tipes. 365 00:18:56,230 --> 00:19:01,220 Ons kan dink this-- dit is baie soortgelyk aan ons assosiatiewe skikking in PHP. 366 00:19:01,220 --> 00:19:07,470 So sleutel, waarde, sleutel, waarde, sleutel, waarde, so aan en so voort. 367 00:19:07,470 --> 00:19:11,230 Wat ook interessant is in die dieselfde manier dat ons skikkings binne skikkings kan hê, 368 00:19:11,230 --> 00:19:14,690 ons kan ook voorwerpe binne voorwerpe, of skikkings binne voorwerpe. 369 00:19:14,690 --> 00:19:18,410 Jy nooit regtig beperk tot net 'n enkele een van die dinge. 370 00:19:18,410 --> 00:19:24,220 Ons kan baie Inceptionesque, net hou om af te gaan die haas gat daar. 371 00:19:24,220 --> 00:19:26,080 >> So as ons sien, ons het 'n paar kursus wat 372 00:19:26,080 --> 00:19:31,120 is 'n string, instrukteur dit is 'n string, en skikking, 'n int, en 'n Boole. 373 00:19:31,120 --> 00:19:36,110 So al hierdie verskillende dinge. 374 00:19:36,110 --> 00:19:39,600 >> Alle reg, sodat ons 'n ander een. 375 00:19:39,600 --> 00:19:42,930 So in hierdie geval, ons het 'n verskeidenheid van voorwerpe. 376 00:19:42,930 --> 00:19:45,320 So net soos 'n voorwerp kan 'n verskeidenheid in dit. 377 00:19:45,320 --> 00:19:47,210 Ons kan ook 'n verskeidenheid van voorwerpe. 378 00:19:47,210 --> 00:19:51,250 Dit kan nuttig wees dink oor soortgelyke soort 379 00:19:51,250 --> 00:19:54,260 van hoe ons 'n hash tafel, ons het 'n skikking 380 00:19:54,260 --> 00:19:56,220 van al hierdie verskillende tipes structs dat 381 00:19:56,220 --> 00:19:59,070 was verwysings na verskillende nodes en noem maar op. 382 00:19:59,070 --> 00:20:01,420 Maar in hierdie geval, ons het 'n verskeidenheid van voorwerpe. 383 00:20:01,420 --> 00:20:04,890 So dit is soos 'n skikking assosiatiewe skikkings. 384 00:20:04,890 --> 00:20:09,430 So ons het 'n paar eerste element sou die voorwerp met die naam James 385 00:20:09,430 --> 00:20:11,340 en die huis van Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Julle kan onthou iets baie soortgelyk aan hierdie 387 00:20:14,780 --> 00:20:21,710 met jou laaste pset, waar as jy getrek iets van jou databasis, 388 00:20:21,710 --> 00:20:24,480 die eerste soort ding in jou array was 389 00:20:24,480 --> 00:20:27,110 al die inligting oor die eerste gebruiker wat nagekom nie, 390 00:20:27,110 --> 00:20:30,765 en dan het jy na die indeks in daardie hul voorraad of hul kas te kry 391 00:20:30,765 --> 00:20:32,110 of iets anders. 392 00:20:32,110 --> 00:20:34,620 So, dit is baie dieselfde ding, net 'n bietjie verandering 393 00:20:34,620 --> 00:20:39,570 in sintaksis, bietjie verandering in die woorde wat ons gebruik om hulle te beskryf. 394 00:20:39,570 --> 00:20:45,960 >> So as ons wou, kan enigiemand vertel my wat hierdie waarskuwing sou hier doen? 395 00:20:45,960 --> 00:20:48,780 Of wat hierdie stukkie kode vir ons sou doen? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 GEHOOR: Dit sal jou al die name. 398 00:20:52,616 --> 00:20:54,900 ALLISON Buchholtz-AU: Right, so dit wil net waarsku met al die name 399 00:20:54,900 --> 00:20:57,960 want dit sou gaan deur huisie i, so dit sou begin by nul. 400 00:20:57,960 --> 00:21:01,330 So dit wil sê, OK ons soek by die eerste voorwerp, wat 401 00:21:01,330 --> 00:21:03,210 is die eerste slot in ons verskeidenheid. 402 00:21:03,210 --> 00:21:06,900 En dit sê, "gee my die skryf die naam van die voorwerp. " 403 00:21:06,900 --> 00:21:09,030 So het ons hier gaan, wil ons skandering, ons wil vind naam, 404 00:21:09,030 --> 00:21:11,340 en ons wil uit te druk James, Molly, en Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Enige vrae so ver? 407 00:21:15,799 --> 00:21:17,590 JavaScript ongelukkig jy gaan wees 408 00:21:17,590 --> 00:21:20,950 doen 'n baie soek op jou eie, uitzoeken die sintaksis, 409 00:21:20,950 --> 00:21:21,910 worstel met dit. 410 00:21:21,910 --> 00:21:25,870 Maar ek is natuurlik altyd hier, kantoorure is altyd hier. 411 00:21:25,870 --> 00:21:28,260 Ek kan hierdie week op Dinsdae. 412 00:21:28,260 --> 00:21:31,050 So as jy daar is, kan jy kom besoek my hierdie week. 413 00:21:31,050 --> 00:21:32,470 Dit sou wonderlik wees. 414 00:21:32,470 --> 00:21:36,260 >> OK, so DOM is Document-Object Model. 415 00:21:36,260 --> 00:21:38,900 So dit is net 'n manier om dat ons wil om te dink 416 00:21:38,900 --> 00:21:45,720 oor hoe ons HTML en alles binne dit georganiseer. 417 00:21:45,720 --> 00:21:49,930 Dit is veral iets wat sal waarskynlik op jou quiz kom. 418 00:21:49,930 --> 00:21:58,150 Ek weet my jaar, was dit soos hier is HTML-lêer, vul die DOM vir dit. 419 00:21:58,150 --> 00:21:59,770 En jy moet net in te vul die klein dingetjies. 420 00:21:59,770 --> 00:22:01,500 Dit moet maklik wees om punte hopelik. 421 00:22:01,500 --> 00:22:03,450 Hopelik sal jy see-- 422 00:22:03,450 --> 00:22:04,590 >> GEHOOR: [onhoorbaar] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON Buchholtz-AU: So jy hierdie boom hier sien? 424 00:22:06,660 --> 00:22:07,200 >> GEHOOR: Ja. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON Buchholtz-AU: So sal hulle gebruik vra 426 00:22:08,949 --> 00:22:11,750 in te vul wat gaan onder die liggaam. 427 00:22:11,750 --> 00:22:15,770 Miskien onder die liggaam, ons het 'n paar divs of ons 'n paar paragrawe, 428 00:22:15,770 --> 00:22:19,160 en ons sal jou vra om in te vul 'n boom baie soos hierdie. 429 00:22:19,160 --> 00:22:21,440 So ons sal wandel deur dit. 430 00:22:21,440 --> 00:22:26,120 So het die dokument Object Model is net 'n manier om 431 00:22:26,120 --> 00:22:31,240 te struktureer en te dink oor ons HTML grafies. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 En ook wanneer ons in meer JavaScript, 434 00:22:35,840 --> 00:22:37,640 dit gaan die wees manier wat ons eintlik 435 00:22:37,640 --> 00:22:39,990 manipuleer verskillende elemente op die bladsy. 436 00:22:39,990 --> 00:22:43,980 Ons moet 'n manier elke toegang tot van die dinge in ons HTML, 437 00:22:43,980 --> 00:22:48,050 en so dit gee ons 'n baie beton gestandaardiseerde manier 438 00:22:48,050 --> 00:22:51,010 oor verskeie web bladsye wat om te doen. 439 00:22:51,010 --> 00:22:53,440 >> So as ons net loop deur hierdie hier, natuurlik 440 00:22:53,440 --> 00:22:56,790 ons dokument is soos ons hele lêer. 441 00:22:56,790 --> 00:22:59,350 Dit maak natuurlik sin dat dit die hoogste ding, 442 00:22:59,350 --> 00:23:03,520 en dan het ons ons werklike HTML, wat ooreenstem met hierdie merker hier. 443 00:23:03,520 --> 00:23:08,480 Ook as jy in streepje jou tags behoorlik, dan skep dit DOM boom 444 00:23:08,480 --> 00:23:10,530 raak super eenvoudig. 445 00:23:10,530 --> 00:23:12,400 So ons het 'n paar hoof hier. 446 00:23:12,400 --> 00:23:15,780 Ons het 'n paar liggaam wat sien ons stuit af van HTML, 447 00:23:15,780 --> 00:23:18,530 wat is die rede waarom ons kop en liggaam. 448 00:23:18,530 --> 00:23:22,880 Binne kop, ons het 'n paar titel tag, 'n einde titel tag, 449 00:23:22,880 --> 00:23:24,570 sodat ons weet wat kom na die hoof. 450 00:23:24,570 --> 00:23:28,040 En in ons titel tag, ons het hello, wêreld. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 So dit is hierdie hele linkerhand tak. 453 00:23:31,311 --> 00:23:34,060 En dan vir die regterhand tak hier sien ons dat ons 'n HTML, 454 00:23:34,060 --> 00:23:38,680 OK ons het die hoof deel gedoen het, ons is op soek net op die liggaam, 455 00:23:38,680 --> 00:23:40,670 so ons het 'n paar liggaamsdele. 456 00:23:40,670 --> 00:23:44,350 En binne daardie, die enigste ding wat ons het, is hello, wêreld. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 As ons dinge soos sommige bracket p en dan 459 00:23:54,130 --> 00:23:57,500 hello, wêreld, en dan 'n ander bracket p van totsiens, wêreld, 460 00:23:57,500 --> 00:24:00,080 sou ons twee borrels kom af van hier. 461 00:24:00,080 --> 00:24:05,550 Want hulle is albei onder die liggaam nie, maar hulle is afsonderlike paragrawe hierdie geval. 462 00:24:05,550 --> 00:24:11,520 Daar is beslis praktyk oor wat in die vorige vasvrae, 463 00:24:11,520 --> 00:24:14,570 sowel as baie online op dit. 464 00:24:14,570 --> 00:24:18,260 OK so, dit net kan ons sien alles mooi 465 00:24:18,260 --> 00:24:20,810 en dinge manipuleer baie stelselmatig. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Ons weet presies hoe om te deurkruis deur hierdie boom, 468 00:24:23,640 --> 00:24:26,910 sodat ons weet wat ons wil om toegang te verkry. 469 00:24:26,910 --> 00:24:31,690 >> OK so dit is hoekom ons wil hierdie soort van model te hê, 470 00:24:31,690 --> 00:24:35,190 sodat ons dinge kan gebruik soos hierdie, en ons verstaan ​​wat dit beteken, 471 00:24:35,190 --> 00:24:38,370 en hulle is gestandaardiseerde oor al die dinge wat ons doen. 472 00:24:38,370 --> 00:24:45,900 So dokument dot titel is net die titel van our-- al hierdie 473 00:24:45,900 --> 00:24:48,960 is redelik selfverduidelikend, Ek hou van om te dink. 474 00:24:48,960 --> 00:24:51,660 So het die eerste drie voorbeelde word net sê, 475 00:24:51,660 --> 00:24:54,770 "OK, gee my net die titel van hierdie webblad. " 476 00:24:54,770 --> 00:24:58,030 So dit sal jou gee wat ooreenstem met die titel. 477 00:24:58,030 --> 00:25:01,880 >> Dokument dot liggaam gaan jy te gee alles wat binne daardie liggaam tags. 478 00:25:01,880 --> 00:25:03,240 Sodat jy kan manipuleer nie. 479 00:25:03,240 --> 00:25:07,820 En die dokument dot liggaam dot Tik HTML is 'n baie cool een, 480 00:25:07,820 --> 00:25:11,660 en miskien nie soos Super intuïtief, maar die innerlike HTML 481 00:25:11,660 --> 00:25:13,740 stem ooreen met hierdie reg hier. 482 00:25:13,740 --> 00:25:17,410 So as jy ooit wil die teks manipuleer op 'n bladsy, 483 00:25:17,410 --> 00:25:22,700 tipies jy gaan om te doen iets met die liggaam dot innerlike HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 So innerlike HTML geneig om te verwys na wat is eintlik tussen hierdie tags. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 En dan nuttige funksies. 488 00:25:33,020 --> 00:25:40,390 So as jy wil te kry enige van hierdie, enige element, 489 00:25:40,390 --> 00:25:43,140 ons het 'n paar Id, klas naam, of tag naam. 490 00:25:43,140 --> 00:25:47,100 Dit is baie soortgelyk aan dinge wat ons gedoen het met CSS, reg? 491 00:25:47,100 --> 00:25:51,360 Waar ons het 'n paar keurders ooreenstem met óf 'n tag, 'n klas 492 00:25:51,360 --> 00:25:53,800 wat ons gee hulle, of 'n ID. 493 00:25:53,800 --> 00:25:55,310 Dit is baie dieselfde manier. 494 00:25:55,310 --> 00:26:00,720 As jy iets wat het 'n paar klas van die hond, 495 00:26:00,720 --> 00:26:05,800 en jy sê kry elemente deur tag naam, en jy sit hond in there-- of jammer, 496 00:26:05,800 --> 00:26:06,610 klas se naam. 497 00:26:06,610 --> 00:26:07,770 Jy kan dot sit daar. 498 00:26:07,770 --> 00:26:11,780 Dit gaan al daardie om terug te keer elemente vir julle dat daardie klas. 499 00:26:11,780 --> 00:26:13,880 So kan jy net diegene manipuleer. 500 00:26:13,880 --> 00:26:18,430 In dieselfde manier, miskien het jy net wil 'n paar kop te manipuleer, sodat 501 00:26:18,430 --> 00:26:20,980 sommige h1 kop, soos ons gedoen het. 502 00:26:20,980 --> 00:26:24,900 Wat jy kan doen kry elemente deur tag noem, want h1 is 'n tag naam. 503 00:26:24,900 --> 00:26:29,270 En op dieselfde manier, as jy wil te kry 'n paar unieke ding, kan jy tag doen. 504 00:26:29,270 --> 00:26:31,100 Kry element deur Id. 505 00:26:31,100 --> 00:26:32,710 En hulle is eintlik baie van hulle nie. 506 00:26:32,710 --> 00:26:36,300 Hierdie is slegs soos drie van baie. 507 00:26:36,300 --> 00:26:39,600 So as jy aanlyn gaan, as Ek gaan aan te moedig 508 00:26:39,600 --> 00:26:45,342 om te doen, en doen 'n paar navorsing op jou eie, 509 00:26:45,342 --> 00:26:48,450 Ek het beslis aanbeveel op soek na al daardie. 510 00:26:48,450 --> 00:26:50,880 Hulle kon super wees nuttig, veral wanneer 511 00:26:50,880 --> 00:26:57,180 jy wil net 'n soort van manipuleer baie spesifieke dinge sonder 512 00:26:57,180 --> 00:27:00,390 om deur te gaan en probeer te ontleed uit alles. 513 00:27:00,390 --> 00:27:03,540 >> OK, so die laaste ding wat is JavaScript gebeure. 514 00:27:03,540 --> 00:27:10,730 So toe ek vroeër gepraat oor te gaan op 'n webwerf, 515 00:27:10,730 --> 00:27:14,340 en wanneer jy hover oor iets, of jou muis hang oor iets, 516 00:27:14,340 --> 00:27:15,420 iets anders gebeur. 517 00:27:15,420 --> 00:27:17,900 Dit is wat ons wil dink oor as 'n gebeurtenis. 518 00:27:17,900 --> 00:27:23,970 So wat ons het daardie mag nuttig wees hier is onclick. 519 00:27:23,970 --> 00:27:29,140 So was my op hover, wat, ek is redelik seker, is net op hover. 520 00:27:29,140 --> 00:27:31,300 Ook 'n ton van hierdie dat jy kan kyk vir. 521 00:27:31,300 --> 00:27:34,340 Daar is 'n hele lys aanlyn van die verskillende dinge 522 00:27:34,340 --> 00:27:37,130 dat jy kan luister vir. 523 00:27:37,130 --> 00:27:41,220 >> Maar JavaScript gebeure basies net te reageer op dinge 524 00:27:41,220 --> 00:27:42,430 dat jou gebruiker doen. 525 00:27:42,430 --> 00:27:42,930 Reg? 526 00:27:42,930 --> 00:27:45,220 Sodat jou gebruiker nie iets, dit is 'n gebeurtenis, 527 00:27:45,220 --> 00:27:48,340 en JavaScript sal reageer maar jy wil dit te hou. 528 00:27:48,340 --> 00:27:49,770 Dit sal reageer daarvolgens. 529 00:27:49,770 --> 00:27:54,630 So in hierdie geval, ons het sommige venster dot onload. 530 00:27:54,630 --> 00:27:57,170 So, wat hierdie sê is, "wag totdat die venster se gelaai. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 So as alles gelaai, onload, dan kan jy hierdie funksie uit te voer. 533 00:28:02,102 --> 00:28:03,810 So as alles gelaai, jy gaan 534 00:28:03,810 --> 00:28:07,760 'n paar soek knoppie te hê wat kry 'n element deur Id, 535 00:28:07,760 --> 00:28:13,740 en dit druk wat dit ook al element is soos op die knoppie Soek. 536 00:28:13,740 --> 00:28:17,050 En dan het ons hierdie veranderlike, ons sê, "OK, onclick." 537 00:28:17,050 --> 00:28:20,390 So wanneer ons hoor 'n kliek op die knoppie Soek, 538 00:28:20,390 --> 00:28:23,990 hierdie funksie, wat is 'n voer waarskuwing, jy het die knoppie Soek. 539 00:28:23,990 --> 00:28:28,910 >> So wat gebeur is-- dit is 'n mooi bietjie grafiese voorstelling hier. 540 00:28:28,910 --> 00:28:31,480 So ons dokument vragte, dit is ons onload, 541 00:28:31,480 --> 00:28:34,340 vind ons Soek knoppie, wat is dit. 542 00:28:34,340 --> 00:28:36,570 Ons is op soek na ons Soek knoppie. 543 00:28:36,570 --> 00:28:40,790 En dan wanneer die Soek knoppie gekliek, dit stem ooreen met reg hier. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Toe ons uiteindelik waarsku ons gebruikers, wat is hierdie laaste reël hier. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 So elkeen van die vier stappe net ooreenstem met die vier bokse 548 00:28:52,960 --> 00:28:55,031 af daar op die bodem. 549 00:28:55,031 --> 00:28:56,405 Maak dit sin maak vir almal? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> En dan een ding wat ek net gaan baie, baie kortliks, dat ek te noem 552 00:29:05,200 --> 00:29:08,660 moedig julle aan gaan kyk meer in is 553 00:29:08,660 --> 00:29:13,210 jQuery, wat net 'n biblioteek wat is gebou op die top van JavaScript. 554 00:29:13,210 --> 00:29:16,480 Dit is super nuttig, as met die meeste biblioteke. 555 00:29:16,480 --> 00:29:18,320 Daar is baie van die funksies. 556 00:29:18,320 --> 00:29:21,930 So as daar ooit iets wat jy wil om te doen in JavaScript, 557 00:29:21,930 --> 00:29:24,880 jou eerste instink moet nie wees om te dink 558 00:29:24,880 --> 00:29:27,340 van, moet "watter funksie Ek code? "Dit moet wees, 559 00:29:27,340 --> 00:29:29,560 "Laat my sien iemand is reeds gedoen vir my. " 560 00:29:29,560 --> 00:29:32,800 Omdat nege keer uit tien, iemand sal dit reeds gedoen het, 561 00:29:32,800 --> 00:29:35,760 en hulle het waarskynlik dit beter gedoen. 562 00:29:35,760 --> 00:29:39,990 Mense spandeer baie tyd om hierdie, en JavaScript is baie wyd gebruik word, 563 00:29:39,990 --> 00:29:42,810 sodat mense is voortdurend probeer om dit beter te maak. 564 00:29:42,810 --> 00:29:47,110 En jQuery het 'n baie funksies dit sal waarskynlik nuttig vir jou wees 565 00:29:47,110 --> 00:29:50,470 in jou finale projek as jy om iets te doen met die web ontwerp. 566 00:29:50,470 --> 00:29:53,480 As ek wil sê, "werk slimmer, nie harder. " 567 00:29:53,480 --> 00:29:57,130 As jy ouens dit doen, sal dit wonderlik wees. 568 00:29:57,130 --> 00:30:00,330 Wanneer ons by die hackathon ek doen nie wil hê julle moet wees al beklemtoon word. 569 00:30:00,330 --> 00:30:03,600 Ek wil hê jy wil wees, "Ek het hierdie. jQuery se het my rug. 570 00:30:03,600 --> 00:30:05,790 Ek het nie nodig om hierdie funksies te skryf. " 571 00:30:05,790 --> 00:30:07,636 >> Dus net twee dinge Onthou, ek gaan 572 00:30:07,636 --> 00:30:10,220 om jou te laat ouens lyk meer in jQuery op jou eie. 573 00:30:10,220 --> 00:30:13,070 Al wat ek gaan om te sê, is dit doen 'n paar mooi ongelooflike dinge 574 00:30:13,070 --> 00:30:15,220 en kan jou lewe 'n hele klomp makliker. 575 00:30:15,220 --> 00:30:17,150 Maar wat jy wil het, is alles lêer 576 00:30:17,150 --> 00:30:21,020 wat jy gaan word om dit te gebruik in, jy gaan hierdie twee lyne te wil hê. 577 00:30:21,020 --> 00:30:25,630 Jy gaan die wil script JS jQuery dot js. 578 00:30:25,630 --> 00:30:28,500 En eintlik jou bron gaan 'n paar URL te wees. 579 00:30:28,500 --> 00:30:35,870 As u kontak met Google jQuery, Google eintlik gasheer al die lêers vir jou. 580 00:30:35,870 --> 00:30:38,950 So moet jy beslis wil insette wat URL plaas. 581 00:30:38,950 --> 00:30:41,130 Ek het net sit dit hier ter wille van eenvoud. 582 00:30:41,130 --> 00:30:45,180 Al beteken dit is waar om te vind jou jQuery biblioteek. 583 00:30:45,180 --> 00:30:48,600 Dit is massiewe, so jy wil nie dit aan te bied op jou eie rekenaar 584 00:30:48,600 --> 00:30:53,390 As jy dit kan vermy, wat is die rede waarom ons geneig om net in Google se URL wat 585 00:30:53,390 --> 00:30:55,880 gasheer al hierdie lêers vir jou. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Jy google dit, ek belowe dit sal daar wees. 588 00:30:58,850 --> 00:31:01,200 >> En dan ook al JavaScript-lêer wat jy 589 00:31:01,200 --> 00:31:07,150 die gebruik van, so dit is net 'n paar eksterne JavaScript-lêer wat jy gebruik. 590 00:31:07,150 --> 00:31:11,570 In dieselfde manier wat ons skakel na ons CSS lêers, dit is dieselfde soort van ding. 591 00:31:11,570 --> 00:31:15,480 Dit sluit net na die lêer waar jou JavaScript is. 592 00:31:15,480 --> 00:31:18,970 En ek het 'n paar voorbeelde met 'n eenvoudige JavaScript. 593 00:31:18,970 --> 00:31:20,220 So sal ons gaan deur dit. 594 00:31:20,220 --> 00:31:27,230 En dan in jou indeks JavaScript, wat is jou JavaScript lêer hier, 595 00:31:27,230 --> 00:31:30,900 hierdie is 'n soort van die omslag dat jy vir jQuery. 596 00:31:30,900 --> 00:31:33,860 Jy is amper 99,9 persent van die tyd gaan 597 00:31:33,860 --> 00:31:36,800 om dit te hê in jou index.js lêer. 598 00:31:36,800 --> 00:31:40,010 Want wat hierdie sê is, "Niks te voer nie 599 00:31:40,010 --> 00:31:43,480 totdat jou dokument is eintlik gereed, "en dit is presies wat jy wil. 600 00:31:43,480 --> 00:31:46,600 Want as jou dokument is nie gereed nie, en jQuery begin om dinge te doen, 601 00:31:46,600 --> 00:31:48,020 dit is net 'n gemors. 602 00:31:48,020 --> 00:31:50,480 So wil jy altyd hierdie wrapper te hê. 603 00:31:50,480 --> 00:31:55,760 En dan vir die dinge wat gaan daar, ek sal laat jou ouens se eie deurlees. 604 00:31:55,760 --> 00:32:04,610 >> OK, so is daar enige vrae reg nou oor JavaScript in die algemeen? 605 00:32:04,610 --> 00:32:07,420 Of die DOM model? 606 00:32:07,420 --> 00:32:10,780 Indien nie, ons het 'n paar koel voorbeelde wat ons deur kan gaan, 607 00:32:10,780 --> 00:32:13,120 dat julle ouens my kan help code. 608 00:32:13,120 --> 00:32:15,877 Maar ek gaan ook te wees super mooi, en as jy 609 00:32:15,877 --> 00:32:17,960 wil nie iets te sê vir hierdie, dit is goed. 610 00:32:17,960 --> 00:32:20,510 Ek kan ook net gee jou voorbeelde. 611 00:32:20,510 --> 00:32:24,581 Maar enigiets op die PowerPoint voordat ons? 612 00:32:24,581 --> 00:32:25,080 Cool. 613 00:32:25,080 --> 00:32:26,990 >> Ek voel soos jy ouens nodig het om te energie. 614 00:32:26,990 --> 00:32:31,516 So ek dink ons ​​gaan om te begin met my party byvoorbeeld eerste. 615 00:32:31,516 --> 00:32:33,390 Ons het drie voorbeelde, moet jy jou keuse. 616 00:32:33,390 --> 00:32:37,720 So ons het die klok, waar ons gaan 'n werklike klok wat is te implementeer 617 00:32:37,720 --> 00:32:41,430 gaan om te werk soos die tyd gaan deur. 618 00:32:41,430 --> 00:32:43,310 Ons het hierdie groot Twitter funksie. 619 00:32:43,310 --> 00:32:44,560 This-- jy weet wat, hou op. 620 00:32:44,560 --> 00:32:47,220 Ons gaan om te maak dit gaan weg. 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 >> Ons het hierdie groot Twitter funksie hier, that-- Ek weet nie, reg? 624 00:32:56,132 --> 00:32:57,090 Dit gaan groot wees. 625 00:32:57,090 --> 00:32:58,350 Is jy ouens opgewonde? 626 00:32:58,350 --> 00:33:01,170 Dit gaan om die nommer te tel karakters wat jy verlaat het, 627 00:33:01,170 --> 00:33:04,520 so as ek tik nou, Natuurlik is dit nog steeds sê 140 628 00:33:04,520 --> 00:33:06,190 maar ons weet dit is nie die geval nie. 629 00:33:06,190 --> 00:33:08,570 En dan met ons laaste een hier, kliek hier om te party. 630 00:33:08,570 --> 00:33:12,150 Wat gaan gebeur, is wanneer ons op die agtergrond se 631 00:33:12,150 --> 00:33:13,340 gaan van kleur te verander. 632 00:33:13,340 --> 00:33:17,060 So julle ouens het jou opsies van watter een jy wil hê om eerste te doen. 633 00:33:17,060 --> 00:33:19,800 Ek belowe ek sal dit baie maklik op jou. 634 00:33:19,800 --> 00:33:22,680 Ek voel soos almal is soort van net 'n baie lae sleutel vandag. 635 00:33:22,680 --> 00:33:25,540 So ek sal loop jy deur hoe ons sal implementeer al hierdie. 636 00:33:25,540 --> 00:33:28,520 As jy wil om te slaan in, dit is 'n groot, maar ek 637 00:33:28,520 --> 00:33:30,020 voel soos almal is 'n bietjie moeg. 638 00:33:30,020 --> 00:33:32,970 So ek sal net loop jy deur hierdie voorbeelde. 639 00:33:32,970 --> 00:33:35,015 Het ons iets wat ons wil graag om eerste te doen? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Enigiemand? 642 00:33:39,475 --> 00:33:41,350 Geen voorkeur? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Jy weet wat? 645 00:33:42,450 --> 00:33:43,290 Ons is op party. 646 00:33:43,290 --> 00:33:48,380 Ek voel soos jy ouens moet 'n little-- so nie, sal ons die party een eerste te doen. 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 >> So wat ons het here-- dit is nie veronderstel om daar te wees. 650 00:33:56,930 --> 00:33:57,910 Nou is dit goed. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 So wat ons hier het is net 'n eenvoudige HTML bladsy 653 00:34:03,110 --> 00:34:07,840 dat julle ouens almal moet wees super vertroud is met van jou laaste twee psets. 654 00:34:07,840 --> 00:34:10,212 ons het ons doc tipe hier. 655 00:34:10,212 --> 00:34:10,920 Kan almal sien? 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 Ons het ons HTML natuurlik. 659 00:34:13,900 --> 00:34:18,360 Ons het 'n paar kop wat gekoppel aan 'n stylblad dat 660 00:34:18,360 --> 00:34:21,420 net het my font mooi en groot en vet. 661 00:34:21,420 --> 00:34:23,489 So moenie bekommerd wees oor dit. 662 00:34:23,489 --> 00:34:26,437 >> Ons het 'n paar liggaam met 'n ID agtergrond, OK? 663 00:34:26,437 --> 00:34:28,520 Omdat ons gaan wees die verandering van die agtergrond. 664 00:34:28,520 --> 00:34:31,964 So wanneer ons die verandering van die agtergrond van ons liggaam, 665 00:34:31,964 --> 00:34:35,965 ons onthou van twee weke gelede wanneer ons te doen met die web bladsye. 666 00:34:35,965 --> 00:34:36,840 So goed om te hê. 667 00:34:36,840 --> 00:34:39,270 En ons het 'n paar Id gelyk party. 668 00:34:39,270 --> 00:34:43,909 Dit h ref pond beteken net dat dit gaan om te gaan na dieselfde bladsy. 669 00:34:43,909 --> 00:34:47,120 En kliek hier om te party, wat is die rede waarom wanneer ons kliek, 670 00:34:47,120 --> 00:34:48,940 dit kleure moet verander, gelukkig. 671 00:34:48,940 --> 00:34:54,322 >> En dan het ons het 'n paar script hier dat net gekoppel aan dié party dot js 672 00:34:54,322 --> 00:34:58,100 lêer, wat is leeg, want ons het nog niks gedoen nie. 673 00:34:58,100 --> 00:35:00,450 En dit is so hartseer. 674 00:35:00,450 --> 00:35:06,100 Maar baie gou, sal dit verander kleure, en dit sal fantasties wees. 675 00:35:06,100 --> 00:35:10,520 >> So ek is net gaan om jou te wandel ouens deur hoe ons dit kan benader. 676 00:35:10,520 --> 00:35:14,030 So die eerste ding wat ons dalk wil doen, 677 00:35:14,030 --> 00:35:18,050 As ons die verandering van die agtergrond van die liggaam, die eerste ding wat ons dalk wil 678 00:35:18,050 --> 00:35:22,730 te doen, is eintlik gryp wat die liggaam is, reg? 679 00:35:22,730 --> 00:35:27,690 So wil ons som te hê, ons agtergrond, en as jy sien, 680 00:35:27,690 --> 00:35:29,567 Ek het net outomaties net begin tik. 681 00:35:29,567 --> 00:35:32,400 Daar is niks spesiaal dat ons nodig vir ons JavaScript-lêers te doen. 682 00:35:32,400 --> 00:35:35,820 Ek kan begin verklaar veranderlikes, en verklaar ewekansige funksies. 683 00:35:35,820 --> 00:35:38,110 En dit is baie meer vrye vorm. 684 00:35:38,110 --> 00:35:41,930 Dit is soos met C, het ons julle dit al hierdie moeilike reëls, en jy grootgeword het, 685 00:35:41,930 --> 00:35:43,220 so ons is soos, "uitgaan. 686 00:35:43,220 --> 00:35:44,000 Wees vry. 687 00:35:44,000 --> 00:35:44,870 Doen wat jy wil. " 688 00:35:44,870 --> 00:35:46,280 En dit is wat JavaScript is. 689 00:35:46,280 --> 00:35:48,390 So ons het 'n bietjie agtergrond hier. 690 00:35:48,390 --> 00:35:55,900 Met ons DOM model, ons weet ons kan doen dokument dot kry element, 691 00:35:55,900 --> 00:36:00,290 en as ons hier sien, ons liggaam het 'n ID. 692 00:36:00,290 --> 00:36:00,930 Reg? 693 00:36:00,930 --> 00:36:06,310 So ons kan kry dokument nie deur ID, en hier is 'n eenvoudige een. 694 00:36:06,310 --> 00:36:08,295 Wat is ons Id dat ons hier? 695 00:36:08,295 --> 00:36:09,170 GEHOOR: Agtergrond. 696 00:36:09,170 --> 00:36:11,280 ALLISON Buchholtz-AU: Agtergrond. 697 00:36:11,280 --> 00:36:12,230 Volmaak. 698 00:36:12,230 --> 00:36:14,250 En kommapunt aan die einde. 699 00:36:14,250 --> 00:36:15,610 Dit het nie weg nog weg. 700 00:36:15,610 --> 00:36:17,330 Jy moet nog steeds jou kommapunte. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 So dit is ons eerste een. 703 00:36:19,690 --> 00:36:23,880 En wanneer ons iets klik, ons iets om te gebeur, reg hê? 704 00:36:23,880 --> 00:36:28,270 Sodat ons kan wil 'n paar veranderlike wat wag vir 'n klik. 705 00:36:28,270 --> 00:36:32,410 Wat ons gaan doen, is ons gaan maak ons ​​skakel om meer soortgelyk aan 'n knoppie. 706 00:36:32,410 --> 00:36:43,140 So ons gaan 'n paar knoppie te hê wat gelyk dokumenteer dot kry element deur Id. 707 00:36:43,140 --> 00:36:48,670 En as ek praat oor die Klik skakel of kliek hier om fees te vier 708 00:36:48,670 --> 00:36:51,850 skakel, wat kan my ID hier wees? 709 00:36:51,850 --> 00:36:52,590 Party. 710 00:36:52,590 --> 00:36:55,200 Korrek is. 711 00:36:55,200 --> 00:36:56,500 OK nie te sleg nie so ver. 712 00:36:56,500 --> 00:36:59,060 Almal kry wat ons doen? 713 00:36:59,060 --> 00:37:02,100 >> OK, so nou het ons ons knoppie, en ons wil 714 00:37:02,100 --> 00:37:04,140 om dinge te verander wanneer ons kliek op dit. 715 00:37:04,140 --> 00:37:08,750 So as ons onthou van ons PowerPoint, baie eenvoudige ding wat ons kan doen 716 00:37:08,750 --> 00:37:12,140 is net knoppie dot onclick, reg? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 En wat gaan 'n funksie te ewenaar. 719 00:37:18,730 --> 00:37:20,620 Dit is 'n anonieme funksie. 720 00:37:20,620 --> 00:37:24,620 En dit net as-- eintlik ek is gaan dit 'n bietjie groter te maak. 721 00:37:24,620 --> 00:37:27,330 >> So, wat ek nou net gedoen het hier is ek sê, OK, 722 00:37:27,330 --> 00:37:31,810 wanneer ons ons knoppie, kliek wat hierdie skakel dat ons net verwys na, 723 00:37:31,810 --> 00:37:34,270 ons gaan om uit te voer hierdie anonieme funksie. 724 00:37:34,270 --> 00:37:35,845 Ons het geen insette nodig nie. 725 00:37:35,845 --> 00:37:37,220 Ons gee nie om wat die gebruiker sê. 726 00:37:37,220 --> 00:37:38,800 Wanneer hulle op dit, ons is gaan om te doen wat ons wil hê, 727 00:37:38,800 --> 00:37:40,660 wat is die agtergrond kleur. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 So dit is waarom ons nie enige insette het nie, ons moet net hierdie anonieme funksie. 730 00:37:47,224 --> 00:37:49,390 En nou is ons eintlik gaan hierdie funksie te skryf. 731 00:37:49,390 --> 00:37:55,040 >> So is daar 'n klomp van die maniere waarop jy kon 'n ewekansige kleur genereer. 732 00:37:55,040 --> 00:37:59,010 Die manier wat ek gedoen het, was om dit te genereer drie ewekansige getalle 733 00:37:59,010 --> 00:38:01,910 en sit hulle op 'n RGB trippel. 734 00:38:01,910 --> 00:38:06,130 So dit wys jou net 'n paar cool dinge wat as jy soos, "O, 735 00:38:06,130 --> 00:38:08,464 Ek het 'n ewekansige te genereer nommer. "As jy dit Googled, 736 00:38:08,464 --> 00:38:09,630 dit is wat jy sal vind. 737 00:38:09,630 --> 00:38:17,580 >> So het ons drie verskillende dinge, var, nie weer rooi, groen. 738 00:38:17,580 --> 00:38:18,080 Reg? 739 00:38:18,080 --> 00:38:20,740 So dit is die drie dinge wat 'n kleur. 740 00:38:20,740 --> 00:38:22,220 Blou, rooi en groen. 741 00:38:22,220 --> 00:38:22,960 Cool. 742 00:38:22,960 --> 00:38:27,050 En wat ons kan doen, is dat ons weet dat dit moet wees tussen 255, 743 00:38:27,050 --> 00:38:30,140 en as jy opkyk sommige ewekansige getal generator, 744 00:38:30,140 --> 00:38:36,000 jy kan iets soos wiskunde kry dot ewekansige, wat as jy kyk hierdie up 745 00:38:36,000 --> 00:38:39,230 keer terug na 'n paar nommer tussen nul en een. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 En wat getalle doen ons RGB drietalle gaan tussen? 748 00:38:44,470 --> 00:38:47,240 Zero en wat? 749 00:38:47,240 --> 00:38:49,000 Wat kan hulle optrek na? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 So as wiskunde dot ewekansige gaan tussen nul en een, 752 00:38:53,320 --> 00:38:56,365 hoe kan ons dit wil omskep? 753 00:38:56,365 --> 00:38:56,990 GEHOOR: Tyd? 754 00:38:56,990 --> 00:38:57,830 ALLISON Buchholtz-AU: Ja, presies. 755 00:38:57,830 --> 00:38:58,677 So die tyd is 255. 756 00:38:58,677 --> 00:39:00,888 >> GEHOOR: [onhoorbaar] Dit is soos [onhoorbaar]. 757 00:39:00,888 --> 00:39:02,471 ALLISON Buchholtz-AU: Math dot ewekansige. 758 00:39:02,471 --> 00:39:03,096 GEHOOR: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON Buchholtz-AU: Ja. 760 00:39:04,580 --> 00:39:06,300 JavaScript neem net sorg vir jou. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 So ons kan doen wat vir al hierdie. 763 00:39:09,360 --> 00:39:10,540 Reg? 764 00:39:10,540 --> 00:39:16,480 Wiskunde dot ewekansige keer 255. 765 00:39:16,480 --> 00:39:17,740 Kopieer dit. 766 00:39:17,740 --> 00:39:18,820 Cool. 767 00:39:18,820 --> 00:39:23,350 So die ding is, dit kan nie terugkeer 'n heelgetal. 768 00:39:23,350 --> 00:39:24,080 Reg? 769 00:39:24,080 --> 00:39:26,450 Miskien kry ons 'n paar nommer tussen nul en een, 770 00:39:26,450 --> 00:39:32,150 en dit veroorsaak dat dit effens wees af, en ons RGBs kan nie dryf. 771 00:39:32,150 --> 00:39:33,360 Hulle moet SY te wees. 772 00:39:33,360 --> 00:39:37,610 So as jy probeer om hierdie, dit sal waarskynlik het 'n paar wisselvallige gedrag. 773 00:39:37,610 --> 00:39:38,810 Dit sou 'n bietjie funky wees. 774 00:39:38,810 --> 00:39:43,200 So wat ons doen is ons wil maak seker dat dit afgerond, 775 00:39:43,200 --> 00:39:45,400 en jy kan óf andersom. 776 00:39:45,400 --> 00:39:47,110 Ek afgerond met vloer. 777 00:39:47,110 --> 00:39:49,680 So ek het altyd seker gemaak dat dit afgerond. 778 00:39:49,680 --> 00:39:54,440 Maar gaan af van hoe maklik dit was om net 'n ewekansige getal, 779 00:39:54,440 --> 00:39:57,920 Hoe dink jy het ons mag vloer hierdie getal? 780 00:39:57,920 --> 00:40:00,720 Dit is baie soortgelyk. 781 00:40:00,720 --> 00:40:02,810 Enige idee? 782 00:40:02,810 --> 00:40:06,450 So as ewekansige was net wiskunde dot ewekansige, so dink jy ons wil vloer doen? 783 00:40:06,450 --> 00:40:09,670 Wiskunde dot vloer. 784 00:40:09,670 --> 00:40:11,340 En jy kan ook doen wiskunde dot plafon. 785 00:40:11,340 --> 00:40:14,030 Ronde is 'n soort van dubbelsinnige omdat jy dit nie doen nie 786 00:40:14,030 --> 00:40:16,110 weet of te rond of rond af. 787 00:40:16,110 --> 00:40:20,797 So tipies ons altyd wiskunde doen dot vloer, wiskunde dot plafon. 788 00:40:20,797 --> 00:40:21,380 Maar honestly-- 789 00:40:21,380 --> 00:40:22,780 >> GEHOOR: Is vloer ronde af? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON Buchholtz-AU: Vloer rondes af. 791 00:40:24,740 --> 00:40:26,990 En dit is net 'n keuse van my kant. 792 00:40:26,990 --> 00:40:32,370 >> So nou het ons ons drie getalle wat lukraak gegenereer is, 793 00:40:32,370 --> 00:40:36,610 en wat ons nou gaan doen is om ons gaan net die agtergrond te verander. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 So het ons reeds ons agtergrond soort gestoor 796 00:40:41,490 --> 00:40:43,280 in hierdie element genoem agtergrond. 797 00:40:43,280 --> 00:40:47,300 So, wat jy sal sien is, as jy gespeel het om met hierdie, 798 00:40:47,300 --> 00:40:50,460 ons wil die styl te verander. 799 00:40:50,460 --> 00:40:53,812 En dit is 'n soort van iets wat jy sou Google en uit te vind, 800 00:40:53,812 --> 00:40:55,020 hou van hoe die kleur te verander. 801 00:40:55,020 --> 00:40:59,210 >> Maar die manier waarop jy toegang tot hierdie kleur is agtergrond dot styl dot agtergrond. 802 00:40:59,210 --> 00:41:03,490 So hierdie sê gegee hierdie voorwerp, agtergrond, 803 00:41:03,490 --> 00:41:06,920 wat verwys na die element Id tot daar, 804 00:41:06,920 --> 00:41:10,690 ons gaan om te kyk na die styl binne die styl, 805 00:41:10,690 --> 00:41:13,280 ons gaan om te kyk na die agtergrond. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 En as jy gaan kyk dit op, dit kan 'n bietjie meer sin maak nie, 808 00:41:17,630 --> 00:41:21,930 maar dit is basies net sê, "Gee my hierdie baie spesifieke kenmerk 809 00:41:21,930 --> 00:41:25,770 van wat ek vroeër gedefinieer. " 810 00:41:25,770 --> 00:41:32,340 So wat ons verander om dit te is sommige RGB, want dit maak sin. 811 00:41:32,340 --> 00:41:34,780 Ons gebruik RGB triples, reg? 812 00:41:34,780 --> 00:41:41,530 En ons have-- Ek wil seker ek maak kry die regte aantal aanhalings in hier. 813 00:41:41,530 --> 00:41:43,940 So wat ons doen, is ons RGB, en ons gaan 814 00:41:43,940 --> 00:41:46,800 aan- dit is soos aaneenskakeling, wat is rooi. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 En dan wil ons 'n paar komma. 817 00:41:52,610 --> 00:41:59,925 En dan wil ons plus groen, dan 'n paar komma, en 'n paar blou. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> So het hierdie plus punte net bedoel soos aaneenskakeling. 820 00:42:14,120 --> 00:42:19,810 So dit is net die skep van hierdie string wat gaan binne 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 >> GEHOOR: [onhoorbaar] plus dan die groen 'n plus dan die rooi. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON Buchholtz-AU: Ja, want ek deurmekaar dat tot. 825 00:42:30,163 --> 00:42:30,890 Dat 'n mens se fyn. 826 00:42:30,890 --> 00:42:32,110 O, hou op. 827 00:42:32,110 --> 00:42:32,610 No. 828 00:42:32,610 --> 00:42:36,770 Omdat ek nodig het om seker te maak dat ek al hierdie reg. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 So ek sal verduidelik in uno momento. 831 00:42:43,950 --> 00:42:47,040 Groen, blou, volmaak. 832 00:42:47,040 --> 00:42:47,971 Nou is ek gedoen het. 833 00:42:47,971 --> 00:42:48,470 Ek glo nie. 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 So, wat is dit, is dat die agtergrond gaan ingestel word om 'n paar string. 837 00:42:58,085 --> 00:42:58,585 Reg? 838 00:42:58,585 --> 00:42:59,710 En dit is wat ons hier het. 839 00:42:59,710 --> 00:43:05,870 Dit gaan 'n paar RGB 255 komma te wees 255 komma nul, of wat ook al nommer wat jy 840 00:43:05,870 --> 00:43:06,512 het daar. 841 00:43:06,512 --> 00:43:08,220 So ons hier doen, ons het 'n paar string. 842 00:43:08,220 --> 00:43:11,910 En wat ons wil doen, is ons soort dinamiese skep 843 00:43:11,910 --> 00:43:14,010 dat wanneer ons eintlik hierdie program te hardloop. 844 00:43:14,010 --> 00:43:16,570 So dit is 'n string. 845 00:43:16,570 --> 00:43:20,290 Plus concatenates dit met die waarde wat rooi is, 846 00:43:20,290 --> 00:43:23,320 wat concatenates dit met 'n komma, wat concatenates dit 847 00:43:23,320 --> 00:43:26,090 met wat groen is, en so aan, en so meer. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Tot die bitter einde, wat is die sluiting hakies van hierdie RGB hier. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> So, wat dit gaan genereer is sommige opdrag regtig 852 00:43:37,230 --> 00:43:42,770 wat RGB van drie getalle dié agtergrond is nou om te. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 So laat ons sien of dit werk. 855 00:43:46,510 --> 00:43:49,720 Ek hoop dat dit nie, want as dit nie, ek gaan aan die werklike hartseer wees. 856 00:43:49,720 --> 00:43:50,250 O nee. 857 00:43:50,250 --> 00:43:52,710 OK, hou op. 858 00:43:52,710 --> 00:43:56,730 Beslis agtergrond dot dot styl agtergrond. 859 00:43:56,730 --> 00:43:59,569 Ek is beslis ontbreek iets wat net klein. 860 00:43:59,569 --> 00:44:00,610 Het jy nie ouens haat dit? 861 00:44:00,610 --> 00:44:04,020 Wanneer dit is net 'n klein bietjie fout? 862 00:44:04,020 --> 00:44:04,990 Almagtige agtergrond. 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 >> GEHOOR: [onhoorbaar] 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 Ek het probeer om dit voor die klas. 869 00:44:14,050 --> 00:44:16,570 Ek het alles wat ek gedoen het voordat klas in geval ek was soos, 870 00:44:16,570 --> 00:44:17,970 "Wag, wat het ek verkeerd gedoen?" 871 00:44:17,970 --> 00:44:23,190 Want ek was soos, "Ek sal waarskynlik gemors dit op 'n sekere punt. " 872 00:44:23,190 --> 00:44:24,150 Plus groen. 873 00:44:24,150 --> 00:44:26,250 Alles lyk soos dit is korrek saamgevoeg. 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 >> GEHOOR: [onhoorbaar] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON Buchholtz-AU: Ag, daar gaan jy. 878 00:44:33,810 --> 00:44:35,520 Dit is wat ek nodig het. 879 00:44:35,520 --> 00:44:36,805 Kyk na daardie. 880 00:44:36,805 --> 00:44:40,090 Tiffany te red. 881 00:44:40,090 --> 00:44:40,590 Volmaak. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Nou laat ons kyk of dit werk. 884 00:44:43,834 --> 00:44:44,816 O my God. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Hou op. 887 00:44:46,140 --> 00:44:48,280 >> GEHOOR: Space na die tweede plus. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON Buchholtz-AU: Watter een? 889 00:44:50,310 --> 00:44:52,910 O wag, hou op. 890 00:44:52,910 --> 00:44:54,870 Ruimte dra? 891 00:44:54,870 --> 00:44:57,209 >> GEHOOR: Tweede plus in die groen aaneenskakeling. 892 00:44:57,209 --> 00:44:58,250 ALLISON Buchholtz-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 GEHOOR: Daar is geen ruimte na die plus, ja. 894 00:44:59,570 --> 00:45:00,790 ALLISON Buchholtz-AU: Jy nie nodig het dat, but-- 895 00:45:00,790 --> 00:45:01,190 GEHOOR: O, jy doen nie? 896 00:45:01,190 --> 00:45:01,910 ALLISON Buchholtz-AU: Dit lyk mooi. 897 00:45:01,910 --> 00:45:02,530 GEHOOR: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON Buchholtz AU: Kom ons kyk of dit werk. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Ek is natuurlik die versuim om hierdie demo, wat my herinner 902 00:45:07,836 --> 00:45:12,810 van 'n lesing van die ander week, maar ek weet dit sal werk. 903 00:45:12,810 --> 00:45:15,860 Ek weet dit sal werk. 904 00:45:15,860 --> 00:45:16,580 So naby. 905 00:45:16,580 --> 00:45:22,330 Tensy ek per ongeluk geskrap my script op hierdie een. 906 00:45:22,330 --> 00:45:24,035 Nee, dit is 'n party dot js. 907 00:45:24,035 --> 00:45:25,776 OK vashou. 908 00:45:25,776 --> 00:45:28,650 Ek gaan om dit te kopieer, en ek is ook net gaan om alles te verwyder, 909 00:45:28,650 --> 00:45:30,108 want ek het met hierdie werk vroeër. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Ek belowe dit werk. 912 00:45:33,770 --> 00:45:36,160 Indien nie, sal ek vir jou wys wat Tommy se is. 913 00:45:36,160 --> 00:45:38,890 En daar. 914 00:45:38,890 --> 00:45:42,380 >> GEHOOR: Jy verwysing partytjie dot CSS, en dit is 'n party dot js. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON Buchholtz-AU: Ag, goed hier is 'n party dot js. 916 00:45:45,940 --> 00:45:49,187 OK, wat het ek gedoen anders? 917 00:45:49,187 --> 00:45:50,520 OK, ons sal sien of dit werk nou. 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 So, ek weet nie wat ek gedoen het anders, maar dit is wat moet gebeur. 921 00:46:02,110 --> 00:46:03,230 Kinda cool. 922 00:46:03,230 --> 00:46:06,650 Ek het op hierdie, soos, vir ewig. 923 00:46:06,650 --> 00:46:11,185 Maar ons kan probeer en kyk wat Ek daaraan gedoen anders wat hierdie een het. 924 00:46:11,185 --> 00:46:14,560 Ek weet nie van julle ouens, maar hierdie lyk basies wat ek net geskryf. 925 00:46:14,560 --> 00:46:17,950 Daar was waarskynlik 'n vermiste kommapunt iewers is my ding. 926 00:46:17,950 --> 00:46:22,064 Eintlik na, ek dink ek is vermis 'n kommapunt hier eintlik. 927 00:46:22,064 --> 00:46:24,230 Maar ek kon nie sien nie, want dit was die skerm af. 928 00:46:24,230 --> 00:46:29,040 >> Maar as ons sien, is dit 'n mooi veel presies wat ek net geskryf. 929 00:46:29,040 --> 00:46:33,010 Ek dink waarskynlik die moeilikste deel oor dit is net 'n soort van hierdie ding reg 930 00:46:33,010 --> 00:46:36,830 hier, begrip wat dit daar doen. 931 00:46:36,830 --> 00:46:42,230 Hierdie soort van dinge wat jy leer eintlik net deur Googlen en eerlik 932 00:46:42,230 --> 00:46:42,880 net probeer. 933 00:46:42,880 --> 00:46:46,770 As jy dink daar is 'n paar skryf, is daar waarskynlik. 934 00:46:46,770 --> 00:46:48,382 Probeer dit. 935 00:46:48,382 --> 00:46:49,090 Kyk wat gebeur. 936 00:46:49,090 --> 00:46:53,000 Soos ek gesê het, daar is 'n baie eksperimentering met JavaScript, 937 00:46:53,000 --> 00:46:56,810 en PHP, en alles wat dinge, en CSS, veral. 938 00:46:56,810 --> 00:47:00,046 Dit is die enigste ware manier om dit te verstaan. 939 00:47:00,046 --> 00:47:07,100 >> OK, so nadat fiasko met partytjie dot js, het ons twee ander opsies. 940 00:47:07,100 --> 00:47:10,650 Ons het die klok of Twitter. 941 00:47:10,650 --> 00:47:12,190 Hulle is albei interessant. 942 00:47:12,190 --> 00:47:17,720 Miskien nie heeltemal so lekker as party, wat 'n koel bietjie knip 943 00:47:17,720 --> 00:47:19,595 ding aan die einde. 944 00:47:19,595 --> 00:47:21,714 Moenie julle enige voorkeur? 945 00:47:21,714 --> 00:47:22,380 GEHOOR: Klok? 946 00:47:22,380 --> 00:47:22,950 ALLISON Buchholtz-AU: Klok? 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 >> So weer, ons het ons leë JavaScript-lêer. 950 00:47:30,460 --> 00:47:35,800 En soos ons hier sien, is ons het 'n paar baie eenvoudige HTML. 951 00:47:35,800 --> 00:47:40,010 Ons het ons styl blad, wat net formate wat dit moet lyk. 952 00:47:40,010 --> 00:47:42,860 Ons het ons div met 'n ID van die klok, wat 953 00:47:42,860 --> 00:47:44,420 net sê, "Dit behoort 'n klok te wees." 954 00:47:44,420 --> 00:47:47,650 En ons het ons skakel ons JavaScript-lêer 955 00:47:47,650 --> 00:47:51,400 dit is eintlik gaan genereer ons klok vir ons. 956 00:47:51,400 --> 00:47:56,060 Omdat die cool ding is dat jy kan stel JavaScript outomaties verfris 957 00:47:56,060 --> 00:47:56,963 self. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 So in plaas van om te wag vir die gebruiker Herlaai te slaan op 'n bladsy 960 00:48:01,580 --> 00:48:03,840 sodat jy kan kry opgedateer tyd, JavaScript 961 00:48:03,840 --> 00:48:06,760 kan werk dit maar dit hou. 962 00:48:06,760 --> 00:48:12,082 >> So, as ons laaste een, ons wou ons agtergrond te bekom, reg? 963 00:48:12,082 --> 00:48:14,790 So wat dink jy kan wees om die eerste ding wat ons hier wil doen? 964 00:48:14,790 --> 00:48:19,538 As ons soort gaan af hierdie soort van paradigma hier? 965 00:48:19,538 --> 00:48:22,200 Ons sal waarskynlik wil hê na toegang tot ons klok, reg? 966 00:48:22,200 --> 00:48:24,724 So, ons het 'n paar var klok, wat equals-- 967 00:48:24,724 --> 00:48:26,140 Wat dink ons ​​dit gaan wees? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokument dot kry element deur- ek ook lief Sublime-- Id en ons id is klok. 970 00:48:42,670 --> 00:48:43,585 Kommapunt. 971 00:48:43,585 --> 00:48:45,710 Het om seker te maak om te kry om diegene kommapunte hierdie tyd, 972 00:48:45,710 --> 00:48:47,835 want ek voel soos wat was die probleem die laaste keer. 973 00:48:47,835 --> 00:48:55,980 OK so, as ek net sê met die probeer te hê JavaScript verfris self, 974 00:48:55,980 --> 00:48:59,655 daar is hierdie groot funksie, ek weet dit handig te pas gekom het verlede jaar, 975 00:48:59,655 --> 00:49:02,780 Ek is nie seker of dit handig te pas kom vir hierdie pset, maar dit is bekend stel interval. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 En dit is eintlik baie koel as jy ouens doen niks 978 00:49:08,200 --> 00:49:11,460 met die tyd of om opgedateerde inligting. 979 00:49:11,460 --> 00:49:13,700 Op 'n webwerf vir 'n finale projek, is dit waarskynlik 980 00:49:13,700 --> 00:49:16,240 'n funksie wat jy wil kry super vertroud is met. 981 00:49:16,240 --> 00:49:19,730 So, wat stel interval nie, is dat ons gaan om dit te gee 'n funksie, 982 00:49:19,730 --> 00:49:21,830 en hoe dikwels dit moet noem hierdie funksie. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> So in hierdie geval, ons is net gaan om te 'n anonieme funksie skep weer 985 00:49:26,890 --> 00:49:31,530 OK, wat gaan kry ons op datum, en ons tyd, 986 00:49:31,530 --> 00:49:33,780 en dan werk dinge en vertoon dit. 987 00:49:33,780 --> 00:49:35,130 So ons sal bekommerd wees oor wat. 988 00:49:35,130 --> 00:49:39,120 Ons sal wees soos genereer klok hier. 989 00:49:39,120 --> 00:49:41,750 Maar wat ons nodig het, is hoe dikwels te verfris. 990 00:49:41,750 --> 00:49:43,930 So in hierdie geval, dit is net millisekondes. 991 00:49:43,930 --> 00:49:46,877 So ons is maar net gaan doen 100 millisekondes. 992 00:49:46,877 --> 00:49:48,210 Natuurlik heeltemal arbitrêr. 993 00:49:48,210 --> 00:49:50,600 As jy wil om dit te werk baie stadiger, kan jy. 994 00:49:50,600 --> 00:49:53,300 Ons kan gemors rond met die stel interval, 995 00:49:53,300 --> 00:49:57,240 hoe groot ons interval is nadat ons 'n werkende klok, wat hopelik sal ek 996 00:49:57,240 --> 00:49:59,660 kry. 997 00:49:59,660 --> 00:50:04,110 So dit is net sê, "OK, oproep hierdie funksie elke 100 millisekondes. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 Dit is al wat dit doen nie. 1000 00:50:07,280 --> 00:50:12,290 >> So, wat wil ons ons funksie doen, is ons wil 'n paar datum te hê 1001 00:50:12,290 --> 00:50:14,200 en 'n paar keer is wat ons gaan hê. 1002 00:50:14,200 --> 00:50:19,740 Sodat ons kan begin met ons datum gelyk iets, 1003 00:50:19,740 --> 00:50:22,708 en ons tyd is gelyk aan iets dat ons nie weet nie. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Of eintlik, ons moet net die datum, want datum gaan alles in te sluit. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Weereens, as jy net Google enigiets oor wat jy wil doen, en as jy skryf, "OK, 1008 00:50:40,010 --> 00:50:41,980 Ek wil die tyd om te kry via JavaScript, "dit 1009 00:50:41,980 --> 00:50:45,890 gee jou hierdie groot funksie genoem get datum. 1010 00:50:45,890 --> 00:50:48,664 Letterlik, die meeste dinge wat jy wil doen, 1011 00:50:48,664 --> 00:50:50,830 JavaScript gaan hê dit vir jou gedoen reeds. 1012 00:50:50,830 --> 00:50:55,770 So dit is letterlik soos 'n nuwe kry op datum, wat is creating-- 1013 00:50:55,770 --> 00:50:58,600 of 'n nuwe datum, rather-- wat genereer 1014 00:50:58,600 --> 00:51:03,690 sommige voorwerp wat 'n datum verteenwoordig. 1015 00:51:03,690 --> 00:51:08,200 >> En wat ons gaan om hier te doen, is om hierdie is-- ek gaan om dit te skryf, 1016 00:51:08,200 --> 00:51:10,820 en verduidelik dan wat dit doen. 1017 00:51:10,820 --> 00:51:12,560 So ek sal seker ek kry dit reg te maak. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, so wat hierdie funksie doen, is ons net 1020 00:51:23,440 --> 00:51:30,680 die skep van die HTML wat eintlik gaan om te gaan in ons div id van die klok. 1021 00:51:30,680 --> 00:51:34,610 So, wat dit gaan doen net genereer paar string, OK? 1022 00:51:34,610 --> 00:51:38,510 Dit word dan gaan wees oorgeplant in ons HTML. 1023 00:51:38,510 --> 00:51:42,130 Basies wat dit gaan doen, is om wat we-- wat Ek jou sal wys 1024 00:51:42,130 --> 00:51:49,070 is dat dit wat ons sê HTML is, Ons gaan hierdie teks hier vervang 1025 00:51:49,070 --> 00:51:51,090 met alles wat HTML is. 1026 00:51:51,090 --> 00:51:56,390 So dit gaan toelaat ons ons klok dot te verander 1027 00:51:56,390 --> 00:52:00,940 HTML uit om net die teks van hierdie moet 'n klok, om werklik te wys 1028 00:52:00,940 --> 00:52:05,630 die getalle en die dinge wat ons omgee oor, en eintlik uur. 1029 00:52:05,630 --> 00:52:09,810 >> So wat ons gaan doen, is om ons gaan om te begin hierdie HTML genereer. 1030 00:52:09,810 --> 00:52:16,520 So in die dieselfde manier as wat ons gebruik te doen plus gelyk vir heelgetalle, 1031 00:52:16,520 --> 00:52:20,461 kan jy nou doen wat vir strykers, behalwe dit gaan om hulle te koppel. 1032 00:52:20,461 --> 00:52:20,960 Reg? 1033 00:52:20,960 --> 00:52:26,070 Soos ons gesien het met partytjie dot JS, dit net concatenates al hierdie dinge saam. 1034 00:52:26,070 --> 00:52:31,970 Sodat jy kan koppel verskillende stukkies HTML van veranderlikes, of stukkies snare 1035 00:52:31,970 --> 00:52:33,750 dat jy skryf jouself, en dit net 1036 00:52:33,750 --> 00:52:38,650 regtig kan jy dinamiese genereer HTML, wat is pretty cool. 1037 00:52:38,650 --> 00:52:42,040 So as jy iets baie gebruikers spesifieke, 1038 00:52:42,040 --> 00:52:44,130 dit kan toelaat dat jy om dit te doen. 1039 00:52:44,130 --> 00:52:47,550 >> So het ons 'n HTML, te gaan ek probeer en maak seker ek kry dit reg. 1040 00:52:47,550 --> 00:52:49,890 So ons gaan 'n paar h1 header te doen. 1041 00:52:49,890 --> 00:52:53,610 So, wat is belangrik om hier te besef is dat dit eintlik net HTML. 1042 00:52:53,610 --> 00:52:54,460 Reg? 1043 00:52:54,460 --> 00:52:56,610 Ons skryf werklike HTML-kode in hier, dit is 1044 00:52:56,610 --> 00:53:01,090 nie net 'n string in die normale manier wat ons sou dink oor dit. 1045 00:53:01,090 --> 00:53:02,930 So ons het 'n paar HTML. 1046 00:53:02,930 --> 00:53:04,940 Dit word beskou as 'n string hier al is. 1047 00:53:04,940 --> 00:53:10,380 En ons doen datum dot-- ons wil ons uur te kry. 1048 00:53:10,380 --> 00:53:12,910 Weereens, as jy was om te kyk enigiets oor die datum, 1049 00:53:12,910 --> 00:53:16,160 dit sal vertel nie dit is al die eienskappe daardie datum het. 1050 00:53:16,160 --> 00:53:17,670 En hier is wat jy kan gebruik op dit. 1051 00:53:17,670 --> 00:53:20,620 So is dit waarskynlik dinge soos kry uur, en kry minute, 1052 00:53:20,620 --> 00:53:24,669 en kry sekondes, en kry millisekondes, en wie weet wat anders hulle het. 1053 00:53:24,669 --> 00:53:27,210 Maar as jy kyk na die dokumentasie, sal dit daar wees. 1054 00:53:27,210 --> 00:53:31,980 >> Dus het ons kry ure, en dan sal ons wil 1055 00:53:31,980 --> 00:53:35,614 te koppel wat with-- Ek is gaan om dit te skuif hier. 1056 00:53:35,614 --> 00:53:38,780 So as ons nou te genereer, is ons eintlik genereer die tyd, reg? 1057 00:53:38,780 --> 00:53:43,590 Ons het ure, en dan wat is tussen ure en minute? 1058 00:53:43,590 --> 00:53:45,080 Jy het 'n kommapunt, reg? 1059 00:53:45,080 --> 00:53:48,010 So ons wil 'n paar kommapunt om hier te doen. 1060 00:53:48,010 --> 00:53:51,780 En dan wil ons ons te kry minute, so in die dieselfde manier 1061 00:53:51,780 --> 00:53:56,450 dat ons datum dot kry ure, Hoe kan ons ons minute? 1062 00:53:56,450 --> 00:54:01,542 Dit is letterlik hede dot kry minute, wat ek soort van hou. 1063 00:54:01,542 --> 00:54:03,250 Dit is soos, "O, hoe kry ek my minute? " 1064 00:54:03,250 --> 00:54:05,850 Ek kry net my minute. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 En dan het ons nog 'n kolon hier. 1067 00:54:10,990 --> 00:54:16,350 En dan as ons wil om ons sekondes, hoe kan ons ons tweede? 1068 00:54:16,350 --> 00:54:17,400 Datum dot kry sekondes. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Ek dink dit is pretty cool. 1071 00:54:21,590 --> 00:54:23,589 En wat is belangrik om te besef, is dat ons ook 1072 00:54:23,589 --> 00:54:31,730 moet ons HTML tag hier sluit, want dit moet nog steeds geldig HTML, so h1. 1073 00:54:31,730 --> 00:54:33,481 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> So na dit, kan ons klok doen dot innerlike HTML is gelyk aan HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 So onthou hoe ek gesê innerlike HTML basies 1077 00:54:46,470 --> 00:54:50,610 neem alles wat tussen die twee etikette wat ons gepraat oor 1078 00:54:50,610 --> 00:54:54,470 en insetsels of manipuleer wat is daar? 1079 00:54:54,470 --> 00:54:58,290 So, wat dit doen, as ons gaan terug na ons klok, 1080 00:54:58,290 --> 00:55:04,180 is dat die klok verwys na alles in hierdie div. 1081 00:55:04,180 --> 00:55:09,770 Dit is die innerlike HTML van hierdie Id klok div. 1082 00:55:09,770 --> 00:55:13,930 En so dit gaan om dit te verander die HTML dat ons net gegenereer, 1083 00:55:13,930 --> 00:55:16,750 wat, wat, hopelik, hopelik, hopelik, 1084 00:55:16,750 --> 00:55:21,026 sal die tyd wys nou. 1085 00:55:21,026 --> 00:55:23,960 Ons sal sien. 1086 00:55:23,960 --> 00:55:25,170 Van die kursus. 1087 00:55:25,170 --> 00:55:26,860 So baie tegniese kwessies. 1088 00:55:26,860 --> 00:55:31,480 Allison se just-- Ek is uit my spel vandag ouens. 1089 00:55:31,480 --> 00:55:34,136 OK, wat werk. 1090 00:55:34,136 --> 00:55:35,760 klok dot innerlike HTML. 1091 00:55:35,760 --> 00:55:42,097 Dit was HTML Regtig? 1092 00:55:42,097 --> 00:55:43,180 Ook dit is wat gebeur. 1093 00:55:43,180 --> 00:55:48,750 Wanneer jy nie iets kan sien, moet jy net kyk na jou bron-kode. 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 Het jy wil weet 'n koel werk om dat ons gaan om hier te doen? 1097 00:55:54,870 --> 00:55:55,740 >> GEHOOR: Kan jy dit doen hoofletters? 1098 00:55:55,740 --> 00:55:56,580 Die hoofletters? 1099 00:55:56,580 --> 00:55:58,996 Want jy het kry ure, en dan kry minute. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON Buchholtz-AU: Dit is jy ure en get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Jy are-- goue ster. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Dit is al 'n toets, ouens. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Ek belowe dit werk voor die klas. 1106 00:56:17,330 --> 00:56:22,590 >> OK, maar iets koel te weet, is wat jy kan also-- as soms 1107 00:56:22,590 --> 00:56:26,560 jou eksterne lêers om 'n bietjie mal, 1108 00:56:26,560 --> 00:56:30,960 jy kan ook net sit hulle reguit hier, wat geneig is om dinge reg te maak. 1109 00:56:30,960 --> 00:56:35,840 Behalwe dit is soos regtig lelik. 1110 00:56:35,840 --> 00:56:38,050 Natuurlik formaat alles. 1111 00:56:38,050 --> 00:56:41,425 Maak seker dit is al mooi. 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 >> Ek wou al die cool demos te doen, en hulle is maar net nie uit te werk. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Script var klok. 1117 00:56:53,890 --> 00:57:00,350 In elk geval, wat belangrik is, is dat dit die algemene manier 1118 00:57:00,350 --> 00:57:01,870 dat jy sal die formaat van JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Soos jy kan sien, kan dit wees baie kieskeurig soms, 1120 00:57:04,490 --> 00:57:08,780 selfs wanneer dit was letterlik werk twee sekondes gelede. 1121 00:57:08,780 --> 00:57:11,820 Of nie twee tweede gelede maar baie, baie onlangs. 1122 00:57:11,820 --> 00:57:16,070 >> So om jou te wys hoe dit moet lyk, en om jou te wys dat ek nie mal, 1123 00:57:16,070 --> 00:57:19,730 en dat alles is presies die dieselfde, dit is wat dit behoort te lyk. 1124 00:57:19,730 --> 00:57:27,410 Jy net gaan hierdie top deel te doen hier, en as jy sien bladsy bron, 1125 00:57:27,410 --> 00:57:32,160 as jy sien, het hy 'n paar crazier dinge, ek vereenvoudig dit. 1126 00:57:32,160 --> 00:57:35,710 Ook, krediet aan Tommy McWilliam, wat eintlik 1127 00:57:35,710 --> 00:57:38,810 het my gehelp skep hierdie voorbeelde, wat is die rede waarom ek weet hulle werk. 1128 00:57:38,810 --> 00:57:41,560 Omdat Tommy is 'n JavaScript meester. 1129 00:57:41,560 --> 00:57:43,180 Maar as ons sien, ons het 'n stel. 1130 00:57:43,180 --> 00:57:45,170 Ons het hier vir ons klok funksie. 1131 00:57:45,170 --> 00:57:48,450 Dit is al die JavaScript dat Ons het net geskryf het, of 'n deel daarvan. 1132 00:57:48,450 --> 00:57:51,470 Ons het dit geskryf een reg hier. 1133 00:57:51,470 --> 00:57:54,260 En hy het 'n ekstra funksie wat net pads dit 1134 00:57:54,260 --> 00:57:57,790 deur 'n nul voor 'n brief of voor 'n aantal as dit 1135 00:57:57,790 --> 00:57:59,412 net een van hulle. 1136 00:57:59,412 --> 00:58:02,120 So as jy sien, dit is mooi veel presies wat ons net geskryf. 1137 00:58:02,120 --> 00:58:06,230 Jy het 'n paar veranderlike klok wat het ons element, kry element deur ID, 1138 00:58:06,230 --> 00:58:07,252 wat is die klok. 1139 00:58:07,252 --> 00:58:08,960 Ons het ons stel interval funksie, dit is 1140 00:58:08,960 --> 00:58:12,670 'n anonieme funksie wat voer al hierdie dinge. 1141 00:58:12,670 --> 00:58:16,940 Ons het 'n paar begin string HTML dat ons dan dinamies 1142 00:58:16,940 --> 00:58:20,750 genereer deur 'n paar h1 header, concatenating 1143 00:58:20,750 --> 00:58:23,950 ontvang met die ure, plus ons kolon, plus kry 1144 00:58:23,950 --> 00:58:26,860 die minute, plus 'n ander kolon, plus ons sekondes, 1145 00:58:26,860 --> 00:58:29,330 en uiteindelik die einde HTML vir dit. 1146 00:58:29,330 --> 00:58:34,210 En dan het ons ons klok werk dot innerlike HTML te HTML, 1147 00:58:34,210 --> 00:58:37,640 en ons werk elke 100 millisekondes. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Sien ek belowe ek is nie mal nie. 1150 00:58:42,470 --> 00:58:43,440 Ek weet nie. 1151 00:58:43,440 --> 00:58:47,160 Ek weet nie hoekom dit nie van my hou. 1152 00:58:47,160 --> 00:58:54,030 Ek voel soos dieselfde lyk, maar glo dit haat my. 1153 00:58:54,030 --> 00:58:59,600 >> So laat ons sien of die derde ronde gaan beter. 1154 00:58:59,600 --> 00:59:00,970 Ons is oor om te sien. 1155 00:59:00,970 --> 00:59:02,910 Ek is nie seker hoe dit gaan om te gaan. 1156 00:59:02,910 --> 00:59:06,700 Is almal ten minste om die nadele, soos net die algemene tema 1157 00:59:06,700 --> 00:59:08,480 van JavaScript, al is? 1158 00:59:08,480 --> 00:59:15,660 Ek hoop dit is ten minste nuttig, meer as wat toon dat dit 'n bietjie kieskeurig. 1159 00:59:15,660 --> 00:59:21,190 Maar jou probleem stel sal baie pret. 1160 00:59:21,190 --> 00:59:22,590 Dit gaan groot wees. 1161 00:59:22,590 --> 00:59:24,820 Dit sal nie heeltemal so vervelig as dit, ek dink nie. 1162 00:59:24,820 --> 00:59:28,100 Jy sal eintlik kry om sien regtig cool dinge. 1163 00:59:28,100 --> 00:59:31,734 >> So laaste maar nie die minste nie, ons sal probeer om die Twitter een. 1164 00:59:31,734 --> 00:59:32,900 Ek is regtig bang nou, ouens. 1165 00:59:32,900 --> 00:59:35,762 Ek weet nie hoe dit gaan om te gaan. 1166 00:59:35,762 --> 00:59:39,930 Maar net 'n bietjie te gee meer smaak, en dit is eintlik 1167 00:59:39,930 --> 00:59:44,190 manipuleer snare en insette, wat ons gaan doen 1168 00:59:44,190 --> 00:59:50,960 is, as ons hier op met HTML-- hierdie een het 'n bietjie more-- 1169 00:59:50,960 --> 00:59:57,200 ons het 'n paar teks area, wat stem ooreen met die teks area hier. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 En dit het 'n ID van die teks. 1172 01:00:00,420 --> 01:00:04,520 Ons herstileer dit 'n bietjie met 'n paar hoogte en breedte 1173 01:00:04,520 --> 01:00:07,310 dat ons voorafbepaalde, en ons het H1, 1174 01:00:07,310 --> 01:00:11,260 wat net is ons kop een wat verteenwoordig ons karakters oor. 1175 01:00:11,260 --> 01:00:14,570 Ons het dit 'n paar Id van oorblywende karakters, 1176 01:00:14,570 --> 01:00:18,660 en dan het ons het 'n paar script hier, wat Ek is regtig 1177 01:00:18,660 --> 01:00:20,790 hoop derde keer se die sjarme hier, ouens. 1178 01:00:20,790 --> 01:00:26,750 >> So, wat ons wil doen, in dieselfde algemene trant 1179 01:00:26,750 --> 01:00:31,480 dat ons gedoen het met klok dot js en partytjie dot js as ons het opgemerk, 1180 01:00:31,480 --> 01:00:35,980 is ons deur eintlik gryp begin het die dinge wat ons omgee, reg? 1181 01:00:35,980 --> 01:00:42,330 So in hierdie geval, is daar twee dinge wat ons omgee, OK? 1182 01:00:42,330 --> 01:00:47,199 Een ding wat ons is eintlik soort soek na en teken data van, 1183 01:00:47,199 --> 01:00:48,990 en een ding wat ons is eintlik verander. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 So daar is ons HTML. 1186 01:00:53,730 --> 01:01:00,370 As dit is ons webblad hier, wat is die data wat ons is op soek na? 1187 01:01:00,370 --> 01:01:03,860 Dit gaan om te word wat die teks in ons bokse, reg? 1188 01:01:03,860 --> 01:01:05,310 Dus, wat ek tik hier. 1189 01:01:05,310 --> 01:01:08,150 Dit is wat ek wil weet, of dit is wat ek wil om te kyk na. 1190 01:01:08,150 --> 01:01:10,690 En wat gaan wees veranderende op ons webblad? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Die oorblywende karakters. 1193 01:01:14,880 --> 01:01:19,550 So in die dieselfde manier, ons wil begin deur initializing veranderlikes 1194 01:01:19,550 --> 01:01:22,030 wat eintlik vashou daardie elemente. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 So as ons 'n paar var wat ons teks area, 1197 01:01:29,930 --> 01:01:33,681 en ons het 'n paar var wat bly. 1198 01:01:33,681 --> 01:01:34,180 Reg? 1199 01:01:34,180 --> 01:01:36,190 So het hierdie gaan hou dié twee dinge. 1200 01:01:36,190 --> 01:01:42,370 So het die dieselfde soort van ding, dokument dot-- OK, ek is 1201 01:01:42,370 --> 01:01:45,920 gaan om seker te maak dit is maak gaan hierdie tyd om te werk. 1202 01:01:45,920 --> 01:01:49,620 Ek is baie vasbeslote. 1203 01:01:49,620 --> 01:01:53,310 OK, so as ons wil hê dat ons teks area, volgens 1204 01:01:53,310 --> 01:01:55,710 ons HTML, wat is ons identifiseerder? 1205 01:01:55,710 --> 01:01:56,420 Wat is ons id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Dit is net gaan teks te wees omdat Dit skep ons teks area, OK, 1208 01:02:05,540 --> 01:02:10,320 en ons id is teks, so dit is hoe kan ons gryp wat is daar in. 1209 01:02:10,320 --> 01:02:12,130 OK, kommapunt. 1210 01:02:12,130 --> 01:02:13,940 Ek gaan super wees presiese hieroor 1211 01:02:13,940 --> 01:02:16,300 want ek wil dit hierdie keer om te werk. 1212 01:02:16,300 --> 01:02:22,120 OK, doen dieselfde ding, kry element deur Id. 1213 01:02:22,120 --> 01:02:25,970 Ek is regtig wonder wat het veroorsaak dat die ander twee te gemors. 1214 01:02:25,970 --> 01:02:29,750 OK, dan in hierdie een, wat wil ons om toegang te verkry? 1215 01:02:29,750 --> 01:02:30,760 Wat is ons Id hier? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Ons het 'n ander Id in ons HTML, wat is dit? 1218 01:02:36,261 --> 01:02:37,552 GEHOOR: Oorblywende karakters. 1219 01:02:37,552 --> 01:02:39,343 ALLISON Buchholtz-AU: Oorblywende karakters. 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 So ek is net gaan om te skryf dit regtig vinnig. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Ek gaan net hierdie tweede te skryf. 1226 01:02:55,330 --> 01:02:56,190 So teks area. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Wat interessant is, is B function-- daar is baie van die funksies wat nie net 1229 01:03:06,180 --> 01:03:09,690 ooreenstem met jou muis, maar jou sleutelbord. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Sodat jy kan sê wanneer 'n sleutel is gedruk is, kan jy dinge soos wat dit doen. 1232 01:03:16,540 --> 01:03:20,450 So het die een wat ons gebruik is 'n beroep op die sleutel tot wat 1233 01:03:20,450 --> 01:03:25,320 sê, "As jy 'n sleutel op het gedruk jou sleutelbord, wanneer die gebruiker gelig 1234 01:03:25,320 --> 01:03:28,064 hulle vinger af dat die knoppie, en die sleutel ongestrykte geword, 1235 01:03:28,064 --> 01:03:29,480 dan gaan ons om iets te doen. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 So dit maak sin, reg? 1238 01:03:31,370 --> 01:03:33,540 Want elke karakter ons tik, ons gaan 1239 01:03:33,540 --> 01:03:36,550 te hê ons vingers af te lig van dit, sodat wanneer die sleutel gaan op, 1240 01:03:36,550 --> 01:03:40,980 ons kan weet decrement ons oorblywende karakters. 1241 01:03:40,980 --> 01:03:44,440 >> So ons het 'n paar op die belangrikste up, en in die dieselfde manier, 1242 01:03:44,440 --> 01:03:47,480 ons gaan om te sê, "OK, wanneer ons dit doen, ons 1243 01:03:47,480 --> 01:03:55,110 gaan 'n funksie te skep wat gaan e te neem, "in hierdie geval, 1244 01:03:55,110 --> 01:03:58,800 en wat ons wil doen, is bereken die aantal oorblywende. 1245 01:03:58,800 --> 01:04:02,510 OK, so laat ons net begin deur die skep van 'n veranderlike. 1246 01:04:02,510 --> 01:04:05,830 So ons het 'n paar veranderlike r, wat gaan verteenwoordig 1247 01:04:05,830 --> 01:04:07,720 hoeveel karakters wat ons verlaat het. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Ons weet dat ons begin met 140, en as ons wil weet, 1250 01:04:14,540 --> 01:04:18,360 kom ons sê, die lengte van hierdie string wat al insette, 1251 01:04:18,360 --> 01:04:20,860 doen julle enige idee hoe ons dit doen? 1252 01:04:20,860 --> 01:04:23,900 Net die basis van die voor die hand liggend dinge, soos as ons wou uur, 1253 01:04:23,900 --> 01:04:25,870 ons gebruik kry uur. 1254 01:04:25,870 --> 01:04:28,860 Ons weet dat ons doel is teks area, maar kan jy ouens 1255 01:04:28,860 --> 01:04:33,050 dink aan wat nadat dit kan kom? 1256 01:04:33,050 --> 01:04:35,280 Enige idees? 1257 01:04:35,280 --> 01:04:41,730 >> So hierdie een se soort van minder intuïtief, maar dit is waarde dot lengte. 1258 01:04:41,730 --> 01:04:44,700 So gee my net 'n paar waarde eienskap wat 1259 01:04:44,700 --> 01:04:46,500 is eintlik die lengte van hierdie string. 1260 01:04:46,500 --> 01:04:50,340 So dit gaan om te sê, "OK, ek is op soek na by hierdie hele string binne die teks area, 1261 01:04:50,340 --> 01:04:52,730 en ek gaan om te vertel jy hoe lank dit is nie. " 1262 01:04:52,730 --> 01:04:55,500 Want as ons onthou snare is eintlik net skikkings, 1263 01:04:55,500 --> 01:04:58,110 sodat ons kan net die lengte van hulle. 1264 01:04:58,110 --> 01:05:01,860 So het ons. 1265 01:05:01,860 --> 01:05:04,058 Cool. 1266 01:05:04,058 --> 01:05:09,360 >> Dan wat ons wil doen, is ons nooit wil die gebruiker toe te laat 1267 01:05:09,360 --> 01:05:12,340 om insette meer as 140 karakters, reg? 1268 01:05:12,340 --> 01:05:15,610 Want as ons sê soos, "O, jy net soveel oorblywende, " 1269 01:05:15,610 --> 01:05:20,522 en laat hulle dan doen anyways, het ons lê. 1270 01:05:20,522 --> 01:05:22,230 En dit is 'n ander ding wat JavaScript 1271 01:05:22,230 --> 01:05:24,530 kan regtig goed wees Want is gebruikers validering 1272 01:05:24,530 --> 01:05:29,062 en seker te maak dat jou gebruiker pas binne enige reëls 1273 01:05:29,062 --> 01:05:30,270 wat u verskaf het aan hulle. 1274 01:05:30,270 --> 01:05:36,020 So as jy wil dinge soos die maak om te doen seker dat iemand insette hul e-pos adres, 1275 01:05:36,020 --> 01:05:40,242 of om seker te maak dat wanneer hulle Tik twee wagwoorde, hulle ooreenstem. 1276 01:05:40,242 --> 01:05:41,200 JavaScript kan dit doen. 1277 01:05:41,200 --> 01:05:44,010 Jy sal iets soos, "wanneer doen die vorm ingedien word, "of soos, 1278 01:05:44,010 --> 01:05:48,170 "Wanneer Stuur Form knoppie gekliek, gaan al hierdie dinge. " 1279 01:05:48,170 --> 01:05:49,670 En ons kan dit doen JavaScript. 1280 01:05:49,670 --> 01:05:52,680 So dit is net wat ons gaan om hier te doen. 1281 01:05:52,680 --> 01:05:57,810 >> So, wat dalk 'n manier om te kyk of wees meer as 140 karakters wat hulle gegaan het? 1282 01:05:57,810 --> 01:06:03,310 Wat gaan gebeur ons waarde van r as hulle probeer? 1283 01:06:03,310 --> 01:06:04,760 Dit gaan om negatief te wees, reg? 1284 01:06:04,760 --> 01:06:07,380 Of dit gaan minder wees as of gelyk aan nul. 1285 01:06:07,380 --> 01:06:13,690 Sodat ons kan gebruik om 'n as dit net soos alles anders. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 En ons het 'n paar teks area dot waarde, en wat ons hier doen 1288 01:06:20,480 --> 01:06:29,940 is ons net cutting-- wat is dit? 1289 01:06:29,940 --> 01:06:30,900 Jammer. 1290 01:06:30,900 --> 01:06:32,732 Hierdie een, ons wil net valse terugkeer. 1291 01:06:32,732 --> 01:06:34,030 Ek het verward. 1292 01:06:34,030 --> 01:06:36,560 Alle frazzled van dinge nie werk nie. 1293 01:06:36,560 --> 01:06:40,010 OK, ons wil net te return false, en dan het ons 1294 01:06:40,010 --> 01:06:44,160 wil die te vertoon oorblywende karakters, reg? 1295 01:06:44,160 --> 01:06:48,720 So met die klok, ons het iets met innerlike HTML, reg? 1296 01:06:48,720 --> 01:06:52,070 Waar ons stel dit gelyk aan 'n paar veranderlike, so wat kan ons hier doen? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Wat gaan ons die verandering van die innerlike HTML van? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> GEHOOR: Oorblywende? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON Buchholtz-AU: Ons is besig om die oorblywende. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Alle reg, en wat doen ons dit wil gelyk aan? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Dit gaan r te wees, want dit moet wees om ons oorblywende karakters. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 So ek is regtig senuweeagtig om te sien of dit werk nou nie, maar ons sal sien. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Laat hierdie. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Dit is baie vinnig. 1312 01:07:37,700 --> 01:07:38,970 [Onhoorbaar] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Weereens, ek is net gaan om te wys. 1315 01:07:45,990 --> 01:07:49,430 Vir watter rede ookal, my besluit om nie te werk nie, 1316 01:07:49,430 --> 01:07:53,354 maar wat ek sal jou wys, is dat hierdie is-- oh Ek is veronderstel om dit te sit in. 1317 01:07:53,354 --> 01:07:57,470 OK, sien ons dieselfde soort ding hier, om die teks area. 1318 01:07:57,470 --> 01:08:01,070 >> Ook, as jy ou kennisgewing, as daar ooit iets wat jy wil doen, 1319 01:08:01,070 --> 01:08:04,080 en jy weet nie hoe om te doen dit, kliek net View Page Source, 1320 01:08:04,080 --> 01:08:06,632 en hulle gaan om jou te vertel. 1321 01:08:06,632 --> 01:08:07,840 Soms sal dit wees encrypted. 1322 01:08:07,840 --> 01:08:11,147 Vir jou pset, ons enkripteer alles, sodat dit net lyk soos brabbeltaal. 1323 01:08:11,147 --> 01:08:13,480 Maar as daar ooit 'n baie koel webwerf wat jy wil, 1324 01:08:13,480 --> 01:08:17,729 As jy kliek View Page Source, dit gaan om jou te vertel hoe om dit te doen nie. 1325 01:08:17,729 --> 01:08:20,770 So weer, werk slimmer, nie harder. 1326 01:08:20,770 --> 01:08:24,250 En as jy hier, al sien hierdie dinge is dieselfde. 1327 01:08:24,250 --> 01:08:31,930 hierdie een hier neem net 'n paar substring dat ek vergeet presies wat dit beteken. 1328 01:08:31,930 --> 01:08:36,980 Maar dit neem natuurlik 'n paar substring van die waarde van nul tot tien, 1329 01:08:36,980 --> 01:08:41,540 en keer terug vals wat moet ophou die gebruiker van die skryf nie, 1330 01:08:41,540 --> 01:08:46,040 en dan natuurlik updates die binneste HTML daar. 1331 01:08:46,040 --> 01:08:47,410 >> Cool. 1332 01:08:47,410 --> 01:08:53,000 So groot take aways vanaf vandag eksperiment, kyk na die bronkode 1333 01:08:53,000 --> 01:08:58,359 want dit gaan om jou te help om 'n baie, en almal, soms JavaScript 1334 01:08:58,359 --> 01:09:03,200 kan hard te werk met en nie altyd werk om die manier waarop jy verwag om dit te, 1335 01:09:03,200 --> 01:09:05,700 maar hou net probeer want ek belowe dit sal. 1336 01:09:05,700 --> 01:09:08,376 Ek belowe al hierdie voorbeelde werk was voor die klas. 1337 01:09:08,376 --> 01:09:09,750 Ek verstaan ​​nie wat gebeur het nie. 1338 01:09:09,750 --> 01:09:13,069 Ek het letterlik alles dieselfde. 1339 01:09:13,069 --> 01:09:17,660 >> Een ding wat ek wil net wys julle dat super nuttig kan wees 1340 01:09:17,660 --> 01:09:21,630 is in-- wat voor werk is? 1341 01:09:21,630 --> 01:09:23,935 Ons het party werk, het ons nie? 1342 01:09:23,935 --> 01:09:26,569 Ek dink nie so nie. 1343 01:09:26,569 --> 01:09:27,069 Ja. 1344 01:09:27,069 --> 01:09:27,630 Ons gedoen het. 1345 01:09:27,630 --> 01:09:28,250 Awesome. 1346 01:09:28,250 --> 01:09:31,189 OK, so een ding wat Julle moet weet 1347 01:09:31,189 --> 01:09:33,340 is die konsole log wat ek het gepraat oor. 1348 01:09:33,340 --> 01:09:37,040 So troos dot log van hallo. 1349 01:09:37,040 --> 01:09:40,430 So dit is soort van die JavaScript ekwivalent van printf. 1350 01:09:40,430 --> 01:09:42,810 So as jy ooit wil jou veranderlikes inspekteer 1351 01:09:42,810 --> 01:09:49,649 of sien wat daar gebeur, wat wat jy kan doen is, as ons inspekteer element, 1352 01:09:49,649 --> 01:09:51,899 is wat jy wil om te gaan , en jy gaan om te troos, 1353 01:09:51,899 --> 01:09:53,770 jy sal sien dat dit gedruk hallo. 1354 01:09:53,770 --> 01:09:55,750 >> Sodat ons dit kan hê druk wat ons wou. 1355 01:09:55,750 --> 01:10:04,170 As ons wou dit agtergrond te druk dot dot styl agtergrond, 1356 01:10:04,170 --> 01:10:08,454 ons moet in staat wees om die te sien RGB driedubbele wat opkom. 1357 01:10:08,454 --> 01:10:11,140 Of nie. 1358 01:10:11,140 --> 01:10:13,520 Ek vergeet presies hoe jy druk 'n veranderlike soos dit, 1359 01:10:13,520 --> 01:10:17,249 maar jy moet in staat wees om te druk dinge soos dat. 1360 01:10:17,249 --> 01:10:19,040 Dit sal baie nuttig wees vir jou pset wanneer 1361 01:10:19,040 --> 01:10:23,330 jy probeer om te manipuleer koördinate of iets anders. 1362 01:10:23,330 --> 01:10:25,270 So het hulle ook verander hierdie stuk in die klas. 1363 01:10:25,270 --> 01:10:30,750 Dit is anders as verlede jaar, so net lekker wees om jou TFS, of die TFS 1364 01:10:30,750 --> 01:10:36,350 by kantoorure eerder, want ons is soort leer saam met julle. 1365 01:10:36,350 --> 01:10:41,230 Maar die konsole log was super, super nuttig vir JavaScript verlede jaar. 1366 01:10:41,230 --> 01:10:42,740 So is mal daaroor. 1367 01:10:42,740 --> 01:10:43,780 Leer hoe om dit te gebruik. 1368 01:10:43,780 --> 01:10:49,026 Dit is makliker om te gebruik as GDB, sodat moet ten minste 'n plus punt wees. 1369 01:10:49,026 --> 01:10:50,650 Maar dankie ouens geduld met my. 1370 01:10:50,650 --> 01:10:53,400 Ek is jammer dat my voorbeelde vir een of ander rede 1371 01:10:53,400 --> 01:10:55,410 net nie wil hê nie saam met my, maar ek 1372 01:10:55,410 --> 01:11:01,010 hoop dat dit gehelp soort kry jy 'n bietjie meer in die sone van JavaScript. 1373 01:11:01,010 --> 01:11:04,980 En stuur vir my al jou vrae vir volgende week, so ek kan super herstel word nie, 1374 01:11:04,980 --> 01:11:09,420 en ek sal lekkergoed en selfs ekstra bring lekkergoed, want dit was belaglik. 1375 01:11:09,420 --> 01:11:14,000 Maar julle ouens is groot, en het 'n awesome week. 1376 01:11:14,000 --> 01:11:15,584