HTML5 Framework-ak

Data:

2014/03/10
1/41

Bertsioa: 1.0

2/41

Edukie aurki!idea
HTML5 Aplikazioak............................................................................................................5 HTML5............................................................................................................................... 6 Berritasunak...................................................................................................................6 Laburpena......................................................................................................................9 CSS ................................................................................................................................11 !"uer# Mobile.............................................................................................................. 12 Abantailak................................................................................................................12 $esabantailak..........................................................................................................12 Tresnak....................................................................................................................1 Bootstrap..................................................................................................................... 15 Abantailak................................................................................................................15 $esabantailak..........................................................................................................15 Tresnak....................................................................................................................16 %oun&ation...................................................................................................................1' Abantailak................................................................................................................1' $esabantailak..........................................................................................................1' Tresnak....................................................................................................................1' CSS (ra)e*ork+en on&orioak................................................................................... 2, -a.aS/ript........................................................................................................................ 22 Liburute0iak................................................................................................................. 2 !"uer#......................................................................................................................2 1zau0arriak.........................................................................................................2 Abantailak........................................................................................................... 2 $esabantailak..................................................................................................... 2 Tresnak............................................................................................................... 2 MooTools................................................................................................................. 24 1zau0arriak.........................................................................................................24 Abantailak........................................................................................................... 24 $esabantailak..................................................................................................... 24 2rotot#pe................................................................................................................. 25 1zau0arriak.........................................................................................................25 Abantailak........................................................................................................... 25 $esabantailak..................................................................................................... 25 -a.aS/ript Liburute0ien on&orioak..........................................................................26 %ra)e*ork+ak..............................................................................................................2' An0ular-S................................................................................................................2' 1zau0arriak.........................................................................................................2' Abantailak........................................................................................................... 2' $esabantailak..................................................................................................... 2' Ba/kbone.!s.............................................................................................................29 1zau0arriak.........................................................................................................29 Abantailak........................................................................................................... 29 $esabantailak..................................................................................................... 29 3no/kout-S............................................................................................................. , 1zau0arriak......................................................................................................... ,
/41

Abantailak........................................................................................................... , $esabantailak..................................................................................................... , -a.aS/ript %ra)e*ork+en on&orioak...................................................................... 1 Bestelako tresnak........................................................................................................ Mo&ernizr................................................................................................................ Abantailak........................................................................................................... $esabantailak..................................................................................................... 2$%.!s...................................................................................................................... Abantailak........................................................................................................... $esabantailak..................................................................................................... !s2$%....................................................................................................................... 4 Abantailak........................................................................................................... 4 $esabantailak..................................................................................................... 4 4n&ers/ore-S.......................................................................................................... 4 Abantailak........................................................................................................... 4 $esabantailak..................................................................................................... 4 Musta/5e................................................................................................................. 4 Abantailak........................................................................................................... 4 $esabantailak..................................................................................................... 4 6e7uire-S................................................................................................................ 5 Abantailak........................................................................................................... 5 $esabantailak..................................................................................................... 5 -S8Lo0.................................................................................................................... 5 Abantailak........................................................................................................... 5 $esabantailak..................................................................................................... 5 $HTML9.................................................................................................................. 5 Abantailak........................................................................................................... 6 $esabantailak..................................................................................................... 6 :ra(ikoak erabiltzeko tresnak.................................................................................. 6 :oo0le C5arts..................................................................................................... 6 Abantailak....................................................................................................... 6 $esabantailak................................................................................................. 6 $ .!s.................................................................................................................... ; Abantailak....................................................................................................... ; $esabantailak................................................................................................. ; T5ree.!s............................................................................................................... ; Abantailak....................................................................................................... ; $esabantailak................................................................................................. ; %usion C5arts...................................................................................................... ; Abantailak....................................................................................................... ' $esabantailak................................................................................................. ' Bestelako tresnen on&orioak................................................................................... 9 <erbitzari al&eko tresnak................................................................................................. 4, 8o&e.!s.................................................................................................................... 4, Abantailak........................................................................................................... 4, $esabantailak..................................................................................................... 4, Lo0+ak sortzeko tresnak..........................................................................................4, Abantailak........................................................................................................... 4, $esabantailak..................................................................................................... 41
4/41

1leaniztasuna..........................................................................................................41 Sub.ersion.............................................................................................................. 41 Aplikazioak= liburute0iak eta (ra)e*ork+ak..................................................................... 4

5/41

HTML5 Aplikazioak
HTML5+ri buruz 5itz e0itean ikuspe0i oso zabala aurkezten &a. HTML5 aplikazio bati buruz 5itz e0iten &enean zati askori buruz 5itz e0iten &a> HTML5 aplikazio bat ? HTML5 @oinarriaA B CSS @itCura e)atekoA B -a.aS/ript @(untzionalitateaA

Beraz= &oku)entu 5onetan zati e&o atal 5oriei buruz arituko 0ara eta zer tresna )otak &au&en bakoitzerako.

6/41

HTML5
HTML *eb 0uneak e0iteko 5izkuntza bezala 5asi zen. Hasieran &atuak aurkezteko balio zuen eta esteken bitartez &oku)entuak lotzeko len0oaia zen. Baina 0ero eta 0e5ia0o erabiltzen 5asi zenean HTML+ren bertsio berriak asi ziren ateratzen Dnternet &oku)entuak eta estekak baino 0e5ia0o bi5urtu zelako. HTML5 estan&ar 5onen azkenen0o &e(inizioa &a. Azkenen0o bertsio 5au ez &a bakarrik &atuak nola erakusten &iren beste &e(inizio bat= baizik eta Dnternet nola erabili a5al &en 0aur e0uneko 0ailuetan. Bertsio 5onetan &atuak nola erakusteko era 0e5ia0o a0ertu &ira @(or)ularioetarako kontrol asko= &atuak erakusteko estrukturak...A eta *eb 0une interaktiboak e0iteko tresna asko.

Berritasu ak
1tiketa berriak %or)ularioetarako kontrol berriak> testu+kutCak orain ez &ira bakarrik testua e&ukitzeko= e+posta 5elbi&eak= zenbakiak= &atak... eta 5ainbat &atu ezber&in e&uki &itzakete. A&ibi&ez= bi zenbaki arteko tarteak aukeratzeko kontrol berri bat &a0o= Eran0eF izenarekin= eta )usikaren bolu)ena !aitsi e0o i0otzeko erabili &aiteke. Au&io eta bi&eo> etiketa berriak a0ertu &ira soinuak eta bi&eoak erakusteko %las5= Sil.erLi05t e&o beste plu0in+ik erabili 0abe. Au&io eta bi&eo (itCate0ien /o&e/+ekin arazoak &au&e nabi0atzaile batzuk /o&e/ batzuk erabiltzen &ituztelako eta beste nabi0atzaile batzuk beste /o&e/ ezber&inak &ituztelako. Dru&iak eta ani)azioak erabiltzeko tresnak> SG:> HTML5+ek SG: iru&iak erakutsi eta )aneiatu a5al &itu. DtCura ezber&inak e&o ani)azioak e0in &itzakezu= bi e&ota 5iru &i)entsioetan. Bektoreak )arrazteko len0oaia &a bat= beraz erraza &a 0auzak )u0itzea= ta)aina al&atzea= biratzea... baina arazoak &auzka trans(or)azioak e0iteko @lauki 0orri bar zirkulu ur&in batean bi5urtzeko a&ibi&ezA. Can.as> 1tiketa berri 5au )arrazketak e0iteko azalera bat erakusten &u. Azalera 5onetan bi eta 5iru &i)entsiotako 0auzak erakutsi &aitezke. Can.as+arekin bit)ap azalerak )ar0otzen &ira beraz 5ainbat e(ektu e0in a5al &ira @iru&iak erre= &i(u)inatu...A baina ezin &a lerro zuzen bat al&atzea. Aurreko biak azaltzen &uen esteka. Heb:L> Ipen:L espezi(ikazioaren zati bat &a nabi0atzaileetan erabiltzeko. Hiru &i)entsioetako iru&iak sortu &itzake baina 0aur e0un ezin &a nabi0atzaile askotan erabili.

SG: :ra(iko eskalableak

Can.as

Heb:L + Dru&iak bereiz)en ze5atz baterako e0iten &ira. ++

BB o Dru&iak bektoreen bitartez Bereiz)en tCikia0oetara e0in&ak &au&e beraz 5on&o eskalatzen &a= 0uztiz eskalableak &ira. baina 5an&ietara ez. BB o

1rraztasuna

;/41

Marrazkiak e0iteko pro0ra)ekin e0in &itzakezu @:DM2 a&ibi&ezA e&ota 9ML itCura (itCate0iak i&azten. Ani)azioak B :auza tCikiak e0iteko azkarra eta erraza &a.

2ro0ra)azio bitartez Hiru &i)entsioetako e0iten &ira. -a.aS/ript tresnen eza0uerak e&uki bitartez e0iten &ira baina be5ar &ira. 0auza aurreratuak e0itea zaila &a. BB :auza konpleCuak e0iteko tresna aurreratuak &itu. BB 1&onolako 0auzak e0in &itzake= 5iru &i)entsioetan= ar0iarekin !olasteko= e(ektuak= ira0azkiak... + Irain&ik esperi)entu 0isa &a0o eta ezin &a nabi0atzaile askotan erabili. :ainera C24 asko eskatzen &u eta ezin &a )u0ikorretan erabili. + :oo0le eta antzerakoak ez &ute -a.aS/ript ko&ea be0iratzen beraz ez lukete ezer aurkituko.

Baliabi&eak

BB Baliabi&e 0utCien eskatzen &uena &a. Dru&iak testu 5utseko (itCate0iak &ira eta e&ozein nabi0atzaileetan &abiltza. BB SG: (itCate0iak 9ML itCurako testu (itCate0iak &ira= beraz :oo0le+en robotak barnean &aukatena irakurri eta ulertu &ezakete. :auza tCiki eta errazak e0iteko oso ona &a. Abia&ura 5an&ia &auka eta ez &itu baliabi&e 5an&iak eskatzen. 8abi0atzaile 0uztietan &abil. 1zin &ira 0auza oso konpleCuak e0in eta interaktibitatea ezin &a asko lan&u.

o -a.aS/ript+en bitartez e0iten &a &ena baina C24 0e5ia0o eskatzen &u eta )u0ikorretan ez &oa oso on&o.

S1I

+ :oo0le eta antzerakoak ez &ute -a.aS/ript ko&ea be0iratzen beraz ez lukete ezer aurkituko.

Abantailak

:auza konpleCuak e0in a5al &ira. Dnteraktibitate 5an&ia0oa &uten 0auzak e0in &itzakezu. %las5+aren oinor&ekoa izan0o litzateke. Astuna &a nabi0atzailearentzat eta C24 asko eskatzen &u.

Ipen:L+ko 0auza aurreratuak e0in &itzakezu. Ar0ia= partikulak= interaktibitatea...

$esabantailak

Iso astuna &a nabi0atzailearentzat. C24 pila bat eskatzen &u. T5ree.!s )otako liburute0iak erabili be5ar &ira. 1z &abil )u0ikorretan.

