1
00:00:00,240 --> 00:00:03,200
Bienvenue dans cette leçon, je vais vous montrer comment nous pouvons écrire.

2
00:00:03,210 --> 00:00:03,990
H m 1.

3
00:00:04,020 --> 00:00:12,000
Dans un fichier séparé et nous pouvons envoyer ce fichier de retour dans la réponse plutôt que ce que nous avons fait jusqu'à présent en utilisant redstart envoyer.

4
00:00:12,090 --> 00:00:13,880
Il ya trois objectifs principaux ici.

5
00:00:13,890 --> 00:00:23,150
Le premier est d'utiliser redstart rendre à lui rendre à renvoyer un fichier de chaque fichier et qui aura plus de sens une fois que nous parlons de ce que chacun de nous est.

6
00:00:23,460 --> 00:00:24,740
Et c'est le prochain objectif.

7
00:00:24,780 --> 00:00:27,340
Expliquez ce qu'Éjaz est et pourquoi nous l'utilisons.

8
00:00:27,360 --> 00:00:30,920
Enfin, passez les variables à Ejay en tant que modèles.

9
00:00:30,930 --> 00:00:42,440
Donc, pour commencer ici, je vais avoir besoin d'une nouvelle application Express et je vais passer à travers la création de l'application express de base à partir de zéro que je ne vais pas continuer à faire dans chaque vidéo, mais il est encore assez tôt dans le cours .

10
00:00:42,480 --> 00:00:48,280
Et je veux juste m'assurer que vous vous habituez à le voir et à le faire parce que c'est quelque chose que vous ferez sans arrêt.

11
00:00:48,300 --> 00:01:01,130
Donc, j'ai un répertoire appelé More express où je vais travailler à partir de cette unité et je vais faire un nouveau répertoire à l'intérieur de cela et nous allons simplement appeler ce Ejay nous démo.

12
00:01:02,290 --> 00:01:10,540
Et puis au lieu de démonstration Ejaz nous allons exécuter NPM en elle et je vais juste accélérer à travers cela.

13
00:01:10,560 --> 00:01:11,990
Donc, ce nom est très bien.

14
00:01:12,000 --> 00:01:14,800
La version est fine, la description est vide.

15
00:01:14,880 --> 00:01:16,700
J'aime toujours changer cela à l'application.

16
00:01:16,830 --> 00:01:17,490
Oui.

17
00:01:17,490 --> 00:01:19,690
Juste une préférence personnelle.

18
00:01:20,070 --> 00:01:21,580
Appuyez sur Entrée quelques fois de plus.

19
00:01:21,660 --> 00:01:25,100
Vous n'avez pas besoin de remplir un de ces et là nous allons.

20
00:01:25,470 --> 00:01:39,120
Et maintenant, si nous ne nous permettre, nous avons un paquet que Jason nous laisser créer notre acte J nous et nous allons aussi exécuter NPM installer express dash dash enregistrer.

21
00:01:39,150 --> 00:01:41,360
Voilà.

22
00:01:41,400 --> 00:01:45,780
Maintenant, ouvrons le fichier de jazz et commençons à y ajouter du code.

23
00:01:45,780 --> 00:01:53,350
Et plutôt que de faire juste ls et puis en cliquant sur J.S. Et en cliquant sur ouvrir J'ai récemment trouvé une autre façon de le faire.

24
00:01:53,460 --> 00:02:01,290
Que Cloud 9 a récemment ajouté qui est si vous tapez l'espace C9, puis le nom d'un fichier ou le chemin d'accès à un fichier.

25
00:02:01,380 --> 00:02:03,040
Donc C9 base app.

26
00:02:03,060 --> 00:02:07,090
J Oui qui va vous ouvrir dans l'éditeur.

27
00:02:07,200 --> 00:02:11,760
Il est beaucoup plus rapide que d'avoir à taper ls, puis cliquez sur le fichier, puis cliquez sur Ouvrir.

