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

2
00:00:07,440 --> 00:00:08,180
>> Tomas Reimers: Hi, të gjithë.

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

4
00:00:09,250 --> 00:00:10,500
>> MIKE Rizo: Dhe unë jam Mike Rizzo.

5
00:00:10,500 --> 00:00:12,990
>> Tomas Reimers: Ne jemi të dy nga CS50s TS.

6
00:00:12,990 --> 00:00:18,910
Dhe sot ne jemi kryesor në seminarin
JavaScript dhe CSS për Apps web.

7
00:00:18,910 --> 00:00:22,140
Nëse ju doni të ndjekin së bashku,
Lidhje është e drejtë atje.

8
00:00:22,140 --> 00:00:25,190
Dhe nuk ju duan të vënë atë deri
në një kohë të shkurtër kompjuter?

9
00:00:25,190 --> 00:00:27,460
>> Ka lidhje.

10
00:00:27,460 --> 00:00:30,390
Kjo është një vend i vogël, i cili ka lidhje me
të gjitha burimet që jeni do të jetë

11
00:00:30,390 --> 00:00:36,490
duke ju sot dhe gjithashtu ka një shumë të
Informata të dobishme shkruar nga ne për të

12
00:00:36,490 --> 00:00:39,680
lexoni më shumë në thellësi, kur ju shkoni mbrapa,
dhe ju jeni duke u përpjekur për të kujtuar se çfarë

13
00:00:39,680 --> 00:00:42,166
pikërisht që ne të themi, atë që ishin të ju
duke folur në lidhje, e të tjera.

14
00:00:42,166 --> 00:00:43,870
>> MIKE Rizo: Në rregull.

15
00:00:43,870 --> 00:00:44,890
Pra, le të fillojnë.

16
00:00:44,890 --> 00:00:45,700
>> Tomas Reimers: Pra, ju doni të filloni?

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

18
00:00:45,970 --> 00:00:47,170
>> MIKE Rizo: Po.

19
00:00:47,170 --> 00:00:51,730
Pra, ne së pari të kërkuar për të filluar me një të gjerë
Pamje e përgjithshme në lidhje me internet dhe të

20
00:00:51,730 --> 00:00:54,240
dorëzojë lloje kur dizajnimin faqet e internetit.

21
00:00:54,240 --> 00:00:57,550
Ndërsa ky prezantim ne duam të
të marrë në në JavaScript shumë shumë më të

22
00:00:57,550 --> 00:01:00,320
më vonë, kemi dashur të nisem me
vetëm, lloj, si pamje një zog në sy

23
00:01:00,320 --> 00:01:03,270
e çfarë një faqe interneti është dhe se si
të mendojnë për hartimin e një

24
00:01:03,270 --> 00:01:04,800
Faqja e internetit për fillim.

25
00:01:04,800 --> 00:01:08,370
>> Pra ju djema, në këtë pikë - me të
duke qenë natën e premte - duhet të ketë

26
00:01:08,370 --> 00:01:11,000
dorëzuar financave tuaja CS50
Problemi vendos.

27
00:01:11,000 --> 00:01:15,260
Shpresojmë, që ishte një shije të mirë
të asaj programimit web mund të jetë.

28
00:01:15,260 --> 00:01:18,261
Por këtu ne duam të, lloj, japin
ju një tjetër shije, si.

29
00:01:18,261 --> 00:01:23,190
>> Tomas Reimers: Pra, vetëm për të radhitje çfarë
ndodh, kur ju shkruani URL-në tuaj të

30
00:01:23,190 --> 00:01:26,650
shfletuesi juaj web, që URL merr
shikuar deri në kompjuter.

31
00:01:26,650 --> 00:01:28,590
Dhe kompjuterit tuaj lidhur
në një kompjuter tjetër,

32
00:01:28,590 --> 00:01:29,890
e cila pret se internetit.

33
00:01:29,890 --> 00:01:33,150
OK, kështu që kur ju shkoni në google.com, ju jeni
lidhur në një nga Google

34
00:01:33,150 --> 00:01:36,496
kompjutera, e cila ka
Fotografi për google.com.

35
00:01:36,496 --> 00:01:38,750
>> Ajo pastaj kërkon një file të veçantë.

36
00:01:38,750 --> 00:01:40,020
Pra, nëse ju shkoni në -

37
00:01:40,020 --> 00:01:41,550
Nuk e di -

38
00:01:41,550 --> 00:01:48,170
example.com / index.html ose / test.html,
ju jeni do të kërkojë

39
00:01:48,170 --> 00:01:49,340
këtë dosje të veçantë.

40
00:01:49,340 --> 00:01:52,780
Dhe server web po ndodh
për t'u kthyer atë për ju.

41
00:01:52,780 --> 00:01:54,910
>> Pastaj, sapo ju të kalojnë nëpër këtë dosje -

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

43
00:01:57,750 --> 00:01:59,950
një herë ju jeni kompjuter merr se
fotografi - ajo do të fillojë

44
00:01:59,950 --> 00:02:00,820
për të ndërtuar një web faqe.

45
00:02:00,820 --> 00:02:03,020
Deri tani ajo ka skedarin HTML,
e cila është lloj si

46
00:02:03,020 --> 00:02:05,170
Struktura e web faqes.

47
00:02:05,170 --> 00:02:08,620
Skedari HTML mund të referencës
Fotografi CSS, që përcaktojnë

48
00:02:08,620 --> 00:02:09,889
Stili i web faqes.

49
00:02:09,889 --> 00:02:12,970
>> Fotografi JavaScript, i cili përcakton
ndërveprim me web faqe.

50
00:02:12,970 --> 00:02:15,200
Image fotografi, të cilat janë vetëm imazhe.

51
00:02:15,200 --> 00:02:19,450
Dhe ndoshta të lidhura me fotografi të tjera HTML,
të cilat pastaj ju mund të vizitoni.

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

53
00:02:22,656 --> 00:02:24,380
>> MIKE Rizo: OK, e madhe.

54
00:02:24,380 --> 00:02:28,980
Pra, ju djema keni të gjitha, ndoshta,
ngritur shumë kujdes deri host tuaj lokale

55
00:02:28,980 --> 00:02:30,810
në kompjuterin tuaj virtuale.

56
00:02:30,810 --> 00:02:35,650
Dhe kjo vetëm, lloj, është lokal
domain që kompjuteri juaj pret vetëm

57
00:02:35,650 --> 00:02:38,760
për ju në vetë IP adresës tuaj.

58
00:02:38,760 --> 00:02:43,300
>> Pra në këtë, atëherë ju mund të shtoni
për të tuaj web faqet e tyre.

59
00:02:43,300 --> 00:02:47,655
Unë do të thotë, në CS50 Financave, ju duhet të keni
shtuar disa faqe HTML, të cilat janë,

60
00:02:47,655 --> 00:02:49,410
lloj, përfundoi në PHP këmishë.

61
00:02:49,410 --> 00:02:54,690
Por në fund të fundit, çfarë faqet tuaja PHP
u kompjuteri ishte i HTML.

62
00:02:54,690 --> 00:02:58,210
>> Por duke menduar përsëri në fillim
i PSET, ne kishim për të vendosur

63
00:02:58,210 --> 00:03:00,890
lejet për çdo gjë, apo jo?

64
00:03:00,890 --> 00:03:07,270
Pra, kjo vetëm në thelb na lejon të dimë
të cilët mund të lexojnë, shkruajnë, dhe ndoshta

65
00:03:07,270 --> 00:03:08,730
ekzekutuar çdo fotografi.

66
00:03:08,730 --> 00:03:11,870
Pra, ne jemi duke shkuar për të bërë një të shpejtë - hm?

67
00:03:11,870 --> 00:03:15,660
>> Tomas Reimers: Pra, ne jemi duke shkuar
për të bërë një demo të shpejtë.

68
00:03:15,660 --> 00:03:19,560
Pra, vetëm për të ju kujtoj, kur ju
lidheni me kompjuterin e Google -

69
00:03:19,560 --> 00:03:20,690
kush -

70
00:03:20,690 --> 00:03:24,060
dhe kërkoni për një fotografi, kompjuterin e parë
ka nevojë për t'u siguruar që ju jeni të autorizuar

71
00:03:24,060 --> 00:03:28,790
që në fakt të parë këtë dosje apo lexuar se
paraqesë për shkak se ju nuk mund të kërkoni

72
00:03:28,790 --> 00:03:30,430
për çdo file në atë kompjuter, e drejtë?

73
00:03:30,430 --> 00:03:32,260
Kjo do të jetë një rrezik të sigurisë.

74
00:03:32,260 --> 00:03:37,020
>> Kështu fotografi në sistemet që përdorim, si
ky aplikim CS50, kanë tre

75
00:03:37,020 --> 00:03:39,200
njerëz të përgjithshme që mund të kenë
lejet për diçka.

76
00:03:39,200 --> 00:03:41,610
Parë është aktuale
pronar i dosjes në fjalë.

77
00:03:41,610 --> 00:03:43,820
Dytë është grupi që
fotografi i takon.

78
00:03:43,820 --> 00:03:46,090
Ne nuk do të përqëndrohet
shumë në këtë.

79
00:03:46,090 --> 00:03:50,010
Dhe gjëja e fundit që është, lloj, si
bota apo si gjithë të tjerët që kanë për

80
00:03:50,010 --> 00:03:54,130
jo specifike për këtë dosje dhe nuk
kanë asnjë të drejtë pronësie mbi të.

81
00:03:54,130 --> 00:04:05,650
>> Pra, në qoftë se ne kemi pronar, grup,
dhe pastaj të botës.

82
00:04:05,650 --> 00:04:10,510
Dhe pastaj, për secilin nga këto grupe, ju
mund të ketë një nga tre lejeve,

83
00:04:10,510 --> 00:04:13,010
OK, ose të shumëfishta prej tyre.

84
00:04:13,010 --> 00:04:15,070
Ju mund të keni leje leximi.

85
00:04:15,070 --> 00:04:16,560
Ju mund të keni drejtat e duhura.

86
00:04:16,560 --> 00:04:18,880
Dhe ju mund të keni ekzekutuar leje.

87
00:04:18,880 --> 00:04:22,060
>> Pra, për sa i përket llojeve aktuale fotografi, lexoni
Leja është si të vërtetë leximin

88
00:04:22,060 --> 00:04:23,250
përmbajtja e dosjes.

89
00:04:23,250 --> 00:04:24,730
Leja e drejtë është e shkruar
me tha fotografi.

90
00:04:24,730 --> 00:04:28,370
Një leje të ekzekutuar është i rrjedhshëm
paraqesë si ju bëni kur keni drejtuar një nga

91
00:04:28,370 --> 00:04:29,620
projektet tuaja CS50.

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

93
00:04:32,190 --> 00:04:38,820
>> Pra, kur ne jemi duke menduar për dosjet
si kur ne kemi nevojë për të lexuar një HTML

94
00:04:38,820 --> 00:04:41,790
fotografi, që duhet të jetë bota
lexueshme, e drejtë?

95
00:04:41,790 --> 00:04:44,420
Me sa duket, edhe pronari dëshiron
të jetë në gjendje për të redaktuar këtë dosje.

96
00:04:44,420 --> 00:04:46,610
Pra, pronari do të duhet
lexojnë dhe shkruajnë lejet.

97
00:04:46,610 --> 00:04:48,710
Ata nuk duhet të vërtetë të ekzekutuar.

98
00:04:48,710 --> 00:04:50,950
>> Group, ne jemi duke shkuar për të trajtuar
njëjtë si botë për tani.

99
00:04:50,950 --> 00:04:54,610
Pra, ata kanë nevojë për leje lexuar.

100
00:04:54,610 --> 00:04:57,310
Por ata nuk kanë nevojë shkruani
ose ekzekutuar leje.

101
00:04:57,310 --> 00:05:01,920
Dhe tani, në qoftë se ne mendojmë prapa në ish-
PSETs, ajo që ne kuptojmë është këto lloj

102
00:05:01,920 --> 00:05:03,360
i duken si binar, apo jo?

103
00:05:03,360 --> 00:05:04,210
1 qëndron për po.

104
00:05:04,210 --> 00:05:05,040
0 për asnjë.

105
00:05:05,040 --> 00:05:06,870
Dhe ne fakt mund të përkthehet
kjo për binar.

106
00:05:06,870 --> 00:05:10,478
>> Pra, 110 në binar do të ishte 6.

107
00:05:10,478 --> 00:05:13,270
100 do të jetë 4.

108
00:05:13,270 --> 00:05:14,690
Same me botën.

109
00:05:14,690 --> 00:05:20,846
Pra, numri që ju do të merrni për
lejet për këtë do të ishte 644.

110
00:05:20,846 --> 00:05:24,400
>> MIKE Rizo: Dhe në qoftë se ju mendoni përsëri në
kur ju chmoded diçka, unë besoj

111
00:05:24,400 --> 00:05:28,980
ata dhanë në problemin vendosur
shembull ku ju mund të bëni

112
00:05:28,980 --> 00:05:36,470
diçka si chmod 644
dhe pastaj të paraqesë emrin.

113
00:05:36,470 --> 00:05:39,980
644 atëherë, tani mund të shihet direkt
ku që vjen nga.

114
00:05:39,980 --> 00:05:42,840
Kështu që shpresojmë që e bën që
pak më i qartë.

115
00:05:42,840 --> 00:05:45,600
>> Dhe pastaj për qartësi ty djalë -

116
00:05:45,600 --> 00:05:48,200
oh yeah, kjo është këtu përsëri.

117
00:05:48,200 --> 00:05:53,260
Pra, 600 atëherë do të jetë vetëm shembull i
kemi dhënë deri këtu ku pronari ka

118
00:05:53,260 --> 00:05:56,360
lexoni dhe lejet e duhura, ndërsa grupi
dhe bota nuk kanë asnjë leje

119
00:05:56,360 --> 00:05:58,145
për të hyrë në dosjen.

120
00:05:58,145 --> 00:06:01,500
>> Tomas Reimers: Dhe pastaj ne kemi një të shpejtë
lista e lejeve të zakonshme.

121
00:06:01,500 --> 00:06:05,250
Pra directories, ju doni
që në fakt chmod 711.

122
00:06:05,250 --> 00:06:08,930
Quick mënjanë - për një directory të ketë
leje ekzekutueshme do të thotë që të jetë në gjendje

123
00:06:08,930 --> 00:06:11,680
për të hapur dosjen.

124
00:06:11,680 --> 00:06:15,280
Imazhe, CSS, JavaScript, nevojat HTML
644 për shkak se, në thelb, botën

125
00:06:15,280 --> 00:06:16,400
Nevojat lexuar leje.

126
00:06:16,400 --> 00:06:20,960
>> Dhe PHP, e cila ju djema kanë parë
edhe pse ne nuk do të flasim në lidhje me të

127
00:06:20,960 --> 00:06:24,880
në mënyrë rigoroze është chmoded zakonisht me
Leja 600 për shkak se është drejtuar me

128
00:06:24,880 --> 00:06:26,540
lejet e pronarit.

129
00:06:26,540 --> 00:06:27,790
Të paktën në aplikim.

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

131
00:06:30,200 --> 00:06:36,870
>> MIKE Rizo: Pra, nëse ju nuk e bëni në mënyrë specifike
specifikojë se çfarë lloj skedari

132
00:06:36,870 --> 00:06:39,480
ju dëshironi në të vërtetë vendosjen
up këtij prezantimi -

133
00:06:39,480 --> 00:06:43,490
kemi pasur një problem me këtë, sepse
çdo gjë nuk ishte chmoded saktë -

134
00:06:43,490 --> 00:06:47,550
ju jeni do të merrni, lloji i, A
gabim e ndaluar se internetit

135
00:06:47,550 --> 00:06:49,700
nuk në të vërtetë nuk kanë leje
për të hyrë në çfarëdo skedar

136
00:06:49,700 --> 00:06:51,370
ju dëshironi që ajo të hyni.

137
00:06:51,370 --> 00:06:54,780
Dhe sigurisht, që mund të jetë fikse -
si në problem të caktuar - duke ndryshuar

138
00:06:54,780 --> 00:06:56,405
lejet në mënyrë të përshtatshme.

139
00:06:56,405 --> 00:06:59,620
>> Tomas Reimers: Dhe komenti i fundit për
Zhvillimi i shpejt lokale është - ne

140
00:06:59,620 --> 00:07:02,000
solli këtë ide, por ne vetëm për të kërkuar
për ta sjellë atë përsëri -

