1
00:00:00,000 --> 00:00:11,470

2
00:00:11,470 --> 00:00:12,764
>> SPEAKER 1：すべて、右後ろ歓迎。

3
00:00:12,764 --> 00:00:14,140
これはCS50です。

4
00:00:14,140 --> 00:00:16,800
そして、これは週9の始まりです。

5
00:00:16,800 --> 00:00:19,960
そして、これは他の部分の始まりです
CS50で、あなたの時間、我々に

6
00:00:19,960 --> 00:00:23,170
今、最終的に、ウェブへの移行
あなたはよもちろん側面、

7
00:00:23,170 --> 00:00:26,200
ファンダメンタルたくさんのことがわかり
我々は数週間のために輸出してきた

8
00:00:26,200 --> 00:00:29,270
まだ、訪ねて戻ってくる
または、私たちを悩ませ。

9
00:00:29,270 --> 00:00:33,440
しかし、今、あなたはそれがだと見つけることができます
大きさの順に簡単に

10
00:00:33,440 --> 00:00:36,540
特定のタスクを実行し、
特定の問題を解決 - 

11
00:00:36,540 --> 00:00:41,050
あまりにも多いので、あなたが思っていてもすること
特定の問題セットは自分で楽しかった

12
00:00:41,050 --> 00:00:44,200
独自の方法で、私はあなたが見つけると思う
pは7を設定して、pは8を設定して、

13
00:00:44,200 --> 00:00:47,990
最終的に、最終的なプロジェクトは次のようになります
すべてのより満足してだろうから

14
00:00:47,990 --> 00:00:51,830
私たちが当たり前のように始めることがわかり
今メモリ管理のようなもの、とは

15
00:00:51,830 --> 00:00:54,190
ポインタ、何が起こっている
ボンネットの下に。

16
00:00:54,190 --> 00:00:57,310
そして再び、テーマ別、全体のすべての
学期は、この階層化されている

17
00:00:57,310 --> 00:00:58,030
とレイヤー。

18
00:00:58,030 --> 00:01:00,530
そして今、我々は最高のようなものだ
ここでは、上に立って

19
00:01:00,530 --> 00:01:01,930
過去数週間の肩。

20
00:01:01,930 --> 00:01:05,360
>> 今、我々が最後の時間を思い出して
インターネットが働いたかについて話しました。

21
00:01:05,360 --> 00:01:08,120
そして、これは、おそらくあった
単純化、それを覚えている

22
00:01:08,120 --> 00:01:12,960
世界のすべてのコンピュータは、IPを持っている
のビットだもののアドレス、

23
00:01:12,960 --> 00:01:14,570
まだ単純化。

24
00:01:14,570 --> 00:01:18,180
そして、それらのアドレスは一意にするために使用され
マシンを識別するように

25
00:01:18,180 --> 00:01:22,010
あなたは、情報、またはパケットを送信するとき
いわば、彼らは起源を持つことができます

26
00:01:22,010 --> 00:01:24,000
アドレスおよび宛先アドレス。

27
00:01:24,000 --> 00:01:27,830
そして、同じIPアドレスを使用することができる
双方の利益のために、また、悪のために、

28
00:01:27,830 --> 00:01:29,270
例えば、あなたを追跡する。

29
00:01:29,270 --> 00:01:32,200
実際には、ラップトップであなた一人一人
今開いたり、あなたに電話

30
00:01:32,200 --> 00:01:35,070
ポケットは、IPアドレスを持つ
ハーバード大学のネットワーク上。

31
00:01:35,070 --> 00:01:39,120
そしてそれはすべてのことは難しいことではありません
誰が、どこにすることを相互に関連付ける

32
00:01:39,120 --> 00:01:40,180
これらの日です。

33
00:01:40,180 --> 00:01:42,090
おそらくその上で、より多くの
将来である。

34
00:01:42,090 --> 00:01:46,510
>> 今私は、私はいくつかを取り戻すだろうと思っていた
[の思い出？ ？強化]とあなたを与える

35
00:01:46,510 --> 00:01:49,360
ショーあなたから別のクリップ
おなじみかもしれません。

36
00:01:49,360 --> 00:01:52,710
私たちは薄暗いライトができれば
ほんの数秒間。

37
00:01:52,710 --> 00:01:53,960
ショーNUMBERS天才数学者の事件ファイル。

38
00:01:53,960 --> 00:01:57,510

39
00:01:57,510 --> 00:02:00,540
>> SPEAKER 2：それは32ビットのIPP4アドレスです。

40
00:02:00,540 --> 00:02:01,610
>> SPEAKER 3：IPP、インターネットのように？

41
00:02:01,610 --> 00:02:02,968
>> SPEAKER 2：プライベートネットワーク。

42
00:02:02,968 --> 00:02:04,960
アミタのプライベートネットワークへ。

43
00:02:04,960 --> 00:02:16,930

44
00:02:16,930 --> 00:02:19,602
彼女はとても素晴らしいです。

45
00:02:19,602 --> 00:02:21,030
>> SPEAKER 3：さあ、チャーリー。

46
00:02:21,030 --> 00:02:21,490
>> SPEAKER 2：それは。

47
00:02:21,490 --> 00:02:22,470
ミラーのIPアドレス。

48
00:02:22,470 --> 00:02:27,680
彼女は私たちは何を見せている
彼女はリアルタイムでやっている。

49
00:02:27,680 --> 00:02:30,930
>> SPEAKER 1：OK、そういくつかのこと
この絵と間違っ。

50
00:02:30,930 --> 00:02:32,920
一つはそうと、この1つは許容される、
これは実際にある

51
00:02:32,920 --> 00:02:34,400
ではない有効なIPアドレス。

52
00:02:34,400 --> 00:02:38,190
有効なIPアドレスは数値でなければならない
フォームw.x.y.z、それぞれの

53
00:02:38,190 --> 00:02:40,000
これらの文字は0〜255です。

54
00:02:40,000 --> 00:02:42,330
しかし、それが原因と同じようにいいのよ
映画のどこに偽の電話番号、

55
00:02:42,330 --> 00:02:43,520
彼らは、IPアドレスを偽る。

56
00:02:43,520 --> 00:02:45,230
実際には、実サーバにヒットしません。

57
00:02:45,230 --> 00:02:46,760
>> しかし、あなたを気に、これはブラウザです。

58
00:02:46,760 --> 00:02:50,760
とブラウザが出力を開始しないでください
このようなコンピュータコード。

59
00:02:50,760 --> 00:02:54,230
そして、我々は少し深く見れば、気付く
彼らが見ていることを言語

60
00:02:54,230 --> 00:02:57,040
画面上と呼ばれる言語である
の言語であるObjective Cの、

61
00:02:57,040 --> 00:02:59,520
そのiPhoneアプリが書き込まれ、
関与特にもの

62
00:02:59,520 --> 00:03:03,540
あなたから見ることができるようにクレヨン、
ここでソースコード。

63
00:03:03,540 --> 00:03:06,600

64
00:03:06,600 --> 00:03:07,560
>> [OK]を、私はこれが面白いと思った。

65
00:03:07,560 --> 00:03:12,240
だから、このコードスニペットは、絶対に持って
何でもこれを行うには何もない

66
00:03:12,240 --> 00:03:13,940
特定のエピソードがあった。

67
00:03:13,940 --> 00:03:17,590
だから冗談は人々に一種である
この当たり前の服用。

68
00:03:17,590 --> 00:03:20,220
しかし、これは取得するすべてのことは難しいことではありません
これらの技術的な詳細右。

69
00:03:20,220 --> 00:03:21,980
そして、私はあなたを促すでしょう。

70
00:03:21,980 --> 00:03:25,530
実際に、50は非常によく台無しかもしれません
テレビ番組や映画やあなた方の多く

71
00:03:25,530 --> 00:03:27,320
あなたはそれだけだと見つけることができますので、
彼らがしているものはできません

72
00:03:27,320 --> 00:03:28,630
画面上でやって。

73
00:03:28,630 --> 00:03:31,750
しかし、確かに、これはあなたのことをコードである
iPhoneアプリケーションでそれを見るかもしれません

74
00:03:31,750 --> 00:03:33,640
またはMac OSアプリケーション。

75
00:03:33,640 --> 00:03:35,685
それは全く何の関係もありません
セキュリティを行う。

76
00:03:35,685 --> 00:03:38,610
だから、多くのために目を光らせる
そのようなそのような楽しいこと。

77
00:03:38,610 --> 00:03:42,720
>> しかし、今日我々は本当にでダイビングを始める
深く言語の全範囲に。

78
00:03:42,720 --> 00:03:45,410
包括的なの確かに、1
のこの部分の持ち帰り

79
00:03:45,410 --> 00:03:51,815
コー​​スは、プログラムする方法を学ぶことではありません
PHPで、それ自体はSQLを学ぶためではなく、しないように

80
00:03:51,815 --> 00:03:58,100
それ自体は、JavaScriptを学ぶのではなく、する
教えるためにどのように自分自身を教えるために

81
00:03:58,100 --> 00:04:02,030
自分で新しい言語、確かに、理由
我々は今、取るために始める

82
00:04:02,030 --> 00:04:06,020
補助輪オフするようにした後
当然の終わりには、20を期待していない

83
00:04:06,020 --> 00:04:08,890
どのように指示するページ仕様
いくつかのプログラムを実装する。

84
00:04:08,890 --> 00:04:12,970
あなたはあなたに十分な成分を持っている
心、そしてあなたのツールで十分なツール

85
00:04:12,970 --> 00:04:15,750
構築を開始するとのキット、
にとって関心のある問題の解決策

86
00:04:15,750 --> 00:04:19,130
いくつかのためのいくつかの学生グループのあなた、
研究プロジェクト、または本当に何

87
00:04:19,130 --> 00:04:20,140
あなたに関心の。

88
00:04:20,140 --> 00:04:24,150
>> だから端に向かって、これがあったことを思い出す
絵は、我々はそれに最後の時間を描いた。

89
00:04:24,150 --> 00:04:27,620
そして、これは、2台のコンピュータは、クライアントとです
お互いに話し、断つ。

90
00:04:27,620 --> 00:04:31,130
とプロトコル、言語、そうする
これら2台のコンピュータが起こることを、話す

91
00:04:31,130 --> 00:04:33,220
HTTPと呼ばれて話すことができます。

92
00:04:33,220 --> 00:04:37,730
そして、それはただで使用されるプロトコルです
情報を上の転送するコンピューター

93
00:04:37,730 --> 00:04:38,710
ワールドワイドウェブ。

94
00:04:38,710 --> 00:04:41,770
ウェブは、当然のことながら、一つのサービスである
それは上で動作

95
00:04:41,770 --> 00:04:43,000
いわゆるインターネット。

96
00:04:43,000 --> 00:04:48,660
上で利用可能な他のサービスは何です
昨今、インターネットのトップ？

97
00:04:48,660 --> 00:04:51,600
いくつかの他のプロトコルまたは - それは何ですか？

98
00:04:51,600 --> 00:04:52,300
>> 読者：FTP。

99
00:04:52,300 --> 00:04:52,790
>> SPEAKER 1：FTP。

100
00:04:52,790 --> 00:04:54,630
だから、ファイル転送プロトコルは、別です。

101
00:04:54,630 --> 00:04:56,050
あなたのほとんどは、おそらくそれを使用していない。

102
00:04:56,050 --> 00:04:58,830
しかし、あなたのほとんどは、おそらく使用している
Gchat、またはインスタントのようなもの

103
00:04:58,830 --> 00:05:00,970
より一般的にはメッセージング、
確かに電子メール。

104
00:05:00,970 --> 00:05:04,470
そして、それらは、あまりにも、上で実行するサービスです
インターネットの一番上にある、なぜなら

105
00:05:04,470 --> 00:05:08,180
一日の終わりに、インターネット自体
本当にただのポイントからデータを取得

106
00:05:08,180 --> 00:05:12,480
点Bそしてそれは数を使用しています
粒子自体、そのうちの1つまたは2つの

107
00:05:12,480 --> 00:05:17,340
最も一般的にはTCP / IPと呼ばれるそれらの、
これは、その一台のコンピュータ上でと言うことです

108
00:05:17,340 --> 00:05:19,960
インターネットは実際にやっていることができます
異なるもの、電子メール、

109
00:05:19,960 --> 00:05:20,980
そしてウェブなどが挙げられる。

110
00:05:20,980 --> 00:05:22,220
Googleは、このたくさんのを行います。

111
00:05:22,220 --> 00:05:26,310
それでは、どのようにこれらのサービスはユニークである
コンピュータ上で、我々は言った、識別

112
00:05:26,310 --> 00:05:29,080
それは実際にやっているかもしれません
複数のもの？

113
00:05:29,080 --> 00:05:29,860
>> ポート番号。

114
00:05:29,860 --> 00:05:34,180
そして、これらは単なる任意人間である
80のような規則では、Web、443です

115
00:05:34,180 --> 00:05:36,580
暗号化されたウェブは、25がメールです。

116
00:05:36,580 --> 00:05:38,230
と他人の束があります。

117
00:05:38,230 --> 00:05:41,860
そして、それらの数字は単純に含まれています
情報のこれらのパケットは、それらの

118
00:05:41,860 --> 00:05:46,230
仮想封筒、実際に
要求または応答を含んでいた。

119
00:05:46,230 --> 00:05:51,300
>> だから、あなたが戻ってからの応答を取得するとき
ウェブは、一般的には、いずれかが表示されません

120
00:05:51,300 --> 00:05:54,780
の点では全く数字
応答のステータスコード。

121
00:05:54,780 --> 00:05:56,770
あなたが実際に表示されていない
の内部の仕組み

122
00:05:56,770 --> 00:05:58,090
戻ってくるパケット。

123
00:05:58,090 --> 00:05:59,860
しかし、200は確かにOKを意味します。

124
00:05:59,860 --> 00:06:01,530
そして、それはすべてが順調であることを意味します。

125
00:06:01,530 --> 00:06:02,870
あなたはこれらの束を見ている可能性があります。

126
00:06:02,870 --> 00:06:05,710
これは、おそらく最も一般的です
あなたは、ウェブ上で見てきた？

127
00:06:05,710 --> 00:06:05,980
>> 404。

128
00:06:05,980 --> 00:06:07,330
それだけでファイルが見つかりませんを意味します。

129
00:06:07,330 --> 00:06:08,270
それは、誰かが台無し意味。

130
00:06:08,270 --> 00:06:11,450
あなたがURLをタイプミスでやった、または誰か
他に与えることで、やった

131
00:06:11,450 --> 00:06:15,100
無効なURL、またはそれらが削除された
ファイルやURLはまだです

132
00:06:15,100 --> 00:06:16,130
人々によって使用されている。

133
00:06:16,130 --> 00:06:19,670
理由は、任意の数を説明できるように
なぜファイルが見つかりません。

134
00:06:19,670 --> 00:06:22,990
そして、あなたは、来て数週間で、表示されます
これらの他のエラーコード、あなたはよ

135
00:06:22,990 --> 00:06:24,195
それらのいくつかを活用する。

136
00:06:24,195 --> 00:06:25,760
最悪は500です。

137
00:06:25,760 --> 00:06:29,820
あなたがしたコード内で500エラーが発生した場合
書かれた、のようなものとしてそれを考える

138
00:06:29,820 --> 00:06:33,290
の障害をワンセグのアナログ
Webプログラミングの世界。

139
00:06:33,290 --> 00:06:34,560
それはかなりのように悲惨ではありません。

140
00:06:34,560 --> 00:06:36,660
しかし、それだけで、どこか、ということ
あなたはめちゃくちゃ。

141
00:06:36,660 --> 00:06:38,260
だから、それらを楽しみにしています。

142
00:06:38,260 --> 00:06:39,910
>> 我々はできるなら見てみましょう
コンテキストでこれらを参照してください。

143
00:06:39,910 --> 00:06:43,460
私はここでブラウザに行こう
し、次の操作を行います。

144
00:06:43,460 --> 00:06:45,710
だから、これはに起こるクロム、です
機器にインストールされている。

145
00:06:45,710 --> 00:06:49,410
これらの日がありますが、ほとんどすべてのブラウザ
いくつかの同等の機能。

146
00:06:49,410 --> 00:06:52,610
私は、Chromeのメニューを行くつもりです
とツールに行き、私は行くつもりです

147
00:06:52,610 --> 00:06:53,990
開発者ツールに。

148
00:06:53,990 --> 00:06:57,040
そして、あなたはそれがこの小さなパネルがわかります
ウィンドウの下部に表示されます。

149
00:06:57,040 --> 00:07:00,190
別のショートカットが、正直に言うと、そのI
普段自分自身を使用右クリックすることです

150
00:07:00,190 --> 00:07:04,370
またはコントロールは、Web上の任意の場所をクリック
ページとだけ要素を点検するために行く。

151
00:07:04,370 --> 00:07:07,440
そして、それだけで開くことができません
これはあなたのために持っている。

152
00:07:07,440 --> 00:07:10,230
また、具体的には、表示された
上の要素の部分

153
00:07:10,230 --> 00:07:11,430
左側。

154
00:07:11,430 --> 00:07:12,460
>> だから我々は、Googleを見て当然だ。

155
00:07:12,460 --> 00:07:13,930
彼らは今日、彼らのロゴを変更しました。

156
00:07:13,930 --> 00:07:20,200
しかし、私はここまでスクロールダウンしている場合に、気付く
要素の下で、あなたが見ること

157
00:07:20,200 --> 00:07:23,460
HTML、ハイパーテキストマークアップと呼ばれるもの
言語、これは言語である

158
00:07:23,460 --> 00:07:26,000
そのこれとすべてのWebページ、
本当に、インチ書かれています

159
00:07:26,000 --> 00:07:28,950
しかし、それは実際に用にフォーマットだ
当方そんなに多く読み出し可能

160
00:07:28,950 --> 00:07:29,970
それは通常であるより。

161
00:07:29,970 --> 00:07:34,810
実際には、代わりに私がズームアウトする場合、およびI
ただ右クリック、またはコントロールをクリック

162
00:07:34,810 --> 00:07:39,630
ページ上でクリックし、[ビューに移動
ページのソースは、これは文字通り何ですか

163
00:07:39,630 --> 00:07:42,150
Googleは私のブラウザに送ら。

164
00:07:42,150 --> 00:07:46,480
>> だから、いくつかの個人または人が書いた
このソースコードを使用してGoogle.com。

165
00:07:46,480 --> 00:07:47,790
これのほとんどはHTMLではありません。

166
00:07:47,790 --> 00:07:49,340
それは実際に呼ばれる言語です
JavaScriptを、その

167
00:07:49,340 --> 00:07:50,880
我々は水曜日に来るでしょう。

168
00:07:50,880 --> 00:07:55,580
しかし、どのようなクロム、どのすべてのブラウザ
私たちのために行うことができますが、参照の一種である

169
00:07:55,580 --> 00:07:59,610
の気晴らしのすべての過去
クレイジー構文、および再挿入空白

170
00:07:59,610 --> 00:08:02,940
私たち、さらにはシンタックスハイライ​​トの、
または私達のために物事を色付け。

171
00:08:02,940 --> 00:08:06,470
それで、あなたは見つけることができます、これらのいわゆる
ブラウザに組み込まれている開発者向けツール

172
00:08:06,470 --> 00:08:10,830
そう、そんなに簡単にあなたの人生を作ります
このメニューを経由して、探索することができますので、

173
00:08:10,830 --> 00:08:13,940
インタフェース、まさに基礎
ソースコードのためのものです

174
00:08:13,940 --> 00:08:15,750
インターネット上の任意のページ。

175
00:08:15,750 --> 00:08:19,070
そして実際、これが最もの一つです
行う方法を学ぶための効果的な方法

176
00:08:19,070 --> 00:08:22,860
新しい何か、少なくとも場合ページ
、圧倒するほど複雑ではありませんです

177
00:08:22,860 --> 00:08:26,700
それは、HTMLの周り突っつい開始する、見える
我々は来るそのいわゆるCSS、で

178
00:08:26,700 --> 00:08:30,310
ビットにも同様に、取得する
どのようにプログラマの理解

179
00:08:30,310 --> 00:08:33,480
いくつかの特定の実装
ページの特徴。

180
00:08:33,480 --> 00:08:36,530
>> しかし、もっと技術的に興味深いの右
今ではこれになるだろう。

181
00:08:36,530 --> 00:08:39,429
私は、[ネットワーク]タブに移動した場合、
今、これをクリアしてみましょう。

182
00:08:39,429 --> 00:08:43,429
私は少しをクリックするつもりです
ここで記号を渡り、その後

183
00:08:43,429 --> 00:08:45,630
別のWebサイトにアクセスしてください。

184
00:08:45,630 --> 00:08:48,430
そして、私はちょうど入力するつもりです
Facebook.comた。

185
00:08:48,430 --> 00:08:51,940
いいえHTTPなし、HTTPS、ないWWW。

186
00:08:51,940 --> 00:08:53,850
実際にここで何が起こるか見てみましょう。

187
00:08:53,850 --> 00:08:55,030
>> 入力します。

188
00:08:55,030 --> 00:08:58,480
今だけのものの全体の束に気づく
で、この下のパネルに登場

189
00:08:58,480 --> 00:09:00,285
Webページに加え、
上部に表示される。

190
00:09:00,285 --> 00:09:04,890
私はに戻って上にスクロールするつもりです
ここで、私はするつもりだ[ネットワーク]タブ

191
00:09:04,890 --> 00:09:06,080
最初の行をクリックしてください。

192
00:09:06,080 --> 00:09:10,580
このツールは私たちに明らかに何が起こっているか
HTTPリクエストのすべての一つです

193
00:09:10,580 --> 00:09:13,550
急速にだけ戻っている
前後の間に私のブラウザ

194
00:09:13,550 --> 00:09:14,930
とFacebookのサーバー。

195
00:09:14,930 --> 00:09:17,830
これらの行のなど一つ一つ
1そのような要求を表すか、または

196
00:09:17,830 --> 00:09:20,970
応答、一つ以上
これらの仮想封筒。

197
00:09:20,970 --> 00:09:24,080
以上何気なく、それが人のようだ
の人物のように、顧客

198
00:09:24,080 --> 00:09:26,710
レストランで、何かを求め
再び、再び、再び。

199
00:09:26,710 --> 00:09:29,400
とウェイターは持参続ける
戻って一つずつ。

200
00:09:29,400 --> 00:09:33,850
>> だから今、私はこの上にズームインすると、予告
これはものの一種になります

201
00:09:33,850 --> 00:09:36,600
あなたはに歓迎し、奨励していること
ので、自分でと遊ぶために我々

202
00:09:36,600 --> 00:09:38,150
すべてを通過しません
偉大な詳細に示す。

203
00:09:38,150 --> 00:09:40,070
しかし、そこに気付く
ここではいくつかのサブタブ - 

204
00:09:40,070 --> 00:09:43,700
ヘッダ、プレビュー、応答、
クッキー、タイミング。

205
00:09:43,700 --> 00:09:48,280
私はちょうど、ヘッダーを見に行くよ
今のところ、これらは少しあるので

206
00:09:48,280 --> 00:09:53,600
その封筒の内側に成分
データは場所にしてから得るのを助ける。

207
00:09:53,600 --> 00:09:57,590
>> だから最初に、見る、私はこれをクリックしてみましょう
リクエストヘッダに次のソース。

208
00:09:57,590 --> 00:10:01,910
私のブラウザは、その要求があり、
クロムは、この場合には、内部の送信された

209
00:10:01,910 --> 00:10:02,910
その仮想封筒。

210
00:10:02,910 --> 00:10:04,800
あなたは、先週私を思い出すだろう
それを手動で入力している間

211
00:10:04,800 --> 00:10:06,380
ブラウザのふり。

212
00:10:06,380 --> 00:10:09,980
それはそれがサーバーを思い出した
というホストを探している

213
00:10:09,980 --> 00:10:10,835
Facebook.com。

214
00:10:10,835 --> 00:10:13,630
そしてもう少し難解あり
我々は振るだろうという情報

215
00:10:13,630 --> 00:10:14,830
今の我々の手。

216
00:10:14,830 --> 00:10:18,640
>> しかし、私は今でスクロールし始める場合
このウィンドウでは、私がに取得させ

217
00:10:18,640 --> 00:10:19,980
レスポンスヘッダ。

218
00:10:19,980 --> 00:10:23,270
これは仮想に何があるかだった
から帰ってきた封筒

219
00:10:23,270 --> 00:10:24,095
Facebook.com。

220
00:10:24,095 --> 00:10:27,390
そして私はちょうどソースの表示]をクリックする
それの生のテキストを見て、

