1
00:00:01,410 --> 00:00:02,270
お帰りなさい。

2
00:00:02,520 --> 00:00:07,520
だから、このビデオは、インターネットがどのように働くかという一種のクラッシュコースとして機能するだろう。

3
00:00:07,530 --> 00:00:13,410
 

4
00:00:13,410 --> 00:00:18,240
 

5
00:00:18,240 --> 00:00:22,980
開発者になりたいと思っている人のために、それは私のような熱心なインターネットユーザーからあなたを連れ出すことを意味しています。あなたはインターネットを常に使用している人にする必要がないので、どのように高いレベルで動作するかについて少しは理解しています。

6
00:00:23,220 --> 00:00:27,960
驚くかもしれませんが、開発者は実際には、さまざまなデータプロトコルについての非常に低いレベルの頑丈さと、このTCAP

7
00:00:27,960 --> 00:00:33,810
IPスタックでどのように動作しているかを知る必要はありません。

8
00:00:33,810 --> 00:00:35,030
 

9
00:00:35,190 --> 00:00:41,130
それは完全な専門分野であり、インターネットがどのように低レベルで働くかに専念した全専攻とコースです。

10
00:00:41,130 --> 00:00:42,450
 

11
00:00:42,690 --> 00:00:48,420
開発者としては、インターネットの一般的なユーザー以上の基本を理解するだけで済むように、物事は抽象化されています。

12
00:00:48,420 --> 00:00:49,940
 

13
00:00:50,070 --> 00:00:55,590
しかし、私たちは、この非常に脅威的なすべてのぎこちなさについて専門家である必要はありません。

14
00:00:55,590 --> 00:00:57,250
私たちがここでやりたいことはほとんどありません。

15
00:00:57,420 --> 00:01:00,150
私たちは、インターネットがどのように機能しているかを高いレベルで理解したいと考えています。

16
00:01:00,270 --> 00:01:05,340
HGPのIPドメイン名のようなものは、皆さんがまったくそのようなものです。

17
00:01:05,340 --> 00:01:06,550
どのように一緒に働くのですか？

18
00:01:06,780 --> 00:01:09,920
フロントエンドとバックエンドの要素の違いを理解したい。

19
00:01:10,170 --> 00:01:12,540
また、完全なスタックはどこに収まるのでしょうか。

20
00:01:12,570 --> 00:01:16,420
そして、私たちはまた、どのウェブサイトでもH Tim Lを見ることができるようにしたいと考えています。

21
00:01:17,220 --> 00:01:20,340
だから私がここでやりたいことは実際にビデオを見ることです。

22
00:01:20,550 --> 00:01:22,080
リンクはスライドにあります。

23
00:01:22,140 --> 00:01:25,900
また、このビデオの説明では、先に進んで開きます。

24
00:01:26,040 --> 00:01:28,430
あなた自身でそれを見て気軽に。

25
00:01:28,440 --> 00:01:33,270
私はこのビデオでそれを見て、それをちょっと休んで、重要な部分を強調します。

26
00:01:43,620 --> 00:01:48,960
あなたは、イングランドの誰かがWorld Science Festivalウェブページを最初に訪れたときに何が起こるか疑問に思ったことはありますか？

27
00:01:52,170 --> 00:01:53,210
 

28
00:01:53,220 --> 00:01:58,470
彼らのコンピュータはWorld Science FestivalサーバーにそのWebページのコピーを求める必要があります。

29
00:01:58,710 --> 00:02:04,830
 

30
00:02:04,830 --> 00:02:12,150
 

31
00:02:12,180 --> 00:02:18,450
 

32
00:02:18,450 --> 00:02:22,130
コンピュータはこの要求を、世界のサイエンスフェスティバルのIPアドレスを含むその要求に関する特定の情報で包まれたパケットと呼ばれる仮想エンベロープに貼り付けます。コンピュータは、このパケットを家から持ち出し、地下の銅線ロンドンのテレハウス北にここに来る前に、

33
00:02:22,440 --> 00:02:25,700
テレハウス北はイングランドの主要なインターネットハブです。

34
00:02:25,740 --> 00:02:31,220
このパケットのIPアドレスは、世界のサイエンスフェスティバルサーバーが実際にローザンヌにあることをハブに伝えています。この場合、ユーザーがWebサイトにアクセスしたことを最初に強調したいだけです。

35
00:02:31,250 --> 00:02:36,120
 

