1
00:00:00,000 --> 00:00:10,632

2
00:00:10,632 --> 00:00:12,340
ALLISON Buchholtz-AU:
All todos dereita.

3
00:00:12,340 --> 00:00:13,520
Benvido de volta á sección.

4
00:00:13,520 --> 00:00:15,315
É a nosa penúltima sección.

5
00:00:15,315 --> 00:00:16,542
É tan triste.

6
00:00:16,542 --> 00:00:19,500
Eu non sei o que eu vou facer
sen ver vostedes toda luns.

7
00:00:19,500 --> 00:00:20,970
Creo que debemos só--
Quizá poderiamos só

8
00:00:20,970 --> 00:00:22,710
atópanse aquí e cea ou algo así.

9
00:00:22,710 --> 00:00:23,270
Eu non sei.

10
00:00:23,270 --> 00:00:24,370
Vou traer comida no canto.

11
00:00:24,370 --> 00:00:26,290
Nós imos falar.

12
00:00:26,290 --> 00:00:29,900
Mais si, a próxima semana vai
ser a nosa última sección.

13
00:00:29,900 --> 00:00:32,390
>> Na mesma nota, ten unha proba a próxima semana.

14
00:00:32,390 --> 00:00:35,660
Sei que eu esquezo de facer o meu, como,
dúas semanas de antelación, a semana pasada,

15
00:00:35,660 --> 00:00:39,140
Pero espero que vós
sabía que iso ía ocorrer.

16
00:00:39,140 --> 00:00:42,880
Esperemos que este é un dos últimos
midterms para vostedes para o semestre.

17
00:00:42,880 --> 00:00:46,950
Pero que vai cubrir toda a
material que temos ido máis.

18
00:00:46,950 --> 00:00:50,811
Polo tanto, non é como pode simplemente esquecer
preto de catro lazos ou variables.

19
00:00:50,811 --> 00:00:52,560
Porque aprendemos
aqueles en principio,

20
00:00:52,560 --> 00:00:55,870
aqueles son obviamente
xogo xusto para o seu quiz.

21
00:00:55,870 --> 00:01:00,150
>> Será o mesmo formato, mesmo
lonxitude, de xeito que xa está acostumado con iso.

22
00:01:00,150 --> 00:01:02,330
Non vai ser
codificación por problemas de man,

23
00:01:02,330 --> 00:01:06,270
quizais algún verdadeiro falso,
quizais algunha resposta curta.

24
00:01:06,270 --> 00:01:08,090
Entón ten que ser
familiarizados co formato,

25
00:01:08,090 --> 00:01:10,940
especialmente se levar
as probas prácticos.

26
00:01:10,940 --> 00:01:13,950
Pero como digo aquí, é
acumulativo, pero estamos sempre

27
00:01:13,950 --> 00:01:17,410
vai concentrarse en
cousas de semana seis en diante.

28
00:01:17,410 --> 00:01:24,050
Entón, nós estamos probablemente non vai
preguntarlle sobre cantos bytes

29
00:01:24,050 --> 00:01:26,180
son en cada tipo ou
eses tipos de cousas,

30
00:01:26,180 --> 00:01:29,730
pero estamos probablemente vai ser
interesado en cousas como listas ligadas,

31
00:01:29,730 --> 00:01:32,750
ou diferentes estruturas de datos,
ou algoritmos diferentes

32
00:01:32,750 --> 00:01:33,960
que xa falamos sobre.

33
00:01:33,960 --> 00:01:38,990
Polo tanto, comproba que está realmente
-Se sobre aqueles, e se

34
00:01:38,990 --> 00:01:41,590
Debe de recursos,
aquí está unha morea de recursos.

35
00:01:41,590 --> 00:01:44,790
Eu só che dei tipo
dunha lista rápida alí.

36
00:01:44,790 --> 00:01:48,330
>> A próxima semana será cuestionario
revisar durante este tempo.

37
00:01:48,330 --> 00:01:52,290
Entón, se tes algunha dúbida
ou temas específicos,

38
00:01:52,290 --> 00:01:56,180
cousas específicas sobre o quiz que
desexa pasar por riba, por favor

39
00:01:56,180 --> 00:02:01,780
envialos a min antes de tempo para que eu poida
tipo de preparar algún material para iso.

40
00:02:01,780 --> 00:02:06,310
E ademais
avaliación sección, imos

41
00:02:06,310 --> 00:02:09,616
estar seguro o curso a escala
avaliar como fixemos a última vez.

42
00:02:09,616 --> 00:02:11,490
E iso vai ser
feito polas mesmas persoas.

43
00:02:11,490 --> 00:02:13,030
Eu non sei se isto
fai que sexa mellor ou peor,

44
00:02:13,030 --> 00:02:15,670
pero vai ser de min,
Hannah, Davan, e Gabe novo.

45
00:02:15,670 --> 00:02:18,630
Entón, se quere vir ver
todos brincadeiras uns cos outros

46
00:02:18,630 --> 00:02:21,270
e oriente-lo a través cuestionario
avaliación, ten que definitivamente

47
00:02:21,270 --> 00:02:22,600
chegar a esa vindeiro luns tamén.

48
00:02:22,600 --> 00:02:26,210
Entón vai ter un conxestionamento de luns
embalado de avaliación cuestionario, o que é bo

49
00:02:26,210 --> 00:02:29,840
porque entón tes martes
para procesar a través de todo.

50
00:02:29,840 --> 00:02:32,230
>> Pero definitivamente facer check-
estes recursos.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net é, de lonxe, I
penso, un dos máis útiles,

52
00:02:36,030 --> 00:02:37,990
sobre todo porque ten
unha morea de código de exemplo,

53
00:02:37,990 --> 00:02:40,490
el ten todo Puntos de Poder
con todas as notas sobre el,

54
00:02:40,490 --> 00:02:44,510
que son realmente o que eu debuxe máis
dos meus materiais de sección de.

55
00:02:44,510 --> 00:02:47,480
Se hai algo no anterior
seccións que eu poida ter enviados

56
00:02:47,480 --> 00:02:49,920
que non pode ter
comezara, é só me avisar.

57
00:02:49,920 --> 00:02:52,520
Como código de exemplo da semana pasada,
se alguén non conseguir isto,

58
00:02:52,520 --> 00:02:55,930
só me correo electrónico ou vir falar comigo,
e eu vou estar seguro de que vostede pode iso.

59
00:02:55,930 --> 00:03:02,000
>> Entón, con iso, hoxe imos
estar falando de JavaScript.

60
00:03:02,000 --> 00:03:04,690
Entón aquí nós Tommy, quen era eu
só falando con vostede na noite pasada.

61
00:03:04,690 --> 00:03:06,670
Encántame Tommy.

62
00:03:06,670 --> 00:03:09,040
JavaScript é o seu favorito
lingua, como el di aquí.

63
00:03:09,040 --> 00:03:14,050
Eles van tentar dicirlle que é
non é o mellor, e eles van estar mal.

64
00:03:14,050 --> 00:03:16,510
Entón, Tommy é un mestre JavaScript.

65
00:03:16,510 --> 00:03:19,850
Eu non estou moi na súa
nivel, pero eu era como,

66
00:03:19,850 --> 00:03:22,900
"Tommy, como fago para ensinar
eses nenos javascript? "

67
00:03:22,900 --> 00:03:26,700
Entón, eu teño algúns consellos, entón
espero que eles funcionan.

68
00:03:26,700 --> 00:03:31,140
>> Así, un par de cousas a saber é que
JavaScript é un script do lado do cliente

69
00:03:31,140 --> 00:03:35,560
lingua, por iso mentres o PHP é algo
que consideramos máis do lado do servidor,

70
00:03:35,560 --> 00:03:39,280
foi facer a carga para o servidor,
compilado e executado alí.

71
00:03:39,280 --> 00:03:42,871
Este é executada
na súa propia máquina.

72
00:03:42,871 --> 00:03:43,370
OK?

73
00:03:43,370 --> 00:03:46,960
Entón cargar algunha páxina JavaScript,
e é executado na súa máquina.

74
00:03:46,960 --> 00:03:49,910
A sintaxe é moi semellante ao C e PHP.

75
00:03:49,910 --> 00:03:52,490
Nós imos pasar por
algúns exemplos de JavaScript,

76
00:03:52,490 --> 00:03:56,740
e vai ver que o
nosa forma de falar variables, loops,

77
00:03:56,740 --> 00:03:58,910
e as condicións son moi semellantes.

78
00:03:58,910 --> 00:04:00,500
OK?

79
00:04:00,500 --> 00:04:04,490
O feito de que son tan semellantes é
Probablemente vai tropezar algúns de vós

80
00:04:04,490 --> 00:04:08,529
-Se, nalgúns casos, só porque
vai incorporar un pouco de C

81
00:04:08,529 --> 00:04:09,570
onde non debería estar.

82
00:04:09,570 --> 00:04:14,130
Quizais tentar e escribir algo
cando non debe ser introducido.

83
00:04:14,130 --> 00:04:16,540
>> E con iso, unha cousa a
sabe é que o JavaScript

84
00:04:16,540 --> 00:04:19,360
é un tipo dinámico
linguaxe, como PHP.

85
00:04:19,360 --> 00:04:21,410
Entón, se vostedes lembran
da sección a semana pasada,

86
00:04:21,410 --> 00:04:23,680
cando estabamos tipo de facer
noso curso intensivo PHP,

87
00:04:23,680 --> 00:04:28,860
vimos como unha secuencia dun podería ser
transformouse en un int un, e así por diante.

88
00:04:28,860 --> 00:04:31,650

89
00:04:31,650 --> 00:04:34,850
O tipo de súas variables
son determinados en tempo de execución,

90
00:04:34,850 --> 00:04:38,180
así poden cambiar ao longo do
o transcurso do programa,

91
00:04:38,180 --> 00:04:43,109
e, do mesmo xeito que nunca
realmente declarar tipos de variables PHP,

92
00:04:43,109 --> 00:04:45,900
nós imos estar facendo o mesmo
cousa aquí, onde non somos realmente

93
00:04:45,900 --> 00:04:49,740
controlando tipo de nosas variables,
por así dicir, como nós facemos en C.

94
00:04:49,740 --> 00:04:52,200
>> E entón unha cousa
que é moi legal é

95
00:04:52,200 --> 00:04:54,090
que pode erro
comprobar a través da consola,

96
00:04:54,090 --> 00:04:57,240
con este gran función
console.log, que

97
00:04:57,240 --> 00:05:00,930
permite que imprima diferente
variables ou obxectos que imos

98
00:05:00,930 --> 00:05:01,750
falar.

99
00:05:01,750 --> 00:05:05,720
Así como a semana pasada, cando eu era
como, "usar esta función", con desaloxo

100
00:05:05,720 --> 00:05:10,490
dende o seu pset esta é unha función
que quere empregar, console.log.

101
00:05:10,490 --> 00:05:12,860
Quedei tan sorprendido cantas
estudantes en horas de oficina

102
00:05:12,860 --> 00:05:14,530
non sabía sobre a función de desaloxo.

103
00:05:14,530 --> 00:05:19,010
E eu era como, "caras, esa vontade
facer a súa vida moito máis fácil. "

104
00:05:19,010 --> 00:05:22,960
>> Todo ben, de xeito que era unha especie de
só unha cousa breve, como sempre,

105
00:05:22,960 --> 00:05:24,000
temos exemplos.

106
00:05:24,000 --> 00:05:25,600
Sei que vós aman aqueles.

107
00:05:25,600 --> 00:05:30,930
Entón aquí está un exemplo dunha moi
simple arquivo JavaScript aquí.

108
00:05:30,930 --> 00:05:34,000
Por iso, só vai crear
este emerxente que di,

109
00:05:34,000 --> 00:05:36,336
"Ola mundo", cando
entrar na páxina, pero imos

110
00:05:36,336 --> 00:05:37,960
tentar camiñar por este un pouco.

111
00:05:37,960 --> 00:05:43,440
Entón, obviamente, este é só
como o seu index.html normal.

112
00:05:43,440 --> 00:05:50,280
Así, só o noso modelo normal aquí,
e temos HTML, temos a nosa cabeza,

113
00:05:50,280 --> 00:05:55,580
e, así como con CSS, como nós
incluíron algúns ficheiro fóra, non?

114
00:05:55,580 --> 00:05:59,260
Temos algún tipo de guión
texto que é JavaScript.

115
00:05:59,260 --> 00:06:02,680
E a fonte é hello.js,
que está aquí en baixo.

116
00:06:02,680 --> 00:06:05,630
Este é todo o arquivo de hello.js.

117
00:06:05,630 --> 00:06:09,080
E entón temos algúns
Título e algúns HTML corpo

118
00:06:09,080 --> 00:06:11,050
que realmente non se preocupan.

119
00:06:11,050 --> 00:06:15,970
>> O que pasa é que, cando nós cargar esta páxina,
el executa automaticamente este script.

120
00:06:15,970 --> 00:06:16,470
OK?

121
00:06:16,470 --> 00:06:18,790
Entón JavaScript vontade
executar automaticamente.

122
00:06:18,790 --> 00:06:22,860
Entón, o que vai facer, que vai
para ir inmediatamente e realizar iso.

123
00:06:22,860 --> 00:06:24,110
E vai dicir ", alerta.

124
00:06:24,110 --> 00:06:25,190
Ola Mundo ".

125
00:06:25,190 --> 00:06:30,840
Cales alerta é a función que
realmente xera esa caixa.

126
00:06:30,840 --> 00:06:31,540
OK?

127
00:06:31,540 --> 00:06:33,390
Entón, é unha especie de todo abranguen.

128
00:06:33,390 --> 00:06:36,700
Non hai nada extra que tivo
para facer ademais de só alerta,

129
00:06:36,700 --> 00:06:40,000
e, a continuación, o que queriamos
dentro da nosa caixa de alerta.

130
00:06:40,000 --> 00:06:40,500
OK?

131
00:06:40,500 --> 00:06:45,080
Entón, iso é só un super sinxelo
exemplo do que JavaScript pode facer.

132
00:06:45,080 --> 00:06:48,110

133
00:06:48,110 --> 00:06:50,070
>> Un dos moi legal
cousas, como veremos,

134
00:06:50,070 --> 00:06:55,150
JavaScript é que permite que
para manipular as súas páxinas web,

135
00:06:55,150 --> 00:06:57,720
sen ter que
recargar los o tempo.

136
00:06:57,720 --> 00:07:01,830
Entón, se want-- por exemplo, se
está paira sobre algo,

137
00:07:01,830 --> 00:07:04,300
se vós xa teñen
visto como barras de menús,

138
00:07:04,300 --> 00:07:07,360
ou cando pasa o rato sobre algún
tema, un menú desplegable aparece,

139
00:07:07,360 --> 00:07:08,670
iso é debido a JavaScript.

140
00:07:08,670 --> 00:07:09,170
OK?

141
00:07:09,170 --> 00:07:12,670
Entón non está recargando o todo
páxina para obter este menú para mostrar-se,

142
00:07:12,670 --> 00:07:17,240
só está á procura de algún específico
acción que o usuario teña tomado,

143
00:07:17,240 --> 00:07:21,800
que son chamados de eventos que nós imos chegar
en, e unha vez que ver que, di:

144
00:07:21,800 --> 00:07:25,960
"OK, editar algo sobre este
páxina e facelo diferente,

145
00:07:25,960 --> 00:07:28,270
pero só editar esas cousas específicas.

146
00:07:28,270 --> 00:07:29,690
Non volva a cousa toda. "

147
00:07:29,690 --> 00:07:33,110
Por iso, en realidade, é moito máis agradable, e
non ten que cargar as súas páxinas,

148
00:07:33,110 --> 00:07:34,510
e é moi legal.

149
00:07:34,510 --> 00:07:38,270
>> Entón declaracións de variables,
así pode tipo de ver,

150
00:07:38,270 --> 00:07:40,530
Engada enriba aquí, vagamente ingresaran.

151
00:07:40,530 --> 00:07:42,570
Polo tanto, este é moi parecido PHP.

152
00:07:42,570 --> 00:07:48,770
Non necesitamos dicir
JavaScript que tipo somos

153
00:07:48,770 --> 00:07:50,740
esperan cada unha destas variables a ser.

154
00:07:50,740 --> 00:07:52,560
Poden ser o que tipo queremos.

155
00:07:52,560 --> 00:07:57,480
Entón entende neste caso declaramos
Los de xeito moi sinxelo, só con "var"

156
00:07:57,480 --> 00:08:00,990
e, a continuación, o que queremos
noso nome da variable a ser.

157
00:08:00,990 --> 00:08:05,680
Unha cousa a notar é que, cando
var poñer diante dun nome de variable,

158
00:08:05,680 --> 00:08:07,520
Lo localmente alcance lo.

159
00:08:07,520 --> 00:08:09,320
OK?

160
00:08:09,320 --> 00:08:14,025
É totalmente razoable para ti
completamente só eliminar a var

161
00:08:14,025 --> 00:08:18,970
e só se s é igual a CS50, e
que sería só unha variable global.

162
00:08:18,970 --> 00:08:19,580
OK?

163
00:08:19,580 --> 00:08:22,490
Así, pode arrincar as dúas cousas,
só depende de como quere.