141
00:07:02,000 --> 00:07:06,230
në qoftë se ju kërkoni për një server - të presë në mënyrë lokale,
për shembull, com apo çfarëdo. -

142
00:07:06,230 --> 00:07:09,170
dhe ju nuk e specifikoni një skedar të veçantë,
fotografi që kompjuteri juaj është duke shkuar

143
00:07:09,170 --> 00:07:11,540
për të kërkuar quhet index.html.

144
00:07:11,540 --> 00:07:12,790
Ose në qoftë se nuk ekziston, index.php.

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

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

147
00:07:16,350 --> 00:07:19,560
Pra, kjo është vetëm një radhitje e çdo gjë,
me shpresë, se ne i kemi mbuluar në

148
00:07:19,560 --> 00:07:22,800
seksioni, dhe leksion,
dhe deri më tani në CS50.

149
00:07:22,800 --> 00:07:26,110
Dhe tani ne do të fillojnë të flasin
në mënyrë specifike për bibliotekat.

150
00:07:26,110 --> 00:07:30,270
JavaScript dhe CSS bibliotekat
për Apps web.

151
00:07:30,270 --> 00:07:36,350
>> Pra një arsye shpejtë pse ne kemi
biblioteka është duke programuar -

152
00:07:36,350 --> 00:07:39,000
ka shumë probleme në
programimi, të cilat mbajnë popping up

153
00:07:39,000 --> 00:07:40,570
përsëri, dhe përsëri, dhe përsëri.

154
00:07:40,570 --> 00:07:43,870
Ju mund të vëreni se një shumë e faqeve
nevojë mundësinë që të ketë rënie poshtë

155
00:07:43,870 --> 00:07:49,100
menutë, për shembull, apo nevojë për aftësinë
që të ketë një buton shumë standarde

156
00:07:49,100 --> 00:07:51,400
stil, të cilat mund të mos jenë të
gjëja më e lehtë.

157
00:07:51,400 --> 00:07:54,670
Tani që ju të filloni të merrni në HTML, ju
kuptojnë se butonat mund të vërtetë

158
00:07:54,670 --> 00:07:57,720
duket me të vërtetë të shëmtuar, nëse ju
mos bëni asgjë.

159
00:07:57,720 --> 00:08:00,830
>> Kështu që shumë njerëz kanë shkruar
quajtur biblioteka.

160
00:08:00,830 --> 00:08:02,990
Dhe në këtë kontekst, ata janë
quajtur edhe kornizat.

161
00:08:02,990 --> 00:08:04,790
Ne jemi duke shkuar për të përdorur
dy të këmbyeshme.

162
00:08:04,790 --> 00:08:07,360
Dhe ajo që ata janë, është se ata janë në thelb
copë premade e kodit -

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

164
00:08:09,130 --> 00:08:13,240
që të marr me vete një shumë të
bashkohem ju keni në kodim.

165
00:08:13,240 --> 00:08:17,290
>> Pra, ata të para-përcaktuar një bandë e klasave apo
para-përcaktuar një bandë e funksioneve për

166
00:08:17,290 --> 00:08:20,110
Rasti javascript-së, e cila
ju mund të telefononi më vonë.

167
00:08:20,110 --> 00:08:22,690
Dhe pastaj ju mund të, lloj, të marrë
qasje në këtë kod, pa

168
00:08:22,690 --> 00:08:23,710
pasur nevojë të bëni asgjë.

169
00:08:23,710 --> 00:08:27,750
Një shembull i bibliotekës ishte CS50.H.
Kjo ishte një bibliotekë kemi dhënë juve mbrapa

170
00:08:27,750 --> 00:08:32,090
në një javë, e cila lejoi që ju të bëni
gjëra të tilla si se GetInt dhe getString

171
00:08:32,090 --> 00:08:35,237
pa pasur nevojë për të shkruar
çdo kod veten.

172
00:08:35,237 --> 00:08:36,179
>> MIKE Rizo: Në rregull.

173
00:08:36,179 --> 00:08:40,299
Kështu që këtu, ashtu si na u desh për të përfshirë
në c tonë fotografi të ndryshme

174
00:08:40,299 --> 00:08:46,570
bibliotekat, ne gjithashtu duhet të përfshijë në
HTML jonë fotografi biblioteka të ndryshme.

175
00:08:46,570 --> 00:08:50,310
Për shembull, në qoftë se kemi dashur për të përfshirë
një bibliotekë të veçantë JavaScript këtu,

176
00:08:50,310 --> 00:08:52,850
ndoshta, e që ne i kemi shkruar
veten si ajo e priti në nivel lokal

177
00:08:52,850 --> 00:08:56,000
quajtur script.js, ne vetëm
përdorin këtë simbol.

178
00:08:56,000 --> 00:08:59,500
>> Pra, ne kemi të barabartëve lloj script
JavaScript burim i barabartë

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

180
00:09:01,260 --> 00:09:05,190
Dhe në qoftë se ju mendoni përsëri në CS50 tuaj
Problemi i financave të vendosur, nëse shikon në

181
00:09:05,190 --> 00:09:09,190
header.php në dosje templates,
ju duhet të keni parë

182
00:09:09,190 --> 00:09:10,970
disa nga këto të përfshira.

183
00:09:10,970 --> 00:09:13,250
Pra, kjo e para - Scripts -

184
00:09:13,250 --> 00:09:16,080
është përfshirë edhe një bibliotekë JavaScript.

185
00:09:16,080 --> 00:09:18,760
Duke përfshirë një bibliotekë CSS është
pak më ndryshe.

186
00:09:18,760 --> 00:09:21,430
>> Këtu, në vend të shkrimit
Tag ju duhet tag link.

187
00:09:21,430 --> 00:09:27,110
Dhe pastaj, lloji teksti CSS
është pak më ndryshe.

188
00:09:27,110 --> 00:09:29,270
Ju nuk gjithmonë duhet të përfshijë
fletë stil rel.

189
00:09:29,270 --> 00:09:30,970
Por unë mendoj se është, në përgjithësi,
praktikë e mirë.

190
00:09:30,970 --> 00:09:35,810
>> Dhe pastaj në fund, href, të cilat ju
ndoshta e pa në ATAGs tuaja për lidhjen

191
00:09:35,810 --> 00:09:39,440
në lidhje të ndryshme vetëm specifikon
lidhja e ku mund të gjeni se.

192
00:09:39,440 --> 00:09:42,250
Për shembull, në qoftë se ne të kërkuar për të lidhur një
Biblioteka të ndryshme - le të them vetëm -

193
00:09:42,250 --> 00:09:49,330
që ka jetuar në styles.css.

194
00:09:49,330 --> 00:09:54,030
Dhe ne të kërkuar për të lidhur që në kjo është
priti në internet, ne do të kopje atë.

195
00:09:54,030 --> 00:09:58,834
Dhe pastaj ngjitur në çfarëdo
ne kemi të drejtë këtu në vend.

196
00:09:58,834 --> 00:10:01,340
>> Tomas Reimers: OK, shpresojmë se ju
djema janë tashmë të njohur

197
00:10:01,340 --> 00:10:02,410
me se si për të lidhur CSS.

198
00:10:02,410 --> 00:10:04,000
Ju kishte për të bërë që në
vendosur juaj e fundit kafe.

199
00:10:04,000 --> 00:10:07,110
JavaScript, disa prej jush ndoshta
kanë një përvojë me.

200
00:10:07,110 --> 00:10:07,980
Disa prej jush mund të mos.

201
00:10:07,980 --> 00:10:12,190
>> Kështu që tani për tani, e di se një skedar JavaScript
është shumë e shumë si një fotografi CSS në

202
00:10:12,190 --> 00:10:15,640
kuptim që ju mund të lidhura me të apo
që ju mund të përfshijë atë nga brenda.

203
00:10:15,640 --> 00:10:17,360
Dhe kjo ju lejon të gjërave script.

204
00:10:17,360 --> 00:10:21,820
Dhe ne do të ecin ju nëpërmjet një
pak e JavaScript vonë.

205
00:10:21,820 --> 00:10:23,560
>> Pra, duke përdorur një bibliotekë -

206
00:10:23,560 --> 00:10:26,150
një herë ju keni përfshirë atë, ajo është aq e
thjeshtë si duke e quajtur fjalë për fjalë

207
00:10:26,150 --> 00:10:29,640
funksione ose duke shtuar
emrat e klasës për të.

208
00:10:29,640 --> 00:10:32,220
Gjëja e fundit që ne duam të flasim
për në drejtim të bibliotekës -

209
00:10:32,220 --> 00:10:34,180
dhe kjo është më shumë një shënim teknik -

210
00:10:34,180 --> 00:10:35,860
licencimit është burim i hapur.

211
00:10:35,860 --> 00:10:41,550
Pra, kur ju të gjeni këto biblioteka aktuale,
ju mund të menduarit e

212
00:10:41,550 --> 00:10:47,630
Pyetjet e pëlqen është ajo rregull që unë jam vetëm
duke përdorur kodin e dikujt tjetër, sidomos

213
00:10:47,630 --> 00:10:51,970
sepse kjo është diçka që ne shumë
i tha që të mos bëjë në këtë kurs.

214
00:10:51,970 --> 00:10:55,790
>> Pra, në rastin e licencimit burim të hapur,
një shumë e zhvilluesit -

215
00:10:55,790 --> 00:10:57,540
pasi ata kanë shkruar një bibliotekë,
të cilat ata mendojnë se mund të jenë të

216
00:10:57,540 --> 00:10:59,450
të dobishme për njerëzit e tjerë -

217
00:10:59,450 --> 00:11:02,420
do të publikojë atë në web
dhe t'i jepte një licencë.

218
00:11:02,420 --> 00:11:06,620
Dhe një licencë në thelb thotë se unë jam në këtë mënyrë
dhënien e leje të tjera

219
00:11:06,620 --> 00:11:11,250
njerëzit që të përdorin këtë pjesë e software
me llojin e mëposhtme të

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

221
00:11:13,230 --> 00:11:16,100
>> Ne kemi përfshirë një lidhje në një vend të mirë për të
t'ju ndihmojë të kuptoni licencat në

222
00:11:16,100 --> 00:11:17,720
rast se keni drejtuar në to.

223
00:11:17,720 --> 00:11:21,680
Dispozita të zakonshme janë gjëra të tilla si
ju jeni të mirëpritur për të përdorur bibliotekën time në mënyrë

224
00:11:21,680 --> 00:11:23,000
kohë që ju jepni kredi.

225
00:11:23,000 --> 00:11:25,670
Jeni të mirëpritur për të përdorur bibliotekën time
për sa kohë që kur ajo prishet

226
00:11:25,670 --> 00:11:26,790
ju nuk e fajësojnë mua.

227
00:11:26,790 --> 00:11:30,310
Jeni të mirëpritur për të përdorur bibliotekën time kaq gjatë
si ju nuk e përdorni atë për të fituar para

228
00:11:30,310 --> 00:11:31,910
për veten tuaj.

229
00:11:31,910 --> 00:11:34,130
Këto janë llojet e zakonshme
dispozita.

230
00:11:34,130 --> 00:11:37,780
>> Për këtë projekt CS50 final, ata
nuk duhet të jetë super i rëndësishëm për shkak se

231
00:11:37,780 --> 00:11:41,440
projektet që ju djema përdorim janë
ndoshta më mirë, lloj, të njohur.

232
00:11:41,440 --> 00:11:44,170
Por kur ju të vërtetë të shkojnë jashtë në
botërore dhe të fillojnë duke përdorur biblioteka, të cilat

233
00:11:44,170 --> 00:11:48,100
mund ose mund të mos jetë zbatuar si
disa nga ato më të popullarizuar ne jemi

234
00:11:48,100 --> 00:11:49,780
do të jetë duke kaluar.

235
00:11:49,780 --> 00:11:53,310
Është e mirë për të qenë në gjendje për të kuptuar
këto licenca dhe për të

236
00:11:53,310 --> 00:11:54,560
kuptojnë se çfarë duan të thonë.

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

238
00:11:58,120 --> 00:11:58,586
Dhe kthim prapa.

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

240
00:12:00,960 --> 00:12:04,850
Deri tani lëviz mbi shembuj
e aktuale CSS.

241
00:12:04,850 --> 00:12:07,770
Në këtë pikë deri tani, ju mund të
nuk kanë hasur këtë.

242
00:12:07,770 --> 00:12:10,300
Por ju mund të keni hasur atë në
jeta juaj e përditshme ku diçka

243
00:12:10,300 --> 00:12:13,160
që duket një mënyrë në një shfletues
nuk mund të duken të njëjta

244
00:12:13,160 --> 00:12:14,880
mënyrë në një shfletues.

245
00:12:14,880 --> 00:12:17,400
>> Kjo quhet shfletues shfletuesi
compatibility.

246
00:12:17,400 --> 00:12:20,780
Dhe gjithnjë e më shumë është duke u bërë gjithnjë e më
shume problem, veçanërisht si

247
00:12:20,780 --> 00:12:25,260
shfletues të marrë gjithnjë e më shumë liritë
për të zbatuar gjërat ashtu si ata duan.

248
00:12:25,260 --> 00:12:28,440
Pra, për të kapërcyer atë, ekziston në të vërtetë është
një bibliotekë të madhe të quajtur Normalize.CSS.

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

250
00:12:32,236 --> 00:12:33,770
>> Tomas Reimers: Ne përfshirë lidhjen.

251
00:12:33,770 --> 00:12:36,210
Në këtë pikë, është e dobishme në qoftë se
ju keni laptop në atje

252
00:12:36,210 --> 00:12:38,740
duke kërkuar në këtë faqe interneti.

253
00:12:38,740 --> 00:12:42,580
Dhe ne jemi duke i dhënë kjo e drejtë për ju
tani thjesht sepse final CS50

254
00:12:42,580 --> 00:12:44,370
Projekti është në të vërtetë do të
ju pyes për të zbatuar atë

255
00:12:44,370 --> 00:12:45,860
në mënyrë të ngjashme dhe me anë të shfletuesit.

256
00:12:45,860 --> 00:12:49,250
>> Pra, vetëm për të mbajtur në shpinë e juaj
kreu, kjo është një bibliotekë e mrekullueshme

257
00:12:49,250 --> 00:12:51,170
sepse ajo do, lloj,
standardizojnë gjëra.

258
00:12:51,170 --> 00:12:54,230
Në Firefox, diçka mund të tregojnë
si një pixel në të majtë.

259
00:12:54,230 --> 00:12:58,390
Dhe pastaj Chrome mund të vendosë që në fakt
atë që do të thotë ishte 10 pixels

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

261
00:12:59,380 --> 00:13:01,030
Dhe ju doni të standartizuar këtë.

262
00:13:01,030 --> 00:13:05,360
Normalize të vërtetë do të bëjë një të vërtetë të mirë
punë e duke u siguruar që faqja juaj

263
00:13:05,360 --> 00:13:08,070
duket e njëjtë në të gjithë shfletuesit.

264
00:13:08,070 --> 00:13:10,660
>> MIKE Rizo: Pra, nëse ne të kërkuar për të vetëm të
klikoni lidhjen me të vërtetë shpejt dhe tregojnë

265
00:13:10,660 --> 00:13:13,140
ju atë që duket si, ju
mund ta shkarkoni atë duke përdorur

266
00:13:13,140 --> 00:13:14,670
Gjigandi Shkarko button.

267
00:13:14,670 --> 00:13:18,520
Ose unë ju inkurajojmë që të lexoni më shumë në lidhje me të
duke klikuar këtë link në më të ulët

268
00:13:18,520 --> 00:13:19,310
qoshe djathtë.

269
00:13:19,310 --> 00:13:22,420
>> Tomas Reimers: Dhe në qoftë se ju në të vërtetë
klikoni Lexo më shumë të drejtë atje -

270
00:13:22,420 --> 00:13:24,340
klikoni burimin në Github -

271
00:13:24,340 --> 00:13:31,720
ju do të vërtetë të shihni burim të hapur
licencojë në LICENSE.md të drejtë atje.

272
00:13:31,720 --> 00:13:35,740
Dhe ju do të shihni këtu është
Licenca shumë popullor MIT.

273
00:13:35,740 --> 00:13:38,940
Përsëri, në qoftë se ju lexoni me anë të tekstit,
ju do të jetë në gjendje për të gjetur atë në faqen e internetit

274
00:13:38,940 --> 00:13:42,550
ne të cekura më parë dhe të jenë në gjendje të
kuptuar atë pa pasur nevojë për të lexuar

275
00:13:42,550 --> 00:13:45,920
përmes zhargon ligjore.

