Titulli

Titulli

Lorem

Lorem ipsum dolor sit amet…

amet…

'5 R=:8: : A785<137 ;8:EC ?:2:7 6;7:@1 6: 91 @?5>D:7 EA?==5 P66

&''

type "8:@F> 325> : DF914:>37 4: P5=5> DF 7: =5D;:7b j1;:7 7: ?:7: 7:i7NP66

rel -A8AI:7 8:=AP5F>5> : EA?==57 :967:8>A= 4: !"#$T5>b _: 9:7: 8A67 DF 7: ?:7: 67M=6;::7

+^g]$")",

Titulli Lorem ipsum dolor sit amet ! .

&'' ,>7:8>A=

!"#$ u &&'

jF<:65A : E17?:6 6: 9FD57 7: &''C <8:>DA !"#$C :6;7: 6:26: P66T, 6;981A8C >19 41>D 7: 2:8DF8:7 :D;: >: EA?==A 7?:8:

Titulli

Titulli

Lorem

Lorem ipsum dolor sit amet…

amet…

+^g]$")",

Titulli Lorem ipsum dolor sit amet ! .

':=:97F8:7 • ':=:97F85 ]>5R:86A= lqrs • ':=:7F85 5 32:R:

2qrs

• ':=:97F85 5 P=A6:6

b6;:>54:qs

• ':=:97F85 ,j

[6;:>54:qrs 2[6;:>54:qs

• ': ':=: =:97 97F8 F855 U:4 U:45? 5?

=5LAqrs

• ':=:97F85 2A6A8D;:6

2 Aqrs

2b6;:>54:qs

_@?M8A7 • !^v [EOEOEOt • +S\

8@
• #: :4:8

8:DC <=1: @8::>t

Padingu, Padin gu, margjina dhe borderi #A8@5> \F8D:8

Hello World

-ADD5>@ -:86;9854k _: 8A63> 7F>:C 9:45 4A88 >?: 2A8A@8AE Y!:==F xF8=DZb 0:3 :=:4:>3 G2A8A@8AW7J , 9:45 D;:>: 2AD5>@ G2ADD5>@kQh2iJC 91 :6;7: 5=16781A8 4: >@?M8: 8FB:b -A67A? 2F 7: >?:?37 :=:4:>7 , 9:45 PA971A8 91W G?@M8: 7: 91I:b j;: >: E1>D , 9:45 D;:>: 4A8@5> G4A8@5>kQh2iJC : P5=A :6;7: 5=16781A8 4: >@?M8: 7: R:8D;:

Border Borderi, paraqet kufirin e nje elementi te html-it

border:1px border: 1px solid #9f723f ; Gjeresia border-width: 1px 1px;; border-style: solid solid;; border-color: #9f723f ;  Vetit e nje borderi  Vetit borderi mund ti theraasim edhe ne kete menyre

Stili

Ngjyra

Disa stile te border-ave (kufijeve)

6F=5D DFy:D DA6;:D

border-top: border-right: border-bottom: border-left:;

":i7:7 K)+,)

L)25(C2/./

M/5* K-)2*,

EF>7TEA45=M

$=F?5 , EF>7AR:

)85A=C "A;F4AC r

EF>7T65B:

#AD;:65A : 6;98F>?AR:

z2i D:85 wQ2i

EF>7TH:5@;7

S?:8:65A : 6;98F>?AR:

>F84A=C
EF>7T67M=:

'3=5 , 6;98F>?AR:

>F84A=C 57A=5PC F<=5@1:

7:i7T78A>6EF84 7:i7T78A>6EF84

"8A6EF84545 , 7:9637

122:8PA6:C =FH:8PA6:C PA257A=5B:

7:i7TD:PF8A3F> 7:i7TD:PF8A 3F>

j:9F8545 5 7:9637

>F>:C 1>D:8=5>:C FR:8=5>:C =5>:7;8FHC <=5>9

7:i7TA=5@>

+8:6;345 5 7:9637

=:mC 85@;7C P:>7:8

PF=F8

_@?M8A : 7:9637

PF=F8k[EQEQEQt PF=F8k[EQEQEQt

j54:>65F>:7 K)+,)

L)25(C2/./

M/5* K-)2*,

H5D7;

