>> ROGER ZURAWICKI: Saluton ĉiuj.
Ĉu mi povas akiri vian atenton?
Dankon, knaboj.
Hodiaŭ mi volas paroli pri Meteoro.
Ĝi estas JavaScript kadro.
Ni veturas tra kiom vi povas fari vere malvarmeta retejo apps.
>> Antaŭ ni eniras JavaScript, mi simple volas rakonti al vi knaboj, ke tiu volo
esti - vi havos poste Peco ĉi semestro.
Ĝi devus esti pri JavaScript.
Mi pensas [inaudibles] estas unua tuj kovri la retejo HTML PHP stuff, antaŭ ol ni
movi al JavaScript.
Kaj en CS50, JavaScript estas konsiderata kiel kliento kodo.
Do nur gets kuri en la retumilo.
>> Sed danke al freŝaj antaŭas en teknologio, ni nun sukcesis kuri
Javascript kiel servilo tiel.
Do tio kreis vere malvarmeta kadro ĉar nun vi povas skribi
laŭleĝe la sama kodo la kliento kaj la servilo.
Kaj kiam vi difinas funkciojn en via servilo, kiun via kliento povas nomi tiujn
samajn funkciojn.
Kaj tio faras ĝin multe pli facila.
Dum antaŭe, se vi uzas PHP-on La servilo, Ĝavaskripton en la antaŭa parto
Fine, vi devas skribi PHP funkcio kaj tiam JavaScript versio de la
saman funkcion por fari la sama speco de laboro.
>> Do antaŭ ol ni komencos, mi deziras por montri al vi la demo de kio
Meteoro povas fari por vi.
Mi montros al vi la demo, kiu estas kio vi povos krei por la
fino de tiu seminario.
Ni nur iri ĝuste ĉi tie.
Tio ĉi estas Leaderboard programon.
Ĝi estas efektive bazita el la ekzemplo ke Meteor donas vi.
>> Meteoro estas tre bela ĉar kiam vi instalu ĝin kiel pakaĵon, vi povas
esence amuziĝu kun ĉi tiuj kvar donas.
Kaj la Leaderboard estas la unua de ĉi tiuj donas.
Post la seminario, mi instigas vin ĉiujn por simple esplori la alia donu
ĉar mi opinias ke ili estas vere malvarmeta, kaj ili montros al vi la potencon de meteoro.
>> Do kio tio estas, tio estas loĝigita en Leaderboard.
Tiu estas ĝuste sincere listo de nomoj.
Kaj vi povas elekti popolo.
Ili flaviĝas.
Kaj tiam vi povas doni ili kvin punktoj.
Kaj vi rimarkos ke la listo estas ordo ĉar kiel mi donas min pli
kaj pli da poentoj, mi estas nun ĉe la supro.
Do tiu estas kie ni komencu.
>> Kaj kion vi povos forpreni de tiu seminario estas kelkaj pli
trajtojn kiujn mi aldonis al la Leaderboard.
Ni estos kovrante kiel, tiel kiel aldoni kvin poentojn al unu ludanto, ni povas
delete ludantoj, ni povos aldoni novajn ludantojn, kaj ni povos elekti kiel ni volas
ordigi ilin.
Kaj ĉi tiuj ĉiuj estas tre facila API alvokoj ke Meteor provizas por vi.
Vi ankaux havas funkcion tien al randomize la interpunkciojn.
>> Do kio estas vere malvarmeta pri tiu Estas vi uloj povas reale
ĉiuj iru al la retejo.
Mi metos ĝin en pli granda teksto ĉi tie.
Unu-radikala-plumbo erboard.meteor.com.
Kaj kiam vi infanoj iru al la loko, vi devus povi ŝanĝi la lokon, kaj
ĉiuj viaj redaktoj estos videbla al ĉiuj aliaj.
Do vi povas - are you guys ĉiuj povis konektiĝi al la retejo?
Do ludi kun ĝi.
Iru kaj komenci viŝi iujn nomojn.
Vidu kio okazas.
>> Do vi vidas ĉiuj povas ludi.
Tiu estas ĝuste la defaŭlta sekureco mode por Meteor.
Vi vidas, ke ĉiuj povas ŝanĝi alies datumojn.
Ne maltrankviliĝu.
Meteoro ja havas sekurecon.
Tio estas tre facile realigeblaj karakteriza, kie vi povus agordi uzantoj
kaj logins.
Sed nun, iu kiu vizitas la retejo povas doni al si tiom da
antaŭ kiam ili volas.
Do mi ĉiam ŝatas tion, ĉar tio Estas amuza maniero por starti.
Kaj tiam ni nur parolas pri la detaloj, kiom
Meteoro ebligis tion.
>> Do mi tuj, por kovri kion Meteoro estas, kaj tiam ni nur bezonas kovri la
du antaŭkonojn ke CS50 ne kovris sufiĉas.
Sed la fino de la termino, vi devus esti komforta kun ambaŭ HTML kaj
Javascript por vere atingi viajn manojn dirty laborante kun Meteor.
Kaj mi kredas ke estas nur granda vojo por eĉ malpli komfortaj studentojn fari
fina projektoj ĉar ili povas vere resti en unu lingvo, kaj oni atingas
vidi la ŝanĝojn de iliaj labori tuj.
>> Do tiu diapozitivo montras nur kelkaj el la gravaj teknologioj kiuj Meteor JS
donas al vi.
Meteoro estas ne nova teknologio sur lia propra.
Estas vere konglomeraĵo de cxiuj tiuj malsamaj aĵoj
ni havas sur la interreto.
Tiel kiel HTML, CSS, JavaScript, ni havi iom da teknologioj kiel Node.js,
kiu estas kiu permesas al vi kuri Ĝavaskripton en la malantaŭa fino de via
servilo, tiel iuj JavaScript bibliotekoj, kiel jQuery, substreko.
>> Ĉiuj el tiuj estos konata al vi per la fino de la semestro.
Kaj ni ankaŭ preni uzi datenbazo nomita mongoDB, kiu estas vere
populara datumbazo nun por tiujn novajn novaj entreprenoj.
Vi povas pensi pri tio kiel kiel MySQL, sed Ĝi funkcias tre bone kun JavaScript.
Kaj tie estas kelkaj aliaj teknologioj tien kaj multaj plu Mi ne listigitaj
ke ĉiuj interfaco vere bele kun Meteor.
>> Mi devas meti ĉi slide ĉar kelkfoje mi ricevas konfuzo pri tio.
Meteoro estas nur JavaScript.
Ne estas PHP.
Ĝi ne estas Ruby on Rails.
Do se vi skribus kodo, se vi volas skribi Meteor projekto, vi vere
ne povas uzi Rubeno kodo.
Vi vere ne uzas PHP.
>> Dum ni vidos, ke la diferencoj en kodo kaj sintakso ne povus esti, ke
malsamaj, mi volas substreki, al vi, ke Meteoro, ĉio vi kodo
nur en JavaScript.
Kaj ĉion, kion vi montras al la uzanto estos HTML CSS.
Sed vi fakte ne uzante iun el la aliaj lingvoj, ke aliaj
seminarioj povus kovri.
Kio Meteor ankaŭ estas estas ttt-servilo.
Do eĉ se vi ne havas neniu Javascript, kaj vi nur volas servi
CSS kaj HTML dosieroj, Meteoro povas fari tion por vi.
>> Kaj jen la ligilo denove al la demo ke mi alvenis you guys
komencis ludi kun.
Sed ni pluiru al HTML.
Kiom da homoj ĉi tie havas nenian ideon kion HTML estas?
OK granda.
Kaj tio estas tute bone.
Vi vere ne bezonas scii multon pri ĉar ni iros trans la
uzado tre simple.
>> Ĉi tio estas kion la simpla HTML-paĝo aspektas.
Tio povas esti kiel via saluton, mondo por HTML, dum ni komencis en C kun
saluton, mondo.
Mi ne volas ke vi substrekas la detaloj de kio HTML, kion la kapo, kion
korpo, kion titolo faras tie.
Mi nur volas emfazi la strukturo, kiel vi havas etikedojn.
Kaj tio estas la angulo krampoj.
Kaj tio estas kie vi havas via descriptores.
>> Do vi povus havi la HTML dokumento.
Kaj tiam vi devos fermi la HTML dokumenton kun backslash samon.
Kaj vi havas malsamajn specojn de etikedoj.
Kaj rimarki ke ili ĉiuj kongruis.
Vi devos kiel korpo etikedon kaj poste proksiman korpo etikedo.
Kaj ene de la korpo etikedo, kiuj estos La enhavo de via retpaĝo.
Do tiu retpaĝo povus simple vidigi en blankan fonon kaj nigran teksto
saluton, mondo.
Ĉu tio sencas?
OK.
>> Nun mi iros kaj rapide kovri JavaScript.
En la vortoj de antaŭa TF, "JavaScript estas la plej bona programado
lingvo aktuale en ekzistado.
Aliaj homoj provos diri alie.
Ili eraras. "JavaScript estas bela agrabla, kaj mi montros al vi kial.
>> Do tio estas la klasika ekzemplo ni komencu kun en C. Ni havas saluton, mondo.
Kaj vi rimarkos ke eĉ se vi ŝrumpi ĝin, oni devas havi almenaŭ du
linioj de kodo tie.
Mi havas plurajn liniojn de kodo.
Ĉi tiu povas esti farita tre simple.
Unu linio en JavaScript kun console.log, kaj tiam via ĉeno,
saluton, mondo.
>> Nun, eĉ se ni movas al nova lingvo JavaScript, preskaŭ ĉiuj el la
lertecoj vi jam lernis per la kodigo en C estas rekte portebla.
Do kordoj, la ideo de kordoj en duoblaj citiloj, tiu estas la sama.
La punktokomo, tiu estas la sama.
>> A neat trajto pri JavaScript Fakte estas ke vi
ne bezonas la punktokomo.
Ĝi povas diveni ke vi devus meti punktokomo tie.
Sed tiu diris, vi devus ĉiam provi meti vian punktokomojn tie.
Ĝi estas konsiderata bona stilo.
Kaj ankaŭ, ke ne estas ĉefa funkcio.
Vi nur komenci ĉe la supro de la dosiero kaj legu tion linio por linio.
>> Tiam tio estas kio portas al fari ke saluton, mondo programo.
Kaj tiam rimarkos, ke vi devas fari saluton kaj poste ekzekuti saluton.
Kun JavaScript, ĝi estas konsiderata an interpretita lingvo.
Kion vi bezonas scii estas ke ne estas farado.
>> Ne estas kompili.
Vi nur kuri nodo.
Kaj memoru, nodo estas la programo kiu kuros via Ĝavaskripton en konzolo,
sur nigra skatolo, ne la paĝaro.
Do vi simple doni al ĝi la dosieron, kaj ĝi estas tuj printi saluton, mondo.
>> Mi efektive fari iom demo de ke por vi uloj rajtas tie.
Do ni transiru al mia Node.js terminalo.
OK.
Ni kopias ĉi tie.
Do mi tuj komencos nodo.
Kaj mi montros al vi uloj en nur a sec kiel akiri ke
instalita, se vi ne faras.
Permesu al mi fari tion ete pli granda.
OK.
Mi esperas ke vi uloj povas vidi.
>> Do mi povas skribi kodo kiel mi faris antaŭe en console.log.
Saluton, Roger.
Kaj rimarkos mi ne devos fari la punktokomo, sed tiam mi akiri ĉi bizara
nedifinita afero.
Nu vere, ne gravas pri la nedifinita afero.
Tion mi volas ke vi rimarkos, ke vi ne bezonas la ĉefa funkcio ĉi tie
komenci kuri kodo.
Kaj ne estas backslash fino.
Tie estas kelkaj iom trajtoj kiuj Javascript povas fari por vi.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Oh yeah.
Mi bedaŭras pri tio.
Kaj tio sago simple signifas nodon pretas por alia ordono.
Do vi povas havi ĝin faras simplan matematiko, kiel 1 plus 1.
Kaj ĝuste kiel en C, tiuj math simboloj estas tute sama.
Mi povas fari console.log de nombro.
Kaj poste presas du.
Javascript estas agrabla en tiu senco, ĉar kvankam du estas int,
kiel en C, se vi ne printf kun du, kiun vi ricevas eraron.
>> Sed JavaScript scias, ho, vi estas presi ion.
Mi tuj bezonas kordo.
Do lasu min konverti ke du en ĉenon por vi.
Kaj vi povas ankaŭ fari iujn strangajn aferojn kiel hi kaj tiam plus du.
Ĉi tio estas ĝuste alia ekzemplo de kiel du povas esti konvertita en tie ankaŭ.
>> Do kun tiu de la vojo, ni nur kovras iom pli da JavaScript.
Do en C, ni havas tipoj.
Ĉiam ni kreis novan variablon, ni devas diri ke estas estas char * aŭ
ŝnuro en la kazo CS50.
Aux se ni havis dekuma nombro, ni devis diri flosas.
Se ni bezonas Bulea, ni devis diri b.
Kaj poste iam ni havis iun kiu Estis b, tio devis resti bool.
Ni ne povis magie ŝanĝas ĝin al an int se ni ne skribis en la
krampoj, int de b.
>> En JavaScript, ne ekzistas tipoj.
Vi nur pensi pri tio kiel var.
Kaj var estas kiel vi krei novan tipon.
Do ĝi povas havi var s estante kordo, var n estante kaleŝego,
kaj var b estas vera.
Kaj unu afero, kiun vi ne povas fari en C estas Mi povas nun diri, post tiu linio, b
egalas entjero.
Kaj kiu funkcias ĝuste bone.
Dum en C, ĝi dirus kiel via entjero estas ne bool.
Mi ne povas fari tion por vi.
Aŭ [inaudibles] ĵetus eraro.
>> Kaj mi povas rapide reiri al nodo kaj montri iom de tiu funkciojn.
Do mi povas havi var a.
Nomu ĝin "Apple." Do nun, kiam mi presi, Mi prenos mian ĉenon, 'Apple'. Sed mi povas
ankaŭ nun diri egalas 3.
Kaj rimarki ke ne estas eraro.
Kaj nun egalas 3.
Demandojn ĝis nun?
Jes.
>> Spektantaro: Atendu, do console.log Estas esence printf, ĉu ne?
>> ROGER ZURAWICKI: Console.log Estas via printf.
>> Spektantaro: Dekstra.
Do kial se vi simple tajpu en ok aŭ [inaudibles], kio faras ke
[Inaudibles]?
>> ROGER ZURAWICKI: Ĝuste.
Do ĝi estas -
La aĵoj en verda gets presita ĉe la konzolo.
Kaj kion ni vidos proksima estas kiam ni movi al la retejo
paĝon, ni ne estos faranta -
Javascript estos havi HTML ŝablonon, kiun mi kovros la
Meteoro parto de la seminario.
Kaj tio estas kie vi povas diri: donu al mi La valoro de, kaj tio metos en
via retejo.
Ĉar ĉiu retumilo reale havas iom konzolo.
Kaj se vi rigardis atente, vi akirus kelkaj informoj, kiel via
printf'S aperi tie kun ĉiu retpaĝo vi ŝarĝas.
>> Spektantaro: Kiamaniere vi akiris al la konko ekrano?
>> ROGER ZURAWICKI: Do tie estas komando vokis nodo, kaj ĝi venas kun Meteor.
Do mi simple rezignis el tie.
Nodo estas la programo kiu kuras JavaScript.
Se vi iras al meteor.com, vi povas instali Meteoro, kaj
Meteoro venas kun nodo.
Ĉar Meteoro estas simple kolekto de cxiuj tiuj programaro pakoj.
Kiam ni atingos nian Ekzemple, mi volas marŝi ĉiuj tra instali
Meteoro, kaj tiam vi povas ludi kun nodo mem.
OK, granda.
>> Do alia granda trajto pri laborado kun JavaScript estas masxojn estas samaj.
Pli malpli precize la sama.
Por masxojn, dum masxojn, faru dum masxojn, se alie.
Estas ĉio la sama kun la krampoj.
Ĝi estas la sama sintakso.
En la kazo de a por ciklo, la eta detalo kiun vi devos pagi atenton
al ĝi anstataŭ int i egalas 0, ni devas diri var i egalas 0.
Sed tio estas pro la variabloj tipoj ke ni parolis pri antaŭe.
>> Rimarku ke la printf iĝas loglibro, a console.log.
Kaj ni ne bezonas fari la procento p backslash n kaj poste pasos en i.
Vi povas simple diri i.
Kaj tio estus presi la numeroj de nulo al kvar.
Se vi uloj volas provi ĉi tion, ĉar vi elkondukis bona punkto.
Se vi volis kuri tiun kodon en via propra retumilo, mi rekomendus ke
everybody malfermas Google Chrome.
Google Chrome aŭ ajna retumilo vere, sed mi ŝatas Google Chrome
ĉar ĝi estas tre normigita.
>> Vi povas iri al, mi kredas, se vi rajtas klaki sur ajnan retejo, nur en la
blanka spaco, vi vidos opcio vokis Esploru Elemento.
Ĝi estas kutime la lasta.
Kaj kiam vi klakos ĝin, vi devas akiri ion al la fundo aperas tie.
Lasu min zomi tie.
Kaj ni havas kelkajn langetoj tie.
Tiu, kiun vi zorgas pri estas konzolo.
>> Kaj ĉi tiu estas JavaScript konzolo ke vi povas nun funkcii per.
Granda.
Do mi povas tajpi en la sama ŝtofo Mi estis tajpado antaŭe en nodo.
Unu plus unu estas du.
Var a egalas "Apple".
Kaj tiam mi dirus presi, kaj estas 'Apple'.
Do, en ajna retumilo, Firefox, Chrome, Safari, kion ajn vi uzas, kiel
longe kiel vi havas aliron al JavaScript konzolon, la saman specon de
kodo mi kuris en nodo vin povas kuri en vian propran konzolo.
>> Spektantaro: [inaudibles]?
>> ROGER ZURAWICKI: Kiel atingi la konzolo?
Vi devas dekstre klaku sur malplena spaco sur la paĝo, kaj poste vi iros al
Inspekti Elemento.
Do fakte, mi ŝatus you guys por simple certigi vi povas
Inspekti Elemento en Chrome.
Kaj rigardu, kiam vi tajpas en iu kodon en la konzolo
ke ŝi kuras konvene.
Sentu libere demandu demandojn se io ne estas klara tie.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Ajna tipo, dekstre.
Ekzistas nur unu tipo por ĉiuj variabloj en JavaScript.
Kaj kiam vi havas por deklari variablo, vi diras var.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Jes.
Ĝi faras, sed en JavaScript, tio estas tre smart pri atribuo memoro.
Ne estas malloc.
Ne estas libera.
Do vi ne bezonas zorgi pri tio.
Tio estas alia bela trajto, ke Javascript provizas vin.
>> Do mi ŝatus pluveturi.
Ĉu tio estos OK?
OK.
Granda.
>> Spektantaro: mi simple havas problemojn trovanta la [? Inspekti Elemento. ?]
>> ROGER ZURAWICKI: Do Safari rigardojn iom diferencas, sed cxu vi
havi Chrome aŭ Firefox?
Tiuj estas la pli facila ones labori.
Kaj por viaj projektoj, mi rekomendas bati per unu retumilo ĉar
vi ricevos multe de cimoj preskaŭ ĉar ĉiu retumilo dolĉaĵoj
Javascript HTML iom malsame.
Do mi pensas, ke via vivo estos multe facila se vi algluita al Chrome ĉar
ĝi estas disponebla en ĉiuj maŝinoj.
Kaj ĝi estas bela populara retumilo.
OK?
>> Do la postan temon, ke ni devus kovri en JavaScript -
Mi bedaŭras pri la formatado tie.
Mi devis tiri la diapozitivoj parigi la larĝekrana projekciilo.
Sed mi nun ŝatas paroli pri kiel vi faras funkcioj.
En C, ni devas deklari ĉiu funkcio.
Kiel int aldoni, kaj gxi prenas int en x, kaj int y, kaj poste ni aldonos ilin
kaj revenas ĝi.
>> En JavaScript, funkcioj estas reale alia variablo tipo.
Do ni simple diru var aldoni, kaj ĝi egalas funkcio.
Funkcio kiu prenas x kaj y.
Kaj kion faras tiu funkcio faras?
Ĝi redonas x plus y en la ĝusta sama sintakso kiel en C. Tiam vi rimarkos, ke en
Javascript, vi ne povis nombri, kion la funkcio redonas ĉar ekde
variabloj ne havas tipoj ĉiukaze, ĝi ĝi ne estas vere produktiva, mi supozas,
esti preciziganta vian tutan tipoj en via funkcioj.
Kaj poste, kiam vi nomas funkcio, ĝi estas la ĝusta sama sintakso kiel C. Vi
nur pasas en via du argumentojn.
Mi ŝatus provi tion en mia nodo.
Ĉu mi povas ŝanĝi la glito?
>> Spektantaro: [inaudibles].
Ĉu ni ricevas kopion de la diapozitivoj?
>> ROGER ZURAWICKI: Jes.
Do ni revenu al la nodo.
OK.
Do mi devos diri var add egalas funkcio.
Prenante x, prenante y.
Kaj tiam sciu, ke la aserto estas ne estas finita.
Do en nodo aŭ en via konzolo, vi rimarkos dot dot dot.
Do vi povas konservi tajpi vian kodon.
Kaj nun mi diros reveno x plus y.
Kaj poste fermi la krampoj.
Kaj la momento mi fermos la krampoj, ĝi vidas ke la aserto estas finita.
>> Kaj nun mi povas diri aldoni unu kaj du.
Kaj mi ricevos tri eksteren.
Notu ke se mi simple aldoni, ke diras mi, ĝi estas funkcio.
Kaj unu afero nur atenti estas se vi donos la malgxusta nombro de
argumentojn, ĝi faros.
Ĝi funkcios, sed vi povus akiri iuj vere stranga rezultojn.
Speco de kiel rubon valoro, vi povas pensi pri ĝi.
Do bonvolu iri antaŭen kaj provi tio en viaj foliumiloj.
>> OK, do en la intereso de tempo, mi nun pluiru al la sekvanta trajtojn
Javascript.
Do ni jam parolis pri funkcioj.
Ni parolis pri bukloj, se asertojn tro.
La sintakso estas la sama kiel C kaj variabloj.
Kaj nun mi volas paroli pri matricoj.
Mi bedaŭras ke la diapozitivoj got iom ekstermita.
Sed fakte, en la unua sekcio, ĉio vi bezonos laboros.
>> Do ni havas alian tipon por variabloj nomata arrays.
Kaj ni uzu kvadrataj krampoj signifi ilin.
Do en la unua ekzemplo, var Arr, malplena tabelo.
Tiu estas la malplenan liston, do tabelo enhavanta neniun elementoj.
Kaj vi povas ankaŭ havi tabelo kun tri kordoj.
En C, ĉiu ero en via tabelo devis esti la sama tipo.
>> Sed ĉar en JavaScript estas nur unu tipo, arrays povas reale
havas malsamajn tipojn de valoroj.
Kiel ĉi tie, ni havas tabelo kun kaleŝego, a bool, kaj int.
La vojo vi ricevas longecon de tabelo, vi fakte ne devas uzi grandeco de
aŭ nenion.
Vi nur diru tabelo kaj tiam dot longa.
Kaj tion dot longo, vi povas pensi pri Ĝi ia ŝatas struct, kiel ĉiu
tabelo havas kampon, ekstra variablo interne de ĝi nomas longo, kiun
gardas la spuro de kiom longe via tabelo estas.
>> Do mi simple rapide tuj iri en nodo kaj show you guys la saman aferon.
Do mi povas havi tabelon.
Ĝi povas esti la malplena listo.
Kaj ĝi presos mi apogi malplenan liston.
Granda.
Mi povas nun diri ke la tabelo havas 1, kaj 2,3, kaj vera.
Do ĉiuj malsamaj tipoj.
Kaj vi rimarkos funkcias nur fajna.
La tabelo mi reiri apogoj ĉiuj valoroj mi donis ĝin.
>> Se mi volis akiri la unua elemento de la tabelo, la sintakso estas reale
la sama kiel en C. Vi povas diri tabelo nulo.
Kaj vi ricevas unu.
Mi povas diri la saman por tabelo du, kaj mi alvenas vera.
Se mi faras ion ekster la tabelo, Javascript estas sekura lingvo
ĉar mi ne ricevos seg kulpo.
Mi ricevos nedefinita.
>> Kaj tiu nedifinita, vi povas speco de opinias pri ĝi kiel nula.
Sed ĝi povas esti vere ĝena kiam vi kodo ĉar vi devos kontroli, ke
preskaŭ ĉion, kion vi faras, vi labori kun estas nedefinita.
Kaj ni vidos kelkajn ekzemplojn de tion kiam ni laboras en Meteor.
>> Kvankam tabelo kvar estas nedefinata, Mi povas asigni al ĝi valoron.
Do mi devos diri ĝi egalas unu.
Kaj tiam se mi iras al tabelo, mi havi la ekstran valoron tie.
Kaj rimarki ke tabelo tri, kiu ankaŭ estis nedifinita, restas necerta.
Do mi nun havas tabelo kun truo en la mezo.
Sed se mi presita tabelo kvar, Mi akirus tiu.
Se mi faris tabelo tri, I get nedefinita.
>> Do la bela trajto ke JavaScript ebligas al vi fari estas, ke lertaj povas
ŝanĝi grandecon.
Arrays, arrays estante lertaj, ili ŝanĝas grandeco.
Kaj vi povas specifi ajnan situo interne de ili.
Kaj ĉiuj breĉoj estos plena kun tiuj nedefinita valoroj.
>> Do ni jam parolis pri arrays.
Nun, la lasta afero mi volas kovri en Javascript, kaj tio estas tre grava
por kompreni la kodo kiun Mi montros al vi,
tuj estos celoj.
Kaj celoj estas termino en -
esence, ili trovigxas en multaj programlingvoj.
Kaj ĉiu programlingvo ŝatas pensi pri ilin iom malsame.
>> Sed mi pensas por Meteoro, bona Analogio estas la C struct.
En C, se ni volas trovi la struct studento, ni devus specifi ĉiujn
aferojn interne de ĝi.
Do ĝi devas havi nomon.
Ĝi devas havi unu jaro.
Ĝi devas havi sekson.
Sed ni ankaŭ devos doni al ĝi la tipoj de ĉiuj tiuj aferoj.
>> Kaj nun ke ni havas ĉi muldilo por la struct nomata studento, ni povas havi
nova struct, kaj tiam ni povas permane diri, kio ĉiu el la kampoj estas.
Kaj tio estas kie ni uzas punkton nomo, dot jaro, ĝi pentras genra.
Kaj tiam ni ĵus, en la lasta linio de kodo cxi tie, mi simple impreso el la
nomo de la struct studento.
>> En la Javascript mondo, ekzistas ekzistas tia afero kiel struct studento.
Vi ne generas malpostagordita strukturo.
Vi vere justa, en tiuj krampoj, vi diras, kion ĉiu estas.
Kaj temas pri tiu ĉi bizara skribmaniero kun la dupunkto kaj tiam la komon, sed vi devos
alkutimiĝi al ĝi sufiĉe baldaŭ.
>> Kaj estas vere vere facila, fleksebla maniero de simple
manipulanta celoj.
Vi rimarkos, ke se mi volas nun ek nomon de s, mi nur faru s.name.
Ĉu ekzistas ia demandojn pri tio?
Ĉi tio kutime estis tre konfuza temo kiam ni enkondukas homojn
Javascript.
Mi faros kelkajn ekzemplojn de tio en nodo.
Jes?
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Do ĉu vi havas ekzemplon, multnombra
variabloj de tiu tipo.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: okej.
Do mi supozas ke la vojo vi irus cxirkaux trovas vi metus objektoj en tabelo,
kaj nun vi devos havi tabelo de objektoj.
Ĉu tio respondas vian demandon?
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Jes.
S estas unu objekto.
Do ni povas iri en la nodo kaj justa amuziĝu iomete.
>> Spektantaro: [inaudibles]?
>> ROGER ZURAWICKI: Ho, okej.
Do, se vi demandas kion klasoj estas, klasoj estas traktita tre malsame,
kaj ili havas vere strangajn skemo vokis prototipado, kion vi ne faru
bezonas scii pri.
Ne estas fiksita maniero por fari ĝin.
Do se vi volas generi multnombraj, vi estus nur ia havas funkcion
aŭ io.
Vi generi via propra funkcio.
Kaj vi revenus objekto.
Tio estus la plej facila maniero por fari ĝin.
Ĉu tio havas sencon?
OK.
Granda.
Do iam ni havas komprenon de Javascript celoj, ili estas -
ho, jes.
>> Spektantaro: [inaudibles]
Ekzemple, kio estas la diferenco inter "Roger" kun duoblaj citiloj kontre
[Inaudibles] per simplaj citiloj.
>> ROGER ZURAWICKI: okej.
Do tiu estas en C, oni havas la sola citaĵoj reprezenti signoj, kaj duobligu
citaĵoj reprezenti kordoj.
Javascript efektive ĵetas ĉi for ĉar vi povas havi kordojn per
sola aŭ citiloj, kaj tie estas ekzistas tia afero kiel simpla char.
Sed se vi simple kopiis la saman C-kodo, JavaScript farus
trakti ĝin ĝuste fajna.
Tial mi traktis kiel -
Pro tio mi povas laŭvorte haveno La kodo en tiu senco.
>> Kaj mi volas montri al vi ekzemplon de pli komplikaj objekto.
Do vi povas rimarki ke unu objekto povas havi kordoj kiel valoroj.
Ĝi povas havi alian listo de valoroj.
Ĝi povus havi liston de celoj kiel valoroj.
Tie vere estas nenia limo al ĉi tio.
Do ĉi tie, estas nur bona pruvo pri kiel vi povas akiri multe
malsamaj tipoj antauxenirinte ĉiuj en unu objekto.
Ĉu tio havas sencon?
>> Nun, vi ankaŭ povas havi arrays de objektoj.
Kaj ĉi tie estas speco de simila al tio, kion vi demandis, se vi povas havi celojn de
la sama tipo.
Sed la problemo estas, ne estas fiksa formato por objektoj en JavaScript.
Do vi devas entajpi ilin mem.
Kaj vi devas certigi, ke ili estas uniformaj.
Do jen, kiam mi kreas objekton, mi havas por certiĝi, ke ĉiu havas
nomon, kaj ĉiu havas domon.
>> Kaj tiam mi havas tabelo de tiuj, kaj kiu povas esti mia dometo.
Kaj tiam tie vi povas speco de vidi la buklo okazas.
La buklo estas nur vere komuna vojo tra super tabelo
en JavaScript.
Rimarku ke tiu ŝablono estas tre simila al la C ekvivalentaj, kie vi
havi int i egalas nulo. i estas malpli ol la longeco.
Kaj tiam i plus plus.
>> Estas preskaŭ la sama kodo, krom kelkaj detaloj.
Do ne ĉiuj komprenos kio estas objekto?
Nur pensu pri tio kiel C struct.
Kaj la vojon vi aliri la kampoj Estas ĝuste kun la skalara.
Kaj tiel longe, kiel vi memoras, kiel al uzi la skalara, vi estos pura.
>> OK, do nun povas everybody legu tiun ligilon?
Jen la ligilo al la projekto.
Ĉu iu havas problemojn vidante la ligilon?
OK, ni ŝanĝos ĝin tiam.
Ĝi ne estas -
Jes, tio estas probable la plej facila maniero por fari ĝin.
Granda.
>> Do, se vi iros al tiu loko, tie devus esti kelkaj instrukcioj ke mi
transiru je kiom ni povas instali Meteor kaj akiri niajn specimeno projekto kurado.
Mi volas certigi al ĉiuj havas la ligilo malsupren antaux mi movi.
Ĉu mi povas pluiri?
OK, granda.
>> Do ĉi tie mi estas ĉe la retejo.
Vi rimarkos en README dosiero, Ni havas kelkajn instrukciojn pri kiel
al get a starigis.
Vi devas esti aux en la CS50 aparato aŭ nur sur Mac.
Vindozo ne funkcios.
Sed esence io, kio ne estas Windows devus labori kun tiuj
instrukcioj nur fajna.
Sed mi povas fari ĝin iom granda kiel puto.
>> Do vi devos lanĉi la unuan Paro da ordonoj.
Tiuj infanoj simple instalu Meteor.
Mi povas iri en mian terminalon.
Kaj se mi kuros al la sama afero nun, Mi jam havas ĝin instalita.
Do estas iom mallonga.
Eble iom pli longa cxar vi uloj.
Sed mi volas unue certiĝu ke ni devas Meteor kurado.
Post Meteoro estas instalita, vi devus povos atingi nodon en la konzolo.
>> Spektantaro: Ili demandas pri la pasvorto.
>> ROGER ZURAWICKI: Tio estus via uzanto pasvorto, se vi estas en Mac.
Ĝi apenaŭ bezonas permeson modifi iun sistemon dosierojn.
Do la demando estis, se ĝi petas vin pro pasvorto, ĝi estas simple petante vin
por via salutnomo pasvorton kiam vi ensalutas en vian Mac.
Kaj tio estas tiel, ke vi povas ŝanĝi sistemo dosieroj.
>> Kaj kiam vi estas preta, vi povas movi sur al la sekva paŝo, kiun kopios la
specimeno kodo mi havas de la retejo.
Kaj vi akiros novan dosierujon en via hejmen dosierujo nomita leaderboard, kaj
Ni povas komenci labori de tie.
Do mi simple kopii kaj alglui ĉi tiujn ordonas en mian terminalon.
Kaj por mi, mi jam klonita tio.
Do mi povas nur nun movas en leaderboard.
Kaj mi havas kelkajn dosierojn tie.
Demandojn?
>> Spektantaro: [inaudibles] ne funkcias.
>> ROGER ZURAWICKI: Ho, vi eble bezonas git instalitaj tiel.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Pardonu?
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Ho, okej.
OK.
Tio estas ĉar vi eble bezonas esti ensalutinta por GitHub akiri tiun ligilon.
Se vi uloj povas vidi ke, la plej facila maniero por fari tion mi estus tiam diri estas
elŝuti la zip.
Kaj tio estos nur elŝuti ĉiuj dosieroj.
Kaj tiam tuj vi metis ĝin en via elŝuti aŭ via hejma dosierujo -
Mi rekomendas meti ĝin en vian hejmen dosierujo tiel ĉiuj povas
kuru la saman komandoj.
Tiel longe kiel ni havas la dosierojn, ni volas povos komenci labori kun ili.
Lasu min scii se la homo estas havanta problemojn elŝuti la dosierojn.
>> Spektantaro: By home dosierujo, vi volas diri -
>> ROGER ZURAWICKI: Do hejman dosierujon farus esti John Harvard, se vi estas en
la CS50 aparaton.
Por ricevi al via hejma dosierujo, nur tajpi en C.
>> Spektantaro: [inaudibles]
CS50 aparato [inaudibles].
>> ROGER ZURAWICKI: Jes.
Vi volas ruli la komandoj en via terminalo.
>> Spektantaro: [inaudibles].
Mi ricevis eraron kiu diras ne tia dosiero aŭ dosierujo.
>> ROGER ZURAWICKI: Ni povas preni rapidajn rompi kaj nur por certigi ke
ĉiu havas Meteor instalita, kaj mi nur iri provi helpi popolon el.
Bonvolu provi helpi unu la alian, se ke vi uzas en problemoj.
Pardonu, jes.
Ĉu vi estas tiel en la aparaton?
>> Spektantaro: Jes.
Mi havas la risa
>> ROGER ZURAWICKI: okej.
Se vi reiri al la paĝo, iri rulumu supren al la supro.
Kaj tie estas tio HTTPS.
>> Spektantaro: Kopiu ĉi?
>> ROGER ZURAWICKI: Jes.
Kaj tiam vi volas tajpi en git klono.
Do, se vi alklakos Kontrolo A -
>> Spektantaro: Ĉi tie?
Kaj faru [inaudibles]?
>> ROGER ZURAWICKI: G-I-T.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: GIT kaj tiam kloni.
Do ĝi estas tre simila al la komando vi havis supre, sed la retadreso ŝanĝiĝis.
Do antaŭ ol ĝi estis tio, nun ĝi estas tio.
Permesu al mi ĝisdatigos la -
yeah.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Tiu estas malŝarĝita.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Oh, tiom ĝi ne kloni korekte.
Mi korektos tion.
Tie estas eraro kun provi elŝuti la dosierojn.
Permesu al mi ĝisdatigos la komandon por vi infanoj do mi povas certigi, ke ĝi funkcios.
Mi bedaŭras pri tio.
Ĝi devus esti la samaj por Mac aŭ CS50 aparaton.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Mi jam ĝisdatigis la komandon por la numero du, se
vi refreŝigi la paĝon.
Kaj kun tio, URL, vi devas esti povi elŝuti la dosierojn.
>> Spektantaro: Do ​​se ni estos ankoraŭ elŝutante [inaudibles].
>> ROGER ZURAWICKI: Se vi estas ankoraŭ elŝutante Meteor?
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Jes, se vi volas evoluigi en nia Mac.
Sed vi bezonos la Xcode developer iloj instalita.
Mi jam provis tiujn komandojn sur la CS50 aparato, do mi povas garantii
ke tio funkcios.
Jes. permesu al mi iri kaj helpi vin.
>> Spektantaro: [inaudibles].
Mi donas mian pasvorton.
Ĉi tio estas Mac.
Kaj tiam mi faras [inaudibles].
>> ROGER ZURAWICKI: okej.
Mi provus kurante cxiujn ordonojn nur en la CS50 aparato terminalo.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: mi postulu gxin laborante unue sur la terminalo, sur la
CS50 aparaton, kaj poste Mac terminalo.
>> Spektantaro: Do, se vi faros tion sur la CS50 aparato simila al tiu, [inaudibles].
>> ROGER ZURAWICKI: Mi volus movi on, sed se la homoj ankoraŭ devi
problemojn starigadon Meteoro, Kevin estas pli ol feliĉaj helpi vin knaboj eliris,
Kevin en la griza ĉemizo.
Kion ni havas estas ni tuj ruli la lasta komando, numero tri, en
nia fina.
Kiam ni faras tion, ni kuros Meteor.
>> Kaj vi devas -
ho, mi jam havas Meteor kurado.
Do ĝi ne estas tuj lasu - lasu min nur fermi miajn aliajn Meteor.
Kiam mi kuras Meteoro, vi nun devus vidi, ke -
Vi devus vidi la aktualan dosierujon ke ĝi estas utili.
Kaj nun ĝi estas dironta la servilo ruliĝas sur http://localhost.
Tio estas la URL kiun vi volas meti in en via retumilo.
>> Kaj en tiu retadreso, vi devus povi aliri belan leaderboard.
Do rimarki ke tiu estas ĉe localhost, kiu signifas ke se vi faros neniun
ŝanĝojn, vi ne iras al vidi alies ŝanĝojn.
Dum en la paĝo mi montris al vi komence, ni povus akiri
ĉies ŝanĝojn ĉar ĉiuj Estis alirante la sama paĝaro.
>> Do mi simple iru al [? vorto?]
3000.
Do vi devus povi nur konfirmi ke la funcionalidad funkcias.
Vi povas elekti diversajn homojn, kaj vi povas doni al ili malsamajn punktojn.
Do mi donos iun punktoj.
Vi ankaŭ povas vidi ke ili levas en rango.
>> Nun, en la intereso de la tempo, tie Estas tri karakterizaĵoj ke mi havas
efektivigitaj.
Kaj ni tuj apliki forigo uzantoj kiel nia unua trajto.
Sed antaŭ ol ni pluiru, estas estas ia demandoj?
Vi havis vian manon supren.
Jes?
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Cxu vi povas kontroli ke Meteoro estas instalita?
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Loka gastiganto 3.000?
Kaj vi estas en la CS50 aparaton?
Mi povas fari -
vi ne devas esti sur Mac.
Tio funkcias en la aparaton.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: En la normalan retumilo, jes.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Is Meteor kurado?
Do bone, ekzistas distingo tie.
Se vi uzas ĝin en la aparato, vi devas fari
localhost ene de la aparato.
Se vi uzas ĝin en via Mac, kiel mi estas, tiam mi povas fari
mia Mac Google Chrome.
Sed se vi uzas la CS50 aparaton, vi devas fari ĉion
en la aparaton.
Do vi devas uzi Google Chrome en la aparaton.
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Estas ankoraŭ ne funkcias?
>> Spektantaro: [inaudibles].
>> ROGER ZURAWICKI: Do nur ripeti, kiel vi aliri la retejo nun.
Vi havas adreson ĉi tie sur localhost 3000.
Se vi estas en la CS50 aparaton, vi devas malfermi CS50
aparato de Google Chrome.
Kaj en tiu de Google Chrome ene de la aparato, vi povas tajpi en tiu retadreso:
kaj vi devus vidi leaderboard.
Do mi iros nur metis ĝin al la flanko tie iomete.
Kaj nun mi iras por malfermi mian tekstoredaktilo super tie.
Do lasu min nur por certigi ke La kodo estas en ordo.
OK.
Granda.
>> Mi ŝatus nun trairu La kodo iom.
Kaj la unua dosiero mi ŝatus komenci kun estas leaderboard.html.
Vi povos akiri tiun kodon post la seminario, do mi nur volas montri
vi en mia komputilo, kio okazas.
Do mi esperas ke ĉiuj povas vidi ĉi tion.
Do je la komenco de la dosiero, ni havas nian kapon kaj la titolon, kiun
Estas simila al kion ni vidis en ĉiun HTML dokumento.
Kaj tiam ni tuj havos la korpo tag tie.
>> Kion mi selektis estas la ĉefa korpo, esence kio estas
tuj get montritaj.
Sed estas iu nova ne-HTML aferojn, kaj tio estas en la
duobla angulajn krampojn.
Kaj jen estas ŝablono etikedojn.
Do vi vidos tie ĉi krampo krampo nova leaderboard.
Kaj tio estas speco de - pensi pri tio kiel nomi funkcion por HTML.
>> Tiu estas speciala versio de HTML.
Ĝi estas la versio kiun Meteor uzas, kiujn Tial vi povas vidigi malsamajn
aferojn, kiaj la leaderboard nomoj kaj butonoj.
Sed leaderboard diras ke vi iru al la ŝablonon kun la nomo leaderboard.
Do ŝablono ne get montrata per mem, sed ĝi estas funkcio, do ĝi
estos get nomata.
Kaj vi devos anstataŭigi en ĉiuj ĉi kodo ĝuste ĉi tie en leaderboard.
>> La interesa parto de leaderboard ĉi tie estas ĝuste ĉi tiu tablo.
Se vi nur legis gxin, legu ĉi kodo laŭte, ĝi devus esti intuicia
ĉar leaderboard, ĉiuj ni havas ĉi tie estas tabulo.
Ĉi ID klaso stuff vi ne bezonas zorgi pri.
Nur scias, ke tie estas tabelo kaplinion.
Tio estas tio thead.
>> Kaj ĝi trovas nomon kaj interpunkcio.
Ĉiuj ĉi tiuj etikedoj, kiel thtable, thead, vi simple lernas kiel vi iru kune.
Ĝi ne estas grave ke vi enmemorigas ĉi tiuj, ĉar vi povas simple aliri ajna
referenci rete.
Aux per la fino de la semestro, tiuj Mi nur estas tre familiara kun vi.
>> Post la kaplinion de la tabelo, la parto, kiun mi volas atentigi vin
atento estas ĉi h etikedo.
Ĉar ĝi estas en duoblaj krampoj, ĝi estas ŝablono.
Do tio signifas por ĉiu el la ludantoj, kion ajn ludantoj estas, ni devas
vidigi ĝin.
Kaj ni iru al la ludanto ŝablono.
>> Se ni rulumu malsupren iom pli -
Mi esperas ke ĉiuj povas vidi tion.
Ni havas la ludanto ŝablono.
Kaj ĉi tiu ŝablono esence difinas tablo ĉelo, kie vi metis en la nomo
ĉi tie kaj la partituro.
Proksimigo nun, ni povas vidi ke tio chunk de kodo -
kaj tio estis nia ludanto tie malsupre -
difinas unu el tiuj ĉeloj.
Ĉiu afero, kiun mi klakas iĝas flava.
>> Simpla maniero mi povus ŝanĝi ĝin nun.
Certiĝu Meteoro estas ankoraŭ funkcianta.
Meteoro estu servanto procezo, do vi simple lasi ĝin
kurante kiam vi evoluinta.
Diru Mi volis ŝanĝi ĉiuj nomoj aŭ la partituro.
Kaj mi dirus Mi iras aldoni punktoj tie.
Do la ŝanĝo mi faris tie estis, anstataŭ ĝuste partituron, mi
aldoni partituro spaco punktoj.
>> Mi iras al malzomi, kaj mi estas iri savi mian dosieron.
Kaj poste mi savos mian dosieron, mi bezonas por certiĝi Meteoro estas kuranta.
Pardonu pri tio.
Mi volas montri al vi redaktetojn estis faritaj en reala tempo.
Do mi nur ŝanĝos iun tekston.
Klaku ludanto.
Mi metis ĝin en ĉiuj ĉapojn.
Kaj ĝi devas esti, ke se tiu laboras konvene, kiam mi savos ŝin,
devus aktualigi.
>> Ho, mi pensas ĝuste nun la problemo estas Mi ne estas en la dekstra dosierujo.
OK.
Mi bedaŭras pri tio.
Do jen, kion vi rimarkos estas mia ŝanĝo trapasis.
Nun diru mi volas restarigi la ŝanĝon.
Mi volas reiri al kion mi havis.
Mi simple tuj tajpi ĝin normale.
Klaku ludanto.
>> La momento mi savos ĝin, la retejo refreŝigas por mi.
Kaj mi vidas mian ŝanĝo sur la ejo tuj.
Tiu estas vere utila trajto en debugging ĉar nun
Mi ne devas -
Kiam ni skribas C kodo, ne nur faris nin devas konservi la dosieron, sed ni devis
fari ĝin kaj poste ruli ĝin denove.
Meteoro estas tre bela ĉar kontraste kun C, la momento vi savu vian HTML aŭ
Javascript-dosiero, la ŝanĝo aperas tuj.
>> Unu demando estas, en ĉi tiuj ŝablonoj, kiom mi ricevas la valorojn kiel ludantoj
aŭ elektu nomon?
Se mi zomi tie en mian kodo, Mi vidas tion por ĉiu ludantoj.
Do la ŝablono scias ke Mi havas ludantoj iel.
Kaj sciu, ke ekzistas elektitan nomon.
Kie tio estas?
Kiu venas de la Javascript.
>> Kaj se vi iros al leaderboard.js, tiu dosiero, nun kiam mi iros tien, ni havi
kelkaj komandoj difinita.
Tiu estas speciala Meteor sintakso.
Rimarku, ke oni ne bezonas vars aŭ nenion.
Sed ĉi tiuj estas nur structs sur structs sur structs aŭ tiuj celoj.
Kaj cxiuj Mi difinanta estas la ŝablono vokis leaderboard.
>> Leaderboard devus preni afero nomata ludantoj.
Kaj kio estas ludantojn?
Ĝi estas kio ajn tiu esprimo revenas.
Kaj kio estas elektita nomo?
Ĝi estas iom pli kodo.
La detaloj de la kodo Ni kovri iom poste.
Sed nun mi volas ke vi komprenu ke en tiu kodo, ni prenas
ludantoj, kaj ni donas al ĝi valoron.
En ĉi tiu kazo, estas funkcio ke gets ekzekutita.
Do ni povas atingi la valoron reen kiam ni kuras la funkcio.
Ĉi tio estas loglibro.
Ĉu tio havas sencon?
>> Mi povas ŝanĝi la maniero ĝi estas ordigitaj.
Ĉi tie, tie estas ia objekto.
Kaj kion tio diras estas Mi tuj ordigi per partituro malsuprenirantaj unua kaj
tiam nomi suprenirante.
Se mi ŝanĝos ĉi tion al unu, tio okazas ordigi partituro suprenira.
Do nulo devus esti je la supro.
Kaj kiam mi zomi en mian TTT-ejo, ni nun vidas, ke la retejo ĝisdatigita.
Kaj la poentoj estas suprenirantan.
>> La sekva funkcio Mi volas nur kovri estas klako pliigo.
El la intereso de la tempo: Mi ne volas povi kovri pli de la Meteor
kodo, sed ekzistas multe da rimedoj disponebla, kaj mi estos
tien post la seminario.
Sed mi nur volas kovri la leaderboard eventoj.
Tiu sintakso vi devos lerni iom poste en la prelego.
Ĉi tio estas JavaScript.
>> Ni nur diras, kiam ni atingos clic, kaj ĝi estas sur la pliigo, tiu
hash simple signifas ID.
Sur la pliigo ID etikedon, do ni volas ĝisdatigi - la ŝlosilaj vortoj Mi deziras al vi
rigardi estas ĝisdatigo kaj selektu kaj ludanto.
Do ajn ludanto selektita, Ni ĝisdatigos ĝin.
Kaj kion ni faros estas ni pliigo lia partituro per kvin.
Kaj tio estos priskribi la funcionalidad ni havas ĉi tie.
>> Post la fino de ĉi seminario, ni povos vidi iom pli da kodo.
Sed irante reen al mia celo, kiun mi volas ŝanĝi la lokon, mi volis ĉi tie
aldoni Elpreni butono tiom Mi povas forviŝi la ludanto.
Do fari tion, mi bezonas fari du aĵojn.
Mi bezonas ĝisdatigi la HTML, ĝisdatigi la rigardi, kio gets montrata al la uzanto, kaj
do havas iom JavaScript ke kiam la butono estas premata, Meteoro tuj
fari ion.
Ĝi tuj forigi tiu ludanto.
>> Do tie estas multe da pecoj de kodo kiuj havas esence jam
estis farita por mi.
Se mi rigardas tien, mi jam havas vojon de iĝi la elektitan ludanto.
Tio estas tio stuff, se vi povas vidi gxin.
Do, se mi ĝuste -
Mi tuj havos alian eventon.
Do mi tuj kopii, kion mi havas.
Ĉar ĉi tiu listo, Mi nur bezonas komo.
>> Do nun mi iros al klaku forviŝi.
Kaj tiam anstataŭ ludantoj ĝisdatigo: Mi tuj faros ludantoj forviŝi.
Kaj ĉiuj ludantoj delete bezonoj estas selektitaj ludanto.
Do tiu funkcio estas ĉio ni bezonas.
Mi bezonas aldoni iom HTML kvankam.
Do se mi rulumas malsupren tie, tio estas la HTML vido.
Ni havis aferon ĉi tie, kiu estis kun etikedo.
Vi ne bezonas zorgi pri tio.
>> Kio aferojn al vi estas ĉi ID pliigo.
Kaj jen estas, kion ni permesis diri, kiam ni klakis pliigo, ni devas
doni kvin punktoj.
Kaj vi vidos, ke tio estas butono.
Tio estas kion la BTN signifas.
Kaj la tekston en la butonon estas doni kvin punktoj.
Do kion mi tuj faros estas mi tuj kopii tiun linion.
Mi tuj ŝanĝos la ID forviŝi.
Kaj mi tuj ŝanĝas la tekston tie por forviŝi.
>> Do certigu ĉio savitaj.
Mi volas reiri al mia JavaScript por certiĝi, ke mi devas
delete vicatendis tie.
Bona.
Do mi tuj savos dosierojn.
Post konservado ambaŭ dosieroj, ni povas reiri al la fundo.
Kaj nun ni vidas ni havas a delete butonon.
Kaj unu pli paŝon.
Vi rimarkos vi povus akiri eraro ĉar kiam mi premas
forigi, nenio okazas.
>> Maniero elpurigi ĉi estas iri reen al inspekti Elemento.
Mi faras ĉi intence tiel vi povas vidi kiel vi devus elpurigi ion.
En Esploru Elemento, ni havi ĉiuj niaj teksto cxi tie.
Mi volas reiri al la konzolo.
Kaj kio okazas, kiam mi iros tien Estas I get ia eraro.
Ĝi diras ke ne estas metodo forigi.
>> Do kio estas tiu estas diranta estas kiam mi veturas reen al la kodo, mi alvokis ludanto
forviŝi ĉi tie.
Delete fakte ne dekstre komando.
Do por eltrovi, kion la dekstra komando estas, ne estas la Meteor API.
La dokumentaro Mi volas atentigi vin knaboj al estas ĝuste ĉe meteor.com.
Do mi havas ĝin ĉi tie.
Tiu estas nur tiom vi uloj konas kie lerni plu.
>> Estas ligilo por la dokumentado.
Kaj esence, mi povas nur do trovi por delete.
Kaj kion vi vidas, forviŝi Estas vere forigi.
Tio estas la ordono, ke Mi bezonas nomi.
Do nun ni scias tion, mi tuj ŝanĝi ĉi delete forigi.
Do nun, kiam mi reiros al mia leaderboard ejo, mi tuj klaku
forigi, kaj nun mia foresto rekompence.
Ne estas pli Roger.
Kaj mi povas plu iri viŝi ĉiun sola nomo ĝis mi havas nenion lasis.
>> Do, kiu estis iom antaŭvido pri kiel uzi Meteor.
Vi estos lerni multon pli JavaScript kaj HTML devas fari
gxi aspektas pli belaj, kiun ni devos kovri en ĉi semajno [? peco?] starigis por HTML
kaj JavaScript en la sekvanta [? peco?] starigis.
>> Do ne ricevas maltrankviligita se ne ĉiuj tiun materialon venas facile al vi.
Ĝi estos por la epoko de la finan projekton.
Dankon pro montrante supren.
La ligilo mi ĝisdatigos baldaŭ post la seminario do vi povas vidi iom pli
ekzemploj kiujn mi realigeblaj kiom por ricevi la plej progresinta leaderboard
ke mi havas sur ĉi tiu retejo tie en unu-radikala-leaderboard.meteor.
Dankon.
>> [Aplaŭdo]