1
00:00:00,000 --> 00:00:00,430

2
00:00:00,430 --> 00:00:03,260
>> ALTAVOZ 1: Vamos a poner en práctica una búsqueda
motor o, al menos, el usuario frontend

3
00:00:03,260 --> 00:00:06,590
interfaz para un motor de búsqueda que
permite al usuario escribir algunos términos

4
00:00:06,590 --> 00:00:09,370
y luego buscar en el mundo
web para esos términos.

5
00:00:09,370 --> 00:00:13,690
Para ello, vamos a utilizar la "forma" de HTML
etiqueta, así como algunos otros.

6
00:00:13,690 --> 00:00:17,140
Aquí en search.html, ya he
conseguido podamos empezar por la apertura y

7
00:00:17,140 --> 00:00:18,500
cierre de algunas etiquetas.

8
00:00:18,500 --> 00:00:22,570
Así que ahora aquí, en el interior de este cuerpo, vamos a
primero definir un rumbo de CS50

9
00:00:22,570 --> 00:00:26,460
Buscar para servir como un título de tipo
en el cuerpo de la página.

10
00:00:26,460 --> 00:00:30,660
>> Vamos a continuación, abra una etiqueta "forma" y,
preventivamente, vamos a cerrar, así que no lo hacen

11
00:00:30,660 --> 00:00:31,930
olvide después.

12
00:00:31,930 --> 00:00:37,450
Vamos a continuación, definir una etiqueta de entrada, cuya
nombre será "q" para la consulta, y cuya

13
00:00:37,450 --> 00:00:40,810
tipo será "texto", por lo que el
explorador representa esto como un campo de texto

14
00:00:40,810 --> 00:00:41,840
en la página.

15
00:00:41,840 --> 00:00:43,720
Vamos a continuación, cerrar esta etiqueta.

16
00:00:43,720 --> 00:00:46,480
Vamos a continuación, insertar un salto de línea a continuación.

17
00:00:46,480 --> 00:00:50,870
Y ahora vamos a definir una entrada más este
tiempo, cuyo tipo será presentar,

18
00:00:50,870 --> 00:00:56,640
así que es un botón de envío, y cuyo
valor o etiqueta es CS50 Buscar.

19
00:00:56,640 --> 00:00:59,930
>> Ahora que hemos definido este formulario, pero nos
no han especificado a donde la forma

20
00:00:59,930 --> 00:01:01,120
se debe presentar.

21
00:01:01,120 --> 00:01:04,480
Vamos a añadir dos atributos más
para ser más precisos aquí.

22
00:01:04,480 --> 00:01:09,410
En primer lugar, vamos a especificar en la etiqueta de la "forma"
sí que el método por el cual esta

23
00:01:09,410 --> 00:01:12,620
formulario debe ser presentado es HTTP GET.

24
00:01:12,620 --> 00:01:16,150
Y vamos a especificar que la acción o
destino de esta forma será

25
00:01:16,150 --> 00:01:22,540
https://www.google.com/search.

26
00:01:22,540 --> 00:01:25,690
>> Ahora, sé que existe URL porque
Lo he visto desde hace algún tiempo en mi

27
00:01:25,690 --> 00:01:27,080
barra de direcciones del navegador.

28
00:01:27,080 --> 00:01:32,020
Así que simplemente voy a referir al usuario
esa URL por sus resultados de búsqueda.

29
00:01:32,020 --> 00:01:35,380
Ahora vamos a guardar, cambiar los permisos
en, y abrir esta etapa.

30
00:01:35,380 --> 00:01:41,090
"Chmod a search.html más r."
Ahora vamos a abrir Chrome.

31
00:01:41,090 --> 00:01:46,770
http://localhost/search.html.

32
00:01:46,770 --> 00:01:49,345
No es el más sexy de los motores de búsqueda,
pero vamos a ver si funciona.

33
00:01:49,345 --> 00:01:51,920

34
00:01:51,920 --> 00:01:53,240
Y hay algunos gatos.

35
00:01:53,240 --> 00:01:57,140
>> Nótese, sin embargo, que en la barra de direcciones
es exactamente la dirección que yo esperaba,

36
00:01:57,140 --> 00:01:58,910
pero con un poco de algo
más al final.

37
00:01:58,910 --> 00:02:04,260
Si hago zoom aquí, observe que la URL
es exactamente lo que esperábamos, pero con un

38
00:02:04,260 --> 00:02:07,260
signo de interrogación Q es igual a
gatos en la parte superior.

39
00:02:07,260 --> 00:02:08,729
¿De dónde viene?

40
00:02:08,729 --> 00:02:12,880
>> Bueno, porque yo presenté una forma que
tenía una entrada cuyo nombre era q, nuestro

41
00:02:12,880 --> 00:02:16,300
navegador se encargó de añadir que
signo de interrogación y entonces puso esa

42
00:02:16,300 --> 00:02:17,820
El nombre del parámetro - q -

43
00:02:17,820 --> 00:02:21,130
seguido de un signo igual, seguido
por los gatos, que es el valor que yo

44
00:02:21,130 --> 00:02:22,550
yo mecanografiadas pulg

45
00:02:22,550 --> 00:02:26,130
Si hubiera más de estos parámetros
dentro de la URL, el navegador lo haría

46
00:02:26,130 --> 00:02:28,500
simplemente se han separado
ellos por signo.

47
00:02:28,500 --> 00:02:30,790
Pero en este caso, tenemos
sólo uno de tales pares.

48
00:02:30,790 --> 00:02:35,040
Y que se proporciona como entrada a
Google al igual que un parámetro es

49
00:02:35,040 --> 00:02:37,000
proporcionado a una función es la entrada.

50
00:02:37,000 --> 00:02:40,600
Y Google a continuación, utiliza esa entrada a
buscará en su base de datos de alguna manera y

51
00:02:40,600 --> 00:02:42,180
mostrar una página de resultados.

52
00:02:42,180 --> 00:02:43,755