1 00:00:01,200 --> 00:00:03,310 ‫Instructor: Ahora hagamos la primera parte 2 00:00:03,310 --> 00:00:06,860 ‫de la creación del sitio web de la granja de nodos 3 00:00:06,860 --> 00:00:08,830 ‫dinámica con solo crear 4 00:00:08,830 --> 00:00:11,083 ‫las plantillas que contendrán los datos reales. 5 00:00:12,890 --> 00:00:15,590 ‫Y recuerde que nuestro objetivo es construir este 6 00:00:15,590 --> 00:00:19,260 ‫tipo de sitio web dinámico donde tenemos una descripción general donde 7 00:00:19,260 --> 00:00:21,130 ‫tenemos todos los productos, y 8 00:00:21,130 --> 00:00:24,060 ‫luego cada producto tiene su página de detalles tal 9 00:00:24,060 --> 00:00:25,700 ‫como les mostré antes. 10 00:00:25,700 --> 00:00:29,780 ‫Y estos datos aquí, por supuesto, se leen del archivo json, por lo 11 00:00:29,780 --> 00:00:32,660 ‫que si cambiamos el archivo json, por ejemplo, eliminando 12 00:00:32,660 --> 00:00:36,140 ‫uno de estos productos y luego volviendo a cargar esta 13 00:00:36,140 --> 00:00:38,920 ‫página, ese producto debería desaparecer de aquí. 14 00:00:38,920 --> 00:00:42,340 ‫O si cambiamos algunos de estos datos aquí o el 15 00:00:42,340 --> 00:00:45,600 ‫nombre, bueno, eso debería actualizarse aquí en el sitio. 16 00:00:45,600 --> 00:00:47,940 ‫Nuevamente, porque es un sitio web dinámico creado 17 00:00:47,940 --> 00:00:51,073 ‫a partir de los datos que se encuentran en el archivo json. 18 00:00:51,930 --> 00:00:52,830 ‫Entonces, como 19 00:00:52,830 --> 00:00:55,540 ‫mencioné, el primer paso es crear estas plantillas, 20 00:00:55,540 --> 00:00:57,930 ‫una para esta página de descripción general 21 00:00:57,930 --> 00:01:00,960 ‫y otra para la página de detalles del producto. 22 00:01:00,960 --> 00:01:03,773 ‫Y comenzaremos con la página de detalles, y construiré 23 00:01:04,990 --> 00:01:06,540 ‫estas plantillas basadas 24 00:01:06,540 --> 00:01:09,250 ‫en estas páginas web de datos que tenemos 25 00:01:09,250 --> 00:01:11,220 ‫aquí en la carpeta de plantillas. 26 00:01:11,220 --> 00:01:12,850 ‫Así que echémosle un vistazo. 27 00:01:12,850 --> 00:01:16,030 ‫Tenemos una descripción general y un producto, y nuevamente, 28 00:01:16,030 --> 00:01:19,610 ‫comenzaremos con el producto. html. 29 00:01:19,610 --> 00:01:22,950 ‫Entonces tenemos aquí el nombre del producto y luego esta 30 00:01:22,950 --> 00:01:26,923 ‫imagen aquí que en realidad es un emoji, pero eso realmente no importa. 31 00:01:27,880 --> 00:01:30,210 ‫Entonces, en lugar de tener que solicitar 32 00:01:30,210 --> 00:01:33,000 ‫las imágenes reales para todos estos productos diferentes, 33 00:01:33,000 --> 00:01:34,590 ‫elegí simplemente usar emojis. 34 00:01:34,590 --> 00:01:36,210 ‫Eso es mucho más fácil. 35 00:01:36,210 --> 00:01:37,860 ‫Lo mismo en realidad para el estilo. 36 00:01:37,860 --> 00:01:42,040 ‫Así que tengo todo el estilo CSS integrado en las páginas html 37 00:01:42,040 --> 00:01:44,470 ‫para que no tengamos que hacer 38 00:01:44,470 --> 00:01:47,500 ‫múltiples solicitudes para obtener estos datos diferentes, ¿verdad? 39 00:01:47,500 --> 00:01:48,450 ‫Porque en 40 00:01:48,450 --> 00:01:53,144 ‫realidad, cada archivo diferente desencadenará una solicitud diferente, ¿de acuerdo? 41 00:01:53,144 --> 00:01:55,860 ‫Recuerda antes donde teníamos la solicitud del 42 00:01:55,860 --> 00:01:58,090 ‫icono de los cinco, ¿verdad? 43 00:01:58,090 --> 00:02:02,160 ‫Entonces vimos una solicitud para la raíz, entonces para la página principal, y 44 00:02:02,160 --> 00:02:05,640 ‫luego una solicitud para esa imagen, y lo que eso significa 45 00:02:05,640 --> 00:02:06,920 ‫es que cada activo, 46 00:02:06,920 --> 00:02:09,600 ‫por lo que cada pieza que es parte 47 00:02:09,600 --> 00:02:10,670 ‫del sitio 48 00:02:10,670 --> 00:02:13,540 ‫web, obtendrá su propia solicitud, y nosotros luego tendremos 49 00:02:13,540 --> 00:02:14,970 ‫que manejar eso, y 50 00:02:14,970 --> 00:02:19,533 ‫no queremos hacer eso, así que simplemente incluí el estilo en estas páginas html. 51 00:02:20,560 --> 00:02:25,560 ‫Muy bien, aquí hay un montón de estilo, estilo, estilo, y 52 00:02:26,210 --> 00:02:29,073 ‫luego aquí tenemos el, bueno, 53 00:02:29,980 --> 00:02:33,053 ‫el nombre del producto en alguna parte. 54 00:02:33,053 --> 00:02:35,090 ‫Ah, sí, aquí está el nombre del producto. 55 00:02:35,090 --> 00:02:38,270 ‫Aquí está la imagen del producto, que 56 00:02:38,270 --> 00:02:42,930 ‫nuevamente es solo un emoji, pero proviene de este campo de imagen. 57 00:02:42,930 --> 00:02:44,693 ‫Entonces tenemos este campo llamado imagen. 58 00:02:46,740 --> 00:02:47,630 ‫¿Derecha? 59 00:02:47,630 --> 00:02:51,780 ‫Luego tenemos de dónde viene, algunos de los ingredientes 60 00:02:51,780 --> 00:02:56,257 ‫y el precio, y también la descripción aquí abajo, ¿de acuerdo? 61 00:02:56,257 --> 00:02:59,000 ‫Pero nuevamente, todo esto proviene de estos diferentes campos. 62 00:02:59,000 --> 00:03:01,310 ‫Así que echemos un vistazo a los campos que tenemos. 63 00:03:01,310 --> 00:03:06,037 ‫Entonces, nombre del producto, imagen, origen, nutrientes, cantidad, precio, ya sea 64 00:03:07,280 --> 00:03:10,323 ‫orgánico o no, y la descripción. 65 00:03:11,630 --> 00:03:14,890 ‫Entonces, lo que vamos a hacer ahora es 66 00:03:14,890 --> 00:03:18,460 ‫básicamente reemplazar todas estas piezas que queremos agregar dinámicamente 67 00:03:18,460 --> 00:03:21,260 ‫con un marcador de posición, y 68 00:03:21,260 --> 00:03:24,320 ‫luego, con nuestro código, reemplazaremos ese marcador de 69 00:03:24,320 --> 00:03:27,750 ‫posición con la pieza real de datos, ¿de acuerdo? 70 00:03:27,750 --> 00:03:30,700 ‫Entonces, comencemos aquí con el nombre del producto, así 71 00:03:30,700 --> 00:03:32,887 ‫que continuaré y eliminaré eso y 72 00:03:32,887 --> 00:03:35,330 ‫luego colocaré un marcador de posición aquí. 73 00:03:35,330 --> 00:03:38,560 ‫Y puedo hacer todo lo que quiera como marcador de posición. 74 00:03:38,560 --> 00:03:42,730 ‫Solo me gusta ir en este caso con algo como esto. 75 00:03:42,730 --> 00:03:43,563 ‫Entonces... 76 00:03:45,930 --> 00:03:50,930 ‫Nombre del producto, luego porcentaje y luego las llaves. 77 00:03:51,050 --> 00:03:53,740 ‫De nuevo, esto podría ser cualquier cosa 78 00:03:53,740 --> 00:03:55,270 ‫que quisiéramos, pero 79 00:03:55,270 --> 00:03:57,660 ‫queremos encontrar algo que probablemente 80 00:03:57,660 --> 00:04:00,620 ‫no esté en la página para no reemplazar 81 00:04:00,620 --> 00:04:05,120 ‫nada incorrecto, por lo que en realidad no queremos reemplazar, ¿de acuerdo? 82 00:04:05,120 --> 00:04:08,570 ‫Y podría poner algo como esto aquí, ¿de acuerdo? 83 00:04:08,570 --> 00:04:12,260 ‫Y luego reemplace todo eso, pero creo que, así, se 84 00:04:12,260 --> 00:04:15,383 ‫ve bien y es fácil de reconocer. 85 00:04:16,460 --> 00:04:19,550 ‫Entonces, todo lo que tenemos que hacer 86 00:04:21,290 --> 00:04:23,630 ‫es seguir adelante y poner 87 00:04:23,630 --> 00:04:28,050 ‫todo esto aquí, y luego reemplazaré, por supuesto, estos nombres. 88 00:04:28,050 --> 00:04:29,963 ‫Entonces aquí tenemos los nutrientes. 89 00:04:32,750 --> 00:04:35,133 ‫Aquí tenemos la cantidad. 90 00:04:37,380 --> 00:04:39,293 ‫Y aquí tengo el precio. 91 00:04:41,450 --> 00:04:43,673 ‫Aquí abajo tenemos el precio de nuevo. 92 00:04:45,410 --> 00:04:48,380 ‫Y el precio es solo el número, ¿de acuerdo? 93 00:04:48,380 --> 00:04:51,280 ‫El signo del euro aquí simplemente se queda 94 00:04:51,280 --> 00:04:55,630 ‫ahí porque el precio que tenemos es en realidad solo un número. 95 00:04:55,630 --> 00:04:59,470 ‫Echemos un vistazo a eso aquí en json. 96 00:04:59,470 --> 00:05:02,840 ‫Así que solo tenemos 6. 50 pero no la moneda. 97 00:05:02,840 --> 00:05:07,240 ‫Y en realidad lo mismo aquí, así que tomemos eso y 98 00:05:07,240 --> 00:05:10,510 ‫copiemos aquí muy rápido, y sí, en realidad, 99 00:05:10,510 --> 00:05:12,960 ‫olvidé reemplazar este, así que este 100 00:05:12,960 --> 00:05:14,763 ‫es el de. 101 00:05:16,920 --> 00:05:21,440 ‫Y de hecho escribamos desde, no en mayúsculas, para que este texto 102 00:05:21,440 --> 00:05:23,850 ‫tenga un poco más de sentido. 103 00:05:23,850 --> 00:05:28,320 ‫Así, por ejemplo, de Portugal o de España o lo que sea. 104 00:05:28,320 --> 00:05:29,643 ‫Oh, ¿qué es eso de aquí? 105 00:05:30,970 --> 00:05:35,380 ‫Bien, supongo que acabo de escribir en medio del nombre del producto. 106 00:05:35,380 --> 00:05:36,363 ‫Entonces nutrientes. 107 00:05:39,861 --> 00:05:40,694 ‫Bueno. 108 00:05:40,694 --> 00:05:44,030 ‫Ah, y aquí abajo tenemos, por supuesto, la descripción, así que 109 00:05:44,030 --> 00:05:45,320 ‫reemplacemos eso también. 110 00:05:45,320 --> 00:05:49,020 ‫Oh, por supuesto que necesito recuperar 111 00:05:49,980 --> 00:05:50,820 ‫este 112 00:05:51,850 --> 00:05:53,573 ‫y la descripción. 113 00:05:55,210 --> 00:05:58,963 ‫A continuación, tenemos estas imágenes, entonces el aguacate, y 114 00:06:00,070 --> 00:06:03,050 ‫entonces presiono un par de comandos V, 115 00:06:03,050 --> 00:06:07,060 ‫pegando esto aquí, y así puedo editarlos aquí todos al 116 00:06:07,060 --> 00:06:08,363 ‫mismo tiempo. 117 00:06:11,660 --> 00:06:16,660 ‫Bien, luego imagen y, oh, algo aquí en el título. 118 00:06:16,680 --> 00:06:20,500 ‫También queremos reemplazar la imagen aquí y también el 119 00:06:20,500 --> 00:06:22,083 ‫nombre del producto. 120 00:06:23,030 --> 00:06:23,963 ‫Entonces. 121 00:06:27,510 --> 00:06:28,650 ‫Nombre del 122 00:06:29,930 --> 00:06:31,640 ‫producto aquí y 123 00:06:31,640 --> 00:06:36,640 ‫aquí la imagen para que este también se reemplace dinámicamente. 124 00:06:36,840 --> 00:06:39,550 ‫Muy bien, ahora solo una cosa más que es 125 00:06:40,890 --> 00:06:42,563 ‫un poco más compleja. 126 00:06:43,870 --> 00:06:44,980 ‫¿Dónde está? 127 00:06:44,980 --> 00:06:46,290 ‫Está bien, está aquí. 128 00:06:46,290 --> 00:06:49,860 ‫Entonces, algunos productos son orgánicos y otros no. 129 00:06:49,860 --> 00:06:53,210 ‫Entonces, hay una clase en el CSS que 130 00:06:53,210 --> 00:06:58,200 ‫se agregará a todos estos elementos cuando no sean orgánicos, ¿de acuerdo? 131 00:06:58,200 --> 00:07:00,430 ‫Así que esa es esta clase aquí. 132 00:07:00,430 --> 00:07:03,680 ‫Entonces, cuando no es orgánico, entonces no debería mostrarse, por lo 133 00:07:03,680 --> 00:07:05,383 ‫que esta insignia orgánica aquí. 134 00:07:06,460 --> 00:07:08,930 ‫Y solo para mostrarte de lo que 135 00:07:08,930 --> 00:07:12,790 ‫estoy hablando, la insignia orgánica es esta cosa aquí, ¿de acuerdo? 136 00:07:12,790 --> 00:07:14,830 ‫Entonces no queremos mostrar eso 137 00:07:14,830 --> 00:07:19,530 ‫en caso de que sea falso en el json, entonces lo que vamos 138 00:07:19,530 --> 00:07:22,660 ‫a hacer aquí es agregar otro marcador de 139 00:07:22,660 --> 00:07:25,433 ‫posición aquí o realmente dentro de la 140 00:07:26,360 --> 00:07:29,410 ‫clase, por lo que llamaré a este no 141 00:07:30,370 --> 00:07:31,203 ‫orgánico . 142 00:07:32,340 --> 00:07:34,280 ‫Y verás por qué un poco más tarde, ¿de acuerdo? 143 00:07:34,280 --> 00:07:38,650 ‫Cuando reemplacemos esto, tendrá un poco más de sentido para usted. 144 00:07:38,650 --> 00:07:41,890 ‫Muy bien, creo que este ya está 145 00:07:41,890 --> 00:07:45,313 ‫hecho, y simplemente sobrescribí todo lo que teníamos. 146 00:07:46,260 --> 00:07:48,180 ‫Permítanme ahora llamar 147 00:07:50,690 --> 00:07:53,110 ‫a esta plantilla producto, ¿de acuerdo? 148 00:07:53,110 --> 00:07:54,360 ‫Así que este está hecho. 149 00:07:54,360 --> 00:07:57,850 ‫Pasemos al siguiente, la descripción general. 150 00:07:57,850 --> 00:08:01,040 ‫Y este en realidad va a ser un poco diferente, y 151 00:08:01,040 --> 00:08:03,053 ‫déjame mostrarte por qué es así. 152 00:08:04,030 --> 00:08:07,690 ‫Entonces, nuevamente, tenemos todos los SCC alineados aquí, y 153 00:08:07,690 --> 00:08:10,510 ‫ahora tenemos este contenedor de tarjetas, 154 00:08:10,510 --> 00:08:14,640 ‫y luego para cada uno de los productos, tenemos una tarjeta. 155 00:08:14,640 --> 00:08:19,373 ‫Entonces, cada una de estas tarjetas aquí tiene esta etiqueta de figura, ¿verdad? 156 00:08:20,640 --> 00:08:23,050 ‫Ahora, en realidad, no sabemos 157 00:08:23,050 --> 00:08:27,280 ‫cuántas de estas tarjetas estarán aquí en esta descripción general, ¿verdad? 158 00:08:27,280 --> 00:08:30,200 ‫Imagina que tenemos 10 productos en json. 159 00:08:30,200 --> 00:08:32,660 ‫Entonces necesitamos 10 de estas tarjetas. 160 00:08:32,660 --> 00:08:34,920 ‫Pero imagina que solo tenemos uno o dos. 161 00:08:34,920 --> 00:08:39,340 ‫Pues bien, no queremos las 10 cartas sino solo dos. 162 00:08:39,340 --> 00:08:42,190 ‫Entonces, ¿cómo vamos a hacer eso? 163 00:08:42,190 --> 00:08:46,350 ‫Bueno, en realidad crearemos solo otra plantilla donde solo haya una 164 00:08:46,350 --> 00:08:49,180 ‫tarjeta allí, y luego incluiremos una de estas 165 00:08:49,180 --> 00:08:51,730 ‫plantillas para cada una de las tarjetas 166 00:08:51,730 --> 00:08:54,230 ‫que queramos, por lo que 167 00:08:54,230 --> 00:08:57,520 ‫cada uno de los productos en el archivo json. 168 00:08:57,520 --> 00:08:59,605 ‫¿Tiene sentido? 169 00:08:59,605 --> 00:09:02,693 ‫Así que llamemos a esto aquí la descripción general de la plantilla. 170 00:09:06,480 --> 00:09:09,313 ‫Y seguiré adelante y crearé la tarjeta de plantilla. 171 00:09:14,220 --> 00:09:18,690 ‫Entonces, lo que voy a hacer aquí es ahora, como mencioné, ahora está de vuelta 172 00:09:18,690 --> 00:09:19,973 ‫en la parte 173 00:09:21,400 --> 00:09:24,023 ‫superior, así que sigo adelante y agarro una figura. 174 00:09:24,950 --> 00:09:26,153 ‫Eso fue demasiado. 175 00:09:27,290 --> 00:09:29,623 ‫Y pégalo aquí. 176 00:09:31,120 --> 00:09:32,823 ‫Así que baja esto un poco. 177 00:09:35,450 --> 00:09:39,493 ‫Bien, ahora cada carta tiene su propia figura. 178 00:09:41,190 --> 00:09:44,280 ‫Bien, y ahora lo que voy a hacer 179 00:09:44,280 --> 00:09:47,380 ‫es eliminar todas las tarjetas de aquí y crear 180 00:09:50,610 --> 00:09:53,283 ‫un marcador de posición aquí también. 181 00:09:57,320 --> 00:09:58,200 ‫Tarjetas 182 00:10:00,270 --> 00:10:01,360 ‫de producto. 183 00:10:01,360 --> 00:10:02,430 ‫¿Okey? 184 00:10:02,430 --> 00:10:04,970 ‫Entonces, nuevamente, más adelante en 185 00:10:04,970 --> 00:10:08,830 ‫nuestro código, crearemos tantas tarjetas como necesitemos aquí. 186 00:10:08,830 --> 00:10:10,890 ‫Por ejemplo, si tenemos 187 00:10:10,890 --> 00:10:13,660 ‫cinco productos, creamos cinco tarjetas como esta. 188 00:10:13,660 --> 00:10:16,780 ‫Luego los juntaremos en una cadena 189 00:10:16,780 --> 00:10:20,090 ‫y luego reemplazaremos las tarjetas de producto con 190 00:10:20,090 --> 00:10:24,320 ‫esa cadena que contiene todas estas tarjetas diferentes, ¿de acuerdo? 191 00:10:24,320 --> 00:10:27,563 ‫Entonces, en realidad, hemos terminado con este. 192 00:10:28,870 --> 00:10:29,703 ‫¿Okey? 193 00:10:29,703 --> 00:10:31,440 ‫Porque la mayoría de 194 00:10:31,440 --> 00:10:34,780 ‫las cosas ocurren dentro de la tarjeta de plantilla. 195 00:10:34,780 --> 00:10:36,910 ‫Así que no hay nada más que reemplazar aquí. 196 00:10:36,910 --> 00:10:40,113 ‫Vengo aquí para copiar esto aquí, 197 00:10:41,780 --> 00:10:44,730 ‫y ahora es muy simple 198 00:10:44,730 --> 00:10:48,190 ‫para nosotros reemplazar lo que necesitamos aquí. 199 00:10:48,190 --> 00:10:52,373 ‫Así que esta es la imagen, y la tenemos dos veces. 200 00:10:54,860 --> 00:10:56,893 ‫Bien, eso hace que se vea un poco mejor. 201 00:10:58,270 --> 00:11:03,227 ‫Imagen, imagen, entonces aquí tenemos el nombre del producto, ¿recuerdas? 202 00:11:07,080 --> 00:11:07,990 ‫Aquí, en 203 00:11:07,990 --> 00:11:12,670 ‫este lugar, volveremos a tener el marcador de posición no orgánico, y nuevamente, este 204 00:11:12,670 --> 00:11:15,943 ‫tendrá más sentido para ti un poco más tarde. 205 00:11:17,470 --> 00:11:21,143 ‫Más orgánico, entonces la cantidad aquí. 206 00:11:25,540 --> 00:11:27,163 ‫Luego el precio. 207 00:11:30,210 --> 00:11:34,070 ‫Así que también necesitamos construir el enlace aquí. 208 00:11:34,070 --> 00:11:36,290 ‫Así que este de aquí, por lo 209 00:11:36,290 --> 00:11:39,460 ‫que el elemento A, en caso de que no esté realmente familiarizado 210 00:11:39,460 --> 00:11:42,093 ‫con html, el elemento A es para un enlace. 211 00:11:43,030 --> 00:11:47,073 ‫Así que déjame mostrártelo en un ejemplo práctico real. 212 00:11:48,810 --> 00:11:52,040 ‫Entonces, cuando pasamos el mouse aquí en este enlace, 213 00:11:52,040 --> 00:11:54,830 ‫allá abajo en la esquina inferior izquierda, entonces 214 00:11:54,830 --> 00:11:59,000 ‫aquí abajo, verá que es un producto de barra inclinada y 215 00:11:59,000 --> 00:12:01,770 ‫luego ID es igual a cero. 216 00:12:01,770 --> 00:12:06,760 ‫Y este es ID igual a uno, ID es igual a dos. 217 00:12:06,760 --> 00:12:09,480 ‫Bien, y si hacemos clic en eso, lo vemos realmente aquí. 218 00:12:09,480 --> 00:12:13,440 ‫Entonces, barra el producto y luego el ID es igual a 219 00:12:13,440 --> 00:12:18,440 ‫cero, y este ID aquí es exactamente el ID que tenemos en el json. 220 00:12:19,970 --> 00:12:22,085 ‫Bien, este de aquí. 221 00:12:22,085 --> 00:12:25,900 ‫Entonces el aguacate es uno, el queso de cabra tiene uno. 222 00:12:25,900 --> 00:12:28,083 ‫Lo siento, el aguacate tiene cero, claro. 223 00:12:29,110 --> 00:12:33,380 ‫El brócoli tiene dos y así sucesivamente. 224 00:12:33,380 --> 00:12:36,463 ‫Y aquí, en realidad, necesitamos construir el enlace. 225 00:12:38,420 --> 00:12:42,113 ‫Entonces producto, y por supuesto, no en mayúsculas. 226 00:12:43,060 --> 00:12:46,370 ‫Entonces producto, y el ID 227 00:12:49,920 --> 00:12:51,360 ‫es ID. 228 00:12:51,360 --> 00:12:52,280 ‫¿Okey? 229 00:12:52,280 --> 00:12:56,850 ‫Entonces, tenemos que reemplazar este marcador de posición de ID aquí con 230 00:12:56,850 --> 00:12:58,250 ‫el número correcto. 231 00:12:58,250 --> 00:13:02,430 ‫Entonces, cero, uno, dos, tres, cuatro, cinco, y así sucesivamente, 232 00:13:02,430 --> 00:13:04,930 ‫dependiendo de cuántos productos haya. 233 00:13:04,930 --> 00:13:09,510 ‫Así que supongamos que tenemos un queso aquí, ¿de acuerdo? 234 00:13:09,510 --> 00:13:11,050 ‫Regresemos aquí. 235 00:13:11,050 --> 00:13:14,440 ‫Bueno, entonces la imagen será esta aquí, el 236 00:13:14,440 --> 00:13:18,463 ‫nombre del producto será este y el ID será uno. 237 00:13:19,400 --> 00:13:21,480 ‫Bien, entonces esto aquí 238 00:13:21,480 --> 00:13:26,113 ‫se traducirá a ID igual a uno y nuestro controlador aquí. 239 00:13:27,230 --> 00:13:30,950 ‫Entonces, este controlador de servidor se encargará de ir 240 00:13:30,950 --> 00:13:35,950 ‫a la página correcta cuando el ID del producto sea uno, ¿de acuerdo? 241 00:13:36,060 --> 00:13:39,220 ‫Entonces esa lógica aún no está implementada, pero por 242 00:13:39,220 --> 00:13:42,103 ‫supuesto, lo haremos en las próximas conferencias. 243 00:13:43,010 --> 00:13:47,456 ‫Así que ahora tenemos las plantillas realmente creadas, así 244 00:13:47,456 --> 00:13:50,940 ‫que pasemos al siguiente video donde realmente 245 00:13:50,940 --> 00:13:54,440 ‫comenzaremos a completar las plantillas y enviaremos 246 00:13:54,440 --> 00:13:57,073 ‫la página final al navegador.