A2D berriak> -a.aS/ript+ekin 0auza berriak e0iteko tresnak $ra0 J $rop> :auzak arrastatu eta utzi &aitezke (untzionaltasun berriak e0iteko. A&ibi&ez= *eb0une bateko atalak )u0itzeko eta zuk na5i &uzun bezala or&enatzeko. HebSo/ket+ak> orain arte *eb0une bat zerbitzari batekin E5itz e0itekoF era bakar bat ze0oen= nabi0atzaileak eskakizunak e0iten zizkion zerbitzariari eta 5onek erantzuten zion. HebSo/ket+ekin bi al&eko elkarrizketak sortzen &ira= eta zerbitzariak nabi0atzaileari )ezuak bi&ali a5al &izkio= eten0abeko eskakizunak e0in be5arrean. :eokokapena> )u0ikorretan :2S+aren bitartez erabiltzailearen koor&enatuak bilatzeko tresnak &au&e. Ir&ena0ailuetan koneCioaren bitartez kokatzen zaio. '/41

HebHorkers> -a.aS/ript 0ero eta 0arrantzia 0e5ia0o 5artzen ari &u eta (untzionalitate berriak &auzka. HebHorker+ekin paraleloan lan e0iteko 5ariak erabili &aitezke. Heb6TC> teknolo0i berri 5au strea)in0 e0iteko tresna bat &a. Irain&ik ez &a0o 0uztiz 0aratuta baina kanpoko plu0in+ik erabili 0abe au&io eta bi&eozko strea)in0+a e0iteko teknolo0ia bat &a. 8aiz eta HTML5+en &e(inizioan e0on= Mi/roso(t+ek beste teknolo0i bat aurkeztu &u C4+6TC+Heb izenarekin. %ile A2D> %itCate0iekin lan e0iteko tresna berriak. Hiru atal &au&e A2D 5onetan. %ile A2D> Ir&ena0ailutik nabi0atzailera (itCate0iak bi&altzeko tresnak. A&ibi&ez= ar0azki bat 5artu eta= zerbitzarira i0o 0abe= e+posta batean sartu. 1rabiltzailea izan be5ar &a akzio 5auek 5asten &ituena. %ileHriter> Heb0une e&o aplikazio bat nabi0atzailean (itCate0iak i&azteko tresnak. Heb0une bakoitzak bere leku itCia &auka bere (itCate0ientzat= beraz *eb0une batek besteen (itCate0iak ezin &itu irakurri. C5ro)e eta Ipera+rekin &abil bakarrik eta ez &iru&i beste nabi0atzaileetan erabili a5alko &en. %ile6ea&er> Tresna 5onen bitartez= inpri)akietako (itCate0ien kontrolak= $ra0 J $rop bitartez sartutako (itCate0iak e&o A-A9+ekin 5artutako (itCate0iak irakurri a5al &ira. Appli/ation Ca/5e> koneCio 0abe lan e0iteko tresnak. %itCate0ien zerren&a bat e0in &ezakezu esaten zein (itCate0i e0on be5ar &ira koneCio 0abe lan e0iteko @-a.aS/ript e&o CSS (itCate0iak= iru&iak...A. $atu baseak> aurreko bertsioetan *eb0une bat or&ena0ailu baten e&ozer 0or&e na5i bazuen Cookie+ n bitartez e0in be5ar zuen. HTML5+ek era berri asko ireki &itu eta &atu baseak erabili a5al &ira )ota askotako &atuak 0or&etzeko. Lo/alStora0e> 0ako+balio )otako &atuak 0or&etzeko balio &u= a&ibi&ez= EizenaF ?K EMikelF. Cookie+n oinor&ekoa izan0o zen. HebS"L> S"Lite &atu base )otako tresna bat &a= S"L len0oaiarekin eskakizunak e0in &itzakezu= &atuak 5ainbat tauletan 0or&etzen. A2D 5au 0aitzetsita &a0o eta etorkizunean &esa0ertuko &a. Dn&eCe&$B> 8oS"L )otako &atu baseak 0or&etzeko tresna &a. Taulak izan be5arrean ob!ektu konpleCuak 0or&etzeko balio &u eta (itCate0iak ere 0or&e &itzake.

Lo/alStora0e $atu base )ota :ako+balio )otako &atuak 0or&etzeko.

HebS"L S"Lite )otako &atu baseak= S"L len0oaiarekin.

Dn&eCe&$B 8oS"L )otako &atu baseak. Taula baten lerroak 0or&e or&ez= b!ektu konpleCuak 0or&etzeko. 5, MB= 0e5ia0o be5ar ba&a erabiltzaileari eskatzen &a eta ez &auka )u0arik. $enetarik. Testua= zenbakiak= &atak eta (itCate0iak. $atu base 5au )ota 0uztietako ob!ektu konpleCuak 0or&e &itzake= (itCate0iak ere. Da nabi0atzaile 0uztietan &abil @iIS ezikA. <iurrenik nabi0atzaile 0uztietan laster erabili a5alko &a. Irain&ik ezin &a iIS+en

Ta)aina

1, MB 0e5ienez @iIS 5 MBA.

5, MB= 0e5ia0o be5ar ba&a erabiltzaileari eskatzen &a eta ez &auka )u0arik. $enetarik. Testua= zenbakiak= &atak eta (itCate0iak. %untzionalitate asko &auzka. S"L len0oaiarekin eskaera konpleCuak e0in &aitezke eta (itCate0iak ere 0or&e &itzake. Mu0ikorretan erabili &aiteke. :aitzetsita &a0o beraz

:or&e &itzaken &atu )otak Abantailak

Testua eta zenbakiak.

1rraza eta azkarra. Iso -a.aS/ript 0utCi be5ar &ira erabiltzeko. Mu0ikorretan erabili &aiteke.

$esabantailak

:auza tCikiak 0or&e

9/41

&itzake bakarrik. 1, MB+ tako li)itea (untzionalitatea asko )urrizten &u.

noizbait &esa0ertuko &a e&o ezin izan0o &a erabili nabi0atzaile 0uztietan. Mozillak ez &uela erabiliko esan &u.

erabili= baina HebS"L 0aitzetsita &a0oenez 0ero= ziurrenik laster erabili a5alko &a nabi0atzaile 0uztietan.

%itCate0iak eta &atu baseak elkarrekin erabil &aitezke. A&ibi&ez= A-A9+ekin (itCate0i bat !aitsi &ezakezu= %ile6ea&er+ekin irakurri eta Dn&eCe&$B &atu base batean 0or&e. Appli/ation Ca/5e+rekin ze (itCate0iak be5arrezkoak &iren esan &itzakezu= koneCioa ez &a0oenean aplikazioa ber&in ibiltzeko. 1rabiltzaileak e0iten &ituen 0auza 0uztiak nabi0atzailean 0or&etzen &en &atu base batean 0or&e &itzakezu= eta noizean be5in zerbitzariarekin sinkronizatu. HTML5+aren ezau0arriak erakusteko &e)o bat e0in &u0u> 5ttp>//1, .,.',.1

La!ur"e a
HTML5 &atuak erakusteko len0oaia bat &a= baina 5ain aurreratuta &a0o nabi0atzailetik atera &ela. :aur e0un HTML5+ekin e&onolako aplikazioak e0in &aitezke= ez bakarrik beti&anik eza0utu &itu0un *eb 0uneak. HTML5 aplikazioaren estruktura e0iteko erabiltzen &a. :ero CSS +rekin itCura e)aten zaio eta -a.aS/ript+ekin (untzionalitatea e)aten zaio.

Dnternet 1Cplorer CSS ani)azioak Can.as Heb:L Au&io Bi&eo A-A9 HebSo/ket+ak Dnput /olor Dnput &ate Dnput nu)ber Dnput pro0ress Dnput ran0e Lo/alStora0e HebS"L Dn&eCe&$B :eokokapena %ile A2D %ile 6ea&er %ileHriter 1,B 9B 11B 9B 9B 5B 1,B ++ ++ 1,B 1,B 1,B 'B ++ 1,B 9B 1,B 1,B ++

%ire(oC 26B 26B 26B 26B 26B 1B 4B 29B ++ 29B 26B 26B 26B ++ 26B 26B 26B 26B ++

C5ro)e 1B 1B 1B 1B 1B 1B 4B 1B 1B 1B 1B 1B 1B 1B 1B 1B 1B 1B 1

