1
00:00:01,139 --> 00:00:07,900
Vamos a aprender a hacer interfaces gráficas con una biblioteca que se llama Qt en Python.

2
00:00:08,400 --> 00:00:15,099
Qt es una biblioteca hecha en C++, pero tiene adaptadores para otros lenguajes.

3
00:00:15,240 --> 00:00:18,940
Lo puedes usar en Python, lo puedes usar en Java, lo puedes usar en un montón de lenguajes.

4
00:00:19,019 --> 00:00:21,879
Lo habitual es en C++, pero lo puedes usar en otros lenguajes.

5
00:00:22,800 --> 00:00:27,960
Para usarlo en Python vamos a instalar esta cosa, el pside6.

6
00:00:27,960 --> 00:00:29,399
Vamos a ver cómo se instala.

7
00:00:31,140 --> 00:00:39,479
Qt es multiplataforma. ¿Eso qué significa? Que lo puedes usar en Windows, en Linux, en Macintosh.

8
00:00:40,600 --> 00:00:45,479
De una forma especial que no vamos a ver aquí también, se podría usar en Android.

9
00:00:46,479 --> 00:00:48,000
Se puede usar en muchos sitios.

10
00:00:49,500 --> 00:00:51,240
Bueno, pues vamos a empezar a usarlo.

11
00:00:51,399 --> 00:00:52,759
¿Cómo se instala el PISA S6?

12
00:00:52,759 --> 00:00:58,439
Bueno, para instalar el PISA S6, cojo y tecleo este comando.

13
00:00:58,439 --> 00:00:59,700
o sea, me voy a un terminal

14
00:00:59,700 --> 00:01:03,000
me voy a un terminal

15
00:01:03,000 --> 00:01:04,659
y tecleo

16
00:01:04,659 --> 00:01:07,799
p3 install

17
00:01:07,799 --> 00:01:08,180
p6

18
00:01:08,180 --> 00:01:10,900
le doy intro, bueno y se instalaría

19
00:01:10,900 --> 00:01:13,519
no voy a instalarlo ya porque ya lo tengo instalado

20
00:01:13,519 --> 00:01:17,200
una vez que ya tengo instalado el pSite

21
00:01:17,200 --> 00:01:19,260
voy a empezar a hacer

22
00:01:19,260 --> 00:01:20,200
mi primera ventana

23
00:01:20,200 --> 00:01:22,359
entonces lo que hago es que

24
00:01:22,359 --> 00:01:24,959
me he creado aquí una carpeta

25
00:01:24,959 --> 00:01:26,379
que he llamado ventana básica

26
00:01:26,379 --> 00:01:28,060
voy a abrir aquí un terminal

27
00:01:28,060 --> 00:01:32,420
Y vamos a empezar creando nuestra primera aplicación

28
00:01:32,420 --> 00:01:34,040
Voy a abrir esta aplicación

29
00:01:34,040 --> 00:01:34,560
Design

30
00:01:34,560 --> 00:01:41,060
Abre el designer

31
00:01:41,060 --> 00:01:42,420
Y me aparece

32
00:01:42,420 --> 00:01:44,099
Primero esta ventana

33
00:01:44,099 --> 00:01:46,659
Voy a crear primero una ventana principal

34
00:01:46,659 --> 00:01:48,340
Le doy aquí a crear

35
00:01:48,340 --> 00:01:49,760
¿De acuerdo?

36
00:01:49,980 --> 00:01:51,459
Y aquí está mi ventana principal

37
00:01:51,459 --> 00:01:54,180
Bueno, por defecto la pone así como muy grande

38
00:01:54,180 --> 00:01:56,340
Vamos a cambiar el tamaño para hacerlo aquí más manejable

39
00:01:56,340 --> 00:01:58,480
Vale, pues aquí

40
00:01:58,480 --> 00:02:00,560
Está creada mi ventana principal

41
00:02:00,560 --> 00:02:04,319
Vamos, se me niega

42
00:02:04,319 --> 00:02:06,640
Ahí, ya, vale

43
00:02:06,640 --> 00:02:08,599
Aquí tengo creada mi ventana principal

44
00:02:08,599 --> 00:02:16,439
Si os fijáis aquí, aquí tengo los distintos elementos que puedo añadir a esta ventana principal

