1
00:00:00,000 --> 00:00:04,439

2
00:00:04,439 --> 00:00:07,230
DOUG Lloyd: NĂ« kĂ«tĂ« video, ne kemi kĂ«rkuar
pĂ«r tĂ« thirrur jashtĂ« vĂ«mendje tĂ« veĂ§antĂ«

3
00:00:07,230 --> 00:00:09,110
pĂ«r njĂ« shumĂ« tĂ« veĂ§antĂ«
element i JavaScript

4
00:00:09,110 --> 00:00:11,350
qĂ« ju mund tĂ« gjeni tĂ« dobishĂ«m
kur ju jeni duke filluar

5
00:00:11,350 --> 00:00:15,750
pĂ«r tĂ« punuar nĂ« manipulimin e faqeve web dhe
ndryshuar pĂ«rmbajtjen e faqes tuaj web

6
00:00:15,750 --> 00:00:16,460
tĂ« fluturojnĂ«.

7
00:00:16,460 --> 00:00:19,450
Dhe kjo Ă«shtĂ« nocioni i
Objekti Model Document.

8
00:00:19,450 --> 00:00:23,030
Pra, siĂ§ e pamĂ« nĂ« video tonĂ« nĂ«
JavaScript, objekte janĂ« shumĂ« fleksibĂ«l.

9
00:00:23,030 --> 00:00:24,750
>> Dhe ato mund tĂ« pĂ«rmbajnĂ« fusha tĂ« ndryshme.

10
00:00:24,750 --> 00:00:28,075
Dhe, edhe pse ne nuk ka shkuar nĂ« njĂ« shumĂ« tĂ«
detaje, ato fusha apo prona,

11
00:00:28,075 --> 00:00:30,200
se ne do tĂ« ngjarĂ« mĂ« shumĂ«
nĂ« mĂ«nyrĂ« tĂ« pĂ«rshtatshme e quajnĂ« ata

12
00:00:30,200 --> 00:00:33,915
nĂ« kontekstin e njĂ« objekti, edhe
kĂ«to prona mund tĂ« jenĂ« objekte tĂ« tjera.

13
00:00:33,915 --> 00:00:36,210
Dhe brenda ato objekte
mund tĂ« jenĂ« objekte tĂ« tjera.

14
00:00:36,210 --> 00:00:39,630
>> Ju e keni kĂ«tĂ« objekt shumĂ« tĂ« mĂ«dha
me njĂ« shumĂ« tĂ« objekteve tĂ« tjera

15
00:00:39,630 --> 00:00:43,550
nĂ« brendĂ«si tĂ« saj, i cili lloj i
krijon idenĂ« e njĂ« pemĂ« tĂ« madhe.

16
00:00:43,550 --> 00:00:47,540
Tani, objekti dokument Ă«shtĂ« njĂ«
objekt shumĂ« tĂ« veĂ§antĂ« nĂ« JavaScript

17
00:00:47,540 --> 00:00:52,580
qĂ« organizon tĂ«rĂ« web tuaj
faqe nĂ«n kĂ«tĂ« lloj tĂ« ombrellĂ«

18
00:00:52,580 --> 00:00:53,470
e njĂ« objekti.

19
00:00:53,470 --> 00:00:56,770
Dhe kĂ«shtu nĂ« brendĂ«si tĂ« dokumentit
objekt janĂ« objekte paraqitur

20
00:00:56,770 --> 00:00:59,630
kreu dhe trupin e faqes tuaj web.

21
00:00:59,630 --> 00:01:03,760
>> Brenda e atyre qĂ« janĂ« tĂ« tjera
objekte, e tĂ« tjera, e tĂ« tjera,

22
00:01:03,760 --> 00:01:08,411
derisa gjithĂ« faqen tuaj web ka
janĂ« organizuar nĂ« kĂ«tĂ« objekt tĂ« madh.

23
00:01:08,411 --> 00:01:09,660
Ă‡farĂ« Ă«shtĂ« kokĂ« kĂ«tu, apo jo?

24
00:01:09,660 --> 00:01:12,170
E pra, ne e dimĂ« se si tĂ« punojnĂ«
me objekte nĂ« JavaScript.

25
00:01:12,170 --> 00:01:15,840
>> Pra, nĂ« qoftĂ« se ne kemi njĂ« objekt qĂ«
i referohet tĂ« gjithĂ« faqen tonĂ« tĂ« internetit, qĂ«

26
00:01:15,840 --> 00:01:19,590
do tĂ« thotĂ« duke e quajtur e saktĂ«
Metodat pĂ«r tĂ« manipuluar atĂ« objekt

27
00:01:19,590 --> 00:01:22,360
ose modifikimin e caktuar
tĂ« pronave tĂ« saj, ne

28
00:01:22,360 --> 00:01:25,500
mund tĂ« ndryshojĂ« elementet e
faqe ynĂ« programmatically

29
00:01:25,500 --> 00:01:30,210
duke pĂ«rdorur JavaScript nĂ« vend qĂ«
tĂ« kodit gjĂ«ra me, tĂ« themi, HTML.

30
00:01:30,210 --> 00:01:33,760
KĂ«shtu qĂ« kĂ«tu Ă«shtĂ« njĂ« shembull i njĂ«
shumĂ« e thjeshtĂ« web faqe, e drejtĂ«?

31
00:01:33,760 --> 00:01:35,850
Ajo e mori HTML tags, njĂ« kokĂ«.

32
00:01:35,850 --> 00:01:37,979
>> Brenda ka njĂ« titull, Hello World.

33
00:01:37,979 --> 00:01:38,770
Pastaj unĂ« kam njĂ« trup.

34
00:01:38,770 --> 00:01:40,686
Brenda tĂ« kĂ«saj, unĂ« kam
tri gjĂ«ra tĂ« ndryshme.

35
00:01:40,686 --> 00:01:44,170
UnĂ« kam njĂ« header h2 etiketĂ«,
njĂ« paragraf, dhe njĂ« lidhje.

36
00:01:44,170 --> 00:01:45,920
Kjo Ă«shtĂ« njĂ« faqe shumĂ« e thjeshtĂ« web.

37
00:01:45,920 --> 00:01:48,590
>> E pra, Ă§farĂ« mund dokumenti
kundĂ«rshtojĂ« pĂ«r kĂ«tĂ« tĂ« duken si?

38
00:01:48,590 --> 00:01:50,700
E pra, kjo Ă«shtĂ« pak
frikshme ndoshta nĂ« fillim.

39
00:01:50,700 --> 00:01:52,510
Por kjo Ă«shtĂ« me tĂ« vĂ«rtetĂ« vetĂ«m njĂ« pemĂ« e madhe.

40
00:01:52,510 --> 00:01:54,890
Dhe nĂ« vetĂ« rrĂ«njĂ«t e saj Ă«shtĂ« dokument.

41
00:01:54,890 --> 00:02:00,030
>> Brenda dokumenti Ă«shtĂ« njĂ« tjetĂ«r
objekt iu referuar HTML tĂ« faqes sime.

42
00:02:00,030 --> 00:02:02,660
Dhe HTML i faqes sime Ă«shtĂ« e gjithĂ« kjo.