DIS Sa(ari .2B .2B ++ 4.,B .2B 1.,B 4.2B ++ ++ .2B ;.,B 5.,B .2B .2B ++ .2B 6.,B 6.,B ++

An&roi& 2.1B 2.1B ++ 2. B 2.1B 1.,B 4.4B 4.4B 4.4B 4.,B 4.4B 2.1B 2.1B 2.1B 4.4B 2.1B .,B .,B ++

1,/41

CSS3
3aska&ako estilo+orriak aurkezpena &e(initzeko len0oaia &a. CSS len0oaiaren 5elburu na0usia &oku)entu baten e&ukia eta aurkezpena bereiztea &a. HTML5+ekin &atuen estruktura &e(initzen &a eta CSS+ren bitartez itCura &e(initzen &a. Horrela= zerbaiten itCura al&atu na5i ba&a= HTML (itCate0iak ez &ira ezertarako ukitu be5ar. CSS+ren bitartez &atuen antola)en&ua= koloreak e&ota letra )otak &e(initu &aitezke 5ainbat arauen bitartez. Arau 5auek proiektu baten (itCate0i 0uztietan berrerabil &aitezke estruktura eta itCura bereiziz. CSS len0oaia bat &a eta pertsona bakoitzak bere pro0ra)atzeko era izan &ezake= baina CSS +ren abantailak 5obeto erabiltzeko= 5ainbat (ra)e*ork atera &ira. %ra)e*ork 5auekin 0aratzeko= aurretik &e(initutako tresna asko erabil &aitezke= estruktura e&o itCura ezber&inak e)ateko. CSS+arekin 0aratzeko tresna ezber&inak sortu &ira. L1SS e&o SASS konpilatzaileekin= CSS+an pro0ra)azio tresna ezber&inak erabil &aitezke> al&a0aiak= (untzioak... L1SS e&o SASS (itCate0iak i&azten &ira eta konpilatutakoan CSS (itCate0iak sortzen &ira. $oku)entu 5onetan 5iru CSS (ra)e*ork aztertzen &ira. Hala ere= ez &a be5arrezkoa inolako CSS (ra)e*ork+ik erabiltzea.

11/41

#$uer% Mo!i&e
!"uer# -a.aS/ript 0aratzeko liburute0i bat bezala 5asi zen. :aur e0un (un&azio bat &a= non liburute0i 5ori 0aratzeaz 0ain beste 5ainbat proiektu &auzkaten. !"uer# (un&azioaren atzean enpresa oso ospetsuak &au&e> Hor&2ress= DBM= Mozilla= A&obe= Dntel... !"uer# 0aratu &utenek= !"uer# Mobile izeneko CSS (ra)e*ork bat 0aratu &ute )u0ikor eta tauletarako. %ra)e*ork 5au !"uer# liburute0iarekin batera erabili be5ar &a. Le5en0o bertsioa 2,1,. urtean atera zuten esperi)entu bat bezala @MDT lizentziarekin so(t*are libre bezalaA. :aur e0un 1.4.1 bertsioan &au&e @2,14+ko otsailekoa &aA. %ra)e*ork 5onen ezau0arriak> 1struktura> Arau batzuen bitartez *eb0une e&o aplikazioak estrukturatu &aitezke. 6esponsi.e $esi0n e0iteko 5ainbat arau &auzka estruktura ezber&inak eskaintzeko neurri 0uztietako 0ailuentzat. DtCura> *eb 0arapenerako erabiltzen &iren kontrolen itCura al&atzen &u @testu+kutCak= zerren&ak...A. %untzionalitatea> *eb aplikazio batetako orrietatik )u0itzeko tresnak= eskuekin erabiltzeko keinuak... !"uer#+n oinarrituta &a0oenez (untzionalitate 0e5ia0o sartu &aitezke 5ainbat plu0in+en bitartez. %ra)e*ork 5au erabili &uten artean= a&ibi&ez= Dkea= $isne#= Sli&eS5are= Stan(or& unibertsitatea e&o :re#5oun& konpainia &au&e. !"uer# Mobile> 5ttp>//!7uer#)obile./o)/

Abantailak
Mu0ikorretarako aplikazioak e0iteko erraztasuna> itCura 0uztiz eral&atzen &u arau erraz batzuk !arraituz. !"uer# liburute0iarekin erabiltzeko erraztasuna 0uztiak. DtCura ezber&inen bitartez itCura 0uztia al&atu &aiteke (itCate0i bakar bat al&atuz. DtCurak e0iteko tresna oso ona &auka. 2lata(or)a )u0ikor 0uztietako nabi0atzaile 0uztietan &abil @oso za5arrak izan ezikA. $oku)entazio asko eta ko)unitate 5an&ia.

Desabantailak
Astuna &a= ;,, 3B pisatzen &u 0utCi 0ora be5era. Heb0une batentzako oso astuna &a baina )u0ikorretarako aplikazio batentzako ez &a0o arazorik. -artzen &ituzten arauetatik ateratzea zaila &a. :auza ze5atz bat al&atu na5i ba&uzu zaila &a. Heb0une bat e0iteko ez &a oso 0o)en&a0arria )u0ikorretarako itCura e)aten &iolako. Dnternet 1Cplorer ' e&o 0eroztikoa be5ar &u.

Tresnak
8etBeans ;.4+ekin ezin &ira !"uer# Mobile proiektuak 0aratu= ez &auka inolako la0untza e&o tresnarik= baina ateratzear &a0oen 8etBeans '+rekin or&ea bai. 1/lipse+rentzako plu0in ezber&in asko &au&e !"uer# eta !"uer# Mobile+ko aplikazioak 0aratzeko. HTML5 Buil&er !"uer# Mobile 0aratzeko prestatua &a0o @bakarrik !"uer# Mobile+rekin lan e0in &ezakeA. 12/41

HebStor) 5asieran ez &auka liburute0i 5auek erabiltzeko A2Daren &oku)entaziorik ezta tresnak= baina eskuz sartu &itzakezu. Aukera bat &auka ez &akartzan beste (ra)e*ork berriak sartzeko= bere A2Daren &oku)entazioaren 46L sartzen. Titaniu) Stu&io+k ezin &u !"uer# Mobile erabili ezin &elako !"uer# sartu. Bere -a.aS/ript liburute0iak &auzka eta itCura EnatiboaF e)aten &iote erabiltzen &ituzun kontrolei= beraz ezin &a kanpoko CSS+rik erabili.

1 /41

Bootstra"
Bootstrap T*itter enpresak sortutako CSS (ra)e*ork bat &a. $iru&ienez T*itter+ek arazo asko e&uki zituen bere *eb0uneko 5ainbat atalekin. Tal&e tCiki bat (ra)e*ork 5au e0itera !arri zuten eta 0aur e0un )un&uko (ra)e*ork eza0unenetarikoa &a. 2,11+ko abuztuan so(t*are libre bezala kaleratu zuten eta 2,12+ko otsailean :itHub *eb0uneko 0arapen proiektu (a)atuena zen. %ra)e*ork 5onen ezau0arriak> 1struktura> Arau batzuen bitartez *eb0une e&o aplikazioak estrukturatu &aitezke. 6esponsi.e $esi0n e0iteko 5ainbat arau &auzka estruktura ezber&inak eskaintzeko neurri 0uztietako 0ailuentzat. DtCura> Heb 0arapenerako erabiltzen &iren kontrolen itCura al&atzen &u @testu+kutCak= zerren&ak...A %untzionalitatea> Hasieran ez &auka inon0o berezitasunik eta !"uer# liburute0iarekin on&o lan e0iten &uenez 0ero plu0in asko erabili &aitezke. CSS+a L1SS konpilatzailearekin sortuta &a0o. %ra)e*ork 5au erabiltzen &utenen artean= a&ibi&ez= 8ASA= MS8BC= 8e*s*eek= Giber aplikazioaren *eb0unea= -o#ent @8o&e.!s+ren sortzaileakA e&o Star Hars An0r# Bir&s+en *eb0uneak &au&e. T*itter Bootstrap> 5ttp>//0etbootstrap./o)/

Abantailak
1rabilerraza &a. 1struktura eta itCura e)ateko (ra)e*ork+a &a. :itHub+eko proiektu ospetsuena &a. !"uer#+rekin erabiliz 0ero (untzionalitate 0e5i0arri asko &itu. Arina &a> 166 3B Heb0unetarako zein )u0ikorretarako balio &u. Dnternet 1Cplorer ; e&o 0eroztikoa be5ar &u. 3o)unitate 5an&ia &u.

Desabantailak
Iso zabal&ua &a= beraz ziur aski beste norbait itCura ber&ina &aukan *eb0uneren bat sortu &u &a0oeneko @CSS+ak lantzen ez ba&ituzuA. Isa0ai batzuen itCura al&atzea zaila izan &aiteke.

Tresnak
8etBeans+ek 5asieratik proiektuak 0aratu &itzake Bootstrap+ekin. 1/lipse+rentzako plu0in ezber&in asko &au&e Bootstrap+eko proiektuak 0aratzeko. HTML5 Buil&er+ek ez &auka inolako tresnarik Bootstrap+ekin lan e0iteko. HebStor)+ek 5asieratik proiektuak 0ara &itzake Bootstrap+ekin. 14/41

Titaniu) Stu&io+k ezin &u Bootstrap erabili. Bere -a.aS/ript liburute0iak &auzkate eta itCura EnatiboaF e)aten &iote erabiltzen &ituzun kontrolei= beraz ezin &a kanpoko CSS+rik erabili.

15/41

Fou datio
%oun&ation <urb enpresak sortutako CSS (ra)e*ork bat &a. <urb *eb a5oulkularitza+enpresa bat &a eta 5ainbat enpresa 0arrantzitsuetarako lan e0in &u @eBa#= %a/ebook= 25otobu/ket= 8LS1...A. 2,11+ko irailean %oun&ation (ra)e*ork+a atera zuten eta 2,11+ko azaroan so(t*are libre )o&ura kaleratu zuten. :aur e0un 5., bertsioan &au&e eta :itHub+en 5a)a5iru0arren lekuan &a0o. %ra)e*ork 5onen ezau0arriak> 1struktura> Arau batzuen bitartez *eb0une e&o aplikazioak estrukturatu &aitezke. 6esponsi.e $esi0n e0iteko 5ainbat arau &auzka estruktura ezber&inak eskaintzeko neurri 0uztietako 0ailuentzat. DtCura> Tresna batzuk &auzka botoiak= zerren&ak eta letra )otentzako baina (ra)e*ork 5au ez &a0o itCura al&atzeko oso burututa. %untzionalitatea> !"uer# liburute0ia erabiltzen &u (untzionalitate asko eskaintzeko eta plu0in asko erabili &aitezke. CSS+a SASS konpilatzailerekin sortuta &a0o. Hasieratik )u0ikorretarako pentsatuta &a0o> Elehenengo gailu txikienetan pentsatu behar da, gero konplexutasun gehiago sartu ahalko dituzu gailu handiagoetanF &a bere (iloso(ia. Heb0une baten erabil &aitezkeen 0auza 0uztien &e)ostrazioa> 5ttp>//(oun&ation.zurb./o)/&o/s//o)ponents/kit/5enMsink.5t)l %ra)e*ork 5au erabiltzen &utenen artean= a&ibi&ez= 8ational :eo0rap5i/= Mozilla= Has5in0ton 2ost e0unkaria e&o HTC &au&e. %oun&ation> 5ttp>//(oun&ation.zurb./o)/

Abantailak
8a5iko arina &a. %untzionalitate 0uztiekin 4,, 3B pisatzen &u. DtCura al&atzeko errazena. 1strukturara zuzen&uta &a0o. !"uer#+rekin lan e0iten &u. Beraz !"uer#+ren plu0in askorekin batera erabil &aiteke. Heb0unetarako zein )u0ikorretarako balio &u.

Desabantailak
Dnternet 1Cplorer 9 e&o 0e5ia0o be5ar &u. 1z &a0o besteak bezain zabal&ua.

Tresnak
8etBeans+ek ez &u %oun&ation proiektuak 0aratzeko inolako la0untza e&o tresna berezirik. 1/lipse+ek ez &u %oun&ation proiektuak 0aratzeko inolako la0untza e&o tresna berezirik. HTML Buil&er+ek ez &u %oun&ation proiektuak 0aratzeko inolako la0untza e&o tresna berezirik. HebStor)+ek %oun&ation erabiltzen &ituzten proiektuak 0aratu &itzake. Titaniu) Stu&io+k ezin &u %oun&ation erabili. Bere -a.aS/ript liburute0iak &auzkate eta itCura EnatiboaF e)aten &iote erabiltzen &ituzun kontrolei= beraz ezin &a kanpoko CSS+rik erabili.