36
00:02:36,180 --> 00:02:43,140
それを入力してEnterキーを押すと、ユーザーが何かを見る前にすべてのことが起こっています。

37
00:02:43,140 --> 00:02:44,680
 

38
00:02:44,760 --> 00:02:49,210
アイデアは、ユーザーがウェブサイトを要求しているか、リクエストしているということです。

39
00:02:49,260 --> 00:02:52,140
それがH TTPリクエストと呼ばれるものです。

40
00:02:52,170 --> 00:02:59,460
だから私がこのビデオを開いたときに、あなたが私がこのページの内容を尋ねているところで、それはどこかにYouTubeに行く必要があり、彼らはそれをすべてに戻さなければならない私。

41
00:02:59,460 --> 00:03:05,640
 

42
00:03:05,640 --> 00:03:07,040
 

43
00:03:07,050 --> 00:03:11,030
これまでのところ、依然として適切な場所にリクエストを受けています。

44
00:03:11,430 --> 00:03:17,370
だからテレハウス・ノースは、大西洋を横切って海底深くに埋設された光ファイバー・ケーブルでパケットを送り出す。

45
00:03:17,370 --> 00:03:18,620
 

46
00:03:18,780 --> 00:03:26,310
パケットはここで終わる60 Hudson Streetニューヨーク市東海岸最大のインターネットハブ。

47
00:03:26,760 --> 00:03:32,010
このハブは、ニューヨークを世界科学フェスティバルサーバーが存在するロサンゼルスに接続する一連の地域ネットワークを通じてパケットを送信します。

48
00:03:32,010 --> 00:03:34,760
 

49
00:03:35,220 --> 00:03:39,570
サーバーは要求を読み取り、ウェブページを英語に送る準備をします。

50
00:03:40,260 --> 00:03:46,170
しかし、Webページはイメージで構成されており、テキストは大きすぎて単一のデータパケットとして送信できません。

51
00:03:46,170 --> 00:03:49,440
それでは、どうやってイングランドに戻ってきますか？

52
00:03:49,440 --> 00:03:50,380
想像してみろ。

53
00:03:50,450 --> 00:03:56,670
だから、この時点で、要求は正しいサーバーに至りました。そして、私はこのページを探していると言います。

54
00:03:56,670 --> 00:03:57,650
 

55
00:03:57,810 --> 00:04:02,880
 

56
00:04:02,940 --> 00:04:09,630
そして、今やすべてのものが、サーバーから、コンピューターを訪れるコンピュータに戻ってきています。5000人の観光客のこの特定のページ・グループに、ニューヨーク市を単一の巨大なツアー・バスで訪ねてみました。

57
00:04:09,630 --> 00:04:10,850
 

58
00:04:10,950 --> 00:04:15,730
彼らはハーレムの道にありますが、閉める前に自由の女神像を見たいと思っています。

59
00:04:15,840 --> 00:04:18,560
しかし、それは金曜日のラッシュアワーです。

60
00:04:18,580 --> 00:04:23,490
それらの狂った混雑した通りを通って巨大なバスがフィットする方法はありません。

61
00:04:23,580 --> 00:04:28,260
そこで彼らはバスから降りて地下鉄に乗っていくことにしました。

62
00:04:28,260 --> 00:04:34,480
いくつかはタクシーをレンタルして、いくつかは、ハドソン川の下でカヤックを取る。

63
00:04:34,650 --> 00:04:39,890
彼らがそこに着く方法は、時間通りにそこに着く限り重要ではありません。

64
00:04:39,930 --> 00:04:42,740
インターネットが効率的に機能するように同様に。

65
00:04:42,780 --> 00:04:49,410
子供たちの中で自分自身を再構築するために必要なすべての情報を詰め込んだ数千の小さなパケットのデータに分解されたこのWebページは、Lに送られます。

66
00:04:49,410 --> 00:04:57,280
A.

67
00:04:57,280 --> 00:05:01,350
1つは、マイルと土地のマイルを介して送信する前に、トラフィックのレポートをチェックする確かなハブになります。

68
00:05:01,350 --> 00:05:07,270
彼らは、ニューヨーク市の観光客のような様々な拠点を通ってチェックインしています。そのパケットは、できるだけ早くそこに到着する限り、そこにいかに気を配りません。

69
00:05:07,270 --> 00:05:11,630
 

70
00:05:12,040 --> 00:05:17,080
彼らのほとんどはニューヨークの60ハドソンを通り、彼らはイングランドに戻ってリバースされ、シルバー・ドルのような厚いガラスの繊維に乗っているようです。

