[Powered by Google Translate] [Mintegia] [a aktibatu egiturak: zergatik eta nola]
[Kevin Schmid] [Harvard Unibertsitateko]
[Hau da CS50.] [CS50.TV]
>> Hi, denek. Ongi etorri JavaScript Framework-mintegia.
Nire izena Kevin da, eta, gaur egun, a aktibatu marko buruz hitz egiten ari naiz,
eta mintegi honen helburua da, ez duzu lortu nahi da, hots, berez esparru jakin bat menderatzea
baina emateko zabal sarrera bat marko pare bat
erakutsi eta zergatik, inoiz nahi genuke esparru bat erabili.
>> Egiten dut, hori baino lehen, Javascript atzealde apur bat ematen dut,
eta gero hartuko dugu bertatik.
To-do zerrenda bat ezarriz hasiko gara.
Hemen gure zeregin gaur zerrenda.
Dibertigarria mota da. Ikusteko Javascript-a zerrendan egiteko martxan jarri behar dugu.
Hau da, zer itxura ari da gertatzen, beraz, gure lehen helburua da.
Ez dugu esparru bat erabili egin behar.
Javascript-a aktibatu behar kodea ari gara joan eta iritsi-do zerrenda lanera.
Ondoren, diseinua hobetzeko esparru bat erabili gabe goaz.
Hainbat gauza besterik Javascript bakarrik egin ahal dugu eztabaidatzeko goaz
gure egiteko Egitekoen zerrenda apur bat gehiago ondo diseinatutako.
Ondoren jQuery batzuk bota dugu,
eta, ondoren, bera begiratu egitekoen zerrenda goaz,
besterik marko ezberdinak ezarri dira, eta eztabaidatu dugu
pros eta txarrez modu batera.
>> Dezagun hasteko diren gauzen zerrenda ezarriz.
Demagun gaude emandako HTML honetan.
Hau apur bat txikiagoak egin nahi dut.
Ikusten duzun bezala, pixka bat goiburua dioen Todo daukat
eta apur bat kutxa non todo baten deskribapena idatzi ahal dut
eta, ondoren, elementu berri botoia, beraz todo berri bat sartu da zerrenda honetako saiatu horrek.
Ikusteko Javascript-a eman marko mintegia,
eta elementu berri hit naiz.
Ikusteko Javascript-a alerta hau dioen ezartzea niri zait.
Lortu dugu jartzera.
Dezagun begiratu hau kodea, bai HTML eta Javascript-a da.
Hemen gure erakutsiko da.
Hemen ikusi ahal izango da, hemen gure Todos goiburua da.
Lodia duten gauza zen goialdean,
eta, ondoren, sarrera kutxa ditugu biltegian batera,
eta orduan botoi honek funtzioa addTodo honetan deiak ezaugarri jakin bat da.
Ez du inor zer esan nahi klik da signifying asmatzen?
[Ikasleentzako erantzuna inaudible]
Ona, egin klik da Ordena ekitaldi bat bezala,
saguaren klik eginez, ekitaldi bat besterik ez da, eta zer egiten ari garen bezalako
botoian klik funtzioa exekutatu ekitaldi aurkitzen gara tying.
AddTodo botoia sakatuz kudeatzailea ekitaldi hau.
>> Ikusten duzun bezala, noiz elementu berriaren botoia sakatu dut
Egin klik gertaera lortzen duena, eta funtzio hori deitu zaio.
Dezagun funtzioa begiratu.
Ikusten duzun bezala, hemen nire JavaScript kodea da orain arte.
Zer dute goialdean dut nire egitekoen zerrendaren datuak global egitura da.
Itxura array bat bezalakoa da. Besterik ez da hutsik array bat.
Eta, ondoren, addTodo funtzioa ikusi dugu lehenago izan nuen,
eta kode-lerro hor bakarrik alerta da.
Ezartzeko me abisatzen du, eta, ondoren, 2 esku zeregin daukat.
Todo gehitzeko globalak datuak egitura daukat,
eta, ondoren, kanpora marrazteko to-do zerrendan nahi dut.
Ezer ez da gehiegi zeren gura zaren huraxe besterik gabe, baina a aktibatu izan Ohituta ekin ahal izango duzu,
beraz, motela joan eta Javascript oinarriak horrela berrikusi dut.
>> Dezagun hau eman tiro bat.
Demagun erabiltzaileak koadro honetan zerbait sartzen da.
Ondo idatzi dut hemen, testu zerbait.
Nola ordenatzeko sarbidea testua Javascript bidez dut?
Ikusteko Javascript-a gogoratzen da, eta bere ezaugarri nagusietako bat da, ematen digu
to DOM sarbidea egitasmo hau.
Elementuak eta beren propietate honen benetako HTML sartzeko digu.
Modu biluzi hezurrak JavaScript-rekin egin dugun
Egia esan, ezin dugu erabili deitzen getElementByID JavaScript funtzio bat.
Testu hori ez dago idatzitako aldagai batzuetan gorde nahi dut,
deiturikoa new_todo aldagai berri bat esan nahi dut,
eta elementu hori lortu nahi dut.
Honen funtzioa da. GetElementByID.
Eta orain, elementu bat dut lortzean ID arabera, beraz, testu-koadro bat NAN behar dut,
beraz, eman dut ID new_todo_description du.
Hori nola elementu bat eskuratu behar dut.
Hori da nire funtzio honen argumentua, zein identifikazio iritsi zehazteko.
Eta, beraz, HTML elementu bat da, eta ezaugarriak ditu.
Ikusten dituzun horiek. Atributuak dira.
Testu elementu erabiltzailearen sarrera gordetzen atributua deitzen da balioa.
Testu-koadro horren balioa gorde dut egun new_todo aldagai honetan.
Orain programazioko aldagai honen sarbidea izan dut, hau da, mota cool du
Orain, zer egin dezaket delako gehitzeko, nire egitekoen zerrenda.
>> Modu honetan egingo dugu gogoeta-eta, ez kezkatu, zauden honekin ezagutzen bada,
baina besterik ez da igaro da todos.push
nire datuak global egitura baten izena da hemen, zeren,
eta new_todo bultza noa.
Hau da, gaur egun handia delako, gehitu dut nire a aktibatu
duten gauzen zerrenda ordezkaritza.
Baina orain, nola lortuko dut itzuli HTML?
Modu bat bultzatzen du atzera ordenatzeko aurkitu behar dut.
Beste era batera esanda, ez dute mota horretako dut marrazteko.
Zer egin dugu da-do zerrenda marraztu dugu.
HTML beste eguneratzeko orrialde horretan behar dut,
eta Ikusten duzun bezala, utzi dut pixka edukiontzi hau hemen,
Orrialdearen bere identifikazio da todos de banatzailean honetan,
eta egitekoen zerrendan jarri ez noa.
Lehen garbitu behar dira, esan, izan ere, ez zen zahar bat egitekoen zerrenda ez noa.
Elementu nago lortzean ID berriz,
eta elementu horren HTML barne dut sartzean,
eta argi dut.
Utzi dugu kode hau bada ere, huts bat deus ez ikusi genuen,
eta, orain, nire egitekoen zerrenda bihurtzean hasi nahi dut.
Funtsean naiz out garbitu nire egitekoen zerrenda egingo da.
>> Orain todos div horren barruko HTML barruan dago guztiz argi,
eta, orain, nire zerrenda gehituz hasi beharko dut.
Lehenik eta behin, atzera gehitu nahi dut Ordenatu gabeko zerrenda etiketa da,
eta horrek adierazten du, batez ere, hori Ordenatu gabeko zerrenda bat hasiera da.
Orain nire todos array elementu bakoitzerako inprimatu nahi HTML horren barruan nahi dut.
It erantsi on zerrenda honetan hondoan nahi dut.
Just C bezala, bat erabili ahal izango dut begizta, eta nire zerrenda hasieran hasiko naiz
elementu 0, eta zerrendaren luzera modu guztiak joan naiz.
Benetan gaitezke luzera jabetza erabiliz Javascript-en array baten luzera.
Funtsean, oso antzeko zerbait egin hemen barruan noa
inprimatzeko elementua.
Berriz ere ezin dut sartu todos div da, horren barne HTML jabetza,
eta honi zerrendako elementu berria gehitu dut, eta hori izango inguratuta joan
li Etiketa honek, eta + operadorea batera kateatu dut,
eta nire todos array elementu Ith da,
eta, gero, etiketa hori itxi nahi dut.
Orain bakoitzeko elementu berri bat gehitu zerrendara sarrera dugu.
Eta, ondoren, guztiak benetan behar dugu, itxi egin da off etiketa.
Behar dut off ixteko duten Ordenatu gabeko zerrenda etiketa.
>> Ez nola lan egiten duen for sentitzen duzu?
Hau guztia zerrenda bat irekitzen da.
Hau gehitzen banakako elementuak todos zerrendatik zerrendara,
eta, ondoren, hori guztia zerrenda ixten du, eta hau da nire addTodo funtzioa.
Testu koadroan todo lortzean arabera, funtsean, I hasi.
A todos array gehitu dut, eta, ondoren, I egitekoen zerrenda berriro errendatu.
Orain elementuak gehitu ahal izango ditut nire zerrendan.
Hau da, mota horretako zirraragarria besterik kodea gutxi lerro bat delako
funtsean dugu egin egitekoen zerrenda non elementuak gehitu ahal izango dugu.
Great.
Ikusteko Javascript-a duten sarrera oinarrizko mota da.
Ez kezkatu gehiegi oraingoz sintaxia buruz,
baina hau kontzeptualki pentsatu.
HTML batzuk izan dugu.
Testu-kutxa bat izan genuen orria funtsean onartzen sarrera egiteko elementu bat erabiltzaile dela gehitu du.
Ikusteko Javascript-a eta, ondoren, erabili dugu todo hori lortu testu-koadro horretan.
Ikusteko Javascript-a array baten barruan, hau da, funtsean bezala gordetzen dugu
gure ordezkaritza programazioko egitekoen zerrenda,
eta gero inprimatutako dugu.
Hau todos.js da.
>> Hau cool mota da, baina gehiago nahi izanez gero, nola egin dezakegu hori hartu dugu?
Beno, Ikusten duzun bezala, hau ez da osoa egiteko zerrenda bezala.
Adibidez, ezin dut osatu gabe gisa markatzeko, elementu horiek edozein
gustatzen nahi nuen elementuak reprioritize edo elementuak ezabatzeko bada.
Hau da, ados, baina gehiago hartu ahal izango dugu.
Ez dut gehiegi hitz egiteko aparteko ezaugarriak gehituz buruz hitz egingo,
baina gehiago hartu ahal izan genuen.
Dezagun bat gehiago gehituz Ezaugarri honen egitekoen zerrenda buruz hitz egin,
eta hori izango izateaz gai indibidual bat egiteko elementua egiaztatzeko joan
dute eta berau zeharkatzen dira, beraz, funtsean, egin dut hau esaten.
Dezagun kodea duten zenbait betetzeko izan begiratu.
Nabarituko zer goialdean Nik egin da gehitu dut
global berri bat izeneko array osoa.
Funtsean dut hau erabiliz gordetzeko on-do zerrenda elementuak ala ez
osoak edo ez.
Hau da, modu honetan egin behar da.
Hau ezartzeko, bistaratzea nintzen begiratuz gero,
funtsean sartu naiz todo bat izanez gero, eta txandakatze botoi hau sakatu dut
out zeharkatzen du eta, beraz, zerrenda honetan elementu bakoitza du bai osoa
edo osatu egoera, eta beste array naiz erabiliz adierazten duten.
>> Funtsean todos array horretan todo bakoitzeko
Elementu bat ez da array osoa funtsean adierazten
duten ala ez da osoa, edo ez.
Izan dut nahiko gutxieneko aldaketak egiteko kode hau,
beraz, hemen gure addTodo funtzioa da.
Nabarituko dela hemen nago bultzaka array gainean,
eta, gero 0 bat naiz bultzaka array osoa duten,
funtsean, hori todo berriak push esan paraleloan
Elementu hau naiz gehituz, eta bere balioa hau batera,
horrek esan nahi du hori osatu gabe dago.
Eta, ondoren, to-do zerrenda dut marraztea.
Orain, nabarituko gehitu dut drawTodoList funtzio hau.
Hau baino lehenago izan genuen asko hartzen du,
funtsean, garbitu izarrekin kutxa eta ondoren zozketa berria egitekoen zerrenda.
Baina konturatu honen barruan begizta txiki bat ari gara egiten, orain gehiago.
Funtsean ari gara elementua Ith todo dagokion ala ez, hemen egiaztapena
osatu da, eta modu ezberdinean ari gara Portaera 2 zirkunstantzia hauetan.
Da osoa izanez gero, del Etiketa honek ari gara gehituz,
hau da, funtsean, modu greba hori eskuratu ahal izango duzu efektuaren bidez
out zeharkatu-do zerrenda osoa da, bada,
eta ez bada, ez gara bertan, besteak beste.
Eta, beraz, horrelako dela zaintzen du,
>> eta hori, modu batean hori bideratzeko da.
Eta gero, nabarituko da erabiltzaileak sakatzen horietako bat
da egoera amaitzeko ezkutatu dugu.
Erabiltzaile clicks, buelta bai burutu edo ez dugu,
eta gero marraztu dugu.
Obra mota hau.
Funtzio hauek egiten dituzten beren zereginak behar dugu,
eta hori ongi dago.
Ba al dago ezer hobeto egin genezake horri buruz, nahiz eta?
Iragarki hauek 2 global array dugu.
C hau izan zen gero, eta 2 array mota hori irudikatzen izan dugu
datu zen Ordena nolabait lotuta dauden
zer litzateke erabili C dugu 2 eremu hauek konbinatu
zerbait encapsulates informazio pieza biak sartu?
Inor nahi iradokizun bat egin nahi?
[Ikasleentzako erantzuna inaudible]
>> Zehazki, beraz, egitura mota batzuk erabili izan dugu,
eta uste itzuliz gero, esateko, pset 3,
hiztegi gogoan izan dugu, eta gero genituen hitza den ala ez
hiztegian zen, eta informazio hori guztia bildu
Datuen egitura batzuen barruan.
Gauza kodea honekin egin dezaket horiek 2 array ezberdinak edukitzea saihesteko
Informazio piezak antzekoa da, horiek konbinatu ahal izango dut Javascript objektu batean.
Ikus dezagun hori begirada bat.
Ohartu besterik ez dut bat array goialdean orain
eta zer egin dut da-eta, hau da Ordena sintaxia JavaScript
Objektu baten bertsio literal bat sortzeko,
eta nabarituko daude 2 propietate, beraz todo dugu,
eta bere elkarrekin mantendu da osoa edo osatu dituzten ala ez.
Hau oso antzeko kodea da.
Ikusteko Javascript-a objektuak ari gara erabiltzen.
Gauzak hobetzen mota hau.
Orain bezala, informazio erlazionatutako eremu horiek guztiak mantentzen dira elkarrekin.
Noiz inprimatu nahi dugu, eremu horretan sartzeko aukera izango dugu.
>> Ohartu todos [i] ari gara egiten. Osoa
ordez osoa array bereizita egiaztatzen du,
eta konturatu zenean egiteko kate egiteko jabetza ari gara, pixkanaka lortu nahi dugu:
todo hori, beraz, mota honetako zentzua duelako
elementu bakoitza du buruz berezko propietate horiek.
Todo bat du, eta ala ez da osoa, edo ez dauka.
Ez gehiegi aldaketak ez funtzionalki, besterik gehitu kodearen gehiago.
Honek fronte batzuk hobekuntza bat da, ezta?
Esan nahi dut, factored diseinua dugu pixka bat.
Orain, funtsean, objektu enkapsulatu datu hau dugu.
Ba al dago ezer gehiago hemendik aurrera egin dezakegu Javascript dagokionez?
Gustatzen oharra kode hau hemen dagoela
div baten HTML barne lortzean
da apur bat, nik asmatu, luzea.
Ez document.getElementByID ("todos"). InnerHTML.
Gauza bat egin kode hau begiratu apur bat atseginagoa egiteko genezake
beraz, ez nuke izan scrolling ezkerreko eta eskuineko mantentzeko, atzera eta aurrera,
da jQuery bezalako liburutegi bat erabili izan dut.
>> Dezagun begiratu Mintegia 2,
eta hori bera da, baina jQuery egiten.
Baliteke jQuery gehiegi ezagutzen,
baina ezagutzen duten jQuery Javascript liburutegia moduko da
egiten duen sarbide banakako DOM elementuak bezala gauzak errazago egiteko.
Hemen ordez document.getElementByID esaten ("todos"). InnerHTML
Askoz garbiagoa modu erabili ahal izango dut jQuery hasieran,
hau da, besterik gabe, Selectors erabiltzeko.
Ikusten duzun bezala, kode hau garbiagoa apur bat lortu zuen,
oso antzekoa da funtzionalki, baina ideia.
Ikusi dugu gauza pare bat, orain arte,
Ikusteko Javascript-a, beraz, hasi besterik gordinik ezarpena dugu.
Ezaugarri berriak gehitu ditugu, eta erakutsi nola hobetu ahal izango dugu
besterik zer izan Ikusteko Javascript-a dugu.
>> Ez du inor ikusten diseinua dituzten zailtasunak?
Hots, asmatzeko-edo ez dut zailtasun derrigorrez baina esan dezagun
ez ginen egiteko zerrenda proiektua egiten ari da, eta bihar erabaki dugu
Ultramarinos zerrenda bat edo erosketa zerrenda proiektua egin nahi izan dugu.
Ezaugarri horietako asko oso antzekoak dira.
Gauzak ateratzeko a aktibatu nahi dugu, asko dira oso arruntak,
eta, modu honetan, nolabaiteko beharra azpimarratzen
hau errazagoa egiten hartzeko.
Eraikitzeko hau HTML sarbide guztiak nuen, DOM sarbide hori guztia,
naiz-do zerrenda adierazteko eredu hau duten bezala joan.
Ikusteko Javascript-a eta nabarituko sustatzailearen gisa arduraduna naiz
HTML eta Javascript sinkronizatuta dagoela daukat mantentzeko.
Ezer ez da automatikoki egin Javascript ordezkaritza duten
edo egiteko zerrenda lortzeko bultzatu nahi HTML.
Ezer ez ezik, hori niretzat behartuta.
Zozketa egiteko zerrenda funtzioa idatzi behar nuen.
Eta hori, agian, ez dira-esan nahi dut, arrazoizkoa da hori egiteko,
baina aspergarria izan daiteke batzuetan.
Daukazula handiagoa proiektu bat bada, hori zaila izan daiteke.
>> Esparruak, esparru, helburu bat
da prozesu hori, eta ordenatu faktorea errazteko out
horiek komun-dizut esan-diseinua ereduak asmatzen
jendeak, oro har, datuak ordezkari modu bat,
duten ala ez, lagunen zerrenda bat da, ala ez da informazioa mapan
edo zerbait edo egiteko zerrenda bat.
Pertsona batzuk, oro har, informazio ordezkari modu bat,
eta, oro har, behar dute informazio hori ordenatu mantentzeko sinkronizatuta
zer erabiltzaileari ikuspegi-mota batzuk ikusten dituen bitartean,
terminoetan eredu ikuspegi kontroladore hitzaldia dela ikusi duzun bezala hitz egin,
eta ondoren, eredua, kasu honetan, a aktibatu array hau.
Marko ematen digu modu bat, arazo hori konpontzeko.
Orain begirada bat honi ezartzeko at egitekoen zerrenda
izeneko angularjs esparru batean.
Hau da. Iragarki egokitzen diapositiba bat da.
Ez dut nahi ezkerreko eta eskuineko mugitzeko.
Hori da, ziurrenik, ez da handia arrazoia esparru bat erabiltzea gomendatzen da,
baina oharra am banakako HTML elementuak sartzen ez dut inoiz hemen?
Am DOM sartu inoiz dut?
Ez document.getElementByID edo zerbait bezala ikusten duzu?
Ez, hori da joan.
>> Angeluen laguntzen DOM eta gure Javascript zerbait ordezkaritza mantentzeko gurekin
sync-mota, beraz, ez da js fitxategi batean,
ez programazioaren HTML edukia duten guztiak modurik ez badago
Ikusteko Javascript-a-tik nola mantenduz hau dugu itzala?
Ez bada ere. Js fitxategi batean, nik lortu HTML izango da, ezta?
Hau HTML fitxategi bertsio berria da,
eta nabarituko gehitu ditugu asko hemen.
Ez da nabarituko horiek atributuak esan ng-click-ng eta errepikatu.
Angeluen en diseinu zailtasunak arazo hau konpontzeko hurbilketa
da, funtsean, egiteko HTML askoz indartsuagoa.
Angeluen egin HTML zertxobait gehiago adierazkorra duzun aukera modu bat da.
Esate baterako, esan dut edo lotzeko lotu, testu-koadro honetan joan ahal izango dut
nire a aktibatu Angeluen kodea aldagai baten barruan.
Hau ng-eredua besterik ez dagoela.
Funtsean dio elementua testu kutxa honen barruan,
besterik erlazionatuko duten aldagaiak new_todo_description batera
Ikusteko Javascript-a kodearen barruan.
Hori da, oso indartsua ez dudalako izatea esplizituki joan
DOM informazio hori lortzeko.
Ez daukat document.getElementByID esateko.
Ez daukat DOM sarbidea jQueries bezala erabiltzeko.
Erlazionatu ahal dut aldagai bat, eta, orduan, aldagai hori aldatu dut
Ikusteko Javascript-a barruan HTML batekin sinkronizatuta mantendu,
beraz, atzera eta aurrera joan, bien artean erabakitako prozesua errazten du.
Ez duela zentzurik?
>> Eta konturatu ez dago HTML sarrera kodea da.
Besterik ez dugu egin HTML ahaltsuagoa
eta, gaur egun, adibidez, gauza egin dezakegu hau, adibidez,
gustatzen klik honi, funtzio hori deitu todos.js esparruan,
eta hori egin dugu ahal izan baino lehen, baina badira beste gauza batzuk, hau ng-eredu bezala,
eta iragarki hau ng-errepikatu.
Zer egin hori dela uste duzu?
Hemen, gure aurretik Ordenatu gabeko zerrenda da.
Ul tags ditugu,
baina ni zerrenda horretan inoiz I bihurtzean Javascript kodearen barruan?
Ez dut inoiz esplizituki zerrenda bihurtzean.
Nola egiten du lan?
Beno, modu angeluarra da accomplishes hau da hau deitzen da, errepikagailu bat.
Funtsean hau dio nahi dut HTML hau inprimatzea
nire todos array barruan todo bakoitzeko.
Todos.jr barruan dago todos array bat da hemen,
eta hau Angeluen go esango array bidez, eta elementu bakoitzerako duzun ikusi
HTML inprimatu nahi dut.
Hau awesome mota bat da, ezin dut besterik ez delako egin
idazteko begizta behar izan gabe,
eta, beraz, egitekoen zerrenda izan zen 30 soilik kode lerro
ezin izango da gehien onuragarria dela,
baina badaukazu handi proiektu bat bada, hau oso erosoa lortu liteke.
>> Hau da arazo honen konponbidea da, indartsua HTML gehiago eginez,
eta aukera ematen duen Javascript eta HTML mantentzeko gurekin sinkronizatuta.
Badira beste modu posible arazoa konpontzeko,
eta ez esparru guztietan du honek.
Ez esparru guztietan lerro hauek batera lan egiten du.
Marko batzuk hainbat ikuspegi,
aurkitu eta gustuko duzun beste bat baino gehiago esparru duzula ahal izango duzu.
Dezagun bat gehiago begiratu.
Honen bidez sortu izeneko Enbor sarea esparru batean dauden gauzen zerrenda da.
Honen bidez joan azkar noa.
HTML dut hasiko gara ez aurretik.
Bigarrena.
HTML hasita, nabarituko duzun bezala, gure HTML oso antzekoa da
zer baino lehen, eta, beraz, ez da gehiegi berriaren aurrean izan zen hori.
Baina gure js fitxategi apur bat desberdina da.
Bizkarrezurra moduko ideia hau, edo ideia eraikitzen
Honekin zer egiten dugu asko, esateko, gure Javascript-proiektuak
da-ereduak eta eredu horiek bildumak pentsatzen.
Hau da, adibidez, izan liteke argazki bat eta argazki bildumak,
edo lagun bat eta bilduma lagunak ideia.
Eta oftentimes denean Javascript aplikazio ari gara programatzen
ordenatzeko irudikatzeko lagunen bilduma bat izatearen ideia dugu
Ikusteko Javascript-a nolabait, eta Enbor sarea ematen digu geruza hau
Ikusteko Javascript-a en array existitzen diren eta objektuak gainean
ahaltsuagoa Gauzak horrela, erraz.
>> Hemen definitu dut egiteko eredu bat,
eta ez duzu gehiegi kezkatu sintaxia buruz,
baina konturatu zer da hau propietate bat?
Eremu lehenetsi ditu.
Bizkarrezurra zehazteko aukera ematen du dagoeneko me to bat itzali
berriak egiteko sortu duten I lehenetsiak hauek izan behar.
Azken hau pertsonalizatu ahal izango dut, baina baloia gai lehenetsiak zehazteko
atsegina da, eta erosoa mota da, hau da, ez delako zerbait hori bezalako
Ikusteko Javascript-a berezkoa, eta orain ez daukat Esplizituki
esan todos direla osorik.
Eskuinera bat itzali esan dezaket todos diren osatu gabe gisa markatu du.
Ohartu ondoren, zer da hau?
Orain gauzen zerrenda bat daukat, eta hori bilduma bat da.
Iragarki dioen eredua todo lotutako eremua.
Hau nire Enbor sarea kontatzeko duten modu bat da
Horien banakako todos bilduma bat buruz pentsatzen dut.
Hau da, funtsean, nire programaren egitura eredua.
Hemen bilduma baten ideia hori daukat,
eta, batez ere, bilduma horretan jasotako elementuak dira guztiak Todos hauek izango dira,
eta hori oso natural zentzu honetan
egin delako daukat todos, eta nik bilduma batean.
>> Dezagun pixka bat gehiago, hau begiratu.
Hemen Enbor sarea ikuspegi bat da.
Beste gauza Enbor sarea dela esaten da
bat, modelo asko ari zaren edo are bildumak pentsatzen
ari dira, erakutsitako modu batzuk izan behar du.
Duten gauzen zerrenda errendatu behar dugu,
eta ez litzateke polita izango da, ezin dugu eredu bakoitzean bada ematen
edo eredu bakoitzean erlazionatzeko ikuspegi honen
hori ematen digu konektatu bi elkarrekin asmatzen dut?
Baino lehen, ordea, bat erabili begizta zela exekutatu bidez izan dugu
egunero gure zerrendan todo, eta gero inprimatu hemen
funtsean, ezin dugu konektatu eredu honekin.
Hau egiteko ikuspegi bat da.
Hau da todo lehenago aurkitu dugu lotutako.
Orain todo bakoitza Ikus edo renderable
hau egiteko ikuspegia.
Iragarki eremu batzuk.
Zer egin tagName hau dela uste duzu, tagName: li?
Dugunean nahi izan aurretik gogoratu todo bat errendatu
dute esplizituki parekatu gure todos li etiketa honekin nahi dugu.
Orain, non que todo hori bizitzen joan gara esaten
da, li-etiketa baten barruan izango da.
Eta gaur egun ere ari gara gure todos gertakariak lotzen.
>> Todo bakoitzak gertaera hau.
Klik nahiko askoz bada txandakatzeko botoia, hori zer ari naiz esaten,
ondoren, funtsean, markatu baino lehen zer zen kontrakoa da todo el
eta berriro errendatu aplikazioa.
Honek mota kodea aurretik antzekoa da.
Gogoratu denean markatu dugu, bai kontrakoa edo jo-
dugu, eta, ondoren, berriro errendatuko da.
Baina orain konturatzen erabiltzen zerbait HTML zen izan gertaera honetara.
Ez zen eserita.
Botoia klikatu izan da.
Botoia sakatzen duzunean, egiten du nolako gauzak behar
sortu todo hori osatu gabe egongo da.
Hemen lotutako dugu txandakatzeko botoia klik gertaera
Eta ala ez, edo desaktibatzeko ikuspegi honekin alderantzizkoa.
>> Hau konfiguratzeko gertaera hau modu polit bat da, beraz, oso ondo lotuta da
ikuspegi honetan, eta beraz, nabarituko hau gehiago.
Errendatu metodo hau aukeratu dut, eta ez dugu xehetasunak bidez joan.
Zer nolako aurretik izan genuen antzekoa da,
nabarituko, baina ez dut ezer begizta bidez.
Ez dut hori ul etiketa duten elementu guztiak inprima noa esaten moduko da inprimatzeko.
Funtzionalitatea eskaintzen dut hau egiteko elementua emateko.
Hau oso indartsua kontzeptu bat da, funtsean, delako
Gure egitekoen zerrenda Todos horiek guztiak osatzen dute, eta ezin dugu funtsean bada zehaztu
modu todos horietako bat errendatu
ondoren, gure per se bizkarrezurra indartsua izan dezakegu errendatu todos guztiak
banakako todos on metodoa Errendatu deituz.
Hau kontzeptu bat da, erabilgarria da hemen.
Ona galdera galdetu nola aplikazioa ari bildu?
Dugu gaitasuna todo bat eskaintzea delako,
baina nola todos hainbat ideia hartu behar dugu?
>> Ikus dezagun hori begirada bat.
Honen azken zatia da.
Iragarki bat egiteko zerrenda ikusi dugu hemen,
eta baita ere nabarituko da ikuspegi bat.
Eta gauza pare bat baino gehiago joan,
Hasieratu metodo honi deitzen den lehen sortu dugun to-do zerrenda honetan.
Ikusten duzun bezala, da egitekoen zerrenda sortzen du eta lotzen ikuspegi honekin bezala.
Eta gero, funtzioak gehitu dut hemen, beraz, funtsean, noiz bat gehitu duzun elementua-
hau da addItem metodoa antzeko aurretik, ikusi genuen
A todo objektu berriak sortzen, eta konturatu naiz benetan deituz dut
berri honen todo metodoa, beraz, hau da Enbor sarea emandako,
eta nire ezaugarri ezin dut pasatzen hemen.
Eta orain, todo egunero sortzen dut hau erabiliz funtzionalitate aurretik ikusi dugun jasoko.
Iragarki nago kentzeagatik kutxan-txiki bat, aurretik Xehetasun-
eta, ondoren, bilduma hau naiz gehituz.
>> Hori ia badirudi arraroa besterik ez dugu izan aurretik todos.push egin delako,
eta, ondoren, egin genuen, eta hau bereziki proiektu konplikatua iruditu,
eta Enbor sarea duten edo are angeluarra edo beste edozein esparru aurkitu ahal izango duzu
ez da egokitzen zure proiektua, baina garrantzitsua dela uste dut pentsatzen
Zer da hau proiektu handiago eskala handiago bat esan nahi du,
izan dugu, proiektu handiago bat non ordezkari ginen bada delako
benetan konplexua bilketa, besterik gabe, zerbait egiteko zerrenda bat baino sakonago,
esan dezagun bat lagunen zerrenda edo horrelako zerbait, eta hau ezin handy etorriko
gure kodea delako antolatu ahal izan dugu, oso erosoa da,
horrela errazagoa norbaitek jarriko litzateke
nahi duten jasotzeko proiektu bat eraikitzeko gainean.
Ikus hau egitura asko eskaintzen dezakezu.
Eta, ondoren, addItem honetan errendatu dut deituz.
Presentazioa, Ikusten duzun bezala, eta ez duzu full sintaxia hau ulertzea,
baina, batez ere, eredu bakoitzaren banakako errendatze metodoa deitu behar da joan.
Hori da, non sort hau nondik datorren.
Dezagun, besterik gabe, nola banakako todos errendatzeko,
eta, ondoren, kola dezagun elkarrekin osoan bezala.
Baina hau abstrakzioa modu bat eskaintzen du,
modu banakako todos errendatzeko erabaki dut aldatu baitezake,
eta ez nuke izan kode hau edozein aldatzeko.
Hori mota cool.
>> Ez du inor izan Javascript marko buruzko edozein galdera?
[Ikaslearen galdera inaudible]
Oh, ziur, galdera handi bat da.
, Galdetu zion nola esparruak ere hartzen dut?
Ikusteko Javascript-a gehien esparruak daude, batez ere, besterik gabe, JS fitxategiak
dezakezu zure kodea goialdean sartzeko.
Nire HTML zati buruan nabarituko script etiketa horiek guztiak izan dut,
eta azken script etiketa kodea dugun idatzia da.
Eta, ondoren, 3 esparru kodeak besterik ez dira, gainera, script etiketa.
Horietako naiz barne zer deitu CDN batetik,
horri esker, lortu zidan norbaitek puntu honetan
baina esparru guztietan du honek-dezakezu nahiko askoz aurkituko edukia
JavaScript liburutegi jakin CDN batzuk edo zerbait bezala eskuragarri egiteko,
eta, ondoren, script etiketa hauek erabil ditzakezu.
Ez duela zentzurik?
Cool.
>> 2 horiek hainbat ikuspegi daude.
Horiek ez dira arazo hau konpontzeko, ikuspegi bakarra.
Badira hainbat gauza
norbaitek, egin dezake eta asko dira bertan esparruak.
Angeluen eta Enbor sarea ez osoa istorioa kontatzeko.
Zorte on zure azken proiektuak, eta eskerrik asko eta asko.
[CS50.TV]