164
00:08:22,490 --> 00:08:24,448
Entón, se está inicializar
Lo dentro dunha función,

165
00:08:24,448 --> 00:08:28,070
e quere que a variable
ir con alcance dentro desa función,

166
00:08:28,070 --> 00:08:31,620
vai querer facer
algo así como var nomear unha variable,

167
00:08:31,620 --> 00:08:34,270
contra, se queres que
ámbito global, o que

168
00:08:34,270 --> 00:08:36,240
pode só facer o nome
a variable e logo

169
00:08:36,240 --> 00:08:38,270
todo o que lle gustaría que estableza igual a.

170
00:08:38,270 --> 00:08:40,230
OK?

171
00:08:40,230 --> 00:08:45,580
>> Este é o tipo de cousa legal aquí abaixo,
porque se observarmos nosa variable

172
00:08:45,580 --> 00:08:47,590
b comeza como verdade.

173
00:08:47,590 --> 00:08:51,280
E o que iso pode does--
alguén me diga o que iso fai?

174
00:08:51,280 --> 00:08:54,190

175
00:08:54,190 --> 00:08:55,890
Polo tanto, temos algúns alerta.

176
00:08:55,890 --> 00:09:00,156
Que tipo de b
ser o comezo?

177
00:09:00,156 --> 00:09:00,905
Audiencia: Boolean.

178
00:09:00,905 --> 00:09:01,330
ALLISON Buchholtz-AU: Boolean.

179
00:09:01,330 --> 00:09:01,940
Dereita.

180
00:09:01,940 --> 00:09:07,260
E, despois, volver a asignar b
para esta cadea, non?

181
00:09:07,260 --> 00:09:11,170
Así, pois, aquí, que tipo de b ser?

182
00:09:11,170 --> 00:09:12,480
Sería unha corda, non?

183
00:09:12,480 --> 00:09:14,900
Entón, o que é importante
aviso é que, en c, nós

184
00:09:14,900 --> 00:09:17,330
case podería nunca facer
algo parecido.

185
00:09:17,330 --> 00:09:22,000
Nós teriamos que ter unha variable,
lanzalo como algo máis,

186
00:09:22,000 --> 00:09:27,185
quizais facer algunha función cun dous
i, ir dunha carga nun enteiro.

187
00:09:27,185 --> 00:09:31,063
Pero se notar aquí, b
moi facilmente cambia escribe.

188
00:09:31,063 --> 00:09:33,760
>> Audiencia: Espera, entón podes só
ser como, "facer b un número enteiro?"

189
00:09:33,760 --> 00:09:34,360
>> ALLISON Buchholtz-AU: Yeah.

190
00:09:34,360 --> 00:09:36,185
Pode só recolocar b para un enteiro.

191
00:09:36,185 --> 00:09:36,910
>> Audiencia: Serio?

192
00:09:36,910 --> 00:09:38,035
>> ALLISON Buchholtz-AU: Yeah.

193
00:09:38,035 --> 00:09:39,810
E entón sería un int.

194
00:09:39,810 --> 00:09:43,820
Así, as súas variables poden cambiar ao longo do
o curso do programa tamén.

195
00:09:43,820 --> 00:09:46,410
Eles non son estrictamente ingresaran.

196
00:09:46,410 --> 00:09:49,180
É moi vagamente ingresaran.

197
00:09:49,180 --> 00:09:50,820
OK?

198
00:09:50,820 --> 00:09:54,820
Basicamente súas variables poden facer o que
queren, como nós medio que viu con PHP.

199
00:09:54,820 --> 00:09:59,430
Poden facer algunhas cousas malucas, entón
é importante ser moi coidadoso.

200
00:09:59,430 --> 00:10:01,200
Nome súas variables ben.

201
00:10:01,200 --> 00:10:03,450
Se non, faga, de súpeto,
vai ser como,

202
00:10:03,450 --> 00:10:05,783
"Espera, eu penso que este era un
corda, e agora é un int,

203
00:10:05,783 --> 00:10:08,170
e eu realmente non estou seguro
o que está pasando aquí. "

204
00:10:08,170 --> 00:10:12,410
Polo tanto, este é só un exemplo sinxelo de
mostrando como unha variable pode facilmente

205
00:10:12,410 --> 00:10:15,890
cambiar o seu tipo sobre
o curso dun programa.

206
00:10:15,890 --> 00:10:16,870
>> Aceptar.

207
00:10:16,870 --> 00:10:19,200
Polo tanto, este debe ollar
super, super familiar.

208
00:10:19,200 --> 00:10:21,510
Entón, eses son os nosos lazos en JavaScript.

209
00:10:21,510 --> 00:10:27,780
Son exactamente os mesmos, agás para
en vez de catro int i é igual a cero,

210
00:10:27,780 --> 00:10:30,470
poderiamos dicir só var i é igual a cero.

211
00:10:30,470 --> 00:10:34,100
E entón poderíamos ter o noso mesmo tipo
de condición, mesmo tipo de actualización,

212
00:10:34,100 --> 00:10:36,090
i plus plus funciona moi ben.

213
00:10:36,090 --> 00:10:39,800
Así, catro son os mesmos,
while son os mesmos,

214
00:10:39,800 --> 00:10:41,440
e facer while son exactamente os mesmos.

215
00:10:41,440 --> 00:10:44,070
Mesmo tipo de formato xeral.

216
00:10:44,070 --> 00:10:48,840
Notamos, catro, parénteses,
corchetes, é todo o mesmo.

217
00:10:48,840 --> 00:10:51,470
Tamén haberá punto e coma
cando chegamos ao exemplo de código.

218
00:10:51,470 --> 00:10:55,250
Verá que é moi
o mesmo que c.

219
00:10:55,250 --> 00:10:59,770
>> Para declaracións de función,
de novo, moi semellante.

220
00:10:59,770 --> 00:11:05,100
Temos algunha función que só
di que é unha función e, a continuación

221
00:11:05,100 --> 00:11:07,660
o nome da nosa
función, e as entradas.

222
00:11:07,660 --> 00:11:11,590
E de novo notar, nós
temos ningún tipo aquí calquera.

223
00:11:11,590 --> 00:11:12,090
Non?

224
00:11:12,090 --> 00:11:18,150
Non temos nada que dicir que estes
precisan estar enteiros ou dobres, ou Carrozas.

225
00:11:18,150 --> 00:11:19,530
Poden ser o que queiran.

226
00:11:19,530 --> 00:11:23,560
O importante é entender que
necesitamos escribir función de antemán

227
00:11:23,560 --> 00:11:26,430
deixar JavaScript sabe que
esta é realmente unha función.

228
00:11:26,430 --> 00:11:29,820
>> Polo tanto, esta é só unha suma sinxela
función que devolve x ou y,

229
00:11:29,820 --> 00:11:33,800
e, a continuación, o que tamén é legal
é que pode, en realidade,

230
00:11:33,800 --> 00:11:35,950
asignar unha función a unha variable.

231
00:11:35,950 --> 00:11:41,770
Polo tanto, neste caso, a suma é agora
función que realmente fai suma.

232
00:11:41,770 --> 00:11:47,740
Entón, se observar aquí, temos
función, o nome da función, entradas.

233
00:11:47,740 --> 00:11:48,860
Non?

234
00:11:48,860 --> 00:11:52,120
Aquí só temos a función e insumos.

235
00:11:52,120 --> 00:11:54,310
Entón, iso é chamado dunha función anónima.

236
00:11:54,310 --> 00:11:59,265
E iso é algo que debe ser novo
para a maioría de vós, se non todos vostedes.

237
00:11:59,265 --> 00:12:01,140
Entón, basicamente o que
medios é que nós non

238
00:12:01,140 --> 00:12:03,050
Debe nome do noso
función neste caso.

239
00:12:03,050 --> 00:12:06,260
Podemos só dicir, "OK, eu vou
teñen esa función que executa, aquí

240
00:12:06,260 --> 00:12:08,550
son as súas entradas, e é aquí
o que vai facer. "

241
00:12:08,550 --> 00:12:12,540
E, sobre todo cando está atribuíndo
unha función dalgunha variable

242
00:12:12,540 --> 00:12:14,950
que está indo para manipular,
Non precisa necesariamente

243
00:12:14,950 --> 00:12:17,116
que nomealo porque
vai estar referíndose

244
00:12:17,116 --> 00:12:20,990
polo presente variable
nome, non polo que quere

245
00:12:20,990 --> 00:12:22,840
a función foi realmente chamado.

246
00:12:22,840 --> 00:12:23,550
OK?

247
00:12:23,550 --> 00:12:27,810
>> Entón, se nós vemos aquí, nós
ter algunha variable suma agora

248
00:12:27,810 --> 00:12:30,920
que é igual á
suma de tres e cinco anos.

249
00:12:30,920 --> 00:12:33,070
E queremos conseguir isto.

250
00:12:33,070 --> 00:12:36,750
E iso sería só ter algún alerta,
tres cinco é igual ao número.

251
00:12:36,750 --> 00:12:43,950
Isto ademais de só vai concatenar
sexa cal sexa a nosa resposta foi á cadea.

252
00:12:43,950 --> 00:12:47,420
Tamén legal, ademais de pode concatenar cadeas.

253
00:12:47,420 --> 00:12:53,510
>> Para JavaScript, como con PHP,
HTML, CSS e como dixemos,

254
00:12:53,510 --> 00:12:56,450
unha morea de que nós estamos levando
as rodinhas aquí

255
00:12:56,450 --> 00:13:02,030
e vostedes teñen unha morea de know
como realmente entender estas cousas.

256
00:13:02,030 --> 00:13:04,280
Son un pouco diferentes,
pero eles non son tan estraños

257
00:13:04,280 --> 00:13:09,460
e que non pode Google cousas ou
buscalos en liña con escolas W3.

258
00:13:09,460 --> 00:13:12,755
E nós estamos realmente esperando que
caras para, tipo, experiencia

259
00:13:12,755 --> 00:13:14,400
e aprender no seu propio país.

260
00:13:14,400 --> 00:13:19,490
Entón, eu sei que isto pode parecer un pouco
menos completo que algunhas das cousas que c

261
00:13:19,490 --> 00:13:21,936
o que facemos, pero que é, en realidade, por unha razón.

262
00:13:21,936 --> 00:13:25,060

263
00:13:25,060 --> 00:13:28,470
Pero espero que non sexa moi
diferente, e non é esmagadora.

264
00:13:28,470 --> 00:13:31,940
>> Entón matrices en JavaScript,
novo moi, moi similar.

265
00:13:31,940 --> 00:13:32,460
Non?

266
00:13:32,460 --> 00:13:36,520
Temos algunhas matriz variable
que é igual a corchetes baleiros,

267
00:13:36,520 --> 00:13:40,340
e iso é só unha matriz baleira.

268
00:13:40,340 --> 00:13:43,420
Iso é moitas veces chamado
notación de matriz literal.

269
00:13:43,420 --> 00:13:45,280
Isto é só unha cousa que chamamos.

270
00:13:45,280 --> 00:13:51,380
Ou tamén ver matriz dous aquí, temos algunhas
literal matriz que ten tres elementos,

271
00:13:51,380 --> 00:13:51,910
non?

272
00:13:51,910 --> 00:13:54,640
E entón temos algúns
terceiro elemento var que é

273
00:13:54,640 --> 00:13:58,060
algunha variable que é só
vai realizar esta cadea, JS.

274
00:13:58,060 --> 00:14:01,760

275
00:14:01,760 --> 00:14:06,170
>> Os elementos, é bo ter en conta,
están separados por comas,

276
00:14:06,170 --> 00:14:07,740
como sería de esperar.

277
00:14:07,740 --> 00:14:14,630
E tamén pode acceder estes, como fixemos
en C, con esta notación índice, non?

278
00:14:14,630 --> 00:14:16,950
Tan distinto do PHP
Agora, imos volver

279
00:14:16,950 --> 00:14:20,180
para só un tipo de referirse
ás cousas por índice.

280
00:14:20,180 --> 00:14:22,189
Así como C, é tamén índice cero.

281
00:14:22,189 --> 00:14:25,230
Eu sinto que sería moi cruel
se de súpeto fixo un JavaScript

282
00:14:25,230 --> 00:14:30,630
índice, e tiña que completamente
repensar o xeito no que pensa sobre arrays.

283
00:14:30,630 --> 00:14:36,140
>> Unha cousa legal é que, no canto
de ter que fazer-- se nunca

284
00:14:36,140 --> 00:14:39,240
quería que a lonxitude dunha matriz,
quizais interactuar con el

285
00:14:39,240 --> 00:14:43,430
ata atopar algún fin, ou
só sabe o que é.

286
00:14:43,430 --> 00:14:49,310
Porque JavaScript é moi frouxo en máis
formas que o tipo, como vemos aquí,

287
00:14:49,310 --> 00:14:53,310
podemos só facer esa matriz
maior porque decidimos.

288
00:14:53,310 --> 00:14:56,177
Se se decata matriz de tres
ten tres cousas para comezar,

289
00:14:56,177 --> 00:14:58,510
pero entón, de súpeto,
nós somos como, "Oh, estou a xogar.

290
00:14:58,510 --> 00:15:01,370
En realidade, estamos indo
para facelo 101 cousas. "

291
00:15:01,370 --> 00:15:05,300
Entón, se vostede sempre quixo saber o
lonxitude real da súa matriz,

292
00:15:05,300 --> 00:15:06,680
facelo así.

293
00:15:06,680 --> 00:15:10,470
E imos ver unha chea
de esta notación en exemplos,

294
00:15:10,470 --> 00:15:12,730
pero con JavaScript
é tipicamente o que quere

295
00:15:12,730 --> 00:15:16,410
obxecto que está falando
dot calquera tipo de función

296
00:15:16,410 --> 00:15:17,740
que desexa aplicar a el.

297
00:15:17,740 --> 00:15:18,240
OK?

298
00:15:18,240 --> 00:15:20,520
>> Polo tanto, neste caso, o noso
obxecto é matriz dous,

299
00:15:20,520 --> 00:15:23,470
e dicimos que queremos o
lonxitude de matriz de dúas.

300
00:15:23,470 --> 00:15:25,716
Entón, iso só chama, como a lonxitude sobre iso.

301
00:15:25,716 --> 00:15:27,090
E que volverá súa lonxitude.

302
00:15:27,090 --> 00:15:32,610

303
00:15:32,610 --> 00:15:36,790
Tamén algo a notar é
que se observarmos nosas matrices,

304
00:15:36,790 --> 00:15:39,830
ao contrario de C, eles non teñen
de ser todas do mesmo tipo.

305
00:15:39,830 --> 00:15:41,670
Isto é moito máis parecido PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript é basicamente como
esta fusión interesante de C e PHP.

307
00:15:45,905 --> 00:15:50,020

308
00:15:50,020 --> 00:15:52,170
Entón, imos entrar niso.

309
00:15:52,170 --> 00:15:56,750
De momento, imos asumir
que as súas matrices son, basicamente,

310
00:15:56,750 --> 00:16:00,640
como matrices C, en que
son indexados cero.

311
00:16:00,640 --> 00:16:04,120
OK, de xeito que é todo.

312
00:16:04,120 --> 00:16:08,850
Tamén pode simplemente estender un
matriz para calquera que sexa o índice que quere.

313
00:16:08,850 --> 00:16:14,260
Tendo en conta que ese probablemente SEG
culpa en ti ou darlle algún erro,

314
00:16:14,260 --> 00:16:15,970
JavaScript é como, "nah, está todo ben.

315
00:16:15,970 --> 00:16:16,620
Eu teño ese.

316
00:16:16,620 --> 00:16:19,460
Nós só ir directo
onde queiras ".

317
00:16:19,460 --> 00:16:24,310
>> OK, entón os obxectos son moi importantes.

318
00:16:24,310 --> 00:16:29,720
Vostedes estarán usando unha morea deles
no seu conxunto P, se ben me lembra.

319
00:16:29,720 --> 00:16:34,780
Entón, o único que estes son
semellante ao de C son estruturas.

320
00:16:34,780 --> 00:16:39,290
Entón pode pensar cando about--
imos a un exemplo á dereita

321
00:16:39,290 --> 00:16:41,810
despois diso, eu creo que vai
facer moito máis sense--

322
00:16:41,810 --> 00:16:45,830
pero, basicamente, utilizar obxectos para
organizar de curso relacionado información.

323
00:16:45,830 --> 00:16:47,780
Cando falamos de
estruturas en C, que moitas veces

324
00:16:47,780 --> 00:16:53,405
falar dun estudante que tiña algún nome,
ID, casa, vostede sabe, a concentración.

325
00:16:53,405 --> 00:16:56,030
E iso é medio que o mesmo
que usan obxectos para aquí.

326
00:16:56,030 --> 00:16:59,300
É só para organizar
información semellantes.

327
00:16:59,300 --> 00:17:03,620
>> Tamén pode pensar niso como máis
semellante ao asociativo matrices en PHP.

328
00:17:03,620 --> 00:17:10,010
Polo tanto, este sería tipo de cousa
onde temos algunha clave con algún valor,

329
00:17:10,010 --> 00:17:12,859
moi semellantes para PHP.

