1
00:00:01,110 --> 00:00:02,340
Entonces, en esta sección,

2
00:00:02,340 --> 00:00:05,640
Comenzaremos a aprender sobre eventos y estado.

3
00:00:05,640 --> 00:00:08,130
mediante la construcción de componentes muy simples

4
00:00:08,130 --> 00:00:11,370
donde podemos navegar a través de algunos pasos.

5
00:00:11,370 --> 00:00:13,410
Y ahora, en esta conferencia,

6
00:00:13,410 --> 00:00:17,433
Comience por construir la parte estática de ese componente.

7
00:00:18,750 --> 00:00:20,970
Ahora, para construir ese componente,

8
00:00:20,970 --> 00:00:23,670
De hecho, crearemos un proyecto completamente nuevo.

9
00:00:23,670 --> 00:00:26,100
usando Create-React-App.

10
00:00:26,100 --> 00:00:27,600
Entonces, si estás en Windows,

11
00:00:27,600 --> 00:00:30,390
Continúe y abra el símbolo del sistema.

12
00:00:30,390 --> 00:00:34,950
Y si estás en una Mac, simplemente abre tu terminal.

13
00:00:34,950 --> 00:00:36,990
Y recuerda que en la terminal,

14
00:00:36,990 --> 00:00:39,180
siempre estás en una carpeta.

15
00:00:39,180 --> 00:00:41,550
Para que puedas ver qué carpeta hay aquí.

16
00:00:41,550 --> 00:00:43,140
en su símbolo del sistema.

17
00:00:43,140 --> 00:00:45,810
Y luego desde allí, simplemente navegue hasta la carpeta

18
00:00:45,810 --> 00:00:48,780
donde deseas crear tus nuevos proyectos.

19
00:00:48,780 --> 00:00:52,410
Y para mí, eso es, nuevamente, el escritorio.

20
00:00:52,410 --> 00:00:55,050
Así que recuerda que puedes ver todas las carpetas.

21
00:00:55,050 --> 00:00:57,480
al que puedes navegar desde aquí.

22
00:00:57,480 --> 00:01:00,450
Básicamente, estoy aquí en esta carpeta de inicio.

23
00:01:00,450 --> 00:01:03,930
Y entonces puedo navegar a cualquiera de estos.

24
00:01:03,930 --> 00:01:06,333
Y eso es lo que voy a hacer con el CD.

25
00:01:07,620 --> 00:01:09,510
Y por cierto, de nuevo, en Windows

26
00:01:09,510 --> 00:01:12,480
eso es dir en lugar de ls.

27
00:01:12,480 --> 00:01:15,330
Pero de todos modos, ahora navegaré hasta el escritorio.

28
00:01:15,330 --> 00:01:19,380
Y ahora aquí, creemos nuestro nuevo proyecto.

29
00:01:19,380 --> 00:01:24,380
Esa es npx Create-React-App y ahora aquí,

30
00:01:26,580 --> 00:01:30,810
Recuerde bloquear la versión número cinco.

31
00:01:30,810 --> 00:01:33,630
para que todos estemos construyendo lo mismo aquí.

32
00:01:33,630 --> 00:01:35,880
Entonces usando las mismas versiones.

33
00:01:35,880 --> 00:01:39,963
Y luego simplemente nombraré este proyecto aquí, pasos.

34
00:01:41,070 --> 00:01:42,360
Entonces presiona enter

35
00:01:42,360 --> 00:01:45,570
y luego Create-React-App está haciendo lo suyo.

36
00:01:45,570 --> 00:01:48,660
Y mientras tanto, echemos un vistazo al componente.

37
00:01:48,660 --> 00:01:50,103
que vamos a construir.

38
00:01:51,480 --> 00:01:54,090
Entonces ese es este de aquí.

39
00:01:54,090 --> 00:01:56,520
Entonces es básicamente este componente donde tenemos

40
00:01:56,520 --> 00:01:58,050
estos tres pasos.

41
00:01:58,050 --> 00:02:01,380
Y como dije al principio, básicamente podemos navegar

42
00:02:01,380 --> 00:02:04,470
a través de ellos haciendo clic aquí en estos botones.

43
00:02:04,470 --> 00:02:07,293
Entonces, cuando hacemos clic en Siguiente, pasamos al paso número dos.

44
00:02:08,160 --> 00:02:10,680
Y entonces podemos postularnos para puestos de trabajo.