43
00:02:02,660 --> 00:02:06,900
Dhe pastaj brenda HTML
objekt, unĂ« kam njĂ« objekt kokĂ«,

44
00:02:06,900 --> 00:02:09,000
i cili i referohet Ă§do gjĂ« atje.

45
00:02:09,000 --> 00:02:11,009
>> Dhe brenda atje,
UnĂ« kam njĂ« objekt titullin.

46
00:02:11,009 --> 00:02:15,620
Dhe brenda atje, unĂ« kam njĂ« tjetĂ«r
kundĂ«rshtojnĂ« kjo Ă«shtĂ« vetĂ«m Hello World.

47
00:02:15,620 --> 00:02:18,020
UnĂ« mund tĂ« ketĂ« trupin tim
pĂ«rfaqĂ«suar si kjo.

48
00:02:18,020 --> 00:02:22,850
>> Brenda trupit tim, unĂ« kam njĂ« H2
objekt dhe njĂ« objekt pĂ«r p paragrafi

49
00:02:22,850 --> 00:02:25,270
dhe njĂ« njĂ« objekt pĂ«r njĂ« lidhje.

50
00:02:25,270 --> 00:02:29,660
Dhe kĂ«shtu kjo tĂ«rĂ« hierarki
mund tĂ« pĂ«rfaqĂ«sohet si njĂ« pemĂ« tĂ« madhe

51
00:02:29,660 --> 00:02:31,990
me shumĂ« pak mĂ« tĂ« vogĂ«l
gjĂ«ra qĂ« vijnĂ« nga ajo.

52
00:02:31,990 --> 00:02:33,740
Tani, sigurisht, kur
ne jemi duke programimit, ne

53
00:02:33,740 --> 00:02:35,560
nuk mendoj pĂ«r gjĂ«ra tĂ« tilla si njĂ« pemĂ« tĂ« madhe.

54
00:02:35,560 --> 00:02:37,980
Ne duam tĂ« shohim aktuale
Kodi gjĂ«ra tĂ« lidhura.

55
00:02:37,980 --> 00:02:40,790
>> Dhe pĂ«r fat tĂ« mirĂ«, ne mund tĂ«
pĂ«rdorin mjetet tona developer

56
00:02:40,790 --> 00:02:46,080
qĂ« nĂ« fakt tĂ« marrĂ« njĂ« sy nĂ«
Dokumenti objekt ky website-it.

57
00:02:46,080 --> 00:02:48,150
Dhe le ta bĂ«jmĂ« atĂ«.

58
00:02:48,150 --> 00:02:49,580
KĂ«shtu qĂ« unĂ« e kam hapur njĂ« skedĂ« tĂ« shfletuesit.

59
00:02:49,580 --> 00:02:51,540
>> Dhe unĂ« e kam hapur Mjete Zhvilluesish.

60
00:02:51,540 --> 00:02:54,460
Dhe nĂ« video e mia nĂ« JavaScript, unĂ«
pĂ«rmendi se konsol nuk Ă«shtĂ«

61
00:02:54,460 --> 00:02:56,770
vetĂ«m diku ku
ne tĂ« shtypura informacion,

62
00:02:56,770 --> 00:02:59,560
kjo Ă«shtĂ« gjithashtu njĂ« vend ku
ne mund informatave tĂ« dhĂ«na.

63
00:02:59,560 --> 00:03:01,380
NĂ« kĂ«tĂ« kontekst, Ă§farĂ«
UnĂ« do tĂ« them Ă«shtĂ«

64
00:03:01,380 --> 00:03:05,720
UnĂ« do tĂ« doja tĂ« marrĂ« pĂ«rsĂ«ri
objektet dokument,

65
00:03:05,720 --> 00:03:07,502
kĂ«shtu qĂ« unĂ« mund tĂ« fillojĂ« tĂ« ketĂ« njĂ« vĂ«shtrim nĂ« atĂ«.

66
00:03:07,502 --> 00:03:08,460
Pra, si mund ta bĂ«ni kĂ«tĂ«?

67
00:03:08,460 --> 00:03:10,740
E pra, nĂ« qoftĂ« se unĂ« dua tĂ«
organizojnĂ« me tĂ« vĂ«rtetĂ« bukur,

68
00:03:10,740 --> 00:03:16,317
UnĂ« jam duke shkuar pĂ«r tĂ« thĂ«nĂ« console.dir, D-i-R.
Tani, unĂ« e pĂ«rdorin console.log pĂ«r tĂ« vetĂ«m tĂ« shtypura

69
00:03:16,317 --> 00:03:17,400
diĂ§ka jashtĂ« shumĂ« e thjeshtĂ«.

70
00:03:17,400 --> 00:03:20,450
Por nĂ« qoftĂ« se unĂ« dua tĂ« organizoj kĂ«tĂ«
hierarkike si njĂ« objekt,

71
00:03:20,450 --> 00:03:23,800
UnĂ« dua qĂ« ajo lloj i strukturuar
si njĂ« strukturĂ« directory.

72
00:03:23,800 --> 00:03:27,400
>> KĂ«shtu qĂ« unĂ« dua tĂ« console.dir dokument.

73
00:03:27,400 --> 00:03:28,430
UnĂ« jam duke shkuar pĂ«r tĂ« goditur Enter.

74
00:03:28,430 --> 00:03:32,350
Dhe tĂ« drejtĂ«n poshtĂ« atĂ« tani,
dhe unĂ« do tĂ« zoom nĂ« kĂ«tu,

75
00:03:32,350 --> 00:03:36,000
UnĂ« kam marrĂ« kĂ«tĂ« dokument pĂ«rgjigje
me njĂ« shigjetĂ« tĂ« vogĂ«l tjetĂ«r pĂ«r tĂ«.

76
00:03:36,000 --> 00:03:39,470
Tani, kur kam hapur kĂ«tĂ« shigjetĂ«,
atje do tĂ« jetĂ« njĂ« shumĂ« gjĂ«ra.

77
00:03:39,470 --> 00:03:42,560
>> Por, ne jemi duke shkuar pĂ«r tĂ« injorojĂ« shumĂ«
e ai dhe lloji i vetĂ«m fokus

78
00:03:42,560 --> 00:03:46,250
nĂ« pjesĂ«n mĂ« tĂ« rĂ«ndĂ«sishme, kĂ«shtu qĂ« ne
mund tĂ« fillojnĂ« pĂ«r tĂ« lundruar kĂ«tĂ« dokument.

79
00:03:46,250 --> 00:03:50,125
Ka shumĂ« mĂ« tepĂ«r pĂ«r DOM se
vetĂ«m nyjet dhe nyjet fĂ«mijĂ« prind.

80
00:03:50,125 --> 00:03:51,500
Ka shumĂ« gjĂ«ra ndihmĂ«se.

81
00:03:51,500 --> 00:03:52,280
>> KĂ«shtu qĂ« unĂ« jam duke shkuar pĂ«r tĂ« hapur kĂ«tĂ« ide.

82
00:03:52,280 --> 00:03:54,610
Dhe ka njĂ« tĂ«rĂ«si shumĂ«
gjĂ«ra qĂ« pops up.

