1
00:00:00,000 --> 00:00:07,440

2
00:00:07,440 --> 00:00:08,180
>> TOMAS Reimers: Hi, semua orang.

3
00:00:08,180 --> 00:00:09,250
Namaku Tomas Reimers.

4
00:00:09,250 --> 00:00:10,500
>> MIKE Rizzo: Dan aku Mike Rizzo.

5
00:00:10,500 --> 00:00:12,990
>> TOMAS Reimers: Kami adalah dua CS50s TS.

6
00:00:12,990 --> 00:00:18,910
Dan hari ini kita memimpin seminar tentang
JavaScript dan CSS untuk aplikasi web.

7
00:00:18,910 --> 00:00:22,140
Jika Anda ingin mengikuti bersama, yang
link di sebelah sana.

8
00:00:22,140 --> 00:00:25,190
Dan apakah Anda ingin memasangnya
pada komputer sebentar?

9
00:00:25,190 --> 00:00:27,460
>> Ada link.

10
00:00:27,460 --> 00:00:30,390
Ini adalah situs kecil, yang memiliki link ke
semua sumber daya kita akan menjadi

11
00:00:30,390 --> 00:00:36,490
menunjuk Anda hari ini dan juga memiliki banyak dari
informasi yang berguna yang ditulis oleh kami untuk

12
00:00:36,490 --> 00:00:39,680
baca lebih mendalam ketika Anda kembali,
dan Anda mencoba untuk mengingat apa

13
00:00:39,680 --> 00:00:42,166
tepatnya kita katakan, apa yang Anda
berbicara tentang, dan sebagainya.

14
00:00:42,166 --> 00:00:43,870
>> MIKE Rizzo: Baiklah.

15
00:00:43,870 --> 00:00:44,890
Jadi mari kita mulai.

16
00:00:44,890 --> 00:00:45,700
>> TOMAS Reimers: Jadi Anda ingin memulai?

17
00:00:45,700 --> 00:00:45,970
OK.

18
00:00:45,970 --> 00:00:47,170
>> MIKE Rizzo: Ya.

19
00:00:47,170 --> 00:00:51,730
Jadi pertama-tama kita ingin memulai dengan luas
gambaran tentang internet dan

20
00:00:51,730 --> 00:00:54,240
mengajukan jenis ketika merancang situs web.

21
00:00:54,240 --> 00:00:57,550
Sementara presentasi ini kami ingin
masuk ke dalam JavaScript banyak banyak

22
00:00:57,550 --> 00:01:00,320
nanti, kami ingin memulai dengan
hanya, jenis, seperti pandangan mata burung

23
00:01:00,320 --> 00:01:03,270
apa sebuah situs web dan bagaimana
untuk berpikir tentang merancang sebuah

24
00:01:03,270 --> 00:01:04,800
website untuk awal.

25
00:01:04,800 --> 00:01:08,370
>> Jadi kalian, pada saat ini - dengan itu
menjadi Jumat malam - harus memiliki

26
00:01:08,370 --> 00:01:11,000
disampaikan keuangan CS50 Anda
masalah set.

27
00:01:11,000 --> 00:01:15,260
Mudah-mudahan, itu adalah selera yang baik
apa pemrograman web dapat.

28
00:01:15,260 --> 00:01:18,261
Tapi di sini kita ingin, jenis, berikan
Anda rasa lain, juga.

29
00:01:18,261 --> 00:01:23,190
>> TOMAS Reimers: Jadi hanya untuk rekap apa
terjadi, ketika anda mengetik di URL Anda ke

30
00:01:23,190 --> 00:01:26,650
web browser Anda, URL yang mendapat
mendongak di komputer.

31
00:01:26,650 --> 00:01:28,590
Dan komputer Anda terhubung
ke komputer lain,

32
00:01:28,590 --> 00:01:29,890
yang host situs web tersebut.

33
00:01:29,890 --> 00:01:33,150
OK, jadi ketika Anda pergi ke google.com, Anda
terhubung ke salah satu Google

34
00:01:33,150 --> 00:01:36,496
komputer, yang memiliki
file untuk google.com.

35
00:01:36,496 --> 00:01:38,750
>> Ini kemudian meminta file tertentu.

36
00:01:38,750 --> 00:01:40,020
Jadi, jika Anda pergi ke -

37
00:01:40,020 --> 00:01:41,550
Saya tidak tahu -

38
00:01:41,550 --> 00:01:48,170
example.com / index.html atau / test.html,
Anda akan meminta

39
00:01:48,170 --> 00:01:49,340
bahwa file tertentu.

40
00:01:49,340 --> 00:01:52,780
Dan web server akan
untuk kembali kepada Anda.

41
00:01:52,780 --> 00:01:54,910
>> Kemudian, setelah Anda pergi melalui file itu -

42
00:01:54,910 --> 00:01:57,750

43
00:01:57,750 --> 00:01:59,950
setelah Anda mendapatkan komputer yang
File - itu akan mulai

44
00:01:59,950 --> 00:02:00,820
untuk membangun sebuah halaman web.

45
00:02:00,820 --> 00:02:03,020
Jadi sekarang memiliki file HTML,
yang semacam seperti

46
00:02:03,020 --> 00:02:05,170
struktur dari halaman web.

47
00:02:05,170 --> 00:02:08,620
File HTML juga bisa referensi
File CSS, yang menentukan

48
00:02:08,620 --> 00:02:09,889
gaya halaman web.

49
00:02:09,889 --> 00:02:12,970
>> File JavaScript, yang mendefinisikan
interaksi dengan halaman web.

50
00:02:12,970 --> 00:02:15,200
File gambar, yang hanya gambar.

51
00:02:15,200 --> 00:02:19,450
Dan mungkin link ke file HTML lainnya,
yang kemudian dapat mengunjungi.

52
00:02:19,450 --> 00:02:22,656

53
00:02:22,656 --> 00:02:24,380
>> MIKE Rizzo: OK, bagus.

54
00:02:24,380 --> 00:02:28,980
Jadi kalian memiliki semua, mungkin,
susah payah mengatur host lokal Anda

55
00:02:28,980 --> 00:02:30,810
pada mesin virtual Anda.

56
00:02:30,810 --> 00:02:35,650
Dan itu, jenis, adalah lokal
domain bahwa komputer Anda hanya host

57
00:02:35,650 --> 00:02:38,760
untuk Anda di alamat IP Anda sendiri.

58
00:02:38,760 --> 00:02:43,300
>> Jadi dalam hal itu, maka Anda dapat menambahkan
untuk itu halaman web Anda sendiri.

59
00:02:43,300 --> 00:02:47,655
Maksudku, di CS50 Finance, Anda harus memiliki
menambahkan beberapa halaman HTML, yaitu,

60
00:02:47,655 --> 00:02:49,410
semacam, dibungkus dalam bungkus PHP.

61
00:02:49,410 --> 00:02:54,690
Tetapi pada akhirnya, apa halaman PHP Anda
yang keluaran adalah HTML.

62
00:02:54,690 --> 00:02:58,210
>> Tapi berpikir kembali ke awal
dari PSET, kita harus mengatur

63
00:02:58,210 --> 00:03:00,890
izin untuk segalanya, kan?

64
00:03:00,890 --> 00:03:07,270
Jadi ini hanya pada dasarnya memungkinkan kita tahu
yang dapat membaca, menulis, dan mungkin

65
00:03:07,270 --> 00:03:08,730
mengeksekusi setiap file.

66
00:03:08,730 --> 00:03:11,870
Jadi kita akan melakukan cepat - hm?

67
00:03:11,870 --> 00:03:15,660
>> TOMAS Reimers: Jadi kita akan
untuk melakukan demo cepat.

68
00:03:15,660 --> 00:03:19,560
Jadi hanya untuk mengingatkan Anda, ketika Anda
terhubung ke komputer Google -

69
00:03:19,560 --> 00:03:20,690
siapa pun -

70
00:03:20,690 --> 00:03:24,060
dan meminta sebuah file, komputer pertama
perlu memastikan Anda berwenang

71
00:03:24,060 --> 00:03:28,790
untuk benar-benar melihat berkas itu atau membaca bahwa
mengajukan karena Anda tidak bisa hanya meminta

72
00:03:28,790 --> 00:03:30,430
untuk setiap file di komputer itu, kan?

73
00:03:30,430 --> 00:03:32,260
Itu akan menjadi bahaya keamanan.

74
00:03:32,260 --> 00:03:37,020
>> Jadi file pada sistem yang kita gunakan, seperti
alat CS50 ini, memiliki tiga

75
00:03:37,020 --> 00:03:39,200
orang umum yang dapat memiliki
izin untuk sesuatu.

76
00:03:39,200 --> 00:03:41,610
Yang pertama adalah yang sebenarnya
pemilik file tersebut.

77
00:03:41,610 --> 00:03:43,820
Yang kedua adalah kelompok yang
file milik.

78
00:03:43,820 --> 00:03:46,090
Kami tidak akan fokus
terlalu banyak tentang itu.

79
00:03:46,090 --> 00:03:50,010
Dan hal terakhir adalah, semacam, seperti
dunia atau seperti orang lain siapa

80
00:03:50,010 --> 00:03:54,130
tidak spesifik untuk file itu dan tidak
memiliki hak kepemilikan atasnya.

81
00:03:54,130 --> 00:04:05,650
>> Jadi jika kita memiliki pemilik, grup,
dan kemudian dunia.

82
00:04:05,650 --> 00:04:10,510
Dan kemudian, untuk masing-masing kelompok ini, Anda
dapat memiliki salah satu dari tiga izin,

83
00:04:10,510 --> 00:04:13,010
OK, atau beberapa dari mereka.

84
00:04:13,010 --> 00:04:15,070
Anda dapat memiliki hak akses baca.

85
00:04:15,070 --> 00:04:16,560
Anda dapat memiliki hak akses yang benar.

86
00:04:16,560 --> 00:04:18,880
Dan Anda dapat memiliki hak akses mengeksekusi.

87
00:04:18,880 --> 00:04:22,060
>> Jadi dalam hal jenis file yang sebenarnya, baca
izin seperti benar-benar membaca

88
00:04:22,060 --> 00:04:23,250
isi file.

89
00:04:23,250 --> 00:04:24,730
Sebuah izin yang tepat adalah menulis
untuk mengatakan berkas.

90
00:04:24,730 --> 00:04:28,370
Mengeksekusi izin menjalankan
file seperti yang Anda lakukan ketika Anda menjalankan salah satu

91
00:04:28,370 --> 00:04:29,620
proyek CS50 Anda.

92
00:04:29,620 --> 00:04:32,190

93
00:04:32,190 --> 00:04:38,820
>> Jadi, ketika kita berpikir tentang file
seperti ketika kita perlu membaca HTML

94
00:04:38,820 --> 00:04:41,790
File, yang perlu dunia
dibaca, kan?

95
00:04:41,790 --> 00:04:44,420
Agaknya, juga pemilik ingin
untuk dapat mengedit file tersebut.

96
00:04:44,420 --> 00:04:46,610
Jadi pemilik akan membutuhkan
membaca dan menulis perizinan.

97
00:04:46,610 --> 00:04:48,710
Mereka tidak benar-benar perlu mengeksekusi.

98
00:04:48,710 --> 00:04:50,950
>> Group, kita akan memperlakukan
sama dengan dunia untuk saat ini.

99
00:04:50,950 --> 00:04:54,610
Jadi mereka perlu izin membaca.

100
00:04:54,610 --> 00:04:57,310
Tapi mereka tidak perlu menulis
atau mengeksekusi perizinan.

101
00:04:57,310 --> 00:05:01,920
Dan sekarang, jika kita berpikir kembali ke mantan
PSETs, apa yang kita sadari adalah semacam ini

102
00:05:01,920 --> 00:05:03,360
dari tampak seperti biner, kan?

103
00:05:03,360 --> 00:05:04,210
1 singkatan ya.

104
00:05:04,210 --> 00:05:05,040
0 untuk tidak.

105
00:05:05,040 --> 00:05:06,870
Dan kita benar-benar dapat menerjemahkan
ini ke biner.

106
00:05:06,870 --> 00:05:10,478
>> Jadi 110 dalam biner akan menjadi 6.

107
00:05:10,478 --> 00:05:13,270
100 akan menjadi 4.

108
00:05:13,270 --> 00:05:14,690
Sama dengan dunia.

109
00:05:14,690 --> 00:05:20,846
Jadi nomor yang akan Anda dapatkan untuk
izin untuk ini akan menjadi 644.

110
00:05:20,846 --> 00:05:24,400
>> MIKE Rizzo: Dan jika Anda berpikir kembali ke
ketika Anda chmod sesuatu, saya percaya

111
00:05:24,400 --> 00:05:28,980
mereka menyerah masalah mengatur
contoh di mana Anda bisa melakukan

112
00:05:28,980 --> 00:05:36,470
sesuatu seperti chmod 644
dan kemudian nama file.

113
00:05:36,470 --> 00:05:39,980
The 644 kemudian, Anda sekarang dapat melihat secara langsung
mana yang berasal dari.

114
00:05:39,980 --> 00:05:42,840
Jadi mudah-mudahan yang membuat bahwa
sedikit lebih jelas.

115
00:05:42,840 --> 00:05:45,600
>> Dan kemudian untuk kejelasan Anda pria -

116
00:05:45,600 --> 00:05:48,200
oh yeah, di sini ini lagi.

117
00:05:48,200 --> 00:05:53,260
Jadi 600 maka hanya akan menjadi contoh
kita menyerah di sini di mana pemilik memiliki

118
00:05:53,260 --> 00:05:56,360
hak akses baca dan kanan sedangkan kelompok
dan dunia tidak memiliki izin

119
00:05:56,360 --> 00:05:58,145
untuk mengakses file tersebut.

120
00:05:58,145 --> 00:06:01,500
>> TOMAS Reimers: Dan kemudian kita harus cepat
daftar izin umum.

121
00:06:01,500 --> 00:06:05,250
Jadi direktori, Anda ingin
untuk benar-benar chmod 711.

122
00:06:05,250 --> 00:06:08,930
Cepat samping - untuk direktori untuk memiliki
izin executable berarti dapat

123
00:06:08,930 --> 00:06:11,680
untuk membuka direktori.

124
00:06:11,680 --> 00:06:15,280
Images, CSS, JavaScript, HTML kebutuhan
644 karena, dasarnya, dunia

125
00:06:15,280 --> 00:06:16,400
kebutuhan membaca perizinan.

126
00:06:16,400 --> 00:06:20,960
>> Dan PHP, yang kalian telah melihat
meskipun kami tidak akan berbicara tentang hal itu

127
00:06:20,960 --> 00:06:24,880
ketat biasanya chmod dengan
izin 600 karena itu dijalankan dengan

128
00:06:24,880 --> 00:06:26,540
izin dari pemilik.

129
00:06:26,540 --> 00:06:27,790
Setidaknya pada alat.

130
00:06:27,790 --> 00:06:30,200

131
00:06:30,200 --> 00:06:36,870
>> MIKE Rizzo: Jadi, jika Anda tidak secara khusus
menentukan apa jenis file

132
00:06:36,870 --> 00:06:39,480
Anda ingin benar-benar dalam pengaturan
up presentasi ini -

133
00:06:39,480 --> 00:06:43,490
kita punya masalah dengan hal ini karena
semuanya tidak benar chmod -

134
00:06:43,490 --> 00:06:47,550
Anda akan mendapatkan, jenis, a
error terlarang bahwa situs web

135
00:06:47,550 --> 00:06:49,700
tidak benar-benar memiliki izin
untuk mengakses file apapun

136
00:06:49,700 --> 00:06:51,370
Anda ingin mengakses.

137
00:06:51,370 --> 00:06:54,780
Dan tentu saja, yang bisa diperbaiki -
seperti dalam masalah set - dengan mengubah

138
00:06:54,780 --> 00:06:56,405
perizinan tepat.

139
00:06:56,405 --> 00:06:59,620
>> TOMAS Reimers: Dan komentar terakhir untuk
pengembangan cepat lokal - kami

140
00:06:59,620 --> 00:07:02,000
dibesarkan ini, tetapi kami hanya ingin
untuk membawanya lagi -

141
00:07:02,000 --> 00:07:06,230
jika Anda meminta server - host sehingga lokal,
misalnya, com atau apa pun. -

