1
00:00:00,240 --> 00:00:03,200
このレッスンをもう一度歓迎します。私はどのように書くことができるかをお見せしましょう。

2
00:00:03,210 --> 00:00:03,990
H m l。

3
00:00:04,020 --> 00:00:09,420
別のファイルで、redstart

4
00:00:09,420 --> 00:00:12,000
sendを使用してこれまで行っていたことではなく、レスポンスでそのファイルを送り返すことができます。

5
00:00:12,090 --> 00:00:13,880
ここには3つの主な目的があります。

6
00:00:13,890 --> 00:00:20,400
1つ目は、redstartレンダリングを使用して各ファイルからファイルを返すレンダリングで、各自が何を話しているのかがわかるようになります。

7
00:00:20,400 --> 00:00:23,150
 

8
00:00:23,460 --> 00:00:24,740
それが次の目的です。

9
00:00:24,780 --> 00:00:27,340
Ejazが何であるか、なぜそれを使うのかを説明してください。

10
00:00:27,360 --> 00:00:30,920
最後にEjayに変数をテンプレートとして渡します。

11
00:00:30,930 --> 00:00:35,760
 

12
00:00:35,760 --> 00:00:41,640
だから、ここで私は新しいExpressアプリケーションが必要になるだろうし、私はすべてのビデオでやっていないが、それはまだかなり早い段階で基本的なエクスプレスアプリを最初から作成するつもりだ。

13
00:00:41,640 --> 00:00:42,440
 

14
00:00:42,480 --> 00:00:46,440
そして、私はちょうどあなたがそれを見て、それをやることに慣れていることを確認したいです。

15
00:00:46,440 --> 00:00:48,280
 

16
00:00:48,300 --> 00:00:54,210
Expressというディレクトリを持っており、その中に新しいディレクトリを作って、このEjayデモと呼ぶことにします。

17
00:00:55,110 --> 00:01:01,130
だから私はこのユニットのために働いているMore

18
00:01:02,290 --> 00:01:10,540
そして、Ejazデモの代わりにNPMを実行して、これをスピードアップします。

19
00:01:10,560 --> 00:01:11,990
その名前は大丈夫です。

20
00:01:12,000 --> 00:01:14,800
バージョンは細かい説明が空です。

21
00:01:14,880 --> 00:01:16,700
私はいつもこれをappに変更したい。

22
00:01:16,830 --> 00:01:17,490
はい。

23
00:01:17,490 --> 00:01:19,690
ただ個人的な好み。

24
00:01:20,070 --> 00:01:21,580
数回入力してください。

25
00:01:21,660 --> 00:01:25,100
あなたはそれらのいずれかを埋める必要はありませんし、そこに行く。

26
00:01:25,470 --> 00:01:32,940
そして、今私たちに許可すれば、Jasonが私たちの行為を作ってくれるようなパッケージがあります。また、NPM install express

27
00:01:32,940 --> 00:01:39,120
dash dash saveも実行します。

28
00:01:39,150 --> 00:01:41,360
そこに行く。

29
00:01:41,400 --> 00:01:45,780
さて、ジャズファイルを開いてそこにコードを追加しましょう。

30
00:01:45,780 --> 00:01:52,410
そしてlsを実行してからJをクリックするのではなく S. 私は最近これを行う別の方法を見つけたオープンをクリックします。

31
00:01:52,410 --> 00:01:53,350
 

32
00:01:53,460 --> 00:02:00,570
クラウド9が最近追加したのは、C9スペースを入力した後にファイル名またはファイルへのパスを入力した場合です。

33
00:02:00,570 --> 00:02:01,290
 

34
00:02:01,380 --> 00:02:03,040
だからC9ベースアプリ。

35
00:02:03,060 --> 00:02:07,090
Jはい、それはエディターであなたのために開きます。

36
00:02:07,200 --> 00:02:11,760
lsをタイプしてからファイルをクリックしてからOpenをクリックするよりもはるかに高速です。

37
00:02:11,760 --> 00:02:22,380
だからここでは基本的な表現のコードを取得しましょう。これまでの表現では表現が必要で、次にvar app

38
00:02:22,410 --> 00:02:25,160
equalsはそれを関数として実行します。

