1
00:00:03,560 --> 00:00:08,385
Nous arrivons à la dernière affectation de ce cours.

2
00:00:08,385 --> 00:00:10,255
Dans cette quatrième affectation,

3
00:00:10,255 --> 00:00:13,185
vous allez travailler avec les bootstraps, le

4
00:00:13,185 --> 00:00:19,075
support de jQuery et aussi un peu de Sass.

5
00:00:19,075 --> 00:00:23,910
Cette affectation se compose de quatre tâches.

6
00:00:23,910 --> 00:00:28,370
Votre première tâche serait de supprimer tous ces

7
00:00:28,370 --> 00:00:36,120
attributs de données à la fois du lien de connexion ici et de la réserve de tables ici.

8
00:00:36,120 --> 00:00:38,910
Maintenant, dans cette affectation,

9
00:00:38,910 --> 00:00:43,285
nous allons déclencher les modèles en utilisant du code JavaScript.

10
00:00:43,285 --> 00:00:44,915
Donc, pour ce faire,

11
00:00:44,915 --> 00:00:46,990
nous allons d'abord supprimer les attributs de données,

12
00:00:46,990 --> 00:00:54,895
à la fois du modèle de réserve et du modèle de connexion comme première tâche dans cette affectation.

13
00:00:54,895 --> 00:00:59,470
Votre deuxième tâche consiste à ajouter du

14
00:00:59,470 --> 00:01:07,050
code JavaScript approprié en utilisant les méthodes de modèles, les

15
00:01:07,050 --> 00:01:08,985
méthodes JavaScript qui sont disponibles, de

16
00:01:08,985 --> 00:01:13,300
sorte que lorsque le modèle de table de réserve est cliqué,

17
00:01:13,300 --> 00:01:18,375
le modèle de réserve correspondant sera affiché comme vu ici.

18
00:01:18,375 --> 00:01:23,250
Donc, nous voyons que cette affichage et le masquage du modèle

19
00:01:23,250 --> 00:01:28,800
est déclenché complètement en utilisant les méthodes JavaScript de ce modèle.

20
00:01:28,800 --> 00:01:33,185
Votre troisième tâche consisterait à

21
00:01:33,185 --> 00:01:42,985
insérer le code approprié dans le script de sorte que lorsque vous cliquez sur le lien de connexion ici,

22
00:01:42,985 --> 00:01:45,805
le modèle de connexion sera affiché.

23
00:01:45,805 --> 00:01:47,995
Maintenant, pour que cela fonctionne,

24
00:01:47,995 --> 00:01:52,140
vous devez donner des ID appropriés à la fois au bouton de la table de réserve et

25
00:01:52,140 --> 00:01:57,850
au lien de connexion afin qu'ils puissent ensuite être référencés dans votre code JavaScript.

26
00:01:57,850 --> 00:02:00,085
Donc, c'est un indice pour vous,

27
00:02:00,085 --> 00:02:05,590
comment vous pouvez aller de l'avant et procéder à la mise en œuvre de cela.

28
00:02:05,590 --> 00:02:12,955
L' utilisation des méthodes JavaScript devrait être assez simple.

29
00:02:12,955 --> 00:02:17,669
Le lien vers la documentation d'amorçage décrivant

30
00:02:17,669 --> 00:02:19,840
les méthodes JavaScript est disponible dans

31
00:02:19,840 --> 00:02:24,120
la section Ressources supplémentaires de cette affectation.

32
00:02:24,120 --> 00:02:29,700
Comme vous l'avez peut-être déjà réalisé que ces modèles ont maintenant l'air beaucoup plus coloré.

33
00:02:29,700 --> 00:02:32,435
Voici donc le modèle de table de réserve,

34
00:02:32,435 --> 00:02:34,590
et voici le modèle de connexion.

35
00:02:34,590 --> 00:02:40,620
Donc, dans le cadre de la quatrième tâche de cette affectation,

36
00:02:40,620 --> 00:02:46,235
vous allez ajouter du code SCSS dans le fichier SCSS de démarrage de styles, de

37
00:02:46,235 --> 00:02:50,115
sorte que les couleurs sont correctement définies.

38
00:02:50,115 --> 00:02:53,500
Donc, ici, vous voyez que cet en-tête de modèle a

39
00:02:53,500 --> 00:03:00,940
la couleur foncée d'arrière-plan et le texte ici est affiché en couleur blanche.

40
00:03:00,940 --> 00:03:05,700
Et aussi, cette classe particulière en

41
00:03:05,700 --> 00:03:11,850
utilisant une classe imbriquée ici dans votre code SCSS,

42
00:03:11,850 --> 00:03:17,160
vous pouvez définir cela aussi pour utiliser une couleur plate ou blanche ici.

43
00:03:17,160 --> 00:03:26,135
Ensuite, le corps du modèle lui-même utilise la couleur de fond pâle.

44
00:03:26,135 --> 00:03:30,620
Donc, insérez le code SCSS approprié dans votre

45
00:03:30,620 --> 00:03:36,710
fichier SCSS de démarrage de style pour que cela fonctionne pour le modèle de réserve de l'en-tête et le corps, de

46
00:03:36,710 --> 00:03:42,005
sorte que vous pouvez voir que la même couleur sombre d'arrière-plan est appliquée à l'en-tête et que

47
00:03:42,005 --> 00:03:48,435
la couleur pâle d'arrière-plan est appliquée au corps de votre modèle.

48
00:03:48,435 --> 00:03:51,450
Et après avoir terminé cette tâche,

49
00:03:51,450 --> 00:03:59,370
vous pouvez faire un bon commentaire pour enregistrer vos modifications avec l'attribution de message quatre.