45
00:02:16,439 --> 00:02:18,419
Por ejemplo, le puedo añadir un botón

46
00:02:18,419 --> 00:02:23,199
Si os fijáis, ha aparecido aquí la opción de que tengo un botón

47
00:02:23,199 --> 00:02:24,139
Tengo aquí este botón

48
00:02:24,139 --> 00:02:27,419
Puedo añadirle también lo que llamamos una etiqueta

49
00:02:27,419 --> 00:02:28,900
Una etiqueta es simplemente un texto

50
00:02:28,900 --> 00:02:29,879
Ahí lo tengo

51
00:02:29,879 --> 00:02:32,500
si os fijáis aquí me han aparecido los dos

52
00:02:32,500 --> 00:02:34,099
tanto el botón, ahí lo tengo

53
00:02:34,099 --> 00:02:36,000
como la etiqueta, ahí tengo los dos

54
00:02:36,000 --> 00:02:41,699
bueno, estos botones

55
00:02:41,699 --> 00:02:43,879
y esta etiqueta la puedo colocar aquí como quiera

56
00:02:43,879 --> 00:02:46,319
y puedo previsualizar

57
00:02:46,319 --> 00:02:48,000
como queda la ventana

58
00:02:48,000 --> 00:02:49,460
aquí

59
00:02:49,460 --> 00:02:52,060
puedo previsualizar como vería el usuario

60
00:02:52,060 --> 00:02:53,439
la aplicación

61
00:02:53,439 --> 00:02:55,580
cada objeto

62
00:02:55,580 --> 00:02:57,439
cada objeto que he añadido aquí

63
00:02:57,439 --> 00:03:00,360
cada uno de los dos objetos que se pueden añadir

64
00:03:00,360 --> 00:03:03,460
Tienen unos padres y unos atributos

65
00:03:03,460 --> 00:03:06,300
Veis aquí toda la lista de padres que tiene

66
00:03:06,300 --> 00:03:07,800
Con todos sus atributos

67
00:03:07,800 --> 00:03:11,300
Pues este objeto, el pushButton

68
00:03:11,300 --> 00:03:13,800
Deriva de QWidget

69
00:03:13,800 --> 00:03:17,039
Aquí veis todos los atributos que tiene el QWidget

70
00:03:17,039 --> 00:03:19,680
Este es un botón abstracto

71
00:03:19,680 --> 00:03:22,159
O sea, el pushButton deriva de botón abstracto

72
00:03:22,159 --> 00:03:24,560
Y finalmente tengo el pushButton

73
00:03:24,560 --> 00:03:26,139
Si me voy a la documentación

74
00:03:26,139 --> 00:03:28,199
Me meto aquí en esta página

75
00:03:28,199 --> 00:03:31,039
y busco la documentación

76
00:03:31,039 --> 00:03:33,319
aquí está la API

77
00:03:33,319 --> 00:03:36,990
aquí está la API

78
00:03:36,990 --> 00:03:38,530
y me voy aquí a widgets

79
00:03:38,530 --> 00:03:41,189
bueno, aquí ya me está contando

80
00:03:41,189 --> 00:03:42,810
pues todos los tipos

81
00:03:42,810 --> 00:03:44,030
de widgets y demás

82
00:03:44,030 --> 00:03:46,870
aquí vienen, fijaos todas las

83
00:03:46,870 --> 00:03:48,889
clases que tengo aquí, pues puedo buscar

84
00:03:48,889 --> 00:03:50,330
mi elemento

85
00:03:50,330 --> 00:03:53,050
si no me quiero

86
00:03:53,050 --> 00:03:54,710
complicar mucho, pongo aquí en el buscador

87
00:03:54,710 --> 00:03:55,270
pass

88
00:03:55,270 --> 00:03:57,310
button

89
00:03:57,310 --> 00:03:59,849
y aquí está

90
00:03:59,849 --> 00:04:01,030
el PassBaton

91
00:04:01,030 --> 00:04:03,770
fijaros, aquí tienen la herencia

92
00:04:03,770 --> 00:04:06,169
de donde viene este PassBaton

93
00:04:06,169 --> 00:04:07,990
tiene como padres

94
00:04:07,990 --> 00:04:09,870
bueno, como tatarabuelos

95
00:04:09,870 --> 00:04:13,150
estos dos, el QGEO y PineDevice