330
00:17:12,859 --> 00:17:15,780
Así, pode arrincar algúns
obxecto baleiro, como vemos aquí enriba,

331
00:17:15,780 --> 00:17:17,390
só con chaves.

332
00:17:17,390 --> 00:17:19,160
Matrices así son corchetes.

333
00:17:19,160 --> 00:17:21,220
Obxectos baleiros son claves.

334
00:17:21,220 --> 00:17:24,020
Boa distinción de ter.

335
00:17:24,020 --> 00:17:27,319
E estes son só dous diferentes
formas de definir propiedades.

336
00:17:27,319 --> 00:17:31,460
Polo tanto, este é o tipo de
moito máis que un xeito

337
00:17:31,460 --> 00:17:35,220
é semellante á de PHP, co noso
matrices de asociación, coa nosa clave,

338
00:17:35,220 --> 00:17:39,910
e noso valor, mentres que
un agasallo é-- vai

339
00:17:39,910 --> 00:17:41,920
ver este moito máis en JavaScript.

340
00:17:41,920 --> 00:17:43,550
Este tende a ser a convención.

341
00:17:43,550 --> 00:17:47,660
E, do mesmo xeito que fixemos
matriz de dúas lonxitude punto, este está dicindo:

342
00:17:47,660 --> 00:17:51,580
"OK, dáme desa
atributo deste obxecto ".

343
00:17:51,580 --> 00:17:52,110
Non?

344
00:17:52,110 --> 00:17:55,660
Entón, do mesmo xeito como era, "déame
o atributo de lonxitude de matriz de dúas, "

345
00:17:55,660 --> 00:17:59,970
este está dicindo: "me dea algún
propiedade do noso obxecto baleiro. "

346
00:17:59,970 --> 00:18:02,890
Ou, neste caso, estamos
atribuílo la a algún valor aquí.

347
00:18:02,890 --> 00:18:06,200
Pero tamén pode acceder a ela desa forma.

348
00:18:06,200 --> 00:18:09,090
>> E entón aquí esta é só
mostrando dous alertas diferentes.

349
00:18:09,090 --> 00:18:12,320
Entón, iso vai amosar as alertas
sería exactamente o mesmo,

350
00:18:12,320 --> 00:18:17,150
é só dous xeitos diferentes de
acceder ao elemento que queremos.

351
00:18:17,150 --> 00:18:19,552
Isto ten sentido para todos?

352
00:18:19,552 --> 00:18:21,510
Eu me sinto como un regalo
probablemente fai máis sentido,

353
00:18:21,510 --> 00:18:23,270
só porque estamos saíndo PHP.

354
00:18:23,270 --> 00:18:26,400
Pero como facemos máis exemplos, este
é, literalmente, exactamente o mesmo.

355
00:18:26,400 --> 00:18:28,170
Moito diso é só cambiar na sintaxe.

356
00:18:28,170 --> 00:18:30,710

357
00:18:30,710 --> 00:18:33,030
>> OK, entón exemplos.

358
00:18:33,030 --> 00:18:34,180
Encántame exemplos.

359
00:18:34,180 --> 00:18:40,070
Entón, aquí están algunhas CS50
variable que é un obxecto,

360
00:18:40,070 --> 00:18:42,160
e nós gardamos todo isto
información sobre el.

361
00:18:42,160 --> 00:18:46,680
Polo tanto, temos claro, instrutor,
TFS, Serie de exercicios, e gravado.

362
00:18:46,680 --> 00:18:51,840
Entón entendemos estes son case
todos de diferentes tipos.

363
00:18:51,840 --> 00:18:52,340
Non?

364
00:18:52,340 --> 00:18:56,230
Así, os obxectos poden almacenar
atributos de diferentes tipos.

365
00:18:56,230 --> 00:19:01,220
Podemos pensar en isto-- é moi
semellante á nosa matriz asociativa en PHP.

366
00:19:01,220 --> 00:19:07,470
Entón clave, valor, clave, valor,
clave, valor, así por diante e así por diante.

367
00:19:07,470 --> 00:19:11,230
O que tamén é interesante, do mesmo xeito
que podemos ter matrices dentro matrices,

368
00:19:11,230 --> 00:19:14,690
Tamén podemos ter obxectos dentro
obxectos, ou arrays dentro de obxectos.

369
00:19:14,690 --> 00:19:18,410
Nunca está realmente limitado a
só unha única das cousas.

370
00:19:18,410 --> 00:19:24,220
Podemos estar moi Inceptionesque, só
seguir no burato do coello alí.

371
00:19:24,220 --> 00:19:26,080
>> Entón, se nós observamos, nós
Claro que ten algúns

372
00:19:26,080 --> 00:19:31,120
é unha cadea, instrutor que é unha cadea,
e array, un int, e un booleano.

373
00:19:31,120 --> 00:19:36,110
Entón todas estas cousas distintas.

374
00:19:36,110 --> 00:19:39,600
>> Todo ben, entón, temos outra.

375
00:19:39,600 --> 00:19:42,930
Polo tanto, neste caso, temos
unha matriz de obxectos.

376
00:19:42,930 --> 00:19:45,320
Entón, como un obxecto
pode ter unha matriz na mesma.

377
00:19:45,320 --> 00:19:47,210
Tamén podemos ter unha matriz de obxectos.

378
00:19:47,210 --> 00:19:51,250
Isto pode ser útil para
pensar en semellante ao tipo

379
00:19:51,250 --> 00:19:54,260
de como tivemos un hash
mesa, tivemos unha matriz

380
00:19:54,260 --> 00:19:56,220
de todas estas diferentes
tipos de estruturas que

381
00:19:56,220 --> 00:19:59,070
eran punteiros para diferentes
nós e outros enfeites.

382
00:19:59,070 --> 00:20:01,420
Pero, neste caso, nós
ten unha matriz de obxectos.

383
00:20:01,420 --> 00:20:04,890
Entón, iso é como un array
matrices de asociativo.

384
00:20:04,890 --> 00:20:09,430
Polo tanto, temos algúns primeiro consistirá
ser o obxecto co nome de James

385
00:20:09,430 --> 00:20:11,340
e albergar Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Vostedes deben lembrar
algo moi semellante a este

387
00:20:14,780 --> 00:20:21,710
coa súa última pset, onde se
tirou algo do seu banco de datos,

388
00:20:21,710 --> 00:20:24,480
o primeiro tipo de
cousa na súa matriz foi

389
00:20:24,480 --> 00:20:27,110
toda a información sobre
o primeiro usuario que reuniu-lo,

390
00:20:27,110 --> 00:20:30,765
e despois que tivo para o índice en que
para conseguir o seu stock ou a caché

391
00:20:30,765 --> 00:20:32,110
ou outros adornos.

392
00:20:32,110 --> 00:20:34,620
Entón iso é moi moi mesmo
cousa, só un pequeno cambio

393
00:20:34,620 --> 00:20:39,570
na sintaxe, o cambio pouco en
as palabras que usan para describilos-los.

394
00:20:39,570 --> 00:20:45,960
>> Entón, se nós queriamos, alguén pode dizer-
me que este aviso faría aquí?

395
00:20:45,960 --> 00:20:48,780
Ou o que este anaco de
código podería facer por nós?

396
00:20:48,780 --> 00:20:50,992

397
00:20:50,992 --> 00:20:52,616
Audiencia: El vai dar-lle todos os nomes.

398
00:20:52,616 --> 00:20:54,900
ALLISON Buchholtz-AU: Correcto, el
sería só alertar con todos os nomes

399
00:20:54,900 --> 00:20:57,960
porque ía pasar por
cottage i, por iso ía comezar de cero.

400
00:20:57,960 --> 00:21:01,330
Por iso, diría que, OK estamos a buscar
neste primeiro obxecto, o que

401
00:21:01,330 --> 00:21:03,210
é a primeira fenda na nosa matriz.

402
00:21:03,210 --> 00:21:06,900
E el di: "dáme a
atributo, o nome do obxecto. "

403
00:21:06,900 --> 00:21:09,030
Entón imos aquí, teremos
dixitalización, temos que buscar o nome,

404
00:21:09,030 --> 00:21:11,340
e teremos imprimir
James, Molly e Carl.

405
00:21:11,340 --> 00:21:14,410

406
00:21:14,410 --> 00:21:15,799
Calquera preguntas ata agora?

407
00:21:15,799 --> 00:21:17,590
JavaScript desgraza
vai ser

408
00:21:17,590 --> 00:21:20,950
facendo unha morea de mirar para arriba no seu
propio, descubrir a sintaxe,

409
00:21:20,950 --> 00:21:21,910
ás voltas con el.

410
00:21:21,910 --> 00:21:25,870
Pero está claro que eu estou sempre aquí,
horario de atención é sempre aquí.

411
00:21:25,870 --> 00:21:28,260
Podería ser os martes desta semana.

412
00:21:28,260 --> 00:21:31,050
Entón, se está alí, pode
veña visitar-me esta semana.

413
00:21:31,050 --> 00:21:32,470
Sería óptimo.

414
00:21:32,470 --> 00:21:36,260
>> OK, entón é DOM Document Object-Model.

415
00:21:36,260 --> 00:21:38,900
Polo tanto, esta é só unha forma
que nos gusta de pensar

416
00:21:38,900 --> 00:21:45,720
sobre como o noso HTML e todo
dentro dela está organizado.

417
00:21:45,720 --> 00:21:49,930
Isto é moi algo que
Probablemente vai aparecer no seu quiz.

418
00:21:49,930 --> 00:21:58,150
Sei que o meu ano, era como se aquí
Ficheiro HTML, enche o DOM para el.

419
00:21:58,150 --> 00:21:59,770
E só cubrir pequenas cousas.

420
00:21:59,770 --> 00:22:01,500
Estes deben ser puntos fáciles, esperanzas.

421
00:22:01,500 --> 00:22:03,450
Esperamos que vai see--

422
00:22:03,450 --> 00:22:04,590
>> Audiencia: [inaudível]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON Buchholtz-AU: Entón
ve esa árbore aquí?

424
00:22:06,660 --> 00:22:07,200
>> Audiencia: Yeah.

425
00:22:07,200 --> 00:22:08,949
>> ALLISON Buchholtz-AU:
Entón, eles van pedir uso

426
00:22:08,949 --> 00:22:11,750
para cubrir o que pasa debaixo do corpo.

427
00:22:11,750 --> 00:22:15,770
Quizais baixo o corpo, temos algúns
divs ou temos algúns parágrafos,

428
00:22:15,770 --> 00:22:19,160
e nós imos pedirlle para cubrir
unha árbore moi parecido con este.

429
00:22:19,160 --> 00:22:21,440
Entón, nós imos estar camiñando por ela.

430
00:22:21,440 --> 00:22:26,120
Así, o documento Object-
Modelo é só un xeito

431
00:22:26,120 --> 00:22:31,240
estruturar e pensar
sobre o noso HTML graficamente.

432
00:22:31,240 --> 00:22:33,860

433
00:22:33,860 --> 00:22:35,840
E tamén cando chegamos
en máis JavaScript,

434
00:22:35,840 --> 00:22:37,640
que será o
xeito que nós, en realidade,

435
00:22:37,640 --> 00:22:39,990
manipular diferente
elementos na páxina.

436
00:22:39,990 --> 00:22:43,980
Necesitamos unha forma de acceder cada
das cousas na nosa HTML,

437
00:22:43,980 --> 00:22:48,050
e así por iso nos dá unha moi
forma estandarizada formigón

438
00:22:48,050 --> 00:22:51,010
en varias páxinas web para facelo.

439
00:22:51,010 --> 00:22:53,440
>> Entón, se nós só camiñar por
este aquí, por suposto

440
00:22:53,440 --> 00:22:56,790
noso documento é como todo o noso arquivo.

441
00:22:56,790 --> 00:22:59,350
Isto, obviamente, ten sentido
que é a cousa máis elevada,

442
00:22:59,350 --> 00:23:03,520
e despois temos o noso HTML real,
o que corresponde a esa marca aquí.

443
00:23:03,520 --> 00:23:08,480
Ademais, se o traveseiro súas etiquetas
correctamente, a continuación, crear esa árbore DOM

444
00:23:08,480 --> 00:23:10,530
convértese en super sinxelo.

445
00:23:10,530 --> 00:23:12,400
Polo tanto, temos algunha cabeza aquí.

446
00:23:12,400 --> 00:23:15,780
Temos un corpo que
vemos tronco fóra HTML,

447
00:23:15,780 --> 00:23:18,530
que é por iso que temos cabeza e no corpo.

448
00:23:18,530 --> 00:23:22,880
Dentro de cabeza, temos algunhas
Tag do título, un título de tag final,

449
00:23:22,880 --> 00:23:24,570
polo que sabemos que vén despois de cabeza.

450
00:23:24,570 --> 00:23:28,040
E dentro da nosa etiqueta title,
temos Ola, mundo.

451
00:23:28,040 --> 00:23:28,740
OK?

452
00:23:28,740 --> 00:23:31,311
Entón, iso é todo este sector man esquerda.

453
00:23:31,311 --> 00:23:34,060
E, a continuación, para o sector da dereita
aquí vemos que temos HTML,

454
00:23:34,060 --> 00:23:38,680
Aceptar fixemos esta parte da cabeza,
nós estamos mirando só para o corpo,

455
00:23:38,680 --> 00:23:40,670
polo que temos algunha zona do corpo.

456
00:23:40,670 --> 00:23:44,350
E dentro diso, o único
cousa que temos é Ola, mundo.

457
00:23:44,350 --> 00:23:45,090
OK?

458
00:23:45,090 --> 00:23:54,130
Se tivésemos cousas como
algún soporte de p e logo

459
00:23:54,130 --> 00:23:57,500
Ola, mundo, e despois outro
soporte p de adeus, mundo,

460
00:23:57,500 --> 00:24:00,080
teriamos dúas burbullas
saíndo aquí.

461
00:24:00,080 --> 00:24:05,550
Porque son ambos baixo o corpo, pero
son letras separadas neste caso.

462
00:24:05,550 --> 00:24:11,520
Hai sempre práctica
en que en probas anteriores,

463
00:24:11,520 --> 00:24:14,570
así como a abundancia en liña en lo.

464
00:24:14,570 --> 00:24:18,260
OK, entón, iso só permite
-Nos ver todo ben

465
00:24:18,260 --> 00:24:20,810
e manipular as cousas
moi sistematicamente.

466
00:24:20,810 --> 00:24:21,340
OK?

467
00:24:21,340 --> 00:24:23,640
Sabemos exactamente como
atravesar esta árbore,

468
00:24:23,640 --> 00:24:26,910
polo que sabemos o que queremos acceder.

469
00:24:26,910 --> 00:24:31,690
>> OK, entón é por iso que queremos
para ter este tipo de modelo,

470
00:24:31,690 --> 00:24:35,190
para que poidamos utilizar cousas como esta,
e entendemos o que significan,

471
00:24:35,190 --> 00:24:38,370
e son estandarizados
en todas as cousas que facemos.

472
00:24:38,370 --> 00:24:45,900
Entón título do documento dot é só
a título de our-- todos estes

473
00:24:45,900 --> 00:24:48,960
son bastante auto-explicativo,
Eu gusto de pensar.

474
00:24:48,960 --> 00:24:51,660
Así, o primeiro de tres
exemplos son só dicindo,

475
00:24:51,660 --> 00:24:54,770
"OK, é só me dar o
título desta páxina web ".

476
00:24:54,770 --> 00:24:58,030
Entón, que vai che dar o que
corresponde ao título.

477
00:24:58,030 --> 00:25:01,880
>> Corpo do documento dot vai darlle
todo o que está dentro desas etiquetas do corpo.

478
00:25:01,880 --> 00:25:03,240
Así, pode manipular iso.

479
00:25:03,240 --> 00:25:07,820
E o corpo dot documento dot
inserir HTML é moi legal,

480
00:25:07,820 --> 00:25:11,660
e, se cadra, non é como super
intuitivo, pero o HTML interior

481
00:25:11,660 --> 00:25:13,740
corresponde a este aquí.

482
00:25:13,740 --> 00:25:17,410
Entón, se quere
manipular o texto nunha páxina,

483
00:25:17,410 --> 00:25:22,700
normalmente vai estar facendo
algo con dot corpo HTML interior.

484
00:25:22,700 --> 00:25:23,820
OK?

485
00:25:23,820 --> 00:25:31,341
Así HTML interior tende a referirse a
o que é realmente entre estas etiquetas.

486
00:25:31,341 --> 00:25:31,840
OK?

487
00:25:31,840 --> 00:25:33,020
E entón funcións útiles.

488
00:25:33,020 --> 00:25:40,390
Entón, se quería chegar
calquera destes, calquera elemento,

489
00:25:40,390 --> 00:25:43,140
temos algúns Id, clase
nome, ou o nome do tag.

490
00:25:43,140 --> 00:25:47,100
Isto é moi semellante ao
cousas que fixemos con CSS, non?

491
00:25:47,100 --> 00:25:51,360
Onde temos algúns selectores que
corresponden a unha etiqueta, unha clase

492
00:25:51,360 --> 00:25:53,800
que lles damos, ou un Id.

493
00:25:53,800 --> 00:25:55,310
Isto é moi do mesmo xeito.

