1
00:00:00,210 --> 00:00:01,900
Bien, continuemos con la clase Main.

2
00:00:02,040 --> 00:00:02,820
La clase principal.

3
00:00:02,880 --> 00:00:08,550
Entonces la idea es crear las instancias de esta clase concreta y empezar a probar para que interactúen

4
00:00:08,640 --> 00:00:10,740
y se relacionen, crear algunos campos.

5
00:00:10,890 --> 00:00:12,070
Así que nos vamos acá.

6
00:00:12,180 --> 00:00:12,790
Alpacas.

7
00:00:12,960 --> 00:00:13,110
Bien.

8
00:00:13,140 --> 00:00:16,120
Pero la idea crearlo en el package form acá.

9
00:00:16,470 --> 00:00:17,610
Entonces nos vamos acá.

10
00:00:17,940 --> 00:00:19,080
New class.

11
00:00:21,050 --> 00:00:29,120
Ejemplo Forum o clase abstracta, como le queramos llamar bien, un método main, perfecto, pero la

12
00:00:29,120 --> 00:00:35,840
idea que esté en for en formulario, entonces vamos a cortar acá lo quitamos y en el error.

13
00:00:36,050 --> 00:00:38,960
Acá nos dice mover hacia el package form.

14
00:00:39,140 --> 00:00:39,800
Hacemos un clic.

15
00:00:40,790 --> 00:00:41,840
Automáticamente se mueve.

16
00:00:42,350 --> 00:00:49,460
Entonces bueno, tenemos elementos y en la raíz en form tenemos ejemplo form hasta que está molesto.

17
00:00:49,610 --> 00:00:51,980
Lo tenemos en la raíz y comenzamos bien.

18
00:00:52,010 --> 00:00:55,520
Pero antes había aplicado una clase abstracta elemento form.

19
00:00:55,670 --> 00:01:00,020
No se puede ejemplarizar, es decir, no se puede crear una instancia concreta.

20
00:01:00,710 --> 00:01:03,840
Probemos elemento form.

21
00:01:04,640 --> 00:01:09,080
L elemento igual new elemento form.

22
00:01:11,240 --> 00:01:13,160
Bien se fijen, no se puede.

23
00:01:13,310 --> 00:01:16,070
No se puede crear una instancia concreta porque es abstracta.

24
00:01:16,080 --> 00:01:20,390
No se puede instanciar lo que sí se podría crear una clase anónima.

25
00:01:20,570 --> 00:01:26,420
Eso sí, una clase anónima es una clase que se crea al vuelo, es decir, simplemente el vuelo a partir

26
00:01:26,420 --> 00:01:29,630
de una interfaz, por ejemplo, en vez de colocar acá el punto coma.

27
00:01:29,720 --> 00:01:32,900
Esto es solamente para clases abstracta, para interfaces.

28
00:01:33,050 --> 00:01:38,510
Después también vamos a ser más ejemplo, pero simplemente quito el punto y coma y colocamos llaves

29
00:01:39,080 --> 00:01:44,900
y abrimos las llaves y acá implementamos el método al vuelo se fijan implementar el método dibujar.

30
00:01:45,650 --> 00:01:49,670
Ok, bien, ya tenemos una clase implementada al vuelo.

31
00:01:50,830 --> 00:01:55,450
Acá faltaría el punto y coma al final, esto es una forma de crear una clase anónima.

32
00:01:55,540 --> 00:02:01,270
Así se le conoce porque no tiene nombre, no tiene un archivo separado, nada, solamente se implementa

33
00:02:01,300 --> 00:02:03,220
al vuelo para poder utilizar este objeto.

34
00:02:03,640 --> 00:02:09,640
Se fijan acá tenemos un elemento anónimo, por así decirlo, se fijan y acá podemos colocar o implementar

35
00:02:09,730 --> 00:02:15,310
nuestro método dibujar HTML para este objeto genérico, el fondo o anónimo.

36
00:02:15,520 --> 00:02:20,410
El problema que no es reutilizable, solamente se crea una sola vez, se utiliza en esa clase.

37
00:02:20,530 --> 00:02:22,870
Por ejemplo, acá con el método main y listo.

38
00:02:23,020 --> 00:02:26,740
Después no se puede reutilizar en otra clase de origen, de otra forma implementar.