28
00:02:11,760 --> 00:02:25,160
Donc, nous allons obtenir le code express de base ici à ce moment exprimer exprimer exprimer et puis var app est égal à exprimer l'exécuter en tant que fonction.

29
00:02:25,170 --> 00:02:36,720
Une chose que vous verrez occasionnellement est ce là où quelqu'un a dit Savar app égal à exiger express et puis il suffit de l'exécuter en tant que fonction immédiatement.

30
00:02:36,720 --> 00:02:45,660
La plupart des gens le feront ainsi dans deux étapes distinctes et le plus souvent vous verrez Xpress et app que ceux qui peuvent être n'importe quoi.

31
00:02:45,660 --> 00:02:46,950
Maintenant, mettons l'acte en place.

32
00:02:46,950 --> 00:03:06,250
Écoutez aller au fond même qui va démarrer le serveur de sorte qu'il aurait besoin du port qui est le processus que le port EMV et ensuite le processus que D-NV IP et ceux qui sont des variables d'environnement que cloud 9 a mis en place que nous accédons au port et Adresse IP.

33
00:03:06,510 --> 00:03:15,840
Et puis j'ajoute dans mon rappel qui s'exécutera une fois que le serveur a été mis en place une fois qu'il est l'écoute et nous allons juste voir ce qui se passe sur le journal.

34
00:03:16,060 --> 00:03:21,540
Le serveur écoute comme ça et sauvera.

35
00:03:21,540 --> 00:03:25,350
Maintenant, ajoutons dans notre premier itinéraire et nous ferons l'itinéraire.

36
00:03:25,350 --> 00:03:34,130
J'aime toujours commencer là et c'est toujours une expression confuse à certains de mes étudiants parce que ce mot que je prononce route certains d'entre eux se prononcera en tant que racine.

37
00:03:34,410 --> 00:03:36,830
J'essaie de le dire très clairement quand je dis des racines.

38
00:03:36,900 --> 00:03:41,250
Je parle seulement de R O T comme dans ce.

39
00:03:41,280 --> 00:03:42,870
L'itinéraire racine.

40
00:03:43,140 --> 00:04:06,500
OK alors nous allons ajouter que dans apt get root ou slash et puis notre fonction de rappel sera exécuté chaque fois qu'une demande pour obtenir des requêtes est faite de barre oblique et puis auront ces deux objets demande en réponse et nous allons aller de l'avant et juste appeler le rez Envoyer et nous allons juste faire une chose simple.

41
00:04:06,540 --> 00:04:08,700
Bienvenue sur la page d'accueil.

42
00:04:08,730 --> 00:04:11,730
Tout comme cela devrait tous être examen à ce point.

43
00:04:12,090 --> 00:04:16,020
Commençons le serveur vers le haut afin que le noeud j.

44
00:04:16,890 --> 00:04:18,280
On dirait que tout va bien.

45
00:04:18,390 --> 00:04:22,500
Passons maintenant à la page racine ici et rafraîchissons.

46
00:04:22,500 --> 00:04:23,710
Bienvenue sur la page d'accueil.

47
00:04:23,890 --> 00:04:28,580
Évidemment, ce type de contenu d'une seule ligne de texte est assez ennuyeux.

48
00:04:28,610 --> 00:04:34,890
Ce que nous pouvons faire pour l'épincer un peu, c'est que nous pouvons revenir ici et faire de cette H-2A Mel.

49
00:04:34,950 --> 00:04:43,640
Si nous voulions juste comme ça et puis nous pouvons ajouter en dessous que et H-2 qui dit bla bla.

50
00:04:43,770 --> 00:04:45,910
Juste comme ça.

51
00:04:46,020 --> 00:04:46,760
Voilà.

52
00:04:46,920 --> 00:04:50,730
Et si nous enregistrons ceci et redémarrez le serveur.

53
00:04:51,120 --> 00:04:53,980
Et puis nous revenons ici et rafraîchir.

54
00:04:53,980 --> 00:05:00,850
Nous obtenons des albums HVM étant rendus à nous, mais c'est encore incroyablement douloureux de taper réellement une page entière.