494
00:25:55,310 --> 00:26:00,720
Se tes algo que
Ten algunha clase de can,

495
00:26:00,720 --> 00:26:05,800
e dis obter elementos polo nome da marca,
e pór o can na lá-- ou desculpe,

496
00:26:05,800 --> 00:26:06,610
nome da clase.

497
00:26:06,610 --> 00:26:07,770
Pode pór punto alí.

498
00:26:07,770 --> 00:26:11,780
Vai volver todos aqueles
elementos para ti que teñen esta clase.

499
00:26:11,780 --> 00:26:13,880
Así, pode manipular só aqueles.

500
00:26:13,880 --> 00:26:18,430
Do mesmo xeito, quizais só
quere manipular algúns cabeceira, de xeito

501
00:26:18,430 --> 00:26:20,980
algúns cabeceira h1, como fixemos.

502
00:26:20,980 --> 00:26:24,900
Podería facer obter elementos por tag
nome, porque h1 é un nome de marca.

503
00:26:24,900 --> 00:26:29,270
E do mesmo xeito, se quere comezar
unha cousa única, pode facer tag get.

504
00:26:29,270 --> 00:26:31,100
Obter elemento por Id.

505
00:26:31,100 --> 00:26:32,710
E son, en realidade, moitos destes.

506
00:26:32,710 --> 00:26:36,300
Estes son só como tres dos moitos.

507
00:26:36,300 --> 00:26:39,600
Entón, se vai en liña, como
Eu estou indo a animar

508
00:26:39,600 --> 00:26:45,342
facer, e facer algunha
investigación no seu propio país,

509
00:26:45,342 --> 00:26:48,450
Recomendo definitivamente
mirando para todo isto.

510
00:26:48,450 --> 00:26:50,880
Poden ser super
útil, sobre todo cando

511
00:26:50,880 --> 00:26:57,180
quere só unha especie de manipular
cousas moi específicas, sen ter

512
00:26:57,180 --> 00:27:00,390
para pasar e tentar
para analizar a todo.

513
00:27:00,390 --> 00:27:03,540
>> OK, entón o último
é JavaScript eventos.

514
00:27:03,540 --> 00:27:10,730
Entón, cando eu estaba falando máis cedo
sobre ir nunha web,

515
00:27:10,730 --> 00:27:14,340
e cando pasa o rato sobre algo,
ou o rato pasa sobre algo,

516
00:27:14,340 --> 00:27:15,420
outra cousa acontece.

517
00:27:15,420 --> 00:27:17,900
Isto é o que nós queremos
pensar como un evento.

518
00:27:17,900 --> 00:27:23,970
Entón o que temos que poder
ser útil aquí é onclick.

519
00:27:23,970 --> 00:27:29,140
Entón, o meu foi en foco, o que, eu son
case seguro, é só en foco.

520
00:27:29,140 --> 00:27:31,300
Tamén unha tonelada destes
que pode buscar.

521
00:27:31,300 --> 00:27:34,340
Hai toda unha lista en liña
das cousas distintas

522
00:27:34,340 --> 00:27:37,130
que se pode escoitar.

523
00:27:37,130 --> 00:27:41,220
>> Pero os eventos JavaScript son
basicamente, só respondendo ás cousas

524
00:27:41,220 --> 00:27:42,430
que o servidor está realizando.

525
00:27:42,430 --> 00:27:42,930
Non?

526
00:27:42,930 --> 00:27:45,220
Polo tanto, o seu usuario fai
algo, iso é un evento,

527
00:27:45,220 --> 00:27:48,340
e JavaScript responderán
con todo que desexa que el.

528
00:27:48,340 --> 00:27:49,770
Vai responder en consecuencia.

529
00:27:49,770 --> 00:27:54,630
Polo tanto, neste caso, temos
algúns onload fiestra punto.

530
00:27:54,630 --> 00:27:57,170
Entón, o que isto di é, "esperar
ata loaded da fiestra. "

531
00:27:57,170 --> 00:27:57,780
OK?

532
00:27:57,780 --> 00:28:02,102
Entón, cando todo está cargado, onload,
logo, pode realizar esta función.

533
00:28:02,102 --> 00:28:03,810
Entón, cando todo está
cargado, está indo

534
00:28:03,810 --> 00:28:07,760
ter algún botón de busca
que obtén un elemento por Id,

535
00:28:07,760 --> 00:28:13,740
e imprime o que quere que
elemento é como o botón Buscar.

536
00:28:13,740 --> 00:28:17,050
E entón temos esa variable,
podemos dicir, "Aceptar, onclick."

537
00:28:17,050 --> 00:28:20,390
Así, cando escoitamos un click
o botón Buscar,

538
00:28:20,390 --> 00:28:23,990
realizar esta función, que é un
alerta, premeu o botón Buscar.

539
00:28:23,990 --> 00:28:28,910
>> Entón o que ocorre é-- este é un bo
pouca representación gráfica aquí.

540
00:28:28,910 --> 00:28:31,480
Entón, as nosas cargas de documentos,
este é o noso onload,

541
00:28:31,480 --> 00:28:34,340
atopamos o noso Busca
botón, o que é iso.

542
00:28:34,340 --> 00:28:36,570
Estamos mirando para o noso botón Buscar.

543
00:28:36,570 --> 00:28:40,790
E entón, cando o botón de investigación é
premendo, el corresponde a dereita aquí.

544
00:28:40,790 --> 00:28:41,980
Onclick.

545
00:28:41,980 --> 00:28:47,300
Entón nós finalmente avisar ao noso usuario,
que é esta última liña aquí.

546
00:28:47,300 --> 00:28:48,250
OK?

547
00:28:48,250 --> 00:28:52,960
Así, cada unha destas catro etapas só
corresponde aos catro caixas

548
00:28:52,960 --> 00:28:55,031
alí en baixo na parte inferior.

549
00:28:55,031 --> 00:28:56,405
Isto ten sentido para todos?

550
00:28:56,405 --> 00:29:01,120

551
00:29:01,120 --> 00:29:05,200
>> E, a continuación, unha cousa que eu só vou
mencionar moi, moi brevemente, que eu

552
00:29:05,200 --> 00:29:08,660
fomentar vostedes a
van ollar máis para

553
00:29:08,660 --> 00:29:13,210
jQuery, que é só unha biblioteca
que está construído enriba de JavaScript.

554
00:29:13,210 --> 00:29:16,480
El é super útil, como
coa maioría das bibliotecas.

555
00:29:16,480 --> 00:29:18,320
Hai moitas funcións.

556
00:29:18,320 --> 00:29:21,930
Entón, se sempre hai algo que
quere facer en JavaScript,

557
00:29:21,930 --> 00:29:24,880
seu primeiro instinto
non debe ser pensar

558
00:29:24,880 --> 00:29:27,340
de, "o que función debe
I código? "Debería ser,

559
00:29:27,340 --> 00:29:29,560
"Deixe-me ver alguén é
Xa o fixo por min. "

560
00:29:29,560 --> 00:29:32,800
Porque nove de cada dez veces,
alguén vai ter feito isto xa,

561
00:29:32,800 --> 00:29:35,760
e probablemente ter feito mellor.

562
00:29:35,760 --> 00:29:39,990
As persoas gastan moito tempo facendo estes,
e JavaScript é moi utilizado,

563
00:29:39,990 --> 00:29:42,810
para que a xente está constantemente
intentando facelo mellor.

564
00:29:42,810 --> 00:29:47,110
E jQuery ten unha morea de funcións
que, probablemente, será útil para ti

565
00:29:47,110 --> 00:29:50,470
no seu proxecto final, se está
facer calquera cousa con deseño web.

566
00:29:50,470 --> 00:29:53,480
Como me gusta de dicir ", o traballo
máis intelixente, non máis. "

567
00:29:53,480 --> 00:29:57,130
Se vostedes fan iso, vai ser gran.

568
00:29:57,130 --> 00:30:00,330
Cando estamos no hackathon non
quero que sexa todo forzado para fóra.

569
00:30:00,330 --> 00:30:03,600
Quero que sexa do tipo: "Eu teño
este. jQuery obtido miña parte traseira.

570
00:30:03,600 --> 00:30:05,790
Eu non teño escribir estas funcións ".

571
00:30:05,790 --> 00:30:07,636
>> Entón, só dúas cousas para
Teña en conta que, eu vou

572
00:30:07,636 --> 00:30:10,220
para deixar vostedes ollar máis
en jQuery no seu propio país.

573
00:30:10,220 --> 00:30:13,070
Todo o que eu vou dicir é que
fai algunhas cousas moi impresionantes

574
00:30:13,070 --> 00:30:15,220
e pode facer a súa vida
moito máis fácil.

575
00:30:15,220 --> 00:30:17,150
Pero o que quere
ten é calquera arquivo

576
00:30:17,150 --> 00:30:21,020
que vai usalo en,
vai querer estas dúas liñas.

577
00:30:21,020 --> 00:30:25,630
Vai querer o
guión de js jQuery punto js.

578
00:30:25,630 --> 00:30:28,500
E, de feito, a súa fonte
vai haber algunha URL.

579
00:30:28,500 --> 00:30:35,870
Se Google jQuery, Google
en realidade acolle todos os ficheiros para ti.

580
00:30:35,870 --> 00:30:38,950
Entón definitivamente quero
de entrada que, no canto de URL.

581
00:30:38,950 --> 00:30:41,130
Acaba de poñer isto aquí
por razóns de simplicidade.

582
00:30:41,130 --> 00:30:45,180
Todo isto significa que a
atopar a súa biblioteca jQuery.

583
00:30:45,180 --> 00:30:48,600
É enorme, para que non quere
para hóspede-lo no seu propio ordenador

584
00:30:48,600 --> 00:30:53,390
se pode evitalo, o que é por iso que nós
tenden a só poñer no URL de Google de que

585
00:30:53,390 --> 00:30:55,880
aloxa todos estes arquivos para ti.

586
00:30:55,880 --> 00:30:56,380
OK?

587
00:30:56,380 --> 00:30:58,850
Vostede Google-lo, eu prometer
vai estar alí.

588
00:30:58,850 --> 00:31:01,200
>> E entón o que quere
JavaScript ficheiro que está

589
00:31:01,200 --> 00:31:07,150
usando, entón este é só algúns externo
JavaScript ficheiro que está a usar.

590
00:31:07,150 --> 00:31:11,570
Do mesmo xeito que nós chamámoste ao noso CSS
arquivos, este é o mesmo tipo de cousas.

591
00:31:11,570 --> 00:31:15,480
Este só ligazóns para o arquivo
onde o seu JavaScript está.

592
00:31:15,480 --> 00:31:18,970
E eu teño algúns exemplos
con JavaScript simple.

593
00:31:18,970 --> 00:31:20,220
Entón, nós imos estar pasando por iso.

594
00:31:20,220 --> 00:31:27,230
E entón, no seu índice de JavaScript,
cal é o seu ficheiro JavaScript aquí,

595
00:31:27,230 --> 00:31:30,900
este é o tipo de envoltura
que ten para jQuery.

596
00:31:30,900 --> 00:31:33,860
Está case 99,9
por cento do tempo indo

597
00:31:33,860 --> 00:31:36,800
ter iso no seu arquivo index.js.

598
00:31:36,800 --> 00:31:40,010
Porque o que este di que é,
"Non executar nada

599
00:31:40,010 --> 00:31:43,480
ata que o documento é, en realidade,
listo ", que é o que quere.

600
00:31:43,480 --> 00:31:46,600
Porque se o documento non está preparado,
jQuery e comeza a facer as cousas,

601
00:31:46,600 --> 00:31:48,020
é só unha confusión.

602
00:31:48,020 --> 00:31:50,480
Así, sempre quere ter este envoltorio.

603
00:31:50,480 --> 00:31:55,760
E, a continuación, para as cousas que ir alí, eu
deixan a propia perusing dos seus rapaces.

604
00:31:55,760 --> 00:32:04,610
>> OK, entón hai dúbidas dereita
agora sobre JavaScript en xeral?

605
00:32:04,610 --> 00:32:07,420
Ou o modelo DOM?

606
00:32:07,420 --> 00:32:10,780
Se non, temos algúns cool
exemplos que podemos pasar,

607
00:32:10,780 --> 00:32:13,120
que vostedes poden me axudar código.

608
00:32:13,120 --> 00:32:15,877
Pero eu tamén vou ser
super agradable, e se

609
00:32:15,877 --> 00:32:17,960
non quere dicir nada
para estes, iso é bo.

610
00:32:17,960 --> 00:32:20,510
Eu tamén podo só darlle exemplos.

611
00:32:20,510 --> 00:32:24,581
Pero nada no
PowerPoint, antes de seguir adiante?

612
00:32:24,581 --> 00:32:25,080
Con estilo.

613
00:32:25,080 --> 00:32:26,990
>> Eu sinto que vostedes necesitan enerxía.

614
00:32:26,990 --> 00:32:31,516
Entón, eu creo que nós imos comezar
co meu exemplo do partido en primeiro lugar.

615
00:32:31,516 --> 00:32:33,390
Temos tres exemplos,
ten a súa elección.

616
00:32:33,390 --> 00:32:37,720
Polo tanto, temos de reloxo, para onde imos
para aplicar un reloxo real que é

617
00:32:37,720 --> 00:32:41,430
indo para actualizar o paso do tempo.

618
00:32:41,430 --> 00:32:43,310
Temos este gran función Twitter.

619
00:32:43,310 --> 00:32:44,560
Isto-- sabe o que, espera.

620
00:32:44,560 --> 00:32:47,220
Nós imos facelo ir aínda.

621
00:32:47,220 --> 00:32:47,950
Bam.

622
00:32:47,950 --> 00:32:49,060
Aceptar.

623
00:32:49,060 --> 00:32:56,132
>> Temos este gran función Twitter
aquí, isso-- sei, non?

624
00:32:56,132 --> 00:32:57,090
Vai ser gran.

625
00:32:57,090 --> 00:32:58,350
Vostedes están excitados?

626
00:32:58,350 --> 00:33:01,170
Isto vai contar o número
de caracteres que deixou,

627
00:33:01,170 --> 00:33:04,520
por iso, se eu escribir agora,
obviamente, inda di que 140,

628
00:33:04,520 --> 00:33:06,190
pero sabemos que non é o caso.

629
00:33:06,190 --> 00:33:08,570
E, a continuación, coa nosa última
aquí, prema aquí para a festa.

630
00:33:08,570 --> 00:33:12,150
O que vai ocorrer é cando
prememos, o fondo de

631
00:33:12,150 --> 00:33:13,340
vai cambiar as cores.

632
00:33:13,340 --> 00:33:17,060
Entón, vostedes teñen as súas opcións de
cal deles quere facer primeiro.

633
00:33:17,060 --> 00:33:19,800
Eu prometer que vou levalo moi doado para ti.

634
00:33:19,800 --> 00:33:22,680
Eu sinto que todo o mundo é medio
de só moi baixo chave hoxe.

635
00:33:22,680 --> 00:33:25,540
Entón, eu vou oriente-lo como
imos aplicar todos estes.

636
00:33:25,540 --> 00:33:28,520
Se quere badalar
en, iso é óptimo, pero eu

637
00:33:28,520 --> 00:33:30,020
sinto que todo o mundo é un pouco canso.

638
00:33:30,020 --> 00:33:32,970
Entón eu vou leva-lo
a través destes exemplos.

639
00:33:32,970 --> 00:33:35,015
Temos algo que
nós queremos facer primeiro?

640
00:33:35,015 --> 00:33:38,140

641
00:33:38,140 --> 00:33:39,475
Anyone?

642
00:33:39,475 --> 00:33:41,350
Sen preferencias?

643
00:33:41,350 --> 00:33:41,867
Aceptar.

644
00:33:41,867 --> 00:33:42,450
Vostede sabe o que?

645
00:33:42,450 --> 00:33:43,290
Estamos en festa.

646
00:33:43,290 --> 00:33:48,380
Eu sinto que vostedes precisan dun little--
por iso, imos facer a un partido en primeiro lugar.

647
00:33:48,380 --> 00:33:48,880
Aceptar.

648
00:33:48,880 --> 00:33:51,470

649
00:33:51,470 --> 00:33:56,930
>> Entón o que temos aqui-- é iso
non debería estar alí.

650
00:33:56,930 --> 00:33:57,910
Agora é bo.

651
00:33:57,910 --> 00:33:59,810
Aceptar.

652
00:33:59,810 --> 00:34:03,110
Entón o que temos aquí é
só unha páxina HTML simple

653
00:34:03,110 --> 00:34:07,840
que todos deben ser super
familiarizado co dos seus dous últimos Serie de exercicios.

654
00:34:07,840 --> 00:34:10,212
temos o noso tipo doc aquí.

655
00:34:10,212 --> 00:34:10,920
Todos poden ver?

656
00:34:10,920 --> 00:34:11,420
Aceptar.

657
00:34:11,420 --> 00:34:12,560
Con estilo.

658
00:34:12,560 --> 00:34:13,900
Temos o noso HTML obviamente.

659
00:34:13,900 --> 00:34:18,360
Temos algúns cabeceira que é
ligada a unha folla de estilo que