276
00:13:45,920 --> 00:13:46,850
>> MIKE Rizo: OK, e madhe.

277
00:13:46,850 --> 00:13:47,940
Pra, kjo është normalizohet.

278
00:13:47,940 --> 00:13:49,190
Ne kemi kërkuar për të ju jap
që me të vërtetë shpejt.

279
00:13:49,190 --> 00:13:50,030
Oh, ju keni një pyetje?

280
00:13:50,030 --> 00:13:53,013
>> Audienca: Pra, kur ju shkarkuar atë, ju
vetëm ndjekin atë kod që ata kanë

281
00:13:53,013 --> 00:13:54,098
nën Download butonin?

282
00:13:54,098 --> 00:13:55,860
>> Tomas Reimers: Po, kështu
kur ju shkarko -

283
00:13:55,860 --> 00:13:58,130
>> MIKE Rizo: Oh, kjo është një pikë e madhe.

284
00:13:58,130 --> 00:14:00,700
Pra, pyetja ishte se si të bëjë
ne fakt shkarkohet?

285
00:14:00,700 --> 00:14:03,260
Pra, nëse ne të klikoni në linkun, ne shohim
se në fakt ajo pops up

286
00:14:03,260 --> 00:14:05,030
në kodin burim.

287
00:14:05,030 --> 00:14:08,550
Pra, për të bërë këtë, ajo që ne mund të
bëni është thjesht klikoni Save As.

288
00:14:08,550 --> 00:14:10,830
Ruaje si dhe se duhet të
të sjellë një skedar.

289
00:14:10,830 --> 00:14:14,160
Dhe atëherë ne mund të zgjedhin për të shpëtuar
ajo si normalize.CSS.

290
00:14:14,160 --> 00:14:15,810
Dhe pastaj ju do të duhet për të lidhur atë në -

291
00:14:15,810 --> 00:14:18,660
>> Tomas Reimers: E njëjta mënyrë ju
të lidhur në ndonjë fotografi të tjera.

292
00:14:18,660 --> 00:14:22,250
Dhe një herë ju lidhë atë në, ajo është e madhe
për të normalizuar është ajo në të vërtetë do të

293
00:14:22,250 --> 00:14:25,920
të kujdeset për të gjitha vështirë
punojnë në vetvete.

294
00:14:25,920 --> 00:14:27,730
Do të thotë se ju nuk keni
për të shtuar ndonjë klasë.

295
00:14:27,730 --> 00:14:29,690
>> Ju nuk keni për të bërë ndonjë gjë të pazakontë.

296
00:14:29,690 --> 00:14:34,590
Ajo do të normalizohen pa ty
bërë asgjë më tej.

297
00:14:34,590 --> 00:14:36,083
Po, ju duhet të përfshijë atë.

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

299
00:14:38,990 --> 00:14:40,240
Google Chrome nuk është përgjigjur.

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

301
00:14:43,270 --> 00:14:44,860
>> Vetëm një të shpejtë mënjanë -

302
00:14:44,860 --> 00:14:46,800
Kam vënë re që ne u hodh në këtë.

303
00:14:46,800 --> 00:14:49,010
Pjesa tjetër e këtij prezantimi është
do të jetë një pasqyrë të shpejtë.

304
00:14:49,010 --> 00:14:50,380
Një studim i bibliotekave.

305
00:14:50,380 --> 00:14:52,710
>> Në thelb, atë që ata janë.

306
00:14:52,710 --> 00:14:53,350
Atë që bëjnë ata.

307
00:14:53,350 --> 00:14:54,060
Si ata janë të dobishme.

308
00:14:54,060 --> 00:14:56,540
Si ju mund të zbatojnë ato.

309
00:14:56,540 --> 00:14:59,730
Nëse ju doni të filloni duke kërkuar në to,
pas së bashku, dhe leximin nëpërmjet

310
00:14:59,730 --> 00:15:01,990
ata, unë do të highly inkurajoj që.

311
00:15:01,990 --> 00:15:07,620
>> Përndryshe, ju jeni të mirëpritur gjithashtu për të
fillojnë të shkarkimit të tyre dhe duke përfshirë

312
00:15:07,620 --> 00:15:11,400
ato në një shikim të vetëm për të parë se çfarë ata
duket si ose se çfarë bëjnë ata në qoftë se ju keni

313
00:15:11,400 --> 00:15:12,270
laptop para jush.

314
00:15:12,270 --> 00:15:14,650
Nëse jo, ju jeni të mirëpritur për të mbajtur
dëgjuar për ne të folur.

315
00:15:14,650 --> 00:15:15,500
Ne jemi duke shkuar për të mbajtur duke folur.

316
00:15:15,500 --> 00:15:18,680
Dhe ne kemi kohë në fund, me shpresë
ne në të vërtetë do të merrni në ju tregon

317
00:15:18,680 --> 00:15:20,946
atë që disa nga këto biblioteka
duken si.

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

319
00:15:22,320 --> 00:15:25,466
Në rregull, kështu që tani le të flasim
rreth Font mbresëlënës.

320
00:15:25,466 --> 00:15:30,480
>> Tomas Reimers: kështu Font mbresëlënës është një
vend me të vërtetë i zoti, sidomos për ata

321
00:15:30,480 --> 00:15:32,450
prej nesh që janë më pak artistike
talentuar.

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

323
00:15:36,330 --> 00:15:38,880
Injorimi emrin Font mbresëlënës, ai i jep
ju një bandë e ikonave, të cilat janë

324
00:15:38,880 --> 00:15:41,050
shumë të dobishme.

325
00:15:41,050 --> 00:15:45,950
Pra, shumë herë ju do të zbatojë një
icon ju mund të dëshironi si një x bukur kështu

326
00:15:45,950 --> 00:15:47,170
që ju mund të mbyllni diçka.

327
00:15:47,170 --> 00:15:49,910
>> Ose ju mund të dëshironi një lloj Edit button
me një vizatim laps si

328
00:15:49,910 --> 00:15:50,940
të gjithë të tjerët ka.

329
00:15:50,940 --> 00:15:53,850
Dhe se kur ju të mësoni se
duke tërhequr këto ikona mund të jetë

330
00:15:53,850 --> 00:15:55,510
shumë e lodhshme dhe e vështirë.

331
00:15:55,510 --> 00:15:59,160
Font tmerrshëm - në qoftë se ju në të vërtetë
shkoni në këtë faqe interneti -

332
00:15:59,160 --> 00:16:02,892
ju jep një shumë të ikonave nën
ikonat në krye.

333
00:16:02,892 --> 00:16:06,980
Po, vetëm të lartë.

334
00:16:06,980 --> 00:16:09,030
Kjo do t'ju japë një shumë
e ikonave për të lira.

335
00:16:09,030 --> 00:16:15,210
>> Pra, këtu ju shihni ne kemi gjëra të tilla si një
asterisk, bare, një rrufe në qiell rrufe, një

336
00:16:15,210 --> 00:16:19,750
kalendar, një bug, një libër, e të tjera.

337
00:16:19,750 --> 00:16:21,110
Kjo mund të jetë shumë i dobishëm.

338
00:16:21,110 --> 00:16:24,290
Mënyrë që ju të përfshijë këtë është që ju të përfshijë
fjalë për fjalë skedar CSS.

339
00:16:24,290 --> 00:16:29,760
Dhe pasi ju keni përfshirë dosjen CSS,
çfarë mund të bëni është të krijojë një

340
00:16:29,760 --> 00:16:33,430
tag quajtur I. Ajo satands për
icon me klasën FA

341
00:16:33,430 --> 00:16:34,460
në këmbë për Font Awesome.

342
00:16:34,460 --> 00:16:36,330
Dhe pastaj, çdo gjë që ju dëshironi klasë.

343
00:16:36,330 --> 00:16:41,220
>> Pra, nëse kam kërkuar një ikonë e këtij plus
katrore të drejtë këtu, unë do të jap

344
00:16:41,220 --> 00:16:43,290
kjo klasë FA.

345
00:16:43,290 --> 00:16:46,230
Dhe pastaj vizë ndarëse FA plus katrore vizë ndarëse.

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

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

348
00:16:53,710 --> 00:16:56,980
>> Tomas Reimers: Dhe pastaj, e fundit CSS
Biblioteka ne duam të depërtonte ne jemi

349
00:16:56,980 --> 00:16:59,950
duke u përpjekur për të mbajtur atë minimale në CSS
Bibliotekat sepse ne e kuptojnë

350
00:16:59,950 --> 00:17:03,660
Titulli i këtij prezantimi
është JavaScript Bibliotekat.

351
00:17:03,660 --> 00:17:07,089
Por ne kemi menduar se ne mund edhe
prezantoj me bibliotekat e tjera

352
00:17:07,089 --> 00:17:09,569
ndërsa ne ishim duke folur për bibliotekat.

353
00:17:09,569 --> 00:17:11,400
>> Kjo është Hapur Fonts.

354
00:17:11,400 --> 00:17:17,040
Dhe çfarë Google Web Fonts ju lejon
për të bëni është të shtoni fonts për faqen tuaj te internetit,

355
00:17:17,040 --> 00:17:22,079
e cila është një mënyrë të vërtetë e lehtë për ta bërë atë
e bukur dhe për të dalluar vendosur tuaj

356
00:17:22,079 --> 00:17:24,460
nga të gjithë të tjetër është nëse ka
një font bukur, ose në qoftë se ajo ka një të mirë

357
00:17:24,460 --> 00:17:27,790
mbledhja e fonts.

358
00:17:27,790 --> 00:17:31,410
Hapur Fonts është e bukur ndryshe nga të tjera
bibliotekat në kuptimin që kjo është një

359
00:17:31,410 --> 00:17:33,490
instalimit udhëzuar me të vërtetë.

360
00:17:33,490 --> 00:17:38,680
>> Pra, në qoftë se ju ndiqni lidhjen, kjo është
google.com / fonts, unë besoj.

361
00:17:38,680 --> 00:17:41,100
Në qoftë se ju ndiqni atë, ju
mund të vini font tuaj.

362
00:17:41,100 --> 00:17:44,410
Ju mund të zgjidhni në të majtë nga
trashësi, tatëpjetë, e të tjera.

363
00:17:44,410 --> 00:17:48,970
Dhe pastaj, një herë ju keni zgjedhur një të tillë,
ju mund të klikoni përdorim të shpejtë.

364
00:17:48,970 --> 00:17:49,820
E drejta atje.

365
00:17:49,820 --> 00:17:51,590
Bottom drejtë nga kutia.

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

367
00:17:54,380 --> 00:17:56,700
>> Dhe pastaj, lëvizni poshtë.

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

369
00:17:59,600 --> 00:18:02,650
Para së gjithash, ata të ju jap CSS që
ju duhet të vërtetë të lidhura me të.

370
00:18:02,650 --> 00:18:03,330
Është e drejtë atje.

371
00:18:03,330 --> 00:18:05,170
Ju vetëm mund të kopjoni dhe ngjisni atë in

372
00:18:05,170 --> 00:18:07,250
Dhe gjë e bukur për këtë është
ju nuk keni vërtetë nevojë edhe për të

373
00:18:07,250 --> 00:18:08,340
shkarkuar skedarin.

374
00:18:08,340 --> 00:18:11,170
>> Çfarë është ajo do të bëjë është se do
për të lidhur në versionin e Google-it të saj.

375
00:18:11,170 --> 00:18:14,130
Pra, përsëri në çfarë do të thotë kjo.

376
00:18:14,130 --> 00:18:18,270
Kjo do të thotë kur një përdorues
shkarkime dosjen tuaj -

377
00:18:18,270 --> 00:18:22,300
shkarkime faqen tuaj HTML - HTML tuaj
faqe do të referimit këtë fotografi.

378
00:18:22,300 --> 00:18:26,790
>> Kështu, pra, kompjuteri juaj do të shohin,
oh, kjo është pritur në google.com tepër

379
00:18:26,790 --> 00:18:28,170
se sa në theirsite.com.

380
00:18:28,170 --> 00:18:30,370
Më lejoni të shkoj të kërkojë Google për këtë dosje.

381
00:18:30,370 --> 00:18:32,800
Dhe pastaj, ajo do të përfshijë
ajo pothuajse sikur të ishte një

382
00:18:32,800 --> 00:18:35,584
pjesë e vet faqja e juaj.

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

384
00:18:36,540 --> 00:18:40,980
Dhe një herë ju të përfshijë këtë, atëherë të
përfshijnë atë në CSS tuaj, kjo ju jep

385
00:18:40,980 --> 00:18:41,830
linjës aktuale.

386
00:18:41,830 --> 00:18:45,188
Pra, keni vendosur familjen font pronës
barabartë me emrin e font tuaj.

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

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

389
00:18:50,440 --> 00:18:52,220
Pra, ne sapo përfundoi me CSS.

390
00:18:52,220 --> 00:18:57,230
Dhe disa prej jush mund të jetë duke menduar, mirë,
kemi pasur disa CSS në CS50 Financave.

391
00:18:57,230 --> 00:19:00,390
Por bibliotekë CSS ishte bootstrap.

392
00:19:00,390 --> 00:19:05,190
Ne fakt përfshijnë Bootstrap pak
më vonë nën JavaScript sepse me

393
00:19:05,190 --> 00:19:09,660
biblioteka Bootstrap CSS gjithashtu vjen
me një shumë të asaj JavaScript

394
00:19:09,660 --> 00:19:12,060
Bootstrap ose Twitter -
i cili bëri bootstrap -

395
00:19:12,060 --> 00:19:15,426
përdor për të menaxhuar të gjitha CSS tyre.

396
00:19:15,426 --> 00:19:19,592
>> Tomas Reimers: A ka njeri të ketë ndonjë
pyetje deri më tani në lidhje me CSS në përgjithësi?

397
00:19:19,592 --> 00:19:20,723
Ne jemi të mirë?

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

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

400
00:19:22,495 --> 00:19:25,136
>> Tomas Reimers: Pra, duke lëvizur
për në JavaScript.

401
00:19:25,136 --> 00:19:27,900
>> MIKE Rizo: Pra, ne kemi kërkuar për të biseduar
jQuery gati për të filluar me.

402
00:19:27,900 --> 00:19:30,780
A ka dëgjuar dikush nga jQuery
para ose përdorur atë?

403
00:19:30,780 --> 00:19:32,180
Po, një çift?

404
00:19:32,180 --> 00:19:36,000
Pra, nëse ju vetëm punoni me amtare
JavaScript, ju do të gjeni veten

405
00:19:36,000 --> 00:19:41,000
shtypni shumë selectors të gjatë shumë.

406
00:19:41,000 --> 00:19:44,400
Pra, çfarë jQuery nuk është ajo siguron
një këmishë e bukur për JavaScript

407
00:19:44,400 --> 00:19:48,180
Gjuha që ju lejon të lehtë të zgjidhni
dhe manipuluar elemente të ndryshme

408
00:19:48,180 --> 00:19:52,470
brenda modelit objekt dokument të
faqe web ose DOM, të cilat unë mendoj se

409
00:19:52,470 --> 00:19:54,290
ju djema keni dëgjuar për ne
leksion në këtë pikë.

410
00:19:54,290 --> 00:19:57,550
>> Tomas Reimers: Nëse ju nuk keni dëgjuar për
ai ose leksion në qoftë se ju nuk e keni shikuar

411
00:19:57,550 --> 00:20:01,870
ende, Object Model Dokumenti është
në thelb se si gjërat janë të përfaqësuara.

412
00:20:01,870 --> 00:20:05,290
Pra HTML lloj i duket si një pemë
kur ju të vërtetë të tërheqë atë.

413
00:20:05,290 --> 00:20:06,850
Ju keni elementin HTML në krye.

414
00:20:06,850 --> 00:20:07,560
Ju keni kokën dhe trupin.

415
00:20:07,560 --> 00:20:09,500
>> Dhe pastaj, në se ju
kanë çdo gjë tjetër.

416
00:20:09,500 --> 00:20:10,660
Kjo është referuar si DOM -

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

418
00:20:12,120 --> 00:20:16,090
Pra, një model që paraqet objekte në
Dokumenti është një mënyrë e thjeshtë për të menduar

419
00:20:16,090 --> 00:20:18,560
për këtë.

420
00:20:18,560 --> 00:20:22,520
Dhe një gjë e madhe për jQuery
është me të vërtetë e bën traversing

421
00:20:22,520 --> 00:20:26,460
se dhe elementet manipulimin brenda
se tepër e thjeshtë.