55
00:05:00,850 --> 00:05:04,290
C'est techniquement possible, mais ce serait si difficile.

56
00:05:04,450 --> 00:05:05,720
Ce n'est pas une bonne idée.

57
00:05:05,920 --> 00:05:24,430
Heureusement il ya un moyen plus facile où nous pouvons écrire tout notre code dans un fichier séparé tout le temps que nous voulons tous les C Ss et oui tous les javascript front-end que nous voulons renvoyer à l'utilisateur afin que nous puissions utiliser une méthode Appelé rendu et que la méthode de rendu vit sur l'objet de réponse quel que soit son nom.

58
00:05:24,430 --> 00:05:26,730
Dans notre cas revs si repos ne rendent pas.

59
00:05:26,730 --> 00:05:36,950
Et puis nous lui donnons un nom d'un fichier comme la page d'accueil ou à la maison dot vieilli lui ou Dogstar vieilli hors de lui ou quelque chose comme ça.

60
00:05:37,270 --> 00:05:40,950
Et bien sûr, nous devons avoir ce fichier créé et il doit y avoir du contenu.

61
00:05:41,230 --> 00:05:50,810
Mais avant même que nous le fassions il ya un petit problème, je vais me débarrasser de cette ligne et le problème est que lorsque nous utilisons Express, nous n'écrivons pas les fichiers h m l simples.

62
00:05:50,950 --> 00:05:52,400
Il y a des façons de le faire.

63
00:05:52,420 --> 00:05:59,410
Il nécessite un peu plus de configuration, mais la plupart de nos applications Web ne vont pas être juste standard Tim fichiers statiques qui sont renvoyés.

64
00:05:59,590 --> 00:06:07,080
Ce que nous recherchons sont des fichiers html dynamiques appelés modèles et dans la seconde moitié de cette vidéo, nous allons les présenter.

65
00:06:07,270 --> 00:06:23,250
Mais pour l'instant je vais aller ici et changer cela à E.J. S et tout ce que je vais dire sur E.J. Est qu'il est synonyme de javascript incorporé et que vous allez en apprendre beaucoup plus à ce sujet dans environ cinq minutes quand il demande est faite de slash notre code rendra un fichier appelé Dogstar.

66
00:06:23,380 --> 00:06:23,990
Oui.

67
00:06:24,060 --> 00:06:28,060
Et nous allons le changer à la maison juste parce que cela fait plus de sens avec la route route.

68
00:06:28,330 --> 00:06:34,340
Nous devons donc créer ce fichier et nous ne le créons pas dans le même répertoire que nous.

69
00:06:34,570 --> 00:06:43,380
Ce que nous devons faire est de créer un nouveau répertoire appelé views et ce n'est pas un nom arbitraire qui est un répertoire qui exprime va chercher.

70
00:06:43,540 --> 00:06:52,650
Donc chaque fois que nous rendons un fichier quel qu'il soit appelé il va regarder d'abord dans le répertoire vues et essayer de trouver ce fichier exact à l'intérieur d'un fusible.

71
00:06:52,660 --> 00:06:54,790
Alors maintenant, créons cela.

72
00:06:54,790 --> 00:07:01,520
Donc, je vais faire un coup de pouce vue slash home que ejay nous juste comme ça.

73
00:07:01,780 --> 00:07:04,380
Et puis la prochaine chose que je veux faire est d'ajouter du contenu.

74
00:07:04,420 --> 00:07:10,320
Ouvrons donc ce fichier avec cette nouvelle commande C9 C-9 affiche slash home.

75
00:07:10,360 --> 00:07:10,610
E.J ..

76
00:07:10,610 --> 00:07:14,800
Oui et ajoutons des trucs ici.

77
00:07:14,890 --> 00:07:17,530
C'est la page d'accueil.

78
00:07:17,890 --> 00:07:19,100
Faisons-le.

79
00:07:19,480 --> 00:07:24,850
Et ajoutons également une image et j'ai une image que je voudrais utiliser ici.

80
00:07:24,850 --> 00:07:26,960
C'est quelque chose qu'on appelle un palm ski.