660
00:34:18,360 --> 00:34:21,420
só fixo o meu pia batismal agradable e grande e valente.

661
00:34:21,420 --> 00:34:23,489
Entón non se preocupe con iso.

662
00:34:23,489 --> 00:34:26,437
>> Temos algún corpo con
un fondo Id, OK?

663
00:34:26,437 --> 00:34:28,520
Porque nós imos estar
cambiando o fondo.

664
00:34:28,520 --> 00:34:31,964
Entón, cando estamos cambiando o
fondo do noso corpo,

665
00:34:31,964 --> 00:34:35,965
lembramo connosco de dúas semanas
cando estamos lidando con páxinas web.

666
00:34:35,965 --> 00:34:36,840
Tan bo ter iso.

667
00:34:36,840 --> 00:34:39,270
E nós temos uns Id equivale festa.

668
00:34:39,270 --> 00:34:43,909
Este h ref libra significa só que
está indo a ir á mesma páxina.

669
00:34:43,909 --> 00:34:47,120
E click aquí para a festa,
que é por iso que cando premer nel,

670
00:34:47,120 --> 00:34:48,940
debe cambiar as cores, por sorte.

671
00:34:48,940 --> 00:34:54,322
>> E entón temos algún script aquí que
só está conectado a este partido js dot

672
00:34:54,322 --> 00:34:58,100
arquivo, que está baleiro, porque
nós non fixemos nada aínda.

673
00:34:58,100 --> 00:35:00,450
E é tan triste.

674
00:35:00,450 --> 00:35:06,100
Pero moi pronto, que vai cambiar
cores, e vai ser incrible.

675
00:35:06,100 --> 00:35:10,520
>> Entón, eu só vou oriente-lo caras
mediante como podemos abordar isto.

676
00:35:10,520 --> 00:35:14,030
Entón o primeiro que
podemos querer facer,

677
00:35:14,030 --> 00:35:18,050
se estamos cambiando o fondo
o corpo, o primeiro que pode querer

678
00:35:18,050 --> 00:35:22,730
facer é realmente coller
o que o corpo é, non?

679
00:35:22,730 --> 00:35:27,690
Entón, nós queremos ter suma, o noso
fondo, e se observar,

680
00:35:27,690 --> 00:35:29,567
Eu só automaticamente pode comezar a escribir.

681
00:35:29,567 --> 00:35:32,400
Non hai nada de especial que
cómpre facer para os nosos arquivos JavaScript.

682
00:35:32,400 --> 00:35:35,820
Podo comezar a declaración de variables,
e declarando funcións aleatorias.

683
00:35:35,820 --> 00:35:38,110
E é forma moito máis libre.

684
00:35:38,110 --> 00:35:41,930
É como con C, que lle deu todo
estas regras duras, e creceu,

685
00:35:41,930 --> 00:35:43,220
polo que estamos como, "ir por diante.

686
00:35:43,220 --> 00:35:44,000
Sexa libre.

687
00:35:44,000 --> 00:35:44,870
Fai o que quere. "

688
00:35:44,870 --> 00:35:46,280
E iso é o que é JavaScript.

689
00:35:46,280 --> 00:35:48,390
Polo tanto, temos unha información aquí.

690
00:35:48,390 --> 00:35:55,900
Co noso modelo DOM, sabemos que
pode facer documento dot obter elemento,

691
00:35:55,900 --> 00:36:00,290
e notar aquí,
o noso corpo ten un Id.

692
00:36:00,290 --> 00:36:00,930
Non?

693
00:36:00,930 --> 00:36:06,310
Así, podemos facer chegar documento por
Id, e aquí está un simple.

694
00:36:06,310 --> 00:36:08,295
Cal é o noso Id que queremos aquí?

695
00:36:08,295 --> 00:36:09,170
Audiencia: Fondo.

696
00:36:09,170 --> 00:36:11,280
ALLISON Buchholtz-AU: Fondo.

697
00:36:11,280 --> 00:36:12,230
Perfecto.

698
00:36:12,230 --> 00:36:14,250
E punto e coma ao final.

699
00:36:14,250 --> 00:36:15,610
Iso non desapareceu aínda.

700
00:36:15,610 --> 00:36:17,330
Aínda que de seus punto e coma.

701
00:36:17,330 --> 00:36:17,830
Aceptar.

702
00:36:17,830 --> 00:36:19,690
Entón, ese é o noso primeiro.

703
00:36:19,690 --> 00:36:23,880
E cando nós clic algo, nós
quere que algo aconteza, non?

704
00:36:23,880 --> 00:36:28,270
Entón, nós pode querer algunha variable
que está á espera de un click.

705
00:36:28,270 --> 00:36:32,410
O que imos facer é que imos
facer a nosa conexión máis semellante a un botón.

706
00:36:32,410 --> 00:36:43,140
Entón nós imos ter un botón que
é igual a documentar dot obter elemento por Id.

707
00:36:43,140 --> 00:36:48,670
E se eu estou falando sobre o
prema na ligazón ou click aquí para festexar

708
00:36:48,670 --> 00:36:51,850
enlace, o que podería miña Id estar aquí?

709
00:36:51,850 --> 00:36:52,590
Parte.

710
00:36:52,590 --> 00:36:55,200
Correcto.

711
00:36:55,200 --> 00:36:56,500
OK non moi malo ata agora.

712
00:36:56,500 --> 00:36:59,060
Toda a xente conseguir o que estamos facendo?

713
00:36:59,060 --> 00:37:02,100
>> OK, entón agora temos o noso
botón, e queremos

714
00:37:02,100 --> 00:37:04,140
que as cousas cambien cando eu facer clic sobre el.

715
00:37:04,140 --> 00:37:08,750
Entón, se nós recordamos do noso PowerPoint,
cousa moi sinxela que podemos facer

716
00:37:08,750 --> 00:37:12,140
é só botón dot onclick, non?

717
00:37:12,140 --> 00:37:14,750

718
00:37:14,750 --> 00:37:18,730
E iso vai para igualar algunha función.

719
00:37:18,730 --> 00:37:20,620
Esta é unha función anónima.

720
00:37:20,620 --> 00:37:24,620
E iso só as-- en realidade eu son
vai facelo un pouco maior.

721
00:37:24,620 --> 00:37:27,330
>> Entón o que eu fixen
aquí é que eu estou dicindo, OK,

722
00:37:27,330 --> 00:37:31,810
cando prememos noso botón, o que é
esta conexión que nós só referido,

723
00:37:31,810 --> 00:37:34,270
nós estamos indo a executar
esta función anónima.

724
00:37:34,270 --> 00:37:35,845
Non necesitamos calquera entrada.

725
00:37:35,845 --> 00:37:37,220
Non nos importa o que o usuario di.

726
00:37:37,220 --> 00:37:38,800
Cando premer nel, estamos
vai facer o que queiramos,

727
00:37:38,800 --> 00:37:40,660
que é cambiar a cor de fondo.

728
00:37:40,660 --> 00:37:42,640
OK?

729
00:37:42,640 --> 00:37:47,224
Entón é por iso que non temos ningunha entradas,
só temos esta función anónima.

730
00:37:47,224 --> 00:37:49,390
E agora nós estamos indo realmente
para escribir esta función.

731
00:37:49,390 --> 00:37:55,040
>> Polo tanto, hai unha morea de formas que
podería xerar unha cor aleatoria.

732
00:37:55,040 --> 00:37:59,010
O xeito que eu fixen foi para
xerar tres números aleatorios

733
00:37:59,010 --> 00:38:01,910
e convertela los para un RGB triple.

734
00:38:01,910 --> 00:38:06,130
Entón, iso só amosa que algúns cool
cousas que, se vostede é como, "Oh,

735
00:38:06,130 --> 00:38:08,464
Necesito xerar un aleatorio
número. "Se Googled-lo,

736
00:38:08,464 --> 00:38:09,630
iso é o que ía atopar.

737
00:38:09,630 --> 00:38:17,580
>> Entón, nós temos tres diferentes
cousas, Var, non vermello de novo, verde.

738
00:38:17,580 --> 00:38:18,080
Non?

739
00:38:18,080 --> 00:38:20,740
Polo tanto, estas son as tres
cousas que compoñen unha cor.

740
00:38:20,740 --> 00:38:22,220
Azul, vermello e verde.

741
00:38:22,220 --> 00:38:22,960
Con estilo.

742
00:38:22,960 --> 00:38:27,050
E o que podemos facer é que sabemos
que debe estar entre 255,

743
00:38:27,050 --> 00:38:30,140
e se mirou para algúns
xerador de números aleatorios,

744
00:38:30,140 --> 00:38:36,000
pode obter algo como matemáticas
dot aleatorio, que se lle buscar sobre o tema

745
00:38:36,000 --> 00:38:39,230
volve a algún número
entre cero e un.

746
00:38:39,230 --> 00:38:39,980
OK?

747
00:38:39,980 --> 00:38:44,470
E o que os números de facer o noso
Triples RGB pasar polo medio?

748
00:38:44,470 --> 00:38:47,240
Cero e que?

749
00:38:47,240 --> 00:38:49,000
O que poden ir ata?

750
00:38:49,000 --> 00:38:49,950
255.

751
00:38:49,950 --> 00:38:53,320
Entón, se a matemática de puntos aleatorios
vai entre cero e un,

752
00:38:53,320 --> 00:38:56,365
como podemos querer converter isto?

753
00:38:56,365 --> 00:38:56,990
Audiencia: Time?

754
00:38:56,990 --> 00:38:57,830
ALLISON Buchholtz-AU: Si, exactamente.

755
00:38:57,830 --> 00:38:58,677
Así, o tempo é de 255.

756
00:38:58,677 --> 00:39:00,888
>> Audiencia: [inaudível]
É como [inaudível].

757
00:39:00,888 --> 00:39:02,471
ALLISON Buchholtz-AU: Math dot aleatoria.

758
00:39:02,471 --> 00:39:03,096
Audiencia: Cool.

759
00:39:03,096 --> 00:39:04,580
ALLISON Buchholtz-AU: Si.

760
00:39:04,580 --> 00:39:06,300
JavaScript só coida de ti.

761
00:39:06,300 --> 00:39:07,580
Aceptar.

762
00:39:07,580 --> 00:39:09,360
Así, podemos facelo para todos eles.

763
00:39:09,360 --> 00:39:10,540
Non?

764
00:39:10,540 --> 00:39:16,480
Math puntúan momentos aleatorios 255.

765
00:39:16,480 --> 00:39:17,740
Entendido.

766
00:39:17,740 --> 00:39:18,820
Con estilo.

767
00:39:18,820 --> 00:39:23,350
Así, a cousa é, isto pode
non voltar un enteiro.

768
00:39:23,350 --> 00:39:24,080
Non?

769
00:39:24,080 --> 00:39:26,450
Quizais obter algún número
entre cero e un,

770
00:39:26,450 --> 00:39:32,150
e que fai que sexa lixeiramente
off, e os nosos RGBs non pode ser Carrozas.

771
00:39:32,150 --> 00:39:33,360
Precisan ser enteiros.

772
00:39:33,360 --> 00:39:37,610
Entón, se xa intentou iso, probablemente
ter algún comportamento errático.

773
00:39:37,610 --> 00:39:38,810
Sería un pouco descolados.

774
00:39:38,810 --> 00:39:43,200
Entón, o que nós facemos é que queremos facer
seguro que estes son redondeados,

775
00:39:43,200 --> 00:39:45,400
e podería redondear calquera maneira.

776
00:39:45,400 --> 00:39:47,110
I redondeado con piso.

777
00:39:47,110 --> 00:39:49,680
Entón, eu sempre fixo-se
que redondeados abaixo.

778
00:39:49,680 --> 00:39:54,440
Pero saíndo como simple
era só para obter un número aleatorio,

779
00:39:54,440 --> 00:39:57,920
como pensas que nós
pode andar este número?

780
00:39:57,920 --> 00:40:00,720
É moi similar.

781
00:40:00,720 --> 00:40:02,810
Algunha idea?

782
00:40:02,810 --> 00:40:06,450
Entón, se acaso era só punto de matemáticas
aleatoria, por que pensas que fariamos chan?

783
00:40:06,450 --> 00:40:09,670
Andar dot Math.

784
00:40:09,670 --> 00:40:11,340
E tamén se pode facer teito dot matemáticas.

785
00:40:11,340 --> 00:40:14,030
Rolda é unha especie de ambiguo
porque non facer

786
00:40:14,030 --> 00:40:16,110
saber se redondear para arriba ou para redondear abaixo.

787
00:40:16,110 --> 00:40:20,797
Entón, normalmente sempre facemos matemáticas
andar dot, teito matemáticas punto.

788
00:40:20,797 --> 00:40:21,380
Pero honestly--

789
00:40:21,380 --> 00:40:22,780
>> Audiencia: O chan rolda abaixo?

790
00:40:22,780 --> 00:40:24,740
>> ALLISON Buchholtz-AU: Piso arredonda abaixo.

791
00:40:24,740 --> 00:40:26,990
E iso é só unha selección da miña parte.

792
00:40:26,990 --> 00:40:32,370
>> Polo tanto, agora temos os nosos tres números
que foron xerados ao azar,

793
00:40:32,370 --> 00:40:36,610
e o que imos facer agora é que estamos
só vai cambiar o fondo.

794
00:40:36,610 --> 00:40:37,310
OK?

795
00:40:37,310 --> 00:40:41,490
Entón, nós xa temos o noso
fondo tipo de gardado

796
00:40:41,490 --> 00:40:43,280
neste elemento chamado fondo.

797
00:40:43,280 --> 00:40:47,300
Entón, o que vai notar é que, se
vostede chanceou con iso,

798
00:40:47,300 --> 00:40:50,460
queremos cambiar o estilo.

799
00:40:50,460 --> 00:40:53,812
E este é o tipo de cousas que
vostede Google e descubrir,

800
00:40:53,812 --> 00:40:55,020
gusto de como cambiar a cor.

801
00:40:55,020 --> 00:40:59,210
>> Pero a forma de acceder a esta cor é
fondo do punto fondo do estilo do punto.

802
00:40:59,210 --> 00:41:03,490
Entón isto está dicindo dada
este obxecto, fondo,

803
00:41:03,490 --> 00:41:06,920
que se refire a esta
elemento Id alí enriba,

804
00:41:06,920 --> 00:41:10,690
imos ollar para o
estilo dentro do estilo,

805
00:41:10,690 --> 00:41:13,280
imos ollar para o fondo.

806
00:41:13,280 --> 00:41:14,270
OK?

807
00:41:14,270 --> 00:41:17,630
E se ir e investigar sobre o tema,
pode facer un pouco máis de sentido,

808
00:41:17,630 --> 00:41:21,930
pero isto é, basicamente, só dicindo:
"Dáme este atributo moi específico

809
00:41:21,930 --> 00:41:25,770
do que teño definido anteriormente. "

810
00:41:25,770 --> 00:41:32,340
Entón, o que estamos cambiando a cara é
algúns RGB, porque ten sentido.

811
00:41:32,340 --> 00:41:34,780
Utilizamos RGB triplica, non?

812
00:41:34,780 --> 00:41:41,530
E nós have-- quero que seguro que eu
obter o número correcto de citas aquí.

813
00:41:41,530 --> 00:41:43,940
Entón, o que facemos é que temos
RGB, e imos

814
00:41:43,940 --> 00:41:46,800
a-- isto é como
concatenación, que é vermello.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
E entón nós queremos algunha comas.

817
00:41:52,610 --> 00:41:59,925
E entón queremos verde plus,
a continuación, algúns coma, e un pouco de azul.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Así estas vantaxes só
quere dicir, como concatenación.

820
00:42:14,120 --> 00:42:19,810
Polo tanto, esta é só crear esta
cadea que está a suceder dentro RGB.

821
00:42:19,810 --> 00:42:20,310
OK?

822
00:42:20,310 --> 00:42:23,200

823
00:42:23,200 --> 00:42:26,684
>> Audiencia: [inaudível] máis axiña
a un verde máis, a continuación, o vermello.

824
00:42:26,684 --> 00:42:30,163
>> ALLISON Buchholtz-AU: Si,
porque eu errei iso.

825
00:42:30,163 --> 00:42:30,890
Esa é unha multa.

826
00:42:30,890 --> 00:42:32,110
Oh, espera.

827
00:42:32,110 --> 00:42:32,610
Non.

828
00:42:32,610 --> 00:42:36,770
Porque eu teño que seguro
que teño todo isto dereito.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Entón eu vou explicar en momento uno.

831
00:42:43,950 --> 00:42:47,040
Verde, azul, perfecto.

832
00:42:47,040 --> 00:42:47,971
Agora eu son feito.

833
00:42:47,971 --> 00:42:48,470
Creo.

834
00:42:48,470 --> 00:42:51,570

835
00:42:51,570 --> 00:42:52,530
>> Aceptar.

836
00:42:52,530 --> 00:42:58,085
Entón o que é iso, é que o fondo
vai ser definida como unha cadea.

837
00:42:58,085 --> 00:42:58,585
Non?

838
00:42:58,585 --> 00:42:59,710
Que é o que temos aquí.

839
00:42:59,710 --> 00:43:05,870
Vai haber algún RGB 255 comas
255 de cero coma, ou calquera número que

