1
00:00:00,000 --> 00:00:02,862
>> [MÜZİK OYUN]

2
00:00:02,862 --> 00:00:10,030

3
00:00:10,030 --> 00:00:11,580
>> David MALAN Bu CS50 olup.

4
00:00:11,580 --> 00:00:12,880
Bu haftanın dokuz başlangıcıdır.

5
00:00:12,880 --> 00:00:15,797
Ve bu olurdu ne
Sayın Boole 200 doğum olmuştur.

6
00:00:15,797 --> 00:00:17,630
Yani bu adamlar olduğunu
biz ima ettik kime

7
00:00:17,630 --> 00:00:21,800
kullanma konusunda oldukça bazı zamanlar
Doğru ve false değişkenler,

8
00:00:21,800 --> 00:00:22,910
1 ve 0 ve böyle.

9
00:00:22,910 --> 00:00:25,270
Ve bu Google'ın oldu
Bugün ona haraç.

10
00:00:25,270 --> 00:00:26,489
O 200 açık olurdu.

11
00:00:26,489 --> 00:00:28,280
İsterseniz öylesine
CS50 öğle yemeği için bize katılın,

12
00:00:28,280 --> 00:00:30,279
Linke bir göz atın
dersin web sitesinde.

13
00:00:30,279 --> 00:00:33,580
Ve böyle yüzler ve arkadaşlar olarak
Bu burada Cambridge sizi bekliyor.

14
00:00:33,580 --> 00:00:35,360
Bu gibi Yüzler New Haven sizi bekliyor.

15
00:00:35,360 --> 00:00:37,800
Ve, Ken aslında
New Haven nazik yapılmış

16
00:00:37,800 --> 00:00:41,594
Eli bir animasyonlu GIF denen
Burada son bir GIF henüz lunch--

17
00:00:41,594 --> 00:00:44,260
Başka bir grafik dosya biçimi,
hangi ile o familiar-- konum

18
00:00:44,260 --> 00:00:46,300
Böyle küçük bir şey görünüyor.

19
00:00:46,300 --> 00:00:48,179
Yani sadece bir dizi Tamam of--.

20
00:00:48,179 --> 00:00:49,720
Cambridge burada kimse gülüyor.

21
00:00:49,720 --> 00:00:51,720
Ama New Haven, bu
Doğru, gerçekten komik?

22
00:00:51,720 --> 00:00:52,350
Pekala.

23
00:00:52,350 --> 00:00:53,940
>> Yani orada bize katılın yoktur.

24
00:00:53,940 --> 00:00:55,900
İşte Harvard'da,
Özellikle, bu Çarşamba,

25
00:00:55,900 --> 00:00:59,480
Eğer ikinci sınıfta iseniz veya çaylak even--
yapma ya da junior-- düşünce

26
00:00:59,480 --> 00:01:01,563
bilgisayara bir anahtar
bilim, biliyorum orada olacak o

27
00:01:01,563 --> 00:01:04,440
CS bu adil danışmanlık olmak
Çarşamba, kısa bir süre dersten sonra

28
00:01:04,440 --> 00:01:08,040
Bilgisayarda 04:00 PM
fen binası Maxwell Dworkin.

29
00:01:08,040 --> 00:01:11,890
Biz ders en bu koymak gerekir
Yarın sitesi yanı sıra.

30
00:01:11,890 --> 00:01:14,430
Donuts, ben söyledim, servis edilecektir.

31
00:01:14,430 --> 00:01:15,180
>> Pekala.

32
00:01:15,180 --> 00:01:18,790
Ben alay Çok komik story--
etrafında internette,

33
00:01:18,790 --> 00:01:23,575
ve ben bazı eski arşivleri bulundu
Benim eski web sitesi.

34
00:01:23,575 --> 00:01:25,950
Ve bu çevrede konrtol dönüyor
zaman, o çok zamanında görünüyor

35
00:01:25,950 --> 00:01:28,910
Ben UC seçimlerin olduğunu toplamak beri
tekrar yukarı dişli üzeresiniz.

36
00:01:28,910 --> 00:01:32,230
Yani, UC için koştu sefil kaybetti.

37
00:01:32,230 --> 00:01:34,770
Ve belki bu yüzden parçası oldu.

38
00:01:34,770 --> 00:01:37,600
Yani şu anda web siteme oldu.

39
00:01:37,600 --> 00:01:40,477
Nedense, ben düşündüm
insanlara söylemeden önce iyi bir fikir,

40
00:01:40,477 --> 00:01:43,310
Ya benim bir platform oldu ve neden
Onlar sahip oldukları, bana oy gerekir

41
00:01:43,310 --> 00:01:47,770
öğrenmek için girmek için tıklayın
Geçmişe olan bilgiler,

42
00:01:47,770 --> 00:01:48,660
ürpertici tür.

43
00:01:48,660 --> 00:01:50,910
Ben gerçekten ne olduğunu bilmiyorum.

44
00:01:50,910 --> 00:01:53,140
>> Ama kesinlikle değil mi
Benim kampanya yardımcı.

45
00:01:53,140 --> 00:01:56,874
Ben de üst düzey tarafından bulundu
year-- Ben bu Muppet takvimi vardı.

46
00:01:56,874 --> 00:01:58,540
The Muppets sonra tekrar rağbet tür vardı.

47
00:01:58,540 --> 00:01:59,456
Ya da belki onlar değildi.

48
00:01:59,456 --> 00:02:01,790
Ben o zamanlar Muppet takvimi vardı.

49
00:02:01,790 --> 00:02:04,860
Ve ben isim serin olacağını düşündüm
Harvard'ın ağında benim bilgisayar

50
00:02:04,860 --> 00:02:07,460
frogman.student.harvard.edu.

51
00:02:07,460 --> 00:02:10,370
Anda, hepimiz benzersiz vardı
tanımlanabilir konak adları.

52
00:02:10,370 --> 00:02:13,150
Ve bazı makyaj seçebilirsiniz
yerine kendi adının isim.

53
00:02:13,150 --> 00:02:15,580
Ve ben nedense Frogman ile gitti.

54
00:02:15,580 --> 00:02:19,040
>> Ve sonra ben bir sürü geçirdi started--
zaman bu linkler aracılığıyla tıklayarak

55
00:02:19,040 --> 00:02:20,280
bu sabah.

56
00:02:20,280 --> 00:02:24,690
Ve bu, benim hakkında sayfası oldu
hangi şimdi biraz sevimli görünüyor.

57
00:02:24,690 --> 00:02:28,210
Ama aynı zamanda sadece tanıklık
ne kadar teknoloji geldi.

58
00:02:28,210 --> 00:02:30,310
Ben, geri gün, yani
486 şey oldu.

59
00:02:30,310 --> 00:02:34,090
Bu gün, süper, süper değil,
süper yavaş ve iyi daha az

60
00:02:34,090 --> 00:02:36,216
sen olabilir daha senin
Kendi cepler bugünlerde.

61
00:02:36,216 --> 00:02:38,465
Orada bu konuda daha çok şey var
daha utanç vericiydi.

62
00:02:38,465 --> 00:02:39,770
Yani ben onu bırakacağım.

63
00:02:39,770 --> 00:02:42,640
Ama bu benim ilk
akın web-- içine oh, hayır.

64
00:02:42,640 --> 00:02:43,180
Bu değildi.

65
00:02:43,180 --> 00:02:47,000
Web programlama içine benim ilk gerçek baskını
Ben sadece unuttum bu site oldu.

66
00:02:47,000 --> 00:02:50,620
Bir noktada, ben öğrendim nasıl
tekrarlayan arka plan resimleri olun.

67
00:02:50,620 --> 00:02:55,260
Ve bu yüzden, bu fayans etkili bulundu
hokey oyuncusu, futbol ve golf gibi

68
00:02:55,260 --> 00:02:58,040
top, ya da her neyse yani
Frosh Sohbet web sitesi için.

69
00:02:58,040 --> 00:03:01,390
Ve bu gerçekten, aslında
İlk web tabanlı proje I on-- aldı

70
00:03:01,390 --> 00:03:03,880
Belki ikinci sınıf öğrencisi düşünüyorum
yıl, genç year--

71
00:03:03,880 --> 00:03:07,622
CS50 ve CS51 bir çektikten sonra
Ortak takip sınıfların.

72
00:03:07,622 --> 00:03:09,330
Ben arıyorum fark
arşivler aracılığıyla

73
00:03:09,330 --> 00:03:12,150
benim ardılları biri ve
arkadaşlar, Lee, tür değişti

74
00:03:12,150 --> 00:03:13,480
kendine telif hakkı.

75
00:03:13,480 --> 00:03:17,520
Ama bu gerçekten bir şey olduğunu
Ben utanç için kendi gerekir.

76
00:03:17,520 --> 00:03:19,370
Ama o zaman, bu
İlk web sitesi oldu

77
00:03:19,370 --> 00:03:22,220
Ben birkaç hafta önce söylediği gibi,
hangi çaylak olabilir tarafından

78
00:03:22,220 --> 00:03:24,350
Burada intramural spor kayıt olun.

79
00:03:24,350 --> 00:03:27,950
Ve bu yüzden çıkıyor
Bu arka plan resimleri

80
00:03:27,950 --> 00:03:29,530
Böyle iyi bir fikir değildir.

81
00:03:29,530 --> 00:03:31,840
Ama web yeni ve
Hepimiz deneme idi.

82
00:03:31,840 --> 00:03:34,310
Ve bu ne olduğunu ben
görünüşte zaman yaptım.

83
00:03:34,310 --> 00:03:34,810
Pekala.

84
00:03:34,810 --> 00:03:38,020
Bu yüzden daha fazla uzatmadan, biz geçiş
Gerçekten, size bugün dişli çarklar,

85
00:03:38,020 --> 00:03:42,250
bulabileceğiniz son parçası
Nihai projeler için özellikle yararlıdır

86
00:03:42,250 --> 00:03:44,780
ama aynı zamanda başlar
Bütün world wide web yapmak

87
00:03:44,780 --> 00:03:46,680
Biraz daha anlaşılır hissediyorum.

88
00:03:46,680 --> 00:03:49,460
Nitekim, biz tanıtmak için gidiyoruz
bir daha programlama dili

89
00:03:49,460 --> 00:03:52,474
benzer denilen JavaScript
ve farklı şekillerde farklı

90
00:03:52,474 --> 00:03:54,140
dillerin biz bugüne kadar baktım.

91
00:03:54,140 --> 00:03:55,807
>> Yani C, hatırlama, bu derlenmiş bir dildir.

92
00:03:55,807 --> 00:03:57,473
Bir derleyici aracılığıyla çalıştırmak zorundasın.

93
00:03:57,473 --> 00:03:59,810
Sen itiraz için kaynak kodunu almak
kodu veya sıfırlar ve olanları.

94
00:03:59,810 --> 00:04:03,000
Ve bu sıfır ve hangilerinin olduğunu
CPU, Merkezi İşlem Birimi,

95
00:04:03,000 --> 00:04:04,360
Aslında anlıyorum.

96
00:04:04,360 --> 00:04:06,610
PHP, aksine değil,
derlenmiş dil.

97
00:04:06,610 --> 00:04:08,772
Bir ne kadar mı?

98
00:04:08,772 --> 00:04:09,980
Bu bir dil var.

99
00:04:09,980 --> 00:04:11,750
Yani bazı program var
bir tercüman olduğunu denir

100
00:04:11,750 --> 00:04:13,708
için dökersin-- üst okumak zorunda
alt, sol haklıydın--

101
00:04:13,708 --> 00:04:16,519
ve ne tüm anlamaya
senin sözdizimi yapar ve anlamı,

102
00:04:16,519 --> 00:04:20,200
Bir döngü veya koşul olsun
veya programlama herhangi başka bir numara

103
00:04:20,200 --> 00:04:20,740
oluşturur.

104
00:04:20,740 --> 00:04:22,210
Yani bir dil var.

105
00:04:22,210 --> 00:04:23,910
>> Sonra HTML tanıttı.

106
00:04:23,910 --> 00:04:26,440
Ve HTML bile değil
Programlama dili.

107
00:04:26,440 --> 00:04:28,110
Biz onu ne derim?

108
00:04:28,110 --> 00:04:31,650
Sadece A biçimlendirme dili
Bunu söylemenin süslü yolu bir tür

109
00:04:31,650 --> 00:04:35,820
gibi programlama yapıları yok
biz bile geri Scratch gününde gördüm.

110
00:04:35,820 --> 00:04:36,720
Hiçbir döngüler vardır.

111
00:04:36,720 --> 00:04:37,920
Hiçbir koşul vardır.

112
00:04:37,920 --> 00:04:40,820
Bu gerçekten bir dildir
Verilerinizi işaretleme hakkında

113
00:04:40,820 --> 00:04:43,620
ve biçimlendirme veya
Bir şekilde onu yapılandırılmasında.

114
00:04:43,620 --> 00:04:46,147
>> CSS, bu arada, benzer
bir programlama dili.

115
00:04:46,147 --> 00:04:47,730
Hatta daha estetik yönlendirilmiş var.

116
00:04:47,730 --> 00:04:50,470
Ve bu ince ayar sıralamak için izin verir
yazı tipi boyutu ve renkleri gibi şeyler

117
00:04:50,470 --> 00:04:51,850
yerleştirme ve bütün ve.

118
00:04:51,850 --> 00:04:52,370
Sonra biz

119
00:04:52,370 --> 00:04:53,160
>> SQL.

120
00:04:53,160 --> 00:04:56,010
Yani SQL gerçekten programlama
Bir anlamda dil,

121
00:04:56,010 --> 00:04:59,330
olsa özel
Özellikle veritabanlarına.

122
00:04:59,330 --> 00:05:03,347
Ama biz sadece size tanıtmak bile
seçmek ve yerleştirmek ve silme ve güncelleme

123
00:05:03,347 --> 00:05:05,430
ve diğerleri bir çift,
aslında can çıkıyor

124
00:05:05,430 --> 00:05:07,380
fonksiyonları yazmak veya
Onlar senin gibi işlemler,

125
00:05:07,380 --> 00:05:11,270
bakmak SQL ve hareket denilen
Oldukça PHP ve C fonksiyonları gibi.

126
00:05:11,270 --> 00:05:12,390
Yani o var olduğunu biliyoruz.

127
00:05:12,390 --> 00:05:15,348
Ama biz bile onlarla rahatsız etmeyin
Biz sadece burada yuzeysel olarak.

128
00:05:15,348 --> 00:05:18,600
Ve sonra JavaScript, son
Bizim dil resmen tanıtıldı.

129
00:05:18,600 --> 00:05:21,029
JavaScript Yani çok olduğu
bir dil.

130
00:05:21,029 --> 00:05:23,070
Ve bu tanıdık, do
Bunu ayırt etmek istiyorum

131
00:05:23,070 --> 00:05:26,960
Bazı karakteristik olan
C ve PHP hem?

132
00:05:26,960 --> 00:05:28,300
Ne farklı kılan nedir?

133
00:05:28,300 --> 00:05:29,650
>> HEDEF KİTLE: Bu derlenmiş değil.

134
00:05:29,650 --> 00:05:29,930
>> DAVID MALAN: Tekrar söyle?

135
00:05:29,930 --> 00:05:31,200
>> HEDEF KİTLE: Bu derlenmiş değil.

136
00:05:31,200 --> 00:05:31,930
>> DAVID MALAN: O derlenmiş değil.

137
00:05:31,930 --> 00:05:33,450
Bu yüzden de, yorumlanır.

138
00:05:33,450 --> 00:05:34,760
Yani derlenmiş değil.

139
00:05:34,760 --> 00:05:37,210
Ama bu PHP gibi biraz yapar.

140
00:05:37,210 --> 00:05:39,545
Ama yine de farklıdır
Bazı çarpıcı bir şekilde PHP,

141
00:05:39,545 --> 00:05:40,920
Bu arada, en azından bunu kullanacağız.

142
00:05:40,920 --> 00:05:41,205
Evet?

143
00:05:41,205 --> 00:05:41,940
>> HEDEF KİTLE: Bu istemci tarafı çalışır.

144
00:05:41,940 --> 00:05:44,000
>> DAVID MALAN: Bu çalıştırır
istemci tarafı, genellikle.

145
00:05:44,000 --> 00:05:47,190
Bu gerçekten ayırt edici bulunuyor
Şu anda bizim için karakteristik.

146
00:05:47,190 --> 00:05:51,170
C anlamda sunucu tarafı oldu
Biz CS50 IDE her şeyi yaptım.

147
00:05:51,170 --> 00:05:53,630
PHP şimdiye kadar olmuştur
Sunucu tarafı sürece