16/41

1;/41

'((3 )ramework-e o dorioak

CSS ezinbesteko tresna bat &a baina len0oai 0uztietan bezala ez &a0o tresna 5oberena zein &en esateko )o&urik. Aipatutako (ra)e*ork+en ezau0arriak be0iratuz= on&orio 5auek atera &aitezke> Mu0ikorretarako aplikazioak e0iteko era lasterrena !"uer# Mobile erabiltzea izan0o litzateke= baina ezin &ira asko pertsonalizatu. Bootstrap eta %oun&ation antzerakoak &ira baina Bootstrap askoz zabal&ua0oa &a0o. Heb0uneak e&o aplikazioak e0iteko bi ikuspuntu 5artu be5ar &ira kontuan> Heb0une e&o aplikazioak &atuak erakusteko ba&a @blo0 bat= T*itter e&o %a/ebook+en *eb0uneak e&o aplikazioak...A Bootstrap izan0o zen aukera 5oberena baliabi&e 0e5ien &aukan (ra)e*ork+a &elako. Heb0une e&o aplikazioak !okoak ba&ira= a&ibi&ez= %oun&ation izan0o zen aukera 5oberena= estrukturan 0e5ia0o oinarritzen &elako= beraz pertsonalizazio )aila 5an&ia0oa &auka !okoari na5i &en itCura e)ateko.

!"uer# Mobile 1struktura DtCura B BB 1stan&arretik ateratzeko zaila. DtCura ezber&inak erabili &itzake.

Bootstrap BB BB 1stan&arretik ateratzeko zaila. DtCura ezber&inak erabil &itzake. !"M baino erraza0oa.

%oun&ation BB B 1strukturara zuzen&uta0oa &a0o beraz ez &ute asko sakon&u itCuran. Honen0atik estan&arretik ateratzeko errazena &a.

%untzionalitatea

BB B B !"uer#+n oinarrituta &a0o !"uer#+rekin lan e0in !"uer#+rekin lan e0in beraz &auzkan plu0in 0uztiak &ezake eta bere plu0in+ak &ezake eta bere plu0in+ak erabili a5al &itu. erabili. erabili. o !"uer# liburute0ia B B Bat ere ez baina 5ainbat Bat ere ez baina 5ainbat (untzionalitate erabiltzeko (untzionalitate erabiltzeko !"uer# be5ar &a !"uer# be5ar &a BB 166 3B %ire(oC C5ro)e Dnternet 1Cplorer 'B iIS An&roi& <erren&a 0uztia Apa/5e / MDT .1 bertsiotik aurrera T*itter B 3o)unitate 5an&ia &auka 4,, 3B %ire(oC C5ro)e Dnternet 1Cplorer 9B iIS An&roi& 2B <erren&a 0uztia MDT B

$epen&entziak

2isua ;,, 3B 8abi0atzaileak

+ %ire(oC 1,B C5ro)e 16B Dnternet 1Cplorer 'B iIS 4B An&roi& 2.1B <erren&a 0uztia MDT

Lizentzia

8ork e0iten &u 3o)unitatea

T5e -7uer# %oun&ation BB !"uer#+n oinarritzen &enez

<urb o 1z &auka ko)unitate oso

1'/41

ko)unitate oso 5an&ia &auka Berezitasunak Mu0ikor eta tauletarako bakarrik

zabal&uena &elako. <abal&uena

5an&ia. 1strukturara 0e5ia0o zuzen&uta

Taulako balioen azalpena>

BB B o / + ++ Iso ona Ina 8a5ikoa 1z &auka / 1zin &u TCarra Iso tCarra

19/41

JavaScript
-a.aS/ript nabi0atzaileentzako pro0ra)azio len0oai bat bezala 5asi zen. Hasieran 0auza tCikiak e0iteko erabiltzen zen @(or)ularioetan baliozkotzeak e0iteko= ani)azio errazak e0iteko...A baina HTML len0oaia 0aratu a5ala -a.aS/ript len0oaia ere 0aratzen !oan zen. :aur e0un oso len0oai 0arrantzitsua &a HTML5+ekin batera e&onolako plata(or)etarako aplikazioak e0in baitira. <erbitzari al&ean ere teknolo0i berriak a0ertu &ira -a.aS/ript+ekin erabiltzeko @8o&e.-S zerbitzaria a&ibi&ezA. -a.as/ript+ekin lan e0iteko era ezber&in asko a0ertu &ira eta 5ainbat liburute0i eta (ra)e*ork a0ertu &ira. CSS+rekin 0ertatzen &en bezala= ez &ira be5arrezkoak baina 0auza askotan lana errazten &ute. Hiru atal aztertuko &ira &oku)entu 5onetan> Liburute0iak> Liburute0i bakoitzak tresna sorta bat eskaintzen &u 5ainbat 0auza e0iteko @selektoreak= A-A9+ekin lan e0iteko tresnak= ani)azioak e0iteko tresnak...A. %ra)e*ork+ak> Heb0une eta aplikazioak e0iteko era ezber&inak eskaintzen &ituzte. 3o&eari ze itCura e)an be5ar zaion &e(initzeko arauak &auzkate eta 5ainbat tresna eskaintzen &ituzte. %ra)e*ork+ak e0in &ituztenak &iotenez= HTML+a aplikazio estatikoak e0iteko balio &u= baina tresna 5auekin aplikazio &ina)ikoak e0in &aitezke= HTML= &atuak eta zerbitzariak erlazionatuz. Bestelako tresnak> -a.aS/ript+ekin )ota askotako tresnak &au&e= tCantiloiak erabiltzeko= p&( &oku)entuak e0iteko= 0ra(ikak erakusteko e&o beste (untzionalitate asko.

2,/41

Li!urute*iak jQuery
!"uer# pro0ra)azio )un&uan eza0unena eta 0e5ien erabiltzen &en liburute0ia &a. 2,,6+ko abuztuan atera zuten le5en0o bertsioa eta 0aur e0un 1.11 bertsioan &au&e @2,14+ko urtarrilekoaA. Hasieran pertsona bakarra ze0oen !"uer# 0aratzen= baina (un&azio bat sortu zuen aurrera era)ateko. %un&azio 5onen atzean Hor&2ress= DBM= Mozilla e&o A&obe &au&e= beraz ziurtasuna &a0o aurrera e0in0o &uela. Liburute0i 5au erabiltzen &utenen artean= a&ibi&ez= A)azon= Mi/roso(t e&o Tu)blr &au&e= (un&azioan &au&enez 0ain. 8aiz eta plu0in asko e0on !"uer# 0aratu &utenak !"uer# 4D izeneko plu0in sorta bat &aukate 0auza bisualak e0iteko> e0ute0iak= zerren&ekin lan e0iteko tresnak= e(ektu bisualak... !"uer#> 5ttp>//!7uer#./o)/

E+au*arriak
!"uer# HTML+ko $IM estruktura )aneiatzeko tresnak &auzka. CSS+a al&atzeko tresnak &auzka. 1(ektuak eta ani)azioak e0iteko tresnak &auzka. A-A9+ekin lan e0iteko tresnak &auzka. 2lu0in+ak &auzka.

,!a tai&ak
Mun&uko liburute0i erabiliena &enez= ko)unitate oso 5an&ia &u. 1rraza ikasteko. $oku)entazio oso ona &u. $enetarako plu0in+ak &auzka. !"uer# 4D plu0in sorta erabiltzen (untzionalitate &au&e. Arina &a @95 3BA.

Desa!a tai&ak
!"uer# i&azten ikastean EbenetakoF -a.aS/ript i&azten a5azteko arriskua &a0o @(ra)e*ork+a ikasten &uzu= ez len0oaiaA.

Tres ak

21/41

MooTools
MooTools )un&uan 0e5ien erabiltzen &en bi0arren liburute0ia &a. 2,,6+ko irailean atera zuten le5en0o bertsioa eta azkenen0oa= 1.4.5+a= 2,12+ko otsailean. Hasieran pertsona bakarra ze0oen MooTools 0aratzen eta 0aur e0un 16 pertsonako tal&ea &a. Lan tal&e 5an&irik ez &enez= e0uneraketak poliki ateratzen &ituzte. Liburute0i 5au erabiltzen &utenen artean= a&ibi&ez= -oo)la= Gerizon e&o Gi)eo &au&e. MooTools> 5ttp>//)ootools.net/

E+au*arriak
CSS+rekin lan e0iteko tresnak &auzka. Ani)azioak e0iteko tresnak &auzka. -a.aS/ript 0arbia0oa 0aratzen la0untzen &u. Mo&ularra &a. 1rabili na5i &ituzun )o&uluak aukeratu &itzakezu arina0oa e0iteko. 2lu0in+ak &auzka.

,!a tai&ak
Arina &a> )o&ulu 0uztiekin 95 3B pisatzen &u @baina )o&ulu 0uztiak erabiltzen ez ba&ituzu= arina0oa &aA. -a.aS/ript 0arbia0oa 0aratzen &enez= 0aratzaileek -a.aS/ript arrunta a5azteko arriskurik ez &a0o.

Desa!a tai&ak
Iso za5artuta &a0o. Irain &ela bi urte atera zuten azkenen0o bertsioa. 3o)unitate tCikia= &oku)entazio 0utCi. <aila ikasteko.

22/41

rototype
-a.aS/ript+eko (ra)e*ork+ak 5asi zirenean 2rotot#pe oso 0arrantzitsua izan zen @MooTools 2rotot#pe+ n oinarritu zenA. Bere 5elburua -a.aS/ript len0oaia bera E5obetzeaF &a= tresna berriekin eta erraztasunekin. 2rotot#pe pertsona bakar bat 0aratu zuen= 0aur e0un sei pertsonako tal&e bat &ira. 2,,5+eko otsailean atera zuen le5en0o bertsioa eta azkenen0o bertsioa =1.;.1+a= 2,12+ko ekainekoa &a. Liburute0i 5au erabiltzen &uten artean= a&ibi&ez= Apple= 8BA e&o Stea) &au&e. 2rotot#pe> 5ttp>//protot#pe!s.or0/

E+au*arriak
$IM+a )aneiatzen azkarrena &a. -a.aS/ript+en ob!ektu natiboak 5obetzeko tresnak &auzka. CSS+rekin lan e0iteko tresnak &auzka. A-A9+ekin lan e0iteko tresnak &auzka. 2lu0in+ak &auzka.

