1
00:00:09,200 --> 00:00:15,680
Hola bienvenidos a una nueva clase y si el capítulo anterior tenía algún sentido.

2
00:00:15,680 --> 00:00:18,610
Bienvenidos a Bootstrap.

3
00:00:18,770 --> 00:00:21,500
Qué es esto Bootstrap.

4
00:00:21,600 --> 00:00:23,750
Es un framework.

5
00:00:23,820 --> 00:00:30,900
Vamos a explicar medianamente qué es un framework o marco de trabajo medio que se va describiendo solo

6
00:00:31,530 --> 00:00:38,280
un framework se aplica no solamente a los lenguajes de programación se aplican también a esto que no

7
00:00:38,280 --> 00:00:46,380
es del todo un lenguaje es vamos a decirlo como un lenguaje de marcado o un sistema de etiquetado para

8
00:00:46,380 --> 00:00:52,390
el diseño visual de una página web.

9
00:00:53,220 --> 00:01:01,110
Entonces los frameworks orientados a un lenguaje son un set de herramientas son una serie de reglas

10
00:01:01,260 --> 00:01:06,660
que me ayudan a trabajar de una manera mucho más ordenada y que me faciliten el trabajo porque ya vienen

11
00:01:06,660 --> 00:01:16,980
un montón de funciones pre hechas bueno para HTML también sucede lo mismo hay varios Freund Works o

12
00:01:17,160 --> 00:01:23,330
libre como librerías a donde Yai funciones o partes ya hechas.

13
00:01:23,730 --> 00:01:26,570
Cuando hacemos HTML y diseñamos páginas web.

14
00:01:26,560 --> 00:01:31,470
Bueno yo no te desalientos que estudies y profundice sobre el tema vas a ver que es todo.

15
00:01:31,470 --> 00:01:40,260
Por ejemplo esto que estamos viendo acá en pantalla hacer de que este pedazo de texto este párrafo salga

16
00:01:40,320 --> 00:01:44,590
a una cierta distancia armado en lo que yo veo aunque es invisible.

17
00:01:44,640 --> 00:01:51,030
Veo que hay como una especie de caja invisible que contiene todos estos elementos hacer que esta imagen

18
00:01:51,030 --> 00:01:59,250
salga calado acá que veo veo tres columnas todas de la misma altura todas del mismo ancho veo un pequeño

19
00:01:59,250 --> 00:02:08,610
margen que se respeta tanto verticalmente como horizontalmente veo un pie de página veo una barra arriba

20
00:02:08,970 --> 00:02:16,560
que queda como pegada Ben se llama Sticky bars muchas cosas que si no las tuviera que hacer a puro HTML

21
00:02:16,590 --> 00:02:24,430
por mi cuenta para mi proyecto cada vez que hago un proyecto no sé demoraría años por cada por cada

22
00:02:24,430 --> 00:02:25,080
trabajo.

23
00:02:25,180 --> 00:02:28,170
Así que Bootstrap está para que lo usemos.

24
00:02:28,240 --> 00:02:32,490
Miren qué beneficios o ventajas me trae.

25
00:02:32,530 --> 00:02:40,210
Vamos a lo más evidente lo más necesario hoy en día la mayoría de la gente que navega por sitios normales

26
00:02:40,210 --> 00:02:43,630
salvo excepciones ingresa desde un teléfono móvil.

27
00:02:44,020 --> 00:02:50,380
Uy qué lío que era cuando no existiera esto y necesitábamos de que las cosas se acomoden solas como

28
00:02:50,380 --> 00:02:57,790
está pasando acá o miren yo ya tengo una configuración de un ancho de pantalla propia de un teléfono

29
00:02:57,790 --> 00:02:59,030
y miren cómo.

30
00:02:59,080 --> 00:02:59,680
Qué pasa ahí.

31
00:03:00,040 --> 00:03:04,610
Miren cómo ese botón se transforma automáticamente.

32
00:03:04,810 --> 00:03:06,470
Es una web responsive.

33
00:03:06,530 --> 00:03:08,960
Y qué pasó con las columnas se transformaron en filas.

34
00:03:08,960 --> 00:03:10,870
Miren cambia y cambia.

35
00:03:10,900 --> 00:03:23,470
Son filas esto es un frontend lo que mire el usuario una aplicación web que puede ser nuestra responsivo.

36
00:03:23,860 --> 00:03:27,900
Miren qué importante todo este ordenamiento.

37
00:03:27,940 --> 00:03:35,680
Todas estas funciones que les aseguró escribirlas programarlas desarrollarlas nos tomaría muchísimo

38
00:03:35,680 --> 00:03:37,500
tiempo muchísimo trabajo.

39
00:03:37,900 --> 00:03:43,420
Y cuando vamos a hacer nuestro programa nuestra aplicación se nos va a ir todo en esto ya viene hecho

40
00:03:43,420 --> 00:03:46,890
muchachos amigos amigas.

41
00:03:46,960 --> 00:03:54,840
Ya está desarrollado esto para qué vamos a gastar energía en algo que ya viene hecho y encima es gratis.

42
00:03:54,910 --> 00:03:55,830
Vostra apps.

43
00:03:55,930 --> 00:04:00,010
Miren qué bueno que esta fue desarrollada por Twitter y lo hizo libre.

44
00:04:00,280 --> 00:04:01,410
Así que si lo hice.

45
00:04:01,410 --> 00:04:05,050
Twitter tiene que estar medianamente bien desarrollado.

46
00:04:05,050 --> 00:04:08,590
A decir verdad hoy el 90 por ciento.

47
00:04:08,600 --> 00:04:13,330
La verdad no tengo el dato cierto pero casi todo está basado en Bootstrap.

48
00:04:13,330 --> 00:04:20,720
Así que vamos a usarlo vamos a usarlo porque nuestra calculadora veía Emecé lo merece.

49
00:04:20,780 --> 00:04:26,710
Me voy a venir acá estoy en otra carpeta curso volvemos a nuestra calculadora

50
00:04:29,410 --> 00:04:32,120
lo que voy a hacer para que tengamos todas las versiones

51
00:04:35,400 --> 00:04:37,470
voy a crear una nueva carpeta.

52
00:04:37,500 --> 00:04:45,750
Rápido rápido para no perder tiempo en esto vamos a ponerle de nombre y Emecé yo de vostra para que

53
00:04:45,750 --> 00:04:50,430
nos quede identificada y vamos a venir acá el código.

54
00:04:50,430 --> 00:05:01,470
Lo voy a copiar todo a la versión sin Bootstrap y acá vamos a crear vamos a crear las nuevo archivo

55
00:05:02,560 --> 00:05:06,800
y se va a llamar y en ese punto de HP.