422
00:20:26,460 --> 00:20:30,300
>> Kaq e thjeshtë, në fakt, se shumica e
JavaScript biblioteka ose në qoftë se nuk

423
00:20:30,300 --> 00:20:34,200
shumica, shumica e madhe e atyre
ju do të shihni në të vërtetë kërkojnë jQuery kështu

424
00:20:34,200 --> 00:20:37,530
që ata mund të kandidojë vetë thjesht
sepse në qoftë se ju nuk e keni jQuery, ju

425
00:20:37,530 --> 00:20:40,540
do të mbeturinave shumë kohë duke u përpjekur për të
kuptoj se si për të zgjedhur të caktuara

426
00:20:40,540 --> 00:20:43,660
elementet dhe se si për të bërë gjëra të tjera.

427
00:20:43,660 --> 00:20:47,950
Dhe gjëja tjetër e madhe për jQuery
është se kjo është ndër shfletuesit compatible.

428
00:20:47,950 --> 00:20:51,550
>> Pra, mos harroni mbrapa kur kemi thënë se
jo të gjithë shfletuesit zbatuar

429
00:20:51,550 --> 00:20:53,100
gjëra në të njëjtën mënyrë?

430
00:20:53,100 --> 00:20:55,120
Kjo është e vërtetë edhe në JavaScript.

431
00:20:55,120 --> 00:20:58,220
Dhe një nga gjërat e mëdha për jQuery
është se ai do të zbulojë

432
00:20:58,220 --> 00:21:00,300
shfletues dhe zbuluar
metoda e përshtatshme.

433
00:21:00,300 --> 00:21:03,420
>> Pra, nëse ju duhet të zgjidhni një element,
Internet Explorer mund të thonë se ju jeni

434
00:21:03,420 --> 00:21:05,770
menduar për të bërë në këtë mënyrë.

435
00:21:05,770 --> 00:21:08,300
Firefox mund të thotë saktë
mënyrë është në këtë mënyrë.

436
00:21:08,300 --> 00:21:09,710
jQuery nuk ka kujdes.

437
00:21:09,710 --> 00:21:12,550
Kur ju tregoni jQuery për të zgjedhur një
element ajo do të kuptoj se si është e

438
00:21:12,550 --> 00:21:16,290
menduar për të bërë atë brenda shfletuesit
përdorues aktualisht është në, dhe pastaj të bëjë

439
00:21:16,290 --> 00:21:18,584
atë në këtë mënyrë.

440
00:21:18,584 --> 00:21:22,650
>> MIKE Rizo: Pra, le të mos flasim për
përdorimi i jQuery pak.

441
00:21:22,650 --> 00:21:27,670
Ashtu si PHP, jQuery ka një të veçantë
simpatia për shenjë e dollarit.

442
00:21:27,670 --> 00:21:30,880
Pra, ju do të gjeni se çdo jQuery -

443
00:21:30,880 --> 00:21:32,060
mirë, jo të gjithë.

444
00:21:32,060 --> 00:21:35,210
Ju ndonjëherë mund të zëvendësojë dollarin
nënshkruajë me fjalën jQuery.

445
00:21:35,210 --> 00:21:38,980
Por në përgjithësi, vetëm sepse është
më të shkurtër, sa herë që ju shihni jQuery qenë

446
00:21:38,980 --> 00:21:41,420
përdoret ajo do të jetë me një shenjë dollar.

447
00:21:41,420 --> 00:21:47,030
>> Pra, këtu ne jemi vetëm duke treguar një fillim
Selector për një element në DOM.

448
00:21:47,030 --> 00:21:52,850
Këtu, ne kemi shenja dollari ndjekur
nga kllapa hapura dhe pastaj kuotat.

449
00:21:52,850 --> 00:21:56,130
Dhe brenda kuotat shkojnë selectors tona
per elementet e ndryshme.

450
00:21:56,130 --> 00:21:59,810
Ashtu si në CSS, kemi nevojë për të selectors
të jetë në gjendje të stilit elemente të ndryshme

451
00:21:59,810 --> 00:22:00,840
në kuadër të faqes.

452
00:22:00,840 --> 00:22:06,555
Këto Selectors ndryshme të përkthyer
pikërisht në jQuery dhe JavaScript,

453
00:22:06,555 --> 00:22:07,820
për pjesën më të madhe.

454
00:22:07,820 --> 00:22:10,120
>> Pra, këtu ne kemi një dot foo.

455
00:22:10,120 --> 00:22:14,780
Pra, nëse ju kujtohet nga leksioni,
dot vetëm do të thotë të klasës.

456
00:22:14,780 --> 00:22:18,850
Pra, ne jemi duke zgjedhur elementi
me klasë të foo.

457
00:22:18,850 --> 00:22:22,670
Pra, nëse unë shkoj përpara dhe të hapur tonë
JavaScript console këtu me të vërtetë shpejt

458
00:22:22,670 --> 00:22:26,830
vetëm të demonstrojnë atë, në qoftë se unë vetëm lloji
shenjë dollar, ne shohim se kjo është një

459
00:22:26,830 --> 00:22:28,090
funksion që vjen deri.

460
00:22:28,090 --> 00:22:29,420
Dhe është e përcaktuar vetëm nga jQuery.

461
00:22:29,420 --> 00:22:32,120
>> Tomas Reimers: Për ata prej jush
panjohura, konsol është një mjet i

462
00:22:32,120 --> 00:22:35,430
brenda Chrome, e cila ju lejon të,
në thelb, të drejtuar JavaScript në

463
00:22:35,430 --> 00:22:36,450
Faqja aktuale.

464
00:22:36,450 --> 00:22:39,420
Kjo ju do të gjeni tepër e dobishme kur
ju jeni në të vërtetë debugging dhe ju

465
00:22:39,420 --> 00:22:42,400
duhet të jetë si, ajo që është aktual
vlerë prej rreth ndryshueshme globale apo çfarë

466
00:22:42,400 --> 00:22:43,910
është diçka tjetër?

467
00:22:43,910 --> 00:22:47,620
Është lloj si gdb me përjashtim
që ju mund të vërtetë

468
00:22:47,620 --> 00:22:51,600
manipuluar elemente në faqe me
ajo në një mënyrë shumë më të lehtë.

469
00:22:51,600 --> 00:22:55,080
Dhe gjithashtu se jo, në thelb, kontrolloni
ne me ju para se ajo bën asgjë.

470
00:22:55,080 --> 00:22:58,660
>> Pra ndërsa, Gdb mund të jetë si, je
sigurte qe doni te drejtuar hapin e ardhshëm?

471
00:22:58,660 --> 00:22:59,830
Konsol është në të vërtetë.

472
00:22:59,830 --> 00:23:03,690
Pra, si web faqja është i bërë dhe
duke bërë çdo gjë që është e bërë,

473
00:23:03,690 --> 00:23:05,720
Këshilli-së gjithashtu drejtimin e së bashku me të.

474
00:23:05,720 --> 00:23:08,330
Dhe ju mund të vënë kodin t'ia numërojë në
se konsol, e cila do të

475
00:23:08,330 --> 00:23:09,260
të drejtohet në faqe.

476
00:23:09,260 --> 00:23:12,190
>> MIKE Rizo: Pra, për të hyrë në tastierë,
I guess I duhet pak kohë

477
00:23:12,190 --> 00:23:13,750
përmend se si për të bërë këtë.

478
00:23:13,750 --> 00:23:17,850
Në problemet e fundit që mund të keni
përdorur Chrome të inspektojë element

479
00:23:17,850 --> 00:23:20,440
funksione ose view faqe source -

480
00:23:20,440 --> 00:23:23,870
dhe ata janë të arritshme vetëm nga e drejta
klikuar në faqe ose një specifike

481
00:23:23,870 --> 00:23:28,430
element dhe duke bërë ose të inspektojë
element apo pikëpamje faqe burimi.

482
00:23:28,430 --> 00:23:31,190
Ne gjithashtu mund të hyni në JavaScript
konsol direkt nga

483
00:23:31,190 --> 00:23:33,630
zgjedhur të inspektojë element.

484
00:23:33,630 --> 00:23:37,930
Pra, atëherë ju vetëm goditi konsol
në anën e tani e djathtë.

485
00:23:37,930 --> 00:23:41,900
>> Përndryshe, ju mund të ketë shkuar edhe
në cepin e djathtë sipër,

486
00:23:41,900 --> 00:23:46,820
e cila është e prerë në këtë ekran ku
ajo ka tre shufrat horizontale.

487
00:23:46,820 --> 00:23:52,010
Dhe ju shkoni poshtë për të mjeteve dhe
atëherë JavaScript konsol

488
00:23:52,010 --> 00:23:53,240
këtu ku mund të shihni -

489
00:23:53,240 --> 00:23:54,370
të paktën në Windows -

490
00:23:54,370 --> 00:23:59,680
shkurtore është Kontrolli Shift J. Kështu, pra
nëse ne të kërkuar për të zgjedhur një element

491
00:23:59,680 --> 00:24:06,060
në këtë faqe, ashtu si kam treguar
para, të bëjmë shenjë dollar parens hapura

492
00:24:06,060 --> 00:24:08,180
dhe pastaj citon.

493
00:24:08,180 --> 00:24:11,750
>> Një gjë interesante është, në përgjithësi,
Kuotat e vetme dhe kuotat e dyfishtë

494
00:24:11,750 --> 00:24:12,370
shkëmbyeshëm.

495
00:24:12,370 --> 00:24:16,050
Kështu që shumë njerëz vetëm përdorni të vetme
Kuotat për shkak se ata janë më të shpejtë të tipit

496
00:24:16,050 --> 00:24:19,780
se kuotat e dyfishtë për shkak se ju nuk e bëni
duhet të mbajnë poshtë Shift.

497
00:24:19,780 --> 00:24:21,770
Kështu që unë do të bëjë vetëm atë të drejtë tani.

498
00:24:21,770 --> 00:24:24,510
>> Kështu që unë dua të zgjidhni diçka
me klasë.

499
00:24:24,510 --> 00:24:27,200
Container, vetëm për shkak se unë e di se është e
diçka që është mbi tona

500
00:24:27,200 --> 00:24:28,740
web faqe tani.

501
00:24:28,740 --> 00:24:29,520
Dhe unë hit Enter.

502
00:24:29,520 --> 00:24:31,670
Dhe ne mund të shohim se ajo zgjedhur atë.

503
00:24:31,670 --> 00:24:34,990
Pra, kjo tregon lart se ajo
kthyer atë objekt.

504
00:24:34,990 --> 00:24:36,620
Pra, kjo është një përzgjedhje themelore.

505
00:24:36,620 --> 00:24:40,080
Nëse ne të kërkuar për të në fakt të manipuluar atë,
ju do të keni për të thirrur diçka

506
00:24:40,080 --> 00:24:43,925
në këtë përzgjedhje, e cila
ne do të marrë në më vonë.

507
00:24:43,925 --> 00:24:49,030
>> Tomas Reimers: Pra, vetëm për të parë në se
më në thellësi, kjo nuk është e ndryshme

508
00:24:49,030 --> 00:24:52,245
se thirrjet funksionit kemi bërë në C.
Emri i funksionit këtu është një

509
00:24:52,245 --> 00:24:52,580
pak i çuditshëm.

510
00:24:52,580 --> 00:24:55,640
Është shenjë dollar.

511
00:24:55,640 --> 00:24:57,010
Kjo është vetëm një emër i një funksioni.

512
00:24:57,010 --> 00:24:58,810
Nuk ka asgjë të veçantë në lidhje me të.

513
00:24:58,810 --> 00:25:00,450
>> Ne kemi kllapa hapura.

514
00:25:00,450 --> 00:25:03,880
Pastaj, ne kemi një argument tonë, e cila
në këtë rast ndodh të jetë një varg,

515
00:25:03,880 --> 00:25:05,680
cila është një përzgjedhës për të.

516
00:25:05,680 --> 00:25:08,130
Dhe atëherë, ne kemi tona
kllapë të mbyllur.

517
00:25:08,130 --> 00:25:09,960
Kjo është ajo.

518
00:25:09,960 --> 00:25:11,500
>> Kjo nuk është se shumë të ndryshme.

519
00:25:11,500 --> 00:25:12,900
Edhe pse, kjo nuk duket shumë i çuditshëm.

520
00:25:12,900 --> 00:25:17,220
Dhe kjo mund të jetë, lloj, një ngecjeje
pikë për shumë njerëz.

521
00:25:17,220 --> 00:25:21,460
>> MIKE Rizo: Pra, në mënyrë të ngjashme, në qoftë se kemi dashur
të përzgjedhur një element që ka një ID,

522
00:25:21,460 --> 00:25:23,470
tani ne duam të zgjidhni nga
ID në vend të klasës.

523
00:25:23,470 --> 00:25:28,080
Do të ishte një gjë e ngjashme ku ne
vetëm të bëjë shenjën mprehtë për ID.

524
00:25:28,080 --> 00:25:33,576
Pra, ne jemi të zgjedhur këtu të gjithë
elemente që kanë bar ID.

525
00:25:33,576 --> 00:25:35,400
>> Tomas Reimers: Dhe kjo shtrihet.

526
00:25:35,400 --> 00:25:36,450
Kjo CSS shtrihet.

527
00:25:36,450 --> 00:25:42,260
Ashtu si në CSS, ju mund të zgjidhni të gjitha
lidhje, të cilat kanë foo klasit.

528
00:25:42,260 --> 00:25:43,420
Ja, kjo është e njëjta gjë.

529
00:25:43,420 --> 00:25:52,750
>> Ju mund të bëni a.foo, të cilat do të zgjidhni
të gjitha lidhjet me foo klasës.

530
00:25:52,750 --> 00:25:58,860
Ju mund të bëni një bar të mprehtë, e cila do të
zgjidhni lidhjen me bar ID dhe kështu

531
00:25:58,860 --> 00:25:59,770
me radhë e kështu me radhë.

532
00:25:59,770 --> 00:26:02,120
Çdo përzgjedhës CSS është e vlefshme
përzgjedhës jQuery.

533
00:26:02,120 --> 00:26:03,370
>> MIKE Rizo: Po.

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

535
00:26:07,996 --> 00:26:11,460
OK, kështu që tani le të marrë në pak
e manipulimit që ne mund të bëjmë me

536
00:26:11,460 --> 00:26:12,870
tonë të jQuery.

537
00:26:12,870 --> 00:26:19,280
Pra jQuery ka një lloj të veçantë
e simbol ku ne vetëm të përdorur

538
00:26:19,280 --> 00:26:20,170
një pikë në fund.

539
00:26:20,170 --> 00:26:23,340
Dhe ju mund të mendoni për këtë si në
C se si kemi pasur structs ndryshme.

540
00:26:23,340 --> 00:26:27,110
Dhe për të shkuar në ato structs, ju do
përdorin një pikë për të marrë në ta.

541
00:26:27,110 --> 00:26:28,480
>> Kjo është, lloj, një gjë e ngjashme.

542
00:26:28,480 --> 00:26:33,570
Vetëm tani ne kemi funksione brenda kësaj
përzgjedhës që ne mund të telefononi në të.

543
00:26:33,570 --> 00:26:38,640
Kështu që këtu, shembulli i parë
ju mund të shihni është një përzgjedhës CSS.

544
00:26:38,640 --> 00:26:45,290
Dhe në thelb, ajo që bën është ajo
zbaton element CSS parë në këtë

545
00:26:45,290 --> 00:26:46,230
gjë që keni zgjedhur -

546
00:26:46,230 --> 00:26:47,720
ky element që keni zgjedhur -

547
00:26:47,720 --> 00:26:49,290
me vlerë atë.

548
00:26:49,290 --> 00:26:55,390
>> Tomas Reimers: Pra një përkthim të lehtë të
se do të ishte nëse jQuery, në thelb,

549
00:26:55,390 --> 00:26:57,790
vetëm mori foo.

550
00:26:57,790 --> 00:27:05,480
Dhe pastaj në CSS tha,
ngjyra e kuqe dhe të ngushtë.

551
00:27:05,480 --> 00:27:06,670
Është e njëjta ide.

552
00:27:06,670 --> 00:27:08,800
Çfarë është bërë është ajo e zgjedhur
gjitha elementet foo.

553
00:27:08,800 --> 00:27:10,170
Dhe pastaj është aplikuar.

554
00:27:10,170 --> 00:27:15,884
Lloj, ngjyra prona
është e barabartë me të kuqe.