142
00:07:06,230 --> 00:07:09,170
dan Anda tidak menentukan file tertentu,
file yang komputer Anda akan

143
00:07:09,170 --> 00:07:11,540
untuk meminta disebut index.html.

144
00:07:11,540 --> 00:07:12,790
Atau jika yang tidak ada, index.php.

145
00:07:12,790 --> 00:07:15,560

146
00:07:15,560 --> 00:07:16,350
>> Keren.

147
00:07:16,350 --> 00:07:19,560
Jadi itu hanya rekap dari segala sesuatu,
mudah-mudahan, yang telah kita pelajari di

148
00:07:19,560 --> 00:07:22,800
bagian, dan kuliah,
dan sejauh ini dalam CS50.

149
00:07:22,800 --> 00:07:26,110
Dan sekarang kita akan mulai berbicara
tentang perpustakaan khusus.

150
00:07:26,110 --> 00:07:30,270
JavaScript dan CSS perpustakaan
untuk aplikasi web.

151
00:07:30,270 --> 00:07:36,350
>> Jadi salah satu alasan mengapa kita memiliki cepat
perpustakaan adalah pemrograman -

152
00:07:36,350 --> 00:07:39,000
ada banyak masalah dalam
pemrograman, yang terus bermunculan

153
00:07:39,000 --> 00:07:40,570
lagi, dan lagi, dan lagi.

154
00:07:40,570 --> 00:07:43,870
Anda mungkin memperhatikan bahwa banyak situs web
perlu kemampuan untuk memiliki drop down

155
00:07:43,870 --> 00:07:49,100
menu, misalnya, atau butuh kemampuan
memiliki tombol yang sangat standar

156
00:07:49,100 --> 00:07:51,400
gaya, yang mungkin tidak
hal yang termudah.

157
00:07:51,400 --> 00:07:54,670
Sekarang bahwa Anda mulai masuk ke HTML, Anda
menyadari bahwa tombol benar-benar dapat

158
00:07:54,670 --> 00:07:57,720
terlihat sangat jelek jika Anda
tidak melakukan apa-apa.

159
00:07:57,720 --> 00:08:00,830
>> Jadi banyak orang telah menulis
disebut perpustakaan.

160
00:08:00,830 --> 00:08:02,990
Dan dalam konteks ini, mereka
juga disebut kerangka.

161
00:08:02,990 --> 00:08:04,790
Kita akan menggunakan
dua bergantian.

162
00:08:04,790 --> 00:08:07,360
Dan apa yang mereka adalah mereka pada dasarnya
potongan premade kode -

163
00:08:07,360 --> 00:08:09,130
baik CSS atau JavaScript -

164
00:08:09,130 --> 00:08:13,240
yang mengambil banyak
tim yang Anda miliki dalam coding.

165
00:08:13,240 --> 00:08:17,290
>> Jadi mereka pra-menentukan sekelompok kelas atau
pra-mendefinisikan banyak fungsi untuk

166
00:08:17,290 --> 00:08:20,110
Kasus JavaScript, yang
Anda dapat memanggil nanti.

167
00:08:20,110 --> 00:08:22,690
Dan kemudian Anda dapat, semacam, dapatkan
akses ke kode ini tanpa

168
00:08:22,690 --> 00:08:23,710
harus melakukan apa pun.

169
00:08:23,710 --> 00:08:27,750
Sebuah contoh dari perpustakaan adalah CS50.H.
Itu perpustakaan kami berikan kepada Anda kembali

170
00:08:27,750 --> 00:08:32,090
dalam satu minggu, yang memungkinkan Anda untuk melakukan
hal-hal seperti itu getInt dan GetString

171
00:08:32,090 --> 00:08:35,237
tanpa harus menulis
kode apapun sendiri.

172
00:08:35,237 --> 00:08:36,179
>> MIKE Rizzo: Baiklah.

173
00:08:36,179 --> 00:08:40,299
Jadi di sini, seperti kita harus menyertakan
di c kami file yang berbeda

174
00:08:40,299 --> 00:08:46,570
perpustakaan, kita juga harus disertakan dalam
HTML kita file perpustakaan yang berbeda.

175
00:08:46,570 --> 00:08:50,310
Sebagai contoh, jika kita ingin menyertakan
perpustakaan JavaScript spesifik di sini,

176
00:08:50,310 --> 00:08:52,850
mungkin, salah satu yang kita telah menulis
diri sebagai itu lokal host

177
00:08:52,850 --> 00:08:56,000
disebut script.js, kami hanya
menggunakan notasi ini.

178
00:08:56,000 --> 00:08:59,500
>> Jadi kita memiliki jenis naskah equals
JavaScript sumber equals

179
00:08:59,500 --> 00:09:01,260
JavaScript.js.

180
00:09:01,260 --> 00:09:05,190
Dan jika Anda berpikir kembali ke CS50 Anda
masalah keuangan yang ditetapkan, jika Anda melihat ke dalam

181
00:09:05,190 --> 00:09:09,190
header.php di folder template,
Anda seharusnya melihat

182
00:09:09,190 --> 00:09:10,970
beberapa di antaranya termasuk.

183
00:09:10,970 --> 00:09:13,250
Jadi ini pertama - script -

184
00:09:13,250 --> 00:09:16,080
adalah termasuk perpustakaan JavaScript.

185
00:09:16,080 --> 00:09:18,760
Termasuk perpustakaan CSS
sedikit berbeda.

186
00:09:18,760 --> 00:09:21,430
>> Di sini, bukan script
tag Anda memerlukan tag link.

187
00:09:21,430 --> 00:09:27,110
Dan kemudian, jenis teks CSS
sedikit berbeda.

188
00:09:27,110 --> 00:09:29,270
Anda tidak selalu harus menyertakan
style sheet rel.

189
00:09:29,270 --> 00:09:30,970
Tapi saya pikir itu, secara umum,
praktek yang baik.

190
00:09:30,970 --> 00:09:35,810
>> Dan kemudian akhirnya, HREF, yang Anda
mungkin melihat di ATAGs Anda untuk menghubungkan

191
00:09:35,810 --> 00:09:39,440
di link yang berbeda hanya menspesifikasikan
link dari mana untuk menemukan bahwa.

192
00:09:39,440 --> 00:09:42,250
Sebagai contoh, jika kita ingin menghubungkan
perpustakaan yang berbeda - katakan saja -

193
00:09:42,250 --> 00:09:49,330
yang tinggal di styles.css.

194
00:09:49,330 --> 00:09:54,030
Dan kami ingin menghubungkan bahwa dalam itu
host di web, kita akan menyalin itu.

195
00:09:54,030 --> 00:09:58,834
Dan kemudian tempel ke apapun
kita miliki di sini sebagai gantinya.

196
00:09:58,834 --> 00:10:01,340
>> TOMAS Reimers: OK, mudah-mudahan Anda
Orang-orang sudah akrab

197
00:10:01,340 --> 00:10:02,410
dengan cara menghubungkan CSS.

198
00:10:02,410 --> 00:10:04,000
Anda harus melakukan itu pada
set brown terakhir Anda.

199
00:10:04,000 --> 00:10:07,110
JavaScript, beberapa dari Anda mungkin
memiliki beberapa pengalaman dengan.

200
00:10:07,110 --> 00:10:07,980
Beberapa dari Anda mungkin tidak.

201
00:10:07,980 --> 00:10:12,190
>> Jadi untuk saat ini, tahu bahwa sebuah file JavaScript
sangat banyak seperti file CSS di

202
00:10:12,190 --> 00:10:15,640
arti yang dapat Anda link ke atau
Anda dapat memasukkannya secara internal.

203
00:10:15,640 --> 00:10:17,360
Dan itu memungkinkan Anda untuk hal-hal skrip.

204
00:10:17,360 --> 00:10:21,820
Dan kami akan memandu Anda melalui
sedikit dari JavaScript nanti.

205
00:10:21,820 --> 00:10:23,560
>> Jadi menggunakan perpustakaan -

206
00:10:23,560 --> 00:10:26,150
setelah Anda memasukkannya, seolah-
sederhana seperti benar-benar memanggil

207
00:10:26,150 --> 00:10:29,640
fungsi atau menambahkan
nama kelas untuk itu.

208
00:10:29,640 --> 00:10:32,220
Hal terakhir yang kita ingin berbicara
tentang dalam hal perpustakaan -

209
00:10:32,220 --> 00:10:34,180
dan ini lebih merupakan catatan teknis -

210
00:10:34,180 --> 00:10:35,860
adalah lisensi open source.

211
00:10:35,860 --> 00:10:41,550
Jadi, ketika Anda menemukan ini perpustakaan yang sebenarnya,
Anda mungkin berpikir

212
00:10:41,550 --> 00:10:47,630
pertanyaan seperti itu OK bahwa aku hanya
menggunakan kode orang lain, terutama

213
00:10:47,630 --> 00:10:51,970
karena itulah sesuatu yang kita sangat banyak
bilang untuk tidak dilakukan di kursus ini.

214
00:10:51,970 --> 00:10:55,790
>> Jadi dalam kasus lisensi open source,
banyak pengembang -

215
00:10:55,790 --> 00:10:57,540
setelah mereka telah menulis perpustakaan,
yang mereka pikir bisa

216
00:10:57,540 --> 00:10:59,450
membantu orang lain -

217
00:10:59,450 --> 00:11:02,420
akan mempublikasikannya ke web
dan memberikan lisensi.

218
00:11:02,420 --> 00:11:06,620
Dan lisensi pada dasarnya mengatakan saya dengan ini
pemberian izin untuk lainnya

219
00:11:06,620 --> 00:11:11,250
orang untuk menggunakan software ini
dengan jenis berikut

220
00:11:11,250 --> 00:11:13,230
ketentuan.

221
00:11:13,230 --> 00:11:16,100
>> Kami telah menyertakan link ke sebuah situs yang baik untuk
membantu Anda memahami lisensi di

222
00:11:16,100 --> 00:11:17,720
huruf Anda mengalami mereka.

223
00:11:17,720 --> 00:11:21,680
Ketentuan umum adalah hal-hal seperti
Anda dipersilakan untuk menggunakan perpustakaan saya jadi

224
00:11:21,680 --> 00:11:23,000
Selama Anda memberi saya kredit.

225
00:11:23,000 --> 00:11:25,670
Anda bebas untuk menggunakan perpustakaan saya
asalkan jika rusak

226
00:11:25,670 --> 00:11:26,790
Anda jangan salahkan saya.

227
00:11:26,790 --> 00:11:30,310
Anda bebas untuk menggunakan perpustakaan saya begitu lama
Anda tidak menggunakannya untuk membuat uang

228
00:11:30,310 --> 00:11:31,910
untuk diri sendiri.

229
00:11:31,910 --> 00:11:34,130
Ini adalah jenis umum
ketentuan.

230
00:11:34,130 --> 00:11:37,780
>> Untuk tugas akhir CS50 ini, mereka
tidak harus menjadi super relevan karena

231
00:11:37,780 --> 00:11:41,440
proyek yang menggunakan kalian
mungkin lebih tepatnya, semacam, yang dikenal.

232
00:11:41,440 --> 00:11:44,170
Tetapi ketika Anda benar-benar pergi keluar ke
dunia dan mulai menggunakan perpustakaan, yang

233
00:11:44,170 --> 00:11:48,100
mungkin atau mungkin tidak juga diimplementasikan sebagai
beberapa yang lebih populer kita

234
00:11:48,100 --> 00:11:49,780
akan akan melalui.

235
00:11:49,780 --> 00:11:53,310
Ada baiknya untuk dapat memahami
lisensi ini dan untuk

236
00:11:53,310 --> 00:11:54,560
mengerti apa yang mereka maksud.

237
00:11:54,560 --> 00:11:58,120

238
00:11:58,120 --> 00:11:58,586
Dan akan kembali.

239
00:11:58,586 --> 00:12:00,960
>> MIKE Rizzo: OK.

240
00:12:00,960 --> 00:12:04,850
Jadi sekarang bergerak ke contoh
CSS sebenarnya.

241
00:12:04,850 --> 00:12:07,770
Pada titik ini sejauh ini, Anda mungkin
tidak akan mengalami ini.

242
00:12:07,770 --> 00:12:10,300
Tapi Anda mungkin telah menemui itu di
kehidupan sehari-hari Anda di mana sesuatu

243
00:12:10,300 --> 00:12:13,160
yang terlihat salah satu cara di satu browser
mungkin tidak terlihat sama

244
00:12:13,160 --> 00:12:14,880
cara browser lain.

245
00:12:14,880 --> 00:12:17,400
>> Ini disebut browser browser
kompatibilitas.

246
00:12:17,400 --> 00:12:20,780
Dan itu semakin menjadi lebih dan
lebih dari masalah, terutama karena

247
00:12:20,780 --> 00:12:25,260
browser mengambil lebih dan lebih kebebasan
untuk melaksanakan hal-hal yang mereka inginkan.

248
00:12:25,260 --> 00:12:28,440
Jadi untuk mengatasi itu, ada sebenarnya
perpustakaan besar yang disebut Normalize.CSS.

249
00:12:28,440 --> 00:12:32,236

250
00:12:32,236 --> 00:12:33,770
>> TOMAS Reimers: Kami termasuk link.

251
00:12:33,770 --> 00:12:36,210
Pada titik ini, sangat membantu jika
Anda memiliki laptop Anda di sana

252
00:12:36,210 --> 00:12:38,740
melihat situs.

253
00:12:38,740 --> 00:12:42,580
Dan kami memberikan ini kepada Anda tepat
sekarang hanya karena final CS50

254
00:12:42,580 --> 00:12:44,370
proyek benar-benar akan
meminta Anda untuk menerapkannya

255
00:12:44,370 --> 00:12:45,860
sama dan melalui browser.

256
00:12:45,860 --> 00:12:49,250
>> Jadi hanya untuk menjaga di belakang Anda
kepala, ini adalah perpustakaan yang indah

257
00:12:49,250 --> 00:12:51,170
karena akan, semacam,
standarisasi hal.

258
00:12:51,170 --> 00:12:54,230
Di Firefox, sesuatu yang mungkin menunjukkan
sebagai salah satu pixel ke kiri.

259
00:12:54,230 --> 00:12:58,390
Dan kemudian Chrome dapat memutuskan yang benar-benar
apa yang Anda maksudkan adalah 10 pixel

260
00:12:58,390 --> 00:12:59,380
ke kiri.

261
00:12:59,380 --> 00:13:01,030
Dan Anda ingin standarisasi ini.

262
00:13:01,030 --> 00:13:05,360
Normalisasi benar-benar akan melakukan benar-benar baik
pekerjaan untuk memastikan bahwa situs Anda

263
00:13:05,360 --> 00:13:08,070
tampak sama di browser.

264
00:13:08,070 --> 00:13:10,660
>> MIKE Rizzo: Jadi jika kita ingin hanya
klik link benar-benar cepat dan menunjukkan

265
00:13:10,660 --> 00:13:13,140
Anda apa yang terlihat seperti, Anda
dapat men-download menggunakan

266
00:13:13,140 --> 00:13:14,670
tombol Download raksasa.

267
00:13:14,670 --> 00:13:18,520
Atau saya mendorong Anda untuk membaca lebih lanjut
dengan mengklik link ini di bawah

268
00:13:18,520 --> 00:13:19,310
sudut kanan.

269
00:13:19,310 --> 00:13:22,420
>> TOMAS Reimers: Dan jika Anda benar-benar
klik Read More di sana -

270
00:13:22,420 --> 00:13:24,340
klik sumber di GitHub -

271
00:13:24,340 --> 00:13:31,720
Anda benar-benar akan melihat open source
lisensi pada LICENSE.md di sana.

272
00:13:31,720 --> 00:13:35,740
Dan Anda akan melihat di sini adalah
lisensi MIT sangat populer.

273
00:13:35,740 --> 00:13:38,940
Sekali lagi, jika Anda membaca melalui teks,
Anda akan dapat menemukannya di situs

274
00:13:38,940 --> 00:13:42,550
kami direferensikan sebelum dan dapat
memahaminya tanpa harus membaca

275
00:13:42,550 --> 00:13:45,920
melalui jargon hukum.