56
00:05:07,540 --> 00:05:08,730
Listo.

57
00:05:08,790 --> 00:05:10,150
Bueno por eso no voy a pedir el código.

58
00:05:10,150 --> 00:05:17,310
Vamos a hacer lo siguiente mirá a este framework que yo lo podría bajar acá de su página oficial pero

59
00:05:17,310 --> 00:05:22,430
voy a venir acá a Google que recuerdo voy a venir a Google Líbia a buscar.

60
00:05:22,440 --> 00:05:30,190
Simple acá lo tengo recién estuve buscando simple Bootstrap template o plantilla.

61
00:05:30,270 --> 00:05:34,580
El primer resultado y volví a dejar el link ahí en el área de contenido del curso.

62
00:05:34,950 --> 00:05:43,570
Y acá hay un montón de ejemplos ya de pequeños sitios desarrollados con este framework a los cuales

63
00:05:43,570 --> 00:05:46,730
nosotros vamos a poder acceder para ver un preview de éste.

64
00:05:46,750 --> 00:05:55,510
Por ejemplo vamos a ver un previo en vivo son cajas típicas cajas que vienen con una imagen para que

65
00:05:55,510 --> 00:06:01,410
se ponga una descripción y miren el orden que tiene.

66
00:06:01,660 --> 00:06:08,030
Vienen páginas esto es hacernos la vida un poco más fácil.

67
00:06:08,040 --> 00:06:12,370
Necesitamos tiempo para hacer lo nuestro que es programar nuestra aplicación así que esto ya viene hecho

68
00:06:12,850 --> 00:06:14,550
sí señor vamos a aprovechar esto.

69
00:06:14,550 --> 00:06:21,100
Bueno elijamos una que se adapte a nuestra calculadora no tiene muchas funciones así que con algo bastante

70
00:06:21,100 --> 00:06:23,990
simple no nos podemos arreglar.

71
00:06:24,400 --> 00:06:28,050
Haber visto algo puede ser esta verdad.

72
00:06:28,600 --> 00:06:34,510
Miremos rápidamente y si puedo ser cualquiera podamos poner imágenes texto recomendaciones.

73
00:06:34,510 --> 00:06:40,780
Pero bueno vamos con algo simple por ahora y cualquier cosa yo puedo irme y buscar elementos de otra

74
00:06:40,840 --> 00:06:42,460
y ponerlos acá que va a funcionar.

75
00:06:43,000 --> 00:06:49,320
Vamos a empezar mejor no hay cómo hacer las cosas y así se entiende mejor ya la vimos en vivo.

76
00:06:49,360 --> 00:06:50,760
No le veamos le veamos.

77
00:06:50,970 --> 00:06:54,250
Tiene un gran encabezado Miren tienen menú acá arriba.

78
00:06:55,050 --> 00:06:59,550
Y con este efecto cebra se le suele llamar esto blanco gris blanco.

79
00:07:00,140 --> 00:07:02,450
Tiene un pie de página y abre el menú.

80
00:07:02,450 --> 00:07:04,200
Cómo responde esta barra de arriba.

81
00:07:04,220 --> 00:07:10,190
La verdad que me lo he hecho nunca voy a achicar a Miren esto acá tengo tres

82
00:07:12,940 --> 00:07:15,130
menúes o tres opciones en el menú.

83
00:07:15,140 --> 00:07:20,130
O mejor dicho que hacen scroll en la web que avanza o no.

84
00:07:20,490 --> 00:07:28,030
Que cuando yo lo Hachiko y lo veo en un celu miren en qué se transforma el menú en el típico botón de

85
00:07:29,040 --> 00:07:30,360
despliegue.

86
00:07:30,390 --> 00:07:31,660
Qué bueno que está.

87
00:07:31,810 --> 00:07:36,110
Si esto es para nosotros es lo que le va dice un amigo mío.

88
00:07:36,180 --> 00:07:37,500
Listo.

89
00:07:37,500 --> 00:07:39,090
No más palabras.

90
00:07:39,240 --> 00:07:42,280
Vamos a bajarlo porque es lo que quiero.

91
00:07:42,450 --> 00:07:43,380
Me lo voy a bajar.

92
00:07:43,380 --> 00:07:47,790
Vamos a ver primera vez que lo hago y me tengo fe.

93
00:07:47,820 --> 00:07:50,310
Vienes hypeado yo lo voy a descomprimir.

94
00:07:50,310 --> 00:07:59,840
Bueno acá descomprimido todos los archivos por lo general estos tres componentes pueden venir en una

95
00:07:59,840 --> 00:08:04,410
carpeta que diga Bootstrap o pueden venir por separado.

96
00:08:04,430 --> 00:08:08,540
No es habitual que vengan dentro de una carpeta vendor.

97
00:08:08,540 --> 00:08:15,920
Les cuento que viene dentro de una carpeta vendor porque probablemente esto se armó con un manejador

98
00:08:16,010 --> 00:08:17,090
de repositorios.

99
00:08:17,090 --> 00:08:23,870
Suena muy raro pero no es tan difícil que se llama Composer que nos ayude a instalar estas librerías.

100
00:08:23,900 --> 00:08:28,830
La verdad no sé por qué usaron Composer ACaP cuando era más fácil copiar pero bueno no importa.

101
00:08:28,910 --> 00:08:30,770
Lo dejamos tal cual viene.

102
00:08:30,770 --> 00:08:39,140
No es nuestro interés ahora va a funcionar bien entonces vamos a copiar todos estos archivos los copiamos

103
00:08:39,590 --> 00:08:48,150
acá tengo copiar tengo copia de los nueve elementos y luego me voy a ir a HT Docs

104
00:08:52,030 --> 00:08:53,550
vamos a ir docx.

105
00:08:53,710 --> 00:09:02,740
Yo lo tengo acá curso y vamos a buscar programas en el centro.

106
00:09:02,810 --> 00:09:13,280
Voy a buscar y Emecé larga aquí está perfecto voy a copiar todo esto acá pero me voy a pegar todo esto

107
00:09:13,850 --> 00:09:17,610
acá listo yo tengo todos los archivos transferidos.

108
00:09:17,690 --> 00:09:22,530
Miren que hay un índex punto HTML bueno para que me quede.

109
00:09:22,740 --> 00:09:27,590
Que al final no tenía mucho sentido pero por las dudas agarra el código de nuestra calculadora original

110
00:09:27,980 --> 00:09:37,670
y le voy a pegar en este PHP nuevo que tenemos por acá que es el MSI hombe punto PHP y listo ya lo grave.

111
00:09:37,670 --> 00:09:42,910
Bueno miren qué interesante tengo ahora la carpeta y Emecé y hombe.