39
00:02:25,170 --> 00:02:33,710
あなたがたまに見ることの1つは、誰かがSavarアプリがExpressを要求していると言っていて、すぐにそれをただちに関数として実行するということです。

40
00:02:33,840 --> 00:02:36,720
 

41
00:02:36,720 --> 00:02:43,410
ほとんどの人は2つの別々の手順でこれを行うでしょうが、最も一般的には、Xpressとアプリでそれらが何でもよいことがわかります。

42
00:02:43,500 --> 00:02:45,660
 

43
00:02:45,660 --> 00:02:46,950
さあ、その行動を起こしましょう。

44
00:02:46,950 --> 00:02:53,450
EMVポートを処理しているポートが必要なので、そのD-NV

45
00:02:53,800 --> 00:03:02,280
IPを処理するポートが必要なので、クラウド9が設定しているポートフォリオが必要です。

46
00:03:02,280 --> 00:03:06,250
IPアドレス。

47
00:03:06,510 --> 00:03:13,230
そして、コールバックを追加すると、サーバーが設定された後に実行されるコールバックが追加され、ログに関する情報が表示されます。

48
00:03:13,230 --> 00:03:15,840
 

49
00:03:16,060 --> 00:03:21,540
サーバーはそのように聞いていて、保存します。

50
00:03:21,540 --> 00:03:25,350
今度は最初のルートを追加してルートルートを作成しましょう。

51
00:03:25,350 --> 00:03:30,090
私はいつもそこから始めるのが好きです。それは、私がルートを発音するこの言葉がルートとして発音するので、私の生徒の何人かにはいつも混乱する言い方です。

52
00:03:30,090 --> 00:03:34,130
 

53
00:03:34,410 --> 00:03:36,830
私が根を言う時、私はそれを非常に明確にしようとします。

54
00:03:36,900 --> 00:03:41,250
私はこのようにR O Tについて話しているだけです。

55
00:03:41,280 --> 00:03:42,870
ルートルート。

56
00:03:43,140 --> 00:03:53,040
これをaptに追加して、ルートまたはスラッシュを追加してから、要求を取得する要求がスラッシュになるたびにコールバック関数が実行され、これらの2つのオブジェクトが応答で要求されると、コールバック関数が実行されます。私たちは単純なことをします。

57
00:03:53,040 --> 00:04:00,450
 

58
00:04:00,450 --> 00:04:06,500
 

59
00:04:06,540 --> 00:04:08,700
ホームページへようこそ。

60
00:04:08,730 --> 00:04:11,730
これと同じように、この時点ですべてがレビューになるはずです。

61
00:04:12,090 --> 00:04:16,020
サーバーをノードjのように起動しましょう。

62
00:04:16,890 --> 00:04:18,280
すべてが良いのように見えます。

63
00:04:18,390 --> 00:04:22,500
ここでルートページに移動し、更新しましょう。

64
00:04:22,500 --> 00:04:23,710
ホームページへようこそ。

65
00:04:23,890 --> 00:04:28,580
明らかに、このタイプのコンテンツは1行のテキストがかなり退屈です。

66
00:04:28,610 --> 00:04:34,890
それを少し上手にするためにできることは、ここに戻ってこれをH-2A Melにすることです。

67
00:04:34,950 --> 00:04:43,640
ちょうどそれが好きなら、それから私はそれを下に加え、H-2を追加することができます。

68
00:04:43,770 --> 00:04:45,910
ちょうどそれのように。

69
00:04:46,020 --> 00:04:46,760
そこに行く。

70
00:04:46,920 --> 00:04:50,730
これを保存してサーバーを再起動すると

71
00:04:51,120 --> 00:04:53,980
そしてここに戻り、リフレッシュします。

72
00:04:53,980 --> 00:05:00,070
私たちはHVMのアルバムを私たちに提供していますが、それは実際にはページ全体を実際にタイプするのは信じられないほど痛いものです。

73
00:05:00,070 --> 00:05:00,850
 

74
00:05:00,850 --> 00:05:04,290
それは技術的に可能ですが、それはとても難しいでしょう。

75
00:05:04,450 --> 00:05:05,720
それは良い考えではありません。