221
00:10:27,390 --> 00:10:28,400
いくつかのことに気付く。

222
00:10:28,400 --> 00:10:32,130
一つは、Facebookはまた同じように話す
プロトコル、そのバージョン1.1。

223
00:10:32,130 --> 00:10:33,390
だからうれしいです。

224
00:10:33,390 --> 00:10:36,820
しかし、ステータスコード301、
恒久的に移動しました。

225
00:10:36,820 --> 00:10:38,880
>> さて、Facebookはどこに一体を行ったのですか？

226
00:10:38,880 --> 00:10:40,430
これは私たちに伝えようとは何ですか？

227
00:10:40,430 --> 00:10:44,310
さて、もう一つは、ここでダウンして気づくあり
ヘッダーには、場所と呼ばれる。

228
00:10:44,310 --> 00:10:51,050
なぜFacebookが、彼らと私に語っている
そのURLに恒久的に移動した

229
00:10:51,050 --> 00:10:53,580
場所の隣に？

230
00:10:53,580 --> 00:10:54,962
私は、WWWのを忘れてしまった。

231
00:10:54,962 --> 00:10:56,250
>> だから、それは私の選択だった。

232
00:10:56,250 --> 00:11:00,450
実際には、稀に、おそらく私たちのほとんどは、
このごろwww.whatever.comを入力します。

233
00:11:00,450 --> 00:11:03,390
それは、システム管理者が判明
Facebookの、することができますように

234
00:11:03,390 --> 00:11:06,800
このような方法で彼らのサーバーを構成
Facebook.comいずれかが動作するか、という

235
00:11:06,800 --> 00:11:12,450
www.Facebook.com作品、または、本当に、
彼らの目の前でそのような接頭

236
00:11:12,450 --> 00:11:13,210
ドメイン名。

237
00:11:13,210 --> 00:11:14,500
そこで、彼らは私たちのためにあることをやった。

238
00:11:14,500 --> 00:11:16,910
そして、彼らはおそらく、私たちをリダイレクトする
いくつかの技術のために、

239
00:11:16,910 --> 00:11:18,100
いくつかのマーケティング上の理由。

240
00:11:18,100 --> 00:11:21,570
彼らはただ正規化したい
www.Facebook.com上。

241
00:11:21,570 --> 00:11:24,040
>> しかし、それは非常にそれはありません。

242
00:11:24,040 --> 00:11:28,560
私はここで下にスクロールした場合、してみましょう
何が起こるかを参照してください。

243
00:11:28,560 --> 00:11:30,810
これは私たちを語っている
に恒久的に移動した

244
00:11:30,810 --> 00:11:33,450
http://www.Facebook.com。

245
00:11:33,450 --> 00:11:36,620
だから、第二のリクエストを見てみましょう
私のブラウザが送信する。

246
00:11:36,620 --> 00:11:40,070
残念ながら、それはFacebookのように見える
第二のため、再び移動した

247
00:11:40,070 --> 00:11:44,420
代わりに、そのURLを選択することにより、要求、
あまりにも、移動した、と言う

248
00:11:44,420 --> 00:11:45,010
永久に。

249
00:11:45,010 --> 00:11:48,140
そして、私がここで下にスクロールしてみましょう
レスポンスヘッダへ。

250
00:11:48,140 --> 00:11:51,530
どこにFacebookは今行っている？

251
00:11:51,530 --> 00:11:52,680
>> HTTPSだから。

252
00:11:52,680 --> 00:11:56,130
だから今はFacebookが開始しました、
特に、現在の光で

253
00:11:56,130 --> 00:11:59,750
特に、ここ数カ月の間にイベント、および
また、過去数年間で

254
00:11:59,750 --> 00:12:03,670
良いでは、彼らのすべてのユーザーを強制する
以上でHTTPSを使用する方法、

255
00:12:03,670 --> 00:12:06,210
ただし、完全に安全ではない、固定します。

256
00:12:06,210 --> 00:12:10,000
そして今、私のページに、私のブラウザです
この第三のURLを要求するつもり。

257
00:12:10,000 --> 00:12:14,710
そして今、最終的に、我々は得る
そうしないと目に見えない200 OK。

258
00:12:14,710 --> 00:12:18,830
>> だから、世界で何かのすべて
ここでダウンしてこれらの他の行。

259
00:12:18,830 --> 00:12:22,630
私は文字通り一つのことを入力して、私の
ブラウザは以下のように要求しているようだ

260
00:12:22,630 --> 00:12:23,840
20いくつかの奇妙なもの。

261
00:12:23,840 --> 00:12:24,640
それは何ですか？

262
00:12:24,640 --> 00:12:25,810
>> 聴衆：スクリプト？

263
00:12:25,810 --> 00:12:28,460
>> SPEAKER 1：スクリプトなので、他のファイル
と呼ばれる言語で記述された

264
00:12:28,460 --> 00:12:30,780
再び、我々はよは、JavaScript、
水曜日のビットを参照してください。

265
00:12:30,780 --> 00:12:32,760
ほかには？

266
00:12:32,760 --> 00:12:33,390
スタイルシート。

267
00:12:33,390 --> 00:12:36,350
だからと呼ばれる言語で何か
我々は少しでわかりCSS、。

268
00:12:36,350 --> 00:12:40,690
GIFアニメーション、およびJPEGファイル、およびPNG画像、イメージ、
とムービーファイル - どんなウェブページ

269
00:12:40,690 --> 00:12:43,280
の中で最も可能性が高いしている
ファイルの形式。

270
00:12:43,280 --> 00:12:46,750
そして我々は左に見ているもの
右辺のすべてのファイルがあります

271
00:12:46,750 --> 00:12:50,280
Chromeはダウンロードしなければならなかったこと、
再帰的に、可能ならば、するために

272
00:12:50,280 --> 00:12:52,430
ページの全体を構成している。

273
00:12:52,430 --> 00:12:56,210
>> それでは我々は、Googleと一瞬前に見た
私は、要素をクリックした場合

274
00:12:56,210 --> 00:13:00,470
タブには、これは、確かに、HTML、です
このページを構成する言語。

275
00:13:00,470 --> 00:13:01,890
しかし、他のものの束があります。

276
00:13:01,890 --> 00:13:02,640
ロゴがあります。

277
00:13:02,640 --> 00:13:04,680
それらは、青色っぽいあり
あそこアイコン。

278
00:13:04,680 --> 00:13:07,610
そして、他の要素が上まだあり
自身があるかもしれないページ

279
00:13:07,610 --> 00:13:08,610
別々のファイル。

280
00:13:08,610 --> 00:13:11,860
>> ブラウザに関することはとても素敵何だ
それは我々が行っている言語を見て

281
00:13:11,860 --> 00:13:14,690
開始する書き込み、またはすでにた
Pセット7、図に書き始めた

282
00:13:14,690 --> 00:13:17,970
外にそれらのファイルが住んでいる、と
行くとだけでなく、それらをつかむ。

283
00:13:17,970 --> 00:13:21,010
と私も、十分に強調することができません
このうちのいくつかは少し見えるかもしれませんが

284
00:13:21,010 --> 00:13:24,820
一見難解または圧倒的、
プログラムする方法を学ぶ

285
00:13:24,820 --> 00:13:28,500
Web用アプリケーションは、それがだ
どのようにこれらを理解する貴重な

286
00:13:28,500 --> 00:13:29,410
少しツールが動作します。

287
00:13:29,410 --> 00:13:33,830
これらは、ツールのようなのようなGDBの一種である
使用して、最終的には、しかし、はるかに簡単 - 

288
00:13:33,830 --> 00:13:37,690
と本当にあなたのものに目を与え
我々はのために当然の取ってきた

289
00:13:37,690 --> 00:13:39,170
今かなりの時間。

290
00:13:39,170 --> 00:13:42,270
>> だから我々は今で何ができる
この情報は？

291
00:13:42,270 --> 00:13:44,875
まあ、実際に見てみましょう
HTMLの基礎となる概念。

292
00:13:44,875 --> 00:13:49,025
我々はすでに持っているとして、我々はに、延期します
問題のセクション今週、

293
00:13:49,025 --> 00:13:53,260
より多くのいくつかに、7の仕様を設定
これらの言語の細目。

294
00:13:53,260 --> 00:13:57,020
しかし、我々は描くことができないかどうかを確認してみましょう
あなたが理解すべきかの写真

295
00:13:57,020 --> 00:13:57,940
全体的にここに。

296
00:13:57,940 --> 00:14:02,280
>> だからHTML、ハイパーテキストマークアップ言語、
プログラミング言語ではありません。

297
00:14:02,280 --> 00:14:03,520
それは本当に何を意味するのでしょうか？

298
00:14:03,520 --> 00:14:05,690
だから、HTMLは次のようになります。

299
00:14:05,690 --> 00:14:06,810
そして、あなたのいくつかは既にこれを知っている。

300
00:14:06,810 --> 00:14:08,130
あなたのいくつかは、やっている
しばらくの間、この。

301
00:14:08,130 --> 00:14:10,270
しかし、我々は埋めることができないかどうかを確認してみましょう
いくつかの空白だけでなく。

302
00:14:10,270 --> 00:14:11,760
だからここに物事のカップルに気づく。

303
00:14:11,760 --> 00:14:13,030
一つは、それは単なるテキストです。

304
00:14:13,030 --> 00:14:15,960
だからそれだけでソースコードのようなものだ
C、またはいくつかの他の言語。

305
00:14:15,960 --> 00:14:17,750
>> あるように思われることに注意してください
ここでのパターンであることが。

306
00:14:17,750 --> 00:14:20,870
技術的にはそこにインデントですが、
インデントは単なる人間である

307
00:14:20,870 --> 00:14:21,205
慣例。

308
00:14:21,205 --> 00:14:24,980
新しいがあればブラウザは気にしない
行とタブは、我々はそこを参照してください好きです。

309
00:14:24,980 --> 00:14:27,410
しかし、そこだということに気付く
ここで対称。

310
00:14:27,410 --> 00:14:31,180
の上部にある、私が呼ぶこと何あり
このファイルは、開始タグ、または開始

311
00:14:31,180 --> 00:14:33,030
HTMLというタグ、。

312
00:14:33,030 --> 00:14:36,800
そして、下方に、完全に並ぶ
まで、多くの我々は、中括弧で行うような、

313
00:14:36,800 --> 00:14:40,910
我々は前方に、オープンブラケットを参照してください
スラッシュ、HTML、近いブラケット。

314
00:14:40,910 --> 00:14:44,610
だから対応近いです
そのことのためにタグ、終了タグ、。

315
00:14:44,610 --> 00:14:47,990
>> の内側に合わせて、すべてのもの
開始タグと終了タグ、いわゆる

316
00:14:47,990 --> 00:14:50,440
我々は要素を呼ぶことに何の作曲。

317
00:14:50,440 --> 00:14:53,910
そして、我々はわかります、ただ瞬間に、それはだ
本当に木でノードが好きです。

318
00:14:53,910 --> 00:14:57,470
なぜならあなたが今考えてみれば
ここで暗黙のインデント、あなた

319
00:14:57,470 --> 00:15:00,780
好きな、持っている一種の、祖父母
ノードは、HTMLと呼ばれる。

320
00:15:00,780 --> 00:15:06,870
あなたはベース、どのように多くの子供たちを言うかもしれない
この画像に、HTML要素は持って？

321
00:15:06,870 --> 00:15:07,720
>> だからおそらく2。

322
00:15:07,720 --> 00:15:10,240
一つは、明らかに、ヘッド素子である。

323
00:15:10,240 --> 00:15:11,710
そして、もう一つは、本体要素である。

324
00:15:11,710 --> 00:15:12,555
そして、なぜ二人の子供？

325
00:15:12,555 --> 00:15:15,840
まあ、私は推測するだけの種類だということであれば
私は開いているheadタグを持って、次に

326
00:15:15,840 --> 00:15:17,820
近いheadタグ、要素です。

327
00:15:17,820 --> 00:15:21,200
そして、別のオープンボディは、があれば
タグとようなものだ近いbodyタグ、

328
00:15:21,200 --> 00:15:22,340
別の要素。

329
00:15:22,340 --> 00:15:26,000
だから私は種類の回転場合という意味で
その側に絵、それは

330
00:15:26,000 --> 00:15:29,910
HTMLタグを持つようにしてから、
headタグ、次にbodyタグ、および

331
00:15:29,910 --> 00:15:34,290
その後いくつかのテキスト、こんにちは世界、ダングリング
bodyタグ自体をオフにします。

332
00:15:34,290 --> 00:15:36,620
>> だから私たちは絵を描くことができます
このように見えるかもしれません。

333
00:15:36,620 --> 00:15:38,020
形状は任意である。

334
00:15:38,020 --> 00:15:40,870
しかし、私はのようなものを使用したことに気付く
表現するために上部の楕円

335
00:15:40,870 --> 00:15:41,860
自身を文書化します。

336
00:15:41,860 --> 00:15:45,980
他のものが存在することができるうちそれは変わり
私はいませんでしたことをWebページの内部

337
00:15:45,980 --> 00:15:46,940
ここに描かれた。

338
00:15:46,940 --> 00:15:50,800
だから私たちも、HTMLをハングアップするつもりだ
いわゆるドキュメント·ノードのノードをオフにします。

339
00:15:50,800 --> 00:15:53,730
そして、我々は頭を持っていると
本文とタイトル、予告、

340
00:15:53,730 --> 00:15:55,360
これらはさらにネストされています。

341
00:15:55,360 --> 00:15:58,650
私は、追加の行を入れて気にしませんでした
タイトルタグの内側に休憩。

342
00:15:58,650 --> 00:16:02,710
それはなっていたようにそれだけで感じた
ちょっとあまりに冗長。

343
00:16:02,710 --> 00:16:07,000
だから私はと、そこに1行でそれを残した
オープンタイトル、こんにちは世界、近いタイトル。

344
00:16:07,000 --> 00:16:09,380
そして、我々はいくつかのテキストを持っている
ここのオフぶら下がり。

345
00:16:09,380 --> 00:16:12,200
>> だから、この写真は、に戻ってくるだろう
当方ときに我々はJavaScriptに飛び込む。

346
00:16:12,200 --> 00:16:15,110
理解とそのとき
何、このようなHTMLを書く

347
00:16:15,110 --> 00:16:16,250
ブラウザがやっている？

348
00:16:16,250 --> 00:16:19,290
さて、私たちは心配する必要はありません
それがどのようにこれをやっている、または何で

349
00:16:19,290 --> 00:16:23,090
アルゴリズムが、一日の終わりに、
ブラウザは、HTMLのように受信したとき

350
00:16:23,090 --> 00:16:27,510
それは、FacebookやGoogleからは、解析し
それは、いわば、それは、それを読み出す

351
00:16:27,510 --> 00:16:31,160
トップにはfreadのようなもの、と
右へ左下、そしてそれのように

352
00:16:31,160 --> 00:16:36,300
閉じて、ああ、開いたタグを実現し、
タグ、それはいわば、malloc関数を開始、

353
00:16:36,300 --> 00:16:37,800
ツリー内のノード。

354
00:16:37,800 --> 00:16:41,130
そして、それが発生したとき、我々は暗黙てきたように
ここでインデントと、

355
00:16:41,130 --> 00:16:45,400
子ノードは、そのノードをmallocを
そして木に取り付けること。

356
00:16:45,400 --> 00:16:49,150
>> ツリー構造、2分木は、そう
三の木、そして大きな木、その

357
00:16:49,150 --> 00:16:53,380
我々は前の週または2つのをちらっと見た、予告
同じ原理であること

358
00:16:53,380 --> 00:16:54,220
私達に戻ってくる。

359
00:16:54,220 --> 00:16:57,590
と誰でも実装、クロームどんな
チームはおそらくあったが、それをした

360
00:16:57,590 --> 00:17:00,800
ツリー構造のいくつかの種類を実装する
ボンネットの下に。

361
00:17:00,800 --> 00:17:05,329
と自体は、おそらくあること
Cのような言語、またはC + +、または下

362
00:17:05,329 --> 00:17:08,540
我々はだろうというレベルの言語
今やウェブ上に使用しています。

363
00:17:08,540 --> 00:17:11,200
>> だから今、多分、これは意志
方が理にかなっている。

364
00:17:11,200 --> 00:17:15,420
かもしれないいくつかの男から実際のタトゥー
種類で、最終的にはそれを後悔。

365
00:17:15,420 --> 00:17:17,359
[OK]を、ので、すべての権利、ウェブユーモアがたくさん。

366
00:17:17,359 --> 00:17:18,599
それは実際にはないだろう
以上のように、今日。

367
00:17:18,599 --> 00:17:19,560
だから我々は先に進むでしょう。

368
00:17:19,560 --> 00:17:20,180
わかりました。

369
00:17:20,180 --> 00:17:22,760
>> それでは、今、見てみましょう
いくつかの例で。

370
00:17:22,760 --> 00:17:24,660
最も単純な
事はこれかもしれない。

371
00:17:24,660 --> 00:17:29,170
私が先に行くとで開くつもりだ
hello.phpというファイルをgeditの。

372
00:17:29,170 --> 00:17:31,730

373
00:17:31,730 --> 00:17:36,330
そして、ここの中、私はすぐに行くよ
ただこれを行う、printfを、引用

374
00:17:36,330 --> 00:17:38,590
引用終わり、 "こんにちは、世界。"

375
00:17:38,590 --> 00:17:42,460
>> だから、気づくと、私はバックスラッシュNをやる
私はメインを宣言する気いませんでした。

376
00:17:42,460 --> 00:17:45,310
これは、PHPで、判明し、多くの
言語は、メインを必要としない

377
00:17:45,310 --> 00:17:46,090
それ自体機能。

378
00:17:46,090 --> 00:17:47,720
あなただけの書き込みを開始することができます
プログラム。

379
00:17:47,720 --> 00:17:51,210
今、私は、このファイルを保存するとき、私は気づく
次の操作を実行しているつもり。

380
00:17:51,210 --> 00:17:55,360
私はmakeを使用するつもりはない、と私はないんだけど
とは異なり、PHPので打ち鳴らすを使用するつもり

381
00:17:55,360 --> 00:17:57,400
Cは、コンパイルされた言語ではありません。

382
00:17:57,400 --> 00:18:01,400
それは解釈と呼ばれるものだ
あなたがそれを実行することを意味し、言語、

383
00:18:01,400 --> 00:18:04,650
別のプログラムを介して入力として
インタプリタと呼ばれる。

384
00:18:04,650 --> 00:18:08,150
そして、そのプログラムは上から、それを読み取って
一番下、左から右へ、そしてない

385
00:18:08,150 --> 00:18:09,290
何あなたは何をそれを教えてください。

386
00:18:09,290 --> 00:18:12,920
>> したがって、この場合には、ここで私が持っている
printfの言う一行。

387
00:18:12,920 --> 00:18:17,990
だから私はこのソースコードを実行すると、
プログラムそのけれどもhello.php、

388
00:18:17,990 --> 00:18:22,830
、PHPと呼ばれるように、便利に、起こり
プログラムはPHPが読みしようとしていること

389
00:18:22,830 --> 00:18:26,120
このファイルは、上から下へ、左から右へ、
そしてそれは何を私がやろうとしている

390
00:18:26,120 --> 00:18:30,110
やってそれを伝える - コードを実行し、場合
それだけで、何かを認識しません

391
00:18:30,110 --> 00:18:31,320
それを吐き出し。

392
00:18:31,320 --> 00:18:34,940
だから私は先に行くつもりだと
hello.phpのPHPを実行します。

393
00:18:34,940 --> 00:18:37,110
入力します。

394
00:18:37,110 --> 00:18:39,690
>> そして、それは、私が意図したものはかなりありません。

395
00:18:39,690 --> 00:18:40,530
まあ、理由です？

396
00:18:40,530 --> 00:18:43,910
さて、PHPは、実際の言語です
かなりなるように設計

397
00:18:43,910 --> 00:18:46,150
ウェブと絡み合っ。

398
00:18:46,150 --> 00:18:50,460
この言語でWebページを作るとき
PHP、我々はすぐに表示されます、私たちが説明するように

399
00:18:50,460 --> 00:18:54,560
プリントのような何かをしたい
このような行外。

400
00:18:54,560 --> 00:18:55,940
>> だから私はこれを行うつもりです。

401
00:18:55,940 --> 00:19:00,810
オープンブラケット、疑問符、PHP、および
今私はちょうど保つためにインデントつもり

402
00:19:00,810 --> 00:19:01,960
素晴らしいこと。

403
00:19:01,960 --> 00:19:04,910
そして今、私は質問をするつもりです
閉じ括弧をマーク。

404
00:19:04,910 --> 00:19:06,270
だからここに非対称のビットがあります。

405
00:19:06,270 --> 00:19:07,490
あなたがこれをしない。

406
00:19:07,490 --> 00:19:10,530
そして、あなたはそう、スラッシュをしない
PHPは少し異なっています。

407
00:19:10,530 --> 00:19:14,610
>> しかし、今、私はこのプログラムを再実行した場合、
今PHP hello.php、I

408
00:19:14,610 --> 00:19:16,090
実際のHello Worldを得る。

409
00:19:16,090 --> 00:19:17,750
これは貴重である理由と我々が表示されます。

410
00:19:17,750 --> 00:19:20,960
一つ、それは私が指定することができ、
明示的にスーパー、これは

411
00:19:20,960 --> 00:19:22,480
コー​​ドは、これを実行します。

412
00:19:22,480 --> 00:19:25,480
そして、それは確かに何これら
特別なタグがここに示唆している。

413
00:19:25,480 --> 00:19:30,330
>> しかし、それはまた、私だけで行う場合のことを意味します
私はこっちを目指すような何か、その

414
00:19:30,330 --> 00:19:34,000
文字通り、、でしょうただ手段
必要とせずに印刷すること

415
00:19:34,000 --> 00:19:36,850
実際に、printfの呼び出し、または印刷
または任意の同様の機能。

416
00:19:36,850 --> 00:19:39,445
だから私たちはそれに戻ってくる
ほんの一瞬である。

417
00:19:39,445 --> 00:19:40,470
>> まず、これを行うてみましょう。

418
00:19:40,470 --> 00:19:43,950
アプライアンスの内部では、我々は持っている
ディレクトリは、仮想のために、バーチャルホストと呼ばれる

419
00:19:43,950 --> 00:19:47,000
ホストは、ローカルホストを大幅に削減、公共スラッシュ。

420
00:19:47,000 --> 00:19:50,240
だから、それは少し冗長ですが、長い話だ
短い、アプライアンスがないように設計されてい