112
00:09:43,120 --> 00:09:50,950
Bueno esto tiene varios archivos dignos de un proyecto interesante no más proyectos de un solo chivito.

113
00:09:51,080 --> 00:09:52,780
Ya estamos a otro nivel.

114
00:09:53,420 --> 00:09:57,010
Entonces por qué este archivo se llama índex.

115
00:09:57,010 --> 00:09:58,560
Bueno esto es algo básico.

116
00:09:58,780 --> 00:10:09,070
Cuando creamos un índex punto HTML sucede lo siguiente Voy a venir acá ahí estamos.

117
00:10:09,330 --> 00:10:18,540
Voy a salir para atrás y acá está la carpeta y Emecé be larga que si fuera uno de los ejemplos que venimos

118
00:10:18,540 --> 00:10:19,420
haciendo.

119
00:10:19,500 --> 00:10:26,070
Cuando yo ingrese acá a su vez voy a tener que ingresar al archivo o al programa PHP para que se ejecute.

120
00:10:26,070 --> 00:10:34,770
Cuando tenemos un índex HTML en cuanto ingresa a la carpeta se está o se va a ejecutar ese índex si

121
00:10:34,770 --> 00:10:41,640
es un HTML se ejecutará el HTML y si tenemos un índex punto PHP se ejecutará por defecto sin necesidad

122
00:10:41,880 --> 00:10:45,880
de que lo escribamos en la web de un R.L a ese archivo.

123
00:10:45,880 --> 00:10:53,270
Miren yo voy a entrar Guala tengo la plantilla que me acabo de descargar funcionando en la dirhams y

124
00:10:53,280 --> 00:11:01,980
la dirección y si ustedes se dan cuenta cuando yo escribo índex punto HT HTML es lo mismo.

125
00:11:01,980 --> 00:11:07,790
Para eso sirven los índex vienen a ser los archivos que se ejecutan por defecto.

126
00:11:07,890 --> 00:11:17,370
Cuando entro a una Uré o R.L cuando entro por ejemplo a la página web y a entrar a una página de noticias

127
00:11:17,430 --> 00:11:22,740
de Argentina yo entrar a una página de noticias argentina no habíamos amargar sin sentido podemos entrar

128
00:11:22,740 --> 00:11:24,600
a Samsun puntocom.

129
00:11:24,990 --> 00:11:34,280
Bueno aunque yo no lo puedo ver acá hay un índex no sé si será punto PHP o punto HTML que se está ejecutando.

130
00:11:34,350 --> 00:11:35,980
Bueno por eso ahora.

131
00:11:36,180 --> 00:11:42,600
Por eso ahora simplemente con poner esa parte ya se ejecuta el índex.

132
00:11:42,600 --> 00:11:45,770
Bueno bueno bueno acá van a tener que trabajar ustedes.

133
00:11:45,780 --> 00:11:51,360
Lo voy a hacer una propuesta y el resto espero que lo desarrollen y lo compartan ustedes.

134
00:11:51,360 --> 00:11:57,030
Quiero ver sus compañeros también quieren ver qué hacen qué podemos compartir vamos a aprender.

135
00:11:57,410 --> 00:12:06,620
Bueno acá tengo el Index puntuó HTML y yo voy a aprovechar voy a renombrar el archivo y lo voy a cambiar

136
00:12:06,710 --> 00:12:08,910
a PHP.

137
00:12:09,230 --> 00:12:13,040
Viene un problema menos que esto va a funcionar igual.

138
00:12:13,050 --> 00:12:15,290
Yo calculo que sí presionó Enter.

139
00:12:15,370 --> 00:12:16,300
Perfecto.

140
00:12:16,430 --> 00:12:18,440
Ninguna variación.

141
00:12:18,440 --> 00:12:29,910
Bueno acá tenemos tendríamos que poner calculadora y Emecé para que salga en la pestaña el título.

142
00:12:30,020 --> 00:12:32,930
Miren acá dice vendor.

143
00:12:33,070 --> 00:12:35,350
Dice Link HR-V.

144
00:12:35,420 --> 00:12:42,310
Esta línea es a donde estamos trayendo o vinculando la librería o en realidad el free work.

145
00:12:42,410 --> 00:12:52,870
Bootstrap a esta página vean que es un archivo sé ese es si no se olvidaron todo lo que es CSS.

146
00:12:52,880 --> 00:12:58,380
En realidad está haciendo referencia a archivos de estilo.

147
00:12:58,390 --> 00:13:09,560
Ya vamos a entrar acá ya vamos a entrar sigo ya es ya vamos a entrar CSS y se llama dice Bootstrap.

148
00:13:09,560 --> 00:13:18,830
.1.000 puntos es bueno está lo que se llama minimizado está todo el código uno al lado del otro para

149
00:13:18,830 --> 00:13:20,490
que ocupe menos espacio.

150
00:13:20,490 --> 00:13:26,160
Entonces no quiero entrar ese vamos a entrar a ver acá.

151
00:13:26,270 --> 00:13:33,190
Esta es la versión que no está compacta es más legible la otra versión está para que el sitio cargue

152
00:13:33,190 --> 00:13:41,680
más rápido y pesa menos bueno mira esa persona que decía me acuerdo a mi colega por qué no profundizó

153
00:13:41,820 --> 00:13:44,840
en CSS porque yo quiero desarrollar toda la página.

154
00:13:44,830 --> 00:13:51,460
Bueno en este curso tampoco vamos a aplicar a fondo porque me estás diciendo que te vas a poner a desarrollar

155
00:13:51,460 --> 00:13:55,000
a mano esto vamos a sigo sigo bajando.

156
00:13:55,000 --> 00:14:00,730
Bueno le voy a meter Gass porque me voy a demorar un buen rato si ya vamos por la línea 2000.

157
00:14:00,810 --> 00:14:03,700
Vamos vamos.

158
00:14:03,730 --> 00:14:08,950
No quiero ser malo sé a lo que se refería ese alumno quería aprender nada más que un poco de CSS y se

159
00:14:08,950 --> 00:14:10,730
lo estoy tomando de punto para este ejemplo.

160
00:14:10,930 --> 00:14:18,160
Pero ustedes también me entienden CSS lo básico lo vamos a aprender a la fuerza lo vamos a aprender

161
00:14:18,160 --> 00:14:22,290
si o si porque de tanto trabajar te vas empapando.

162
00:14:22,330 --> 00:14:22,740
Obvio.

163
00:14:22,750 --> 00:14:30,250
Pero yo sigo bajando mientras hablo con voz mostrándote todo el CSS que compone Bootstrap para que ande