555
00:27:15,884 --> 00:27:21,070
>> MIKE Rizo: Në mënyrë të ngjashme, ne gjithashtu mund të ndryshojë
përmbajtjen aktuale të asaj që është

556
00:27:21,070 --> 00:27:24,870
treguar në html faqen që
është me të vërtetë e ftohtë, sepse kjo do të thotë tuaj

557
00:27:24,870 --> 00:27:28,095
faqet e internetit tani mund të jetë plotësisht dinamike
dhe nuk duhet të jetë statike

558
00:27:28,095 --> 00:27:31,660
që ju të shtypura nga duke përdorur PHP
në fillim të

559
00:27:31,660 --> 00:27:33,320
Faqja u ngarkuar.

560
00:27:33,320 --> 00:27:36,810
Kështu që këtu, në qoftë se ne të kërkuar për të ndryshuar
HTML aktual i faqes, ne do tani

561
00:27:36,810 --> 00:27:43,550
thirrni funksionin HTML, i cili atëherë vetëm
fut çfarëdo që specifikojnë në

562
00:27:43,550 --> 00:27:45,390
se element që kemi zgjedhur.

563
00:27:45,390 --> 00:27:49,810
Pra, këtu ne jemi të zgjedhur me element
foo klasë dhe më pas duke thënë se kjo është HTML

564
00:27:49,810 --> 00:27:52,200
kjo është tani hello world.

565
00:27:52,200 --> 00:27:55,600
>> Tomas Reimers: E kur jeni të kënaqur me
cilat janë aplikacione të dobishme të

566
00:27:55,600 --> 00:28:00,800
kjo, kjo CSS, gjëja e parë që
ju mund të filloni të mendoni rreth është

567
00:28:00,800 --> 00:28:03,070
për sa i përket edhe drop down menus.

568
00:28:03,070 --> 00:28:08,350
Ju mund të filloni të bëni gjëra të tilla si, kur
një përdorues rri pezull mbi pjesën e lartë

569
00:28:08,350 --> 00:28:11,970
nga një rënie poshtë, ju doni të bëni
pjesa e poshtme e dukshme.

570
00:28:11,970 --> 00:28:12,540
E drejtë?

571
00:28:12,540 --> 00:28:15,610
>> Pra në CSS, ne kemi pronat
për të bërë diçka të dukshëm.

572
00:28:15,610 --> 00:28:19,330
Gjëra të tilla si asnjë shfaqje të zorrës së trashë
do të bëjnë të padukshme.

573
00:28:19,330 --> 00:28:21,190
Shfaq bllok do të bëjnë të dukshme.

574
00:28:21,190 --> 00:28:25,860
Ose edhe në qoftë se ju doni të shkoni të thjeshta, ju
kanë gjëra të tilla si të barabartëve dukshmërisë

575
00:28:25,860 --> 00:28:27,520
dukshme, dhe shikimit është e barabartë fshehur.

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

577
00:28:30,330 --> 00:28:34,780
>> Dhe ju mund të filloni për të zbatuar gjëra
si drop down menu drejtën

578
00:28:34,780 --> 00:28:38,410
pasi të keni marrë me idenë se si
mund të ju kuptoj se kur ky hap,

579
00:28:38,410 --> 00:28:39,850
të cilat ne do të merrni nëpërmjet shumë shkurt.

580
00:28:39,850 --> 00:28:42,160
Por ne mund të fillojmë të shohim
Aplikimet e kësaj.

581
00:28:42,160 --> 00:28:45,540
Në një kuptim të ngjashme, në qoftë se ju do të provoni
dhe zbatuar, le të themi, një bisedë

582
00:28:45,540 --> 00:28:48,620
motor dhe ju doni të bëni pak
flluskë fjalim të dalë sa herë që ju keni

583
00:28:48,620 --> 00:28:52,880
mori një mesazh të ri, sapo ju të merrni
mesazh të ri, ju mund të bëni pak

584
00:28:52,880 --> 00:28:55,890
flluskë fjalim të dalë duke ndryshuar
HTML i faqes, e drejtë?

585
00:28:55,890 --> 00:29:00,540
Duke shtuar se flluskë shtesë të folurit
me tekstin shtesë në atje.

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

587
00:29:01,140 --> 00:29:07,750
>> Audienca: Pra, ju do të vendosni këtë në
Kodi HTML në lloj si një

588
00:29:07,750 --> 00:29:10,534
[Padëgjueshme]?

589
00:29:10,534 --> 00:29:12,940
>> MIKE Rizo: E drejta.

590
00:29:12,940 --> 00:29:16,190
Po, ne do të merrni për të që
në pak.

591
00:29:16,190 --> 00:29:18,810
Po, kjo është një e ngjashme
pak pak për të PHP.

592
00:29:18,810 --> 00:29:21,240
Jo saktësisht të ngjashme.

593
00:29:21,240 --> 00:29:24,730
>> Një dallim i mirë për të bërë është ajo që kjo
është në të vërtetë redaktimi kur redaktoni

594
00:29:24,730 --> 00:29:28,480
faqe sepse nuk do të jetë
redaktimi dosjen aktuale që është duke u

595
00:29:28,480 --> 00:29:31,380
mbajtur në server sepse bota
nuk duhet të ketë leje

596
00:29:31,380 --> 00:29:32,610
për të redaktuar fotografi tuaj.

597
00:29:32,610 --> 00:29:36,080
Kjo është vetëm redaktimi atë që është në faqen
dhe çfarë është duke u shfaqur në

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

599
00:29:36,950 --> 00:29:40,340
Pra, nëse ju do të rifreskoni faqen pas,
thonë, fshirjes diçka si ne

600
00:29:40,340 --> 00:29:44,730
shikoni ne mund të bëjmë me thirrjen hiqni,
ajo gjë pastaj do të dilte sërish.

601
00:29:44,730 --> 00:29:48,590
>> Tomas Reimers: Pra, një mënyrë për të menduar për
kjo është në qoftë se unë jam kompjuteri juaj dhe të

602
00:29:48,590 --> 00:29:50,170
Mike është, lloj, server.

603
00:29:50,170 --> 00:29:53,850
Çfarë do të ndodhë është që unë jam duke shkuar për
kërkoni Mike, hej, mund të ketë një kopje të

604
00:29:53,850 --> 00:29:54,630
kjo web faqe?

605
00:29:54,630 --> 00:29:56,190
Dhe ai do të më jepni një kopje të saj.

606
00:29:56,190 --> 00:29:57,430
>> Jo, kjo nuk është gjë e origjinal.

607
00:29:57,430 --> 00:29:58,620
Është vetëm një kopje.

608
00:29:58,620 --> 00:30:00,450
Dhe atëherë ajo do të jetë si, oh,
ka JavaScript këtu.

609
00:30:00,450 --> 00:30:02,450
Në mënyrë të qartë, unë duhet të redaktoj
faqe të jetë si kjo.

610
00:30:02,450 --> 00:30:04,250
Dhe unë jam redaktimi kopje.

611
00:30:04,250 --> 00:30:05,920
>> Por kjo nuk është që ndikojnë
kopje aktuale.

612
00:30:05,920 --> 00:30:08,480
Dhe në qoftë se unë do të kërkoj atë përsëri
fresko faqen, -

613
00:30:08,480 --> 00:30:10,060
hej, mund të ketë një tjetër kopje të pastër -

614
00:30:10,060 --> 00:30:11,440
ai do të më jepni
një tjetër kopje të pastër.

615
00:30:11,440 --> 00:30:14,240
Dhe pastaj, unë jam duke shkuar për të bërë të njëjtën gjë
si, oh, kjo JS këtu që thotë

616
00:30:14,240 --> 00:30:14,866
për të redaktuar këtë.

617
00:30:14,866 --> 00:30:17,460
Dhe Unë do të vazhdojmë të bëjmë atë.

618
00:30:17,460 --> 00:30:20,930
>> MIKE Rizo: Pra, një gjë me të vërtetë e ftohtë
që ju mund të bëni me jQuery është

619
00:30:20,930 --> 00:30:24,350
në të vërtetë të shtoni lloje të ndryshme
e animacioneve në faqen tuaj.

620
00:30:24,350 --> 00:30:27,440
Unë nuk e di nëse ju keni parë ndonjëherë ku
ju jeni duke u përpjekur për një të plotësoni një formular

621
00:30:27,440 --> 00:30:31,250
online dhe ju nuk e plotësoni
gjërat të saktë.

622
00:30:31,250 --> 00:30:33,440
Pra, një gjë e vogël slides poshtë
në krye dhe ju thotë

623
00:30:33,440 --> 00:30:34,820
nuk e kanë bërë këtë si duhet.

624
00:30:34,820 --> 00:30:36,260
Ju lutemi provoni përsëri.

625
00:30:36,260 --> 00:30:37,890
Dhe pastaj, ai mund edhe të vetëm rrëshqitje lart.

626
00:30:37,890 --> 00:30:40,710
>> Rezulton jQuery ka ndërtuar në funksionet
që të bëjë të gjitha që

627
00:30:40,710 --> 00:30:44,180
animacion vërtetë, të vërtetë e lehtë.

628
00:30:44,180 --> 00:30:46,750
Pra, nuk është e para zbehet
funksion jashtë, të cilat

629
00:30:46,750 --> 00:30:47,710
ju mund të telefononi në diçka.

630
00:30:47,710 --> 00:30:55,650
Dhe kjo është një mënyrë për të ndryshuar CSS e
element që në mënyrë të animuar.

631
00:30:55,650 --> 00:30:58,480
Pra, ajo merr çfarëdo element
ju e quani atë shuhem në.

632
00:30:58,480 --> 00:31:03,990
Dhe pastaj, ngadalë ndryshon atë të perde
deri sa ajo shkon plotësisht transparente.

633
00:31:03,990 --> 00:31:07,330
>> Tomas Reimers: Ky tjetri popullore
po rreshqet, e cila do të bëjë

634
00:31:07,330 --> 00:31:08,800
diçka të paraqitet duke e rrëshqitur atë.

635
00:31:08,800 --> 00:31:12,840
Pra, në rastin e drop down menu,
përsëri, kur kemi mësuar se si për të zbuluar

636
00:31:12,840 --> 00:31:15,310
kur kjo është fluturoi mbi,
ju mund të them vetëm këtë fund

637
00:31:15,310 --> 00:31:16,910
Pjesa rreshqet tani.

638
00:31:16,910 --> 00:31:19,270
Dhe pastaj, kjo do të duket
duke e rrëshqitur poshtë.

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

640
00:31:22,042 --> 00:31:26,590
>> MIKE Rizo: Dhe atëherë, në qoftë se ju vetëm duhet
disa lloj animacion parasysh se

641
00:31:26,590 --> 00:31:29,080
jQuery nuk do të të japë.

642
00:31:29,080 --> 00:31:32,690
Për shembull, le të thonë se jQuery
nuk ju japin me një rrëshqitje

643
00:31:32,690 --> 00:31:33,750
poshtë dhe rrëshqitje lart.

644
00:31:33,750 --> 00:31:36,740
E pra, le të thonë se ju të kërkuar për të rrëshqitje
diçka nga e majta apo nga

645
00:31:36,740 --> 00:31:39,880
të drejtën lloj si CS50
Faqja kryesore bën sa herë që

646
00:31:39,880 --> 00:31:42,080
ju shkoni në një kolegj të ri.

647
00:31:42,080 --> 00:31:45,030
Ju pastaj ndoshta do të duhet të
zbatojë atë vetë duke përdorur

648
00:31:45,030 --> 00:31:49,310
gjallë funksion brenda jQuery.

649
00:31:49,310 --> 00:31:51,350
>> Pra, në mënyrë të ngjashme, ju vetëm të gjallë.

650
00:31:51,350 --> 00:31:55,850
Dhe pastaj, brenda saj ajo merr një
fjalor i vlerave të ndryshme

651
00:31:55,850 --> 00:31:57,340
që ju jeni duke menduar për të kaluar.

652
00:31:57,340 --> 00:32:06,960
Kështu që këtu, në qoftë se kemi dashur për të gjallë
element foo tillë që gjerësia e tij ose

653
00:32:06,960 --> 00:32:10,880
zgjeron apo kontrata për 80 pixels,
në varësi të asaj që është aktualisht.

654
00:32:10,880 --> 00:32:14,100
Ne do të kalojë vetëm se si
argumenti brenda saj.

655
00:32:14,100 --> 00:32:18,060
>> Animate gjithashtu kanë disa argumente të tjera
që ju të mund të kalojë atë, për shembull,

656
00:32:18,060 --> 00:32:21,150
shpejtësia e animacion
që ju doni të jepni atë.

657
00:32:21,150 --> 00:32:26,220
Dhe për të bërë këtë, unë do të thoja vetëm
shpejt Google jQuery gjallë.

658
00:32:26,220 --> 00:32:31,710
Dhe pastaj, duke e çuar deri këtë faqe, ju mund të
të parë atë e mori një bandë e ndryshme

659
00:32:31,710 --> 00:32:33,560
pronat që ju mund të kalojnë atë.

660
00:32:33,560 --> 00:32:35,990
>> Dhe unë ju inkurajoj - sa herë që ju vijnë
të gjithë diçka që ju nuk e bëni

661
00:32:35,990 --> 00:32:40,390
e di ose thjesht dëshironi të mësoni më shumë për një
metodë të veçantë që ju mund të telefononi

662
00:32:40,390 --> 00:32:41,270
në diçka -

663
00:32:41,270 --> 00:32:44,440
vetëm google atë. jQuery është jashtëzakonisht
të dokumentuara mirë.

664
00:32:44,440 --> 00:32:49,140
Dhe shpesh herë ka shumë të
shembuj që ata ofrojnë për ju.

665
00:32:49,140 --> 00:32:52,470
Nëse do të lëviz nëpër -

666
00:32:52,470 --> 00:32:53,720
shumë më poshtë -

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

668
00:32:57,660 --> 00:32:59,190
që ne mund të përdorim, si.

669
00:32:59,190 --> 00:33:02,480
>> Përsëri, kur një zhvillues të vërtetë shkon
nëpër probleme të shkruarit e një

670
00:33:02,480 --> 00:33:05,810
bibliotekë, ata zakonisht duan
dikush të përdorin atë.

671
00:33:05,810 --> 00:33:09,400
Kështu që së bashku do të
të jetë një dokumentacion.

672
00:33:09,400 --> 00:33:12,270
Dhe se dokumentacioni zakonisht mund të jetë
gjendet në faqen projekt që

673
00:33:12,270 --> 00:33:14,970
arsyeja pse ne ju dha që faqja origjinale në
fillimi, i cili ju lidh me

674
00:33:14,970 --> 00:33:18,080
Faqet e projektit kështu që ju mund të
shihni se dokumentacionin.

675
00:33:18,080 --> 00:33:22,670
>> Në mënyrë tipike, faqja projekti në rastin
e [e padëgjueshme], ai tha ju e

676
00:33:22,670 --> 00:33:23,940
emrat e klasave.

677
00:33:23,940 --> 00:33:27,250
Në rastin e JavaScript, kjo jep
ju emrin e funksioneve.

678
00:33:27,250 --> 00:33:35,310
Nga rruga, nëse lëvizni lart në krye,
një shënim të shpejtë në funksionet është

679
00:33:35,310 --> 00:33:39,080
sa herë që ju të shihni një funksion të zbatuar
si kjo me të vështirë

680
00:33:39,080 --> 00:33:43,800
kllapa në mes, që do të thotë
se se prona është fakultative.

681
00:33:43,800 --> 00:33:44,750
Vetëm një kokat lart.

682
00:33:44,750 --> 00:33:47,350
Unë kam parë shumë pyetje
për këtë.

683
00:33:47,350 --> 00:33:50,370
>> Pra, këtu ne mund të shohim se
Gjall merr pronat

684
00:33:50,370 --> 00:33:51,800
si një argument të nevojshme.

685
00:33:51,800 --> 00:33:54,870
Dhe çdo gjë tjetër është fakultative.

686
00:33:54,870 --> 00:33:56,136
Side Shënim -

687
00:33:56,136 --> 00:33:58,090
ju mund të mendoni për këtë, lloj
e, si faqeve njeri.

688
00:33:58,090 --> 00:34:04,275
Faqet Man janë të dokumentacionit për C dhe
për shumë gjëra të tjera, si dhe.

689
00:34:04,275 --> 00:34:11,020
>> MIKE Rizo: Pra, ne kemi mësuar se si të
ndryshojë CSS ndryshme në faqe,

690
00:34:11,020 --> 00:34:14,040
gjallë atë, dhe për të hequr shtoni HTML.

