1
00:00:00,000 --> 00:00:39,630

2
00:00:39,630 --> 00:00:41,880
デイビット·J·マラン：すべての権利、
これは、ここでミョーアームです

3
00:00:41,880 --> 00:00:44,450
バンドは、我々のカップル
CS50最終プロジェクトのために持っている。

4
00:00:44,450 --> 00:00:47,533
そして、それは我々がキューに入れられたデモだった
事前にどこに本質的であなたアップ

5
00:00:47,533 --> 00:00:51,120
ここで、このかなりタイトなアームバンドアップ
あなたの筋肉の動きに耳を傾け

6
00:00:51,120 --> 00:00:54,280
その後、ソフトウェアでマッピングされていること
こっちコルトンのラップトップへ

7
00:00:54,280 --> 00:00:57,230
iTunesのを持っていたし、その
歌はすでにキューに入れ。

8
00:00:57,230 --> 00:01:00,270
むしろ私はこれをデモしより、
コルトンは、ラボにされています

9
00:01:00,270 --> 00:01:04,129
明らかにすべての週は、デモンストレーションを取得
1勇敢なボランティアの準備ができて。

10
00:01:04,129 --> 00:01:07,430
誰かが来るしたい場合
up--に最初に手を見た。

11
00:01:07,430 --> 00:01:09,540
アップさあ。

12
00:01:09,540 --> 00:01:12,530
>> わかりました。

13
00:01:12,530 --> 00:01:13,886
そして、あなたの名前は何ですか？

14
00:01:13,886 --> 00:01:14,800
>> 聴衆：ええと、マリア。

15
00:01:14,800 --> 00:01:16,550
>> デイビット·J·マラン：マリア、あなたを見て素敵。

16
00:01:16,550 --> 00:01:17,310
こっちに来る。

17
00:01:17,310 --> 00:01:19,550
私はコルトンにあなたを紹介しましょう​​。

18
00:01:19,550 --> 00:01:21,290
コルトンは、これはマリアである。

19
00:01:21,290 --> 00:01:23,050
>> COLTON：こんにちは、はじめまして。

20
00:01:23,050 --> 00:01:24,330
>> デイビット·J·マラン：すべて
右、私たちはね、1ステップ

21
00:01:24,330 --> 00:01:26,204
あなたが入れているつもり
このあなたの前腕に上

22
00:01:26,204 --> 00:01:29,280
それはかなりのように、
あなたの肘近くまでタイト。

23
00:01:29,280 --> 00:01:31,940
そしてその間、さんが持っているましょう
私たちのGoogleのガラスの上に置く

24
00:01:31,940 --> 00:01:33,720
私たちは今日のテクノロジーをミックスします。

25
00:01:33,720 --> 00:01:36,340
>> COLTON：まず私たちがする必要があります
物事にこれをフック。

26
00:01:36,340 --> 00:01:37,170
>> デイビット·J·マラン：OK。

27
00:01:37,170 --> 00:01:39,795
実際に、のようにあなたの腕を置くましょう
できるだけこのケーブルに近い

28
00:01:39,795 --> 00:01:41,160
私たちはまずそれを同期できるようにします。

29
00:01:41,160 --> 00:01:42,740
>> COLTON：これをやってみましょう。

30
00:01:42,740 --> 00:01:46,500
>> デイビット·J·マラン：そして一方、そう
誰もが近い一見を得ることができることを、

31
00:01:46,500 --> 00:01:50,290
私たちはアンドリューのカメラを投げるだろう
そこに、画面上のアップ。

32
00:01:50,290 --> 00:01:54,460
だから我々はのUSBケーブルを持っている
マリアの腕章に差し込まれている。

33
00:01:54,460 --> 00:02:00,230
そして私はコルトンの画面を投げてみましょう
次回プロジェクタアップ。

34
00:02:00,230 --> 00:02:06,000
>> だから、コルトンは、デバイスを登録されている
今、このケーブルに接続されミョーとして。

35
00:02:06,000 --> 00:02:08,060
そして今、どのようなマリアさん
一瞬何をするつもり

36
00:02:08,060 --> 00:02:10,120
実際にウォークスルーされる
較正ステップ

37
00:02:10,120 --> 00:02:12,830
およびソフトウェアを教える
どのように彼女の筋肉が反応する

38
00:02:12,830 --> 00:02:16,070
彼女が作るときに、特定の事前定義された
ソフトウェアは理解してジェスチャー。

39
00:02:16,070 --> 00:02:17,910
あなたがに行きたい場合
スクリーンの正面。

40
00:02:17,910 --> 00:02:26,840

41
00:02:26,840 --> 00:02:30,090
[OK]を、努力を続ける。

42
00:02:30,090 --> 00:02:31,860
>> コルトン：次のように移動します。

43
00:02:31,860 --> 00:02:32,970
そして、そのような。

44
00:02:32,970 --> 00:02:34,563
そして右にすべての方法。

45
00:02:34,563 --> 00:02:35,922
戻る。

46
00:02:35,922 --> 00:02:37,740
>> デイビット·J·マラン：OK。

47
00:02:37,740 --> 00:02:38,960
異なる視点。

48
00:02:38,960 --> 00:02:39,620
それはあなたではありません。

49
00:02:39,620 --> 00:02:40,350
それは私たちです。

50
00:02:40,350 --> 00:02:41,749
>> MARIA：OK。

51
00:02:41,749 --> 00:02:42,540
デイビット·J·マラン：いいえ。

52
00:02:42,540 --> 00:02:46,720

53
00:02:46,720 --> 00:02:51,540
それでは、より高いアップそれはですので、それを移動しましょう
あなたの肘に近い、あるいはより厳しい。

54
00:02:51,540 --> 00:02:52,680
わかりました。

55
00:02:52,680 --> 00:02:53,270
>> ここに私達は行く。

56
00:02:53,270 --> 00:02:56,780
これはCS52Xためのよいタイミングです。

57
00:02:56,780 --> 00:02:57,670
私たちはそこに行く。

58
00:02:57,670 --> 00:02:58,760
>> 非常に素晴らしい。

59
00:02:58,760 --> 00:03:01,170
[OK]をクリックします。

60
00:03:01,170 --> 00:03:02,790
小指、親指。

61
00:03:02,790 --> 00:03:03,380
>> 非常に素晴らしい。

62
00:03:03,380 --> 00:03:05,140
あなたの指を広げた。

63
00:03:05,140 --> 00:03:06,240
グッド。

64
00:03:06,240 --> 00:03:06,910
右の波。

65
00:03:06,910 --> 00:03:15,052

66
00:03:15,052 --> 00:03:17,010
それは不思議見せている
左hand--付きます

67
00:03:17,010 --> 00:03:19,665
>> COLTON：ええ、それは奇妙だ。

68
00:03:19,665 --> 00:03:21,790
デイビット·J·マラン：への波
右前方に移動。

69
00:03:21,790 --> 00:03:22,998
スキップしたり、次のために早送り。

70
00:03:22,998 --> 00:03:25,020
つまり、Waveは右OKです。

71
00:03:25,020 --> 00:03:26,650
>> MARIA：私は待ってdon't--。

72
00:03:26,650 --> 00:03:28,430
>> デイビット·J·マラン：いくつかの助けが必要ですか？

73
00:03:28,430 --> 00:03:30,027
>> COLTON：だからあなたはこのようになるだろう。

74
00:03:30,027 --> 00:03:31,860
MARIA：それは回しだ
他の事、しかし。

75
00:03:31,860 --> 00:03:32,390
COLTON：それはある。

76
00:03:32,390 --> 00:03:34,250
デイビット·J·マラン：うん、私は知らない
なぜそれがあなたにleftieを見せている。

77
00:03:34,250 --> 00:03:36,458
COLTON：なぜtry--はありません
ただ、このように起こってみてください。

78
00:03:36,458 --> 00:03:38,910

79
00:03:38,910 --> 00:03:40,090
>> デイビット·J·マラン：いいえ？

80
00:03:40,090 --> 00:03:42,580
たぶんあなたの腕に達する
少しまっすぐ出

81
00:03:42,580 --> 00:03:46,070
そして、このような、それがより急峻にする。

82
00:03:46,070 --> 00:03:48,176
うん、[OK]を、来る。

83
00:03:48,176 --> 00:03:49,670
>> MARIA：ごめんなさい。

84
00:03:49,670 --> 00:03:51,170
デイビット·J·マラン：それはあなたのせいではありません。

85
00:03:51,170 --> 00:03:53,018
COLTON：それは結構です。

86
00:03:53,018 --> 00:03:55,430
デイビット·J·マラン：すべての権利。

87
00:03:55,430 --> 00:03:56,220
Well--

88
00:03:56,220 --> 00:03:57,620
>> MARIA：私たちは、その後、これをスキップするべきか？

89
00:03:57,620 --> 00:03:59,620
デイビット·J·マラン：はい、してみましょう
フックを離れてみましょう。

90
00:03:59,620 --> 00:04:03,130
誰もがやりたいのであれば
この刃先を使用して最終的なプロジェクト

91
00:04:03,130 --> 00:04:07,707
ハードウェア、それだけかもしれない実現
慣れる少しを取る。

92
00:04:07,707 --> 00:04:10,290
そしてthis--現実はこれです
実際には非常にエッジを出血している。

93
00:04:10,290 --> 00:04:12,040
>> これはと呼ばれるものである
開発者キット、どの

94
00:04:12,040 --> 00:04:14,956
本質的に、プレリリースであることを意味する
人々は正確に行うことができるように

95
00:04:14,956 --> 00:04:18,690
それと戦うthis--、フィギュア
人の身体がどのように働くか出

96
00:04:18,690 --> 00:04:19,980
技術と。

97
00:04:19,980 --> 00:04:21,750
だから、あなたがしたい場合
その後、講演の後、

98
00:04:21,750 --> 00:04:23,750
私たちは、あなたが来るようにすることができ、
それを別の刺しを取る。

99
00:04:23,750 --> 00:04:26,970
しかし、そうでなければ、拍手、もし
我々は、最大に来てマリアのため、可能性があります。

100
00:04:26,970 --> 00:04:28,770
>> MARIA：ありがとう。

101
00:04:28,770 --> 00:04:30,390
>> デイビット·J·マラン：ありがとうございます。

102
00:04:30,390 --> 00:04:34,945
我々は、このにハングアップしますが、我々は与えるだろう
you--どのようにここでのストレスボールはどうですか？

103
00:04:34,945 --> 00:04:38,620
ああ、and-- if--うん、ありがとう。

104
00:04:38,620 --> 00:04:39,715
わかりました。

105
00:04:39,715 --> 00:04:45,750
好奇心のためにそう、あなただったら
音の選択肢に不慣れ

106
00:04:45,750 --> 00:04:47,670
私たちはそこに作られ、その
以前、驚くべきテレビ

107
00:04:47,670 --> 00:04:50,210
あなたは絶対にすべきことを示している
どんちゃん騒ぎウォッチングNetflixの上にある

108
00:04:50,210 --> 00:04:51,110
ここにこの1である。

109
00:04:51,110 --> 00:04:54,472
>> SPEAKER 1：ご列席の皆様、
ジョシュというマジシャン。

110
00:04:54,472 --> 00:05:04,710

111
00:05:04,710 --> 00:05:08,050
>> デイビット·J·マラン：そしてどうやら、それはだ
今講義中に私をテキストに事。

112
00:05:08,050 --> 00:05:11,190
私はマリアと言われています
昨日誕生日を迎えた。

113
00:05:11,190 --> 00:05:14,095
からとても幸せな誕生日
マリアへのCS50も同様。

114
00:05:14,095 --> 00:05:18,720

115
00:05:18,720 --> 00:05:22,090
>> だから、最近の月に読んだことがある
そのここでこの紳士、スティーブ

116
00:05:22,090 --> 00:05:25,260
実際にあったバルマー氏、
大学で1977のクラス、

117
00:05:25,260 --> 00:05:27,170
最近のMicrosoftのために引退した。

118
00:05:27,170 --> 00:05:29,620
彼は、ここに学部だった
その後数年後に

119
00:05:29,620 --> 00:05:31,910
で自分自身を発見
スタンフォードビジネススクール

120
00:05:31,910 --> 00:05:34,160
彼は電話を受けたとき
彼の友人から呼び出す

121
00:05:34,160 --> 00:05:36,516
廊下を住んでいた
ここでハーバード大学の彼から。

122
00:05:36,516 --> 00:05:38,640
その友人の名前はビルだった
ゲート、同時に、

123
00:05:38,640 --> 00:05:42,700
彼があるとスティーブを募集しようとしていた
最初のビジネスパーソン、本当に、

124
00:05:42,700 --> 00:05:45,720
小さな会社名Microsoftで。

125
00:05:45,720 --> 00:05:48,960
>> 長い話を短く、スティーブ
最終的にオーバー勝たれた、

126
00:05:48,960 --> 00:05:52,130
ときにMicrosoftに参加しました
わずか30人の従業員を持っていた。