,!a tai&ak
-a.aS/ript 0arbia0oa 0aratzen &enez= 0aratzaileek -a.aS/ript arrunta a5azteko arriskurik ez &a0o. S/ript.a/ulo.us ani)azio liburute0ia 2rotot#pe+n oinarrituta &a0o.

Desa!a tai&ak
Iso za5artuta &a0o. Irain &ela bi urte atera zuten azkenen0o bertsioa. 8aiz eta azkarrena izan !arraitzen &uen= beste liburute0iak bertsio berriak ateratzen &oaz eta abia&ura ezber&intasun 5ori tCikitzen &oa. Dnkonpatibilitate 5an&iak beste liburute0iekin> 2rotot#pe -a.aS/ript+en ob!ektu natiboak al&atzen &itu beraz beste liburute0ietan 0auza arraroak 0ertatzeko arriskua &a0o @;, 0arren &iapopsitibanA.

2 /41

JavaScript Liburute!ien on"orioak

Irokorrean &a0oen arazo na0usiena inkonpatibilitateak &ira. Liburute0i batek e0iten &ituen 0auzak besteak zapaltzen &itu eta ezin &ira elkarrekin erabili. A&ibi&ez= 5iru liburute0iak N karaktere berezia erabiltzen &ute bere (untzioei &eitzeko= beraz ezin &ira elkarrekin e0on. !"uer# noCon(li/t izeneko )o&u bat &auka= baina ez &a 0uztiz 0arantizatzen &ena ibiliko &enik. He)en aztertu &iren baino liburute0i 0e5ia0o &au&e= $o!o= L4D e&o <epto a&ibi&ez= baina ez &au&e oso zabal&uak. :oo0le Tren&s+ek erakusten &uenez 0arrantzi askoz 0e5ia0o &auka !"uer#. :ure kasuan= -a.aS/ript liburute0iren bat erabiltzekotan= na5iko ar0i &a0o !"uer# &ela e0okiena. Hiru liburute0iak 0utCi 0ora be5era batera 5asi ziren baina !"uer# bultza&a 5an&ia0oa izan zuen eta orain bere atzean enpresa oso 0arrantzitsuak &au&e. 2,12+ko abuztuan )un&u osoko *eb0une er&ia baino 0e5ia0ok !"uer# erabiltzen zuten= 0aur e0un 5'O eta 9 O bitartean erabiltzen &ituzte. :aur e0un !"uer#+rekin besteekin e0in &aitezkeen 0auza 0uztiak e0in &aitezke eta baita 0e5ia0o ere. !"uer#+k &aukan plu0in siste)arekin= ko)unitatearekin eta &akartzan tresnekin ia ezinbestekoa bi5urtu &a.

!"uer# $IM+a )aneiatzeko tresnak

MooTools

2rotot#pe B Selektoreak &auzka baina 0e5ia0o pro0ra)atu be5ar &a

BB B Selektoreak eta &akarren Selektoreak &auzka tresnak $IM+a baina 0e5ia0o )aneiatzeko oso onak pro0ra)atu be5ar &a &ira

CSS )aneiatzeko tresnak

BB BB B $IM+aren kontrol ona &u Ani)azioetan oso trebea CSS+a )aneiatzeko eta CSS+a )aneiatzeko &a CSS+a oso on&o tresnak &itu baina plu0in+ tresna oso onak &itu )aneiatzen &uelako etan oinarritzen &a 5au e0iteko BB A-A9 erabiltzeko era 0uztietako tresnak &auzka B Ani)azioak e0iteko tresnak &auzka B B A-A9 erabiltzeko tresnak A-A9 erabiltzeko tresnak &auzka &auzka BB Ani)azioak e0iteko tresna oso onak &auzka o 1z &auka ani)aziorik e0iteko tresnak= plu0in+ etan oinarritzen &a 5au e0iteko B 2lu0in+ak erabili &itzake baina ez &au&e asko B Hi&0et+ak &au&e plu0in+ en bitartez @eza0unena s/ript.a/ulo.usA baina ez &au&e asko

A-A9 erabiltzeko tresnak

Ani)azioak e0iteko tresnak

2lu0in+ak

BB Milaka plu0in &au&e &enetarik e0iteko

B 2lu0in+ak erabili &itzake baina ez &au&e asko

Hi&0etak

BB B !"uer# 4D plu0in sorta Hi&0et+ak &au&e plu0in+ o(izialarekin era en bitartez baina ez 0uztietako *i&0et+ak &au&e asko &atoz. 3o)unitateak era 0uztietako *i&0et+ak e0in &itu ere BB 95 3B 95 3B BB

2isua

o 1;; 3B

24/41

8abi0atzaileak

%ire(oC 2B C5ro)e 1B Dnternet 1Cplorer 6B iIS An&roi& <erren&a 0uztia MDT T5e !"uer# %oun&ation BB 3o)unitate oso 5an&ia &auka.

%ire(oC 2B C5ro)e 1B Dnternet 1Cplorer 6B iIS An&roi& <erren&a 0uztia MDT T5e MooTools $e. Tea) o 1z &auka ko)unitate 5an&ia.

%ire(oC 1.5B C5ro)e 1B Dnternet 1Cplorer 6B iIS An&roi& <erren&a 0uztia MDT 2rotot#pe Core Tea) + 3o)unitate tCikia &auka.

Lizentzia 8ork e0iten &u 3o)unitatea

Taulako balioen azalpena>

BB B o / + ++ Iso ona Ina 8a5ikoa 1z &auka / 1zin &u TCarra Iso tCarra

25/41

Framework-ak An!ularJS
An0ular-S -a.aS/ript+ekin lan e0iteko MGC @Mo&el+Gie*+ControllerA &iseinu patroia betetzen &uen (ra)e*ork bat &a. MGC (ra)e*ork+ak zerbitzari al&eko teknolo0i bat &a berez= baina (ra)e*ork 5onekin bezero al&era= HTML al&era= era)an &aiteke. Tresna 5au $IM+a eral&atzen oinarritzen &a= &atuak $IM+arekin erlazionatuz. %ra)e*ork 5onekin etiketa pertsonalizatuak erabil &aitezke HTML+an &atuak erakusteko eta )anipulatzeko= -a.aS/ript lerro 0utCi batzuk @e&o bat ere ezA i&aztea na5ikoa izan &aiteleekarik. :oo0le+eko bi lan0ilek 2,,9+an sortutako tresna &a. 2,1,+eko urrian so(t*are libre bezala atera zuten. :aur e0un :oo0le+ek )antentzen eta 0aratzen &u. An0ular-S erabiltzen &utenen artean= a&ibi&ez= 8ASA= Ms8BC= Gir0in e&o :oo0le &au&e. An0ular-S> 5ttp>//***.an0ular!s.or0/

E+au*arriak
HTML+a zabaltzen &u &atuak erlazionatuz. HTML eta &atuen )o&eloa auto)atikoki e0uneratzen &itu. A-A9 erabiltzeko tresnak. %or)ularioak baliozkotzeko tresnak. Dnternazionaltzeko tresnak.

,!a tai&ak
3o)unitate 5an&ia &u eta asko 5azten ari &a= :itHub+eko sei0arren proiektu ospetsuena &a. :oo0le Tren&s+en arabera= erabiliena @e&o bilatuenaA &a. TCantiloiak erabiltzeko tresnak &auzka. 1z &auka inolako &epen&entziarik. Hasieran piCka bat zaila &a ikasteko baina oso azkar ikasten &a. 3o&e 0utCi eta estrukturatua i&atzi be5ar &a= oso )anten0arria. 2lu0in+ak erabili &itzake.

Desa!a tai&ak
Astuna &a @1,, 3BA. $oku)entazioa ez &a oso ona.

26/41

#ackbone$js
%ra)e*ork 5au bezero eta zerbitzari arteko sinkronizazioan oinarritzen &a. 61ST(ul zerbitzuetan oinarritzen &a )o&eloan e&ozein al&aketa e0iten &enean bera bakarrik al&aketa 5oriek zerbitzarira era)ateko e&o zerbitzaritik ekartzeko. :izon bakar bat 0aratzen ari &a @ko)unitatearen la0untzarekinA eta ala ere (ra)e*ork erabiliena &a. 2,1,+ko urrian atera zuen so(t*are libre bezala eta azkenen0o bertsioa 2,14+ko otsailekoa &a. Ba/kbone.!s erabiltzen &uten artean Son#= BitTorrent= $i00= %ours7uare= :roupon e&o 2an&ora &au&e a&ibi&ez.

E+au*arriak
Arina &a. 4n&ers/ore.!s erabiltzen &u tCantiloiak erabiltzeko. Aplikazioak e0iteko )al0utasun 5an&ia &auka. 61ST(ul zerbitzuekin lan e0iteko tresnak. Dnternazionaltzeko tresnak erabili &itzake plu0in+en bitartez.

,!a tai&ak
1rabiliena beraz ko)unitate 5an&ia &auka eta &oku)entazio asko &a0o. 1rraza ikasteko. Iso arina &a= 2,3B. 1rraztasuna bezero eta zerbitzari arteko sinkronizazioa )antentzeko. Sin0le+pa0e erako aplikazioetan oso azkarra &a. 2lu0in+ak erabili &itzake.

Desa!a tai&ak
3o&e 0e5ia0o i&atzi be5ar &a. 1z &auka ko&ea estrukturatzeko araurik beraz aplikazio 5an&ietan kontu 0e5ia0o e&uki be5ar &a. %ra)e*ork 5onen 0arapena )otela &a. Batzuetan 5ilabete baten ateratzen &ute e0uneraketa bat eta beste batzuetan sei 5ilabete &au&e ezer atera 0abe.

2;/41

%nockoutJS
%ra)e*ork 5au bezero al&ean oinarritzen &a. $atuak eta HTML+ko bistak sinkronizatu a5al &itu auto)atikoki ko&e lerro 0utCi batzuk i&azten. Mi/roso(t+en lan e0iten &uen pertsona bakar bat 0aratzen &u baina ez &a Mi/roso(t+en tresna bat. 2,1,+ ko uztailan atera zen le5enen0o bertsioa eta 2,1 +ko urrian atera zen azkena= .,. %ra)e*ork 5au erabiltzen &utenen artean= a&ibi&ez= AMC zine)ak= Mi/roso(t+en Azure plata(or)a= $o)inos e&o -S%i&&le &au&e.

E+au*arriak
HTML eta &atuen )o&eloa auto)atikoki e0uneratzen &itu. Abia&ura 5an&ia &u.

,!a tai&ak
1rraza ikasteko. 3o&e 0utCi eta estrukturatua i&atzi be5ar &a= oso )anten0arria. Arina &a= 46 3B. 2lu0in+ak erabili &itzake @baina 0utCi &au&eA.

