1
00:00:00,350 --> 00:00:03,100
このブログの最後のビデオにようこそ。

2
00:00:03,310 --> 00:00:04,400
だから私たちは変えなければなりません。

3
00:00:04,400 --> 00:00:05,050
私たちは作るつもりです。

4
00:00:05,100 --> 00:00:11,070
最初の1つは、実際に彼をユーザーにするHDMI

5
00:00:11,400 --> 00:00:17,760
Olafurを表示するために、スクリプトハックの代わりにいくつかの有害なJavaScriptを潜在的に入力する可能性のある、この問題に役立つExpress

6
00:00:18,000 --> 00:00:20,030
Sanitiserを実装することです。

7
00:00:20,130 --> 00:00:27,240
私たちはそのコードを実行したくないので、私たちがそれを手伝うために消毒薬を使用するのは基本的にその入力を取り、そこからすべてのスクリプトを取り除き、老人を老化させるだけです。

8
00:00:27,240 --> 00:00:30,980
 

9
00:00:31,290 --> 00:00:33,660
そして、インデックスページのスタイルを少し変えたいと思っています。

10
00:00:33,690 --> 00:00:38,820
それはちょっとラフなものを探していますし、最後のことはちょうどそれをあなたのためにもう少し便利にするために安らかなRhodesテーブルへの小さな更新を行うことです。

11
00:00:38,820 --> 00:00:41,730
 

12
00:00:41,760 --> 00:00:44,000
だから、消毒剤から始めましょう。

13
00:00:44,400 --> 00:00:51,350
だから私はエクスプレスダッシュsanitiserダッシュダッシュと呼ばれるパッケージをインストールするつもりです。

14
00:00:51,390 --> 00:00:53,430
セーブ。

15
00:00:54,930 --> 00:00:55,660
OK。

16
00:00:55,710 --> 00:01:06,060
それで、それは私たちのアプリで行われました。そうするためには、エクスプレス・サニタリー・サーファーには、そのようなエクスプレス・デッシュ・サニタリーを必要とするように要求します。

17
00:01:07,050 --> 00:01:12,080
 

18
00:01:12,330 --> 00:01:20,820
そして、私たちはアプリにExpressを使用するように伝える必要があります。唯一の必要条件は、すべてのパーサーの後に行くことです。

19
00:01:20,820 --> 00:01:23,690
 

20
00:01:23,730 --> 00:01:25,110
ここで定義する。

21
00:01:25,270 --> 00:01:25,960
OK。

22
00:01:26,410 --> 00:01:27,730
以上です。

23
00:01:27,750 --> 00:01:34,410
今では、新しいブログを作成するときに代わりに開始するようにしたいと思っています。

24
00:01:34,410 --> 00:01:36,180
それで本当にアップデートを作成しています。

25
00:01:36,180 --> 00:01:39,900
私たちがデータを取り込んでデータベースに保存する2つの場所です。

26
00:01:39,900 --> 00:01:47,340
 

27
00:01:47,340 --> 00:01:54,630
 

28
00:01:54,630 --> 00:02:01,230
 

29
00:02:01,230 --> 00:02:03,770
両方の時間あなたは入力を消毒したいと思っているものを作成したいのですが、私たちが浄化したいものを作成するのではなく、体のログを要求しています。何かのデータがリクエストに含まれていても、私たちの場合はフォームから来ているボディです。ブログはこのラインのためにここにあります。

30
00:02:04,240 --> 00:02:09,020
ブログタイトルのブログ画像と最終的にブログの本文を見つける。

31
00:02:09,270 --> 00:02:11,020
これが私たちが気にするものです。

32
00:02:11,280 --> 00:02:13,500
だから私たちはブログのドットボディをしなければならない。

33
00:02:13,590 --> 00:02:18,470
だから、ここでは長いロングネームのようですが、ブログ本体の一時的なボディをリクエストしてください。