691
00:34:14,040 --> 00:34:16,889
Por një të vërtetë më të fuqishme
gjëra në lidhje JavaScript

692
00:34:16,889 --> 00:34:18,270
dhe sidomos jQuery -

693
00:34:18,270 --> 00:34:22,570
atë që ju lejon të bëni është të përgjigjet për
elemente të ndryshme që ndodhin.

694
00:34:22,570 --> 00:34:25,380
Për shembull, këtu kemi
një mbajtës ngjarje.

695
00:34:25,380 --> 00:34:28,210
Dhe kjo thjesht do të thotë sa herë që kjo
Ngjarja ndodh, kemi trajtuar atë në një

696
00:34:28,210 --> 00:34:29,280
mënyrë të caktuar.

697
00:34:29,280 --> 00:34:35,159
>> Kështu që këtu, generic ngjarje jQuery
mbajtës është dot më.

698
00:34:35,159 --> 00:34:42,949
Dhe pastaj, gjëja e parë që ju ofrohet
është ajo ngjarje që duhet

699
00:34:42,949 --> 00:34:43,810
të dëgjuar për të.

700
00:34:43,810 --> 00:34:45,610
Pra këtu, është e klikoni se
ne jemi duke pritur për të.

701
00:34:45,610 --> 00:34:49,250
>> Tomas Reimers: Përndryshe, ju keni
më rri në pritje, e cila është një shumë e famshme.

702
00:34:49,250 --> 00:34:52,000
Pra, përsëri në rënie time poshtë idenë menu.

703
00:34:52,000 --> 00:34:54,239
Ju do të duhet një të lartë në rri pezull.

704
00:34:54,239 --> 00:34:56,096
Dhe pastaj ju mund të ndryshojë atë.

705
00:34:56,096 --> 00:34:56,830
>> MIKE Rizo: E drejta.

706
00:34:56,830 --> 00:35:01,680
Dhe pastaj, kur të ndodhë kjo, ajo vetëm
ekzekuton këtë funksion që ne t'i jepte

707
00:35:01,680 --> 00:35:05,080
si dhe argumenti që
ajo alarme përshëndetje apo hi.

708
00:35:05,080 --> 00:35:08,900
>> Tomas Reimers: Pra, në rastin e
JavaScript, ky është një vend që ne duhet të

709
00:35:08,900 --> 00:35:12,970
hiqni veten nga C. Ne mund të vërtetë
marrë funksione si argumente.

710
00:35:12,970 --> 00:35:15,940
Dhe ka shumë të vërtetë
mënyra komplekse për të bërë këtë.

711
00:35:15,940 --> 00:35:17,940
Ne jemi duke shkuar për të promovuar një mënyrë,
e cila është që ju mund të përcaktojë

712
00:35:17,940 --> 00:35:19,270
funksionojnë atje.

713
00:35:19,270 --> 00:35:22,540
>> Pra, kur ju jeni duke kërkuar për një funksion si
një parametër, ju jeni në thelb vetëm

714
00:35:22,540 --> 00:35:24,500
do të saktësimit të funksionit
në vend.

715
00:35:24,500 --> 00:35:27,090
Dhe mënyra që ju të përcaktojë një funksion
në JavaScript është që ju

716
00:35:27,090 --> 00:35:28,820
fjalë për fjalë thonë funksion.

717
00:35:28,820 --> 00:35:30,130
Më pas, zakonisht, emri
e funksionit.

718
00:35:30,130 --> 00:35:32,510
Por ne nuk jemi duke shkuar për referencë
ky funksion përsëri.

719
00:35:32,510 --> 00:35:34,040
Pra, ne të lënë atë panjohur.

720
00:35:34,040 --> 00:35:40,440
>> Pastaj kllapa, atëherë kaçurrel
formatimin e teksteve, dhe pastaj kodin që brenda.

721
00:35:40,440 --> 00:35:42,540
Pra, ne e kuptojmë këtë kanaçe
të jetë pak konfuze.

722
00:35:42,540 --> 00:35:45,180
Pra, ju japim formën e përgjithshme të
atë që një mbajtës ngjarje duket si

723
00:35:45,180 --> 00:35:47,790
poshtë, e cila është në ngjarje.

724
00:35:47,790 --> 00:35:50,598
Dhe pastaj, kodin tuaj brenda këtë.

725
00:35:50,598 --> 00:35:52,478
>> MIKE Rizo: A ka ndonjë
pyetje në lidhje me këtë?

726
00:35:52,478 --> 00:35:54,818
Kjo mund të jetë pak konfuze
hera e parë që ju shihni atë.

727
00:35:54,818 --> 00:35:57,550
>> Tomas Reimers: Ju në të vërtetë duan të
të hapur një skedë dhe atyre të tregojnë disa

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

729
00:35:58,155 --> 00:35:59,853
>> MIKE Rizo: Po, le ta bëjmë atë.

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

731
00:36:00,256 --> 00:36:02,490
>> Tomas Reimers: Deri tani ne jemi
në aplikim.

732
00:36:02,490 --> 00:36:07,730
Dhe ajo që ne kemi bërë është që ne kemi marrë
liria e krijimit si një index.html

733
00:36:07,730 --> 00:36:10,100
fotografi, që lidh të
një fotografi JavaScript.

734
00:36:10,100 --> 00:36:12,880
Dhe ne mund të hapur -

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

736
00:36:15,170 --> 00:36:16,630
E pra, ajo ka dy gjëra.

737
00:36:16,630 --> 00:36:18,350
>> E para është ajo lidhje të
fotografi JavaScript.

738
00:36:18,350 --> 00:36:21,250
Dhe ne do të shohim se deri këtu.

739
00:36:21,250 --> 00:36:25,340
Ne shohim se në krye të
Dokument HTML, veçanërisht.

740
00:36:25,340 --> 00:36:28,260
Pra, ju do të shihni atje se
ne, në thelb, thonë SRC,

741
00:36:28,260 --> 00:36:29,590
e cila qëndron për burim.

742
00:36:29,590 --> 00:36:30,630
Dhe kjo është URL.

743
00:36:30,630 --> 00:36:32,700
>> Kështu që këtu ju mund të thonë se ne kemi
përfshirë jQuery.

744
00:36:32,700 --> 00:36:34,290
Dhe ne kemi përfshirë edhe Scripts.

745
00:36:34,290 --> 00:36:40,630
Mënyra të tjera për të përfshirë JavaScript është
që ju mund të përfshijë një skenar inline

746
00:36:40,630 --> 00:36:44,600
tag si ne kemi në pjesën e poshtme ku
thotë lloj script është teksti JavaScript.

747
00:36:44,600 --> 00:36:46,960
>> Pra, ne jemi duke thënë, dëgjoni, ne jemi
gati për të përfshirë një script.

748
00:36:46,960 --> 00:36:51,890
Dhe lloji i atij shkrimit është
JavaScript, e cila është një lloj i tekstit.

749
00:36:51,890 --> 00:36:52,550
Shumë e thjeshtë.

750
00:36:52,550 --> 00:36:56,490
>> MIKE Rizo: Pra ky, lloj, merr për të
pyetjen tuaj se si ne të përfshijë

751
00:36:56,490 --> 00:37:02,340
JavaScript në dosjet tona, sepse kur ne
kishte PHP, ne bëjmë diçka si kjo.

752
00:37:02,340 --> 00:37:07,570
Dhe pastaj, kanë funksione tona PHP -
le të themi stoqe të bëjmë

753
00:37:07,570 --> 00:37:09,150
diçka me se -

754
00:37:09,150 --> 00:37:10,490
shkon në atje.

755
00:37:10,490 --> 00:37:13,860
Megjithatë, tani ne kemi tags script
që ne japim atë, të cilat janë në të vërtetë

756
00:37:13,860 --> 00:37:19,470
pjesë e HTML në vetvete, sepse kjo nuk është
dredhuar duke qenë një skedar HTML si ajo

757
00:37:19,470 --> 00:37:25,070
është në PHP për shkak se në qoftë se ju në të vërtetë të shkojnë në
dhe të kërkoni në burim të faqes,

758
00:37:25,070 --> 00:37:28,430
ju do të shihni këto tags script në atje
me JavaScript lidhur me

759
00:37:28,430 --> 00:37:29,800
ata në atë.

760
00:37:29,800 --> 00:37:31,760
>> Prandaj, në qoftë se kemi dashur të
shkruani disa JavaScript -

761
00:37:31,760 --> 00:37:37,110
le të them vetëm ne të kërkuar për të ndryshuar trupin
sepse tani unë nuk kam

762
00:37:37,110 --> 00:37:40,020
tags ndonjë tjetër që unë mund të vërtetë
redaktuar përveç trupit.

763
00:37:40,020 --> 00:37:42,450
Le të thonë se unë të kërkuar për të
ndryshojë CSS e që.

764
00:37:42,450 --> 00:37:46,190
Pra, ne do të shkojnë përpara dhe ndryshimi
ngjyra e saj të kuqe.

765
00:37:46,190 --> 00:37:47,380
>> Kështu që unë ruajtur kartelën.

766
00:37:47,380 --> 00:37:52,700
Le të kthehemi në faqen tonë të internetit, refresh,
dhe kjo e bën atë automatikisht

767
00:37:52,700 --> 00:37:55,920
sepse ajo nuk duket si ajo ka pritur
fare sepse ne nuk i dëgjonin

768
00:37:55,920 --> 00:37:59,450
për një ngjarje ose diçka të tillë.

769
00:37:59,450 --> 00:38:02,800
>> Tomas Reimers: Pra, nëse ne do të shkojmë përsëri në atë
paraqesë në mënyrë të veçantë - HTML

770
00:38:02,800 --> 00:38:04,710
parashtrojë - atë që ju jeni duke shkuar
për të parë është që ne kemi -

771
00:38:04,710 --> 00:38:06,810
mos harroni se ky është i ngarkuar,
lloj, në mënyrë kronologjike.

772
00:38:06,810 --> 00:38:09,910
Pra, ne kemi parë kokën.
ajo ngarkon ato dy fotografi.

773
00:38:09,910 --> 00:38:10,800
Pastaj ne do të shkojmë për të trupit.

774
00:38:10,800 --> 00:38:11,640
Dhe ne e shohim botën tungjatjeta.

775
00:38:11,640 --> 00:38:13,030
Pra, ne të bëjnë botë Hello.

776
00:38:13,030 --> 00:38:15,240
>> Dhe pastaj gjëja e fundit që ne kemi
po ne kemi tag script.

777
00:38:15,240 --> 00:38:20,880
Pra, ajo shkon tag script sepse është e
të mos thënë atë të presin për ndonjë gjë.

778
00:38:20,880 --> 00:38:24,700
Dhe kjo është më themelore
mënyrë për të drejtuar JavaScript.

779
00:38:24,700 --> 00:38:29,200
>> Me tha se, mund të vendosni script
tag deri në kokë vetëm

780
00:38:29,200 --> 00:38:31,240
për të treguar këtë pikë?

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

782
00:38:34,450 --> 00:38:35,700
Dhe të drejtuar atë.

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

784
00:38:38,880 --> 00:38:41,070
Ne jemi do të vëreni se ajo
nuk ka ndryshuar ngjyrën.

785
00:38:41,070 --> 00:38:44,210
Dhe kjo është një nga problemet e
JavaScript është se gjërat janë të ngarkuar

786
00:38:44,210 --> 00:38:45,930
në një mënyrë kronologjike.

787
00:38:45,930 --> 00:38:49,750
>> Pra, në atë kohë se që kodi
ishte duke ecur, kemi zgjedhur -

788
00:38:49,750 --> 00:38:52,530
të kthehemi -

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

790
00:38:53,670 --> 00:38:57,560
Tag trupi nuk ekziston ende, sepse
JavaScript është në përputhje me HTML.

791
00:38:57,560 --> 00:39:01,790
Pra, shfletuesi është si të zgjedhur trupin.

792
00:39:01,790 --> 00:39:02,760
Nuk ka gjë të tillë ende.

793
00:39:02,760 --> 00:39:03,600
Pra, ne mund të injorojë atë.

794
00:39:03,600 --> 00:39:05,330
Dhe ne do të mbajë.

795
00:39:05,330 --> 00:39:07,200
>> Dhe pastaj ne define një tag trupit.

796
00:39:07,200 --> 00:39:09,670
Por kjo nuk merr përditësuar.

797
00:39:09,670 --> 00:39:12,560
Pra, kur ju jeni zbatimin script
tags, sigurohuni që ju të vendosni

798
00:39:12,560 --> 00:39:15,502
pas tag trupit.

799
00:39:15,502 --> 00:39:16,820
Rrëshqitje Next.

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

801
00:39:17,830 --> 00:39:19,330
Pra, ne kemi ndryshuar diçka.

802
00:39:19,330 --> 00:39:21,910
Por kjo nuk duket si i është përgjigjur të
ne në të gjitha sepse ajo vetëm lloj

803
00:39:21,910 --> 00:39:24,150
e bëri atë sa më shpejt të jetë ajo ngarkuar faqe.

804
00:39:24,150 --> 00:39:27,700
Deri tani, në vend të bërë këtë, pse
mos shtojmë një mbajtës ngjarje.

805
00:39:27,700 --> 00:39:31,020
>> Pra, le të bëjë diçka
të trupit përsëri.

806
00:39:31,020 --> 00:39:33,490
Dhe le të thonë se ne bëjmë atë në -

807
00:39:33,490 --> 00:39:34,500
click.

808
00:39:34,500 --> 00:39:35,750
Ne do të shtuar një funksion.

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> Ndryshimi Le të: Tomás Reimers
kjo është ngjyra në të kuqe përsëri.

811
00:39:39,690 --> 00:39:40,000
Pse jo?

812
00:39:40,000 --> 00:39:41,680
>> Ndryshimi Po, le të: MIKE Rizo
'ngjyra e saj të kuqe përsëri.

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
Dakord.

815
00:39:46,900 --> 00:39:48,480
Pra, le të rifreskoni faqen.

816
00:39:48,480 --> 00:39:49,530
OK, ne shohim -

817
00:39:49,530 --> 00:39:52,290
siç pritet, ajo nuk kthehet e kuqe ende.

818
00:39:52,290 --> 00:39:53,610
Por atëherë ne mund të shkoni përpara dhe kliko tek ajo.

819
00:39:53,610 --> 00:39:54,270
>> Tomas Reimers: Dhe kjo do të kthehet të kuqe.

820
00:39:54,270 --> 00:39:56,090
>> MIKE Rizo: Dhe kjo e bën
nga ana e kuqe siç pritet.

821
00:39:56,090 --> 00:39:59,010
>> Tomas Reimers: Dhe ne mund të shohim se si
ne mund të fillojmë të ndërtojmë shumë themelore

822
00:39:59,010 --> 00:40:00,170
ndërveprim.

823
00:40:00,170 --> 00:40:03,850
Gjëra të tjera ne mund të dëshironi të bëni është,
në qoftë se ne nuk duam të bërë trupin

824
00:40:03,850 --> 00:40:07,230
ngjyra e kuqe, le të bëjë HTML
sfond ngjyrë të kuqe.

825
00:40:07,230 --> 00:40:08,480
Vetëm kështu që është e njëjtë CSS.

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> Dhe kur ne të ndryshuar atë, ne mund të shohim këtë
efekt shumë dramatike e ndryshimit

828
00:40:23,320 --> 00:40:25,510
tërë faqe.

829
00:40:25,510 --> 00:40:29,100
Pra, përsëri, në qoftë se ju jeni zbatimin e gjëra,
ju mund të ketë një komponent

830
00:40:29,100 --> 00:40:30,150
e cila ka për qëllim të jetë klikuar mbi.

831
00:40:30,150 --> 00:40:32,710
Le të thonë se një buton Exit dhe
një komponent të tërë të tjera,

832
00:40:32,710 --> 00:40:33,830
e cila ka për qëllim të përgjigjet.

833
00:40:33,830 --> 00:40:35,755
Pra, ju do të hiqni një dritare
kur të ndodhë kjo.

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> MIKE Rizo: OK.

836
00:40:40,700 --> 00:40:42,200
Ashtu si një shembull -

837
00:40:42,200 --> 00:40:44,400
ju nuk e merrni për të parë këtë më parë -

838
00:40:44,400 --> 00:40:47,500
Unë vetëm do të ju tregojnë se çfarë ajo duket
si kur ne të fshehur diçka.

839
00:40:47,500 --> 00:40:52,220
Kështu që unë do të shkoj përpara dhe të mos rrëshqitje lart.