96
00:04:13,150 --> 00:04:14,930
luego su derivante

97
00:04:14,930 --> 00:04:16,250
QWidget, derivante

98
00:04:16,250 --> 00:04:18,730
de QAstrang y aquí finalmente tengo

99
00:04:18,730 --> 00:04:21,069
el PassBaton, aquí tienen sus propiedades

100
00:04:21,069 --> 00:04:22,930
y métodos, que esto ya lo veremos

101
00:04:22,930 --> 00:04:23,870
un poquito más adelante

102
00:04:23,870 --> 00:04:26,949
¿de acuerdo? la cuestión es que aquí puedo cambiar

103
00:04:26,949 --> 00:04:35,110
muchas de sus propiedades. Por ejemplo, aquí, en PassButton, ¿veis que pone? Text. Si yo

104
00:04:35,110 --> 00:04:41,589
vengo aquí, hago doble clic y escribo algo, hola, ¿veis que aquí ha puesto hola? Y aquí

105
00:04:41,589 --> 00:04:45,689
también ha puesto hola. Este es el texto del botón, o sea, el texto del botón es

106
00:04:45,689 --> 00:04:50,209
un atributo. En los textos también se pueden cambiar haciendo doble clic. Voy aquí al

107
00:04:50,209 --> 00:04:55,649
botón, lo cambio y puedo poner OK. ¿Veis que ha cambiado aquí, no? Por dos. Este atributo

108
00:04:55,649 --> 00:04:57,730
el atributo texto, pues mira, lo puedo aquí editar

109
00:04:57,730 --> 00:04:58,509
directamente

110
00:04:58,509 --> 00:05:01,769
bueno, veis que tiene aquí un montón de atributos

111
00:05:01,769 --> 00:05:02,569
¿de acuerdo?

112
00:05:03,370 --> 00:05:05,670
la cuestión es no verlos todos

113
00:05:05,670 --> 00:05:07,629
de golpe, pero por ejemplo, veis que aquí

114
00:05:07,629 --> 00:05:09,170
tiene el atributo texto

115
00:05:09,170 --> 00:05:11,490
este que pone icon

116
00:05:11,490 --> 00:05:13,089
es que le puedes añadir una imagen

117
00:05:13,089 --> 00:05:15,310
aquí sale la típica imagen

118
00:05:15,310 --> 00:05:16,750
¿ves? estos botones tienen imagen

119
00:05:16,750 --> 00:05:19,129
pues en lugar de un texto le puedo poner imágenes

120
00:05:19,129 --> 00:05:21,490
bueno, le podemos

121
00:05:21,490 --> 00:05:23,490
poner muchas cosas que por ahora

122
00:05:23,490 --> 00:05:24,310
no vamos a ver

123
00:05:24,310 --> 00:05:27,730
si os habéis fijado

124
00:05:27,730 --> 00:05:30,050
yo he arrastrado los elementos

125
00:05:30,050 --> 00:05:32,029
el elemento lo arrastro ahí

126
00:05:32,029 --> 00:05:32,610
y se añade

127
00:05:32,610 --> 00:05:35,930
no ha añadido nada

128
00:05:35,930 --> 00:05:36,990
bueno, arrastrando aquí

129
00:05:36,990 --> 00:05:39,750
puedo cambiar la posición de los objetos

130
00:05:39,750 --> 00:05:40,910
que he añadido aquí

131
00:05:40,910 --> 00:05:42,509
voy a ponerlos aquí muy separado

132
00:05:42,509 --> 00:05:46,189
y voy a previsualizarlos

133
00:05:46,189 --> 00:05:48,209
esto de añadirlos a malo no es buena idea

134
00:05:48,209 --> 00:05:48,990
¿por qué no es buena idea?

135
00:05:49,050 --> 00:05:50,689
aquí tengo mi ventana, pero si llega el usuario

136
00:05:50,689 --> 00:05:52,250
y cambia el tamaño de la ventana

137
00:05:52,250 --> 00:05:54,189
pues se me ha perdido el botón

138
00:05:54,189 --> 00:06:04,430
El botón está por aquí. Si volvemos, mirad, ahí está el botón. ¿Qué pasa al botón? Los elementos se me salen de la ventana.

139
00:06:04,610 --> 00:06:12,050
Este no es un comportamiento deseable. Para eso vamos a usar esto primero que viene aquí, que son los layouts, las disposiciones.