34
00:02:18,720 --> 00:02:25,740
そして、私たちはそれを変更して、消毒することを要求することと同等であり、この全体を衛生的にするつもりです。

35
00:02:25,740 --> 00:02:27,630
 

36
00:02:29,100 --> 00:02:35,580
だから、現在のところ、それを衛生的にすることと同等のものを取ってから、ボディダンプの記録されたボディ全体を要求と同じに変更します。

37
00:02:35,590 --> 00:02:38,670
 

38
00:02:38,700 --> 00:02:42,230
だから私はそれを明確にするために、あなたは恒例のブログをやってみましょう。

39
00:02:42,770 --> 00:02:51,510
前と後のボディをリクエストしてください。

40
00:02:51,510 --> 00:02:53,080
ちょうどそれのように。

41
00:02:53,520 --> 00:02:59,330
そして少し見やすくするために何かを追加しましょう。

42
00:02:59,340 --> 00:03:00,100
すばらしいです。

43
00:03:00,570 --> 00:03:01,080
OK。

44
00:03:01,140 --> 00:03:02,360
それでは、今すぐそれを打ちましょう。

45
00:03:02,400 --> 00:03:03,210
 

46
00:03:06,990 --> 00:03:08,140
ページを新しくするサーバーを起動します。

47
00:03:08,250 --> 00:03:10,600
新しい投稿を作成する必要があります。

48
00:03:11,340 --> 00:03:18,480
デモのランダム画像と呼ばれるものを作ってみましょう。使用したいHMOや入力するHMOをいくつか追加しましょう。その後、もう一度警告になります。

49
00:03:18,480 --> 00:03:24,790
 

50
00:03:26,680 --> 00:03:28,630
そこに行く。

51
00:03:28,680 --> 00:03:35,330
ですから、もしこれがうまくいくならば、前と後の両方にこれがあることが分かります。

52
00:03:35,730 --> 00:03:37,920
何が起こったのか見てみましょう。

53
00:03:37,950 --> 00:03:38,620
完璧。

54
00:03:38,640 --> 00:03:41,610
最初の身体がこれと同じであることがわかります。

55
00:03:41,610 --> 00:03:45,320
または、2度目にスクリプトタグがありました。

56
00:03:45,390 --> 00:03:47,360
ボディにはH-1しかありません。

57
00:03:47,820 --> 00:03:49,830
それで、何かを衛生的にするために必要なことはすべてです。

58
00:03:50,040 --> 00:03:56,690
私たちが今表示した場合、私たちは新しい投稿に移動します。

59
00:03:56,690 --> 00:03:59,700
ここで我々は一見する。

60
00:03:59,730 --> 00:04:03,350
私たちは自分自身で問題を表示していますが、スクリプトタグはまったくありません。

61
00:04:03,540 --> 00:04:04,950
それは素晴らしい作品です。

62
00:04:04,950 --> 00:04:14,380
彼らがやりたい最後のことは同じコードを実行することですが、更新の代わりに実行します。

63
00:04:15,180 --> 00:04:21,040
私たちはブログでリクエストを更新する前にそこにいます。

64
00:04:21,390 --> 00:04:23,110
まあ同じことをしました。

65
00:04:23,400 --> 00:04:24,630
マイナーNo.

66
00:04:24,750 --> 00:04:29,220
 

67
00:04:29,220 --> 00:04:34,170
これは、まだ実際には話し合っていないミドルウェアとして知られているものの、2つの異なるルートで2回繰り返すミドルウェアにとっては、良いユースケースになります。

68
00:04:34,170 --> 00:04:39,960
私たちができることは、これら2つのルートの前にこのコードを実行するミドルウェアを作成することですが、ミドルウェアについて説明します。

69
00:04:39,960 --> 00:04:40,410
 

70
00:04:40,440 --> 00:04:45,270
EXPRESSの終わりに向けてこのコースの後半になっているので、今のところどういうふうにしておきますか？

71
00:04:45,720 --> 00:04:47,270
そして、それはうまく動作します。