276
00:13:45,920 --> 00:13:46,850
>> MIKE Rizzo: OK, bagus.

277
00:13:46,850 --> 00:13:47,940
Jadi itulah Normalisasi.

278
00:13:47,940 --> 00:13:49,190
Kami ingin memberikan Anda
yang benar-benar cepat.

279
00:13:49,190 --> 00:13:50,030
Oh, apakah Anda memiliki pertanyaan?

280
00:13:50,030 --> 00:13:53,013
>> AUDIENCE: Jadi, ketika Anda men-download, Anda
hanya mengikuti kode yang mereka miliki

281
00:13:53,013 --> 00:13:54,098
di bawah tombol Download?

282
00:13:54,098 --> 00:13:55,860
>> TOMAS Reimers: Ya, jadi
ketika Anda men-download -

283
00:13:55,860 --> 00:13:58,130
>> MIKE Rizzo: Oh, itu adalah titik besar.

284
00:13:58,130 --> 00:14:00,700
Jadi pertanyaannya adalah bagaimana
kita benar-benar men-download itu?

285
00:14:00,700 --> 00:14:03,260
Jadi, jika kita klik link tersebut, kita melihat
bahwa itu benar-benar muncul

286
00:14:03,260 --> 00:14:05,030
kode sumber.

287
00:14:05,030 --> 00:14:08,550
Jadi untuk melakukan hal ini, apa yang kita bisa
lakukan adalah klik Save As.

288
00:14:08,550 --> 00:14:10,830
Save As dan yang seharusnya
membuka file.

289
00:14:10,830 --> 00:14:14,160
Dan kemudian kita bisa memilih untuk menyimpan
sebagai normalize.CSS.

290
00:14:14,160 --> 00:14:15,810
Dan kemudian Anda harus menghubungkannya dalam -

291
00:14:15,810 --> 00:14:18,660
>> TOMAS Reimers: Cara yang sama Anda
link dalam file lain.

292
00:14:18,660 --> 00:14:22,250
Dan sekali Anda link dalam, apa yang baik
tentang Normalisasi itu akan benar-benar

293
00:14:22,250 --> 00:14:25,920
mengurus semua hard
bekerja dengan sendirinya.

294
00:14:25,920 --> 00:14:27,730
Yang berarti bahwa Anda tidak memiliki
untuk menambahkan kelas.

295
00:14:27,730 --> 00:14:29,690
>> Anda tidak perlu melakukan apa pun yang aneh.

296
00:14:29,690 --> 00:14:34,590
Ini akan menormalkan tanpa Anda
melakukan apa-apa lagi.

297
00:14:34,590 --> 00:14:36,083
Ya, Anda harus memasukkannya.

298
00:14:36,083 --> 00:14:38,990

299
00:14:38,990 --> 00:14:40,240
Google Chrome tidak merespons.

300
00:14:40,240 --> 00:14:43,270

301
00:14:43,270 --> 00:14:44,860
>> Hanya cepat samping -

302
00:14:44,860 --> 00:14:46,800
Saya melihat kita melompat ke dalam ini.

303
00:14:46,800 --> 00:14:49,010
Sisa dari presentasi ini adalah
akan menjadi sebuah gambaran singkat.

304
00:14:49,010 --> 00:14:50,380
Sebuah survei dari perpustakaan.

305
00:14:50,380 --> 00:14:52,710
>> Pada dasarnya, apa yang mereka.

306
00:14:52,710 --> 00:14:53,350
Apa yang mereka lakukan.

307
00:14:53,350 --> 00:14:54,060
Bagaimana mereka berguna.

308
00:14:54,060 --> 00:14:56,540
Bagaimana Anda mungkin menerapkannya.

309
00:14:56,540 --> 00:14:59,730
Jika Anda ingin memulai melihat mereka,
mengikuti dari awal, dan membaca

310
00:14:59,730 --> 00:15:01,990
mereka, saya akan sangat mendorong itu.

311
00:15:01,990 --> 00:15:07,620
>> Atau, Anda dipersilakan juga untuk
mulai men-download mereka dan termasuk

312
00:15:07,620 --> 00:15:11,400
mereka terlihat hanya untuk melihat apa yang mereka
terlihat seperti atau apa yang mereka lakukan jika Anda memiliki

313
00:15:11,400 --> 00:15:12,270
laptop Anda di depan Anda.

314
00:15:12,270 --> 00:15:14,650
Jika tidak, Anda dipersilakan untuk menjaga
mendengarkan kita bicara.

315
00:15:14,650 --> 00:15:15,500
Kita akan terus berbicara.

316
00:15:15,500 --> 00:15:18,680
Dan kami punya waktu di akhir, mudah-mudahan
kita akan benar-benar masuk ke dalam menunjukkan Anda

317
00:15:18,680 --> 00:15:20,946
apa beberapa perpustakaan ini
terlihat seperti.

318
00:15:20,946 --> 00:15:22,320
>> MIKE Rizzo: Cool.

319
00:15:22,320 --> 00:15:25,466
Baiklah, jadi sekarang mari kita bicara
tentang Font Keren.

320
00:15:25,466 --> 00:15:30,480
>> TOMAS Reimers: begitu Font mengagumkan adalah
situs benar-benar rapi, terutama bagi mereka

321
00:15:30,480 --> 00:15:32,450
dari kita yang kurang artistik
berbakat.

322
00:15:32,450 --> 00:15:36,330

323
00:15:36,330 --> 00:15:38,880
Mengabaikan nama Font Awesome, memberikan
Anda sekelompok ikon, yang

324
00:15:38,880 --> 00:15:41,050
sangat berguna.

325
00:15:41,050 --> 00:15:45,950
Jadi banyak kali Anda akan menerapkan
icon Anda mungkin ingin seperti x bagus sehingga

326
00:15:45,950 --> 00:15:47,170
Anda dapat menutup sesuatu.

327
00:15:47,170 --> 00:15:49,910
>> Atau Anda mungkin ingin beberapa jenis tombol Edit
dengan gambar pensil seperti

328
00:15:49,910 --> 00:15:50,940
dimiliki orang lain.

329
00:15:50,940 --> 00:15:53,850
Dan saat itulah Anda belajar bahwa
menggambar ikon tersebut dapat

330
00:15:53,850 --> 00:15:55,510
sangat membosankan dan sulit.

331
00:15:55,510 --> 00:15:59,160
Font Awesome - jika Anda benar-benar
pergi ke situs -

332
00:15:59,160 --> 00:16:02,892
memberi Anda banyak ikon di bawah
ikon di bagian atas.

333
00:16:02,892 --> 00:16:06,980
Ya, hanya bagian atas.

334
00:16:06,980 --> 00:16:09,030
Ini akan memberi Anda banyak
ikon gratis.

335
00:16:09,030 --> 00:16:15,210
>> Jadi di sini Anda melihat kita memiliki hal-hal seperti
asterisk, bar, petir, sebuah

336
00:16:15,210 --> 00:16:19,750
kalender, bug, buku, dan lain-lain.

337
00:16:19,750 --> 00:16:21,110
Hal ini dapat sangat berguna.

338
00:16:21,110 --> 00:16:24,290
Cara Anda termasuk ini adalah Anda menyertakan
harfiah file CSS.

339
00:16:24,290 --> 00:16:29,760
Dan setelah Anda telah menyertakan file CSS,
apa yang dapat Anda lakukan adalah Anda membuat

340
00:16:29,760 --> 00:16:33,430
tag disebut I. Ini satands untuk
icon dengan kelas FA

341
00:16:33,430 --> 00:16:34,460
berdiri untuk Font Keren.

342
00:16:34,460 --> 00:16:36,330
Dan kemudian, kelas apa pun yang Anda inginkan.

343
00:16:36,330 --> 00:16:41,220
>> Jadi jika saya ingin icon plus ini
persegi di sini, saya akan memberikan

344
00:16:41,220 --> 00:16:43,290
itu kelas FA.

345
00:16:43,290 --> 00:16:46,230
Dan kemudian tanda hubung FA ditambah tanda hubung persegi.

346
00:16:46,230 --> 00:16:50,325

347
00:16:50,325 --> 00:16:53,710
>> MIKE Rizzo: Cool, OK.

348
00:16:53,710 --> 00:16:56,980
>> TOMAS Reimers: Dan kemudian, CSS terakhir
perpustakaan kita ingin mendapatkan melalui kita

349
00:16:56,980 --> 00:16:59,950
mencoba untuk tetap minimal pada CSS
perpustakaan karena kita menyadari

350
00:16:59,950 --> 00:17:03,660
judul presentasi ini
adalah JavaScript Libraries.

351
00:17:03,660 --> 00:17:07,089
Tapi kami pikir bahwa kita mungkin juga
memperkenalkan Anda ke perpustakaan lain

352
00:17:07,089 --> 00:17:09,569
sementara kita sedang berbicara tentang perpustakaan.

353
00:17:09,569 --> 00:17:11,400
>> Ini Google Web Font.

354
00:17:11,400 --> 00:17:17,040
Dan apa yang Google Web Font memungkinkan Anda
lakukan adalah menambahkan font ke website Anda,

355
00:17:17,040 --> 00:17:22,079
yang merupakan cara yang sangat mudah untuk membuatnya
cantik dan untuk membedakan set Anda

356
00:17:22,079 --> 00:17:24,460
dari orang lain adalah jika memiliki
font yang bagus atau jika memiliki bagus

357
00:17:24,460 --> 00:17:27,790
koleksi font.

358
00:17:27,790 --> 00:17:31,410
Google Web Font bagus tidak seperti lainnya
perpustakaan dalam arti bahwa itu adalah

359
00:17:31,410 --> 00:17:33,490
benar-benar dipandu instalasi.

360
00:17:33,490 --> 00:17:38,680
>> Jadi, jika Anda mengikuti link, itu
google.com / font, saya percaya.

361
00:17:38,680 --> 00:17:41,100
Jika Anda mengikuti itu, Anda
dapat memilih font.

362
00:17:41,100 --> 00:17:44,410
Anda dapat memilih di sebelah kiri dari
ketebalan, kemiringan, dan sebagainya.

363
00:17:44,410 --> 00:17:48,970
Dan kemudian, setelah Anda memilih salah satu,
Anda dapat mengklik penggunaan cepat.

364
00:17:48,970 --> 00:17:49,820
Tepat di sana.

365
00:17:49,820 --> 00:17:51,590
Kanan bawah kotak.

366
00:17:51,590 --> 00:17:54,380

367
00:17:54,380 --> 00:17:56,700
>> Dan kemudian, gulir ke bawah.

368
00:17:56,700 --> 00:17:59,600

369
00:17:59,600 --> 00:18:02,650
Pertama-tama, mereka memberikan CSS yang
Anda harus benar-benar link ke sana.

370
00:18:02,650 --> 00:18:03,330
Itu ada di sana.

371
00:18:03,330 --> 00:18:05,170
Anda hanya bisa copy dan paste masuk

372
00:18:05,170 --> 00:18:07,250
Dan hal yang menyenangkan tentang yang satu ini
Anda tidak benar-benar bahkan perlu

373
00:18:07,250 --> 00:18:08,340
men-download file tersebut.

374
00:18:08,340 --> 00:18:11,170
>> Apa itu akan lakukan adalah itu akan
untuk link ke versi Google itu.

375
00:18:11,170 --> 00:18:14,130
Jadi kembali ke apa artinya.

376
00:18:14,130 --> 00:18:18,270
Itu berarti ketika pengguna
mendownload file Anda -

377
00:18:18,270 --> 00:18:22,300
download halaman HTML Anda - HTML Anda
Halaman akan referensi file ini.

378
00:18:22,300 --> 00:18:26,790
>> Jadi, komputer Anda akan melihat,
oh, itu host di google.com agak

379
00:18:26,790 --> 00:18:28,170
dari pada theirsite.com.

380
00:18:28,170 --> 00:18:30,370
Biarkan aku pergi meminta Google untuk file itu.

381
00:18:30,370 --> 00:18:32,800
Dan kemudian, itu akan mencakup
hampir seolah-olah itu adalah

382
00:18:32,800 --> 00:18:35,584
bagian dari situs Anda sendiri.

383
00:18:35,584 --> 00:18:36,540
>> TOMAS Reimers: Cool.

384
00:18:36,540 --> 00:18:40,980
Dan sekali Anda termasuk itu, maka untuk
memasukkannya ke dalam CSS Anda, memberikan Anda

385
00:18:40,980 --> 00:18:41,830
garis yang sebenarnya.

386
00:18:41,830 --> 00:18:45,188
Jadi Anda mengatur keluarga font properti
sama dengan nama font Anda.

387
00:18:45,188 --> 00:18:47,936

388
00:18:47,936 --> 00:18:50,440
>> MIKE Rizzo: OK.

389
00:18:50,440 --> 00:18:52,220
Jadi kita hanya selesai dengan CSS.

390
00:18:52,220 --> 00:18:57,230
Dan beberapa dari Anda mungkin berpikir, baik,
kami memiliki beberapa CSS pada CS50 Keuangan.

391
00:18:57,230 --> 00:19:00,390
Tapi perpustakaan CSS adalah bootstrap.

392
00:19:00,390 --> 00:19:05,190
Kami benar-benar termasuk Bootstrap sedikit
nanti di bawah JavaScript karena dengan

393
00:19:05,190 --> 00:19:09,660
perpustakaan Bootstrap CSS juga dilengkapi
dengan banyak JavaScript yang

394
00:19:09,660 --> 00:19:12,060
Bootstrap atau Twitter -
yang membuat Bootstrap -

395
00:19:12,060 --> 00:19:15,426
digunakan untuk mengelola semua CSS mereka.

396
00:19:15,426 --> 00:19:19,592
>> TOMAS Reimers: Apakah ada yang punya
pertanyaan sejauh ini tentang CSS pada umumnya?

397
00:19:19,592 --> 00:19:20,723
Kita baik?

398
00:19:20,723 --> 00:19:21,216
Mengagumkan.

399
00:19:21,216 --> 00:19:22,495
>> MIKE Rizzo: Awesome.

400
00:19:22,495 --> 00:19:25,136
>> TOMAS Reimers: Jadi bergerak
pada JavaScript.

401
00:19:25,136 --> 00:19:27,900
>> MIKE Rizzo: Jadi kami ingin berbicara
tentang jQuery untuk memulai dengan.

402
00:19:27,900 --> 00:19:30,780
Ada yang sudah mendengar tentang jQuery
sebelum atau menggunakannya?

403
00:19:30,780 --> 00:19:32,180
Ya, beberapa?

404
00:19:32,180 --> 00:19:36,000
Jadi jika Anda hanya bekerja dengan asli
JavaScript, Anda akan menemukan diri

405
00:19:36,000 --> 00:19:41,000
mengetik banyak penyeleksi panjang banyak.

406
00:19:41,000 --> 00:19:44,400
Jadi apa jQuery dilakukan adalah menyediakan
pembungkus yang bagus untuk JavaScript

407
00:19:44,400 --> 00:19:48,180
bahasa yang memungkinkan Anda dengan mudah memilih
dan memanipulasi unsur-unsur yang berbeda

408
00:19:48,180 --> 00:19:52,470
dalam model objek dokumen dari
Halaman web atau DOM, yang saya pikir

409
00:19:52,470 --> 00:19:54,290
kalian telah mendengar dari dalam
kuliah pada saat ini.

410
00:19:54,290 --> 00:19:57,550
>> TOMAS Reimers: Jika Anda belum pernah mendengar tentang
atau kuliah jika Anda belum menyaksikan

411
00:19:57,550 --> 00:20:01,870
Namun, Document Object Model adalah
pada dasarnya bagaimana hal-hal yang diwakili.

412
00:20:01,870 --> 00:20:05,290
Jadi HTML semacam terlihat seperti pohon
ketika Anda benar-benar menariknya keluar.

413
00:20:05,290 --> 00:20:06,850
Anda memiliki elemen HTML di atas.

414
00:20:06,850 --> 00:20:07,560
Anda memiliki kepala dan tubuh.

415
00:20:07,560 --> 00:20:09,500
>> Dan kemudian, dalam bahwa Anda
memiliki segala sesuatu yang lain.

416
00:20:09,500 --> 00:20:10,660
Itu disebut sebagai DOM -

417
00:20:10,660 --> 00:20:12,120
Document Object Model.