421
00:19:50,240 --> 00:19:53,770
Cのみをサポートするために、それはまたです
PHPをサポートするように設計された。

422
00:19:53,770 --> 00:19:57,440
しかし、それはまた、ウェブように設計されています
サーバ、データベース·サーバ。

423
00:19:57,440 --> 00:20:00,230
それは、設計されており、真に設定されている
任意のを連想されるように

424
00:20:00,230 --> 00:20:04,230
商用Webホスティング会社その
あなたがのために月額5ドルを支払う可能性があります

425
00:20:04,230 --> 00:20:05,040
100ドル月。

426
00:20:05,040 --> 00:20:08,200
サービスが何であれ、それが構成されている
非常によく似ているように

427
00:20:08,200 --> 00:20:10,170
現実世界の本番サーバー。

428
00:20:10,170 --> 00:20:13,485
>> そして、何を意味することで実行されていること
アプライアンスはWebサーバソフトウェアである。

429
00:20:13,485 --> 00:20:15,060
それは、Apacheと呼ばれるように起こる。

430
00:20:15,060 --> 00:20:17,790
それは、単に無料で、オープンソース
と非常に人気があります。

431
00:20:17,790 --> 00:20:23,260
そして、私たちは知っているようにApacheを設定している
私は、特定のURLを参照してください場合に、と

432
00:20:23,260 --> 00:20:28,060
クロムまたは内部の任意のブラウザ
アプライアンスは、このディレクトリに見て

433
00:20:28,060 --> 00:20:31,030
そのファイルの
ユーザーが要求している。

434
00:20:31,030 --> 00:20:32,790
>> 言い換えれば、私を聞かせて
先に行くと、これを行う。

435
00:20:32,790 --> 00:20:36,890
私の公開ディレクトリの中に、私は行くよ
先に行くと、ファイルを作成する

436
00:20:36,890 --> 00:20:39,580
index.htmlを呼んだ。

437
00:20:39,580 --> 00:20:41,000
それがここで私にタブを提供します。

438
00:20:41,000 --> 00:20:44,210
そして、私は非常に迅速に行くつもりです
と先に行くと外に強打

439
00:20:44,210 --> 00:20:45,010
ここにこのプログラム。

440
00:20:45,010 --> 00:20:48,410
今のところ、単にDOCTYPE HTML、
あなたが入力する必要が前提としています。

441
00:20:48,410 --> 00:20:53,490
それだけで難解なタグだ、それではありません
ことを指定します本当にHTMLタグ、

442
00:20:53,490 --> 00:20:55,050
ここでいくつかのHTMLが付属しています。

443
00:20:55,050 --> 00:20:57,400
>> 私が先に行くと再作成するつもりです
我々は一瞬前に見たもの。

444
00:20:57,400 --> 00:20:58,650
ここでは、ページの先頭です。

445
00:20:58,650 --> 00:21:01,170
頭の中があった - 

446
00:21:01,170 --> 00:21:01,890
そうタイトル。

447
00:21:01,890 --> 00:21:04,340
だから我々は、世界、こんにちはと言うでしょう。

448
00:21:04,340 --> 00:21:06,570
そして、ダウンここでbodyタグだった。

449
00:21:06,570 --> 00:21:08,580
私はbodyタグを閉じてみましょう。

450
00:21:08,580 --> 00:21:12,280
そしてここで私はまた、言うよ
単にわかりやすくするために、世界こんにちは。

451
00:21:12,280 --> 00:21:14,770
>> だから、これは、間違いなく、最も単純で
可能なWebページあなた

452
00:21:14,770 --> 00:21:15,770
有効だとすることができます。

453
00:21:15,770 --> 00:21:17,030
これは、構文的に有効です。

454
00:21:17,030 --> 00:21:18,620
開いているすべてが閉じられている。

455
00:21:18,620 --> 00:21:20,910
すべてがうまくでだ
スタイルとインデント。

456
00:21:20,910 --> 00:21:23,600
だから今、どのように見てみましょう
このファイルにアクセスすることができる。

457
00:21:23,600 --> 00:21:25,540
>> まあ、私はChromeのためにここに行きましょう。

458
00:21:25,540 --> 00:21:35,050
と私はに手放す
http://localhost/index.html。

459
00:21:35,050 --> 00:21:36,200
だから、ローカルホストは何ですか？

460
00:21:36,200 --> 00:21:39,400
まあ、世界で最も任意のコンピュータ、
は、Linux、Mac OS、Windowsは、ニックネームを持っている

461
00:21:39,400 --> 00:21:40,680
ローカルホストと呼ばれる。

462
00:21:40,680 --> 00:21:42,900
あなたは今まで話をしたいのであれば
自分のコンピュータへ - 

463
00:21:42,900 --> 00:21:45,140
奇妙なことに反射的に、とはいえ - 

464
00:21:45,140 --> 00:21:47,080
あなたは自分のローカルホストと呼びます。

465
00:21:47,080 --> 00:21:50,390
あなたの実際のコンピュータが何であるかは関係がありません
それはダビデのMacBookののかどうか、と呼ばれる

466
00:21:50,390 --> 00:21:52,490
空気、またはそれ以上の何か
そのような冗長。

467
00:21:52,490 --> 00:21:57,760
>> だからこのURLは明らかに使おうとしている
ローカルホストと話をするHTTP、

468
00:21:57,760 --> 00:22:00,800
同じコンピュータ、アプライアンス、および
それだけで取る、を求めるために起こっている

469
00:22:00,800 --> 00:22:02,570
推測、どのファイル？

470
00:22:02,570 --> 00:22:04,460
index.htmlを。

471
00:22:04,460 --> 00:22:08,650
だからアプライアンスで設定されている
私が求めている場合のことを知って進める

472
00:22:08,650 --> 00:22:13,460
index.htmlのようなものを、探し
フォルダ内には、バーチャルホストと呼ばれる

473
00:22:13,460 --> 00:22:17,950
フォルダ内にはlocalhostという名前のフォルダ、
そこに公共と呼ば。

474
00:22:17,950 --> 00:22:20,400
どこで私の国民のすべてのことです
ファイルがあることを行っている。

475
00:22:20,400 --> 00:22:22,610
だから私は今、Enterキーを打つつもりです。

476
00:22:22,610 --> 00:22:27,100
>> そしていまいましい、その禁止があります
そうでなければ403として知られているメッセージ、

477
00:22:27,100 --> 00:22:28,490
そのための数値コード。

478
00:22:28,490 --> 00:22:30,130
だから、ここで間違って何ですか？

479
00:22:30,130 --> 00:22:33,210
まあ、それはただ置くのに十分ではありません
私のフォルダの内のファイル。

480
00:22:33,210 --> 00:22:35,790
私は実際には次の操作を実行する必要があります。

481
00:22:35,790 --> 00:22:40,210
>> 私に、私のバーチャルホストディレクトリに行こう
localhostを、公衆に、とさせて

482
00:22:40,210 --> 00:22:41,680
私はLSダッシュ​​lを行う。

483
00:22:41,680 --> 00:22:44,510
といくつか他のものがある
ここに今日の目的のために。

484
00:22:44,510 --> 00:22:50,540
しかし、次の、左側に気づく
index.htmlをするため、我々は唯一の1 RWを参照してください。

485
00:22:50,540 --> 00:22:53,560
過去に、何
RWはのため立っている？

486
00:22:53,560 --> 00:22:54,240
>> ただ、読み取りまたは書き込み。

487
00:22:54,240 --> 00:22:58,000
それが左側にRWと言う事実
私は、このファイルの所有者、することができますを意味

488
00:22:58,000 --> 00:22:59,020
それを読み取りまたは書き込み。

489
00:22:59,020 --> 00:23:05,010
しかし、私はすべての人々を聞かせする必要があります
世界はこれを読んで、しかしそれを記述しない。

490
00:23:05,010 --> 00:23:09,650
だから私は、のモードを変更するつもりです
ファイルはchmod、与えるためにすべてのプラスR

491
00:23:09,650 --> 00:23:13,910
誰もが上の読み取り権限
のindex.htmlというファイル。

492
00:23:13,910 --> 00:23:18,040
>> そして、私は今、再入力LSダッシュ​​L、気づけば
つまり、こっちに、いくつかのより

493
00:23:18,040 --> 00:23:19,160
Rはポップアップしてきた。

494
00:23:19,160 --> 00:23:21,090
そして今では、スペックが行く
詳細へ。

495
00:23:21,090 --> 00:23:24,450
ただみんなを意味Pセット7、用
今、このファイルを読むことができます。

496
00:23:24,450 --> 00:23:27,790
私は自分のブラウザに戻った場合
今とリロード、出来上がり。

497
00:23:27,790 --> 00:23:28,750
こんにちは、世界。

498
00:23:28,750 --> 00:23:32,260
>> と私も私のChromeのツールを開くことができます
、ちょうどGoogleと同じように、見て、

499
00:23:32,260 --> 00:23:34,590
私のHTMLがあることを、Facebookや
少しフォーマット

500
00:23:34,590 --> 00:23:35,930
異なると色付け。

501
00:23:35,930 --> 00:23:40,450
私はネットワーク]タブに移動し、リロードした場合
ページでは、取得があることに気付く

502
00:23:40,450 --> 00:23:42,900
Chromeが送信していることを要求
アプライアンスに。

503
00:23:42,900 --> 00:23:46,020
そのための200があります
特定のファイル。

504
00:23:46,020 --> 00:23:49,340
だから要するに、これがどのようにこれらのすべてのです。
様々な作品が一緒に来ている。

505
00:23:49,340 --> 00:23:53,530
それはちょうどように、Webサーバが起こる
我々は、リモートではない、今使っている

506
00:23:53,530 --> 00:23:54,210
Facebookのような。

507
00:23:54,210 --> 00:23:58,330
それは、同じコンピュータ上で文字通りだ
これは完全にOKです。

508
00:23:58,330 --> 00:24:00,590
>> だから我々は、Webページでより多くの何ができますか？

509
00:24:00,590 --> 00:24:03,110
まあ、ただ、みましょうを通してそよ風
これらのもののカップル。

510
00:24:03,110 --> 00:24:07,860
しかし、私が先に行くと、再び開きましょう
index.htmlをとgeditの。

511
00:24:07,860 --> 00:24:13,980
そして、私が先に行くと挨拶CS50言わせて
に戻って、このファイルを保存

512
00:24:13,980 --> 00:24:16,260
ブラウザ、本当にがっかり変化。

513
00:24:16,260 --> 00:24:19,130
>> しかし、我々は実際に何をしたい場合
今、何かへのリンク？

514
00:24:19,130 --> 00:24:23,480
だから、それは我々が持つことができることが判明
ただタグでHTML内のリンク

515
00:24:23,480 --> 00:24:24,140
自分自身。

516
00:24:24,140 --> 00:24:27,320
それは呼ばれるように起こる
アンカータグ。 hrefが等しい

517
00:24:27,320 --> 00:24:33,190
https://www.cs50.net、www.cs50.net
近い引用、近いブラケット。

518
00:24:33,190 --> 00:24:35,230
そして今、何を見てみましょう
他に次に来る。

519
00:24:35,230 --> 00:24:36,500
>> 私はタグを開いた。

520
00:24:36,500 --> 00:24:38,990
私は今それを与える必要があります
CS50のようなフレーズ。

521
00:24:38,990 --> 00:24:40,600
私には、タグを閉じてみましょう。

522
00:24:40,600 --> 00:24:42,010
といくつかのことを気づく。

523
00:24:42,010 --> 00:24:45,270
この不可解な事がありにもかかわらず
ここで、私はそれを繰り返していないとき

524
00:24:45,270 --> 00:24:46,010
タグを閉じます。

525
00:24:46,010 --> 00:24:48,230
あなただけのタグを閉じる
一人で、その名前を持つ。

526
00:24:48,230 --> 00:24:50,940
そして、これは次のように何か知られているされている
値を持つ属性。

527
00:24:50,940 --> 00:24:56,070
属性は、単に動作を変更
ページの内部にいくつかのタグの。

528
00:24:56,070 --> 00:24:59,150
>> だから、これは指定されているハイパー
参照、というのファンシー方法

529
00:24:59,150 --> 00:25:03,660
このために、このアンカーのURL、
リンクは、CS50.netでなければなりません。

530
00:25:03,660 --> 00:25:07,440
そして、我々は表示したいテキスト
ユーザーは、その生のURLではなく、むしろ

531
00:25:07,440 --> 00:25:08,730
単語CS50。

532
00:25:08,730 --> 00:25:13,710
>> 今場合だから私は私のためにズームインさせ、リロード
明瞭さ、私はページをリロードしてみましょう、

533
00:25:13,710 --> 00:25:16,460
我々はこの古い学校を持っていることに気付く
青色のリンクを強調した。

534
00:25:16,460 --> 00:25:20,000
そして、私はそれを上にカーソルを移動し、それが起こっている場合
見てタフでなければ、底に残って

535
00:25:20,000 --> 00:25:23,690
画面の隅、予告
それは言うことへのURL

536
00:25:23,690 --> 00:25:24,430
私は行くつもりです。

537
00:25:24,430 --> 00:25:27,940
そして、出来上がり、私はそこをクリックした場合
今私は、Webページを作ってるんだ。

538
00:25:27,940 --> 00:25:30,140
そして、私たちは自分自身を率いてきた
ホームページへ。

539
00:25:30,140 --> 00:25:32,670
>> 潜在的な何かに気づく
これは私たちを提供しています。

540
00:25:32,670 --> 00:25:34,890
セキュリティは非常によく似ています
流行で、これらの日。

541
00:25:34,890 --> 00:25:41,210
私の代わりに何を何かのように言えば
これ、私が代わりにしてみましょう、と言う、に行く

542
00:25:41,210 --> 00:25:42,460
、fakeCS50.netを参照してください。

543
00:25:42,460 --> 00:25:44,660

544
00:25:44,660 --> 00:25:46,360
このページをリロードします。

545
00:25:46,360 --> 00:25:50,180
>> [OK]を、ので、私は私のように、それはまだ見え気付く
鋭い目を除き、CS50に行く

546
00:25:50,180 --> 00:25:51,560
私は偽のCS50につもりに気づくでしょう。

547
00:25:51,560 --> 00:25:54,550
私は、このドメインが取られていない推測している。

548
00:25:54,550 --> 00:25:55,960
[OK]を、ので、それは利用できない。

549
00:25:55,960 --> 00:25:56,600
だからそれは良いことだ。

550
00:25:56,600 --> 00:25:57,900
誰も実際にそのドメインを持っていません。

551
00:25:57,900 --> 00:26:00,380
>> しかしみましょうもう少し悪意がある
それは愚かなものだからです。

552
00:26:00,380 --> 00:26:02,240
我々はペイパルにこれを変更した場合。

553
00:26:02,240 --> 00:26:09,960
そして、我々はこれを呼んでいる場合、のように、
www.paypal.badguy.com、

554
00:26:09,960 --> 00:26:12,070
どんなドメインがある。

555
00:26:12,070 --> 00:26:13,700
それはおそらく存在しています。

556
00:26:13,700 --> 00:26:16,260
だから今私はページをリロードしてみましょう。

557
00:26:16,260 --> 00:26:22,890
そしてここで我々はフィッシング詐欺のようなものを持っている
攻撃であり、P-H-I-S-H-I-N-G、

558
00:26:22,890 --> 00:26:26,760
その攻撃のために与えられた愚かな言葉
魚の情報にしようとし、または、より良い

559
00:26:26,760 --> 00:26:30,450
まだ、だましによって人々のお金、
それらのことを情報を提供へ

560
00:26:30,450 --> 00:26:31,990
彼らはそうしないとしないかもしれません。

561
00:26:31,990 --> 00:26:33,500
これは右、完全に合法的に見える？

562
00:26:33,500 --> 00:26:34,930
私はPaypal.comにここのリンクを持っている必要があります。

563
00:26:34,930 --> 00:26:37,700

564
00:26:37,700 --> 00:26:40,430
公平であれば私はいくつかでそれを性欲を刺激する
グラフィックスは、我々はそれが見えるようにすることができます

565
00:26:40,430 --> 00:26:41,310
PayPalのようなもっと。

566
00:26:41,310 --> 00:26:41,510
右？

567
00:26:41,510 --> 00:26:43,815
私は可能性があるため、余談として、
私はPaypal.comに行くことができます。

568
00:26:43,815 --> 00:26:47,110
そして、私たちはただ見てきたどのように私がすることができます
そのHTMLのすべてを参照してください。

569
00:26:47,110 --> 00:26:50,560
私はちょうどそれをコピーして再現性が
ペイパルの美学よりもむしろ行く

570
00:26:50,560 --> 00:26:51,490
ここに古い学校。

571
00:26:51,490 --> 00:26:55,010
もちろん、気付く、そしてそれは少しだ
唯一の底に、まだ小さい

572
00:26:55,010 --> 00:26:59,190
10点のように左手のコーナー、
フォント、あなたがしているもののURLを参照してくださいますか

573
00:26:59,190 --> 00:27:01,310
実際に導くことになるだろう。

574
00:27:01,310 --> 00:27:06,580
>> あなたがこれまで得ているそうだとすれば、スパムと言っ
先に行く、あなたはアカウントだ

575
00:27:06,580 --> 00:27:07,420
侵害されている。

576
00:27:07,420 --> 00:27:10,615
このリンクをクリックして、私たちに知らせてください
あなたのパスワードは私たちは、あなたがしていることを確認できるように

577
00:27:10,615 --> 00:27:13,010
あなた、今までにそんなことはありません。

578
00:27:13,010 --> 00:27:14,180
これらの事は言わずに行く必要があります。

579
00:27:14,180 --> 00:27:17,670
しかし、それは素晴らしく面白いですし、
悲劇的な、毎年これにどのように思われる

580
00:27:17,670 --> 00:27:19,660
いくつかの非ゼロに起こる
人々の数。

581
00:27:19,660 --> 00:27:21,400
>> そして、それは美しさだ
フィッシング攻撃の。

582
00:27:21,400 --> 00:27:23,160
あなたは、万人のメールを送ることができます。

583
00:27:23,160 --> 00:27:27,720
そしてたとえ実際に人々の0.01％
ペイパルをクリックして、あなたを与えるあなたの

584
00:27:27,720 --> 00:27:31,040
パスワード、依然としてゼロ以外の数値だ
ただ与えてきた人々の

585
00:27:31,040 --> 00:27:32,200
あなたのお金。

586
00:27:32,200 --> 00:27:36,170
そして、もちろん、電子メールを送信することは非常にある
簡単で、基本的に、自由に

587
00:27:36,170 --> 00:27:36,970
このごろ。

588
00:27:36,970 --> 00:27:40,410
>> だから長い話短い、素晴らしく
美しいアイデア、右？

589
00:27:40,410 --> 00:27:44,620
数年前、これが最古のでし
ウェブのウェブを可能にする

590
00:27:44,620 --> 00:27:46,330
リソース間のハイパーリンク。

591
00:27:46,330 --> 00:27:49,520
しかし、こんなに早く、それは可能性があります
病気の目的で使用される。

592
00:27:49,520 --> 00:27:54,100
や電子メール、これらの、それが言えば十分
日、HTML内に埋め込まれている。

593
00:27:54,100 --> 00:27:55,410
>> まあ、ただもうひとつ私を聞かせて。

594
00:27:55,410 --> 00:27:58,640
そして、我々のセクションを大幅に延期するよ
問題は、あなたができるようにするために7を設定

595
00:27:58,640 --> 00:28:00,000
事項を探る。

596
00:28:00,000 --> 00:28:01,990
しかし、私は先に行こうと
ここではいくつかのことを行う。

597
00:28:01,990 --> 00:28:04,840
私はに行くと宣言するつもりだ
または、div要素と呼ばれるもの

598
00:28:04,840 --> 00:28:06,080
ページの一部門。

599
00:28:06,080 --> 00:28:07,770
私はそのdivタグを閉じてみましょう。

600
00:28:07,770 --> 00:28:11,460
>> と私は言うつもりです
ここでは、ページの上部。

601
00:28:11,460 --> 00:28:14,940
そしてこの下には、私はするつもりです
別のdivのようなものが、これを閉じる

602
00:28:14,940 --> 00:28:17,800
タグ、およびページの下部を行う。

603
00:28:17,800 --> 00:28:18,840
との、それを保存してみましょう。

604
00:28:18,840 --> 00:28:21,040
>> だから今の私のファイルに戻ってみましょう。

605
00:28:21,040 --> 00:28:22,120
非常にがっかり。

606
00:28:22,120 --> 00:28:25,520
しかし、どのような部門のために使用され
ボンネットの下に、それが実際だです

607
00:28:25,520 --> 00:28:26,920
素敵な構造要素。

608
00:28:26,920 --> 00:28:30,300
それはこれまでのように任意の美学を持っていない
我々は、明らかに、以外に、見ることができます

609
00:28:30,300 --> 00:28:31,890
新しい行で物事を置く。

610
00:28:31,890 --> 00:28:36,290
>> しかし、通知は、余談として、ただ打つ
入力してそれのようにHTMLでそれをカットしていません

611
00:28:36,290 --> 00:28:39,840
Cであなたはそれがだと思うかもしれません
間に素敵な大きなギャップを置くつもり

612
00:28:39,840 --> 00:28:41,300
ページの上部と下部。

613
00:28:41,300 --> 00:28:43,420
しかし、それは無視されている。

614
00:28:43,420 --> 00:28:48,040
ホワイトスペースは、基本的に無視されます
一番最初の以外のWebページ

615
00:28:48,040 --> 00:28:51,530
スペースバーの文字、またはキャリッジリターン、
あなたは、キーボードで打つこと。

616
00:28:51,530 --> 00:28:55,370
あなたがより多くの改行をしたい場合は、
それを自分で指定する必要があります。

617
00:28:55,370 --> 00:28:59,080
>> だから私はいくつかのことをするつもりです
ここで何が起こっているか表示されます。

618
00:28:59,080 --> 00:29:02,700
私は属性を追加するつもりだという
あなたが学ぶようにして、再び存在し、

619
00:29:02,700 --> 00:29:07,110
何が、タグが存在するか、存在している属性
本当に、オンラインリファレンスです。

620
00:29:07,110 --> 00:29:09,750
HTMLは言語の一種である - それはだ
しないプログラミング言語。

621
00:29:09,750 --> 00:29:12,460
これは、マークアップ言語だ - その後
良い時間半、多分、との時間

622
00:29:12,460 --> 00:29:15,930
それは、あなたは確かにほとんどの、把握します
おそらく、基本的な考え方。

623
00:29:15,930 --> 00:29:20,350
そして離れてGoogle検索が全てです
あなたかもしれない可能性タグ

624
00:29:20,350 --> 00:29:21,170
興味

625
00:29:21,170 --> 00:29:24,290
そしてスペックあたり、それはかなりです
歓迎し、ここに奨励した。

626
00:29:24,290 --> 00:29:26,120
>> だから今、私が先に行くと、う
このような何かを。

627
00:29:26,120 --> 00:29:28,690
背景色。

628
00:29:28,690 --> 00:29:32,060
そして今、私が何かをするつもりです
のような赤、セミコロン。

629
00:29:32,060 --> 00:29:33,970
そして、あなたがでこれを行うことができます
いくつかの異なる方法。

630
00:29:33,970 --> 00:29:36,770
私はスーパーのようにそれを入力するだけの種類だ
明示的に、可能な限り。

631
00:29:36,770 --> 00:29:41,960
>> しかし、それは、ここで、この値が判明
CSS、カスケーディング·スタイルと呼ばれるもの