83
00:03:54,610 --> 00:03:59,000
Por tĂ« gjitha qĂ« mĂ« intereson Ă«shtĂ«
tĂ« drejtĂ« kĂ«tu, nyjet fĂ«mijĂ«.

84
00:03:59,000 --> 00:04:00,410
Le tĂ« hapur se deri.

85
00:04:00,410 --> 00:04:03,810
>> Brenda atje shoh
diĂ§ka e njohur, HTML.

86
00:04:03,810 --> 00:04:07,670
Pra, brenda tĂ« dokumentit tonĂ«
njĂ« nivel poshtĂ«, HTML.

87
00:04:07,670 --> 00:04:08,550
I hapur se deri.

88
00:04:08,550 --> 00:04:10,380
Ă‡farĂ« do presim?

89
00:04:10,380 --> 00:04:13,760
>> NĂ«se ju kujtohet nga diagramin tonĂ«,
Ă§farĂ« duhet tĂ« gjejmĂ« brenda HTML?

90
00:04:13,760 --> 00:04:17,275
Cilat dy nyjet janĂ« nĂ«n atĂ« nĂ« pemĂ«?

91
00:04:17,275 --> 00:04:17,899
Le tĂ« gjeni.

92
00:04:17,899 --> 00:04:18,940
Ne tĂ« hapĂ« HTML.

93
00:04:18,940 --> 00:04:22,079
Ne do tĂ« shkojmĂ« deri nĂ« nyjet e saj fĂ«mijĂ«ve.

94
00:04:22,079 --> 00:04:23,440
>> Pop se hapur.

95
00:04:23,440 --> 00:04:25,990
Ka kokĂ« dhe trup.

96
00:04:25,990 --> 00:04:28,540
Dhe ne mund tĂ« hapur deri nĂ« kokĂ«.

97
00:04:28,540 --> 00:04:30,460
Shko tek nyjet e saj fĂ«mijĂ«ve.

98
00:04:30,460 --> 00:04:31,460
E pra, nuk ka titullin.

99
00:04:31,460 --> 00:04:33,293
>> Dhe ne mund tĂ« shkoni nĂ« dhe
mĂ« kĂ«shtu pĂ«rgjithmonĂ«.

100
00:04:33,293 --> 00:04:34,770
Ne mund tĂ« bĂ«jmĂ« kĂ«tĂ« me trup si.

101
00:04:34,770 --> 00:04:40,090
Por ka njĂ« mĂ«nyrĂ« pĂ«r ne qĂ« tĂ« shikojmĂ« nĂ«
dokumenti i organizuar si njĂ« objekt i madh.

102
00:04:40,090 --> 00:04:42,610
Dhe nĂ«se ne shikojmĂ« nĂ« Ă«shtĂ« njĂ« i madh
objekt qĂ« duket shumĂ«

103
00:04:42,610 --> 00:04:47,480
si kod, kjo do tĂ« thotĂ« qĂ« ne mund tĂ« fillojmĂ«
pĂ«r tĂ« manipuluar kĂ«tĂ« objekt tĂ« madh duke pĂ«rdorur

104
00:04:47,480 --> 00:04:51,220
Kodi pĂ«r tĂ« ndryshuar Ă§ka tonĂ«
Faqja e internetit duket dhe ndjehet si.

105
00:04:51,220 --> 00:04:54,920
>> Pra, kjo Ă«shtĂ« njĂ« mjet mjaft i fuqishĂ«m
ne kemi nĂ« dispozicion tani.

106
00:04:54,920 --> 00:04:57,360
Pra, si ne vetĂ«m e pa, The
Dokumenti objekt nĂ« vetvete

107
00:04:57,360 --> 00:05:01,392
dhe tĂ« gjitha objektet brenda e saj
kanĂ« pronat dhe metodat, vetĂ«m

108
00:05:01,392 --> 00:05:04,100
si Ă§do objekt tjetĂ«r qĂ« ne i kemi
punuar me tĂ« nĂ« JavaScript.

109
00:05:04,100 --> 00:05:08,370
Por ne mund tĂ« pĂ«rdorim ato prona dhe
pĂ«rdorin kĂ«to metoda pĂ«r tĂ« lloj tĂ« StĂ«rvitja poshtĂ«

110
00:05:08,370 --> 00:05:10,900
nga dokumenti i madh dhe pĂ«r tĂ« marrĂ«
mĂ« tĂ« ulĂ«t dhe mĂ« tĂ« ulĂ«t dhe mĂ« tĂ« ulĂ«t,

111
00:05:10,900 --> 00:05:13,360
finer dhe finer kokrra
e detaje, deri sa ne

112
00:05:13,360 --> 00:05:17,510
tĂ« shkoj nĂ« njĂ« pjesĂ« shumĂ« tĂ« veĂ§antĂ« tĂ« tonĂ«
Web faqe qĂ« ne duam tĂ« ndryshojmĂ«.

113
00:05:17,510 --> 00:05:22,700
>> Dhe kur ne update pronat e
Document Object ose telefononi ato metoda,

114
00:05:22,700 --> 00:05:24,450
gjĂ«ra mund tĂ« ndodhĂ« nĂ« faqen tonĂ« tĂ« internetit.

115
00:05:24,450 --> 00:05:28,420
Dhe ne nuk kemi nevojĂ« pĂ«r tĂ« bĂ«rĂ« ndonjĂ« freskuese
tĂ« kenĂ« kĂ«to ndryshime hyjnĂ« nĂ« fuqi.

116
00:05:28,420 --> 00:05:33,160
>> Dhe kjo Ă«shtĂ« njĂ« aftĂ«si pretty cool pĂ«r
kemi kur ne jemi duke punuar me kodin.

117
00:05:33,160 --> 00:05:37,185
Pra, cilat janĂ« disa prej kĂ«tyre pronave
qĂ« janĂ« pjesĂ« e njĂ« objekti dokument?

118
00:05:37,185 --> 00:05:40,100
E pra, ju ndoshta pa njĂ«
disa prej tyre me tĂ« vĂ«rtetĂ« shpejt

119
00:05:40,100 --> 00:05:42,700
si ne u zipping
me anĂ« tĂ« dokumentit gjigand

120
00:05:42,700 --> 00:05:45,150
Objekti ne vetĂ«m e pa nĂ« shfletues.

121
00:05:45,150 --> 00:05:48,420
>> Por disa prej kĂ«tyre pronave
mund tĂ« jenĂ« gjĂ«ra tĂ« tilla si HTML brendshme.

122
00:05:48,420 --> 00:05:52,950
Dhe ju mund edhe tĂ« kujtojnĂ« mua
duke pĂ«rdorur kĂ«tĂ« nĂ« video JavaScript

123
00:05:52,950 --> 00:05:54,950
nĂ« fund kur unĂ«
ishte duke folur nĂ« lidhje me ngjarjet.

124
00:05:54,950 --> 00:05:56,125
Ă‡farĂ« ishte kjo HTML brendshme?

125
00:05:56,125 --> 00:05:59,030
E pra, kjo Ă«shtĂ« vetĂ«m ajo qĂ« Ă«shtĂ«
nĂ« mes tags.