840
00:43:05,870 --> 00:43:06,512
ten alí.

841
00:43:06,512 --> 00:43:08,220
Entón, nós estamos facendo aquí,
temos algunha cadea.

842
00:43:08,220 --> 00:43:11,910
E o que queremos facer, é que estamos
especie de crear dinamicamente

843
00:43:11,910 --> 00:43:14,010
que cando nós realmente executar este programa.

844
00:43:14,010 --> 00:43:16,570
Polo tanto, esta é unha cadea.

845
00:43:16,570 --> 00:43:20,290
Ademais, encadea-lo con
o valor que o vermello ten,

846
00:43:20,290 --> 00:43:23,320
que encadea-lo con un
coma, que concatena-lo

847
00:43:23,320 --> 00:43:26,090
co que é verde, e
etc., e así por diante.

848
00:43:26,090 --> 00:43:26,660
OK?

849
00:43:26,660 --> 00:43:32,210
Ata o final, que é a
pechando esta parénteses RGB aquí.

850
00:43:32,210 --> 00:43:32,800
OK?

851
00:43:32,800 --> 00:43:37,230
>> Entón o que é que isto vai
xerar algún comando realmente

852
00:43:37,230 --> 00:43:42,770
que é RGB de tres números
que o fondo xa está definido para.

853
00:43:42,770 --> 00:43:43,940
OK?

854
00:43:43,940 --> 00:43:46,510
Entón imos ver se funciona.

855
00:43:46,510 --> 00:43:49,720
Eu espero que fai, porque se
non, eu vou estar moi triste.

856
00:43:49,720 --> 00:43:50,250
Ah, non.

857
00:43:50,250 --> 00:43:52,710
OK, espere.

858
00:43:52,710 --> 00:43:56,730
Definitivamente fondo
fondo do punto estilo dot.

859
00:43:56,730 --> 00:43:59,569
Estou definitivamente ausente
algo só pequena.

860
00:43:59,569 --> 00:44:00,610
Vostedes non odian tanto?

861
00:44:00,610 --> 00:44:04,020
Cando é só unha pequena pequeno erro?

862
00:44:04,020 --> 00:44:04,990
Fondo todopoderoso.

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
>> Audiencia: [inaudível]

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
Intento iso antes da clase.

869
00:44:14,050 --> 00:44:16,570
Teño todo o que fixo antes
clase, no caso eu era como,

870
00:44:16,570 --> 00:44:17,970
"Espera, o que foi que eu fixen de malo?"

871
00:44:17,970 --> 00:44:23,190
Porque eu era como, "Eu, probabelmente,
romper iso nalgún momento. "

872
00:44:23,190 --> 00:44:24,150
Ademais verde.

873
00:44:24,150 --> 00:44:26,250
Todo parece que está
concatenado correctamente.

874
00:44:26,250 --> 00:44:29,620

875
00:44:29,620 --> 00:44:30,520
Aceptar.

876
00:44:30,520 --> 00:44:31,870
>> Audiencia: [inaudível]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON Buchholtz-AU: Oh, alí vai.

878
00:44:33,810 --> 00:44:35,520
Iso é o que eu precisaba.

879
00:44:35,520 --> 00:44:36,805
Olle para iso.

880
00:44:36,805 --> 00:44:40,090
Tiffany para rescatar.

881
00:44:40,090 --> 00:44:40,590
Perfecto.

882
00:44:40,590 --> 00:44:41,090
Aceptar.

883
00:44:41,090 --> 00:44:43,834
Agora imos ver se funciona.

884
00:44:43,834 --> 00:44:44,816
Meu Deus.

885
00:44:44,816 --> 00:44:45,641
Aceptar.

886
00:44:45,641 --> 00:44:46,140
Aguante.

887
00:44:46,140 --> 00:44:48,280
>> Audiencia: Space tras a segunda plus.

888
00:44:48,280 --> 00:44:50,310
>> ALLISON Buchholtz-AU: Cal?

889
00:44:50,310 --> 00:44:52,910
Oh, espera, espera.

890
00:44:52,910 --> 00:44:54,870
Desgaste espazo?

891
00:44:54,870 --> 00:44:57,209
>> Audiencia: Second máis en
a concatenación verde.

892
00:44:57,209 --> 00:44:58,250
ALLISON Buchholtz-AU: Oh.

893
00:44:58,250 --> 00:44:59,570
Audiencia: Non hai ningún espazo
despois do máis, si.

894
00:44:59,570 --> 00:45:00,790
ALLISON Buchholtz-AU: Vostede
Non é necesario que, mas-

895
00:45:00,790 --> 00:45:01,190
Audiencia: Oh, non?

896
00:45:01,190 --> 00:45:01,910
ALLISON Buchholtz-AU: Parece moito.

897
00:45:01,910 --> 00:45:02,530
Audiencia: Aceptar.

898
00:45:02,530 --> 00:45:03,030
Aceptar.

899
00:45:03,030 --> 00:45:05,170
>> ALLISON Buchholtz AU:
Imos ver se funciona.

900
00:45:05,170 --> 00:45:05,670
Aceptar.

901
00:45:05,670 --> 00:45:07,836
Eu, obviamente, estou fallando en
esta demo, que me fai lembrar

902
00:45:07,836 --> 00:45:12,810
dunha charla na outra semana,
pero sei que isto vai funcionar.

903
00:45:12,810 --> 00:45:15,860
Sei que iso vai funcionar.

904
00:45:15,860 --> 00:45:16,580
Tan preto.

905
00:45:16,580 --> 00:45:22,330
A non ser que eu accidentalmente borrado
meu script nun presente.

906
00:45:22,330 --> 00:45:24,035
Non, é o punto de partido js.

907
00:45:24,035 --> 00:45:25,776
Aceptar soster.

908
00:45:25,776 --> 00:45:28,650
Vou copiar este, e eu tamén son
só vai borrar todo,

909
00:45:28,650 --> 00:45:30,108
porque eu tiña esa de traballo máis cedo.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Eu prometer que funciona.

912
00:45:33,770 --> 00:45:36,160
Se non, eu vou te amosar o que é de Tommy.

913
00:45:36,160 --> 00:45:38,890
E alí.

914
00:45:38,890 --> 00:45:42,380
>> Audiencia: Está facendo referencia a partido
dot CSS, e é unha festa de punto js.

915
00:45:42,380 --> 00:45:45,940
>> ALLISON Buchholtz-AU: Ah, ben
aquí é js punto de partido.

916
00:45:45,940 --> 00:45:49,187
OK, o que eu fixen diferente?

917
00:45:49,187 --> 00:45:50,520
OK, imos ver se funciona agora.

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
Entón, eu non sei o que eu fixen de forma diferente,
pero iso é o que debería ocorrer.

921
00:46:02,110 --> 00:46:03,230
Kind cool.

922
00:46:03,230 --> 00:46:06,650
Prema no presente, como, para sempre.

923
00:46:06,650 --> 00:46:11,185
Pero podemos probar e ver o que eu fixen
diferente que este.

924
00:46:11,185 --> 00:46:14,560
Eu non sei canto a vostedes, pero esta
mira basicamente o que escribín.

925
00:46:14,560 --> 00:46:17,950
Había probablemente unha desaparecida
punto e coma nalgún lugar é a miña cousa.

926
00:46:17,950 --> 00:46:22,064
De feito, despois, eu creo que estaba falta
un punto e coma aquí, en realidade.

927
00:46:22,064 --> 00:46:24,230
Pero eu non podía velo porque
era fóra da pantalla.

928
00:46:24,230 --> 00:46:29,040
>> Pero se observarmos, iso é moi
moi exactamente o que eu escribín.

929
00:46:29,040 --> 00:46:33,010
Creo que, probablemente, a parte máis difícil de
esta é só unha especie de esta cousa certa

930
00:46:33,010 --> 00:46:36,830
aquí, a comprensión
o que está facendo alí.

931
00:46:36,830 --> 00:46:42,230
Estes tipos de cousas que aprende
realmente só buscando por e honesta

932
00:46:42,230 --> 00:46:42,880
só tentando.

933
00:46:42,880 --> 00:46:46,770
Se pensas que hai algún
atributo, probablemente hai.

934
00:46:46,770 --> 00:46:48,382
Entón, probalo.

935
00:46:48,382 --> 00:46:49,090
Mira o que acontece.

936
00:46:49,090 --> 00:46:53,000
Como dixen, hai unha morea de
experimentación con JavaScript,

937
00:46:53,000 --> 00:46:56,810
e PHP, e todo o que
material, e CSS especialmente.

938
00:46:56,810 --> 00:47:00,046
Esa é a única verdadeira
xeito de comprende-lo.

939
00:47:00,046 --> 00:47:07,100
>> OK, entón despois dese fiasco con festa
js punto, temos dúas outras opcións.

940
00:47:07,100 --> 00:47:10,650
Temos reloxo ou Twitter.

941
00:47:10,650 --> 00:47:12,190
Ambos son interesantes.

942
00:47:12,190 --> 00:47:17,720
Quizais non tan divertido como partido,
que tivo un pouco de efecto estroboscópico legal

943
00:47:17,720 --> 00:47:19,595
cousa ao final.

944
00:47:19,595 --> 00:47:21,714
Vós ten algunha preferencia?

945
00:47:21,714 --> 00:47:22,380
Audiencia: Clock?

946
00:47:22,380 --> 00:47:22,950
ALLISON Buchholtz-AU: Clock?

947
00:47:22,950 --> 00:47:23,450
Aceptar.

948
00:47:23,450 --> 00:47:25,390
Con estilo.

949
00:47:25,390 --> 00:47:30,460
>> Entón, de novo, temos a nosa
arquivo JavaScript baleiro.

950
00:47:30,460 --> 00:47:35,800
E como vemos aquí, nós
ter algún HTML moi sinxelo.

951
00:47:35,800 --> 00:47:40,010
Temos a nosa folla de estilo, que só
formata o que debe ser parecido.

952
00:47:40,010 --> 00:47:42,860
Temos a nosa div con
un Id de reloxo, que

953
00:47:42,860 --> 00:47:44,420
só di, "este debe ser un reloxo."

954
00:47:44,420 --> 00:47:47,650
E nós temos o noso enlace
ao noso arquivo JavaScript

955
00:47:47,650 --> 00:47:51,400
que realmente vai
xerar o noso reloxo para nós.

956
00:47:51,400 --> 00:47:56,060
Porque a cousa legal, é que pode
definir JavaScript para actualizar automaticamente

957
00:47:56,060 --> 00:47:56,963
si.

958
00:47:56,963 --> 00:47:57,810
OK?

959
00:47:57,810 --> 00:48:01,580
Entón, en vez de esperar que o
usuario para bater Actualizar unha páxina

960
00:48:01,580 --> 00:48:03,840
de modo que pode obter
horario actualizado, JavaScript

961
00:48:03,840 --> 00:48:06,760
pode actualiza-lo con todo, gusta.

962
00:48:06,760 --> 00:48:12,082
>> Entón, como acontece co noso último, queriamos
para acceder ao noso fondo, non?

963
00:48:12,082 --> 00:48:14,790
Entón, o que pensas que pode ser o
primeiro que queremos facer aquí?

964
00:48:14,790 --> 00:48:19,538
Se nós estamos saíndo
este tipo de paradigma aquí?

965
00:48:19,538 --> 00:48:22,200
Nós probablemente vai querer
acceder ao noso reloxo, non?

966
00:48:22,200 --> 00:48:24,724
Entón, nós temos algúns var
reloxo, que equals--

967
00:48:24,724 --> 00:48:26,140
que é o que pensas que vai ser?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Documento dot obter elemento por-- Eu tamén
amo Sublime-- Id ea nosa Id é o reloxo.

970
00:48:42,670 --> 00:48:43,585
Punto e coma.

971
00:48:43,585 --> 00:48:45,710
Teño que estar seguro de obter
estes semicolons esta vez,

972
00:48:45,710 --> 00:48:47,835
porque eu sinto que
foi o problema da última vez.

973
00:48:47,835 --> 00:48:55,980
OK, entón, como eu estaba dicindo coa tentativa
de ter Javascript refrescar-se,

974
00:48:55,980 --> 00:48:59,655
hai esa gran función, I
sei que veu a cadra o ano pasado,

975
00:48:59,655 --> 00:49:02,780
Eu non estou seguro que vén a cadra para este
pset, pero chámase intervalo definido.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
E iso é realmente moi
legal se vostedes fan nada

978
00:49:08,200 --> 00:49:11,460
co tempo ou ir
información actualizada.

979
00:49:11,460 --> 00:49:13,700
Nun sitio web para a final
proxecto, esta é probablemente

980
00:49:13,700 --> 00:49:16,240
unha función que quere
obter super familiarizado.

981
00:49:16,240 --> 00:49:19,730
Así que definir o intervalo fai é que
imos darlle unha función,

982
00:49:19,730 --> 00:49:21,830
e cantas veces debería
chamar esa función.

983
00:49:21,830 --> 00:49:22,430
OK?

984
00:49:22,430 --> 00:49:26,890
>> Polo tanto, neste caso, nós só estamos indo a
crear algunha función anónima de novo,

985
00:49:26,890 --> 00:49:31,530
OK, que se ve
nosa data, e noso tempo,

986
00:49:31,530 --> 00:49:33,780
e entón actualizar as cousas e amosar-lo.

987
00:49:33,780 --> 00:49:35,130
Entón, imos preocupar con iso.

988
00:49:35,130 --> 00:49:39,120
Nós imos ser como xerar reloxo aquí.

989
00:49:39,120 --> 00:49:41,750
Pero o que necesitamos é como
moitas veces para actualiza-la.

990
00:49:41,750 --> 00:49:43,930
Polo tanto, neste caso, é só milisegundos.

991
00:49:43,930 --> 00:49:46,877
Entón, nós só estamos indo a
facer 100 milisegundos.

992
00:49:46,877 --> 00:49:48,210
Por suposto, totalmente arbitraria.

993
00:49:48,210 --> 00:49:50,600
Se quería para actualizar
moito máis lentamente, o que puido.

994
00:49:50,600 --> 00:49:53,300
Podemos xogar
co rango do partido,

995
00:49:53,300 --> 00:49:57,240
como é grande o noso rango é despois de chegar
un reloxo a traballar, o que espera que eu vou

996
00:49:57,240 --> 00:49:59,660
chegar.

997
00:49:59,660 --> 00:50:04,110
Polo tanto, este é só dicir, "Aceptar, call
esa función a cada 100 milisegundos. "

998
00:50:04,110 --> 00:50:04,805
OK?

999
00:50:04,805 --> 00:50:07,280
Isto é todo o que fai.

1000
00:50:07,280 --> 00:50:12,290
>> Entón, o que queremos que a nosa función para
facer é que queremos ter algunha data

1001
00:50:12,290 --> 00:50:14,200
e algún tempo que se
imos ter.

1002
00:50:14,200 --> 00:50:19,740
Así, podemos comezar coa nosa
data é igual a algo,

1003
00:50:19,740 --> 00:50:22,708
e noso tempo é igual a algo
que non sabemos aínda.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
Ou, en realidade, só necesitamos data, porque
data incluirá todo.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
De novo, se acaba de Google nada sobre
o que quere facer, se escribir, "Aceptar,

1008
00:50:40,010 --> 00:50:41,980
Eu quero ir o tempo
vía JavaScript, "it

1009
00:50:41,980 --> 00:50:45,890
lle vai dar este gran
función chamada data get.

1010
00:50:45,890 --> 00:50:48,664
Literalmente, a maioría das cousas
que quere facer,

1011
00:50:48,664 --> 00:50:50,830
JavaScript terá
Lo feito para ti xa.

1012
00:50:50,830 --> 00:50:55,770
Polo tanto, é literalmente como novo
obter data, que é creating--

1013
00:50:55,770 --> 00:50:58,600
ou nova data, rather--
que está a xerar

1014
00:50:58,600 --> 00:51:03,690
algún obxecto que representa unha data.

1015
00:51:03,690 --> 00:51:08,200
>> E o que imos facer aquí é
iso eu é-- vou escribir isto,

1016
00:51:08,200 --> 00:51:10,820
e, a continuación, explicar o que fai.

1017
00:51:10,820 --> 00:51:12,560
Entón, eu vou estar seguro que eu teño ese dereito.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> OK, entón o que esta función
fai, é que somos só

1020
00:51:23,440 --> 00:51:30,680
crear o HTML que é realmente
indo a ir dentro do noso Id div de reloxo.

1021
00:51:30,680 --> 00:51:34,610
Entón o que é que isto vai ser feito
é só xerar algunha corda, OK?

1022
00:51:34,610 --> 00:51:38,510
Isto é, entón, será
transplantadas no noso HTML.

1023
00:51:38,510 --> 00:51:42,130
Basicamente o que vai facer é
o que quere que nós-- que vou amosar-lle

1024
00:51:42,130 --> 00:51:49,070
é que o que dicimos é HTML,
imos substituír este texto aquí

1025
00:51:49,070 --> 00:51:51,090
con todo o que é HTML.

1026
00:51:51,090 --> 00:51:56,390
Entón, iso permitirá que
-Nos a cambiar o noso reloxo de punto