164
00:14:30,250 --> 00:14:35,930
así tan lindo como lo vemos que anda todas las opciones que tienen sigo bajando vamos por 7000 líneas.

165
00:14:35,930 --> 00:14:40,300
Bueno es tramposo porque hay muchas líneas en blanco pero no importa son unas cuantas no.

166
00:14:40,420 --> 00:14:43,830
Entonces si nosotros nos vamos a dedicar a hacer todo eso.

167
00:14:43,930 --> 00:14:50,970
Obviamente para nuestra aplicación capaz que se use el 1 por ciento de lo que hay acá pero igual se

168
00:14:51,040 --> 00:14:54,720
viene hecho y por gente que la tiene muy clara.

169
00:14:54,820 --> 00:15:03,740
Entonces bueno en todo caso te quieres dedicar al CSS y bueno te puedes especializar en eso.

170
00:15:03,730 --> 00:15:10,840
Bueno de todos modos quería cumplir con mostrarles lo que hay detrás de semejante herramienta y no son

171
00:15:10,840 --> 00:15:17,650
los únicos archivos y archivos hay mucho más en Bootstrap mucho más bueno.

172
00:15:17,770 --> 00:15:22,860
Así que ya nos queda claro que estamos incorporando todo este framework.

173
00:15:22,930 --> 00:15:33,100
Con esta línea sigo bajando sigo bajando y me encuentro con estas tres palabras que ya me suenan a que

174
00:15:33,100 --> 00:15:35,440
son del menú las tres palabras del menú.

175
00:15:35,440 --> 00:15:38,830
Ya veo esto que dice acá estar vostra también.

176
00:15:38,940 --> 00:15:43,680
Bueno me vuelvo al código y empiezo a buscar bebamos start vostra.

177
00:15:43,760 --> 00:15:45,400
No tienen que decir

178
00:15:48,850 --> 00:15:51,760
calculadora y Emecé.

179
00:15:52,740 --> 00:15:54,370
Bueno lo del menú no lo voy a tocar.

180
00:15:54,370 --> 00:15:55,630
Qué hace el menú.

181
00:15:55,750 --> 00:15:56,560
Se acuerdan.

182
00:15:56,560 --> 00:16:00,720
El menú lo que hace es es trolear la web.

183
00:16:00,720 --> 00:16:05,450
Entonces quiero ver qué se les ocurre a ustedes qué información se puede poner acá.

184
00:16:05,450 --> 00:16:09,630
Ya vamos a ver dónde ponemos la calculadora ahora para este ejemplo simple quiero poner la calculadora

185
00:16:09,630 --> 00:16:17,640
acá pero podría haber información consejos y en base a eso cambiar lo que dice cada uno de los items

186
00:16:17,730 --> 00:16:23,440
del menú cada una de las opciones del resto.

187
00:16:23,440 --> 00:16:27,120
No toco nada porque eso es lo valioso.

188
00:16:28,470 --> 00:16:34,470
Es un problema cuando nos dedicamos a destruir la propuesta que nos hizo la persona que desarrolló esta

189
00:16:34,470 --> 00:16:36,450
plantilla.

190
00:16:36,450 --> 00:16:44,070
Bueno Bienvenidos a escarola lindaba que obviamente si estoy acá vamos a editarlo.

191
00:16:44,120 --> 00:17:00,520
Voy a poner bienvenidos calculadora y Emecé y acá abajo nuestro eslogan no es belleza es salud veamos

192
00:17:00,520 --> 00:17:01,240
cómo luce

193
00:17:06,600 --> 00:17:10,750
me encantó está buenísimo bueno.

194
00:17:11,040 --> 00:17:16,080
Dijimos que íbamos a poner en esta primera sección nuestra calculadora.

195
00:17:16,110 --> 00:17:20,090
Entonces me vuelvo y como dije sección.

196
00:17:20,110 --> 00:17:28,840
Miren a partir del logo del encabezado olvidé mencionar esto dentro de las etiquetas Gelder no confundir

197
00:17:28,840 --> 00:17:38,770
con él Geb con éste a veces nos confundimos dentro del jefe se ponen sobretodo estas inclusiones palabras

198
00:17:38,770 --> 00:17:47,360
claves varias cosas que con el tiempo vamos a ir aprendiendo pero esto es propio ya de Bootstrap.

199
00:17:47,610 --> 00:17:58,730
El Jer con su clase es lo que representa esto que está acá esta parte azul es un encabezado digamos

200
00:17:59,180 --> 00:18:06,560
entonces ahora vienen las secciones que están en etiquetas que oh casualidad se llaman sección.

201
00:18:06,750 --> 00:18:11,450
Bueno cada etiqueta sección Beam que tiene un Heydi.

202
00:18:11,510 --> 00:18:12,550
Para qué usamos.

203
00:18:12,650 --> 00:18:21,290
Y de los IDE sirven para darle una identificación con usos múltiples sobre todo para cuando usamos JavaScript

204
00:18:21,860 --> 00:18:27,520
y hacer alguna operación alguna acción dinámica que necesitemos.

205
00:18:27,560 --> 00:18:33,860
Vamos a ver eso pero por lo pronto yo sé que esto está siendo usado por el menú para que cuando hacemos

206
00:18:33,860 --> 00:18:44,270
clic en Abat lo que hace por detrás un programita en JavaScript es hacer scroll leer la web hasta la

207
00:18:44,270 --> 00:18:47,080
sección que tenga como Heydi Abat.

208
00:18:47,120 --> 00:18:51,370
Así funciona esto de los menúes donde yo hago click en servis.

209
00:18:51,600 --> 00:19:01,800
Le estoy diciendo en este HR-V anda escarola hasta la sección Servicios que está por acá.

210
00:19:01,910 --> 00:19:03,160
Ahí está bueno.

211
00:19:03,200 --> 00:19:07,260
Esta es la primera sección a donde queremos poner la calculadora.

212
00:19:07,580 --> 00:19:17,320
Entonces veamos cómo luce cómo podemos adaptar justo voy a cambiar este título y le voy a poner calculá

213
00:19:17,410 --> 00:19:28,650
tú y M se bueno miren que cada sección tiene un Dib que se llama container muestra son cosas que yo

214
00:19:28,650 --> 00:19:38,250
vi respetando pero acá sí me animo a tocar más se acuerdan de los Dib que les dije que son son divisiones

215
00:19:38,250 --> 00:19:40,830
que yo puedo hacer para uso general.

216
00:19:40,830 --> 00:19:46,860
Bueno lo que sucede es que a cada Viv yo le puedo poner una clase cada clase ya viene presentada por

217
00:19:46,860 --> 00:19:54,960
Bootstrap y por ejemplo las clases vostra de tipo Row quiere sin fila generan eso una fila para agregar