126
00:05:59,030 --> 00:06:01,590
>> Dhe kĂ«shtu HTML brendshme,
pĂ«r shembull, i titullit

127
00:06:01,590 --> 00:06:05,390
tag, nĂ« qoftĂ« se ne e kishte mbajtur nĂ« vazhdim e sipĂ«r
se shembull njĂ« moment mĂ« parĂ«,

128
00:06:05,390 --> 00:06:08,020
do tĂ« kishte qenĂ« Hello World.

129
00:06:08,020 --> 00:06:10,140
Ky ishte titulli i faqes sonĂ«.

130
00:06:10,140 --> 00:06:12,370
Pronat e tjera
pĂ«rfshijnĂ« emrin nyje, tĂ« cilat

131
00:06:12,370 --> 00:06:15,810
Ă«shtĂ« emri i njĂ« HTML
element i tillĂ« si titull.

132
00:06:15,810 --> 00:06:19,100
ID, e cila Ă«shtĂ« ID
atribut i njĂ« element HTML.

133
00:06:19,100 --> 00:06:23,790
>> KujtojnĂ« se ne mund tĂ« tregojnĂ« posaĂ§Ă«risht
Elementet specifike HTML sonĂ«

134
00:06:23,790 --> 00:06:27,510
me njĂ« atribut ID, e cila zakonisht
vjen nĂ« dispozicion nĂ« kuadĂ«r tĂ« CSS,

135
00:06:27,510 --> 00:06:29,000
nĂ« mĂ«nyrĂ« specifike.

136
00:06:29,000 --> 00:06:33,217
Nyja prind, i cili Ă«shtĂ« njĂ« referencĂ« pĂ«r
ajo Ă«shtĂ« vetĂ«m deri mbi mua nĂ« DOM.

137
00:06:33,217 --> 00:06:35,800
Dhe nyjet e fĂ«mijĂ«s, i cili Ă«shtĂ« njĂ«
referencĂ« pĂ«r Ă§farĂ« Ă«shtĂ« poshtĂ« mua.

138
00:06:35,800 --> 00:06:37,950
Dhe ne pamĂ« shumĂ« se
vetĂ«m duke kĂ«rkuar nĂ«pĂ«rmjet.

139
00:06:37,950 --> 00:06:42,970
Nyjet fĂ«mijĂ«, kjo Ă«shtĂ« se si ne e mori
gjithnjĂ« e mĂ« poshtĂ« nĂ« pemĂ«.

140
00:06:42,970 --> 00:06:46,590
>> Atributet, kjo Ă«shtĂ« vetĂ«m njĂ« grup
e atributet e elementit HTML.

141
00:06:46,590 --> 00:06:50,270
Pra, njĂ« shembull i atributeve fuqisĂ«
tĂ« jetĂ« nĂ« qoftĂ« se ju keni njĂ« tag imazhit,

142
00:06:50,270 --> 00:06:54,090
ajo zakonisht ka njĂ« atribut burim,
ndoshta njĂ« lartĂ«si dhe njĂ« atribut gjerĂ«si.

143
00:06:54,090 --> 00:06:57,120
Dhe kĂ«shtu qĂ« do tĂ« jetĂ« vetĂ«m njĂ« grup
tĂ« gjithĂ« nga atributet lidhur

144
00:06:57,120 --> 00:06:59,300
me atĂ« element HTML.

145
00:06:59,300 --> 00:07:04,140
>> Style Ă«shtĂ« njĂ« tjetĂ«r qĂ«
paraqet CSS

146
00:07:04,140 --> 00:07:06,050
styling e njĂ« elementi tĂ« veĂ§antĂ«.

147
00:07:06,050 --> 00:07:08,310
Dhe mĂ« vonĂ« nĂ« kĂ«tĂ«
Video, ne do tĂ« nĂ« mĂ«nyrĂ« specifike

148
00:07:08,310 --> 00:07:14,592
Stili levave pĂ«r tĂ« bĂ«rĂ« njĂ« Ă§ift
e ndryshimeve nĂ« faqen tonĂ« tĂ« internetit.

149
00:07:14,592 --> 00:07:15,800
Pra, kĂ«to janĂ« disa prona.

150
00:07:15,800 --> 00:07:17,591
>> Dhe ka edhe disa
Metodat qĂ« ne mund tĂ«

151
00:07:17,591 --> 00:07:22,450
pĂ«rdorin pĂ«r tĂ« edhe mĂ« shpejt ndoshta tĂ« izoluar
elementet e dokumentit objekt.

152
00:07:22,450 --> 00:07:26,730
Ndoshta, mĂ« i zhdĂ«rvjellĂ«t
e kĂ«tyre qenĂ« getElementById.

153
00:07:26,730 --> 00:07:31,190
KĂ«shtu qĂ« unĂ« mund tĂ« them diĂ§ka si, sepse
mos harroni kjo Ă«shtĂ« njĂ« metodĂ« e Dokumentit

154
00:07:31,190 --> 00:07:34,880
Object, document.getElementById.

155
00:07:34,880 --> 00:07:39,820
>> Dhe brenda kĂ«tyre kllapa, specifiko
njĂ« element HTML me njĂ« ID tĂ« veĂ§antĂ«

156
00:07:39,820 --> 00:07:42,330
atribut qĂ« unĂ« kam parĂ«
vendosur, dhe unĂ« do tĂ« menjĂ«herĂ«

157
00:07:42,330 --> 00:07:46,685
shkojnĂ« drejtĂ« nĂ« atĂ« element
e internetit tĂ« pĂ«rgjithshĂ«m.

158
00:07:46,685 --> 00:07:49,310
KĂ«shtu qĂ« unĂ« nuk kam tĂ« shpuar ndoshta
poshtĂ« nĂ«pĂ«r Ă§do shtresĂ« tĂ« vetme.

159
00:07:49,310 --> 00:07:52,841
UnĂ« mund tĂ« pĂ«rdorni vetĂ«m kĂ«tĂ« metodĂ« pĂ«r tĂ« gjetur atĂ«,
lloj si njĂ« raketĂ« e kĂ«rkimit tĂ« ngrohjes,

160
00:07:52,841 --> 00:07:53,340
e drejtĂ«?

161
00:07:53,340 --> 00:07:56,300
Ajo vetĂ«m shkon dhe gjen
saktĂ«sisht se Ă§farĂ« ajo Ă«shtĂ« duke kĂ«rkuar pĂ«r.

162
00:07:56,300 --> 00:07:59,290
>> GetElementsByTagName Ă«shtĂ«
shumĂ« tĂ« ngjashme nĂ« frymĂ«.

163
00:07:59,290 --> 00:08:02,500
Ndoshta kjo do tĂ« gjeni tĂ« gjitha tĂ«
tags guximshme ose tĂ« gjithĂ« tags p

164
00:08:02,500 --> 00:08:05,920
dhe mĂ« jepni njĂ« sĂ«rĂ« gjithĂ§ka
qĂ« unĂ« pastaj mund tĂ« punojnĂ« me.

165
00:08:05,920 --> 00:08:12,080
appendChild shton diĂ§ka
njĂ« nivel poshtĂ« nĂ« pemĂ«.