72
00:04:47,520 --> 00:04:52,840
それはあなたが次に作成する誰かを更新するときにそれを両方の時間に消毒します。

73
00:04:52,860 --> 00:04:55,300
Eに焦点を当てたり、インデックスを作成しましょう J. はい。

74
00:04:55,320 --> 00:04:56,050
だから少しの作業が必要です。

75
00:04:56,060 --> 00:04:57,800
これは今のように見えます。

76
00:04:57,850 --> 00:04:59,380
いくつかのものを削除することから始めましょう。

77
00:04:59,760 --> 00:05:03,160
そして、それは私がsanitiserを追加する前に私が作成した投稿の1つでした。

78
00:05:03,600 --> 00:05:08,400
 

79
00:05:08,440 --> 00:05:15,820
私は実際に画像を見ることができるスタイルを簡単にするために、画像を持たないものをいくつか削除します。

80
00:05:15,820 --> 00:05:18,120
 

81
00:05:18,570 --> 00:05:23,920
OKだから私たちがやりたいことは、それらを中心にすることです。すでに使用しているコードをたくさん使うつもりです。

82
00:05:23,920 --> 00:05:25,370
 

83
00:05:25,600 --> 00:05:32,110
 

84
00:05:33,010 --> 00:05:41,890
だから私たちのインデックスの代わりに私たちは良いヘッダーを持っているが、私たちはdivの中にすべてを入れようとしていて、このdivはUIメインテキストコンテナに等しいクラスを持ちます。

85
00:05:41,890 --> 00:05:42,800
そして、内部に私たちの部門があります。

86
00:05:43,060 --> 00:05:45,730
 

87
00:05:46,060 --> 00:05:51,310
そして、これは基本的にフォームとショーページのために書いた最後の小さな行からリサイクルされています。

88
00:05:51,570 --> 00:05:52,690
だから、クラスはあなたの巨大なヘッダーに等しいですし、次にインデックスページのセットを入れます。

89
00:05:52,720 --> 00:05:58,890
ちょうどブログのためにそれを置いてみましょう。

90
00:05:58,930 --> 00:06:03,990
ちょうどそれのように。

91
00:06:04,390 --> 00:06:05,710
そして、それがうまくいったら別のdivを追加しました。

92
00:06:05,830 --> 00:06:09,700
 

93
00:06:09,700 --> 00:06:18,370
これは私たちのセグメントを持っています。このセグメントには、このUI上部に接続されたセグメントがあります。このセグメントは、ボックス内のちょっとしたラインを与え、その内部がループしていきます。

94
00:06:18,370 --> 00:06:23,770
 

95
00:06:24,010 --> 00:06:33,100
 

96
00:06:33,340 --> 00:06:33,880
私たちはさらに、クラスUIで分割された項目を持つdivであるループに到達する前に、もう1つの行を設定しました。そして、各項目に対して、私たちはあなたの中に入って項目を分割し、それらの間に自動割り算器を入れます。

97
00:06:36,970 --> 00:06:43,390
 

98
00:06:43,390 --> 00:06:43,940
だから私たちはあなたが分割された項目にこのコードをコピーするつもりです。

99
00:06:44,170 --> 00:06:49,120
私たちがしていることは、いくつかの変更を加える必要があります。

100
00:06:49,120 --> 00:06:53,700
最初は借金になっていますが、私たちはこの内部を印刷するだけではありません。

101
00:06:53,710 --> 00:06:58,470
 

102
00:06:58,510 --> 00:07:07,690
 

103
00:07:07,690 --> 00:07:16,450
 

104
00:07:16,450 --> 00:07:21,000
itemと等しいdivクラスを作成し、アイテム内に最初にイメージがあり、イメージがクラスと等しいdivを持つ代わりに行くと、それをそこに置くと、画像の大きさによって、スクリーン全体を占めている巨大な画像が得られなくなります。

105
00:07:21,030 --> 00:07:21,620
OKイメージはイメージを内部に入れてから、コンテンツと等しい別のdivクラスを必要としました。