76
00:05:05,920 --> 00:05:10,870
幸いなことに、すべてのコードを別々のファイルに書き込むことができる、より簡単な方法があります。すべてのC

77
00:05:10,960 --> 00:05:17,070
Sが必要です。すべてのフロントエンドのjavascriptは、ユーザーに送り返したいので、メソッドを使用できます。レンダリングと呼ばれるメソッドは、レスポンスオブジェクト上に存在します。

78
00:05:17,530 --> 00:05:23,920
 

79
00:05:23,920 --> 00:05:24,430
 

80
00:05:24,430 --> 00:05:26,730
私たちのケースではレストなので、残りの部分はレンダリングしません。

81
00:05:26,730 --> 00:05:35,170
そして、私たちはそれをホームページやホームドットのようなファイルの名前、あるいはDogstarを老化させたものなど、そのようなものを与えます。

82
00:05:35,170 --> 00:05:36,950
 

83
00:05:37,270 --> 00:05:40,950
もちろん、そのファイルを作成しておく必要があります。そのファイルには何らかのコンテンツが必要です。

84
00:05:41,230 --> 00:05:46,840
しかし、私たちがそれをする前でさえ、私はこの行を取り除く小さな問題があり、問題はエクスプレスを使うときに私たちは普通のファイルを書きません。

85
00:05:46,840 --> 00:05:50,810
 

86
00:05:50,950 --> 00:05:52,400
それを行う方法があります。

87
00:05:52,420 --> 00:05:58,060
それはもう少しセットアップが必要ですが、私たちのWebアプリケーションのほとんどは返される標準的なTim静的ファイルではありません。

88
00:05:58,060 --> 00:05:59,410
 

89
00:05:59,590 --> 00:06:05,290
私たちが探しているのはテンプレートと呼ばれる動的HTMLファイルです。このビデオの後半ではそれらを紹介します。

90
00:06:05,290 --> 00:06:07,080
 

91
00:06:07,270 --> 00:06:13,360
しかし今のところ私はここに行き、これをEに変更するつもりです。 J. 私はEについて言います。 J.

92
00:06:13,360 --> 00:06:18,280
 

93
00:06:18,280 --> 00:06:23,250
それが埋め込まれたjavascriptを表していることと、Dogstarと呼ばれるファイルをレンダリングするリクエストがあった場合、約5分でもっと多くのことを学ぶということです。

94
00:06:23,380 --> 00:06:23,990
はい。

95
00:06:24,060 --> 00:06:28,060
ルートルートの方が理にかなっているので、それを自宅に変更しましょう。

96
00:06:28,330 --> 00:06:33,580
そのファイルを作成する必要があります。実際には、実際には同じディレクトリに作成しません。

97
00:06:33,580 --> 00:06:34,340
 

98
00:06:34,570 --> 00:06:41,560
私たちがする必要があるのは、viewsと呼ばれる新しいディレクトリを作成することです。これは、エクスプレスが探しているディレクトリである任意の名前ではありません。

99
00:06:41,560 --> 00:06:43,380
 

100
00:06:43,540 --> 00:06:49,360
ですから、ファイルが何であれレンダリングされるときにはいつでも、viewsディレクトリを最初に調べて、ヒューズ内でこの正確なファイルを探してみてください。

101
00:06:49,360 --> 00:06:52,650
 

102
00:06:52,660 --> 00:06:54,790
それでは、それを作成しましょう。

103
00:06:54,790 --> 00:07:01,520
だから私はEjay私たちだけのようなタッチのビュースラッシュホームを行うでしょう。

104
00:07:01,780 --> 00:07:04,380
そして次に私がやりたいことは、いくつかのコンテンツを追加することです。

105
00:07:04,420 --> 00:07:10,320
だから、その新しいC9コマンドでそのファイルを開きましょう。C-9はスラッシュ・ホームを表示します。

106
00:07:10,360 --> 00:07:10,610
E. J. はい、ここにいくつかのものを追加しましょう。

107
00:07:10,610 --> 00:07:14,800
これはホームページです。

108
00:07:14,890 --> 00:07:17,530
これを修正しましょう。

109
00:07:17,890 --> 00:07:19,100
そして、画像を追加してみましょう。私はここで使用したい画像を持っています。