418
00:20:12,120 --> 00:20:16,090
Jadi model yang mewakili objek dalam
dokumen adalah cara mudah untuk berpikir

419
00:20:16,090 --> 00:20:18,560
tentang itu.

420
00:20:18,560 --> 00:20:22,520
Dan salah satu hal yang besar tentang jQuery
itu benar-benar membuat traversing

421
00:20:22,520 --> 00:20:26,460
itu dan memanipulasi unsur-unsur dalam
itu sangat sederhana.

422
00:20:26,460 --> 00:20:30,300
>> Begitu sederhana, pada kenyataannya, bahwa mayoritas
JavaScript perpustakaan atau jika tidak

423
00:20:30,300 --> 00:20:34,200
mayoritas, sebagian besar dari orang-orang
Anda akan melihat benar-benar membutuhkan jQuery sehingga

424
00:20:34,200 --> 00:20:37,530
bahwa mereka bisa berjalan sendiri hanya
karena jika Anda tidak memiliki jQuery, Anda

425
00:20:37,530 --> 00:20:40,540
akan membuang banyak waktu untuk
mencari cara untuk memilih tertentu

426
00:20:40,540 --> 00:20:43,660
elemen dan bagaimana melakukan hal-hal lain.

427
00:20:43,660 --> 00:20:47,950
Dan hal besar lainnya tentang jQuery
adalah bahwa hal itu browser yang kompatibel lintas.

428
00:20:47,950 --> 00:20:51,550
>> Jadi ingat kembali ketika kita mengatakan bahwa
tidak semua browser mengimplementasikan

429
00:20:51,550 --> 00:20:53,100
hal-hal dengan cara yang sama?

430
00:20:53,100 --> 00:20:55,120
Hal ini berlaku bahkan dalam JavaScript.

431
00:20:55,120 --> 00:20:58,220
Dan salah satu hal besar mengenai jQuery
adalah bahwa hal itu akan mendeteksi

432
00:20:58,220 --> 00:21:00,300
Browser dan mendeteksi
metode yang sesuai.

433
00:21:00,300 --> 00:21:03,420
>> Jadi jika Anda perlu untuk memilih elemen,
Internet Explorer mungkin mengatakan Anda

434
00:21:03,420 --> 00:21:05,770
seharusnya dilakukan dengan cara ini.

435
00:21:05,770 --> 00:21:08,300
Firefox mungkin mengatakan yang benar
caranya adalah dengan cara ini.

436
00:21:08,300 --> 00:21:09,710
jQuery tidak peduli.

437
00:21:09,710 --> 00:21:12,550
Ketika Anda memberitahu jQuery untuk memilih
elemen itu akan mencari tahu bagaimana hal itu

438
00:21:12,550 --> 00:21:16,290
seharusnya melakukannya dalam browser yang
pengguna saat ini dalam, dan kemudian melakukan

439
00:21:16,290 --> 00:21:18,584
seperti itu.

440
00:21:18,584 --> 00:21:22,650
>> MIKE Rizzo: Jadi mari kita tidak membicarakan tentang
penggunaan jQuery sedikit.

441
00:21:22,650 --> 00:21:27,670
Sama seperti PHP, jQuery memiliki tertentu
kesukaan untuk tanda dolar.

442
00:21:27,670 --> 00:21:30,880
Jadi, Anda akan menemukan bahwa setiap jQuery -

443
00:21:30,880 --> 00:21:32,060
baik, tidak semua.

444
00:21:32,060 --> 00:21:35,210
Anda kadang-kadang dapat menggantikan dolar
menandatangani dengan kata jQuery.

445
00:21:35,210 --> 00:21:38,980
Tapi pada umumnya, hanya karena itu
pendek, setiap kali Anda melihat jQuery menjadi

446
00:21:38,980 --> 00:21:41,420
menggunakannya akan dengan tanda dolar.

447
00:21:41,420 --> 00:21:47,030
>> Jadi di sini kita hanya menunjukkan awal
pemilih untuk sebuah elemen di DOM.

448
00:21:47,030 --> 00:21:52,850
Di sini, kita memiliki tanda dolar diikuti
dengan tanda kurung terbuka dan kemudian tanda kutip.

449
00:21:52,850 --> 00:21:56,130
Dan dalam tanda kutip pergi penyeleksi kami
untuk elemen yang berbeda.

450
00:21:56,130 --> 00:21:59,810
Sama seperti dalam CSS, kita perlu penyeleksi untuk
bisa gaya elemen yang berbeda

451
00:21:59,810 --> 00:22:00,840
dalam halaman.

452
00:22:00,840 --> 00:22:06,555
Mereka selektor yang berbeda menerjemahkan
tepatnya ke jQuery dan JavaScript,

453
00:22:06,555 --> 00:22:07,820
untuk sebagian besar.

454
00:22:07,820 --> 00:22:10,120
>> Jadi di sini kita memiliki titik foo.

455
00:22:10,120 --> 00:22:14,780
Jadi, jika Anda ingat dari kuliah,
dot hanya berarti kelas.

456
00:22:14,780 --> 00:22:18,850
Jadi kita memilih elemen
dengan kelas foo.

457
00:22:18,850 --> 00:22:22,670
Jadi jika saya pergi ke depan dan membuka kami
JavaScript konsol sini benar-benar cepat

458
00:22:22,670 --> 00:22:26,830
hanya menunjukkan itu, jika saya hanya ketik
tanda dolar, kita melihat bahwa itu adalah beberapa

459
00:22:26,830 --> 00:22:28,090
fungsi yang muncul.

460
00:22:28,090 --> 00:22:29,420
Dan itu hanya ditentukan oleh jQuery.

461
00:22:29,420 --> 00:22:32,120
>> TOMAS Reimers: Bagi Anda
asing, konsol adalah alat

462
00:22:32,120 --> 00:22:35,430
dalam Chrome, yang memungkinkan Anda untuk,
pada dasarnya, menjalankan JavaScript pada

463
00:22:35,430 --> 00:22:36,450
halaman ini.

464
00:22:36,450 --> 00:22:39,420
Ini Anda akan menemukan sangat berguna ketika
Anda benar-benar debugging dan Anda

465
00:22:39,420 --> 00:22:42,400
perlu menjadi seperti, apa yang saat ini
nilai dari beberapa variabel global atau apa yang

466
00:22:42,400 --> 00:22:43,910
adalah sesuatu yang lain?

467
00:22:43,910 --> 00:22:47,620
Ini semacam seperti GDB dengan pengecualian
bahwa Anda benar-benar dapat

468
00:22:47,620 --> 00:22:51,600
memanipulasi elemen pada halaman dengan
dalam mode jauh lebih mudah.

469
00:22:51,600 --> 00:22:55,080
Dan juga tidak, pada dasarnya, periksa
dengan Anda sebelum melakukan sesuatu.

470
00:22:55,080 --> 00:22:58,660
>> Jadi sementara, GDB mungkin seperti, apakah Anda
yakin ingin menjalankan langkah berikutnya?

471
00:22:58,660 --> 00:22:59,830
Konsol ini secara real.

472
00:22:59,830 --> 00:23:03,690
Jadi sebagai halaman web rendering dan
melakukan apa pun yang dilakukannya, yang

473
00:23:03,690 --> 00:23:05,720
Dewan juga berjalan di samping itu.

474
00:23:05,720 --> 00:23:08,330
Dan Anda dapat menempatkan kode ke dalam menyalahkan
konsol tersebut, yang akan

475
00:23:08,330 --> 00:23:09,260
dijalankan pada halaman.

476
00:23:09,260 --> 00:23:12,190
>> MIKE Rizzo: Jadi untuk masuk ke konsol,
Saya kira saya harus singkat

477
00:23:12,190 --> 00:23:13,750
menyebutkan bagaimana melakukan hal itu.

478
00:23:13,750 --> 00:23:17,850
Dalam masalah terakhir yang mungkin Anda miliki
digunakan Chrome memeriksa elemen

479
00:23:17,850 --> 00:23:20,440
fungsi atau view source halaman -

480
00:23:20,440 --> 00:23:23,870
dan mereka dapat diakses hanya dengan tepat
mengklik halaman atau spesifik

481
00:23:23,870 --> 00:23:28,430
elemen dan melakukan baik memeriksa
unsur atau view source halaman.

482
00:23:28,430 --> 00:23:31,190
Kami juga dapat mengakses JavaScript
konsol langsung oleh

483
00:23:31,190 --> 00:23:33,630
memilih memeriksa elemen.

484
00:23:33,630 --> 00:23:37,930
Jadi Anda hanya menekan konsol
di sisi paling kanan.

485
00:23:37,930 --> 00:23:41,900
>> Atau, Anda bisa juga pergi
ke sudut kanan atas,

486
00:23:41,900 --> 00:23:46,820
yang dipotong di layar ini di mana
ia memiliki tiga bar horisontal.

487
00:23:46,820 --> 00:23:52,010
Dan Anda pergi ke alat-alat dan
maka JavaScript konsol

488
00:23:52,010 --> 00:23:53,240
di sini di mana bisa melihat -

489
00:23:53,240 --> 00:23:54,370
setidaknya pada Windows -

490
00:23:54,370 --> 00:23:59,680
shortcut adalah Kontrol Pergeseran J. Jadi
jika kita ingin memilih elemen

491
00:23:59,680 --> 00:24:06,060
dalam halaman ini, sama seperti aku menunjukkan
sebelumnya, kami melakukan tanda dolar parens terbuka

492
00:24:06,060 --> 00:24:08,180
dan kemudian mengutip.

493
00:24:08,180 --> 00:24:11,750
>> Suatu hal yang menarik adalah, pada umumnya,
tanda kutip tunggal dan tanda kutip ganda

494
00:24:11,750 --> 00:24:12,370
ditukarkan.

495
00:24:12,370 --> 00:24:16,050
Jadi banyak orang hanya menggunakan satu
tanda kutip karena mereka lebih cepat untuk mengetik

496
00:24:16,050 --> 00:24:19,780
dari tanda kutip ganda karena Anda tidak
harus tahan tombol Shift.

497
00:24:19,780 --> 00:24:21,770
Jadi aku hanya akan melakukannya sekarang.

498
00:24:21,770 --> 00:24:24,510
>> Jadi saya ingin memilih sesuatu
dengan kelas.

499
00:24:24,510 --> 00:24:27,200
Container, hanya karena aku tahu itu
sesuatu yang ada di kami

500
00:24:27,200 --> 00:24:28,740
Halaman web sekarang.

501
00:24:28,740 --> 00:24:29,520
Dan saya tekan Enter.

502
00:24:29,520 --> 00:24:31,670
Dan kita dapat melihat bahwa memilih itu.

503
00:24:31,670 --> 00:24:34,990
Jadi itu muncul bahwa
kembali objek tersebut.

504
00:24:34,990 --> 00:24:36,620
Jadi itulah pilihan dasar.

505
00:24:36,620 --> 00:24:40,080
Jika kita ingin benar-benar memanipulasi itu,
Anda harus menyebut sesuatu

506
00:24:40,080 --> 00:24:43,925
pada seleksi itu, yang
kita akan masuk ke kemudian.

507
00:24:43,925 --> 00:24:49,030
>> TOMAS Reimers: Jadi hanya untuk melihat bahwa
lebih mendalam, hal ini tidak berbeda

508
00:24:49,030 --> 00:24:52,245
daripada fungsi panggilan yang kami buat di C.
Nama fungsi di sini adalah

509
00:24:52,245 --> 00:24:52,580
sedikit aneh.

510
00:24:52,580 --> 00:24:55,640
Ini tanda dolar.

511
00:24:55,640 --> 00:24:57,010
Ini hanya nama fungsi.

512
00:24:57,010 --> 00:24:58,810
Tidak ada yang khusus tentang hal itu.

513
00:24:58,810 --> 00:25:00,450
>> Kami memiliki tanda kurung terbuka.

514
00:25:00,450 --> 00:25:03,880
Kemudian, kita memiliki satu argumen kami, yang
dalam hal ini terjadi menjadi string,

515
00:25:03,880 --> 00:25:05,680
yang merupakan pemilih untuk itu.

516
00:25:05,680 --> 00:25:08,130
Dan kemudian, kami telah kami
kurung tertutup.

517
00:25:08,130 --> 00:25:09,960
Itu saja.

518
00:25:09,960 --> 00:25:11,500
>> Ini bukan yang sangat berbeda.

519
00:25:11,500 --> 00:25:12,900
Meskipun, itu memang terlihat sangat aneh.

520
00:25:12,900 --> 00:25:17,220
Dan itu bisa, semacam, mencuat sebuah
titik untuk banyak orang.

521
00:25:17,220 --> 00:25:21,460
>> MIKE Rizzo: Jadi sama, jika kita ingin
untuk memilih elemen yang memiliki ID,

522
00:25:21,460 --> 00:25:23,470
sekarang kita ingin memilih oleh
ID bukan kelas.

523
00:25:23,470 --> 00:25:28,080
Ini akan menjadi hal yang sama di mana kita
hanya melakukan tanda yang tajam untuk ID.

524
00:25:28,080 --> 00:25:33,576
Jadi kita memilih di sini semua
elemen yang memiliki ID bar.

525
00:25:33,576 --> 00:25:35,400
>> TOMAS Reimers: Dan ini meluas.

526
00:25:35,400 --> 00:25:36,450
CSS yang memanjang.

527
00:25:36,450 --> 00:25:42,260
Sama seperti di CSS, Anda dapat memilih semua
Link, yang memiliki foo kelas.

528
00:25:42,260 --> 00:25:43,420
Di sini, itu adalah hal yang sama.

529
00:25:43,420 --> 00:25:52,750
>> Anda bisa melakukan a.foo, yang akan memilih
semua link dengan foo kelas.

530
00:25:52,750 --> 00:25:58,860
Anda bisa melakukan sebuah bar yang tajam, yang akan
pilih link dengan ID bar dan sebagainya

531
00:25:58,860 --> 00:25:59,770
dan sebagainya.

532
00:25:59,770 --> 00:26:02,120
Setiap pemilih CSS adalah valid
jQuery pemilih.

533
00:26:02,120 --> 00:26:03,370
>> MIKE Rizzo: Ya.

534
00:26:03,370 --> 00:26:07,996

535
00:26:07,996 --> 00:26:11,460
OK, jadi sekarang mari kita masuk ke sedikit
manipulasi yang bisa kita lakukan dengan

536
00:26:11,460 --> 00:26:12,870
kami jQuery.

537
00:26:12,870 --> 00:26:19,280
Jadi jQuery memiliki jenis tertentu
notasi di mana kita hanya menggunakan

538
00:26:19,280 --> 00:26:20,170
sebuah titik di akhir.

539
00:26:20,170 --> 00:26:23,340
Dan Anda dapat menganggap ini seperti di
C bagaimana kita memiliki structs berbeda.

540
00:26:23,340 --> 00:26:27,110
Dan untuk masuk ke mereka structs, Anda akan
menggunakan dot untuk masuk ke mereka.

541
00:26:27,110 --> 00:26:28,480
>> Hal ini, jenis, hal yang sama.

542
00:26:28,480 --> 00:26:33,570
Hanya sekarang kita memiliki fungsi dalam hal ini
pemilih bahwa kita bisa memanggil itu.

543
00:26:33,570 --> 00:26:38,640
Jadi di sini, contoh pertama
Anda dapat melihat adalah selector CSS.

544
00:26:38,640 --> 00:26:45,290
Dan pada dasarnya, apa yang dilakukannya itu
menerapkan CSS elemen pertama ini

545
00:26:45,290 --> 00:26:46,230
hal yang Anda pilih -

546
00:26:46,230 --> 00:26:47,720
Unsur ini yang Anda pilih -

547
00:26:47,720 --> 00:26:49,290
dengan nilai itu.

548
00:26:49,290 --> 00:26:55,390
>> TOMAS Reimers: Jadi mudah terjemahan
yang akan jika jQuery, pada dasarnya,

549
00:26:55,390 --> 00:26:57,790
hanya mengambil foo.

550
00:26:57,790 --> 00:27:05,480
Dan kemudian di CSS mengatakan,
warna merah dan dekat.

551
00:27:05,480 --> 00:27:06,670
Ini ide yang sama.