Desa!a tai&ak
1z &auka inolako A-A9 tresnarik= !"uer# erabili be5ar &a &atuak bi&altzeko eta ekartzeko. 1z &auka tCantiloiak erabiltzeko tresnarik beraz !"uer#= Musta/5e e&o antzerakoak erabili be5ar &u= a&ibi&ez. 3o)unitate tCikia &u. Heb0une e&o aplikazio tCikiak e0itea erraza &a= baina proiektua 5azten &enean pro0ra)azioa asko zailtzen &a.

2'/41

JavaScript &ra'e(ork)en on"orioak

:ure kasuan= -a.aS/ript (ra)e*ork+en bat erabiltzekotan An0ular-S &a e0okiena. Ba/kbone.!s ona &a zerbitzari eta &atuen )o&eloaren arteko sinkronizazioa e0iten= baina 0e5ia0o i&atzi be5ar &a eta ez &u HTML+a auto)atikoki e0uneratzen. 3no/kout-S ona &a HTML eta )o&eloaren arteko sinkronizazioa e0iten= baina ez &auka inolako tresnarik zerbitzariari in(or)azioa bi&altzeko= beraz ko&e 0e5ia0o i&atzi be5ar &a eta !"uer# bezalako liburute0i bat be5arrezkoa bi5urtzen &a. An0ular-S or&ea= HTML eta &atuen )o&elo arteko sinkronizazioa e0iten &u eta HTML auto)atikoki e0uneratzen &u. :ainera proiektu askoz bizia0oa &iru&i= bertsio berriak epe laburretan ateratzen &ituzte= eta &iotenez besteen akatsetik ikasten &u. Bere atzean :oo0le &a0o= beraz ziurtasuna &a0o aurrera e0in0o &uela.
An0ular-S HTML eta Mo&elo arteko erlazioa B Ba/kbone.!s o 2ro0ra)atu be5ar &a. 3no/kout-S BB $IM+arekin lan e0iten An0ular-S baino abia&ura 5an&ia0oa &u. o 3anpoko tresnekin pro0ra)atu be5ar &a. + <erbitzariarekin e&o tCantiloiekin lan e0iteko beste liburute0i batzuk be5ar &ira. + :utCi &u. B 46 3B %ire(oC 2B C5ro)e 5B Dnternet 1Cplorer 6B iIS 4B An&roi& 2.1B <erren&a 0uztia

<erbitzari eta Mo&elo arteko erlazioa $epen&entziak

BB

BB 1z &auka bat ere.

B TCantiloiak erabiltzeko un&ers/ore liburute0ia be5ar &u. BB Iso 5an&ia &a. BB 2, 3B %ire(oC C5ro)e Dnternet 1Cplorer 9B iIS An&roi& <erren&a 0uztia 1z &a0o zerren&a o(izialik= baina HTML5+en 2us5State A2D+a be5ar &u MDT + 2ertsona bat BB 3o)unitate oso 5an&ia &auka.

$oku)entazioa

B Han&ia &a baina ez &a oso ona. o 1,,3B %ire(oC C5ro)e Dnternet 1Cplorer 'B iIS An&roi& 2.1B <erren&a 0uztia

2isua 8abi0atzaileak

Lizentzia 8ork e0iten &u :oo0le 3o)unitatea

MDT BB B 3o)unitate 5an&ia &auka.

MDT + 2ertsona bat + 3o)unitate tCikia &auka.

29/41

Taulako balioen azalpena>

BB B o / + ++ Iso ona Ina 8a5ikoa 1z &auka / 1zin &u TCarra Iso tCarra

,/41

Beste&ako tres ak Mo"ernizr

8abi0atzaile za5arrak ezin &ituzte HTML5+eko etiketa e&o A2D berriak erabili. Honetarako Mo&ernizr liburute0ia erabiltzen &a. Liburute0i 5onek nabi0atzaileak zer &aukan e&o ez &aukan esaten &izu etiketa e&o A2D bereziren bat erabili be5ar ba&uzu ea a5al &en !akiteko. 8abi0atzaile za5arretan= HTML5+en etiketak sortzen &itu= na5i eta ez ibili= zure aplikazioak be5intzat errorerik ez e)ateko. Bere *eb0unean= zein etiketa e&o A2D+ak be5ar &ituzun esan a5al &uzu eta ezau0arri 0uztiak &aukan baino bertsio tCikia0o bat !aitsi a5al &uzu. Liburute0i 5au erabiltzen &utenen artean= a&ibi&ez= T*itter= :oo0le= Mi/roso(t e&o T5e 1/ono)ist e0unkaria &au&e. :aur e0un= nabi0atzaile berri 0uztiak HTML5 erabiltzeko tresnak &auzkate= beraz Dnternet 1Cplorer 6+a topatzeko erabiltzen &a 0e5ienbat. Mo&ernizr> 5ttp>//)o&ernizr./o)/

,!a tai&ak
HTML5+ko tresna bereziren bat erabili na5i ba&a= nabi0atzaile za5arrak bilatzeko balio &u.

Desa!a tai&ak
:aur e0un ez &a0o !en&e asko nabi0atzaile za5arrekin= !en&e 0e5iena C5ro)e erabiltzen &u 0aur e0un eta Dnternet 1Cplorer 6 O baino 0utCia0o. Beraz ez &a oso be5arrezko tresna.

D&$js
Mozilla Labs+ek e0in&ako liburute0i bat &a. Liburute0i 5onekin 2$% &oku)entuak HTML5 bitartez erakusteko balio &u= inon0o plu0in+ak erabili 0abe. %ire(oC+en &abil eta bertsio ez+o(izial bat &a0o Heb3it nabi0atzaileentzat @C5ro)e= Sa(ariA. 2$%.!s> 5ttp>//)ozilla.0it5ub.io/p&(.!s/

,!a tai&ak
2$%+en bisore pertsonalizatuak e0in &itzakezu.

Desa!a tai&ak
C5ro)e eta %ire(oC 2$%+ak ikusteko tresnak &auzkate= eta Dnternet 1Cplorer A&obe 6ea&er+ekin erakusten &u= beraz ez &a ezinbesteko tresna.

js D&
2arallaC enpresak sortutako liburute0i bat &a. HTML5+eko tresnak erabiltzen &itu 2$% &oku)entuak -a.aS/ript bitartez &ina)ikoki nabi0atzailean sortzeko. !s2$%> 5ttp>//parall.aC/pro&u/ts/!sp&(

1/41

,!a tai&ak
1&ozer inpri)atu be5ar &enean 2$%+ak &ina)ikoki sortu &itzakezu> inpri)akiak= etiketak...

Desa!a tai&ak
1z ba&a ezer inpri)atu be5ar= ez &a ezertarako be5ar.

*n"erscoreJS
%untzio askotarako liburute0i bat &a= Arra#+ak erabiltzeko tresnak= ob!ektuekin lan e0iteko tresnak... Ba/kbone.!s+ek tCantiloiak irakurtzeko erabiltzen &u. Ba/kbone.!s e0in &utenek sortutakoa &a eta orokorrean elkarrekin erabiltzen &ira. 4n&ers/ore-S> 5ttp>//un&ers/ore!s.or0/

,!a tai&ak
Ba/kbone.!s+rekin lan e0iteko ezinbesteko tresna= tCantiloiak erabiltzeko tresna ona &a.

Desa!a tai&ak
TCantiloiak erabiltzeko tresna ez ezik= Ba/kbone.!s ez ba&a erabiltzen= beste tresna 0uztiak ez &ira be5arrezkoak. 1ta tCantiloiak erabiltzeko tresna 5obeak &au&e @Musta/5e a&ibi&ezA.

Mustac+e
-a.aS/ript tCantiloiak )aneiatzeko liburute0i bat &a. Heb0une e&o aplikazio tCiki bat e0in a5al &a eta beste atalen tCantiloiak= A-A9 bitartez berreskuratuz= be5ar &irenean sartzen &ira. Liburute0i 5onekin= tCantiloi o5ietan &atuak sartu a5al &ira 0ero erakusteko. Musta/5e> 5ttps>//0it5ub./o)/!anl/)usta/5e.!s

,!a tai&ak
-a.aS/ript+ekin tCantiloiak erabiltzeko tresna oso ona &a. Iso arina &a= 163B.

Desa!a tai&ak
Heb0une e&o aplikazioan ez ba&ira tCantiloirik erabiltzen ez &a be5arrezko tresna.

,e-uireJS
Liburute0i 5au -a.aS/ript+eko liburute0iak be5ar &irenean kar0atzeko be5ar &u. $epen&entziekin arazorik ez izateko erabiltzen &a= na5i &uzun or&ena e)an a5al &iozu liburute0iak banaka kar0atzeko. A&ibi&ez= !"uer# e&o An0ular-S ren liburute0iak kar0atzeko balio &u= eta prest &au&enean zuk na5i &uzuna e0iteko. <erbitzari al&ean ere erabil &aiteke 8o&e.-S+rekin. 6e7uire-S> 5ttp>//re7uire!s.or0/

2/41

,!a tai&ak
Heb0une e&o aplikazioa oso astuna ba&a= -a.aS/ript (itCate0i asko e&o ko&e asko ba&auka= abia&ura asko 5an&itzen &u be5arrezko liburute0iak be5ar &irenean kar0atzen.

Desa!a tai&ak
1rabiltzeko zaila &a.

JS.Lo!
Liburute0i 5au bezero al&eko lo0+ak sortzeko eta 0or&etzeko balio &u. Lo0 5auek nabi0atzailean erakutsi &aitezke e&o A-A9 bitartez zerbitzarira bi&ali &aitezke. Tresna 0eneriko bat &a e&ozein (ra)e*ork e&o beste tresnarekin erabiltzeko. Lo04-a.a+ren itCura e)an &iote 5obeto ulertzeko. Irokorrean ez &ira bezero al&eko lo0+ak 0or&etzen= beraz ez &a0o EospetsuaF e&o nabaritzen &en tresnarik. An0ular-S e&o Ba/kbone.!s+rentzat tresna bereziak &au&e ere. -S8Lo0> 5ttp>//!s.!snlo0./o)/

,!a tai&ak
Tresna oso arina &a= 1.5 3B. Mota 0uztietako &atuak lo0eatu &itzake= testuak= zenbakiak= ob!ektuak= salbuespenak... A-A9+ekin erabiltzeko tresnak &auzka= beraz ez &u inolako &epen&entziarik.

Desa!a tai&ak
2ertsona bakar batek 0aratzen &u eta ez &a0o oso zabal&uta.