81
00:07:27,080 --> 00:07:29,230
C'est un Pomeranian et un mélange husky.

82
00:07:29,230 --> 00:07:33,700
Apparemment, il s'agit d'un Parsky plein, ce qui est assez fou si c'est vrai.

83
00:07:33,910 --> 00:07:38,240
Il ressemble à un husky miniaturisé ou juste un chiot husky permanent.

84
00:07:38,350 --> 00:07:41,720
Quoi qu'il en soit, nous copions cette URL et revenons en arrière.

85
00:07:41,800 --> 00:07:44,380
Et bien sûr, vous pouvez faire n'importe quelle image que vous souhaitez.

86
00:07:44,380 --> 00:07:48,670
Vous n'avez pas à aller trouver que ou sans typographie vous êtes Ellaby vous-même et sauver.

87
00:07:49,060 --> 00:07:52,880
Et maintenant, nous allons fermer à ce sujet et nous devrions être bon à aller.

88
00:07:53,050 --> 00:07:58,030
Sauf pour manquer une chose et je vais vraiment laisser exprimer nous dire ce qui nous manque.

89
00:07:58,030 --> 00:07:59,310
Nous recevrons un message d'erreur.

90
00:07:59,530 --> 00:08:02,940
Donc, je vais clarifier cela pour vous donner plus de place.

91
00:08:03,160 --> 00:08:05,510
Et maintenant je vais commencer le serveur.

92
00:08:06,910 --> 00:08:12,110
Et quand nous allons à l'itinéraire route, il appellera la méthode de rendu qui cherchera à la maison.

93
00:08:12,270 --> 00:08:12,950
Oui.

94
00:08:13,150 --> 00:08:15,650
Dans un répertoire appelé views.

95
00:08:15,790 --> 00:08:28,690
Et puis, une fois qu'il le trouve, il prendra le contenu et l'envoyer dans la réponse afin qu'il nous retourner à notre application et de rafraîchir et nous obtenons un message d'erreur ici, il dit ne peut pas trouver Montreuil.

96
00:08:28,690 --> 00:08:28,940
E.J ..

97
00:08:29,020 --> 00:08:29,780
Oui.

98
00:08:30,160 --> 00:08:39,630
Et ce que cela signifie est que express est à la recherche d'un paquet appelé Ejay nous qu'il a besoin d'utiliser afin de rendre et Ejaz fichier.

99
00:08:39,670 --> 00:08:46,590
Donc, nous devons NPM installer Ejay nous et cela aura tous un sens pourquoi nous utilisons Ejaz en quelques minutes.

100
00:08:46,600 --> 00:08:52,440
Mais pour l'instant il suffit de me faire confiance NPM installer ejay nous et nous allons faire dash dash sauver.

101
00:08:53,230 --> 00:08:57,080
Et une fois que finit nous pouvons juste faire le noeud.

102
00:08:57,160 --> 00:09:06,020
J.S. De nouveau et rafraîchir la page maintenant et nous obtenons ceci est la page d'accueil et nos chiots adorables dernier Tomsky plein développé.

103
00:09:06,130 --> 00:09:12,820
Donc maintenant nous avons un fichier de h t m l que nous avons écrit que nous sommes maintenant renvoyer à l'utilisateur et qui est rendu dans le navigateur.

104
00:09:13,030 --> 00:09:17,900
Et c'est génial, mais c'est encore extrêmement limité pour les applications Web.

105
00:09:17,920 --> 00:09:24,530
Cela ne fera que renvoyer exactement la même page à chaque fois et dans la plupart des applications Web ce n'est pas ce que nous voulons.

106
00:09:24,670 --> 00:09:28,260
Peut-être la page d'accueil est la même ou la page de connexion est la même.

107
00:09:28,330 --> 00:09:35,370
Mais une fois que l'utilisateur a ouvert une session, par exemple, il ya généralement un message qui dit bienvenue back appels ou bienvenue de retour.