840
00:40:52,220 --> 00:40:54,440
>> Tomas Reimers: Dëshironi të përfundojë se në një
paragrafi lloji para se të bëjmë këtë?

841
00:40:54,440 --> 00:40:55,132
>> MIKE Rizo: OK.

842
00:40:55,132 --> 00:40:59,135
Po, pse nuk e bëjmë këtë vetëm në mënyrë të
ne mund të zgjidhni atë edhe më shumë.

843
00:40:59,135 --> 00:41:00,490
>> Tomas Reimers: Dhe le të
t'i jepte një klasë.

844
00:41:00,490 --> 00:41:01,740
>> MIKE Rizo: Po.

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
OK, kështu që le të shohim.

847
00:41:09,920 --> 00:41:14,820
Në vend të përzgjedhjes së trupës aktuale
tani, unë do të zgjidhni çdo gjë vetëm me

848
00:41:14,820 --> 00:41:18,780
klasë hello, i cili këtu ne
vetëm kanë një gjë.

849
00:41:18,780 --> 00:41:20,900
Pra, ne nuk duhet të ketë të
shqetësuar për këtë.

850
00:41:20,900 --> 00:41:23,080
>> Kështu që unë do të refresh atë.

851
00:41:23,080 --> 00:41:24,230
Unë do të shkoj përpara dhe kliko tek ajo.

852
00:41:24,230 --> 00:41:27,890
Dhe kjo, lloj, bëri një rrëshqitje pazakontë
up gjë, e cila nuk duket se

853
00:41:27,890 --> 00:41:29,580
tërheqëse.

854
00:41:29,580 --> 00:41:31,060
Në përgjithësi, ata duken shumë e bukur.

855
00:41:31,060 --> 00:41:32,720
Unë mendoj se, kjo - për disa
Arsyeja - nuk e bëri.

856
00:41:32,720 --> 00:41:36,640
Unë do të bëj vetëm një zbehet jashtë në mënyrë
ju mund të shikoni në atë shumë.

857
00:41:36,640 --> 00:41:38,100
Shumë nicer.

858
00:41:38,100 --> 00:41:41,150
>> Dhe pastaj, në qoftë se unë e hapur deri JavaScript
console përsëri dhe ne duam të shohim se çfarë

859
00:41:41,150 --> 00:41:43,900
kjo duket si kur ne zbehet atë in

860
00:41:43,900 --> 00:41:46,920
Tani, unë vetëm thirrje zbehet në në të.

861
00:41:46,920 --> 00:41:48,830
Dhe kjo zbehet përsëri in

862
00:41:48,830 --> 00:41:56,150
>> Në mënyrë të ngjashme, ne mund të vërtetë të kalojë
një argument të zbehet në ose shuhem,

863
00:41:56,150 --> 00:41:57,640
e cila është, lloj, shpejtësia e saj.

864
00:41:57,640 --> 00:42:02,220
Pra, le të shkojë përpara dhe të thonë se ne duam
që ajo të shkojë ngadalë zbehet in

865
00:42:02,220 --> 00:42:04,250
Kështu që unë mendoj se ajo ende dukej
mjaft të shpejtë.

866
00:42:04,250 --> 00:42:06,180
Por ishte e ngadalshme se më parë.

867
00:42:06,180 --> 00:42:10,340
>> Tomas Reimers: Dhe në qoftë se ju doni të gjeni
më shumë për këto gjëra, përsëri,

868
00:42:10,340 --> 00:42:13,410
thjesht shkoni në dokumentacionin jQuery,
të cilat ne kemi dhënë ty, dhe të lexoni

869
00:42:13,410 --> 00:42:13,735
nëpërmjet këtyre.

870
00:42:13,735 --> 00:42:15,790
Ata dokumentojnë funksionet e tyre
tepër të mirë.

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> MIKE Rizo: OK.

873
00:42:19,570 --> 00:42:21,560
Kështu që unë mendoj le të kthehemi në këtë.

874
00:42:21,560 --> 00:42:23,490
Dhe ne mund të flasim për faqen tonë të fundit.

875
00:42:23,490 --> 00:42:24,690
E pra, ne mund të përfundojë me bootstrap.

876
00:42:24,690 --> 00:42:27,140
Dhe pastaj ne do të hapur atë
për disa pyetje.

877
00:42:27,140 --> 00:42:30,180
Dhe në qoftë se ju djema keni ndonjë ide se
ju dëshironi të përpiqen për të vjellë dhe të shohim

878
00:42:30,180 --> 00:42:34,150
në qoftë se ne mund të zbatojë ato me
JavaScript shpejt.

879
00:42:34,150 --> 00:42:37,890
>> Pra, me të vërtetë shpejt për bootstrap, e cila
është përfshirë automatikisht në

880
00:42:37,890 --> 00:42:41,700
Problemi juaj e fundit vënë në dosjen CSS
dhe në të vërtetë të lidhura me në tuaj

881
00:42:41,700 --> 00:42:43,190
header.php.

882
00:42:43,190 --> 00:42:46,740
Kështu që ju mund të ketë shtuar se klasa
përcaktohen në bootstrap të saj.

883
00:42:46,740 --> 00:42:50,490
Dhe kjo do të kishte organizuar automatikisht
ato gjëra në përputhje me rrethanat.

884
00:42:50,490 --> 00:42:54,550
>> Tomas Reimers: Pra Bootstrap është një shumë e
gjë magjike zhvilluar nga populli

885
00:42:54,550 --> 00:42:55,340
në Twitter.

886
00:42:55,340 --> 00:42:57,230
Dhe ajo që ai kishte për qëllim të bënte ishte -

887
00:42:57,230 --> 00:43:00,740
para se faqet e internetit ishin të vërtetë e vështirë për të bërë
duken bukur, sidomos kur kemi pasur

888
00:43:00,740 --> 00:43:02,200
një shumë e komponentëve të përbashkëta.

889
00:43:02,200 --> 00:43:04,770
Pra, një shumë e butonave në
web dukej e njëjtë.

890
00:43:04,770 --> 00:43:08,960
>> Një shumë e fushave të tekstit mund të bëhen për të
duken më mirë se teksti standarde

891
00:43:08,960 --> 00:43:13,620
fushë ju ndoshta e dini nga të vërtetë
Faqet e internetit të vjetra apo të vërtetë të bërë keq

892
00:43:13,620 --> 00:43:18,210
faqet e internetit, të cilat vetëm duken si literal
kuti teksti pa ndonjë formë të tekstit

893
00:43:18,210 --> 00:43:21,190
hije apo çdo lloj të përshkruajë bukur.

894
00:43:21,190 --> 00:43:24,540
Pra, çfarë Bootstrap bëri ishte ajo tha, mirë,
Ne kemi shumë stile të përbashkët.

895
00:43:24,540 --> 00:43:28,210
Pse nuk e bëjnë një grup të përbashkët të CSS
dhe një grup i përbashkët i JavaScript, si

896
00:43:28,210 --> 00:43:32,210
dhe, e cila mund të stilit si dhe cilat
mund të japin njerëzve gjëra të tilla si rënie

897
00:43:32,210 --> 00:43:34,610
down menus, të cilat mund të japin njerëzve
gjëra të tilla si modals.

898
00:43:34,610 --> 00:43:38,580
>> Modal është ajo pops mbi faqen e
sa herë që është e të thuash të drejtën

899
00:43:38,580 --> 00:43:41,090
diçka, e cila pengon tej
Lidhja e deri sa ju

900
00:43:41,090 --> 00:43:43,110
ndërveprojnë me të.

901
00:43:43,110 --> 00:43:45,820
Diçka si kjo është, a jeni i sigurt
ju dëshironi të fshini këtë gjë?

902
00:43:45,820 --> 00:43:49,100
Ju nuk mund të vërtetë të bëjë asgjë tjetër
deri sa të thoni po ose jo.

903
00:43:49,100 --> 00:43:52,720
>> Ajo mori të gjithë këtë dhe kjo paketuar atë
së bashku dhe tha, këtu ne do të shkojmë.

904
00:43:52,720 --> 00:43:54,630
Njerëzit tani mund të përdorë këtë.

905
00:43:54,630 --> 00:43:56,830
Dhe ju mund të gjeni atë mbi
në getbootstrap.com.

906
00:43:56,830 --> 00:44:00,480
Ajo është përfshirë automatikisht brenda
Problemi juaj e fundit të vendosur.

907
00:44:00,480 --> 00:44:04,160
Dhe ju jeni më se i mirëpritur për të
përdorin atë në projektin tuaj përfundimtar.

908
00:44:04,160 --> 00:44:06,950
Dhe në qoftë se ju doni të ndiqni se
Lidhje të marrë bootstrap.

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> Ju do të shihni këtu është
Bootstrap faqen CSS.

911
00:44:15,700 --> 00:44:16,860
Ju do të shihni bootstrap.

912
00:44:16,860 --> 00:44:20,450
Dhe nëse ju lëvizni poshtë, ju do të shihni
si për të shkarkuar atë, si për të

913
00:44:20,450 --> 00:44:21,900
instaloni atë, e të tjera.

914
00:44:21,900 --> 00:44:24,700
>> MIKE Rizo: Dhe ju gjithashtu mund të,
mjaft interesant, rregulloje atë për të

915
00:44:24,700 --> 00:44:27,770
të jetë çfarëdo lloj temave
që ju dëshironi.

916
00:44:27,770 --> 00:44:31,270
Unë e di se është diçka kam bërë për tim
Projekti final kur mora klasën

917
00:44:31,270 --> 00:44:32,050
u rregulloje atë.

918
00:44:32,050 --> 00:44:34,540
Një version i ndryshëm i bootstrap që
kishte një skemë të ngjyrave të ndryshme dhe

919
00:44:34,540 --> 00:44:36,700
forma të ndryshme të disa
gjëra të ndryshme.

920
00:44:36,700 --> 00:44:38,250
Kështu që unë ju inkurajoj për të luajtur me këtë.

921
00:44:38,250 --> 00:44:39,440
Kjo është lloj i fun për të bërë.

922
00:44:39,440 --> 00:44:43,230
>> Tomas Reimers: Duke kërkuar nëpër të lartë
përsëri, kjo është shumë e ngjashme me Font

923
00:44:43,230 --> 00:44:44,970
Faqe awesome.

924
00:44:44,970 --> 00:44:47,810
Një shumë e dokumentacionit do të fillojë
të duken të ngjashme, kur ju keni

925
00:44:47,810 --> 00:44:48,940
shihet mjaft e tij.

926
00:44:48,940 --> 00:44:51,260
Pra, këtu kemi CSS
përbërëse e kësaj.

927
00:44:51,260 --> 00:44:53,540
Dhe ju do të shihni se si
mund të stilit gjëra.

928
00:44:53,540 --> 00:44:56,780
Pra, nëse ju klikoni në tavolina, për shembull,
ju menjëherë mund të bëjë një

929
00:44:56,780 --> 00:45:01,710
Tabela goxha nga thjesht duke shtuar
Tabela klasë për të.

930
00:45:01,710 --> 00:45:03,150
>> Gjëra të njëjta për butonat.

931
00:45:03,150 --> 00:45:12,140
Nëse ju thjesht shtoni BTN klasës dhe BTN
parazgjedhur ose BTN kryesor, ju mund të

932
00:45:12,140 --> 00:45:16,240
të marrë çdo një nga këto butona
me këto stilet para të bëra.

933
00:45:16,240 --> 00:45:18,570
Dhe pastaj, në qoftë se jeni duke kërkuar për
diçka më komplekse se sa thjesht

934
00:45:18,570 --> 00:45:24,100
restyling çfarë w tashmë kanë, më shumë se në
tab JavaScript gjithë ne krye

935
00:45:24,100 --> 00:45:25,120
kanë një bandë e komponentëve.

936
00:45:25,120 --> 00:45:30,410
>> Pra, këtu kemi tranzicionit, modals,
tendat, tabs, dhe ndihmesa.

937
00:45:30,410 --> 00:45:35,530
Një tooltip është ajo pops up bazë tuaj
miut kur ju rri pezull mbi diçka.

938
00:45:35,530 --> 00:45:40,280
Popovers, alarme, buttons, paloset
fizarmonikë është ajo që

939
00:45:40,280 --> 00:45:41,190
ata janë quajtur zakonisht.

940
00:45:41,190 --> 00:45:43,045
Carousels, e cila flip
përmes imazheve si.

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> Pra, ata janë komponentët
i bootstrap.

943
00:45:54,840 --> 00:45:57,620
Unë do të ju inkurajojmë që të
shumë të shkoni shikoni në ta.

944
00:45:57,620 --> 00:46:01,780
Ka një komponent JavaScript
dhe nje komponent CSS.

945
00:46:01,780 --> 00:46:03,880
Të ndjehen të lirë për të përdorur ato si ju do.

946
00:46:03,880 --> 00:46:06,730
Ne nuk do të shkojnë shumë në to
sepse ne mendojmë dokumentacionin

947
00:46:06,730 --> 00:46:09,360
është bërë me të vërtetë mirë.

948
00:46:09,360 --> 00:46:10,540
Dhe vërtet.

949
00:46:10,540 --> 00:46:14,500
A keni ndonjë pyetje në lidhje me këtë?

950
00:46:14,500 --> 00:46:19,430
>> MIKE Rizo: Pra, si janë me të vërtetë të shpejtë
anë, dizajni i kësaj web faqe që

951
00:46:19,430 --> 00:46:21,830
ne shpejt vënë së bashku për
ky prezantim është

952
00:46:21,830 --> 00:46:24,290
bërë në të vërtetë duke përdorur bootstrap.

953
00:46:24,290 --> 00:46:27,810
Siç mund ta shikoni, kur ne të klikoni mbi këto
tabs të ndryshme, ne kurrë nuk jemi në të vërtetë

954
00:46:27,810 --> 00:46:30,750
duke lënë këtë faqe tanishme index.html.

955
00:46:30,750 --> 00:46:36,400
Pra, ajo që ne kemi është divs ndryshme
në këtë index.html.

956
00:46:36,400 --> 00:46:39,610
Dhe pastaj, sa herë që ne të klikoni një të ndryshme
tab, kjo është vetëm duke ndryshuar

957
00:46:39,610 --> 00:46:41,590
e cila tregon dikujt.

958
00:46:41,590 --> 00:46:47,390
>> Pra, kjo në përputhje me rrethanat pozicionoi ata,
ndryshon HTML e faqe në mënyrë që

959
00:46:47,390 --> 00:46:52,330
tab aktual është shënuar si aktive kështu
duket ndryshe dhe duket

960
00:46:52,330 --> 00:46:52,820
të vërtetë e bukur.

961
00:46:52,820 --> 00:46:57,260
>> Tomas Reimers: Pra, kjo është bërë të gjithë
pa na shkruar pothuajse çdo CSS.

962
00:46:57,260 --> 00:47:01,440
Ne gjithashtu shohim një kokë nëpër të lartë,
të cilat ngjyrat janë nga ne.

963
00:47:01,440 --> 00:47:04,800
Por aktuale vënë atë në
krye të faqes dhe duke e bërë

964
00:47:04,800 --> 00:47:06,660
ajo scroll ishte Bootstrap.

965
00:47:06,660 --> 00:47:09,720
Dhe pastaj edhe për një tjetër bibliotekë - kjo
nuk është një folëm por një

966
00:47:09,720 --> 00:47:11,580
ju mund të Google në qoftë se ju dëshironi.

967
00:47:11,580 --> 00:47:15,130
Kjo është quajtur prettify.js.

968
00:47:15,130 --> 00:47:20,650
Dhe kjo do të nxjerrë në pah sintakse kodin tuaj
për ju duke përdorur të dy CSS dhe JavaScript.

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> Gjëja e fundit që ne duam të flasim për
para se ne lirimin nga ju në

971
00:47:27,070 --> 00:47:30,620
bota për të parë në bibliotekat të kuptoj se
se si të përdorin ato dhe për të, me shpresë,

972
00:47:30,620 --> 00:47:34,640
lexuar dokumentacionin dhe për të gjetur atë që ju
Nevoja është se si për të gjetur bibliotekat.

973
00:47:34,640 --> 00:47:37,000
Pra, e para është që ne jemi vetëm
do të shtyjë Google.

974
00:47:37,000 --> 00:47:37,810
Shko Google.

975
00:47:37,810 --> 00:47:41,150
>> Kjo është fjalë për fjalë ajo që ne bëjmë kur
duhet të bëni diçka është ne Google.