166
00:08:12,080 --> 00:08:16,440
>> KĂ«shtu qĂ« unĂ« mund tĂ« shtoni njĂ« tĂ« tĂ«rĂ« tĂ« re
Elementi njĂ« nivel mĂ« tĂ« ulĂ«t.

167
00:08:16,440 --> 00:08:19,700
Ose unĂ« mund tĂ« hiqni njĂ« element qĂ« Ă«shtĂ«
njĂ« nivel mĂ« tĂ« ulĂ«t, si dhe nĂ« qoftĂ« se unĂ« dua

168
00:08:19,700 --> 00:08:22,870
tĂ« fshini diĂ§ka nga web faqen time.

169
00:08:22,870 --> 00:08:28,480
Tani, njĂ« shĂ«nim tĂ« shpejtĂ« coding dhe njĂ« tĂ« shpejtĂ«
dhimbje koke kursyer shĂ«nim, me shpresĂ«.

170
00:08:28,480 --> 00:08:31,670
>> getElementById-- D Ă«shtĂ« me tĂ« vogla.

171
00:08:31,670 --> 00:08:36,950
UnĂ« nuk mund t'ju them se sa herĂ« unĂ« kam
pĂ«rdorur getElementById dhe kapitalizuar

172
00:08:36,950 --> 00:08:38,336
D atje.

173
00:08:38,336 --> 00:08:39,460
PĂ«r shkak se ajo Ă«shtĂ« me tĂ« vĂ«rtetĂ« e zakonshme.

174
00:08:39,460 --> 00:08:42,990
NĂ«se e shkruajmĂ« ID fjalĂ«n, Ă«shtĂ«
zakonisht Kapitali I kapital D.

175
00:08:42,990 --> 00:08:44,240
Dhe kodi im thjesht nuk punon.

176
00:08:44,240 --> 00:08:45,630
Dhe unĂ« nuk mund ta kuptoj se pse.

177
00:08:45,630 --> 00:08:49,490
Kjo Ă«shtĂ« njĂ« tĂ« vĂ«rtetĂ«, tĂ« vĂ«rtetĂ«, tĂ« vĂ«rtetĂ«
bug pĂ«rbashkĂ«t qĂ« tĂ« gjithĂ« e bĂ«n,

178
00:08:49,490 --> 00:08:51,890
edhe ekspertĂ«t qĂ« kanĂ«
bĂ«rĂ« kĂ«tĂ« pĂ«rgjithmonĂ«.

179
00:08:51,890 --> 00:08:55,410
Pra, vetĂ«m tĂ« jetĂ« i vetĂ«dijshĂ«m, getElementById,
se d Ă«shtĂ« me tĂ« vogla.

180
00:08:55,410 --> 00:09:00,080
Dhe me shpresĂ«, se ju kursen disa
minuta tĂ« paktĂ«n e dhimbje.

181
00:09:00,080 --> 00:09:02,204
>> Pra, Ă§farĂ« e bĂ«n e gjithĂ« kjo na thoni?

182
00:09:02,204 --> 00:09:03,120
Ne kemi kĂ«to metoda.

183
00:09:03,120 --> 00:09:04,161
Ne kemi kĂ«to prona.

184
00:09:04,161 --> 00:09:06,610
Tani, nĂ« qoftĂ« se ne fillojmĂ« nga
dokument, dokumenti.

185
00:09:06,610 --> 00:09:10,220
Ă§farĂ«do, ne tani mund tĂ« merrni nĂ« ndonjĂ«
copĂ« e vetme e faqes tonĂ« tĂ« internetit

186
00:09:10,220 --> 00:09:14,870
qĂ« ne duam tĂ« pĂ«rdorur JavaScript
vetĂ«m duke e quajtur kĂ«to metoda

187
00:09:14,870 --> 00:09:19,940
dhe leveraging pronat
qĂ« ne gjejmĂ« nĂ« vende tĂ« ndryshme.

188
00:09:19,940 --> 00:09:24,890
>> Kjo mund tĂ« merrni gojor, kjo
document.getElementByID,

189
00:09:24,890 --> 00:09:28,560
ndoshta kanĂ« njĂ« emĂ«r tĂ« gjatĂ« tag,
ndoshta ju bĂ«ni shumĂ« telefonata mĂ« vonĂ«.

190
00:09:28,560 --> 00:09:31,230
GjĂ«rat mund tĂ« merrni pak gojor.

191
00:09:31,230 --> 00:09:34,480
Dhe si programuesit, si ju keni
ndoshta shihet nĂ« shumĂ« nga kĂ«to video,

192
00:09:34,480 --> 00:09:36,600
ne nuk i pĂ«lqen gjĂ«rat gojor.

193
00:09:36,600 --> 00:09:38,520
>> Ne si tĂ« jetĂ« nĂ« gjendje tĂ« bĂ«jĂ« gjĂ«ra tĂ« shpejt.

194
00:09:38,520 --> 00:09:42,640
Pra, ne do tĂ« dĂ«shironim njĂ« mĂ«
mĂ«nyrĂ« koncize pĂ«r tĂ« thĂ«nĂ« diĂ§ka.

195
00:09:42,640 --> 00:09:46,270
Pra, ky lloj i Ă§on nĂ«
Nocioni i diĂ§ka tĂ« quajtur jQuery.

196
00:09:46,270 --> 00:09:49,170
Tani jQuery nuk Ă«shtĂ« JavaScript.

197
00:09:49,170 --> 00:09:50,350
Kjo nuk Ă«shtĂ« pjesĂ« e JavaScript.

198
00:09:50,350 --> 00:09:54,790
>> Ajo Ă«shtĂ« njĂ« bibliotekĂ« qĂ« u shkrua
nga disa programuesit JavaScript

199
00:09:54,790 --> 00:09:57,060
rreth 10 vjet mĂ« parĂ«.

200
00:09:57,060 --> 00:10:01,300
Dhe qĂ«llimi i saj Ă«shtĂ« pĂ«r tĂ« lehtĂ«suar kjo Ă§farĂ« Ă«shtĂ«
quajtur side scripting klient, i cili

201
00:10:01,300 --> 00:10:04,310
Ă«shtĂ« nĂ« thelb ajo qĂ« ne ishim vetĂ«m
duke folur nĂ« lidhje me manipulime DOM.

202
00:10:04,310 --> 00:10:11,090
Dhe kĂ«shtu qĂ« nĂ« qoftĂ« se unĂ« tĂ« kĂ«rkuar pĂ«r tĂ« modifikuar
ngjyrĂ«n e sfondit e web faqen time, ndoshta

203
00:10:11,090 --> 00:10:11,980
njĂ« Div veĂ§antĂ«.

204
00:10:11,980 --> 00:10:15,325
>> KĂ«tu, unĂ« jam me sa duket duke u
ElementById colorDiv.

205
00:10:15,325 --> 00:10:16,950
Dhe unĂ« dua tĂ« vendosur ngjyra e saj e sfondit.

206
00:10:16,950 --> 00:10:20,720
NĂ« qoftĂ« se unĂ« jam vetĂ«m duke pĂ«rdorur JavaScript tĂ« pastĂ«r
duke pĂ«rdorur Document Object Model,