45
00:02:10,680 --> 00:02:14,250
Entonces, primero aprendimos a reaccionar y luego postulamos a trabajos.

46
00:02:14,250 --> 00:02:16,863
y luego invertir todos sus nuevos ingresos.

47
00:02:17,880 --> 00:02:20,100
Entonces podemos hacer clic en estos botones aquí.

48
00:02:20,100 --> 00:02:22,200
Entonces tenemos algo de interactividad aquí.

49
00:02:22,200 --> 00:02:26,853
y luego también podemos cerrar y abrir este componente nuevamente.

50
00:02:27,810 --> 00:02:31,410
Muy bien, nuevamente, en esta conferencia, comenzaremos

51
00:02:31,410 --> 00:02:34,740
construyendo la parte estática de este componente.

52
00:02:34,740 --> 00:02:39,240
Entonces solo el componente básicamente sin ninguna interactividad.

53
00:02:39,240 --> 00:02:41,373
Así que simplemente escribo el JSX.

54
00:02:42,360 --> 00:02:45,870
Pero de todos modos, Create-React-App ya ha finalizado.

55
00:02:45,870 --> 00:02:49,890
Rápidamente cambiaré nuevamente el nombre de la carpeta aquí.

56
00:02:49,890 --> 00:02:54,240
y luego arrástrelo y suéltelo aquí en el código VS.

57
00:02:54,240 --> 00:02:57,543
Y como siempre, también puedes abrirlo aquí mismo.

58
00:02:58,920 --> 00:03:03,690
Bien, entonces limpiemos un poco nuestros archivos de inicio.

59
00:03:03,690 --> 00:03:07,380
Y de hecho, borraré casi todo lo que hay aquí.

60
00:03:07,380 --> 00:03:11,650
Entonces simplemente dejaremos app.js e index.js.

61
00:03:15,600 --> 00:03:17,970
para que todos puedan ir a la basura.

62
00:03:17,970 --> 00:03:21,030
Y ahora abramos index.js.

63
00:03:21,030 --> 00:03:23,670
Ahora bien, esta vez no escribiremos todos

64
00:03:23,670 --> 00:03:25,290
de esto aquí otra vez a mano

65
00:03:25,290 --> 00:03:27,780
porque ahora ya sabes cómo funciona.

66
00:03:27,780 --> 00:03:31,140
Y básicamente podemos mantener el código aquí.

67
00:03:31,140 --> 00:03:34,890
que Create-React-App puso allí para nosotros.

68
00:03:34,890 --> 00:03:37,410
Sólo tenemos que deshacernos de esta parte.

69
00:03:37,410 --> 00:03:39,003
y también de esta importación.

70
00:03:39,870 --> 00:03:43,800
Ahora también nos deshicimos del archivo index.css.

71
00:03:43,800 --> 00:03:46,080
Entonces esta importación en este momento no funciona.

72
00:03:46,080 --> 00:03:50,463
pero en realidad tengo un archivo CSS en los archivos iniciales.

73
00:03:51,600 --> 00:03:55,350
Así que abramos los archivos que descargamos.

74
00:03:55,350 --> 00:03:56,520
al principio.

75
00:03:56,520 --> 00:04:00,903
Luego, aquí en los archivos de inicio de pasos, tenemos estos dos.

76
00:04:01,890 --> 00:04:03,063
Así que copiémoslos.

77
00:04:05,790 --> 00:04:10,440
Y luego, en pasos, coloquémoslos aquí en la fuente.

78
00:04:10,440 --> 00:04:13,860
Y luego muevamos también este vanilla.HTML

79
00:04:13,860 --> 00:04:15,690
al público.

80
00:04:15,690 --> 00:04:19,113
Así que más adelante veremos qué es eso.

81
00:04:21,060 --> 00:04:24,120
Bien, entonces regresamos aquí.

82
00:04:24,120 --> 00:04:29,120
Observe cómo estamos importando esta aplicación desde este archivo app.js.

83
00:04:29,370 --> 00:04:30,633
Y ese es este.

84
00:04:32,130 --> 00:04:34,350
Pero aquí, limpiemos todo.

85
00:04:34,350 --> 00:04:36,990
Y una vez más empecemos desde cero.

86
00:04:36,990 --> 00:04:38,910
creando un nuevo componente.