108
00:09:35,380 --> 00:09:37,960
Adorable Parsky chiot slash adulte.

109
00:09:37,960 --> 00:09:39,870
Permettez-moi de vous montrer ce que je veux dire avec un exemple rapide.

110
00:09:40,060 --> 00:09:45,960
Donc, je vais revenir en arrière et ajouter un nouveau itinéraire et notre itinéraire va être quelque chose comme Slash.

111
00:09:46,060 --> 00:09:54,480
Tomber en amour avec et puis une chose comme Rustie et puis nous pouvons aussi aller tomber en amour avec un palm ski.

112
00:09:54,550 --> 00:09:55,780
Je pense que c'est comme ça que c'est écrit.

113
00:09:55,990 --> 00:10:02,480
Et nous voulons un fichier HMO qui nous montrera un message qui contient la variable de l'itinéraire que le paramètre de chemin d'accès.

114
00:10:02,590 --> 00:10:18,560
Donc, il dirait quelque chose comme vous êtes tombé en amour avec rouillé afin de faire que vous avez besoin de définir ou d'obtenir la chute de slash en amour avec la chose Slash.

115
00:10:18,570 --> 00:10:19,600
C'est ce que nous allons appeler.

116
00:10:19,940 --> 00:10:24,440
Et puis nous avons besoin de notre demande et de réponse à l'intérieur du rappel.

117
00:10:24,440 --> 00:10:39,950
Et tout comme le dernier exercice permettra de capturer la chose qui sera la chose de VAR équivaut à demander jusqu'à harams chose et puis nous pouvons commencer avec ce simple point rouge envoyer tout comme nous l'avons fait avec l'exercice de parler animal.

118
00:10:39,960 --> 00:10:41,770
Le porc dit oink.

119
00:10:41,900 --> 00:10:44,050
La vache dit moo peut faire la même chose ici.

120
00:10:44,060 --> 00:10:51,130
Donc, nous allons juste dire que vous êtes tombés amoureux d'une chose plus.

121
00:10:51,890 --> 00:10:52,310
D'accord.

122
00:10:52,340 --> 00:11:12,850
Donc, c'est un examen et si je redémarrer le serveur maintenant et je reviens et maintenant je vais à slash tomber en amour avec Slash ske nous vous obtenons tombé en amour avec Tomsky qui n'est pas exactement grammaticalement correcte, mais encore une fois ni le mot pompes.

123
00:11:13,070 --> 00:11:36,380
Donc, je vais revenir en arrière et maintenant ce que nous voulons faire est de comprendre comment nous pouvons envoyer un H à lui, je vais fichier retour qui dit que vous êtes tombé en amour avec plus et puis quelque chose, nous pouvons commencer par créer le fichier et nous 'Ll appeler ce fichier dans le répertoire vues et l'appeler ce que vous voulez bien sûr, mais je vais juste aller avec amour EJ Comme pour le garder court et alors nous allons remplir cela.

124
00:11:36,380 --> 00:11:40,520
Donc nous avons besoin C-9 vues slash.

125
00:11:40,940 --> 00:11:41,840
J'aime ça.

126
00:11:41,950 --> 00:11:51,910
Oui, nous avons cette ouverture et commençons par simplement ajouter en vous êtes tombé en amour avec et puis nous avons besoin de remplir le blanc.

127
00:11:52,010 --> 00:12:07,500
Mais nous ne savons pas quoi mettre ici encore, alors nous allons juste laisser comme ça et mettons une note ici qui dit P.S. C'est l'amour que Ejay nous dépose juste pour que vous sachiez qu'il provient du fichier Ejaz.

128
00:12:07,500 --> 00:12:10,430
Ce n'est pas l'envoi redstart que nous avons en ce moment.

129
00:12:10,490 --> 00:12:12,270
En fait pour se débarrasser de cela.

130
00:12:13,100 --> 00:12:18,230
Donc ce que nous voulons faire est de rendre ce fichier ainsi lu n'est pas rendre.

131
00:12:18,500 --> 00:12:21,420
Et le nom du fichier est l'amour que E.J ..