148
00:05:53,630 --> 00:05:56,550
bu da, çok interpreted-- alır
değil derlenmiş, ancak interpreted--

149
00:05:56,550 --> 00:06:00,690
tabii ki CS50 IDE içinde
bulutta bir sunucu veya sunucuları.

150
00:06:00,690 --> 00:06:03,070
>> Ama JavaScript bile
Senin olsa gidiyoruz

151
00:06:03,070 --> 00:06:07,000
pset, diyelim ki, bunu yazmaya başlamak için
Sekiz ve sen projects-- belki son

152
00:06:07,000 --> 00:06:09,620
bunu sağa gidiyor
CS50 IDE ve kaydedin

153
00:06:09,620 --> 00:06:14,760
CS50 IDE CS50 IDE içinde dosyalarda
ve sırayla, bulut sunucuları

154
00:06:14,760 --> 00:06:19,160
o barındırılan hangi, gitmiyor
yorumlamak veya kod çalıştırmak için.

155
00:06:19,160 --> 00:06:23,880
Aksine, gönderilecek gidiyor
tarayıcıya aşağı değiştirilmemiş formu.

156
00:06:23,880 --> 00:06:26,990
Ve o zaman IE olacak
Chrome ya da Firefox veya Safari veya

157
00:06:26,990 --> 00:06:30,697
ya da, aslında her türlü yorumlar
Bu, yukarıdan aşağıya, soldan sağa doğru.

158
00:06:30,697 --> 00:06:32,780
Anahtar fark yaratmanın Yani
Bugün için karakteristik

159
00:06:32,780 --> 00:06:36,110
JavaScript istemci tarafı olduğunu
ve PHP, örneğin,

160
00:06:36,110 --> 00:06:37,690
been sunucu tarafı vardır.

161
00:06:37,690 --> 00:06:40,920
Şimdi, bu ilginç sonuçları vardır
gibi, fikri mülkiyet

162
00:06:40,920 --> 00:06:42,660
ve kim aslında kodunu görebilirsiniz.

163
00:06:42,660 --> 00:06:44,860
Ve gerçekten, sen gidebilirsin
ve web üzerinde gördüğünüz en

164
00:06:44,860 --> 00:06:47,530
Birisi sahip olduğu herhangi bir kod
JavaScript ile yazılmış.

165
00:06:47,530 --> 00:06:50,230
Bazen, okunabilir
bazen Karartılmış oluyor.

166
00:06:50,230 --> 00:06:52,550
Ama zamanında bu konuda daha fazla.

167
00:06:52,550 --> 00:06:57,530
>> JavaScript Yani, güzel yeterli olduğunu
Süper benzer, sözdizimsel, C.

168
00:06:57,530 --> 00:06:59,364
Ve PHP gibi çok,
Hiçbir ana işlevi var.

169
00:06:59,364 --> 00:07:02,113
Eğer yazmaya başlamak istiyorsanız
JavaScript kodu, bugün göreceğiniz gibi,

170
00:07:02,113 --> 00:07:03,270
sadece bunu yazmaya başlayın.

171
00:07:03,270 --> 00:07:06,910
Ama özellikle görürsünüz olduğunu
ağ brovserleri bağlamında yararlı olan.

172
00:07:06,910 --> 00:07:09,820
Ancak, benim küçük
Genellikle earlier-- disclaimer--

173
00:07:09,820 --> 00:07:13,790
Eğer giderek can söylemek oldu
Bugün kullanımı JavaScript sunucu tarafı

174
00:07:13,790 --> 00:07:17,655
node.js denilen süslü bir çerçeve kullanarak
CS50 kendi bazı uygulamaların bu

175
00:07:17,655 --> 00:07:18,280
yazılır.

176
00:07:18,280 --> 00:07:20,640
Aslında Node.js. kullandığı 50 Kontrol

177
00:07:20,640 --> 00:07:24,140
Ama biz odaklanmak için gidiyoruz
Out burada JavaScript istemci tarafı.

178
00:07:24,140 --> 00:07:26,750
>> Yani burada PHP koşullar kümesidir.

179
00:07:26,750 --> 00:07:29,350
Üzgünüm, aslında açmayız, o
Açıklamada, çok doğrudur.

180
00:07:29,350 --> 00:07:32,200
Burada da bir dizi
JavaScript koşulları.

181
00:07:32,200 --> 00:07:35,560
Sözdizimsel, o
C ve PHP özdeş.

182
00:07:35,560 --> 00:07:39,040
Sayın Boole ifadeleri vardır
Benzer şekilde, sözdizimsel

183
00:07:39,040 --> 00:07:41,190
C ve PHP hem özdeş.

184
00:07:41,190 --> 00:07:44,100
Biz de anahtarları var
Aynı bakmak JavaScript.

185
00:07:44,100 --> 00:07:46,350
Biz döngüler için var
aynı yapılandırılmış

186
00:07:46,350 --> 00:07:48,140
while döngüleri, while döngüleri yapmak.

187
00:07:48,140 --> 00:07:49,980
>> Bu seferki biraz farklı.

188
00:07:49,980 --> 00:07:53,120
PHP her bir yapı için vardı
Kullandığınız olabileceğini

189
00:07:53,120 --> 00:07:55,320
ya da belki, pset yedi kullanacağız.

190
00:07:55,320 --> 00:07:59,460
JavaScript bu özel sürümü de vardır
için kelimenin tam anlamıyla bir şey söylemek nerede

191
00:07:59,460 --> 00:08:03,864
nesne değişken anahtar için bu gibi
diyerek çok kısa ve öz bir şekilde,

192
00:08:03,864 --> 00:08:06,780
Ben bir object-- var ve verdiyseniz yaparız
Bir moment-- yine bu konuda konuşmak

193
00:08:06,780 --> 00:08:10,370
ve ben her yineleme istiyorum
içeride anahtar değer çiftleri,

194
00:08:10,370 --> 00:08:13,620
Ben nasıl anlamaya gerek yok
sıfır, tek olan sayısal endeks onları,

195
00:08:13,620 --> 00:08:14,580
iki üç.

196
00:08:14,580 --> 00:08:15,900
>> Ben tam anlamıyla bu diyebilirim.

197
00:08:15,900 --> 00:08:20,740
Ve her tekrarında, JavaScript
Beni değişken anahtarı güncellenir için

198
00:08:20,740 --> 00:08:24,810
Daha sonra ilk anahtar, bir sonraki anahtar olarak,
sonraki tuşuna, sonra bir sonraki anahtar,

199
00:08:24,810 --> 00:08:25,510
ve benzeri.

200
00:08:25,510 --> 00:08:30,000
Ve ben tedavi ederek değerde alabilirsiniz
JavaScript bir nesne olarak biz göreceğiz

201
00:08:30,000 --> 00:08:32,584
bir var sanki
PHP ilişkisel dizi.

202
00:08:32,584 --> 00:08:35,750
Gerçekten de, nihayet sarılı eğer senin
bir ilişkisel dizi nedir etrafında zihin

203
00:08:35,750 --> 00:08:40,140
PHP, şimdi olduğu gibi için bunu düşünebilirsiniz
JavaScript nesneye aynı.

204
00:08:40,140 --> 00:08:42,030
Ama bu biraz
Bir basitleştirme.

205
00:08:42,030 --> 00:08:47,230
>> Diziler güzel yeterli, aynı bakmak
bir karakter dışında PHP.

206
00:08:47,230 --> 00:08:51,425
Burada eksik bir şey var
PHP ile geçen hafta gördün söyledi.

207
00:08:51,425 --> 00:08:52,050
Ne ihmal var?

208
00:08:52,050 --> 00:08:53,310
Evet?

209
00:08:53,310 --> 00:08:54,090
Hiçbir Dolar işareti.

210
00:08:54,090 --> 00:08:56,240
Yani bir geri konum
daha normal dünyası nerede

211
00:08:56,240 --> 00:08:58,050
değişkenler dolar işareti yok.

212
00:08:58,050 --> 00:09:00,810
Ama onları öneki yapmak
tipik var, küçültebilirsiniz.

213
00:09:00,810 --> 00:09:02,230
Ve var değişkeni anlamına gelir.

214
00:09:02,230 --> 00:09:06,440
Ve PHP gibi çok gevşek olduğunu
türleri vardır sayede typed--,

215
00:09:06,440 --> 00:09:10,120
sayılar ve dizeler vardır
ve mantarlar ve bu nedenle forth--

216
00:09:10,120 --> 00:09:11,570
JavaScript benzer türleri vardır.

217
00:09:11,570 --> 00:09:15,470
Ama gevşek o yazdığınız oluyor biz
programcılar bunları belirtmek zorunda değilsiniz.

218
00:09:15,470 --> 00:09:18,980
Biz sadece farkında olmak zorunda
farklı tipleri vardır.

219
00:09:18,980 --> 00:09:21,690
>> Değişkenler, meanwhile-- burada nasıl
Biz "Merhaba dünya" ilan olabilir

220
00:09:21,690 --> 00:09:22,230
bir dize olarak.

221
00:09:22,230 --> 00:09:24,890
O aynı olduğunu fark
PHP ama hiçbir Dolar işareti.

222
00:09:24,890 --> 00:09:27,120
Ve bu bir şey biz edeceğiz olduğunu
Daha fazla bugün görmeye başlayabilirsiniz,

223
00:09:27,120 --> 00:09:30,990
Eğer bir nesne vardır sayede
anahtarları ve değerleri ile.

224
00:09:30,990 --> 00:09:32,990
Ve denemek isterseniz
Son hafta-- gelen anlaması için

225
00:09:32,990 --> 00:09:34,730
sözdizimi biraz farklıdır.

226
00:09:34,730 --> 00:09:39,740
Ama biraz aklı kaç check--
anahtarlar bu nesneye sahip gibi görünüyor?

227
00:09:39,740 --> 00:09:40,850
Yani dört görüyorum.

228
00:09:40,850 --> 00:09:43,560
Ben iki görüyorum.

229
00:09:43,560 --> 00:09:44,680
>> Yani aslında iki.

230
00:09:44,680 --> 00:09:47,260
Yani bu bir koleksiyon
İki anahtar-değer çiftleri.

231
00:09:47,260 --> 00:09:49,820
Anahtar, değeri FB olan sembolüdür.

232
00:09:49,820 --> 00:09:52,620
Anahtar, değeri 101.53 olan fiyattır.

233
00:09:52,620 --> 00:09:54,230
Yani bu iki anahtar-değer çiftleri vardır.

234
00:09:54,230 --> 00:09:58,120
Ve, PHP-- hatırlamak ve bu yine
sadece bir tür sözdizim fark.

235
00:09:58,120 --> 00:10:00,170
Her olmadığını
entelektüel ilginç.

236
00:10:00,170 --> 00:10:04,610
PHP'nin bu aynı yazılı olabilir
follows-- alıntı olarak bir şey, eşittir.

237
00:10:04,610 --> 00:10:06,730
Ve ben köşeli parantezler bu değiştirin.

238
00:10:06,730 --> 00:10:11,240
Ve sonra bu değişiklik
Bir alıntı sözcük, "fiyat".

239
00:10:11,240 --> 00:10:12,500
Ve sonra iki nokta üst üste kullanmayın.

240
00:10:12,500 --> 00:10:15,060
Geçen hafta ne kullandın?

241
00:10:15,060 --> 00:10:18,290
Evet, eşittir işareti
funky gösterimini ok.

242
00:10:18,290 --> 00:10:21,470
>> Ve sonra ben burada aynı şeyi yaptı.

243
00:10:21,470 --> 00:10:23,580
Burada aynı şey.

244
00:10:23,580 --> 00:10:24,240
Ve hepsi bu.

245
00:10:24,240 --> 00:10:27,752
Bu değil varsa Yani gayet
Gerçekten hafızaya battı sadece

246
00:10:27,752 --> 00:10:29,960
Henüz gerçekten çünkü
entelektüel ilginç.

247
00:10:29,960 --> 00:10:31,660
Sadece sözdizimsel farklılıklar var.

248
00:10:31,660 --> 00:10:33,230
Ama fikirleri tam olarak aynıdır.

249
00:10:33,230 --> 00:10:35,910
Bu değişkenin İçinde
JavaScript alıntı

250
00:10:35,910 --> 00:10:39,020
anahtar-değer çiftleri bir koleksiyon olduğunu
biri, bir sembolü

251
00:10:39,020 --> 00:10:39,690
fiyattır.

252
00:10:39,690 --> 00:10:42,340
Ve ben o değerlere alabilirsiniz
aşağıdaki sözdizimini.

253
00:10:42,340 --> 00:10:46,280
Sadece PHP, I could gibi
let sanki şey gibi yapmak

254
00:10:46,280 --> 00:10:48,590
Beni bu kutu biraz daha büyük yapmak.

255
00:10:48,590 --> 00:10:52,750
Sadece PHP, I could gibi
kahretsin, ah bu-- olun.

256
00:10:52,750 --> 00:10:53,250
Hadi.

257
00:10:53,250 --> 00:10:56,350

258
00:10:56,350 --> 00:11:00,800
>> Sadece PHP-- Tamam, yaparız gibi
sadece sunum notları kullanın.

259
00:11:00,800 --> 00:11:06,010
Sadece PHP gibi, I can
["sembolü"] $ alıntı $ alıntı yapmak,

260
00:11:06,010 --> 00:11:08,860
ve bu beni alacak
değeri "sembolü."

261
00:11:08,860 --> 00:11:12,800
JavaScript, bu olacak
özdeş, ben sadece bunu sayede.

262
00:11:12,800 --> 00:11:14,850
Tek şey
Eksik dolar işaretidir.

263
00:11:14,850 --> 00:11:17,470
>> Yani güzel yeterli, daha sonra, var
değil tüm bu kadar yeni sözdizimi.

264
00:11:17,470 --> 00:11:21,025
Yani biz odaklanmak Ne bugün, gerçekten, bir
fikir ve uygulamaların bazılarını.

265
00:11:21,025 --> 00:11:22,900
Ve ilk böyle
uygulama bu sen olabilir

266
00:11:22,900 --> 00:11:26,090
Eğer pset daldı eğer gördük
Yedi zaten bu sözdizimi.

267
00:11:26,090 --> 00:11:28,980
Yani ettik pset yedi, eğer
görülen ya da henüz görmedim,

268
00:11:28,980 --> 00:11:33,570
Verdiğimiz bir dosya var olduğunu biliyorum
Eğer config.json-- JavaScript denilen

269
00:11:33,570 --> 00:11:34,661
Notasyon Nesne.

270
00:11:34,661 --> 00:11:35,160
Neden?

271
00:11:35,160 --> 00:11:39,540
Biz sağlamak için mümkün istedim
bazı anahtar-değer çiftleri içeren bir şablon.

272
00:11:39,540 --> 00:11:44,290
Size bir liste vermek mümkün istedim
konağın, sunucunun adı.

273
00:11:44,290 --> 00:11:46,710
Sana vermek istedim
Kullanıcı adınız için yer tutucu

274
00:11:46,710 --> 00:11:48,210
ve şifreniz için bir yer tutucudur.

275
00:11:48,210 --> 00:11:49,410
Eğer görmüyorsanız
Bu, henüz endişe etmeyin.

276
00:11:49,410 --> 00:11:51,340
Pset yedi bu konuda daha fazla
[? spec. ?] Ve daha sonra,

277
00:11:51,340 --> 00:11:53,173
Açıkçası, biz seni istiyorum
to-dos doldurmak için

278
00:11:53,173 --> 00:11:55,310
Eğer giriş yaptığınızda, çünkü
Her biriniz CS50 IDE,

279
00:11:55,310 --> 00:11:57,630
Kendi adınızı ve şifrenizi var.

280
00:11:57,630 --> 00:12:00,910
>> Bu yüzden yarım düzine kullandım
veya daha fazla farklı dosya formatlarını destekler.

281
00:12:00,910 --> 00:12:02,940
Biz bir .txt dosyası kullanılmış olabilir.

282
00:12:02,940 --> 00:12:04,570
Biz bir CSV dosyası kullanılır olabilir.

283
00:12:04,570 --> 00:12:06,745
Biz kullandım verebilecek bir
INI dosyası, bir XML dosyası,

284
00:12:06,745 --> 00:12:09,370
bir sürü daha kısaltmalar olduğunu
Hiç duymuş olabilir.

285
00:12:09,370 --> 00:12:11,244
Bu keyfi tür
günün sonunda.

286
00:12:11,244 --> 00:12:16,030
Ama bu gün süper popüler bir metin
biçimi JSON-- JavaScript Object denilen

287
00:12:16,030 --> 00:12:18,460
Olarak göstermek bu gibi görünüyor.