218
00:19:55,110 --> 00:19:56,190
contenido.

219
00:19:56,640 --> 00:20:04,760
Entonces miren si por ejemplo yo puedo copiar todo este pedazo este abre la fila este de acá abajo la

220
00:20:04,760 --> 00:20:05,320
sierra.

221
00:20:05,320 --> 00:20:11,060
Entonces siempre con prolijidad no pueden ni sobrar ni faltarme un Dib que habrá un DIM que cierra tiene

222
00:20:11,060 --> 00:20:13,130
que estar todo con coherencia.

223
00:20:13,130 --> 00:20:15,110
Vuelvo a pegarlo acá lo grabo.

224
00:20:15,110 --> 00:20:24,020
Miren lo que sucede acá actualizo ven y aparecen dos uno abajo del otro en el mismo orden miren esto

225
00:20:24,090 --> 00:20:25,080
qué interesante.

226
00:20:27,660 --> 00:20:30,420
Dentro del rock dentro de la fila estaba va a ser mi fila.

227
00:20:30,660 --> 00:20:34,540
Entonces acabo de separar tengo el contenido.

228
00:20:34,650 --> 00:20:38,430
El contenido está metido en un vip que tiene una clase que se llama Cool.

229
00:20:38,460 --> 00:20:39,770
El eje 8.

230
00:20:39,960 --> 00:20:49,240
Vamos a resumir esto en que vostra ordena las cosas en una especie de GRID o grilla de 12 columnas o

231
00:20:49,240 --> 00:20:53,500
sea desde acá hasta acá hay 12 columnas imaginarias.

232
00:20:53,500 --> 00:21:00,030
Bueno lo que estoy diciendo es que el ancho de este pedazo de acá tiene un ancho de ocho columnas.

233
00:21:00,030 --> 00:21:09,480
Miren esto vamos a ponerlo acá que es de 6 o sea la mitad de dos me vuelvo Bootstrap actualizo y se

234
00:21:09,480 --> 00:21:10,800
achicó.

235
00:21:10,830 --> 00:21:17,570
Miren lo que pasa ahora tengo una fila y este abre y cierra columna.

236
00:21:17,580 --> 00:21:22,440
Entonces dentro de la misma fila voy a poner dos columnas de seis.

237
00:21:23,010 --> 00:21:28,490
Entonces como la total es de 12 tendrían que entrar una al lado de la otra.

238
00:21:28,770 --> 00:21:35,830
Si tuviera que hacer esto yo a puro HTML escrito Jahr codeado sin necesidad de recurrir a Frend Word

239
00:21:36,130 --> 00:21:38,130
y sería trabajoso no lo haría tan rápido.

240
00:21:39,750 --> 00:21:46,460
Esto también me permite que yo puedo poner y miren si es de tres tres por cuatro doce entonces voy a

241
00:21:46,460 --> 00:21:49,090
poder poner cuatro columnas.

242
00:21:49,100 --> 00:21:52,860
Hoy puse las cuatro creo que con dos se entiende.

243
00:21:53,040 --> 00:22:02,270
Ahí tenemos Virenque práctico bueno así de a poco van a ir aprendiendo cada una de las clases y de las

244
00:22:02,270 --> 00:22:04,500
utilidades.

245
00:22:04,570 --> 00:22:06,710
Bueno volvamos a que teníamos una ocho.

246
00:22:06,720 --> 00:22:07,970
Yo esto no lo quiero tocar.

247
00:22:08,000 --> 00:22:14,420
El título está en un H2 de estas etiquetas pe determinan un párrafo.

248
00:22:14,450 --> 00:22:23,720
Entonces dejan un espacio para abajo estas etiquetas o l contienen adentro una lista y cada elemento

249
00:22:23,720 --> 00:22:27,580
de la lista la tengo que poner un Lehi que abre y otro que cierra.

250
00:22:27,780 --> 00:22:35,770
Miren el huele abre acá el huele cierra acá este huele lo que contiene esta lista voy a actualizar porque

251
00:22:36,050 --> 00:22:42,850
ahí está es esta lista de acá ven cuatro puntitos por cada L'Illa te aparece el puntito miren qué fácil.

252
00:22:43,400 --> 00:22:56,880
Bueno yo no voy a necesitar este huele pero si calcula tu VMS acá podemos poner algunos consejos de

253
00:22:56,880 --> 00:23:04,470
cómo pesarse y medirse para que hagas algo que se me ocurre a ver

254
00:23:07,640 --> 00:23:15,410
a mi me gusta me gusta como hackeando y acá a donde estaban el contenido el LQ.

255
00:23:15,750 --> 00:23:19,290
Vamos a poner nuestra calculadora propiamente dicha.

256
00:23:19,290 --> 00:23:23,940
Entonces voy a venir al archivo y Emecé punto PHP.

257
00:23:23,940 --> 00:23:29,550
Se acuerdan a donde teníamos la calculadora y vamos a poner.

258
00:23:29,550 --> 00:23:32,550
Por lo pronto el formulario.

259
00:23:32,770 --> 00:23:38,170
Vamos a ver qué hacemos con copias solamente el formulario.

260
00:23:38,210 --> 00:23:45,160
Acá me equivoqué y me vengo a índex acá a dónde va el contenido pego el formulario ahí lo tengo.

261
00:23:45,160 --> 00:23:52,390
Lo primero que debía tener cambiar antes de que me olvide es esto porque no apunta ahora a m se tiene

262
00:23:52,390 --> 00:23:54,730
que apuntar a nosotros mismos.

263
00:23:54,730 --> 00:23:57,190
Nuestro archivo es índex punto PHP.

264
00:23:57,190 --> 00:23:59,960
No se preocupen ya vamos a peor arriba de la parte del PHP.

265
00:24:00,220 --> 00:24:06,550
Pero por ahora vamos a hacer el HTML índex junto a PHP porque esto está llevando tiempo porque es mucho

266
00:24:06,550 --> 00:24:09,760
trabajo estamos haciendo nuestra primera aplicación en serio.

267
00:24:09,760 --> 00:24:11,100
Paciencia.

268
00:24:11,350 --> 00:24:18,660
Bueno miren qué lindo se ve ahora la red que me gusta mucho pero esto podríamos mejorarlo.

269
00:24:18,670 --> 00:24:25,180
Me iba a venir acá donde tenía todas las plantillas y a ver si me puedo robar algo de acá de otro ejemplo

270
00:24:25,830 --> 00:24:29,200
a ver denme un segundo por favor.

271
00:24:29,200 --> 00:24:35,530
Estoy viendo algo acá interesante vamos a ver el previo voy a ingresar al preview para verlo en vivo.

