Veniamo all'incarico finale di questo corso.
In questo quarto compito,
lavorerai con bootstrap,
supporto jQuery e anche un po 'di Sass.
Questo compito è costituito da quattro compiti.
Il tuo primo compito sarebbe quello di rimuovere tutti
gli attributi dei dati sia dal link di accesso qui che dalla riserva delle tabelle qui.
Ora, in questo incarico,
ci accingiamo a innescare i modelli utilizzando il codice JavaScript.
Quindi, per farlo,
rimuoveremo prima gli attributi dei dati,
sia dal modello di riserva che dal modello di accesso come prima attività in questo compito.
Il secondo compito è quello di aggiungere
codice JavaScript appropriato utilizzando i metodi dei modelli,
metodi JavaScript che sono disponibili, in
modo tale che quando si fa clic sul modello di tabella di riserva,
allora il modello di riserva corrispondente verrà visualizzato come si vede qui.
Quindi, vediamo che questo mostrare e nascondere il modello
viene attivato completamente utilizzando i metodi JavaScript di quel modello.
Il tuo terzo compito sarebbe, ancora una volta,
inserire il codice appropriato nello script in modo tale che quando fai clic sul link di accesso qui,
verrà visualizzato il modello di login.
Ora, affinché questo funzioni,
è necessario fornire ID appropriati sia al pulsante della tabella di riserva che al
link di accesso in modo che possano quindi essere referenziati nel codice JavaScript.
Quindi, questo è un suggerimento per te,
come puoi andare avanti e procedere con l'implementazione di questo.
L' uso dei metodi JavaScript dovrebbe essere abbastanza semplice.
Il link alla documentazione di bootstrap che descrive
i metodi JavaScript è disponibile
nella sezione risorse aggiuntive di questa assegnazione.
Come potresti aver già capito che questi modelli ora sembrano molto più colorati.
Quindi ecco il modello di tabella di riserva,
ed ecco il modello di accesso.
Quindi, come parte del quarto compito di questo compito,
si sta andando ad aggiungere un codice SCSS nel file SCSS di avvio stili, in
modo che i colori sono impostati in modo appropriato.
Quindi qui, vedete che quell'intestazione del modello ha
il colore scuro di sfondo impostato e il testo qui è visualizzato in colore bianco.
E anche, questa particolare classe
utilizzando una classe nidificata qui nel tuo codice SCSS,
puoi definirlo anche per usare un colore piatto o bianco qui.
Quindi il corpo del modello stesso utilizza il colore di sfondo pallido.
Quindi, inserire il codice SCSS appropriato nel
file SCSS di avvio stile per abilitare questo per funzionare per il modello di riserva di intestazione e il corpo, in
modo da poter vedere che lo stesso colore scuro di sfondo viene applicato all'intestazione e
il colore pallido di sfondo viene applicato al corpo del modello.
E dopo aver completato questo incarico,
potresti voler fare un buon commento per salvare le modifiche con l'assegnazione del messaggio quattro.