1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON Buchholtz-AU: Tot el dret de tots. 3 00:00:12,340 --> 00:00:13,520 Benvingut de nou a la secció. 4 00:00:13,520 --> 00:00:15,315 És la nostra penúltima secció. 5 00:00:15,315 --> 00:00:16,542 És molt trist. 6 00:00:16,542 --> 00:00:19,500 No sé el que faré sense veure que vostès tots els dilluns. 7 00:00:19,500 --> 00:00:20,970 Jo crec que hauríem de sol-- Potser podríem només 8 00:00:20,970 --> 00:00:22,710 complir aquí i tenir el sopar o alguna cosa així. 9 00:00:22,710 --> 00:00:23,270 No ho sé. 10 00:00:23,270 --> 00:00:24,370 Vaig a portar el menjar al seu lloc. 11 00:00:24,370 --> 00:00:26,290 Ens limitem a parlar. 12 00:00:26,290 --> 00:00:29,900 Però sí, la setmana que ho farà ser la nostra última secció. 13 00:00:29,900 --> 00:00:32,390 >> En aquest sentit, vostè té una prova la propera setmana. 14 00:00:32,390 --> 00:00:35,660 Sé que em vaig oblidar de fer el meu, com, dues setmanes d'anticipació la setmana passada, 15 00:00:35,660 --> 00:00:39,140 però espero que vostès sabia que això passaria. 16 00:00:39,140 --> 00:00:42,880 Esperem que aquest és un dels últims exàmens parcials per a vostès per al semestre. 17 00:00:42,880 --> 00:00:46,950 Però va a cobrir tota la material que hem repassat. 18 00:00:46,950 --> 00:00:50,811 Així que no és com vostè pot oblidar uns quatre bucles o variables. 19 00:00:50,811 --> 00:00:52,560 A causa de que vam aprendre aquells en el principi, 20 00:00:52,560 --> 00:00:55,870 aquests són, òbviament, joc just per al seu examen. 21 00:00:55,870 --> 00:01:00,150 >> Serà el mateix format, el mateix longitud, de manera que ja estan acostumats a això. 22 00:01:00,150 --> 00:01:02,330 No serà codificació per problemes a les mans, 23 00:01:02,330 --> 00:01:06,270 potser una mica de vertader o fals, potser una mica de resposta curta. 24 00:01:06,270 --> 00:01:08,090 Pel que ha de ser familiaritzar-se amb el format, 25 00:01:08,090 --> 00:01:10,940 especialment si pren les proves de la pràctica. 26 00:01:10,940 --> 00:01:13,950 Però com ja he dit aquí, és acumulatiu, però definitivament estem 27 00:01:13,950 --> 00:01:17,410 estarà centrat en coses de la sisena setmana en endavant. 28 00:01:17,410 --> 00:01:24,050 Per tant, estem probablement no va preguntar sobre quants bytes 29 00:01:24,050 --> 00:01:26,180 es troben en cada tipus o aquest tipus de coses, 30 00:01:26,180 --> 00:01:29,730 però probablement serem interessats en coses com llistes enllaçades, 31 00:01:29,730 --> 00:01:32,750 o diferents estructures de dades, o algoritmes diferents 32 00:01:32,750 --> 00:01:33,960 que ja hem parlat. 33 00:01:33,960 --> 00:01:38,990 Així que assegura't que estàs realment sobre ells, i si 34 00:01:38,990 --> 00:01:41,590 necessita cap recurs, aquí hi ha un munt de recursos. 35 00:01:41,590 --> 00:01:44,790 M'acabo de donar classe d'una llista ràpida allà. 36 00:01:44,790 --> 00:01:48,330 >> La setmana que serà qüestionari revisar durant aquest temps. 37 00:01:48,330 --> 00:01:52,290 Així que si vostè té alguna pregunta o temes específics, 38 00:01:52,290 --> 00:01:56,180 coses específiques sobre el qüestionari que vol anar, si us plau 39 00:01:56,180 --> 00:02:01,780 enviar a mi abans d'hora perquè pugui tipus de preparar algun material per això. 40 00:02:01,780 --> 00:02:06,310 I a més d'això secció de revisió, anem a 41 00:02:06,310 --> 00:02:09,616 També se sosté el curs de tota la revisem com ho vam fer l'última vegada. 42 00:02:09,616 --> 00:02:11,490 I serà fet per la mateixa gent. 43 00:02:11,490 --> 00:02:13,030 No sé si això fa que sigui millor o pitjor, 44 00:02:13,030 --> 00:02:15,670 però serà jo, Hannah, Davan, i Gabe nou. 45 00:02:15,670 --> 00:02:18,630 Així que si vols venir a veure tots nosaltres bromes entre si 46 00:02:18,630 --> 00:02:21,270 i caminar a través de concurs opinió, hauria 47 00:02:21,270 --> 00:02:22,600 arribat a que dilluns que ve també. 48 00:02:22,600 --> 00:02:26,210 Així que vas a tenir un embús dilluns ple d'opinió concurs, la qual cosa és bo 49 00:02:26,210 --> 00:02:29,840 perquè llavors vostè té dimarts per processar a través de tot. 50 00:02:29,840 --> 00:02:32,230 >> Però sens dubte fer comprovar aquests recursos. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net és, amb molt, em pensar, un dels més útils, 52 00:02:36,030 --> 00:02:37,990 sobretot perquè té una gran quantitat de codi d'exemple, 53 00:02:37,990 --> 00:02:40,490 té tots els Power Points amb totes les notes sobre ell, 54 00:02:40,490 --> 00:02:44,510 que són realment el que més em baso dels meus materials de la secció de. 55 00:02:44,510 --> 00:02:47,480 Si hi ha alguna cosa en l'anterior seccions que jo pugui haver enviats 56 00:02:47,480 --> 00:02:49,920 que potser no tingui aconseguit, només fes-m'ho saber. 57 00:02:49,920 --> 00:02:52,520 Com a exemple de codi de la setmana passada, si algú no va aconseguir que, 58 00:02:52,520 --> 00:02:55,930 m'acaba d'enviar per correu electrònic o venir a parlar amb mi, i m'asseguraré que vostè rep que. 59 00:02:55,930 --> 00:03:02,000 >> Així que amb això, avui anem estar parlant de JavaScript. 60 00:03:02,000 --> 00:03:04,690 Així que aquí estem Tommy, qui era jo només parlar amb vostè ahir a la nit. 61 00:03:04,690 --> 00:03:06,670 Estimo Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript és el seu favorit llenguatge, com ell diu aquí. 63 00:03:09,040 --> 00:03:14,050 Van a tractar i et diuen que és no és el millor, i van a estar equivocat. 64 00:03:14,050 --> 00:03:16,510 Així que Tommy és un mestre JavaScript. 65 00:03:16,510 --> 00:03:19,850 No estic molt al seu nivell, però jo estava com, 66 00:03:19,850 --> 00:03:22,900 "Tommy, com puc ensenyar aquests nens de JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Així que em va donar alguns consells, per la qual espero que funcionen. 68 00:03:26,700 --> 00:03:31,140 >> Així que un parell de coses que ha de saber és que JavaScript és un script del costat del client 69 00:03:31,140 --> 00:03:35,560 idioma, per la qual cosa PHP és una cosa que considerem més del costat del servidor, 70 00:03:35,560 --> 00:03:39,280 es carregar al servidor, compilat i executat allà. 71 00:03:39,280 --> 00:03:42,871 Aquest s'executa en la seva pròpia màquina. 72 00:03:42,871 --> 00:03:43,370 D'acord? 73 00:03:43,370 --> 00:03:46,960 Així que vostè càrrega alguna pàgina JavaScript i s'executa al sistema. 74 00:03:46,960 --> 00:03:49,910 La sintaxi és molt similar a C i PHP. 75 00:03:49,910 --> 00:03:52,490 Anem a anar a través de alguns exemples de JavaScript, 76 00:03:52,490 --> 00:03:56,740 i vas a veure que el forma en què parlem sobre les variables, bucles, 77 00:03:56,740 --> 00:03:58,910 i les condicions són molt similars. 78 00:03:58,910 --> 00:04:00,500 D'acord? 79 00:04:00,500 --> 00:04:04,490 El fet que són tan similars és probablement va a disparar alguns de vostès 80 00:04:04,490 --> 00:04:08,529 fins, en alguns casos, només perquè podràs incorporar una mica de C 81 00:04:08,529 --> 00:04:09,570 on no hauria d'estar. 82 00:04:09,570 --> 00:04:14,130 Potser vostè tracta d'escriure alguna cosa quan no hauria de ser escrit. 83 00:04:14,130 --> 00:04:16,540 >> I en això, una cosa és saber és que JavaScript 84 00:04:16,540 --> 00:04:19,360 és un tipus dinàmic llenguatge, com PHP. 85 00:04:19,360 --> 00:04:21,410 Així que si vostès recordin de secció de la setmana passada, 86 00:04:21,410 --> 00:04:23,680 quan érem classe de fer nostre curs accelerat PHP, 87 00:04:23,680 --> 00:04:28,860 vam veure com una cadena d'un podria ser convertit en un int un, i així successivament. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 El tipus de variables es determinen en temps d'execució, 90 00:04:34,850 --> 00:04:38,180 pel que poden canviar amb el el curs del programa, 91 00:04:38,180 --> 00:04:43,109 i de la mateixa manera que mai realment declarar tipus de variables de PHP, 92 00:04:43,109 --> 00:04:45,900 estarem fent el mateix cosa aquí, on no estem realment 93 00:04:45,900 --> 00:04:49,740 el control dels tipus de les nostres variables, per així dir-ho, com ho fem en C. 94 00:04:49,740 --> 00:04:52,200 >> I després una cosa que és bastant cool és 95 00:04:52,200 --> 00:04:54,090 que pot error comprovar a través de la consola, 96 00:04:54,090 --> 00:04:57,240 amb aquesta gran funció console.log, que 97 00:04:57,240 --> 00:05:00,930 permet imprimir diferent variables o els objectes que anem a 98 00:05:00,930 --> 00:05:01,750 parlar. 99 00:05:01,750 --> 00:05:05,720 Igual que la setmana passada quan estava com, "utilitzar aquesta funció," amb abocador 100 00:05:05,720 --> 00:05:10,490 del seu conjunt de processadors aquesta és una funció que voleu utilitzar, console.log. 101 00:05:10,490 --> 00:05:12,860 Em va sorprendre la quantitat de estudiants en horari d'oficina 102 00:05:12,860 --> 00:05:14,530 no sabia sobre la funció de bolcat. 103 00:05:14,530 --> 00:05:19,010 I jo estava com, "nois, aquesta voluntat fer la seva vida molt més fàcil ". 104 00:05:19,010 --> 00:05:22,960 >> Molt bé, així que era una mena de només una cosa breu, com sempre, 105 00:05:22,960 --> 00:05:24,000 tenim exemples. 106 00:05:24,000 --> 00:05:25,600 Sé que vostès estimen els. 107 00:05:25,600 --> 00:05:30,930 Així que aquí està un exemple d'una molt presentar aquí senzilla JavaScript. 108 00:05:30,930 --> 00:05:34,000 Així que només crearà aquest pop-up que diu: 109 00:05:34,000 --> 00:05:36,336 "Hola món", quan entrar a la pàgina, però anem 110 00:05:36,336 --> 00:05:37,960 tractar de caminar a través d'això una mica. 111 00:05:37,960 --> 00:05:43,440 Així que, òbviament això és només com el seu index.html normal. 112 00:05:43,440 --> 00:05:50,280 Així, només la nostra plantilla normal d'aquí, i tenim HTML, tenim el nostre cap, 113 00:05:50,280 --> 00:05:55,580 i igual que amb CSS, com inclòs algun arxiu fora, oi? 114 00:05:55,580 --> 00:05:59,260 Tenim alguns script type text que està JavaScript. 115 00:05:59,260 --> 00:06:02,680 I la font és hello.js, que és aquí baix. 116 00:06:02,680 --> 00:06:05,630 Aquest és l'arxiu complet de hello.js. 117 00:06:05,630 --> 00:06:09,080 I després tenim alguns títol i una mica d'HTML cos 118 00:06:09,080 --> 00:06:11,050 que en realitat no importa. 119 00:06:11,050 --> 00:06:15,970 >> El que passa és que quan carreguem aquesta pàgina, s'executa automàticament aquest script. 120 00:06:15,970 --> 00:06:16,470 D'acord? 121 00:06:16,470 --> 00:06:18,790 Així JavaScript serà executar automàticament. 122 00:06:18,790 --> 00:06:22,860 Llavors, què va a fer, va anar immediatament i executar això. 123 00:06:22,860 --> 00:06:24,110 I es dirà, "alerta. 124 00:06:24,110 --> 00:06:25,190 Hola Món. " 125 00:06:25,190 --> 00:06:30,840 Quina és la funció d'alerta que en realitat genera aquesta casella. 126 00:06:30,840 --> 00:06:31,540 D'acord? 127 00:06:31,540 --> 00:06:33,390 Així que és una cosa de tots els abasten. 128 00:06:33,390 --> 00:06:36,700 No hi ha res extra que teníem fer, a més de només alerta, 129 00:06:36,700 --> 00:06:40,000 i després el que voldríem dins del nostre quadre d'alerta. 130 00:06:40,000 --> 00:06:40,500 D'acord? 131 00:06:40,500 --> 00:06:45,080 Així que això és només una super simple exemple del que el JavaScript. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Un dels molt cool coses, com veurem, 134 00:06:50,070 --> 00:06:55,150 és que et permet JavaScript per manipular a les seves pàgines web, 135 00:06:55,150 --> 00:06:57,720 sense haver de ells recarregar cada vegada. 136 00:06:57,720 --> 00:07:01,830 Així que si vostè want-- per exemple, si que planen sobre alguna cosa, 137 00:07:01,830 --> 00:07:04,300 si vostès alguna vegada han vist com barres de menú, 138 00:07:04,300 --> 00:07:07,360 o quan es passa sobre alguns tema, apareixerà un menú desplegable, 139 00:07:07,360 --> 00:07:08,670 això és perquè de JavaScript. 140 00:07:08,670 --> 00:07:09,170 D'acord? 141 00:07:09,170 --> 00:07:12,670 Així que vostè no està recarregant la totalitat La pàgina d'aconseguir aquest menú aparegui, 142 00:07:12,670 --> 00:07:17,240 només estàs buscant alguna específica acció que l'usuari ha pres, 143 00:07:17,240 --> 00:07:21,800 que es diuen esdeveniments que anem a arribar en, i una vegada que vegi que vostè diu, 144 00:07:21,800 --> 00:07:25,960 "OK, editar alguna cosa en aquesta pàgina i fer que es vegi diferent, 145 00:07:25,960 --> 00:07:28,270 però només modifica aquestes coses específiques. 146 00:07:28,270 --> 00:07:29,690 No torneu a carregar tot l'assumpte ". 147 00:07:29,690 --> 00:07:33,110 Així que en realitat és molt més agradable, i vostè no ha de tornar a carregar les pàgines, 148 00:07:33,110 --> 00:07:34,510 i és realment genial. 149 00:07:34,510 --> 00:07:38,270 >> Declaracions tan variable, perquè pugui espècie de veure, 150 00:07:38,270 --> 00:07:40,530 Em vaig posar a la part superior aquí, vagament escriu. 151 00:07:40,530 --> 00:07:42,570 Així que això és molt semblant a PHP. 152 00:07:42,570 --> 00:07:48,770 Nosaltres no necessitem dir-li JavaScript quin tipus estem 153 00:07:48,770 --> 00:07:50,740 esperant cadascuna d'aquestes variables sigui. 154 00:07:50,740 --> 00:07:52,560 Poden ser qualsevol tipus que volem. 155 00:07:52,560 --> 00:07:57,480 Així s'observa en aquest cas, declarem ells de manera molt senzilla, només amb "var" 156 00:07:57,480 --> 00:08:00,990 i després el que vulguem el nostre nom de la variable que sigui. 157 00:08:00,990 --> 00:08:05,680 Una cosa a tenir en compte és que quan es posar var davant d'un nom de variable, 158 00:08:05,680 --> 00:08:07,520 localment abast ella. 159 00:08:07,520 --> 00:08:09,320 D'acord? 160 00:08:09,320 --> 00:08:14,025 És totalment raonable per a vostè tot sol esborrar la var 161 00:08:14,025 --> 00:08:18,970 i acabo de s és igual CS50, i això seria una variable global. 162 00:08:18,970 --> 00:08:19,580 D'acord? 163 00:08:19,580 --> 00:08:22,490 Així que vostè pot inicialitzar les dues coses, només depèn de com ho vols. 164 00:08:22,490 --> 00:08:24,448 Així que si estàs inicialitzar dins d'una funció, 165 00:08:24,448 --> 00:08:28,070 i desitja que la variable de quedar-se amb àmbit dins d'aquesta funció, 166 00:08:28,070 --> 00:08:31,620 vostè va a voler fer una mena var nomenar una variable, 167 00:08:31,620 --> 00:08:34,270 davant si ho vols un àmbit global, que 168 00:08:34,270 --> 00:08:36,240 pot simplement fer el nom de la variable i després 169 00:08:36,240 --> 00:08:38,270 el que vol és igual a. 170 00:08:38,270 --> 00:08:40,230 D'acord? 171 00:08:40,230 --> 00:08:45,580 >> Aquesta és una mena de cosa fresca aquí baix, perquè si ens adonem de la nostra variable 172 00:08:45,580 --> 00:08:47,590 b comença com a cert. 173 00:08:47,590 --> 00:08:51,280 I el que això pot does-- algú dir-me el que això fa? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Així que tenim una mica d'alerta. 176 00:08:55,890 --> 00:09:00,156 Quin tipus de b estar al principi? 177 00:09:00,156 --> 00:09:00,905 AUDIÈNCIA: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON Buchholtz-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Dreta. 180 00:09:01,940 --> 00:09:07,260 I després reassignar b a aquesta cadena, oi? 181 00:09:07,260 --> 00:09:11,170 Així que aquí, quin tipus de aib? 182 00:09:11,170 --> 00:09:12,480 Seria una cadena, oi? 183 00:09:12,480 --> 00:09:14,900 Quin és tan important avís és que en c, que 184 00:09:14,900 --> 00:09:17,330 Mai podria fer gairebé una cosa així. 185 00:09:17,330 --> 00:09:22,000 Hauríem de tenir una variable, projectar com una cosa més, 186 00:09:22,000 --> 00:09:27,185 potser fer alguna funció amb dos I, vaig d'un càrrec a un nombre sencer. 187 00:09:27,185 --> 00:09:31,063 Però si ens adonem que aquí, b molt fàcilment canvis de tipus. 188 00:09:31,063 --> 00:09:33,760 >> AUDIÈNCIA: Esperar, el que només pot ser com, "fer b un enter?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON Buchholtz-AU: Sí. 190 00:09:34,360 --> 00:09:36,185 Vostè només pot reassignar ba un enter. 191 00:09:36,185 --> 00:09:36,910 >> AUDIÈNCIA: De debò? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON Buchholtz-AU: Sí. 193 00:09:38,035 --> 00:09:39,810 I llavors seria un int. 194 00:09:39,810 --> 00:09:43,820 Així que les seves variables poden canviar al llarg el curs del programa també. 195 00:09:43,820 --> 00:09:46,410 No són estrictament mecanografiades. 196 00:09:46,410 --> 00:09:49,180 Està molt lliurement mecanografiada. 197 00:09:49,180 --> 00:09:50,820 D'acord? 198 00:09:50,820 --> 00:09:54,820 Bàsicament les variables poden fer el que volen, com quin tipus de vam veure amb PHP. 199 00:09:54,820 --> 00:09:59,430 Ells poden fer algunes coses boges, per la qual és important ser molt acurat. 200 00:09:59,430 --> 00:10:01,200 Nom seves variables bé. 201 00:10:01,200 --> 00:10:03,450 Si no, ho fa de sobte que serà així, 202 00:10:03,450 --> 00:10:05,783 "Espera, vaig pensar que això era un cadena, i ara és un int, 203 00:10:05,783 --> 00:10:08,170 i jo no estic molt segur el que està passant aquí ". 204 00:10:08,170 --> 00:10:12,410 Així que això és només un exemple simple de mostrant com una variable pot fàcilment 205 00:10:12,410 --> 00:10:15,890 canviar el seu tipus més el curs d'un programa. 206 00:10:15,890 --> 00:10:16,870 >> D'acord. 207 00:10:16,870 --> 00:10:19,200 Així que això s'ha de veure súper, súper familiar. 208 00:10:19,200 --> 00:10:21,510 Així que aquests són els nostres llaços en JavaScript. 209 00:10:21,510 --> 00:10:27,780 Són exactament els mateixos, excepte per en lloc de quatre int i és igual a zero, 210 00:10:27,780 --> 00:10:30,470 poguéssim dir var i és igual a zero. 211 00:10:30,470 --> 00:10:34,100 I llavors podríem tenir la nostra mateixa espècie l'estat, mateix tipus d'actualització, 212 00:10:34,100 --> 00:10:36,090 i més plus funciona bé. 213 00:10:36,090 --> 00:10:39,800 Així quatre potes són els mateixos, estones són els mateixos, 214 00:10:39,800 --> 00:10:41,440 i fer mentrestant que són exactament els mateixos. 215 00:10:41,440 --> 00:10:44,070 Mateix tipus de format general. 216 00:10:44,070 --> 00:10:48,840 Notem, quatre, entre parèntesis, suports, tot és el mateix. 217 00:10:48,840 --> 00:10:51,470 També hi haurà un punt i coma quan arribem a l'exemple de codi. 218 00:10:51,470 --> 00:10:55,250 Ja veuràs que és bastant el mateix que c. 219 00:10:55,250 --> 00:10:59,770 >> Per declaracions de funcions, de nou, molt similar. 220 00:10:59,770 --> 00:11:05,100 Tenim alguna funció que només diu que és una funció, i després 221 00:11:05,100 --> 00:11:07,660 el nom del nostre funció, i les entrades. 222 00:11:07,660 --> 00:11:11,590 I de nou si ens adonem, ens tenir cap tipus aquí en absolut. 223 00:11:11,590 --> 00:11:12,090 Dret? 224 00:11:12,090 --> 00:11:18,150 No tenim res dient que aquests han de ser sencers o dobles, o flotadors. 225 00:11:18,150 --> 00:11:19,530 Podrien ser el que vulguin. 226 00:11:19,530 --> 00:11:23,560 L'important és adonar-se que hem d'escriure la funció per endavant 227 00:11:23,560 --> 00:11:26,430 deixar que JavaScript sap que això és en realitat una funció. 228 00:11:26,430 --> 00:11:29,820 >> Així que això és només una simple suma funció que retorna XOY, 229 00:11:29,820 --> 00:11:33,800 i després el que és també fresc és que en realitat es pot 230 00:11:33,800 --> 00:11:35,950 assignar una funció a una variable. 231 00:11:35,950 --> 00:11:41,770 Així que en aquest cas, la suma és ara la funció que realment fa suma. 232 00:11:41,770 --> 00:11:47,740 Així que si vostè nota aquí, tenim funció, el nom de la funció, les entrades. 233 00:11:47,740 --> 00:11:48,860 Dret? 234 00:11:48,860 --> 00:11:52,120 Aquí només tenim la funció i les entrades. 235 00:11:52,120 --> 00:11:54,310 Això es diu una funció anònima. 236 00:11:54,310 --> 00:11:59,265 I això és una cosa que ha de ser nou a la majoria de vostès, si no tots vostès. 237 00:11:59,265 --> 00:12:01,140 Així que bàsicament el que això significa és que no ho fem 238 00:12:01,140 --> 00:12:03,050 necessitar nom del nostre funció en aquest cas. 239 00:12:03,050 --> 00:12:06,260 Només podem dir: "Està bé, vaig a tenir aquesta funció que s'executa, aquí 240 00:12:06,260 --> 00:12:08,550 són les seves entrades, i aquí està el que va a fer. " 241 00:12:08,550 --> 00:12:12,540 I sobretot quan s'està assignant una funció d'alguna variable 242 00:12:12,540 --> 00:12:14,950 que vas a manipular, No necessàriament 243 00:12:14,950 --> 00:12:17,116 necessita nomenar perquè vas a estar referint 244 00:12:17,116 --> 00:12:20,990 a ella per aquesta variable nom, no per qualsevol 245 00:12:20,990 --> 00:12:22,840 la funció es diu en realitat. 246 00:12:22,840 --> 00:12:23,550 D'acord? 247 00:12:23,550 --> 00:12:27,810 >> Així que si veiem aquí, tenir alguna variable suma ara 248 00:12:27,810 --> 00:12:30,920 que és igual a la suma de tres i cinc. 249 00:12:30,920 --> 00:12:33,070 I que anava a aconseguir això. 250 00:12:33,070 --> 00:12:36,750 I això només tindria alguna alerta, 3 més 5 és igual a la quantitat. 251 00:12:36,750 --> 00:12:43,950 Aquest plus serà simplement concatenar qualsevol que sigui la nostra resposta va ser a la cadena. 252 00:12:43,950 --> 00:12:47,420 També fresc, més pot concatenar cadenes. 253 00:12:47,420 --> 00:12:53,510 >> Per JavaScript, com amb PHP, HTML, CSS i com hem dit, 254 00:12:53,510 --> 00:12:56,450 molts d'ells estem com prendre les rodes d'entrenament fora d'aquí 255 00:12:56,450 --> 00:13:02,030 i vostès tenen una gran quantitat dels coneixements com entendre realment aquestes coses. 256 00:13:02,030 --> 00:13:04,280 Són una mica diferent, però no són tan aliè 257 00:13:04,280 --> 00:13:09,460 i que no pot buscar a Google coses o mirar cap amunt en línia amb les escoles w3. 258 00:13:09,460 --> 00:13:12,755 I realment estem esperant que nois a, una mena d'experiment 259 00:13:12,755 --> 00:13:14,400 i aprendre pel seu compte. 260 00:13:14,400 --> 00:13:19,490 Així que, sé que això pot semblar una mica menys complet que algunes de les coses c 261 00:13:19,490 --> 00:13:21,936 que fem, però això és en realitat per una raó. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Però espero que no sigui massa diferent, i no és aclaparadora. 264 00:13:28,470 --> 00:13:31,940 >> Així arrays en JavaScript de nou molt, molt similars. 265 00:13:31,940 --> 00:13:32,460 Dret? 266 00:13:32,460 --> 00:13:36,520 Tenim certa matriu de variables això és igual a claudàtors buits, 267 00:13:36,520 --> 00:13:40,340 i això és només un conjunt buit. 268 00:13:40,340 --> 00:13:43,420 Això és sovint anomenat notació literal de matriu. 269 00:13:43,420 --> 00:13:45,280 Això és només una cosa en diem. 270 00:13:45,280 --> 00:13:51,380 Si veiem la matriu de dues aquí, tenim alguns literal de matriu que té tres elements, 271 00:13:51,380 --> 00:13:51,910 Oi? 272 00:13:51,910 --> 00:13:54,640 I després tenim alguns var tercer element que és 273 00:13:54,640 --> 00:13:58,060 alguna variable que només celebrarà aquesta cadena, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Els elements, bons a notar, estan separats per comes, 276 00:14:06,170 --> 00:14:07,740 com és d'esperar. 277 00:14:07,740 --> 00:14:14,630 I també es pot accedir a aquests, com ho vam fer en C, amb aquesta notació índex, oi? 278 00:14:14,630 --> 00:14:16,950 Tan diferent de PHP Ara, anem a tornar 279 00:14:16,950 --> 00:14:20,180 a només tipus de referència a les coses per índex. 280 00:14:20,180 --> 00:14:22,189 Igual que C, és també l'índex zero. 281 00:14:22,189 --> 00:14:25,230 Em sento com que seria molt cruel si de sobte van fer JavaScript 1 282 00:14:25,230 --> 00:14:30,630 índex, i que havia de completament repensar la manera de pensar sobre les matrius. 283 00:14:30,630 --> 00:14:36,140 >> Una cosa interessant és que, en lloc d'haver de fer-- si mai 284 00:14:36,140 --> 00:14:39,240 volia que la longitud d'una matriu, potser vostè iterar a través d'ell 285 00:14:39,240 --> 00:14:43,430 fins que trobi un fi, o vostè acaba de saber el que és. 286 00:14:43,430 --> 00:14:49,310 Com que JavaScript està molt fluixa en més maneres que només tipus, com veiem aquí, 287 00:14:49,310 --> 00:14:53,310 només podem fer que aquesta matriu més gran perquè decidim. 288 00:14:53,310 --> 00:14:56,177 Si notem matriu 3 té tres coses per començar, 289 00:14:56,177 --> 00:14:58,510 però després, de sobte, estem com, "oh, és broma. 290 00:14:58,510 --> 00:15:01,370 De fet, estem passant perquè sigui 101 coses. " 291 00:15:01,370 --> 00:15:05,300 Així que si mai vols saber la longitud real de la matriu, 292 00:15:05,300 --> 00:15:06,680 vostè ho fa així. 293 00:15:06,680 --> 00:15:10,470 I anem a veure molt d'aquesta notació en els exemples, 294 00:15:10,470 --> 00:15:12,730 però amb JavaScript que és típicament el 295 00:15:12,730 --> 00:15:16,410 objecte que estàs parlant dot qualsevol tipus de funció 296 00:15:16,410 --> 00:15:17,740 vol que s'apliqui a aquesta. 297 00:15:17,740 --> 00:15:18,240 D'acord? 298 00:15:18,240 --> 00:15:20,520 >> Així que en aquest cas, el nostre objecte és la matriu de dues, 299 00:15:20,520 --> 00:15:23,470 i diem que volem que el longitud de matriu de dues. 300 00:15:23,470 --> 00:15:25,716 Així que això només diu, com la longitud d'això. 301 00:15:25,716 --> 00:15:27,090 I això va a tornar la seva longitud. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 També alguna cosa a tenir en compte és que si ens adonem dels nostres arrays, 304 00:15:36,790 --> 00:15:39,830 a diferència de C, que no tenen a ser tots del mateix tipus. 305 00:15:39,830 --> 00:15:41,670 Això és molt més semblant a PHP. 306 00:15:41,670 --> 00:15:45,905 Javascript és bàsicament la mateixa que aquesta interessant barreja de la C i PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Així que entrarem en això. 309 00:15:52,170 --> 00:15:56,750 Per ara, anem a assumir que les matrius són bàsicament 310 00:15:56,750 --> 00:16:00,640 com arrays de C, en què que s'indexen zero. 311 00:16:00,640 --> 00:16:04,120 OK, així que això és tot. 312 00:16:04,120 --> 00:16:08,850 També es pot simplement estendre 01:00 matriu a qualsevol índex que desitja. 313 00:16:08,850 --> 00:16:14,260 Mentre que això probablement SEG en fallada amb vostè o li donarà un cert error, 314 00:16:14,260 --> 00:16:15,970 Javascript és com, "nah, està bé. 315 00:16:15,970 --> 00:16:16,620 Jo m'encarrego. 316 00:16:16,620 --> 00:16:19,460 Anirem directament on desitja ". 317 00:16:19,460 --> 00:16:24,310 >> OK, així que els objectes són molt importants. 318 00:16:24,310 --> 00:16:29,720 Vostès va a utilitzar una gran quantitat d'aquests en el seu conjunt P, si no recordo malament. 319 00:16:29,720 --> 00:16:34,780 Així que el que aquests són similar a la de C són estructures. 320 00:16:34,780 --> 00:16:39,290 Així que vostè pot pensar quan sobre-- anem a un exemple correcte 321 00:16:39,290 --> 00:16:41,810 després d'això crec que va a fer molt més sentit-- 322 00:16:41,810 --> 00:16:45,830 però bàsicament utilitzem objectes a sindicació d'informació dels cursos relacionats. 323 00:16:45,830 --> 00:16:47,780 Quan parlem sobre estructures en C, sovint 324 00:16:47,780 --> 00:16:53,405 parlar d'un estudiant que tenia algun nom, Identificació, casa, ja saps, la concentració. 325 00:16:53,405 --> 00:16:56,030 I això és una cosa del mateix que utilitzem objectes per aquí. 326 00:16:56,030 --> 00:16:59,300 És només per organitzar informació similar. 327 00:16:59,300 --> 00:17:03,620 >> També es pot pensar en ells com més similar a les matrius associatives en PHP. 328 00:17:03,620 --> 00:17:10,010 Així que aquesta seria una espècie de la cosa on tenim alguna clau amb algun valor, 329 00:17:10,010 --> 00:17:12,859 molt similar a PHP. 330 00:17:12,859 --> 00:17:15,780 Així que vostè pot inicialitzar alguns objecte buit, com veiem aquí, 331 00:17:15,780 --> 00:17:17,390 només amb claus. 332 00:17:17,390 --> 00:17:19,160 Arrays també ho són entre claudàtors. 333 00:17:19,160 --> 00:17:21,220 Objectes buits són claus. 334 00:17:21,220 --> 00:17:24,020 Bé distinció a tenir. 335 00:17:24,020 --> 00:17:27,319 I aquests són només dos diferents maneres de definir les propietats. 336 00:17:27,319 --> 00:17:31,460 Així que això és una mena de molt més d'una manera que 337 00:17:31,460 --> 00:17:35,220 és similar a PHP, amb el nostre matrius associatives, amb la clau, 338 00:17:35,220 --> 00:17:39,910 i el nostre valor, mentre que aquesta és-- podràs 339 00:17:39,910 --> 00:17:41,920 veure això molt més en JavaScript. 340 00:17:41,920 --> 00:17:43,550 Això tendeix a ser la convenció. 341 00:17:43,550 --> 00:17:47,660 I de la mateixa manera que ho vam fer matriu de dues longitud de punt, això és a dir, 342 00:17:47,660 --> 00:17:51,580 "OK, dóna'm això atribut d'aquest objecte ". 343 00:17:51,580 --> 00:17:52,110 Dret? 344 00:17:52,110 --> 00:17:55,660 Així que de la mateixa manera que era com, "dóna'm la longitud de l'atribut de matriu de dues " 345 00:17:55,660 --> 00:17:59,970 això està dient: "dóna'm una mica propietat del nostre objecte buit ". 346 00:17:59,970 --> 00:18:02,890 O en aquest cas, estem assignant-li qualsevol valor aquí. 347 00:18:02,890 --> 00:18:06,200 Però també es pot accedir d'aquesta manera. 348 00:18:06,200 --> 00:18:09,090 >> I llavors aquí això és només que mostra dues alertes diferents. 349 00:18:09,090 --> 00:18:12,320 Així que això mostraria les alertes seria exactament el mateix, 350 00:18:12,320 --> 00:18:17,150 és només dues formes diferents de accedir a l'element que volem. 351 00:18:17,150 --> 00:18:19,552 Té això sentit per a tothom? 352 00:18:19,552 --> 00:18:21,510 Em sento com aquest probablement té més sentit, 353 00:18:21,510 --> 00:18:23,270 només perquè estem sortint de PHP. 354 00:18:23,270 --> 00:18:26,400 Però a mesura que fem més exemples, aquest és, literalment, exactament de la mateixa. 355 00:18:26,400 --> 00:18:28,170 Molt d'això s'acaba de canviar en la sintaxi. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, així exemples. 358 00:18:33,030 --> 00:18:34,180 M'encanta exemples. 359 00:18:34,180 --> 00:18:40,070 Així que aquí hi ha una certa CS50 variable que és un objecte, 360 00:18:40,070 --> 00:18:42,160 i emmagatzemem tot això informació sobre el mateix. 361 00:18:42,160 --> 00:18:46,680 Així que tenim per descomptat, instructor, TFS, conjunts de processadors, i gravades. 362 00:18:46,680 --> 00:18:51,840 Llavors ens adonem que són gairebé tots de diferents tipus. 363 00:18:51,840 --> 00:18:52,340 Dret? 364 00:18:52,340 --> 00:18:56,230 Així, els objectes poden emmagatzemar atributs de diferents tipus. 365 00:18:56,230 --> 00:19:01,220 Podem pensar en això- és molt similar a la nostra matriu associativa en PHP. 366 00:19:01,220 --> 00:19:07,470 Així clau, valor, clau, valor, clau, valor, així successivament i així successivament. 367 00:19:07,470 --> 00:19:11,230 El que també és interessant de la mateixa manera que podem tenir dins d'arrays matrius, 368 00:19:11,230 --> 00:19:14,690 també podem tenir objectes dins objectes o arrays dels objectes. 369 00:19:14,690 --> 00:19:18,410 Vostè està en realitat mai limitat a només una sola de les coses. 370 00:19:18,410 --> 00:19:24,220 Podem arribar molt Inceptionesque, just seguir per la cau del conill allà. 371 00:19:24,220 --> 00:19:26,080 >> Així que si ens adonem, ens tenir algun cas que 372 00:19:26,080 --> 00:19:31,120 és una cadena, l'instructor que és una cadena, i la matriu, un int i un booleà. 373 00:19:31,120 --> 00:19:36,110 Així que totes aquestes coses diferents. 374 00:19:36,110 --> 00:19:39,600 >> Molt bé, així que, tenim un altre. 375 00:19:39,600 --> 00:19:42,930 Així que en aquest cas, tenim una matriu d'objectes. 376 00:19:42,930 --> 00:19:45,320 Així que igual que un objecte pot tenir una matriu en ella. 377 00:19:45,320 --> 00:19:47,210 També podem tenir una matriu d'objectes. 378 00:19:47,210 --> 00:19:51,250 Això pot ser útil per pensar semblant a l'espècie 379 00:19:51,250 --> 00:19:54,260 de la forma en què teníem un hash taula, vam tenir una matriu 380 00:19:54,260 --> 00:19:56,220 de tots aquests diferents tipus d'estructures que 381 00:19:56,220 --> 00:19:59,070 eren punters a diferents nodes i altres coses. 382 00:19:59,070 --> 00:20:01,420 Però en aquest cas, tenir una matriu d'objectes. 383 00:20:01,420 --> 00:20:04,890 Així que això és com un array arrays de associatius. 384 00:20:04,890 --> 00:20:09,430 Així que tenir una mica de primer element ser l'objecte amb el nom de James 385 00:20:09,430 --> 00:20:11,340 i albergar Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Vostès podran recordar una cosa molt similar a aquest 387 00:20:14,780 --> 00:20:21,710 amb el seu últim conjunt de processadors, on si treure alguna cosa de la base de dades, 388 00:20:21,710 --> 00:20:24,480 el primer tipus de cosa en el seu conjunt era 389 00:20:24,480 --> 00:20:27,110 tota la informació sobre el primer usuari que va conèixer a ella, 390 00:20:27,110 --> 00:20:30,765 i després calia índex en què per aconseguir la seva acció o la seva memòria cau 391 00:20:30,765 --> 00:20:32,110 o el que sigui. 392 00:20:32,110 --> 00:20:34,620 Així que això és molt similar cosa, només una mica de canvi 393 00:20:34,620 --> 00:20:39,570 en la sintaxi, el canvi poc a les paraules que fem servir per descriure-les. 394 00:20:39,570 --> 00:20:45,960 >> Així que si volíem, algú pot dir m'ho aquesta alerta agradaria fer aquí? 395 00:20:45,960 --> 00:20:48,780 O el que aquest trosset de codi faria per nosaltres? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 AUDIÈNCIA: Et donarà tots els noms. 398 00:20:52,616 --> 00:20:54,900 ALLISON Buchholtz-AU: Dret, per la qual cosa seria simplement alertar amb tots els noms 399 00:20:54,900 --> 00:20:57,960 perquè seria anar a través de casa i, pel que començaria a zero. 400 00:20:57,960 --> 00:21:01,330 Així que em deia: Acceptar que estem buscant en aquest primer objecte, el qual 401 00:21:01,330 --> 00:21:03,210 és el primer espai en la nostra matriu. 402 00:21:03,210 --> 00:21:06,900 I diu: "dóna'm la atribut, el nom d'aquest objecte ". 403 00:21:06,900 --> 00:21:09,030 Així que anem allà, ens exploració, ens agradaria trobar el nom, 404 00:21:09,030 --> 00:21:11,340 i ens agradaria imprimim James, Molly i Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Qualsevol pregunta fins ara? 407 00:21:15,799 --> 00:21:17,590 JavaScript desgràcia vostè serà 408 00:21:17,590 --> 00:21:20,950 fent un munt de mirar cap amunt en el seu pròpia, esbrinar la sintaxi, 409 00:21:20,950 --> 00:21:21,910 bregant amb ell. 410 00:21:21,910 --> 00:21:25,870 Però per descomptat que estic sempre aquí, horari d'atenció és sempre aquí. 411 00:21:25,870 --> 00:21:28,260 Jo podria ser el dimarts d'aquesta setmana. 412 00:21:28,260 --> 00:21:31,050 Així que si vostè està allà, vostè pot venir a visitar aquesta setmana. 413 00:21:31,050 --> 00:21:32,470 Seria genial. 414 00:21:32,470 --> 00:21:36,260 >> OK, així DOM és el Model de document-Object. 415 00:21:36,260 --> 00:21:38,900 Així que això és només una forma que ens agrada pensar 416 00:21:38,900 --> 00:21:45,720 sobre com el nostre HTML i tot en el seu interior s'organitza. 417 00:21:45,720 --> 00:21:49,930 Això és molt una cosa que probablement plantejaran en el seu concurs. 418 00:21:49,930 --> 00:21:58,150 Sé que el meu any, era com aquí està Arxiu HTML, seguiu els passos de la DOM per a això. 419 00:21:58,150 --> 00:21:59,770 I que acaba d'omplir en les coses petites. 420 00:21:59,770 --> 00:22:01,500 Aquests han de ser punts fàcils amb sort. 421 00:22:01,500 --> 00:22:03,450 Esperem que vostè veure-- 422 00:22:03,450 --> 00:22:04,590 >> AUDIÈNCIA: [inaudible] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON Buchholtz-AU: Així vegi aquest arbre aquí? 424 00:22:06,660 --> 00:22:07,200 >> AUDIÈNCIA: Sí. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON Buchholtz-AU: Així li preguntaran ús 426 00:22:08,949 --> 00:22:11,750 per omplir el que es coneix amb el cos. 427 00:22:11,750 --> 00:22:15,770 Potser per sota del cos, tenim alguns divs o que tenen alguns paràgrafs, 428 00:22:15,770 --> 00:22:19,160 i li demanem que completi un arbre molt semblant a això. 429 00:22:19,160 --> 00:22:21,440 Així que estarem caminant a través d'ella. 430 00:22:21,440 --> 00:22:26,120 Així el Document-Object Model és només una forma 431 00:22:26,120 --> 00:22:31,240 estructurar i pensar sobre el nostre HTML gràficament. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 I també quan arribem en més JavaScript 434 00:22:35,840 --> 00:22:37,640 que serà el de manera que en realitat 435 00:22:37,640 --> 00:22:39,990 manipular diferent elements de la pàgina. 436 00:22:39,990 --> 00:22:43,980 Necessitem una manera d'accedir a cada de les coses en el nostre HTML, 437 00:22:43,980 --> 00:22:48,050 i pel que aquesta ens dóna una molt forma estandarditzada de formigó 438 00:22:48,050 --> 00:22:51,010 a través de diverses pàgines web per fer això. 439 00:22:51,010 --> 00:22:53,440 >> Així que si només caminem per això aquí, és clar 440 00:22:53,440 --> 00:22:56,790 nostre document és com tot el nostre arxiu. 441 00:22:56,790 --> 00:22:59,350 Això, òbviament, té sentit que és el més alt, 442 00:22:59,350 --> 00:23:03,520 i després tenim el nostre HTML real, el que correspon a aquesta etiqueta aquí. 443 00:23:03,520 --> 00:23:08,480 A més, si en el guió teves etiquetes correctament, llavors la creació d'aquest arbre DOM 444 00:23:08,480 --> 00:23:10,530 es converteix en super simple. 445 00:23:10,530 --> 00:23:12,400 Així que tenim una mica de cap aquí. 446 00:23:12,400 --> 00:23:15,780 Tenim un cos que veiem plançó fora d'HTML, 447 00:23:15,780 --> 00:23:18,530 és per això que tenim el cap i el cos. 448 00:23:18,530 --> 00:23:22,880 Dins del cap, tenim alguns etiqueta del títol, una etiqueta de títol del final, 449 00:23:22,880 --> 00:23:24,570 així que sabem el que ve després del cap. 450 00:23:24,570 --> 00:23:28,040 I dins de la nostra etiqueta de títol, tenim hola, món. 451 00:23:28,040 --> 00:23:28,740 D'acord? 452 00:23:28,740 --> 00:23:31,311 Així que aquesta és tota aquesta branca esquerra. 453 00:23:31,311 --> 00:23:34,060 I després de la branca dreta aquí, veiem que tenim HTML, 454 00:23:34,060 --> 00:23:38,680 Acceptar que hem fet aquesta part del cap, estem mirant només al cos, 455 00:23:38,680 --> 00:23:40,670 així que tenim alguna àrea del cos. 456 00:23:40,670 --> 00:23:44,350 I dins d'això, l'única El que tenim és hola, món. 457 00:23:44,350 --> 00:23:45,090 D'acord? 458 00:23:45,090 --> 00:23:54,130 Si tinguéssim coses com alguns suport de p i després 459 00:23:54,130 --> 00:23:57,500 hola, món, i després una altra suport p d'adéu, món, 460 00:23:57,500 --> 00:24:00,080 tindríem dues bombolles sortint d'aquí. 461 00:24:00,080 --> 00:24:05,550 Com que els dos estan sota el cos, però són paràgrafs separats aquest cas. 462 00:24:05,550 --> 00:24:11,520 Definitivament hi ha pràctica que en proves anteriors, 463 00:24:11,520 --> 00:24:14,570 així com un munt en línia sobre el mateix. 464 00:24:14,570 --> 00:24:18,260 Acceptar així, això només permet nosaltres veiem tot molt bé 465 00:24:18,260 --> 00:24:20,810 i manipular coses molt sistemàtica. 466 00:24:20,810 --> 00:24:21,340 D'acord? 467 00:24:21,340 --> 00:24:23,640 Sabem exactament com recórrer a través d'aquest arbre, 468 00:24:23,640 --> 00:24:26,910 així que sabem el que volem accedir. 469 00:24:26,910 --> 00:24:31,690 >> Acceptar el que és per això que volem per tenir aquest tipus de model, 470 00:24:31,690 --> 00:24:35,190 perquè puguem usar coses com aquesta, i entenem el que volen dir, 471 00:24:35,190 --> 00:24:38,370 i estan estandarditzats en totes les coses que fem. 472 00:24:38,370 --> 00:24:45,900 Així que el títol del document de punt és just el títol de our-- tots aquests 473 00:24:45,900 --> 00:24:48,960 són bastant explica per si mateix, M'agrada pensar. 474 00:24:48,960 --> 00:24:51,660 Tres per a la primera exemples s'acaba dient, 475 00:24:51,660 --> 00:24:54,770 "Està bé, només dóna'm la títol d'aquesta pàgina web ". 476 00:24:54,770 --> 00:24:58,030 Així que li donarà el que correspon al títol. 477 00:24:58,030 --> 00:25:01,880 >> Document dot cos es va a donar tot el que és dins d'aquestes etiquetes del cos. 478 00:25:01,880 --> 00:25:03,240 Així que vostè pot manipular això. 479 00:25:03,240 --> 00:25:07,820 I dot dot cos document Introdueix HTML és molt fresc, 480 00:25:07,820 --> 00:25:11,660 i potser no és com super intuïtiu, però el codi HTML intern 481 00:25:11,660 --> 00:25:13,740 correspon a aquest dret aquí. 482 00:25:13,740 --> 00:25:17,410 Així que si mai vols manipular el text en una pàgina, 483 00:25:17,410 --> 00:25:22,700 normalment vas a estar fent alguna cosa amb dot cos HTML intern. 484 00:25:22,700 --> 00:25:23,820 D'acord? 485 00:25:23,820 --> 00:25:31,341 Així HTML intern tendeix a referir-se a el que és en realitat entre aquestes etiquetes. 486 00:25:31,341 --> 00:25:31,840 D'acord? 487 00:25:31,840 --> 00:25:33,020 I llavors funcions útils. 488 00:25:33,020 --> 00:25:40,390 Així que si volia arribar qualsevol d'aquests, qualsevol element, 489 00:25:40,390 --> 00:25:43,140 tenim alguns Aneu, classe nom, o el nom de l'etiqueta. 490 00:25:43,140 --> 00:25:47,100 Això és molt similar a la coses que van fer amb CSS, oi? 491 00:25:47,100 --> 00:25:51,360 On tenim alguns selectors que correspondre tant a una etiqueta, una classe 492 00:25:51,360 --> 00:25:53,800 que ells, o un identificador donem. 493 00:25:53,800 --> 00:25:55,310 Això és molt de la mateixa manera. 494 00:25:55,310 --> 00:26:00,720 Si vostè té alguna cosa a té certa classe de gos, 495 00:26:00,720 --> 00:26:05,800 i dius obtenir elements per nom de l'etiqueta, i poses gos en allà-- o ho sento, 496 00:26:05,800 --> 00:26:06,610 nom de la classe. 497 00:26:06,610 --> 00:26:07,770 Vostè pot posar punt en allà. 498 00:26:07,770 --> 00:26:11,780 Es va a tornar tots els elements a vostè que tenen aquesta classe. 499 00:26:11,780 --> 00:26:13,880 Així que vostè pot manipular només aquells. 500 00:26:13,880 --> 00:26:18,430 De la mateixa manera, potser només voler manipular alguns capçalera, per la qual 501 00:26:18,430 --> 00:26:20,980 alguns encapçalat h1, igual que ho vam fer. 502 00:26:20,980 --> 00:26:24,900 Vostè podria fer arribar els elements per etiqueta nomenar, perquè h1 és un nom d'etiqueta. 503 00:26:24,900 --> 00:26:29,270 I de la mateixa manera, si vostè vol aconseguir una cosa única, pot fer-ho etiqueta get. 504 00:26:29,270 --> 00:26:31,100 Obtenir element per Id. 505 00:26:31,100 --> 00:26:32,710 I en realitat són un munt d'aquests. 506 00:26:32,710 --> 00:26:36,300 Aquests són només com tres de molts. 507 00:26:36,300 --> 00:26:39,600 Així que si vostè va en línia, com Vaig a encoratjar 508 00:26:39,600 --> 00:26:45,342 tu per fer, i fer alguna cosa investigació pel seu compte, 509 00:26:45,342 --> 00:26:48,450 Definitivament el recomano buscant en tot això. 510 00:26:48,450 --> 00:26:50,880 Podrien ser súper útil, especialment quan 511 00:26:50,880 --> 00:26:57,180 vol només tipus de manipular coses molt específiques sense tenir 512 00:26:57,180 --> 00:27:00,390 anar a través i tractar per analitzar fos tot. 513 00:27:00,390 --> 00:27:03,540 >> OK, així que l'últim és JavaScript esdeveniments. 514 00:27:03,540 --> 00:27:10,730 Així que quan estava parlant abans sobre anar a un lloc web, 515 00:27:10,730 --> 00:27:14,340 i quan es passa sobre alguna cosa, o el punter del ratolí passa per sobre d'alguna cosa, 516 00:27:14,340 --> 00:27:15,420 una altra cosa succeeix. 517 00:27:15,420 --> 00:27:17,900 Això és el que ens agradaria pensar com un esdeveniment. 518 00:27:17,900 --> 00:27:23,970 Així que el que hem de poder ser útil aquí és onclick. 519 00:27:23,970 --> 00:27:29,140 Així que el meu era en vol estacionari, el qual, estic bastant segur, és només en vol estacionari. 520 00:27:29,140 --> 00:27:31,300 També un munt d'aquests que es pot buscar. 521 00:27:31,300 --> 00:27:34,340 Hi ha una llista completa en línia de les diferents coses 522 00:27:34,340 --> 00:27:37,130 que es pot escoltar. 523 00:27:37,130 --> 00:27:41,220 >> Però els esdeveniments de JavaScript són bàsicament respondre a les coses 524 00:27:41,220 --> 00:27:42,430 que el seu usuari està fent. 525 00:27:42,430 --> 00:27:42,930 Dret? 526 00:27:42,930 --> 00:27:45,220 Així que el seu usuari fa alguna cosa, això és un fet, 527 00:27:45,220 --> 00:27:48,340 i JavaScript respondrà però desitja que ho faci. 528 00:27:48,340 --> 00:27:49,770 Es respondrà en conseqüència. 529 00:27:49,770 --> 00:27:54,630 Així que en aquest cas, tenim alguns onload finestra de punt. 530 00:27:54,630 --> 00:27:57,170 Així que el que diu és, "esperar fins carregat de la finestra ". 531 00:27:57,170 --> 00:27:57,780 D'acord? 532 00:27:57,780 --> 00:28:02,102 Així que quan tot està carregat, onload, a continuació, pot executar aquesta funció. 533 00:28:02,102 --> 00:28:03,810 Així que quan tot està carregat, vas 534 00:28:03,810 --> 00:28:07,760 tenir algun botó de cerca que pateix és un element d'identificació, 535 00:28:07,760 --> 00:28:13,740 i s'imprimeix el que element és que el botó Cerca. 536 00:28:13,740 --> 00:28:17,050 I després tenim aquesta variable, diem: "Està bé, onclick". 537 00:28:17,050 --> 00:28:20,390 Així que quan escoltem un clic al botó Cercar, 538 00:28:20,390 --> 00:28:23,990 executar aquesta funció, que és una alerta, feu clic al botó Cercar. 539 00:28:23,990 --> 00:28:28,910 >> Llavors, què passa és-- aquest és un bon poca representació gràfica aquí. 540 00:28:28,910 --> 00:28:31,480 Així que la nostra càrrega de documents, aquesta és la nostra onload, 541 00:28:31,480 --> 00:28:34,340 ens trobem amb la nostra Cerca botó, que és això. 542 00:28:34,340 --> 00:28:36,570 Estem buscant al nostre botó Cercar. 543 00:28:36,570 --> 00:28:40,790 I després, quan el botó de recerca és es fa clic, es correspon amb la dreta aquí. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Llavors, finalment, vam alertar als nostres usuaris, que és aquesta última línia aquí. 546 00:28:47,300 --> 00:28:48,250 D'acord? 547 00:28:48,250 --> 00:28:52,960 Així que cada un d'aquests quatre passes només correspon a les quatre caixes 548 00:28:52,960 --> 00:28:55,031 allà baix a la part inferior. 549 00:28:55,031 --> 00:28:56,405 Té això sentit per a tothom? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> I llavors una cosa que jo només vaig esmentar molt, molt breument, que jo 552 00:29:05,200 --> 00:29:08,660 animo nois a anar a buscar més a és 553 00:29:08,660 --> 00:29:13,210 jQuery, que és només una biblioteca que es construeix a la part superior de JavaScript. 554 00:29:13,210 --> 00:29:16,480 És molt útil, ja que amb la majoria de les biblioteques. 555 00:29:16,480 --> 00:29:18,320 Hi ha un munt de funcions. 556 00:29:18,320 --> 00:29:21,930 Així que si mai hi ha alguna cosa que que vols fer en JavaScript 557 00:29:21,930 --> 00:29:24,880 el seu primer instint no ha de ser pensar 558 00:29:24,880 --> 00:29:27,340 de, "quina funció ha de Em codi? "Que hauria de ser, 559 00:29:27,340 --> 00:29:29,560 "Déjame veure algú és ha fet això per mi ". 560 00:29:29,560 --> 00:29:32,800 Com que nou de cada deu vegades, algú ho haurà fet ja, 561 00:29:32,800 --> 00:29:35,760 i probablement ho han fet millor. 562 00:29:35,760 --> 00:29:39,990 Les persones passen molt de temps fent això, i JavaScript s'utilitza molt àmpliament, 563 00:29:39,990 --> 00:29:42,810 perquè les persones estan constantment tractar de fer-ho millor. 564 00:29:42,810 --> 00:29:47,110 I jQuery té un munt de funcions que probablement serà útil per a vostè 565 00:29:47,110 --> 00:29:50,470 en el seu projecte final si ets fer qualsevol cosa amb el disseny web. 566 00:29:50,470 --> 00:29:53,480 Com m'agrada dir, "treball més intel·ligent, no més difícil ". 567 00:29:53,480 --> 00:29:57,130 Si vostès fan això, serà gran. 568 00:29:57,130 --> 00:30:00,330 Quan estem en el hackathon no ho faig vull que siguis tot estressat. 569 00:30:00,330 --> 00:30:03,600 Vull que siguis com: "Tinc això. jQuery té la meva esquena. 570 00:30:03,600 --> 00:30:05,790 No necessito escriure aquestes funcions ". 571 00:30:05,790 --> 00:30:07,636 >> Pel que només dues coses Recordo, vaig 572 00:30:07,636 --> 00:30:10,220 a deixar que vostès miren més en jQuery pel seu compte. 573 00:30:10,220 --> 00:30:13,070 Tot el que vaig a dir és que fa algunes coses bastant impressionants 574 00:30:13,070 --> 00:30:15,220 i pot fer la seva vida molt més fàcil. 575 00:30:15,220 --> 00:30:17,150 Però el que vol tenir és qualsevol arxiu 576 00:30:17,150 --> 00:30:21,020 que vas a utilitzar-lo en, vostè va a voler aquestes dues línies. 577 00:30:21,020 --> 00:30:25,630 Vostè va a voler la guió de js jQuery punt js. 578 00:30:25,630 --> 00:30:28,500 I en realitat la seva font serà una mica d'URL. 579 00:30:28,500 --> 00:30:35,870 Si es busca a Google jQuery, Google en realitat hi tots els arxius per a vostè. 580 00:30:35,870 --> 00:30:38,950 Així que deu URL d'entrada que al seu lloc. 581 00:30:38,950 --> 00:30:41,130 Acabo de posar això aquí per motius de simplicitat. 582 00:30:41,130 --> 00:30:45,180 Tot això significa és on trobar la seva llibreria jQuery. 583 00:30:45,180 --> 00:30:48,600 És enorme, de manera que no vol allotjar en el seu propi ordinador 584 00:30:48,600 --> 00:30:53,390 si pot evitar-ho, és per això que tendeixen a només cal posar a la URL de Google que 585 00:30:53,390 --> 00:30:55,880 acull tots aquests arxius per a vostè. 586 00:30:55,880 --> 00:30:56,380 D'acord? 587 00:30:56,380 --> 00:30:58,850 Es busca a Google, t'ho prometo que hi serà. 588 00:30:58,850 --> 00:31:01,200 >> I llavors tot el Arxiu JavaScript que ets 589 00:31:01,200 --> 00:31:07,150 utilitzant, així que això és només alguns externs JavaScript arxiu que utilitzeu. 590 00:31:07,150 --> 00:31:11,570 De la mateixa manera que ens relacionem en el nostre CSS arxius, aquest és el mateix tipus de coses. 591 00:31:11,570 --> 00:31:15,480 Això només vincula l'arxiu on la teva Javascript és. 592 00:31:15,480 --> 00:31:18,970 I tinc alguns exemples amb un simple JavaScript. 593 00:31:18,970 --> 00:31:20,220 Així que anem a anar a través d'ell. 594 00:31:20,220 --> 00:31:27,230 I després, en el seu índex de JavaScript que és el seu arxiu JavaScript aquí, 595 00:31:27,230 --> 00:31:30,900 això és una espècie de l'embolcall que té per jQuery. 596 00:31:30,900 --> 00:31:33,860 Ja gairebé 99.9 per cent del temps va 597 00:31:33,860 --> 00:31:36,800 tenir això en el seu arxiu index.js. 598 00:31:36,800 --> 00:31:40,010 Perquè el que diu és, "No executar res 599 00:31:40,010 --> 00:31:43,480 fins que el seu document és en realitat llest ", que és exactament el que vols. 600 00:31:43,480 --> 00:31:46,600 Perquè si el document no està llest, i jQuery comença a fer les coses, 601 00:31:46,600 --> 00:31:48,020 és només un desastre. 602 00:31:48,020 --> 00:31:50,480 Així que sempre vull tenir aquest embolcall. 603 00:31:50,480 --> 00:31:55,760 I llavors, per les coses que hi van, em deixarà al propi fullejant els seus nois. 604 00:31:55,760 --> 00:32:04,610 >> OK, així que hi ha alguna pregunta dreta ara sobre el Javascript al general? 605 00:32:04,610 --> 00:32:07,420 O el model DOM? 606 00:32:07,420 --> 00:32:10,780 Si no, tenim alguns fresc exemples que podem anar a través, 607 00:32:10,780 --> 00:32:13,120 que vostès em pot ajudar codi. 608 00:32:13,120 --> 00:32:15,877 Però jo també seré super agradable, i si 609 00:32:15,877 --> 00:32:17,960 no vull dir res per a ells, això està bé. 610 00:32:17,960 --> 00:32:20,510 Puc també acaba de donar exemples. 611 00:32:20,510 --> 00:32:24,581 Però res en el PowerPoint abans de seguir endavant? 612 00:32:24,581 --> 00:32:25,080 Fresc. 613 00:32:25,080 --> 00:32:26,990 >> Em sento com vostès necessita energia. 614 00:32:26,990 --> 00:32:31,516 Així que crec que començarem amb el meu exemple del partit primer. 615 00:32:31,516 --> 00:32:33,390 Tenim tres exemples, vostè té la seva opció. 616 00:32:33,390 --> 00:32:37,720 Així que tenim rellotge, cap a on anem per implementar un rellotge real que és 617 00:32:37,720 --> 00:32:41,430 va a actualitzar el pas del temps. 618 00:32:41,430 --> 00:32:43,310 Tenim aquesta gran funció Twitter. 619 00:32:43,310 --> 00:32:44,560 Esto-- saps què aferrar-se. 620 00:32:44,560 --> 00:32:47,220 Anem a fer que això desaparegui. 621 00:32:47,220 --> 00:32:47,950 Bam. 622 00:32:47,950 --> 00:32:49,060 D'acord. 623 00:32:49,060 --> 00:32:56,132 >> Tenim aquesta gran funció Twitter aquí, que-- Ho sé, oi? 624 00:32:56,132 --> 00:32:57,090 Serà gran. 625 00:32:57,090 --> 00:32:58,350 Estàs emocionat nois? 626 00:32:58,350 --> 00:33:01,170 Això va a comptar el nombre de caràcters que li queden, 627 00:33:01,170 --> 00:33:04,520 així que si escric en aquest moment, òbviament encara diu 140, 628 00:33:04,520 --> 00:33:06,190 però sabem que no és el cas. 629 00:33:06,190 --> 00:33:08,570 I després amb la nostra última aquí, feu clic aquí a la festa. 630 00:33:08,570 --> 00:33:12,150 ¿Què passarà és quan fem clic, el fons de 631 00:33:12,150 --> 00:33:13,340 canviarà els colors. 632 00:33:13,340 --> 00:33:17,060 Així que vostès tenen les seves opcions de quin d'ells vol fer primer. 633 00:33:17,060 --> 00:33:19,800 Et prometo que ho porto molt fàcil en vostè. 634 00:33:19,800 --> 00:33:22,680 Em sento com tot una mica de només molt baix clau en l'actualitat. 635 00:33:22,680 --> 00:33:25,540 Així que et vaig a caminar a través de la forma anem a implementar tots aquests. 636 00:33:25,540 --> 00:33:28,520 Si vols sonar en, això és genial, però jo 637 00:33:28,520 --> 00:33:30,020 sentir que tothom està una mica cansat. 638 00:33:30,020 --> 00:33:32,970 Així que només et vaig a caminar a través d'aquests exemples. 639 00:33:32,970 --> 00:33:35,015 Tenim una cosa que ens agradaria fer primer? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Qualsevol persona? 642 00:33:39,475 --> 00:33:41,350 Sense preferència? 643 00:33:41,350 --> 00:33:41,867 D'acord. 644 00:33:41,867 --> 00:33:42,450 Saps que? 645 00:33:42,450 --> 00:33:43,290 Som a la festa. 646 00:33:43,290 --> 00:33:48,380 Sento que vostès necessiten un poc-- així, farem una festa de primera. 647 00:33:48,380 --> 00:33:48,880 D'acord. 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> Així que el que tenim aquí-- això és no se suposa que ser-hi. 650 00:33:56,930 --> 00:33:57,910 Ara que és bo. 651 00:33:57,910 --> 00:33:59,810 D'acord. 652 00:33:59,810 --> 00:34:03,110 Així que el que tenim aquí és només una simple pàgina HTML 653 00:34:03,110 --> 00:34:07,840 que vostès han d'estar tots súper coneix dels seus dos últims conjunts de processadors. 654 00:34:07,840 --> 00:34:10,212 tenim el nostre tipus doc aquí. 655 00:34:10,212 --> 00:34:10,920 Tot món pot veure? 656 00:34:10,920 --> 00:34:11,420 D'acord. 657 00:34:11,420 --> 00:34:12,560 Fresc. 658 00:34:12,560 --> 00:34:13,900 Tenim el nostre HTML òbviament. 659 00:34:13,900 --> 00:34:18,360 Tenim una mica de capçalera que és vinculat a un full d'estil que 660 00:34:18,360 --> 00:34:21,420 acaba de fer la meva font agradable i gran i en negreta. 661 00:34:21,420 --> 00:34:23,489 Així que no et preocupis per això. 662 00:34:23,489 --> 00:34:26,437 >> Tenim un cos amb un fons Aneu, OK? 663 00:34:26,437 --> 00:34:28,520 Perquè serem canviant el fons. 664 00:34:28,520 --> 00:34:31,964 Així que quan estem canviant la fons del nostre cos, 665 00:34:31,964 --> 00:34:35,965 que recordem de fa dues setmanes quan es tracta de pàgines web. 666 00:34:35,965 --> 00:34:36,840 Així que bo tenir això. 667 00:34:36,840 --> 00:34:39,270 I tenim alguns Aneu és igual a festa. 668 00:34:39,270 --> 00:34:43,909 Aquest h ref lliures només vol dir que que va a anar a la mateixa pàgina. 669 00:34:43,909 --> 00:34:47,120 I feu clic aquí a la festa, que és per això que quan ho fa clic, 670 00:34:47,120 --> 00:34:48,940 ha de canviar els colors, per sort. 671 00:34:48,940 --> 00:34:54,322 >> I després tenim una seqüència de comandaments aquí que és simplement vinculats a aquest partit js dot 672 00:34:54,322 --> 00:34:58,100 arxiu, que està buit perquè no hem fet res encara. 673 00:34:58,100 --> 00:35:00,450 I és tan trist. 674 00:35:00,450 --> 00:35:06,100 Però molt aviat, que canviarà colors, i serà impressionant. 675 00:35:06,100 --> 00:35:10,520 >> Així que només vaig a caminar nois a través de com podríem abordar aquest. 676 00:35:10,520 --> 00:35:14,030 Així que el primer que el que es vol fer, 677 00:35:14,030 --> 00:35:18,050 si estem canviant el fons de el cos, la primera cosa que pot ser que desitgi 678 00:35:18,050 --> 00:35:22,730 a fer és realment agafar el que el cos és, oi? 679 00:35:22,730 --> 00:35:27,690 Així que volem tenir suma, el nostre fons, i si et fixes, 680 00:35:27,690 --> 00:35:29,567 Acabo automàticament comenci a escriure. 681 00:35:29,567 --> 00:35:32,400 No hi ha res especial que necessita fer per als nostres arxius JavaScript. 682 00:35:32,400 --> 00:35:35,820 Puc començar a declarar variables, i declarant funcions aleatòries. 683 00:35:35,820 --> 00:35:38,110 I és la forma molt més lliure. 684 00:35:38,110 --> 00:35:41,930 És com amb C, vam donar a tots aquestes regles dures, i que van créixer, 685 00:35:41,930 --> 00:35:43,220 així que estem com, "anar endavant. 686 00:35:43,220 --> 00:35:44,000 Ser lliure. 687 00:35:44,000 --> 00:35:44,870 Fes el que vulguis ". 688 00:35:44,870 --> 00:35:46,280 I això és el que JavaScript està. 689 00:35:46,280 --> 00:35:48,390 Així que tenim alguns antecedents aquí. 690 00:35:48,390 --> 00:35:55,900 Amb el nostre model DOM, sabem que pot fer arribar el document dot element, 691 00:35:55,900 --> 00:36:00,290 i si ens adonem que aquí, el nostre cos té un identificador. 692 00:36:00,290 --> 00:36:00,930 Dret? 693 00:36:00,930 --> 00:36:06,310 Així que podem fer arribar el document per Aneu, i aquí és simple. 694 00:36:06,310 --> 00:36:08,295 Quina és la nostra Aneu que volem aquí? 695 00:36:08,295 --> 00:36:09,170 AUDIÈNCIA: Antecedents. 696 00:36:09,170 --> 00:36:11,280 ALLISON Buchholtz-AU: Antecedents. 697 00:36:11,280 --> 00:36:12,230 Perfecte. 698 00:36:12,230 --> 00:36:14,250 I punt i coma al final. 699 00:36:14,250 --> 00:36:15,610 Això no ha desaparegut encara. 700 00:36:15,610 --> 00:36:17,330 Vostè encara necessita els seus punts i comes. 701 00:36:17,330 --> 00:36:17,830 D'acord. 702 00:36:17,830 --> 00:36:19,690 Així que aquesta és la nostra primera. 703 00:36:19,690 --> 00:36:23,880 I quan fem clic en alguna cosa, vol que passi alguna cosa, no? 704 00:36:23,880 --> 00:36:28,270 Així que el que es vol alguna variable això s'espera d'un clic. 705 00:36:28,270 --> 00:36:32,410 El que farem és que anem a fer la nostra relació més semblant a un botó. 706 00:36:32,410 --> 00:36:43,140 Així que anem a tenir algun botó que és igual a documentar dot obtenir element d'identificació. 707 00:36:43,140 --> 00:36:48,670 I si jo estic parlant de la feu clic a enllaç o feu clic aquí per a la festa 708 00:36:48,670 --> 00:36:51,850 enllaç, què podria meu Aneu ser aquí? 709 00:36:51,850 --> 00:36:52,590 Part. 710 00:36:52,590 --> 00:36:55,200 Correcte. 711 00:36:55,200 --> 00:36:56,500 Acceptar no està tan malament fins ara. 712 00:36:56,500 --> 00:36:59,060 Tothom obté el que estem fent? 713 00:36:59,060 --> 00:37:02,100 >> OK, així que ara tenim la nostra botó, i volem 714 00:37:02,100 --> 00:37:04,140 que les coses canviïn quan fem clic. 715 00:37:04,140 --> 00:37:08,750 Així que si ens recordem del nostre PowerPoint, cosa molt simple que podem fer 716 00:37:08,750 --> 00:37:12,140 és només punt botó onclick, oi? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 I això serà igual a alguna funció. 719 00:37:18,730 --> 00:37:20,620 Aquesta és una funció anònima. 720 00:37:20,620 --> 00:37:24,620 I això només com-- realitat estic va a fer això una mica més gran. 721 00:37:24,620 --> 00:37:27,330 >> Així que el que acabo de fer aquí és el que estic dient, OK, 722 00:37:27,330 --> 00:37:31,810 quan fem clic nostre botó, que és aquest enllaç que només ens referim, 723 00:37:31,810 --> 00:37:34,270 anem a executar aquesta funció anònima. 724 00:37:34,270 --> 00:37:35,845 No necessitem cap input. 725 00:37:35,845 --> 00:37:37,220 No ens importa el que diu l'usuari. 726 00:37:37,220 --> 00:37:38,800 En fer clic, estem va a fer el que vulguem, 727 00:37:38,800 --> 00:37:40,660 que és canviar el color de fons. 728 00:37:40,660 --> 00:37:42,640 D'acord? 729 00:37:42,640 --> 00:37:47,224 Així que és per això que no tenim entrades, només tenim aquesta funció anònima. 730 00:37:47,224 --> 00:37:49,390 I ara estem en realitat va escriure aquesta funció. 731 00:37:49,390 --> 00:37:55,040 >> Així que hi ha un munt de maneres que vostè podria generar un color aleatori. 732 00:37:55,040 --> 00:37:59,010 La forma en què ho vaig fer va ser per generar tres nombres aleatoris 733 00:37:59,010 --> 00:38:01,910 i convertir-los a una triple RGB. 734 00:38:01,910 --> 00:38:06,130 Així que això només mostra alguns fresc coses que si vostè és com, "oh, 735 00:38:06,130 --> 00:38:08,464 Necessito generar un atzar nombre. "si el Google, 736 00:38:08,464 --> 00:38:09,630 això és el que pots trobar. 737 00:38:09,630 --> 00:38:17,580 >> Així que tenim tres diferents coses, var, no de nou vermell, verd. 738 00:38:17,580 --> 00:38:18,080 Dret? 739 00:38:18,080 --> 00:38:20,740 Així que aquests són els tres coses que componen un color. 740 00:38:20,740 --> 00:38:22,220 Blau, vermell i verd. 741 00:38:22,220 --> 00:38:22,960 Fresc. 742 00:38:22,960 --> 00:38:27,050 I el que podem fer és que sabem que ha d'estar entre 255, 743 00:38:27,050 --> 00:38:30,140 i si mires una mica generador de nombres aleatoris, 744 00:38:30,140 --> 00:38:36,000 vostè podria aconseguir alguna cosa com matemàtiques punts aleatoris, que si es mira això 745 00:38:36,000 --> 00:38:39,230 torna a algun nombre entre zero i un. 746 00:38:39,230 --> 00:38:39,980 D'acord? 747 00:38:39,980 --> 00:38:44,470 I què números de fer el nostre Triples RGB van entre? 748 00:38:44,470 --> 00:38:47,240 Zero i què? 749 00:38:47,240 --> 00:38:49,000 Què poden anar fins? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Així que si les matemàtiques dot atzar va entre zero i un, 752 00:38:53,320 --> 00:38:56,365 ¿Com podríem voler convertir això? 753 00:38:56,365 --> 00:38:56,990 AUDIÈNCIA: Temps? 754 00:38:56,990 --> 00:38:57,830 ALLISON Buchholtz-AU: Sí, exactament. 755 00:38:57,830 --> 00:38:58,677 Així que el temps és 255. 756 00:38:58,677 --> 00:39:00,888 >> AUDIÈNCIA: [inaudible] És com [inaudible]. 757 00:39:00,888 --> 00:39:02,471 ALLISON Buchholtz-AU: Matemàtiques punts aleatoris. 758 00:39:02,471 --> 00:39:03,096 AUDIÈNCIA: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON Buchholtz-AU: Sí. 760 00:39:04,580 --> 00:39:06,300 JavaScript només té cura de tu. 761 00:39:06,300 --> 00:39:07,580 D'acord. 762 00:39:07,580 --> 00:39:09,360 Pel que podem fer això per tots els aquests. 763 00:39:09,360 --> 00:39:10,540 Dret? 764 00:39:10,540 --> 00:39:16,480 Matemàtiques dot vegades a l'atzar 255. 765 00:39:16,480 --> 00:39:17,740 Entès. 766 00:39:17,740 --> 00:39:18,820 Fresc. 767 00:39:18,820 --> 00:39:23,350 Així que la cosa és que això pot no tornar un enter. 768 00:39:23,350 --> 00:39:24,080 Dret? 769 00:39:24,080 --> 00:39:26,450 Potser arribem algun nombre entre zero i un, 770 00:39:26,450 --> 00:39:32,150 i que fa que sigui lleugerament apagat, i els nostres RGBs no poden ser carrosses. 771 00:39:32,150 --> 00:39:33,360 Han de ser sencers. 772 00:39:33,360 --> 00:39:37,610 Així que si has provat això, que probablement tenir un comportament erràtic. 773 00:39:37,610 --> 00:39:38,810 Seria una mica estrany. 774 00:39:38,810 --> 00:39:43,200 Així que el que fem és que volem fer assegurar-se que aquests s'arrodoneixen, 775 00:39:43,200 --> 00:39:45,400 i vostè podria arrodonir qualsevol manera. 776 00:39:45,400 --> 00:39:47,110 Vaig doblegar amb pis. 777 00:39:47,110 --> 00:39:49,680 Així que sempre vaig assegurar que arrodoneix cap avall. 778 00:39:49,680 --> 00:39:54,440 Però anar fora del simple que era tot just aconseguir un nombre aleatori, 779 00:39:54,440 --> 00:39:57,920 Com creus que podria pis aquest nombre? 780 00:39:57,920 --> 00:40:00,720 És molt similar. 781 00:40:00,720 --> 00:40:02,810 Alguna idea? 782 00:40:02,810 --> 00:40:06,450 Així que si l'atzar era només punt matemàtiques a l'atzar, pel que pensa vostè que faríem pis? 783 00:40:06,450 --> 00:40:09,670 Pis de punts de Matemàtiques. 784 00:40:09,670 --> 00:40:11,340 I també es pot fer el sostre de punts matemàtiques. 785 00:40:11,340 --> 00:40:14,030 Ronda és una espècie d'ambigua perquè no ho fa 786 00:40:14,030 --> 00:40:16,110 saber si per arrodonir cap amunt o cap avall arrodonir. 787 00:40:16,110 --> 00:40:20,797 Així que en general sempre fem matemàtiques pis de punt, sostre punt matemàtiques. 788 00:40:20,797 --> 00:40:21,380 Però honestly-- 789 00:40:21,380 --> 00:40:22,780 >> AUDIÈNCIA: La ronda pis sota? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON Buchholtz-AU: arrodoneix pis baix. 791 00:40:24,740 --> 00:40:26,990 I això és només una elecció de la meva part. 792 00:40:26,990 --> 00:40:32,370 >> Així que ara tenim els nostres tres nombres que s'han generat de forma aleatòria, 793 00:40:32,370 --> 00:40:36,610 i el que farem ara és que estem només canviarà el fons. 794 00:40:36,610 --> 00:40:37,310 D'acord? 795 00:40:37,310 --> 00:40:41,490 Així que ja tenim la nostra tipus de fons emmagatzemada 796 00:40:41,490 --> 00:40:43,280 en aquest element denominat fons. 797 00:40:43,280 --> 00:40:47,300 Llavors, què et donaràs compte és que, si que va jugar una mica amb això, 798 00:40:47,300 --> 00:40:50,460 volem canviar l'estil. 799 00:40:50,460 --> 00:40:53,812 I això és una mena de cosa que vostè Google i esbrinar, 800 00:40:53,812 --> 00:40:55,020 com la forma de canviar el color. 801 00:40:55,020 --> 00:40:59,210 >> Però la forma d'accedir a aquest color és fons del punt de fons de punt de l'estil. 802 00:40:59,210 --> 00:41:03,490 Així que això està dient donat aquest objecte, fons, 803 00:41:03,490 --> 00:41:06,920 que es refereix al fet que element Aneu allà dalt, 804 00:41:06,920 --> 00:41:10,690 anem a mirar el estil dins de l'estil, 805 00:41:10,690 --> 00:41:13,280 anem a mirar al fons. 806 00:41:13,280 --> 00:41:14,270 D'acord? 807 00:41:14,270 --> 00:41:17,630 I si vas i veus això, que podria fer una mica més de sentit, 808 00:41:17,630 --> 00:41:21,930 però això és bàsicament dient, "Dóna'm aquest atribut molt específic 809 00:41:21,930 --> 00:41:25,770 del que he definit anteriorment ". 810 00:41:25,770 --> 00:41:32,340 Així que el que estem canviant a és alguns RGB, perquè té sentit. 811 00:41:32,340 --> 00:41:34,780 Estem utilitzant RGB triplica, oi? 812 00:41:34,780 --> 00:41:41,530 I nosaltres tener-- Vull assegurar-me que obtenir el nombre correcte de cites aquí. 813 00:41:41,530 --> 00:41:43,940 Així que el que fem és que tenim RGB, i anem 814 00:41:43,940 --> 00:41:46,800 A-- això és com concatenació, que és de color vermell. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 I després volem alguna coma. 817 00:41:52,610 --> 00:41:59,925 I llavors volem més de color verd, a continuació, alguns coma, i una mica de blau. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Així que aquests avantatges només significar com concatenació. 820 00:42:14,120 --> 00:42:19,810 Així que això és només la creació d'aquest cadena que està passant dins de RGB. 821 00:42:19,810 --> 00:42:20,310 D'acord? 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> AUDIÈNCIA: [inaudible], més després la d'un verd més després el vermell. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON Buchholtz-AU: Sí, perquè vaig ficar la pota això. 825 00:42:30,163 --> 00:42:30,890 Està bé que un. 826 00:42:30,890 --> 00:42:32,110 Oh, espera. 827 00:42:32,110 --> 00:42:32,610 No. 828 00:42:32,610 --> 00:42:36,770 Perquè necessito per assegurar que em van donar tots aquests dreta. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Així que vaig a explicar en Moment un. 831 00:42:43,950 --> 00:42:47,040 Verd, blau, perfecte. 832 00:42:47,040 --> 00:42:47,971 Ara he acabat. 833 00:42:47,971 --> 00:42:48,470 Jo crec. 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> D'acord. 836 00:42:52,530 --> 00:42:58,085 Llavors, què és això, és que el fons serà fixat a una corda. 837 00:42:58,085 --> 00:42:58,585 Dret? 838 00:42:58,585 --> 00:42:59,710 Què és el que tenim aquí. 839 00:42:59,710 --> 00:43:05,870 Hi haurà algun RGB 255 comes 255 zero coma, o qualsevol nombre que 840 00:43:05,870 --> 00:43:06,512 tenir allà. 841 00:43:06,512 --> 00:43:08,220 Així que estem fent aquí, tenim una mica de corda. 842 00:43:08,220 --> 00:43:11,910 I el que volem fer, és que estem tipus de crear dinàmicament 843 00:43:11,910 --> 00:43:14,010 que quan realment executar aquest programa. 844 00:43:14,010 --> 00:43:16,570 Així que això és una mica de corda. 845 00:43:16,570 --> 00:43:20,290 Plus concatena amb el valor que el vermell té, 846 00:43:20,290 --> 00:43:23,320 que concatena amb una coma, que concatena es 847 00:43:23,320 --> 00:43:26,090 amb el verd és, i així successivament, i així successivament. 848 00:43:26,090 --> 00:43:26,660 D'acord? 849 00:43:26,660 --> 00:43:32,210 Fins al final, que és el el tancament de parèntesi d'aquesta RGB aquí. 850 00:43:32,210 --> 00:43:32,800 D'acord? 851 00:43:32,800 --> 00:43:37,230 >> Així que el que això va a generar algun comandament realment 852 00:43:37,230 --> 00:43:42,770 és a dir RGB de tres nombres que el fons s'estableix ara. 853 00:43:42,770 --> 00:43:43,940 D'acord? 854 00:43:43,940 --> 00:43:46,510 Així que anem a veure si això funciona. 855 00:43:46,510 --> 00:43:49,720 Espero que així sigui, perquè si no, jo seré molt trist. 856 00:43:49,720 --> 00:43:50,250 Oh, no. 857 00:43:50,250 --> 00:43:52,710 Acceptar, espera. 858 00:43:52,710 --> 00:43:56,730 Definitivament fons dot dot fons estil. 859 00:43:56,730 --> 00:43:59,569 Definitivament m'estic perdent alguna cosa només petita. 860 00:43:59,569 --> 00:44:00,610 No tens nois odien això? 861 00:44:00,610 --> 00:44:04,020 Quan és només una petita poc d'error? 862 00:44:04,020 --> 00:44:04,990 Fons Totpoderós. 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 >> AUDIÈNCIA: [inaudible] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON Buchholtz-AU: No. 868 00:44:12,770 --> 00:44:14,050 He intentat això abans de la classe. 869 00:44:14,050 --> 00:44:16,570 Tinc tot el que vaig fer abans classe per si jo estava com, 870 00:44:16,570 --> 00:44:17,970 "Espera, què vaig fer malament?" 871 00:44:17,970 --> 00:44:23,190 Perquè jo estava com, "Ho faré probablement espatllar això en algun moment ". 872 00:44:23,190 --> 00:44:24,150 Plus verd. 873 00:44:24,150 --> 00:44:26,250 Tot es veu com si fos concatenat correctament. 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 D'acord. 876 00:44:30,520 --> 00:44:31,870 >> AUDIÈNCIA: [inaudible] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON Buchholtz-AU: Oh, aquí ho tens. 878 00:44:33,810 --> 00:44:35,520 Això és el que necessitava. 879 00:44:35,520 --> 00:44:36,805 Mira això. 880 00:44:36,805 --> 00:44:40,090 Tiffany per rescatar. 881 00:44:40,090 --> 00:44:40,590 Perfecte. 882 00:44:40,590 --> 00:44:41,090 D'acord. 883 00:44:41,090 --> 00:44:43,834 Ara anem a veure si funciona. 884 00:44:43,834 --> 00:44:44,816 Déu meu. 885 00:44:44,816 --> 00:44:45,641 D'acord. 886 00:44:45,641 --> 00:44:46,140 Espereu. 887 00:44:46,140 --> 00:44:48,280 >> AUDIÈNCIA: L'espai després de la segona avantatge. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON Buchholtz-AU: Quin? 889 00:44:50,310 --> 00:44:52,910 Oh, espera, espera. 890 00:44:52,910 --> 00:44:54,870 Desgast espai? 891 00:44:54,870 --> 00:44:57,209 >> AUDIÈNCIA: Segon més en la concatenació verda. 892 00:44:57,209 --> 00:44:58,250 ALLISON Buchholtz-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 AUDIÈNCIA: No hi ha cap espai després que el més, si. 894 00:44:59,570 --> 00:45:00,790 ALLISON Buchholtz-AU: Vostè no cal que, però- 895 00:45:00,790 --> 00:45:01,190 AUDIÈNCIA: Oh, no ho fa? 896 00:45:01,190 --> 00:45:01,910 ALLISON Buchholtz-AU: Es veu bastant. 897 00:45:01,910 --> 00:45:02,530 AUDIÈNCIA: OK. 898 00:45:02,530 --> 00:45:03,030 D'acord. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON Buchholtz AU: Anem a veure si això funciona. 900 00:45:05,170 --> 00:45:05,670 D'acord. 901 00:45:05,670 --> 00:45:07,836 Òbviament estic fallant en aquesta demo, que em recorda 902 00:45:07,836 --> 00:45:12,810 d'una conferència l'altra setmana, però sé que això funcionarà. 903 00:45:12,810 --> 00:45:15,860 Sé que això funcionarà. 904 00:45:15,860 --> 00:45:16,580 Tan a prop. 905 00:45:16,580 --> 00:45:22,330 Llevat que jo vaig esborrar accidentalment el meu guió en aquest cas. 906 00:45:22,330 --> 00:45:24,035 No, es tracta de punts de partit js. 907 00:45:24,035 --> 00:45:25,776 Acceptar aferrar-se. 908 00:45:25,776 --> 00:45:28,650 Vaig a copiar això, i estic també només va a esborrar tot, 909 00:45:28,650 --> 00:45:30,108 perquè tenia aquest treball abans. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Et prometo que funciona. 912 00:45:33,770 --> 00:45:36,160 Si no, vaig a mostrar el que Tommy és. 913 00:45:36,160 --> 00:45:38,890 I allà. 914 00:45:38,890 --> 00:45:42,380 >> AUDIÈNCIA: Vostè està fent referència a les parts dot CSS, i és un punt js partit. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON Buchholtz-AU: Ah, bé aquí és js punt de partit. 916 00:45:45,940 --> 00:45:49,187 Bé, què he fet diferent? 917 00:45:49,187 --> 00:45:50,520 Bé, anem a veure si això funciona ara. 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 Per tant, jo no sé el que vaig fer diferent, però això és el que ha de succeir. 921 00:46:02,110 --> 00:46:03,230 Una mica fred. 922 00:46:03,230 --> 00:46:06,650 He fet clic en aquest, com, per sempre. 923 00:46:06,650 --> 00:46:11,185 Però podem intentar veure el que vaig fer diferent que aquest tenia. 924 00:46:11,185 --> 00:46:14,560 Jo no sé vostès, però això veu bàsicament el que acabo d'escriure. 925 00:46:14,560 --> 00:46:17,950 Probablement hi va haver un que falta punt i coma falta en algun lloc és el meu. 926 00:46:17,950 --> 00:46:22,064 En realitat després, crec que m'estava perdent un punt i coma aquí realment. 927 00:46:22,064 --> 00:46:24,230 Però jo no podia veure-ho perquè era fora de la pantalla. 928 00:46:24,230 --> 00:46:29,040 >> Però si ens adonem, això és bastant molt exactament el que acabo d'escriure. 929 00:46:29,040 --> 00:46:33,010 Crec que probablement la part més difícil de això és només una mica d'aquesta cosa 930 00:46:33,010 --> 00:46:36,830 aquí, la comprensió el que està fent allà. 931 00:46:36,830 --> 00:46:42,230 Aquest tipus de coses que s'aprenen realment només buscant a Google i honestament 932 00:46:42,230 --> 00:46:42,880 tractant. 933 00:46:42,880 --> 00:46:46,770 Si creus que hi ha alguna atribut, probablement ho és. 934 00:46:46,770 --> 00:46:48,382 Així que provar-ho. 935 00:46:48,382 --> 00:46:49,090 Mireu el que passa. 936 00:46:49,090 --> 00:46:53,000 Com ja he dit, hi ha una gran quantitat de l'experimentació amb el llenguatge Java, 937 00:46:53,000 --> 00:46:56,810 i PHP, i tot el que coses, i especialment CSS. 938 00:46:56,810 --> 00:47:00,046 Aquesta és l'única veritat forma d'entendre. 939 00:47:00,046 --> 00:47:07,100 >> OK, així que després d'aquest fiasco amb el partit js punt, tenim dues opcions. 940 00:47:07,100 --> 00:47:10,650 Tenim rellotge o Twitter. 941 00:47:10,650 --> 00:47:12,190 Són alhora interessant. 942 00:47:12,190 --> 00:47:17,720 Potser no és tan divertit com partit, que tenia una mica d'efecte estroboscòpic fresc 943 00:47:17,720 --> 00:47:19,595 cosa al final. 944 00:47:19,595 --> 00:47:21,714 Vostès tenen alguna preferència? 945 00:47:21,714 --> 00:47:22,380 AUDIÈNCIA: Rellotge? 946 00:47:22,380 --> 00:47:22,950 ALLISON Buchholtz-AU: Rellotge? 947 00:47:22,950 --> 00:47:23,450 D'acord. 948 00:47:23,450 --> 00:47:25,390 Fresc. 949 00:47:25,390 --> 00:47:30,460 >> Així que de nou, tenim la nostra arxiu JavaScript buida. 950 00:47:30,460 --> 00:47:35,800 I com veiem aquí, tenir una cosa molt simple d'HTML. 951 00:47:35,800 --> 00:47:40,010 Tenim el nostre full d'estil, que només Formats del que ha de ser similar. 952 00:47:40,010 --> 00:47:42,860 Tenim el nostre div amb un identificador de rellotge, que 953 00:47:42,860 --> 00:47:44,420 només diu, "això ha de ser un rellotge." 954 00:47:44,420 --> 00:47:47,650 I tenim el nostre enllaç en el nostre arxiu JavaScript 955 00:47:47,650 --> 00:47:51,400 que en realitat va a generar el nostre rellotge per a nosaltres. 956 00:47:51,400 --> 00:47:56,060 Perquè el bo, és que es pot establir JavaScript per actualitzar automàticament 957 00:47:56,060 --> 00:47:56,963 si mateix. 958 00:47:56,963 --> 00:47:57,810 D'acord? 959 00:47:57,810 --> 00:48:01,580 Així que en lloc d'esperar que el usuari per colpejar Actualitzar en una pàgina 960 00:48:01,580 --> 00:48:03,840 de manera que vostè pot aconseguir hora actualitzada, JavaScript 961 00:48:03,840 --> 00:48:06,760 pot actualitzar però li agrada. 962 00:48:06,760 --> 00:48:12,082 >> Així, igual que amb el nostre últim, volíem per accedir al nostre fons, no? 963 00:48:12,082 --> 00:48:14,790 Llavors, què creus que podria ser el El primer que volem fer aquí? 964 00:48:14,790 --> 00:48:19,538 Si estem tipus de marxar aquest tipus de paradigma aquí? 965 00:48:19,538 --> 00:48:22,200 Probablement Volem accedir al nostre rellotge, no? 966 00:48:22,200 --> 00:48:24,724 Així, tenim una mica de var rellotge, que equals-- 967 00:48:24,724 --> 00:48:26,140 ¿Què pensem que serà? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Document dot obtenir element por-- també estimar Sublime-- Aneu i la nostra Aneu és rellotge. 970 00:48:42,670 --> 00:48:43,585 Punt i coma. 971 00:48:43,585 --> 00:48:45,710 He de vos d'obtenir aquests punts i comes en aquesta ocasió, 972 00:48:45,710 --> 00:48:47,835 perquè em sento com que va ser el problema de l'última vegada. 973 00:48:47,835 --> 00:48:55,980 Acceptar el que, com li estava dient amb tractar JavaScript refresqui a si mateix, 974 00:48:55,980 --> 00:48:59,655 hi ha aquesta gran funció, I sé que va venir molt bé l'any passat, 975 00:48:59,655 --> 00:49:02,780 No estic segur que és molt útil per a aquest conjunt de processadors, però es diu interval establert. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 I això és realment molt genial si vostès fan res 978 00:49:08,200 --> 00:49:11,460 amb el temps o aconseguir informació actualitzada. 979 00:49:11,460 --> 00:49:13,700 En un lloc web per a una final projecte, això és probablement 980 00:49:13,700 --> 00:49:16,240 una funció que vol aconseguir súper familiaritzats. 981 00:49:16,240 --> 00:49:19,730 Així que el que fa és establir l'interval que anem a donar-li una funció, 982 00:49:19,730 --> 00:49:21,830 i amb quina freqüència hauria cridar a aquesta funció. 983 00:49:21,830 --> 00:49:22,430 D'acord? 984 00:49:22,430 --> 00:49:26,890 >> Així que en aquest cas, només anem a crear una certa funció anònima de nou, 985 00:49:26,890 --> 00:49:31,530 Bé, això va a arribar la nostra cita, i el nostre temps, 986 00:49:31,530 --> 00:49:33,780 i després actualitzar les coses i ho mostrem. 987 00:49:33,780 --> 00:49:35,130 Així que ens preocuparem d'això. 988 00:49:35,130 --> 00:49:39,120 Serem com generar rellotge aquí. 989 00:49:39,120 --> 00:49:41,750 Però el que necessitem és la forma sovint per actualitzar-lo. 990 00:49:41,750 --> 00:49:43,930 Així que en aquest cas, és només mil·lisegons. 991 00:49:43,930 --> 00:49:46,877 Així que només anem a fer 100 mil·lisegons. 992 00:49:46,877 --> 00:49:48,210 Per descomptat, completament arbitrària. 993 00:49:48,210 --> 00:49:50,600 Si volies que s'actualitzi molt més lentament, el que vas poder. 994 00:49:50,600 --> 00:49:53,300 No podem perdre el temps amb l'interval de temps establert, 995 00:49:53,300 --> 00:49:57,240 què tan gran és el nostre interval després que aconseguim un rellotge de treball, que espero poder 996 00:49:57,240 --> 00:49:59,660 arribar. 997 00:49:59,660 --> 00:50:04,110 Així que això és només dir: "Està bé, truqui al aquesta funció cada 100 mil·lisegons ". 998 00:50:04,110 --> 00:50:04,805 D'acord? 999 00:50:04,805 --> 00:50:07,280 Això és tot el que fa. 1000 00:50:07,280 --> 00:50:12,290 >> Llavors, què volem que la nostra funció per fer és que volem tenir una data 1001 00:50:12,290 --> 00:50:14,200 i algun temps és el tindrem. 1002 00:50:14,200 --> 00:50:19,740 Així que podem començar amb la nostra data és igual a alguna cosa, 1003 00:50:19,740 --> 00:50:22,708 i el nostre temps és igual a alguna cosa que no sabem encara. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 O en realitat, només necessitem la data, perquè data en què es va a incloure tot. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 De nou, si vostè acaba de Google res sobre el que vols fer, si vostè escriu, "OK, 1008 00:50:40,010 --> 00:50:41,980 Vull aconseguir el temps a través de JavaScript, "que 1009 00:50:41,980 --> 00:50:45,890 li donarà aquesta gran funció anomenada data d'obtenció. 1010 00:50:45,890 --> 00:50:48,664 Literalment, la majoria de les coses que vols fer, 1011 00:50:48,664 --> 00:50:50,830 JavaScript tindrà que es faci per a vostè ja. 1012 00:50:50,830 --> 00:50:55,770 Pel que és, literalment, com a nou obtenir la data, que és creating-- 1013 00:50:55,770 --> 00:50:58,600 o una nova data, rather-- que està generant 1014 00:50:58,600 --> 00:51:03,690 algun objecte que representa una data. 1015 00:51:03,690 --> 00:51:08,200 >> I què farem aquí és aquest és-- vaig a escriure això, 1016 00:51:08,200 --> 00:51:10,820 i després explicar el que fa. 1017 00:51:10,820 --> 00:51:12,560 Així que vaig a assegurar d'obtenir aquest dret. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, així que el que aquesta funció fa, és només som 1020 00:51:23,440 --> 00:51:30,680 creant el codi HTML que en realitat anirà dins del nostre div id de rellotge. 1021 00:51:30,680 --> 00:51:34,610 Així que el que això va a estar fent s'acaba de generar una mica de corda, OK? 1022 00:51:34,610 --> 00:51:38,510 És a dir llavors serà trasplantat al nostre HTML. 1023 00:51:38,510 --> 00:51:42,130 Bàsicament el que farà és el nosaltres-- el que jo et mostraré 1024 00:51:42,130 --> 00:51:49,070 és que qualsevol cosa que diguem HTML està, anem a reemplaçar aquest text aquí 1025 00:51:49,070 --> 00:51:51,090 amb el que és HTML. 1026 00:51:51,090 --> 00:51:56,390 Així que això permetrà que canviem la nostra RELLOTGE 1027 00:51:56,390 --> 00:52:00,940 HTML de ser només el text d'aquesta ha de ser un rellotge, per mostrar en realitat 1028 00:52:00,940 --> 00:52:05,630 els números i les coses que ens importen aproximadament, i en realitat ser a punt. 1029 00:52:05,630 --> 00:52:09,810 >> Així que el que farem és que estem començarà a generar aquest HTML. 1030 00:52:09,810 --> 00:52:16,520 Així, en la mateixa manera que es va utilitzar fer més iguals per a enters, 1031 00:52:16,520 --> 00:52:20,461 ara vostè pot fer la de les sèries, llevat que va a concatenar. 1032 00:52:20,461 --> 00:52:20,960 Dret? 1033 00:52:20,960 --> 00:52:26,070 Com vam veure amb el punt de partit js, això només concatena totes aquestes coses juntes. 1034 00:52:26,070 --> 00:52:31,970 Així que vostè pot concatenar diferents bits de HTML a partir de variables, o trossos de cordes 1035 00:52:31,970 --> 00:52:33,750 que escrigui a tu mateix, i això només 1036 00:52:33,750 --> 00:52:38,650 realment li permet de forma dinàmica generar HTML, que és bastant guai. 1037 00:52:38,650 --> 00:52:42,040 Així que si vostè té alguna cosa molt usuari específic, 1038 00:52:42,040 --> 00:52:44,130 això pot permetre que facis això. 1039 00:52:44,130 --> 00:52:47,550 >> Així que tenim HTML, perquè vaig a tractar d'assegurar d'obtenir aquest dret. 1040 00:52:47,550 --> 00:52:49,890 Així que farem una mica de capçalera h1. 1041 00:52:49,890 --> 00:52:53,610 Així que el que és important adonar-se aquí és que això és en realitat només HTML. 1042 00:52:53,610 --> 00:52:54,460 Dret? 1043 00:52:54,460 --> 00:52:56,610 Estem escrivint real Codi HTML a aquí, és 1044 00:52:56,610 --> 00:53:01,090 no només una cadena a la normalitat manera que anàvem a pensar-hi. 1045 00:53:01,090 --> 00:53:02,930 Així que tenim una mica d'HTML. 1046 00:53:02,930 --> 00:53:04,940 Això es considera una cadena aquí, però. 1047 00:53:04,940 --> 00:53:10,380 I ho fem data dot-- nosaltres que desitgi obtenir els nostres hora. 1048 00:53:10,380 --> 00:53:12,910 De nou, si anés a mirar fins res sobre la data, 1049 00:53:12,910 --> 00:53:16,160 que et diria que són tots els atributs d'aquesta data té. 1050 00:53:16,160 --> 00:53:17,670 I aquí està el que vostè pot utilitzar en ella. 1051 00:53:17,670 --> 00:53:20,620 Així que és probable que tingui coses com obtenir hores, i obtenir minuts, 1052 00:53:20,620 --> 00:53:24,669 i obtenir segons, i obtenir mil·lisegons, i qui sap què més tenen. 1053 00:53:24,669 --> 00:53:27,210 Però si ens fixem en el documentació, tot va a ser-hi. 1054 00:53:27,210 --> 00:53:31,980 >> Així que tenim obtenir hores, i després ens agradaria 1055 00:53:31,980 --> 00:53:35,614 per concatenar que con-- estic passarà això aquí. 1056 00:53:35,614 --> 00:53:38,780 Així que si estem generant en aquest moment, estem generar realment el temps, oi? 1057 00:53:38,780 --> 00:53:43,590 Tenim hores, i després el que està entre hores i minuts? 1058 00:53:43,590 --> 00:53:45,080 Vostè té un punt i coma, oi? 1059 00:53:45,080 --> 00:53:48,010 Per això volem fer una mica de punt i coma aquí. 1060 00:53:48,010 --> 00:53:51,780 I després volem aconseguir el nostre minuts, de manera que de la mateixa manera 1061 00:53:51,780 --> 00:53:56,450 que tenim data dot obtenir hores, Com podem aconseguir els nostres minuts? 1062 00:53:56,450 --> 00:54:01,542 És, literalment, data dot arribar minuts, el que m'agrada. 1063 00:54:01,542 --> 00:54:03,250 És com, "oh, com Com puc obtenir els meus minuts? " 1064 00:54:03,250 --> 00:54:05,850 Acabo d'arribar de les meves minuts. 1065 00:54:05,850 --> 00:54:07,500 >> D'acord. 1066 00:54:07,500 --> 00:54:10,990 I després tenim dos punts aquí. 1067 00:54:10,990 --> 00:54:16,350 I després, si volem aconseguir el nostre segon, com podríem aconseguir la nostra segona? 1068 00:54:16,350 --> 00:54:17,400 Data dot arribar segon. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Crec que és molt bo. 1071 00:54:21,590 --> 00:54:23,589 I el que és important adonar-se'n, és que nosaltres també 1072 00:54:23,589 --> 00:54:31,730 hagi de tancar la nostra etiqueta HTML aquí, perquè encara ha de ser HTML vàlida, per la qual h1. 1073 00:54:31,730 --> 00:54:33,481 Fresc. 1074 00:54:33,481 --> 00:54:43,110 >> Així que després d'això, podem fer rellotge dot HTML intern és igual a HTML. 1075 00:54:43,110 --> 00:54:43,930 D'acord? 1076 00:54:43,930 --> 00:54:46,470 Així que recordi com em vaig dir HTML intern bàsicament 1077 00:54:46,470 --> 00:54:50,610 pren el que sigui entre el dues etiquetes que parlem 1078 00:54:50,610 --> 00:54:54,470 i s'insereix o manipula el que hi és? 1079 00:54:54,470 --> 00:54:58,290 Així que el que això fa, si tornem al nostre rellotge, 1080 00:54:58,290 --> 00:55:04,180 és que el rellotge es refereix a tot dins d'aquest div. 1081 00:55:04,180 --> 00:55:09,770 Aquest és el codi HTML intern d'aquest rellotge div id. 1082 00:55:09,770 --> 00:55:13,930 I pel que va a canviar-ho a l'HTML que acaba de generar, 1083 00:55:13,930 --> 00:55:16,750 que, que, amb sort, tant de bo, tant de bo, 1084 00:55:16,750 --> 00:55:21,026 mostrarà el temps en aquest moment. 1085 00:55:21,026 --> 00:55:23,960 Ja veurem. 1086 00:55:23,960 --> 00:55:25,170 Per descomptat. 1087 00:55:25,170 --> 00:55:26,860 Així que moltes qüestions tècniques. 1088 00:55:26,860 --> 00:55:31,480 Sol-- d'Allison sóc fora del meu joc d'avui nois. 1089 00:55:31,480 --> 00:55:34,136 Bé, això funciona. 1090 00:55:34,136 --> 00:55:35,760 rellotge de punts HTML intern. 1091 00:55:35,760 --> 00:55:42,097 Va ser HTML debò? 1092 00:55:42,097 --> 00:55:43,180 També això és el que passa. 1093 00:55:43,180 --> 00:55:48,750 Quan no es pot veure alguna cosa, només cal veure el seu codi font. 1094 00:55:48,750 --> 00:55:49,250 D'acord. 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 Vostè vol saber un treball fresc voltant que farem aquí? 1097 00:55:54,870 --> 00:55:55,740 >> AUDIÈNCIA: Pot vostè fer amb majúscules? 1098 00:55:55,740 --> 00:55:56,580 Les lletres majúscules? 1099 00:55:56,580 --> 00:55:58,996 Com que vostè té aconseguir hores, i després aconseguir minuts. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON Buchholtz-AU: Es és aconseguir hora i get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Vostè tracti: estrella d'or. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 És tot una prova, nois. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Et prometo que estava treballant abans de la classe. 1106 00:56:17,330 --> 00:56:22,590 >> Bé, però alguna cosa fresc saber és que pot també- si de vegades 1107 00:56:22,590 --> 00:56:26,560 seus arxius externs són aconseguir una mica boig, 1108 00:56:26,560 --> 00:56:30,960 també pot simplement posar-los directament aquí, el que tendeix a arreglar les coses. 1109 00:56:30,960 --> 00:56:35,840 Excepte això és com realment lleig. 1110 00:56:35,840 --> 00:56:38,050 Per descomptat formatar tot. 1111 00:56:38,050 --> 00:56:41,425 Assegureu-vos que tot és bonic. 1112 00:56:41,425 --> 00:56:41,925 D'acord. 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> Jo volia fer totes les demos fresc, i que estan simplement no fer exercici. 1115 00:56:50,621 --> 00:56:51,555 D'acord. 1116 00:56:51,555 --> 00:56:53,890 Rellotge var Script. 1117 00:56:53,890 --> 00:57:00,350 De tota manera, l'important és que aquesta és la manera general 1118 00:57:00,350 --> 00:57:01,870 que vostè formateu JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Com podeu veure, pot ser molt primmirats de vegades, 1120 00:57:04,490 --> 00:57:08,780 fins i tot quan estava literalment treballar fa dos segons. 1121 00:57:08,780 --> 00:57:11,820 O fa no dos a segon lloc, però molt, molt poc. 1122 00:57:11,820 --> 00:57:16,070 >> Així que li mostri el que ha de ser similar, i per mostrar que no estic boig, 1123 00:57:16,070 --> 00:57:19,730 i que tot és exactament mateix, això és el que ha de ser similar. 1124 00:57:19,730 --> 00:57:27,410 No ets més que farà aquesta part superior aquí, i si veu font de la pàgina, 1125 00:57:27,410 --> 00:57:32,160 si et fixes, que va fer alguns coses boges, em va simplificar. 1126 00:57:32,160 --> 00:57:35,710 A més, el crèdit a Tommy McWilliam, que en realitat 1127 00:57:35,710 --> 00:57:38,810 em va ajudar a crear aquests exemples, que és per això que sé que treballen. 1128 00:57:38,810 --> 00:57:41,560 Com que Tommy és un mestre JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Però si ens adonem, tenim un conjunt. 1130 00:57:43,180 --> 00:57:45,170 Tenim la nostra funció de rellotge aquí. 1131 00:57:45,170 --> 00:57:48,450 Això és tot el codi JavaScript que que acabem d'escriure, o part d'ella. 1132 00:57:48,450 --> 00:57:51,470 Acabem d'escriure aquesta d'aquí. 1133 00:57:51,470 --> 00:57:54,260 I té un extra funció que només s'omple 1134 00:57:54,260 --> 00:57:57,790 posant un zero abans d'una carta o abans d'un nombre si és 1135 00:57:57,790 --> 00:57:59,412 només un d'ells. 1136 00:57:59,412 --> 00:58:02,120 Així que si et fixes, això és bastant molt exactament el que acabo d'escriure. 1137 00:58:02,120 --> 00:58:06,230 Vostè té algun rellotge variable que té el nostre element, obtenir elements per ID, 1138 00:58:06,230 --> 00:58:07,252 que és rellotge. 1139 00:58:07,252 --> 00:58:08,960 Tenim el nostre interval establert funció, que és 1140 00:58:08,960 --> 00:58:12,670 una funció anònima que executa tot això. 1141 00:58:12,670 --> 00:58:16,940 Hem alguns partir cadena de HTML que llavors dinàmicament 1142 00:58:16,940 --> 00:58:20,750 generar per tenir alguns capçalera h1, concatenant 1143 00:58:20,750 --> 00:58:23,950 amb obtenir les hores, més nostre còlon, a més d'aconseguir 1144 00:58:23,950 --> 00:58:26,860 els minuts, més un altre còlon, a més de les nostres segons, 1145 00:58:26,860 --> 00:58:29,330 i finalment l'HTML acabant per això. 1146 00:58:29,330 --> 00:58:34,210 I després actualitzem el nostre rellotge dot HTML intern a HTML, 1147 00:58:34,210 --> 00:58:37,640 i actualitzem cada 100 mil·lisegons. 1148 00:58:37,640 --> 00:58:39,060 D'acord? 1149 00:58:39,060 --> 00:58:42,470 >> Mira, jo prometo que no estic boig. 1150 00:58:42,470 --> 00:58:43,440 No ho sé. 1151 00:58:43,440 --> 00:58:47,160 No sé per què no em vol. 1152 00:58:47,160 --> 00:58:54,030 Sento que té el mateix aspecte, però sembla ser que m'odia. 1153 00:58:54,030 --> 00:58:59,600 >> Així que anem a veure si la tercera ronda va millor. 1154 00:58:59,600 --> 00:59:00,970 Estem a punt de veure. 1155 00:59:00,970 --> 00:59:02,910 No estic segur de com això va a anar. 1156 00:59:02,910 --> 00:59:06,700 Està tot el món, almenys, aconseguir que el contres, com només el tema general 1157 00:59:06,700 --> 00:59:08,480 de JavaScript, però? 1158 00:59:08,480 --> 00:59:15,660 Espero que sigui almenys útil, més de mostrar que és una mica empipador. 1159 00:59:15,660 --> 00:59:21,190 Però el conjunt de problemes serà molt divertit. 1160 00:59:21,190 --> 00:59:22,590 Serà gran. 1161 00:59:22,590 --> 00:59:24,820 No serà tan avorrit ja que això, no crec. 1162 00:59:24,820 --> 00:59:28,100 Segur que arribarà a veure coses molt interessants. 1163 00:59:28,100 --> 00:59:31,734 >> Així que finalment però no menys important, anem a tractar el Twitter. 1164 00:59:31,734 --> 00:59:32,900 Estic molt espantat ara, nois. 1165 00:59:32,900 --> 00:59:35,762 No sé com anirà. 1166 00:59:35,762 --> 00:59:39,930 Però només per donar-li una mica més sabor, i això és en realitat 1167 00:59:39,930 --> 00:59:44,190 cadenes de manipular i entrades, el que van a fer 1168 00:59:44,190 --> 00:59:50,960 És a dir, si ens adonem aquí amb HTML-- aquest té una mica més-- 1169 00:59:50,960 --> 00:59:57,200 tenim una àrea de text, que correspon a aquesta àrea de text aquí. 1170 00:59:57,200 --> 00:59:58,030 D'acord? 1171 00:59:58,030 --> 01:00:00,420 I això té un identificador de text. 1172 01:00:00,420 --> 01:00:04,520 Va ser reformat una mica amb una mica d'amplada i alçada 1173 01:00:04,520 --> 01:00:07,310 que hem predeterminat, i hem H1, 1174 01:00:07,310 --> 01:00:11,260 que només és la nostra capçalera que representa els nostres caràcters restants. 1175 01:00:11,260 --> 01:00:14,570 Li vam donar una mica de Id de caràcters restants, 1176 01:00:14,570 --> 01:00:18,660 i després tenim una seqüència d'ordres aquí, que estic realment 1177 01:00:18,660 --> 01:00:20,790 esperant el temps de tercer l'encant aquí, nois. 1178 01:00:20,790 --> 01:00:26,750 >> Així que el que volem fer, en el mateix sentit en general 1179 01:00:26,750 --> 01:00:31,480 que hem fet amb js RELLOTGE i el punt de partit js com hem notat, 1180 01:00:31,480 --> 01:00:35,980 Som nosaltres hem començat per l'acaparament de realitat les coses que ens importen, oi? 1181 01:00:35,980 --> 01:00:42,330 Així doncs, en aquest cas, hi ha dos coses que ens importen, OK? 1182 01:00:42,330 --> 01:00:47,199 Una cosa que en realitat estem tipus de buscar en l'elaboració i les dades de, 1183 01:00:47,199 --> 01:00:48,990 i una cosa que en realitat estem canviant. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Així que el nostre HTML. 1186 01:00:53,730 --> 01:01:00,370 Si aquesta és la nostra pàgina web aquí, el que és les dades que estem veient? 1187 01:01:00,370 --> 01:01:03,860 Serà el el text en les nostres caixes, oi? 1188 01:01:03,860 --> 01:01:05,310 Així que el que escric aquí. 1189 01:01:05,310 --> 01:01:08,150 Això és el que vull saber, o això és el que vull veure. 1190 01:01:08,150 --> 01:01:10,690 I el que serà canviant en la nostra pàgina web? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Els caràcters restants. 1193 01:01:14,880 --> 01:01:19,550 Així que de la mateixa manera, volem començar per inicialitzar les variables 1194 01:01:19,550 --> 01:01:22,030 que en realitat sostenen a aquests elements. 1195 01:01:22,030 --> 01:01:22,890 D'acord? 1196 01:01:22,890 --> 01:01:29,930 Així que si tenim una mica de var aquesta és la nostra àrea de text, 1197 01:01:29,930 --> 01:01:33,681 i tenim una mica de var que queda. 1198 01:01:33,681 --> 01:01:34,180 Dret? 1199 01:01:34,180 --> 01:01:36,190 Així que aquests van a mantenir aquestes dues coses. 1200 01:01:36,190 --> 01:01:42,370 Així mateix tipus de coses, document dot-- bé, estic 1201 01:01:42,370 --> 01:01:45,920 va a assegurar-se que això és funcionarà aquesta vegada. 1202 01:01:45,920 --> 01:01:49,620 Estic molt inflexible. 1203 01:01:49,620 --> 01:01:53,310 OK, així que si volem que la nostra àrea de text, d'acord 1204 01:01:53,310 --> 01:01:55,710 en el nostre HTML, quin és el nostre identificador? 1205 01:01:55,710 --> 01:01:56,420 Quina és la nostra identitat? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 És només serà text perquè això crea la nostra àrea de text, OK, 1208 01:02:05,540 --> 01:02:10,320 i la nostra Aneu és de text, pel que és com podem prendre el que hi ha allà. 1209 01:02:10,320 --> 01:02:12,130 Acceptar, punt i coma. 1210 01:02:12,130 --> 01:02:13,940 Jo seré súper precisa al respecte, 1211 01:02:13,940 --> 01:02:16,300 perquè vull que això funcioni aquesta vegada. 1212 01:02:16,300 --> 01:02:22,120 Acceptar, fer el mateix, aconseguir element per Id. 1213 01:02:22,120 --> 01:02:25,970 Realment m'estic preguntant què té causat els altres dos a espatllar. 1214 01:02:25,970 --> 01:02:29,750 Acceptar i després en aquest, Què volem accedir? 1215 01:02:29,750 --> 01:02:30,760 Quina és la nostra Aneu aquí? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Tenim un altre Aneu a nostre HTML, què és? 1218 01:02:36,261 --> 01:02:37,552 AUDIÈNCIA: Caràcters restants. 1219 01:02:37,552 --> 01:02:39,343 ALLISON Buchholtz-AU: Caràcters restants. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> D'acord. 1222 01:02:44,330 --> 01:02:46,010 Fresc. 1223 01:02:46,010 --> 01:02:49,800 Així que només vaig a escriure això molt ràpid. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Jo només vaig a escriure això en segons. 1226 01:02:55,330 --> 01:02:56,190 Així àrea de text. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 El que és interessant és B function-- allà un munt de funcions que no només 1229 01:03:06,180 --> 01:03:09,690 corresponen a la seva ratolí, però el seu teclat. 1230 01:03:09,690 --> 01:03:10,190 D'acord? 1231 01:03:10,190 --> 01:03:16,540 Així que es pot dir quan una tecla és pressionat, es poden fer coses com aquestes. 1232 01:03:16,540 --> 01:03:20,450 Així que el que estem utilitzant es diu en clau, la qual cosa 1233 01:03:20,450 --> 01:03:25,320 diu, "si s'ha premut una tecla el seu teclat, quan l'usuari ha aixecat 1234 01:03:25,320 --> 01:03:28,064 el dit d'aquest botó, i la clau s'ha convertit sense premsar, 1235 01:03:28,064 --> 01:03:29,480 llavors anem a fer alguna cosa ". 1236 01:03:29,480 --> 01:03:29,980 D'acord? 1237 01:03:29,980 --> 01:03:31,370 Així que això té sentit, oi? 1238 01:03:31,370 --> 01:03:33,540 Com que tots els personatges teclegem, anem 1239 01:03:33,540 --> 01:03:36,550 a haver d'aixecar els dits fora de la mateixa, de manera que quan la tecla puja, 1240 01:03:36,550 --> 01:03:40,980 podem conèixer a disminuir els nostres caràcters restants. 1241 01:03:40,980 --> 01:03:44,440 >> Així que tenim alguna cosa en clau amunt, i de la mateixa manera, 1242 01:03:44,440 --> 01:03:47,480 direm, "Està bé, quan fem això, ens 1243 01:03:47,480 --> 01:03:55,110 es crearà una certa funció que prendrà i, "en aquest cas, 1244 01:03:55,110 --> 01:03:58,800 i el que volem fer és calcular el nombre restant. 1245 01:03:58,800 --> 01:04:02,510 OK, així que començarem mitjançant la creació d'una variable. 1246 01:04:02,510 --> 01:04:05,830 Així que tenim alguna cosa variable r, això representarà 1247 01:04:05,830 --> 01:04:07,720 el nombre de caràcters que ens queda. 1248 01:04:07,720 --> 01:04:08,890 D'acord? 1249 01:04:08,890 --> 01:04:14,540 Sabem que partim 140, i si volem saber, 1250 01:04:14,540 --> 01:04:18,360 diguem, la longitud d'aquest cadena que d'entrada ha estat, 1251 01:04:18,360 --> 01:04:20,860 Vostès tenen alguna idea com podem fer això? 1252 01:04:20,860 --> 01:04:23,900 Només amb seu fora del que és obvi coses, com si ens volguessin hores, 1253 01:04:23,900 --> 01:04:25,870 solíem obtenir hores. 1254 01:04:25,870 --> 01:04:28,860 Sabem que el nostre objecte és àrea de text, però podrien vostès 1255 01:04:28,860 --> 01:04:33,050 pensar en el que podria venir després d'ell? 1256 01:04:33,050 --> 01:04:35,280 Alguna idea? 1257 01:04:35,280 --> 01:04:41,730 >> Així que tipus d'aquesta una de menys intuïtiu, però és valor de la longitud del punt. 1258 01:04:41,730 --> 01:04:44,700 Així que només em donen una mica de atribut de valor que 1259 01:04:44,700 --> 01:04:46,500 és en realitat la longitud d'aquesta cadena. 1260 01:04:46,500 --> 01:04:50,340 Així que dirà, "OK, estic buscant en tota aquesta cadena a l'àrea de text, 1261 01:04:50,340 --> 01:04:52,730 i jo vaig a dir quant de temps és ". 1262 01:04:52,730 --> 01:04:55,500 Perquè si recordem cadenes en realitat només són arrays, 1263 01:04:55,500 --> 01:04:58,110 pel que només podem prendre la longitud d'ells. 1264 01:04:58,110 --> 01:05:01,860 Així que hem de. 1265 01:05:01,860 --> 01:05:04,058 Fresc. 1266 01:05:04,058 --> 01:05:09,360 >> Llavors el que volem fer és que No faltarà per permetre a l'usuari 1267 01:05:09,360 --> 01:05:12,340 a l'entrada de més de 140 caràcters, no? 1268 01:05:12,340 --> 01:05:15,610 Perquè si diem com, "oh, només tenen aquesta quantitat restant " 1269 01:05:15,610 --> 01:05:20,522 i després els deixi fer això de totes maneres, que hem estat mentint. 1270 01:05:20,522 --> 01:05:22,230 I aquest és un altre cosa que JavaScript 1271 01:05:22,230 --> 01:05:24,530 pot ser molt bo per, és la validació de l'usuari 1272 01:05:24,530 --> 01:05:29,062 i assegurar-se que el seu usuari encaixa dins de les regles 1273 01:05:29,062 --> 01:05:30,270 que vostè ha proporcionat a ells. 1274 01:05:30,270 --> 01:05:36,020 Així que si vols fer coses com fer Assegureu-vos que l'entrada a algú de la seva adreça de correu electrònic, 1275 01:05:36,020 --> 01:05:40,242 o assegurar-se que quan es Introdueix dues contrasenyes, coincidien. 1276 01:05:40,242 --> 01:05:41,200 JavaScript pot fer això. 1277 01:05:41,200 --> 01:05:44,010 Es podria fer alguna cosa com, "quan s'envia el formulari, "o similar, 1278 01:05:44,010 --> 01:05:48,170 "Quan botó Enviar formulari és es fa clic, totes aquestes coses ". 1279 01:05:48,170 --> 01:05:49,670 I podem fer això JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Així que això és just el que farem aquí. 1281 01:05:52,680 --> 01:05:57,810 >> Llavors, què podria ser una manera de comprovar si que han passat més de 140 caràcters? 1282 01:05:57,810 --> 01:06:03,310 ¿Què passarà amb el nostre valor de r si ho intenten? 1283 01:06:03,310 --> 01:06:04,760 Serà negatiu, no? 1284 01:06:04,760 --> 01:06:07,380 O que serà menys que o igual a zero. 1285 01:06:07,380 --> 01:06:13,690 Així que podem utilitzar una si és igual que tota la resta. 1286 01:06:13,690 --> 01:06:14,270 D'acord? 1287 01:06:14,270 --> 01:06:20,480 I tenim alguns punts àrea de text valor, i el que estem fent aquí 1288 01:06:20,480 --> 01:06:29,940 és només estem cutting-- què és? 1289 01:06:29,940 --> 01:06:30,900 Ho sento. 1290 01:06:30,900 --> 01:06:32,732 Aquest, que només volen tornar falsa. 1291 01:06:32,732 --> 01:06:34,030 Em vaig confondre. 1292 01:06:34,030 --> 01:06:36,560 Tot esgotat de les coses que no treballa. 1293 01:06:36,560 --> 01:06:40,010 Acceptar, només volem return false, i després 1294 01:06:40,010 --> 01:06:44,160 desitgi mostrar la caràcters restants, oi? 1295 01:06:44,160 --> 01:06:48,720 Així que amb el rellotge, ho vam fer alguna cosa amb HTML intern, no? 1296 01:06:48,720 --> 01:06:52,070 On el posem igual a algun variables, així que el que podríem fer aquí? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Què estem canviant l'HTML intern? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> AUDIÈNCIA: restant? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON Buchholtz-AU: Estem canviant restant. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Molt bé, i el que tenim , Desitja configurar de la mateixa? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Serà r, ja que haurien de ser els nostres caràcters restants. 1306 01:07:18,437 --> 01:07:19,600 D'acord? 1307 01:07:19,600 --> 01:07:26,060 Així que estic molt nerviós per veure si això funciona ara, però ja veurem. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Deixa això. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Això és molt ràpid. 1312 01:07:37,700 --> 01:07:38,970 [Inaudible] a D'acord. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Un cop més, jo només vaig a mostrar. 1315 01:07:45,990 --> 01:07:49,430 Per alguna raó, la meva no decideix treballar, 1316 01:07:49,430 --> 01:07:53,354 però el que jo et mostraré és que aquest és-- oh jo havia de posar això en. 1317 01:07:53,354 --> 01:07:57,470 Bé, ens adonem de la mateixa classe de cosa aquí, per obtenir l'àrea de text. 1318 01:07:57,470 --> 01:08:01,070 >> A més, si vostè avís noi, si hi ha alguna vegada alguna cosa que vols fer, 1319 01:08:01,070 --> 01:08:04,080 i no sap com fer-ho , Simplement feu clic a Visualitza l'origen de pàgina, 1320 01:08:04,080 --> 01:08:06,632 i que diran. 1321 01:08:06,632 --> 01:08:07,840 De vegades serà encriptat. 1322 01:08:07,840 --> 01:08:11,147 Per a la seva conjunt de processadors, codifiquem tot, de manera que només s'assembla un galimaties. 1323 01:08:11,147 --> 01:08:13,480 Però si alguna vegada hi ha una realitat lloc web molt interessant que t'agrada, 1324 01:08:13,480 --> 01:08:17,729 si només clic a Visualitza l'origen de pàgina, que dirà com fer-ho. 1325 01:08:17,729 --> 01:08:20,770 Així que de nou, treballar més intel ligentment, no més difícil. 1326 01:08:20,770 --> 01:08:24,250 I com es pot veure aquí, tots aquestes coses són el mateix. 1327 01:08:24,250 --> 01:08:31,930 aquest d'aquí només requereix una mica subcadena que, no recordo exactament el que això fa. 1328 01:08:31,930 --> 01:08:36,980 Però, òbviament, porta algun subcadena del valor de zero a deu, 1329 01:08:36,980 --> 01:08:41,540 i retorna fals el que s'ha de deixar de l'usuari d'introduir més, 1330 01:08:41,540 --> 01:08:46,040 i després actualitza òbviament el codi HTML intern allà. 1331 01:08:46,040 --> 01:08:47,410 >> Fresc. 1332 01:08:47,410 --> 01:08:53,000 Així grans prendre les escapades a partir d'avui, experiment, mirar el codi font 1333 01:08:53,000 --> 01:08:58,359 perquè va a ajudar molt, i tothom, de vegades JavaScript 1334 01:08:58,359 --> 01:09:03,200 pot ser difícil de treballar i no sempre funcionen de la manera que vostè espera que, 1335 01:09:03,200 --> 01:09:05,700 però només seguir intentant perquè et prometo que ho farà. 1336 01:09:05,700 --> 01:09:08,376 Et prometo tots aquests exemples estaven treballant abans de la classe. 1337 01:09:08,376 --> 01:09:09,750 No entenc el que va passar. 1338 01:09:09,750 --> 01:09:13,069 Jo, literalment, tinc tot el mateix. 1339 01:09:13,069 --> 01:09:17,660 >> Una cosa més que només vull mostrar nois que poden ser super útil 1340 01:09:17,660 --> 01:09:21,630 es en-- el que estava treballant abans? 1341 01:09:21,630 --> 01:09:23,935 Tenim part a la feina, no? 1342 01:09:23,935 --> 01:09:26,569 Crec que sí. 1343 01:09:26,569 --> 01:09:27,069 Sí. 1344 01:09:27,069 --> 01:09:27,630 Ho vam fer. 1345 01:09:27,630 --> 01:09:28,250 Impressionant. 1346 01:09:28,250 --> 01:09:31,189 OK, així que l'únic que vostès han de saber 1347 01:09:31,189 --> 01:09:33,340 és el registre de la consola de la qual vaig parlar. 1348 01:09:33,340 --> 01:09:37,040 Així consolar registre de punts de hola. 1349 01:09:37,040 --> 01:09:40,430 Així que això és una espècie de la Equivalent JavaScript de printf. 1350 01:09:40,430 --> 01:09:42,810 Així que si mai vols inspeccionar les variables 1351 01:09:42,810 --> 01:09:49,649 o veure el que està passant allà, el que que pot fer és, si inspeccionem element, 1352 01:09:49,649 --> 01:09:51,899 és el que es vol anar a, i et vas a la consola, 1353 01:09:51,899 --> 01:09:53,770 veuràs que imprimeix hola. 1354 01:09:53,770 --> 01:09:55,750 >> Així que podríem tenir- imprimir tot el que volíem. 1355 01:09:55,750 --> 01:10:04,170 Si volíem que imprimeix fons fons del punt de l'estil del punt, 1356 01:10:04,170 --> 01:10:08,454 hem de ser capaços de veure el RGB triples que apareix. 1357 01:10:08,454 --> 01:10:11,140 O no. 1358 01:10:11,140 --> 01:10:13,520 Jo recordo exactament com imprimir una variable així, 1359 01:10:13,520 --> 01:10:17,249 però vostè hauria de ser capaç de imprimir coses per l'estil. 1360 01:10:17,249 --> 01:10:19,040 Això serà molt útil per el seu conjunt de processadors quan 1361 01:10:19,040 --> 01:10:23,330 vostè està tractant de manipular coordina o el que sigui. 1362 01:10:23,330 --> 01:10:25,270 Així que ells també canvien aquesta peça a classe. 1363 01:10:25,270 --> 01:10:30,750 Això és diferent dels últims anys, de manera només sigui agradable als seus TFS, o la TFS 1364 01:10:30,750 --> 01:10:36,350 en hores d'oficina en lloc, perquè som tipus d'aprenentatge juntament amb vostès. 1365 01:10:36,350 --> 01:10:41,230 Però el registre de la consola era super, super útil per a JavaScript any passat. 1366 01:10:41,230 --> 01:10:42,740 Així que m'encanta. 1367 01:10:42,740 --> 01:10:43,780 Apreneu com usar-lo. 1368 01:10:43,780 --> 01:10:49,026 És més fàcil d'utilitzar que el BGF, de manera que ha de ser com a mínim un punt més. 1369 01:10:49,026 --> 01:10:50,650 Però gràcies nois estan donant amb mi. 1370 01:10:50,650 --> 01:10:53,400 Sento que la meva exemples per alguna raó 1371 01:10:53,400 --> 01:10:55,410 simplement no volia cooperar amb mi, però jo 1372 01:10:55,410 --> 01:11:01,010 espero que va ajudar tipus de aconseguir-li un poc més a la zona de JavaScript. 1373 01:11:01,010 --> 01:11:04,980 I enviar totes les seves preguntes per la setmana que ve, així que pot ser reparat súper, 1374 01:11:04,980 --> 01:11:09,420 i vaig a portar dolços i fins i tot addicional dolços perquè això era ridícul. 1375 01:11:09,420 --> 01:11:14,000 Però vostès són grans, i tenir una setmana increïble. 1376 01:11:14,000 --> 01:11:15,584