272
00:24:40,020 --> 00:24:46,350
La verdad me está gustando un poco esta caja más que lo que tenemos toda esta caja

273
00:24:49,140 --> 00:24:51,290
a ver si le podemos aprovechar.

274
00:24:51,350 --> 00:24:54,030
Voy a ver vamos a hacer click derecho.

275
00:24:54,040 --> 00:24:56,360
Lo voy a hacer por acá.

276
00:24:56,400 --> 00:24:58,040
Inspeccionar.

277
00:24:58,050 --> 00:25:06,610
Voy a ver el código y miren si voy pasando se va pintando a mi izquierda acá verán qué parte estoy seleccionando.

278
00:25:07,120 --> 00:25:13,580
Entonces como tengo costumbre y ustedes están bien porque vienen de ver esta misma plantilla en otra

279
00:25:13,580 --> 00:25:18,810
versión a ver a ver quiero seleccionar toda esta

280
00:25:21,700 --> 00:25:24,230
este es el título.

281
00:25:24,230 --> 00:25:32,030
Esta es la columna entera no lo quiero ver bueno creo que si copio esta parte va a estar bien voy a

282
00:25:32,030 --> 00:25:33,800
dar click derecho acá.

283
00:25:33,800 --> 00:25:39,080
EDIT as HTML y acá tengo todo el código que necesito.

284
00:25:39,080 --> 00:25:45,630
Lo voy a copiar aunque hayamos trabajado más sin necesidad esto no me importa.

285
00:25:48,120 --> 00:25:51,420
Acá a ver si es donde lo quiero.

286
00:25:51,530 --> 00:25:55,270
Voy a reemplazar la columna No a donde empieza el título.

287
00:25:55,290 --> 00:25:57,950
Aquí es donde Terme el formulario.

288
00:25:57,960 --> 00:26:04,600
Ahí está déjenlo limpio a donde empieza la columna y la que cierra en el medio vacío.

289
00:26:04,600 --> 00:26:07,500
Y acá voy a pegar esto que acabo de rescatar.

290
00:26:07,500 --> 00:26:09,900
Bueno veamos que sucede.

291
00:26:10,620 --> 00:26:15,080
Volvamos a nuestro proyecto.

292
00:26:15,360 --> 00:26:19,780
Esto me gusta esto me gusta.

293
00:26:20,580 --> 00:26:23,820
Entonces volvamos a nuestro código

294
00:26:26,730 --> 00:26:34,620
no sé si tengo muy agrandado esto si lo que sí se ve demasiado grande a esta este rectángulo que tenemos

295
00:26:34,620 --> 00:26:38,960
acá tiene una imagen para poner acá arriba de esta caja.

296
00:26:39,340 --> 00:26:45,860
Entonces bueno yo voy a agarrar y me voy a buscar una imagen buena salud

297
00:26:50,590 --> 00:27:00,210
a ver qué imagen puede ser vamos a buscar esta o es de muy poca resolución quizás veamos otra a ver

298
00:27:01,650 --> 00:27:05,140
que puede ser esta

299
00:27:09,060 --> 00:27:12,150
cargó la voy a guardar guardar el vínculo cómo

300
00:27:17,780 --> 00:27:25,910
me equivoqué no es el vínculo es la imagen que guarda mi imagen cómo lo vamos a poner salud y vamos

301
00:27:25,910 --> 00:27:33,360
a guardarla por ahora la voy a guardar en el escritorio y la voy a la voy a copiar acá la tengo en el

302
00:27:33,360 --> 00:27:40,290
escritorio la copio copio la imagen mojarle copiar no lo pueden ver porque yo tengo un costado pero

303
00:27:40,410 --> 00:27:42,030
sé que ustedes no van a tener problema.

304
00:27:43,840 --> 00:27:51,050
Y vamos a grabarlo a ver en la carpeta y Emecé y hombe la verga vamos a grabarlo vamos a crear una nueva

305
00:27:51,050 --> 00:28:02,430
carpeta y le vamos a poner imágenes y acá dentro de imágenes Grandal para que vean acá adentro imágenes.

306
00:28:02,460 --> 00:28:05,720
Vamos a pegar la foto.

307
00:28:05,750 --> 00:28:07,700
Salud puntos JPG.

308
00:28:08,090 --> 00:28:16,020
Entonces ahora me puedo volver y acá a donde vamos a donde se pone la dirección de esta etiqueta.

309
00:28:16,910 --> 00:28:24,770
Recuerden las etiquetas y M.G. que no tienen son una de las pocas que no tienen etiqueta de cierre tienen

310
00:28:24,950 --> 00:28:31,010
una propiedad que es SRC un atributo a donde yo pongo a donde está guardada la imagen.

311
00:28:31,010 --> 00:28:39,040
En este caso está guardada en nuestro propio servidor y puedo poner algo así como ya directamente a

312
00:28:39,040 --> 00:28:43,340
ver si es así salud punto.

313
00:28:43,350 --> 00:28:46,820
JPG miren cómo queda

314
00:28:50,620 --> 00:28:54,380
muy bueno ahora vamos a poner la calculadora acá.

315
00:28:54,400 --> 00:29:00,400
Ahora sí voy a copiar el formulario me vuelvo de este lado.

316
00:29:04,030 --> 00:29:09,550
Ahora me olvidaba de poner acá calcula tu y Emecé.

317
00:29:09,850 --> 00:29:13,850
Nuestro eslogan nuestro eslogan

318
00:29:17,600 --> 00:29:27,310
Esto es todo el texto de la tarjeta así que acá vamos a poner el eslogan que era no es belleza es salud.

319
00:29:27,350 --> 00:29:29,030
Vamos viendo como queda

320
00:29:32,310 --> 00:29:41,210
bueno está bueno y este es el botón lea más el botón azul que está más abajo.

321
00:29:41,310 --> 00:29:47,280
A mí esto no me interesa demasiado por ahora pero hay algo que sí me interesa el botón pego el formulario

322
00:29:47,640 --> 00:29:55,730
pego el formulario el formulario y veo como queda ver Guau qué bueno que está quedando a mi me gusta.

323
00:29:55,720 --> 00:29:57,700
Ustedes me contaron si les gustó o no.

324
00:29:57,910 --> 00:30:03,400
Qué feo que es mi botón Y qué lindo que está este botón de acá abajo porque este botón es de Bootstrap.

325
00:30:03,430 --> 00:30:08,060
Entonces voy a venir acá y le vamos a robar el botón A ESTA GENTE.

326
00:30:09,430 --> 00:30:12,780
Miren dice es un link en Reddit.

327
00:30:12,790 --> 00:30:20,920
En realidad el botón las etiquetas a son links para que apunte a una R.L que yo tengo que poner en el