552
00:27:06,670 --> 00:27:08,800
Apa itu dilakukan adalah itu dipilih
semua elemen foo.

553
00:27:08,800 --> 00:27:10,170
Dan kemudian itu diterapkan.

554
00:27:10,170 --> 00:27:15,884
Semacam, warna properti
adalah sama dengan merah.

555
00:27:15,884 --> 00:27:21,070
>> MIKE Rizzo: Demikian pula, kita juga bisa mengubah
isi sebenarnya dari apa yang

556
00:27:21,070 --> 00:27:24,870
menunjukkan pada HTML halaman, yang
benar-benar keren karena itu berarti Anda

557
00:27:24,870 --> 00:27:28,095
halaman web sekarang dapat benar-benar dinamis
dan tidak harus statis

558
00:27:28,095 --> 00:27:31,660
bahwa Anda mencetak menggunakan PHP
pada awal

559
00:27:31,660 --> 00:27:33,320
halaman sedang dimuat.

560
00:27:33,320 --> 00:27:36,810
Jadi di sini, jika kita ingin mengubah
HTML sebenarnya halaman, sekarang kita akan

561
00:27:36,810 --> 00:27:43,550
memanggil fungsi HTML, yang kemudian hanya
sisipan apapun yang kita tentukan ke

562
00:27:43,550 --> 00:27:45,390
bahwa elemen yang kita pilih.

563
00:27:45,390 --> 00:27:49,810
Jadi di sini kita memilih elemen dengan
kelas foo dan kemudian mengatakan itu HTML

564
00:27:49,810 --> 00:27:52,200
itu sekarang hello world.

565
00:27:52,200 --> 00:27:55,600
>> TOMAS Reimers: Dan ketika Anda berpikir tentang
apa aplikasi yang berguna

566
00:27:55,600 --> 00:28:00,800
ini, CSS yang satu ini, hal pertama yang
Anda dapat mulai berpikir tentang adalah

567
00:28:00,800 --> 00:28:03,070
dalam hal bahkan drop down menu.

568
00:28:03,070 --> 00:28:08,350
Anda bisa mulai melakukan hal-hal seperti, ketika
pengguna melayang di atas bagian atas

569
00:28:08,350 --> 00:28:11,970
dari bawah drop, Anda ingin membuat
bagian bawah terlihat.

570
00:28:11,970 --> 00:28:12,540
Benar?

571
00:28:12,540 --> 00:28:15,610
>> Jadi dalam CSS, kita memiliki sifat
untuk membuat sesuatu yang terlihat.

572
00:28:15,610 --> 00:28:19,330
Hal-hal seperti tidak ada display usus
akan membuatnya tidak terlihat.

573
00:28:19,330 --> 00:28:21,190
Tampilan blok akan membuatnya terlihat.

574
00:28:21,190 --> 00:28:25,860
Atau bahkan jika Anda ingin pergi lebih sederhana, Anda
memiliki hal-hal seperti equals visibilitas

575
00:28:25,860 --> 00:28:27,520
terlihat, dan visibilitas sama tersembunyi.

576
00:28:27,520 --> 00:28:30,330

577
00:28:30,330 --> 00:28:34,780
>> Dan Anda bisa mulai menerapkan hal-hal
seperti drop down menu kanan

578
00:28:34,780 --> 00:28:38,410
setelah Anda mendapatkan melalui ide tentang bagaimana
Anda dapat mengetahui kapan ini membuka,

579
00:28:38,410 --> 00:28:39,850
yang akan kita melewati sangat singkat.

580
00:28:39,850 --> 00:28:42,160
Tapi kita bisa mulai melihat
aplikasi ini.

581
00:28:42,160 --> 00:28:45,540
Dalam arti yang sama, jika Anda adalah untuk mencoba
dan melaksanakan, katakanlah, chatting

582
00:28:45,540 --> 00:28:48,620
mesin dan Anda ingin membuat sedikit
pidato gelembung muncul setiap kali Anda sudah

583
00:28:48,620 --> 00:28:52,880
mendapat pesan baru, setelah Anda mendapatkan
pesan baru, Anda dapat membuat sedikit

584
00:28:52,880 --> 00:28:55,890
balon bicara datang dengan mengubah
HTML halaman, kan?

585
00:28:55,890 --> 00:29:00,540
Dengan menambahkan bahwa gelembung pidato ekstra
dengan teks ekstra di sana.

586
00:29:00,540 --> 00:29:01,140
Ya?

587
00:29:01,140 --> 00:29:07,750
>> AUDIENCE: Jadi, Anda akan menanamkan ini dalam
kode HTML di semacam seperti

588
00:29:07,750 --> 00:29:10,534
[Tak terdengar]?

589
00:29:10,534 --> 00:29:12,940
>> MIKE Rizzo: Benar.

590
00:29:12,940 --> 00:29:16,190
Ya, kita akan mendapatkan bahwa
dalam sedikit.

591
00:29:16,190 --> 00:29:18,810
Ya, itu adalah serupa
sedikit ke PHP.

592
00:29:18,810 --> 00:29:21,240
Tidak persis sama.

593
00:29:21,240 --> 00:29:24,730
>> Perbedaan yang baik untuk membuat apa ini
sebenarnya mengedit ketika kita mengedit

594
00:29:24,730 --> 00:29:28,480
halaman karena itu tidak akan menjadi
mengedit file yang sebenarnya yang sedang

595
00:29:28,480 --> 00:29:31,380
disimpan di server karena dunia
seharusnya tidak memiliki izin

596
00:29:31,380 --> 00:29:32,610
untuk mengedit file Anda.

597
00:29:32,610 --> 00:29:36,080
Ini hanya mengedit apa yang ada di halaman
dan apa yang sedang ditampilkan dalam

598
00:29:36,080 --> 00:29:36,950
browser.

599
00:29:36,950 --> 00:29:40,340
Jadi jika Anda adalah untuk me-reload halaman setelah,
mengatakan, menghapus sesuatu seperti yang kita

600
00:29:40,340 --> 00:29:44,730
lihat yang bisa kita lakukan dengan panggilan remove,
hal yang kemudian akan muncul kembali.

601
00:29:44,730 --> 00:29:48,590
>> TOMAS Reimers: Jadi salah satu cara untuk berpikir tentang
ini adalah jika aku komputer Anda dan

602
00:29:48,590 --> 00:29:50,170
Mike, semacam, server.

603
00:29:50,170 --> 00:29:53,850
Apa yang akan terjadi adalah aku akan
tanya Mike, hei, saya bisa memiliki salinan

604
00:29:53,850 --> 00:29:54,630
Halaman web ini?

605
00:29:54,630 --> 00:29:56,190
Dan dia akan memberikan saya salinan itu.

606
00:29:56,190 --> 00:29:57,430
>> Tidak, itu bukan hal yang asli.

607
00:29:57,430 --> 00:29:58,620
Ini hanya salinan.

608
00:29:58,620 --> 00:30:00,450
Dan kemudian itu akan menjadi seperti, oh,
ada JavaScript di sini.

609
00:30:00,450 --> 00:30:02,450
Jelas, saya harus mengedit
Halaman menjadi seperti ini.

610
00:30:02,450 --> 00:30:04,250
Dan aku mengedit salinan Anda.

611
00:30:04,250 --> 00:30:05,920
>> Tapi itu tidak mempengaruhi
salinan yang sebenarnya.

612
00:30:05,920 --> 00:30:08,480
Dan jika saya harus bertanya lagi
refresh halaman, -

613
00:30:08,480 --> 00:30:10,060
hey, aku bisa salinan lain bersih -

614
00:30:10,060 --> 00:30:11,440
dia akan memberi saya
copy masih bersih.

615
00:30:11,440 --> 00:30:14,240
Dan kemudian, aku akan melakukan hal yang sama
seperti, oh, ini JS di sini yang mengatakan

616
00:30:14,240 --> 00:30:14,866
untuk mengedit ini.

617
00:30:14,866 --> 00:30:17,460
Dan aku akan terus melakukan itu.

618
00:30:17,460 --> 00:30:20,930
>> MIKE Rizzo: Jadi hal yang benar-benar keren
yang dapat Anda lakukan dengan jQuery adalah

619
00:30:20,930 --> 00:30:24,350
benar-benar menambahkan berbagai jenis
animasi ke halaman Anda.

620
00:30:24,350 --> 00:30:27,440
Saya tidak tahu apakah Anda pernah melihat di mana
Anda mencoba untuk mengisi sebuah formulir

621
00:30:27,440 --> 00:30:31,250
online dan Anda tidak mengisi
hal-hal yang benar.

622
00:30:31,250 --> 00:30:33,440
Jadi hal kecil meluncur turun
di bagian atas dan mengatakan Anda

623
00:30:33,440 --> 00:30:34,820
tidak melakukan ini dengan benar.

624
00:30:34,820 --> 00:30:36,260
Silakan coba lagi.

625
00:30:36,260 --> 00:30:37,890
Dan kemudian, mungkin bahkan hanya slide ke atas.

626
00:30:37,890 --> 00:30:40,710
>> Ternyata jQuery telah dibangun di fungsi
yang membuat semua itu

627
00:30:40,710 --> 00:30:44,180
animasi benar-benar, benar-benar mudah.

628
00:30:44,180 --> 00:30:46,750
Jadi ada pertama memudar
fungsinya, yang

629
00:30:46,750 --> 00:30:47,710
Anda dapat memanggil sesuatu.

630
00:30:47,710 --> 00:30:55,650
Dan ini adalah cara untuk mengubah CSS
unsur dengan cara animasi.

631
00:30:55,650 --> 00:30:58,480
Jadi dibutuhkan elemen apapun
Anda menyebutnya pingsan di.

632
00:30:58,480 --> 00:31:03,990
Dan kemudian, perlahan-lahan perubahan itu opacity
sampai ia pergi benar-benar transparan.

633
00:31:03,990 --> 00:31:07,330
>> TOMAS Reimers: Yang populer lainnya
adalah geser ke bawah, yang akan membuat

634
00:31:07,330 --> 00:31:08,800
sesuatu yang muncul dengan menggesernya ke bawah.

635
00:31:08,800 --> 00:31:12,840
Jadi dalam kasus menu drop-down,
lagi, ketika kita belajar bagaimana mendeteksi

636
00:31:12,840 --> 00:31:15,310
saat ini sudah melayang di atas,
Anda hanya bisa mengatakan bawah ini

637
00:31:15,310 --> 00:31:16,910
bagian geser ke bawah sekarang.

638
00:31:16,910 --> 00:31:19,270
Dan kemudian, akan muncul
dengan meluncur ke bawah.

639
00:31:19,270 --> 00:31:22,042

640
00:31:22,042 --> 00:31:26,590
>> MIKE Rizzo: Dan kemudian, jika Anda hanya memiliki
beberapa jenis animasi diingat bahwa

641
00:31:26,590 --> 00:31:29,080
jQuery tidak selalu memberikan.

642
00:31:29,080 --> 00:31:32,690
Sebagai contoh, katakanlah jQuery
tidak menyediakan Anda dengan slide

643
00:31:32,690 --> 00:31:33,750
bawah dan slide up.

644
00:31:33,750 --> 00:31:36,740
Nah, katakanlah Anda ingin geser
sesuatu dari kiri atau dari

645
00:31:36,740 --> 00:31:39,880
yang tepat seperti CS50
halaman utama setiap kali melakukan

646
00:31:39,880 --> 00:31:42,080
Anda pergi ke sebuah panel baru.

647
00:31:42,080 --> 00:31:45,030
Anda kemudian akan mungkin harus
menerapkan sendiri menggunakan

648
00:31:45,030 --> 00:31:49,310
menghidupkan fungsi dalam jQuery.

649
00:31:49,310 --> 00:31:51,350
>> Jadi sama, Anda hanya bernyawa.

650
00:31:51,350 --> 00:31:55,850
Dan kemudian, di dalamnya dibutuhkan
kamus dari nilai-nilai yang berbeda

651
00:31:55,850 --> 00:31:57,340
bahwa Anda seharusnya untuk lulus.

652
00:31:57,340 --> 00:32:06,960
Jadi di sini, jika kita ingin menghidupkan
Elemen foo sehingga lebarnya baik

653
00:32:06,960 --> 00:32:10,880
mengembang atau kontrak sampai 80 piksel,
tergantung pada apa yang saat ini.

654
00:32:10,880 --> 00:32:14,100
Kami hanya akan lulus bahwa sebagai
argumen di dalamnya.

655
00:32:14,100 --> 00:32:18,060
>> Animate juga memiliki beberapa argumen lain
bahwa Anda bisa melewatinya, misalnya,

656
00:32:18,060 --> 00:32:21,150
kecepatan animasi
bahwa Anda ingin memberikannya.

657
00:32:21,150 --> 00:32:26,220
Dan untuk melakukan itu, saya hanya akan mengatakan
cepat Google jQuery bernyawa.

658
00:32:26,220 --> 00:32:31,710
Dan kemudian, membesarkan halaman ini, Anda bisa
melihat itu punya banyak berbeda

659
00:32:31,710 --> 00:32:33,560
sifat yang dapat Anda lulus.

660
00:32:33,560 --> 00:32:35,990
>> Dan saya mendorong Anda - setiap kali Anda datang
menemukan sesuatu yang tidak Anda lakukan

661
00:32:35,990 --> 00:32:40,390
tahu atau hanya ingin mempelajari lebih lanjut tentang
metode tertentu yang dapat Anda hubungi

662
00:32:40,390 --> 00:32:41,270
pada sesuatu -

663
00:32:41,270 --> 00:32:44,440
hanya Google itu. jQuery sangat
didokumentasikan dengan baik.

664
00:32:44,440 --> 00:32:49,140
Dan sering kali ada banyak
contoh yang mereka berikan untuk Anda.

665
00:32:49,140 --> 00:32:52,470
Jika kita gulir ke bawah -

666
00:32:52,470 --> 00:32:53,720
jalan ke bawah -

667
00:32:53,720 --> 00:32:57,660

668
00:32:57,660 --> 00:32:59,190
yang bisa kita gunakan, juga.

669
00:32:59,190 --> 00:33:02,480
>> Sekali lagi, ketika pengembang benar-benar pergi
melalui kesulitan menulis sebuah

670
00:33:02,480 --> 00:33:05,810
perpustakaan, mereka biasanya ingin
seseorang untuk menggunakannya.

671
00:33:05,810 --> 00:33:09,400
Jadi, seiring dengan akan
menjadi dokumentasi.

672
00:33:09,400 --> 00:33:12,270
Dan dokumentasi yang biasanya dapat
ditemukan di halaman proyek, yang

673
00:33:12,270 --> 00:33:14,970
mengapa kita memberikan bahwa situs asli Anda
awal, yang menghubungkan Anda ke

674
00:33:14,970 --> 00:33:18,080
halaman proyek sehingga Anda dapat
lihat dokumentasi yang.

675
00:33:18,080 --> 00:33:22,670
>> Biasanya, halaman proyek dalam kasus ini
dari [Tak terdengar], itu mengatakan kepada Anda

676
00:33:22,670 --> 00:33:23,940
nama-nama kelas.

677
00:33:23,940 --> 00:33:27,250
Dalam kasus JavaScript, memberikan
Anda nama fungsi.

678
00:33:27,250 --> 00:33:35,310
By the way, jika kita gulir ke atas,
samping catatan cepat pada fungsi adalah

679
00:33:35,310 --> 00:33:39,080
setiap kali Anda melihat fungsi yang diimplementasikan
seperti ini dengan keras

680
00:33:39,080 --> 00:33:43,800
kurung di tengah, artinya
bahwa properti yang opsional.

681
00:33:43,800 --> 00:33:44,750
Hanya kepala sampai.

682
00:33:44,750 --> 00:33:47,350
Saya telah melihat banyak pertanyaan
tentang itu.

683
00:33:47,350 --> 00:33:50,370
>> Jadi di sini kita dapat melihat bahwa
bernyawa mengambil properti

684
00:33:50,370 --> 00:33:51,800
sebagai argumen yang diperlukan.

685
00:33:51,800 --> 00:33:54,870
Dan segala sesuatu yang lain adalah opsional.

686
00:33:54,870 --> 00:33:56,136
Side note -

687
00:33:56,136 --> 00:33:58,090
Anda dapat menganggap ini, semacam
dari, seperti man.