288
00:12:18,460 --> 00:12:20,890
Bu, biraz şifreli var
ama desenleri dikkat edin.

289
00:12:20,890 --> 00:12:24,180
Sen açık kıvırcık ile başlar
kaşlı ve aynı ile sona erer.

290
00:12:24,180 --> 00:12:26,550
Inside o şeydir.

291
00:12:26,550 --> 00:12:27,920
Bu anahtar-değer çifti var.

292
00:12:27,920 --> 00:12:30,580
Yani bu ben bir nesnedir
Burada ekranda bakarak

293
00:12:30,580 --> 00:12:33,690
bu bir değeri vardır, bir anahtarı vardır.

294
00:12:33,690 --> 00:12:37,610
Ve sadece dayalı çıkarım
Bir önceki model, anahtarı burada ne var?

295
00:12:37,610 --> 00:12:39,790
Veritabanı, bir şey için
kolonun sol.

296
00:12:39,790 --> 00:12:43,500
>> Şimdi değer olması umulur
Birden fazla satır bu sefer.

297
00:12:43,500 --> 00:12:46,760
Ama değer bir kıvırcık ile başlar
brace ve bir küme ayracı ile biter.

298
00:12:46,760 --> 00:12:49,480
Peki ne önerirsiniz olduğunu
veritabanının değerinin türü?

299
00:12:49,480 --> 00:12:52,160

300
00:12:52,160 --> 00:12:54,670
Bir sözlük ya da sadece daha fazla
kısaca, bir amacı.

301
00:12:54,670 --> 00:12:55,170
Sağ?

302
00:12:55,170 --> 00:13:00,010
Bu bir veri yapısı bir tür olduğu
kendi içinde diğer yapıların da kullanabilirsiniz.

303
00:13:00,010 --> 00:13:02,750
Bütün bu şey iseniz Yani
Bir object-- ve nesneyi çağıran

304
00:13:02,750 --> 00:13:07,101
pairs-- anahtar-değer sadece bir demet
veritabanının kendisi değeri bir nesnedir.

305
00:13:07,101 --> 00:13:10,350
Veritabanının değeri bir sürü vardır
anahtar değer çiftleri, ilki

306
00:13:10,350 --> 00:13:13,130
olan ev sahibi, daha sonra, adı
Kullanıcı adınızı, sonra şifre,

307
00:13:13,130 --> 00:13:17,550
Değerleri her arada, bu kadar
çift ​​tırnak sadece sıkıcı bir dize.

308
00:13:17,550 --> 00:13:19,770
>> Yani olmasa bile
Henüz süper net,

309
00:13:19,770 --> 00:13:22,740
Bu sadece bir olduğunu biliyorum
Standart, oldukça sıkıcı bir yol

310
00:13:22,740 --> 00:13:25,190
standart bir formatta veri depolama.

311
00:13:25,190 --> 00:13:27,700
Ancak ortak hatalar size
Hatta pset yedi, yapmak olabilir,

312
00:13:27,700 --> 00:13:32,120
Biraz aptalca şeyler vardır eğer gibi
yanlışlıkla orada virgül ihmal.

313
00:13:32,120 --> 00:13:34,900
Bu dosyada neden gidiyor
mutlaka okunabilir değil varlık.

314
00:13:34,900 --> 00:13:38,191
Yanlışlıkla gibi şeyler atlarsanız
tırnak, okunabilir olacak değil.

315
00:13:38,191 --> 00:13:41,654
Bu yüzden oldukça nitpicky dosya biçimi var,
ama süper yaygın biri.

316
00:13:41,654 --> 00:13:44,820
Ve biz bile bunu kullanmak için ne
Eğer herhangi bir JavaScript aksi kullanmayın,

317
00:13:44,820 --> 00:13:46,330
pset yedi.

318
00:13:46,330 --> 00:13:46,860
>> Pekala.

319
00:13:46,860 --> 00:13:48,110
Yani bu resmi hatırlıyorum.

320
00:13:48,110 --> 00:13:51,657
Biz, HTML, hakkında konuştuk
Kod bu gibi görünebilir.

321
00:13:51,657 --> 00:13:54,740
Bu HyperText Markup Language olduğunu
[Inaudible] için sadece "merhaba dünya".

322
00:13:54,740 --> 00:13:57,570
Ama sonra önerdiği
Geri iken yardımcı takdirde,

323
00:13:57,570 --> 00:14:00,210
Eğer düşünmeye başlamak isteyebilirsiniz
Bu zaten bir ağaç gibi yaklaşık.

324
00:14:00,210 --> 00:14:03,730
Aslında, girinti biz
Okunabilirlik aşkına sadece kullanmak

325
00:14:03,730 --> 00:14:05,610
veya stilin aşkına üzerinde için
Sol can tür

326
00:14:05,610 --> 00:14:10,040
Bu ağacın, seni çevrilmesi
Bazı özel kök düğüm var yaparız

327
00:14:10,040 --> 00:14:16,860
genel olarak, belge denilen aşağıda
kök HTML öğesi veya etiket, HTML,

328
00:14:16,860 --> 00:14:19,980
bu daha sonra iki vardır
Çocuklar, baş ve gövde.

329
00:14:19,980 --> 00:14:21,750
>> Ve sonra da, baş bir başlık vardır.

330
00:14:21,750 --> 00:14:23,440
Ve başlık bir metin değeri vardır.

331
00:14:23,440 --> 00:14:26,130
Ve vücut benzer bir metin değeri vardır.

332
00:14:26,130 --> 00:14:29,220
Eğer rahat bir deyiş iseniz Yani
evet, bu HTML sürebilir

333
00:14:29,220 --> 00:14:32,080
ve benzeri bir resim çizmek
Bu, sağ taraf

334
00:14:32,080 --> 00:14:35,910
Güzel bir zihinsel model şimdi çünkü
Biz JavaScript var, bir programlama

335
00:14:35,910 --> 00:14:39,960
dil olduğunu tarayıcılar can
yürütmek ve sizin için yorumlamak,

336
00:14:39,960 --> 00:14:42,690
o ne çıkıyor
Biz kodda yapmak üzereyiz

337
00:14:42,690 --> 00:14:45,320
Bu işlemek için başlangıç ​​olduğunu
bellekte ağaç yapısı.

338
00:14:45,320 --> 00:14:47,070
Biz inşa etmek zorunda değilsiniz
bellekte ağaç.

339
00:14:47,070 --> 00:14:49,880
Biz tür yapmak zorunda değilsiniz
pset beş tarzı veri yapısı

340
00:14:49,880 --> 00:14:50,650
karmaşıklığı.

341
00:14:50,650 --> 00:14:54,610
Güzel yeterince üzerine tarayıcı,
alt HTML top yorumlama,

342
00:14:54,610 --> 00:14:58,600
sola veya sağa, kelimenin tam anlamıyla gidiyor
bize bir işaretçi eşdeğer el

343
00:14:58,600 --> 00:15:00,840
ücretsiz bu bütün ağaca.

344
00:15:00,840 --> 00:15:02,150
Bu zor iş yapar.

345
00:15:02,150 --> 00:15:05,520
İşte ne Mozilla ve Apple
ve diğerleri bizim için yapmış.

346
00:15:05,520 --> 00:15:09,400
>> Ve JavaScript ile biz gidiyoruz
kontrol edebilmek ve değişim ve yapılacak

347
00:15:09,400 --> 00:15:12,910
ilginç şeyler
O ağaç, aksi takdirde bilinen

348
00:15:12,910 --> 00:15:15,880
Bir DOM veya Belge Nesnesi Modeli olarak.

349
00:15:15,880 --> 00:15:17,110
Ne şeyler tür?

350
00:15:17,110 --> 00:15:19,030
Peki, bu çıkıyor
JavaScript, var

351
00:15:19,030 --> 00:15:22,800
Bu çamaşır listesi
yer alabilir olaylar.

352
00:15:22,800 --> 00:15:26,330
Ve biz gerçekten kullanmadıysanız
Kelime hafta sıfır ve pset beri

353
00:15:26,330 --> 00:15:28,240
Sıfır biz Scratch hakkında konuştuk.

354
00:15:28,240 --> 00:15:31,390
Çoğunuz muhtemelen kullanmak vermedi
Kazı Kazan projesinde bir olay.

355
00:15:31,390 --> 00:15:33,850
Ama hatırlamak olabilir
Basit Marco Polo

356
00:15:33,850 --> 00:15:36,760
örnek, nerede biz iki vardı
sprite, kimi birini Marco dedi.

357
00:15:36,760 --> 00:15:40,180
Kime, sonra dinleme üzerine diğer
ve bu olay işitme, Polo, dedi.

358
00:15:40,180 --> 00:15:42,080
Değilse, çekinmeyin
O kadar geri geri bakmak.

359
00:15:42,080 --> 00:15:44,450
>> Ama bu sadece etmektir
demek, ve ne tür can

360
00:15:44,450 --> 00:15:47,730
Bunların isimleri sonucuna
şeyler, JavaScript, o çıkıyor,

361
00:15:47,730 --> 00:15:53,200
Bize dinlemek için bir yol verecek
Fare aşağı gidiş veya fare kadar gidiyor için

362
00:15:53,200 --> 00:15:57,920
veya tuşunu basılı veya anahtar gidiyor
gidiş yukarıya veya onsubmit onSelect

363
00:15:57,920 --> 00:15:59,740
ya da bir şey onresizing.

364
00:15:59,740 --> 00:16:03,060
Diğer bir deyişle, herhangi bir fiziksel aksiyon
İnsan bir tarayıcı ile alabilir

365
00:16:03,060 --> 00:16:08,210
Her gün yapmak, yazabilirsiniz
Bunun için kod bu olaylar için dinler

366
00:16:08,210 --> 00:16:10,220
ve sonra uygun bir şey yok.

367
00:16:10,220 --> 00:16:14,130
>> Örneğin, Google Maps kullanmak,
Eğer tıklayın ve hareket ne olur

368
00:16:14,130 --> 00:16:16,250
Fare, tipik haliyle?

369
00:16:16,250 --> 00:16:17,758
Eğer tıklayın ve sürükleyin?

370
00:16:17,758 --> 00:16:18,258
Evet?

371
00:16:18,258 --> 00:16:21,701

372
00:16:21,701 --> 00:16:22,200
Kesinlikle.

373
00:16:22,200 --> 00:16:23,159
Haritayı hareket etmeye başlar.

374
00:16:23,159 --> 00:16:25,616
Yani bir çeşit ne görebiliyorum
Buraya, şuraya ne.

375
00:16:25,616 --> 00:16:27,130
Ve nasıl Google, uygulamak mu?

376
00:16:27,130 --> 00:16:29,421
Eh, muhtemelen, onlar
Bu olayın bir çift kullanarak

377
00:16:29,421 --> 00:16:31,720
dinleyiciler, bir o
, fare üzerindeki dinleyin diyor

378
00:16:31,720 --> 00:16:35,410
ne zaman kullanıcı fiziksel yüzden down--
Onun trackpad veya onun fare iter

379
00:16:35,410 --> 00:16:36,010
aşağı.

380
00:16:36,010 --> 00:16:38,350
Sonra arıyoruz
hareketi gibi bir şey

381
00:16:38,350 --> 00:16:41,145
ya da başka bir olay olduğunu
Bize sürükleyin yakalayabilirsiniz.

382
00:16:41,145 --> 00:16:45,910
Ve aslında, sürükle bu benzer olduğunu
dot olası seçeneklerin nokta listesini süslüyor.

383
00:16:45,910 --> 00:16:49,140
>> Yani bu güçlü olacak
yol kullanıcıya yanıt başlamak için

384
00:16:49,140 --> 00:16:52,824
Hatta o aslında tıkladığında önce
açık gibi bir şey gönderin.

385
00:16:52,824 --> 00:16:55,240
Ama biz tanıtmak için gidiyoruz
Bir kaç konu oraya.

386
00:16:55,240 --> 00:16:58,570
Ama önce, diyelim geçiş
bazı gerçek kod.

387
00:16:58,570 --> 00:17:01,450
Yani gidiyorum
önde ve açmak dom-0,

388
00:17:01,450 --> 00:17:05,869
hangi çok basit bir örnek
Burada ben sadece yakınlaştırmak eğer

389
00:17:05,869 --> 00:17:08,500
Benim için burada bu girişe sahiptir.

390
00:17:08,500 --> 00:17:12,410
Ve ben devam edin ve yazın gidiyorum
Benim adını "Davut" ve Gönder'i tıklayın.

391
00:17:12,410 --> 00:17:17,940
>> Ve sonra, gerçi çeşit ucuza, ben
, söylüyor açılır bu istemi var

392
00:17:17,940 --> 00:17:19,244
"merhaba, David!"

393
00:17:19,244 --> 00:17:21,740
Yani bu tür bir
gibi bizim "merhaba dünya"

394
00:17:21,740 --> 00:17:25,150
Biz süre geri C yaptım ve
Hatta PHP dinamik ettik çünkü

395
00:17:25,150 --> 00:17:26,310
Adımı çıkışı.

396
00:17:26,310 --> 00:17:28,230
Burada başkasının adını yapabilirsiniz.

397
00:17:28,230 --> 00:17:31,240
Ben sadece, bu değişebilir
gibi, Hannah, Gönder'i tıklatın.

398
00:17:31,240 --> 00:17:33,780
Ve gerçekten de, küçük pop-up değişir.

399
00:17:33,780 --> 00:17:36,650
>> Şimdi, pop-up biri
web en kötüye özellik.

400
00:17:36,650 --> 00:17:38,520
Ve aslında, geri
gün pop-up blokerler

401
00:17:38,520 --> 00:17:40,820
moda haline geldi çünkü sen
Bazı website-- gitmek istiyorum

402
00:17:40,820 --> 00:17:43,604
belki sorgulanabilir duymak yüzden
aniden o olur

403
00:17:43,604 --> 00:17:46,020
Ekranınızı peppering başlayın
pop-up bir sürü ile.

404
00:17:46,020 --> 00:17:49,700
Ve böylece bu yeteneği açılır
kullanıcının önündeki pencereler

405
00:17:49,700 --> 00:17:52,372
Özellikle olmamıştır
İnsanlığın tarafından iyi aldı.

406
00:17:52,372 --> 00:17:54,080
Gördüğünüz İşte bu yüzden
Bu şeyi önlemek,

407
00:17:54,080 --> 00:17:55,706
hangi sadece bu her şeyi çirkin yapar.

408
00:17:55,706 --> 00:17:57,996
Yani bir ihtiyacımız olacak
kullanıcı istemi için daha iyi bir yol.

409
00:17:57,996 --> 00:17:59,350
Ama şimdi, o iş gibi görünüyor.

410
00:17:59,350 --> 00:18:03,320
Yani sadece sezgisel, ne
Buradaki olmak görünüyor?

411
00:18:03,320 --> 00:18:07,870
Devam edin ve Gönder'i tıklatın ve
o zaman bir şey açıkça oluyor.

412
00:18:07,870 --> 00:18:12,870
Ama olmuyor ne oldu bu
Geçen hafta ben Gönder tıkladım her zaman?

413
00:18:12,870 --> 00:18:15,940
Ekranda ne olmadı?

414
00:18:15,940 --> 00:18:17,170
Maalesef?

415
00:18:17,170 --> 00:18:18,010
Yükle.

416
00:18:18,010 --> 00:18:19,720
URL hiç değişmedi.

417
00:18:19,720 --> 00:18:22,250
Ben, bu dom-0 olduğunu söyledi
ve ben dom-0 hâlâ değilim.

418
00:18:22,250 --> 00:18:26,890
Normalde, biz diğer bazı değiştirildi olsun istiyorum
Register.php veya benzeri gibi URL.

419
00:18:26,890 --> 00:18:29,560
>> Ama ben bile görevden ne zaman
Tamam tıklayarak bu şey,

420
00:18:29,560 --> 00:18:32,310
URL'ye fark
kalır tamamen koydu.

421
00:18:32,310 --> 00:18:35,350
Ve aslında, ben biraz eğer
şüpheci, beni Chrome'u açalım.

422
00:18:35,350 --> 00:18:36,860
Bana Ağ sekmesini açalım.

423
00:18:36,860 --> 00:18:38,360
Ve şu anda boş olduğunu fark.

424
00:18:38,360 --> 00:18:40,700
Beni go ahead ve Maria yeniden edelim.

425
00:18:40,700 --> 00:18:42,810
Hiçbir ağ trafiği var.

426
00:18:42,810 --> 00:18:44,320
Yani hiçbir HTTP var.

427
00:18:44,320 --> 00:18:47,620
>> Yani aslında, ben kaynak koduna bakarsanız
bu-- için bana bu pencereyi kapatalım