106
00:07:21,990 --> 00:07:29,780
そして、これは私がいくつかを置く場所です。

107
00:07:30,220 --> 00:07:32,470
 

108
00:07:32,470 --> 00:07:38,290
 

109
00:07:39,270 --> 00:07:47,140
最初はタイトルであり、実際にタイトルを持つH-2を作成するのではなく、アンカータグやアンカータグを作ることはHetterに等しいクラスを持ちますが、ショーページに等しいrefも持ちます。あなたはすでにあなたが持っているもののようにここにいます。

110
00:07:47,150 --> 00:07:53,430
 

111
00:07:53,440 --> 00:07:59,740
だからもっとリンクを読んで、これをやっている理由は、各ブログのヘッダーで終わることができるので、私はそれをクリックしてショーページに行くか、もっと詳しく読むことができます。

112
00:07:59,740 --> 00:08:04,470
構文エラーが小さいことを確認しましょう。

113
00:08:04,880 --> 00:08:07,410
私たちはAtraさんのフロップのためにここに閉会期の見積もりがありません。

114
00:08:07,450 --> 00:08:11,450
OK。

115
00:08:12,670 --> 00:08:13,630
Atraはショーページであり、ブラケットの中にはブログタイトルがあります。

116
00:08:13,960 --> 00:08:18,520
それは混乱のようなものです。

117
00:08:18,520 --> 00:08:19,860
 

118
00:08:19,930 --> 00:08:27,460
その後、私たちは、私たちがすでに持っている日付のスパンになるこの特定の項目に関する情報を入れるためのちょうど場所であるMettaに等しいクラスでdivを追加します。

119
00:08:27,460 --> 00:08:35,080
しかし、私はこの日付をフォーマットするつもりですので、ブログのドットを作成して、ショーページで既に見た文字列にしてからそこにライブを閉じて、divクラスをdescriptionと同じにします。

120
00:08:36,040 --> 00:08:42,040
 

121
00:08:42,040 --> 00:08:51,890
そしてそれが私たちがこのコンテンツを置く場所です。

122
00:08:52,210 --> 00:08:55,280
ブログの実際の本文

123
00:08:55,690 --> 00:08:58,230
 

124
00:08:58,600 --> 00:09:04,060
そして等号を書くのではなく、それをダッシュ​​に戻すか、それを元に戻すことはしませんが、私たちはそれをダッシュ​​に変更して、現在はサニタイズされたコンテンツの実際の年齢を取得します。

125
00:09:04,060 --> 00:09:08,160
 

126
00:09:08,380 --> 00:09:17,380
最後に、私はdivを古典的に古典的にする代わりに、ボタンを押してより多くを読んでアンカータグを作って、私がすでに持っているタグをコピーしてちょっと変えるつもりです。

127
00:09:17,380 --> 00:09:24,430
だから我々はもはや古典的なヘッダーを必要としないが、代わりに大きなボタンが欲しい。

128
00:09:24,430 --> 00:09:30,710
だから私は基本的に浮かんだ。

129
00:09:30,970 --> 00:09:35,280
もう一度あなたの色を選んでください。

130
00:09:35,470 --> 00:09:38,410
そして、私たちは少しこれを行うことができます。

131
00:09:39,370 --> 00:09:42,190
見ることは間違いありません。

132
00:09:42,190 --> 00:09:44,630
それでは、これをちょっとしたものにしましょう。

133
00:09:44,950 --> 00:09:48,090
 

134
00:09:48,160 --> 00:09:57,340
だからここを開いた後、もっと読んでいるはずのアンカータグを設定して、アイコンを追加します。アイコンを追加すると小さな矢印になります。

135
00:10:01,680 --> 00:10:07,360
そこにOKマラソン。

136
00:10:07,380 --> 00:10:09,040
私たちが追加したたくさんのもの。

137
00:10:09,070 --> 00:10:10,680
 