688
00:33:58,090 --> 00:34:04,275
Halaman manual adalah dokumentasi untuk C dan
untuk banyak hal-hal lain, juga.

689
00:34:04,275 --> 00:34:11,020
>> MIKE Rizzo: Jadi kita telah belajar bagaimana
mengubah CSS yang berbeda pada halaman,

690
00:34:11,020 --> 00:34:14,040
bernyawa itu, dan menghapus add HTML.

691
00:34:14,040 --> 00:34:16,889
Tapi salah satu yang benar-benar paling kuat
hal tentang JavaScript

692
00:34:16,889 --> 00:34:18,270
dan terutama jQuery -

693
00:34:18,270 --> 00:34:22,570
apa yang memungkinkan Anda lakukan adalah menanggapi
elemen yang berbeda yang terjadi.

694
00:34:22,570 --> 00:34:25,380
Sebagai contoh, di sini kita memiliki
event handler.

695
00:34:25,380 --> 00:34:28,210
Dan itu hanya berarti setiap kali ini
peristiwa terjadi, kami menanganinya dengan

696
00:34:28,210 --> 00:34:29,280
cara tertentu.

697
00:34:29,280 --> 00:34:35,159
>> Jadi di sini, acara jQuery generik
handler adalah titik di.

698
00:34:35,159 --> 00:34:42,949
Dan kemudian, hal pertama yang Anda berikan
adalah apa acara seharusnya

699
00:34:42,949 --> 00:34:43,810
akan mendengarkan.

700
00:34:43,810 --> 00:34:45,610
Jadi di sini, itu klik yang
kami menunggu.

701
00:34:45,610 --> 00:34:49,250
>> TOMAS Reimers: Atau, Anda memiliki
di hover, yang merupakan salah satu yang sangat populer.

702
00:34:49,250 --> 00:34:52,000
Jadi kembali ke saya drop turun ide menu.

703
00:34:52,000 --> 00:34:54,239
Anda akan memiliki satu top di hover.

704
00:34:54,239 --> 00:34:56,096
Dan kemudian Anda bisa mengubah itu.

705
00:34:56,096 --> 00:34:56,830
>> MIKE Rizzo: Benar.

706
00:34:56,830 --> 00:35:01,680
Dan kemudian, ketika itu terjadi, itu hanya
mengeksekusi fungsi ini yang kita berikan

707
00:35:01,680 --> 00:35:05,080
sebagai argumen dan
ia mengingatkan Halo atau hi.

708
00:35:05,080 --> 00:35:08,900
>> TOMAS Reimers: Jadi dalam kasus
JavaScript, ini adalah tempat yang kita perlu

709
00:35:08,900 --> 00:35:12,970
menghapus diri dari C. Kita bisa benar-benar
mengambil fungsi sebagai argumen.

710
00:35:12,970 --> 00:35:15,940
Dan ada banyak yang benar-benar
cara yang rumit untuk melakukan hal ini.

711
00:35:15,940 --> 00:35:17,940
Kita akan mempromosikan salah satu cara,
yang Anda dapat menentukan

712
00:35:17,940 --> 00:35:19,270
berfungsi di sana.

713
00:35:19,270 --> 00:35:22,540
>> Jadi, ketika Anda meminta fungsi sebagai
parameter, Anda pada dasarnya hanya

714
00:35:22,540 --> 00:35:24,500
akan mendefinisikan fungsi
di tempat.

715
00:35:24,500 --> 00:35:27,090
Dan cara Anda mendefinisikan fungsi
dalam JavaScript adalah Anda

716
00:35:27,090 --> 00:35:28,820
harfiah mengatakan fungsi.

717
00:35:28,820 --> 00:35:30,130
Kemudian, biasanya, nama
fungsi.

718
00:35:30,130 --> 00:35:32,510
Tapi kita tidak akan pernah referensi
Fungsi ini lagi.

719
00:35:32,510 --> 00:35:34,040
Jadi kita biarkan tanpa nama.

720
00:35:34,040 --> 00:35:40,440
>> Kemudian kurung, maka keriting ini
kawat gigi, dan kemudian kode di dalam itu.

721
00:35:40,440 --> 00:35:42,540
Jadi kita memahami hal ini dapat
sedikit membingungkan.

722
00:35:42,540 --> 00:35:45,180
Jadi kami memberikan bentuk umum dari
apa sebuah event handler seperti

723
00:35:45,180 --> 00:35:47,790
di bawah ini, yang pada peristiwa.

724
00:35:47,790 --> 00:35:50,598
Dan kemudian, kode Anda di dalam itu.

725
00:35:50,598 --> 00:35:52,478
>> MIKE Rizzo: Apakah ada
pertanyaan tentang hal ini?

726
00:35:52,478 --> 00:35:54,818
Hal ini dapat sedikit membingungkan
pertama kali Anda melihatnya.

727
00:35:54,818 --> 00:35:57,550
>> TOMAS Reimers: Anda benar-benar ingin
membuka file dan menunjukkan kepada mereka beberapa

728
00:35:57,550 --> 00:35:58,155
jQuery sekarang?

729
00:35:58,155 --> 00:35:59,853
>> MIKE Rizzo: Yeah, mari kita lakukan itu.

730
00:35:59,853 --> 00:36:00,256
OK.

731
00:36:00,256 --> 00:36:02,490
>> TOMAS Reimers: Jadi sekarang kita
dalam alat.

732
00:36:02,490 --> 00:36:07,730
Dan apa yang kami lakukan adalah kami telah mengambil
kebebasan menciptakan baik sebuah index.html

733
00:36:07,730 --> 00:36:10,100
File, yang terhubung dengan
file JavaScript.

734
00:36:10,100 --> 00:36:12,880
Dan dapat kita membuka -

735
00:36:12,880 --> 00:36:15,170
ya.

736
00:36:15,170 --> 00:36:16,630
Yah, itu melakukan dua hal.

737
00:36:16,630 --> 00:36:18,350
>> Yang pertama adalah link ke
file JavaScript.

738
00:36:18,350 --> 00:36:21,250
Dan kita akan melihat bahwa di sini.

739
00:36:21,250 --> 00:36:25,340
Kita melihat bahwa di kepala
Dokumen HTML, khususnya.

740
00:36:25,340 --> 00:36:28,260
Jadi, Anda akan melihat ada bahwa
kita, pada dasarnya, mengatakan SRC,

741
00:36:28,260 --> 00:36:29,590
yang merupakan singkatan dari sumber.

742
00:36:29,590 --> 00:36:30,630
Dan itulah URL.

743
00:36:30,630 --> 00:36:32,700
>> Jadi di sini Anda bisa mengatakan kami sudah
termasuk jQuery.

744
00:36:32,700 --> 00:36:34,290
Dan kami juga telah menyertakan script.

745
00:36:34,290 --> 00:36:40,630
Cara lain untuk memasukkan JavaScript adalah
bahwa Anda dapat memasukkan script inline

746
00:36:40,630 --> 00:36:44,600
tag seperti yang kita miliki di bagian bawah di mana ia
mengatakan jenis script text JavaScript.

747
00:36:44,600 --> 00:36:46,960
>> Jadi kita katakan, mendengarkan, kita
akan menyertakan naskah.

748
00:36:46,960 --> 00:36:51,890
Dan jenis naskah yang
JavaScript, yang merupakan jenis teks.

749
00:36:51,890 --> 00:36:52,550
Sangat sederhana.

750
00:36:52,550 --> 00:36:56,490
>> MIKE Rizzo: Jadi ini, jenis, sampai ke
pertanyaan Anda tentang bagaimana kita termasuk

751
00:36:56,490 --> 00:37:02,340
JavaScript dalam file kita karena ketika kita
telah PHP, kita melakukan sesuatu seperti ini.

752
00:37:02,340 --> 00:37:07,570
Dan kemudian, memiliki fungsi PHP kami -
katakanlah saham melakukan

753
00:37:07,570 --> 00:37:09,150
sesuatu dengan itu -

754
00:37:09,150 --> 00:37:10,490
terjadi di sana.

755
00:37:10,490 --> 00:37:13,860
Namun, sekarang kita memiliki tag script
yang kita berikan itu, yang sebenarnya

756
00:37:13,860 --> 00:37:19,470
bagian dari HTML itu sendiri karena tidak
berpura-pura menjadi sebuah file HTML seperti itu

757
00:37:19,470 --> 00:37:25,070
di PHP karena jika Anda benar-benar pergi di
dan melihat sumber halaman,

758
00:37:25,070 --> 00:37:28,430
Anda akan melihat tag script ini di sana
dengan JavaScript yang terkait dengan

759
00:37:28,430 --> 00:37:29,800
mereka dalam hal itu.

760
00:37:29,800 --> 00:37:31,760
>> Jadi, jika kita ingin
menulis beberapa JavaScript -

761
00:37:31,760 --> 00:37:37,110
mari kita katakan kita ingin mengubah tubuh
karena sekarang saya tidak memiliki

762
00:37:37,110 --> 00:37:40,020
tag lain yang benar-benar saya bisa
mengedit selain tubuh.

763
00:37:40,020 --> 00:37:42,450
Mari kita katakan saja aku ingin
mengubah CSS itu.

764
00:37:42,450 --> 00:37:46,190
Jadi kita akan pergi ke depan dan perubahan
warna itu menjadi merah.

765
00:37:46,190 --> 00:37:47,380
>> Jadi saya menyimpan file.

766
00:37:47,380 --> 00:37:52,700
Mari kita kembali ke halaman web kami, refresh,
dan itu tidak secara otomatis

767
00:37:52,700 --> 00:37:55,920
karena tidak tampak seperti itu menunggu
sama sekali karena kita tidak mendengarkan

768
00:37:55,920 --> 00:37:59,450
untuk sebuah acara atau sesuatu seperti itu.

769
00:37:59,450 --> 00:38:02,800
>> TOMAS Reimers: Jadi jika kita kembali ke yang
mengajukan khususnya - HTML

770
00:38:02,800 --> 00:38:04,710
file - apa yang akan Anda
untuk melihat adalah kita memiliki -

771
00:38:04,710 --> 00:38:06,810
ingat bahwa ini dimuat,
semacam, kronologis.

772
00:38:06,810 --> 00:38:09,910
Jadi kita harus pertama kepala.
beban dua file.

773
00:38:09,910 --> 00:38:10,800
Kemudian kami pergi ke tubuh.

774
00:38:10,800 --> 00:38:11,640
Dan kita melihat dunia halo.

775
00:38:11,640 --> 00:38:13,030
Jadi kita membuat hello world.

776
00:38:13,030 --> 00:38:15,240
>> Dan kemudian hal terakhir yang kita miliki
adalah kita memiliki tag script.

777
00:38:15,240 --> 00:38:20,880
Jadi menjalankan tag script karena itu
tidak mengatakan itu menunggu untuk apa pun.

778
00:38:20,880 --> 00:38:24,700
Dan itulah yang paling dasar
cara untuk menjalankan JavaScript.

779
00:38:24,700 --> 00:38:29,200
>> Dengan mengatakan bahwa, Anda dapat menempatkan script
tag di header hanya

780
00:38:29,200 --> 00:38:31,240
untuk menunjukkan titik ini?

781
00:38:31,240 --> 00:38:34,450

782
00:38:34,450 --> 00:38:35,700
Dan menjalankan itu.

783
00:38:35,700 --> 00:38:38,880

784
00:38:38,880 --> 00:38:41,070
Kita akan melihat bahwa itu
tidak mengubah warna.

785
00:38:41,070 --> 00:38:44,210
Dan ini adalah salah satu masalah
JavaScript adalah bahwa hal-hal yang dimuat

786
00:38:44,210 --> 00:38:45,930
dalam urutan kronologis.

787
00:38:45,930 --> 00:38:49,750
>> Jadi pada saat itu bahwa kode yang
berlari, kami memilih -

788
00:38:49,750 --> 00:38:52,530
kembali -

789
00:38:52,530 --> 00:38:53,670
tag tubuh.

790
00:38:53,670 --> 00:38:57,560
Tag tubuh belum ada karena
JavaScript ini sejalan dengan HTML.

791
00:38:57,560 --> 00:39:01,790
Jadi browser seperti pilih tubuh.

792
00:39:01,790 --> 00:39:02,760
Tidak ada hal seperti itu belum.

793
00:39:02,760 --> 00:39:03,600
Jadi kita bisa mengabaikan itu.

794
00:39:03,600 --> 00:39:05,330
Dan kami terus berjalan.

795
00:39:05,330 --> 00:39:07,200
>> Dan kemudian kita mendefinisikan tag body.

796
00:39:07,200 --> 00:39:09,670
Tapi itu tidak pernah akan diperbarui.

797
00:39:09,670 --> 00:39:12,560
Jadi, ketika Anda menerapkan skrip
tag, pastikan Anda menempatkan

798
00:39:12,560 --> 00:39:15,502
setelah tag body.

799
00:39:15,502 --> 00:39:16,820
Slide berikutnya.

800
00:39:16,820 --> 00:39:17,830
>> MIKE Rizzo: OK.

801
00:39:17,830 --> 00:39:19,330
Jadi kami mengubah sesuatu.

802
00:39:19,330 --> 00:39:21,910
Tapi itu tidak terlihat seperti itu menanggapi
kami sama sekali karena hanya jenis

803
00:39:21,910 --> 00:39:24,150
melakukannya secepat itu dimuat halaman.

804
00:39:24,150 --> 00:39:27,700
Jadi sekarang, bukannya melakukan ini, mengapa
kita tidak menambahkan event handler.

805
00:39:27,700 --> 00:39:31,020
>> Jadi mari kita lakukan sesuatu
ke tubuh lagi.

806
00:39:31,020 --> 00:39:33,490
Dan katakanlah kita melakukannya pada -

807
00:39:33,490 --> 00:39:34,500
klik.

808
00:39:34,500 --> 00:39:35,750
Kami akan menambahkan fungsi.

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> TOMAS Reimers: Mari kita ubah
itu warna merah lagi.

811
00:39:39,690 --> 00:39:40,000
Mengapa tidak?

812
00:39:40,000 --> 00:39:41,680
>> MIKE Rizzo: Yeah, mari kita ubah
'warna menjadi merah lagi.

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
Baik.

815
00:39:46,900 --> 00:39:48,480
Jadi mari kita kembali halaman tersebut.

816
00:39:48,480 --> 00:39:49,530
OK, kita lihat -

817
00:39:49,530 --> 00:39:52,290
seperti yang diharapkan, itu tidak berubah menjadi merah belum.

818
00:39:52,290 --> 00:39:53,610
Tapi kemudian kita dapat melanjutkan dan klik.

819
00:39:53,610 --> 00:39:54,270
>> TOMAS Reimers: Dan itu tidak berubah menjadi merah.

820
00:39:54,270 --> 00:39:56,090
>> MIKE Rizzo: Dan itu
berubah menjadi merah seperti yang diharapkan.

821
00:39:56,090 --> 00:39:59,010
>> TOMAS Reimers: Dan kita bisa melihat bagaimana
kita dapat mulai membangun sangat dasar

822
00:39:59,010 --> 00:40:00,170
interaksi.

823
00:40:00,170 --> 00:40:03,850
Hal-hal lain kita mungkin ingin lakukan adalah,
jika kita tidak ingin membuat tubuh

824
00:40:03,850 --> 00:40:07,230
warna merah, mari kita membuat HTML
background warna merah.

825
00:40:07,230 --> 00:40:08,480
Hanya jadi CSS yang sama.

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> Dan ketika kita mengubahnya, kita dapat melihat hal ini
efek yang sangat dramatis mengubah

828
00:40:23,320 --> 00:40:25,510
seluruh halaman.

829
00:40:25,510 --> 00:40:29,100
Jadi sekali lagi, jika Anda menerapkan hal-hal,
Anda dapat memiliki satu komponen

830
00:40:29,100 --> 00:40:30,150
yang dimaksudkan untuk diklik.

831
00:40:30,150 --> 00:40:32,710
Katakanlah tombol Exit dan
seluruh komponen lainnya,

832
00:40:32,710 --> 00:40:33,830
yang dimaksudkan untuk merespon.

833
00:40:33,830 --> 00:40:35,755
Jadi, Anda akan menghapus jendela
ketika itu terjadi.

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> MIKE Rizzo: OK.