110
00:07:19,480 --> 00:07:24,850
これはパームスキーと呼ばれるものです。

111
00:07:24,850 --> 00:07:26,960
ポメラニアンとハスキーミックスです。

112
00:07:27,080 --> 00:07:29,230
確かにこれは完全に成長したパースキーであり、これは本当に狂っている。

113
00:07:29,230 --> 00:07:33,700
それは、小型のハスキーまたは恒久的なハスキーな子犬のように見えます。

114
00:07:33,910 --> 00:07:38,240
とにかく、このURLをコピーして戻ってきます。

115
00:07:38,350 --> 00:07:41,720
もちろん、あなたは好きなイメージを作ることができます。

116
00:07:41,800 --> 00:07:44,380
あなたはそれを見つける必要はありませんか、あなたは自分自身をEllabyであり、保存しません。

117
00:07:44,380 --> 00:07:48,670
そして今、私たちはこれを終わらせ、私たちは行かなくてはなりません。

118
00:07:49,060 --> 00:07:52,880
1つのことが欠けていることを除いて、私は実際に明示的に私たちに何が欠けているか教えさせるつもりです。

119
00:07:53,050 --> 00:07:58,030
エラーメッセージが表示されます。

120
00:07:58,030 --> 00:07:59,310
だから私はあなたのためにいくつかの余地を作るためにこれをクリアするつもりです。

121
00:07:59,530 --> 00:08:02,940
そして今、私はサーバーを起動します。

122
00:08:03,160 --> 00:08:05,510
ルートルートに行くと、レンダリングメソッドが呼び出され、家を探します。

123
00:08:06,910 --> 00:08:12,110
はい。

124
00:08:12,270 --> 00:08:12,950
ビューと呼ばれるディレクトリの内部。

125
00:08:13,150 --> 00:08:15,650
 

126
00:08:15,790 --> 00:08:21,580
そしてそれが見つかると、内容を取り戻して返信して、アプリに戻ってリフレッシュして、ここにMontreuilが見つからないというエラーメッセージが表示されます。

127
00:08:21,580 --> 00:08:28,690
E. J. はい。

128
00:08:28,690 --> 00:08:28,940
 

129
00:08:29,020 --> 00:08:29,780
そしてそれが意味することは、Expressは、Ejazファイルをレンダリングして使用するために必要なEjayというパッケージを探していることです。

130
00:08:30,160 --> 00:08:36,340
だから私たちはNPMにEjayをインストールする必要があります。これはすべて、数分でEjazを使用している理由を意味します。

131
00:08:36,340 --> 00:08:39,630
しかし、今はただ私を信頼してください。NPMは私たちにEjayをインストールします。私たちはダッシュダッシュを保存します。

132
00:08:39,670 --> 00:08:46,570
そしてそれが終わると、私たちは単にノードを行うことができます。

133
00:08:46,600 --> 00:08:52,440
J. S. もう一度ページをリフレッシュしてください。これはホームページです。私たちの愛らしい子犬たちは、完全に成長したトムスキーで最後になりました。

134
00:08:53,230 --> 00:08:57,080
 

135
00:08:57,160 --> 00:09:04,570
だから今私たちは、私たちが書いたファイルを持っています。私たちはユーザーに返信しており、ブラウザに表示されています。

136
00:09:04,570 --> 00:09:06,020
 

137
00:09:06,130 --> 00:09:11,530
これは素晴らしいことですが、これはWebアプリケーションにとっては依然として非常に限られています。

138
00:09:11,530 --> 00:09:12,820
 

139
00:09:13,030 --> 00:09:17,900
これは毎回まったく同じページを返すだけで、私たちが望んでいないほとんどのWebアプリケーションに戻します。

140
00:09:17,920 --> 00:09:23,980
ホーム・ページが同じであるか、ログイン・ページが同じである可能性があります。

141
00:09:23,980 --> 00:09:24,530
 

142
00:09:24,670 --> 00:09:28,260
しかし、一旦ユーザがログインすると、通常、歓迎されたコールバックまたは歓迎されたメッセージがあります。

143
00:09:28,330 --> 00:09:33,850
愛らしいパースキー子犬スラッシュ大人。

144
00:09:34,300 --> 00:09:35,370
簡単な例を挙げて私の言いたいことを教えてください。