132
00:12:21,420 --> 00:12:27,080
Oui, il sera automatiquement regarder dans le répertoire vues qui est juste là.

133
00:12:27,110 --> 00:12:31,980
Là-bas nous allons nous avons deux fichiers, nous allons commencer le serveur jusqu'à Node.

134
00:12:32,110 --> 00:12:36,260
Oui redémarre et rafraîchit.

135
00:12:36,590 --> 00:12:36,920
D'ACCORD.

136
00:12:36,950 --> 00:12:38,520
Notre dossier est donc ici.

137
00:12:38,540 --> 00:12:41,700
Vous êtes tombé amoureux et nous devons remplir le blanc ici.

138
00:12:41,990 --> 00:12:57,950
Et je sais que c'est un exemple vraiment simple qui est le point que je ne veux pas vous confondre avec quelque chose de fou encore, mais ce type de logique est vraiment important où nous pouvons remplir un modèle avec des données revenant d'une base de données ou de données Qu'un utilisateur a fourni là où il n'est pas un fichier kill statique.

139
00:12:57,980 --> 00:13:00,220
C'est exactement la même chose à chaque fois.

140
00:13:00,260 --> 00:13:05,770
Nous voulons essentiellement ajouter des variables dans HTL et c'est ce que chaque Oui nous permet de faire.

141
00:13:06,080 --> 00:13:09,380
So E.J. S signifie javascript incorporé.

142
00:13:09,380 --> 00:13:18,520
Il nous permet d'intégrer des variables de code javascript si les instructions boucles à l'intérieur de H Timo.

143
00:13:18,560 --> 00:13:20,450
Donc, c'est comment nous pourrions faire quelque chose comme.

144
00:13:20,840 --> 00:13:30,650
Vous êtes tombé en amour avec et alors ici ceci ne fonctionnera pas encore pourtant mais nous pourrions mettre notre variable appelée la chose laisse juste la faire dans toute la variable de casquette.

145
00:13:30,650 --> 00:13:37,700
Mais cela ne fonctionnera pas parce qu'il va juste le traiter comme HMO régulier et il nous montrera juste la variable de chose de mot.

146
00:13:37,700 --> 00:13:44,200
Nous devons faire quelque chose pour dire à chacun de nous que c'est le code javascript ne pas lui apprendre que je vais traiter ce javascript comme.

147
00:13:44,390 --> 00:13:47,160
Heureusement, il nous donne juste une façon de le faire.

148
00:13:47,210 --> 00:13:49,600
C'est un peu bizarre quand on le voit pour la première fois.

149
00:13:49,790 --> 00:13:51,220
Ça ressemble à ça.

150
00:13:51,830 --> 00:14:03,150
Donc, nous avons nos parenthèses, puis les signes de pourcentage, puis signe égal sur la parenthèse d'ouverture et tout ce qui va entre ces deux crochets ici va être traité comme Javascript.

151
00:14:03,320 --> 00:14:14,010
Donc, je vais vous montrer ce que je veux dire, nous pouvons simplement utiliser quelque chose comme cinq plus cinq qui en HM L régulière et je vais le faire en fait pour vous montrer cinq plus cinq.

152
00:14:14,450 --> 00:14:22,000
Sans ces collègues, il suffit d'imprimer cinq plus cinq, mais si nous le faisons ici, nous allons effectivement imprimer.

153
00:14:22,130 --> 00:14:36,920
Donc, je vais enregistrer ce modèle de quitter ou de démarrer le serveur de nouveau nœud après J nous et rafraîchir la page et nous vous obtenons tombé en amour avec cinq plus cinq dix.

154
00:14:37,130 --> 00:14:38,010
Et je l'ai totalement compris.

155
00:14:38,030 --> 00:14:41,270
Si je fais une pause de cinq dix est une prise complète tout droit tout droit.

156
00:14:41,270 --> 00:14:42,220
Nous reviendrons donc.

157
00:14:42,350 --> 00:14:44,980
Donc nous ne voulons pas que cinq plus cinq soient imprimés là-bas.

