1
00:00:03,560 --> 00:00:08,385
Veniamo all'incarico finale di questo corso.

2
00:00:08,385 --> 00:00:10,255
In questo quarto compito,

3
00:00:10,255 --> 00:00:13,185
lavorerai con bootstrap,

4
00:00:13,185 --> 00:00:19,075
supporto jQuery e anche un po 'di Sass.

5
00:00:19,075 --> 00:00:23,910
Questo compito è costituito da quattro compiti.

6
00:00:23,910 --> 00:00:28,370
Il tuo primo compito sarebbe quello di rimuovere tutti

7
00:00:28,370 --> 00:00:36,120
gli attributi dei dati sia dal link di accesso qui che dalla riserva delle tabelle qui.

8
00:00:36,120 --> 00:00:38,910
Ora, in questo incarico,

9
00:00:38,910 --> 00:00:43,285
ci accingiamo a innescare i modelli utilizzando il codice JavaScript.

10
00:00:43,285 --> 00:00:44,915
Quindi, per farlo,

11
00:00:44,915 --> 00:00:46,990
rimuoveremo prima gli attributi dei dati,

12
00:00:46,990 --> 00:00:54,895
sia dal modello di riserva che dal modello di accesso come prima attività in questo compito.

13
00:00:54,895 --> 00:00:59,470
Il secondo compito è quello di aggiungere

14
00:00:59,470 --> 00:01:07,050
codice JavaScript appropriato utilizzando i metodi dei modelli,

15
00:01:07,050 --> 00:01:08,985
metodi JavaScript che sono disponibili, in

16
00:01:08,985 --> 00:01:13,300
modo tale che quando si fa clic sul modello di tabella di riserva,

17
00:01:13,300 --> 00:01:18,375
allora il modello di riserva corrispondente verrà visualizzato come si vede qui.

18
00:01:18,375 --> 00:01:23,250
Quindi, vediamo che questo mostrare e nascondere il modello

19
00:01:23,250 --> 00:01:28,800
viene attivato completamente utilizzando i metodi JavaScript di quel modello.

20
00:01:28,800 --> 00:01:33,185
Il tuo terzo compito sarebbe, ancora una volta,

21
00:01:33,185 --> 00:01:42,985
inserire il codice appropriato nello script in modo tale che quando fai clic sul link di accesso qui,

22
00:01:42,985 --> 00:01:45,805
verrà visualizzato il modello di login.

23
00:01:45,805 --> 00:01:47,995
Ora, affinché questo funzioni,

24
00:01:47,995 --> 00:01:52,140
è necessario fornire ID appropriati sia al pulsante della tabella di riserva che al

25
00:01:52,140 --> 00:01:57,850
link di accesso in modo che possano quindi essere referenziati nel codice JavaScript.

26
00:01:57,850 --> 00:02:00,085
Quindi, questo è un suggerimento per te,

27
00:02:00,085 --> 00:02:05,590
come puoi andare avanti e procedere con l'implementazione di questo.

28
00:02:05,590 --> 00:02:12,955
L' uso dei metodi JavaScript dovrebbe essere abbastanza semplice.

29
00:02:12,955 --> 00:02:17,669
Il link alla documentazione di bootstrap che descrive

30
00:02:17,669 --> 00:02:19,840
i metodi JavaScript è disponibile

31
00:02:19,840 --> 00:02:24,120
nella sezione risorse aggiuntive di questa assegnazione.

32
00:02:24,120 --> 00:02:29,700
Come potresti aver già capito che questi modelli ora sembrano molto più colorati.

33
00:02:29,700 --> 00:02:32,435
Quindi ecco il modello di tabella di riserva,

34
00:02:32,435 --> 00:02:34,590
ed ecco il modello di accesso.

35
00:02:34,590 --> 00:02:40,620
Quindi, come parte del quarto compito di questo compito,

36
00:02:40,620 --> 00:02:46,235
si sta andando ad aggiungere un codice SCSS nel file SCSS di avvio stili, in

37
00:02:46,235 --> 00:02:50,115
modo che i colori sono impostati in modo appropriato.

38
00:02:50,115 --> 00:02:53,500
Quindi qui, vedete che quell'intestazione del modello ha

39
00:02:53,500 --> 00:03:00,940
il colore scuro di sfondo impostato e il testo qui è visualizzato in colore bianco.

40
00:03:00,940 --> 00:03:05,700
E anche, questa particolare classe

41
00:03:05,700 --> 00:03:11,850
utilizzando una classe nidificata qui nel tuo codice SCSS,

42
00:03:11,850 --> 00:03:17,160
puoi definirlo anche per usare un colore piatto o bianco qui.

43
00:03:17,160 --> 00:03:26,135
Quindi il corpo del modello stesso utilizza il colore di sfondo pallido.

44
00:03:26,135 --> 00:03:30,620
Quindi, inserire il codice SCSS appropriato nel

45
00:03:30,620 --> 00:03:36,710
file SCSS di avvio stile per abilitare questo per funzionare per il modello di riserva di intestazione e il corpo, in

46
00:03:36,710 --> 00:03:42,005
modo da poter vedere che lo stesso colore scuro di sfondo viene applicato all'intestazione e

47
00:03:42,005 --> 00:03:48,435
il colore pallido di sfondo viene applicato al corpo del modello.

48
00:03:48,435 --> 00:03:51,450
E dopo aver completato questo incarico,

49
00:03:51,450 --> 00:03:59,370
potresti voler fare un buon commento per salvare le modifiche con l'assegnazione del messaggio quattro.