428
00:18:47,620 --> 00:18:49,480
ve Kaynak görüntüle gidin.

429
00:18:49,480 --> 00:18:50,400
İlginç.

430
00:18:50,400 --> 00:18:53,520
Bazı var gibi görünüyor
Yeni etiketler, aralarında script.

431
00:18:53,520 --> 00:18:57,490
Öyleyse CS50 içinde bir göz atalım
IDE tam olarak kullanıcıya gönderilen şey.

432
00:18:57,490 --> 00:19:00,690
>> Yani burada atalım bu--
HTML sadece odaklanın.

433
00:19:00,690 --> 00:19:03,500
İşte dom-0.html alt yarısı.

434
00:19:03,500 --> 00:19:07,830
Ve bir başlık var fark,
Bir kafa etiketi, vücut etiket, bir form etiketi.

435
00:19:07,830 --> 00:19:11,257
Ama ne olarak size atlar
Farklı asla ettik özellikle

436
00:19:11,257 --> 00:19:12,590
herhangi bir JavaScript Kendinizi yazılı.

437
00:19:12,590 --> 00:19:14,920
Beni biraz ilerleyin edelim
Burada sağa.

438
00:19:14,920 --> 00:19:18,330
Ben bir giriş var,
için başka bir giriş gönderebilirsiniz.

439
00:19:18,330 --> 00:19:21,410
Ben yeni tür bir kimliği, var.

440
00:19:21,410 --> 00:19:22,790
Ama biz CSS ile bu gördün.

441
00:19:22,790 --> 00:19:24,480
Başka ne kesinlikle yeni?

442
00:19:24,480 --> 00:19:24,980
Evet?

443
00:19:24,980 --> 00:19:30,580

444
00:19:30,580 --> 00:19:32,140
Güzel.

445
00:19:32,140 --> 00:19:32,760
>> Pekala.

446
00:19:32,760 --> 00:19:35,630
Yani onsubmit yazan yere,
takip etmek göründüğü gibi dikkat edin.

447
00:19:35,630 --> 00:19:38,740
Bu özniteliği
HTML nomenklatüründe.

448
00:19:38,740 --> 00:19:40,944
Onun değeri burada alıntı dizedir.

449
00:19:40,944 --> 00:19:42,860
Ve bu biraz görünüyor
İlk bakışta garip.

450
00:19:42,860 --> 00:19:44,050
Bu HTML değil.

451
00:19:44,050 --> 00:19:45,240
Bu CSS değil.

452
00:19:45,240 --> 00:19:47,580
Tahmin edebileceğiniz gibi bu, JavaScript olduğunu.

453
00:19:47,580 --> 00:19:51,850
Yani bu yerleşik görünüyor
Web sayfası Greet adı verilen bir fonksiyonudur.

454
00:19:51,850 --> 00:19:54,250
Ve bunu sadece çıkarım ediyorum
Bir kelime, çünkü selamlıyorum.

455
00:19:54,250 --> 00:19:55,880
Bu, açık bir paren var
yakın parantez, noktalı virgül.

456
00:19:55,880 --> 00:19:58,095
Bir C işlevi gibi görünüyor
PHP işlevi gibi görünüyor.

457
00:19:58,095 --> 00:20:00,370
>> Ve gerçekten de gidiyor
JavaScript fonksiyonu.

458
00:20:00,370 --> 00:20:01,440
Sonra yanlış dönüyorum.

459
00:20:01,440 --> 00:20:03,440
Biz geri geleceğiz
sadece bir an o.

460
00:20:03,440 --> 00:20:05,320
Ama nerede bu işlev tanımlanır?

461
00:20:05,320 --> 00:20:07,950
Peki beni yukarı izin
dosyanın üstüne.

462
00:20:07,950 --> 00:20:11,710
Ve uzun bir çizgi var olsa bile,
nispeten basittir.

463
00:20:11,710 --> 00:20:15,000
Beni burada uzaklaştırmak edelim ve
Bu dört satır odaklanın.

464
00:20:15,000 --> 00:20:17,137
>> , JavaScript Yani sadece
PHP gibi, sadece

465
00:20:17,137 --> 00:20:19,720
diyelim ki, kelimenin tam anlamıyla, kelime "işlevi,"
İşlevin adı,

466
00:20:19,720 --> 00:20:22,700
ve daha sonra herhangi parantez
Bu durumda hiçbir argüman arguments--.

467
00:20:22,700 --> 00:20:25,290
Ve hiçbir dönüş türü var
JavaScript, PHP gibi sadece.

468
00:20:25,290 --> 00:20:29,470
Yani C'den biraz gevşek var
Açık kaşlı ayraç, yakın kaşlı ayraç.

469
00:20:29,470 --> 00:20:33,270
JavaScript yerleşik function-- olduğunu
önerilen bir function--

470
00:20:33,270 --> 00:20:35,730
ancak bir işlev uyarısı denilen
Hayatta kimin tek amacı

471
00:20:35,730 --> 00:20:38,620
oldukça çirkin yukarı çekmek için
Biz bir an önce gördüm istemi.

472
00:20:38,620 --> 00:20:40,950
>> Şimdi bu bir lokma türüdür.

473
00:20:40,950 --> 00:20:42,560
Burada neler oluyor?

474
00:20:42,560 --> 00:20:45,840
Yani başlayalım
Burada her şeyi vurgulayın.

475
00:20:45,840 --> 00:20:48,540
Yani uyarmak için aynı argüman var.

476
00:20:48,540 --> 00:20:49,530
Ve ne oluyor?

477
00:20:49,530 --> 00:20:51,200
Bu sadece bir dize gibi görünüyor.

478
00:20:51,200 --> 00:20:59,180
Ve PHP aksine ve aksine çıkıyor
C, bu JavaScript farketmez

479
00:20:59,180 --> 00:21:01,090
Tek tırnak veya çift tırnak varsa.

480
00:21:01,090 --> 00:21:02,060
Onlar eşdeğer olacak.

481
00:21:02,060 --> 00:21:03,769
Ve açıkçası, bu sadece
Bugünlerde popüler

482
00:21:03,769 --> 00:21:06,726
Her zaman için JavaScript programcılar için
nedense tek tırnak kullanın.

483
00:21:06,726 --> 00:21:07,840
Bunu yapmak için sadece bir şey var.

484
00:21:07,840 --> 00:21:09,710
Ama biz, hem de çift tırnak kullanabilirsiniz.

485
00:21:09,710 --> 00:21:11,540
>> Yani artı yeni bir karakterdir.

486
00:21:11,540 --> 00:21:14,512
Ama o sizin Yaptığım kim
Bu daha önce artı ne demek?

487
00:21:14,512 --> 00:21:16,440
Evet.

488
00:21:16,440 --> 00:21:17,120
Concatenate.

489
00:21:17,120 --> 00:21:18,570
Bu yüzden PHP gördüm.

490
00:21:18,570 --> 00:21:20,315
Sadece nokta var
PHP operatör o

491
00:21:20,315 --> 00:21:22,000
birlikte iki dizeleri birleştirmek olacaktır.

492
00:21:22,000 --> 00:21:24,000
C boyun bir ağrı bunu idi.

493
00:21:24,000 --> 00:21:27,310
Oldu pset altı, hatırlayın
boyun bir özel ağrı,

494
00:21:27,310 --> 00:21:29,470
Kullanmak zorunda
strcat işlevinin gibi bir şey

495
00:21:29,470 --> 00:21:31,660
bellek ayırma sonra
yığınında ya da öbek üzerinde.

496
00:21:31,660 --> 00:21:34,243
Sen çemberler üzerinden atlamak zorunda kaldı
Sadece iki dizeyi bitiştirmek için.

497
00:21:34,243 --> 00:21:36,040
JavaScript, bu süper basit.

498
00:21:36,040 --> 00:21:38,030
Sadece aralarındaki artı operatörünü kullanın.

499
00:21:38,030 --> 00:21:41,420
>> Yani karmaşık görünümlü
şey, bu gibi görünüyor

500
00:21:41,420 --> 00:21:43,490
çünkü sonunda
Bütün bu dize, ben sadece

501
00:21:43,490 --> 00:21:45,797
ünlem işareti üzerine bağlamak.

502
00:21:45,797 --> 00:21:48,380
Ne oldu haşhaş bu yüzden eğer
"Merhaba, David", "merhaba, Hannah,"

503
00:21:48,380 --> 00:21:52,740
"Merhaba, Maria," ve benzeri, açıkça
ikisi arasında orta bir şey o

504
00:21:52,740 --> 00:21:55,215
Artılar bana ne erişimi vermelisiniz?

505
00:21:55,215 --> 00:21:58,855

506
00:21:58,855 --> 00:22:01,991
Ne emin var mı?

507
00:22:01,991 --> 00:22:02,490
Evet.

508
00:22:02,490 --> 00:22:05,090
Yani burada davranarak edeceğiz
kendi adını cevap, değil mi?

509
00:22:05,090 --> 00:22:10,380
Bu yüzden onların adı finalde attı
Sonuç. Peki bu ne anlama geliyor?

510
00:22:10,380 --> 00:22:15,080
Eh, ben daha önce önerdi
DOM sözde resim

511
00:22:15,080 --> 00:22:18,580
Bu özel kök elemanı vardır
yol kadar üst belge denir.

512
00:22:18,580 --> 00:22:21,660
Ve şimdi, o gidiyor, çıkıyor
Özel bir küresel değişken olarak

513
00:22:21,660 --> 00:22:25,250
JavaScript bir olan yerleşik
yararlı işlevselliği sürü.

514
00:22:25,250 --> 00:22:31,770
Yararlı işlevsellik arasında
yetenek herhangi soyundan düğümünde alır.

515
00:22:31,770 --> 00:22:37,760
Bu kareler veya dikdörtgenler veya elips
sadece tabiri caizse, bir ağaç düğümleri.

516
00:22:37,760 --> 00:22:41,850
>> Yani yerleşik çıkıyor
JavaScript'in belge nesnesi

517
00:22:41,850 --> 00:22:47,300
aksi takdirde olarak bilinen bir fonksiyonudur
yöntem, yani getElementById denir.

518
00:22:47,300 --> 00:22:50,410
Çağırmak için sözdizimi
JavaScript bir işlev

519
00:22:50,410 --> 00:22:55,220
Bir nesne ya da a içeride
Değişken sadece nokta gösterimi ile olduğunu.

520
00:22:55,220 --> 00:22:57,950
Ve biz C gördüm
Ne struct sözdizimi.

521
00:22:57,950 --> 00:23:03,530
Sen, biraz PSET yedi görüyoruz
çeşit, sen CS50 :: sorgu gördüğünüzde.

522
00:23:03,530 --> 00:23:08,070
PHP kolon kolon başka bir şeydir
olan bir işlevi çağırmadan yolu

523
00:23:08,070 --> 00:23:09,260
Bazı nesne içindeki.

524
00:23:09,260 --> 00:23:11,960
>> Ama şimdi JavaScript için,
bu sadece bir nokta var.

525
00:23:11,960 --> 00:23:14,170
Ve böylece bu fonksiyon,
güzel yeterli, tür

526
00:23:14,170 --> 00:23:16,810
o KODU eleman almak does-- ne diyor.

527
00:23:16,810 --> 00:23:20,280
Bir eleman sadece başka bir adıdır
DOM bir etiket veya düğüm için.

528
00:23:20,280 --> 00:23:26,900
Ve böylece kimlik "adı," eleman almak
Benim HTML var burada bu-- demektir.

529
00:23:26,900 --> 00:23:31,910
Ve bu HTML tabanlı ne
düğüm ya da ne HTML etiketi Ben kimim

530
00:23:31,910 --> 00:23:35,097
programlı teslim olacak
document.getElementById arayarak?

531
00:23:35,097 --> 00:23:37,650

532
00:23:37,650 --> 00:23:38,500
>> Evet, kesinlikle.

533
00:23:38,500 --> 00:23:42,670
Ben giriş alacağım
kimin kimliği var unsuru "adı" dir.

534
00:23:42,670 --> 00:23:45,140
Yani özellikle yapabilirsiniz
Bu fonksiyonun düşünmek,

535
00:23:45,140 --> 00:23:49,560
vermenin bir yolu olarak, getElementById
belirli düğüme bir işaretçi geri

536
00:23:49,560 --> 00:23:50,060
ağaç.

537
00:23:50,060 --> 00:23:51,980
Biz bu çizilmiş değil
ağaç, ama bir yoldur

538
00:23:51,980 --> 00:23:54,900
bu erişim elde
dikdörtgen veya dikdörtgen

539
00:23:54,900 --> 00:23:58,090
benzersiz kendi kimliği yoluyla tanımlayarak.

540
00:23:58,090 --> 00:23:59,760
>> Şimdi, neden bu yararlıdır?

541
00:23:59,760 --> 00:24:01,510
Eh, o çıkıyor
Eğer kazanılmış bir kez o

542
00:24:01,510 --> 00:24:07,220
dan dikdörtgen Bu düğüm,
resim, bunun içinde o düğüm,

543
00:24:07,220 --> 00:24:10,660
bu da, bütün bir grup vardır
properties-- anahtar-değer çiftleri

544
00:24:10,660 --> 00:24:13,480
veya değer olarak adlandırılır biri veri.

545
00:24:13,480 --> 00:24:16,500
Yani kelimenin tam anlamıyla, bir tür
ağız dolusu her şeyi açıklamak için.

546
00:24:16,500 --> 00:24:19,370
Ama günün sonunda,
Bütün bu yapar sana vermek

547
00:24:19,370 --> 00:24:23,070
Kullanıcı yazdığınız bir dize
Bu hiyerarşik moda.

548
00:24:23,070 --> 00:24:24,820
Ama ben sevmiyorum
Bunlardan çift.

549
00:24:24,820 --> 00:24:27,590
Ya da daha doğrusu, bazı merak hala var.

550
00:24:27,590 --> 00:24:28,870
Tüm bu iş gibi görünüyordu.

551
00:24:28,870 --> 00:24:33,420
Neden geri döndüm sizce
selamlıyorum çağrıldıktan sonra yanlış?

552
00:24:33,420 --> 00:24:35,910
Bu da, biraz çirkin görünüyor
Ben iki tablo var olması

553
00:24:35,910 --> 00:24:38,730
noktalı virgül ile ayrılmış.

554
00:24:38,730 --> 00:24:39,310
Tahminde bulun.

555
00:24:39,310 --> 00:24:44,390
Ben return false çıkardıysanız ne
sadece içgüdüsel, ne olabilir?

556
00:24:44,390 --> 00:24:46,990

557
00:24:46,990 --> 00:24:49,460
Maalesef, tekrar ediyorum?

558
00:24:49,460 --> 00:24:50,530
>> Windows'un bir demet açın.

559
00:24:50,530 --> 00:24:52,780
Yani potansiyel belki bir şey
Bu olur gibi.

560
00:24:52,780 --> 00:24:54,422
Başka?

561
00:24:54,422 --> 00:24:55,630
Bir istek nereye teslim olabilir mi?

562
00:24:55,630 --> 00:24:59,109

563
00:24:59,109 --> 00:25:00,510
Aynı sayfaya.

564
00:25:00,510 --> 00:25:03,110
Bu yüzden, aslında, hepsi bu
Burada cevap yakın,

565
00:25:03,110 --> 00:25:05,890
Hatta aksine olsa
Geçmişte, ben oldum

566
00:25:05,890 --> 00:25:09,300
Eylem niteliği belirtilen,
normalde biz yapmak zorundayız.

567
00:25:09,300 --> 00:25:11,780
Varsayılan var ortaya çıktı.
Eylemi belirtmezseniz,

568
00:25:11,780 --> 00:25:15,370
bu teklifi demek gibi, unquote
veya dosyanın kendisinde adı,

569
00:25:15,370 --> 00:25:17,850
Bu durumda, bu olur
dom-0.html gibi.

570
00:25:17,850 --> 00:25:20,420
Sadece biraz, anlaşılmaktadır ki
ya da daha doğrusu ima etti.

571
00:25:20,420 --> 00:25:22,420
>> Ve ben bunu yapmazsanız eğer öyleyse, en dikkat edelim.

572
00:25:22,420 --> 00:25:23,230
Bana bu kurtaralım.

573
00:25:23,230 --> 00:25:25,270
Ve ben yalancı getiri kaldırdık.

574
00:25:25,270 --> 00:25:27,759
Beni bu geri dönelim
örnek ve kuvvet yeniden yükleyin.

575
00:25:27,759 --> 00:25:30,800
Ve beni önermek görmüş olabilir
Bu CS50 üstünde bir demet tartışın.

576
00:25:30,800 --> 00:25:34,560
Herhangi bir şey davranıyor Eğer korkak ve
Beklediğiniz gibi tarayıcı, davranıyor değil