39
00:02:26,890 --> 00:02:27,850
Pero bien, continuemos.

40
00:02:27,910 --> 00:02:32,260
La idea es trabajar con nuestra clase que ya tenemos creada nuestra clase concretas.

41
00:02:32,560 --> 00:02:35,800
Entonces este ejemplo después lo vamos a ver más en detalle.

42
00:02:36,040 --> 00:02:39,880
Así que vamos a crear nuestra instancia, por ejemplo, de input.

43
00:02:40,120 --> 00:02:42,940
Así que esto le quitamos input.

44
00:02:42,970 --> 00:02:47,070
Form ya es una clase concreta Yussef Name

45
00:02:50,200 --> 00:02:53,320
y acá sí que podemos crear una instancia concreta de input form.

46
00:02:53,470 --> 00:03:02,380
Requiere un nombre, un name, un nombre campo, por ejemplo, nombre usuario o uso n Si no indicamos

47
00:03:02,380 --> 00:03:06,700
el segundo argumento, recuerden que es el tipo por defecto del tipo texto.

48
00:03:06,820 --> 00:03:09,910
Se acuerdan acá por defecto del tipo test?

49
00:03:10,270 --> 00:03:15,910
Por lo tanto, el constructor así no solamente el nombre o bien podría recibir el nombre y el tipo bien,

50
00:03:15,940 --> 00:03:19,570
pero para el ejemplo del tipo texto, así que lo hagamos de esa forma.

51
00:03:21,010 --> 00:03:22,300
Bien input form.

52
00:03:22,750 --> 00:03:32,890
Otro más password new por ejemplo la clave o password el nombre que queramos un nombre campo.

53
00:03:33,370 --> 00:03:37,750
Pero el tipo e password es el tipo HTML

54
00:03:46,060 --> 00:03:46,820
y mail email.

55
00:03:47,290 --> 00:03:50,620
En este caso el nombre campo es email, pero también el tipo es email.

56
00:03:50,800 --> 00:03:56,110
Aunque el campo le podríamos colocar correo, pero típicamente se coloca como email nada más que otro

57
00:03:56,110 --> 00:03:56,380
campo.

58
00:03:56,410 --> 00:04:08,020
Podríamos tener la edad, por ejemplo un formulario típico edad new input de igual nombre edad, el

59
00:04:08,020 --> 00:04:12,490
tipo number un tipo number de input html.

60
00:04:13,270 --> 00:04:13,990
Bien, estamos listo.

61
00:04:13,990 --> 00:04:19,810
Bueno, con lo más básico de los tipos input, el primero el tipo text por defecto, el segundo password

62
00:04:20,030 --> 00:04:21,190
email number.

63
00:04:21,330 --> 00:04:25,990
Bueno, y podríamos tener mucho más del tipo fail del tipo check box, radio button.

64
00:04:26,170 --> 00:04:26,470
En fin.

65
00:04:27,130 --> 00:04:28,060
Pero con esto estamos bien.

66
00:04:28,210 --> 00:04:35,110
También podríamos crear un text área de experiencia, por ejemplo.

67
00:04:38,770 --> 00:04:39,790
Ya textarea.

68
00:04:40,030 --> 00:04:40,780
Acá lo tenemos.

69
00:04:40,840 --> 00:04:41,650
Importamos.

70
00:04:41,800 --> 00:04:43,690
Acá se pasa el nombre al campo.

71
00:04:43,750 --> 00:04:44,410
Se acuerdan?

72
00:04:44,560 --> 00:04:48,490
Le vamos a llamar PxP de experiencia.

73
00:04:49,060 --> 00:04:50,560
Y me tenía filas y columnas.

74
00:04:50,800 --> 00:04:52,180
Recuerden que si nos vamos acá.

75
00:04:52,390 --> 00:04:53,080
TextArea.

76
00:04:53,140 --> 00:04:53,980
El constructor.

77
00:04:55,220 --> 00:04:57,890
Tenía nombre, filas y columnas.

78
00:04:59,320 --> 00:05:04,650
Entonces fila, por ejemplo 5 y de ancho o largo 9.

79
00:05:05,380 --> 00:05:05,800
Listo.

80
00:05:06,160 --> 00:05:14,740
Qué más podríamos tener un combobox, un select form, por ejemplo, lenguaje lenguaje de programación