127
00:05:52,130 --> 00:05:54,300
と時間によって彼
ごく最近引退し、

128
00:05:54,300 --> 00:05:58,100
同社は、100,000人の従業員を持っていた
過去数年にわたる。

129
00:05:58,100 --> 00:06:01,171
そしてそうベルジェとして知られているウェブサイト
ビデオでこのトリビュートを準備

130
00:06:01,171 --> 00:06:02,920
我々がしようと思いましたことを
あなたを与えるその共有

131
00:06:02,920 --> 00:06:08,380
どれだけのエネルギースティーブ感
彼が与えるあらゆるプレゼンテーションにもたらす。

132
00:06:08,380 --> 00:06:11,884

133
00:06:11,884 --> 00:06:12,550
[ビデオ再生]

134
00:06:12,550 --> 00:06:16,220
-Microsoftは4番目の子のようなものだ。

135
00:06:16,220 --> 00:06:18,260
子どもたちは、家を出るん。

136
00:06:18,260 --> 00:06:21,875
この場合、私は推測する
私は家を残している。

137
00:06:21,875 --> 00:06:23,270
ビル·ねえ、whazzap？

138
00:06:23,270 --> 00:06:24,200
>> -Wazzap？

139
00:06:24,200 --> 00:06:25,320
>> -Hey、wazzap？

140
00:06:25,320 --> 00:06:28,590
私たちが与えられてきた
莫大な機会。

141
00:06:28,590 --> 00:06:30,210
とビルは私たちにその機会を与えた。

142
00:06:30,210 --> 00:06:35,520

143
00:06:35,520 --> 00:06:36,770
私はそのためビルに感謝したいと思います。

144
00:06:36,770 --> 00:06:39,630
私はあなたがあまりにもしたいと思います。

145
00:06:39,630 --> 00:06:42,500
革新のペース
遅くするつもりはない。

146
00:06:42,500 --> 00:06:45,140
>> それは、より速く、より速く得るために起こっている。

147
00:06:45,140 --> 00:06:50,165
いくつかの競合他社があるかもしれません
それは残念ながら解消される！

148
00:06:50,165 --> 00:06:54,337

149
00:06:54,337 --> 00:06:59,564
>> 私はこの会社が大好きです。

150
00:06:59,564 --> 00:07:00,064
うん！

151
00:07:00,064 --> 00:07:03,452

152
00:07:03,452 --> 00:07:08,250
私は、PC、と私は、この会社が大好き！

153
00:07:08,250 --> 00:07:13,090
>> 開発者、開発者、開発者、
開発者、開発者、開発者、

154
00:07:13,090 --> 00:07:14,560
開発者は、開発者。

155
00:07:14,560 --> 00:07:17,500

156
00:07:17,500 --> 00:07:18,970
うん！

157
00:07:18,970 --> 00:07:19,950
Web開発者！

158
00:07:19,950 --> 00:07:21,420
>> Web開発者！

159
00:07:21,420 --> 00:07:22,890
Web開発者！

160
00:07:22,890 --> 00:07:25,830

161
00:07:25,830 --> 00:07:28,770
あなたは何を誰に耳を傾ける
追加料金なしで取得！

162
00:07:28,770 --> 00:07:31,960
>> MS-DOSの幹部、任命
カレンダー、カードパイル、ノートパッド、

163
00:07:31,960 --> 00:07:33,750
クロック、コントロールパネル。

164
00:07:33,750 --> 00:07:35,461
そして、あなたはそれを信じることができますか？

165
00:07:35,461 --> 00:07:35,960
Reversie！

166
00:07:35,960 --> 00:07:37,270
>> CDに焼く！

167
00:07:37,270 --> 00:07:38,660
MSNにそれらを投稿！

168
00:07:38,660 --> 00:07:40,422
あなたは友人にそれらを郵送！

169
00:07:40,422 --> 00:07:41,790
>> ワンクリックですべての！

170
00:07:41,790 --> 00:07:48,670
一つマイクロソフト、1戦略、1 team--
、プロフェッショナルで、規律、集中

171
00:07:48,670 --> 00:07:50,610
そして私たちはそのすべての専門家。

172
00:07:50,610 --> 00:07:52,670
私は古い映画からのラインを使用してみましょう。

173
00:07:52,670 --> 00:07:54,810
>> 関係はサメのようなものです。

174
00:07:54,810 --> 00:07:57,480
彼らは前進または彼らが死ぬ。

175
00:07:57,480 --> 00:08:01,470
私は実際にハイテクを考える
会社は同じである。

176
00:08:01,470 --> 00:08:04,801
>> [ENDビデオ再生]

177
00:08:04,801 --> 00:08:08,050
デイビット·J·マラン：だから我々はに非常に満足している
スティーブがご参加されることを発表

178
00:08:08,050 --> 00:08:13,320
ここCS50内で次の水曜日
ここでいつもの場所と時間。

179
00:08:13,320 --> 00:08:14,750
スペースはおそらく制限されます。

180
00:08:14,750 --> 00:08:19,650
だから、個人的に私たちをしてください参加する
その後すぐに頭今日か

181
00:08:19,650 --> 00:08:22,600
cs50.harvard.edu/registerへ。

182
00:08:22,600 --> 00:08:25,780
>> そして、我々はによってフォローアップします
火曜日には、スポットを確認した。

183
00:08:25,780 --> 00:08:29,900
その隣のを楽しみにしています
CS50で講義中の水曜日。

184
00:08:29,900 --> 00:08:33,706
さて、他のニュースでは、私はに起こった
ちょうどクリムゾンでこれに出くわす

185
00:08:33,706 --> 00:08:34,289
先日。

186
00:08:34,289 --> 00:08:37,370
>> これは、CS50のスタッフの一人と判明
CS50の学生の少なくとも一つ

187
00:08:37,370 --> 00:08:40,299
現在UCのために実行されている
社長と副社長、

188
00:08:40,299 --> 00:08:42,950
戻って私をもたらしたもの
私自身の日に戻って

189
00:08:42,950 --> 00:08:45,920
とき、私は無残にUC選挙を失った。

190
00:08:45,920 --> 00:08:48,210
しかし、銀の裏地
その中で私はいつもある

191
00:08:48,210 --> 00:08:50,604
ということで話をする
私の一つは確信している

192
00:08:50,604 --> 00:08:52,770
私は失われた多くの理由
選挙は完全な欠如だった

193
00:08:52,770 --> 00:08:54,103
人前で話すの才能の。

194
00:08:54,103 --> 00:08:56,950
そしてそうはっきり言って、それを
私を運転し、その経験

195
00:08:56,950 --> 00:09:02,235
私は私の後輩年は、実際に署名すると思う
これハーバードコンピュータ学会、用アップ

196
00:09:02,235 --> 00:09:04,610
グループは、キャンパス内にある
様々な技術的協議を保持している

197
00:09:04,610 --> 00:09:05,318
や他のもの。

198
00:09:05,318 --> 00:09:08,117
そして、私は彼らの教えを引き継いだ
したがって、セミナーや

199
00:09:08,117 --> 00:09:09,950
機会あり、aがあった
素晴らしい機会、

200
00:09:09,950 --> 00:09:12,620
まさにこの作業を開始します。

201
00:09:12,620 --> 00:09:15,000
しかし、また、私は機会がありました
この経験の間

202
00:09:15,000 --> 00:09:16,930
自分自身にすべてのHTMLを教えるため。

203
00:09:16,930 --> 00:09:21,080
そして私はによって昨晩procrastinated
HTMLベースのウェブサイトを通じて探し

204
00:09:21,080 --> 00:09:28,066
私は私のために、1997年、98年と同様で作られ
ここでこのようになりますキャンペーン。

205
00:09:28,066 --> 00:09:29,920
私は知っている。

206
00:09:29,920 --> 00:09:33,340
>> Because--そしてもちろん、予告
1998年のこの驚くべき設計上の決定

207
00:09:33,340 --> 00:09:33,850
またはその他もろもろ。

208
00:09:33,850 --> 00:09:36,475
あなたが欲しい最初のユーザー
あなたのウェブサイトを訪問する際に行うには

209
00:09:36,475 --> 00:09:39,860
ちょうど別のリンクをクリックする必要があるとしている
僧侶とここにあなたのウェブサイトを入力する

210
00:09:39,860 --> 00:09:43,940
どこに包ま​​カーテンのように背後に
どうやら私のキャンペーンのプラットフォームがあった。

211
00:09:43,940 --> 00:09:46,330
そして、これはあなたが買ってあげるすべてです
今日はちょうどスクリーンショットです。

212
00:09:46,330 --> 00:09:49,500
しかし、私は、同じように、通って読んでいた
キャンペーンポスターの最後の夜

213
00:09:49,500 --> 00:09:50,490
と私のプラットフォーム。

214
00:09:50,490 --> 00:09:52,960
>> そして、私は当時とても怒っていた。

215
00:09:52,960 --> 00:09:55,380
私のプラットフォームは、それが面白かったwas--。

216
00:09:55,380 --> 00:09:57,730
だから私はそれ以来、落ち着いてきました。

217
00:09:57,730 --> 00:10:03,550
しかし、いつか、私は再び実行され、
このオフ時間、うまくいけばより良い。

218
00:10:03,550 --> 00:10:07,265
>> だから、HTML、私が作ったもので、その言語
そのあなたはすぐに多くmore--を作ってあげるin--

219
00:10:07,265 --> 00:10:09,140
私たちがしてきたものです
後半のの話

220
00:10:09,140 --> 00:10:12,460
そして大部分は今当たり前の服用
私たちは他の言語に移ってきたこと。

221
00:10:12,460 --> 00:10:15,650
しかし、ここでちょっとポーズ聞かせて
文脈でこれらの事のいくつかを置く。

222
00:10:15,650 --> 00:10:18,040
だから、文章で、HTMLは何ですか？

223
00:10:18,040 --> 00:10:19,370
>> または、何のために使用されますか？

224
00:10:19,370 --> 00:10:20,208
誰ですか？

225
00:10:20,208 --> 00:10:20,708
はい。

226
00:10:20,708 --> 00:10:22,002
>> 読者：ウェブサイトのためのマークアップ。

227
00:10:22,002 --> 00:10:23,460
デイビット·J·マラン：Webサイトのマークアップ。

228
00:10:23,460 --> 00:10:27,100
だから、そのマークアップ言語です
あなたがWebページを構築することができます。

229
00:10:27,100 --> 00:10:30,040
ヘッダーはここを上っていき、タイトル
ここに、体がここに行く。

230
00:10:30,040 --> 00:10:33,280
これはこれは、ボールド体である
細部のその種italics--。

231
00:10:33,280 --> 00:10:33,830
>> [OK]を、良い。

232
00:10:33,830 --> 00:10:37,620
だから、CSSはyou--と私をすることができます
そこにいくつかの自由を取った

233
00:10:37,620 --> 00:10:40,990
大胆な向きやイタリック体であるため
それはこれで実装され方が良いでしょう。

234
00:10:40,990 --> 00:10:42,096
CSSは何をis--？

235
00:10:42,096 --> 00:10:42,845
文章で言う。

236
00:10:42,845 --> 00:10:46,000

237
00:10:46,000 --> 00:10:46,720
誰でも全然。

238
00:10:46,720 --> 00:10:46,870
うん。

239
00:10:46,870 --> 00:10:49,286
>> 聴衆：装飾と
それを設計する方法のようなもの、。

240
00:10:49,286 --> 00:10:51,769

241
00:10:51,769 --> 00:10:52,810
デイビット·J·マラン：OK、良い。

242
00:10:52,810 --> 00:10:55,420
あなたを許す装飾
それを設計したり、それを型にはめるために

243
00:10:55,420 --> 00:10:59,540
太字のようなものを持つと
イタリックや色と、より細かい

244
00:10:59,540 --> 00:11:01,330
要素の細かいポジショニング。

245
00:11:01,330 --> 00:11:04,520
それは一種のあなたが物事取ることができます
ラストマイルであれば、例えばその結果、

246
00:11:04,520 --> 00:11:08,130
Pset7で、あなたに気づいたかもしれません
ポートフォリオページは、この時点でなら

247
00:11:08,130 --> 00:11:12,270
すでにデフォルトのテーブル、その
ユーザーの保有株式を表示するように作る

248
00:11:12,270 --> 00:11:15,740
そして現金はおそらくかなり恐ろしい見えます
に空白を入れず、デフォルトで。

249
00:11:15,740 --> 00:11:18,420
ぎゅうぎゅう詰めのすべての種類
一緒に行と列に。

250
00:11:18,420 --> 00:11:20,662
>> さて、少しで
CSS、あなたが実現するかもしれないとして、

251
00:11:20,662 --> 00:11:23,870
あなたが実際にそれを微調整し、それを作ることができます
ずっと身近でずっと何か

252
00:11:23,870 --> 00:11:24,870
きれいを見て。

253
00:11:24,870 --> 00:11:27,730
だから、CSSはについてです
ウェブサイトの様式化。