145
00:09:35,380 --> 00:09:37,960
だから私は戻って新しいルートを追加し、私たちのルートはスラッシュのようなものになるでしょう。

146
00:09:37,960 --> 00:09:39,870
ラスティーのようなものと恋に落ちると、パームスキーと恋に落ちることもできます。

147
00:09:40,060 --> 00:09:45,960
私はそれが綴られている方法だと思います。

148
00:09:46,060 --> 00:09:54,100
そして、我々は経路パラメータからの経路からの変数を含むメッセージを私たちに示すHMOファイルが必要です。

149
00:09:54,550 --> 00:09:55,780
 

150
00:09:55,990 --> 00:10:01,780
だから、あなたが錆びていることに恋しているように、スラッシュのことを定義したり、スラッシュを恋に落としたりする必要があると言います。

151
00:10:01,780 --> 00:10:02,480
 

152
00:10:02,590 --> 00:10:14,900
それが私たちが呼ぶものです。

153
00:10:15,290 --> 00:10:18,560
そしてコールバック内でリクエストと応答が必要です。

154
00:10:18,570 --> 00:10:19,600
 

155
00:10:19,940 --> 00:10:24,440
 

156
00:10:24,440 --> 00:10:32,480
そして、最後の練習がVARのことがハラームのことを要求するものになるようにキャプチャし、動物の話す運動と同じように、この単純な赤い点で始めることができます。

157
00:10:32,960 --> 00:10:39,290
豚はoinkと言います。

158
00:10:39,290 --> 00:10:39,950
牛は、ムーはここで同じことをすることができると言います。

159
00:10:39,960 --> 00:10:41,770
だから、あなたは恋に落ちたと言うでしょう。

160
00:10:41,900 --> 00:10:44,050
大丈夫。

161
00:10:44,060 --> 00:10:51,130
 

162
00:10:51,890 --> 00:10:52,310
 

163
00:10:52,340 --> 00:11:00,890
これはレビューであり、私は今サーバを再起動して戻ってきて、スラッシュ・スケッチと恋に落ちるようになりました.Tomskyと恋に落ちました.Tomskyは正確には文法的には正しくありませんが、再びPompsという言葉はありません。

164
00:11:01,280 --> 00:11:10,820
 

165
00:11:10,820 --> 00:11:12,850
 

166
00:11:13,070 --> 00:11:18,770
 

167
00:11:18,950 --> 00:11:25,850
だから私は元に戻って、今私たちがやりたいことは、彼にHを送ることができるかを理解することです。私はあなたに恋に落ちたと言います。ファイルを作成することで始めることができます。このファイルをviewsディレクトリの中で呼び出すだけで、あなたが望むものを呼び出すことができますが、私は愛Eと一緒に行きます。 J. それを短くしておいてから、それを記入します。

168
00:11:25,850 --> 00:11:31,490
だから私たちはC-9ビューをスラッシュする必要があります。

169
00:11:31,490 --> 00:11:36,380
それ大好き。

170
00:11:36,380 --> 00:11:40,520
はい、私たちはそれを開いて、ただあなたを追加することから始めましょう。あなたと恋に落ちました。そして、私たちは空白を埋める必要があります。

171
00:11:40,940 --> 00:11:41,840
 

172
00:11:41,950 --> 00:11:51,110
しかし、私たちはここに何を置くべきかはまだ分かりませんので、そのまま残しておきましょう。

173
00:11:51,110 --> 00:11:51,910
S. これは、Ejazファイルから来ていることを知るために、Ejayが私たちに提出した愛です。

174
00:11:52,010 --> 00:11:56,780
私たちが今持っているのは赤いスタートです。

175
00:11:56,780 --> 00:12:07,500
実際にはそれを取り除くために。

176
00:12:07,500 --> 00:12:10,430
だから私たちがしたいのは、そのファイルをレンダリングして、読み込みがレンダリングされないようにすることです。

177
00:12:10,490 --> 00:12:12,270
そしてそのファイルの名前はその愛である。 J. はい、自動的にそこにあるviewsディレクトリを探します。

178
00:12:13,100 --> 00:12:18,230
ここでは2つのファイルがあるので、ノードを起動してみましょう。