S?:8:65A

)17FC Ohh{C Ohh2i

;:5@;7

@?A7:65A

)17FC Ohh{C Ohh2i

45>TH5D7;

S?:8:65A 45>54A=:

>F84A=C
45>T;:5@;

'3=5 , 6;98F>?AR:

>F84A=C 57A=5PC F<=5@1:

4AiTH5D7;

"8A6EF84545 , 7:9637

122:8PA6:C =FH:8PA6:C PA257A=5B:

4AiT;:5@;7

j:9F8545 5 7:9637

>F>:C 1>D:8=5>:C FR:8=5>:C =5>:7;8FHC <=5>9

Background (prapavija) Backgroundi, paraqet prapavijen e nje elementi te html-it  Ai mund te jete jete ngjyre, ose ose imazh

background:#9f723f background: #9f723f url(../img.png) no-repeat left top; top; Ng jyra

imazhi

perseritja

pozicioni

no-repeat, repeat-x, repeat-y, repeat

background-color: #9f723f ; background-image: url(../img.png) ; background-repeat: no-repeat no-repeat;; background-position: left top; top;  Vetit e nje background-I  Vetit background-I mund ti theraasim edhe ne kete menyre

left top left center left bottom center top center center center bottom right top right center

_D8M6;545 >@A 5>=5>: >: <=FP9 D;: A>A6?:==7A6 Display

(paraqitja)

#:>M8A IM6; 2A8AI57:7 >?: :=:4:>7

inline

U6;:;?A : :=:4:>7:R: Visibility

(dukshmeria)

j56A :=:4:>7: 6;2:6;: ;:8: >A D1;:> 7:  ?:>: >: 9FD5> ;74=C 458:2F >19 D1;:7 7: 2A8AI57:b ';:4<1==C >: 41>D 7A 2:8DF854 >?: 913 2:82=F7: :=:4:>7:C D;: , E6;:;54 A7FC D:856A 7: 98M:?4: >?: 21>: 7?:7:8

-A8AI:7 >?: <=F9 >: R5?:

block

-A8AI:7 >?: 9137 65 <=F9

none _19 2A8AI:7 EA8: :=:4:>3>

P66 display:inline

hidden 0?F : E6;:;: :=:4:>3>

visibly _: 9:7: 8A67 2A8AI57:7 :=:4:>3

P66 visibility:hidden;

Pozicionimi i elementeve CSS-I posedon skemen e pozicioneve (positioning (positioning schemes), schemes), e cila ju lejon juve qe ti kontrolloni pjese te caktuara ne nje faqe: (normal flow) flow) • Rrjedha normale (normal (position relative) relative) • Pozicioni relativ (position • Pozicioni absolut (position absolute) absolute) (position fix) fix) • Pozicioni fiks (position (floating elemnts). elemnts). • Rreshtimi I elementeve (floating Skemen e pozicionimeve e percaktojme permes vetise “posicion posicion:” :” ne CSS, ndersa nder sa rreshtimi (floating), perdoret me “float float””

Rrjedha normal (normal flow) Normal flow Cdo bllok I elementeve, na paraqitet ne kryerresht, madje edhe nese I japmi gjeresi per ti nxene dy blloqe ne te njejtin nivel. Si vlere e nenkuptuar eshte rrjedha normale, dhe ne kete menyre shfletuesi I paraqet njeren pas tjetres duke filluar nga lart te poshte, dhe kete rrjedhe nuk e ndryshon derisa ti tregojme shfletuesit te beje dicka tjeter.

P66 position:static;

Posicioni relativ Relative posicioning

P66 Position:relative;

Pozicioni absolut

Posicioni i fiksuar

Absolut posicioning

Pozicionimi absolut nenkupton qe nje bllok elementes, apo vetem nje element te vetem mundt ta pozicionojme pavaresisht krejte permbajtjes tjeter, dhe pavaresisht se ne cilin pozicion gjendet prindi I tij. Pozicionimi absolut $F8:4 52614 nenkupton qe nje bllok , apo vetem nje element te

Fixed posicioning Njejte sikurse pozicioni absolut edhe pozicionimi I fiksuar nuk merr parasysh pozicionimin e elementeve tjera, mirepo pozicionimi fiks nenkupton qe nje element apo nje bllok elementes pozicionohet ne nje pozite dhe ai nuk e ndryshone ate pozite edhe kur levizim me scroll s croll Pozicionimi absolut Pozicionimi nenkupton qe nje bllok , apo vetem nje element te

vetem mundt ta

$F8:4 52614

pavaresisht krejte permbajtjes tjeter, dhe pavaresisht  se  se ne cilin pozicion gjendet prindi I tij.

vetem mundt ta

P66 position:absolute;

pavaresisht krejte permbajtjes tjeter, dhe pavaresisht  se  se ne cilin pozicion gjendet prindi I tij.

P66 position:fixed;

 Dizajni • Photoshop

11

12  Programimi Hyrje

Një program kompjuterik është një grup i udhëzimeve Një program kompjuterik është një seri e udhëzimeve

Shembull i programimit ne jeten ne jeten reale reale

B Shembull nga programimi:  Ju jeni ne nje qytet (Ferizaj) dhe po pritni nje telefonate nga nje mik i juaji I cili gjendet ne nje qytet tjeter (Prishtine). Miku  juaj nuk ka qen asnjehere ne qytetin tuaj, ndaj ai kerkon nje shpjegim te rruges qe do te beje. Gjeja e pare qe ju vjen ndermend eshte nje trajektore e drejte nga qyteti juaj, ne qytetin e mikut tuaj. Mirepo gjerat sikurse ne jeten reale, ashtu edhe ne programim nuk funksionojne ne jete menyre, ndaj per te pershkruar rrugen deri ne shtepin tuaj, mikut I duhen instruksione te sakta per te arritur deri tek ju. Ne menyre te njejte edhe ne programim duhet te japim informata te sakta, perndryshe programi mund te ndeshet, njejt sikurse miku juaj. Kjo eshte edhe arsyeja pse themi se nje program eshte crash-irat, ka pesuar aksident.

A

Shembull i programimit ne jeten ne jeten reale reale

B Puna e pare qe bejme per ti ndihmuar mikut tuaj per te arritur tek ju, eshte analiza. Duhet te jeni te sigurt nese ju jeni ne dijeni per rrugen e sakt, ate duhet analizuar, per cdo kthese per cdo semafor qe gjendet ne rruge, pastaj ju filloni ti jepni instruksionet. Ju mund ti thoni atij, se fillimisht niset djathtas, vazhdon 2 km, pastaj kthehet djathtas perseri. Pas 500 m ka nje semafor, nese semafori eshte ne ngjyre te kuqe, atehere prit derisa te ndezet e gjelberta, pastaj vazhdo drejte, perndryshe menjehere vazhdo drejte. Pas 17 km tjera keni nje rreth. Eshte rregull qe ne rreth te silleni 3 here, derisa te lirohet trafiku, pastaj mas 13 km, ndaleni dhe ju jeni prane shtepise sime. Nese ne nuk i kemi dhene instruksionet mire, atehere mikun shume leht mund ta shohim te perplasur ne ndonje pem. Qoft edhe pran shtepise.

A

Disa shembuj cfare mund te bejme me ane te programimit Programimi nuk eshte vetem shko majtas, shko djathtas Ne programim shembull mund ti krijojme dy vlera, pastaj ato dy vlera ti llogaritmi Kontrollo Kontrollo nese perdoruesi e ka shtypur tastin ENTER Ndrysho ngjyren e nje pikseli te vetem ne ekran

Deklarimet (Statements) BASIC

LET Balance = 500

AppleScript

Set balanbe to 500

Java COBOL

balance = 500; MOVE 500 TO BALANCE

Definicioni • Programimi Programimi ne esence eshte e shte qe nje ide

tuaj, ta ndani ne pjese dhe keto pjese te dini ti shkruani ne sintaksen e gjuhes programuese qe ju keni zgjedhur

Gjuha

13

Programuese

Gjuhet programuese Ekzistojne qindra gjuhe programuese, qysh prej ka fillu te programohet, per disa arsye ar sye disa jane me te njohura e disa jo. Ne anen e djathte jane dhene disa gjuhe te cilat sote  jane me te popullarizuarat. popullarizuarat. Shumica prej tyre jane te bazuara ne gjuhen g juhen programuese C.

Meqense me te gjitha mund te kryejme pune te njejte, atehere pse nuk ekziston vetem nje gjuhe programuese?

C C++ C# Java JavaScript Perl PHP Python Objective-C Ruby Visual Basic

Kodi i makines CPU- Truri I cdo paisje nuk kupton asnjeren nga gjuhet qe shihen ne anen e djathte. Ne mendojme qe Qipi (CPU) lexon kodin ton qe kemi shkruar ne nje gjuhe programuese, mirepo jo. Te vetmen gjuhe qe njeh Qipi eshte kodi I makines, ose gjuha e makines, e cila lidhet direkt me hardwar hardware-in e-in Pse nuk shkruajme kod te makines? Ngase eshte e pamundur dhe humbje kohe 6A 00 89 48 E4 F0 45 C1 08 E2 90 72 1C 00 34 E9 53 00 20 00 FC

Edhe nese e shkruani, nuk mund ta lexoje askush, ngase nuk eshte per njerezim por per makina

C C++ C# Java JavaScript Perl PHP Python Objective-C Ruby Visual Basic

(ARA'P8527C )P3F>'P8527 +1C -!(ARAC &[C *\b_^"

S?1;:7 : =A87A 28F@8A41:6:

`
& S?1;:7 : 1=7A 28F@8A41:6:

)66:4<=M $A>@1A@: 0FD5 5 4A95>:6

&-]

Kodimi Kur te themi, po programoje, po shkruaj kod, po kodoj, eshte e njejta gje, mirepo duhet ti kuptojme tri gjera: 1. Si te shkruajme, ku t’ja fillojme me shkru 2. Qysh ai ai kod, do te konvertohet ne kod te makines 3. Si ta ekzekutojme kete program

C C++ C# Java JavaScript Perl PHP Python Objective-C Ruby Visual Basic

Te shkruaj kod source (programojme) Kodi I programimit shkruhet ne plain text. Mund ta hapni nje editor te thjeshte ne modin plain text dhe jo rich text, dhe te filloni me shkru nje odin tuaj. Nuk ka asgje magjike ne programim, eshte thjesht nje text, njejt sikur te shkruash nje poezi

C C++ C# Java JavaScript Perl PHP Python Objective-C Ruby Visual Basic

';:4<1?

6;:4<1==b?6

(ARA'P8527

alert(“Hello, World!”);

6;:4<1==b2=

2:8=

say “Hello, World!”;

6;:4<1==b81
81
puts ‘Hello, World!’

6;:4<1==b@8FFRM

say “Hello, World!”;

S8FFRM

Hello world, nje shembull klasik 

print (“ print  (“Hello, Hello, world!”) world!”) )$S`$fz -AM7;F> $1A

018 W==F?4: 4: D:9=A81 >?: 9FDC D1;:7 2A7?:7:8 7: 78:@F?4: 91 :6;7: W==545 D;: E1>D5b _: @?1;:> 28F@8A41:6: )$S`$fhC :6;7: 2:8DF818 \^S,_ D;: ^_jb

_: @?1;:7 28F@8A41:6: I:  ?A>: 7: : &C 6;4:<1== &C &uuC &[C (ARA -:8DF8:> 9==A2A7 @?A828F8: q s  0 1-2/( &/ 3 &.%4(/ &/51 $4'(2% 6/(#777

)$S`$fh BEGIN DISPLAY (“Hello, world!”); END.

&[ Using System; Class Shembulli { static void Main(string[] args) { console.WriteLine(“Hello, world!”); } }

Text Editor-et per Programera • • • •

Plain Text Editor Ed itor,, me tipare extra Disa jane falas, disa komercial Na tregojne per numrin e rreshtave Kodin e ngjyrave (Color Code), nuk eshte I formatum, por na ndihmon per me I lexu dhe me I shkru pjese te ndryshme te kodit

Kontrollimi Kontrollimi I sintakses, sikurse kontrollimi I fjaleve Disa text editor I perkrahin vetem nje gjuhe programuese e disa edhe te tjera

IDE (Integradet Development Eniorements) • (A>: 28F@8A4: 7: 4D;A?:C D;: 9A>: :D534 7: 458: • 0A> 6;14: 32A8: 2:8 B;R5==54 28FE:65F>A=

';:4<1== , ,j^TR: ?A>:k

• vPFD: 2:8 #)& • *561A='71D5F 2:8 -& • ^P2=526: &8F66 2=A|F84

Gjuhet e kompajlluara dhe te interpretuara I01(* ) /A,)232),1*2 'P8527 'P8527 A=:87GY!:= 'P8527 A=:87GY!:= =FC A=:87GY!:= =FC =FC HF8=DZJt HF8=DZJt HF8=DZJt

'P8527 A=:87GY!:= =FC HF8=DZJt

5>7:828:7:85

A=:87GY!:==FC HF8=D}ZJt

!:==FC HF8=D}

L2#42*.)2/

;-/)A+