328
00:30:20,920 --> 00:30:24,510
HR-V HR-V es a donde voy a ponerla.

329
00:30:24,660 --> 00:30:33,390
R.L de este link yo acá puedo poner por ejemplo HTTPS dos barra no sea una página local Cadena 3 junto

330
00:30:33,390 --> 00:30:34,390
con puntuará.

331
00:30:34,990 --> 00:30:38,570
Entonces ahora si lo refresco era

332
00:30:45,950 --> 00:30:51,500
a mi me llevó a la web en cuestión que yo puse en el link vuelvo

333
00:30:55,200 --> 00:31:00,000
no me interesa nada de esto pero si me interesa la clase que le aplicaron a este link para que parezca

334
00:31:00,570 --> 00:31:09,300
un botón así redondito azul muy bueno estaba entonces copiar toda la clase y esto se lo voy a poner

335
00:31:09,780 --> 00:31:10,750
a nuestro botón.

336
00:31:10,740 --> 00:31:14,840
A este imput de tipo submit por acá le da.

337
00:31:14,870 --> 00:31:16,530
Es más apropiado ponerselo que adelante

338
00:31:19,310 --> 00:31:20,520
veamos cómo queda esto.

339
00:31:23,080 --> 00:31:24,470
Wow está muy bueno

340
00:31:27,480 --> 00:31:29,040
esto no lo necesito.

341
00:31:32,550 --> 00:31:41,430
Vamos a bajar acá voy a poner prolijamente un Verea ahí porque ya no me gusta tanto el botón A la derecha.

342
00:31:41,430 --> 00:31:47,880
Incluso le vamos a poner uno más y yo disfruto muchísimo con ustedes porque no hago más que mostrar

343
00:31:48,240 --> 00:31:55,410
cómo programo todos los días cómo armo los paneles y las web de mis emprendimientos con los que me gano

344
00:31:55,410 --> 00:32:01,830
la vida así paso a paso porque la realidad no es como muchas veces se da en los cursos que es todo compacto

345
00:32:01,830 --> 00:32:05,170
y así mediocre como por arte de magia.

346
00:32:05,350 --> 00:32:11,200
Bueno esto de acá abajo Miren

347
00:32:14,760 --> 00:32:24,300
podemos poner con consulta más información es un ejemplo quiero ver qué se te ocurre o qué pensás que

348
00:32:24,300 --> 00:32:28,290
es más apropiado poner acá en y acá voy a poner un link

349
00:32:33,610 --> 00:32:42,240
clínica Salud y acá iría la dirección de doble WWD clínica Salud puntocom.

350
00:32:42,240 --> 00:32:46,100
No se olviden que importante que es el marketing de contenido.

351
00:32:46,290 --> 00:32:55,050
Estas son ideas que le pueden dar Uds. a sus clientes de decir hoy clínica vos podés ofrecer a tus futuros

352
00:32:55,050 --> 00:33:01,830
usuarios a tus futuros pacientes a tus actuales pacientes la posibilidad de que calculen Swain y Emecé

353
00:33:02,070 --> 00:33:04,680
y si necesitan hacer una consulta.

354
00:33:04,680 --> 00:33:08,030
Bueno la verdad que a mí esto me está encantando.

355
00:33:08,100 --> 00:33:11,290
Bueno sigamos avanzando.

356
00:33:11,290 --> 00:33:18,970
Si vamos avanzando debes saber que puedes y debes si consideras necesario hacer pausa en cualquier momento

357
00:33:19,240 --> 00:33:20,750
y seguir más adelante.

358
00:33:20,770 --> 00:33:25,720
Sé que esta clase es larga sé que te estoy demandando un esfuerzo Bueno de eso se trata.

359
00:33:25,740 --> 00:33:33,040
Bueno no nos olvidemos no nos olvidemos que acá tiene que aparecer el resultado me gustaría que aparezca

360
00:33:33,040 --> 00:33:36,480
acá no más abajo que cambió algo.

361
00:33:36,490 --> 00:33:44,560
Si recién se acerca Gaby y ella me preguntó si yo estaba enseñando con un ejemplo de recetas de cocina

362
00:33:44,590 --> 00:33:45,670
por la foto que tenía antes.

363
00:33:45,670 --> 00:33:50,590
La verdad me ofendió me hirió el alma y por eso cambié la imagen.

364
00:33:50,590 --> 00:33:57,540
Voy a volver y cómo podemos hacer para que aparezca acá.

365
00:33:57,570 --> 00:34:04,380
Bueno identifiquemos qué es esta caja en donde la tenemos acá en el código.

366
00:34:04,380 --> 00:34:15,610
Veamos veamos que estamos acá estamos a donde tenemos el Forum es donde yo al lado quiero que aparezca

367
00:34:15,730 --> 00:34:16,960
el resultado.

368
00:34:16,960 --> 00:34:25,030
Entonces miren me voy a valer de esto esto que hacía una columna de tamaño 8 yo tengo una gran columna

369
00:34:25,030 --> 00:34:34,000
de tamaño 8 hecha con 8 columnita pequeñas que determina el tamaño de todo este ancho todo este ancho.

370
00:34:34,420 --> 00:34:40,690
Entonces se me ocurre volver a establecer un sistema de columnas dentro de este espacio cada vez que

371
00:34:40,690 --> 00:34:45,310
yo tengo un sistema de columnas dentro de otro sistema de columnas aquí adentro se vuelven a generar

372
00:34:45,430 --> 00:34:55,760
12 columnas imaginarias pequeñas y si yo pudiera voy a colocar dos columnas de seis bueno mi universo

373
00:34:55,850 --> 00:34:59,470
lo delimita la columna principal de 8.

374
00:34:59,930 --> 00:35:06,920
Entonces lo vamos a entender mejor con un ejemplo voy a copiar esto lo voy a reciclar acá a partir de

375
00:35:06,920 --> 00:35:14,480
aquí verá ahora si esto no esto lo voy a borrar no lo necesito.

376
00:35:14,550 --> 00:35:22,670
Esta una columna de 8 esta columna no la quiero de 8 lo voy a querer de 6 acá necesito una etiqueta

377
00:35:22,760 --> 00:35:31,620
de cierre bien y acá de copiar y pegar y ahí tengo la otra columna.

378
00:35:31,730 --> 00:35:32,660
Como sé esto.

379
00:35:32,660 --> 00:35:39,910
Miren vamos a poner cualquier cosa acá adentro y vamos a poner cualquier cosa acá adentro grabo

380
00:35:44,460 --> 00:35:47,900
y como ven no obtuvimos lo que esperábamos.

381
00:35:47,960 --> 00:35:48,630
Por qué.