179
00:12:18,500 --> 00:12:21,420
はい、再起動して更新します。

180
00:12:21,420 --> 00:12:27,080
OK。

181
00:12:27,110 --> 00:12:31,980
だから私たちのファイルはここにあります。

182
00:12:32,110 --> 00:12:36,260
あなたは恋に落ちて、ここに空白を記入する必要があります。

183
00:12:36,590 --> 00:12:36,920
 

184
00:12:36,950 --> 00:12:38,520
 

185
00:12:38,540 --> 00:12:41,700
そして、私はこれが本当に簡単な例であることを知っています。あなたを混乱させたくない点です。しかし、このタイプのロジックは、データベースやデータから戻ってくるデータでテンプレートを埋めることができる重要な場所ですユーザーが静的な強制終了ファイルではない場所をユーザーが指定したことを示します。

186
00:12:41,990 --> 00:12:46,250
それはまったく同じです。

187
00:12:46,250 --> 00:12:51,860
基本的にはHTLに変数を追加したいと思います。

188
00:12:51,860 --> 00:12:57,950
だからE. J. Sは埋め込まれたjavascriptを表します。

189
00:12:57,980 --> 00:13:00,220
これは、ステートメントがH Timoの内部でループする場合、JavaScriptコード変数を埋め込むことができます。

190
00:13:00,260 --> 00:13:05,770
それで、私たちは何かのようにすることができました。

191
00:13:06,080 --> 00:13:09,380
 

192
00:13:09,380 --> 00:13:18,520
あなたは恋に落ちました、そして、ここでこれはまだ動作しませんが、私たちの変数を置くことができます。

193
00:13:18,560 --> 00:13:20,450
 

194
00:13:20,840 --> 00:13:26,970
しかし、これは通常のHMOとして扱うだけなので、うまく機能しません。

195
00:13:27,640 --> 00:13:30,650
 

196
00:13:30,650 --> 00:13:36,430
私たちに、これがjavascriptコードであることを教えてくれないことを教えるために何かする必要があります。私はこれをjavascriptのように扱います。

197
00:13:36,440 --> 00:13:37,700
幸いにも、それは私たちにそれを行う方法を与えてくれるだけです。

198
00:13:37,700 --> 00:13:43,010
あなたが初めてそれを見るとき、少し奇妙です。

199
00:13:43,010 --> 00:13:44,200
それはこのように見えます。

200
00:13:44,390 --> 00:13:47,160
だから、括弧がついていてパーセント記号がついていて、括弧の上に等号があり、この2つの括弧の間にあるものはすべてJavascriptとして扱われます。

201
00:13:47,210 --> 00:13:49,600
 

202
00:13:49,790 --> 00:13:51,220
だから私は、あなたが何を意味するかを私たちは、通常のH

203
00:13:51,830 --> 00:13:58,640
M Lで5と5のようなものを使用することができることを示し、私は実際にあなたが5と5を示すためにそれを行うでしょう。

204
00:13:58,640 --> 00:14:03,150
これらのEjayがない場合は、大括弧は5

205
00:14:03,320 --> 00:14:10,580
+ 5を印刷しますが、ここでは10個を実際に印刷します。

206
00:14:10,580 --> 00:14:14,010
だから私はこのテンプレートを保存したり、Jの後にサーバーを再起動してページをリフレッシュして、あなたが5

207
00:14:14,450 --> 00:14:20,480
+ 5に恋に落ちるようにします。

208
00:14:20,480 --> 00:14:22,000
そして、私はそれを完全に得る。

209
00:14:22,130 --> 00:14:33,230
私が5時を一時停止すれば、大丈夫です。

210
00:14:33,230 --> 00:14:36,920
だから私たちは戻ってきます。

211
00:14:37,130 --> 00:14:38,010
だから我々はそこに5プラス5を印刷したくない。

212
00:14:38,030 --> 00:14:41,270
しかし、私たちは実際には物事を変えたいです。

213
00:14:41,270 --> 00:14:42,220
私たちは単にそれをVARと呼ぶか、まさにそれを遠くにしようとします。

214
00:14:42,350 --> 00:14:44,980
そして、これはここのコードから来る必要があります。