254
00:11:27,730 --> 00:11:31,970
しかし、その後、我々はまだ別のものを導入
私たちは何をすことができ、言語、PHP、？

255
00:11:31,970 --> 00:11:36,400

256
00:11:36,400 --> 00:11:37,590
>> ちょうど何をやってみましょう？

257
00:11:37,590 --> 00:11:38,177
誰でも。

258
00:11:38,177 --> 00:11:40,010
を超えた冒険になった
最初のカップル行。

259
00:11:40,010 --> 00:11:40,260
うん。

260
00:11:40,260 --> 00:11:41,719
>> 読者：動的コンテンツを生成します。

261
00:11:41,719 --> 00:11:42,718
デイビット·J·マラン：パーフェクト。

262
00:11:42,718 --> 00:11:43,850
動的コンテンツを生成します。

263
00:11:43,850 --> 00:11:45,808
そして、あなたはでこれを行うことができます
任意の数の言語。

264
00:11:45,808 --> 00:11:50,120
それはだから、私たちは、PHPを使用するために起こる
C構文に非常に類似した部分で。

265
00:11:50,120 --> 00:11:52,000
>> しかし、PHPは、まさにその作業を行います。

266
00:11:52,000 --> 00:11:54,620
それはあなたが動的に出力を生成することができます。

267
00:11:54,620 --> 00:11:57,890
そして、その出力の一部が考えられ
HTMLは、我々としては、一般的に行ってきた。

268
00:11:57,890 --> 00:12:00,160
それはだから、それは、またです
プログラミング言語は、ある

269
00:12:00,160 --> 00:12:03,240
経由メカニズム
我々はデータベースに話すことができます。

270
00:12:03,240 --> 00:12:05,730
>> そして、私たちはへの照会を行うことができます
ヤフーのような他のサーバー

271
00:12:05,730 --> 00:12:08,660
そしてプログラムで何でもする
本当にあなたがそうでないかもしれない

272
00:12:08,660 --> 00:12:10,400
行うためにコンピュータを強制したいと思います。

273
00:12:10,400 --> 00:12:13,580
だから、PHPは私たちが始めることができます
コンテンツを動的に出力する。

274
00:12:13,580 --> 00:12:16,900
したがって、この論理では、私は持っていなかった
バック1998年にダイナミックなウェブサイト。

275
00:12:16,900 --> 00:12:18,460
>> それはちょうど、静的なWebページだった。

276
00:12:18,460 --> 00:12:22,250
私のコンテンツがで変更しなければならなかった
手動でgeditのか、いくつかの同等の。

277
00:12:22,250 --> 00:12:25,290
しかし、PHPは私たちが使用したものであるか、
むしろ、使用している可能性があり、

278
00:12:25,290 --> 00:12:27,260
のような何かのために
1年生のIMSウェブサイト、どの

279
00:12:27,260 --> 00:12:31,160
登録を取ることになっていたと
そのusers--物事のリストを管理

280
00:12:31,160 --> 00:12:33,550
実際に切り替えている
私たちが起こるにもかかわらず、時間、

281
00:12:33,550 --> 00:12:35,990
Perlの、別のを使用するには
当時の言語。

282
00:12:35,990 --> 00:12:40,350
>> その後最後に、私たちは導入
SQL--構造化照会言語。

283
00:12:40,350 --> 00:12:43,845
だから、まだ他の言語
そのは何のために使われている？

284
00:12:43,845 --> 00:12:46,660

285
00:12:46,660 --> 00:12:47,639
何のために使用される？

286
00:12:47,639 --> 00:12:49,430
我々は思い切ってすることができますslight--
[OK]を、我々はつもりはない

287
00:12:49,430 --> 00:12:51,263
はるか遠く取得する
ここオーケストラより。

288
00:12:51,263 --> 00:12:53,432
聴衆：それはプロトコルだ
データベースに話をするために使用する。

289
00:12:53,432 --> 00:12:55,640
デイビット·J·マラン：プロトコル
データベースに話をするために使用する。

290
00:12:55,640 --> 00:12:56,181
私は微調整しましょう​​。

291
00:12:56,181 --> 00:12:59,280
それは、使用される自然言語だ
databases--選択に話をする

292
00:12:59,280 --> 00:13:01,280
そして挿入と削除
そして更新と実際

293
00:13:01,280 --> 00:13:03,840
さらに多くの機能がその
私たちも潜っていない

294
00:13:03,840 --> 00:13:07,920
にしかし、あなたは持っているexplore--することができます
のために探索する、最終的なプロジェクトを言う。

295
00:13:07,920 --> 00:13:09,560
したがって、これらのさまざまな部分があります。

296
00:13:09,560 --> 00:13:13,100
>> うまくいけばPset7、たとえ
その仕様は、非常に長い

297
00:13:13,100 --> 00:13:15,990
それはあなたを歩くことが意図的に長いです
どのようにこれらの事はすべてできますを通じて

298
00:13:15,990 --> 00:13:17,210
一緒に入力する。

299
00:13:17,210 --> 00:13:20,300
さて、月曜日に、私たち
私たちの最後の言語を導入

300
00:13:20,300 --> 00:13:23,430
我々は正式にで紹介していること
は、JavaScriptでcourse--。

301
00:13:23,430 --> 00:13:25,720
これは、PHPのような、ある
インタプリタ型言語。

302
00:13:25,720 --> 00:13:28,110
>> しかし、キーの区別
私は月曜日に提案

303
00:13:28,110 --> 00:13:32,730
一方、PHPが実行したりしていることである
サーバー上で解釈され、その

304
00:13:32,730 --> 00:13:35,990
この場合にはCS50アプライアンスはある、
またはいくつかの商用ウェブかもしれません

305
00:13:35,990 --> 00:13:39,370
インターネット上のサーバ、
JavaScriptは、一般的に

306
00:13:39,370 --> 00:13:43,650
クライアント側で実行される言語である
ブラウザではないサーバーside--そう。

307
00:13:43,650 --> 00:13:46,970
ちょうど私が開いたときのように、言っているである
Facebookのソースコードまで、すべての発見

308
00:13:46,970 --> 00:13:51,510
それらの.jsファイルで、含意はなかった
あなたは、Facebookやを訪問したときが最も

309
00:13:51,510 --> 00:13:54,810
ウェブサイトこれらの日、あなたが得る
HTML、CSSだけでなく、だけではない

310
00:13:54,810 --> 00:13:59,370
が、JavaScriptの全体の束
の.jsファイルの形式で、多くの場合、コード。

311
00:13:59,370 --> 00:14:03,970
そして、それはあなた自身をbrowser--だ
そのコードを実行し、MacまたはPC--。

312
00:14:03,970 --> 00:14:05,990
>> しかし、あなたのブラウザがそれを実行します。

313
00:14:05,990 --> 00:14:08,070
あなたはサンドボックスのソートで考えることができます。

314
00:14:08,070 --> 00:14:12,420
JavaScriptのコードがあってはならないように
お使いのコンピュータ上のファイルを削除することが。

315
00:14:12,420 --> 00:14:14,730
それのことができるようにはならない
あなたに代わって電子メールを送信。

316
00:14:14,730 --> 00:14:17,760
制限しのブラウザの種類
あなたはそれで何を行うことができます。

317
00:14:17,760 --> 00:14:20,630
>> だから、そういう意味では、それは少しだ
Cよりも、おそらく、それほど強力

318
00:14:20,630 --> 00:14:24,030
しかし、JavaScriptの缶、など
余談ですが、サーバー上で使用すること、

319
00:14:24,030 --> 00:14:27,740
我々は話をしない傾向があるでしょうけれども
それについてその文脈で。

320
00:14:27,740 --> 00:14:29,740
だから今のは一緒にこれらを結びつけるましょう。

321
00:14:29,740 --> 00:14:34,000
週プラス前、我々はいくつかのHTMLを提示
left--スーパー退屈なウェブページ上。

322
00:14:34,000 --> 00:14:35,000
>> ただのHello Worldは述べています。

323
00:14:35,000 --> 00:14:38,110
そして私は上の提案
右の私たちは一種のアイデアを盗むことができる

324
00:14:38,110 --> 00:14:41,470
我々の議論から
Cにおけるデータ構造

325
00:14:41,470 --> 00:14:45,270
とどのようにこの階層を考える
左のマークアップ言語

326
00:14:45,270 --> 00:14:49,720
メモリに描画され、または実行することができる
ノードと実際のツリー構造

327
00:14:49,720 --> 00:14:51,400
ポインタと細部のそれらの種類と。

328
00:14:51,400 --> 00:14:53,820
右側には、我々は呼んで
DOM--文書化すること

329
00:14:53,820 --> 00:14:56,800
ちょうどあるModel--オブジェクト
ツリーを言うの空想の方法。

330
00:14:56,800 --> 00:14:59,520
>> さて、なぜこの便利です
このように考える？

331
00:14:59,520 --> 00:15:01,680
今であるため
JavaScriptは、我々は持っているので、

332
00:15:01,680 --> 00:15:05,810
この中でプレイする取得するコード
環境、だ実際のHTML

333
00:15:05,810 --> 00:15:08,360
ブラウザに送信されて
すでに、すでに持って

334
00:15:08,360 --> 00:15:12,690
によってメモリにロードされ
コンピュータの中でツリーにブラウザ

335
00:15:12,690 --> 00:15:18,270
このようなRAMは、我々は、JavaScriptを使用することができます
実際に横断するか、歩くか、検索

336
00:15:18,270 --> 00:15:21,800
またはDOMツリーしかし私たちが望むことを変更します。

337
00:15:21,800 --> 00:15:24,040
だから実際には、あなたが思えば
約facebook.com、

338
00:15:24,040 --> 00:15:27,660
あなたがチャット機能を使用している場合、あなたなら
Gmailとgchat機能を使用し、

339
00:15:27,660 --> 00:15:30,540
あなたが持っているもの
何度も何度も来るメッセージ

340
00:15:30,540 --> 00:15:35,880
そして再び、それらのメッセージは、おそらくあり、
のように、LIタグ、リスト項目タグ、多分。

341
00:15:35,880 --> 00:15:37,940
>> それとも彼らはただだ
登場保つのdiv

342
00:15:37,940 --> 00:15:39,770
毎回あなたがインスタントメッセージを取得します。

343
00:15:39,770 --> 00:15:42,960
そしてそうそれはちょうど何を意味し
FacebookやGoogleがやっている

344
00:15:42,960 --> 00:15:45,200
いつでもあなたが取得される
サーバーからのメッセージ、

345
00:15:45,200 --> 00:15:48,740
彼らはおそらくJavaScriptを使用している
ちょうど別のノードを追加する

346
00:15:48,740 --> 00:15:52,700
これにこれに別のノードをtree--
その後、視覚だけに見える木

347
00:15:52,700 --> 00:15:54,570
画面上のテキストの新しい行のように。

348
00:15:54,570 --> 00:15:57,100
しかし、彼らは挿入している
このデータ構造に変換する。

349
00:15:57,100 --> 00:15:59,742
>> のようなクラスの中のSO
CS124と他の人には、よ

350
00:15:59,742 --> 00:16:02,200
実際にに対してよりコードを書く
このようなデータ構造。

351
00:16:02,200 --> 00:16:04,310
しかし、今のためにJavaScriptで、
私達はちょうどと仮定します

352
00:16:04,310 --> 00:16:07,920
我々は、この機能のすべてを取得
言語自体から無料で。

353
00:16:07,920 --> 00:16:09,210
それでは、例を見てみましょう。

354
00:16:09,210 --> 00:16:13,120
>> 私はform.htmlと呼ばれるファイルを開くましょう。

355
00:16:13,120 --> 00:16:14,601
それは超簡単です。

356
00:16:14,601 --> 00:16:15,600
それはちょうどこのようになります。

357
00:16:15,600 --> 00:16:17,860
>> いいえ、CSSはなく、美学への無思想。

358
00:16:17,860 --> 00:16:19,810
それは純粋に機能だ
どうやら私は今

359
00:16:19,810 --> 00:16:24,000
、電子メールのパスワードを尋ね、
もう一度パスワードを入力し、チェック

360
00:16:24,000 --> 00:16:26,150
いくつかの条件に同意します。

361
00:16:26,150 --> 00:16:28,740
これは何のソースコード
おそらく何かであるように見える

362
00:16:28,740 --> 00:16:31,030
あなたが想像
今思考の少し。

363
00:16:31,030 --> 00:16:32,840
私はここで、formタグを持っている。

364
00:16:32,840 --> 00:16:36,190
>> アクションが明らかになるだろう
register.phpと呼ばれるファイルに移動します。

365
00:16:36,190 --> 00:16:37,870
私が使用するつもりだ方法が取得することです。

366
00:16:37,870 --> 00:16:40,880
そして私は、テキストを持っている
名前が電子メールであるフィールド。

367
00:16:40,880 --> 00:16:43,340
>> 私は、パスワードフィールドを持っている
名前がパスワードです。

368
00:16:43,340 --> 00:16:45,420
私は別のを持っている
名前がパスワードフィールド