632
00:29:41,960 --> 00:29:43,700
シートは、別です。
完全言語。

633
00:29:43,700 --> 00:29:46,770
CSSは、とは何の関係もない
タグと終了タグを開きます。

634
00:29:46,770 --> 00:29:48,230
それは性質に関係しています。

635
00:29:48,230 --> 00:29:52,660
>> とプロパティは、単にキー値です
ただいくつかの単語を意味ペア、

636
00:29:52,660 --> 00:29:54,680
コロン、その後いくつかの他の単語。

637
00:29:54,680 --> 00:29:57,940
そして、ちょうどあなたが複数のものを持っている場合、または
ここでは1、あなたは、それを終了することができます

638
00:29:57,940 --> 00:29:59,390
単にわかりやすくするためにセミコロン、。

639
00:29:59,390 --> 00:30:01,370
しかし、それは、あまりにも、ここで動作します。

640
00:30:01,370 --> 00:30:02,500
>> 今、何これはどうするつもりだ？

641
00:30:02,500 --> 00:30:03,610
おそらく推測することができます。

642
00:30:03,610 --> 00:30:05,930
私が先に行くと、このページをリロードしてみましょう。

643
00:30:05,930 --> 00:30:07,300
そして今、それは実際に一緒に来て。

644
00:30:07,300 --> 00:30:09,150
だから、私のページの上部には赤です。

645
00:30:09,150 --> 00:30:12,380
しかし、ここで重要なのは、私が述べたように、ということです
以前、そのdi​​vがあなたを与える

646
00:30:12,380 --> 00:30:13,220
ページの分割。

647
00:30:13,220 --> 00:30:14,410
そして、それはそれが何をするか確かだ。

648
00:30:14,410 --> 00:30:17,920
それは本質的にページに分割
四角形のあなたがしてできること

649
00:30:17,920 --> 00:30:18,720
操作します。

650
00:30:18,720 --> 00:30:22,330
>> や長方形のこの概念は、種のある
あなたが考える場合は、その中で説得力のある

651
00:30:22,330 --> 00:30:26,410
ほとんどの任意のウェブサイト、おそらくそこ
それにはいくつかの構造。

652
00:30:26,410 --> 00:30:29,620
あなたのほとんどは、おそらくめったに見られなかった
あなたがログインしている場合、Facebookのホームページ

653
00:30:29,620 --> 00:30:30,440
すべての時間である。

654
00:30:30,440 --> 00:30:33,920
>> しかし、Facebookのホームページで、そこ
上部にdiv要素のいくつかの種類。

655
00:30:33,920 --> 00:30:36,140
そしてそれは同じくらい簡単ではないかもしれません
1 div要素としてではなく、そこ

656
00:30:36,140 --> 00:30:37,560
そこに矩形領域。

657
00:30:37,560 --> 00:30:40,290
ページの残りの部分のようです
はるかのような巨大なdiv要素、

658
00:30:40,290 --> 00:30:41,910
大きな矩形領域。

659
00:30:41,910 --> 00:30:44,540
ただ持っていることによって、そう長い話短い
これらのほとんどのビルディング·ブロック、

660
00:30:44,540 --> 00:30:49,250
四角形などのモデルのものにする能力、
広いまたは狭い、あなたもできるかどうか

661
00:30:49,250 --> 00:30:53,680
潜在的に列を作る、あなたのことができます
あなたは本当に、しかし、ページをレイアウト

662
00:30:53,680 --> 00:30:54,100
たいと思います。

663
00:30:54,100 --> 00:30:56,170
私たちは本当にただスクラッチしている
ここで表面。

664
00:30:56,170 --> 00:30:59,820
>> 確かに、私は1つの他のいずれかの操作を実行する場合、
私が先に行くとスタイルをさせ、

665
00:30:59,820 --> 00:31:05,410
背景色は、我々は何かをやる
青、近く符のように。

666
00:31:05,410 --> 00:31:06,620
これをリロードしてみましょう。

667
00:31:06,620 --> 00:31:08,260
だから今はそれも醜いなってきた。

668
00:31:08,260 --> 00:31:11,520
しかし、今、私は一種の誇示することができます
私のPは右、5スキルを設定していますか？

669
00:31:11,520 --> 00:31:12,690
赤。

670
00:31:12,690 --> 00:31:15,640
これは、RGB、赤のことを思い出す
グリーンブルートリプル。

671
00:31:15,640 --> 00:31:19,330
まあ、それは、Webプログラミングで判明
またはこれでWebデザイン、、我々はしました

672
00:31:19,330 --> 00:31:21,650
まだ何もプログラムされていない
それ自体が、あなたが実際にすることができます

673
00:31:21,650 --> 00:31:22,880
16進コードを持っている。

674
00:31:22,880 --> 00:31:26,480
だから何かの何か、何か
何か、何か何か。

675
00:31:26,480 --> 00:31:30,650
だから、6進数を持つことができます
文字、または3、いくつかのケースでは、

676
00:31:30,650 --> 00:31:33,480
そしてそれらの疑問符の各
16進数字でなければならない

677
00:31:33,480 --> 00:31:34,985
ゼロからf。

678
00:31:34,985 --> 00:31:41,000
>> 私は赤をたくさん持つようにしたい場合、および
全く緑ず、無青、何

679
00:31:41,000 --> 00:31:43,740
六角を使ってゼロの反対？

680
00:31:43,740 --> 00:31:44,480
それはFです。

681
00:31:44,480 --> 00:31:51,130
だから私はFF、ゼロゼロ、ゼロゼロを行うことができます
これを保存して、今ここに降りてくる。

682
00:31:51,130 --> 00:31:52,700
そして、私は実際に変更が表示されません。

683
00:31:52,700 --> 00:31:56,230
だから引用引用終わり "赤色"は明らかである
すべての赤のための代名詞、

684
00:31:56,230 --> 00:31:57,610
全く緑なし、青。

685
00:31:57,610 --> 00:31:59,960
一方、意図的に変更してみましょう
これは何かであることが

686
00:31:59,960 --> 00:32:01,210
ランダム、ABCDFような。

687
00:32:01,210 --> 00:32:03,790

688
00:32:03,790 --> 00:32:05,860
>> それが何であるかを見てみましょう。

689
00:32:05,860 --> 00:32:08,530
それは、本当に素晴らしい青だ
実際に、ベビーブルー。

690
00:32:08,530 --> 00:32:11,820
そうすべての権利、これらはちょうど今です
多少ランダム組み合わせの

691
00:32:11,820 --> 00:32:12,210
文字。

692
00:32:12,210 --> 00:32:13,410
だから私たちはここでで行き詰まることはありません。

693
00:32:13,410 --> 00:32:15,930
しかし、再び、これは精度に話す
あなたが始めることができます

694
00:32:15,930 --> 00:32:19,090
適用される - あなたは非常に圧倒している場合でも
美学によって。

695
00:32:19,090 --> 00:32:21,750
実際には、あなたが本当になりたい場合
感銘を受け、私が先に行くと変更させ

696
00:32:21,750 --> 00:32:23,500
例えばフォントサイズ、。

697
00:32:23,500 --> 00:32:25,960
とセミコロンに気づく、その
そこに必要である。

698
00:32:25,960 --> 00:32:29,570
>> フォントサイズ、私達はちょうどばかげできる
ここでは、96点。

699
00:32:29,570 --> 00:32:31,280
それを保存します。

700
00:32:31,280 --> 00:32:33,670
うわー、それは、大きなフォントサイズです。

701
00:32:33,670 --> 00:32:35,490
すべての権利は​​、ので、それは非常に簡単です。

702
00:32:35,490 --> 00:32:38,260
実際には、本質的に見ている
私が作った一番最初のウェブページ

703
00:32:38,260 --> 00:32:40,060
数年前、ときに私の最初
このようなものを学びました。

704
00:32:40,060 --> 00:32:42,190
これは非常に作ることは非常に簡単です
すぐに恐ろしいもの。

705
00:32:42,190 --> 00:32:46,115
>> そして、あなたはウェイバックに精通している場合
archive.org上のマシンに、

706
00:32:46,115 --> 00:32:48,210
すべての私の恐ろしいを見つけることができます
学部のWebページを参照してください。

707
00:32:48,210 --> 00:32:50,090
一つは、前面にカーミットがありました。

708
00:32:50,090 --> 00:32:53,150
私は思った段階を経て
それは背景を取るクールだった

709
00:32:53,150 --> 00:32:56,320
私はあなたの方法を学びました赤いカーテン、
タイル画像は、再び、再びすることができ、

710
00:32:56,320 --> 00:32:59,540
再び、とページを埋めるために
大きな粘着赤いカーテン。

711
00:32:59,540 --> 00:33:03,120
次いで、この上に、アイコンであった
あなたは私の家に入るためにクリックしなければならなかったことを

712
00:33:03,120 --> 00:33:04,960
ページだったので、
非常に流行した。

713
00:33:04,960 --> 00:33:08,870
>> そして、私の最初のプログラムは、私が今まで書いた
PHPで、しかし、言語ではなかった

714
00:33:08,870 --> 00:33:12,260
ゲストブックを書いた、真珠と呼ばれる、その
本当にクールなものです

715
00:33:12,260 --> 00:33:14,250
多くの人があなたを期待する
ホームページに持っている。

716
00:33:14,250 --> 00:33:17,510
ページに到達したとき、彼らはあなたが欲しい
に署名し、あなたが誰であるかと言って

717
00:33:17,510 --> 00:33:18,720
そしてなぜあなたはそこにいる。

718
00:33:18,720 --> 00:33:21,320
これは非常に1990年代スタイルのWebデザインです。

719
00:33:21,320 --> 00:33:24,130
>> しかし、これらの日は、確かに、我々はしました
たくさん遠く来る。

720
00:33:24,130 --> 00:33:27,560
そして、あなたはセクションで、参照して、さらによ
問題にすることにより、7を設定

721
00:33:27,560 --> 00:33:31,570
、これらの日のライブラリを活用する
それは作るためにそんなに簡単だ

722
00:33:31,570 --> 00:33:33,400
すぐにきれいなもの。

723
00:33:33,400 --> 00:33:36,550
本当にここに、私達はちょうどスクラッチしている
あなたは何ができるかの表面

724
00:33:36,550 --> 00:33:37,400
文体。

725
00:33:37,400 --> 00:33:41,660
>> 実際には、すでに、私が強調してみましょう
これはすでに、醜いではないなっていることを

726
00:33:41,660 --> 00:33:46,030
ただ審美的​​、しかし言葉で
私のコードのスタイル、またはの

727
00:33:46,030 --> 00:33:47,260
私のコードの設計。

728
00:33:47,260 --> 00:33:52,350
私は現在、どのHTMLを、comingledた
緑がかったオープンタグはと、そこにある

729
00:33:52,350 --> 00:33:55,160
CSSプロパティ、どの
完全に合法です。

730
00:33:55,160 --> 00:33:57,200
これは本当にある言語
その起源を持っていた。

731
00:33:57,200 --> 00:34:01,030
>> しかし、クリーンなデザインの利益のために、
私たちは、ファクタリングのものを始め多くのように

732
00:34:01,030 --> 00:34:05,370
hファイルにCファイルから出て、みましょう
私は実際にその種類の練習を

733
00:34:05,370 --> 00:34:07,990
原理とやって起動
この代わりに。

734
00:34:07,990 --> 00:34:13,280
私はここでstyleタグを設置しましょう​​、その
また、HTMLに存在し、私を聞かせて

735
00:34:13,280 --> 00:34:15,330
次のように指定します。

736
00:34:15,330 --> 00:34:16,360
私はこれを削除してみましょう。

737
00:34:16,360 --> 00:34:18,110
背景色は赤になるだろう。

738
00:34:18,110 --> 00:34:19,800
私は完全にこれを削除するつもりです。

739
00:34:19,800 --> 00:34:22,580
私はスタイルを取り除くつもりだ
属性、および私が一意に行くよ

740
00:34:22,580 --> 00:34:24,620
一言でこのdiv要素を識別 - 

741
00:34:24,620 --> 00:34:28,750
任意ですが、合理的に、引用
引用終わり "トップ"。とidは特別です

742
00:34:28,750 --> 00:34:32,530
一意的に定義する属性
特定のHTML要素

743
00:34:32,530 --> 00:34:33,850
そのidを持つように。

744
00:34:33,850 --> 00:34:37,969
>> 、ここまでで私は今、様式化され、それにしたい場合
私のページの頭の内側

745
00:34:37,969 --> 00:34:41,730
styleタグ、その予告
私はハッシュトップを行うことができます。

746
00:34:41,730 --> 00:34:45,300
そして私は中のカップルを置くことができます
次にブレース、Cを彷彿とさせる、とさせて

747
00:34:45,300 --> 00:34:47,130
私には、その様式に貼り付けます。

748
00:34:47,130 --> 00:34:49,929
そして、私はここに先に行くと予想してみましょう
ここで私はこれで行くよ。

749
00:34:49,929 --> 00:34:53,380
私も作成してみましょう1
一番下のdivのために。

750
00:34:53,380 --> 00:34:58,010
私がダウンしてから、この恐ろしいコードを取得しましょう
ここ、ここに入れて、私はなるでしょう

751
00:34:58,010 --> 00:35:00,770
もう少し今肛門と様式化されたそれ
ただ自分自身で物事を置くことによって

752
00:35:00,770 --> 00:35:02,540
セミコロンで終わる行、。

753
00:35:02,540 --> 00:35:04,430
私はスタイルタグを取り除くましょう。

754
00:35:04,430 --> 00:35:05,320
>> しかし、私はまだいないよ。

755
00:35:05,320 --> 00:35:07,406
私はもう一つのことを行う必要があります。

756
00:35:07,406 --> 00:35:10,070
うん、idは、 "ボトム"を、引用引用終わりに等しい
または任意のID私がしたい

757
00:35:10,070 --> 00:35:11,740
その要素を与える。

758
00:35:11,740 --> 00:35:13,420
さて、私はここで振り返っ手放す。

759
00:35:13,420 --> 00:35:14,360
そして、これはひどいです。

760
00:35:14,360 --> 00:35:15,805
私は96点に対処することはできません。

761
00:35:15,805 --> 00:35:16,960
24点を行うましょう。

762
00:35:16,960 --> 00:35:18,320
または、より正確かもしれません。

763
00:35:18,320 --> 00:35:21,800
あなたが実際にピクセル、ピクセルを使用することができますので、
あなたは本当に細かい粒を得ることを

764
00:35:21,800 --> 00:35:23,220
あなたのページの上にコントロール。

765
00:35:23,220 --> 00:35:26,860
>> 余談ですが、それは必ずしもありません
ためのユーザーであれば最高のもの、

766
00:35:26,860 --> 00:35:29,650
アクセシビリティの理由は、したい
サイズを増加させることができる。

767
00:35:29,650 --> 00:35:32,650
そうする方法があることを認識
必ずしもないもの

768
00:35:32,650 --> 00:35:34,230
ハードコードすべて。

769
00:35:34,230 --> 00:35:37,220
>> すべての権利なので、それは大きいです、24点、
デフォルトは何より。

770
00:35:37,220 --> 00:35:38,630
しかし、今それは少しクリーナーです。

771
00:35:38,630 --> 00:35:40,230
そして、私は、この一歩いきましょう。

772
00:35:40,230 --> 00:35:47,220
ただ、ヘッダファイルのアイデアのように、
我々はそれに一歩近づいているに気づく。

773
00:35:47,220 --> 00:35:52,000
私は、因数外を持っているが、まだ残って
私のページの内側に、それらのCSSルール。

774
00:35:52,000 --> 00:35:56,200
なぜ私は、この一歩を取ることをお勧めします
さらに、完全にこれを削除し、

775
00:35:56,200 --> 00:35:59,860
別のファイルに入れて？

776
00:35:59,860 --> 00:36:01,070
>> だから私は右、それを再利用することができますか？

777
00:36:01,070 --> 00:36:03,155
これはただの直感のようなものです
今。

778
00:36:03,155 --> 00:36:06,340
前に、私はそれだけだったと主張し
醜いスタイルを持つばかり

779
00:36:06,340 --> 00:36:08,480
の内部属性
自らをdiv要素。

780
00:36:08,480 --> 00:36:09,750
しかし、それを通して考えるだけの種類。

781
00:36:09,750 --> 00:36:13,560
、もしあなたのページがどんどん長くなるにつれ
あなたがここに入れて、ここで、としている

782
00:36:13,560 --> 00:36:18,350
ここで、ここでは、これらの異なる全ての
色、およびそのような他のフォントサイズ、

783
00:36:18,350 --> 00:36:22,550
属性には、あなたのページは非常に迅速です。
あなたのために管理不能になることだろう。

784
00:36:22,550 --> 00:36:24,570
>> 誰かがあなたにまで来て、場合
と言い、ああ、あなたは何を知っていますか？

785
00:36:24,570 --> 00:36:28,070
私は実際のフォントサイズを変更したい
二つの追加点によって、あなた

786
00:36:28,070 --> 00:36:31,275
行くと、検索と置換する必要がある場合があります
コー​​ドの行の膨大な数。

787
00:36:31,275 --> 00:36:35,170
これは、集中化するはるかに魅力的だ
ここにすべてのそのような美学。

788
00:36:35,170 --> 00:36:38,850
しかし、あなたはそれらを再利用したい場合
複数のWebページで美学、すべて

789
00:36:38,850 --> 00:36:41,100
のために、より説得力のある
インスタンス、ファイルを作成します

790
00:36:41,100 --> 00:36:45,290
それらの内容で呼びかけた。

791
00:36:45,290 --> 00:36:46,680
>> そして、私がこれを行うことができます。

792
00:36:46,680 --> 00:36:51,150

793
00:36:51,150 --> 00:36:51,920
このファイルを保存します。

794
00:36:51,920 --> 00:36:55,580
私が言うのstyles.css、任意の、
しかし、従来の。

795
00:36:55,580 --> 00:36:58,770
私はジョン·ハーバードの家に入れてよ
簡略化のために今のディレクトリ。

796
00:36:58,770 --> 00:37:03,880
そして、私は私のウェブページで行うことができます取得することです
、完全にstyleタグを取り除く

797
00:37:03,880 --> 00:37:08,270
とややunintuitively、リンクを使用し
あなたのリンクを与えるものではありませんタグ、

798
00:37:08,270 --> 00:37:13,140
ハイパーリンク、クリック可能な感覚が、
私は、リンクのhrefに等しいと言うところ

799
00:37:13,140 --> 00:37:15,120
のstyles.css。

800
00:37:15,120 --> 00:37:20,050
この要素とその関係
Webページに持っているとして機能することです

801
00:37:20,050 --> 00:37:21,280
そのスタイルシート。

802
00:37:21,280 --> 00:37:22,670
>> それでは、どのように私はこれを知っていましたか？

803
00:37:22,670 --> 00:37:25,950
一つは、あなただけ、マニュアルを読む
またはあなたの周りグーグル、そしてあなた

804
00:37:25,950 --> 00:37:27,000
さまざまなリソースを見てください。

805
00:37:27,000 --> 00:37:30,520
私は本当にあなたが拾う方法である、という意味
このようなテクニック、そして、一貫性のある

806
00:37:30,520 --> 00:37:34,720
自分が新しい教育のこの考えに
言語は、再び、あなたはそれを見つけることができます

807
00:37:34,720 --> 00:37:38,830
物事の有限数しかありませ
あなたが得れば、任意の言語へ

808
00:37:38,830 --> 00:37:41,310
彼らは、それを取得ことがわかります
速く書くこと。

809
00:37:41,310 --> 00:37:44,180
確かに、新しいプログラミングを学ぶ
言語は、新しいよりもはるかに高速です

810
00:37:44,180 --> 00:37:47,380
話し言葉なぜなら、これらの事
はるかに小さく、はるかです

811
00:37:47,380 --> 00:37:48,820
正確に定義された。

812
00:37:48,820 --> 00:37:51,590
>> しかし、私は少しを強調してきた
ここで異常。

813
00:37:51,590 --> 00:37:57,750
なぜ私はこれを強調している
前方のここにスラッシュ？

814
00:37:57,750 --> 00:37:59,420
私はタグを閉じる必要があるため。

815
00:37:59,420 --> 00:38:00,530
私はタグを閉じる必要があります。

816
00:38:00,530 --> 00:38:02,750
そして、あなたは無数のリソースを見つけることができます
ないオンライン

817
00:38:02,750 --> 00:38:04,080
終了タグは必ずしも。

818
00:38:04,080 --> 00:38:08,770
そして現実的に、それは厳密にはありません
技術的に必要な、そこにある

819
00:38:08,770 --> 00:38:11,950
現実の理由は、ブラウザだけである
ウェブの間違いはかなり寛容

820
00:38:11,950 --> 00:38:14,360
ページ、良くも悪くも、
しかしほとんど悪化。

821
00:38:14,360 --> 00:38:18,830
>> だからここに、これはただのクリーンな方法です
このような愚かな何かを言って、

822
00:38:18,830 --> 00:38:22,330
あなたは、リンクタグを開きたい場所場合
しかし、それを閉じて、という概念は本当にありません

823
00:38:22,330 --> 00:38:23,720
リンクタグのコンテンツの。

824
00:38:23,720 --> 00:38:26,000
それはちょうど、これをロードすることを意味
提出し、ここでそれを置く。

825
00:38:26,000 --> 00:38:30,610
それはあなたがすることができ、Cでシャープインクルードようなものだ
すべてを一度にタグを開いたり閉じたり

826
00:38:30,610 --> 00:38:31,660
同じタグ内。

827
00:38:31,660 --> 00:38:33,520
そして、この他の例があります。

828
00:38:33,520 --> 00:38:37,280
これは、これを行う方法はありませんが、
BRタグ、改行のために、もし私が

829
00:38:37,280 --> 00:38:41,780
本当に私が何であったかを達成したかった
Enterキーを押すことで、前にしようとし、場合

830
00:38:41,780 --> 00:38:45,380
私は、改行、改行を明示的に言う
改行、改行、および

831
00:38:45,380 --> 00:38:49,100
その後、今、あなたは気づくでしょう、このページをリロード
そのページの一番下にある、

832
00:38:49,100 --> 00:38:51,940
確かに、はるかに遠くダウンで
ページの一番下。

833
00:38:51,940 --> 00:38:55,840
しかし、はるかに行うことができる
きれいCSSで、と余白と、

834
00:38:55,840 --> 00:38:58,120
および他のそのような美学と
テクニック。

835
00:38:58,120 --> 00:38:59,940
>> だから今のところ、持ち帰りはされています。

836
00:38:59,940 --> 00:39:02,320
HTMLでは、私たちはこれらを持っている
物事は、タグと呼ばれる。

837
00:39:02,320 --> 00:39:04,830
CSSでは、これらのものを持っている
プロパティと呼ばれる。

838
00:39:04,830 --> 00:39:08,700
我々は、これら二つの言語をcomingleできます
どちらのスタイル属性を使用して、

839
00:39:08,700 --> 00:39:14,240
またはstyleタグ、またはベストまだ、ファクタリング
完全にそれから、我々がそうであるように

840
00:39:14,240 --> 00:39:17,270
問題7に設定してください。

841
00:39:17,270 --> 00:39:23,820
質問、その後、約
ここで概念的基礎？

842
00:39:23,820 --> 00:39:24,740
>> 読者：私は質問があります。

843
00:39:24,740 --> 00:39:25,630
>> SPEAKER 1：ああ、ごめん。

844
00:39:25,630 --> 00:39:28,880
>> 読者：なぜそれは着色しませんでした - 