215
00:14:45,020 --> 00:14:48,830
だから私たちがしなければならないことは、この価値のものを私たちの愛に伝えることです。 J.

216
00:14:48,890 --> 00:14:52,780
テンプレートとして私たちはそれを印刷したいと思っています。ここにいる間に5つのプラス5を取り除いています。

217
00:14:52,940 --> 00:14:56,180
だから私たちはあなたが恋に落ちるようになってから、それを遠くまで定義する必要があります。

218
00:14:56,180 --> 00:15:02,820
 

219
00:15:02,820 --> 00:15:07,290
Varはスロット物からの要求と同じです。

220
00:15:07,490 --> 00:15:12,980
そして、あなたは自動的にこれらの変数を何らかの形でこのテンプレートに送ることを望むかもしれません。

221
00:15:12,980 --> 00:15:15,400
そしてそれはちょうど事varについて知っている。

222
00:15:15,410 --> 00:15:18,200
残念ながらそれはどのように動作するのではありません。

223
00:15:18,440 --> 00:15:24,320
サーバーを再起動するとエラーメッセージが表示され、varが定義されていないことはわかりません。

224
00:15:24,410 --> 00:15:26,410
 

225
00:15:26,750 --> 00:15:28,550
だから私は戻って物語バーを定義する必要があります。

226
00:15:28,670 --> 00:15:37,790
そして、私がやっているやり方は、実際に私の愛するEにそれを通すことです。 J. 私はあなたがオブジェクトとしてそれを渡すときにドットレンダリングラインでそれを行います。

227
00:15:37,790 --> 00:15:38,590
 

228
00:15:38,930 --> 00:15:41,800
そして、そのオブジェクトでは、テンプレートに複数のデータを置くことができます。

229
00:15:41,960 --> 00:15:48,230
 

230
00:15:48,230 --> 00:15:52,170
そうではなく、物事をこれをより明確にすることと呼ぶつもりです。そして、ここで私はデータを通すつもりです。そして、私はテンプレートの中でvarを物と等しくすべきです。

231
00:15:52,340 --> 00:15:57,210
これが行うことは、物事の価値を取り、それをここに貼り付けることです。

232
00:15:57,440 --> 00:16:03,230
だから、これはRustyとまったく同じように見えるでしょう。

233
00:16:03,230 --> 00:16:10,910
そして、ここでvarは置き換えられます。

234
00:16:11,330 --> 00:16:15,420
これらはすべて錆びたものに置き換えられます。

235
00:16:15,560 --> 00:16:19,450
私たちはそれを残すでしょう。

236
00:16:19,610 --> 00:16:22,760
ここに戻って、ちょうどそのようなrestiとしてハードコーディングを始めるのではなく、サーバーを再起動してページを更新して、あなたがRustyと恋に落ちるようにしましょう。

237
00:16:22,760 --> 00:16:25,810
 

238
00:16:26,460 --> 00:16:29,600
 

239
00:16:29,600 --> 00:16:35,900
 

240
00:16:35,900 --> 00:16:42,240
だから、文字列を行うのではなく、次のステップは、私たちが持っていたものを変数に保存して戻すことです。名前のバーの下にその文字を渡して、ここでそれをレンダリングします。

241
00:16:42,350 --> 00:16:48,560
E. J. このうねって見えるものをタグ付けしています。

242
00:16:48,560 --> 00:16:55,850
もう一度サーバーを再起動してください。

243
00:16:55,850 --> 00:16:56,000
今私はあなたがパースキーと恋に落ちるようになっています。

244
00:16:56,010 --> 00:16:58,350
もし私があなたに行くと、ここに反映されているTater Totsと恋に落ちました。

245
00:16:58,610 --> 00:17:02,200
これは私たちが使用する非常に強力な概念です。

246
00:17:02,390 --> 00:17:05,910
 

247
00:17:06,070 --> 00:17:13,440
私が言ったように、これらのダイナミックなページを持っているすべてのアプリは、リクエストの特定のデータでユーザが何を求めているかによって変わる可能性のあるすべてのレスポンスを彼に聞かせてくれました。

248
00:17:13,520 --> 00:17:16,510
 

249
00:17:16,520 --> 00:17:21,190
もう1つは、これはちょうど普通のJavascriptだということです。