369
00:16:45,420 --> 00:16:47,342
幾分任意に確認する。

370
00:16:47,342 --> 00:16:49,690
それはちょうど別のHTTPパラメータです。

371
00:16:49,690 --> 00:16:54,430
>> そして、我々は、我々は除いて、これらを使用していませんでした
class--で1年生のIMデモ以来

372
00:16:54,430 --> 00:16:56,692
あるチェックボックス
ただタイプがチェックに等しい。

373
00:16:56,692 --> 00:16:57,900
そして、私はその合意を呼ぶことにします。

374
00:16:57,900 --> 00:17:00,700
だから私は、一種の任意にしましたが、
便利にこれらのフィールドを命名。

375
00:17:00,700 --> 00:17:03,450
今、このフォームは、取得したときになるように
提出された、何が起こるか見てみましょう。

376
00:17:03,450 --> 00:17:07,290
私はmalan@harvard.eduを行う場合、
私は、深紅のパスワードをやる。

377
00:17:07,290 --> 00:17:09,530
私は何のパスワードをやる。

378
00:17:09,530 --> 00:17:10,910
さんが協力しないようにしましょう​​。

379
00:17:10,910 --> 00:17:12,280
>> と私はボックスをチェックしません。

380
00:17:12,280 --> 00:17:13,940
私は[登録]をクリックしてみましょう。

381
00:17:13,940 --> 00:17:15,420
そして、それはHM、あなたが登録している、と言います。

382
00:17:15,420 --> 00:17:16,069
いまいち。

383
00:17:16,069 --> 00:17:17,450
>> しかし、URLが変更されました。

384
00:17:17,450 --> 00:17:22,280
だから、このフォームは明らかにさせた
register.phpに提出する。

385
00:17:22,280 --> 00:17:25,160
しかし、おそらく、私がすべきである
これらのエラーのいくつかをキャッチ。

386
00:17:25,160 --> 00:17:27,569
さて、Pset7と一部
私たちの講義例の、

387
00:17:27,569 --> 00:17:30,130
我々は一般的にプリントアウトしたい
ここに大きな赤いエラーメッセージ

388
00:17:30,130 --> 00:17:33,760
名前が欠落して、と言って、
またはパスワードが欠落している。

389
00:17:33,760 --> 00:17:37,680
私たちは前にそれをやったし、我々はしました
行うサーバ側エラー検出。

390
00:17:37,680 --> 00:17:41,580
>> しかし、多くのウェブサイト、これらの日
クライアント側のエラー検出を行う

391
00:17:41,580 --> 00:17:42,810
どこにURLが変更されません。

392
00:17:42,810 --> 00:17:44,101
ページ全体が更新されません。

393
00:17:44,101 --> 00:17:46,940
あなたは即座にフィードバックを得る
ブラウザから。

394
00:17:46,940 --> 00:17:48,070
たぶん何かが赤くなります。

395
00:17:48,070 --> 00:17:49,190
>> たぶん、あなたはポップ·アップを取得します。

396
00:17:49,190 --> 00:17:53,240
しかし、あなたはへの送信時間を無駄にしない
不完全だサーバーデータ。

397
00:17:53,240 --> 00:17:56,050
それでは、どのように我々はかもしれない見てみましょう
同様に、その機能を実現する。

398
00:17:56,050 --> 00:17:59,660
>> 、私はform1.htmlに行こう
これと同じに見えます。

399
00:17:59,660 --> 00:18:03,530
しかし、この時間は私が行う場合
malan@harvard.eduと私は深紅を入力

400
00:18:03,530 --> 00:18:07,350
と私はさらに協力しない
しかし、[登録]をクリックし、今注目してください。

401
00:18:07,350 --> 00:18:08,940
それは、最もセクシーな解決策ではありません。

402
00:18:08,940 --> 00:18:10,900
私は、少なくともこのエラーをキャッチした。

403
00:18:10,900 --> 00:18:12,900
そして私は、アラートを使用しました
JavaScript--関数

404
00:18:12,900 --> 00:18:14,090
どの我々は唯一のクラスで使用している。

405
00:18:14,090 --> 00:18:16,430
一般的には、これを使うべきではありません
それは非常に迅速に取得することができますので、

406
00:18:16,430 --> 00:18:17,160
コントロールの。

407
00:18:17,160 --> 00:18:19,180
しかし、パスワードが誤りであると一致していません。

408
00:18:19,180 --> 00:18:21,120
>> 私が先に行くし、[OK]をクリックしてみましょう。

409
00:18:21,120 --> 00:18:25,040
しかしここで重要なお持ち帰り
URLが変更されていないことである。

410
00:18:25,040 --> 00:18:27,960
だから私は、消耗を気にいませんでした
サーバの時刻を尋ねる

411
00:18:27,960 --> 00:18:30,750
私が持っている可能性があることを疑問
自分自身に答えを考え出した。

412
00:18:30,750 --> 00:18:33,210
>> そして、ユーザ、たとえ
この話して

413
00:18:33,210 --> 00:18:35,264
ユーザーのより長い
このことについて考えるつもり、

414
00:18:35,264 --> 00:18:36,680
即座にフィードバックを持っているとしている。

415
00:18:36,680 --> 00:18:39,044
待ち時間ではありません
ネットワーク接続。

416
00:18:39,044 --> 00:18:40,460
それでは、このソースコードを見てみましょう。

417
00:18:40,460 --> 00:18:45,600
>> Form1.htmlルックス
ここに構造的に類似。

418
00:18:45,600 --> 00:18:46,810
フォームは、実際には同じである。

419
00:18:46,810 --> 00:18:48,330
しかし、ここで私はここでダウンして何をしたか見てみましょう。

420
00:18:48,330 --> 00:18:49,913
そしてこれを行うためのさまざまな方法があります。

421
00:18:49,913 --> 00:18:53,690
そして、私はほとんどのストレートをやった
フォロワーまだいない最もエレガントな方法。

422
00:18:53,690 --> 00:18:54,869
私は、スクリプトタグを持っている。

423
00:18:54,869 --> 00:18:57,035
私はその後、呼び出す
のdocument.getElementById（ '登録'）。

424
00:18:57,035 --> 00:19:00,090

425
00:19:00,090 --> 00:19:04,420
そして私は、その値を保存
形で、変数。

426
00:19:04,420 --> 00:19:05,520
>> だから私は何をした？

427
00:19:05,520 --> 00:19:08,960
あなたが考えることができます
のdocument.getElementByIdものとして

428
00:19:08,960 --> 00:19:11,200
特殊機能その
JavaScriptはあなたを与える

429
00:19:11,200 --> 00:19:14,400
それは文字通りあなた手渡す
いずれかのノードへのポインタ

430
00:19:14,400 --> 00:19:16,520
このツリー内または長方形。

431
00:19:16,520 --> 00:19:21,470
だから今それがどのような私たちのフォーム変数です
JavaScriptで実際に指している。

432
00:19:21,470 --> 00:19:25,120
>> だから今構文は異なっている
C.しかし、我々はここにいくつかのことをやっている。

433
00:19:25,120 --> 00:19:30,360
一つは、これは少し奇妙である
C.対確かに、見て

434
00:19:30,360 --> 00:19:32,180
しかし、35行を見てください。

435
00:19:32,180 --> 00:19:35,130
左form.onsubmit上そう。

436
00:19:35,130 --> 00:19:38,060
のonSubmitがあることを思い出してください
構造体のフィールドのように。

437
00:19:38,060 --> 00:19:41,480
あなたがフォーム変数を考える場合
ちょうどC言語の構造体中である、

438
00:19:41,480 --> 00:19:42,600
それはいくつかのフィールドを持っているかもしれません。

439
00:19:42,600 --> 00:19:46,410
>> 戻る日に、私たちは生徒の名前を持っていた、
IDは、住宅、フィールドのもの一種。

440
00:19:46,410 --> 00:19:48,520
ちょうど別のフィールドとしてのonSubmit考える。

441
00:19:48,520 --> 00:19:53,380
ので、しかし、それは特別なフィールドです
ブラウザが期待するようにプログラムされている

442
00:19:53,380 --> 00:19:57,530
値ではないために.onsubmit
数値や文字列のような、

443
00:19:57,530 --> 00:20:01,180
しかし、実際に機能することが
または関数のアドレス

444
00:20:01,180 --> 00:20:02,570
コンピュータのメモリ内。

445
00:20:02,570 --> 00:20:04,740
>> そして実際、それは何ですか
このキーワードはここにいます。

446
00:20:04,740 --> 00:20:06,710
これは私に新しい機能を与える、と言います。

447
00:20:06,710 --> 00:20:09,390
しかし、その名前は何ですか
どうやら、になるだろう？

448
00:20:09,390 --> 00:20:10,800
>> 月曜日に戻って考えて。

449
00:20:10,800 --> 00:20:13,430

450
00:20:13,430 --> 00:20:17,170
これの名前は何ですか
この構文に基づく関数？

451
00:20:17,170 --> 00:20:19,784
いいえ、私は意味、明確にあります
は名前は確かassociated--ん

452
00:20:19,784 --> 00:20:21,200
ではない私がここで強調してきたもので。

453
00:20:21,200 --> 00:20:22,560
>> しかし、それは実際にはOKです。

454
00:20:22,560 --> 00:20:25,840
これは匿名関数である、または
一部としてのラムダ関数は、それを呼ぶかもしれない。

455
00:20:25,840 --> 00:20:27,589
そして、それはちょうど意味
それはまだ機能だ。

456
00:20:27,589 --> 00:20:29,400
それはちょうど、あなたが名前によってそれを呼び出すことはできませんだ。

457
00:20:29,400 --> 00:20:30,057
しかし、それは大丈夫です。

458
00:20:30,057 --> 00:20:33,140
再び、ブラウザがされているので、
Googleのような企業が事前にプログラム

459
00:20:33,140 --> 00:20:38,540
またはMicrosoftまたはMozillaや他の人へ
ただ知っている.onsubmitフィールドの場合

460
00:20:38,540 --> 00:20:43,400
要素が持つフォームの内側
値は、function--として扱う

461
00:20:43,400 --> 00:20:44,750
関数ポインタ、もしあなたがします。

462
00:20:44,750 --> 00:20:46,910
フォームが送信されたときに、それを呼び出します。

463
00:20:46,910 --> 00:20:50,350
>> だから何コードが実行されるべき
フォームが送信されたとき？

464
00:20:50,350 --> 00:20:52,526
どうやら、すべてのもの
中括弧の内側。

465
00:20:52,526 --> 00:20:53,650
そして、これは単なる文体である。

466
00:20:53,650 --> 00:20:55,626
>> あなたはこのようなを行うことができます
我々はCS50で行う傾向。

467
00:20:55,626 --> 00:20:58,250
しかし、JavaScriptで、ほとんどの人
同じ行にそれを維持する傾向がある

468
00:20:58,250 --> 00:21:01,960
それがより明確であるという理由だけで
そのキーワード機能に関連する。

469
00:21:01,960 --> 00:21:03,240
だから今、私は何をやっている？

470
00:21:03,240 --> 00:21:08,616
>> form.email.valueはイコールに等しい場合
空の文字列または何も、ここにある

471
00:21:08,616 --> 00:21:11,490
私が言うつもりのアラート、
あなたは、あなたの電子メールアドレスを提供する必要があります

472
00:21:11,490 --> 00:21:12,690
その後falseを返す。

473
00:21:12,690 --> 00:21:15,720
そして、それはそれはそれfalseを返します
提出されてからフォームを防ぐことができます。

474
00:21:15,720 --> 00:21:19,480
一方、パスワードの値である場合
ブランク、私は、ユーザーに叫ぶつもりです

475
00:21:19,480 --> 00:21:21,150
と言う、あなたはパスワードを入力する必要があります。

476
00:21:21,150 --> 00:21:23,700
>> その間のものは取得している
ここで少し手の込んだ。

477
00:21:23,700 --> 00:21:29,160
form.password.valueがない場合
等しいform.confirmation.value、

478
00:21:29,160 --> 00:21:31,680
他のフィールドには、大声で叫ぶ
ユーザーはそのパスワード

479
00:21:31,680 --> 00:21:33,860
彼らのように一致していない
一瞬前にしませんでした。

480
00:21:33,860 --> 00:21:35,780
その後この1つはです
少しセクシーに私のため

481
00:21:35,780 --> 00:21:40,470
私は概念的に知っていたことを知っている
チェックされ、チェックボックスの名前です。

482
00:21:40,470 --> 00:21:45,680
>> だから、僕は感嘆符を使用することができます
チェックがない場合には言うべきポイント

483
00:21:45,680 --> 00:21:48,040
それはブールですchecked--
値trueまたはfalse--

484
00:21:48,040 --> 00:21:49,700
私はその理由のため、ユーザーで叫ぶでしょう。

485
00:21:49,700 --> 00:21:52,300
そうでなければ、我々はを介して取得した場合
これらの条件の全て

486
00:21:52,300 --> 00:21:53,270
ちょうどtrueを返してみましょう。