845
00:39:28,880 --> 00:39:31,410
>> SPEAKER 1：ああ、他のタブの？

846
00:39:31,410 --> 00:39:32,232
ここにこれ？

847
00:39:32,232 --> 00:39:33,482
>> 読者：いいえ、それはのようなものだ - 

848
00:39:33,482 --> 00:39:35,330

849
00:39:35,330 --> 00:39:39,480
>> SPEAKER 1：ああ、からです
私はずさんされていた。

850
00:39:39,480 --> 00:39:41,350
私は間違った場所にファイルを置く。

851
00:39:41,350 --> 00:39:47,840
だから私は実際にここにそれを置けば、私
chmodのそれ、のstyles.cssのためのすべての+ R、および

852
00:39:47,840 --> 00:39:52,050
今、私たちは今、ページをリロード
様式を取り戻す。

853
00:39:52,050 --> 00:39:54,530
とフォントサイズがあるので、
別の、我々は非常に限り表示されない

854
00:39:54,530 --> 00:39:55,010
ホワイトスペース。

855
00:39:55,010 --> 00:39:58,240
私たちは、代わりに何を参照してください
デフォルトではなくなります。

856
00:39:58,240 --> 00:40:00,050
良い質問です。

857
00:40:00,050 --> 00:40:00,846
はい？

858
00:40:00,846 --> 00:40:02,630
>> 聴衆：なぜリンクである
ヘッダ内部のタグ？

859
00:40:02,630 --> 00:40:06,270
>> SPEAKER 1：なぜのリンクです
ヘッダのタグの内側 - 

860
00:40:06,270 --> 00:40:07,650
短い答え、という理由だけで。

861
00:40:07,650 --> 00:40:08,930
それが決定されたものです。

862
00:40:08,930 --> 00:40:10,720
リンクタグは、ときに行くところです
あなたはと呼ばれるものを持っている

863
00:40:10,720 --> 00:40:13,650
外部スタイルシート。

864
00:40:13,650 --> 00:40:16,430
その他の質問は？

865
00:40:16,430 --> 00:40:17,770
>> すべての権利は​​、よくこれを行うてみましょう。

866
00:40:17,770 --> 00:40:20,500
今日は私たちの前はとても楽しいを持っている。

867
00:40:20,500 --> 00:40:22,480
ただスクラッチだ
CSSの表面。

868
00:40:22,480 --> 00:40:23,010
これを実行してみましょう。

869
00:40:23,010 --> 00:40:25,980
Let 'sは、ここで5分間の休憩を取る
なぜなら、私の電子メールごとの更新でハングアップさせて

870
00:40:25,980 --> 00:40:27,200
そこに今日の2時30分っぽいまで。

871
00:40:27,200 --> 00:40:28,540
しかし、あなたがする必要がない場合
去る、それは大丈夫です。

872
00:40:28,540 --> 00:40:30,380
しかし、我々は後に押し進めるだろう
5分間の休憩。

873
00:40:30,380 --> 00:40:35,930
そして、私たちは少し何かを学びます
PHP、MySQLは、などについて。

874
00:40:35,930 --> 00:40:44,520
>> 右のすべて、そう結ぶために、今、のは試してみましょう
一緒にこれらのアイデアのいくつかとする、

875
00:40:44,520 --> 00:40:46,180
、我々の独自の検索エンジンを言う。

876
00:40:46,180 --> 00:40:48,570
私は、むしろ不思議なことに、気づいた
次。

877
00:40:48,570 --> 00:40:52,610
あなたはGoogle.comにいるときは、している
通常はここでこのようなURLで

878
00:40:52,610 --> 00:40:54,870
ドットコムの後に何もない。

879
00:40:54,870 --> 00:40:59,760
しかし、私のような愚かな何かを検索した場合
猫、と入力し、Enterを打つ、我々は得るだろう - ではない

880
00:40:59,760 --> 00:41:01,300
愚かな、しかし、あなたは知っている。

881
00:41:01,300 --> 00:41:05,410
>> [OK]を、ので、ページの上部に、気付く
現在、URLは、もちろん、変化した。

882
00:41:05,410 --> 00:41:07,190
そして、これは何もない
私たちのいずれかに新しい。

883
00:41:07,190 --> 00:41:09,290
あなたがリンクをクリックしてくださいとか
Web上で行われます。

884
00:41:09,290 --> 00:41:11,420
しかし、ここで興味深いものだ
次のとおりです。

885
00:41:11,420 --> 00:41:14,500
そこに混乱の全体の多くは、ですが、う
私は離れて私にはないものを投げる

886
00:41:14,500 --> 00:41:16,600
非常に理解したりしない
本当に関連見える。

887
00:41:16,600 --> 00:41:18,490
>> 私は、このを取り除くましょう。

888
00:41:18,490 --> 00:41:20,030
私は、このを取り除くましょう。

889
00:41:20,030 --> 00:41:22,630
そして、私はただ取り除くう
このすべての。

890
00:41:22,630 --> 00:41:28,840
そして今、猫がURL内にあることに気づく
等しいその後、Qに続く

891
00:41:28,840 --> 00:41:29,710
それの前にサインインします。

892
00:41:29,710 --> 00:41:32,110
だから、これがどのように判明
それが来るとき、それが動作する方法

893
00:41:32,110 --> 00:41:33,360
入力および出力である。

894
00:41:33,360 --> 00:41:37,510
>> 我々は長い間について説明しました
ブラックボックスは、右？

895
00:41:37,510 --> 00:41:41,650
これが実現される機能であるのであれば
ここにブラックボックスとして、それは入力を受け取り、

896
00:41:41,650 --> 00:41:45,290
と手段、よく、出力を生成します
あなたへの入力を提供することで

897
00:41:45,290 --> 00:41:49,270
ウェブサイトは、そのURLの、多くの場合、方法によってです。

898
00:41:49,270 --> 00:41:52,850
あなたは、単に疑問符を置く
その後キーが値に等しい。

899
00:41:52,850 --> 00:41:56,740
そして多分アンパサンド、その後
他のキーは多分、次に値に等しい

900
00:41:56,740 --> 00:41:58,810
別のアンパサンドは、キーが値に等しい。

901
00:41:58,810 --> 00:42:03,030
それはあなたが鍵を渡す方法だと、
入力の値は、ペア。

902
00:42:03,030 --> 00:42:07,050
>> だから私は今、[Enter]をヒットした場合、何
グーグルについての興味深いことがすべてです

903
00:42:07,050 --> 00:42:10,420
私が削除した混乱は表示されません
厳密には必要であるように。

904
00:42:10,420 --> 00:42:15,120
私がGoogleに送信する必要があるのは問題である
マークqは猫が取得することに等しい

905
00:42:15,120 --> 00:42:16,160
いくつかの猫をバックアップします。

906
00:42:16,160 --> 00:42:20,160
まあ、そのの意味、、
私はgeditのを引き上げた場合、私が始めたさ

907
00:42:20,160 --> 00:42:24,360
ここに私の独自の検索エンジンを作る
sea​​ch0.htmlと呼ばれるファイルに記録します。

908
00:42:24,360 --> 00:42:26,750
>> そして、私が先に行くと、削除させて
あなたそのさらに1行

909
00:42:26,750 --> 00:42:27,910
見ることを想定していなかった。

910
00:42:27,910 --> 00:42:31,070
そして今、私は私自身のブラウザに手放す
そうではないGoogleに、とに行く

911
00:42:31,070 --> 00:42:34,900
http://localhostと。

912
00:42:34,900 --> 00:42:36,220
そして、それが邪魔になるために起こっている。

913
00:42:36,220 --> 00:42:43,240
だから我々は、に別れを言わなければならないとしている
今のところ、これはこっちに移動することを、

914
00:42:43,240 --> 00:42:46,270
ああ、今、私たちは、必要があるとしている
そのファイルに別れを告げる。

915
00:42:46,270 --> 00:42:51,700
>> あなたと呼ばれるファイルを持っているときはいつでも
内のindex.htmlやindex.phpを

916
00:42:51,700 --> 00:42:54,980
ディレクトリ、ウェブサーバである場合
このように構成され、何をよ

917
00:42:54,980 --> 00:42:59,600
参照し、デフォルトでは、その内容です
ファイルではなくのリスト

918
00:42:59,600 --> 00:43:02,330
ディレクトリ、私はここで欲しかったよう。

919
00:43:02,330 --> 00:43:03,750
スペックでこれについての詳細。

920
00:43:03,750 --> 00:43:04,610
あなたはそれを見ていない。

921
00:43:04,610 --> 00:43:06,360
>> だから、これは私が実際に欲しかったものです。

922
00:43:06,360 --> 00:43:08,810
しかし、先ほどありました
と呼ばれるこのフォルダ内のファイル

923
00:43:08,810 --> 00:43:11,290
index.htmlをとindex.phpを。

924
00:43:11,290 --> 00:43:13,380
そしてWebサーバがあった
私にそれらのファイルを示す。

925
00:43:13,380 --> 00:43:15,900
代わりに、私は、このディレクトリが欲しい
ここにリストされます。

926
00:43:15,900 --> 00:43:18,340
>> だから私はに行くつもりです
CSSとsearch0に行く。

927
00:43:18,340 --> 00:43:21,770
そして、私は、これは、それがあることを行っていると主張している
私自身の競争の始まり

928
00:43:21,770 --> 00:43:22,490
検索エンジン。

929
00:43:22,490 --> 00:43:27,630
そして、これを行うために、私はに行くつもりです
ここでは、CSSに変換し、で開く

930
00:43:27,630 --> 00:43:30,190
geditの、検索0。

931
00:43:30,190 --> 00:43:32,280
しかし、残念なことに、そこ
ずっとここで起こっていない。

932
00:43:32,280 --> 00:43:35,690
私がしたすべては、見出しタグを使用だった
、H1と呼ばれるように起こる

933
00:43:35,690 --> 00:43:38,180
本質的に大きな意味
大胆で、そしてそれはそれだ。

934
00:43:38,180 --> 00:43:40,810
しかし、我々はできる手段
提供する入力は、これらを経由しています

935
00:43:40,810 --> 00:43:42,180
物事は、フォームと呼ばれる。

936
00:43:42,180 --> 00:43:46,040
>> だから私は先に行くと、開いたり閉じたりさせて、
先制、formタグがある。

937
00:43:46,040 --> 00:43:48,060
そして、私が先に行くとやらせる
このような何か。

938
00:43:48,060 --> 00:43:51,430
入力、タイプはtextと等しい。

939
00:43:51,430 --> 00:43:56,320
その後のは、内にタグを閉じてみましょう
括弧自身。

940
00:43:56,320 --> 00:43:58,800
私は、テキストフ​​ィールドを起動する必要はありません
とテキストフ​​ィールドを停止します。

941
00:43:58,800 --> 00:44:01,080
それはちょうどそこかどうかになるだろう。

942
00:44:01,080 --> 00:44:06,210
>> そして以下、やらせるのこと
入力タイプは提出等しい。

943
00:44:06,210 --> 00:44:06,870
これを保存します。

944
00:44:06,870 --> 00:44:08,630
そして今まさにそれにしましょう
迅速な健全性チェック。

945
00:44:08,630 --> 00:44:09,820
リロードしてみましょう。

946
00:44:09,820 --> 00:44:10,890
>> [OK]を、ので、それは悪くはない。

947
00:44:10,890 --> 00:44:13,260
それは、Googleのスタイルではありません
それはかなり近いです。

948
00:44:13,260 --> 00:44:13,920
テキスト·フィールドがあります。

949
00:44:13,920 --> 00:44:17,190
私は、Enterキーを打つ、でいくつかのものを入力することができます
しかし、まだ何も起こりません。

950
00:44:17,190 --> 00:44:21,090
そして、私は指定していないので、それはだ
このフォームのアクションは、いわば。

951
00:44:21,090 --> 00:44:23,860
だから私は、フォーム要素に戻った場合、
それが判明した、と私はこれを知っている

952
00:44:23,860 --> 00:44:27,460
ドキュメントを読んでたから、その
formタグには、属性を取り

953
00:44:27,460 --> 00:44:31,880
URLであるというアクション
ウェブサイトのどのあなたに

954
00:44:31,880 --> 00:44:34,790
フォームを送信したい。

955
00:44:34,790 --> 00:44:37,610
>> 私は本当に我々はする時間がないと思う
のための全体のバックエンドを実装

956
00:44:37,610 --> 00:44:38,570
検索エンジン今日。

957
00:44:38,570 --> 00:44:41,900
だから、私達はちょうどええ、言おうとしている、
google.com /検索してください。

958
00:44:41,900 --> 00:44:43,450
そして今、私は私の引用符を閉じてみましょう。

959
00:44:43,450 --> 00:44:46,070
そして、私がさらにあることを指定できます
使用する方法が起こっている

960
00:44:46,070 --> 00:44:47,120
取得と呼ばれていました。

961
00:44:47,120 --> 00:44:50,650
>> 長い話を短く、で、2つの方法があります
少なくとも、あなたは情報を提出することができます

962
00:44:50,650 --> 00:44:51,880
ブラウザからサーバへ。

963
00:44:51,880 --> 00:44:55,340
一つは、今日の目的のために、取得しており、
それはただ、URLに意味しています。

964
00:44:55,340 --> 00:44:58,730
あなたは、正確に疑問符を参照してください
看板、そのアンパサンドに等しい

965
00:44:58,730 --> 00:44:59,780
我々は前に見た。

966
00:44:59,780 --> 00:45:02,890
またはPOSTと呼ばれる代替手段はあり。

967
00:45:02,890 --> 00:45:06,490
今のところ、ポストがしばしば使用されていることを知っている
あなたがファイルをアップロードしたいときに、などの

968
00:45:06,490 --> 00:45:09,820
画像など場合、またはあなたがしたい
クレジットカード情報を送信し、又は

969
00:45:09,820 --> 00:45:13,810
それがないこと、パスワード、何
本当に概念的に、意味をなすか、

970
00:45:13,810 --> 00:45:18,020
のURLに終わるためにセキュリティ面では、
お使いのブラウザ、スヌーピング両親、

971
00:45:18,020 --> 00:45:21,520
またはルームメイト、またはアクセスとのだれでも
コンピュータに表示される場合があります。

972
00:45:21,520 --> 00:45:23,110
>> それでは、そのここに保存してみましょう。

973
00:45:23,110 --> 00:45:24,480
そして、私はもう一つのことを行う必要があります。

974
00:45:24,480 --> 00:45:27,250
それだけには十分ではありません
私のテキストフ​​ィールドを与えると言う。

975
00:45:27,250 --> 00:45:29,850
私は、そのフィールドのを与える必要が
名前を大切にしています。

976
00:45:29,850 --> 00:45:34,500
だから私はGoogleの選択肢を借りてみましょう
名前、q、およびその第二の指定

977
00:45:34,500 --> 00:45:38,150
私は本当に気にしない属性
[Submit]ボタンの名前。

978
00:45:38,150 --> 00:45:40,890
私が気にすべてが提出され
どのユーザがタイプインチ

979
00:45:40,890 --> 00:45:41,940
>> そして今、これは醜いの一種である。

980
00:45:41,940 --> 00:45:42,820
それはちょうど提出すると言います。

981
00:45:42,820 --> 00:45:46,350
それは結局、私はからこれを知っている
マニュアルには、私は実際に言うことができます

982
00:45:46,350 --> 00:45:51,710
値は引用符引用終わり "CS50に等しい
sea​​chでき、 "閉じる引用。

983
00:45:51,710 --> 00:45:53,030
その後の、再度リロードしてみましょう。

984
00:45:53,030 --> 00:45:57,020
だから私は、Command-Rを打つ続ける、または
リロードするために私のキーボードのControl-R。

985
00:45:57,020 --> 00:45:58,605
>> 今、私たちは、もっと面白いを持っている
検索エンジン。

986
00:45:58,605 --> 00:46:00,340
それは非常に似ていない
まだGoogle、しかし。

987
00:46:00,340 --> 00:46:04,100
それでは、ここで先に行こうと
少し改行を行う。

988
00:46:04,100 --> 00:46:06,066
>> [OK]を、ので、今我々は、Googleを持っている。

989
00:46:06,066 --> 00:46:08,260
私たちは、実際にはほとんどのGoogleを持っている。

990
00:46:08,260 --> 00:46:10,460
だから今何が起こるだろう？

991
00:46:10,460 --> 00:46:12,220
私は何を入力するつもりです
猫のような。

992
00:46:12,220 --> 00:46:16,570
とブラウザを解析しようとしている
その私が定義したフォーム。

993
00:46:16,570 --> 00:46:19,470
そしてそれは、送信するために起こっている
そのURLへのユーザー。

994
00:46:19,470 --> 00:46:23,420
今回だから、いくつかの好奇心の理由で、
私は、株式に関する詳細な情報を得た

995
00:46:23,420 --> 00:46:24,410
実際の猫の約。

996
00:46:24,410 --> 00:46:30,580
まだ我々に気づくので、しかし、それは大丈夫です
ここで終わった、qは猫に等しい。

997
00:46:30,580 --> 00:46:35,200
>> だから長い話短い、それはかなりそうです
ユーザーからの入力を取得するのは簡単。

998
00:46:35,200 --> 00:46:38,190
かつ公正であるためには、束はあり
フォームフィールドの他のタイプ。

999
00:46:38,190 --> 00:46:41,510
少し相互にそこのチェックボックスです、と
排他的なラジオボタン、

1000
00:46:41,510 --> 00:46:42,960
メニューなどをドロップダウン。

1001
00:46:42,960 --> 00:46:46,160
しかし、それらのすべてが比較的通りである。
簡単として実装

1002
00:46:46,160 --> 00:46:48,040
このテキストフ​​ィールドがあった。

1003
00:46:48,040 --> 00:46:52,050
そして最終的に、我々だけで行う必要があります
誰かが他のリッスンしていることを確認

1004
00:46:52,050 --> 00:46:56,490
行の末尾にあることを得るために
情報が何らかの形で、処理され、

1005
00:46:56,490 --> 00:46:58,440
私たちの猫をお返し。

1006
00:46:58,440 --> 00:47:00,840
>> 少し見てみましょう
より複雑な例。

1007
00:47:00,840 --> 00:47:06,020
、私は私のバーチャルホストのディレクトリに移動してみましょう
にローカルホスト、公共、およびI

1008
00:47:06,020 --> 00:47:06,980
今日のソースコードを置く。

1009
00:47:06,980 --> 00:47:09,800
これはすべてのコースの上になります
いじくり回すにあなたのためのウェブサイトと。

1010
00:47:09,800 --> 00:47:15,420
そして、私はfroshimsに行けば、私は開いてみましょう
今、このファイルをバックアップし、froshim0.php。

1011
00:47:15,420 --> 00:47:18,460
こちらは、そう、もう少し冗長だ
我々は最初からこれを書いてません。

1012
00:47:18,460 --> 00:47:21,970
しかし、ちょうど今、いくつかの多少に気付く
おなじみの特性。

1013
00:47:21,970 --> 00:47:24,550
>> One、formタグ、別のアクション。

1014
00:47:24,550 --> 00:47:25,670
それは完全なURLではありません。

1015
00:47:25,670 --> 00:47:29,930
さて、それはと呼ばれるファイルに明らかだ
register0.php、一瞬で、なぜなら

1016
00:47:29,930 --> 00:47:32,660
私は自分自身を少し教えるつもり
PHP、プログラミングについて何か

1017
00:47:32,660 --> 00:47:37,360
言語、PHPはに使用することができるので
Googleがどのような実装として実装

1018
00:47:37,360 --> 00:47:39,650
それらの検索エンジンのバックエンド。

1019
00:47:39,650 --> 00:47:42,890
>> Googleは、現実には、おそらく使用してい
いくつかのPythonの、いくつかのC + +、および

1020
00:47:42,890 --> 00:47:44,230
他の言語の束。

1021
00:47:44,230 --> 00:47:48,230
しかし、我々は確かに検索を実装することができます
我々が望んでいる場合、PHPを使用して結果。

1022
00:47:48,230 --> 00:47:49,610
しかし、今のところ、我々はそれをシンプルに保つでしょう。

1023
00:47:49,610 --> 00:47:53,320
そして、これは実際に1を彷彿とさせる
他の非常に最初のウェブサイトのI

1024
00:47:53,320 --> 00:47:54,490
年前に作られた。

1025
00:47:54,490 --> 00:47:58,160
>> 戻って私の日では、に登録さ
で新入生として学内スポーツ

1026
00:47:58,160 --> 00:48:00,880
歩いて、一枚の紙に記入
庭を横切って、そして、それをドロップする

1027
00:48:00,880 --> 00:48:04,890
におけるプロクターのメールボックス
ウィグルスワース、そしてそれはあなたの方法であった

1028
00:48:04,890 --> 00:48:05,460
登録された。

1029
00:48:05,460 --> 00:48:09,650
そして私のプロジェクトまもなくCS50後、
どれが完璧になり、ことを入れていた

1030
00:48:09,650 --> 00:48:13,460
感覚が、ウェブ上に、それはありませんでした
それが今のように、その後流行のように。

1031
00:48:13,460 --> 00:48:17,510
しかし、我々がしなければならなかったすべては、作成しました
本質的には、HTMLフォーム。

1032
00:48:17,510 --> 00:48:19,640
>> そして、そのフォームに見えた
大体このような。

1033
00:48:19,640 --> 00:48:22,480
私はのための入力を持っていた
新入生の名前。

1034
00:48:22,480 --> 00:48:27,780
私がいるかどうかのために別のチェックボックスがありました
または、彼らは船長になりたかったではないか、何

1035
00:48:27,780 --> 00:48:30,400
自分の性別があって、
彼らの寮は何だった。

1036
00:48:30,400 --> 00:48:33,370
そして私は難しいことでコーディング
Apleyコート、そしてCanadayような、

1037
00:48:33,370 --> 00:48:34,880
灰色などが挙げられる。

1038
00:48:34,880 --> 00:48:36,300
>> だからもう一度、新しいタグ。

1039
00:48:36,300 --> 00:48:39,820
前に、これらを見ていない、新しい
属性が、かなりアクセス。

1040
00:48:39,820 --> 00:48:42,360
一度の例を参照してください、あなたは優しいことができ
そのアイデアを借りて、ドロップをするの

1041
00:48:42,360 --> 00:48:43,820
ほとんど何のためのプルダウンメニュー。

1042
00:48:43,820 --> 00:48:46,350
しかし、どのようなキーのはつまり、各
これらのことは、名前を持っています。

1043
00:48:46,350 --> 00:48:49,720
そして、このフォームの下部に、そこ
そのラベルの送信ボタン、

1044
00:48:49,720 --> 00:48:51,510
または値が、レジスタです。

1045
00:48:51,510 --> 00:48:52,670
>> それでは、このページに行きましょう。

1046
00:48:52,670 --> 00:48:55,050
私に戻ってみましょう
ディレクトリのリスト。

1047
00:48:55,050 --> 00:48:59,410
、私はfroshimsに行こう
とfroshim0.phpに行く。

1048
00:48:59,410 --> 00:49:01,150
だからそれは、公正であるためには、恐ろしいです。

1049
00:49:01,150 --> 00:49:03,950
だから私は間違いなくこれを型にはめることができ
いくつかのCSSで、私はいくつかを作ることができる

1050
00:49:03,950 --> 00:49:06,890
グラフィック、おそらくいくつかの色を追加し、
これはきれいにします。

1051
00:49:06,890 --> 00:49:10,530
しかし、機能的に、私はこのことを主張するだろう
実際にはかなり完了です。