250
00:17:21,190 --> 00:17:26,870
だからここで私は大文字のようなことをすることができ、これが最初に実行され、それから錆びたように印刷されるものが返されます。

251
00:17:26,870 --> 00:17:27,950
 

252
00:17:27,950 --> 00:17:31,630
だから、それはちょうど普通のjavascriptだと私たちはここに何が入るべきで、何をすべきではないかについてもっと話すでしょう。

253
00:17:31,730 --> 00:17:39,590
いくつかの規則があるので、あなたの年配者を混乱させたくないので、すべてのEjazテンプレートにトンとトンのjavascriptを付けてください。

254
00:17:39,650 --> 00:17:42,100
 

255
00:17:42,470 --> 00:17:46,880
あなたはそれを最小限に保ちたいと思いますが、今私はこれを行い、保存します。

256
00:17:47,150 --> 00:17:51,650
そして、これは私たちがやる最後のことです。

257
00:17:51,650 --> 00:17:53,200
サーバーのリフレッシュを再開します。

258
00:17:53,300 --> 00:17:57,070
そして今、私は大文字のバージョンを取得します。

259
00:17:57,230 --> 00:17:58,990
さて、今話したことのすべてを要約しましょう。

260
00:17:59,270 --> 00:18:01,860
このレッスンではかなりのことがあります。

261
00:18:02,180 --> 00:18:04,280
 

262
00:18:04,280 --> 00:18:06,600
最初に、ここでやったように、赤いスタートレンダリングを使ってファイルの内容を送り返すことができます。そして、それらのテンプレートはviewsディレクトリに存在する必要があります。

263
00:18:06,620 --> 00:18:08,330
 

264
00:18:08,360 --> 00:18:14,180
次は埋め込まれたjavascriptを意味する彼のEjazについて話しました。それは私たちが提供するいくつかのデータに応じて変化する動的なテンプレートのHDMIを持つことができるものです。

265
00:18:14,180 --> 00:18:20,600
私たちは、それぞれYesを実行し、ファイルを何かDOD Ejay Yesと呼ぶ必要があることを知りました。

266
00:18:20,600 --> 00:18:26,570
そして、私たちはNPMをインストールしてEjayをインストールする必要がありました。そして、最後にEjayのブラケットを使用することができます。

267
00:18:26,570 --> 00:18:31,440
 

268
00:18:31,640 --> 00:18:37,730
 

269
00:18:37,940 --> 00:18:44,140
 

270
00:18:44,240 --> 00:18:47,230
 

271
00:18:47,360 --> 00:18:52,040
おそらくキーボードのこの部分を使用するのに慣れていないかもしれませんが、パーセント記号と等号、そして反対の記号はちょうどパーセンテージ記号であり、中に入るものは最初にJavaScriptコードとして扱われますそのコードが返すものはすべてHMOに印刷され、データが渡されます。

272
00:18:52,040 --> 00:18:57,140
キー値のペアを持つ赤い点のレンダリングでオブジェクトを渡すことができます。

273
00:18:57,140 --> 00:19:03,650
それは単なる通常のjavascriptオブジェクトです。

274
00:19:03,850 --> 00:19:07,270
また、テンプレートでは、定義する変数へのアクセス権を持っています。オブジェクトのプロパティです。

275
00:19:07,760 --> 00:19:12,500
この場合、物事の価値は毎回変わるものと同じものがあります。

276
00:19:12,500 --> 00:19:14,660
そして、ここで私たちは物事を使うことができます。

277
00:19:14,660 --> 00:19:19,790
OKだから私は、このビデオにはたくさんのダイジェストがたくさんあることを知っています。

278
00:19:19,910 --> 00:19:26,330
特にこれらのコンセプトについては、もっと多くの練習をしていきます。

279
00:19:26,570 --> 00:19:29,510
E. J. はい、それはE. J.

280
00:19:29,780 --> 00:19:32,830
かっこがあり、テンプレートにデータを渡すことは、ここからすべてのビデオでやっていることです

281
00:19:32,840 --> 00:19:36,280
 

282
00:19:36,320 --> 00:19:36,590
 

283
00:19:36,590 --> 00:19:42,320
 

284
00:19:42,320 --> 00:19:43,740