207
00:10:20,720 --> 00:10:23,990
kjo Ă«shtĂ« njĂ« shumĂ« gjĂ«ra, apo jo?
document.getElementByID

208
00:10:23,990 --> 00:10:25,531
colorDiv.style.backgroundColor = e gjelbĂ«r.

209
00:10:25,531 --> 00:10:27,260

210
00:10:27,260 --> 00:10:28,050
>> Uf.

211
00:10:28,050 --> 00:10:30,110
Kjo ishte shumĂ« pĂ«r tĂ« thĂ«nĂ«.

212
00:10:30,110 --> 00:10:31,720
Kjo Ă«shtĂ« njĂ« shumĂ« tĂ« tipit, too.

213
00:10:31,720 --> 00:10:35,760
Dhe kĂ«shtu nĂ« jQuery, ne mund tĂ« themi ndoshta
kjo pak mĂ« koncize.

214
00:10:35,760 --> 00:10:39,350
Tregtia off qenĂ« kjo Ă«shtĂ« ndoshta pak
pak mĂ« shumĂ« i fshehtĂ« gjithĂ« njĂ« e papritur,

215
00:10:39,350 --> 00:10:39,850
e drejtĂ«?

216
00:10:39,850 --> 00:10:43,580
>> TĂ« paktĂ«n gjatĂ« Ă«shtĂ« pak mĂ«
shpjegues pĂ«r atĂ« qĂ« ne jemi duke bĂ«rĂ«.

217
00:10:43,580 --> 00:10:49,947
Kjo shenjĂ« dollar, kllapa,
tĂ« japin kuotĂ«n e vetme, hash, colorDiv, e drejtĂ«?

218
00:10:49,947 --> 00:10:50,780
Cfare do te thote ajo?

219
00:10:50,780 --> 00:10:53,640
E pra, kjo Ă«shtĂ« nĂ« thelb vetĂ«m
document.getElementByID colorDiv.

220
00:10:53,640 --> 00:10:58,700
>> Por kjo Ă«shtĂ« kjo lloj stenografi
mĂ«nyrĂ« pĂ«r tĂ« bĂ«rĂ« atĂ« duke pĂ«rdorur jQuery.

221
00:10:58,700 --> 00:11:01,380
Le tĂ« marrin njĂ« vĂ«shtrim tani
nĂ« disa mĂ«nyra tĂ« ndryshme

222
00:11:01,380 --> 00:11:04,520
qĂ« unĂ« mund tĂ« vĂ«rtetĂ«
pĂ«rdorni kĂ«tĂ« Document Object

223
00:11:04,520 --> 00:11:06,807
Model pĂ«r tĂ« manipuluar copa tĂ« web faqen time.

224
00:11:06,807 --> 00:11:09,140
NĂ« veĂ§anti, ne jemi duke shkuar
pĂ«r tĂ« punuar nĂ« manipulimin

225
00:11:09,140 --> 00:11:14,090
ngjyra e njĂ« tĂ« veĂ§antĂ«
Div, colorDiv, nĂ« njĂ« web faqe.

226
00:11:14,090 --> 00:11:15,299
Pra, le tĂ« marrin njĂ« vĂ«shtrim nĂ« atĂ«.

227
00:11:15,299 --> 00:11:15,798
NĂ« rregull.

228
00:11:15,798 --> 00:11:16,700
KĂ«shtu qĂ« unĂ« jam nĂ« njĂ« faqe.

229
00:11:16,700 --> 00:11:20,750
Ajo qĂ« quhet test.html kur shkarkoni
kjo nĂ« qoftĂ« se ju doni tĂ« kallajxhi me kĂ«tĂ«.

230
00:11:20,750 --> 00:11:24,730
Dhe unĂ« kam marrĂ« njĂ« bandĂ« e
butonat nĂ« kĂ«tĂ« faqe.

231
00:11:24,730 --> 00:11:27,730
Dhe unĂ« jam duke thĂ«nĂ« se funksionet individuale
pĂ«r ngjyrĂ«n e sfondit, vjollcĂ«, jeshile,

232
00:11:27,730 --> 00:11:31,330
portokalli, e kuqe, blu, njĂ« funksion i vetĂ«m
pĂ«r ngjyrĂ«n e sfondit, mbajtĂ«s ngjarje

233
00:11:31,330 --> 00:11:34,360
pĂ«r ngjyrĂ«n e sfondit, dhe duke pĂ«rdorur jQuery.

234
00:11:34,360 --> 00:11:38,147
Ă‡farĂ« jam unĂ« duke folur pĂ«r
kur unĂ« jam duke bĂ«rĂ« kĂ«tĂ«?

235
00:11:38,147 --> 00:11:39,230
Pra, ne kemi parĂ« butonat.

236
00:11:39,230 --> 00:11:41,521
Tani, le tĂ« marrin njĂ« vĂ«shtrim nĂ«
disa tĂ« kodit burim kĂ«tu.

237
00:11:41,521 --> 00:11:44,770
Ne do tĂ« fillojĂ« me test.html.

238
00:11:44,770 --> 00:11:48,100
Funksionet e kĂ«shtu individuale pĂ«r sfond
ngjyra Ă«shtĂ« ajo qĂ« unĂ« kam shtypur kĂ«tu.

239
00:11:48,100 --> 00:11:49,350
MĂ« lejoni tĂ« lĂ«vizni pak.

240
00:11:49,350 --> 00:11:56,170

241
00:11:56,170 --> 00:11:58,820
>> Dhe ju do tĂ« vĂ«reni se unĂ«
kanĂ« pĂ«rcaktuar kĂ«to butona

242
00:11:58,820 --> 00:12:03,990
pĂ«r tĂ« thĂ«nĂ« kur ky buton Ă«shtĂ« klikuar,
thirrni funksionin kthehet vjollcĂ«.

243
00:12:03,990 --> 00:12:06,670
Kur ky buton Ă«shtĂ« tĂ« klikoni, nĂ« vend,
quajmĂ« funksioni kthehet e gjelbĂ«r,

244
00:12:06,670 --> 00:12:08,710
kthehet portokalli, nga ana e kuqe, tĂ« kthehet blu.

245
00:12:08,710 --> 00:12:11,880
Ju ndoshta mund tĂ« mendoj se kjo
ndoshta nuk Ă«shtĂ« dizajni mĂ« i mirĂ«

246
00:12:11,880 --> 00:12:12,460
kuptim, apo jo?

247
00:12:12,460 --> 00:12:16,490
>> Ajo do tĂ« jetĂ« mirĂ« nĂ« qoftĂ« se unĂ« mund tĂ«
kanĂ« njĂ« qasje mĂ« tĂ« pĂ«rgjithshme.

248
00:12:16,490 --> 00:12:19,570
E pra, sĂ« pari ne do tĂ« hedhim njĂ« vĂ«shtrim
nĂ« Ă§farĂ« janĂ« kĂ«to pesĂ« funksione janĂ«

249
00:12:19,570 --> 00:12:24,400
document.getElementByID
colorDiv.style.background = purple,

250
00:12:24,400 --> 00:12:27,250
jeshile, portokalli, e kuqe,
dhe blu, respektivisht.

