[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]