1
00:00:00,000 --> 00:00:04,396
[MÚSICA]

2
00:00:04,396 --> 00:00:09,510
Hemos llegado al final del tercer módulo de este curso.

3
00:00:09,510 --> 00:00:13,070
Este es el momento de tu tercera misión.

4
00:00:13,070 --> 00:00:18,132
En esta tarea, vamos a ver los componentes de Bootstrap

5
00:00:18,132 --> 00:00:23,121
que hemos examinado en este módulo y añadir algunos a nuestra página index.html.

6
00:00:25,036 --> 00:00:30,190
Su tercera asignación implica tres tareas.

7
00:00:30,190 --> 00:00:36,930
La primera tarea consiste en tomar el formulario de reserva que creó anteriormente

8
00:00:36,930 --> 00:00:42,470
en una de las filas de contenido siguientes y, a continuación, cortar ese formulario de la fila de contenido.

9
00:00:42,470 --> 00:00:49,140
Y, a continuación, cree un modelo que contenga el mismo formulario de reserva para su mesa.

10
00:00:49,140 --> 00:00:52,620
Así que puede ver que tenemos el número de invitados aquí, y la fecha y la

11
00:00:52,620 --> 00:00:56,600
hora aquí, y luego dos botones, el botón Reservar y Cancelar.

12
00:00:56,600 --> 00:00:59,340
Igual que tenías para el formulario de reserva.

13
00:01:00,950 --> 00:01:06,390
Además, la segunda tarea de esta asignación es agregar

14
00:01:06,390 --> 00:01:12,970
una fila más aquí con un botón de opción aquí.

15
00:01:12,970 --> 00:01:17,980
Así que aquí le permitirá al usuario especificar en

16
00:01:17,980 --> 00:01:21,690
qué sección del restaurante desea la mesa.

17
00:01:21,690 --> 00:01:24,800
Ya sea para no fumadores o en la sección de fumadores.

18
00:01:24,800 --> 00:01:28,820
De forma predeterminada, se seleccionará la sección para no fumadores.

19
00:01:28,820 --> 00:01:31,690
Si el usuario quiere la sección de fumar,

20
00:01:31,690 --> 00:01:36,690
el usuario hará clic en el botón para seleccionar la sección de fumar.

21
00:01:36,690 --> 00:01:38,870
Si el usuario quiere la sección para no fumadores,

22
00:01:38,870 --> 00:01:43,860
entonces obviamente el usuario hará clic en la sección para no fumadores para seleccionar el botón.

23
00:01:43,860 --> 00:01:50,910
Así que este es un grupo de botones de radio aquí con dos botones aquí, Fumar y No Fumar.

24
00:01:50,910 --> 00:01:57,840
Así que esa es su segunda tarea en esta asignación, agregar el botón aquí.

25
00:01:59,510 --> 00:02:04,310
La tercera tarea es girar este botón aquí,

26
00:02:04,310 --> 00:02:08,030
el botón Reservar tabla aquí, para invocar el modelo.

27
00:02:08,030 --> 00:02:11,520
Entonces, cuando haces clic en el botón, muestra y oculta el modelo.

28
00:02:12,720 --> 00:02:18,735
Para hacer esto, primero debe eliminar la punta de herramienta de la tabla de reserva, de

29
00:02:18,735 --> 00:02:22,965
lo contrario, esa funcionalidad no funcionará.

30
00:02:22,965 --> 00:02:28,725
Y también elimine el script, el código JavaScript que agregó

31
00:02:28,725 --> 00:02:35,445
al final de la página index.html para activar la información sobre la herramienta.

32
00:02:35,445 --> 00:02:40,178
Así que haciendo eso, y luego hacer que este botón de reserva de tabla

33
00:02:40,178 --> 00:02:45,040
actúe como el alternador para su modelo.

34
00:02:45,040 --> 00:02:48,500
Así que esa es tu tercera tarea en esta tarea.

35
00:02:49,650 --> 00:02:55,876
Espero que haya disfrutado creando esta nueva variación de la página index.html.

36
00:02:55,876 --> 00:03:01,788
[ MÚSICA]