382
00:35:48,640 --> 00:35:54,710
Por qué los sistemas de columnas se establecen siempre dentro dentro de etiquetas.

383
00:35:54,760 --> 00:36:01,140
Yo primero tengo que generar adentro del espacio a donde quiero poner las columnas una fila.

384
00:36:01,210 --> 00:36:03,040
Entonces vamos a poner Dir..

385
00:36:03,160 --> 00:36:08,710
Ya me prepara vez abre y cierra el Elim clase fila un robo.

386
00:36:09,070 --> 00:36:13,720
Bueno esto tiene que ir un poquito más adentro porque estamos inventando ordenando el código.

387
00:36:14,050 --> 00:36:17,170
Si lo dejara como estaban igual pero es para que quede ordenado nada más.

388
00:36:17,170 --> 00:36:24,360
Entonces ahora si estas dos columnas las voy a cortar y las voy a meter adentro de la fila olvídense

389
00:36:24,370 --> 00:36:25,370
del formulario.

390
00:36:25,660 --> 00:36:33,260
Veamos estas dos columnas a esta vuelvo voy a actualizar qué tengo acá.

391
00:36:33,380 --> 00:36:45,270
Ahora si dos columnas listo puedo sacarlas X que puse como prueba entonces ahora sí yo voy a poner el

392
00:36:45,270 --> 00:36:49,050
formulario que tan lindo nos quedó acá adentro.

393
00:36:49,070 --> 00:36:55,920
Miren ya me lo pone inventado a Tom un poquito más adentro y acá vamos a poner algo de momento una prueba

394
00:36:55,920 --> 00:36:57,400
al resultado.

395
00:36:57,420 --> 00:37:00,470
Bla bla bla listo.

396
00:37:01,930 --> 00:37:03,800
Dentro de la segunda columna.

397
00:37:03,820 --> 00:37:04,940
A ver si esto está mal.

398
00:37:04,950 --> 00:37:07,190
No acá me equivoqué.

399
00:37:07,510 --> 00:37:07,840
Hay

400
00:37:11,830 --> 00:37:12,760
ahora si Tordera.

401
00:37:13,580 --> 00:37:18,230
Entonces voy a dejar algunos espacios que por lo general no se dejan pero quiero que se note.

402
00:37:19,940 --> 00:37:23,680
A donde yo determiné que tendrían que ir estas dos columnas.

403
00:37:23,680 --> 00:37:29,850
Bueno primera tarea abro y cierro una Rou una fila un div de tipo fila.

404
00:37:30,150 --> 00:37:36,750
Dentro de esa fila voy a generar dos columnas imaginarias para llenarlas con datos y que se vuelvan

405
00:37:36,750 --> 00:37:37,390
reales.

406
00:37:37,470 --> 00:37:39,650
En la primera columna el formulario.

407
00:37:39,750 --> 00:37:42,060
En la segunda el resultado del cálculo.

408
00:37:42,840 --> 00:37:44,160
Vamos a probar si esto funciona.

409
00:37:47,120 --> 00:37:49,380
Es otra cosa esto es otra cosa.

410
00:37:49,520 --> 00:37:56,400
La verdad que me gusta muchísimo cómo está quedando bueno entonces ahora vamos a trabajar un poquito

411
00:37:56,400 --> 00:37:56,810
más

412
00:37:59,720 --> 00:38:04,550
voy a venir acá y voy a copiar todo el código PHP.

413
00:38:04,790 --> 00:38:07,790
Lo copio vengo acá arriba.

414
00:38:07,900 --> 00:38:10,450
Voy a abrir un poco de espacio.

415
00:38:10,850 --> 00:38:13,630
Ahí está y lo vamos a pegar.

416
00:38:13,630 --> 00:38:16,660
Ya tenemos arriba todo el código PHP.

417
00:38:16,900 --> 00:38:18,310
Tendríamos que cambiar algo acá.

418
00:38:18,340 --> 00:38:26,020
Creo que no me vuelvo de este lado y vamos a reciclar esta parte vamos.

419
00:38:26,020 --> 00:38:34,800
Esto es el resultado bueno pero yo lo corte no quiero romper nada acá lo volví a dejar donde venía el

420
00:38:34,800 --> 00:38:39,500
resultado acá bajamos acá en la segunda columna

421
00:38:42,080 --> 00:38:44,360
veamos cómo funciona esto.

422
00:38:44,360 --> 00:38:53,940
Voy a actualizar a ver ya desapareció probemos nuestro invento 80 Mi altura es de unos 75

423
00:38:57,120 --> 00:38:58,600
algo funciona mal.

424
00:38:58,790 --> 00:39:09,750
Un motivo me apuntó al viejo y Emecé nos habremos equivocado hay un error clásico Sí sí claro que nos

425
00:39:09,750 --> 00:39:10,590
equivocamos.

426
00:39:10,620 --> 00:39:14,740
Acá es índex punto PHP.

427
00:39:14,820 --> 00:39:24,810
Ahí estaba el error me vuelvo para atrás actualizo y vamos de nuevo 80 kilos 1.75

428
00:39:27,350 --> 00:39:29,300
qué tal cómo lo ven.

429
00:39:29,300 --> 00:39:40,110
El resultado apareció al lado increible vamos con 72 kilos uno con 75

430
00:39:42,610 --> 00:39:43,720
y ahí tenemos el resultado.

431
00:39:43,720 --> 00:39:47,190
La verdad que estoy muy contento con lo que hemos logrado.

432
00:39:47,320 --> 00:39:51,190
Espero que a ustedes también les parezca lo mismo.

433
00:39:51,250 --> 00:39:58,930
Me encantaría leer también cómo se sienten creando una aplicación de que en poco tiempo ya excedió ese

434
00:39:58,930 --> 00:39:59,560
ejemplo.

435
00:39:59,590 --> 00:40:07,840
Lo que sí es muy útil pero triste aburrido seguir mucho tiempo haciendo ejemplos o proyectos a donde

436
00:40:07,840 --> 00:40:14,670
sólo usamos HTML plano no le ponemos nada de vida así te dan más ganas de seguir adelante.

437
00:40:14,690 --> 00:40:20,380
Bueno seguramente si se me ocurre algo nuevo se lo vamos a ir agregando pero por acá terminamos esta

438
00:40:20,380 --> 00:40:26,050
clase que sin lugar a duda ha sido un desafío para mí desde luego.

439
00:40:26,050 --> 00:40:31,740
Y para vos también por ponerle tanto empeño y tiempo y paciencia.

440
00:40:31,750 --> 00:40:33,070
Muchísimas gracias.

441
00:40:33,070 --> 00:40:33,960
Nos vemos en las siguientes.