DHTML/
$HTML9 -a.aS/ript liburu sorta bat &a aplikazio o(i)atikoak e0iteko> e0ute0iak= &ata taulak= (itCate0iak 0or&etzeko... A2D baten bitartez erabiltzen &a eta lerro 0utCi batzuekin tresna onak sortzen &ira. <erbitzari al&eko liburute0iak &ituzte A-A9 bitartez &atuak 0or&etzeko eta irakurtzeko. Tresna onak &itu eta erraza &a erabiltzeko= baina zaila &a 0auza ze5atzak al&atzea. Sortzen &ituen tresnak 5ain 5an&iak &ira zein ze5aztasun bat ukitzea oso zaila &ela. $oakoa &a &oako &iren *eb0une e&o aplikazioak e0iteko. Heb0une e&o aplikazio ko)ertzialentzat 466 P balio &u lizentzia batentzat eta 1146 P na5i &ituzun lizentzien0atik. Liburute0i 5auek erabiltzen &ituztenen artean= a&ibi&ez= A&obe= AM$= DBM e&o Apple &au&e. $HTML9> 5ttp>//&5t)lC./o)/

,!a tai&ak
Lerro 0utCi batzuekin (untzionalitate 5an&iko tresnak sortu &aitezke. 1rraza &a erabiltzeko.

Desa!a tai&ak
:auza ze5atzak al&atzea zaila &a= &ena oso paketatuta &atorrelako. /41

Ir&ainpekoa &a.

0ra1ikoak erabiltzeko tresnak -oo*&e '.arts

:oo0le+ek e0in&ako 0ra(ikoak erabiltzeko liburute0i batzuk &ira. -a.aS/ript bitartez &atuak sartu &itzakezu eta era ezber&in askotan erakutsi &itzakezu> barrekin e0in&ako 0ra(ikoak= 5isto0ra)ak= )apekin e0in&ako 0ra(ikoak= "6 ko&eak... Le5enen0o bertsioa 2,,' urtean atera zuten eta 5ilabete epe laburretan e0uneratzen &ute. $oku)entazio 5an&ia &auka a&ibi&e askorekin eta ko)unitate 5an&ia &u. SG: 0ra(ikoak sortzen &itu beraz nabi0atzaile 0uztietan &abil= )u0ikorretan ere. :oo0le C5arts> 5ttps>//&e.elopers.0oo0le./o)//5art/

,!a tai&ak
1rraza erabiltzeko. 8abi0atzaile 0uztietan &abil. Mapak erabiltzeko tresna oso onak &auzka. $oakoa &a.

Desabantailak
10iten &iren 0ra(ikoak ezin &ira asko pertsonalizatu. 3oneCioa be5ar &a. Liburute0iak erabil &itzakezu baina ezin &ituzu zure *eb0unean e&o aplikazioan sartu.

D3.#s
Liburute0i 5au 0ra(ikoak sortzeko tresna bat &a. $IM+a eta CSS+arekin lana e0iteko tresnak &auzka= !"uer# antzerako selektoreen bitartez. :ra(ikoak SG: (or)atuan sortzen &itu baina CSS erabiltzen &uenez= ani)azioak eta trans(or)azioak e0iteko= Dnternet 1Cplorer 9+tik aurrera erabili be5ar &a @%ire(oC eta C5ro)e ez &aukate inolako arazorikA. 1ra 0uztietako 0ra(ikoak sortu &itzake= baina ez bakarrik bule0otikan ikuzten &irenak= baizik eta 0auza artistikoak e0in a5al &ira. Tresna 5au erabiltzea zaila &a baina 0auza izu0arriak e0in &aitezke. $ .!s> 5ttp>//& !s.or0

Abantailak
3onpleCutasun 0uztietako 0ra(ikoak e0in &itzakezu. 2lu0in+ak erabili &itzake (untzionalitate 0e5ia0o e&ukitzeko.

Desabantailak
<aila &a erabiltzeko. :ero eta konpleCua0oak &iren 0ra(ikoak e0iteko zailtasuna azkar 5azten &u.

4/41

T.ree.#s
Liburute0i 5onekin 5iru &i)entsiotako ani)azioak eta tresnak e&o !okoak e0in &aitezke. Heb:L liburute0iak erabiltzen &itu HTML5+aren /an.as etiketaren bitartez= beraz ezin &a erabili nabi0atzaile 0uztietan. Dnternet 1Cplorer 11B= C5ro)e 1'B e&o %ire(oC 4B @ez &a0o 0uztiz soportatutaA erabili be5ar &ira. Mu0ikorretan ezin &a erabili. T5ree.!s> 5ttp>//t5ree!s.or0/

Abantailak
Beste inolako plu0in+ik 0abe 5iru &i)entsiotako ani)azioak eta aplikazioak e0in &aitezke.

Desabantailak
Iso zaila erabiltzeko. Hiru &i)entsiotako eza0uerak be5arrezkoak &ira. 8abi0atzaile oso berrietan bakarrik &abil eta ezin &a )u0ikorretan erabili.

Fusio '.arts
Liburute0i 5onek bule0otika eratako 0ra(ikoak sortu &itzake= 9, baino 0e5ia0o 0ra(iko )ota &auzka. Liburute0i 5au oso ospetsua &a )un&u osoan @%ortune5,, listako ',O+ak erabiltzen &uteA. %las5 e&o -a.aS/ript+ekin erabiltzen &a= baina aurten %las5+a utziko &ute &ena -a.aS/ript bitartez bakarrik e0iteko @SG:+rekinA . Ir&ainpekoa &a 99 N+etik @*eb0une ez ko)ertzialentzatA 299 N+etara @aukera 0uztiak &auzkan lizentziarentzakoA. %usion C5arts> 5ttp>//***.(usion/5arts./o)/

Abantailak
Tresna asko &itu era askotako 0ra(ikoak e0iteko. 3o)unitate oso 5an&ia &u. 8abi0atzaile 0uztietan erabil &aiteke. %las5 ezin ba&a erabili -a.aS/ript erabiltzen &u. Aurten %las5+a erabiltzen utziko &ute &ena -a.aS/ript+ekin e0iteko.

Desabantailak
Ir&ainpekoa &a. 1zin &a itCura asko al&atu.

5/41

#estelako tresnen on"orioak

Tresna interes0arri asko &au&e era 0uztietako 0auzak e0iteko. Dnteres0arriak &ira= a&ibi&ez> Mo&ernizr> nabi0atzaile za5arrak bilatzeko. !s2$%> 2$%+ak &ina)ikoki sortzeko. Musta/5e> -a.aS/ript+en bitartez tCantiloiak erabiltzeko. 6e7uire-S> liburute0iak asinkronokoki= be5ar &irenean= kar0atzeko. $ .!s> 0ra(ikoak e0iteko oso tresna ona &a. Liburute0i 5auek ez &a be5arrezkoa erabiltzea= baina 0auza ze5atz batzuetarako interes0arriak &ira.

6/41

2erbitzari al"eko tresnak

.o"e$js
8o&e.!s aplikazioak 0aratzeko plata(or)a bat &a. Hainbat )o&ulu &auzka eta era askotako aplikazioak e0iteko balio &u. $aukan berezitasuna -a.aS/ript+en bitartez lan e0iten &ela &a. So(t*are libreko proiektu bat &a= 0aur e0un ko)unitate oso 5an&ia &auka eta era 0uztietako )o&uluak eta plu0in+ak sortu &ira= 0aur e0un 6 .,,, )o&ulu baino 0e5ia0o &au&e. :ertaeretara zuzen&utako arkitekturan oinarrituta &a0o eta *eb zerbitzariak e0iteko erabiltzen &a 0e5ien bat. <erbitzari 5auek oso arinak &ira eta tra(iko asko &auzkaten *eb0uneetan oso on&o &abil. 8o&e.!s erabiltzen &utenen artean= a&ibi&ez= ; Si0nals= $u/k$u/k:o+ren e&o eBa#+ren atal batzuk= Heroku= Tele(Qni/a DB$ e&o La5oo &au&e.

,!a tai&ak
Arina eta oso azkarra &a. 1ra 0uztietako )o&uluak &auzka. 3o)unitate 5an&ia &auka.

Desa!a tai&ak
Teknolo0ia berria &a eta ez &a0o orain&ik oso zabal&ua= na5iz eta 0ero eta ospetsua0oa bi5urtzen &a0o. Aplikazioak -a.aS/ript+ekin i&azten &ira beraz ezin &a 2H2 e&o -a.a proiektuetako ezer berrerabili. <aila ikasteko= era berri bat &a aplikazioak e0iteko.

Lo!)ak sortzeko tresnak

<erbitzari al&ean lo0+ak sortzeko tresna asko &au&e= baina eza0unena -a.a )un&uan Apa/5e+k sortutako lo04! &a @2H2+rako ere lo04p5p liburute0ia sortu &uteA. 1rroreei na5i &uzun itCura e)an a5al &iezu eta 5ainbat lekuetara bi&ali &ezakezu e)aitza= Eappen&erF &eitzen &ira irteera puntu 5oriek. Hainbat Eappen&erF &au&e &isko 0o0orrean &atuak 0or&etzeko= &atu baseetan e&ota beste nonbaitera bi&altzeko.

,!a tai&ak
8a5i &uzun itCura e)an a5al &iezu errore )ezuei. Le5entasunak &e(initu &itzakezu na5i &ituzun )ezuak ikusi e&o bi&altzeko @in(o= *arnin0= error...A Iso erabilia &a eta &oku)entazio asko &a0o.