Gjuhet e kompajlluara dhe te interpretuara I01(* ) C#.3*0--1*2 &F17KKY! :==FC HF8=D}Zt

OhOOOhhO hOhhOOhO hhOhhOhh 9F42A?==:85

OhOOOhhO hOhhOOhO hhOhhOhh

PF17KKY!:==FC HF8=D}Zt

!:==FC HF8=D}

L2#42*.)2/

;-/)A+

Perparesit dhe mangesit S?b : 0F42A?==1A 0F42A?==1A8A 8A

S?b : 5>7:828:71A8A

-:82A8657:

#A>@:657:

-:82A8657:

#A>@:657:

I*+ 2:8 2:8DF854

(F >2#5N3-*O#2.

>2#5N3-*O#2.

0:89F;:7  /A,)232),)2

';2:6; 4: : 5(3)0,) (F P)C5/"/-)

";?:6;7 2:8 ,)5,

';2:6; : A4*$*-5(.)

0FD5 285RA7

";?:6;7 2:8 9F>78F==

0FD5 :6;7: 31"-/C

!A2A 6;7:6:

Gjuhet e kompajlluara dhe te interpretuara ?A,)2.)$/*,) Q*A41*4) ?Q

&F17KKY! :==FC HF8=D}Zt

?Q

OhOOOhhO hOhhOOhO hhOhhOhh

?Q

PF17KKY!:==FC HF8=D}Zt

!:==FC HF8=D}

L2#42*.)2/

;-/)A+

Shembull te gjuheve programuese programuese Te Kompajluara: C, C++, Objective C Te interpretuara: PHP, JavaScript Hybrid: C#, Java, VB.NET, Python

 Hyrje ne JavaScript

14

(ARA'P8527 -6: (ARA'P8527o (ARA'P8527 >19 :6;7: >?: 28:? @?1;:R: 4: a:965<5=:C 458:2F :6;7: @?1;: 28F@8A41:6: 6;14: : 2:86;7A76;4: 2:8 W==:67A8: D;: 2:8DF8:7 2:8 1:<28F@8A454b (ARA'P8527 :6;7: @?1;: 28F@8A41:6: : 5>7:828:71A8 D;: :6;7: YPA6: 6:>653R:ZC 28A : >D?:6;4: >DA? 88:@1==AR: 7: 6;98F>?AR:

 ?ARA6P8527 alert(“Hello, world!”);

+:1=7A3 Hello, world!

Ku dhe si ta vendosmi JavaScripten JavaScripti mund te thirret nga nje file tjeter I jashtem (external). Dhe mund te shkruhet brenda fajllit HTML. Per arsye qe te njejtin fajll te mund t’a therrasim edhe ne fajlla te tjere, atehere preferohet qe te shkruhet ne nje fajll te jashtem. Nese bejme ndonje ndryshim, atehere te gjitha faqet tjera e marrin ate ndryshim. JavaScript mund te thirret ne Header por edhe brenda bodyt. Per arsye te performances zakonisht therrasim ne fund te bodyt, veq ne raste te caktuara kur na nevoitet ne fillim. Atributi type type = “text/javascript”

 ?ARA6P8527 <script> alert(“Hello, alert( “Hello, world”); world”); <script src=“inc/js/script.js” src=“inc/js/script.js”> >

 Variablat

15

 Variablat  Variablat ne JavaSript JavaSript j857F>

c

p

OQ

:485

R=:8A)

R=:8A\

8:B1=7A3

RA8 :485 X Yj857F>Zt RA8 R=:8A) X ct RA8 R=:8A\ X pt RA8 8:B1=7A3 X R=:8A) u R=:8A\t A=:87GY+:B1=7A3k A=:87G Y+:B1=7A3k Z u 8:B1=7A3Jt

^4:8345 5 RA85AR=:6

R=:8A : 5>5P5A=5B1A8

var emri = “Driton” ;

16  Operatoret

Operatoret  0)/"(9 !"#&!( 12/ *#5:"&9 *#5:"&9 5/ 5% '5(/"!"/(#2/5 ,' ;#!
A=:87 GY-:86;:>D:7?:Z Y-:86;:>D:7?:ZJt Jt 28F427 GY(:2:>5 :485>k ZJt ZJt PF>W84 GY(:2:>5 :485>k ZJt ZJt 5E  GPF>W84G~)  GPF>W84G~) 2A?7F;:>5o~JJ 2A?7F;:>5o~JJ q A=:87GG~-FC 2A?7F;:4}~Jt A=:87 2A?7F;:4}~Jt s :=6:q A=:87 G A=:87  G~(FC ~(FC >19 2A?7F;:4}~Jt 2A?7F;:4}~Jt st

) 2A?7F;:>5o PA>P:=

`0

28F427 GY(:2:>5 :485>k ZC YR=:8A : >:>91271A8ZJt >:>91271A8ZJt

PF>W84 GY'785>@1Z u RA85A<=AJt RA85A<=AJt

Operatoret aritmetik R3)2*,#2/

L)25(C2/./

S()."1--/

uu

+857:7 R=:8A 2:8 O

A X ct Auut "A>5 A X d

TT

gRF@=F;:7 R=:8A 2:8 O

A X ct A TT t "A>5 A X Q

{

#FD1=A8

AXz { ct

u

#<=:D;?: D;: 6;34

T

g<857?:

l

';14:B54

N

-?:634

Rritjet / zvoglimet a = a + 1; a += 1; a++; ++a;

a = a - 1; a -= 1; a--; --a;

Prefiks Pref iks dhe postfiks

var a = 5; alert(++a); alert (++a); Rezultati shfaqet: 6

var a = 5; alert(a++); alert (a++); Rezultati shfaqet: 5

Operatori ternary (tresh) kushti ? true true:: false var lojtari1 = 230; var lojtari2 = 378;

var fituesi = (lojtari1 > lojtari2) ? fituesi1 : fituesi2; if  (lojtari1  (lojtari1 > lojtari2){ fituesi = lojtari1; } else{{ else fituesi = lojtari2; }

Operatoret krahasues R3)2*,#2/

L)25(C2/./

X

^
XX

08A;A61:6:

XXX

'78597 98A;A61:6:

KX

#: : RF@:= F6:
LX

#: : 4AD;: F6:
K

#: : RF@:=

L

#: : 4AD;:

}X

(F :
}XX

'78597 ?F :
S()."1--/

Operatoret logjik R3)2*,#2/

L)25(C2/./

••

j;:

€€

`6:

S()."1--/

 ?ARA6P8527 if ( a<10 &&

b === 20 ){ …

if ( a<10 || b ===20 ){ … if ((a<10) && (b===20)){ … if( if ( (a < 10) && (b === 20) )

j:7M8: 2:8 16;7854: O  ?ARA6P8527 var a = 5; var a var b; var  b; var rezultati; var  rezultati; b=3; rezultati = a+b; alert( alert ("rezultati eshte: "

+

rezultati);

+:1=7A3 Rezultati eshte: 8

 Kushtet

17

Kushtet if ( …kushti… ){ //…deklarimi I kodimit tuaj ne baze te kushtit shkruhet ketu… ;

//… } else if( …kushti tjeter… ){ //perndryshe ekzekutohet kodi qe shkruhet ketu 

} Else{ //perndryshe ekzekutohet kodi qe shkruhet ketu

}

j:7M8: >@A 916;3  ?ARA6P8527

Ne kodin qe shihni ne anen e djathte jane dhene dy variabla te inicializuara njera me vkere 4 dhe tjetra me vlere 346. Ne kushtin e me poshtem kemi thene: Nese a eshte e barabart me b, atehere ekzekutohe –Vlerat jane te barabarta--. Perndryshe nese a eshte me e vogel ose baraz me b, ekzekutoje mesazhin –a eshte me e vogel--. Perndryshe shfaqe mesazhin -- a eshte me e madhe --

RA8 A X dt RA8 A RA8 < RA8  < X cdft 5E GA XX : 7:
j:7M8: 2:8 16;7854: Q  ?ARA6P8527 RA8 :485 RA8  :485 X 28F427G~65 28F427G~65 I1;:>5o ~Jt ~Jt A=:87GG~^485 ?1A? :6;7:k ~ u :485 Jt A=:87

 ?ARA6P8527 RA8 A X dt RA8 A RA8 < RA8  < X cdft RA8 8:Bt RA8  8:Bt RA8 F2:8 RA8  F2:8 X 28F427G~`2:8A7F85o 28F427G ~`2:8A7F85o ~Jt ~Jt 5E GF2:8 XX OJq 8:B X A u
18  Unazat (loops)

Unazat (Loops) Ka raste kur neve na nevoitet qe te kryejme nje pune te njejte shume here (2, 5 ose 500 deri ne infinit). Per te mos I perseritur manualisht keto te dhena atehere ne perdorim unazat (loop) per te kryer nje pune te tille. Shembull konkret: Permes unazave ne mund ti gjenerojme numrat personal te qytetareve te vendit, ose tabelat e veturave, madje ne mund ti kufizojme disa numra te rezervuar rezer vuar.. Per te krijuar nje unaze, kemi tri menyra:  • While (gjersa)  • Do, while (beje, gjersa) 

j:9=A8545 j:9=A8545 55 2A8: 2A8: j:9=A8545 j:9=A8545 55 DM7: DM7:

j:9=A8545 5 2A8: j:9=A8545 5 DM7: j:9=A8545 5 2A8: j:9=A8545 5 DM7: j:9=A8545 5 2A8: j:9=A8545 5 DM7: j:9=A8545 5 2A8: j:9=A8545 5 DM7: j:9=A8545 5 2A8: j:9=A8545 5 DM7:

x;5=: GS?:86AJ _?:?7: 659186: 7:9 916;7:7 I: 9:45 ,E G AK OhJq  >>? ./4/ 1'*6% ? s #58:2F >: 9:7: 8A67 >: B:R:>D:6F?4: 5E 4: H;5=:b x;5=: GA K OhJq x;5=: GA  >>? ./4/ 1'*6% ? s

 ?ARA6P8527 RA8 A X Ot RA8 A H;5=:GG AK OhJq H;5=: PF>6F=:b=F@GAJt PF>6F=:b=F@ GAJt Auut s

jFr x;5=: G\:?:r S?:86AJ  ?ARA6P8527 RA8 A X Ot RA8 A DF q PF>6F=:b=F@GAJt PF>6F=:b=F@ GAJt Auut s H;5=:GG AK OhJt H;5=:

UF8 G2:8J

B#5("#))# 6-,2C5

@/51#,4% / '51/A'(

RA8 A RA8  A X Ot

B#5("#))# 6-,2C5

H;5=:G AK OhJq H;5=:G PF>6F=:b=F@GAJt PF>6F=:b=F@ GAJt Auut s D"'( E)/"/5 !/" F

@/51#,4% / '51/A'(

D"'( E)/"/5 !/" F

EF8 G5 X Ot 5 K Oht 5uuJq 5uuJq  >> ?./4 1',% $4/"% ? s

Shembull nga unaza  ?ARA6P8527 EF8 G5 X Ot 5 K Oht 5uuJq 5uuJ q PF>6F=:b=F@G5Jt 5uut 5u ut s

Break

Continue  ?ARA6P8527

EF8 G5 X Ot 5 K Oht 5uuJq 5uuJ q PF>6F=:b=F@G5Jt 5uut 5u ut 5E G5 XX pzJq <8:A9tt <8:A9 s

 ?ARA6P8527

“Break”, nese plotesohet kushti brenda unazes atehere na qet jasht

EF8 G5 X Ot 5 K Oht 5uuJq PF>6F=:b=F@G5Jt 5uut 5u ut 5E G5 XX pzJq PF>3>1:tt PF>3>1: s

“Break”, nese plotesohet kushti brenda unazes atehere na qet  jasht unazes.

19  Funksionet

Per te bere kodin me te lexueshem dhe per te bere me te lehte manipulimin me te, atehere ne krijojme, funksione. Ne gjuhet tjera programuese i gjejme si sub rutin ose si module, mirepo ne JavaScript thjesht Funksione.

 ?ARA6P8527

function myFunction(){ console.log(“Hello, console.log (“Hello, world!”); }

Emer timi

Parametri

function myFunction(x,y){ var shuma = x+y; console.log(shuma); console.log (shuma); return x; } myFunction(12,65); myFunction(543,98);

Parametrat mosperputhes function llogariabankare(shuma, function  llogariabankare(shuma, muaji, interesi, emri){ //Pjese e kodit

} llogariaBankare(1200, 36, 12, “Driton Haxhiu”); llogariaBankare(1200, llogariaBankare(1200, llogariaBankare(1 200, 36, 12, “Driton Haxhiu”, “Programer”); //Parametrat shtese do te injorohen

llogariaBankare(1200, llogariaBankare(1 200, 36); // Vlerat tjera do te zevendesohen me undefinde. // Nuk do me thene qe funksionon, por as nuk do te thot qe funksionon. Duhet te keni kujdese

 Variable  Variable Scope (fushat qe shihen) function shembull(){ function shembull(){ var foo = 342; console.log(foo); console.log (foo); } shembull(); console.log(foo); console.log (foo);

var foo; function shembull(){ function shembull(){ foo = 342; console.log(foo); console.log (foo); } shembull(); console.log(foo); console.log (foo);

Shembull nga Funksionet function gjeneratori(n){ for (i=0; for  (i=0; i<=n; i++) console.log(i); console.log (i); } gjeneratori(9);

function gjeneratori(n){ for (i=0; for  (i=0; i<=n; i++) console.log(i); console.log (i); } z = prompt(”Jepeni vleren: "); gjeneratori(z);

Ne oren e ardhshme: • Vektoret • Numrat • Stringjet • Datat • Objektet

Tipet dhe objektet

20

Vargjet (vektoret) Ang. Arrays

Krijojme vargje njeVlere

var njeVlere; njeVlere = 87 87; ;

zw

vargu

var vargu = [] []; ; vargu[0] = 45; Vargu[1] = 76; Vargu[2] = “Driton”;

[0]

de

[1]

wf

[2]

j857F>

Fillon nga 0 (zero)

Krijojme vargje ne rruge te shkurter vargu

var vargu = [] []; ; vargu[0] = 45; Vargu[1] = 76; Vargu[2] = “Driton”;

Fillon nga 0 (zero) var vargu = [ 45,76, “Driton” ]; [0] [1]

[2]

[0]

de

[1]

wf

[2]

j857F>

Krijojme vargje ne rruge te gajte var vargu = [] []; ;

Kjo eshte menyra ime qe preferoje

var vargu = new Array() Array(); ; Vargjet jane objekte var vargu = Array Array(); (); var vargu = Array Array(5); (5);

Ne JavaScript vargjet gjithmon jane dinamike

Tiparet e vargjeve (properties) Me qenese vargjet jane objekte, atehere ato kan veti dhe metoda (Vetit, metodat dhe te tjerat me gjeresisht do ti mesojme ne Programim te Orientuar ne Objekte)

var vargu = [ 45, 78, 76, 34 ]; // gjatesia e vargut eshte: 4 //indeksi me I lart eshte [3] //Highest index

Metodat paraqesin informatat qe i posedon

Metodat e vargjeve (properties) Vargjet gjithashtu kan metoda.

disaFunksione (parametrat); (parametrat); //thirja e nje funksioni Metodat jane funksione qe I perkasin nje objekti

disaObjekte.disaMetoda disaObjekte.disaM etoda (parametrat) (parametrat); ; //thirja e nje metode

var vleraVargut

= [ 10, 20, 30, 40] 40];

var vleraRevers = vleraVargut vleraVargut.reverse .reverse(); (); .join(); .join (); .sort(); .sort ();

vleraRevers

Krojon varg tjeter

 Vargjet  Vargjet jane  jane cdokund Nese duam te dijme sa linqe kemi ne faqen tone, atehere thrrasim te gjitha linqet

var varguILinqeve= document.getElementByTagName document.getElementByTagName(“a”); (“a”);

varguILinqeve [0] KA ;8:EXY5>D:ib;74=Lr [1] KA ;8:EXY88:7;>:6;b;74=Lr [2] KA ;8:EXY9F>7A93b;74=Lr

Tipet dhe objektet

 Numrat

21

Numrat

var x = 87 87; ;

njeVlere zw

Numrat ne JavaScript jane 64-bit float

var x = 87.3 87.3; ;

Mbledhja kunder shtimit (+) var x = 5; var y = 6;

Ketu mblidhen vlerat e x dhe y

Numrat

console.log(x+y); console.log (x+y); // 11 var x = “5” “5”; ; “6”; ; var x = “6”

Ketu behen bashk vlerat e x dhe y

console.log(x+y); console.log (x+y); // 56

Stringjet

Mbledhja kunder shtimit (+) Cka ndodhe kur njera vlere eshte numer, tjetra string?

var x = 5; var y = ”6” ”6”; ; console.log(x+y); console.log (x+y); // 56 –

njera vlere eshte string

var x = 5; var y = ”6” ”6”; ; console.log(x*y); console.log (x*y); // NaN 

Not a Number (Nuk eshte nje Numer)

Nuk eshte nje numer (NaN) Nganjehere na nevoitet nje vlere ta bejme numer, nese ai eshte string. Si ta bejme kete?

var x = ”36” ”36”; ; // mund te jete “abc” var numriIm = Number Number(x); (x); // Beje numer Nganjehere na nevoitet me dite, per nje vlere eshte numer apo string. Si ta bejme kete?

Objektet matematikore Krijojme nje variebel x me presje dhjetore. Nese duam qe kete vlere ta fiksojme duke marr parasysh presjen dhetore atehere shkruajme

var x = 52.6 52.6; ; var y = Math.round Math.round(x) (x); ; // 53 Nese duam te gjeme vleren maksimale dhe/ose minimale te dy ose me shume variablave atehere shkruajme:

var a = 220 220; ; b = 35544 35544; ; c = 2; var vleraMaksimale = Math.max Math.max(a,b,c); (a,b,c); var vleraMinimale

Math.PI

= Math.min Math.min(a,b,c); (a,b,c);

Math.random()

t()

.log()

Tipet dhe objektet

 String  Str ingjet jet

22

Stringjet var stringu = ”Thojza te dyfishta”; dyfishta”; var stringu = ‘Thojza te njefishta’; njefishta’; var stringu = ‘String tjeter”; tjeter”;

Thojzat brenda thojzave var stringu = ‘S ‘S’ ’lejohen miksimet’; miksimet’; var stringu = “S “S’ ’eshte keq”; keq”; var stringu = “Thenja: “Thenja:” ” Pune pune…” pune…””; var stringu = “Thenja: \” Pune pune…\” pune…\”” ”;

Tiparet e stringjeve - length Shpeshe here ne JavaScript na nevoitet te marrim gjatesine e nje stringu, te cfardo teksti. Per te marrur gjatesine e tekstit, atehere ne perdorim, emrin e variables se stringut, pastaj length. Ne kete rast na shfaqet numri I karaktereve ne ate string.

var stringu = ‘Nje fraze testuese’; testuese’; console.log(stringu console.log (stringu.length .length); ); // 18 –

Metodat e stringjeve - split Ne JavaScript ne mund ta ndajme nje string ne copa dhe me ane te tij krijojme nje varg, pastaj ne mund ta therrasim cilindo pjese te tij. Ne rastin e meposhtem I kemi thene, naj ndaj tekstin per cdo hapsire te bardh qe ka. Stringun mund ta ndajme edhe pas cdo pike, pikepresje apo ndonje karakteri tjeter, duke e vendosur ate brenda kllapave si ne shembullin e meposhtem … .split(“,”) ose … .split(“.”)

var stringu = ‘Nje fraze testuese.’; testuese.’; var fjalet = stringu stringu.split .split(“ (“ ”); ”); 0

N je

1

fraze

2

testuese.

Nje string mund ta paraqesmi me te gjitha karakteret e mdha ose te vogla duke perdorur .toUpperCase() dhe .toLowerCase()

console.log(stringu console.log (stringu toUpperCase  ); );

Metodat e stringjeve - indexof Ne mund te indeksojme nje pjese te caktuar te teksit pastaj me ate pjese mund te bejme cfardo qe duam. Shembull mund ta paraqesmi ne ekran, mund ti japim veti tjera ne CSS…

var stringu = ‘Nje fraze testuese.’; testuese.’; var fjalet = stringu stringu.indexOf .indexOf(“fraze”) (“fraze”); ;

Metodat e stringjeve - slice Ne raste te caktuara neve na nevoitet qe te prejme nje cope te caktuar te tekstit, pastaj ta paraqesmi ate. Nje shembull tipik do te ishte permbajtja e nje artikulli te nje uebfaqe, ku ate permbajtje e prejme dhe e vendosim si lajme te shkurter, mund ti presmi vetem disa rreshta te lajmit. Me poshte eshte shembulli se si behet prerja e stringut.

var stringu = ‘Nje fraze testuese.’; testuese.’; // 0123456789 var segmenti = stringu stringu.slice .slice(4,9) (4,9); ; // fraze -

eshte fjala qe ruhet ne variablen segmenti

Ne JavaScript prerja e tekstit mund te behet edhe me .substring() dhe .substr() .substr(). . Shpesh mund

.substring()

Tipet dhe objektet

 Datat

23

Datat dhe koha JavaScript, perveq qe ka objektet e stringjeve dhe ato matematikore, gjithashtu ka dhe objektet e datave. Datat perdoren shume ne programim, ato na nevoiten pothuajse cdo kund 

var sot = New New.Date(); .Date(); //

var data = New New.Date(1,0,2000); .Date(1,0,2000); //

Data dhe koha aktuale

Data, muaji viti - aktual

var data = New New.Date(1,0,2000,0,0,0,0); .Date(1,0,2000,0,0,0,0); // ora, minutat, sekondat aktual

Data, muaji, viti,

Metodat e datave - get (merr) Nese duam te marrim nje metode te dates atehere kemi:

var sot = New New.Date(); .Date(); //

Data dhe koha aktuale

sot.getMonth(); sot.getMonth() ; // 0-11 (0-janar -11 dhjetor) sot.getFullYear() sot. getFullYear(); ; // YYYY (baza nuk eshte 0) sot.getDate() sot. getDate(); ; // 1-31 dite te muajit sot.getDay() sot. getDay(); ; // 0-6 dite te javes(0 == e Diele) sot.getHour() sot. getHour(); ; // 0-23 dite te javes(0 == e Diele) sot.getTime() sot. getTime(); ; // milisekondat qe nga 1/1/1970

Shembull Nese duam te marrim nje metode te dates atehere kemi:

var diteLindja = new var diteLindja new Date(16,5,1987);  Date(16,5,1987); console.log( console.log ("Driton Haxhiu ka lindur ne diten e: " ,diteLindja.getDay ,diteLindja.getDay() () );

Metodat e datave - set (shto) Nese duam te shtojme nje date, ore muaj, apo cfaredo kohe, kemi:

var sot = New New.Date(); .Date(); // sot.setMonth(5); sot.setMonth(5) ; sot.setFullYear(2012) sot. setFullYear(2012); ; sot.setDate() sot. setDate(); ; sot.setDay() sot. setDay(); ; sot.setHour() sot. setHour(); ; sot.setTime() sot. setTime(); ;

Data dhe koha aktuale

Krahasimi i datave Kemi deklaruar dy variabla dhe i krahasojme ato 

var data1 = New.Date(2000,0,1); New.Date(2000,0,1); var data1 = New New.Date(2000,0,1); .Date(2000,0,1); if (data1 == data2){

// False

Pamarr parasysh nese kemi perdor dy ose tri barazime rezultati eshte fals, (d.m.th. Nuk jane te barabarta.). Krej kjo ngase data eshte nje objekt. Krejt cka na duhet neve eshte ti marrim data si dy vlera numerike, pra I marrim dhe i krahasojme me milisekonda.

if (data1. (data1.getTime() getTime() == data2.getTime() data2.getTime()) ) { // vlera do te jete True

OOP

24

Hyrje ne OOP Programim Pr ogramim I orientuar ne objekte

Hyrje ne OOP Shumica e gjuheve programuese te cilat jane zhvillu ne 30 vitet e fundit jan quajtur Gjuhe te Orentuara ne Objekte. Keshtu nuk ishte gjithmon, para shume viteve eshte programuar ne menyre procedurale ne Assembly, Fortrain, Cobol. Keto gjuhe nuk jane OOP, keto jane gjuhe procedurale dhe programi eshte shkruar ne nje procedure te gjate edhe pse ka permbajt funksione, nen rutina (subroutin)ose module, te kombinuara ne logjike dhe te dhena dhe krejt keto kan qen te perziera bashk

Pershkrim Ne OOP, krejt kodi I cili eshte skruar ne nje procedure te gjate, eshte ndare ne pjese te cilat quhen Objekte, me nje fjale mund ti quajme edhe mini-programe. Secili objekt reprezenton pjese te ndryshe te aplikacionit dhe secili objekt permban te dhenat e tij (data) dhe logjikat e tij (logics) dhe pastaj ato komunikojne mes veti

Objekti 2 Objekti 1 $*,* $*,*

Objekti … -#4/6

$*,*

-#4/6

-#4/6

Cka permban nje objekt Nje objekt nuk eshte dicka imagjinare, mund te jete cfaredo objekti edhe I botes reale, nje objekt mund te jete nje lojtar, nje llogari bankare, nje veture apo nje shtepi. OOP eshte nje ide, e cila eshte perkrahur ne shume gjuhe programuese. Para se me vazhdu tutje ne duhet ti dijme disa terme

Objekti 2 Objekti 1 $*,* $*,*

Objekti … -#4/6

$*,*

-#4/6

-#4/6

Class (Klasa) Klasa eshte nje skice, nje pershkrim, nje definim, e cila pershkrun nje gje cfare eshte, por nuk eshte vete ajo gje. Shembull mund te jete skica e shtepise. Cdo klase permban dhe definon dy gjera:

• •

Cka definon nje klase? Disa gjera qe permban nje klase jane karakteristikat (atributet) dhe disa jane sjelljet

Atributet dhe sjelljet ne shumicen e gjuheve programuese i gjeni si Tipare (veti) ang.Proporties dhe Sjelljet si Metoda, ang. Methods

Class

Class

ATRIBUTET

VETIT

emri gjatesia pesha gjinia mosha …

ece vrapon kercen flet flen …

emri gjatesia pesha gjinia mosha …

ece vrapon kercen flet flen …

Objekti (Object) Njejt sikur e bejme nje skice per shtepi dhe ne nuk e ndertojme ate, ashtu edhe ne programim klasa pa objekt eshte e panevojshme. Pra nje objekt krijohet duke u bazuar ne klase, sikurse nje shtepi qe mund ta ndertojme duke u bazuar ne skice (fig. 1). Jo vetem kaq, sikurse nga nje skice ne mund te ndertojme shume shtepi, ashtu edhe ne programim, prej nje klase mund te krijojme shume objekte. (fig. 2)

Cka definon nje Objekt? Nje objekt nuk eshte asgje tjeter perveqse nje klase e inicializuar me vlera. Nje objekt dallon nga nje objekt tjeter permes tri gjerave: • Identiteti ID • Vetite “Objektet ndryshe I gjeme edhe si instanca. Pra shprehja po krijoje nje objekte mund te thuhet po • Sjelljet krijoje nje instance.”

llogariaBankare

Trimi

Dritoni

numriLlogarise bilanci dataHapjes tipiLlogarise

2173512077 270$ 15/05/2013 Rrjedhse

5457585 320$ 04/11/2010 Rrjedhse

hape() mbylle() depozito() terheq()

hape() mbylle() depozito() terheq()

hape() mbylle() depozito() terheq()

Klasa

Objektet (instancat)

Pershkrimi i OOP-s? Per te pershkruar programimin e orientuar ne objekte, si shembull me I mire do te ishte trafiku dhe mjetet motorike. Shembull: Nese gjindemi ne qytetin e Ferizajt dhe ne nje moment na kerkon dikush qe te shkojme ne Prishtine. Gjeja e pare qe na vjene ne mendje eshte nje trajektore nga pika A ne piken B, mirepo gjerat sikurse ne jeten reale, ashtu edhe ne programim nuk shkojne ne kete menyre, per te arritur nga pika A ne piken B eshte nje rruge e cila pershkruhet me gjatesi dhe ka nje mori kushtesh per te arritur deri ne destinacionin e duhur. duhur. Ne duhet te percjellim rregulla, momentin qe nisemi sa duhet te vazhdojme drejte, sa kilometra, pastaj ku duhet te kthehemi djathtas, ku majtas. Nese hasim ne semafor dhe semafori eshte ne te kuqen atehere duhet te presim disa caste, nese eshte e gjelbert atehere ka duhet vazhdojme. Perveq qe duhet ti plotesojme te gjitha keto kushte neve na nevoitet edhe nje mjet udhetimi per te arritur deri tek vendi. Po e zeme qe nuk ekzistone nje mjet i tille ndaj ne duhet ta krijojme se pari. Gjeja e pare qe bejme kur fillojme te zhvillojme nje ide, eshte skica qe ne programim paraqitet si klase. Njejte sikur nje arkitet qe krijon skicen e tije dhe pastaj duke u bazuar ne te krijon objekte banimi ashtu edhe ne duke u bazuar ne skicen tone krijojme objekte udhetimi. Nje objekt mund ta pershkruajme me tri gjera: Identiteti, Atributet dhe sjellja (gjerat qe bene objekti). Ne rastin ton mjetit te udhetimit I japim nje identitet, mandej e pershkruajme permes atributeve. I themi se objekti ka nje ngjyre, ka timon, ka apo nuk ka rrota, ka apo nuk ka krah, ka apo nuk ka dritare, ka apo nuk ka drita. Perveq ketyre ne duhet ti vendosim edhe per gjerat qe do te beje mjeti: Leviz apo nuk levize, fluturon apo nuk fluturon, noton apo nuk noton. Permes krejt ketyre ne kemi krijuar skicen qe ne prgramim quhet klase. Ne kuader te kesaje ne krijojme nje ose me shume objekte, ne rastin ton mjete udhetimi si: Veture, Tren, Anije, Aeroplan etj. Nese na duhet te krijojme nje veture atehere nga skica plotesojme: Atributet dhe sjelljet e tije qe bene nje veture. Vetura mund te kete shume, mirepo ato dallohen permes identitetit, atributet tjera mund ti kene te njejta apo te ndryshme. Per te dalluar nje veture prej nje anije apo nje aeroplani atehere ne tregojme edhe sjelljet e tij. Nese fluturon, atehere nuk eshte veture, nese noton, atehere nuk eshte veture. Pra shpesh here nje objekt mund te kete atribute te njejta me nje tjeter, mirepo sjelljet mund ti kete tjera ose e kunderta. Ne kete rast ne kemi krijuar nje objekt (mjet udhetimi) dhe mund ta perdorim sa here qe na nevojitet.

Tipet dhe objektet

 Objektet

25

Krijimi i nje objektit Eshte shume e thjeshte per te krijuar nje objekt ne JS. Ne e dime se si te krijojme variabla, dime si te krijojme funksione. Ne krejt cka duhet te bejme, eshte ti fusim ne nje kontinier (vend), te gjitha se bashku.

K*2/*"-* var emriLojtarit = “Driton Driton” ”; var rezultatiLojtarit= 234 234; ; var niveliLojtarit = 1;

var lojtari= new Object(); Object() ; Lojtari.emri = “Driton “ Driton”; ”; Lojtari.rezultati = 234 234; ; Lojtari.niveli = 1;

j857F> Qcd O

=F?7A85 j857F> Qcd O

:485 8:B1=7A3 >5R:=5

K)+, 832#3#2+)5: :485 8:B1=7A3 >5R:=5

Krijimi i nje objektit ne rruge te shkurte var lojtari1= { emri:“Driton”, rezultati:236, niveli:1} var lojtari2= { emri:“Lena”, rezultati:349, niveli:5} =F?7A85Q

=F?7A85O j857F> Qcd O

:485

$:>A

:485

8:B1=7A3

cdp

8:B1=7A3

>5R:=5

e

>5R:=5

Kemi krijuar dy objekte te ndryshme me veti te ndryshme  console.log(lojtari1.emri); console.log (lojtari1.emri);

console.log(lojtari1.emri, console.log (lojtari1.emri, lojtari1.rezultati,lojtari1.niveli); A=:87GG~$F?7A85 4: :485>k ~ u =F?7A85Ob:485 u ~C 9A 4<=:D;18 ~ u A=:87 ~ u =F?7A85Ob8:B1=7A3 u ~ 259:~Jt 259:~Jt

Objekt me i avansuar avansuar //Krijojme dy objekte var lojtari1= { emri:“Driton”, rezultati:236, niveli:1} var lojtari2= { emri:“Lena”, rezultati:349, niveli:5} function detajeNgaLojtari(){ //paraqit info per secilin lojtar A=:87GG~$F?7A85 4: :485>k ~ u 7;56b:485 u ~C 9A 4<=:D;18 ~ u A=:87 ~ u 7;56b8:B1=7A3 u ~ 259:~Jt 259:~Jt

} //krijimi i nje metode lojtari1. lojtari1 .shfaqDetaje = detajeNgaLojtari; detajeNgaLojtari ; lojtari2. lojtari2 .shfaqDetaje = detajeNgaLojtari detajeNgaLojtari; ;

//Therrasmi shfaq detajet

Tipet dhe objektet

 DOM

26

Document Object Model

DOM DOM eshte nje ide, e cila na mundoeson qe ti qasemi struktures se HTML-it, XML-it dhe CSS permes JavaScriptes. Nese duma te bejme nje nderyhrje ne nje tak, apo ne nje element te caktuar, atehere permes DOM, ne mund te shkojme sakt ne ate element dhe te bejme ndryshimet perkatese

DOM

JavaScript

JavaScript dhe DOM

Lorem

Lorem Ipsum dolor sit amet

>
• Shqiperia
• Shqiperia
• Cameria
• Cameria
• >Kosova Kosova