158
00:14:45,020 --> 00:14:48,830
Mais nous voulons réellement est la chose variable.

159
00:14:48,890 --> 00:14:52,780
Nous l'appellerons juste la VAR de chose ou elle font juste la chose loin.

160
00:14:52,940 --> 00:14:56,180
Et cela doit venir de notre code ici.

161
00:14:56,180 --> 00:15:07,290
Donc, ce que nous devons faire est de passer cette chose valeur à notre amour que E.J. Comme modèle et nous voulons l'imprimer et tandis que nous sommes ici aussi se débarrasser des cinq plus cinq.

162
00:15:07,490 --> 00:15:15,400
Donc, nous vous obtenons tombé en amour avec et puis nous avons besoin de définir la chose loin et vous pourriez penser que nous pourrions simplement faire cette chose var.

163
00:15:15,410 --> 00:15:18,200
Var est égal à la demande de la chose slot.

164
00:15:18,440 --> 00:15:24,360
Et vous pouvez espérer que exprimé automatiquement envoie toutes ces variables d'une manière ou d'une autre à ce modèle.

165
00:15:24,410 --> 00:15:26,410
Et il sait juste sur la chose var.

166
00:15:26,750 --> 00:15:28,550
Malheureusement ce n'est pas comment ça marche.

167
00:15:28,670 --> 00:15:38,590
Et je vais vous montrer que redémarrer le serveur, je vais obtenir un message d'erreur et il me dit rien var n'est pas définie.

168
00:15:38,930 --> 00:15:41,800
Donc, maintenant, je dois revenir en arrière et définir la barre de chose.

169
00:15:41,960 --> 00:15:52,170
Et la façon dont je fais que est en fait passer à travers à mon aimé E.J. S modèle et je le fais sur la ligne de rendu de point quand vous le passez comme un objet.

170
00:15:52,340 --> 00:15:57,210
Et dans cet objet je peux mettre plusieurs morceaux de données que je veux avoir dans mon modèle.

171
00:15:57,440 --> 00:16:10,910
Donc, plutôt que les choses vont juste appeler la chose pour rendre cela plus clair et puis ici je vais passer des données à travers et je vais dire dans le template chose var devrait être égal à chose.

172
00:16:11,330 --> 00:16:15,420
Ce que cela va faire est de prendre la valeur de la chose et de le coller ici.

173
00:16:15,560 --> 00:16:19,450
Donc, il ressemblera à une chose loin est égal à Rusty.

174
00:16:19,610 --> 00:16:22,760
Et puis ici, chose var sera remplacé.

175
00:16:22,760 --> 00:16:25,810
Tout cela serait remplacé par rouillé.

176
00:16:26,460 --> 00:16:29,600
OK, nous allons laisser cela à cela.

177
00:16:29,600 --> 00:16:42,240
Revenez ici et pourquoi ne pas commencer par le codage dur comme resti juste comme ça et va redémarrer le serveur et je vais rafraîchir la page et je vous obtenez tombé en amour avec Rusty.

178
00:16:42,350 --> 00:16:56,000
Donc, plutôt que de faire une chaîne de la prochaine étape est juste de revenir à ce que nous avions qui est la chose entière variable sauver et je vais passer que par sous la barre de nom de chose et puis nous rendre cela ici avec là.

179
00:16:56,010 --> 00:16:58,350
E.J. A tagué cette chose regardant wonky.

180
00:16:58,610 --> 00:17:02,200
Redémarrez le serveur à nouveau revenir.

181
00:17:02,390 --> 00:17:05,910
Maintenant, je vous fais tomber en amour avec Parsky.

182
00:17:06,070 --> 00:17:13,440
Et si je vais à vous vous êtes tombé en amour avec Tater Tots qui est également reflété ici.

183
00:17:13,520 --> 00:17:16,510
C'est un concept très puissant que nous allons utiliser.