487
00:21:53,270 --> 00:21:54,700
フォームが送信されてみましょう。

488
00:21:54,700 --> 00:21:56,560
そして、これはその後に行われます。

489
00:21:56,560 --> 00:21:57,740
>> 深紅を入力してみましょう。

490
00:21:57,740 --> 00:22:00,230
のチェックボックスをオンにしましょう​​、[登録]をクリックします。

491
00:22:00,230 --> 00:22:01,979
そして今、私が先に通過します。

492
00:22:01,979 --> 00:22:03,270
さて、そこにはデータベースがありません。

493
00:22:03,270 --> 00:22:05,370
面白いものは何もありません
register.phpで。

494
00:22:05,370 --> 00:22:07,980
私はちょうど何かを必要としてい
実際に話をする。

495
00:22:07,980 --> 00:22:09,140
だから私はここに、一時停止してみましょう。

496
00:22:09,140 --> 00:22:16,270
我々だけで何をやったか上の任意の質問
または、この新しい構文の一部は何ですか？

497
00:22:16,270 --> 00:22:17,640
うん、OK？

498
00:22:17,640 --> 00:22:20,025
>> 聴衆：だからどのチェックボックス
自動的にブール値です。

499
00:22:20,025 --> 00:22:21,650
あなたはそのようにそれを宣言する必要はありません。

500
00:22:21,650 --> 00:22:22,649
>> デイビット·J·マラン：正しい。

501
00:22:22,649 --> 00:22:29,340
からあなたに送られた任意のチェックボックスだ
JavaScriptコードにHTMLフォーム

502
00:22:29,340 --> 00:22:31,760
ように、はい、扱われます
ブールtrueまたはfalse value--。

503
00:22:31,760 --> 00:22:32,635
それは良い質問ですね。

504
00:22:32,635 --> 00:22:36,080
他の値のに対し、の
もちろん、テキスト、AKA文字列となっている。

505
00:22:36,080 --> 00:22:38,500
>> すべての権利なので、私をみましょう
さらに少し巻き戻し。

506
00:22:38,500 --> 00:22:39,900
この全体のポイントは何でしたか？

507
00:22:39,900 --> 00:22:41,400
ただ明確にする。

508
00:22:41,400 --> 00:22:44,940
同様に、我々はすでにさえPset7から、知っている
さらには先週の講演から

509
00:22:44,940 --> 00:22:51,120
我々は明らかに確認することができていることを例に、
$ _GET、$ _POST、ユーザーが私たちを与えるかどうかを確認

510
00:22:51,120 --> 00:22:52,200
空の値。

511
00:22:52,200 --> 00:22:54,400
PHPで空の関数を覚えています。

512
00:22:54,400 --> 00:22:58,040
>> だから明確にすることが、何
我々はまたかもしれない一つの理由

513
00:22:58,040 --> 00:23:00,535
このエラーチェックをやってみたい
ブラウザの内側？

514
00:23:00,535 --> 00:23:03,350

515
00:23:03,350 --> 00:23:06,080
ここ動機は何ですか？

516
00:23:06,080 --> 00:23:06,580
うん。

517
00:23:06,580 --> 00:23:09,735
>> 聴衆：高速、そしてあなたはしないでください
サーバーへの無駄なデータを送信します。

518
00:23:09,735 --> 00:23:10,610
デイビット·J·マラン：良い。

519
00:23:10,610 --> 00:23:11,170
それは高速です。

520
00:23:11,170 --> 00:23:12,920
あなたは無用送信しない
サーバーにデータ。

521
00:23:12,920 --> 00:23:14,670
>> だから、より多くを取り戻す
即時応答。

522
00:23:14,670 --> 00:23:16,560
と全体的に、ユーザ
経験が優れている。

523
00:23:16,560 --> 00:23:17,900
代替について考える。

524
00:23:17,900 --> 00:23:21,160
>> Gmail--用とあったか
何年も前の場合。

525
00:23:21,160 --> 00:23:24,160
あなたは、新しい電子メールにGmailを得たとします
アカウントが唯一の方法を通じて

526
00:23:24,160 --> 00:23:26,510
それが挙げられるが、これらにある見るために、
ページ全体をリロードします。

527
00:23:26,510 --> 00:23:29,030
またはあなたがクリックしたとします
電子メールを読むためのリンク。

528
00:23:29,030 --> 00:23:31,600
>> すべてがそうリロードする必要がある
あなたが電子メールを見ることができる。

529
00:23:31,600 --> 00:23:33,380
それとも、チャットメッセージを取得Facebook--。

530
00:23:33,380 --> 00:23:36,000
あなたがリロードするまであなたはそれを見ることはありません
ページまたはいくつかのリンクをクリックします。

531
00:23:36,000 --> 00:23:38,380
>> 同様に、これがひどくなります
迷惑なユーザーエクスペリエンス。

532
00:23:38,380 --> 00:23:41,300
そして、これは、それがどのようなものであったかである、
明らかに、バック私はUCのために実行したときに

533
00:23:41,300 --> 00:23:44,760
そしてウェブははるかに少ないダイナミックだった
普及のようにJavaScriptはありませんでした

534
00:23:44,760 --> 00:23:45,601
それが今のように。

535
00:23:45,601 --> 00:23:47,850
物事は多くを得ている
よりダイナミックとはるかに

536
00:23:47,850 --> 00:23:49,900
その意味で、クライアント側。

537
00:23:49,900 --> 00:23:54,370
>> しかし、そこに落とし穴がここにある、と
これは迷惑な落とし穴の一種である。

538
00:23:54,370 --> 00:23:58,720
ちょうどあなたがクライアント側を追加する理由
このような検出は意味するものではありません

539
00:23:58,720 --> 00:24:01,430
あなたは、または放棄する必要がありますすることができます
サーバー側の検出。

540
00:24:01,430 --> 00:24:04,080
あなたは本質的にあなたを置きたい
両方の場所でエラーチェック。

541
00:24:04,080 --> 00:24:05,830
1だったものので、
学んだ教訓の

542
00:24:05,830 --> 00:24:10,270
記事から私はいくつかの抜粋を読む
この愚かなCMS system--持つから

543
00:24:10,270 --> 00:24:14,410
たコンテンツ管理System--
その認証システムを実装

544
00:24:14,410 --> 00:24:16,790
どのようなメカニズムを経由して、そのログイン？

545
00:24:16,790 --> 00:24:19,515

546
00:24:19,515 --> 00:24:20,469
JavaScriptを。

547
00:24:20,469 --> 00:24:21,499
>> 聴衆：JavaScriptを。

548
00:24:21,499 --> 00:24:23,290
デイビット·J·マラン：
JavaScriptは、正確には、右か？

549
00:24:23,290 --> 00:24:24,610
これは、JavaScriptを使用していました。

550
00:24:24,610 --> 00:24:27,120
文字通り、あなたたちは持っている
おそらく少しを果たした

551
00:24:27,120 --> 00:24:28,700
Chromeのインスペクタを持つ。

552
00:24:28,700 --> 00:24:30,890
私はそれを見つけることができればと、要素を検査する。

553
00:24:30,890 --> 00:24:33,670
>> 私がしなければならオーバー行こう
Chromeのすべてのオプション。

554
00:24:33,670 --> 00:24:37,080
そして、これはそれがいかに簡単であるかである
ブラウザでJavaScriptを無効にします。

555
00:24:37,080 --> 00:24:38,950
、これ以上はJavaScriptをオンにします。

556
00:24:38,950 --> 00:24:41,070
>> だから公平さで、たくさん
ウェブのこれらの日

557
00:24:41,070 --> 00:24:43,430
という理由だけで破るしようとしている
Gmailや他のsites--

558
00:24:43,430 --> 00:24:46,140
ことを前提としていFacebook--
JavaScriptが有効になっています。

559
00:24:46,140 --> 00:24:50,180
しかし、あなたは愚かな何かをやっている場合は、
のようなユーザーのみ入力を検証

560
00:24:50,180 --> 00:24:52,520
とのためにそれをチェックする
クライアント側でエラー、

561
00:24:52,520 --> 00:24:54,940
敵は簡単にこれを行うことができます。

562
00:24:54,940 --> 00:24:57,180
その後さえ賢く
君たちのような敵

563
00:24:57,180 --> 00:25:01,120
今Telnetまたはカールを使用することができます
あるいは単に、コマンドライン·コマンド

564
00:25:01,120 --> 00:25:05,300
そして、実際にサーバーにメッセージを送信
それは、同様にチェックされ、エラーはありません。

565
00:25:05,300 --> 00:25:08,380
>> だから、これはの詳細です
ユーザインタフェース決定

566
00:25:08,380 --> 00:25:13,060
実際、技術的であるより
improvement--実装

567
00:25:13,060 --> 00:25:14,410
このような何かクライアント側を。

568
00:25:14,410 --> 00:25:16,800
だから今チラッが、その後、
私はオンライン散歩に延期するだろう

569
00:25:16,800 --> 00:25:17,674
この1のための貫通。

570
00:25:17,674 --> 00:25:21,480
フォーム2では、私たちは実際に通り抜けた
そして、コードを少しクリーンアップ。

571
00:25:21,480 --> 00:25:23,650
しかし、私が1に延期しましょう
我々は可能性が高いよビデオの

572
00:25:23,650 --> 00:25:27,970
ちょうどあなた示しPset8で埋め込む
似た構文と呼ばれるライブラリを使用して

573
00:25:27,970 --> 00:25:32,320
スーパー、スーパーでjQueryの、
JavaScriptで人気のある図書館

574
00:25:32,320 --> 00:25:34,510
その率直ほとんどの人
ただ、これらの日に使用

575
00:25:34,510 --> 00:25:37,070
とさえとして混乱させる
JavaScriptは、それ自体である。

576
00:25:37,070 --> 00:25:38,950
>> そして、それは関与する傾向がある
いくつかのドル記号

577
00:25:38,950 --> 00:25:41,350
およびドキュメントのようなキーワード
ここで括弧内。

578
00:25:41,350 --> 00:25:44,480
しかし、再び、私は延期にしましょう
オンラインいくつかの遅いチュートリアル

579
00:25:44,480 --> 00:25:46,750
だけではなく構文で縛ら取得。

580
00:25:46,750 --> 00:25:48,630
それではに移りましょう
何か少しクーラー

581
00:25:48,630 --> 00:25:50,520
この応用の観点から。

582
00:25:50,520 --> 00:25:57,730
>> だから、特に、私は手放す
先に、ここでこれを開く。

583
00:25:57,730 --> 00:25:58,340
さあ。

584
00:25:58,340 --> 00:25:59,380
私たちはそこに行く。

585
00:25:59,380 --> 00:26:01,500
>> 私はここにこの絵を開いてみましょう。

586
00:26:01,500 --> 00:26:03,450
不必要に複雑
探しているが、それ

587
00:26:03,450 --> 00:26:07,880
と呼ばれる技術について説明しAJAX--
非同期JavaScriptとXML、

588
00:26:07,880 --> 00:26:10,530
XML用のXは実際にある
もはや本当に使用されません。

589
00:26:10,530 --> 00:26:13,430
それは何かを使用する傾向があり
他にJSONを呼んだ。

590
00:26:13,430 --> 00:26:16,560
>> しかし、ここでどのようなものです
GoogleマップやGoogle Earthは動作します。

591
00:26:16,560 --> 00:26:18,060
それでは実際に、その場でこれを試してみましょう。

592
00:26:18,060 --> 00:26:21,590
私が先に行くと、開いてみましょう
私のブラウザ上で、最大のChrome。

593
00:26:21,590 --> 00:26:26,236
>> そして、私はに行きましょう
maps.google.com、言う。

594
00:26:26,236 --> 00:26:29,260

595
00:26:29,260 --> 00:26:31,930
そして実際に、あなたが古いなら
何を覚えているために十分、

596
00:26:31,930 --> 00:26:35,600
のような、マップクエストは、一日でバックのようだった
そしておそらく彼らはまだこのように動作します。

597
00:26:35,600 --> 00:26:38,870
あなたはsomething--を検索するために使用される場合
33オックスフォードストリート、ケンブリッジ、マサチューセッツ州、

598
00:26:38,870 --> 00:26:40,650
あなたをthis--んしてみましょう
実際でしょう、あなたの場合

599
00:26:40,650 --> 00:26:43,000
アップパンしたいと思い、
上下、左右

600
00:26:43,000 --> 00:26:44,920
あなたは次のようになります
ビッグ上部にある矢印の方向、およびそれ

601
00:26:44,920 --> 00:26:46,921
あなた別を示すであろ
ここまでのマップのフレーム。

602
00:26:46,921 --> 00:26:49,753
それとも、あなたの左をクリックしたい
こっちに行く、または別のクリックになる

603
00:26:49,753 --> 00:26:51,000
そしてあなたはここで上に行くだろう。

604
00:26:51,000 --> 00:26:53,000
しかし、その代わりにこれらの
日、私たちはもちろんのちょうど