71
00:05:17,530 --> 00:05:20,640
 

72
00:05:20,800 --> 00:05:26,960
その後、地域の英国のネットワークを通る銅線ですべてのパケットが宛先に届きました。

73
00:05:27,010 --> 00:05:37,000
 

74
00:05:37,000 --> 00:05:44,020
 

75
00:05:44,020 --> 00:05:47,850
そして、この叙事詩的な旅は、何百万人もの人々がインターネットで呼んでいるネットワークの恩恵を受けるために、毎日何千もの似たような旅をしています。

76
00:05:48,070 --> 00:05:50,180
だからうまくいけば、あなたは魅力的なビデオを見つけました。

77
00:05:50,200 --> 00:05:55,250
このことをたくさんし、インターネットをたくさん使う人を知っていても、確かに私の心を吹き飛ばします。

78
00:05:55,300 --> 00:05:57,360
Webサイトでアプリケーションを作成できるようにします。

79
00:05:57,370 --> 00:06:02,950
読み込んだすべての単一ページだけの場面の裏に起こるプロセスはまだまだ素晴らしいことです。

80
00:06:04,150 --> 00:06:05,320
 

81
00:06:05,320 --> 00:06:10,720
私がここであなたに行くと、私たちはcomスラッシュコースをして、私はエンターを押しました。

82
00:06:10,720 --> 00:06:11,950
 

83
00:06:12,010 --> 00:06:18,220
私は何かを求めていることを覚えていると私は何かを取得して何かを要求しており、サーバーが応答していることを忘れないでください。

84
00:06:18,220 --> 00:06:19,810
 

85
00:06:19,810 --> 00:06:21,660
その間に起こることがたくさんあります。

86
00:06:21,670 --> 00:06:24,900
しかし、それがコアのコンセプトです。

87
00:06:24,940 --> 00:06:29,680
だから私がそこで始まる前に起こった最初の一歩と、これはあなたが覚えておく必要があるものではないことをあなたに伝えたいと思います。

88
00:06:29,680 --> 00:06:31,290
 

89
00:06:31,300 --> 00:06:35,740
これは純粋に概念的なことですが、知っておきたいことですが、いつでも戻ってくることができます。

90
00:06:35,740 --> 00:06:36,680
これを見ることができます。

91
00:06:36,700 --> 00:06:38,400
あなたはこのビデオを見ることができます。

92
00:06:38,410 --> 00:06:44,320
私が本当に覚えておきたいと思っているのは、データとそのデータを与えるサーバーとそれからブラウザに表示される要求と応答のアイディアです。

93
00:06:44,620 --> 00:06:49,530
 

94
00:06:49,720 --> 00:06:56,620
だから私があなたに行くとき、またはここでこのステップは、私のコンピュータが要求を送信するために正確なアドレスを知る必要がある最初の事を入力するヒット。

95
00:06:56,620 --> 00:07:00,520
 

96
00:07:00,520 --> 00:07:04,750
手紙を送るときと同じように、あなたは一意の住所を持つ必要があります。

97
00:07:04,750 --> 00:07:07,200
家には別の家と同じ住所がありません。

98
00:07:07,240 --> 00:07:10,840
彼らは同じように見えるかもしれませんが、彼らは別の都市、または異なる郵便番号または異なる国にいます。

99
00:07:10,840 --> 00:07:11,600
 

100
00:07:11,620 --> 00:07:12,460
彼らはユニークです。

101
00:07:12,550 --> 00:07:17,290
だから私たちの要求は正しい場所に行くようにそのアドレスが必要です。

102
00:07:17,290 --> 00:07:20,270
だからSinko DNSはそのドメイン名をとります。

103
00:07:20,310 --> 00:07:25,840
あなたは結果を必要とし、それは数字とドットの文字列であるこのIPアドレスに変換します。

104
00:07:26,420 --> 00:07:28,560
これは固有の識別子です。

105
00:07:29,050 --> 00:07:34,270
私たちがそれを持っていれば、私たちは実際にリクエストをするときに実際に手紙を送っています。

106
00:07:34,270 --> 00:07:40,700
だからこの場合、私がエンターを押したとき、私はコンピュータコンピュータがドットコムのIPアドレスに何を意味するのかを理解しています。

107
00:07:40,880 --> 00:07:43,860
 

108
00:07:44,230 --> 00:07:44,700
OK。

109
00:07:44,740 --> 00:07:50,370
私たちは現在IPアドレスを持っていますが、コースのページを要求するリクエストを送信します。