81
00:05:15,370 --> 00:05:16,990
new select form.

82
00:05:19,000 --> 00:05:26,890
Importamos primero el nombre, campo, lenguaje y nada más, porque tenemos dos forma de construir el

83
00:05:26,890 --> 00:05:27,400
objeto.

84
00:05:27,550 --> 00:05:30,880
El constructor primero es solamente el nombre, nada más.

85
00:05:30,970 --> 00:05:36,820
Y segundo, por pasar la lista de opciones, es decir, la lista para seleccionar un elemento.

86
00:05:38,070 --> 00:05:40,050
La idea bueno es este constructor.

87
00:05:40,260 --> 00:05:47,040
Solamente nombre la lista la inicializamos con ArrayList vacío y lo agregamos con add option.

88
00:05:47,310 --> 00:05:57,110
Entonces utilizamos este método para ir agregando elementos primero yaba opción, yaba igual new opción.

89
00:05:57,300 --> 00:05:59,850
Importamos y residí el valor y el nombre.

90
00:06:00,030 --> 00:06:03,360
Si no me equivoco, vamos a revisar por acá elementos select.

91
00:06:03,660 --> 00:06:04,840
Acá tenemos opción.

92
00:06:05,010 --> 00:06:07,260
Entonces recibe valor y nombre perfecto.

93
00:06:08,320 --> 00:06:14,630
Entonces Balor el Heidy por ejemplo, 1 yaba el lenguaje.

94
00:06:16,360 --> 00:06:24,310
Lenguaje, punto ab opción y vamos a pasar yaba si vejan hoy agregamos un elemento, entonces creamos

95
00:06:24,430 --> 00:06:26,200
la opción para la encogi yaba.

96
00:06:26,320 --> 00:06:29,590
Luego a través del objeto se lefort lenguaje.

97
00:06:29,710 --> 00:06:31,650
Lo agregamos con el método adopción.

98
00:06:33,480 --> 00:06:35,130
Lenguaje, punto.

99
00:06:35,220 --> 00:06:36,030
Adopción.

100
00:06:36,300 --> 00:06:37,680
Y también podríamos querer mucho más.

101
00:06:37,710 --> 00:06:45,840
Por ejemplo, new opción Python con el Heidy 2.

102
00:06:46,020 --> 00:06:48,830
Por acá tenemos el Heidy 2.

103
00:06:52,440 --> 00:06:56,670
Aunque la opción se puede crear fuera, acá simplemente lo pasamos directamente.

104
00:06:56,790 --> 00:06:57,960
Adopción new.

105
00:06:58,050 --> 00:07:02,610
Creamos el objeto y pasamos la instancia, pero en Java lo creamos afuera.

106
00:07:02,760 --> 00:07:06,990
Da lo mismo en el caso Yaba lo crea fuera solamente para que después lo podemos seleccionar.

107
00:07:07,170 --> 00:07:08,550
Yeva Punto Selected.

108
00:07:08,880 --> 00:07:13,380
Se acuerdan en thru lenguaje punto adopción.

109
00:07:13,470 --> 00:07:14,370
Vamos a agregar más

110
00:07:17,100 --> 00:07:17,670
3.

111
00:07:19,920 --> 00:07:20,610
Ya escripto.

112
00:07:30,160 --> 00:07:30,780
Descrip.

113
00:07:39,290 --> 00:07:40,520
PHP, por ejemplo.

114
00:07:41,710 --> 00:07:42,350
Me faltaría.

115
00:07:42,440 --> 00:07:46,280
Ya tenemos los objeto creado los input for el textarea es el form.

116
00:07:46,490 --> 00:07:49,550
En ese elefante tenemos la lista completa.

117
00:07:49,640 --> 00:07:54,890
La agregamos con el add option con diferentes tipos de lenguaje programación ahora faltaría sin valores,

118
00:07:54,890 --> 00:07:57,170
por ejemplo para el Yussef neem para el password.

119
00:07:57,210 --> 00:07:57,560
Y así.

120
00:07:57,770 --> 00:08:00,300
Y también seleccionar algún elemento de la lista.

121
00:08:00,320 --> 00:08:02,330
Por ejemplo con Java, con selected.