140
00:06:12,350 --> 00:06:21,089
¿Cómo voy a disponer los elementos? Por defecto, la ventana no tiene layout. O sea, puedo colocar los elementos donde me dé la gana.

141
00:06:21,089 --> 00:06:23,970
pero puedo añadir un layout

142
00:06:23,970 --> 00:06:26,910
tengo un layout vertical que van a colocar los elementos

143
00:06:26,910 --> 00:06:29,629
verticalmente, horizontal, horizontalmente

144
00:06:29,629 --> 00:06:32,189
en forma de rejilla o en forma de formulario

145
00:06:32,189 --> 00:06:34,529
que esta se usa para hacer formularios, evidentemente

146
00:06:34,529 --> 00:06:37,449
vamos a empezar con estas dos, con la vertical y la horizontal

147
00:06:37,449 --> 00:06:41,410
para ponerle disposición, pulso aquí con el botón derecho

148
00:06:41,410 --> 00:06:44,189
aquí en la zona de puntitos y digo distribución

149
00:06:44,189 --> 00:06:47,170
horizontal, ya me los ha distribuido horizontalmente

150
00:06:47,170 --> 00:06:49,490
si me voy a la vista previa

151
00:06:49,490 --> 00:06:52,850
y cambio el tamaño

152
00:06:52,850 --> 00:06:54,269
ya veis que la cosa cambia

153
00:06:54,269 --> 00:06:56,610
que ya no se sale, ya los tamaños

154
00:06:56,610 --> 00:06:57,810
se ajustan

155
00:06:57,810 --> 00:07:00,350
igual que he puesto distribución

156
00:07:00,350 --> 00:07:01,870
horizontal, le podría cambiar

157
00:07:01,870 --> 00:07:03,970
la distribución a vertical

158
00:07:03,970 --> 00:07:06,670
me voy aquí, rompo

159
00:07:06,670 --> 00:07:08,670
la distribución, vuelvo a los

160
00:07:08,670 --> 00:07:10,449
orígenes y le digo ahora que

161
00:07:10,449 --> 00:07:11,970
distribución vertical

162
00:07:11,970 --> 00:07:14,529
ya está distribuido verticalmente, si me voy

163
00:07:14,529 --> 00:07:15,350
a la vista previa

164
00:07:15,350 --> 00:07:18,069
pues veis ahora

165
00:07:18,069 --> 00:07:19,550
que los elementos

166
00:07:19,550 --> 00:07:21,470
cambian

167
00:07:21,470 --> 00:07:22,970
verticalmente.

168
00:07:23,589 --> 00:07:24,269
Lo veis ahí, ¿no?

169
00:07:27,509 --> 00:07:29,110
Puedo mezclar disposiciones.

170
00:07:29,290 --> 00:07:30,569
O sea, tengo aquí ahora una vertical.

171
00:07:30,790 --> 00:07:33,149
Podría meter una distribución horizontal entre medias.

172
00:07:34,230 --> 00:07:35,470
Cojo aquí la distribución horizontal.

173
00:07:35,790 --> 00:07:36,889
O sea, pincho y arrastro.

174
00:07:36,970 --> 00:07:39,050
Y veis que la puedo colocar en distintos sitios.

175
00:07:39,050 --> 00:07:41,689
La puedo colocar arriba, debajo del texto.

176
00:07:43,230 --> 00:07:44,329
Bueno, entre el botón y el texto.

177
00:07:44,509 --> 00:07:45,449
Justo encima del botón.

178
00:07:45,709 --> 00:07:47,310
Detrás del botón. Pues lo voy a colocar aquí.

179
00:07:47,310 --> 00:07:49,110
entre el botón y el texto

180
00:07:49,110 --> 00:07:51,430
ahí lo tenemos, aquí tengo la distribución horizontal

181
00:07:51,430 --> 00:07:53,290
de momento está vacía, le voy a empezar

182
00:07:53,290 --> 00:07:54,829
a meter botones, le meto un botón

183
00:07:54,829 --> 00:07:57,389
otro botón

184
00:07:57,389 --> 00:07:58,930
y

185
00:07:58,930 --> 00:08:01,470
otro botón, ahí tengo mis tres botones

186
00:08:01,470 --> 00:08:03,370
añadidos, si os fijáis, ha ido apareciendo