87
00:04:38,910 --> 00:04:43,230
Y como siempre, ese componente será el componente de la aplicación.

88
00:04:43,230 --> 00:04:47,910
Entonces funciona la aplicación y ya ves que usualmente usamos

89
00:04:47,910 --> 00:04:51,240
un componente llamado aplicación como componente raíz

90
00:04:51,240 --> 00:04:52,650
de nuestra aplicación.

91
00:04:52,650 --> 00:04:56,190
Básicamente, como el componente que es el componente principal.

92
00:04:56,190 --> 00:04:58,083
de todos los demás componentes.

93
00:04:59,310 --> 00:05:01,743
Devolvamos algo aquí.

94
00:05:04,110 --> 00:05:05,760
Hola reaccionar.

95
00:05:05,760 --> 00:05:09,840
Y finalmente lo único que tenemos que hacer es exportar esta función.

96
00:05:09,840 --> 00:05:10,673
de aquí.

97
00:05:11,610 --> 00:05:16,610
Entonces exporte el valor predeterminado, para que ahora index.js pueda importarlo aquí

98
00:05:18,780 --> 00:05:21,210
y entregarlo al dom.

99
00:05:21,210 --> 00:05:24,570
Así que de nuevo, como escribimos antes a mano.

100
00:05:24,570 --> 00:05:26,640
pero ahora dejaremos el código aquí.

101
00:05:26,640 --> 00:05:30,330
Por supuesto, no siempre tenemos que hacer todo manualmente.

102
00:05:30,330 --> 00:05:33,780
Ahora vayamos aquí a nuestro terminal de código VS integrado.

103
00:05:33,780 --> 00:05:36,810
Así que con sólo hacer clic aquí, y como ves

104
00:05:36,810 --> 00:05:40,260
esto ya está automáticamente en nuestra carpeta de proyecto

105
00:05:40,260 --> 00:05:42,000
o al menos debería serlo.

106
00:05:42,000 --> 00:05:44,610
Así que ahora no hay necesidad de navegar a ningún lado.

107
00:05:44,610 --> 00:05:49,253
Todo lo que necesitamos hacer para iniciar un proyecto es ejecutar NPM start.

108
00:05:51,030 --> 00:05:55,290
Entonces esto abrirá automáticamente una nueva pestaña del navegador.

109
00:05:55,290 --> 00:05:57,510
Y sí, aquí está.

110
00:05:57,510 --> 00:06:00,783
Este es el contenido de nuestra app.js.

111
00:06:02,340 --> 00:06:06,660
Muy bien, solo nos damos un poco más de espacio aquí.

112
00:06:06,660 --> 00:06:08,670
Y entonces notarás que el nombre del archivo aquí

113
00:06:08,670 --> 00:06:12,117
app.js es exactamente el nombre del componente.

114
00:06:12,117 --> 00:06:14,250
Y entonces esto va a ser un patrón

115
00:06:14,250 --> 00:06:17,010
que veremos a lo largo del curso.

116
00:06:17,010 --> 00:06:20,520
Pero de todos modos, no escribamos juntos el JSX aquí.

117
00:06:20,520 --> 00:06:23,850
para que terminemos con algo como esto otra vez

118
00:06:23,850 --> 00:06:26,193
Simplemente sin la interactividad.

119
00:06:28,050 --> 00:06:30,450
Entonces comenzamos con un div.

120
00:06:30,450 --> 00:06:33,543
que tiene el nombre de clase de pasos.

121
00:06:35,280 --> 00:06:38,280
Y si estás interesado en CSS, entonces, por supuesto.

122
00:06:38,280 --> 00:06:41,943
asegúrese de revisar el archivo CSS que acabamos de incluir.

123
00:06:42,930 --> 00:06:45,910
Y ahora este div aquí tiene tres elementos secundarios.

124
00:06:47,100 --> 00:06:51,753
entonces tiene un div con la clase de números.

125
00:06:54,630 --> 00:06:57,450
Y aquí tendremos estos números.

126
00:06:57,450 --> 00:06:58,833
1, 2, 3.

127
00:06:59,970 --> 00:07:02,370
Y ahora, para hacer esto un poco más rápido, simplemente

128
00:07:02,370 --> 00:07:06,990
Duplica el código aquí, que como te expliqué antes

129
00:07:06,990 --> 00:07:11,520
Simplemente podemos hacerlo con este comando aquí.