Desa!a tai&ak
Lo0eatzeko tresnak sinkronoak &ira= beraz blokeoak sortu &itzake. Lo0+ak on&o kon(i0uratu be5ar &ira bestela 0auza 0e5ie0i aurkitu &itzakezu= (itCate0i erral&oiak sortu &aitezke eta &ena )otel&u &aiteke. ;/41

3leaniztasuna
1leaniztasuna aplikazio bat 5izkuntz askotara itzultzeko tresnak &ira. -a.a a&ibi&ez= ba&auzka 5ainbat tresnak barnean eleaniztasuna 0aratzeko. 2H2+rekin 5ainbat plu0in &au&e. Irokorrean eleaniztasuna trebatzeko len0oaia 0uztietan ber&ina e0iten &a> Aplikazioan etiketa batzuk !artzen &ira ze testu itzuli be5ar &en esateko. 1rabiltzaileak aukeratutako 5izkuntza bi&altzen &a aplikazioari @e&o bere nabi0atzailetik e&o bere siste)a era0iletik auto)atikoki 5artzen &a A. Al&atu be5ar &iren testu 0uztiak (itCate0ietan 0or&etzen &ira= bat 5izkuntz bakoitzeko. Aplikazioak aukeratutako 5izkuntzaren arabera= (itCate0i bat e&o bestea irakurtzen &u. 1tiketak &a0ozkion testuekin al&atzen &ira eta erabiltzaileari itzulitako e)aitza bi&altzen zaio. -a.a i1'n &elako tresnak &auzka @Lo/ale= 6esour/eBun&le= $ate%or)at...A eta 2H2+rekin kanpoko tresnak erabili be5ar &ira eta 0etteCt &a eza0unena @2H2+ren 5e&apen bat bezala instalatu a5al &aA. Dtzulketen (itCate0iak )aneiatzeko 5ainbat tresna &au&e= D$1+entzako plu0in+ak e&o beste aplikazioak. 1/lipse+rentzat 0te& izeneko plu0in+a &a0o itzulpenak )aneiatzeko. HebStor)+ek plu0in bat &auka itzulpenentzat. 8etBeans+ek ez &auka inolako plu0in+ik itzulpenak )aneiatzeko= beraz kanpoko tresnak erabili be5ar &ira. HTML5 Buil&er+en osa0arri baten bitartez @osa0arriak instalazio arruntetik kanpo 0el&itzen &iren tresnak &iraA itzulpenak )aneiatu &itzake. D$1+en kanpotik itzulpenak )aneiatzeko tresna eza0unena 2I1&it aplikazioa &a.

Subversion
Sub.ersion aplikazio e&o *eb0une baten ko&ea )antentzeko eta 0or&etzeko balio &uen tresna bat &a. <erbitzari baten ko&e 0uztia 0or&etzen &a= eta (itCate0i bakoitza bertsio zenbaki bat &auka. Horrela (itCate0i bakoitza 5ainbat bertsio e&uki &itzake eta &enboran ze5ar e0on &iren al&aketak ikusi &aitezke. Tal&ean lan e0iteko ezinbesteko tresna &a. 2ertsona bakoitzak ko&e osoaren kopia batekin lan e0iten &u eta (itCate0iren bat al&atzen &uenean= zerbitzarira i0o &ezake. Horrela beste lanki&eak (itCate0i 5ori !aitsi &ezakete zerbitzaritik &enok ko&e ber&ina e&ukitzeko. :aur e0un= :it izeneko beste teknolo0ia bat in&arrarekin 5asi &a= baina orain&ik leku askotan Sub.ersion erabiltzen &ute. Sub.ersion zerbitzariekin lan e0iteko 5ainbat tresna )ota &au&e. A&ibi&ez= D$1+etan plu0in+en bitartez erabili &aiteke e&o kanpoko beste tresnekin. 1/lipse+rentzat Sub/lipse plu0in+a &a0o. HebStor)+ek Sub.ersion+erako tresnak 5asieratik &auzka. 8etbeans+en ze kanpoko tresna erabiliko &uzun esan &ezakezu eta bertan inte0ratzen &a. HTML5 Buil&er+en osa0arri baten bitartez Sub.ersion+en tresnak erabili &aitezke.

'/41

Aplikazioak4 liburute!iak eta 1ra'e(ork)ak

Ir&ena0ailuetarako *eb0unea !"uer# Mobile + Mu0ikorretarako itCura e)aten &ie *eb0uneei beraz arraroak ikusten &ira Mu0ikorretarako *eb0unea B DtCura eta estruktura e)ateko era azkarra. 1stan&arretik ateratzeko zaila &a. $esabantaila asko pisatzen &uela &a. Mu0ikorretarako aplikazioa B 1zkerreko ber&ina= baina kasu 5onetan &esabantaila &esa0ertzen &a= be5arrezko (itCate0iak )u0ikorrean instalatuak &au&elako.

CSS %ra)e*ork+ak

Bootstrap

BB Tresna asko &auzka estruktura eta itCura azkar e)ateko. 1rabiliena &a.

BB B 6esponsi.e $esi0n DtCura na5iko itCia &auka e0iteko tresnak &auzka eta ez &a 5ain erraza eta &iseinu bakar batekin na5i &uzuna al&atzea or&ena0ailuetan e&o )u0ikorretan erabili a5al &a. BB 6esponsi.e $esi0n e0iteko tresnak &auzka eta &iseinu bakar batekin or&ena0ailuetan e&o )u0ikorretan erabili a5al &a. BB 1zkerreko ber&ina. BB 1strukturan oinarritzen &a beraz aplikazioak 0e5ia0o pertsonalizatu &aitezke.

%oun&ation

BB Tresna asko &auzka estruktura eta itCura azkar e)ateko.

-a.aS/ript liburute0iak !"uer# BB Mun&uko erabiliena &a. 1ra 0uztietako tresnak e&o plu0in+ak &auzka. B Ani)azioak e0iteko tresna onak &auzka. :ero eta 0utCia0o erabiltzen &a. + :aur e0un oso 0utCi erabiltzen &a. B Aplikazio 5ibri&oetan erabili &aiteke baina natiboetan ez. B Aplikazio 5ibri&oetan erabili &aiteke baina natiboetan ez. + Aplikazio 5ibri&oetan erabili &aiteke baina natiboetan ez.

MooTools

B 1zkerreko ber&ina.

2rotot#pe

+ 1zkerreko ber&ina.

-a.aS/ript %ra)e*ork+ak An0ular-S B Tresna onak &auzka bezero= &atuen )o&elo eta zerbitzari arteko erlazioak 0aratzeko. :ero eta 0e5ia0o erabiltzen &a. BB :e5ien erabiltzen &ena BB BB Sin0le+2a0e itCurako 1zkerreko ber&ina. *eb0une e&o aplikazioak e0iteko oso e0okia &a. Sarea be5ar &enean bakarrik erabiltzen &u eta azkarra &a. B Sin0le+2a0e itCurako B 1zkerreko ber&ina.

Ba/kbone.!s

9/41

&a. Iso azkarra &a.

*eb0une e&o aplikazioak e0iteko oso e0okia &a. Sarea be5ar &enean bakarrik erabiltzen &u eta azkarra &a. Bistetan al&aketak erakusteko zuk zeuk pro0ra)atu be5ar &ituzu. o Iso azkarra &a baina ez &auzka zerbitzariarekin lan e0iteko e&o tCantiloiak erabiltzeko tresnak. BB 1zkerreko ber&ina. o 1zkerreko ber&ina.

3no/kout-S

+ 1z &a asko erabiltzen= &oku)entazio 0utCi &auka eta kanpoko tresnak be5ar &itu.

HTML5+aren ezau0arriak CSS/SG: ani)azioak BB 8abi0atzaile oso za5arretan izan ezik 0uztietan &abiltza eta 5ar&*are azelerazioa &aukate. BB Aplikazio 5ibri&oetan erabili &aiteke bakarrik. Hauetan ezkerrekoen ber&ina &a. o 1zkerreko ber&ina.

Can.as

BB o 8abi0atzaile oso Mu0ikorretan C24 asko za5arretan izan ezik eskatzen &u eta ez &oa 0uztietan &abiltza. %las5+ oso on&o. aren oinor&ekoa &ela esan &ezake0u. o ++ Ir&ena0ailuetako 1z &abil )u0ikorretan nabi0atzaileetan &abil baina 5iru &i)entsioetako tresnen eza0uerak be5ar &ira. BB Iso erraza &a au&io (itCate0iak entzutea eta nabi0atzaile 0uztietan &abil. BB Iso erraza &a bi&eo (itCate0iak ikustea eta nabi0atzaile 0uztietan &abil. B $atu tCikiak 0or&etzeko era oso ona eta erraza &a. 8abi0atzaile 0uztietan &abil. + C5ro)e eta Sa(arirekin &abil bakarrik eta 0aitzetsita &a0o beraz beste nabi0atzaileak ez &ute erabiliko. BB 1zkerreko ber&ina.

Heb:L

++ 1zkerreko ber&ina.

Au&io

BB Aplikazio 5ibri&oetan erabili &aiteke bakarrik. Hauetan ezkerrekoen ber&ina &a. BB Aplikazio 5ibri&oetan erabili &aiteke bakarrik. Hauetan ezkerrekoen ber&ina &a. B Aplikazio 5ibri&oetan erabili &aiteke bakarrik. Hauetan ezkerrekoen ber&ina &a.

Bi&eo

BB 1zkerreko ber&ina.

Lo/alStora0e

B 1zkerreko ber&ina.

HebS"L

o o Mu0ikorretan C5ro)e eta Aplikazio 5ibri&oetan iIS+en &abil= baina erabili &aiteke bakarrik. noizbait &esa0ertuko &a. Hauetan ezkerrekoen ber&ina &a.

4,/41

Dn&eCe&$B

BB $atu konpleCuak 0or&etzeko balio &u= (itCate0iak ere. 8abi0atzaileen &atu baseen etorkizuna &a.

B B iIS+en ez &abil orain&ik Aplikazio 5ibri&oetan baina laster erabili a5alko erabili &aiteke bakarrik. &itu. Hauetan ezkerrekoen ber&ina &a. BB Aplikazio 5ibri&oetan erabili &aiteke bakarrik. Hauetan ezkerrekoen ber&ina &a. B Aplikazio 5ibri&oetan erabili &aiteke bakarrik. Hauetan ezkerrekoen ber&ina &a.

:eokokapena

B BB Ir&ena0ailuetan D2+aren Mu0ikorretan :2S+aren bitartez kokatzen &u bitartez e0iten &u beraz ez &a oso ze5atza. kokapena beraz ze5atza &a. BB 1rabiltzaileari interaktibotasun asko eskaintzeko tresnak &auzka. B Ir&ena0ailuetan= nabi0atzailera (itCate0iak sartzeko tresnak &auzka. Mu0ikorretan (untzionalitatea )urriztuta &a0o. BB %ile A2D+ren (untzionalitatea )urriztuta &a0o= baina %ile6ea&er+ en (untzionalitate 0uztiak erabili &itzakezu. ++ Mu0ikorretan ezin &a erabili.

%ile A2D

%ile6ea&er

BB %ile A2D+aren bitartez e&o A-A9 bitartez sartutako (itCate0iak erabiltzeko tresnak &auzka. + :oo0le+ek as)atutako teknolo0ia bat &a eta C5ro)e+n &abil bakarrik. Beste nabi0atzaileak erabiliko ez &utela esan &ute.

BB Aplikazio 5ibri&oetan erabili &aiteke bakarrik. Hauetan ezkerrekoen ber&ina &a. ++ 1zkerreko ber&ina.

%ileHriter

Taulako balioen azalpena>

BB B o / + ++ Iso ona Ina 8a5ikoa 1z &auka / 1zin &u TCarra Iso tCarra

41/41