187
00:08:03,370 --> 00:08:04,430
todo aquí

188
00:08:04,430 --> 00:08:07,689
han ido apareciendo todos los botones que he añadido

189
00:08:07,689 --> 00:08:09,050
si ahora

190
00:08:09,050 --> 00:08:11,610
me voy al formulario y le hago una vista previa

191
00:08:11,610 --> 00:08:13,250
pues aquí tengo mi

192
00:08:13,250 --> 00:08:13,910
ventanita

193
00:08:13,910 --> 00:08:16,509
¿de acuerdo? ves que

194
00:08:16,509 --> 00:08:21,529
estos tres elementos están en vertical

195
00:08:21,529 --> 00:08:23,829
¿de acuerdo?

196
00:08:24,069 --> 00:08:28,629
la etiqueta, el hallato horizontal y el botón están en vertical

197
00:08:28,629 --> 00:08:31,870
y luego los tres botones están evidentemente en el hallato horizontal

198
00:08:31,870 --> 00:08:33,129
o sea, que están en horizontal

199
00:08:33,129 --> 00:08:38,990
jugando con estas dos distribuciones se pueden hacer prácticamente cualquier distribución

200
00:08:38,990 --> 00:08:39,990
que veis en la ventana

201
00:08:39,990 --> 00:08:45,129
si os fijáis aquí, esto sería una distribución vertical

202
00:08:45,129 --> 00:08:47,149
dentro de la distribución vertical

203
00:08:47,149 --> 00:08:48,970
han metido una horizontal

204
00:08:48,970 --> 00:08:50,289
y otra horizontal

205
00:08:50,289 --> 00:08:53,330
vale, o sea que con estos dos elementos ya se pueden hacer

206
00:08:53,330 --> 00:08:55,289
prácticamente cualquier tipo de ventana

207
00:08:55,289 --> 00:08:57,409
y donde no llegan estos dos

208
00:08:57,409 --> 00:08:59,450
tenemos estos otros dos

209
00:08:59,450 --> 00:09:02,490
si os fijáis

210
00:09:02,490 --> 00:09:04,809
aquí abajo aparecen estos dos elementos

211
00:09:04,809 --> 00:09:06,529
estos son los espaciadores

212
00:09:06,529 --> 00:09:09,110
sirven para separar objetos

213
00:09:09,110 --> 00:09:11,809
son como muelles que empujan

214
00:09:11,809 --> 00:09:13,169
entonces imaginaos que meto yo

215
00:09:13,169 --> 00:09:14,269
un espaciador ahí

216
00:09:14,269 --> 00:09:16,090
ahí he metido el espaciador

217
00:09:16,090 --> 00:09:17,409
si me voy a la vista previa

218
00:09:17,409 --> 00:09:20,110
veis que me ha separado los elementos

219
00:09:20,110 --> 00:09:22,870
y no solamente eso, sino cuando cambio el tamaño de la ventana

220
00:09:22,870 --> 00:09:24,210
me los mantiene

221
00:09:24,210 --> 00:09:25,289
separados

222
00:09:25,289 --> 00:09:28,809
¿de acuerdo? fijaos que llega un momento

223
00:09:28,809 --> 00:09:30,210
que no me deja cambiar el tamaño de la ventana

224
00:09:30,210 --> 00:09:31,509
cuando llego ya ahí

225
00:09:31,509 --> 00:09:35,190
al momento en que me van a empezar

226
00:09:35,190 --> 00:09:36,389
a desaparecer elementos

227
00:09:36,389 --> 00:09:38,309
ya no me deja cambiar el tamaño de la ventana

228
00:09:38,309 --> 00:09:39,789
pero fijaros que

229
00:09:39,789 --> 00:09:42,629
aquí tengo mi

230
00:09:42,629 --> 00:09:46,200
separador

231
00:09:46,200 --> 00:09:49,440
cuando cambio la disposición verticalmente

232
00:09:49,440 --> 00:09:51,399
o horizontalmente

233
00:09:51,399 --> 00:09:52,559
fijaos que

234
00:09:52,559 --> 00:09:55,000
este elemento, el elemento de texto

235
00:09:55,000 --> 00:09:55,919
tiende a crecer, ¿no?