251
00:12:27,250 --> 00:12:30,930
Pra, nuk Ă«shtĂ« veĂ§anĂ«risht dizajn tĂ« mirĂ«.

252
00:12:30,930 --> 00:12:33,390
>> Seti tjetĂ«r i butonave
UnĂ« kam Ă«shtĂ« qĂ« unĂ« kam shkruar

253
00:12:33,390 --> 00:12:36,380
njĂ« funksion tĂ« vetĂ«m tĂ« quajtur
ndryshojĂ« ngjyrĂ«n qĂ« me sa duket

254
00:12:36,380 --> 00:12:38,960
pranon njĂ« varg si argument tĂ« saj.

255
00:12:38,960 --> 00:12:40,290
Pra, kjo Ă«shtĂ« pak mĂ« mirĂ«.

256
00:12:40,290 --> 00:12:43,840
Purple, jeshile, portokalli, e kuqe,
blu Ă«shtĂ« tani njĂ« argument.

257
00:12:43,840 --> 00:12:46,230
KĂ«shtu qĂ« unĂ« kam shkruar njĂ« shumĂ« tĂ« pĂ«rgjithshme
Rasti funksion JavaScript,

258
00:12:46,230 --> 00:12:47,771
e cila mund tĂ« duket diĂ§ka si kjo.

259
00:12:47,771 --> 00:12:48,680
UnĂ« jam duke kaluar nĂ«.

260
00:12:48,680 --> 00:12:52,090
Kjo ngjyrĂ« ndryshim funksion Ă«shtĂ«
duke pritur njĂ« argument tĂ« quajtur ngjyra.

261
00:12:52,090 --> 00:12:54,970
Dhe unĂ« jam duke thĂ«nĂ« se tĂ« vendosur
ngjyra e sfondit tĂ« ngjyrĂ«s.

262
00:12:54,970 --> 00:12:58,390
KĂ«shtu qĂ« kĂ«tu pĂ«rfaqĂ«son atĂ« qĂ« unĂ« kam marrĂ« kĂ«tu.

263
00:12:58,390 --> 00:12:59,770
Pra, kjo Ă«shtĂ« pak mĂ« mirĂ«.

264
00:12:59,770 --> 00:13:02,740
>> Por unĂ« mund tĂ« jetĂ« nĂ« gjendje tĂ«
tĂ« bĂ«jĂ« mĂ« mirĂ« se kaq.

265
00:13:02,740 --> 00:13:06,140
NĂ« qoftĂ« se ne do tĂ« shkojmĂ« poshtĂ« pĂ«r tĂ« marrĂ« njĂ« sy
nĂ« situatĂ«n trajtues tĂ« ngjarjes,

266
00:13:06,140 --> 00:13:07,860
tani tĂ« gjitha kĂ«to thirrje duken tĂ« njĂ«jta.

267
00:13:07,860 --> 00:13:10,340
NĂ«se ju kujtohet pĂ«r tonĂ«
diskutim mbi handlers ngjarje,

268
00:13:10,340 --> 00:13:15,770
UnĂ« mund tĂ« merrni informacion nĂ« lidhje me tĂ« cilat e
kĂ«to butona u klikuar dhe tĂ« pĂ«rdorin atĂ«.

269
00:13:15,770 --> 00:13:19,560
>> Dhe kĂ«shtu nĂ« event.JavaScript, unĂ« kam
shkruar ngjarje ngjyra ndryshim, e cila

270
00:13:19,560 --> 00:13:21,110
kupton cili buton Ă«shtĂ« klikuar.

271
00:13:21,110 --> 00:13:23,250
Kjo Ă«shtĂ« linja shkaktojĂ« objekt.

272
00:13:23,250 --> 00:13:25,240
Dhe pastaj kĂ«tu, ajo merr me tĂ« vĂ«rtetĂ« gojor.

273
00:13:25,240 --> 00:13:27,420
Por ajo qĂ« unĂ« jam duke bĂ«rĂ« Ă«shtĂ« qĂ« unĂ« jam
vendosjen sfond

274
00:13:27,420 --> 00:13:30,340
ngjyrĂ« tĂ« triggerObject inner.HTML.

275
00:13:30,340 --> 00:13:34,170
Ky Ă«shtĂ« teksti nĂ«
nĂ« mes tags butonin.

276
00:13:34,170 --> 00:13:36,500
>> Dhe atĂ«herĂ« unĂ« me sa duket kam
pĂ«r tĂ« vendosur atĂ« jo kapitale.

277
00:13:36,500 --> 00:13:40,780
Dhe kjo Ă«shtĂ« se si unĂ« mund tĂ« konvertohet nĂ« njĂ« tĂ« tĂ«rĂ«
varg tĂ« vogle nĂ« JavaScript pĂ«rdorur

278
00:13:40,780 --> 00:13:42,940
se metoda jo kapitale.

279
00:13:42,940 --> 00:13:46,570
Sepse kur kam vendosur njĂ« ngjyrĂ«,
si unĂ« jam duke u pĂ«rpjekur pĂ«r tĂ« bĂ«rĂ« kĂ«tu,

280
00:13:46,570 --> 00:13:48,260
ngjyra duhet tĂ« jetĂ« mbi tĂ« gjitha vogle.

281
00:13:48,260 --> 00:13:50,920
>> Por butonin qĂ« kam pasur,
nĂ« qoftĂ« se ne tĂ« marrĂ« njĂ« sy,

282
00:13:50,920 --> 00:13:55,890
vini re se teksti ka
shkruar me njĂ« P kapital pĂ«r purple.

283
00:13:55,890 --> 00:13:59,140
Dhe pastaj nĂ« shumĂ«
fund tĂ« fundit kĂ«tu, me sa duket unĂ«

284
00:13:59,140 --> 00:14:02,630
tĂ« pĂ«rpiqet dhe tĂ« bĂ«jĂ« kĂ«tĂ« duke pĂ«rdorur jQuery si.

285
00:14:02,630 --> 00:14:06,000
Dhe nĂ« kĂ«tĂ« rast, unĂ« nuk jam nĂ« tĂ« vĂ«rtetĂ«
duke e quajtur njĂ« funksion nĂ« tĂ« gjitha.

286
00:14:06,000 --> 00:14:11,430
UnĂ« e kam vetĂ«m tha klasĂ«s se unĂ« jam
duke pĂ«rdorur pĂ«r kĂ«tĂ« buton Ă«shtĂ« njĂ« buton jQ.

287
00:14:11,430 --> 00:14:12,360
Kjo eshte.

288
00:14:12,360 --> 00:14:14,950
>> Pra, si nuk jQuery di se Ă§farĂ« jam duke bĂ«rĂ«?

289
00:14:14,950 --> 00:14:18,740
E pra, kjo Ă«shtĂ« njĂ« nga pĂ«rparĂ«sitĂ«
Ă§aj disavantazhet e jQuery.

290
00:14:18,740 --> 00:14:21,560
Ajo mund tĂ« mĂ« lejoni tĂ« bĂ«j gjĂ«ra tĂ«
shumĂ« koncize, por ndoshta jo

291
00:14:21,560 --> 00:14:22,570
si intuitive.