1052
00:49:10,530 --> 00:49:15,190
>> 残念ながら、私は、これに必要事項を記入するとき
デビッド、船長、男、我々が選択します、

1053
00:49:15,190 --> 00:49:20,510
みましょうと言うマシューズ、レジスタ、
これが起こることすべてです。

1054
00:49:20,510 --> 00:49:21,910
しかし、持ち帰りのカップルを気づく。

1055
00:49:21,910 --> 00:49:27,130
一つは、どのようなファイルには、それらを返し
その結果、明らかに？

1056
00:49:27,130 --> 00:49:29,470
だから、確かに、register0.phpです。

1057
00:49:29,470 --> 00:49:34,570
我々は、そのアクションを見たという事実は、そう
一瞬前値レジスタ0のため、この

1058
00:49:34,570 --> 00:49:37,500
我々は確かに終わったことを裏付ける
その特定のファイルでアップする。

1059
00:49:37,500 --> 00:49:39,040
>> さて、これは単なる醜いテキストです。

1060
00:49:39,040 --> 00:49:42,810
しかし、このテキストがあることに気付く
ローカルホストから来て、

1061
00:49:42,810 --> 00:49:44,170
これは、アプライアンスからです。

1062
00:49:44,170 --> 00:49:46,350
たった今としてアプライアンスを考える
にある可能性があり、Webサーバ

1063
00:49:46,350 --> 00:49:46,910
科学センター。

1064
00:49:46,910 --> 00:49:48,060
これは、実際のWeb上で可能性があります。

1065
00:49:48,060 --> 00:49:49,850
だから、公にアクセス可能です。

1066
00:49:49,850 --> 00:49:55,480
>> だから明らかに、合格のいくつかの方法があり
サーバへの入力フィールドを形成する

1067
00:49:55,480 --> 00:49:56,840
それは彼らと何かをすることができるように。

1068
00:49:56,840 --> 00:49:59,020
残念なことに、レジスタ0
かなり愚かです。

1069
00:49:59,020 --> 00:50:01,870
それがない全ての配列をプリントアウトです
それは次のようになります。

1070
00:50:01,870 --> 00:50:04,790
そしてそれは、配列ではありません
我々はそれを知っているという意味。

1071
00:50:04,790 --> 00:50:08,760
そのPHPが判明し、多くの
言語だけではなく、数値的に持っている

1072
00:50:08,760 --> 00:50:12,350
その最初のインデックスであり、インデックス付き配列
ゼロ、1つ、2つ、その後ドット、

1073
00:50:12,350 --> 00:50:13,780
ドット、ドット、nはマイナス1。

1074
00:50:13,780 --> 00:50:16,400
>> これはと呼ばれるものです。
連想配列。

1075
00:50:16,400 --> 00:50:21,150
連想配列は1つです
どこにキーと値のペアを格納することができます

1076
00:50:21,150 --> 00:50:23,160
キーは数字とは限りません。

1077
00:50:23,160 --> 00:50:25,580
それは実際には文字列、単語である可能性があります。

1078
00:50:25,580 --> 00:50:28,230
それで、これは、実現することができる
ボンネットの下に、それは結局、

1079
00:50:28,230 --> 00:50:31,896
と呼ばれるデータ構造を使用して？

1080
00:50:31,896 --> 00:50:33,600
劇的な何かは考えた
約起こることだった - 

1081
00:50:33,600 --> 00:50:34,840
ハッシュテーブル。

1082
00:50:34,840 --> 00:50:38,955
>> だからハッシュテーブル、リコール、あなたのそれらの
誰がPセット6のためにそれをやった、あるいはリコール

1083
00:50:38,955 --> 00:50:44,110
それ、あなたがしようとしました少なくとも場合であっても、
ハッシュテーブルは、我々の使用では、に使用されていました

1084
00:50:44,110 --> 00:50:45,090
言葉だけを格納します。

1085
00:50:45,090 --> 00:50:47,980
しかし、実際には、保存された
キーと値。

1086
00:50:47,980 --> 00:50:51,940
あなたは、Pのためのハッシュテーブルを実装した場合
6辞書を設定し、キーがあった

1087
00:50:51,940 --> 00:50:56,890
言葉自身、および値
効果的にtrueまたはfalseでした。

1088
00:50:56,890 --> 00:51:00,190
はい、ここに、または暗黙的に、
いや、ここにいない。

1089
00:51:00,190 --> 00:51:02,140
>> さて、私たちはその考えを一般化することができます。

1090
00:51:02,140 --> 00:51:06,230
そして、我々は非常に類似したデータを使用することができます
ていない文字列を格納する構造

1091
00:51:06,230 --> 00:51:10,180
あなたのハッシュテーブル内の一人で、それ自体が、
あなたのハッシュの一人一人でのことを仮定し

1092
00:51:10,180 --> 00:51:11,130
テーブルのノード。

1093
00:51:11,130 --> 00:51:14,210
あなたも試しにこれを行うことができます
だけではなくブール値を持っている。

1094
00:51:14,210 --> 00:51:15,350
あなたは、何か他のものを持つことができます。

1095
00:51:15,350 --> 00:51:19,590
キーがマクスウェルではなかった場合はどうすれば、用
インスタンスが、引用引用終わり "名"、または

1096
00:51:19,590 --> 00:51:22,900
引用終わり "キャプテン"を引用すると内部の
Cのデータ構造には、置く

1097
00:51:22,900 --> 00:51:26,170
値だけでなく、ブールが、値の
引用引用終わり "ダビデ"など

1098
00:51:26,170 --> 00:51:28,690
"M"、または "マシューズ"などが挙げられる。

1099
00:51:28,690 --> 00:51:33,170
>> 私たちが使用したものと同じデータ構造だから
明らかに他の言語に存在する。

1100
00:51:33,170 --> 00:51:37,650
そして私は、彼らが実際に多くのだと主張するだろう
ここにアクセスすることがはるかに簡単。

1101
00:51:37,650 --> 00:51:40,300
実際に見てみましょう
現在いくつかのような構文で。

1102
00:51:40,300 --> 00:51:43,120
>> 私はPHPのディレクトリに行くつもりです。

1103
00:51:43,120 --> 00:51:48,390
そして、私はより良いを開くつもりだ
前からのhello-0のバージョン。

1104
00:51:48,390 --> 00:51:50,270
私がしたすべてがあったことに注意してください
いくつかのコメントを追加します。

1105
00:51:50,270 --> 00:51:52,530
だから我々は気晴らしを取り除くことができます。

1106
00:51:52,530 --> 00:51:57,610
>> そして、このプログラムは、実際にプリントしない
こんにちは私は間に指定したので、

1107
00:51:57,610 --> 00:52:01,420
私は、そのコードを実行したいタグ。

1108
00:52:01,420 --> 00:52:03,380
今、我々はすぐに説明します
なぜこれが便利です。

1109
00:52:03,380 --> 00:52:05,630
しかしみましょう、ここでもう一つの例を開きます。

1110
00:52:05,630 --> 00:52:10,430
、私が先に行くと言うを開くう
条件1のgeditの。

1111
00:52:10,430 --> 00:52:12,970
>> これは今の時間に道戻ってきました。

1112
00:52:12,970 --> 00:52:16,320
しかし数週間前、私が思うに、週に一つ以上で
週2、我々はと呼ばれる例があった

1113
00:52:16,320 --> 00:52:18,470
conditions1.c。

1114
00:52:18,470 --> 00:52:22,050
そして、私は、PHPでそれを再実装することを決定
単に強調の一種と

1115
00:52:22,050 --> 00:52:26,500
PHPは、構文的には、ほぼ同じです
Cにこれは大きな飛躍ではない

1116
00:52:26,500 --> 00:52:27,840
先週からこれまで。

1117
00:52:27,840 --> 00:52:31,230
>> このプログラムの一番上に注意してください、どの
いくつかと、前と同じように、始まります

1118
00:52:31,230 --> 00:52:34,260
私は取り除くだろうコメント、
気晴らしとしての。

1119
00:52:34,260 --> 00:52:37,410
私はPHPにいることに注意してください
このファイルのモード。

1120
00:52:37,410 --> 00:52:40,160
このコードのように、我々が表示されます、
実行されてしまいます。

1121
00:52:40,160 --> 00:52:42,670
readlineのがあることに注意してください、
おそらくある

1122
00:52:42,670 --> 00:52:46,230
GetStringメソッドのPHPのアナログ。

1123
00:52:46,230 --> 00:52:47,390
それは少し違うことに注意してください。

1124
00:52:47,390 --> 00:52:51,410
あなたが実際にプロンプ​​トを指定します
この関数は、読み込んだ行と呼ばれ、そのう

1125
00:52:51,410 --> 00:52:52,180
ユーザーが見ているもの。

1126
00:52:52,180 --> 00:52:53,520
だから、printfを手動でする必要はありません。

1127
00:52:53,520 --> 00:52:54,860
しかし、それは大したことではありません。

1128
00:52:54,860 --> 00:52:59,150
私は、$ Nの中、保存するつもりです
この属性の値を返すので、何

1129
00:52:59,150 --> 00:53:00,490
ユーザーの種類には、そのintです。

1130
00:53:00,490 --> 00:53:01,660
そしてここでは、別の好奇心だ。

1131
00:53:01,660 --> 00:53:05,810
これは、PHPで、任意の変数が判明
ただ先頭にする必要があります

1132
00:53:05,810 --> 00:53:06,970
ドル記号。

1133
00:53:06,970 --> 00:53:08,110
それは少し迷惑なんだ。

1134
00:53:08,110 --> 00:53:10,870
しかし、私はPHPで行っていない何かに気づく。

1135
00:53:10,870 --> 00:53:13,980
何が左側から欠けている
の側は、等号？

1136
00:53:13,980 --> 00:53:15,430
>> タイプの言及はありません。

1137
00:53:15,430 --> 00:53:19,400
だから、これは良いではC.とは異なります
も悪くも、PHPは疎です

1138
00:53:19,400 --> 00:53:20,550
型付けされた言語。

1139
00:53:20,550 --> 00:53:22,010
それは数字を持っています。

1140
00:53:22,010 --> 00:53:23,240
これは、文字列を持っています。

1141
00:53:23,240 --> 00:53:24,015
これはブール値を持っています。

1142
00:53:24,015 --> 00:53:26,220
そしてそれは数を持っていません
その他のデータ型。

1143
00:53:26,220 --> 00:53:30,570
しかし、プログラマは、通常
それらを気にする必要はありません。

1144
00:53:30,570 --> 00:53:34,010
これの利点は、それがなることです
プログラムへのそれは少し楽。

1145
00:53:34,010 --> 00:53:35,380
あなたは、少し考えることができます。

1146
00:53:35,380 --> 00:53:39,840
欠点は、それはまたあなたの最大開きです
誤った場合の潜在的なバグ

1147
00:53:39,840 --> 00:53:43,080
文字列として数値、文字列を扱う
数など、潜在的に、それでも

1148
00:53:43,080 --> 00:53:46,150
その後、PHP、および言語の多くは、
かなり寛容である。

1149
00:53:46,150 --> 00:53:49,050
彼らはと呼ばれるものを使用します
暗黙的キャスト。

1150
00:53:49,050 --> 00:53:55,220
そして、あなたはコンテキスト内でn個を使用しようと
数値の状況、それは意志

1151
00:53:55,220 --> 00:53:58,040
になるだろうここで何を変換
ユーザタイプであれば理由文字列、

1152
00:53:58,040 --> 00:54:01,570
で何か、あなたは結果を得るため、
readlineのと同様に、または、文字列を取得する

1153
00:54:01,570 --> 00:54:02,910
それは、文字列を返すことが起こっている。

1154
00:54:02,910 --> 00:54:07,360
>> しかし予告、数行の後、私
nはゼロよりも大きいかどうかを確認。

1155
00:54:07,360 --> 00:54:13,370
だからPHPは暗黙のうちにキャストしようとしている私の
"文字列" 123、または任意のユーザ

1156
00:54:13,370 --> 00:54:14,860
int型に、内の型。

1157
00:54:14,860 --> 00:54:18,730
だから要するに、スタッフだけの作品
より直感的にたくさん。

1158
00:54:18,730 --> 00:54:23,410
だから我々は今のいくつかをリラックスし始める
我々は過去にやっている事。

1159
00:54:23,410 --> 00:54:24,780
>> このようなものがたくさんある
しかし、同じ。

1160
00:54:24,780 --> 00:54:26,340
まだ等しいに等しいた。

1161
00:54:26,340 --> 00:54:30,350
余談PHPも等しい等しくたよう
で、多分、それに等しいが、より

1162
00:54:30,350 --> 00:54:30,850
未来。

1163
00:54:30,850 --> 00:54:31,150
それがあった。

1164
00:54:31,150 --> 00:54:35,660
タイプミスが、2つの等号と同じことを意味し
比較のために以前のようなもの、。

1165
00:54:35,660 --> 00:54:37,060
printfの前と同じことを意味します。

1166
00:54:37,060 --> 00:54:39,160
バックスラッシュnは同じことを意味し
前と同じようなもの。

1167
00:54:39,160 --> 00:54:40,390
>> だから、どのように私はこのプログラムを実行するのですか？

1168
00:54:40,390 --> 00:54:44,400
さて、以前のように、私はPHPを行う場合、
conditions1.php、およびタイプ

1169
00:54:44,400 --> 00:54:46,560
123のような数字。

1170
00:54:46,560 --> 00:54:47,720
それは正の数です。

1171
00:54:47,720 --> 00:54:49,510
私は0を入力した場合、私は0を選択します。

1172
00:54:49,510 --> 00:54:53,700
私は負の123に入力した場合と、私が取得
だけで戻って負の数、

1173
00:54:53,700 --> 00:54:59,050
、構文的に、PHPを避ける
スーパー、スーパーと似ています。

1174
00:54:59,050 --> 00:55:03,250
>> では、なぜこれが便利になりました
Webコンテキストで？

1175
00:55:03,250 --> 00:55:06,710
まあ、のはこのfroshimsに戻ってみましょう
例えば、見て、

1176
00:55:06,710 --> 00:55:08,600
もう一度、ここでこのように。

1177
00:55:08,600 --> 00:55:11,580
実際にWebページを引き上げてみましょう
再び、それはこのように見えた。

1178
00:55:11,580 --> 00:55:14,930
と我々に何ができる
提出されているデータは？

1179
00:55:14,930 --> 00:55:18,770
>> まあ、私は新しいを開くせ
このバージョンの。

1180
00:55:18,770 --> 00:55:20,920
そして、あなたはその問題が表示されます
セットの仕様では、順を追って説明

1181
00:55:20,920 --> 00:55:22,850
これらのいくつかを通して。

1182
00:55:22,850 --> 00:55:29,610
ゼロで始まるのではなく、
froshims3を見てみましょう、

1183
00:55:29,610 --> 00:55:31,410
これは、もう少しありません。

1184
00:55:31,410 --> 00:55:34,780
>> のを開いてみましょう、実際には、最初に注意してください
まで0が何であったかなので、参照してください

1185
00:55:34,780 --> 00:55:37,170
レジスタ0は何であった。

1186
00:55:37,170 --> 00:55:40,040
レジスタ0が何をしたかに注目してください。

1187
00:55:40,040 --> 00:55:41,730
一つは、私が先頭のコメントを持っている。

1188
00:55:41,730 --> 00:55:43,900
それらを削除して、これだけに焦点を当てる。

1189
00:55:43,900 --> 00:55:48,730
register0.phpの内容の大部分
明らかに、ですが、どのような言語？

1190
00:55:48,730 --> 00:55:49,980
ただ、生のPHP。

1191
00:55:49,980 --> 00:55:53,430
>> 予告だから、このファイルが起動しない
、オープンブラケット、現時点では、との

1192
00:55:53,430 --> 00:55:54,970
疑問符、PHP。

1193
00:55:54,970 --> 00:55:59,800
PHPは、あなたが混在することができません
HTMLタグでPHPコード。

1194
00:55:59,800 --> 00:56:04,130
しかし、私はここで内側やった
こっちのページ。

1195
00:56:04,130 --> 00:56:08,180
>> さて、もう一度、あなただけからこれを知っていると思います
マニュアルを見た。ますprint_r、

1196
00:56:08,180 --> 00:56:13,410
それは、判明print_recursiveです。
_recursiveそして、これは単に便利です

1197
00:56:13,410 --> 00:56:16,780
ただプリントアウトユーティリティ関数、
再帰的に、どのようなあなたはそれを渡す。

1198
00:56:16,780 --> 00:56:18,760
あなたはそれを配列を渡す場合は、
それは、配列を印刷します。

1199
00:56:18,760 --> 00:56:20,180
あなたはそれに番号を渡す場合は、
それは番号を印刷します。

1200
00:56:20,180 --> 00:56:21,570
それよ、それを文字列を渡す
文字列を出力します。

1201
00:56:21,570 --> 00:56:24,500
あなたはそれをハッシュテーブルを渡す場合は、
ハッシュテーブルを出力します。

1202
00:56:24,500 --> 00:56:26,730
あなたはすべてを記述する必要はありません
自分でそのコードの。

1203
00:56:26,730 --> 00:56:29,490
>> 今、私は入るんだことに気づく
こっちPHPモード。

1204
00:56:29,490 --> 00:56:32,070
私はこっちPHPモードを終了しています。

1205
00:56:32,070 --> 00:56:35,950
だから、Webサーバがこのファイルを読み込むとき
上から下へ、ので、左から右へ

1206
00:56:35,950 --> 00:56:40,750
それは、。PHPと呼ばれるファイル名で終わる
PHPタグの中ではありません何です

1207
00:56:40,750 --> 00:56:42,820
ただ唾になるだろう
外に、生のHTMLのように。

1208
00:56:42,820 --> 00:56:43,630
大したことはありません。

1209
00:56:43,630 --> 00:56:49,280
しかし、すぐにWebサーバの通知など
これ、それは言うだろう、私はすべきでない

1210
00:56:49,280 --> 00:56:51,850
、文字通り、ポストますprint_rを吐き出す。

1211
00:56:51,850 --> 00:56:54,910
私は次のことを実行する必要があります
コー​​ドの行。

1212
00:56:54,910 --> 00:56:59,850
>> 最後の質問は、だから、その後、このファイルの
、まあ、一体この何ですか？

1213
00:56:59,850 --> 00:57:00,530
推測してください。

1214
00:57:00,530 --> 00:57:04,230
おそらく、$ _POSTとは何ですか？

1215
00:57:04,230 --> 00:57:07,070
>> 読者：[聞こえない]

1216
00:57:07,070 --> 00:57:08,830
>> SPEAKER 1：うん、ポストされたデータ。

1217
00:57:08,830 --> 00:57:11,350
思い出して、みましょうに戻ってスクロール
ちょっと時間。

1218
00:57:11,350 --> 00:57:13,165
froshim0は、再び、このように見えた。

1219
00:57:13,165 --> 00:57:15,640
このスーパー大部分は単なるHTMLです。

1220
00:57:15,640 --> 00:57:18,410
繰り返しになりますが、いくつかのタグあなたはそうではありません
まだ見て、またはそのと

1221
00:57:18,410 --> 00:57:19,360
あなたはすでによく知られている。

1222
00:57:19,360 --> 00:57:21,990
しかし、興味深いのは、これだった。

1223
00:57:21,990 --> 00:57:27,270
この1行は、本当にリンクです
それは私たちのregister0.phpファイルへ。

1224
00:57:27,270 --> 00:57:29,200
私は、メソッドのポストを経由して提出しています。

1225
00:57:29,200 --> 00:57:33,130
そして、それはつまり、パラメータ
におけるユーザタイプではありません

1226
00:57:33,130 --> 00:57:35,150
どこで終わるつもり。

1227
00:57:35,150 --> 00:57:36,175
>> 彼らはするつもりはない
URLに表示。

1228
00:57:36,175 --> 00:57:39,020
彼らはまだから送信されるしようとしている
クライアント、ブラウザから、へ

1229
00:57:39,020 --> 00:57:42,080
サーバーが、ちょうど他の経由
我々は我々の手を放棄するだろうという仕組み

1230
00:57:42,080 --> 00:57:44,330
今日のために、それがURLではありません。

1231
00:57:44,330 --> 00:57:47,630
しかし、で今の関係を気づく
慣例によって、である、ポスト、

1232
00:57:47,630 --> 00:57:49,160
ここに小文字。

1233
00:57:49,160 --> 00:57:54,090
>> しかし、私はregister0.phpを開く場合、
私は明らかにこれを印刷しています。

1234
00:57:54,090 --> 00:57:56,450
だから、これは奇妙なの一種である
命名規則。

1235
00:57:56,450 --> 00:58:01,430
しかし、PHPでの素敵なのはであるとき
で、Webコンテキストでは、PHPを使用していない

1236
00:58:01,430 --> 00:58:04,480
私は一瞬前に行ったように、コマンドライン、
あなたが実際にウェブでそれを使用しているとき

1237
00:58:04,480 --> 00:58:10,580
ページ、バーチャルホストのディレクトリに、我々はあるとして、
自動的にPHPはこれを記入します

1238
00:58:10,580 --> 00:58:15,560
連想配列であること、
そうで、ハッシュテーブルを話す

1239
00:58:15,560 --> 00:58:17,290
ユーザがログイン入力し、すべて

1240
00:58:17,290 --> 00:58:22,000
>> 要するに、すべて大文字で$ _POSTです
ちょうどそのPHPグローバル変数

1241
00:58:22,000 --> 00:58:25,050
ときに魔法のように、あなたのために作成
Webコンテキストでは、PHPを使用した。

1242
00:58:25,050 --> 00:58:29,160
そしてそれは、すべてのそれの内側に置く
そのフォームでパラメータの名前

1243
00:58:29,160 --> 00:58:33,200
このファイルのすべてに提出されました
ユーザがログイン入力した値

1244
00:58:33,200 --> 00:58:37,790
だから、それはあなたに渡し何ユーザー
そのフォームに入力しました。

1245
00:58:37,790 --> 00:58:42,210
>> だから前に、私たちは本当に愚か出力を得
すべて私がやったので、これだけを見ての

1246
00:58:42,210 --> 00:58:44,400
再帰的にこの配列をプリントしました。

1247
00:58:44,400 --> 00:58:46,060
キーは名前で、値はデビッドです。

1248
00:58:46,060 --> 00:58:46,980
キーはキャプテンです。

1249
00:58:46,980 --> 00:58:47,970
値がオンになっています。

1250
00:58:47,970 --> 00:58:52,300
と二重矢印や角度
ブラケットそこに、これは単なる任意です。

1251
00:58:52,300 --> 00:58:53,270
これは、コードではありません。

1252
00:58:53,270 --> 00:58:57,690
これはちょうどあなたを示すのPHPの方法です
いくつかのキーの値は何ですか。

1253
00:58:57,690 --> 00:59:03,000
>> しかし、今私が提案してみましょうでその
froshIMs3、それはほとんど同じだ

1254
00:59:03,000 --> 00:59:04,950
それは、このファイルに提出除き。

1255
00:59:04,950 --> 00:59:08,570
そして再び、我々だけのようなものになるだろう
この一目、単にいくつかを参照するには

1256
00:59:08,570 --> 00:59:12,040
構文が、予告何
このファイルはありません。

1257
00:59:12,040 --> 00:59:14,930
だけの行に基づいて推測を取る
おそらくのように見えるんコード、

1258
00:59:14,930 --> 00:59:17,410
ギリシャ、ある程度、
明らかにやっている。

1259
00:59:17,410 --> 00:59:20,580