577
00:25:34,560 --> 00:25:37,410
çoğu zaman sen tutmak isteyeceksiniz
Shift ve sonra yeniden yükle seçeneğini tıklatın.

578
00:25:37,410 --> 00:25:41,480
Yani yeniden her dosya zorlar
ve tarayıcınızın önbelleğini yerel kullanmayın

579
00:25:41,480 --> 00:25:47,032
veya kopyalama şimdi, böylece beni önde gidelim ve
Benim Müfettiş, Ağ sekmesini açın.

580
00:25:47,032 --> 00:25:48,740
Ben tıklayın gidiyorum
Oturum çünkü Koru Ben

581
00:25:48,740 --> 00:25:51,660
bu satırları silmek istemiyorum
Ben başka bir yerde whisked olsun bir kez.

582
00:25:51,660 --> 00:25:54,650
>> Beni burada devam edelim ve
Andi yazın, Gönder'i tıklatın.

583
00:25:54,650 --> 00:25:55,150
Pekala.

584
00:25:55,150 --> 00:25:56,480
Beklendiği gibi görünüyor.

585
00:25:56,480 --> 00:25:57,440
Bu "merhaba, Andi" diyor.

586
00:25:57,440 --> 00:25:59,420
Beni Tamam 'ı edelim.

587
00:25:59,420 --> 00:26:00,610
İlginç.

588
00:26:00,610 --> 00:26:05,100
Sayfa değiştirildi dikkat edin
Orijinal sayfaya olsa.

589
00:26:05,100 --> 00:26:06,770
Değiştirilen URL tür dikkat edin.

590
00:26:06,770 --> 00:26:09,430
Bu, bir soru işareti eklendi
bu genellikle bir göstergesidir

591
00:26:09,430 --> 00:26:11,260
biz bir şey göndermek için çalıştı.

592
00:26:11,260 --> 00:26:13,570
Ve sonra altta,
daha açık,

593
00:26:13,570 --> 00:26:17,570
Burada gerçek HTTP isteği,
200 yanıt var olanı

594
00:26:17,570 --> 00:26:18,490
Beni buraya geri getirdi.

595
00:26:18,490 --> 00:26:20,250
>> Yani bu değil ne olduğunu
Biz doğru yapmak ister misin?

596
00:26:20,250 --> 00:26:22,166
Çünkü ben .... istemiyorum
Bütün sayfayı yeniden yükleyin.

597
00:26:22,166 --> 00:26:24,970
Bunun yerine dönmek istedim
yani kısa devre olarak yanlış

598
00:26:24,970 --> 00:26:28,840
tarayıcının varsayılan davranış, hangi
sayfayı göndermek için, tabii ki oldu.

599
00:26:28,840 --> 00:26:31,700
>> Yani bir göz atalım
marjinal iyi bir örnektir.

600
00:26:31,700 --> 00:26:33,920
Bu dom sürüm biridir.

601
00:26:33,920 --> 00:26:36,680
Ve aşağıdaki dikkat edin.

602
00:26:36,680 --> 00:26:39,150
Eğer grok yoksa Tamam
kod satırları hepsi.

603
00:26:39,150 --> 00:26:41,750
Ama temelde farklı nedir
Bu uygulama hakkında?

604
00:26:41,750 --> 00:26:44,690
Ben davranır şart olacak
Aynı, aynı şeyi yapar.

605
00:26:44,690 --> 00:26:49,320

606
00:26:49,320 --> 00:26:51,570
Açıkçası farklı ne yaptım?

607
00:26:51,570 --> 00:26:52,266
Evet?

608
00:26:52,266 --> 00:26:53,182
>> HEDEF KİTLE: [duyulamaz].

609
00:26:53,182 --> 00:27:03,421

610
00:27:03,421 --> 00:27:04,170
DAVID MALAN: Evet.

611
00:27:04,170 --> 00:27:08,620
Yani fonksiyon tanımlanır differently--
formundan mevcut diğer bir deyişle,,

612
00:27:08,620 --> 00:27:13,180
Orada hat 7-- veya
daha çok, satır 8-- Artık

613
00:27:13,180 --> 00:27:15,070
Ben onsubmit niteliği var.

614
00:27:15,070 --> 00:27:16,750
Önceki örnekte, ben bu vardı.

615
00:27:16,750 --> 00:27:18,530
Ve sonra ben tam anlamıyla benim kod yazdı.

616
00:27:18,530 --> 00:27:20,210
Ve sonra return false dedi.

617
00:27:20,210 --> 00:27:22,180
Ve bu ovmak vermedi
Henüz yanlış bir şekilde,

618
00:27:22,180 --> 00:27:26,140
o başlamalıdır sürece
Sadece HTML gibi gibi,

619
00:27:26,140 --> 00:27:29,530
Biz başladığında onu co-karışmak
stil nitelikleri CSS ile,

620
00:27:29,530 --> 00:27:32,890
sadece biraz almaya başladı
Dağınık ya da biraz yanlış hissediyorum.

621
00:27:32,890 --> 00:27:35,020
>> Benzer burada, eğer
Eğer HTML alarak başlayın

622
00:27:35,020 --> 00:27:37,419
ve daha sonra otomatik olarak
Bazı JavaScript kodu plop

623
00:27:37,419 --> 00:27:40,460
Bir alıntı dize ortasında, bu kadar
Çok sürdürülebilir olmayacak.

624
00:27:40,460 --> 00:27:40,630
Sağ?

625
00:27:40,630 --> 00:27:43,690
İlk başta bile belli değil
JavaScript kodu nerede koyun.

626
00:27:43,690 --> 00:27:46,590
Bu yüzden gerçekten güzel olurdu
Daha iyi bir tasarım prensibi,

627
00:27:46,590 --> 00:27:50,500
en Bizim HTML tamamen devam edelim
Bizim JavaScript ayrı.

628
00:27:50,500 --> 00:27:53,150
>> Yani biz ettik, ne yapmak
Burada yapılan following-- olduğunu

629
00:27:53,150 --> 00:27:56,790
biz sadece sadece biçimlendirme için HTML kullanabilirsiniz.

630
00:27:56,790 --> 00:28:00,730
Ve böylece sürümünde bu bir bütün
Ben benzersiz bir kimlik şeklidir.

631
00:28:00,730 --> 00:28:04,630
Ve sonra buraya, ben yararlanarak ediyorum
JavaScript kendine has bir özelliği bir

632
00:28:04,630 --> 00:28:08,480
bu sayede ben ne olabilir
adsız işlevi çağıran.

633
00:28:08,480 --> 00:28:14,150
Yani dediğim eğer çıkıyor
'demo' arasında document.getElementById

634
00:28:14,150 --> 00:28:18,890
Bu bana bir işaretçi vermek gibi
Benim ağaç bu düğüm, form elemanı,

635
00:28:18,890 --> 00:28:20,100
sözde.

636
00:28:20,100 --> 00:28:22,220
>> Şimdi, ben sadece biliyorum
HTML biraz bilerek

637
00:28:22,220 --> 00:28:26,330
şimdi bazı online okumak zorunda konum
referans, bir form öğesi destekler

638
00:28:26,330 --> 00:28:29,950
Olay listeners-- bir sürü içinde
Başka bir deyişle, olay çamaşır listesi

639
00:28:29,950 --> 00:28:31,700
Biz bir an önce gördüm dinleyici.

640
00:28:31,700 --> 00:28:35,950
Ben belgeleri okuyarak biliyorum
Bu onsubmit geçerli bir olaydır

641
00:28:35,950 --> 00:28:38,520
Bir form elemanı için dinleyici.

642
00:28:38,520 --> 00:28:41,480
>> Yani ben öğrendikten sonra,
yapmamı için güvenli

643
00:28:41,480 --> 00:28:45,390
bu düğümü almak following--
ağacından, form elemanı,

644
00:28:45,390 --> 00:28:48,070
ve sözde erişmek
onsubmit özellik.

645
00:28:48,070 --> 00:28:49,880
Yani nokta sadece anlamına gelir
Bu, bir özelliktir

646
00:28:49,880 --> 00:28:52,180
bunun içinde özel bir değer gibi.

647
00:28:52,180 --> 00:28:55,590
Ve hangi veri türü Ben kimim
atama, görünüşe göre,

648
00:28:55,590 --> 00:28:58,900
olan onSubmit için
içinde etkili bir şekilde değişken

649
00:28:58,900 --> 00:29:01,010
ağaçtaki o düğümün?

650
00:29:01,010 --> 00:29:04,100
O yapı içinde bir alan var.

651
00:29:04,100 --> 00:29:05,810
Veri türü nedir?

652
00:29:05,810 --> 00:29:07,030
>> Bir fonksiyon, evet.

653
00:29:07,030 --> 00:29:08,607
Yani PHP bu sahip çıkıyor.

654
00:29:08,607 --> 00:29:10,440
Ve hatta biz bile
Bu konuda sana söylemedim,

655
00:29:10,440 --> 00:29:16,240
C de işlev işaretçileri vardır
geçmek ve işlevleri atamak yeteneği

656
00:29:16,240 --> 00:29:18,330
değişkenlerinin değerlerine kendilerini.

657
00:29:18,330 --> 00:29:20,280
Ve biz gitmiyoruz
C geri gerilemeye

658
00:29:20,280 --> 00:29:23,250
Ama şimdi, o çıkıyor
Burada sağ tarafta,

659
00:29:23,250 --> 00:29:26,260
Biraz görünüyor olsa da
funky, bu araçlar, hey tarayıcı,

660
00:29:26,260 --> 00:29:27,550
Bana bir fonksiyon vermek.

661
00:29:27,550 --> 00:29:30,560
Hatta vererek rahatsız gitmiyorum
Bir isim ben olduğum için tam anlamıyla

662
00:29:30,560 --> 00:29:34,450
diyelim atamak olacak
Bu fonksiyonun adresi

663
00:29:34,450 --> 00:29:35,994
Hemen onSubmit için.

664
00:29:35,994 --> 00:29:39,160
Bir başka deyişle, tarayıcısında, sana ihtiyacım yok
Bu fonksiyon denir bilmek.

665
00:29:39,160 --> 00:29:41,890
Sadece bilmeniz gereken
nerede bellekte olduğunu.

666
00:29:41,890 --> 00:29:44,210
Ve bu yüzden sadece yeterlidir
Orada bir eşittir işareti var

667
00:29:44,210 --> 00:29:48,240
ve benzeri, bu adlandırma zahmet değil
foo veya selamlıyorum veya herhangi bir diğer kelime.

668
00:29:48,240 --> 00:29:50,150
Ve şimdi bu sadece bir üslup şeydir.

669
00:29:50,150 --> 00:29:53,100
Ben bu küme ayracı hareket olabilir
Şeyin sorry-- sonraki satıra

670
00:29:53,100 --> 00:29:54,750
gibi biz genellikle CS50 yok.

671
00:29:54,750 --> 00:29:57,550
Ama JavaScript, bu kadar
aslında biçimsel ortak

672
00:29:57,550 --> 00:30:00,450
Sadece küme ayracı tutmak için,
ilk satırdaki ilki.

673
00:30:00,450 --> 00:30:02,620
>> Ama bundan sonra, orada
ilginç bir şey yok.

674
00:30:02,620 --> 00:30:05,830
Bu açık kaşlı ayraç sadece
Benim fonksiyonun başlangıç ​​çizmektedir.

675
00:30:05,830 --> 00:30:09,320
Işlevi artık
özdeş, ben ettik hariç

676
00:30:09,320 --> 00:30:11,452
Dönüş false dahil
Bu fonksiyonun içinde.

677
00:30:11,452 --> 00:30:13,160
O konrtol döner çünkü
ve sadece yaptığınız

678
00:30:13,160 --> 00:30:14,980
okuma bunu biliyorum
documentation--

679
00:30:14,980 --> 00:30:19,740
Eğer işlev atamak eğer o
onsubmit işleyicisi yanlış döndürür için,

680
00:30:19,740 --> 00:30:23,420
Tarayıcı sadece bilir ve kabul eder
Bir sunucuya formu göndermek için değil.

681
00:30:23,420 --> 00:30:27,210
True döndürürse, bu sunacaktır
göreceğiz nedenlerle bir sunucuya o

682
00:30:27,210 --> 00:30:28,700
Bir an yararlıdır.

683
00:30:28,700 --> 00:30:31,000
>> Sonra noktalı sonra
kaşlı ayraç sadece orada

684
00:30:31,000 --> 00:30:32,541
Ben işlevi tanımlayan bıktım demektir.

685
00:30:32,541 --> 00:30:36,600
Sen en kısa sürede ne diyeceğimi
Bir gönderme duymak.

686
00:30:36,600 --> 00:30:37,100
Pekala.

687
00:30:37,100 --> 00:30:40,650
Bu hala tartışmalı tür çirkin.

688
00:30:40,650 --> 00:30:42,190
Yani biz daha ne yapabiliriz?

689
00:30:42,190 --> 00:30:45,000
>> Peki, bu daha sonra çıkıyor
last-- olan sürüm iki,

690
00:30:45,000 --> 00:30:46,780
ve biz buna sadece bakışta olacak.

691
00:30:46,780 --> 00:30:49,850
Yapma riskini göze alarak
o çirkin, o çıkıyor

692
00:30:49,850 --> 00:30:52,160
Bir kütüphane var olduğunu
Dünya jQuery denir.

693
00:30:52,160 --> 00:30:54,900
Ve jQuery bir süper
popüler JavaScript kütüphanesi

694
00:30:54,900 --> 00:30:57,930
çoğu o kadar popüler
Herhangi öyle değil JavaScript--

695
00:30:57,930 --> 00:31:00,540
insanlar şaşırtmak için nadir
JavaScript ile jQuery.

696
00:31:00,540 --> 00:31:01,070
Neden?

697
00:31:01,070 --> 00:31:04,990
JavaScript kendisini çok var
seyleri yapmanın yolları ayrıntılı

698
00:31:04,990 --> 00:31:07,820
document.getElementById, dadadadadada.

699
00:31:07,820 --> 00:31:10,510
Çok sahip sonunda
kod uzun satırları.

700
00:31:10,510 --> 00:31:15,550
>> Yani John Resid adında bir adam,
kim aslında bir başlangıç ​​için çalışıyor

701
00:31:15,550 --> 00:31:18,630
Bu günlerde yukarı çıktı
Bu kütüphane yıllar

702
00:31:18,630 --> 00:31:22,070
önce birçok kişi katkıda bulunmuştur
Bu değişiklikler jQuery denilen

703
00:31:22,070 --> 00:31:23,449
şu şekilde sözdizimi.

704
00:31:23,449 --> 00:31:25,740
Ve sadece bu yüzden sen, bu gördüm
Eğer kaçınılmaz olacak, çünkü

705
00:31:25,740 --> 00:31:28,140
Bir yaparak bu bkz
web tabanlı bitirme projesi,

706
00:31:28,140 --> 00:31:33,270
Bu eşdeğer yolu olacaktır
kullanarak aynı işlevi uygulamak

707
00:31:33,270 --> 00:31:34,630
Bu özel kütüphane.

708
00:31:34,630 --> 00:31:36,680
>> Şimdi, çok daha alay
birbirinden bütünüyle bu

709
00:31:36,680 --> 00:31:38,520
Sadece bazı desenleri bakalım.

710
00:31:38,520 --> 00:31:44,850
Bu sözdizimi gibi görünüyor
Kaç anonim fonksiyonlar

711
00:31:44,850 --> 00:31:49,584
ya da isimsiz fonksiyonlar
veya AKA lambda fonksiyonları?

712
00:31:49,584 --> 00:31:50,190
İki, değil mi?

713
00:31:50,190 --> 00:31:52,690
Ve biliyor musun, o bile
Eğer bu süper rahat değiliz

714
00:31:52,690 --> 00:31:55,780
sadece gerçeği ile
diyor function () iki kez.

715
00:31:55,780 --> 00:31:58,172
>> Ve o çıkıyor
Ne bu kod doing-- olduğunu

716
00:31:58,172 --> 00:32:01,255
ve online başvurular söz edeceğim,
sonuçta, bu bazı yardım için.

717
00:32:01,255 --> 00:32:04,480
Bu sadece anlamına gelir o zaman
Belge, hazır

718
00:32:04,480 --> 00:32:07,490
go ahead ve kayıt
Aşağıdaki işlevi

719
00:32:07,490 --> 00:32:12,064
HTML teslim eylemcisi olarak
kimin benzersiz bir fikir demo unsur.

720
00:32:12,064 --> 00:32:14,480
Ve sonra, bu olduğunda,
bu iki kod satırları diyoruz.