836
00:40:40,700 --> 00:40:42,200
Hanya sebagai contoh -

837
00:40:42,200 --> 00:40:44,400
Anda tidak bisa melihat ini sebelumnya -

838
00:40:44,400 --> 00:40:47,500
Saya hanya akan menunjukkan apa yang tampak
seperti ketika kita menyembunyikan sesuatu.

839
00:40:47,500 --> 00:40:52,220
Jadi saya akan pergi ke depan dan jangan geser ke atas.

840
00:40:52,220 --> 00:40:54,440
>> TOMAS Reimers: Ingin membungkus bahwa dalam
Jenis paragraf sebelum kita melakukan itu?

841
00:40:54,440 --> 00:40:55,132
>> MIKE Rizzo: OK.

842
00:40:55,132 --> 00:40:59,135
Ya, kenapa tidak kita melakukan itu hanya begitu
kita dapat memilih sedikit lebih.

843
00:40:59,135 --> 00:41:00,490
>> TOMAS Reimers: Dan mari kita
memberikan kelas.

844
00:41:00,490 --> 00:41:01,740
>> MIKE Rizzo: Ya.

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
OK, jadi mari kita lihat.

847
00:41:09,920 --> 00:41:14,820
Alih-alih memilih tubuh yang sebenarnya
sekarang, aku hanya akan memilih semuanya dengan

848
00:41:14,820 --> 00:41:18,780
kelas halo, yang di sini kita
hanya satu hal.

849
00:41:18,780 --> 00:41:20,900
Jadi kita tidak perlu
khawatir tentang itu.

850
00:41:20,900 --> 00:41:23,080
>> Jadi saya akan menyegarkan itu.

851
00:41:23,080 --> 00:41:24,230
Aku akan pergi ke depan dan klik.

852
00:41:24,230 --> 00:41:27,890
Dan itu, semacam, melakukan slide aneh
up hal, yang tidak melihat bahwa

853
00:41:27,890 --> 00:41:29,580
menarik.

854
00:41:29,580 --> 00:41:31,060
Umumnya, mereka terlihat cukup bagus.

855
00:41:31,060 --> 00:41:32,720
Saya kira, ini - untuk beberapa
Alasan - tidak.

856
00:41:32,720 --> 00:41:36,640
Aku hanya akan melakukan fade keluar begitu
Anda dapat melihat itu juga.

857
00:41:36,640 --> 00:41:38,100
Jauh lebih baik.

858
00:41:38,100 --> 00:41:41,150
>> Dan kemudian, jika saya membuka JavaScript
konsol lagi dan kami ingin melihat apa

859
00:41:41,150 --> 00:41:43,900
sepertinya memudar ketika kita masuk

860
00:41:43,900 --> 00:41:46,920
Sekarang, aku hanya memanggil memudar di dalamnya.

861
00:41:46,920 --> 00:41:48,830
Dan itu memudar kembali masuk

862
00:41:48,830 --> 00:41:56,150
>> Demikian pula, kita benar-benar bisa juga melewati
argumen memudar dalam atau fade out,

863
00:41:56,150 --> 00:41:57,640
yang, jenis, kecepatan itu.

864
00:41:57,640 --> 00:42:02,220
Jadi mari kita pergi ke depan dan mengatakan kami ingin
untuk pergi perlahan-lahan memudar masuk

865
00:42:02,220 --> 00:42:04,250
Jadi saya rasa itu masih tampak
cukup cepat.

866
00:42:04,250 --> 00:42:06,180
Tapi itu lebih lambat dari sebelumnya.

867
00:42:06,180 --> 00:42:10,340
>> TOMAS Reimers: Dan jika Anda ingin mencari
lebih lanjut tentang hal-hal ini, sekali lagi,

868
00:42:10,340 --> 00:42:13,410
hanya pergi ke dokumentasi jQuery,
yang telah kami berikan kepadamu, dan membaca

869
00:42:13,410 --> 00:42:13,735
melalui ini.

870
00:42:13,735 --> 00:42:15,790
Mereka mendokumentasikan fungsi mereka
sangat baik.

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> MIKE Rizzo: OK.

873
00:42:19,570 --> 00:42:21,560
Jadi saya kira mari kita kembali ke ini.

874
00:42:21,560 --> 00:42:23,490
Dan kita bisa bicara tentang halaman terakhir kami.

875
00:42:23,490 --> 00:42:24,690
Nah, kita bisa menyelesaikan dengan Bootstrap.

876
00:42:24,690 --> 00:42:27,140
Dan kemudian kita akan membukanya
untuk beberapa pertanyaan.

877
00:42:27,140 --> 00:42:30,180
Dan jika kalian punya ide-ide yang
Anda ingin mencoba muntah dan melihat

878
00:42:30,180 --> 00:42:34,150
jika kita dapat menerapkannya dengan
JavaScript cepat.

879
00:42:34,150 --> 00:42:37,890
>> Jadi benar-benar cepat tentang Bootstrap, yang
secara otomatis termasuk dalam

880
00:42:37,890 --> 00:42:41,700
Masalah terakhir Anda diatur dalam folder CSS
dan benar-benar terhubung ke dalam Anda

881
00:42:41,700 --> 00:42:43,190
header.php.

882
00:42:43,190 --> 00:42:46,740
Jadi, Anda bisa menambahkan kelas yang
didefinisikan dalam Bootstrap untuk itu.

883
00:42:46,740 --> 00:42:50,490
Dan itu akan otomatis ditata
hal-hal yang sesuai.

884
00:42:50,490 --> 00:42:54,550
>> TOMAS Reimers: Jadi Bootstrap adalah sangat
hal magis yang dikembangkan oleh orang-orang

885
00:42:54,550 --> 00:42:55,340
di Twitter.

886
00:42:55,340 --> 00:42:57,230
Dan apa itu dimaksudkan untuk lakukan adalah -

887
00:42:57,230 --> 00:43:00,740
sebelum website yang benar-benar keras untuk membuat
terlihat bagus, terutama ketika kita memiliki

888
00:43:00,740 --> 00:43:02,200
banyak komponen umum.

889
00:43:02,200 --> 00:43:04,770
Jadi banyak tombol pada
web tampak sama.

890
00:43:04,770 --> 00:43:08,960
>> Banyak bidang teks dapat dibuat untuk
terlihat lebih baik daripada teks standar

891
00:43:08,960 --> 00:43:13,620
bidang Anda mungkin tahu dari benar-benar
website lama atau benar-benar buruk dibuat

892
00:43:13,620 --> 00:43:18,210
website, yang hanya terlihat seperti literal
kotak teks tanpa bentuk teks

893
00:43:18,210 --> 00:43:21,190
bayangan atau apapun yang bagus outline.

894
00:43:21,190 --> 00:43:24,540
Jadi apa Bootstrap lakukan adalah katanya, baik,
kami memiliki banyak gaya umum.

895
00:43:24,540 --> 00:43:28,210
Mengapa kita tidak membuat satu set umum CSS
dan seperangkat JavaScript sebagai

896
00:43:28,210 --> 00:43:32,210
baik, yang bisa gaya apa adanya dan yang
dapat memberikan orang-orang hal-hal seperti penurunan

897
00:43:32,210 --> 00:43:34,610
down menu, yang dapat memberikan orang
hal-hal seperti kata modal.

898
00:43:34,610 --> 00:43:38,580
>> Modal adalah apa yang muncul di atas halaman
setiap kali itu benar-benar berbicara

899
00:43:38,580 --> 00:43:41,090
sesuatu, yang menghambat lebih lanjut
interaksi sampai Anda

900
00:43:41,090 --> 00:43:43,110
berinteraksi dengannya.

901
00:43:43,110 --> 00:43:45,820
Sesuatu seperti ini, apakah Anda yakin
Anda ingin menghapus hal ini?

902
00:43:45,820 --> 00:43:49,100
Anda tidak bisa benar-benar melakukan hal lain
sampai Anda mengatakan ya atau tidak.

903
00:43:49,100 --> 00:43:52,720
>> Butuh semua ini dan itu dikemas
bersama-sama dan berkata, di sini kita pergi.

904
00:43:52,720 --> 00:43:54,630
Orang-orang sekarang dapat menggunakan ini.

905
00:43:54,630 --> 00:43:56,830
Dan Anda dapat menemukannya lebih
di getbootstrap.com.

906
00:43:56,830 --> 00:44:00,480
Itu secara otomatis disertakan dalam
Masalah terakhir Anda set.

907
00:44:00,480 --> 00:44:04,160
Dan kau lebih dari diterima untuk
menggunakannya pada proyek akhir Anda.

908
00:44:04,160 --> 00:44:06,950
Dan jika Anda ingin mengikuti
menghubungkan untuk mendapatkan Bootstrap.

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> Anda akan melihat di sini adalah
Bootstrap situs CSS.

911
00:44:15,700 --> 00:44:16,860
Anda akan melihat Bootstrap.

912
00:44:16,860 --> 00:44:20,450
Dan jika Anda gulir ke bawah, Anda akan melihat
cara men-download itu, bagaimana

913
00:44:20,450 --> 00:44:21,900
menginstalnya, dan sebagainya.

914
00:44:21,900 --> 00:44:24,700
>> MIKE Rizzo: Dan Anda juga bisa,
cukup menarik, menyesuaikan dengan

915
00:44:24,700 --> 00:44:27,770
menjadi apa pun jenis tema
yang Anda inginkan.

916
00:44:27,770 --> 00:44:31,270
Aku tahu itu adalah sesuatu yang saya lakukan untuk saya
tugas akhir ketika saya mengambil kelas

917
00:44:31,270 --> 00:44:32,050
adalah menyesuaikannya.

918
00:44:32,050 --> 00:44:34,540
Sebuah versi yang berbeda dari yang Bootstrap
memiliki skema warna yang berbeda dan

919
00:44:34,540 --> 00:44:36,700
bentuk yang berbeda dari beberapa
hal yang berbeda.

920
00:44:36,700 --> 00:44:38,250
Jadi saya mendorong Anda untuk bermain dengan itu.

921
00:44:38,250 --> 00:44:39,440
Ini semacam menyenangkan untuk dilakukan.

922
00:44:39,440 --> 00:44:43,230
>> TOMAS Reimers: Mencari di bagian atas
sekali lagi, ini sangat mirip dengan font

923
00:44:43,230 --> 00:44:44,970
Situs mengagumkan.

924
00:44:44,970 --> 00:44:47,810
Banyak dokumentasi akan mulai
tampak serupa ketika Anda sudah

925
00:44:47,810 --> 00:44:48,940
cukup melihat itu.

926
00:44:48,940 --> 00:44:51,260
Jadi di sini kita memiliki CSS
komponen ini.

927
00:44:51,260 --> 00:44:53,540
Dan Anda akan melihat bagaimana
bisa gaya hal.

928
00:44:53,540 --> 00:44:56,780
Jadi, jika Anda klik pada tabel, misalnya,
Anda dapat segera membuat

929
00:44:56,780 --> 00:45:01,710
tabel cukup dengan hanya menambahkan
tabel kelas untuk itu.

930
00:45:01,710 --> 00:45:03,150
>> Hal yang sama untuk tombol.

931
00:45:03,150 --> 00:45:12,140
Jika Anda cukup menambahkan BTN kelas dan BTN
standar atau primer BTN, Anda dapat

932
00:45:12,140 --> 00:45:16,240
mendapatkan salah satu tombol ini
dengan gaya-gaya pra-dibuat.

933
00:45:16,240 --> 00:45:18,570
Dan kemudian, jika Anda sedang mencari
sesuatu yang lebih kompleks dari sekadar

934
00:45:18,570 --> 00:45:24,100
restyling apa w sudah ada, lebih pada
tab JavaScript di kita atas

935
00:45:24,100 --> 00:45:25,120
memiliki banyak komponen.

936
00:45:25,120 --> 00:45:30,410
>> Jadi di sini kita memiliki transisi, kata modal,
dropdown, tab, dan tooltips.

937
00:45:30,410 --> 00:45:35,530
Sebuah tooltip adalah apa yang muncul di bawah Anda
mouse ketika Anda membawa sesuatu.

938
00:45:35,530 --> 00:45:40,280
Popovers, alert, tombol, dilipat
akordion adalah apa

939
00:45:40,280 --> 00:45:41,190
mereka biasanya disebut.

940
00:45:41,190 --> 00:45:43,045
Komidi putar, sandal yang
melalui gambar seperti.

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> Jadi mereka adalah komponen
dari Bootstrap.

943
00:45:54,840 --> 00:45:57,620
Saya akan mendorong Anda untuk
sangat pergi melihat mereka.

944
00:45:57,620 --> 00:46:01,780
Ada komponen JavaScript
dan komponen CSS.

945
00:46:01,780 --> 00:46:03,880
Jangan ragu untuk menggunakannya sebagai Anda akan.

946
00:46:03,880 --> 00:46:06,730
Kami tidak akan pergi terlalu banyak ke mereka
karena kita merasa dokumentasi

947
00:46:06,730 --> 00:46:09,360
sangat baik dilakukan.

948
00:46:09,360 --> 00:46:10,540
Dan yeah.

949
00:46:10,540 --> 00:46:14,500
Apakah Anda memiliki pertanyaan tentang hal itu?

950
00:46:14,500 --> 00:46:19,430
>> MIKE Rizzo: Jadi sebagai benar-benar cepat
sisi, desain halaman web ini yang

951
00:46:19,430 --> 00:46:21,830
kita cepat mengumpulkan untuk
Presentasi ini

952
00:46:21,830 --> 00:46:24,290
benar-benar dilakukan dengan menggunakan Bootstrap.

953
00:46:24,290 --> 00:46:27,810
Seperti yang Anda lihat, ketika kita klik pada ini
tab yang berbeda, kami tidak pernah benar-benar

954
00:46:27,810 --> 00:46:30,750
meninggalkan halaman index.html saat ini.

955
00:46:30,750 --> 00:46:36,400
Jadi apa yang kita miliki adalah divs berbeda
dalam index.html ini.

956
00:46:36,400 --> 00:46:39,610
Dan kemudian, setiap kali kita klik berbeda
tab, itu hanya mengubah

957
00:46:39,610 --> 00:46:41,590
yang satu menunjukkan.

958
00:46:41,590 --> 00:46:47,390
>> Jadi sesuai posisi mereka,
mengubah HTML halaman sehingga

959
00:46:47,390 --> 00:46:52,330
tab saat ini ditandai sebagai aktif sehingga
tampak berbeda dan terlihat

960
00:46:52,330 --> 00:46:52,820
benar-benar baik.

961
00:46:52,820 --> 00:46:57,260
>> TOMAS Reimers: Jadi itu semua dilakukan
tanpa kita menulis hampir semua CSS.

962
00:46:57,260 --> 00:47:01,440
Kami juga melihat header di bagian atas,
yang warna-warna yang oleh kami.

963
00:47:01,440 --> 00:47:04,800
Tapi sebenarnya meletakkannya di
atas halaman dan membuat

964
00:47:04,800 --> 00:47:06,660
itu scroll adalah Bootstrap.

965
00:47:06,660 --> 00:47:09,720
Dan kemudian bahkan untuk perpustakaan lain - ini
bukan salah satu yang kita bicarakan tapi satu

966
00:47:09,720 --> 00:47:11,580
Anda dapat Google jika Anda ingin.

967
00:47:11,580 --> 00:47:15,130
Ini disebut prettify.js.

968
00:47:15,130 --> 00:47:20,650
Dan itu akan menyoroti sintaks kode Anda
untuk Anda menggunakan kedua CSS dan JavaScript.

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> Hal terakhir yang kita ingin berbicara tentang
sebelum kita melepaskan Anda keluar ke

971
00:47:27,070 --> 00:47:30,620
dunia untuk melihat perpustakaan untuk mencari tahu
bagaimana menggunakannya dan, mudah-mudahan,

972
00:47:30,620 --> 00:47:34,640
membaca dokumentasi dan menemukan apa yang Anda
Kebutuhan adalah bagaimana menemukan perpustakaan.

973
00:47:34,640 --> 00:47:37,000
Jadi yang pertama adalah kita hanya
akan mendorong Google.

974
00:47:37,000 --> 00:47:37,810
Go Google.

