100

Javascript LearningWithLable[eBook.veyq.Ir]

Embed Size (px)

Citation preview

  • I

    LMTH .

    .

    . !

    . : !

    LMTH

    .

    . .

    .

    tpircsavaJ yreuQj xajA

    .

    .

    beW rof tpircsavaJ lanoisseforP

    ) ( .sakaZ.C salohciN srepoleveD

    .

    .

    . moc.liamg@yepdabdamha

    .

    1931 - ) ( :

    .

    ri.rengisedbewts1ri.rengisedbewts1

  • 1stwebdesigner.ir1stwebdesigner.ir

  • III

    I .......................................................................................................................................

    1 ........................................................ : 1

    2 .........................................................................................

    3 ....................................................................................................

    4 ..................................................................................................

    4 ................................................................................................................................. MOD

    4 ............................................................................................................................. MOB

    4 ..................................................................................................

    7 ................................................................. : 2

    8 ...............................................................................................................

    8 ..........................................................................................................................

    01..............................................................................................................................

    01.........................................................................................................................

    01...................................................................................................................

    11 ............................................................................................................................................. dnifednU

    11 ..................................................................................................................................................... lluN

    21.............................................................................................................................................. naelooB

    21............................................................................................................................................... rebmuN

    21.................................................................................................................................................. gnirtS

    21.................................................................................................................................

    31...................................................................................................................................................

    ri.rengisedbewts1ri.rengisedbewts1

  • VI

    31.....................................................................................................................................................

    41........................................................................................................ gnitsaC epyT

    71 .......................................................... : 3

    81........................................................................................................ tpircsavaj

    91 ................................................................................

    02........................................................................................ >tpircs<

    12...........................................................................

    22.....................................................................................................................................

    52 ..................................................... : 4

    62.......................................................................................yarrA

    62..............................................................................................................

    72....................................................................................................................

    72....................................................................................................................

    82............................................................................................

    82.................................................................................................

    82......................................................................................................

    92...................................................................................................................

    13....................................................................................................

    33 .................................................... : 5

    43................................................................. gnirtS ( )

    43.......................................................................

    43............................................................................................................................

    43 ............................................................................................................................ +

    53.........................................................................

    ri.rengisedbewts1ri.rengisedbewts1

  • V

    53..........................................................................................................................

    63..........................................................................................

    73................................................................................................ esaCrewoLot )( )(esaCreppUot

    93 ........................................................ ( ) : 6

    04.................................................................................................................................. htaM

    04 .................................................................................................................................. )(xam. )(nim.

    14..........................................................................................................................

    34............................................................................................

    54 ...................................................... MOB : 7

    64............................................................................................................................ MOB

    64............................................................................................................................... wodniw

    64.....................................................................................................................

    74..........................................................................................

    84............................................................................................................. golaiD metsyS

    94........................................................................................................................ rabsutats

    94............................................................ slavretnI stuoemiT

    05................................................................................................................................ yrotsih

    15............................................................................................................................ tnemucod

    25.............................................................................................................................. noitacol

    25............................................................................................................................ rotagivan

    45................................................................................................................................ neercs

    55 ......................................................... MOD : 8

    65............................................................................................................................ MOD

    06......................................................................................................................... MOD

    ri.rengisedbewts1ri.rengisedbewts1

  • IV

    06 ............................................................................................................................................

    16 ...................................................................................................................................

    16 .................................................................................................................................

    16 .............................................................................................................................)(emaNgaTyBstnemelEteg

    26 .................................................................................................................................. )(emaNyBstnemelEteg

    26 .......................................................................................................................................... )(dIyBtnemelEteg

    36.............................................................................................................

    36 .........................................................................................................................................

    46 ............................................................................................................ )(tnemelEetaerc )(edoNtxeTetaerc )(dlihCdneppa

    56 ........................................................................................... )(erofeBtresni )(dlihCecalper )(dlihCevomer

    56 .......................................................................................................................... )(tnemgarFtnemucoDetaerc

    66............................................................................... LMTH MOD

    76......................................................................................................

    76............................................................................................................

    96 ............................................................................................................................ ydobt

    96 ................................................................................................................................... rt

    17 ............................................................. : 9

    27........................................................................

    27 ...........................................................................................................................

    27...............................................................................................

    37 ............................................................................................................... mrof

    47 ......................................................................................................................

    57 .................................................................................................................................................................................... ! mrof

    57....................................................................................................................

    ri.rengisedbewts1ri.rengisedbewts1

  • IIV

    67 ................................................................................................................... xobtxet

    67 .............................................................................................................

    67 ................................................................................................................................

    77 ..........................................................................................................

    77 ...................................................................................................................................... baT

    87........................................................................aeratxet

    97.................................................................................................. xobobmoc xobtsil

    08 ................................................................................................... ()noitpo /

    18 ...................................................................................................................................... noitpo

    18 ................................................................................................................................................ noitpo

    38 ........................................................ : 01

    48...........................................................................................................................

    48............................................................................................................................

    48 ............................................................................................................................................ esuom

    58 .....................................................................................................................................................................................

    58 ......................................................................................................................................

    68 ........................................................................................................................................................

    68 ..................................................................................................................................................

    78.................................................................................................................................. tneve

    88 ............................................................................................................................. tneve

    98 ......................................................................... : 11

    09............................................................................................................................

    19............................................................................................................................

    19..........................................................................................................................

    ri.rengisedbewts1ri.rengisedbewts1

  • 1stwebdesigner.ir1stwebdesigner.ir

  • .

    .

    .

    ri.rengisedbewts1ri.rengisedbewts1

  • 2 1

    1 .

    . 4 3 .2

    .

    TPIRCSAVAJ SSC LMTH .

    5 .

    .

    PSA PHP . 6 .

    7 . PSJ

    .

    . tpircSavaJ

    .

    1 tneilC

    2 revreS

    edis tneilC 3 edis revreS 45 citatS

    esabataD 6 cimanyD 7

    ri.rengisedbewts1ri.rengisedbewts1

  • 3 1

    ++C .

    :

    metsySorciM nuS ( 1POO)

    .

    epacSteN ( 2OOL)

    . LMTH

    .

    3PSJ telppA

    .

    . . )(

    . .

    .

    .

    . epyT ylesooL epyT ylgnortS

    .

    avaj ++C .

    .

    .

    PHP tpircsavaj .

    .

    .

    . LMTH

    !

    1 gnimmargorP detneirO tcejbO

    detneirO tcejbO ekiL2 egaP revreS avaJ 3

    ri.rengisedbewts1ri.rengisedbewts1

  • 4 1

    MOD 1

    . LMX LMTH( ) 2IPA MOD

    3 MOD

    MOD .

    .

    MOB 4

    EI LMTH IPA

    . MOB epacsteN

    . MOB

    MOB

    . )(

    : MOB

    .pupop

    .

    ...

    .

    . 5

    .eikooc

    . MOB

    . rotagivan wodniw

    : tpircsavaj

    : 6

    tset tseT .

    .

    1 ledoM tcejbO tnemucoD

    ecafretnI gnimmargorP noitacilppA 2 edoN 34 ledoM tcejbO resworB

    noituloseR 5 evitisneS esaC 6

    ri.rengisedbewts1ri.rengisedbewts1

  • 5 1

    ., C avaj :

    " . rav

    . )( . "

    .

    ; : (;)

    . ; .

    . ;

    .

    :

    /* */ // ++C C

    :

    tnemmoc enil-elgnis a si siht//

    enilitlum a si siht */

    /* tnemmoc

    ri.rengisedbewts1ri.rengisedbewts1

  • 1stwebdesigner.ir1stwebdesigner.ir

  • .

    .

    .

    ri.rengisedbewts1ri.rengisedbewts1

  • 8 2

    . : rav

    ;'ila'= tset raV

    . 'ila' tset

    . tset

    :

    ; 'malas'=2tset , 'ila'=1 tset rav

    . rav

    ;52=ega , 'ila'=1_tset rav

    .

    ; tset rav

    .

    .

    : .

    ; "ih"= tset rav

    ih // ;)tset(trela

    ;55=tset

    55 // ;)tset(trela

    :

    . $ ) _ ( enilrednu ,

    . _ $

    :

    ; tset rav

    ; tset$ rav

    ; 1$ rav

    ; 2tset$_ rav

    .

    :

    ri.rengisedbewts1ri.rengisedbewts1

  • 9 2

    : 1

    . :

    ;ih = eulaVtseTdnoceSym ,0 = eulaVtseTym rav

    . :

    :

    ;ih = eulaVtseTdnoceSyM ,0 = eulaVtseTyM rav

    :

    . : s i .

    ;ih = eulaVtseTdnoceSyMs ,0 = eulaVtseTyMi rav

    .

    .

    seulaVa a

    dnuoaFb b

    eulaVf f

    eulaVi i

    dohteMnf nf

    epyTo o

    eulaVs s

    ( ) tpircsavaj

    :

    ;"olleh"=tseTs rav

    ;"dlrow" + tseTs=2tseTs

    dlrow olleh // ;)2tseTs( trela

    . 2tseTs

    ,

    .

    .

    1 noitatoN lemaC

    ri.rengisedbewts1ri.rengisedbewts1

  • 01 2

    1

    .

    .

    : .

    rav wen esle kaerB diov nruter yllanif esaC elihw hctiws rof hctaC htiw siht noitcnuf eunitnoC worht fi tluafeD yrt ni eteleD foepyt foecnatsni oD

    . detcepxe reifitnedI

    2

    .

    : .

    trohs tni mune tcartsbA citats ecafretni tropxe naelooB repus gnol sdnetxe etyB dezinorhcnys evitan lanif rahC sworht egakcap taolf ssalC tneisnart etavirp otog tsnoC elitalov detcetorp stnemelpmi reggubeD cilbup tropmi elbuoD

    :

    denifednu

    llun

    naeloob

    rebmun

    gnirts

    . foepyt

    .

    :

    . denifednU :denifednu

    . naelooB :naeloob

    sdrowyeK 12 sdroW devreseR

    ri.rengisedbewts1ri.rengisedbewts1

  • 11 2

    . rebmuN :rebmun

    . gnirtS :gnirts

    . llun :tcejbo

    dnifednU

    . denifednU

    . denifednU

    ; pmeTo rav

    "denifednU" stuptuo // ; )pmeTo foepyt( trela

    denifednu foepyt .

    ( .2pmeTo)

    ; pmeTo rav

    "denifednu" stuptuo // ; )pmeTo foepyt( trela

    "denifednu" stuptuo // ; )2pmeTo foepyt( trela

    : foepyt 2pmeTo

    denifed tnsi elbairav siht erus ekam//

    ;2pmeTo rav//

    gnittuptuo yrt//

    rorre sesuac// ;)denifednu == 2pmeTo(trela

    : denifedniu

    { )( cnuftseT noitcnuf

    kcalb noitcnuf eht evael //

    }

    eurt stuptuo// ;) denifednu == )(cnuFtseT (trela

    lluN

    . llun llun

    : llun denifednu tpircsavaj

    eurt stuptuo// ;)denifednu == llun(trela

    denifednu .

    llun .

    .

    ri.rengisedbewts1ri.rengisedbewts1

  • 21 2

    naelooB

    naelooB

    . eslaf eurt

    . eslaf 0 ) ( 0 eslaf

    :

    ;eurt = dnuoFb rav

    ;eslaf = tsoLb rav

    rebmuN

    61 8 .

    .

    : 55

    ;55 = muNi rav

    :

    ;0.5 = muNf rav

    gnirtS

    . .

    .

    ( ' ) .( "( ) ' )

    ( . " )

    ;"eulb" = 1roloCs rav

    ;'eulb' = 2roloCs rav

    .

    .

    .

    ri.rengisedbewts1ri.rengisedbewts1

  • 31 2

    gnirts srebmun naeloob

    1

    .

    : htgnel.

    ; "eulb" = roloCs rav

    4 stuptuo// ; )htgnel.roloCs( trela

    . )(gnirtsot. gnirts rebmun naeloob

    : eslaf eurt naelooB

    ;eslaf = dnuoFb rav

    eslaf stuptuo// ;))(gnirtSot.dnuoFb(trela

    : rebmun

    ;01 = 1muNi rav

    ;0.01 = 2muNf rav

    01 stuptuo// ;))(gnirtSot.1muNi(trela

    01 stuptuo// ;))(gnirtSot.2muNf(trela

    :

    )(tnIesarp )(taolFesrap

    . F I : . NaN

    NaN )(tnIesrap.

    . .

    . 321 "der321"

    4321 snruter// ;)eulb4321(tnIesrap = 1muNi rav

    22 snruter// ;)"5.22"(tnIesrap = 3muNi rav

    NaN snruter// ;)"eulb"(tnIesrap = 4muNi rav

    . )(tnIesrap )(taolFesrap

    .

    1 stcejbO-oduesP

    ri.rengisedbewts1ri.rengisedbewts1

  • 41 2

    : .

    0.4321 snruter// ;)eulb4321(taolFesrap = 1muNf rav

    5.22 snruter// ;)5.22(taolFesrap = 3muNf rav

    43.22 snruter// ;)5.43.22(taolFesrap = 4muNf rav

    NaN snruter// ;)eulb(taolFesrap = 6muNf rav

    gnitsaC epyT

    gnitsac epyt . gnitsaC epyT

    :

    )( naelooB )( rebmuN )( gnirtS

    eurt )(naelooB

    eslaf .

    : llun denifednu

    gnirts ytpme eslaf// ;)(naelooB = 1b rav

    gnirts ytpme-non eurt// ;)ih(naelooB = 2b rav

    rebmun orez-non eurt// ;)001(naelooB = 3b rav

    llun - eslaf// ;)llun(naelooB = 4b rav

    orez - eslaf// ;)0(naelooB = 5b rav

    tcejbo eurt// ;))(tcejbO wen(naelooB = 6b rav

    . )(taolFesrap )(tnIesrap )(rebmuN

    )(taolFesrap )(tnIesrap

    - NaN )(rebmuN . 5.4 6.5.4 .

    . )(rebmuN

    )(tnIesrap )(rebmuN

    : )(rebmuN . )(taolFesrap

    0 )eslaf(rebmuN

    1 )eurt(rebmuN

    NaN )denifednu(rebmuN

    0 )llun(rebmuN

    5.5 )5.5(rebmuN

    65 )65(rebmuN

    NaN )7.6.5(rebmuN

    NaN ))(tcejbO wen(rebmuN

    001 )001(rebmuN

    ri.rengisedbewts1ri.rengisedbewts1

  • 51 2

    : )(gnirtS

    llun // ;)llun(gnirtS = 1s rav

    ri.rengisedbewts1ri.rengisedbewts1

  • 1stwebdesigner.ir1stwebdesigner.ir

  • >tpircs

  • 81 3

    egaugnal . daeh

    crs

    EPYT EMIM epyt

    tpircsavaj tpircsavaj egaugnal . tpircsavaj/txet

    tpircsavaj) . 3.1

    (.

    crs >tpircstpircslmthdaeheltit/eltit<

    >tpircSavaJ=egaugnal tpircs<

    ;0 = i rav

    >tpircs/<

    tpircSavaJ=egaugnal tpircs<

    >tpircs/sj.lanretxe/stpircs/..=crs

    >daeh/ydob-- ereh seog ydob --!<

    >ydob/lmth/tpircs

  • 91 3

    >lmthdaeheltit/eltit<

    >tpircSavaJ=egaugnal tpircs<

    { )(iHyas noitcnuf

    ;)iH(trela

    }

    >tpircs/<

    >daeh/ydob-- ereh seog ydob --!<

    >ydob/lmth/lmthdaeheltit/eltit<

    >tpircs/sj.lanretxe=crs tpircSavaJ=egaugnal tpircs<

    >daeh/ydob-- ereh seog ydob --!<

    >ydob/lmth/tpircstpircslmthdaeheltit/eltit<

    >tpircSavaJ=egaugnal tpircs<

    { )(iHyas noitcnuf

    ;)iH(trela

    }

    >tpircs/<

    >daeh/ydobtpircSavaJ=egaugnal tpircs<

    ;)(iHyas

    >tpircs/<

    >p/p<

    >ydob/lmth/lmthdaeheltit/eltit<

    >tpircSavaJ=egaugnal tpircs<

    { )(iHyas noitcnuf

    ;)iH(trela

    }

    >tpircs/<

    >daeh/ydob/ )(iHyas=kcilcno noitcnuF llaC=eulav nottub=epyt tupni<

    >ydob/lmth/tpircslmthdaeheltit/eltit<

    >daeh/ydobtpircSavaJ=egaugnal tpircs<

    ;)(iHyas

    >tpircs/<

    >p/p<

    >tpircSavaJ=egaugnal tpircs<

    { )(iHyas noitcnuf

    ;)iH(trela

    }

    >tpircs/<

    >ydob/lmth/tpircstpircstpircs-- --!

  • 22 3

    sresworb redlo morf edih --!tpircSavaJ=egaugnal tpircs--//

    >tpircs/--

    . /

    .

    . >tpircsontpircsonlmthdaeheltit/eltit<

    >tpircSavaJ=egaugnal tpircs<

    { )(iHyas noitcnuf

    ;)iH(trela

    }

    >tpircs/<

    >daeh/ydobtpircSavaJ=egaugnal tpircs<

    ;)(iHyas

    >tpircs/<

    >tpircson<

    did ti fI .tpircSavaJ troppus tnseod resworb ruoY>p<

    >p/ >tpircson/<

    si tpircSavaJ fi ees lliw resu eht txet tsrif eht si sihT>p<

    fI .delbane

    >p/ydob/lmth/ repoleveD beW > uneM xoFeriF

    . j+tfihs+lrtc

    arepo elosnoC rorrE > decnavdA > slooT

    . o+tfihs+lrtc

    emorhC elgooG

    elosnoC tpircsavaJ > slooT >

    . j+tfihs+lrtc

    rerolpxE tenretnI

    .

    .

    tenretnI( gniggubeD tpircS elbasiD decnavdA > snoitpO tenretnI > slooT

    rorre tpircs yreve tuoba noitacifiton a yalpsiD )rerolpxE

    :

    ri.rengisedbewts1ri.rengisedbewts1

  • 42 3

    :

    ri.rengisedbewts1ri.rengisedbewts1

  • .

    .

    .

    ri.rengisedbewts1ri.rengisedbewts1

  • 62 4

    yarrA

    ) yarrA

    : . (

    ;)(yarrA wen = seulaVa rav

    :

    ;)02(yarrA wen = seulaVa rav

    :

    ;)(yarrA wen = sroloCa rav

    ;der = ]0[sroloCa

    ;neerg = ]1[sroloCa

    ;eulb = ]2[sroloCa

    .

    :

    ;)eulb ,neerg ,der(yarrA wen = sroloCa rav

    :

    neerg stuptuo// ;)]1[sroloCa(trela

    . htgnel.

    .

    52

    : 62 llun 42 3

    ;)eulb ,neerg ,der(yarrA wen = sroloCa rav

    3 stuptuo// ;)htgnel.sroloCa(trela

    ;elprup = ]52[sroloCa

    62 stuptuo// ;)htgnel.rra(sroloCa

    : , (] [)

    ;]eulb ,neerg ,der[ = sroloCa rav

    3 stuptuo// ;)htgnel.sroloCa(trela

    ;elprup = ]52[sroloCa

    62 stuptuo// ;)htgnel.sroloCa(trela

    ri.rengisedbewts1ri.rengisedbewts1

  • 72 4

    ! 5927694924 :

    :

    ;]eulb ,neerg ,der[ = sroloCa rav

    eulb,neerg,der stuptuo// ;))(gnirtSot.sroloCa(trela

    eulb,neerg,der stuptuo// ;))(fOeulav.sroloCa(trela

    eulb,neerg,der stuptuo// ;))(gnirtSelacoLot.sroloCa(trela

    .

    . 1 )(nioj.

    : .

    ;]eulb ,neerg ,der[ = sroloCa rav

    eulb,neerg,der stuptuo// ;)),(nioj.sroloCa(trela

    -gnirps-neerg-gnirps-der stuptuo// ;))-gnirps-(nioj.sroloCa(trela

    eulb

    eulb[]neerg[]der stuptuo// ;))[](nioj.sroloCa(trela

    gnirts

    !

    )(tilps. gnirts

    .

    : ,

    ;eulb,neerg,der = sroloCs rav

    ;),(tilps.sroloCs = sroloCa rav

    : .

    ;neerg = sroloCs rav

    ;)(tilps.sroloCs = sroloCa rav

    n,e,e,r,g stuptuo// ;))(gnirtSot.sroloCa(trela

    1 rotarapes

    ri.rengisedbewts1ri.rengisedbewts1

  • 82 4

    . )(tacnoc.

    : .

    ;]eulb ,neerg ,der[ = sroloCa rav

    ;)elprup ,wolley(tacnoc.sroloCa = 2sroloCa rav

    elprup,wolley,eulb,neerg,der stuptuo// ;))(gnirtSot.2sroloCa(trela

    eulb,neerg,der stuptuo// ;))(gnirtSot.sroloCa(trela

    . )(ecils.

    .

    : .

    ;]elprup ,wolley ,eulb ,neerg ,der[ = sroloCa rav

    ;)1(ecils.rra = 2sroloCa rav

    ;)4 ,1(ecils.rra = 3sroloCa rav

    elprup,wolley,eulb,neerg stuptuo// ;))(gnirtSot.2sroloCa(trela

    wolley,eulb,neerg stuptuo// ;))(gnirtSot.3sroloCa(trela

    . 1-m n )m,n(ecils.rra

    kcats

    . eueuq

    )(pop. )(hsup. kcats

    .

    )(pop. )(hsup.

    . )(pop. .

    :

    ri.rengisedbewts1ri.rengisedbewts1

  • 29 4

    var stack = new Array;

    stack.push(red);

    stack.push(green);

    stack.push(yellow);

    alert(stack.toString()); //outputs red,green,yellow

    var vItem = stack.pop();

    alert(vItem); //outputs yellow

    alert(stack.toString()); //outputs red,green

    . .shift()

    . .unshift()

    :

    var aColors = [red, green, yellow];

    var vItem = aColors.shift();

    alert(aColors.toString()); //outputs green,yellow

    alert(vItem); //outputs red

    aColors.unshift(black);

    alert(aColors.toString()); //outputs black,green,yellow

    :

    1 . reverse()

    . :

    var aColors = [red, green, blue];

    aColors.reverse();

    alert(aColors.toString()); //outputs blue,green,red

    .sort() .

    . :

    var aColors = [red, green, blue, yellow];

    aColors.sort();

    alert(aColors.toString()); //outputs blue,green,red,yellow

    1 ordering

    1stwebdesigner.ir1stwebdesigner.ir

  • 03 4

    :

    ]5 ,2 ,23 ,3[ = sroloCa rav

    ;)(tros.sroloCa

    5,23,3,2 stuptuo// ;))(gnirtSot.sroloCa(trela

    ) ( )(tros.

    .

    .

    ( b,a )

    .

    :

    ) ( .a ) ( b

    . b a

    . b a

    : )(tros.

    {)b,a(erapmoC noitcnuf

    {)b>a(fI

    ;1 nruteR

    {)b

  • 13 4

    . )(ecilps.

    .

    :

    . :

    ,0(ecilps.rra . :

    . rra )2

    : :

    .

    der )neerg ,der ,0 ,2(ecilps.rra .

    . neerg

    :

    . :

    neerg der )neerg ,der ,1 ,2(ecilps.rra

    .( 2 )

    ri.rengisedbewts1ri.rengisedbewts1

  • 1stwebdesigner.ir1stwebdesigner.ir

  • .

    .. .

    .

    ri.rengisedbewts1ri.rengisedbewts1

  • 43 5

    gnirtS )(

    dlroW olleH .) (

    :

    ;)dlrow olleh(gnirtS wen = tcejbOgnirtSo rav

    . htgnel. gnirts

    :

    : . :)(tArahc

    ;)dlrow olleh(gnirtS wen = tcejbOgnirtSo rav

    e stuptuo// ;))1(tArahc.tcejbOgnirtSo(trela

    : )(tAedoCrahc.

    ;)dlrow olleh(gnirtS wen = tcejbOgnirtSo rav

    101 stuptuo// ;))1(tAedoCrahc.tcejbOgnirtSo(trela

    . e 101

    : . )(tacnoc.

    ;) olleh(gnirtS wen = tcejbOgnirtSo rav

    ;)dlrow(tacnoc.tcejbOgnirtSo = tluseRs rav

    dlrow olleh stuptuo// ;)tluseRs(trela

    olleh stuptuo// ;)tcejbOgnirtSo(trela

    . + )(tacnoc.

    +

    + .

    .

    .

    .

    .

    ri.rengisedbewts1ri.rengisedbewts1

  • 53 5

    :

    ;5+5 = 1tluser rav

    01 tuptuo // ;)1tluser(trela

    ;5+5 = 2tluser rav

    55 tuptuo // ;)2tluser(trela

    ;5+5 = 3tluser rav

    55 tuptuo // ;)3tluser(trela

    )(fOxednItsal. )(fOxedni.

    .

    . 1-

    ( 0 ) )(fOxedni.

    : .

    ;)dlrow olleh(gnirtS wen = tcejbOgnirtSo rav

    4 stuptuo// ;))o(fOxedni.tcejbOgnirtSo(trela

    7 stuptuo// ;))o(fOxednItsal.tcejbOgnirtSo(trela

    . O

    )(fOxednItsal. )(fOxedni.

    .

    :( a) 5

    ;rekcah tpircsavaj a ma I = elpmaxe raV

    5 tuptuo //;))3,a(fOxedni.elpmaxe(trelA

    . )(erapmoCelacol.

    (. ++C )(pmcrts)

    :

    . 1- .1

    . 0 .2

    . 1 .3

    ri.rengisedbewts1ri.rengisedbewts1

  • 63 5

    :

    ;)wolley(gnirtS wen = tcejbOgnirtSo rav

    1 stuptuo// ;))kcirb(erapmoCelacol.tcejbOgnirtSo(trela

    0 stuptuo// ;))wolley(erapmoCelacol.tcejbOgnirtSo(trela

    1- stuptuo// ;))ooz( erapmoCelacol.tcejbOgnirtSo(trela

    )(gnirtsbus. )(ecils. :

    .

    (. )

    .

    :

    ;)dlrow olleh(gnirtS wen = tcejbOgnirtSo rav

    dlrow ol stuptuo// ;))3(ecils.tcejbOgnirtSo(trela

    dlrow ol stuptuo// ;))3(gnirtsbus.tcejbOgnirtSo(trela

    w ol stuptuo// ;))7 ,3(ecils.tcejbOgnirtSo(trela

    w ol stuptuo// ;))7,3(gnirtsbus.tcejbOgnirtSo(trela

    .

    . )(ecils.

    (.) . )(gnirtsus.

    :

    ;)dlrow olleh(gnirtS wen =tcejbOgnirtSo rav

    dlr stuptuo// ;))3-(ecils.tcejbOgnirtSo(trela

    dlrow olleh stuptuo// ;))3-(gnirtsbus.tcejbOgnirtSo(trela

    w ol stuptuo// ;))4- ,3(ecils.tcejbOgnirtSo(trela

    leh stuptuo// ;))4-,3(gnirtsbus.tcejbOgnirtSo(trela

    8 3-

    :

    ;)8(ecils.tcejbOgnirtSo

    : . .

    ;)0(gnirtsbus.tcejbOgnirtSo

    ri.rengisedbewts1ri.rengisedbewts1

  • 73 5

    : . 8

    ;)8,3(ecils.tcejbOgnirtSo

    :

    ;)0,3(gnirtsbus.tcejbOgnirtSo

    . )(gnirtsbus. )(ecils. : . )3,6(gnirtSbus. )6,3(gnirtSbus.

    .

    )(gnirtsbus. )(ecils.: . llun

    . )(rtsbus.

    .

    . :

    ;tpircsavaj = gnirtSym rav

    ;)4,0(rtsbus.gnirtSym = rtSbuSym rav

    avaj tuptuo // ;)rtSbuSym(trela

    esaCrewoLot )( )(esaCreppUot

    )(esaCrewoLot. )(esaCreppUot.

    :

    ;)dlroW olleH(gnirtS wen =tcejbOgnirtSo rav

    DLROW OLLEH stuptuo// ;))(esaCreppUelacoLot.tcejbOgnirtSo(trela

    DLROW OLLEH stuptuo// ;))(esaCreppUot.tcejbOgnirtSo(trela

    dlrow olleh stuptuo// ;))(esaCrewoLelacoLot.tcejbOgnirtSo(trela

    dlrow olleh stuptuo// ;))(esaCrewoLot.tcejbOgnirtSo(trela

    ri.rengisedbewts1ri.rengisedbewts1

  • 1stwebdesigner.ir1stwebdesigner.ir

  • .

    .

    ) (1

    ri.rengisedbewts1ri.rengisedbewts1

  • ) (

    04 6

    htaM

    . .

    )(xam. )(nim.

    .

    :

    ;)61 ,23 ,45 ,3(xam.htaM = xaMi rav

    45 stuptuo// ;)xaMi(trela

    ;)61 ,23 ,45 ,3(nim.htaM = niMi rav

    3 stuptuo// ;)niMi(trela

    . xam nim

    . )(sba.

    )(liec. .

    . )(dnuor. )(roolf.

    :)(dnuor

    .

    . :)(liec

    . :)(roolf

    :

    62 stuptuo// ;))5.52(liec.htaM(trela

    62 stuptuo// ;))5.52(dnuor.htaM(trela

    52 stuptuo// ;))5.52(roolf.htaM(trela

    :

    . :)(gol

    : :)(wop

    ;)01 ,2(wop.htaM = muNi rav

    : :)(trqs

    ;)4(trqs.htaM = muNi rav

    2 stuptuo// ;)muNi(trela

    : htaM

    ri.rengisedbewts1ri.rengisedbewts1

  • 14 6

    )x(nat , )x(nis , )x(soc , )y ,x(2nata , )x(nata , )x(nisa , )x(soca

    )(modnar. htaM

    .( 1 0 ) 10

    :

    + seciohc_fo_rebmun_latot * )(modnar.htaM(roolf.htaM = rebmun

    )eulav_elbissop_tsrif

    : 01 1

    ;)1 + 01 * )(modnar.htaM(roolf.htaM = muNi rav

    :

    { )eulaVtsaLi ,eulaVtsriFi(morFtceles noitcnuf

    ;1 + eulaVtsriFi eulaVtsaLi = seciohCi rav

    ;)eulaVtsriFi + seciohCi * )(modnar.htaM(roolf.htaM nruter

    }

    01 dna 2 neewteb morf tceles//

    ;)01 ,2(morFtceles = muNi rav

    : .

    ,elprup ,kcalb ,wolley ,eulb ,neerg ,der[ = sroloCa rav

    ;]nworb

    ;])1-htgnel.sroloCa ,0(morFtceles[sroloCa = roloCs rav

    . 1

    ( IRU ) )(tnenopmoCIRUedocne. )(IRUedocne.

    . ecaps .

    . edocne

    ) )(IRUedocne.

    ( mth.eulav lagelli/ri.yreuqjgninrael//:ptth

    . mth.eulav lagelli

    ( / :)

    : . edocne edocne...

    ;trats#mth.eulav lagelli/moc.xorw.www//:ptth = irUs rav

    ;))irUs(IRUedocne(trela

    ;))irUs(tnenopmoCIRUedocne(trela

    ri.rengisedbewts1ri.rengisedbewts1

  • ) (

    24 6

    :

    trats#mth.eulav02%lagelli/moc.xorw.www//:ptth

    trats32%mth.eulav02%lagelliF2%moc.xorw.wwwF2%F2%A3%ptth

    : edoced

    )(IRUedoced )(tnenopmoCIRUedoced

    :

    ;trats32%mth.eulav02%lagelliF2%moc.xorw.wwwF2%F2%A3%ptth = irUs rav

    ;))irUs(IRUedoced(trela

    ;))irUs(tnenopmoCIRUedoced(trela

    :

    trats32%mth.eulav lagelliF2%moc.xorw.wwwF2%F2%A3%ptth

    trats#mth.eulav lagelli/moc.xorw.www//:ptth

    . )(lave

    .

    :

    ;))ih(trela(lave

    :

    ;)ih(trela

    .

    :

    ;dlrow olleh = gsm rav

    ;))gsm(trela(lave

    . )(lave )(lave

    :

    ;)} ;)ih(trela { )(iHyas noitcnuf(lave

    ;)(iHyas

    ri.rengisedbewts1ri.rengisedbewts1

  • 34 6

    .

    tpircsavaJ LMTH

    .

    etaD .

    : .

    ;)(etaD wen = d rav

    0791/10/10 00:00:21 )(etaD

    . )(fOeulav. .

    :

    >"tpircsavaj/txet"=epyt tpircstpircs/ "tpircsavaj/txet"=epyt ptircstpircs/ "tpircsavaj/txet"=epyt ptircstpircs/ "tpircsavaj/txet"=epyt ptircstpircs/a/"

    slavretnI stuoemiT

    .

    slavretnI . :stuoemiTtes

    : .

    . .1

    . .2

    .

    :

    ri.rengisedbewts1ri.rengisedbewts1

  • BOM

    50 7

    setTimeout("alert('Hello world!')", 1000);

    ----------------------------------------------------------

    setTimeout(function() { alert("Hello world!"); }, 1000);

    ----------------------------------------------------------

    function sayHelloWorld() {

    alert("Hello world!");

    }

    setTimout(sayHelloWorld, 1000);

    .setTimeout() .clearTimeout() :

    var iTimeoutId = setTimeout("alert('Hello world!')", 1000);

    clearTimeout(iTimeoutId);

    setIntervals: .

    , .clearInterval() :

    setInterval(alert(Hello world!) , 1000);

    -----------------------------------------------------

    setInterval(function() { alert(Hello world!); }, 1000);

    -----------------------------------------------------

    function sayHelloWorld() {

    alert(Hello world!);

    }

    setInterval(sayHelloWorld, 1000);

    history

    .

    history . .history window :

    .go() : .

    . :

    1stwebdesigner.ir1stwebdesigner.ir

  • 15 7

    ;)1-(og.yrotsih.wodniw

    :

    ;)1+(og.yrotsih.wodniw

    . )(drawrof. )(kcab.

    eno kcab og//

    ;)(kcab.yrotsih

    eno drawrof og//

    ;)(drawrof.yrotsih

    : yrotsih thgnel.

    ;)".yrotsih ni segap " + htgnel.yrotsih + " yltnerruc era erehT"(trela

    tnemucod

    . MOD MOB

    . LRU

    ;"/ri.yreuqjgninrael.www//:ptth" = LRU.tnemucod

    rerrefer. tnemucod

    .

    . eltit.

    / .

    : egaP eltiT weN

    ;egaP eltiT weN = eltit.tnemucoD

    .

    :

    srohcna

    debme sdebme

    smrof

    segami

    sknil

    ri.rengisedbewts1ri.rengisedbewts1

  • MOB

    25 7

    . xedni

    :

    ;]0[segami.tnemucoD

    rO

    ; ]'eman-egami'[segami.tnemucoD

    : ,

    crs.]0[segami.tnemucod

    . )(nletirw. )(etirw.

    noitacol

    ferh.noitacol. noitacol

    : LRU

    ;"/ri.yreuqjgninrael.www//:ptth" =ferh.noitacol

    : )(ngissa.

    )ri.yreuqjgninrael.www //:ptth(ngissa.noitacoL

    ehcaC . )(daoler.

    eurt hctaC eslaf . revreS

    . eslaf . revreS

    rotagivan

    . MOB

    : .

    ri.rengisedbewts1ri.rengisedbewts1

  • 35 7

    emaNedocppa

    emaNppa

    noisreVtoniMppa

    noisreVppa

    egaugnaLresworb

    delbanEeikooc

    upc ssalCupc

    delbanEavaj

    egaugnaL

    epytemim epyTemim

    . mroftalp mroftalP

    tnegAresu

    .

    .

    PX rotagivan tnegAresu.

    :

    61 emorhC elgooG ,LMTHK( 7.535/tiKbeWelppA )1.5 TN swodniW( 0.5/allizoM

    7.535/irafaS 77.219.0.61/emorhC )okceG ekil

    00.11/noisreV 26.7.2/otserP )ne ;U ;1.5 TN swodniW( 08.9/arepO 11 arepO

    0.9/xoferiF 10100102/okceG )0.9:vr ;1.5 TN swodniW( 0.5/allizoM 0.9 xoferiF

    0.7 rerolpxE tenretnI ;2.htaPofnI ;1.5 TN swodniW ;0.7 EISM ;elbitapmoc( 0.4/allizoM

    RLC TEN. ;2512.6054.0.3 RLC TEN. ;72705.0.2 RLC TEN. )92703.5.3

    ri.rengisedbewts1ri.rengisedbewts1

  • MOB

    45 7

    neercs

    : .

    thgieHliava

    htdiWliava

    htpeDroloc

    thgieh

    htdiw

    neercslluf .

    :

    ;)0,0(oTevom.wodniW

    ;)thigeHliava.neercs,htdiWliava.neercs(oTeziser.wodniW

    ri.rengisedbewts1ri.rengisedbewts1

  • MOD . MOD

    .

    MOD

    .

    MOD

    ri.rengisedbewts1ri.rengisedbewts1

  • MOD

    65 8

    MOD

    . LMTH MOD

    :. LMTH

    >lmthdaeheltit/eltit<

    >daeh/ydob1h/1h<

    >p<

    ekil thgim uoy ,tpircSavaJ ruoy htiw pleh emos deen uoy fI

    morf selcitra daer ot

    >a/"lanretxe"=ler /ten.bbewnad.www//:ptth=ferh a<

    >a/"lanretxe"=ler "/gro.edomskriuq.www//:ptth"=ferh a<

    dna

    ymereJ>"lanretxe"=ler "/moc.oitcada//:ptth"=ferh a<

    >a/p/<

    >ydob/lmth/gat/gat/ gat<

    .

    . :txet

    . 3 .

    :

    1 edoN tnemucoD

    edoN tnemelE 23 edoN txeT

    ri.rengisedbewts1ri.rengisedbewts1

  • MOD

    85 8

    1 . :rtta

    . MOD .

    ler ferh

    :

    (. tnemmoc ) . :tnemmoc

    . tnemucod

    : .

    1 edoN etubirttA

    ri.rengisedbewts1ri.rengisedbewts1

  • 95 8

    / /

    gnirtS emaNedon .

    .

    gnirtS eulaVedon .

    .

    . rebmuN epyTedon

    tnemucoD tnemucoDrenwo tnemucod

    . edoN dlihCtsrif

    . edoN dlihCtsal

    )( tsiLedoN sedoNdlihc

    edoN gnilbiSsuoiverp

    . )(

    llun

    .

    edoN gnilbiStxen

    . )(

    llun

    .

    naelooB )(sedoNdlihCsah

    sedoNdlihc

    eurT )(

    edoN )edon(dlihCdneppa sedoNdlihc edon

    .

    edoN )edon(dlihCevomer sedoNdlihc edon

    .

    edoN )edondlo ,edonwen( dlihCecalper edondlo sedoNdlihc

    . edonwen

    edoN )edonfer ,edonwen( erofeBtresni edonwen sedoNdlihc

    . edonfer

    ri.rengisedbewts1ri.rengisedbewts1

  • DOM

    60 8

    DOM

    :

    DOM Example

    Hello World!

    Isnt this exciting?

    Youre learning to use the DOM!

    HTML .documentElement document

    . :

    var oHtml = document.documentElement;

    head body :

    var oHead = oHtml.firstChild;

    var oBody = oHtml.lastChild;

    :

    var oHead = oHtml.childNodes[0];

    var oBody = oHtml.childNodes[1];

    :

    alert(oHtml.childNodes.length); //outputs 2

    .item() :

    var oHead = oHtml.childNodes.item(0);

    var oBody = oHtml.childNodes.item(1);

    DOM document.body body .

    var oBody = document.body;

    oHead oBody oHtml :

    1stwebdesigner.ir1stwebdesigner.ir

  • 16 8

    eurt stuptuo// ;)lmtHo == edoNtnerap.daeHo(trela

    eurt stuptuo// ;)lmtHo == edoNtnerap.ydoBo(trela

    eurt stuptuo// ;)daeHo == gnilbiSsuoiverp.ydoBo(trela

    eurt stuptuo// ;)ydoBo == gnilbiStxen.daeHo(trela

    eurt stuptuo// ;)tnemucod == tnemucoDrenwo.daeHo(trela

    : MOD

    . eman :)eman(etubirttAteg

    . eulaV wen eman :)eulaV wen,eman(etubirttAtes

    . eman :)eman(etubirttAevomer

    .

    : DI

    ;)di(etubirttAteg.Po = dIs rav

    : DI

    ;)dIwen ,di(etubirttAtes.Po

    .

    . MOD

    )(emaNgaTyBstnemelEteg . )(

    ;)gmi(emaNgaTyBstnemelEteg.tnemucod = sgmIo rav

    . sgmIo gmi

    :

    ;)p(emangaTyBstnemelEteg.tnemucod = sPo rav

    ;)gmi(emaNgaTyBstnemelEteg.]0[sPo = PnIsgmIo rav

    :

    ;)*(emaNgaTyBstnemelEteg.tnemucod = stnemelEllAo rav

    ri.rengisedbewts1ri.rengisedbewts1

  • MOD

    26 8

    )(emaNyBstnemelEteg . eman MOD

    :

    >lmthdaeheltit/eltit<

    >daeh/ydobphp.gnihtemosod=noitca tsop=dohtem mrof<

    >tesdleif<

    >dnegel/

  • 36 8

    >lmthdaeheltit/eltit<

    >daeh/ydobp/p<

    >vid/1vid=di vid<

    >ydob/lmth/lmthdaeh<

    >eltit/eltit<

    >daeh/<

    >ydob<

    >ydob/<

    >lmth/p/pppp/ortni=di pp

  • 56 8

    :

    ;)ortni(dIyBtnemelEteg.tnemucod=araPym raV

    ;>a/#=ferh a< kcilC=LMTHrenni.araPym

    LMTHrenni. . >pp/a/#=ferh a< kcilC>ortni=di p/ 0=redrob gpj.erutcipym=crs gmi%001=htdiw 1=redrob elbatydobt<

    >rt<

    >dt/dt<

    >dt/dt<

    >rt/<

    >rt<

    >dt/dt<

    >dt/dt<

    >rt/<

    >ydobt/<

    >elbat// "timbuS"=eulav "timbus"=epyt tupni/ "fig.timbus"=crs "egami"=epyt tupni")dettimbuS(trela:tpircsavaj"=noitca "tsop"=dohtem mrof/ "timbuS"=eulav "timbus"=epyt tupni/"txet"=epyt tupniaeratxet/aeratxet/ "eulav laitini"=eulav "05"=htgnelxam "52"=ezis "txet"=epyt tupniaeratxet/"5"=sloc "52"=swor aeratxet/ ";)(tceles.siht"=sucofno "txet"=epyt tupniaeratxet/")(tceles.siht"=sucofno aeratxet/ tupni/ "4"=htgnelxam "txet"=epyt tupni/ ')siht(tset'=pUyeKno '4'=htgnelxam 'txet'=epyt tupni"egAles"=di "egAles"=eman tcelesnoitpo/"1"=eulav noitpo<

    >noitpo/"2"=eulav noitpo<

    >noitpo/"3"=eulav noitpo<

    >noitpo/"4"=eulav noitpo<

    >noitpo/"5"=eulav noitpo<

    >tceles/"3"=ezis "egAles"=di "egAles"=eman tcelesnoitpo/"1"=eulav noitpo<

    >noitpo/"2"=eulav noitpo<

    >noitpo/"3"=eulav noitpo<

    >noitpo/"4"=eulav noitpo<

    >noitpo/"5"=eulav noitpo<

    >tceles/ i ;1-htgnel.snoitpo.xobtsiLo=i rav( rof

    ;)i ,xobtsiLo(led

    }

    }

    .

    xedni . noitpo xedni

    . xedni

    ri.rengisedbewts1ri.rengisedbewts1

  • LMTH

    .

    . .

    . tneve

    ri.rengisedbewts1ri.rengisedbewts1

  • 48 01

    . .

    ....

    .

    ... . revoesuom daol kcilc

    . kcilcno kcilc . 1

    .LMTH :

    : . ) (

    ;)'1vid'(dIyBtnemelEteg.tnemucod = viDo rav

    {)( noitcnuf =kcilcno.viDo

    ;)'!!! dekcilC saW I'(trela

    }

    .

    .

    :

    >vid/')"!!! dekcilC saW I"(trela'=kcilcno vidydobydob/')"!!! etelpmoc gnidaol"(trela'=daolno ydob