1
00:00:03,560 --> 00:00:08,385
Llegamos a la asignación final de este curso.

2
00:00:08,385 --> 00:00:10,255
En esta cuarta asignación,

3
00:00:10,255 --> 00:00:13,185
vas a trabajar con bootstraps,

4
00:00:13,185 --> 00:00:19,075
soporte jQuery y también un poco de Sass.

5
00:00:19,075 --> 00:00:23,910
Esta asignación consta de cuatro tareas.

6
00:00:23,910 --> 00:00:28,370
Su primera tarea sería eliminar todos esos

7
00:00:28,370 --> 00:00:36,120
atributos de datos tanto del enlace de inicio de sesión aquí como de la reserva de tablas aquí.

8
00:00:36,120 --> 00:00:38,910
Ahora, en esta tarea,

9
00:00:38,910 --> 00:00:43,285
vamos a activar los modelos usando código JavaScript.

10
00:00:43,285 --> 00:00:44,915
Por lo tanto, para hacer eso,

11
00:00:44,915 --> 00:00:46,990
primero eliminaremos los atributos de datos,

12
00:00:46,990 --> 00:00:54,895
tanto del modelo de reserva como del modelo de inicio de sesión como nuestra primera tarea en esta asignación.

13
00:00:54,895 --> 00:00:59,470
Su segunda tarea es agregar

14
00:00:59,470 --> 00:01:07,050
código JavaScript apropiado utilizando los métodos de modelos,

15
00:01:07,050 --> 00:01:08,985
métodos JavaScript que están disponibles, de

16
00:01:08,985 --> 00:01:13,300
modo que cuando se hace clic en el patrón de tabla de reserva,

17
00:01:13,300 --> 00:01:18,375
entonces el modelo de reserva correspondiente se mostrará como se ve aquí.

18
00:01:18,375 --> 00:01:23,250
Por lo tanto, vemos que esta visualización y ocultación del modelo

19
00:01:23,250 --> 00:01:28,800
se activa completamente usando los métodos JavaScript de ese modelo.

20
00:01:28,800 --> 00:01:33,185
Su tercera tarea sería, de nuevo,

21
00:01:33,185 --> 00:01:42,985
insertar el código apropiado en el script de manera que cuando haga clic en el enlace de inicio de sesión aquí,

22
00:01:42,985 --> 00:01:45,805
se mostrará el modelo de inicio de sesión.

23
00:01:45,805 --> 00:01:47,995
Ahora, para que esto funcione,

24
00:01:47,995 --> 00:01:52,140
debe dar los ID apropiados tanto al botón de la tabla de reserva como al

25
00:01:52,140 --> 00:01:57,850
enlace de inicio de sesión para que luego puedan ser referenciados en su código JavaScript.

26
00:01:57,850 --> 00:02:00,085
Entonces, eso es una pista para usted,

27
00:02:00,085 --> 00:02:05,590
cómo puede seguir adelante y continuar con la implementación de esto.

28
00:02:05,590 --> 00:02:12,955
El uso de los métodos JavaScript debe ser bastante sencillo.

29
00:02:12,955 --> 00:02:17,669
El enlace a la documentación de arranque que describe

30
00:02:17,669 --> 00:02:19,840
los métodos JavaScript está disponible en

31
00:02:19,840 --> 00:02:24,120
la sección de recursos adicionales de esta asignación.

32
00:02:24,120 --> 00:02:29,700
Como es posible que ya se haya dado cuenta de que estos modelos ahora se ven mucho más colorido.

33
00:02:29,700 --> 00:02:32,435
Así que aquí está el modelo de tabla de reserva,

34
00:02:32,435 --> 00:02:34,590
y aquí está el modelo de inicio de sesión.

35
00:02:34,590 --> 00:02:40,620
Por lo tanto, como parte de la cuarta tarea de esta asignación,

36
00:02:40,620 --> 00:02:46,235
va a agregar algún código SCSS en el archivo de inicio de estilos SCSS, de

37
00:02:46,235 --> 00:02:50,115
modo que los colores se establecen adecuadamente.

38
00:02:50,115 --> 00:02:53,500
Así que aquí, verá que ese encabezado del modelo tiene

39
00:02:53,500 --> 00:03:00,940
el color oscuro de fondo establecido y el texto aquí se muestra en color blanco.

40
00:03:00,940 --> 00:03:05,700
Y también, esta clase en particular

41
00:03:05,700 --> 00:03:11,850
mediante el uso de una clase anidada aquí en su código SCSS,

42
00:03:11,850 --> 00:03:17,160
puede definir esto también para usar un color plano o blanco aquí.

43
00:03:17,160 --> 00:03:26,135
A continuación, el cuerpo del modelo utiliza el color de fondo pálido.

44
00:03:26,135 --> 00:03:30,620
Por lo tanto, inserte el código SCSS apropiado en su

45
00:03:30,620 --> 00:03:36,710
archivo SCSS de inicio de estilo para permitir que esto funcione para el modelo de reserva del encabezado y el cuerpo, para

46
00:03:36,710 --> 00:03:42,005
que pueda ver que el mismo color oscuro de fondo se aplica al encabezado y

47
00:03:42,005 --> 00:03:48,435
el color pálido de fondo se aplica al cuerpo de su modelo.

48
00:03:48,435 --> 00:03:51,450
Y al completar esta tarea,

49
00:03:51,450 --> 00:03:59,370
es posible que desee hacer un buen comentario para guardar los cambios con la asignación de mensajes cuatro.