184
00:17:16,520 --> 00:17:27,950
Comme je l'ai dit et à peu près toutes les applications à partir de maintenant sur ces pages dynamiques ayant itched lui toutes les réponses qui peuvent changer en fonction de ce que l'utilisateur a demandé dans des morceaux de données spécifiques dans la demande.

185
00:17:27,950 --> 00:17:31,630
L'autre chose que je vais montrer, c'est que ce n'est que Javascript régulier.

186
00:17:31,730 --> 00:17:42,100
Donc, ici, je peux faire des choses comme en majuscules et ce sera exécuté en premier et puis il retournera quelque chose qui sera imprimé comme rouillé.

187
00:17:42,470 --> 00:17:47,020
Donc, c'est juste javascript régulier et nous allons parler plus de ce qui devrait aller ici et ce qui ne devrait pas.

188
00:17:47,150 --> 00:17:53,200
Parce qu'il ya quelques règles que vous ne voulez pas encombrer votre vieilli il hors de tout votre modèle Ejaz avec des tonnes et des tonnes de javascript.

189
00:17:53,300 --> 00:17:57,070
Vous voulez le garder à un minimum, mais pour l'instant je vais le faire et d'économiser.

190
00:17:57,230 --> 00:17:58,990
Et ce sera la toute dernière chose que nous faisons.

191
00:17:59,270 --> 00:18:01,860
Redémarrez l'actualisation du serveur.

192
00:18:02,180 --> 00:18:04,280
Et maintenant, je reçois une version en majuscule.

193
00:18:04,280 --> 00:18:06,600
D'accord, maintenant, rappelons tout ce dont nous avons parlé.

194
00:18:06,620 --> 00:18:08,330
Il y a beaucoup de choses dans cette leçon.

195
00:18:08,360 --> 00:18:20,600
La première chose est que nous pouvons renvoyer le contenu d'un fichier à l'aide redstart rendre comme nous l'avons fait ici et ici et ces modèles doivent exister dans le répertoire de vues exprimé automatiquement regarde là.

196
00:18:20,600 --> 00:18:31,440
La prochaine chose que nous avons parlé de son Ejaz qui représente javascript incorporé et c'est ce qui nous permet d'avoir des modèles dynamiques HDMI out qui va changer en fonction de certaines données que nous fournissons.

197
00:18:31,640 --> 00:18:37,730
Nous avons vu que nous devions faire chaque Oui et ensuite avoir notre dossier appelé quelque chose DOD Ejay Oui.

198
00:18:37,940 --> 00:18:47,230
Et puis nous avons aussi eu besoin d'exécuter NPM installer Ejay nous et puis la dernière chose est que nous pouvons utiliser Ejay nous crochets qui sont très bizarres au début à taper.

199
00:18:47,360 --> 00:19:07,270
Vous n'êtes probablement pas habitué à utiliser cette partie du clavier autant, mais il ya des parenthèses où le signe pourcentage et un égal et puis de l'autre côté c'est juste un signe de pourcentage et tout ce qui va à l'intérieur est traité comme code JavaScript d'abord et puis Tout ce que le code retourne est alors imprimé à l'HMO et de transmettre des données.

200
00:19:07,760 --> 00:19:12,500
Nous pouvons passer un objet dans l'appel de rendu de point rouge où nous avons des paires de valeur de clé.

201
00:19:12,500 --> 00:19:14,660
C'est juste un objet javascript régulier.

202
00:19:14,660 --> 00:19:19,890
Et dans le modèle, nous avons accès aux variables que nous définissons sont les propriétés de l'objet.

203
00:19:19,910 --> 00:19:26,330
Dans ce cas, la chose est égale à ce que la valeur de la chose est qui change à chaque fois.

204
00:19:26,570 --> 00:19:29,510
Et ici nous pouvons utiliser la chose pour.

205
00:19:29,780 --> 00:19:32,830
OK alors je sais qu'il ya beaucoup dans cette vidéo beaucoup à digérer.

206
00:19:32,840 --> 00:19:36,280
Nous aurons beaucoup plus de pratique avec ces concepts en particulier.

207
00:19:36,320 --> 00:19:36,590
E.J ..