605
00:26:53,000 --> 00:26:55,970
私たちが行くことができることを当たり前
ケンブリッジ周辺かなり迅速に

606
00:26:55,970 --> 00:26:57,550
ちょうどクリックしてドラッグすることによって。

607
00:26:57,550 --> 00:26:59,130
しかし、いくつかのグリッチがあると気づく。

608
00:26:59,130 --> 00:27:02,160
>> 私は十分に速く、これを行う場合は、
何が起こっているように見える

609
00:27:02,160 --> 00:27:05,960
私は少し速すぎドラッグすると、
コンピュータ用についていくには？

610
00:27:05,960 --> 00:27:07,160
あなたは何を見ていますか？

611
00:27:07,160 --> 00:27:07,660
うん。

612
00:27:07,660 --> 00:27:09,232
>> 読者：ピクセルが更新されません。

613
00:27:09,232 --> 00:27:10,940
デイビット·J·マラン：
ピクセルは更新されません。

614
00:27:10,940 --> 00:27:12,870
あなたはそこにactually--だと
実際に、これを見ることができ、

615
00:27:12,870 --> 00:27:15,360
あなたがオンラインと一時停止を監視していた場合
このまたは実際に物事を遅く

616
00:27:15,360 --> 00:27:18,600
once--のためにあなたがそこにいることがわかります
タイル、正方形、長方形またはその

617
00:27:18,600 --> 00:27:22,040
までのマップから欠落している
スプリット秒後、より多くのデータ、

618
00:27:22,040 --> 00:27:24,390
実際に複数の画像
画面に表示されます。

619
00:27:24,390 --> 00:27:29,810
実際に、私たちは見ることによってこれを行う場合は、
Chrome's--のは言わせてまで、Chrome--

620
00:27:29,810 --> 00:27:30,310
見てみましょう。

621
00:27:30,310 --> 00:27:31,090
我々はそれを行うことはできません。

622
00:27:31,090 --> 00:27:31,860
>> おっと、ああ。

623
00:27:31,860 --> 00:27:34,761
maps.google.comを開くのをしてみましょう。

624
00:27:34,761 --> 00:27:36,660
私は大きなウィンドウを再度作ってみましょう。

625
00:27:36,660 --> 00:27:38,836
>> 33オックスフォードストリートに戻る。

626
00:27:38,836 --> 00:27:42,010

627
00:27:42,010 --> 00:27:43,760
私は最近にあったウェブサイトは何でしたか？

628
00:27:43,760 --> 00:27:46,440
私は民間の暴言に、同じように、これを持っていた
私自身は、私は、インスタントメッセージをしたいこと

629
00:27:46,440 --> 00:27:48,470
オンラインだったどんな友人
誰がそれを聞きたかった。

630
00:27:48,470 --> 00:27:49,345
いくつかのウェブサイトがあります。

631
00:27:49,345 --> 00:27:52,680
私はそれがとてもComcast--だと思う
非常に大きなアメリカのISP。

632
00:27:52,680 --> 00:27:56,355
あなたは新しいケーブルのため、サインアップすることができたとき
モデムサービスやケーブルテレビサービス、

633
00:27:56,355 --> 00:27:59,230
彼らは非常に合理的にフォームを持っている
どこにあなたの住所をお願いします。

634
00:27:59,230 --> 00:28:01,450
そしてこの素晴らしいを持っている
自動完全と呼ばれる機能、

635
00:28:01,450 --> 00:28:04,600
Googleのように、それがいっぱいになり始める
あなたの質問への答えで。

636
00:28:04,600 --> 00:28:08,090
>> 問題は、彼らが完全に自動で行うことで、
あなたが入力し最初のものに。

637
00:28:08,090 --> 00:28:12,890
だから、33でそれを入力して起動した場合
あなたは、文字通りすべての家が表示されます

638
00:28:12,890 --> 00:28:15,790
アメリカではその始まり
数33

639
00:28:15,790 --> 00:28:17,920
に進む前に、
あなたがより多くを入力するように期待しています。

640
00:28:17,920 --> 00:28:20,660
あなたはオックスフォード33を入力するのであれば、
それはあなたのすべての道を示してい

641
00:28:20,660 --> 00:28:24,726
アメリカでは33オックスフォードを有している
町のその名前に関わらず、

642
00:28:24,726 --> 00:28:25,350
あなたはにいること。

643
00:28:25,350 --> 00:28:26,320
>> そして、あなたは入力を続ける。

644
00:28:26,320 --> 00:28:28,930
そして最後に、それはそうではないことを認識
ケンブリッジのご自宅への提供サービス

645
00:28:28,930 --> 00:28:29,920
またはそのような何か。

646
00:28:29,920 --> 00:28:33,410
しかし、ポイントは、これが最もある
オートの愚かな実装

647
00:28:33,410 --> 00:28:34,140
今までに完了する。

648
00:28:34,140 --> 00:28:36,400
>> そして私はちょうどオフつもりです
この接線上で、もう一度。

649
00:28:36,400 --> 00:28:39,040
それだけには良い方法があります
JavaScriptと悪い方法を使用しています。

650
00:28:39,040 --> 00:28:40,750
そして、それは必ずしも最適なものではありません。

651
00:28:40,750 --> 00:28:46,360
>> しかし、この前にここでのポイント、
長広舌は、ここにツールを上下に開くことだった

652
00:28:46,360 --> 00:28:49,480
そして、開発者ツールを開く
我々の前に奨励てきたように、

653
00:28:49,480 --> 00:28:52,840
とネットワークを見て
タブ私は本当に速いクリックする。

654
00:28:52,840 --> 00:28:55,400
そして全体の束に気付く
の要求が起こっ取得。

655
00:28:55,400 --> 00:28:57,310
私はドラッグ以来このすべてが起こった。

656
00:28:57,310 --> 00:29:00,170
>> 確かに、そして最も可能性が高い
これらの行の多く

657
00:29:00,170 --> 00:29:04,060
今画像スラッシュはJPEGです
MIMEタイプまたはコンテンツタイプ。

658
00:29:04,060 --> 00:29:07,750
やっていることをクロームからだ
私はクリックしてドラッグ、クリックするたび

659
00:29:07,750 --> 00:29:11,650
そして、私はそれがああ、実現のドラッグである
タイル用のGoogleを頼む行く必要がある

660
00:29:11,650 --> 00:29:15,080
こっちだ地図上に、
迅速にHTTP経由でダウンロード、

661
00:29:15,080 --> 00:29:19,550
その後、いわゆるDOMに追加
メモリツリー内のWebブラウザへ

662
00:29:19,550 --> 00:29:24,430
表現ユーザように、
私は、その更新されたタイルを見ている。

663
00:29:24,430 --> 00:29:26,795
そして、これが理由である
AJAXと呼ばれる技術。

664
00:29:26,795 --> 00:29:28,920
戻る日に、それは本当に
ケースは、あなたの場合ということでした

665
00:29:28,920 --> 00:29:33,050
画面上にあるものに変更したい、
あなたがクリックしなければならない、下、左、

666
00:29:33,050 --> 00:29:33,550
右。

667
00:29:33,550 --> 00:29:34,740
その後新しいページが開くだろう。

668
00:29:34,740 --> 00:29:36,531
しかし、これらの日、すべてのもの
よりダイナミックである。

669
00:29:36,531 --> 00:29:40,490
それは我々が人間のような方法で起こる
それが実際に対話的だろう願っています。

670
00:29:40,490 --> 00:29:43,210
そしてそれは、ことによってこれを達成
と呼ばれる技術の道

671
00:29:43,210 --> 00:29:46,170
おそらく最高である、AJAX、
例で説明。

672
00:29:46,170 --> 00:29:49,730
まず、私が先に行くしましょう
そしてファイルを開く

673
00:29:49,730 --> 00:29:53,540
でquote.php呼ば
今日の流通コード。

674
00:29:53,540 --> 00:29:56,200
>> その後私はsymbol--おっとをやらせる。

675
00:29:56,200 --> 00:30:02,399
私はシンボル= GOOGをやってみましょう
ほんの一部の株式の。

676
00:30:02,399 --> 00:30:04,440
または実際に、のやら
のPset無料から1つ。

677
00:30:04,440 --> 00:30:05,270
入力してください。

678
00:30:05,270 --> 00:30:06,580
>> そして今、私は戻って何を得るに気づく。

679
00:30:06,580 --> 00:30:09,210
だから、これは本当にです
その私の短いPHPファイル

680
00:30:09,210 --> 00:30:13,210
単にコードを借用していることを書きました
Pset7のlookup関数から

681
00:30:13,210 --> 00:30:17,830
そして、この中括弧を使って出してくれると
引用符とコロン記法、どうやら、

682
00:30:17,830 --> 00:30:22,747
のための現在の株式の価格
あなたがGETで渡す会社。

683
00:30:22,747 --> 00:30:24,580
だから、これは異なっている
私たちがした内容のほとんどから

684
00:30:24,580 --> 00:30:26,496
私は、その通知に行わ
文字通り吐き出す

685
00:30:26,496 --> 00:30:27,870
何がJavaScriptコードのように見えます。

686
00:30:27,870 --> 00:30:30,020
>> 実際には、これはJavaScriptオブジェクトです。

687
00:30:30,020 --> 00:30:34,130
実際には、ちょうどより明確にするために、
JSON-- Notation-- JavaScriptオブジェクト

688
00:30:34,130 --> 00:30:38,330
あなたというの単なる空想の方法です
多くのJavaScriptでデータを表現することができます

689
00:30:38,330 --> 00:30:41,660
あなたは、PHPでできるように
キーと値のペアを使用して。

690
00:30:41,660 --> 00:30:44,270
私は宣言したいのであれば
JavaScriptで変数

691
00:30:44,270 --> 00:30:47,872
のために、Zamylaを表しする
Zamyla--ための構造体をinstance--

692
00:30:47,872 --> 00:30:49,580
そして我々はそれを呼ぶことにします
学生は、この変数。

693
00:30:49,580 --> 00:30:53,060
彼女のIDは、1である家がある
ウィンスロップ、そして名前がZamylaです。

694
00:30:53,060 --> 00:30:55,490
>> しかし、私はまた、オブジェクトの配列を持つことができます。

695
00:30:55,490 --> 00:30:58,710
だから私は実際に持っていると思った場合
JavaScriptで配列を含む

696
00:30:58,710 --> 00:31:01,740
複数のこのようなオブジェクトは、この
時間は、スタッフを代表

697
00:31:01,740 --> 00:31:04,910
私は、これらの3つを持っているかもしれません
バックのコードの塊

698
00:31:04,910 --> 00:31:08,560
これらのためにバックアップするバックアップする
3人の元スタッフメンバー。

699
00:31:08,560 --> 00:31:12,201
だから、構文、かわいい
PHPにboth--に似ています。

700
00:31:12,201 --> 00:31:13,700
しかし、これは特にJavaScriptがある。

701
00:31:13,700 --> 00:31:15,940
これは、オブジェクトの表記法です。

702
00:31:15,940 --> 00:31:17,240
だから、これはために役立つ何ですか​​？

703
00:31:17,240 --> 00:31:21,580
>> 私が出してくれるのコードを記述する場合JSON--
その原料Notation-- JavaScriptのオブジェクト

704
00:31:21,580 --> 00:31:24,670
このまたはスタッフのようになります
Zamylaの構造のように見え、

705
00:31:24,670 --> 00:31:27,730
私は実際にこれを使用することができます
プログラムの中で私が書きます。

706
00:31:27,730 --> 00:31:30,660
私はajax0.htmlに行こう。

707
00:31:30,660 --> 00:31:33,310
そして、これはあまりないtoo--
美学に与えられたと思った。

708
00:31:33,310 --> 00:31:34,660
しかし、何が起こるかを見る。

709
00:31:34,660 --> 00:31:37,050
>> 私が先に行くと、ここで自由に入力してみましょう。

710
00:31:37,050 --> 00:31:38,490
引用符を取得する]をクリックします。

711
00:31:38,490 --> 00:31:41,060
そしてURLが変更されていません注意してください。

712
00:31:41,060 --> 00:31:47,250
しかし、私は明らかにしてポップアップ手に入れた
0.15ドルの今日のペニーの株価。

713
00:31:47,250 --> 00:31:49,062
だから、すべてのことは悪くない。

714
00:31:49,062 --> 00:31:52,020
しかし、違いは、何らかの形である
このデータは、直接私に戻ってきた。

715
00:31:52,020 --> 00:31:54,250
しかし、それではに向けた一歩を踏み出すましょう
より身近なもの。

716
00:31:54,250 --> 00:31:58,900
このバージョンのいずれかで、私をしましょう
型自由もう一度、見積もりを取得]をクリックし、

717
00:31:58,900 --> 00:32:01,146
とまあnow--、これがあった
実際にjQueryのバージョン。

718
00:32:01,146 --> 00:32:03,270
私はしませんでしたme--そうしましょう
かなり遠くに十分な早送り。

719
00:32:03,270 --> 00:32:05,830
私はバージョン2へ行こう、
その私が欲しかったところです。