130
00:07:11,520 --> 00:07:14,940
Así que copie la línea hacia abajo, creo que en realidad lo personalicé.

131
00:07:14,940 --> 00:07:16,620
este comando aquí mismo.

132
00:07:16,620 --> 00:07:18,960
Entonces para ti probablemente sea otro, pero

133
00:07:18,960 --> 00:07:21,450
Debería ver cuál es aquí.

134
00:07:21,450 --> 00:07:25,470
Y si quieres, también puedes personalizar todos tus atajos

135
00:07:25,470 --> 00:07:26,373
aquí mismo.

136
00:07:28,920 --> 00:07:33,300
bueno. Pero en fin, pasemos ahora al siguiente.

137
00:07:33,300 --> 00:07:35,700
Y aquí realmente queremos un párrafo,

138
00:07:35,700 --> 00:07:38,253
entonces un párrafo con el nombre de clase del mensaje.

139
00:07:42,450 --> 00:07:45,120
Usemos solo un marcador de posición por ahora.

140
00:07:45,120 --> 00:07:50,120
Y finalmente, nuevamente un div para los botones.

141
00:07:52,740 --> 00:07:55,443
Entonces aquí tendremos un elemento de botón.

142
00:07:56,580 --> 00:07:57,573
vamos a ver.

143
00:07:58,950 --> 00:08:01,210
Sí, este primero dice anterior.

144
00:08:04,260 --> 00:08:08,940
y luego otro que dice siguiente.

145
00:08:08,940 --> 00:08:12,090
Así que aquí básicamente tenemos los números.

146
00:08:12,090 --> 00:08:14,430
luego el mensaje y los botones.

147
00:08:14,430 --> 00:08:16,860
Y entonces lo que tenemos aquí ya está buscando

148
00:08:16,860 --> 00:08:19,020
bastante cerca de eso.

149
00:08:19,020 --> 00:08:22,560
Ahora los botones aquí no son morados como en la demostración.

150
00:08:22,560 --> 00:08:25,230
y eso es porque luego tendremos otro botón

151
00:08:25,230 --> 00:08:28,350
que no debería tener ese color de fondo.

152
00:08:28,350 --> 00:08:31,410
Y entonces agreguemos esos estilos aquí directamente.

153
00:08:31,410 --> 00:08:32,850
a los dos botones.

154
00:08:32,850 --> 00:08:35,820
Y con esto, también podemos practicar de nuevo.

155
00:08:35,820 --> 00:08:40,443
cómo agregamos estilos a algunos elementos JSX individuales.

156
00:08:41,370 --> 00:08:45,210
Así que recuerda que lo hacemos pasando básicamente

157
00:08:45,210 --> 00:08:47,523
el accesorio de estilo en este elemento.

158
00:08:48,390 --> 00:08:50,430
Entonces entramos en modo JavaScript.

159
00:08:50,430 --> 00:08:54,093
y luego aquí podemos definir nuestro objeto de estilos.

160
00:08:55,260 --> 00:08:56,470
Entonces color de fondo

161
00:08:58,800 --> 00:09:03,800
y aquí el color es 7950F2.

162
00:09:06,210 --> 00:09:09,480
Y también el color del texto, pongámoslo en blanco,

163
00:09:09,480 --> 00:09:13,560
que es FFF y, por supuesto, debe ser una cadena,

164
00:09:13,560 --> 00:09:16,233
ya que nuevamente, esto es solo un objeto JavaScript.

165
00:09:17,160 --> 00:09:19,680
Ahora, en caso de que te preguntes por qué estos colores

166
00:09:19,680 --> 00:09:22,680
están tan bien resaltados, eso es simplemente porque tengo

167
00:09:22,680 --> 00:09:26,460
Esta extensión se llama resaltado de color.

168
00:09:26,460 --> 00:09:30,210
Uno muy popular con 5 millones de instalaciones.

169
00:09:30,210 --> 00:09:33,730
Y si quieres replicar la apariencia de esto

170
00:09:34,590 --> 00:09:37,200
entonces también puedes instalar eso.

171
00:09:37,200 --> 00:09:39,340
Pero aquí, copiemos todo esto.

172
00:09:40,410 --> 00:09:41,763
para hacerlo más rápido.

173
00:09:43,620 --> 00:09:44,453
próximo.

174
00:09:46,440 --> 00:09:49,950
Y sí, eso se parece bastante.