292
00:14:22,570 --> 00:14:25,570
Ndoshta ata tre tĂ« tjerĂ«t bĂ«jnĂ« njĂ«
pak mĂ« shumĂ« kuptim se Ă§farĂ« unĂ« jam duke bĂ«rĂ«.

293
00:14:25,570 --> 00:14:29,010
KĂ«tu, edhe pse, Ă§farĂ« po ndodh?

294
00:14:29,010 --> 00:14:31,940
>> Me sa duket, duke krijuar
njĂ« funksion anonim

295
00:14:31,940 --> 00:14:36,790
se ngarkesa sa herĂ« dokumenti im
Ă«shtĂ« gati, kĂ«shtu document.ready,

296
00:14:36,790 --> 00:14:38,760
disa funksion do tĂ« ndodhĂ«.

297
00:14:38,760 --> 00:14:40,490
NĂ« thelb, kur Ă«shtĂ« njĂ« dokument i gatshĂ«m?

298
00:14:40,490 --> 00:14:42,310
Kjo Ă«shtĂ« kur faqja ime ka ngarkuar.

299
00:14:42,310 --> 00:14:46,540
>> Pra, sa mĂ« shpejt qĂ« faqja ime ka ngarkuar,
pas funksion Ă«shtĂ« gjithmonĂ« i gatshĂ«m.

300
00:14:46,540 --> 00:14:54,310
Ajo thotĂ« se, nĂ« qoftĂ« se njĂ« objekt i tipit jQButton,
ose nĂ«se klasĂ« jQButton Ă«shtĂ« klikuar,

301
00:14:54,310 --> 00:14:55,570
ekzekutojĂ« kĂ«tĂ« funksion.

302
00:14:55,570 --> 00:14:59,360
KĂ«shtu qĂ« kĂ«tu Ă«shtĂ« dy funksione anonim,
njeri percaktohet brendĂ«si tĂ« tjetrĂ«s.

303
00:14:59,360 --> 00:15:03,930
>> Pra, tĂ« gjithĂ« kontekstin e mia
kĂ«tu deri mĂ« tani Ă«shtĂ« faqja ime

304
00:15:03,930 --> 00:15:06,520
kur ajo ngarkesa ajo e quan kĂ«tĂ« funksion.

305
00:15:06,520 --> 00:15:09,740
Dhe ky funksion Ă«shtĂ« duke pritur
pĂ«r njĂ« buton pĂ«r tĂ« klikuar.

306
00:15:09,740 --> 00:15:14,490
Dhe kur njĂ« buton Ă«shtĂ« klikuar, jQ
button nĂ« mĂ«nyrĂ« specifike Ă«shtĂ« klikuar,

307
00:15:14,490 --> 00:15:17,150
ajo e quan kĂ«tĂ« tĂ« tjera
funksion, e cila do

308
00:15:17,150 --> 00:15:21,250
pĂ«r tĂ« vendosur sfond
ngjyra e colorDiv tĂ« jetĂ«

309
00:15:21,250 --> 00:15:25,990
Ă§farĂ«do tekst Ă«shtĂ« nĂ« mes tags.

310
00:15:25,990 --> 00:15:28,050
>> Ky Ă«shtĂ« nocioni i
i cili buton Ă«shtĂ« klikuar.

311
00:15:28,050 --> 00:15:31,230
Por ndryshe, kjo Ă«shtĂ« lloj i
sillet e ngjashme me njĂ« ngjarje.

312
00:15:31,230 --> 00:15:34,460
Kjo Ă«shtĂ« vetĂ«m nĂ« tĂ« njĂ«jtĂ«n mĂ«nyrĂ« unĂ«
do tĂ« shprehĂ« kĂ«tĂ« nĂ« jQuery.

313
00:15:34,460 --> 00:15:36,790
PĂ«rsĂ«ri, kjo Ă«shtĂ« ndoshta njĂ«
mĂ« shumĂ« frikĂ«suese.

314
00:15:36,790 --> 00:15:40,840
Kjo nuk Ă«shtĂ« aq i qartĂ« sa
diĂ§ka si event.js,

315
00:15:40,840 --> 00:15:45,080
i cili Ă«shtĂ« ndoshta pak mĂ« shumĂ«
fjalĂ«shumĂ«, por pak mĂ« pak

316
00:15:45,080 --> 00:15:46,000
frikĂ«suese.

317
00:15:46,000 --> 00:15:51,460
>> Por nĂ«se hapet pĂ«rsĂ«ri mbi tĂ« shfletuesin tim
dritare, nĂ« qoftĂ« se unĂ« tĂ« fillojĂ« clicking-- mirĂ«,

318
00:15:51,460 --> 00:15:52,690
kjo ndryshoi nĂ« vjollcĂ«.

319
00:15:52,690 --> 00:15:54,450
Kjo Ă«shtĂ« e gjelbĂ«r duke pĂ«rdorur metodĂ«n string.

320
00:15:54,450 --> 00:15:56,500
Kjo Ă«shtĂ« portokalli duke pĂ«rdorur mbajtĂ«s ngjarje.

321
00:15:56,500 --> 00:15:58,300
>> Kjo Ă«shtĂ« e kuqe duke pĂ«rdorur jQuery, e drejtĂ«?

322
00:15:58,300 --> 00:16:01,270
Ata tĂ« gjithĂ« sillen saktĂ«sisht e njĂ«jtĂ«.

323
00:16:01,270 --> 00:16:06,509
Ata vetĂ«m tĂ« bĂ«jĂ« atĂ« duke pĂ«rdorur tĂ« ndryshme
afrohet pĂ«r tĂ« zgjidhur problemin.

324
00:16:06,509 --> 00:16:08,550
Ka shumĂ« mĂ« tepĂ«r pĂ«r
jQuery atĂ«herĂ« ne jemi sigurisht

325
00:16:08,550 --> 00:16:10,050
do tĂ« flasim pĂ«r nĂ« kĂ«tĂ« video.

326
00:16:10,050 --> 00:16:15,410
Por nĂ« qoftĂ« se ju doni tĂ« mĂ«soni mĂ« shumĂ«, ju mund tĂ«
shkojnĂ« nĂ« lloj jQuery e dokumentacionit

327
00:16:15,410 --> 00:16:19,710
dhe tĂ« mĂ«sojnĂ« mjaft pak mĂ« shumĂ« nĂ« lidhje me
kjo bibliotekĂ« shumĂ« fleksibĂ«l, i cili

328
00:16:19,710 --> 00:16:22,550
Ă«shtĂ« e madhe pĂ«r tĂ« bĂ«rĂ« anĂ«n e klientit
scripting si Ă§farĂ« ishim duke bĂ«rĂ«

329
00:16:22,550 --> 00:16:26,240
pĂ«r tĂ« manipuluar sy
dhe tĂ« ndjehen e faqes tonĂ« tĂ« internetit

330
00:16:26,240 --> 00:16:28,750
me Document Object Model.

331
00:16:28,750 --> 00:16:29,650
UnĂ« jam Doug Lloyd.

332
00:16:29,650 --> 00:16:31,930
Kjo Ă«shtĂ« CS50.

333
00:16:31,930 --> 00:16:34,022