1260
00:59:20,580 --> 00:59:23,110
>> このファイルは、何らかの形で関係している
メールには、電子メール。

1261
00:59:23,110 --> 00:59:24,770
したがって、このプログラムは、何をやっている？

1262
00:59:24,770 --> 00:59:28,740
このバージョンでは、私が実際にあった場合
このフォームに記入して - そして私に行かせて

1263
00:59:28,740 --> 00:59:30,760
froshIMs3なく、froshIMs0  - 

1264
00:59:30,760 --> 00:59:33,280

1265
00:59:33,280 --> 00:59:34,540
形は同じに見えます。

1266
00:59:34,540 --> 00:59:37,980
デビッド、船長、男性、寮、マシューズ。

1267
00:59:37,980 --> 00:59:42,980
しかし、私はこれを提出する場合、このファイルは
register3.phpに行くつもり。

1268
00:59:42,980 --> 00:59:46,330
>> そして、私はそれのを見て、請求
ソースコードは、それがに起こっている

1269
00:59:46,330 --> 00:59:47,650
何とかメールを含む。

1270
00:59:47,650 --> 00:59:49,620
私が先に行くと、これを開いてみましょう
アップ大きなウィンドウで、私たち

1271
00:59:49,620 --> 00:59:51,030
もっときれいにそれを見ることができます。

1272
00:59:51,030 --> 00:59:57,220
我々は、バーチャルホスト、ローカルホストにいる
公共、froshims。

1273
00:59:57,220 --> 00:59:58,680
私は別のを開くつもりだ
プログラムは、単にので

1274
00:59:58,680 --> 01:00:00,160
もっと一度に見ることができます。

1275
01:00:00,160 --> 01:00:03,100
>> だから今、ここで、いくつかのことを気づく。

1276
01:00:03,100 --> 01:00:06,530
ファイルの最上部に開いている
ブラケット、疑問符、PHP。

1277
01:00:06,530 --> 01:00:08,920
その後、コメントの束があり、
我々は無視することができる、ある

1278
01:00:08,920 --> 01:00:10,450
今のつまらない。

1279
01:00:10,450 --> 01:00:11,300
>> さて、これはあり。

1280
01:00:11,300 --> 01:00:14,200
これは、PHPがたくさん持っているが判明
のコードを必要と呼びかけた。

1281
01:00:14,200 --> 01:00:19,110
それは精神で、Cのと非常によく似ています
、どのハッシュインクルードを含める

1282
01:00:19,110 --> 01:00:21,980
本質的に、いくつかの内容をつかむ
ただ、他のファイルとは、ここでそれらをplops

1283
01:00:21,980 --> 01:00:22,930
ので、それらを使用することができます。

1284
01:00:22,930 --> 01:00:27,060
このケースでは、アプライアンスは持って、
プリインストールされ、図書室、無料で

1285
01:00:27,060 --> 01:00:29,900
PHPと呼ばれるオープンソースのライブラリ
メーラー誰にできること

1286
01:00:29,900 --> 01:00:30,770
インターネットからダウンロードしてください。

1287
01:00:30,770 --> 01:00:32,000
私たちはあなたのためだけにそれをやった。

1288
01:00:32,000 --> 01:00:36,130
そして、これは私が今、電子メールを持っていることを意味し
私の処分で機能。

1289
01:00:36,130 --> 01:00:38,170
>> さて、いくつかのことを気づく。

1290
01:00:38,170 --> 01:00:41,120
私が検証するつもりだ
フォームの提出。

1291
01:00:41,120 --> 01:00:45,980
PHP、一つは、感嘆符を持って判明
同じようにしないオペレータのためのポイント、

1292
01:00:45,980 --> 01:00:49,810
C.しかし、PHPは機能を持ってい
空と呼ばれる。

1293
01:00:49,810 --> 01:00:53,920
>> 空の値だけあればtrueを返します
あなたがそれを手の事

1294
01:00:53,920 --> 01:00:57,190
括弧のように、空である
ユーザーは、インチは何も入力しなかった

1295
01:00:57,190 --> 01:01:02,680
だから、これは言って、そして気付くさ
構文は、Cの非常に連想させる、もし

1296
01:01:02,680 --> 01:01:07,730
名前のキーなので、フォームに名前フィールド、
によって、ポスト経由で提出された

1297
01:01:07,730 --> 01:01:13,010
ユーザは、空にされず、その
性別としての形で空ではありません

1298
01:01:13,010 --> 01:01:15,980
よく、その寮は空ではありません - 

1299
01:01:15,980 --> 01:01:19,980
しかし、私はキャプテンを気にしないに気付く
その後、我々は何をするつもりですか？

1300
01:01:19,980 --> 01:01:21,990
>> 私は実行するつもり
このコード行。

1301
01:01:21,990 --> 01:01:24,100
そして、あなたは、この種のものと考えることができ
malloc関数のように、それは少しだ

1302
01:01:24,100 --> 01:01:24,800
それよりも手の込んだ。

1303
01:01:24,800 --> 01:01:29,200
しかし、今のところ、これは私に特別なを与え
型PHPメーラーの構造体。

1304
01:01:29,200 --> 01:01:31,410
しかし、今日のために新しいキーワードを無視します。

1305
01:01:31,410 --> 01:01:35,670
>> 今、私は呼び出された関数を呼び出すつもりだ
言うIsSMTPは、SMTPを使用してください。

1306
01:01:35,670 --> 01:01:39,380
これはただのビデオのように、ポート25です
ものは投げていた先週、

1307
01:01:39,380 --> 01:01:40,710
ファイアウォールへの電子メール。

1308
01:01:40,710 --> 01:01:42,440
ポート25は、SMTPです。

1309
01:01:42,440 --> 01:01:44,410
SMTPは、メールサーバを使用することを意味します。

1310
01:01:44,410 --> 01:01:46,215
どれ、私たちは、ハーバード大学のを使用することができます
SMTP.fas.harvard.edu。

1311
01:01:46,215 --> 01:01:48,850

1312
01:01:48,850 --> 01:01:51,590
>> 我々はアドレスから設定することができます
ジョン·ハーバードのすること。

1313
01:01:51,590 --> 01:01:55,090
私はさらに下にスクロールすると、私が設定することができます
単に受信者のアドレス、

1314
01:01:55,090 --> 01:01:56,840
任意に、ジョンであることが
ハーバード大学も同様だ。

1315
01:01:56,840 --> 01:01:59,210
そこで彼は、自分自身を電子メールで送信することになるだろう。

1316
01:01:59,210 --> 01:02:01,600
>> 今私は、件名を設定することができます
登録されるように。

1317
01:02:01,600 --> 01:02:03,700
そして、私は体を設定することができます
の電子メールには、次のとおりであります。

1318
01:02:03,700 --> 01:02:06,500
この行は、もう少し不可解に見える
それはたくさんの理由だけだ

1319
01:02:06,500 --> 01:02:07,450
それに含まれる情報の。

1320
01:02:07,450 --> 01:02:10,670
一つは、ドット演算子はあり。

1321
01:02:10,670 --> 01:02:14,510
誰かがすでに何を知っている必要があります
ドット演算子ではありません。

1322
01:02:14,510 --> 01:02:15,436
それは連結です。

1323
01:02:15,436 --> 01:02:19,240
だから、PHPで文字列を取りたい場合、
とに、それを追加するか、それを付加

1324
01:02:19,240 --> 01:02:23,500
PHPで別の文字列には、神に感謝します
strcopyとmal​​loc関数を使用する必要はありません、

1325
01:02:23,500 --> 01:02:25,490
そしてもうすべてのこと。

1326
01:02:25,490 --> 01:02:28,765
>> あなたには2つの文字列を連結したい場合は、
誰がメモリを気に。

1327
01:02:28,765 --> 01:02:30,850
あなたのためにその外にPHPの姿をしましょう​​。

1328
01:02:30,850 --> 01:02:35,200
PHPは、ドット演算子を使って何をするか
ここでは、単に大きな文章を作るさ

1329
01:02:35,200 --> 01:02:37,900
この行は、この行の
このライン、このライン。

1330
01:02:37,900 --> 01:02:40,460
そして今気づく、それが起こっている
値をプラグインすることができます。

1331
01:02:40,460 --> 01:02:43,680
ジョン·ハーバードは起こっている電子メールのように、
受信するために文字通り言うために起こっている

1332
01:02:43,680 --> 01:02:49,450
名、コロン、何か、むしろ、我々
文字列を閉じて、上の連結

1333
01:02:49,450 --> 01:02:52,220
どのようなユーザーが入力
で、次に新しいライン。

1334
01:02:52,220 --> 01:02:54,570
>> その後、ジョン·ハーバードのの次の行に
電子メール、それは言うために起こっている

1335
01:02:54,570 --> 01:02:55,910
キャプテン、Onまたは何も。

1336
01:02:55,910 --> 01:02:57,810
それは、性別を言うために起こっている
男性または女性。

1337
01:02:57,810 --> 01:02:59,680
寮はマシューズになるだろう
私の場合である。

1338
01:02:59,680 --> 01:03:03,400
そして、おなじみのセミコロンに気づく
一番最後に。

1339
01:03:03,400 --> 01:03:07,830
そして、ダウンここで、気づく、やや
続いて、再びまだ不可解な、しかし

1340
01:03:07,830 --> 01:03:12,730
より身近になるパターン
メールを送信する場合、Pは、7を設定した後

1341
01:03:12,730 --> 01:03:16,610
falseを返し、その後、先に行くと死ぬ。

1342
01:03:16,610 --> 01:03:19,610
>> だからPHPは、ダイと呼ばれる機能を持ってい
文字通り、ただ殺す、

1343
01:03:19,610 --> 01:03:22,830
ウェブサイトとだけ何をプリントアウト
あなたはそれを伝える - それは、死にかけている

1344
01:03:22,830 --> 01:03:24,280
言葉、いわば。

1345
01:03:24,280 --> 01:03:28,310
と場合に、それが印刷されます、という
エラー情報が何のためにあるのか外に

1346
01:03:28,310 --> 01:03:29,860
何が間違って行くことが起こった。

1347
01:03:29,860 --> 01:03:34,490
我々が持っているもの、ここで短いので、長い話、
ときに、ユーザー一例です

1348
01:03:34,490 --> 01:03:39,150
フォーム、froshim0を提出
froshims3.php、それに行く

1349
01:03:39,150 --> 01:03:40,760
register3.php。

1350
01:03:40,760 --> 01:03:45,290
しかしregister3.phpは次に進み
これらのすべての行を実行する。

1351
01:03:45,290 --> 01:03:46,620
>> だから、ここではいくつかのテイクの遠かっはあり。

1352
01:03:46,620 --> 01:03:50,380
一つは、それが、明らかにかなり簡単です
プログラムで、電子メールを送信するには、

1353
01:03:50,380 --> 01:03:50,830
これは良いです。

1354
01:03:50,830 --> 01:03:53,500
ユーザーがあなたのサイトに登録すると、内
彼らはあなたのために登録し、この場合、

1355
01:03:53,500 --> 01:03:56,220
スポーツには、新入生を電子メールで送信することができます
プロクター、またはジョン

1356
01:03:56,220 --> 01:03:57,650
この場合にはハーバード大学、。

1357
01:03:57,650 --> 01:04:01,630
>> しかし、それはまた、あなたは何を行うことができることを意味？

1358
01:04:01,630 --> 01:04:03,970
誰から誰にもメールを送信します。

1359
01:04:03,970 --> 01:04:05,430
そして、これは非常に本当です。

1360
01:04:05,430 --> 01:04:08,580
これは、簡単に行われていない場合
あなたは、Gmailの使用に慣れている。

1361
01:04:08,580 --> 01:04:11,310
しかし、あなたは今までにEudoraを使用した場合または
Outlookを、あなたはかなり伝えることができます

1362
01:04:11,310 --> 01:04:13,720
あなたがいることを、メールサーバ
あなたが望む誰でも。

1363
01:04:13,720 --> 01:04:16,450
そして、私は上に置く必要がある場所である
その帽子と言うには、これをしない。

1364
01:04:16,450 --> 01:04:21,140
しかし、これはどれだけ簡単の証です
それはフィッシング攻撃を実行することであり、

1365
01:04:21,140 --> 01:04:24,310
匿名の電子メールを送信し、
スパム、より一般的。

1366
01:04:24,310 --> 01:04:27,330
に、それは本当に沸騰ダウン
あなたが必要とするすべては、一部であるという事実

1367
01:04:27,330 --> 01:04:28,500
プログラムによるアクセス。

1368
01:04:28,500 --> 01:04:31,940
>> と余談として、私の最も近い出会い
広告ボード、私自身年生、

1369
01:04:31,940 --> 01:04:34,320
私はこのクールを発見したときだった
することができ、すごい、そのトリック

1370
01:04:34,320 --> 01:04:36,850
誰からもメールを送信。

1371
01:04:36,850 --> 01:04:39,770
そして、我々はいくつかの愚かなをしていた
引数、文字通り、マシューズ、

1372
01:04:39,770 --> 01:04:40,790
私のプロクター群の中。

1373
01:04:40,790 --> 01:04:42,470
私も覚えていません
問題は何だった。

1374
01:04:42,470 --> 01:04:44,970
しかし、私は入れて試してみたかった
この愚かな議論に終止符。

1375
01:04:44,970 --> 01:04:48,580
>> だから私は、私はちょうど電子メールが送信されますことを決めた
私のプロクター·グループに、ふりをし

1376
01:04:48,580 --> 01:04:52,000
その意見、私と他の男、
反対、彼はに黙認している

1377
01:04:52,000 --> 01:04:54,680
どのような私の考えが入った
この特定の議論。

1378
01:04:54,680 --> 01:04:59,320
そして、私は使用してこのメ​​ールを偽造
精神でこれに類似した手法。

1379
01:04:59,320 --> 01:05:01,256
しかし、それは実際に簡単だった
一度。

1380
01:05:01,256 --> 01:05:02,435
送信を押してください。

1381
01:05:02,435 --> 01:05:06,660
彼は喜んでもいなかっただろう
広告ボードであった。

1382
01:05:06,660 --> 01:05:10,280
>> そして、私は非常に迅速に内に巻き込まれた
ご存知のように、私はサインインしているので秒

1383
01:05:10,280 --> 01:05:11,420
特定の方法で私のメール。

1384
01:05:11,420 --> 01:05:14,200
そして、私はそれを手動で行うものの、大型で
一部、15年後、私がいたので

1385
01:05:14,200 --> 01:05:15,080
それによって心に傷を負った。

1386
01:05:15,080 --> 01:05:16,960
私は、署名を持っていない
私の電子メールになりました。

1387
01:05:16,960 --> 01:05:20,440
しかし1995年に、私はちょうど、SIGを持っていた
私の電子メールに署名。

1388
01:05:20,440 --> 01:05:24,630
だからこのノート親愛なる、と言ってはなかった
プロクターグループは、私は私の考えを黙認

1389
01:05:24,630 --> 01:05:31,240
と、デビッドに同意そう署名し
そう、新しい行は、新しい行、DJM。

1390
01:05:31,240 --> 01:05:36,220
>> だから、そのためか、一般的には、服用しないで
この技術の利点。

1391
01:05:36,220 --> 01:05:39,950
しかし、ウェブサイトを作るとき、のために好き
作るあなたの最終的なプロジェクト、

1392
01:05:39,950 --> 01:05:43,460
起業家何かのためのウェブサイト、
これがどのように、実用的には、することができますです

1393
01:05:43,460 --> 01:05:47,000
インターネット上で活用する他のサービス
メールのように、その後、実際に

1394
01:05:47,000 --> 01:05:49,440
コー​​ドを使用してのものを送ることができます。

1395
01:05:49,440 --> 01:05:51,240
>> それでは、どのように我々は、この際に改善できますか？

1396
01:05:51,240 --> 01:05:54,370
さて、最初のはのクイックツアーを取りましょう
おわかりだろうという事のいくつか、

1397
01:05:54,370 --> 01:05:56,170
その後を見てみましょう
例のカップル。

1398
01:05:56,170 --> 01:05:59,500
安心させるためには、そう、なぜなら
我々は、PHPを飛んでいます。

1399
01:05:59,500 --> 01:06:02,470
そして、私はいくつかの点で、知っている、あなたが持っているでしょう
実際にこれを書いて開始する場合

1400
01:06:02,470 --> 01:06:03,460
既にいない。

1401
01:06:03,460 --> 01:06:06,220
、一つは、メインが一種であることを認識
PHPで窓の外の。

1402
01:06:06,220 --> 01:06:09,420
あなたが取得するコードを書きたい場合
実行されると、あなただけでそれを書き始める

1403
01:06:09,420 --> 01:06:13,970
限り、。PHPと呼ばれるファイル
あなたは、オープンブラケットを持っている

1404
01:06:13,970 --> 01:06:15,620
疑問符PHPタグ。

1405
01:06:15,620 --> 01:06:19,730
>> しかし、これらに気づくです
PHPでの条件。

1406
01:06:19,730 --> 01:06:22,610
通知は、これはまったく同じであるスライド
我々が持っていたときに我々は週1で持っていた

1407
01:06:22,610 --> 01:06:25,670
中で条件の状況
PHPは構造的であり、

1408
01:06:25,670 --> 01:06:27,140
構文的に同じ。

1409
01:06:27,140 --> 01:06:30,290
あなたが持っている場合にのみ、本当の違いは、
関係する変数は、それらを持っている

1410
01:06:30,290 --> 01:06:31,600
ドル記号。

1411
01:06:31,600 --> 01:06:33,970
>> 一方、ブール式
ただ、このように見える

1412
01:06:33,970 --> 01:06:35,725
一緒に、または-ingやとする。

1413
01:06:35,725 --> 01:06:37,780
スイッチは、まったく同じに見える。

1414
01:06:37,780 --> 01:06:42,180
、Cのに対し、PHPでの素敵な何です
スイッチは、上の例でなければならない

1415
01:06:42,180 --> 01:06:46,380
PHPでは整数や文字などのプリミティブ、
あなたのcase文は、実際にすることができます

1416
01:06:46,380 --> 01:06:48,430
全体の文字列で、これはです
すてきなの実際に一種。

1417
01:06:48,430 --> 01:06:49,480
あなたにいくつかの時間を節約できます。

1418
01:06:49,480 --> 01:06:50,820
Cでそれを行うことができませんでした

1419
01:06:50,820 --> 01:06:52,880
>> ここではPHPでのためのループです。

1420
01:06:52,880 --> 01:06:53,740
それは同じだ。

1421
01:06:53,740 --> 01:06:55,400
いくつかのドル記号を持っているかもしれません
変数の。

1422
01:06:55,400 --> 01:06:57,530
あなたはそれを言及する必要はありません
何かはintです。

1423
01:06:57,530 --> 01:07:00,580
あなただけのドル記号でそれを宣言
と変数の名前。

1424
01:07:00,580 --> 01:07:01,430
しかし、ループでも同じです。

1425
01:07:01,430 --> 01:07:02,760
whileループは同じである。

1426
01:07:02,760 --> 01:07:04,870
ループは同じですしながら行う。

1427
01:07:04,870 --> 01:07:06,170
>> これは、少し異なっています。

1428
01:07:06,170 --> 01:07:12,410
だからPHPで、配列を使用すると、次のことができます
静的に、C言語のように、配列を宣言

1429
01:07:12,410 --> 01:07:14,420
しかし、あなたは、角括弧を使用しています。

1430
01:07:14,420 --> 01:07:17,060
Cでは、中括弧を使用することになり、
あなたも知っていた場合。

1431
01:07:17,060 --> 01:07:20,910
しかし、これはPHPで実際には非常に一般的です
この場合には、配列を宣言するために、

1432
01:07:20,910 --> 01:07:23,640
数字、およびコール
変数番号。

1433
01:07:23,640 --> 01:07:25,300
>> 変数自体はこのように見えます。

1434
01:07:25,300 --> 01:07:28,710
ここでは文字列は、こんにちは "引用終わり引用
世界は。 "あなたはバックスラッシュn個を持つことができます。

1435
01:07:28,710 --> 01:07:30,950
私は単純にこのケースではない。

1436
01:07:30,950 --> 01:07:32,640
>> さて、これは面白い構造です。

1437
01:07:32,640 --> 01:07:33,700
Cはこれを持っていません。

1438
01:07:33,700 --> 01:07:34,700
しかし、これは超便利です。

1439
01:07:34,700 --> 01:07:38,160
そして、あなたはPセット7でこれを表示されます
スペック - 各構築のために。

1440
01:07:38,160 --> 01:07:41,800
あなたは、すべての上に改めてしたい場合
配列の要素は、あなたが持っていない

1441
01:07:41,800 --> 01:07:45,500
$ iと$ Nに対処するため、
と+ +、およびすべてのこと。

1442
01:07:45,500 --> 01:07:47,640
あなたは、文字通り、PHPで、これを言うことができます - 

1443
01:07:47,640 --> 01:07:51,890
数として各数値のため、
私は$数字と仮定してい

1444
01:07:51,890 --> 01:07:53,380
数字の配列です。

1445
01:07:53,380 --> 01:07:56,460
そして、私はそれぞれの番号を言うとき
数としては、これはに起こっている

1446
01:07:56,460 --> 01:08:00,505
自動的に、私のループが実行されるように、
、各反復で、値を更新

1447
01:08:00,505 --> 01:08:03,260
ドル記号番号の内側 - 

1448
01:08:03,260 --> 01:08:07,730
再び、再び、再び歩くこと
私にとっては、その配列上。

1449
01:08:07,730 --> 01:08:08,735
だから、ちょうど私達にコードを保存します。

1450
01:08:08,735 --> 01:08:12,250
いいえセミコロンなし、+ +の、いいえ、私の、
ないn個の、それだけでうれしいですん。

1451
01:08:12,250 --> 01:08:13,700
>> しかし、PHPはこれを持っています。

1452
01:08:13,700 --> 01:08:14,830
そして、これは超強力です。

1453
01:08:14,830 --> 01:08:17,410
そして、あなたがこの手を使います
で、Pに7を設定します。

1454
01:08:17,410 --> 01:08:21,990
と連想配列も宣言されています
角括弧で。

1455
01:08:21,990 --> 01:08:23,569
しかし、今の構文に気づく。

1456
01:08:23,569 --> 01:08:26,880
それは我々が見たものを連想させるだ
一瞬前にしますprint_rと。

1457
01:08:26,880 --> 01:08:31,810
どのように多くのキー、少し健全性チェックとして、
この配列には、持っているように思えません。

1458
01:08:31,810 --> 01:08:32,689
>> だからそれには2つを持っています。

1459
01:08:32,689 --> 01:08:33,830
そして、私はこの配列を呼び出す。

1460
01:08:33,830 --> 01:08:36,760
それは場合に役立ちますしかし、あなたは考えることができます
このようにハッシュテーブルの、または

1461
01:08:36,760 --> 01:08:37,930
連想配列。

1462
01:08:37,930 --> 01:08:39,580
しかし、それだけで違います
配列の型。

1463
01:08:39,580 --> 01:08:41,080
そして再び、異なる言語
これらを持っている。

1464
01:08:41,080 --> 01:08:43,810
我々は同じような何かが表示されます
JavaScriptで同様に。

1465
01:08:43,810 --> 01:08:44,609
つのキーがあります。

1466
01:08:44,609 --> 01:08:48,390
一つは、 "記号"、引用引用終わりあるものです
引用終わり "価格"を引用するとそれらのキー

1467
01:08:48,390 --> 01:08:49,250
各々が値を有する。