175
00:09:49,950 --> 00:09:52,470
Todo lo que nos falta ahora es lo más destacado aquí.

176
00:09:52,470 --> 00:09:54,090
del paso actual.

177
00:09:54,090 --> 00:09:56,640
Así que aquí estamos en el paso número uno, y por lo tanto

178
00:09:56,640 --> 00:09:59,610
ahora está resaltado con este color púrpura.

179
00:09:59,610 --> 00:10:02,043
Y para eso tenemos otro nombre de clase.

180
00:10:03,030 --> 00:10:08,030
Entonces, clase activa ahora está bien, ahora finalmente, también

181
00:10:11,790 --> 00:10:13,350
agregue el mensaje aquí.

182
00:10:13,350 --> 00:10:16,380
Y esos mensajes están en realidad en el archivo CSS.

183
00:10:16,380 --> 00:10:17,763
que te proporcioné.

184
00:10:19,320 --> 00:10:22,953
Así que coloqué este objeto JavaScript aquí como comentario.

185
00:10:26,760 --> 00:10:31,760
Entonces peguemos eso aquí fuera del componente.

186
00:10:31,980 --> 00:10:34,230
Entonces estos datos no dependen de nada.

187
00:10:34,230 --> 00:10:36,000
que está dentro del componente.

188
00:10:36,000 --> 00:10:38,400
Y por eso debería estar ubicado afuera.

189
00:10:38,400 --> 00:10:41,040
porque de lo contrario cada vez que aqui esa disfuncion

190
00:10:41,040 --> 00:10:46,030
se ejecuta, estos datos, por lo que esta matriz se creará nuevamente

191
00:10:47,190 --> 00:10:50,850
pero, por supuesto, aprenderemos todo sobre eso un poco más adelante.

192
00:10:50,850 --> 00:10:52,650
Entonces cuando se crean objetos

193
00:10:52,650 --> 00:10:56,280
y cuándo se ejecutan estas funciones, etc.

194
00:10:56,280 --> 00:10:58,560
Así que ahora solo estamos aprendiendo

195
00:10:58,560 --> 00:11:01,140
cómo usamos estas funciones de reacción

196
00:11:01,140 --> 00:11:04,170
pero todavía no cómo funcionan detrás de escena.

197
00:11:04,170 --> 00:11:07,650
Entonces, la mecánica de reaccionar todavía está un poco oculta para nosotros.

198
00:11:07,650 --> 00:11:11,193
Apenas estamos aprendiendo cómo usamos las diferentes funciones.

199
00:11:14,116 --> 00:11:17,787
Así que ahora necesitamos este mensaje aquí básicamente.

200
00:11:18,630 --> 00:11:21,480
Entonces el primer elemento de la matriz aquí

201
00:11:21,480 --> 00:11:24,600
pero no vamos a simplemente copiarlo, ¿verdad?

202
00:11:24,600 --> 00:11:26,970
Por eso queremos leerlo dinámicamente.

203
00:11:26,970 --> 00:11:31,080
Y entonces escuchemos dentro de este componente, definamos una variable

204
00:11:31,080 --> 00:11:33,993
lo que nos dirá en qué paso nos encontramos actualmente.

205
00:11:36,510 --> 00:11:41,510
Así que hagamos un paso constante y pongámoslo en uno.

206
00:11:41,670 --> 00:11:43,983
Y por cierto, es este paso aquí.

207
00:11:43,983 --> 00:11:46,530
que querremos actualizar más tarde

208
00:11:46,530 --> 00:11:48,210
mientras hacemos clic en estos botones.

209
00:11:48,210 --> 00:11:51,030
Pero por ahora sólo estamos construyendo aquí la parte estática.

210
00:11:51,030 --> 00:11:53,703
Así que simplemente lo configuramos manualmente en uno.

211
00:11:55,290 --> 00:12:00,190
Entonces escribamos el paso y luego el número del paso.

212
00:12:02,760 --> 00:12:07,470
y luego leamos el valor de la matriz.

213
00:12:07,470 --> 00:12:11,193
Esos son mensajes en el paso de posición.

214
00:12:12,030 --> 00:12:13,320
Y necesitamos menos uno aquí.

215
00:12:13,320 --> 00:12:16,173
porque, por supuesto, la matriz tiene base cero.

216
00:12:17,760 --> 00:12:20,940
¿está bien? Ah, hermoso.