122
00:08:02,630 --> 00:08:03,560
Lo que vamos a hacer ahora.

123
00:08:03,680 --> 00:08:08,480
Entonces por ejemplo yuso en el punto set valor.

124
00:08:09,440 --> 00:08:10,340
Entonces consent valor.

125
00:08:10,430 --> 00:08:17,030
Recuerden, asignamos un valor, por ejemplo el Yussef New John punto dobe.

126
00:08:18,290 --> 00:08:19,160
Y así por cada uno.

127
00:08:19,190 --> 00:08:26,510
Password punto set valor a 1 b12 3.

128
00:08:26,570 --> 00:08:32,530
Por ejemplo, cualquier contraseña y mail punto set también set.

129
00:08:32,540 --> 00:08:36,380
Valor John Doe punto.

130
00:08:36,410 --> 00:08:43,910
Correo E.com: Edad 28.

131
00:08:43,910 --> 00:08:44,480
Por ejemplo.

132
00:08:44,630 --> 00:08:45,370
Del tipo string.

133
00:08:45,990 --> 00:08:46,160
Bien.

134
00:08:46,160 --> 00:08:46,640
Qué más?

135
00:08:46,790 --> 00:08:50,060
Faltaría seleccionar una opción de lenguaje.

136
00:08:50,240 --> 00:08:52,910
Por eso creé Java de esa forma poco locar.

137
00:08:53,450 --> 00:08:54,140
Yaba.

138
00:08:54,170 --> 00:08:55,510
Punto set.

139
00:08:56,690 --> 00:08:57,090
Select.

140
00:08:57,680 --> 00:08:58,400
Acá lo tenemos.

141
00:08:59,750 --> 00:09:00,680
Lo marcamos dentro.

142
00:09:00,860 --> 00:09:01,020
Entonces.

143
00:09:01,100 --> 00:09:03,230
De esa forma que ha seleccionado este elemento.

144
00:09:04,650 --> 00:09:10,020
Ahora, lo que podremos hacer cuando se seleccione, cuando estén thru, por ejemplo, en Select for.

145
00:09:11,510 --> 00:09:14,820
Por acá preguntamos si está seleccionado.

146
00:09:15,080 --> 00:09:19,910
Entonces si está seleccionado lo tenemos que marcar agregando este atributo.

147
00:09:20,240 --> 00:09:22,970
Pero también tenemos que colocar el valor.

148
00:09:23,060 --> 00:09:28,400
Por ejemplo, disputo un valor igual.

149
00:09:28,550 --> 00:09:30,980
Es decir, el valor del elemento.

150
00:09:31,070 --> 00:09:36,440
En este caso del Select Form lo tenemos que asignar al valor que tiene esta opción.

151
00:09:36,560 --> 00:09:40,970
Entonces acá sería opción punto en que el valor.

152
00:09:43,800 --> 00:09:48,840
Se fijan, entonces asignamos el valor de la opción en particular que está seleccionada, que tenemos

153
00:09:48,840 --> 00:09:50,460
marcada con Selected.

154
00:09:50,850 --> 00:09:56,190
Entonces, al estar marcada en Thru, le asignamos el valor acá al elemento.

155
00:09:56,430 --> 00:09:57,480
Eso había quedado pendiente.

156
00:09:57,830 --> 00:09:58,950
Bien, regresamos.

157
00:09:59,040 --> 00:10:00,000
Ejemplo Ford.

158
00:10:01,980 --> 00:10:05,610
Ahí tenemos asíno el valor al elemento y por ahora quedamos hasta acá.

159
00:10:05,640 --> 00:10:07,410
Continuamos la siguiente clase.

160
00:10:07,530 --> 00:10:09,100
Acá mismo, en el método Main.

161
00:10:09,310 --> 00:10:15,270
Porque la idea ahora es dibujar cada uno de los elementos del formulario, es decir, imprimirlos.

162
00:10:15,450 --> 00:10:16,140
El HTML.

163
00:10:16,230 --> 00:10:22,560
Para eso podríamos crear una lista utilizando, ya sea arreglo o ArrayList, una lista de elementos

164
00:10:22,560 --> 00:10:27,690
formulario y por cada uno le invocamos el método dibujar HTML con un print en la consola.

165
00:10:27,720 --> 00:10:29,310
Continuamos en la siguiente clase.