236
00:09:56,419 --> 00:09:58,639
es curioso, tiende a crecer porque los botones no crecen

237
00:09:58,639 --> 00:10:00,279
¿vale? ¿esto de dónde viene?

238
00:10:00,519 --> 00:10:02,500
bueno, pues si pincho aquí en teslaven

239
00:10:02,500 --> 00:10:05,179
y me voy aquí a QWidget

240
00:10:05,179 --> 00:10:06,340
ves aquí la política

241
00:10:06,340 --> 00:10:09,320
de tamaño

242
00:10:09,320 --> 00:10:11,360
tengo una política horizontal

243
00:10:11,360 --> 00:10:12,580
y otra política vertical

244
00:10:12,580 --> 00:10:27,179
Voy a pinchar en este botón, que aquí se ve muy claro. Tengo que una política horizontal es ocupar el mínimo espacio y en la política vertical es tamaño fijo, que no voy a cambiar el tamaño fijo. Voy a cambiar el tamaño fijo a expandirse. ¿De acuerdo? Fijaros que ya han pasado aquí cosas.

245
00:10:27,179 --> 00:10:30,519
¿Eso de expandirse qué significa?

246
00:10:30,919 --> 00:10:32,980
Expandirse significa que todo el espacio libre

247
00:10:32,980 --> 00:10:34,519
Lo ocupe el objeto

248
00:10:34,519 --> 00:10:36,100
¿Ves que el test label?

249
00:10:36,759 --> 00:10:38,440
Este elemento, esta etiqueta de texto

250
00:10:38,440 --> 00:10:40,240
Ya no cambia de tamaño

251
00:10:40,240 --> 00:10:43,399
Los botones, por supuesto que no cambian de tamaño

252
00:10:43,399 --> 00:10:44,600
Porque al principio ya no cambiaban

253
00:10:44,600 --> 00:10:47,440
Y este elemento que le hemos dicho que en política vertical

254
00:10:47,440 --> 00:10:49,799
Cambia de tamaño, pues ahora mismo cambia de tamaño

255
00:10:49,799 --> 00:10:51,039
¿Lo veis ahí, no?

256
00:10:51,519 --> 00:10:52,980
Está cambiando el hombre de tamaño

257
00:10:52,980 --> 00:10:54,700
¿Vale?

258
00:10:57,179 --> 00:11:00,759
lo mismo que podríamos hacer para las políticas horizontales

259
00:11:00,759 --> 00:11:03,879
o sea, yo podría decir que este elemento

260
00:11:03,879 --> 00:11:05,740
tiene aquí un tamaño mínimo

261
00:11:05,740 --> 00:11:07,440
pero podría ser también que se expanda

262
00:11:07,440 --> 00:11:10,500
he dicho que hay que expanda

263
00:11:10,500 --> 00:11:11,840
ahí lo tengo

264
00:11:11,840 --> 00:11:14,019
y en la medida de lo posible

265
00:11:14,019 --> 00:11:16,980
ese elemento vais a ver que se expande

266
00:11:16,980 --> 00:11:17,419
¿de acuerdo?

267
00:11:20,690 --> 00:11:23,769
si pongo varios elementos que se expandan

268
00:11:23,769 --> 00:11:28,370
o sea, he puesto que se expanda este y este

269
00:11:28,370 --> 00:11:30,850
pues vais a ver que se reparten el tamaño entre ellos

270
00:11:30,850 --> 00:11:33,330
cuando cambio el tamaño

271
00:11:33,330 --> 00:11:35,009
se reparte por así decirlo

272
00:11:35,009 --> 00:11:36,610
el tamaño entre ellos

273
00:11:36,610 --> 00:11:43,340
y así

274
00:11:43,340 --> 00:11:46,639
hemos creado nuestra interfaz

275
00:11:46,639 --> 00:11:48,639
¿vale? cuando he creado mi interfaz

276
00:11:48,639 --> 00:11:50,100
cojo, archivo

277
00:11:50,100 --> 00:11:52,759
y la guardo, por supuesto guardo la interfaz

278
00:11:52,759 --> 00:11:54,840
vamos a crear

279
00:11:54,840 --> 00:11:55,940
una pequeña interfaz

280
00:11:55,940 --> 00:11:58,200
pero eso

281
00:11:58,200 --> 00:11:59,799
vamos a hacerlo en el siguiente vídeo