110
00:07:50,530 --> 00:07:55,690
だから我々はHTPリクエストでリクエストを行い、それが何であるか、そしてどのように見えるかについてもっと話をします。

111
00:07:55,690 --> 00:07:56,130
 

112
00:07:56,230 --> 00:07:59,260
それはただの方法ではないことを覚えておいてください。

113
00:07:59,290 --> 00:08:04,480
基本的に、私たちが探しているサーバーに到達するまで、要求はサーバーからサーバーにバウンスします。

114
00:08:04,480 --> 00:08:05,640
 

115
00:08:06,370 --> 00:08:11,650
 

116
00:08:11,650 --> 00:08:19,330
だから、私たちがサーバーに着くと、最初の部分は、サーバーが私に何を求めているのかを尋ねることです。ホームページを求めています。スラッシュコースのページをリクエストしています。インストラクターページ。

117
00:08:19,820 --> 00:08:21,640
 

118
00:08:21,670 --> 00:08:26,140
ここにはさまざまな種類のものがあります。私が求めることができるものはすべて異なります。

119
00:08:26,140 --> 00:08:30,500
サービスの仕事は何を返すべきかを理解することです。

120
00:08:30,610 --> 00:08:35,950
私たちが開発に取りかかったときには、どのようなコンテンツを送り返すかをあなたの仕事に分かります。

121
00:08:35,950 --> 00:08:42,190
それで、サーバーはしばしば情報を引き出すデータベースとやり取りし、各チームの組み合わせをjavascriptとC

122
00:08:42,190 --> 00:08:44,540
Sにします。

123
00:08:44,560 --> 00:08:51,010
それで、私たちのサーバは、各チームとJavascriptのこの組み合わせを私たちに送ります。それは、コードの束です。

124
00:08:51,010 --> 00:08:51,800
 

125
00:08:51,820 --> 00:08:55,450
ブラウザのステップでは、人間にとってはあまり読みにくいものではありません。

126
00:08:55,450 --> 00:09:01,270
そして、それはそれがブラウザにその情報を与え、それが人間のために理解しやすくなるという仕事全体に変わります。

127
00:09:01,270 --> 00:09:02,910
 

128
00:09:03,340 --> 00:09:06,210
ですから、このプロセスは1ページごとに起こります。

129
00:09:06,310 --> 00:09:11,260
そして、あなたは実際には下にあるHを見ることができます。 M. S. 任意のページとJavascriptで評価する。

130
00:09:11,290 --> 00:09:14,390
Chromeでいくつかの方法があります。

131
00:09:14,500 --> 00:09:16,570
これが私たちがすべてChromeを使用している理由です。

132
00:09:16,570 --> 00:09:17,530
行ってもいい。

133
00:09:17,680 --> 00:09:19,800
このページに移動しましょう。

134
00:09:20,470 --> 00:09:27,070
私は右クリックしてView page

135
00:09:27,070 --> 00:09:32,680
sourceをクリックすることができ、それは実際にHのすべてを含む新しいウィンドウを開く。 M. S. このページのソースとなるjavascriptを使用します。

136
00:09:32,710 --> 00:09:36,520
YouTubeの同じことが、ページソースの表示を右クリックします。

137
00:09:36,520 --> 00:09:38,570
そして、これはすべての単一サイトにあります。

138
00:09:38,740 --> 00:09:40,430
したがって、これを隠す方法はありません。

139
00:09:40,480 --> 00:09:42,490
ブラウザ全体がこれをとる。

140
00:09:42,490 --> 00:09:45,520
そして、それはこれに変わりました。

141
00:09:45,520 --> 00:09:47,950
だから、ブラウザは間違いなく複雑なものです。

142
00:09:47,950 --> 00:09:50,800
良いことは、ブラウザがどのように動作するのかを知る必要がないことです。

143
00:09:50,800 --> 00:09:52,150
それは彼女のブラウザ全体のドロップです。

144
00:09:52,150 --> 00:09:54,870
それはそのコードを取り、それをこれに変えます。

145
00:09:54,880 --> 00:09:56,390
あなたがそれをやり遂げることができる別の方法です。

146
00:09:56,500 --> 00:10:03,030
Chromeには、PC上でコマンドオプションビューを実行できるショートカットがあります。

147
00:10:03,030 --> 00:10:08,420
私はそれがコントロールオプションだと信じていますもしあなたが右クリックしてクロムと同様にそれを見ることができます