138
00:10:10,750 --> 00:10:18,880
これを最初から取りたくない場合は、すべてがOKになっていることを確認し、解決策コードを見てください。

139
00:10:18,880 --> 00:10:20,470
どのように構文エラーがないか探してみましょう。

140
00:10:20,710 --> 00:10:25,360
それとも、私たちが探しているものだけに行きます。

141
00:10:27,310 --> 00:10:30,570
だから私たちは最初の100文字をこのポストにあるように、または多くの文字を切り詰めています。

142
00:10:30,580 --> 00:10:37,550
この場合は、リンクをクリックすると、ショーページに移動します。

143
00:10:37,570 --> 00:10:43,560
私たちは戻って編集することができます。

144
00:10:43,690 --> 00:10:47,760
私たちはここに彼女のイメージを持っています。

145
00:10:47,760 --> 00:10:49,170
 

146
00:10:49,210 --> 00:10:57,370
分割されたラインの後、私たちはヘタールを持っています。このセグメントはすべてを回っています。

147
00:10:57,380 --> 00:10:57,910
だから、私たちがこれらのクラスをすべて知っているように感じることは間違いないと思います。

148
00:10:58,210 --> 00:11:04,060
私はまあまあでした。

149
00:11:04,060 --> 00:11:04,940
あなたは彼らにあなたを与えたことを知っています。

150
00:11:05,140 --> 00:11:06,090
迅速な発砲​​スタイル。

151
00:11:06,130 --> 00:11:07,380
なぜなら、あなたはそれをすべて学ぶことではないからです。

152
00:11:07,510 --> 00:11:10,660
しかし、もっと学びたいと思ったら、なぜドットコムの意味論に行きたいのですか？

153
00:11:11,080 --> 00:11:14,670
素晴らしいチュートリアルやリソースがたくさんあります。

154
00:11:14,690 --> 00:11:17,200
ブートストラップほど広く使われていませんが、確実に成長しています。

155
00:11:17,260 --> 00:11:21,270
私は多くの学生が自分でそれを見つけることに気付きました。

156
00:11:21,400 --> 00:11:24,770
 

157
00:11:24,880 --> 00:11:30,700
 

158
00:11:30,700 --> 00:11:35,860
過去に私が教えた最も最近の2つのクラスでは、青いチップの後に私はそれらを紹介しましたが、生徒は本当にすぐに私にそれを見せてくれずに恋に落ち、ブートストラップで使ってしまいました。

159
00:11:35,870 --> 00:11:37,430
ほとんどの学生が、しかしあなたに完全に。

160
00:11:37,630 --> 00:11:40,800
私はそれらの両方を楽しんで、ブートストラップは間違いなく今のところ人気があります。

161
00:11:40,880 --> 00:11:45,300
私が言った最後のことはリファクタリングだけです。テーブルはほんの少しです。

162
00:11:45,340 --> 00:11:50,780
 

163
00:11:50,920 --> 00:11:56,470
そして、私がしたいことは、これらのそれぞれに対応するマングースメソッドの最後の列を追加することです。

164
00:11:56,470 --> 00:11:57,140
だから、idによって見つけてください。

165
00:11:57,400 --> 00:12:03,510
テーブルの仕組みを簡単に解説します。

166
00:12:03,860 --> 00:12:06,100
 

167
00:12:06,110 --> 00:12:15,590
ここでは、別の時間に追加する必要がある量を時代遅れにするチャートを紹介します。これをmongooseメソッドと呼び、プレビューを開いて料理プレビューを開いて、ここを底部に移動します。

168
00:12:16,930 --> 00:12:24,540
私たちのテーブルや新しいものがあります。

169
00:12:24,750 --> 00:12:27,150
そしてインデックスのために、私たちは犬のためにそこにあるマングースメソッドでテレビを追加します。

170
00:12:27,460 --> 00:12:36,450
そこに行く。

171
00:12:36,880 --> 00:12:38,230
次に、私たちは実際には僧侶の方法を全く持たない新しいものを持っています。