975
00:47:37,810 --> 00:47:41,150
>> Itu benar-benar apa yang kita lakukan ketika kita
perlu melakukan sesuatu adalah kita Google.

976
00:47:41,150 --> 00:47:44,730
Apakah ada perpustakaan JavaScript yang
memungkinkan saya untuk memanipulasi waktu dalam

977
00:47:44,730 --> 00:47:45,400
cara yang berguna?

978
00:47:45,400 --> 00:47:49,510
Jadi jika saya tahu bahwa beberapa pengguna menciptakan
account di sini, dan ini adalah

979
00:47:49,510 --> 00:47:53,010
waktu saat ini, bagaimana saya bisa menghitung
perbedaan dengan yang tanpa harus

980
00:47:53,010 --> 00:47:55,020
menghitung sendiri?

981
00:47:55,020 --> 00:47:59,630
Jadi ini sebenarnya adalah hal yang umum,
JavaScript waktu perpustakaan.

982
00:47:59,630 --> 00:48:02,440
Dan di sini kita Moment.js--
yang paling populer.

983
00:48:02,440 --> 00:48:06,530
>> Jika kita membutuhkan perpustakaan untuk memanipulasi
sesuatu seperti warna untuk dapat

984
00:48:06,530 --> 00:48:08,650
menghasilkan sekelompok warna acak -

985
00:48:08,650 --> 00:48:10,660
mungkin, untuk menghasilkan
gaya atau sesuatu -

986
00:48:10,660 --> 00:48:13,480
kita bisa google sesuatu seperti
JavaScript perpustakaan warna.

987
00:48:13,480 --> 00:48:15,620
Dan saya yakin kita akan muncul dengan
seribu satu dari mereka.

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
Anda dipersilakan untuk membaca melalui mereka.

990
00:48:21,410 --> 00:48:24,610
>> Jadi banyak hal - ketika Anda menemukan mereka -
akan di-host di salah satu

991
00:48:24,610 --> 00:48:25,920
situs yang kode tuan rumah.

992
00:48:25,920 --> 00:48:26,960
Mereka adalah beberapa yang populer.

993
00:48:26,960 --> 00:48:30,870
Yang paling populer, dengan
sejauh ini, adalah github.com.

994
00:48:30,870 --> 00:48:35,300
Dan jika Anda pergi ke GitHub itu sebenarnya
mana Menormalkan diselenggarakan.

995
00:48:35,300 --> 00:48:36,950
Jadi jika Anda ingin kembali ke satu.

996
00:48:36,950 --> 00:48:38,135
Menunjukkan kepada mereka bahwa.

997
00:48:38,135 --> 00:48:40,516
>> MIKE Rizzo: Dan itu benar-benar di mana
ini di-host juga, jika Anda perhatikan.

998
00:48:40,516 --> 00:48:41,000
>> TOMAS Reimers: Ya.

999
00:48:41,000 --> 00:48:49,078
Jadi, jika Anda pergi ke Menormalkan
dan pergi ke GitHub.

1000
00:48:49,078 --> 00:48:51,936
Apakah itu?

1001
00:48:51,936 --> 00:48:54,620
>> MIKE Rizzo: Itu hal kecil kucing
adalah simbol GitHub.

1002
00:48:54,620 --> 00:48:56,330
>> TOMAS Reimers: Oh.

1003
00:48:56,330 --> 00:49:02,180
Jadi GitHub menggunakan metode yang disebut
Git untuk menyimpan kode.

1004
00:49:02,180 --> 00:49:05,150
Apakah Anda tidak tahu apa yang sedang atau
itu takut Anda, itu bagus.

1005
00:49:05,150 --> 00:49:16,100
Anda tidak perlu tahu apa Git
karena GitHub memiliki tombol Download

1006
00:49:16,100 --> 00:49:17,200
di bagian kanan bawah.

1007
00:49:17,200 --> 00:49:21,350
>> Hal lain yang berguna untuk mengetahui
tentang GitHub adalah produk paling banyak

1008
00:49:21,350 --> 00:49:23,200
akan memiliki membaca saya.

1009
00:49:23,200 --> 00:49:25,400
Dan jika mereka tidak memiliki sebuah situs web,
membaca saya akan berbicara tentang bagaimana Anda

1010
00:49:25,400 --> 00:49:28,310
menginstalnya, bagaimana Anda menggunakannya, apa yang
tidak, dan sebagainya, dan sebagainya, dan sebagainya.

1011
00:49:28,310 --> 00:49:31,033
Apa yang kita sudah pada dasarnya telah
berjalan Anda melalui.

1012
00:49:31,033 --> 00:49:32,326
>> MIKE Rizzo: berhenti merokok Internet.

1013
00:49:32,326 --> 00:49:34,020
>> TOMAS Reimers: Itu baik-baik saja.

1014
00:49:34,020 --> 00:49:36,980
Dua hal terakhir yang kita inginkan
untuk berbicara tentang -

1015
00:49:36,980 --> 00:49:38,750
kita bicarakan Git -

1016
00:49:38,750 --> 00:49:40,290
adalah pemecahan masalah.

1017
00:49:40,290 --> 00:49:43,020
Dan yang satu ini tidak relevan untuk
produk akhir seperti itu

1018
00:49:43,020 --> 00:49:44,870
ketika Anda meninggalkan 50.

1019
00:49:44,870 --> 00:49:48,310
Dan ketika Anda mengalami produk
menerapkan perpustakaan atau menerapkan

1020
00:49:48,310 --> 00:49:50,230
proyek Anda sendiri, Anda akan
memiliki pertanyaan atau Anda

1021
00:49:50,230 --> 00:49:51,660
akan mencari pertanyaan.

1022
00:49:51,660 --> 00:49:53,060
>> Sekali lagi, Google itu.

1023
00:49:53,060 --> 00:49:54,630
Itu benar-benar apa yang kita lakukan.

1024
00:49:54,630 --> 00:49:56,400
Ini akan terdengar konyol.

1025
00:49:56,400 --> 00:49:58,310
Tapi secara harfiah, kita Google itu.

1026
00:49:58,310 --> 00:50:01,810
Dan lagi, salah satu hal pertama
Anda biasanya akan bertemu adalah

1027
00:50:01,810 --> 00:50:06,550
stackoverflow.com, yang merupakan indah
tanya jawab terlihat.

1028
00:50:06,550 --> 00:50:10,530
>> Ini luar biasa baik karena Anda dapat
posting pertanyaan dan mencari

1029
00:50:10,530 --> 00:50:12,760
jawaban tetapi juga karena
sudah memiliki banyak

1030
00:50:12,760 --> 00:50:14,590
pra-diisi konten di sana.

1031
00:50:14,590 --> 00:50:18,510
Jadi biasanya ketika Anda Google pemrograman sebuah
pertanyaan dalam pertama

1032
00:50:18,510 --> 00:50:22,620
beberapa hits Anda mungkin sudah menjalankan
ke dalamnya selama set masalah Anda.

1033
00:50:22,620 --> 00:50:27,840
>> Dan kemudian, hal yang sangat singkat lalu
adalah JSFIDDLE, yang - hari ini kita sudah

1034
00:50:27,840 --> 00:50:32,110
telah melakukan banyak pekerjaan dengan
JavaScript HTML CSS.

1035
00:50:32,110 --> 00:50:39,820
JSFIDDLE adalah aplikasi web, yang pada dasarnya
memungkinkan Anda untuk mengambil HTML Anda, ANDA

1036
00:50:39,820 --> 00:50:42,820
JavaScript kiri bawah, dan
kanan atas CSS Anda.

1037
00:50:42,820 --> 00:50:47,840
Dan kemudian dapat membuat cepat membuat
TI dan melihat bagaimana berinteraksi.

1038
00:50:47,840 --> 00:50:50,500
Ini sangat berguna ketika orang mencoba
untuk melakukan bukti dari konsep seperti

1039
00:50:50,500 --> 00:50:52,910
ini adalah bagaimana Anda akan
melakukan menu drop down.

1040
00:50:52,910 --> 00:50:54,980
Mungkin mengungkap cepat atau apa pun.

1041
00:50:54,980 --> 00:50:56,560
>> MIKE Rizzo: Jadi mari kita pergi
Cobalah dan klik ini.

1042
00:50:56,560 --> 00:50:57,820
Sebuah catatan singkat -

1043
00:50:57,820 --> 00:51:00,430
sedangkan, sebelum kami
lakukan di klik.

1044
00:51:00,430 --> 00:51:04,380
Ternyata JCorey Korea juga memiliki built
dalam event handler klik yang

1045
00:51:04,380 --> 00:51:07,020
menggunakan hanya karena angka Anda
akan ingin melakukan banyak hal

1046
00:51:07,020 --> 00:51:08,410
bila Anda ingin mengklik sesuatu.

1047
00:51:08,410 --> 00:51:09,690
>> Demikian pula, juga memiliki hover.

1048
00:51:09,690 --> 00:51:12,850
Tetapi untuk mendapatkan lingkup penuh
mereka, melihat jQuery

1049
00:51:12,850 --> 00:51:15,320
dokumentasi dan melakukannya.

1050
00:51:15,320 --> 00:51:18,760
Saya melakukan sesuatu yang bodoh di sini.

1051
00:51:18,760 --> 00:51:21,490
>> TOMAS Reimers: Jadi saya punya benar-benar cepat
program yang tepat di sini, yang mengatakan

1052
00:51:21,490 --> 00:51:22,640
tombol di klik.

1053
00:51:22,640 --> 00:51:23,890
Kemudian kita memiliki untuk loop.

1054
00:51:23,890 --> 00:51:26,810
Untuk i kurang dari 404.

1055
00:51:26,810 --> 00:51:29,530
Ini hanya akan muncul
pesan-pesan peringatan.

1056
00:51:29,530 --> 00:51:33,425
>> MIKE Rizzo: Dan apa yang
kode 404 berdiri di HTML?

1057
00:51:33,425 --> 00:51:34,145
Apakah ada yang ingat?

1058
00:51:34,145 --> 00:51:35,450
Tidak ditemukan, benar.

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
Chrome juga menambahkan ini rapi
hal di mana Anda bisa -

1061
00:51:40,885 --> 00:51:43,430
>> TOMAS Reimers: Karena orang-orang seperti
Mike mulai melakukan hal ini banyak dan

1062
00:51:43,430 --> 00:51:47,230
pengguna menjengkelkan, yang memungkinkan
Anda untuk melihat info.

1063
00:51:47,230 --> 00:51:48,286
>> MIKE Rizzo: Ya.

1064
00:51:48,286 --> 00:51:50,690
>> TOMAS Reimers: Apakah kita memiliki pertanyaan
tentang hal ini, tentang JavaScript

1065
00:51:50,690 --> 00:51:53,420
perpustakaan, menemukan perpustakaan, atau
terlihat apa pengembangan web

1066
00:51:53,420 --> 00:51:55,400
seperti di dunia nyata?

1067
00:51:55,400 --> 00:51:56,880
Kita berjalan melawan waktu.

1068
00:51:56,880 --> 00:52:00,400
Jadi saya tidak yakin kita akan
punya waktu untuk melaksanakan

1069
00:52:00,400 --> 00:52:02,290
kecuali itu benar-benar cepat.

1070
00:52:02,290 --> 00:52:04,580
Apakah kita baik?

1071
00:52:04,580 --> 00:52:08,110
>> MIKE Rizzo: Apa kalian ingin
untuk melihat benar-benar cepat dalam, seperti, dua

1072
00:52:08,110 --> 00:52:09,556
menit atau kurang?

1073
00:52:09,556 --> 00:52:10,870
>> TOMAS Reimers: Anything
kita bisa menjelaskan?

1074
00:52:10,870 --> 00:52:12,500
Bagaimana menulis di -

1075
00:52:12,500 --> 00:52:13,260
>> AUDIENCE: [Tak terdengar]?

1076
00:52:13,260 --> 00:52:16,070
>> MIKE Rizzo: Ya, jadi ltu -

1077
00:52:16,070 --> 00:52:18,065
>> TOMAS Reimers: Anda hanya dapat menekan
Control-U di website.

1078
00:52:18,065 --> 00:52:19,275
>> MIKE Rizzo: Oh, saya tidak tahu itu.

1079
00:52:19,275 --> 00:52:22,290
>> TOMAS Reimers: Saya pikir, ya.

1080
00:52:22,290 --> 00:52:23,300
Control-U. Ya.

1081
00:52:23,300 --> 00:52:25,970
>> MIKE Rizzo: Oh, jadi itu
kode untuk situs web.

1082
00:52:25,970 --> 00:52:29,580
Tetapi jika Anda benar-benar ingin men-download kami
file dan segala sesuatu, host

1083
00:52:29,580 --> 00:52:32,650
pada github.com

1084
00:52:32,650 --> 00:52:34,850
>> TOMAS Reimers: slash nama saya -

1085
00:52:34,850 --> 00:52:38,504
Tomas Reimers - slash
Seminar CS50 tanda hubung.

1086
00:52:38,504 --> 00:52:40,710
>> MIKE Rizzo: Dan Anda dapat
menemukan segala sesuatu di sana.

1087
00:52:40,710 --> 00:52:42,310
>> TOMAS Reimers: Inilah yang GitHub
Sepertinya, by the way.

1088
00:52:42,310 --> 00:52:44,910
Jadi sekali lagi, ketika Anda melihat open source
proyek, biasanya, mereka akan membaca

1089
00:52:44,910 --> 00:52:45,950
saya ada yang dapat Anda baca.

1090
00:52:45,950 --> 00:52:50,200
Dan jika Anda kembali, Anda akan melihat bahwa
Anda memiliki download zip, yang akan

1091
00:52:50,200 --> 00:52:52,130
memungkinkan Anda untuk men-download sumber
kode untuk memasukkan

1092
00:52:52,130 --> 00:52:53,666
produk dalam hal yang Anda sendiri.

1093
00:52:53,666 --> 00:52:56,890
>> MIKE Rizzo: Ya, dan jika kita klik
pada index.html sangat cepat -

1094
00:52:56,890 --> 00:52:59,180
>> TOMAS Reimers: Anda akan lihat di sini adalah
kode sumber untuk website kami.

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> MIKE Rizzo: Juga, saya lupa untuk mendorong hak
sebelumnya dengan meja besar itu

1097
00:53:06,070 --> 00:53:09,860
termasuk, tapi ada juga meja
dari chmods yang kita termasuk

1098
00:53:09,860 --> 00:53:13,210
hanya untuk kejelasan Anda.

1099
00:53:13,210 --> 00:53:16,940
Tetapi jika kita gulir semua jalan ke
bawah, kita tidak benar-benar melakukan sangat

1100
00:53:16,940 --> 00:53:21,160
jauh dengan JavaScript
hal sama sekali dengan ini.

1101
00:53:21,160 --> 00:53:26,610
Ini eksklusif dari segala sesuatu
lain yang kita miliki.

1102
00:53:26,610 --> 00:53:28,730
>> Jadi terima kasih guys untuk datang
dan mendengarkan.

1103
00:53:28,730 --> 00:53:29,830
Kami berharap ini benar-benar membantu.

1104
00:53:29,830 --> 00:53:33,020
Jika Anda memiliki JavaScript yang terkait
pertanyaan atau hanya ingin berbicara tentang

1105
00:53:33,020 --> 00:53:36,240
apa lagi seperti apa hal-hal keren lainnya
dapat Anda lakukan dengan JavaScript, kami akan senang

1106
00:53:36,240 --> 00:53:37,186
untuk berbicara dengan Anda.

1107
00:53:37,186 --> 00:53:40,010
>> TOMAS Reimers: Jika Anda memiliki pertanyaan
tentang proyek Anda atau jika ini bisa menjadi

1108
00:53:40,010 --> 00:53:42,740
relevan, kami mungkin akan tetap sekitar
sedikit setelah ini.

1109
00:53:42,740 --> 00:53:44,640
Tapi selain itu, memiliki
akhir pekan yang baik.

1110
00:53:44,640 --> 00:53:45,845
>> MIKE Rizzo: Ya, menikmati.

1111
00:53:45,845 --> 00:53:46,120
Sampai jumpa.

1112
00:53:46,120 --> 00:53:47,370
>> TOMAS Reimers: Lihat ya.

1113
00:53:47,370 --> 00:53:47,926