1027
00:51:56,390 --> 00:52:00,940
HTML de ser só o texto deste
debe ser un reloxo, para realmente amosar

1028
00:52:00,940 --> 00:52:05,630
os números e as cousas que nos importa
aproximadamente, e realmente pode horas.

1029
00:52:05,630 --> 00:52:09,810
>> Entón, o que nós imos facer é que estamos
comezará a xerar este HTML.

1030
00:52:09,810 --> 00:52:16,520
Así, do mesmo xeito que usamos
para facer máis é igual para enteiros,

1031
00:52:16,520 --> 00:52:20,461
agora pode facelo por cordas,
agás que vai concatenar-los.

1032
00:52:20,461 --> 00:52:20,960
Non?

1033
00:52:20,960 --> 00:52:26,070
Como vimos con punto de partido js, ​​este só
concatena todas estas cousas xuntas.

1034
00:52:26,070 --> 00:52:31,970
Así, pode concatenar diferentes anacos de
HTML desde variables, ou anacos de cordas

1035
00:52:31,970 --> 00:52:33,750
que escribe para fóra
mesmo, e iso só

1036
00:52:33,750 --> 00:52:38,650
realmente permite que dinamicamente
xerar HTML, que é moi legal.

1037
00:52:38,650 --> 00:52:42,040
Entón, se ten algo
moi usuario específico,

1038
00:52:42,040 --> 00:52:44,130
iso pode permitir que faga iso.

1039
00:52:44,130 --> 00:52:47,550
>> Polo tanto, temos HTML, para que eu vou
tentar garantir que teño ese dereito.

1040
00:52:47,550 --> 00:52:49,890
Entón, imos facer algunha cabeceira h1.

1041
00:52:49,890 --> 00:52:53,610
Entón, o que é importante entender aquí
é que se trata, en realidade, só HTML.

1042
00:52:53,610 --> 00:52:54,460
Non?

1043
00:52:54,460 --> 00:52:56,610
Estamos escribindo real
Código HTML aquí, é

1044
00:52:56,610 --> 00:53:01,090
non só unha secuencia na posición normal
xeito que queremos pensar niso.

1045
00:53:01,090 --> 00:53:02,930
Entón temos un pouco de HTML.

1046
00:53:02,930 --> 00:53:04,940
Esta é considerada unha secuencia aquí aínda.

1047
00:53:04,940 --> 00:53:10,380
E facemos data dot-- nós
quere chegar nas nosas horas.

1048
00:53:10,380 --> 00:53:12,910
De novo, se estaba a ollar
por riba de calquera cousa sobre a data,

1049
00:53:12,910 --> 00:53:16,160
ía dicirlle todos estes son
os atributos que ten data.

1050
00:53:16,160 --> 00:53:17,670
E aquí está o que pode usar nel.

1051
00:53:17,670 --> 00:53:20,620
Por iso, probablemente, ten cousas como
obter horas, e obter minutos,

1052
00:53:20,620 --> 00:53:24,669
e obter segundos, e obter milisegundos,
e quen sabe o que máis teñen.

1053
00:53:24,669 --> 00:53:27,210
Pero se ollar para o
documentación, todo iso vai estar alí.

1054
00:53:27,210 --> 00:53:31,980
>> Polo tanto, temos obter horas,
e logo, queremos

1055
00:53:31,980 --> 00:53:35,614
concatenar que com-- eu son
vai cambiar isto aquí.

1056
00:53:35,614 --> 00:53:38,780
Entón, se estamos xerando agora, estamos
realmente xerando o tempo, non?

1057
00:53:38,780 --> 00:53:43,590
Temos horas, e, a continuación, o que é
entre horas e minutos?

1058
00:53:43,590 --> 00:53:45,080
Ten un punto e coma, non?

1059
00:53:45,080 --> 00:53:48,010
Entón, nós queremos facer un punto e coma aquí.

1060
00:53:48,010 --> 00:53:51,780
E entón nós queremos comezar a nosa
minutos, de xeito que do mesmo xeito

1061
00:53:51,780 --> 00:53:56,450
que temos data dot obter horas,
como podemos obter os nosos minutos?

1062
00:53:56,450 --> 00:54:01,542
É literalmente data dot obter
minutos, o que eu medio que me gusta.

1063
00:54:01,542 --> 00:54:03,250
É como, "Oh, no;
¿Como que o meu minutos? "

1064
00:54:03,250 --> 00:54:05,850
Acaba de chegar en miñas minutos.

1065
00:54:05,850 --> 00:54:07,500
>> Aceptar.

1066
00:54:07,500 --> 00:54:10,990
E despois temos outros dous puntos aquí.

1067
00:54:10,990 --> 00:54:16,350
E entón, se queremos obter a nosa
segundo, como podemos obter a segunda?

1068
00:54:16,350 --> 00:54:17,400
Data dot obter segundos.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Creo que é moi legal.

1071
00:54:21,590 --> 00:54:23,589
E o que é importante
entender, é que nós tamén

1072
00:54:23,589 --> 00:54:31,730
Debe pechar nosa etiqueta HTML aquí, porque
inda debe ser HTML válido, polo tanto h1.

1073
00:54:31,730 --> 00:54:33,481
Con estilo.

1074
00:54:33,481 --> 00:54:43,110
>> Entón, despois diso, podemos facer reloxo
dot HTML interior é igual ao HTML.

1075
00:54:43,110 --> 00:54:43,930
OK?

1076
00:54:43,930 --> 00:54:46,470
Entón recorda que eu dixen
HTML interior basicamente

1077
00:54:46,470 --> 00:54:50,610
leva todo o que é entre o
dúas marcas que falamos

1078
00:54:50,610 --> 00:54:54,470
e insercións ou manipula
todo o que está aí dentro?

1079
00:54:54,470 --> 00:54:58,290
Entón, o que provocará, se
Imos volver para o noso reloxo,

1080
00:54:58,290 --> 00:55:04,180
é que se refire ao reloxo
todo dentro deste div.

1081
00:55:04,180 --> 00:55:09,770
Este é o código HTML interna
div deste reloxo Id.

1082
00:55:09,770 --> 00:55:13,930
E así que vai mudalo para
o HTML que acaba de xerar,

1083
00:55:13,930 --> 00:55:16,750
que, o que, esperamos,
espero, espero,

1084
00:55:16,750 --> 00:55:21,026
mostrará o tempo agora.

1085
00:55:21,026 --> 00:55:23,960
Imos ver.

1086
00:55:23,960 --> 00:55:25,170
Claro.

1087
00:55:25,170 --> 00:55:26,860
Tantas cuestións técnicas.

1088
00:55:26,860 --> 00:55:31,480
Apenas-- de Allison que eu son
fóra do meu xogo hoxe caras.

1089
00:55:31,480 --> 00:55:34,136
OK, isto funciona.

1090
00:55:34,136 --> 00:55:35,760
reloxo de punto HTML interior.

1091
00:55:35,760 --> 00:55:42,097
Foi HTML Really?

1092
00:55:42,097 --> 00:55:43,180
Ademais, este é o que pasa.

1093
00:55:43,180 --> 00:55:48,750
Cando non pode ver algo,
basta ollar para o seu código fonte.

1094
00:55:48,750 --> 00:55:49,250
Aceptar.

1095
00:55:49,250 --> 00:55:51,912

1096
00:55:51,912 --> 00:55:54,870
Queres coñecer un traballo legal en torno
que nós imos facer aquí?

1097
00:55:54,870 --> 00:55:55,740
>> Audiencia: Podes facer maiúsculas?

1098
00:55:55,740 --> 00:55:56,580
As maiúsculas?

1099
00:55:56,580 --> 00:55:58,996
Porque ten obter horas,
e logo, obter minutos.

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON Buchholtz-AU: It
é obter horas e get-- oh.

1101
00:56:02,590 --> 00:56:04,945
Vostede é-- estrela de ouro.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
É todo unha proba, persoal.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Eu prometer que estaba a traballar antes da clase.

1106
00:56:17,330 --> 00:56:22,590
>> OK, pero algo legal saber é
que pode Também-- se, por veces,

1107
00:56:22,590 --> 00:56:26,560
seus arquivos externos son
quedando un pouco tolo,

1108
00:56:26,560 --> 00:56:30,960
tamén se pode simplemente poñer-los en liña recta
aquí, o que tende a arranxar as cousas.

1109
00:56:30,960 --> 00:56:35,840
Excepto isto é como realmente feo.

1110
00:56:35,840 --> 00:56:38,050
Claro formatar todo.

1111
00:56:38,050 --> 00:56:41,425
Asegúrese de que está todo ben.

1112
00:56:41,425 --> 00:56:41,925
Aceptar.

1113
00:56:41,925 --> 00:56:47,200

1114
00:56:47,200 --> 00:56:50,621
>> Quería facer todas as demos legal,
e eles simplemente non está a traballar fóra.

1115
00:56:50,621 --> 00:56:51,555
Aceptar.

1116
00:56:51,555 --> 00:56:53,890
Script var reloxo.

1117
00:56:53,890 --> 00:57:00,350
De calquera forma, o que é importante é
que esta é a forma xeral

1118
00:57:00,350 --> 00:57:01,870
que formatar JavaScript.

1119
00:57:01,870 --> 00:57:04,490
Como verás, pode ser
moi mimado, por veces,

1120
00:57:04,490 --> 00:57:08,780
mesmo cando era literalmente
traballando en dous segundos atrás.

1121
00:57:08,780 --> 00:57:11,820
Ou non dous segundos atrás,
pero moi, moi pouco.

1122
00:57:11,820 --> 00:57:16,070
>> Entón, para dar a coñecer o que debe ser parecido,
e para demostrar que non son tolo,

1123
00:57:16,070 --> 00:57:19,730
e que todo é o
mesmo, isto é o que debe ser parecido.

1124
00:57:19,730 --> 00:57:27,410
Está indo só para facer esta parte superior
aquí, e se ves o código fonte da páxina,

1125
00:57:27,410 --> 00:57:32,160
se observa, fixo algúns
as cousas máis tolas, eu simplifiquei-lo.

1126
00:57:32,160 --> 00:57:35,710
Ademais, o crédito para Tommy
McWilliam, que, de feito,

1127
00:57:35,710 --> 00:57:38,810
me axudou a crear estes exemplos,
que é por iso que eu sei que eles traballan.

1128
00:57:38,810 --> 00:57:41,560
Porque Tommy é un mestre JavaScript.

1129
00:57:41,560 --> 00:57:43,180
Pero se observarmos, temos algún set.

1130
00:57:43,180 --> 00:57:45,170
Temos a nosa función de reloxo aquí.

1131
00:57:45,170 --> 00:57:48,450
Isto é todo o que JavaScript
que acaba de escribir, ou parte dela.

1132
00:57:48,450 --> 00:57:51,470
Nós só escribiu este aquí.

1133
00:57:51,470 --> 00:57:54,260
E ten un extra
función que só almofadas-lo

1134
00:57:54,260 --> 00:57:57,790
poñendo un cero antes dunha
carta ou antes dun número, se é

1135
00:57:57,790 --> 00:57:59,412
só un deles.

1136
00:57:59,412 --> 00:58:02,120
Entón, se observar, iso é moi
moi exactamente o que acabo de escribir.

1137
00:58:02,120 --> 00:58:06,230
Ten algún reloxo variable que
ten o noso elemento, obter elemento por ID,

1138
00:58:06,230 --> 00:58:07,252
que é reloxo.

1139
00:58:07,252 --> 00:58:08,960
Temos o noso rango do partido
función, que é

1140
00:58:08,960 --> 00:58:12,670
unha función anónima
que executa todo isto.

1141
00:58:12,670 --> 00:58:16,940
Temos algúns comezando secuencia de
HTML que logo, de forma dinámica

1142
00:58:16,940 --> 00:58:20,750
xerar por algún
cabeceira h1, concatenando

1143
00:58:20,750 --> 00:58:23,950
con obter as horas, máis
noso colon, ademais de estar

1144
00:58:23,950 --> 00:58:26,860
os minutos, ademais doutros
colon, ademais dos nosos segundos,

1145
00:58:26,860 --> 00:58:29,330
e, finalmente, o HTML final para el.

1146
00:58:29,330 --> 00:58:34,210
E entón nós actualizamos noso reloxo
dot HTML interior para HTML,

1147
00:58:34,210 --> 00:58:37,640
e actualiza cada 100 milisegundos.

1148
00:58:37,640 --> 00:58:39,060
OK?

1149
00:58:39,060 --> 00:58:42,470
>> Mira, eu prometer que eu non son tolo.

1150
00:58:42,470 --> 00:58:43,440
Eu non sei.

1151
00:58:43,440 --> 00:58:47,160
Eu non sei por que non gusta de min.

1152
00:58:47,160 --> 00:58:54,030
Eu sinto que ten o mesmo aspecto,
pero aparentemente el me odia.

1153
00:58:54,030 --> 00:58:59,600
>> Entón, imos ver no terceiro round vai mellor.

1154
00:58:59,600 --> 00:59:00,970
Estamos a piques de ver.

1155
00:59:00,970 --> 00:59:02,910
Eu non sei como é que isto vai pasar.

1156
00:59:02,910 --> 00:59:06,700
Está todo o mundo, polo menos, a recibir o
contras, como só o tema xeral

1157
00:59:06,700 --> 00:59:08,480
de JavaScript, aínda?

1158
00:59:08,480 --> 00:59:15,660
Espero que sexa polo menos útil, máis
de amosar que é un pouco mimado.

1159
00:59:15,660 --> 00:59:21,190
Pero o conxunto de problemas será moi divertido.

1160
00:59:21,190 --> 00:59:22,590
Vai ser gran.

1161
00:59:22,590 --> 00:59:24,820
Non vai ser tan aburrido
como este, eu non creo.

1162
00:59:24,820 --> 00:59:28,100
Vai realmente chegar a
ver as cousas moi legais.

1163
00:59:28,100 --> 00:59:31,734
>> Entón, por último, pero non menos importante,
imos tratar Twitter un.

1164
00:59:31,734 --> 00:59:32,900
Estou realmente con medo agora, rapaces.

1165
00:59:32,900 --> 00:59:35,762
Eu non sei como isto vai pasar.

1166
00:59:35,762 --> 00:59:39,930
Pero só para darlle un pouco
máis me gusta, e esta é realmente

1167
00:59:39,930 --> 00:59:44,190
cordas e manipulando
insumos, o que nós imos facer

1168
00:59:44,190 --> 00:59:50,960
é, se observarmos aquí con HTML--
este ten algo more--

1169
00:59:50,960 --> 00:59:57,200
temos algunha área de texto, o que
corresponde a esta área de texto aquí.

1170
00:59:57,200 --> 00:59:58,030
OK?

1171
00:59:58,030 --> 01:00:00,420
E iso ten un ID de texto.

1172
01:00:00,420 --> 01:00:04,520
Nós reestilizado-lo un pouco
con algunha ancho e alto

1173
01:00:04,520 --> 01:00:07,310
que temos predeterminado,
e temos H1,

1174
01:00:07,310 --> 01:00:11,260
o que só é noso único cabeceira que
representa nosos personaxes esquerda.

1175
01:00:11,260 --> 01:00:14,570
Demos algúns Id de
caracteres restante,

1176
01:00:14,570 --> 01:00:18,660
e entón temos algún script
aquí, que eu son realmente

1177
01:00:18,660 --> 01:00:20,790
esperando terceira vez do
o encanto aquí, persoal.

1178
01:00:20,790 --> 01:00:26,750
>> Entón, o que queremos facer,
Na mesma liña xeral

1179
01:00:26,750 --> 01:00:31,480
que fixemos con js reloxo de punto
e dot partido js como temos notado,

1180
01:00:31,480 --> 01:00:35,980
é que comezamos por realmente agarrando
as cousas que nos interesan, non?

1181
01:00:35,980 --> 01:00:42,330
Polo tanto, neste caso, hai dous
cousas que nos preocupa, OK?

1182
01:00:42,330 --> 01:00:47,199
Unha cousa que estamos, en realidade, unha especie de
mirando para dentro e deseño de datos de,

1183
01:00:47,199 --> 01:00:48,990
e unha cousa que
estamos realmente cambiando.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Polo tanto, non é o noso HTML.

1186
01:00:53,730 --> 01:01:00,370
Se esta é a nosa páxina web aquí, o que é
os datos que nós estamos mirando?

1187
01:01:00,370 --> 01:01:03,860
Será o que quere
o texto nas nosas caixas, non?

1188
01:01:03,860 --> 01:01:05,310
Entón, calquera cousa que eu escriba aquí.

1189
01:01:05,310 --> 01:01:08,150
Iso é o que quero saber, ou
iso é o que quero ollar.

1190
01:01:08,150 --> 01:01:10,690
E o que vai ser
cambio na nosa páxina web?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
Os caracteres restantes.

1193
01:01:14,880 --> 01:01:19,550
Así, do mesmo xeito, queremos
comezar por arrincar variables

1194
01:01:19,550 --> 01:01:22,030
que realmente prender eses elementos.

1195
01:01:22,030 --> 01:01:22,890
OK?

1196
01:01:22,890 --> 01:01:29,930
Entón, se temos algún var
esa é a nosa área de texto,