976
00:47:41,150 --> 00:47:44,730
A ka një bibliotekë JavaScript që
lejon mua për të manipuluar kohë në një

977
00:47:44,730 --> 00:47:45,400
mënyrë e dobishme?

978
00:47:45,400 --> 00:47:49,510
Pra, nëse unë e di se disa përdorues duke krijuar
një llogari këtu, dhe kjo është

979
00:47:49,510 --> 00:47:53,010
koha e tanishme, si mund ta llogarisim
Dallimi me se pa pasur nevojë të

980
00:47:53,010 --> 00:47:55,020
llogaritur atë vetë?

981
00:47:55,020 --> 00:47:59,630
Pra, kjo është në fakt një gjë e zakonshme,
JavaScript kohë bibliotekë.

982
00:47:59,630 --> 00:48:02,440
Dhe këtu ne Moment.js--
një nga më populloret.

983
00:48:02,440 --> 00:48:06,530
>> Në qoftë se ne kemi nevojë për një bibliotekë të manipuluar
diçka si ngjyra të jetë në gjendje të

984
00:48:06,530 --> 00:48:08,650
gjenerojë një bandë e ngjyrave të rastit -

985
00:48:08,650 --> 00:48:10,660
ndoshta, për të krijuar një
style apo diçka -

986
00:48:10,660 --> 00:48:13,480
ne mund të Google diçka si
JavaScript bibliotekë ngjyra.

987
00:48:13,480 --> 00:48:15,620
Dhe unë jam i sigurt se ne do të hapet me
një mijë dhe një prej tyre.

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
Jeni të mirëpritur për të lexuar nëpërmjet tyre.

990
00:48:21,410 --> 00:48:24,610
>> Pra, gjërat më të - kur ti gjeni ato -
do të strehohen në një nga

991
00:48:24,610 --> 00:48:25,920
faqet e cila kodin host.

992
00:48:25,920 --> 00:48:26,960
Ata janë janë ato pak të njohura.

993
00:48:26,960 --> 00:48:30,870
Më të njohura, duke
më tani, është github.com.

994
00:48:30,870 --> 00:48:35,300
Dhe në qoftë se ju shkoni në Github është e vërtetë
ku u prit normalizohet.

995
00:48:35,300 --> 00:48:36,950
Pra, nëse ju doni të shkoni përsëri në se një.

996
00:48:36,950 --> 00:48:38,135
Treguar atyre që.

997
00:48:38,135 --> 00:48:40,516
>> MIKE Rizo: Dhe kjo është në të vërtetë ku
kjo është pritur shumë, në qoftë se keni vënë re.

998
00:48:40,516 --> 00:48:41,000
>> Tomas Reimers: Po.

999
00:48:41,000 --> 00:48:49,078
Pra, nëse ju shkoni mbi të normalizojë
dhe të shkojnë në Github.

1000
00:48:49,078 --> 00:48:51,936
Ishin është se?

1001
00:48:51,936 --> 00:48:54,620
>> MIKE Rizo: gjë që pak cat
është simbol Github.

1002
00:48:54,620 --> 00:48:56,330
>> Tomas Reimers: Oh.

1003
00:48:56,330 --> 00:49:02,180
Pra Github përdor një metodë të quajtur
Shko tek kodin dyqan.

1004
00:49:02,180 --> 00:49:05,150
A ju nuk e dini se çka është apo
kjo ju frikëson, kjo është në rregull.

1005
00:49:05,150 --> 00:49:16,100
Ju nuk duhet të dini se çfarë është Git
sepse Github ka një butonin Shkarko

1006
00:49:16,100 --> 00:49:17,200
në fund të drejtën.

1007
00:49:17,200 --> 00:49:21,350
>> Gjëja tjetër e dobishme të dini
për Github është shumica e produkteve

1008
00:49:21,350 --> 00:49:23,200
do të ketë një të lexuar më.

1009
00:49:23,200 --> 00:49:25,400
Dhe në qoftë se ata nuk kanë një faqe interneti,
lexoni më do të flasim rreth asaj se si ju

1010
00:49:25,400 --> 00:49:28,310
instaloni atë, se si ta përdorni atë, çfarë
bën, e të tjera, e të tjera, e të tjera.

1011
00:49:28,310 --> 00:49:31,033
Ajo që ne kemi qenë në thelb
ecin ju nëpërmjet.

1012
00:49:31,033 --> 00:49:32,326
>> MIKE Rizo: ndalohet pirja e duhanit Interneti-së.

1013
00:49:32,326 --> 00:49:34,020
>> Tomas Reimers: Kjo është në rregull.

1014
00:49:34,020 --> 00:49:36,980
E fundit dy gjëra për të cilat dëshironim
për të folur për -

1015
00:49:36,980 --> 00:49:38,750
ne kemi biseduar për Git -

1016
00:49:38,750 --> 00:49:40,290
është problemeve.

1017
00:49:40,290 --> 00:49:43,020
Dhe kjo nuk është aq e rëndësishme për
Produkti final ashtu siç është

1018
00:49:43,020 --> 00:49:44,870
kur të largoheni 50.

1019
00:49:44,870 --> 00:49:48,310
Kur ju drejtuar në produkte
zbatimin e bibliotekave ose zbatimin e

1020
00:49:48,310 --> 00:49:50,230
Projekti tuaj, ju do të jeni
të ketë pyetje ose ju jeni

1021
00:49:50,230 --> 00:49:51,660
do të shikojmë për pyetje.

1022
00:49:51,660 --> 00:49:53,060
>> Përsëri, Google atë.

1023
00:49:53,060 --> 00:49:54,630
Kjo është fjalë për fjalë atë që ne bëjmë.

1024
00:49:54,630 --> 00:49:56,400
Kjo do të tingëllojë si budalla.

1025
00:49:56,400 --> 00:49:58,310
Por fjalë për fjalë, ne e Google atë.

1026
00:49:58,310 --> 00:50:01,810
Dhe përsëri, një nga gjërat e para
Zakonisht ju do të kandidojë në është

1027
00:50:01,810 --> 00:50:06,550
stackoverflow.com, e cila është një e mrekullueshme
pyetje dhe përgjigje pamje.

1028
00:50:06,550 --> 00:50:10,530
>> Është e mrekullueshme të dy për shkak se ju mund të
postoni pyetjet dhe të kërkoni për

1029
00:50:10,530 --> 00:50:12,760
përgjigjet por edhe sepse
ajo tashmë ka një shumë të

1030
00:50:12,760 --> 00:50:14,590
para-populluar përmbajtje atje.

1031
00:50:14,590 --> 00:50:18,510
Pra, zakonisht kur ju të Google një programimit
Pyetja në kuadër parë

1032
00:50:18,510 --> 00:50:22,620
Çifti godet ju mund të keni drejtuar tashmë
në të gjatë përcakton tuaj me probleme.

1033
00:50:22,620 --> 00:50:27,840
>> Dhe pastaj, gjëja e fundit që me të vërtetë të shkurtër
është JSFIDDLE, i cili eshte - sot ne kemi

1034
00:50:27,840 --> 00:50:32,110
qenë duke bërë shumë punë me
JavaScript HTML CSS.

1035
00:50:32,110 --> 00:50:39,820
JSFIDDLE është një app web, e cila në thelb
ju lejon të marrin HTML tuaj, TUAJ

1036
00:50:39,820 --> 00:50:42,820
JavaScript fund majtë, dhe
e drejta juaj CSS lartë.

1037
00:50:42,820 --> 00:50:47,840
Dhe atëherë ajo mund të krijojë një të shpejtë të merr
për të dhe të shohim se si ajo ndërvepron.

1038
00:50:47,840 --> 00:50:50,500
Kjo është shumë e dobishme kur njerëzit janë duke u përpjekur
për të bërë një provë të konceptit si

1039
00:50:50,500 --> 00:50:52,910
kjo është se si ju do
të bëjë një drop down menu.

1040
00:50:52,910 --> 00:50:54,980
Ndoshta një zbulojë të shpejtë apo çfarëdo.

1041
00:50:54,980 --> 00:50:56,560
>> MIKE Rizo: Pra, le të shkojë
përpara dhe të klikoni këtë.

1042
00:50:56,560 --> 00:50:57,820
Një shënim të shpejtë -

1043
00:50:57,820 --> 00:51:00,430
ndërsa, para se ne ishim
duke bërë të klikoni.

1044
00:51:00,430 --> 00:51:04,380
Rezulton JCorey Korea gjithashtu ka ndërtuar
në mbajtësin e ngjarjeve klikoni se

1045
00:51:04,380 --> 00:51:07,020
përdor vetëm për shkak se shifrat që ju jeni
do të dëshironi të bëni shumë gjëra

1046
00:51:07,020 --> 00:51:08,410
kur ju doni të klikoni diçka.

1047
00:51:08,410 --> 00:51:09,690
>> Në mënyrë të ngjashme, ajo gjithashtu ka një rri pezull.

1048
00:51:09,690 --> 00:51:12,850
Por për të marrë objektin e plotë të
ata, shikoni në jQuery

1049
00:51:12,850 --> 00:51:15,320
dokumentacion dhe të bëjë atë.

1050
00:51:15,320 --> 00:51:18,760
Kam bërë diçka të trashë këtu.

1051
00:51:18,760 --> 00:51:21,490
>> Tomas Reimers: Pra, unë kam një të vërtetë të shpejtë
program të drejtë këtu, i cili thotë

1052
00:51:21,490 --> 00:51:22,640
button on klik.

1053
00:51:22,640 --> 00:51:23,890
Pastaj ne kemi një për lak.

1054
00:51:23,890 --> 00:51:26,810
Për i është më pak se 404.

1055
00:51:26,810 --> 00:51:29,530
Është vetëm do të pop up
këto mesazhe alarm.

1056
00:51:29,530 --> 00:51:33,425
>> MIKE Rizo: Dhe çfarë ishte
Kodi 404 qëndroi për në HTML?

1057
00:51:33,425 --> 00:51:34,145
A ka dikush kujtohet?

1058
00:51:34,145 --> 00:51:35,450
Nuk u gjet, të drejtë.

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
Chrome gjithashtu shtoi ky i zoti
gjë ku ju mund të -

1061
00:51:40,885 --> 00:51:43,430
>> Tomas Reimers: Për shkak se njerëzit si
Mike filluar duke bërë këtë shumë dhe të

1062
00:51:43,430 --> 00:51:47,230
përdoruesit bezdisshëm, e cila lejon
ju për të parë info.

1063
00:51:47,230 --> 00:51:48,286
>> MIKE Rizo: Po.

1064
00:51:48,286 --> 00:51:50,690
>> Tomas Reimers: A kemi ndonjë pyetje
në lidhje me këtë, në lidhje me JavaScript

1065
00:51:50,690 --> 00:51:53,420
bibliotekat, duke gjetur biblioteka, ose
Duket se çfarë web zhvillim

1066
00:51:53,420 --> 00:51:55,400
si në botën e vërtetë?

1067
00:51:55,400 --> 00:51:56,880
Ne jemi duke kundër kohës.

1068
00:51:56,880 --> 00:52:00,400
Kështu që unë nuk jam i sigurt ne jemi duke shkuar
që të ketë kohë për të zbatuar

1069
00:52:00,400 --> 00:52:02,290
përveç nëse kjo është me të vërtetë të shpejtë.

1070
00:52:02,290 --> 00:52:04,580
A jemi të mirë?

1071
00:52:04,580 --> 00:52:08,110
>> MIKE Rizo: Çdo gjë ju djema do të doja
për të parë të vërtetë i shpejtë në, si, dy

1072
00:52:08,110 --> 00:52:09,556
minuta ose më pak?

1073
00:52:09,556 --> 00:52:10,870
>> Tomas Reimers: Çdo gjë
ne mund të sqaruar?

1074
00:52:10,870 --> 00:52:12,500
Si të shkruani në -

1075
00:52:12,500 --> 00:52:13,260
>> Audienca: [padëgjueshme]?

1076
00:52:13,260 --> 00:52:16,070
>> MIKE Rizo: Po, kështu that's -

1077
00:52:16,070 --> 00:52:18,065
>> Tomas Reimers: Ju mund të goditur vetëm
Kontrolli-U në faqen e internetit.

1078
00:52:18,065 --> 00:52:19,275
>> MIKE Rizo: Oh, unë nuk e di se.

1079
00:52:19,275 --> 00:52:22,290
>> Tomas Reimers: Unë mendoj, po.

1080
00:52:22,290 --> 00:52:23,300
Kontrolli-U. Po.

1081
00:52:23,300 --> 00:52:25,970
>> MIKE Rizo: Oh, kështu që kjo është
Kodi për faqen e internetit.

1082
00:52:25,970 --> 00:52:29,580
Por në qoftë se ju në të vërtetë doni të shkarkoni tonë
fotografi dhe çdo gjë, ajo është pritur

1083
00:52:29,580 --> 00:52:32,650
on github.com

1084
00:52:32,650 --> 00:52:34,850
>> Tomas Reimers: çaj emrin tim -

1085
00:52:34,850 --> 00:52:38,504
Tomas Reimers - slash
Seminar CS50 vizë ndarëse.

1086
00:52:38,504 --> 00:52:40,710
>> MIKE Rizo: Dhe ju mund të
gjeni çdo gjë atje.

1087
00:52:40,710 --> 00:52:42,310
>> Tomas Reimers: Kjo është ajo që Github
duket si, nga rruga.

1088
00:52:42,310 --> 00:52:44,910
Pra, përsëri, kur ju shikoni një burim të hapur
projekti, në mënyrë tipike, ata do të jenë një lexuar

1089
00:52:44,910 --> 00:52:45,950
mua atje se ju mund të lexoni.

1090
00:52:45,950 --> 00:52:50,200
Dhe në qoftë se ju shkoni përsëri, ju do të vëreni se
ju keni download zip, e cila do të

1091
00:52:50,200 --> 00:52:52,130
ju lejojnë të shkarkoni burimin
Kodi për të përfshirë

1092
00:52:52,130 --> 00:52:53,666
produkt në gjë tuaj.

1093
00:52:53,666 --> 00:52:56,890
>> MIKE Rizo: Po, dhe në qoftë se ne vetëm të klikoni
në index.html me të vërtetë shpejt -

1094
00:52:56,890 --> 00:52:59,180
>> Tomas Reimers: Ju do të shihni këtu është
kodi burim për faqen tonë të internetit.

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> MIKE Rizo: Gjithashtu, kam harruar për të shtyrë të drejtë
para me tabelën e madhe ajo

1097
00:53:06,070 --> 00:53:09,860
përfshirë, por ka edhe një tryezë
i chmods që ne të përfshira

1098
00:53:09,860 --> 00:53:13,210
vetëm për qartësi tuaj.

1099
00:53:13,210 --> 00:53:16,940
Por në qoftë se ne të shkoni të gjithë rrugën poshtë të
fund, ne nuk të vërtetë të bëjë shumë

1100
00:53:16,940 --> 00:53:21,160
shumë me JavaScript
sende në të gjitha me këtë.

1101
00:53:21,160 --> 00:53:26,610
Është ekskluzivisht nga çdo gjë
tjetër që kemi pasur.

1102
00:53:26,610 --> 00:53:28,730
>> Pra, ju falënderoj për të ardhur djema
dhe duke dëgjuar.

1103
00:53:28,730 --> 00:53:29,830
Ne shpresojmë se kjo ishte me të vërtetë e dobishme.

1104
00:53:29,830 --> 00:53:33,020
Nëse keni ndonjë JavaScript lidhur
pyetje ose thjesht duan të flasin për

1105
00:53:33,020 --> 00:53:36,240
çfarë tjetër si ajo që gjëra të tjera të ftohtë
ju mund të bëni me JavaScript, ne deshirojmë

1106
00:53:36,240 --> 00:53:37,186
të flas me ju.

1107
00:53:37,186 --> 00:53:40,010
>> Tomas Reimers: Nëse keni një pyetje
në lidhje me projektin tuaj, ose në qoftë se kjo mund të jetë

1108
00:53:40,010 --> 00:53:42,740
relevante, ne ndoshta do të rrinë rreth
pak pas kësaj.

1109
00:53:42,740 --> 00:53:44,640
Por përveç kësaj, kanë
një fundjavë të mirë.

1110
00:53:44,640 --> 00:53:45,845
>> MIKE Rizo: Po, të gëzojnë.

1111
00:53:45,845 --> 00:53:46,120
Shihemi djema.

1112
00:53:46,120 --> 00:53:47,370
>> Tomas Reimers: Shih ya.

1113
00:53:47,370 --> 00:53:47,926