172
00:12:38,230 --> 00:12:43,400
だから、空白のままにするのではなく、フォームをレンダリングするだけのファイルに入れます。

173
00:12:43,450 --> 00:12:50,890
次に、私たちは作成し、作成して、犬のドット作成を行うつもりです。

174
00:12:51,130 --> 00:12:59,330
そして、あなたがこのライフプレビューを行うなら、本当にクールな機能はMIDI編集のようなものです。ここで私がここで選択すると、かなりクールです。

175
00:13:01,150 --> 00:13:07,760
 

176
00:13:07,750 --> 00:13:12,040
だから、あなたはインスペクタを開いてライブを見る必要さえしない。

177
00:13:12,190 --> 00:13:15,920
そして、彼らが物事を変えても、ページを保存したり更新したりすることなくライブを更新します。

178
00:13:16,120 --> 00:13:21,900
OK。

179
00:13:22,420 --> 00:13:22,820
だから、IDで見つけた犬をして、それを持っているショーを持っています。

180
00:13:22,930 --> 00:13:31,900
犬もIDで罰金を科せられます。

181
00:13:32,260 --> 00:13:35,400
 

182
00:13:35,710 --> 00:13:44,830
私たちは編集中の犬を見つけなければなりません。それはフォーム用です。そして、IDでトリムして長いものを更新する犬を更新します。

183
00:13:44,830 --> 00:13:49,880
そして、彼はまた、ある程度長い犬がIDで見つけ出して、すべての動きを取り除く。

184
00:13:50,360 --> 00:14:00,830
見てみましょう。

185
00:14:01,300 --> 00:14:02,300
ここに私たちのテーブルがあります。

186
00:14:02,620 --> 00:14:04,250
 

187
00:14:04,380 --> 00:14:12,410
私は間違って、更新プログラムが表示されているはずのCDの1つをここで削除したように見えるので、更新プログラムはその犬のスティパーティックル犬を更新してどこかにリダイレクトするはずです。

188
00:14:12,670 --> 00:14:23,150
大丈夫。

189
00:14:24,150 --> 00:14:24,860
今度は正常に戻ってください。

190
00:14:25,150 --> 00:14:26,430
ここに私たちのテーブルがあります。

191
00:14:26,480 --> 00:14:28,220
だから、マングースメソッドは一切ありません。

192
00:14:28,210 --> 00:14:31,740
新しいものは、何も追加していないデータベースを見つけることができないため、新しいものになるだろう。

193
00:14:31,960 --> 00:14:37,390
それは単にフォームをレンダリングします。

194
00:14:37,570 --> 00:14:40,090
すばらしいです。

195
00:14:40,210 --> 00:14:40,570
だからうまくいけば、これは将来このテーブルを参照することができますあなたのために便利です。

196
00:14:40,570 --> 00:14:44,580
 

197
00:14:44,870 --> 00:14:49,150
私は、それが私たちがたくさん使っている重要な情報をたくさんカバーしています。

198
00:14:49,150 --> 00:14:50,290
大丈夫。

199
00:14:50,290 --> 00:14:50,860
だから私たちはこれを終わらせて、もっと複雑なアプリをもっと楽しいものに移すことになりました。

200
00:14:50,980 --> 00:14:56,280
私はアメリカの少しがたくさん覆われていることに気づいた。

201
00:14:56,360 --> 00:14:59,980
それは常に難しいものです。

202
00:15:00,040 --> 00:15:01,710
面白いのはちょっとだけの情報なので。

203
00:15:01,710 --> 00:15:03,870
 

204
00:15:03,880 --> 00:15:11,170
しかし、その信頼性をもって、読取り更新を作成してエンティティを削除できることが重要です。多くのラップが必要です。

205
00:15:11,170 --> 00:15:12,380
大丈夫。

206
00:15:12,380 --> 00:15:12,810
来年にお会いしましょう。

207
00:15:12,900 --> 00:15:13,920