1468
01:08:49,250 --> 01:08:54,420
この場合、シンボルの値がため、FBです
Facebookの、価格の値は、49、26です。

1469
01:08:54,420 --> 01:08:56,899
これは、Facebookの株式であった
今朝の時点で価格。

1470
01:08:56,899 --> 01:09:00,170
>> だから何について便利です
連想配列。

1471
01:09:00,170 --> 01:09:02,620
私は数値を持っていたかもしれない
だけとされているインデックス付きの配列

1472
01:09:02,620 --> 01:09:04,120
シンプルな角括弧。

1473
01:09:04,120 --> 01:09:09,380
と私は、ドル記号があったかもしれない
引用はこれだけに等しい。

1474
01:09:09,380 --> 01:09:10,529
私は実際にそれをやってみましょう。

1475
01:09:10,529 --> 01:09:14,796
私はだけではなく、宣言されたと仮定します
そのようなこの配列。

1476
01:09:14,796 --> 01:09:17,590
つまり、完全に有効です
構文。

1477
01:09:17,590 --> 01:09:20,569
それは、任意の情報を失うことはありません
それ自体。

1478
01:09:20,569 --> 01:09:24,760
私はまだ、シンボルがFBであることがわかり
価格は、26 49であること。

1479
01:09:24,760 --> 01:09:28,939
なぜ連想です
説得力のある配列？

1480
01:09:28,939 --> 01:09:30,189
>> 読者：あなたは覚えておく必要はありません
あなたはものを置く場所。

1481
01:09:30,189 --> 01:09:32,050

1482
01:09:32,050 --> 01:09:34,130
>> SPEAKER 1：正確に、あなたが持っていない
あなたはものを置く場所を覚えています。

1483
01:09:34,130 --> 01:09:37,670
あなたは、任意に覚えておく必要はありません
銘柄記号、ブラケットがゼロであることを、

1484
01:09:37,670 --> 01:09:41,479
そして株価は、ブラケット1にある
あなたであれば特に危険である

1485
01:09:41,479 --> 01:09:43,220
最終的には、物事を変更します。

1486
01:09:43,220 --> 01:09:46,399
これは、関連付けることが非常に良くだ
我々は、メタデータと呼ぶことに何

1487
01:09:46,399 --> 01:09:48,340
あなたの実際のデータを使用して。

1488
01:09:48,340 --> 01:09:52,399
私は何が本当に気にしていると主張するだろう
ここで約FBと49、26です。

1489
01:09:52,399 --> 01:09:57,020
シンボルと価格がメタデータです
それは、データを記述する我々

1490
01:09:57,020 --> 01:09:58,180
実際に気に。

1491
01:09:58,180 --> 01:10:01,910
しかし、これはちょうどそんなにある
アクセスしやすい。

1492
01:10:01,910 --> 01:10:04,090
>> さて、余談何だとし​​て
我々が支払う価格？

1493
01:10:04,090 --> 01:10:06,600
我々はこれを行ってきた
週間CS50た。

1494
01:10:06,600 --> 01:10:10,740
この機能は、いくつかのコストで来なければなりません。

1495
01:10:10,740 --> 01:10:11,350
メモリ。

1496
01:10:11,350 --> 01:10:13,830
だから、あなただけの32ビットを格納していない
例えば整数。

1497
01:10:13,830 --> 01:10:17,980
おそらく、シンボル/ 0を格納している。

1498
01:10:17,980 --> 01:10:19,160
だから、より多くのメモリを使用しています。

1499
01:10:19,160 --> 01:10:22,540
>> とのパフォーマンスは何
で何かを調べる

1500
01:10:22,540 --> 01:10:24,822
連想配列、おそらく？

1501
01:10:24,822 --> 01:10:26,590
それはおそらく遅い。

1502
01:10:26,590 --> 01:10:29,670
ランダムアクセスはいいです、特に
するときは、バイナリ検索を行うことができます。

1503
01:10:29,670 --> 01:10:33,380
しかし、あなたは実際に今ではない探しているなら
数字のために、しかし、文字列を、このために

1504
01:10:33,380 --> 01:10:37,630
本当に下に実装されています
フード、おそらくハッシュテーブルとして、どこ

1505
01:10:37,630 --> 01:10:42,950
あなたはどちらのハッシュテーブルを使用し
独立したチェーンと。

1506
01:10:42,950 --> 01:10:46,040
またはあなたが実際に試して使う
値を格納する。

1507
01:10:46,040 --> 01:10:50,550
だから、多分あなたは、一定の時間を行うことができますが、
それでも、S-Y-M-B-O-Lを見ている

1508
01:10:50,550 --> 01:10:54,510
潜在的に、だけではなく、32の
ビットが何かを検索する。

1509
01:10:54,510 --> 01:10:58,430
だからもう一度、それらの同じアイデアが来る
この文脈で再発に戻る。

1510
01:10:58,430 --> 01:11:02,120
>> しかし、再び、PHPは現在、いくつかのスーパーを持ってい
、それは結局、あるグローバル

1511
01:11:02,120 --> 01:11:02,900
連想配列。

1512
01:11:02,900 --> 01:11:05,590
私たちは、$ _POST、一瞬前に1を見た。

1513
01:11:05,590 --> 01:11:08,400
そして、そのスーパーグローバル
キーと値を持っています。

1514
01:11:08,400 --> 01:11:10,550
具体的には、キー
何で並ぶ？

1515
01:11:10,550 --> 01:11:14,520
$ _POSTのキーはどこから来るのでしょうか？

1516
01:11:14,520 --> 01:11:15,380
ただ要約する？

1517
01:11:15,380 --> 01:11:16,480
>> AUDIENCE：名前。

1518
01:11:16,480 --> 01:11:17,900
>> SPEAKER 1：名前、？

1519
01:11:17,900 --> 01:11:19,860
>> 読者：[聞こえない]

1520
01:11:19,860 --> 01:11:20,750
>> SPEAKER 1：名前が属性です。

1521
01:11:20,750 --> 01:11:23,480
まあ彼らはやったどこ、
もともとから来るの？

1522
01:11:23,480 --> 01:11:24,120
フォーム。

1523
01:11:24,120 --> 01:11:30,140
だから、HTMLページ、フォームタグを持つ場合
いくつかの入力であるの内側に、のような

1524
01:11:30,140 --> 01:11:34,760
チェックボックス、テキストボックス、ドロップダウン
メニュー名をそれぞれ有する、それらの

1525
01:11:34,760 --> 01:11:40,260
名前は、$​​ _POSTのキーとして終わる、と
率直に言って、そのことについては、$ _GET。

1526
01:11:40,260 --> 01:11:42,130
方法は、get、同じ考えである場合。

1527
01:11:42,130 --> 01:11:43,830
それはちょうど別のスーパーグローバルでだ。

1528
01:11:43,830 --> 01:11:47,620
と値はもちろん、から来る
どのようなユーザーが自分でで入力

1529
01:11:47,620 --> 01:11:48,890
彼女のブラウザ。

1530
01:11:48,890 --> 01:11:49,830
>> しかし、いくつか他の人がそこにあります。

1531
01:11:49,830 --> 01:11:52,140
我々はよクッキーは、あります
最終的に戻ってくる。

1532
01:11:52,140 --> 01:11:56,050
しかし、それらは、あなたが知っているものです
ウェブは、いくつかの良いまたは悪のために使用しています。

1533
01:11:56,050 --> 01:11:57,420
しかし、我々はそれに戻ってくる。

1534
01:11:57,420 --> 01:12:01,720
サーバとセッション、およびそれら二つ
いくつかの特別な有用性を有する。

1535
01:12:01,720 --> 01:12:03,940
>> しかし、のは、これを見てみましょう。

1536
01:12:03,940 --> 01:12:13,330
私が先に行くと、例を開いてみましょう
MVCいわゆるmvc0.php

1537
01:12:13,330 --> 01:12:14,900
次の略です。

1538
01:12:14,900 --> 01:12:19,390
そして、私たちは以前のよりも、このご紹介
あなたが設計し得ることが、実際には、典型的な

1539
01:12:19,390 --> 01:12:22,180
問題セット7、また、最終的なプロジェクトは、
業界のソートで

1540
01:12:22,180 --> 01:12:23,670
標準的な方法、そしてきれいな方法。

1541
01:12:23,670 --> 01:12:24,820
それは良いデザインだ。

1542
01:12:24,820 --> 01:12:29,090
>> だから、参照しようとしている、あなたはよ
Pセット7、パラダイム、ソートの経験、

1543
01:12:29,090 --> 01:12:32,260
プログラミングの考え方、そのルックス
このような小さなもの。

1544
01:12:32,260 --> 01:12:35,570
コントローラのモデル、CのためにM、
ビューのV。

1545
01:12:35,570 --> 01:12:39,690
長い話を短く、MVCは単なる一種です
作成の方法論、方法

1546
01:12:39,690 --> 01:12:43,360
ウェブサイト、特に、それによってあなた
あなたの、愚かなフレーズのすべてを入れて - 

1547
01:12:43,360 --> 01:12:44,970
ビジネスロジック - 

1548
01:12:44,970 --> 01:12:49,710
あなたの知的財産のすべて
コントローラと呼ばれるものは、ファイル

1549
01:12:49,710 --> 01:12:54,840
index.phpのように、あるいは我々が表示されます、
quote.php、またはbuy.​​php。

1550
01:12:54,840 --> 01:12:59,570
>> 問題の文脈ではあなたの、7を設定
モデルは一般的に、あなたのデータが含まれ

1551
01:12:59,570 --> 01:13:03,860
データベースに関連した何か、私たちが説明するように
最終的に見て、あなたの意見

1552
01:13:03,860 --> 01:13:07,510
自分の美学を含む
サイト、HTML、CSS。

1553
01:13:07,510 --> 01:13:10,420
だから我々はすでにC少しでこれを見ました
hファイルを使用してビット。

1554
01:13:10,420 --> 01:13:15,010
私たちは本当に、CSSで一瞬前にそれを見た
ファクタリングによってCSSの様式

1555
01:13:15,010 --> 01:13:16,520
我々のHTMLの外に詰め込む。

1556
01:13:16,520 --> 01:13:20,730
>> だからMVCは本当にちょうど約描いている
砂の中にラインと言って、

1557
01:13:20,730 --> 01:13:25,400
あなたのための興味深いプログラミングコード
ウェブサイトは、我々は呼ぶことにします何に属している

1558
01:13:25,400 --> 01:13:26,400
コントローラ。

1559
01:13:26,400 --> 01:13:29,280
通常、データベースに関連するもの
モデルで終わる。

1560
01:13:29,280 --> 01:13:33,070
しかし、あなたは私たちは、問題のセット7に、表示されます
それをシンプルに保つためにCとMをマージ。

1561
01:13:33,070 --> 01:13:37,630
しかし、ビューがある場合は、HTMLのすべて
と美学は通常行く。

1562
01:13:37,630 --> 01:13:39,160
>> だから、これは実質的に何を意味するのでしょうか？

1563
01:13:39,160 --> 01:13:45,980
まあ、私は我々のMVCに手放す
ディレクトリは次のとおり。

1564
01:13:45,980 --> 01:13:48,880
そして、あなたはこれらの詳細を参照してくださいよ
スペックに貫通見学。

1565
01:13:48,880 --> 01:13:53,200
だからmvc0で、私はこれが、好きであることを主張する
CS50のウェブサイトのバージョン0。

1566
01:13:53,200 --> 01:13:56,670
>> のように、いくつかのHTML私たちが持っているすべてのです
ビッグh1タグ、明らかに。

1567
01:13:56,670 --> 01:13:57,800
そして箇条書き。

1568
01:13:57,800 --> 01:13:59,860
私は、箇条書きを見​​たことがない
前ですが、大したことない。

1569
01:13:59,860 --> 01:14:01,590
すぐにソースコードを見てみましょう。

1570
01:14:01,590 --> 01:14:06,610
弾丸と順不同リストが判明
オープンブラケットULは、1つ以上を使用することです

1571
01:14:06,610 --> 01:14:09,065
より多くのリスト項目、李。

1572
01:14:09,065 --> 01:14:10,650
だからここに通知はアンカータグです。

1573
01:14:10,650 --> 01:14:12,130
私たちは、少し前を見た。

1574
01:14:12,130 --> 01:14:13,810
>> だから、これは私が実装方法です
このページ。

1575
01:14:13,810 --> 01:14:18,460
私には2つのリンクは、2つのリストの項目、いずれかを持っている
順不同のリストについては、UL、およびエンド

1576
01:14:18,460 --> 01:14:22,700
結果は、審美的に、非常にこれです
かなりウェブサイト、ここにバージョン0。

1577
01:14:22,700 --> 01:14:26,840
しかし、今では興味深いのは、どのようにこの
ボンネットの下に実装されています。

1578
01:14:26,840 --> 01:14:33,590
>> 私はgeditのに行くと、これを開くみよう
絵を描くことは非常に最初の例。

1579
01:14:33,590 --> 01:14:37,070
そして我々は、欠陥のある何を見てみましょう
潜在的に、ここにいます。

1580
01:14:37,070 --> 01:14:43,260
今私がlocalhostに行けば、公共、
MVCは、いくつかのファイルに注目してください。

1581
01:14:43,260 --> 01:14:45,780
私はのために、これらを呼び出すつもりだ
瞬間、すべてのコントローラ。

1582
01:14:45,780 --> 01:14:48,640
しかし、それは虐待のビットからだ
あなたはすべてを混ぜ合わせて表示されます

1583
01:14:48,640 --> 01:14:49,620
それらの内側。

1584
01:14:49,620 --> 01:14:52,330
>> と私はindex.phpの内部に手放す。

1585
01:14:52,330 --> 01:14:54,700
そして、私たちは、文字通り、同じHTMLを参照してください。

1586
01:14:54,700 --> 01:14:57,970
このファイルには、で終わるので、にもかかわらず、
。PHPは、それはしなければならないという意味ではありません

1587
01:14:57,970 --> 01:14:59,500
任意のPHPコードを持っている。

1588
01:14:59,500 --> 01:15:02,290
それだけでも、生のHTMLことができ
それは愚かなのようなものだ。

1589
01:15:02,290 --> 01:15:07,650
しかし、誰オープンブラケットPHPがない気付く
タグ、これを除いて、その、率直に言って、

1590
01:15:07,650 --> 01:15:09,160
コメントとしての役割を果たすためだけにあります。

1591
01:15:09,160 --> 01:15:12,080
しかし、それは機能的ではありません
でも、面白いこと。

1592
01:15:12,080 --> 01:15:12,960
>> しかし、これに気づく。

1593
01:15:12,960 --> 01:15:15,400
何が今面白いのは何ですか
このページで変更。

1594
01:15:15,400 --> 01:15:16,650
私は講義をクリックしてみましょう。

1595
01:15:16,650 --> 01:15:18,560
とURLが変更されようとしているに気づく。

1596
01:15:18,560 --> 01:15:20,930
今私はlectures.phpにいる。

1597
01:15:20,930 --> 01:15:22,630
私はゼロをクリックしましょう​​。

1598
01:15:22,630 --> 01:15:27,200
今私はweek0.phpにいるそして今ましょう
私はgeditのにこれらのファイルを開く。

1599
01:15:27,200 --> 01:15:30,120
だけでなく、インデックスが、う
私は講義を開く。

1600
01:15:30,120 --> 01:15:33,900
そして、私は、コメントを取り除くましょう
この部分のみに集中する。

1601
01:15:33,900 --> 01:15:37,680
>> そして今、私はただもう一つを開いてみましょう
week0.php、コメントを捨て、

1602
01:15:37,680 --> 01:15:39,910
ちょうどこのアップをきれいにする。

1603
01:15:39,910 --> 01:15:41,720
そして今、次のことに気づく。

1604
01:15:41,720 --> 01:15:47,340
慎重には本当にソートを考える
デザイン、みましょうそれの行を作る

1605
01:15:47,340 --> 01:15:52,013
同じまで、何ができるか
良いここで、あなたは思いますか？

1606
01:15:52,013 --> 01:15:56,450

1607
01:15:56,450 --> 01:15:57,780
>> どのように私は週1を行いましたか？

1608
01:15:57,780 --> 01:15:58,480
これはどう。

1609
01:15:58,480 --> 01:16:00,450
だから、これは私が週に1を作った方法です。

1610
01:16:00,450 --> 01:16:08,290
私は、保存、ファイル、新規作成、貼り付けに上っ
week1.php、そして私はここに行きました。

1611
01:16:08,290 --> 01:16:09,875
そして、私は1つを変更 - 

1612
01:16:09,875 --> 01:16:11,646
これは、金曜日の1だったもの。

1613
01:16:11,646 --> 01:16:14,430

1614
01:16:14,430 --> 01:16:15,810
私は1にゼロを変更しました。

1615
01:16:15,810 --> 01:16:17,150
私は一にこれを変更しました。

1616
01:16:17,150 --> 01:16:20,350
>> [OK]を、ので、今私のファイルを見てください。

1617
01:16:20,350 --> 01:16:22,100
何が異なって行うことができる？

1618
01:16:22,100 --> 01:16:25,310
おそらく機会が、どこにありますか。

1619
01:16:25,310 --> 01:16:28,330
だから起動する機会があり
ファクタリングこのようなものを。

1620
01:16:28,330 --> 01:16:32,950
私のために、スポイラーとして、開くう
何をPセット7で表示されます。

1621
01:16:32,950 --> 01:16:38,750
バージョンでは、私が今、開く場合は、index.phpを
この五、それが道に見える

1622
01:16:38,750 --> 01:16:40,730
確かに、多くの不可解な。

1623
01:16:40,730 --> 01:16:43,710
>> しかし、これは、今、私が呼ぶだろうものです
制御のコントローラ

1624
01:16:43,710 --> 01:16:44,770
私のページのロジック。

1625
01:16:44,770 --> 01:16:48,510
そして、あなたは種類で、再構築することができます
直感的には、おそらく、何が起こっているの。

1626
01:16:48,510 --> 01:16:50,630
最初の行では、それはだ
少し不可解。

1627
01:16:50,630 --> 01:16:54,040
しかし、と同じように、私が必要としているに気づく
シャープインクルード、ファイルが呼ばれる

1628
01:16:54,040 --> 01:16:55,930
helpers.php。

1629
01:16:55,930 --> 01:16:59,980
そして私は、明らかに、呼んでいる
渡してレンダリングと呼ばれる関数、

1630
01:16:59,980 --> 01:17:00,850
二つの引数。

1631
01:17:00,850 --> 01:17:02,440
>> 一つは引用引用終わり、ヘッダーです。

1632
01:17:02,440 --> 01:17:04,800
そして、他には、どのようなです
データ型は、ベース、これです

1633
01:17:04,800 --> 01:17:07,180
我々の構文の以前の？

1634
01:17:07,180 --> 01:17:08,160
これは連想配列です。

1635
01:17:08,160 --> 01:17:11,730
具体的には、タイトルに渡している
思い出させるいくつかのメタデータを

1636
01:17:11,730 --> 01:17:13,430
私にそれが何であるか、その値。

1637
01:17:13,430 --> 01:17:16,340
それから私は、ハードコーディングを参照してください
UL、ので、いくつかの生のHTML。

1638
01:17:16,340 --> 01:17:20,020
しかし、私はPHPモードで戻ってきた
機能レンダリングを呼び出す。

1639
01:17:20,020 --> 01:17:24,390
あなたは、HTMLやPHPを使ったことがないので、たとえ
前に、これに見えるにもかかわらず

1640
01:17:24,390 --> 01:17:27,480
恐ろしい、なぜこれはおそらくです
良いデザイン？

1641
01:17:27,480 --> 01:17:31,310
、それについての良いものだ
推論に基づいて？

1642
01:17:31,310 --> 01:17:32,130
>> 読者：[聞こえない]

1643
01:17:32,130 --> 01:17:35,750
>> SPEAKER：1点で少ない冗長
もうHTMLタグ、これ以上はありません

1644
01:17:35,750 --> 01:17:38,410
頭部タグ、これ以上bodyタグ
すべてのいまいましいファイルに記録します。

1645
01:17:38,410 --> 01:17:41,860
その代わりに、私は因数分解をしました
共通点とおそらくそれらを置く

1646
01:17:41,860 --> 01:17:45,150
何とか関連ファイルに
ヘッダに。

1647
01:17:45,150 --> 01:17:48,500
近いボディ用と同じもの
タグ、近くにHTMLタグ。

1648
01:17:48,500 --> 01:17:52,165
それがダウンして、ここで内部おそらく
フッターどこかの。

1649
01:17:52,165 --> 01:17:57,050
そして、あなたは、問題のセット7に、表示されます
これを通じて少し見学。

1650
01:17:57,050 --> 01:17:58,070
>> だから、何が待ち受けている？

1651
01:17:58,070 --> 01:18:03,390
我々は能力を持っていない一つのこと
まだためには、実際にデータを格納することである。

1652
01:18:03,390 --> 01:18:06,110
そして私たちは見ることから始めましょう
水曜日、例えば、つまり今

1653
01:18:06,110 --> 01:18:08,450
古くからの友人Excel、または数字、
あなたの多くを保存することができます

1654
01:18:08,450 --> 01:18:10,060
行および列のデータ。

1655
01:18:10,060 --> 01:18:12,570
あなたは何で、それを行うことができます判明
プログラムでは、データベースと呼ばれる。

1656
01:18:12,570 --> 01:18:16,620
躁そしてそれは、その後、判明
私たちは、のようなものを保存することができるでしょう

1657
01:18:16,620 --> 01:18:20,550
これは、Pセットに再び表示されますた
7、ユーザー名の全体の束と

1658
01:18:20,550 --> 01:18:23,690
パスワードであり、そのうちの後者
ずっと彼らのように、実際に暗号化された

1659
01:18:23,690 --> 01:18:25,550
Pセット2のハッカー版であった。

1660
01:18:25,550 --> 01:18:29,600
そして最終的に、あなたは、これを実装します
独自eトレードのようなウェブサイトその

1661
01:18:29,600 --> 01:18:32,220
CS50金融まとめて実装しています。

1662
01:18:32,220 --> 01:18:36,000
>> 最後に、ここにこんなに遅くとどまったので、
今日は、この部分に戻ってくる場合

1663
01:18:36,000 --> 01:18:41,120
キャンパスの、午後4時今日、我々は
あなたにSCESでだけでなく、アドバイスを与える

1664
01:18:41,120 --> 01:18:44,200
4:00 PMに、フェアに助言
マクスウェル·ドウォーキン、私たちはあなたにいくつかをあげる

1665
01:18:44,200 --> 01:18:47,470
Americoneドリーム、チェリーガルシア、
チョコレートファッジブラウニー、チョコレート

1666
01:18:47,470 --> 01:18:50,840
チップクッキーの生地、そして、ときにグーグル
がっしりした猿は、これを取得する。

1667
01:18:50,840 --> 01:18:53,620
だから4時に待っているすべての
マクスウェル·ドウォーキンのPM。

1668
01:18:53,620 --> 01:18:56,736
同様に水曜日にお会いしましょう​​。

1669
01:18:56,736 --> 01:18:59,960
>> SPEAKER 2：次の時
CS50、RJはインチ眠る

1670
01:18:59,960 --> 01:19:03,656

1671
01:19:03,656 --> 01:19:04,906
>> RJ：私のセクション！

1672
01:19:04,906 --> 01:19:07,727

1673
01:19:07,727 --> 01:19:08,977
ハ！

1674
01:19:08,977 --> 01:19:12,056

1675
01:19:12,056 --> 01:19:13,306
ああ、

1676
01:19:13,306 --> 01:19:16,374