720
00:32:05,830 --> 00:32:07,260
私がここで何をやったかに注目してください。

721
00:32:07,260 --> 00:32:10,370
私はスーパー当ページのWebを持っている
任意のWebページの簡易版

722
00:32:10,370 --> 00:32:14,260
テキストフ​​ィールドに、今日使用する場合があります
ここに無料で、その後明らかにちょうど

723
00:32:14,260 --> 00:32:14,880
テキスト。

724
00:32:14,880 --> 00:32:16,860
>> これは明らかに、ここではフォームではありません。

725
00:32:16,860 --> 00:32:19,360
しかし、私はクリックすると取得
引用符、私のWebページに気付く

726
00:32:19,360 --> 00:32:22,760
私かのように変わろうとしている
単に新しいインスタントメッセージが表示されました

727
00:32:22,760 --> 00:32:25,360
または私はちょうど移動しているかのように
マッピングし、より多くのデータを得るために必要

728
00:32:25,360 --> 00:32:29,220
Webページに動的に追加
URLの変更やユーザーなし

729
00:32:29,220 --> 00:32:30,980
経験は中断ばかり。

730
00:32:30,980 --> 00:32:35,750
確かに、私はではまだだ
まったく同じplace-- ajax2.html。

731
00:32:35,750 --> 00:32:39,080
>> それでは、この例でのみ見てみましょう
そしてこれが起こっているかを見る。

732
00:32:39,080 --> 00:32:42,490
私はajax2.htmlに行こう。

733
00:32:42,490 --> 00:32:44,770
そして最初の形式に注目してください。

734
00:32:44,770 --> 00:32:47,092
>> ここでダウン、私が回してる
オート完全オフ。

735
00:32:47,092 --> 00:32:48,800
時にはそれが取得する
ブラウザであれば迷惑

736
00:32:48,800 --> 00:32:50,508
をお見せしようとしている
あなたの全体の歴史。

737
00:32:50,508 --> 00:32:53,450
だからによってHTMLでそれを行うことができます
ちょうど自動オフ完了と言って。

738
00:32:53,450 --> 00:32:57,290
>> 私はこのテキストフ​​ィールドaを与えてくれた
シンボルのID、むしろsymbol--。

739
00:32:57,290 --> 00:32:58,977
そして今、これは面白い機能です。

740
00:32:58,977 --> 00:33:01,310
私たちは、スパンの話されていない
しかし、あなたはそれについて考えることができます

741
00:33:01,310 --> 00:33:03,177
段落タグやdivタグなどである。

742
00:33:03,177 --> 00:33:05,010
それはと呼ばれるものだ
インライン要素は、その

743
00:33:05,010 --> 00:33:07,415
あなたは段落を取得しないことを意味します
それの上下に分割します。

744
00:33:07,415 --> 00:33:11,530
それはちょうどせずにインラインで滞在する予定だ
入ると同等のものを打つ。

745
00:33:11,530 --> 00:33:17,980
だから私は、HTMLのこのチャンクを与えている
一意の識別子を決定する

746
00:33:17,980 --> 00:33:20,130
私は、任意の価格と呼ばれることに。

747
00:33:20,130 --> 00:33:21,560
と私はSubmitボタンを持っている。

748
00:33:21,560 --> 00:33:25,420
>> 今までhere--、これはされているため、
実際にスーパー素晴らしいどのように少しのコード

749
00:33:25,420 --> 00:33:27,660
あなたは何を書くことができます
比較的きちんとしthings--

750
00:33:27,660 --> 00:33:31,800
私場合、私はここに何をやったかに気づく
このページの先頭までスクロールします。

751
00:33:31,800 --> 00:33:34,970
私が最初に含めました
私の頭のスクリプトタグ

752
00:33:34,970 --> 00:33:37,410
その実際に参照している
他の場所でのJavaScriptファイル。

753
00:33:37,410 --> 00:33:39,702
これは、組織からのものである
それは、jQueryを書き込み、

754
00:33:39,702 --> 00:33:42,660
これは単にあなたに、最新のを与えている
彼らのjQueryライブラリのバージョン。

755
00:33:42,660 --> 00:33:46,305
>> だから、これは一種の鋭いようなものです
C言語に含めるか、PHPで必要です。

756
00:33:46,305 --> 00:33:48,900
あなたはスクリプトタグを使用
ソース属性を持つ。

757
00:33:48,900 --> 00:33:52,030
しかし、今私自身のコードです
ここで右になるだろう。

758
00:33:52,030 --> 00:33:54,170
>> 私は引用符と呼ばれる機能を持っていることに注意してください。

759
00:33:54,170 --> 00:33:56,180
そして、それが少し見える
一見不可解。

760
00:33:56,180 --> 00:33:57,305
しかし、それではこれを離れていじめるましょう。

761
00:33:57,305 --> 00:33:59,090
私にURLという変数を与える。

762
00:33:59,090 --> 00:34:01,390
文字通り、この文字列を割り当てます。

763
00:34:01,390 --> 00:34:04,530
だから、単一引用符、二重引用符で
JavaScriptはちょうど私に文字列を与えます。

764
00:34:04,530 --> 00:34:06,900
プラスは何をしますか？

765
00:34:06,900 --> 00:34:08,199
連結。

766
00:34:08,199 --> 00:34:12,610
>> だから、これは現在、jQueryの構文は次のとおりです
これに慣れる少しかかります。

767
00:34:12,610 --> 00:34:18,310
しかし、これはちょうど私のDOMを取りに行く意味
そのユニークな識別子シンボルであるノード。

768
00:34:18,310 --> 00:34:21,929
そこに意味ハッシュタグ
一意の識別子記号。

769
00:34:21,929 --> 00:34:24,929
>> ドル記号
ただ意味括弧、これを包む

770
00:34:24,929 --> 00:34:28,510
秘密のソースのjQueryのソートそう
あなたは、追加機能を取得します。

771
00:34:28,510 --> 00:34:31,880
その後.valは明らかである
関数、または我々は今言うように、

772
00:34:31,880 --> 00:34:35,219
このノードの内部方法
それはちょうどあなたに値を与える。

773
00:34:35,219 --> 00:34:38,896
だから、短い醜いと紛らわしいで
これは一見に見えるように、

774
00:34:38,896 --> 00:34:42,020
これは単なる入力したユーザーと得ることを意味
で、文字列の最後にそれを置く

775
00:34:42,020 --> 00:34:42,880
それを連結することによって。

776
00:34:42,880 --> 00:34:43,739
それだけだ。

777
00:34:43,739 --> 00:34:46,070
>> だから今、最後の3行。

778
00:34:46,070 --> 00:34:48,690
あなたはたくさんのを絞ることができます
3ラインのうち、機能性。

779
00:34:48,690 --> 00:34:52,199
として、このドル記号、
余談ですが、ちょうどニックネームである

780
00:34:52,199 --> 00:34:55,800
特別なグローバル変数のための
jQueryを文字通り呼ばれる。

781
00:34:55,800 --> 00:34:57,060
>> ドル記号はただクールに見えます。

782
00:34:57,060 --> 00:35:00,080
だから、jQueryのコミュニティだけの種類
彼らの特殊記号としてそれを使用していました。

783
00:35:00,080 --> 00:35:02,470
それは、PHPで何を意味するのかという意味ではありません。

784
00:35:02,470 --> 00:35:06,356
JavaScriptでは、ドル記号がある
ちょうどアルファベットの文字のように

785
00:35:06,356 --> 00:35:07,480
または変数の数。

786
00:35:07,480 --> 00:35:09,000
>> あなただけの名前としてそれを持つことができます。

787
00:35:09,000 --> 00:35:09,770
ただクールに見えます。

788
00:35:09,770 --> 00:35:11,890
だからコミュニティ
ニックネームとしてそれを採用した

789
00:35:11,890 --> 00:35:13,390
jQueryのと呼ばれる独自のライブラリの。

790
00:35:13,390 --> 00:35:15,060
>> そして、それは超人気です。

791
00:35:15,060 --> 00:35:17,620
だから、JSONはその正確に取得する。

792
00:35:17,620 --> 00:35:19,920
それは、その関数の
jQueryのの人々は書いた

793
00:35:19,920 --> 00:35:23,340
それはserver--からJSONを取得する
JavaScriptのオブジェクト表記法。

794
00:35:23,340 --> 00:35:25,680
何のURLからそれが起こっている
その情報を取得するには？

795
00:35:25,680 --> 00:35:27,790
どうやらこちらのURLから。

796
00:35:27,790 --> 00:35:31,180
>> とブラウザのように何をすべき
それは、この応答を取り戻すとすぐに？

797
00:35:31,180 --> 00:35:36,500
そして、これはそうするためには、AJAXの魔法である
XMLでspeak--非同期JavaScriptを。

798
00:35:36,500 --> 00:35:41,320
このようなAで見ることは難しい
我々がここで持っていたような単純な例。

799
00:35:41,320 --> 00:35:44,730
>> しかし、これは非同期だった
感覚という私のコード時

800
00:35:44,730 --> 00:35:48,530
にメッセージを送信して実行
私にいくつかのJSONを取りに行くようにサーバー。

801
00:35:48,530 --> 00:35:51,340
そして、それは超高速起こった
私は応答を得たこと。

802
00:35:51,340 --> 00:35:55,130
しかし興味深いのは、このことです
コー​​ドの行は、私のコンピュータがハングアップしませんでした。

803
00:35:55,130 --> 00:35:56,550
>> 私はスピニングのアイコンが表示されなかった。

804
00:35:56,550 --> 00:35:59,200
私は失うことはありませんでした
私のマウスを移動する機能。

805
00:35:59,200 --> 00:36:01,340
私のブラウザは、実際には完全に大丈夫だった。

806
00:36:01,340 --> 00:36:06,290
>> 道にはJavaScriptを処理するため、
次のようにサーバからの応答である。

807
00:36:06,290 --> 00:36:09,740
あなたが呼びたいものを登録する
コー​​ルバック関数、その

808
00:36:09,740 --> 00:36:12,830
ただ、ちょっと、JavaScriptを意味します。

809
00:36:12,830 --> 00:36:16,100
とすぐにサーバとして
JSON形式で応答し、

810
00:36:16,100 --> 00:36:18,750
この匿名関数を呼び出してください。

811
00:36:18,750 --> 00:36:23,910
>> そして、この関数に渡さ下さい
どんな文字列サーバが吐き出す

812
00:36:23,910 --> 00:36:26,080
引数は、データと呼ばれる。

813
00:36:26,080 --> 00:36:28,360
そこで、他の、すなわち、もし
私は動的に組み立てています

814
00:36:28,360 --> 00:36:33,370
この渡したURL quote.php
無料またはGOOGやその他もろもろのようなシンボル、

815
00:36:33,370 --> 00:36:36,830
私はその後、言っている
JavaScriptはそのURLを取りに行く。

816
00:36:36,830 --> 00:36:39,080
ブラウザことを忘​​れないでください
何かを返すために起こっている

817
00:36:39,080 --> 00:36:42,680
我々はこれをearlier--見たようにそれが見えます。

818
00:36:42,680 --> 00:36:45,940
>> そして、何番目の引数
ここではJSONが言っている取得する

819
00:36:45,940 --> 00:36:48,450
この関数を呼び出している
サーバーは、バックを取得したとき

820
00:36:48,450 --> 00:36:52,440
それは、10ミリ秒のかどうか
現在または今から10秒から。

821
00:36:52,440 --> 00:36:55,840
とすぐあなたがそうであるように、
ページに価格を追加します。

822
00:36:55,840 --> 00:36:58,030
この構文はここだけ
ノードを取りに行く意味

823
00:36:58,030 --> 00:37:01,940
そのユニークな識別子ツリーから
我々は前に見たことのスパンprice--です。

824
00:37:01,940 --> 00:37:04,320
>> HTML形式と呼ばれるこの方法
ただ置き換える行く、と言う

825
00:37:04,320 --> 00:37:08,770
data.priceとそこのHTML。

826
00:37:08,770 --> 00:37:10,200
data.priceは何ですか？

827
00:37:10,200 --> 00:37:12,850
さて、ブラウザ、リコール、
私は、この戻って来ていた。

828
00:37:12,850 --> 00:37:14,540
これはデータである。

829
00:37:14,540 --> 00:37:18,100
>> そしてそれは少し不可解だ
ここにカンマを表示します。

830
00:37:18,100 --> 00:37:19,350
しかし、実際には、私はこれをやらせる。

831
00:37:19,350 --> 00:37:22,890
私はちょうどこれを貼り付けてみましょう
本当の速いgeditの中に

832
00:37:22,890 --> 00:37:27,240
私たちが示したように、これを示している
以前Zamylaの構造。

833
00:37:27,240 --> 00:37:31,610
>> 何サーバが返送されることである
このようになります小さな物体。

834
00:37:31,610 --> 00:37:37,140
そしてそうdata.priceです
ちょうど私に0.1515を与える。