721
00:32:14,480 --> 00:32:18,677
Ve bu, bir daha trajik olduğunu
return false diyerek ayrıntılı bir yol.

722
00:32:18,677 --> 00:32:21,510
Ve biz sırf bu sözü
Bu çevrim gibi bir kod göreceksiniz.

723
00:32:21,510 --> 00:32:23,140
Ve bu yılgın olan bir şey değil.

724
00:32:23,140 --> 00:32:26,057
Ama doğrusu, ne olduğunu akılda tutmak
JavaScript ortak olacak

725
00:32:26,057 --> 00:32:26,765
Bu paradigma.

726
00:32:26,765 --> 00:32:29,510
Şimdi bunu göstermek ve neden bu kadar işte.

727
00:32:29,510 --> 00:32:30,010
Pekala.

728
00:32:30,010 --> 00:32:32,730
Bu yüzden çok fazla durmadan
O sözdizimi çok,

729
00:32:32,730 --> 00:32:37,800
Herhangi bir sorunuz orada vardır
Bu örnekler, ya da fikirler bugüne kadar?

730
00:32:37,800 --> 00:32:38,300
Pekala.

731
00:32:38,300 --> 00:32:40,220
Yani yararlı bir şey için bu kullanalım.

732
00:32:40,220 --> 00:32:47,070
Sadece merhaba diyor bir web sayfası yapma
falan, bütün bu ilginç değil

733
00:32:47,070 --> 00:32:47,830
underwhelm değil.

734
00:32:47,830 --> 00:32:51,038
Bu kimse, güzel olmak için gitmiyor
ama yararlı bir şeyler yapmak için gidiyor.

735
00:32:51,038 --> 00:32:56,350
Benim dizine geri dönelim
Burada ve açmak, form 0.html söylüyorlar.

736
00:32:56,350 --> 00:32:59,320
>> Yani bu çaylak olduğunu varsayalım
intramural spor kayıt sayfası

737
00:32:59,320 --> 00:33:01,780
Herhangi bir CSS veya tasarımın herhangi duygusu olmadan.

738
00:33:01,780 --> 00:33:05,404
Ve ben önde gitmek istiyorum ve
Bir şifre ile buradan kayıt.

739
00:33:05,404 --> 00:33:08,320
Ve ben koşulları kabul gidiyorum
ve koşullarını ve Kayıt tıklayın.

740
00:33:08,320 --> 00:33:11,700
Ve şimdi web sitesi Siz "diyor,
Kayıtlı! (Eh, gerçekten değil.) "

741
00:33:11,700 --> 00:33:15,070
O amele gibi o, görünüyor ama
Beni go ahead ve yeniden kuvvet verelim.

742
00:33:15,070 --> 00:33:18,720
>> Ve bana hayır, değil mi, diyelim
Benim gerçek e-posta adresi gereklidir.

743
00:33:18,720 --> 00:33:21,820
Ya da belki sadece orada postayı söyleyeceğim.

744
00:33:21,820 --> 00:33:25,080
Şifre 12345, gibi olacak.

745
00:33:25,080 --> 00:33:28,810
Ve sonra, ben sırf
salak, şimdi 123456789 var.

746
00:33:28,810 --> 00:33:31,150
Ve ben senin onay kutusunu gitmiyorum.

747
00:33:31,150 --> 00:33:31,850
>> Hmm.

748
00:33:31,850 --> 00:33:32,350
Pekala.

749
00:33:32,350 --> 00:33:34,920
Yani birkaç fırsatlar var
Burada iyileştirilmesi için.

750
00:33:34,920 --> 00:33:39,070
Ve biliyor musun, yoksa pset göreceksiniz
Eğer code-- yazabilirsiniz yedi,

751
00:33:39,070 --> 00:33:41,890
ve yazmak gerekecek
PHP-- kodu savunmak için

752
00:33:41,890 --> 00:33:45,780
kullanıcı bu tür karşı
hatalar açıkça kullanıcı çünkü

753
00:33:45,780 --> 00:33:46,790
işbirliği değil.

754
00:33:46,790 --> 00:33:49,680
Ve o sana vermemiştir tüm
İstediğin ya da formatında değerleri

755
00:33:49,680 --> 00:33:50,630
Onları istediğini söyledi.

756
00:33:50,630 --> 00:33:53,250
Yani pset yedi görürsünüz
Biz kesinlikle bazı olabilir

757
00:33:53,250 --> 00:33:55,680
demek koşullar varsa
e-posta adresi varsa

758
00:33:55,680 --> 00:33:59,450
Bir username@something.edu değil,
biz sadece olabilir

759
00:33:59,450 --> 00:34:02,575
özür dile ve kullanıcıya özür dileriz
çok, sen pset yedi olabilir gibi.

760
00:34:02,575 --> 00:34:05,700
Ya da o kutuyu işaretli değil varsa,
PHP çıkıyor, bunu algılayabilir,

761
00:34:05,700 --> 00:34:06,200
Çok.

762
00:34:06,200 --> 00:34:09,389
Ve kesinlikle şifreler ise
register.php olarak eşleşmiyor

763
00:34:09,389 --> 00:34:11,521
pset yedi için, bunu algılayabilir.

764
00:34:11,521 --> 00:34:13,770
Ama bu bir ağrı var
Bu boyun şimdi talep ettikleri

765
00:34:13,770 --> 00:34:15,510
Bize sunucuya tüm yol gitmek.

766
00:34:15,510 --> 00:34:17,053
Kullanıcı hatası haberdar edilir.

767
00:34:17,053 --> 00:34:19,219
Ve en azından kullandığınız sürece
Bazı meraklısı teknikleri,

768
00:34:19,219 --> 00:34:20,929
Şimdi onlar geri okunu tıklatın gerekiyor.

769
00:34:20,929 --> 00:34:23,300
O gibi güzel olmaz mıydı
web sitelerinin bir sürü bugün,

770
00:34:23,300 --> 00:34:26,190
Eğer daha acil olsaydı
geribildirim, anında?

771
00:34:26,190 --> 00:34:31,389
>> Diğer bir deyişle, beni sürümüne gidelim
Hiçbir güzel olacak biri.

772
00:34:31,389 --> 00:34:33,469
Ama bu özelliği var.

773
00:34:33,469 --> 00:34:39,590
Malan, 12345, 123.456.789, değil
, Kayıt kutusunu kontrol edeceğim.

774
00:34:39,590 --> 00:34:41,330
Şifreler eşleşmiyor.

775
00:34:41,330 --> 00:34:44,459
Yani bu pop-up ugly-- olsa
biz sonunda bu yerini alabilir

776
00:34:44,459 --> 00:34:47,000
Bootstrap gibi bir şey ile,
Eğer pset yedi hangi görürsünüz

777
00:34:47,000 --> 00:34:50,239
Ben yaptım çok popüler olduğunu library--
şifreler eşleşmiyor olduğunu algılayabilir.

778
00:34:50,239 --> 00:34:50,739
Pekala.

779
00:34:50,739 --> 00:34:52,530
Peki, bana kullanıcı olarak bunu düzeltmek edelim.

780
00:34:52,530 --> 00:34:55,460
Beni go ahead ve 12345, 12345 diyelim.

781
00:34:55,460 --> 00:34:57,780
Hala anlaşmayı kontrol etmiyor.

782
00:34:57,780 --> 00:35:00,210
Sen kabul etmelisiniz
şartlar ve koşullar.

783
00:35:00,210 --> 00:35:01,760
Peki neden?

784
00:35:01,760 --> 00:35:04,100
>> Biz zaten oturtulması ettiyseniz
bir yol var ki,

785
00:35:04,100 --> 00:35:07,260
ve biz size gerekli ettik
Hatayı tespit etmek pset yedi

786
00:35:07,260 --> 00:35:09,780
Böyle durumlar
Sunucu tarafı, neden yapayım

787
00:35:09,780 --> 00:35:13,940
Ayrıca JavaScript bunu rahatsız?

788
00:35:13,940 --> 00:35:15,850
Bir argüman neler var
ekleme iyilik nedir

789
00:35:15,850 --> 00:35:18,760
Eğer some-- olarak görmek üzereyiz
Ek karmaşıklık var.

790
00:35:18,760 --> 00:35:23,610

791
00:35:23,610 --> 00:35:25,930
>> Belki hiçbir ters yoktur.

792
00:35:25,930 --> 00:35:26,924
Ne olabilir?

793
00:35:26,924 --> 00:35:27,840
HEDEF KİTLE: [duyulamaz].

794
00:35:27,840 --> 00:35:31,132

795
00:35:31,132 --> 00:35:32,340
DAVID MALAN: Oh, ilginç.

796
00:35:32,340 --> 00:35:33,530
Potansiyel patlatır.

797
00:35:33,530 --> 00:35:37,540
Yani emin, sen taşıma değilseniz
hatalı kullanıcı girişi harika olduğunu,

798
00:35:37,540 --> 00:35:40,170
Belki o takdirde hepsi iyi
Hatta sunucu bulmuyor.

799
00:35:40,170 --> 00:35:42,160
Ben oraya itmek istiyorsunuz ve
diyelim ki, muhtemelen gerekir

800
00:35:42,160 --> 00:35:43,284
Bu sorunların her ikisi de düzeltmek.

801
00:35:43,284 --> 00:35:44,140
Ama bu adil.

802
00:35:44,140 --> 00:35:44,710
Başka?

803
00:35:44,710 --> 00:35:45,626
>> HEDEF KİTLE: [duyulamaz].

804
00:35:45,626 --> 00:35:47,970

805
00:35:47,970 --> 00:35:49,014
>> DAVID MALAN: Evet.

806
00:35:49,014 --> 00:35:51,680
Daha önce de söylediğim gibi bu kod, bir
istemci tarafında yorumlanır.

807
00:35:51,680 --> 00:35:53,846
Bu sunucuyu rahatsız etmiyor,
bunun anlamı öyle değil

808
00:35:53,846 --> 00:35:55,930
Sunucunun yük veya kapasite etkiler.

809
00:35:55,930 --> 00:35:59,840
Ve şimdi, biraz eski, benim için,
Bu anlamlı bir etkisi yoktur

810
00:35:59,840 --> 00:36:01,970
Şu anda tek kullanıcı var çünkü.

811
00:36:01,970 --> 00:36:04,010
>> Ama herhangi iseniz
terbiyeli boyutu sitesi,

812
00:36:04,010 --> 00:36:07,400
Özellikle büyük, Facebook gibi,
devamını insanları tutabilir

813
00:36:07,400 --> 00:36:09,927
Sunucunuzun iyi
Bir sunucu için, tabii ki,

814
00:36:09,927 --> 00:36:12,510
Sadece RAM sınırlı miktarda var,
gigahertz sonlu sayıda

815
00:36:12,510 --> 00:36:16,340
şeylerin sınırlı sayıda
Bu, zaman birimi başına yapabilir.

816
00:36:16,340 --> 00:36:19,170
Daha fazla insan var, bu yüzden
Dünya, sunucu isabet

817
00:36:19,170 --> 00:36:21,750
Yanlışlıkla günlüğü
yanlış, tıpkı iyi eğer

818
00:36:21,750 --> 00:36:23,254
Sunucunuza kapalı olduğu yükü tutabilirsiniz.

819
00:36:23,254 --> 00:36:25,420
Ayrıca, özellikle mobil
Hiç yasiyorsaniz device--

820
00:36:25,420 --> 00:36:29,190
my.harvard oturum veya
Yale NetID ya da bu gibi,

821
00:36:29,190 --> 00:36:32,330
bir sürü bu gecikme var
o alır bu sayede gibi web siteleri,

822
00:36:32,330 --> 00:36:34,110
gibi bir lanet ikinci ya da iki bazen.

823
00:36:34,110 --> 00:36:37,979
Ve sonra, Tanrım, sen yanlış yazarsanız
sonra geri vurmak ve onu yeniden yapmak zorunda.

824
00:36:37,979 --> 00:36:40,520
Yani özellikle, gecikme var
yavaş ağ bağlantıları üzerinde.

825
00:36:40,520 --> 00:36:43,030
Ama JavaScript çünkü
istemci üzerinde çalışır

826
00:36:43,030 --> 00:36:46,720
ve ileri geri gitmek gerekmez
potansiyel yavaş internet üzerinden

827
00:36:46,720 --> 00:36:49,780
Bağlantı, alabilirsiniz
neredeyse anında geri bildirim.

828
00:36:49,780 --> 00:36:50,760
>> Yani bu bakalım.

829
00:36:50,760 --> 00:36:54,280
Beni açalım form 0 ve
Burada HTML bak.

830
00:36:54,280 --> 00:36:56,040
Ve Sadece neler olduğunu görelim.

831
00:36:56,040 --> 00:36:59,460
Bu kimin bir formdur
Eylem register.php olduğunu.

832
00:36:59,460 --> 00:37:01,530
Ben sadece bu yüzden almak istimal
Ben URL'yi görebiliyordu.

833
00:37:01,530 --> 00:37:05,030
Ama şifreler için, biz kesinlikle isterdim
gerçekte göndermek için bunu değiştirmek için.

834
00:37:05,030 --> 00:37:06,910
İşte tip bir metin giriş alanı var.

835
00:37:06,910 --> 00:37:09,050
İşte başka bir giriş var
tip şifre alanı.

836
00:37:09,050 --> 00:37:13,150
Eğer hiç görmedim eğer Burada ise,
tip onay kutusunu bir giriş.

837
00:37:13,150 --> 00:37:15,250
>> Ama hiçbir JavaScript var
burada olursa olsun.

838
00:37:15,250 --> 00:37:18,170
Bu sadece HTML olduğunu
register.php gider.

839
00:37:18,170 --> 00:37:21,020
Ama sürümünde tek yer, nerede
Bu pop-up almaya başladı,

840
00:37:21,020 --> 00:37:23,010
en Aslında burada ne olduğunu görelim.

841
00:37:23,010 --> 00:37:26,757
Bir uyarlamada, ne
Ben ben see-- gidiyorum

842
00:37:26,757 --> 00:37:29,340
Yeterince durak olabilir düşünce
Yeterli kelimelerle, ama bitti.

843
00:37:29,340 --> 00:37:35,180

844
00:37:35,180 --> 00:37:38,590
>> Sürümünde oraya Şehre gidiyoruz.

845
00:37:38,590 --> 00:37:43,180
Bir uyarlamada, following-- fark
ve en iyi uygulama değil,

846
00:37:43,180 --> 00:37:44,420
ama bu benim ilk.

847
00:37:44,420 --> 00:37:47,680
Aşağıdaki dikkat edin
Form, ben bir komut dosyası etiketi var.

848
00:37:47,680 --> 00:37:49,430
Ve bir betik etiketi, demektir
hey, tarayıcı, burada

849
00:37:49,430 --> 00:37:52,340
bazı kod geliyor,
tipik olarak, JavaScript.

850
00:37:52,340 --> 00:37:54,420
Ve şimdi, ben ne yapıyorum dikkat edin.

851
00:37:54,420 --> 00:37:59,070
LINE ben zar zor olabilir
diyor, bu-- 32 satır okumak,

852
00:37:59,070 --> 00:38:01,420
var bu yüzden bana ver form--
Form adında bir değişken.

853
00:38:01,420 --> 00:38:05,049
Ve sonra document.getElementId olsun
"Kayıt." nin

854
00:38:05,049 --> 00:38:05,590
Bu nedir?

855
00:38:05,590 --> 00:38:07,290
Peki, beni buraya kadar geri sarmak edelim.

856
00:38:07,290 --> 00:38:11,510
Ve ihbar, ah, ben formu elemanı verdi
keyfi fakat açıklayıcı bir fikir

857
00:38:11,510 --> 00:38:13,050
Kayıt.

858
00:38:13,050 --> 00:38:16,820
Yani bu bana bir değişken verir
Bana bu düğümü kapmak için olanak sağlar,

859
00:38:16,820 --> 00:38:19,580
Ağacın bu dikdörtgen formu çağırdı.

860
00:38:19,580 --> 00:38:24,460
form.onsubmit araçlar, hey tarayıcı,
bir olay dinleyicisi kayıt

861
00:38:24,460 --> 00:38:25,470
Bu formda.

862
00:38:25,470 --> 00:38:28,890
Bu şekilde diğer bir deyişle,
sunulan, aşağıdaki kodu çalıştırın.

863
00:38:28,890 --> 00:38:30,810
Bir isim çünkü gerek yok
Neden adını bilmeniz gerekiyor?

864
00:38:30,810 --> 00:38:32,880
Sadece bilmeniz gereken
ergo, ne yürütmek için

865
00:38:32,880 --> 00:38:35,610
bir anonim veya lambda fonksiyonu var.