217
00:12:20,940 --> 00:12:24,150
Entonces, si ahora lo cambiamos manualmente aquí a dos

218
00:12:24,150 --> 00:12:26,910
entonces eso cambiará el mensaje aquí.

219
00:12:26,910 --> 00:12:30,780
Pero lo que no cambió es que este paso número dos

220
00:12:30,780 --> 00:12:33,600
no fue marcado como activo.

221
00:12:33,600 --> 00:12:36,930
Básicamente, ahora necesitamos configurar los estilos aquí.

222
00:12:36,930 --> 00:12:39,033
sobre estos elementos de forma condicional.

223
00:12:40,770 --> 00:12:44,250
Entonces, si simplemente agregamos el nombre de la clase activa a todos ellos

224
00:12:44,250 --> 00:12:46,080
entonces siempre estarían activos

225
00:12:46,080 --> 00:12:47,970
pero eso no es lo que queremos.

226
00:12:47,970 --> 00:12:50,910
Así que básicamente necesitamos determinar esta cadena aquí.

227
00:12:50,910 --> 00:12:52,140
basado en una condición.

228
00:12:52,140 --> 00:12:54,693
Así como aprendimos en la sección anterior.

229
00:12:55,560 --> 00:12:57,690
Así que entremos en modo JavaScript.

230
00:12:57,690 --> 00:13:00,300
para que podamos escribir una plantilla literal.

231
00:13:00,300 --> 00:13:04,740
Y entonces aquí produciremos activo o nada.

232
00:13:04,740 --> 00:13:07,920
Así que básicamente ingresemos al modo JavaScript.

233
00:13:07,920 --> 00:13:09,660
de la plantilla, literal.

234
00:13:09,660 --> 00:13:14,660
Y luego preguntemos si el paso es mayor o igual a uno.

235
00:13:16,440 --> 00:13:20,520
Y si es así, entonces el resultado de la operación.

236
00:13:20,520 --> 00:13:22,560
debería ser la cadena de active.

237
00:13:22,560 --> 00:13:25,443
Y si no, pues nada.

238
00:13:27,690 --> 00:13:31,860
Entonces ves que este de aquí ya se puso morado.

239
00:13:31,860 --> 00:13:35,253
Y eso se debe, por supuesto, a que dos es mayor que uno.

240
00:13:38,250 --> 00:13:42,573
Bien, agreguemos esto a todos ellos.

241
00:13:46,230 --> 00:13:50,970
Pero aquí, por supuesto, tenemos que adaptarnos y sí,

242
00:13:50,970 --> 00:13:53,310
bien, eso está funcionando.

243
00:13:53,310 --> 00:13:55,590
Entonces si tuviéramos el número tres

244
00:13:55,590 --> 00:13:58,503
entonces los tres se volverían activos.

245
00:14:00,780 --> 00:14:01,650
¿está bien?

246
00:14:01,650 --> 00:14:04,620
Y veamos esto rápidamente.

247
00:14:04,620 --> 00:14:07,920
Como ves ahora este tiene la clase de activo.

248
00:14:07,920 --> 00:14:10,680
y estos todavía tienen el atributo de clase

249
00:14:10,680 --> 00:14:13,080
porque lo especificamos aquí

250
00:14:13,080 --> 00:14:15,780
pero entonces no hay ningún compromiso.

251
00:14:15,780 --> 00:14:19,320
Básicamente, eso es solo esta cadena vacía que devolvemos.

252
00:14:19,320 --> 00:14:20,793
en estos dos casos.

253
00:14:21,750 --> 00:14:25,710
excelente. Esa es la parte estática de la aplicación.

254
00:14:25,710 --> 00:14:28,440
Pero claro, ahora queremos navegar aquí.

255
00:14:28,440 --> 00:14:30,180
haciendo clic en estos botones

256
00:14:30,180 --> 00:14:35,180
Entonces no cambiaremos manualmente aquí esta variable de paso, ¿verdad?

257
00:14:35,490 --> 00:14:38,400
Y eso significa que ahora es el momento de aprender.

258
00:14:38,400 --> 00:14:41,850
cómo podemos manejar los eventos de clic en estos botones.

259
00:14:41,850 --> 00:14:43,710
Y eso es lo que la próxima conferencia

260
00:14:43,710 --> 00:14:45,333
se va a tratar.