835
00:37:37,140 --> 00:37:39,310
移動するので、たくさん
一斉にこちらをパーツ。

836
00:37:39,310 --> 00:37:41,860
>> しかし、重要なポイントである
我々は、この能力を有すること

837
00:37:41,860 --> 00:37:44,600
追加のHTTPを作るために
JavaScriptを使用して要求

838
00:37:44,600 --> 00:37:46,090
ページをリロードする必要はありません。

839
00:37:46,090 --> 00:37:49,580
そして、我々は実際に缶
オンザフライでWebページを変更します。

840
00:37:49,580 --> 00:37:51,850
そして、それはことが判明
JavaScriptとその他の言語

841
00:37:51,850 --> 00:37:54,510
現在、使用することができるだけでなく
ウェブページを変異し、

842
00:37:54,510 --> 00:37:57,960
しかし、実際にソフトウェアを書くことが
実際のコンピュータで、

843
00:37:57,960 --> 00:38:00,240
ちょうどクローム等に限ったことではない。

844
00:38:00,240 --> 00:38:03,530
>> 実際には、あなたをコルトンをでしょうif--
ここまで私たちに戻って参加したい

845
00:38:03,530 --> 00:38:06,100
ラボコードと、そしてチャンも同様？

846
00:38:06,100 --> 00:38:09,140
それでは話をした、先に行ってみよう
匿名関数とコールバック

847
00:38:09,140 --> 00:38:13,090
そして本当にここ運命を誘惑
出血をライブデモで

848
00:38:13,090 --> 00:38:16,480
最先端技術の一つ
これらのエリート運動装置。

849
00:38:16,480 --> 00:38:18,940
さて、このデバイス、リコール、
小さなUSBデバイスである

850
00:38:18,940 --> 00:38:25,620
同様にそれはbeautiful--だthat--
それはあなたのUSBポートにプラグで。

851
00:38:25,620 --> 00:38:29,120
>> その後、入力を提供
人間のジェスチャーの形で

852
00:38:29,120 --> 00:38:32,560
赤外線ビームを用いて検出することにより、
本質的に、あなたの腕の動きから。

853
00:38:32,560 --> 00:38:35,150
だから、マリアが試したものに対し、
前に筋肉だった、

854
00:38:35,150 --> 00:38:39,000
実際に変えているのか感じて
あなたの腕は、これがベース赤外線である。

855
00:38:39,000 --> 00:38:44,390
だから、内の動きを探している
足かそこらの球の一種

856
00:38:44,390 --> 00:38:46,190
デバイス自体の。

857
00:38:46,190 --> 00:38:48,950
>> では、なぜ私が取ることはありません
この最初で刺す？

858
00:38:48,950 --> 00:38:53,100
そしてそれでは先に行くと、投げてみましょう
ここにオーバーヘッドにあなたをバックアップします。

859
00:38:53,100 --> 00:38:56,250
それでは、ここでコルトンのノートパソコンを設置しましょう​​。

860
00:38:56,250 --> 00:38:58,360
私たちは、テレビでアンドリューを持っている。

861
00:38:58,360 --> 00:39:00,160
そして、あなたは私が最初に何をすべきかをご希望ですか？

862
00:39:00,160 --> 00:39:02,409
>> COLTON：先に、ちょうど行く
この男の上に手を置く

863
00:39:02,409 --> 00:39:04,430
そしてあなたは、いくつかの素晴らしい輝きを見ることができます。

864
00:39:04,430 --> 00:39:07,230
>> デイビット·J·マラン：非常に良い。

865
00:39:07,230 --> 00:39:11,110
これは、すべてリアルタイムで起こっている。

866
00:39:11,110 --> 00:39:11,889
[OK]をクリックします。

867
00:39:11,889 --> 00:39:12,680
すべての権利、およびうん。

868
00:39:12,680 --> 00:39:14,119
とても素敵。

869
00:39:14,119 --> 00:39:15,410
すべての権利、私たちは他に何ができますか？

870
00:39:15,410 --> 00:39:17,900
>> COLTON：次の画面に移動し、参照してください。

871
00:39:17,900 --> 00:39:19,136
>> デイビット·J·マラン：すべての権利。

872
00:39:19,136 --> 00:39:21,780
>> COLTON：楽しい小さなゲーム
どこにロボットを作るために得る。

873
00:39:21,780 --> 00:39:24,738
>> デイビット·J·マラン：すべての権利なので、この
何をすべきか私を示す偽の手です。

874
00:39:24,738 --> 00:39:27,920
COLTON：はいだから先に行く
そしてブロックの一つをつかむ

875
00:39:27,920 --> 00:39:30,637
そのロボットの身体の上に置く。

876
00:39:30,637 --> 00:39:32,137
デイビット·J·マラン：ああ、私の手があります。

877
00:39:32,137 --> 00:39:34,000
ああ。

878
00:39:34,000 --> 00:39:34,780
[OK]を、愛らしい。

879
00:39:34,780 --> 00:39:37,500

880
00:39:37,500 --> 00:39:38,650
OK、ちょっと待って。

881
00:39:38,650 --> 00:39:41,320
私たちはそこに行く。

882
00:39:41,320 --> 00:39:43,590
>> COLTON：私は事故で1を作った。

883
00:39:43,590 --> 00:39:45,423
>> デイビット·J·マラン：OK、私はこの男を取得します。

884
00:39:45,423 --> 00:39:45,923
くそくらえ！

885
00:39:45,923 --> 00:39:48,467

886
00:39:48,467 --> 00:39:51,550
我々は、この最後の練習されたとき
夜、あなたはこれがに権限を委譲知っている？

887
00:39:51,550 --> 00:39:54,285
>> このように。

888
00:39:54,285 --> 00:39:55,490
[OK]をクリックします。

889
00:39:55,490 --> 00:39:55,990
次に1？

890
00:39:55,990 --> 00:39:56,860
>> COLTON：確かに。

891
00:39:56,860 --> 00:39:58,818
>> デイビット·J·マラン：すべての権利、
そして第三があります。

892
00:39:58,818 --> 00:40:01,130

893
00:40:01,130 --> 00:40:01,674
わかりました。

894
00:40:01,674 --> 00:40:03,215
COLTON：そして、このいずれかで、あなたはto--取得

895
00:40:03,215 --> 00:40:04,923
デイビット·J·マラン：ああ、
この1の美しい。

896
00:40:04,923 --> 00:40:06,650
COLTON：--yeah、この花を離れて選ぶ。

897
00:40:06,650 --> 00:40:07,441
デイビット·J·マラン：OK。

898
00:40:07,441 --> 00:40:11,170

899
00:40:11,170 --> 00:40:11,670
いいえ？

900
00:40:11,670 --> 00:40:14,515
逃した。

901
00:40:14,515 --> 00:40:15,570
>> COLTON：ああ、そこに行く。

902
00:40:15,570 --> 00:40:18,680
>> デイビット·J·マラン：ああ、それを見てください。

903
00:40:18,680 --> 00:40:19,830
非常に素晴らしい。

904
00:40:19,830 --> 00:40:22,470
さて、なぜ我々が取る「いけない
ここ1ボランティア出

905
00:40:22,470 --> 00:40:24,180
誰がアップに来るしたいと思います。

906
00:40:24,180 --> 00:40:27,500
どの程度すぐそこ
緑色で、それを何ですか？

907
00:40:27,500 --> 00:40:30,540
>> すべての権利、およびましょhave--ましょう
あなたの代わりにそれを行うの、いくつかの

908
00:40:30,540 --> 00:40:34,590
このゲームを知っているかもしれませんhere--
おそらく、ロープをカット？

909
00:40:34,590 --> 00:40:35,100
見てみましょう。

910
00:40:35,100 --> 00:40:37,320
私たちはこっちで私たちの眼鏡を持っている？

911
00:40:37,320 --> 00:40:38,625
>> [OK]をクリックします。

912
00:40:38,625 --> 00:40:39,270
ありがとう。

913
00:40:39,270 --> 00:40:39,380
あなたの名前は何ですか？

914
00:40:39,380 --> 00:40:40,350
>> 聴衆：ローラ。

915
00:40:40,350 --> 00:40:41,266
>> デイビット·J·マラン：ローラ？

916
00:40:41,266 --> 00:40:42,120
見てニース。

917
00:40:42,120 --> 00:40:45,600
あなたが入れてもかまわない場合
あなたのメガネの上のGoogleグラス。

918
00:40:45,600 --> 00:40:46,970
これはコルトンです。

919
00:40:46,970 --> 00:40:47,650
>> COLTON：こんにちは。

920
00:40:47,650 --> 00:40:48,140
よろしくね。

921
00:40:48,140 --> 00:40:49,600
>> デイビット·J·マラン：OK、周りに来る。

922
00:40:49,600 --> 00:40:52,516
すべての権利なので、あなたがしようとしているもの
ここで行う、前にこれを果たした、

923
00:40:52,516 --> 00:40:55,650
の上に手を置かれている
ここリープモーション。

924
00:40:55,650 --> 00:40:57,210
そして今、あなたの矢印が移動する必要があります。

925
00:40:57,210 --> 00:40:57,710
いや、ああ。

926
00:40:57,710 --> 00:40:58,066
>> 聴衆：いいえ。

927
00:40:58,066 --> 00:40:58,780
>> デイビット·J·マラン：私たち
まだ辞めたくない。

928
00:40:58,780 --> 00:40:59,280
[OK]を、待ってください。

929
00:40:59,280 --> 00:41:01,200
こっち。

930
00:41:01,200 --> 00:41:03,530
あなたを保持するように注意してください
何かを指

931
00:41:03,530 --> 00:41:06,750
マウスが緑色に行くために開始され、
これをクリックする方法です。

932
00:41:06,750 --> 00:41:08,980
>> だから、プレイにカーソルを合わせる。

933
00:41:08,980 --> 00:41:10,970
そして、ちょうど1本の指で結構です。

934
00:41:10,970 --> 00:41:13,869
そして今、少しをクリックしてください
左の緑の男。

935
00:41:13,869 --> 00:41:15,410
それは緑がいっぱいになるまで、今開催しています。

936
00:41:15,410 --> 00:41:15,640
グッド。

937
00:41:15,640 --> 00:41:16,990
さて、トップアップレベル1、などである。

938
00:41:16,990 --> 00:41:20,190
>> 観客は：ええ、私たちはここで、レベル1が欲しい。

939
00:41:20,190 --> 00:41:21,660
>> デイビット·J·マラン：良い。

940
00:41:21,660 --> 00:41:25,500
[OK]を、ので、すべてのあなたが持っている
ロープをカットされることができません。

941
00:41:25,500 --> 00:41:28,240
あなたのカーソルがダウンしてそこに白い一つだ。

942
00:41:28,240 --> 00:41:28,880
>> 非常に素晴らしい。

943
00:41:28,880 --> 00:41:31,290

944
00:41:31,290 --> 00:41:32,790
すべての権利、それが難しく取得についてです。

945
00:41:32,790 --> 00:41:34,800
だから今、次の指を上に保持します。

946
00:41:34,800 --> 00:41:37,370

947
00:41:37,370 --> 00:41:39,030
グッド。

948
00:41:39,030 --> 00:41:39,999
この1は難しい。

949
00:41:39,999 --> 00:41:40,966
>> 聴衆：ああがらくた。

950
00:41:40,966 --> 00:41:41,466
[OK]をクリックします。

951
00:41:41,466 --> 00:41:42,466
それは、その道を行くことを望んでいる。

952
00:41:42,466 --> 00:41:44,890
ああがらくた、that--

953
00:41:44,890 --> 00:41:47,120
>> デイビット·J·マラン：うん。

954
00:41:47,120 --> 00:41:50,700
二次の目標は、すべての星を取得することです。

955
00:41:50,700 --> 00:41:53,920
すべての権利、隣。

956
00:41:53,920 --> 00:41:57,504
>> あなたは、この第三の1を得ることができるかどうか見てみましょう。

957
00:41:57,504 --> 00:41:58,004
グッド。

958
00:41:58,004 --> 00:42:05,980

959
00:42:05,980 --> 00:42:06,840
[OK]を、あそこに行く。

960
00:42:06,840 --> 00:42:08,850
>> かしこまりました。

961
00:42:08,850 --> 00:42:11,230
ああ、非常に素晴らしい。

962
00:42:11,230 --> 00:42:11,930
わかりました。

963
00:42:11,930 --> 00:42:13,534
>> では、なぜ私たちは今日ここ休会ませんか？

964
00:42:13,534 --> 00:42:15,200
誰もがプレイしたい人まで点灯してみましょう。

965
00:42:15,200 --> 00:42:16,880
私たちのボランティアラウラへ本当にありがとうございました。

966
00:42:16,880 --> 00:42:18,730
そして、我々は月曜日にお会いします。

967
00:42:18,730 --> 00:42:21,190
>> 読者：あなたは、おそらくこれらのバックが欲しい。

968
00:42:21,190 --> 00:42:23,640
>> SPEAKER 2：次のCS50--で

969
00:42:23,640 --> 00:42:35,222