866
00:38:35,610 --> 00:38:37,632
Ve bu işlevi
Burada bu hatların hepsi.

867
00:38:37,632 --> 00:38:40,840
Ve şimdi, dürüst olmak gerekirse bile sizin olsa
Hiç JavaScript yazılı olmayabilirdi

868
00:38:40,840 --> 00:38:44,200
daha önce, sadece C ve PHP mantık bu.

869
00:38:44,200 --> 00:38:51,720
Yani form.email.value eğer == "" -
E-posta alan boştur eğer öyleyse,

870
00:38:51,720 --> 00:38:54,980
Gerekir "ile kullanıcı bağırma
E-posta adresinizi sağlamak. "

871
00:38:54,980 --> 00:38:58,980
Else if form.password.value
kullanıcı olarak boş bağırma olduğunu

872
00:38:58,980 --> 00:39:00,400
"Sen parolasını sağlamanız gerekir."

873
00:39:00,400 --> 00:39:04,240
>> Daha ilginci mantıklı,
form.password.value yapmazsa

874
00:39:04,240 --> 00:39:08,630
Eşit form.confirmation.value--
Onay nereden geldi?

875
00:39:08,630 --> 00:39:09,470
Bana geri sarma edelim.

876
00:39:09,470 --> 00:39:12,870
Peki, bu girdi denilen
Burada alan şifre.

877
00:39:12,870 --> 00:39:15,180
Ve ben onay burada bu bir denir.

878
00:39:15,180 --> 00:39:17,850
Ben denilen olabilirdi
Şifre, iki ya da başka bir şey.

879
00:39:17,850 --> 00:39:20,560
Ben sadece mantıksal kontrol ediyorum
Bu iki aynı olduğunu.

880
00:39:20,560 --> 00:39:25,760
Bu Bay Boole olduğunu çıkıyor Else--
bir Boolean değeri, onay kutusunu vasıtasıyla yine.

881
00:39:25,760 --> 00:39:29,810
Yani derseniz, ünlem point--
form.agreement.checked takdirde

882
00:39:29,810 --> 00:39:31,820
yanı sıra, kullanıcı bağırma.

883
00:39:31,820 --> 00:39:34,470
>> Yani göreceksiniz bu sözdizimi
JavaScript çok yaygın,

884
00:39:34,470 --> 00:39:35,970
nerede bu noktalı gösterimde var.

885
00:39:35,970 --> 00:39:37,460
Burada bir nesne ile başlar.

886
00:39:37,460 --> 00:39:41,430
Sen bir daha derin dalış
şifre gibi bir özellik.

887
00:39:41,430 --> 00:39:43,280
Ve sonra onun gerçek değeri olsun.

888
00:39:43,280 --> 00:39:45,830
Ve yine, burada girilir.

889
00:39:45,830 --> 00:39:47,310
İşte adı şifredir.

890
00:39:47,310 --> 00:39:50,860
Ve onun değeri ne olursa olsun
İnsan aslında yazdığınız olmuştur.

891
00:39:50,860 --> 00:39:53,610
>> Bunların hepsi Yani
durumlarda, ben yanlış döndü.

892
00:39:53,610 --> 00:39:55,800
Ama eğer, ben doğru dönmek.

893
00:39:55,800 --> 00:39:58,030
Ve şimdi biz bir bakın
zorlayıcı kullanımı

894
00:39:58,030 --> 00:40:00,620
Eğer yanlış dönecekti
Kullanıcı ne yaptığını durdurmak

895
00:40:00,620 --> 00:40:03,200
onu yapmak ya da onu seçin
tekrar tekrar ya da yazın.

896
00:40:03,200 --> 00:40:05,870
Aksi takdirde, biz doğru dönmek.

897
00:40:05,870 --> 00:40:08,585
>> Ve bana bir tane tanıştırayım
Bu diğer varyant sadece

898
00:40:08,585 --> 00:40:13,140
bunların biraz anlayış tohum.

899
00:40:13,140 --> 00:40:16,850
Peki, bu sürüm 2., form-2--
Ben bir elin dalgası ile yapacağım.

900
00:40:16,850 --> 00:40:19,920
Bu, meraklı olanlar için, bir
jQuery sürümü

901
00:40:19,920 --> 00:40:23,330
isteyebilirsiniz olanlarınız
söz konusu kütüphane serpmek.

902
00:40:23,330 --> 00:40:25,145
Ama start-- ve herhangi bir soru olur mu?

903
00:40:25,145 --> 00:40:29,230
Bana şu an çünkü duraklatmak Let
Bu kadar hızlı ve çok oldu.

904
00:40:29,230 --> 00:40:32,610
>> Ama burada güzel bir şey olduğunu tüm
kod hemen hemen aynıdır.

905
00:40:32,610 --> 00:40:33,985
Yeni ürünleri dom nedir nedir?

906
00:40:33,985 --> 00:40:35,115
Bu dikdörtgenler nelerdir?

907
00:40:35,115 --> 00:40:35,990
Bu düğümler nelerdir?

908
00:40:35,990 --> 00:40:37,540
Bir anonim işlev nedir?

909
00:40:37,540 --> 00:40:38,830
Bir olay işleyicisi nedir?

910
00:40:38,830 --> 00:40:43,480
Ama neyse ki, bu çoğu sadece bir
Haftanın sıfır, diyelim ki, tam bir daire.

911
00:40:43,480 --> 00:40:43,980
Pekala.

912
00:40:43,980 --> 00:40:46,070
Yani biraz daha ilginç bir şey?

913
00:40:46,070 --> 00:40:49,340
Eh, her şeyden önce, gitmeme izin
önde ve Google Maps kadar açık.

914
00:40:49,340 --> 00:40:53,360
Ve sen o fark edeceksiniz
an, split saniye,

915
00:40:53,360 --> 00:40:55,930
ne olur fark
Ben yeterince hızlı tıklatın.

916
00:40:55,930 --> 00:40:59,720
Ve Harvard'da bu bağlantı böyledir
hızlı gerçekten fark yoktur.

917
00:40:59,720 --> 00:41:04,469
Ama çeşit çeşit ne görüyorsun
Ben tıklayın ve gerçekten çok hızlı sürüklerseniz?

918
00:41:04,469 --> 00:41:07,010
Online seyretme olanlar,
Eğer 0.5x hıza bu yavaş eğer,

919
00:41:07,010 --> 00:41:09,640
Bu daha iyi görebilirsiniz.

920
00:41:09,640 --> 00:41:13,550
>> Önce ne oluyordu
Ben tıkladım ve sürükledi önce?

921
00:41:13,550 --> 00:41:15,900
Me yapalım var-- deneyelim
90210 gibi bir şey.

922
00:41:15,900 --> 00:41:17,550
En uzak gidelim.

923
00:41:17,550 --> 00:41:19,000
Bu da, gerçekten hızlı oldu.

924
00:41:19,000 --> 00:41:22,460
Nasıl Disney World hakkında?

925
00:41:22,460 --> 00:41:23,190
Oraya gidiyoruz.

926
00:41:23,190 --> 00:41:23,690
TAMAM.

927
00:41:23,690 --> 00:41:26,030
Eğer bölünmüş bir saniye ne gördün?

928
00:41:26,030 --> 00:41:27,200
Sadece, meydanlar gibi, değil mi?

929
00:41:27,200 --> 00:41:28,930
Fayans için yer tutucuları?

930
00:41:28,930 --> 00:41:30,270
>> Peki, burada ne oluyor?

931
00:41:30,270 --> 00:41:35,410
Google Maps güzel bir örnektir
AJAX denir bu teknolojiyi kullanır.

932
00:41:35,410 --> 00:41:38,510
Biz başlayacağız Ve burası
özellikle JavaScript kullanmak

933
00:41:38,510 --> 00:41:39,277
çekici bir yoldur.

934
00:41:39,277 --> 00:41:41,610
Geri gün içinde, orada
MapQuest denilen bu web sitesi.

935
00:41:41,610 --> 00:41:44,120
Ve ben almış bir
1990'larda bu ekran,

936
00:41:44,120 --> 00:41:45,820
eğer istedim nerede
Harita üzerinde buraya bak,

937
00:41:45,820 --> 00:41:48,590
kelimenin tam anlamıyla bir ok tıklıyorsunuz
üstünde yukarı olduğunu gösterdi

938
00:41:48,590 --> 00:41:49,870
Haritanın farklı bir kare.

939
00:41:49,870 --> 00:41:51,790
Sizi, sola hareket etmek isteseydim
gösterdim ok tıklandığında

940
00:41:51,790 --> 00:41:53,210
Haritanın farklı bir kare.

941
00:41:53,210 --> 00:41:54,840
Ve bazı web siteleri hala bu bugün yok.

942
00:41:54,840 --> 00:41:57,820
Ama bile MapQuest aldı
Google Maps gibi iyi.

943
00:41:57,820 --> 00:42:01,880
>> Bunun yerine ne bu daha iyi
Gün AJAX kullanmak web siteleri olduğunu.

944
00:42:01,880 --> 00:42:04,510
AJAX-- da denir
Asynchronous JavaScript ve XML,

945
00:42:04,510 --> 00:42:08,370
hangi söyleyerek sadece süslü bir yoludur
bir teknoloji veya tekniğin o

946
00:42:08,370 --> 00:42:14,200
JavaScript kullanarak bir tarayıcı veriyor
Ek HTTP isteklerini yapmak için

947
00:42:14,200 --> 00:42:16,390
sonra sayfa yüklendi.

948
00:42:16,390 --> 00:42:17,479
Peki bu ne anlama geliyor?

949
00:42:17,479 --> 00:42:19,270
Peki, bu tür olacaktır
Gmail'de can sıkıcı

950
00:42:19,270 --> 00:42:21,103
Eğer istediği her zaman
postanızı kontrol etmek,

951
00:42:21,103 --> 00:42:24,940
tam anlamıyla Control-R veya vurmuş
Komut R veya yükle düğmesini tıklatın

952
00:42:24,940 --> 00:42:26,580
ve bütün lanetlemek sayfası yeniden olacaktır.

953
00:42:26,580 --> 00:42:26,800
Sağ?

954
00:42:26,800 --> 00:42:28,460
Beyaz flaş ediyorum
Muhtemelen saniye.

955
00:42:28,460 --> 00:42:30,043
Aptal ilerleme çubuğu göreceksiniz.

956
00:42:30,043 --> 00:42:33,170
Yeni varsa ve sadece görmek için
posta, tüm web sayfası ve URL

957
00:42:33,170 --> 00:42:34,580
Eğer yeniden olurdu konum.

958
00:42:34,580 --> 00:42:35,960
>> Ama bu Gmail'de ne değil.

959
00:42:35,960 --> 00:42:36,459
Sağ?

960
00:42:36,459 --> 00:42:40,300
Yeni bir e-posta içinde olsun
Gmail ne ekranda olur?

961
00:42:40,300 --> 00:42:41,480
Sadece sağ, yukarı gösterir?

962
00:42:41,480 --> 00:42:44,280
Sadece sihirli görünür
tablosunda yeni bir satır olarak.

963
00:42:44,280 --> 00:42:47,030
Bu aslında içeren bir
karmaşıklık iyi bir miktar.

964
00:42:47,030 --> 00:42:51,892
Aslında, bu ağacın hakkında düşünüyorsanız,
hangi burada basit biri olmasına rağmen,

965
00:42:51,892 --> 00:42:54,100
Gmail-- ve ben bakmak olurdu
koda sure-- olmak

966
00:42:54,100 --> 00:42:58,710
Muhtemelen bir HTML tablosu vardır ya da belki
bu işler bir sırasız liste

967
00:42:58,710 --> 00:43:01,060
gibi inboxes e-postaların her biri.

968
00:43:01,060 --> 00:43:04,050
>> Ve böylece orada bu hayal olmadığını
sen bellekte bir ağaçtır

969
00:43:04,050 --> 00:43:09,050
çeşit çeşit görünüyor Gmail'i kullanarak
Bu gibi Google ooh, anlar,

970
00:43:09,050 --> 00:43:12,770
Eğer yeni e-posta, öyle değil
Bütün ağaç yeniden istiyoruz.

971
00:43:12,770 --> 00:43:16,430
Aksine, düğüm bulmak istiyor
Gelen kutunuzu temsil eden ağaç

972
00:43:16,430 --> 00:43:18,580
ve sadece yeni bir düğüm eklemek.

973
00:43:18,580 --> 00:43:24,640
>> Beş, seni Pset Yani çok benzer
karma tabloya düğümleri eklemek zorunda

974
00:43:24,640 --> 00:43:28,410
Benzer Google aracılığıyla yapar
O yazmıştır JavaScript kodu,

975
00:43:28,410 --> 00:43:31,890
Bu ağacın travers, nerede olduğunu anlamaya
Pencerenin bu gelen kısmıdır,

976
00:43:31,890 --> 00:43:33,440
ve daha sonra yeni bir satır eklemek.

977
00:43:33,440 --> 00:43:37,460
Ve yeni bir satır sadece bir anlamı
Bir ağaçta yeni düğümler ya da daha fazla.

978
00:43:37,460 --> 00:43:41,340
>> Ve böylece AJAX bu tekniktir
bu tam olarak bunun için izin verir.

979
00:43:41,340 --> 00:43:44,440
Bir URL ziyaret ettiğiniz zaman,
ancak, uzun deli,

980
00:43:44,440 --> 00:43:46,472
ve sayfa var bir kere
Hala, olabilir yüklenmiş

981
00:43:46,472 --> 00:43:48,430
den fazla veri yakala
o olsun internet--

982
00:43:48,430 --> 00:43:52,460
Bir e-posta veya map-- bir kiremit
perde arkasında yakala

983
00:43:52,460 --> 00:43:55,290
ve ardından sayfanın içine yerleştirin
İnsan gerçekten yok ki

984
00:43:55,290 --> 00:43:56,910
Bunun için beklemek zorunda.

985
00:43:56,910 --> 00:43:58,980
>> Facebook Messenger aynı şekilde çalışır.

986
00:43:58,980 --> 00:44:01,562
Diğer websites-- Herhangi bir sayıda
oh, aslında, hatta bu.

987
00:44:01,562 --> 00:44:04,270
Ben bu açıkçası, bir tür biridir demek
sinir bozucu bir bu gün bulunmaktadır.

988
00:44:04,270 --> 00:44:07,500
Ben cats-- Bu aramaya başlarsanız
Korkunç bir kullanıcı deneyimi türüdür.

989
00:44:07,500 --> 00:44:08,990
Bu sadece benim için aramaya başlar.

990
00:44:08,990 --> 00:44:10,050
Peki ne yapıyor?

991
00:44:10,050 --> 00:44:12,920
URL gerçekten değişmedi
Ben yazmaya başladığımdan beri.

992
00:44:12,920 --> 00:44:17,330
Ama ne genelinde gidiyor
ilginç hmm, tamam wire--.

993
00:44:17,330 --> 00:44:20,470
Ne genelinde gidiyor
Tel burada sadece tuhaflaşıyor.

994
00:44:20,470 --> 00:44:21,090
>> TAMAM.

995
00:44:21,090 --> 00:44:24,670
Bu yüzden bana go ahead ve kontrol edelim
eleman ve Ağ sekmesine gidin

996
00:44:24,670 --> 00:44:27,040
ve bu yapmayı deneyin
teknik ve kediler hakkında az.

997
00:44:27,040 --> 00:44:32,595
Ben yazarken, kelimenin tam anlamıyla, kediler
ve-- neler oluyor

998
00:44:32,595 --> 00:44:37,710
per-- Bunu tıklayın gitmiyorum.

999
00:44:37,710 --> 00:44:38,210
Pekala.

1000
00:44:38,210 --> 00:44:44,280
Yani buraya, her ne oluyor
zaman görünüşe göre, bir karakter yazın?

1001
00:44:44,280 --> 00:44:45,000
Gibi, düşük seviyede?

1002
00:44:45,000 --> 00:44:47,860
Ne o her biriyle oluyor
Benim klavye de karakter yazarak mı?

1003
00:44:47,860 --> 00:44:48,359
Evet?

1004
00:44:48,359 --> 00:44:50,950
HEDEF KİTLE: [duyulamaz].

1005
00:44:50,950 --> 00:44:52,340
>> DAVID MALAN: Kesinlikle.

1006
00:44:52,340 --> 00:44:55,600
Bu karakterlerin her biri
Bir seferde Google'a bir gidiş.

1007
00:44:55,600 --> 00:44:58,490
Onlar bir dize kadar inşa ediyoruz
kendi sunucusunda olduğunu gösterir

1008
00:44:58,490 --> 00:44:59,936
Ben şimdiye kadar yazdığınız her şeyi.