1197
01:01:29,930 --> 01:01:33,681
e nós temos algúns var que é residual.

1198
01:01:33,681 --> 01:01:34,180
Non?

1199
01:01:34,180 --> 01:01:36,190
Entón, estes van
manter esas dúas cousas.

1200
01:01:36,190 --> 01:01:42,370
Así, o mesmo tipo de cousas,
documento dot-- OK, eu son

1201
01:01:42,370 --> 01:01:45,920
indo para garantir que este é
funcionará desa vez.

1202
01:01:45,920 --> 01:01:49,620
Estou moi inflexíbel.

1203
01:01:49,620 --> 01:01:53,310
OK, por iso, se queremos que o noso
área de texto, de acordo

1204
01:01:53,310 --> 01:01:55,710
ao noso HTML, que é o noso identificador?

1205
01:01:55,710 --> 01:01:56,420
Cal é a nosa identidade?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
É só pasar a ser de texto, porque
iso crea a nosa área de texto, OK,

1208
01:02:05,540 --> 01:02:10,320
ea nosa Id é o texto, de xeito que é
como podemos coller o que está aí.

1209
01:02:10,320 --> 01:02:12,130
OK, punto e coma.

1210
01:02:12,130 --> 01:02:13,940
Vou ser super
que sobre o tema,

1211
01:02:13,940 --> 01:02:16,300
porque quero que isto funcione esta vez.

1212
01:02:16,300 --> 01:02:22,120
OK, facer o mesmo,
obter elemento por Id.

1213
01:02:22,120 --> 01:02:25,970
Realmente estou querendo saber o que ten
causado os outros dous para interferir.

1214
01:02:25,970 --> 01:02:29,750
OK, entón, nun presente,
o que queremos para acceder?

1215
01:02:29,750 --> 01:02:30,760
Cal é o noso Id aquí?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Temos outro Id en
noso HTML, o que é?

1218
01:02:36,261 --> 01:02:37,552
Audiencia: caracteres restantes.

1219
01:02:37,552 --> 01:02:39,343
ALLISON Buchholtz-AU:
Personaxes resto.

1220
01:02:39,343 --> 01:02:43,360

1221
01:02:43,360 --> 01:02:44,330
>> Aceptar.

1222
01:02:44,330 --> 01:02:46,010
Con estilo.

1223
01:02:46,010 --> 01:02:49,800
Entón, eu estou indo só para
escribir esta moi rápido.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Eu só vou escribir isto en segundo.

1226
01:02:55,330 --> 01:02:56,190
Así, a área de texto.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
O que é interesante é B function-- alí
moitas funcións que non só

1229
01:03:06,180 --> 01:03:09,690
corresponden á súa
rato, pero o seu teclado.

1230
01:03:09,690 --> 01:03:10,190
OK?

1231
01:03:10,190 --> 01:03:16,540
Entón pode dicir cando calquera tecla é
preme, pode facer cousas deste tipo.

1232
01:03:16,540 --> 01:03:20,450
Entón, o que estamos a usar
chámase a tecla para arriba, o que

1233
01:03:20,450 --> 01:03:25,320
di, "se preme calquera tecla
teclado, cando o usuario ten levantado

1234
01:03:25,320 --> 01:03:28,064
dedo no botón,
e a clave converteuse en unpressed,

1235
01:03:28,064 --> 01:03:29,480
entón imos facer algo. "

1236
01:03:29,480 --> 01:03:29,980
OK?

1237
01:03:29,980 --> 01:03:31,370
Entón, iso ten sentido, non?

1238
01:03:31,370 --> 01:03:33,540
Porque cada personaxe
digitamos, imos

1239
01:03:33,540 --> 01:03:36,550
ter que levantar os nosos dedos off
da mesma, polo que, cando a clave sobe,

1240
01:03:36,550 --> 01:03:40,980
podemos saber para diminuír
nosos personaxes restantes.

1241
01:03:40,980 --> 01:03:44,440
>> Polo tanto, temos algúns en clave
para arriba, e do mesmo xeito,

1242
01:03:44,440 --> 01:03:47,480
imos dicir,
"OK, cando facemos iso, nós

1243
01:03:47,480 --> 01:03:55,110
imos crear algunha función que
vai levar e ", neste caso,

1244
01:03:55,110 --> 01:03:58,800
eo que queremos facer é
calcular o número restante.

1245
01:03:58,800 --> 01:04:02,510
OK, entón imos comezar
creando unha variable.

1246
01:04:02,510 --> 01:04:05,830
Polo tanto, temos algunha variable r,
que vai representar

1247
01:04:05,830 --> 01:04:07,720
cantos caracteres que nos queda.

1248
01:04:07,720 --> 01:04:08,890
OK?

1249
01:04:08,890 --> 01:04:14,540
Sabemos que imos comezar con
140, e se queremos saber,

1250
01:04:14,540 --> 01:04:18,360
imos dicir, a lonxitude deste
cadea que foi de entrada,

1251
01:04:18,360 --> 01:04:20,860
Tendes algunha idea
como podemos facelo?

1252
01:04:20,860 --> 01:04:23,900
Só en base fóra do obvio
cousas, como se quixésemos horas,

1253
01:04:23,900 --> 01:04:25,870
acostumabamos estar horas.

1254
01:04:25,870 --> 01:04:28,860
Sabemos que o noso obxectivo é
área de texto, pero podería caras

1255
01:04:28,860 --> 01:04:33,050
pensar no que podería vir despois dela?

1256
01:04:33,050 --> 01:04:35,280
Calquera ideas?

1257
01:04:35,280 --> 01:04:41,730
>> Así, tipo de agasallo de menos
intuitivo, pero é valor de lonxitude do punto.

1258
01:04:41,730 --> 01:04:44,700
Entón, só me dar algunha
atributo de valor

1259
01:04:44,700 --> 01:04:46,500
é, en realidade, a lonxitude desta secuencia.

1260
01:04:46,500 --> 01:04:50,340
Entón, vai dicir: "OK, eu estou buscando
nesta secuencia enteira dentro da área de texto,

1261
01:04:50,340 --> 01:04:52,730
e eu vou dizer-
canto tempo é ".

1262
01:04:52,730 --> 01:04:55,500
Porque se recordamos cordas
son realmente só matrices,

1263
01:04:55,500 --> 01:04:58,110
por iso, pode coller a lonxitude deles.

1264
01:04:58,110 --> 01:05:01,860
Polo tanto, temos que.

1265
01:05:01,860 --> 01:05:04,058
Con estilo.

1266
01:05:04,058 --> 01:05:09,360
>> Entón, o que queremos facer é nós
Nunca máis quero facer que o usuario

1267
01:05:09,360 --> 01:05:12,340
a entrada de máis que
140 caracteres, non?

1268
01:05:12,340 --> 01:05:15,610
Porque se nós dicir como, "Oh, vostede
só ten ese tanto restante, "

1269
01:05:15,610 --> 01:05:20,522
e, a continuación, deixar los facer iso
De calquera forma, temos que chegou a mentir.

1270
01:05:20,522 --> 01:05:22,230
E este é outro
cousa que JavaScript

1271
01:05:22,230 --> 01:05:24,530
pode ser realmente bo
para, é a validación do usuario

1272
01:05:24,530 --> 01:05:29,062
e asegurarse de que o seu
usuario encaixa dentro de todas as regras

1273
01:05:29,062 --> 01:05:30,270
que teña solicitado a eles.

1274
01:05:30,270 --> 01:05:36,020
Entón, se quere facer as cousas, como facer
Asegúrese de entrada de alguén a súa dirección de correo electrónico,

1275
01:05:36,020 --> 01:05:40,242
ou asegurarse de que, cando eles
escribir dous contrasinais, combinan.

1276
01:05:40,242 --> 01:05:41,200
JavaScript pode facelo.

1277
01:05:41,200 --> 01:05:44,010
Faría algo así ", cando
o formulario é enviado ", ou como,

1278
01:05:44,010 --> 01:05:48,170
"Cando botón Enviar Formulario é
premendo, comprobar todas esas cousas ".

1279
01:05:48,170 --> 01:05:49,670
E podemos facelo JavaScript.

1280
01:05:49,670 --> 01:05:52,680
Entón, iso é o que
nós imos facer aquí.

1281
01:05:52,680 --> 01:05:57,810
>> Entón, o que podería ser unha forma de comprobar se
eles foron máis de 140 personaxes?

1282
01:05:57,810 --> 01:06:03,310
O que vai ocorrer coa
noso valor de r se tentar?

1283
01:06:03,310 --> 01:06:04,760
Será negativo, non?

1284
01:06:04,760 --> 01:06:07,380
Ou que vai ser menos
que é igual a cero.

1285
01:06:07,380 --> 01:06:13,690
Así, podemos utilizar un se iso for
Así como todo máis.

1286
01:06:13,690 --> 01:06:14,270
OK?

1287
01:06:14,270 --> 01:06:20,480
E nós temos algunha área texto dot
valor, e o que estamos facendo aquí

1288
01:06:20,480 --> 01:06:29,940
é que estamos só cutting-- o que é?

1289
01:06:29,940 --> 01:06:30,900
Sentímolo.

1290
01:06:30,900 --> 01:06:32,732
Este, nós só queremos volver falso.

1291
01:06:32,732 --> 01:06:34,030
Quedei confuso.

1292
01:06:34,030 --> 01:06:36,560
Todo frangalhos de cousas non funciona.

1293
01:06:36,560 --> 01:06:40,010
OK, nós só queremos
return false, e entón nós

1294
01:06:40,010 --> 01:06:44,160
quere amosar o
restantes personaxes, non?

1295
01:06:44,160 --> 01:06:48,720
Así, co reloxo, fixemos
algo con HTML interior, non?

1296
01:06:48,720 --> 01:06:52,070
Onde nós configure-lo igual a algún
variable, entón o que podemos facer aquí?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
O que estamos cambiando o HTML interior de?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> Audiencia: Resto?

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON Buchholtz-AU:
Estamos cambiando resto.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
Todo ben, eo que nós
quero configurar-lo igual?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
Será r, porque iso
deben ser os nosos personaxes restantes.

1306
01:07:18,437 --> 01:07:19,600
OK?

1307
01:07:19,600 --> 01:07:26,060
Entón, eu estou moi nervioso a ver se
isto funciona agora, pero imos ver.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Deixar isto.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
Iso é moi rápido.

1312
01:07:37,700 --> 01:07:38,970
[Inaudível] OK.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Unha vez máis, eu estou indo só para te amosar.

1315
01:07:45,990 --> 01:07:49,430
Por algunha razón,
mina non decide traballar,

1316
01:07:49,430 --> 01:07:53,354
pero o que eu vou lle amosar é que este
é-- oh eu debería poñer isto en.

1317
01:07:53,354 --> 01:07:57,470
OK, nós observamos o mesmo tipo de
cousa aquí, quedando a área de texto.

1318
01:07:57,470 --> 01:08:01,070
>> Ademais, se aviso cara, se hai
sempre algo que quere facer,

1319
01:08:01,070 --> 01:08:04,080
e non sabe como facer
la, basta con premer en Ver o código fonte da páxina,

1320
01:08:04,080 --> 01:08:06,632
e eles van che dicir.

1321
01:08:06,632 --> 01:08:07,840
Ás veces vai ser criptografada.

1322
01:08:07,840 --> 01:08:11,147
Para a súa pset, nós cifrar todo,
por iso, só se parece rabiscos.

1323
01:08:11,147 --> 01:08:13,480
Pero se hai sempre un realmente
sitio legal que lle gusta,

1324
01:08:13,480 --> 01:08:17,729
se só clic en Ver código fonte da páxina,
vai dicir-lle como facelo.

1325
01:08:17,729 --> 01:08:20,770
Entón, de novo, traballar máis intelixente, non máis.

1326
01:08:20,770 --> 01:08:24,250
E como ve aquí, todo
esas cousas son as mesmas.

1327
01:08:24,250 --> 01:08:31,930
este aquí só ten algún substring
que, non me lembro exactamente o que este fai.

1328
01:08:31,930 --> 01:08:36,980
Pero, obviamente, leva algún substring
do valor de cero a dez,

1329
01:08:36,980 --> 01:08:41,540
e retorna false o que debe deixar
o usuario de inserir máis,

1330
01:08:41,540 --> 01:08:46,040
e entón, obviamente, actualiza
o código HTML interna alí.

1331
01:08:46,040 --> 01:08:47,410
>> Con estilo.

1332
01:08:47,410 --> 01:08:53,000
Entón grandes recortes a partir de hoxe,
experiencia, ollar para o código fonte

1333
01:08:53,000 --> 01:08:58,359
porque vai axudar moito,
e todo o mundo, ás veces JavaScript

1334
01:08:58,359 --> 01:09:03,200
Pode ser difícil de traballar e non fai
sempre funciona do xeito que espera que el,

1335
01:09:03,200 --> 01:09:05,700
pero só tentando manter
porque eu prometer que vou.

1336
01:09:05,700 --> 01:09:08,376
Eu prometer a todos estes exemplos
estaban traballando antes da clase.

1337
01:09:08,376 --> 01:09:09,750
Non entendo o que pasou.

1338
01:09:09,750 --> 01:09:13,069
Eu literalmente teño todo o mesmo.

1339
01:09:13,069 --> 01:09:17,660
>> Só unha cousa que eu só quero
amosar a vostedes que poden ser super útil

1340
01:09:17,660 --> 01:09:21,630
é em-- o que estaba funcionando antes?

1341
01:09:21,630 --> 01:09:23,935
Temos partido para o traballo, non é?

1342
01:09:23,935 --> 01:09:26,569
Creo que si.

1343
01:09:26,569 --> 01:09:27,069
Si.

1344
01:09:27,069 --> 01:09:27,630
Fixemos.

1345
01:09:27,630 --> 01:09:28,250
Impresionante.

1346
01:09:28,250 --> 01:09:31,189
OK, entón unha cousa que
vostedes deberían saber

1347
01:09:31,189 --> 01:09:33,340
é o rexistro da consola que eu falei.

1348
01:09:33,340 --> 01:09:37,040
Entón consolar rexistro punto de Ola.

1349
01:09:37,040 --> 01:09:40,430
Polo tanto, este é o tipo de
Equivalente JavaScript de printf.

1350
01:09:40,430 --> 01:09:42,810
Entón, se quere
inspeccionar súas variables

1351
01:09:42,810 --> 01:09:49,649
ou ver o que está pasando alí, o que
podes facer é, se nós inspeccionar elemento,

1352
01:09:49,649 --> 01:09:51,899
é o que quere ir
a, e vai para consolar,

1353
01:09:51,899 --> 01:09:53,770
vai ver que impreso Ola.

1354
01:09:53,770 --> 01:09:55,750
>> Así, poderiamos telo
imprimir todo o que queriamos.

1355
01:09:55,750 --> 01:10:04,170
Se quixésemos-la para imprimir fondo
fondo do punto estilo de punto,

1356
01:10:04,170 --> 01:10:08,454
debemos ser capaces de ver o
RGB triple que vén á tona.

1357
01:10:08,454 --> 01:10:11,140
Ou non.

1358
01:10:11,140 --> 01:10:13,520
Eu esquezo exactamente como
imprimir unha variable así,

1359
01:10:13,520 --> 01:10:17,249
pero ten que ser capaz de
imprimir cousas así.

1360
01:10:17,249 --> 01:10:19,040
Isto será moi útil
para a súa pset cando

1361
01:10:19,040 --> 01:10:23,330
estás a manexar
Coordenadas ou outros adornos.

1362
01:10:23,330 --> 01:10:25,270
Entón, eles tamén cambian esta peza en clase.

1363
01:10:25,270 --> 01:10:30,750
Isto é distinto dos últimos anos, así
só ser simpático cos seus TFS, ou os TFS

1364
01:10:30,750 --> 01:10:36,350
en horario de oficina ao contrario, porque somos
tipo de aprendizaxe xunto con vós.

1365
01:10:36,350 --> 01:10:41,230
Pero o rexistro da consola foi super, super
útil para JavaScript no ano pasado.

1366
01:10:41,230 --> 01:10:42,740
Así, o amor dela.

1367
01:10:42,740 --> 01:10:43,780
Saber como usalo.

1368
01:10:43,780 --> 01:10:49,026
É máis fácil de usar que GDB, de xeito que
debe ser, polo menos, un punto positivo.

1369
01:10:49,026 --> 01:10:50,650
Pero grazas a vostedes están tendo comigo.

1370
01:10:50,650 --> 01:10:53,400
Lamento que o meu
exemplos para algunha razón

1371
01:10:53,400 --> 01:10:55,410
só non quería
cooperar comigo, pero eu

1372
01:10:55,410 --> 01:11:01,010
espero que axudou tipo de obter-lle un
pouco máis na zona de JavaScript.

1373
01:11:01,010 --> 01:11:04,980
E envíe me todas as súas preguntas para
a próxima semana, para que eu poida ser super reparada,

1374
01:11:04,980 --> 01:11:09,420
e eu vou traer doces e mesmo extras
doces, porque iso era ridículo.

1375
01:11:09,420 --> 01:11:14,000
Pero vostedes son óptimos,
e ter unha semana incrible.

1376
01:11:14,000 --> 01:11:15,584