1009
00:44:59,936 --> 00:45:01,810
Ve her zaman tipi
başka bir karakter, onlar

1010
00:45:01,810 --> 00:45:04,530
Bir onların gizli sos kullanın
algoritması arama ve anlamaya,

1011
00:45:04,530 --> 00:45:07,370
O bu kedi sayfasını demek
Bu kedi sayfası veya benzeri ya da?

1012
00:45:07,370 --> 00:45:10,620
Bir anlamda Yani, bir bana sağlar
Bu daha iyi bir deneyim bile yok

1013
00:45:10,620 --> 00:45:11,860
Benim düşünce tamamlamanız gerekir.

1014
00:45:11,860 --> 00:45:14,440
Ve gerçekten de bir yararlıdır
şey, genel olarak otomatik tamamlama.

1015
00:45:14,440 --> 00:45:17,690
Onların algoritmalar yeterince iyi iseniz
ve benim aramaları yeterli açıktır ise,

1016
00:45:17,690 --> 00:45:19,300
Ben bütün kelimeyi yazmak zorunda değilsiniz.

1017
00:45:19,300 --> 00:45:22,110
Onlar bana söylemek için gidiyoruz ne o
Aslında Arıyorum edilir.

1018
00:45:22,110 --> 00:45:25,940
Peki Google aramaları anında
Arama sadece AJAX kullanarak

1019
00:45:25,940 --> 00:45:30,820
Onları istemek için izin veren kodu kullanarak
Bir web tarayıcısı üzerinden ek içerik

1020
00:45:30,820 --> 00:45:34,026
Bu kullanarak perde arkasında
Yeni dil, JavaScript.

1021
00:45:34,026 --> 00:45:35,400
Bu yüzden sol bir kaç dakika var.

1022
00:45:35,400 --> 00:45:37,710
Ve benim dostum kadar diyelim
Sahneye Colton yukarı,

1023
00:45:37,710 --> 00:45:40,090
sanki bu yana
Özellikle eğlence son kez

1024
00:45:40,090 --> 00:45:42,290
Bir teknolojiyi tanıtmak için
bazılarınız o

1025
00:45:42,290 --> 00:45:44,769
bir ilgi ifade ettiler
Nihai projeler için.

1026
00:45:44,769 --> 00:45:47,310
Biz getirmek için eğlenceli olacağını düşündüm
Bir gönüllü kadar olsa da, bugün

1027
00:45:47,310 --> 00:45:50,074
Size bir ek göstermek için
Evet siz-- sağlar, bu,

1028
00:45:50,074 --> 00:45:50,990
Ben ilk bu eli gördüm.

1029
00:45:50,990 --> 00:45:52,900
Yukarı gel.

1030
00:45:52,900 --> 00:45:53,560
Çok iyi yapılmış.

1031
00:45:53,560 --> 00:45:55,035
Aferin.

1032
00:45:55,035 --> 00:45:57,410
Ben bu konuda proje için gidiyorum
sadece bir an ekran.

1033
00:45:57,410 --> 00:45:58,150
Herkes için Adın ne?

1034
00:45:58,150 --> 00:45:59,180
>> EFA: Ben Efa değilim.

1035
00:45:59,180 --> 00:45:59,410
>> DAVID MALAN: Etha?

1036
00:45:59,410 --> 00:45:59,785
>> EFA: Efa.

1037
00:45:59,785 --> 00:46:00,160
>> DAVID MALAN: Efa?

1038
00:46:00,160 --> 00:46:00,730
>> EFA: Evet.

1039
00:46:00,730 --> 00:46:01,250
>> DAVID MALAN: Seni görmek güzel.

1040
00:46:01,250 --> 00:46:01,600
Pekala.

1041
00:46:01,600 --> 00:46:02,590
Beni bu hazır olalım.

1042
00:46:02,590 --> 00:46:04,423
Üzerinde Hadi
Burada Colton orta.

1043
00:46:04,423 --> 00:46:07,050
Ne Colton elinde bulunuyor
Bugün uzaktan kumanda.

1044
00:46:07,050 --> 00:46:10,440
Yani yerine sadece bir orada durmak daha
etrafa üç boyutlu dünya

1045
00:46:10,440 --> 00:46:14,080
Colton yaptığı gibi, şimdi Efa yapabilirsiniz
Aslında kadar giderek dolaşmak,

1046
00:46:14,080 --> 00:46:16,689
aşağı, sola ve sağa gibi
Nintendo veya Xbox denetleyicisi.

1047
00:46:16,689 --> 00:46:18,230
EFA: Ben sahneden düşmek için gidiyorum.

1048
00:46:18,230 --> 00:46:20,500
DAVID MALAN: I will
Buraya kabaca durmak.

1049
00:46:20,500 --> 00:46:21,991
Ama bu bir risktir.

1050
00:46:21,991 --> 00:46:22,490
TAMAM.

1051
00:46:22,490 --> 00:46:25,690
Şimdi git ve o koydu.

1052
00:46:25,690 --> 00:46:29,315
Bana devam edelim ve
Burada ekrana geçmek.

1053
00:46:29,315 --> 00:46:30,670
Bana ışıkları loş olsun.

1054
00:46:30,670 --> 00:46:32,780
Ve Colton, bana izin
yanınızdaki standı geliyor.

1055
00:46:32,780 --> 00:46:35,520
>> Burada açıklamak istiyor musunuz
mikrofon ile ne yapıyoruz?

1056
00:46:35,520 --> 00:46:36,380
Hadi bakalım.

1057
00:46:36,380 --> 00:46:37,280
>> COLTON: Elbette.

1058
00:46:37,280 --> 00:46:39,980
Yani şimdi biz konum
Oculus kadar yükleme,

1059
00:46:39,980 --> 00:46:43,070
Ben operating-- çalışmıyor sanırım
Sistem, fakat ana program,

1060
00:46:43,070 --> 00:46:46,630
Tüm oyunlar erişebilir ve
kitaplığınızda olan uygulamalar.

1061
00:46:46,630 --> 00:46:50,060
Yani şimdi, o demeliyim
Touchpad başlamak için dokunun.

1062
00:46:50,060 --> 00:46:53,430
Touchpad üzerinde olacak
kulaklığın sağ tarafı.

1063
00:46:53,430 --> 00:46:54,569
Şimdi git ve tap--

1064
00:46:54,569 --> 00:46:55,110
EFA: Oh, adamım.

1065
00:46:55,110 --> 00:46:56,443
DAVID MALAN: Evet, oraya gitmek.

1066
00:46:56,443 --> 00:47:00,340

1067
00:47:00,340 --> 00:47:02,460
Efa görmektir kalite
çok daha yüksek kalitesidir.

1068
00:47:02,460 --> 00:47:03,831
Bu burada sadece Wi-Fi.

1069
00:47:03,831 --> 00:47:05,580
COLTON: sen Peki
yapmak istediğiniz olacak

1070
00:47:05,580 --> 00:47:08,350
Yukarıya doğru bakmak olduğunu
Ekranın sağ.

1071
00:47:08,350 --> 00:47:10,420
Evet, çok sağ üst köşesinde o oyun.

1072
00:47:10,420 --> 00:47:14,780
Ve sonra seçerken
o, yine touchpad dokunun.

1073
00:47:14,780 --> 00:47:17,010
Ben onun Dreadhalls düşünüyorum.

1074
00:47:17,010 --> 00:47:20,820
Ve sonra burada burada A- edilir let
Senin için gözlük tutun.

1075
00:47:20,820 --> 00:47:24,420

1076
00:47:24,420 --> 00:47:25,790
>> Yani sadece ona bir denetleyici verdi.

1077
00:47:25,790 --> 00:47:28,886
Yani şimdi o oyunu kontrol edebilirsiniz.

1078
00:47:28,886 --> 00:47:30,510
O gibi etrafında falan taşıyabilirsiniz.

1079
00:47:30,510 --> 00:47:31,968
Yani go ahead ve üstüne bakmak.

1080
00:47:31,968 --> 00:47:33,640
Siz Yeni Oyun görmelisiniz.

1081
00:47:33,640 --> 00:47:36,310
Öyleyse devam edin ve bunu yapabilirsiniz.

1082
00:47:36,310 --> 00:47:39,320
Şimdi, kontrol etmek gerekir
kumanda ile kendiniz

1083
00:47:39,320 --> 00:47:43,860
yanı sıra, kısa sürede
Oyun burada yükler.

1084
00:47:43,860 --> 00:47:46,356
Bu biraz korkutucu olabilir.

1085
00:47:46,356 --> 00:47:47,300
>> EFA: Şimdi söyle.

1086
00:47:47,300 --> 00:47:50,132
TAMAM.

1087
00:47:50,132 --> 00:47:51,080
>> COLTON: Pekala.

1088
00:47:51,080 --> 00:47:52,650
Böylece hareket edebilir onaylayın.

1089
00:47:52,650 --> 00:47:52,750
TAMAM.

1090
00:47:52,750 --> 00:47:53,583
Sen taşıyabilirsiniz.

1091
00:47:53,583 --> 00:47:54,300
Mükemmel.

1092
00:47:54,300 --> 00:47:56,470
Eğer aşağı bakmak Yani eğer, sen bir harita var.

1093
00:47:56,470 --> 00:47:58,170
Olduğun yerde Harita gösterir.

1094
00:47:58,170 --> 00:47:59,720
Sen odaya bakabilirsiniz.

1095
00:47:59,720 --> 00:48:01,440
Tamamen etrafında dönebilir.

1096
00:48:01,440 --> 00:48:02,128
Evet, kesinlikle.

1097
00:48:02,128 --> 00:48:02,627
Arkanı dön.

1098
00:48:02,627 --> 00:48:05,370

1099
00:48:05,370 --> 00:48:07,125
>> Yani sola bakın.

1100
00:48:07,125 --> 00:48:09,875
Ben bir şey yapabilirsiniz düşünüyorum
Odaya bir varil üzerinde pick up.

1101
00:48:09,875 --> 00:48:11,709
>> EFA: Ben nasıl alabilirim
yolumdan haritasına?

1102
00:48:11,709 --> 00:48:12,375
COLTON: Look up.

1103
00:48:12,375 --> 00:48:12,980
Sadece bakmak.

1104
00:48:12,980 --> 00:48:13,480
Pekala.

1105
00:48:13,480 --> 00:48:13,765
Orada sen gitmek.

1106
00:48:13,765 --> 00:48:15,181
Şimdi devam edin ve sadece arkanı dön.

1107
00:48:15,181 --> 00:48:21,460

1108
00:48:21,460 --> 00:48:24,620
Yani sol öteye bakmak.

1109
00:48:24,620 --> 00:48:25,530
Sola hareket devam edin.

1110
00:48:25,530 --> 00:48:26,960
Sol Aramaya devam et.

1111
00:48:26,960 --> 00:48:27,541
Devam et.

1112
00:48:27,541 --> 00:48:28,040
Evet.

1113
00:48:28,040 --> 00:48:28,720
>> EFA: Oh, bu şekilde.

1114
00:48:28,720 --> 00:48:29,261
>> COLTON: Evet.

1115
00:48:29,261 --> 00:48:30,999
Kumanda ile ona doğru yürüyün.

1116
00:48:30,999 --> 00:48:31,540
Orada sen gitmek.

1117
00:48:31,540 --> 00:48:32,790
Şimdi onu almak diyebilirim.

1118
00:48:32,790 --> 00:48:33,360
Orada sen gitmek.

1119
00:48:33,360 --> 00:48:34,290
Onu al.

1120
00:48:34,290 --> 00:48:35,550
Pekala.

1121
00:48:35,550 --> 00:48:38,286
Şimdi bu odadan çıkalım.

1122
00:48:38,286 --> 00:48:42,209
Devam edin ve o kapının yürüyün.

1123
00:48:42,209 --> 00:48:45,000
Yani diyor hold-- gidiyoruz
açık zorlamak için düğmesini basılı tutun.

1124
00:48:45,000 --> 00:48:46,333
Yani go ahead ve basılı tutun.

1125
00:48:46,333 --> 00:48:48,250
Evet, açmak zorlama.

1126
00:48:48,250 --> 00:48:48,750
Pekala.

1127
00:48:48,750 --> 00:48:49,410
Aferin.

1128
00:48:49,410 --> 00:48:50,826
Şimdi odadan yürüyorsun.

1129
00:48:50,826 --> 00:48:56,970

1130
00:48:56,970 --> 00:49:01,366
Yani gerisini terk edeceğim
ve size öğrenmek görüyorum.

1131
00:49:01,366 --> 00:49:02,865
EFA: Karanlık bir odada gitmiyorum.

1132
00:49:02,865 --> 00:49:07,315

1133
00:49:07,315 --> 00:49:07,815
Bekle.

1134
00:49:07,815 --> 00:49:09,314
Şimdi karanlık koridordan gitmek zorunda?

1135
00:49:09,314 --> 00:49:10,785
Tamam, ben [inaudible] geri dönüyorum.

1136
00:49:10,785 --> 00:49:15,520

1137
00:49:15,520 --> 00:49:16,270
COLTON: Pekala.

1138
00:49:16,270 --> 00:49:17,560
Biraz daha öğe almak için.

1139
00:49:17,560 --> 00:49:19,370
Bazı sikkeler gibi görünüyor.

1140
00:49:19,370 --> 00:49:22,242
Bu bir kilit seçim var.

1141
00:49:22,242 --> 00:49:24,200
Eğer bulursanız kilitli
kapı, bunu kullanabilirsiniz.

1142
00:49:24,200 --> 00:49:27,755

1143
00:49:27,755 --> 00:49:28,380
Korktun mu?

1144
00:49:28,380 --> 00:49:29,371
>> EFA: Henüz.

1145
00:49:29,371 --> 00:49:29,871
COLTON: Tamam.

1146
00:49:29,871 --> 00:49:34,850

1147
00:49:34,850 --> 00:49:35,497
>> Evet Pretend--.

1148
00:49:35,497 --> 00:49:37,330
Sadece sen iddia
Aslında orada duruyor.

1149
00:49:37,330 --> 00:49:39,580
Ve sen etrafta açarsanız
Eğer buna alışması lazım.

1150
00:49:39,580 --> 00:49:40,752
Ama mantıklı.

1151
00:49:40,752 --> 00:49:43,960
David MALAN: EFA devam ederken ve
Biz bu bütün gün yapabilirim çünkü, oynamak,

1152
00:49:43,960 --> 00:49:45,381
Hepimizin ucu ayak burada yapamam.

1153
00:49:45,381 --> 00:49:48,130
Ama biz diğer iki çift var,
Eğer gelip oynamak isterseniz.

1154
00:49:48,130 --> 00:49:49,980
Aksi takdirde, biz göreceğiz
Çarşamba günü bir sonraki.

1155
00:49:49,980 --> 00:49:51,354
Bugün gönüllüye teşekkür ederiz.

1156
00:49:51,354 --> 00:49:52,101
[Alkış]

1157
00:49:52,101 --> 00:49:54,506

1158
00:49:54,506 --> 00:49:57,392
>> [MÜZİK - "Seinfeld TEMA"]

1159
00:49:57,392 --> 00:49:58,222

1160
00:49:58,222 --> 00:50:00,180
KONUŞMACI 1: Eh, ben
koyarak yeni bir PL monte.

1161
00:50:00,180 --> 00:50:01,800
Ben sadece OLPF-- değişti

1162
00:50:01,800 --> 00:50:03,980
>> HOPARLÖR 2: Peki
Tam yapıyorsun?

1163
00:50:03,980 --> 00:50:07,063
>> KONUŞMACI 1: Eh, her biri these--
Burada, sana burada bu bir gösteririz.

1164
00:50:07,063 --> 00:50:08,690
Sen burada görebilirsiniz.

1165
00:50:08,690 --> 00:50:09,510
>> KONUŞMACI 3: Ben bu iyi olduğumu düşünüyorum.

1166
00:50:09,510 --> 00:50:09,933
Biraz daha istiyor musun?

1167
00:50:09,933 --> 00:50:11,325
>> KONUŞMACI 4: Hayır, ben iyiyim. [Duyulamaz].

1168
00:50:11,325 --> 00:50:12,200
>> KONUŞMACI 3: Hayır, [inaudible].

1169
00:50:12,200 --> 00:50:12,700
Bazı var.

1170
00:50:12,700 --> 00:50:21,165

1171
00:50:21,165 --> 00:50:22,290
KONUŞMACI 1: Farklı renk.

1172
00:50:22,290 --> 00:50:22,890
HOPARLÖR 2: Tamam.

1173
00:50:22,890 --> 00:50:26,690
KONUŞMACI 1: Yani sonuçta neyi o
o rengi ayarlar does of--