>> Roger ZURAWICKI: Përshëndetje të gjithëve.
A mund të marrë vëmendjen tuaj?
Faleminderit, djema.
Sot unë dua të flas për Meteor.
Ai është një kuadër JavaScript.
Ne do të shkojnë nëpër se si ju mund të të bërë Apps really cool web.
>> Para se të marrim në JavaScript, unë vetëm dua të them ju djema se kjo do të
të - ju do të keni një më vonë kuptuar këtë semestër.
Ajo duhet të jetë rreth JavaScript.
Unë mendoj se [e padëgjueshme] është së pari do të mbuluar web HTML PHP gjëra para se ne
të shkojë në JavaScript.
Dhe në CS50, JavaScript është konsideruar si një kod të klientit.
Pra, ai vetëm merr të kandidojë në web browser.
>> Por në sajë të avancimet e fundit në teknologji, ne kemi arritur tashmë për të kandiduar
JavaScript si një server si.
Pra, kjo ka krijuar një të vërtetë cool Kuadri sepse tani ju mund të shkruani
legjitime të njëjtën kod për klient dhe server.
Dhe kur ju të përcaktojë funksionet në tuaj server, klienti juaj mund të telefononi ata
funksionet e njëjta.
Dhe kjo e bën atë shumë më e lehtë.
Ndërsa më parë, në qoftë se ju jeni duke përdorur PHP për server, JavaScript në frontin
fundi, ju duhet të shkruani një funksion PHP dhe pastaj një version JavaScript e
njëjtin funksion për të bërë njëjtin lloj pune.
>> Pra, para se të ketë filluar, unë dua për të treguar ju një demo të asaj
Meteor mund të bëjë për ju.
Unë do të ju tregojnë demo, e cila është ajo që ju do të jetë në gjendje të krijojë nga
fundi i këtij seminari.
Ne thjesht shkoni këtu.
Kjo është një app Fituesit.
Është e bazuar në të vërtetë nga shembull Meteor që ju jep.
>> Meteor është shumë i mirë, sepse kur ju instaloni atë si një paketë, ju mund të
në thelb të luajnë rreth me këto katër popull.
Dhe Fituesit është parë e këtyre popull.
Pas seminarit, unë ju inkurajoj që të gjithë vetëm për të shqyrtuar popull tjera
sepse unë mendoj se ata janë me të vërtetë e ftohtë, dhe ata të ju tregojnë fuqinë e Meteor.
>> Pra, çfarë është kjo, kjo është priti në Fituesit.
Kjo është vetëm sinqerisht një listë e emrave.
Dhe ju mund të zgjidhni vetë.
Ata të verdhë.
Dhe pastaj ju mund të jepni ata pesë pikë.
Dhe ju do të vëreni se lista është Renditur sepse si unë jap veten më shumë
dhe më shumë pikë, unë jam tani në krye.
Pra, kjo është ku ne fillim.
>> Dhe çfarë ju do keni të drejtë të marr me vete nga ky seminar është një më pak
karakteristika Unë kam për të shtuar Fituesit.
Ne do të mbulojnë si për të, si dhe të shtoni pesë pikë në një lojtar, ne mund të
fshini lojtarët, ne mund të shtoni lojtarë të ri, dhe ne mund të zgjedhin se si ne duam
për të zgjidhur ato.
Dhe këto janë të gjitha thirrjet e shumë të lehtë API Meteor që ofron për ju.
Ju gjithashtu kanë një tipar këtu të randomize rezultatet.
>> Pra, çfarë është me të vërtetë ftohtë në lidhje me këtë është ju djema mund të vërtetë
të gjithë shkoni në këtë faqe interneti.
Unë do të vënë atë në tekstin më të madhe këtu.
One-radikal-të çojë erboard.meteor.com.
Kur ju djema shkoni në këtë faqe interneti, ju duhet të jetë në gjendje për të redaktuar faqe, dhe
të gjithë redaktimet tuaja do të jetë i dukshëm për të gjithë të tjerët.
Kështu që ju mund - jeni ju djema të gjithë në gjendje të lidheni me faqe?
Pra, luajnë rreth me të.
Shko dhe të fillojnë të fshirjes disa emra.
Shih se çfarë ndodh.
>> Kështu që ju të shihni të gjithë mund të luajnë.
Kjo është vetëm siguria e parazgjedhur Mënyra për Meteor.
Ju shikoni që të gjithë mund të ndryshoni të dhënat e njëri-tjetrit.
Mos u shqetësoni.
Meteor nuk kanë siguri.
Kjo është një zbatohet shumë lehtë funksion, ku ju mund të krijuar përdoruesit
dhe hyrje.
Por tani për tani, kushdo që viziton Site mund të japin vetes sa më shumë
thekson si ata duan.
Kështu që unë gjithmonë si kjo, sepse kjo është një mënyrë interesante për të marrë filluar.
Dhe pastaj ne do të flasim vetëm për detajet, si
Meteor bën këtë të mundshme.
>> Kështu që unë jam duke shkuar për të mbuluar atë që Meteor është, dhe atëherë ne vetëm do të duhet për të mbuluar
dy parakushte që CS50 nuk i ka mbuluar të mjaftueshme.
Por deri në fund të afatit, ju duhet të jetë i kënaqur me të dy HTML dhe
JavaScript për të vërtetë të marrë në duart tuaja pista duke punuar me Meteor.
Dhe unë mendoj se kjo është vetëm një mënyrë e madhe për Nxënësit e edhe më pak të rehatshme për të bërë
Projektet e fundit, sepse ata mund të vërtetë qëndrojnë në një gjuhë, dhe ata marrin për të
parë ndryshimet e tyre punë menjëherë.
>> Pra, kjo tregon rrëshqitje vetëm disa nga teknologjive të mëdha që Meteor JS
i jep për ju.
Meteor nuk është një teknologji e re më vete.
Është me të vërtetë një përzierje e të gjitha këto gjëra të ndryshme
ne kemi në internet.
Si dhe HTML, CSS, JavaScript, ne kanë disa teknologjive si Node.js,
e cila është ajo që ju lejon të kandidojë JavaScript në fund kthehet në tuaj
server, si dhe disa JavaScript bibliotekat, si jQuery, nënvizojnë.
>> Të gjitha këto do të jenë të njohura për ju deri në fund të semestrit.
Dhe ne të merrni për të përdorur një bazë të dhënash të quajtur mongoDB, e cila është me të vërtetë
Baza e të dhënave të njohura tani për këto startups të reja.
Ju mund të mendoni për atë si si MySQL, por ai punon shumë mirë me JavaScript.
Dhe ka disa teknologji të tjera këtu dhe shumë më tepër unë nuk kam të listuara
që të gjitha ndërfaqe të vërtetë bukur me Meteor.
>> Unë kam për të vënë këtë rrëshqitje sepse nganjëherë unë të marrë konfuzion në lidhje me këtë.
Meteor është vetëm JavaScript.
Nuk është e PHP.
Nuk është e Ruby në binarët.
Pra, nëse ju shkruani kodin, në qoftë se ju doni të shkruani një projekt Meteor, ju me të vërtetë
nuk mund të përdorë kodin Ruby.
Ju me të vërtetë nuk e përdorin PHP.
>> Ndërsa ne do të shohim se dallimet në Kodi dhe sintaksë mund të mos jetë që
ndryshëm, dua të theksoj për ju se Meteor, çdo gjë që ju Kodi është
vetëm në JavaScript.
Dhe çdo gjë që ju tregojnë të përdoruesi do të jetë HTML CSS.
Por ju nuk jeni në të vërtetë duke përdorur ndonjë nga gjuhët e tjera që të tjera
seminare mund të mbulojë.
Çfarë Meteor gjithashtu është është një web server.
Pra, edhe nëse ju nuk keni ndonjë JavaScript, dhe ju vetëm doni të shërbejë
CSS dhe HTML fotografi, Meteor mund ta bëjë këtë për ju.
>> Dhe këtu është lidhja përsëri për të demo që kam marrë ju djema
filloi të luajë me të.
Por le të lëvizin për në HTML.
Sa shumë njerëz këtu kanë nuk ka ide se çfarë HTML është?
OK madh.
Dhe kjo është plotësisht në rregull.
Ju me të vërtetë nuk kanë nevojë të dinë shumë për kjo për shkak se ne do të shkoj për
përdorimin shumë të thjeshtë.
>> Kjo është ajo që e thjeshtë Faqe HTML duket si.
Kjo mund të jetë si tuaj Hello, World për HTML, ndërsa kemi filluar në C me
hello, bota.
Unë nuk dua që ju të theksuar në detajet e asaj HTML, çfarë kokë, çfarë
organ, çfarë titulli është duke bërë atje.
Unë vetëm dua të theksoj strukturën, se si ju keni tags.
Dhe kjo është e kllapa kënd.
Dhe kjo është ajo ku ju keni Përshkruesit tuaj.
>> Kështu që ju mund të keni dokumentin HTML.
Dhe pastaj ju do të mbyllni dokumentin HTML me backslash njëjtën gjë.
Dhe ju keni lloje të ndryshme të etiketave.
Dhe vini re se ata janë të krahasohen të gjitha.
Ju do të keni si një tag trupit dhe pastaj një tag të ngushtë trup.
Dhe në brendësi të tag trupit, që do të jetë përmbajtjen e faqes tuaj web.
Kështu që kjo web faqe do të thjesht të shfaq në një sfond të bardhë dhe tekstin e zi
hello, bota.
A do ka kuptim?
OK.
>> Tani unë jam duke shkuar për të shpejt mbuluar JavaScript.
Në fjalët e një TF mëparshme, "JavaScript është e programimit më të mirë
gjuha aktualisht në ekzistencë.
Njerëz të tjerë do të përpiqet të ju them ndryshe.
Ata janë të gabuara. "JavaScript është shumë e e bukur, dhe unë do t'ju tregoj pse.
>> Pra, ky është shembull klasik se të fillojmë me në C. Ne kemi hello, botën.
Dhe vini re se edhe në qoftë se ju të tkurret kjo, ju duhet të keni të paktën dy
rreshta të kodit këtu.
Unë kam disa rreshta të kodit.
Kjo mund të bëhet shumë e thjeshtë.
Një linjë në JavaScript me console.log, dhe pastaj string tuaj,
hello, bota.
>> Tani, edhe pse ne jemi të lëvizte në një të re Gjuha e JavaScript, pothuajse të gjitha
aftësitë që ju keni mësuar nga kodim në C janë direkt të lëvizshëm.
Kështu vargjet, ideja e strings në Kuotat e dyfishtë, kjo është e njëjtë.
Pikëpresje, kjo është e njëjtë.
>> Një tipar i zoti për JavaScript në të vërtetë është se ju
nuk kanë nevojë për pikëpresje.
Ajo mund të mendoj se ju duhet vënë një pikëpresje atje.
Por kjo ka thënë, ju gjithmonë duhet të përpiqen për të vënë semicolons tuaj atje.
Është konsideruar stil të mirë.
Dhe gjithashtu, nuk ka asnjë funksion kryesor.
Ju vetëm të fillojë në krye të file dhe lexuar gjëra rresht pas rreshti.
>> Atëherë kjo është ajo që duhet për të bërë që hello, programi botëror.
Dhe pastaj të vini re që ju duhet të bëjnë përshëndetje dhe pastaj të drejtuar përshëndetje.
Me JavaScript, është konsideruar një gjuhë e interpretuar.
Çfarë ju duhet të dini është se nuk ka bërë.
>> Nuk ka përpiloj.
Ju vetëm të drejtuar nyje.
Dhe mos harroni nyje është program që do të kandidojë tuaj JavaScript në një tastierë,
në një kuti e zezë, jo e internetit.
Pra, ju vetëm jepni skedarin, dhe është e duke shkuar për të shkruar hello, botën.
>> Unë në fakt do të bëj një demo të vogël të që për ju djema të drejtë këtu.
Pra, le të shkojë mbi në tim Terminal Node.js.
OK.
Le të lëvizin këtu.
Kështu që unë jam duke shkuar për të filluar nyje.
Dhe unë do të tregoj ju djema në vetëm nje sec se si për të marrë atë
instaluar, në qoftë se ju nuk e bëni.
Më lejoni të bëj që pak më e madhe.
OK.
Unë shpresoj se ju djema mund të shihni.
>> Kështu që unë mund të shkruani kodin si kam bërë para në console.log.
Hi, Roger.
Dhe vini re unë nuk kam për të bërë pikëpresje, por pastaj kam marrë këtë pazakontë
gjë e papërcaktuar.
E pra në fakt, mos u mërzit për gjë e papërcaktuar.
Gjërat që unë dua që ju të vini re është se ju nuk kanë nevojë për funksionin kryesor këtu
për të filluar running kodin.
Dhe nuk ka fund backslash.
Ka disa karakteristika të vogla që JavaScript mund të bëjë për ju.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Oh yeah.
Më vjen keq për këtë.
Dhe kjo shigjetë vetëm do të thotë nyje është e gatshme për një tjetër komandë.
Kështu që ju mund të keni atë të bëjë thjeshtë math, si 1 plus 1.
Dhe ashtu si në C, këto matematikë Simbolet janë vetëm njëjtë.
Unë mund të bëj console.log e një numri.
Dhe atëherë ajo printon dy.
JavaScript është e bukur në këtë kuptim, sepse edhe pse dy është një int,
si në C, në qoftë se ju e printf me dy, ju do të merrni një gabim.
>> Por JavaScript di, oh, ju jeni shtypjen diçka.
Unë do të duhet një varg.
Pra më lejoni të kthyer se dy në një varg për ju.
Dhe ju gjithashtu mund të bëjë disa gjëra të pazakontë si hi dhe pastaj plus dy.
Ky është vetëm një shembull se si dy mund të konvertohet në atje.
>> Pra, me që nga rruga, le të vetëm të mbulojë pak më shumë JavaScript.
Pra në C, ne kemi lloje.
Sa herë që kemi krijuar një ndryshore të re, ne duhet të them se është kjo është char * ose
string në rastin CS50.
Ose në qoftë se kemi pasur një numër decimal, ne kishim për të thënë noton.
Nëse do të kishte nevojë për një Boolean, ne kishim për të thënë b.
Dhe pastaj një herë ne kishim diçka që u b, ajo kishte për të qëndruar një bool.
Ne nuk mund të magjike ndryshojë atë për të një int përveç nëse kemi shkruar në
kllapat, int i b.
>> Në JavaScript, nuk ka lloje.
Ju vetëm të mendojnë për atë si të var.
Dhe var është se si keni krijuar një lloj të ri.
Kështu që mund të ketë var s duke qenë një varg, var n qenë një noton,
dhe var b qenë e vërtetë.
Dhe një gjë që ju nuk mund të bëni në C është Unë mund të them tani, pasi ajo linjë, b
është e barabartë me një numër të plotë.
Dhe që punon vetëm gjobë.
Ndërsa në C, do të thonë si numër i plotë juaj nuk është një bool.
Unë nuk mund ta bëjë këtë për ju.
Ose [padëgjueshme] do të hedhin një gabim.
>> Dhe unë mund të shpejt të shkojnë përsëri në nyje dhe tregojnë disa prej se funksionalitetit.
Kështu që unë mund të ketë një var një.
E quajti atë "Apple". Deri tani, kur unë të shtypura një, Shkoj varg tim, "Apple". Por unë mund të
edhe tani thonë se një është e barabartë me 3.
Dhe vini re nuk ka asnjë gabim.
Dhe tani një është e barabartë me 3.
Çdo pyetje deri më tani?
Po.
>> Audienca: Prisni, kështu console.log është në thelb printf, e drejtë?
>> Roger ZURAWICKI: Console.log është printf tuaj.
>> Audienca: E drejta.
Deri sa të vijë vetëm nëse ju shkruani në tetë ose [padëgjueshme], çka bën që
[Padëgjueshme]?
>> Roger ZURAWICKI: E drejta.
Pra, është e -
sende në të gjelbër merr shtypura në tastierë.
Dhe ajo që ne do të shohim ardhshëm është kur ne shkojmë në web
faqe, ne nuk do të jetë bërë -
JavaScript do të ketë një HTML template, të cilën unë do të të mbulojë në
Meteor pjesë e seminarit.
Dhe kjo është ajo ku ju mund të them, më jepni vlera e një, dhe ai do të vërë një in
faqen tuaj te internetit.
Sepse çdo shfletuesi web të vërtetë ka një tastierë të vogël.
Dhe në qoftë se keni shikuar me shumë kujdes, ju do të merrni disa informacione, si tuaj
printf është shfaqur aty me çdo web faqe që ju të ngarkesës.
>> Audienca: Si keni arritur në ekran shell?
>> Roger ZURAWICKI: Pra, ka një komandë quhet nyje, dhe ajo vjen me Meteor.
Kështu që unë do të lë vetëm nga atje.
Nyja është program që shkon JavaScript.
Nëse ju shkoni në meteor.com, ju mund të instaloni Meteor, dhe
Meteor vjen me nyje.
Sepse Meteor është vetëm një koleksion e të gjitha këtyre paketave software.
Kur ne të merrni për shembullin tonë, unë do të ecin nëpër të gjithë instalimi
Meteor, dhe pastaj ju mund të luajnë me nyje veten.
OK, e madhe.
>> Pra, një tjetër tipar i madh për të punës me JavaScript është e sythe janë të njëjta.
Shumë e shumë të njëjtë.
Për unazore, ndërsa unazore, të bëjë ndërsa sythe, nëse tjetër.
Kjo është e gjitha e njëjtë me formatimin e teksteve.
Është e njëjta sintaksë.
Në rastin e një për lak, pak detaj që ju duhet të paguani vëmendje
për të është në vend të int i barabartë me 0, ne duhet të them var i barabartë me 0.
Por kjo është për shkak të variablave Llojet që kemi biseduar rreth më parë.
>> Vini re se printf bëhet një log, një console.log.
Dhe ne nuk kemi nevojë për të bërë për qind p backslash n dhe më pas të kalojë në i.
Ju mund të them vetëm i.
Dhe kjo do të shtypura numrat nga zero në katër.
Nëse ju djema doni të provoni këtë, sepse ju solli një pikë e mirë.
Nëse dëshironi të drejtuar këtë kod në tuaj Shfletuesi vet, unë do të rekomandojë që
të gjithë hapet Google Chrome.
Google Chrome ose çdo shfletuesi web të vërtetë, por unë si Google Chrome
për shkak se është shumë e standardizuar.
>> Ju mund të shkoni për të, unë besoj se, në qoftë se ju të drejtë klikoni mbi ndonjë faqe interneti, vetëm në
hapësirë ​​të bardhë, ju do të shihni një mundësi quajtur Inspect Element.
Kjo është zakonisht e fundit.
Dhe kur ju klikoni atë, ju duhet të merrni një gjë e në fund të shfaqen këtu.
Më lejoni të zoom në këtu.
Dhe ne kemi një skeda pak këtu.
Një që ju intereson është konsol.
>> Dhe kjo është një JavaScript console që ju tani mund të punojnë me të.
Great.
Kështu që unë mund të shtypni në të njëjtën stuff Unë kam qenë shtypja më parë në nyje.
Një plus një është dy.
Var një është e barabartë me "Apple".
Dhe atëherë unë do të shtypura një, dhe a eshte 'Apple'.
Pra, në çdo shfletues web, Firefox, Chrome, Safari, çdo gjë që ju përdorni, si
kohë që ju keni qasje në një JavaScript konsol, të njëjtën lloj
Kodi Unë ishte duke ecur në nyje ju mund të kandidojë në tuaj console.
>> Audienca: [padëgjueshme]?
>> Roger ZURAWICKI: Si të të marrë në tastierë?
Ju duhet të drejtë të klikoni në hapësirë ​​bosh në faqe, dhe pastaj ju shkoni në
Inspect Element.
Kështu që në të vërtetë, unë do të doja të ju djema për vetëm sigurohuni që ju mund të
Inspect Element në Chrome.
Dhe shikoni kur ju shkruani në disa Kodi në tastierë
se ajo shkon siç duhet.
Të ndjehen të lirë të bëni pyetje nëse diçka nuk është e qartë këtu.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Çdo lloj, e drejtë.
Ka vetëm një lloj për të gjithë variablat në JavaScript.
Dhe kur ju duhet të deklarojë një variabël, ju thoni var.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Po.
Këtë e bën, por në JavaScript, është shumë e zgjuar në lidhje me ndarjen e kujtesës.
Nuk ka malloc.
Nuk ka asnjë pagesë.
Pra, ju nuk duhet të shqetësohen për këtë.
Kjo është një tjetër karakteristikë e bukur që JavaScript ju ofron.
>> Kështu që unë do të doja për të shkuar përpara.
Do që të jetë në rregull?
OK.
Great.
>> Audienca: Unë jam vetëm i pasur probleme gjetur [? Inspect Element. ?]
>> Roger ZURAWICKI: Pra Safari duket pak e ndryshme, por ju
kanë Chrome ose Firefox?
Ata janë më të lehtë ato që të punojnë me të.
Dhe për projektet tuaja, unë rekomandoj fërkimit me një shfletues për arsye se
ju do të merrni një shumë të mete gati sepse çdo e shfletuesit trajton
JavaScript HTML pak ndryshe.
Kështu që unë mendoj se jeta juaj do të jetë shumë më e lehtë në qoftë se ju rrinë në Chrome sepse
kjo është në dispozicion në të gjitha makinat.
Dhe kjo është një shfletues shumë popullor.
OK?
>> Pra temën pasuese që ne duhet të mbuluar në JavaScript -
Më vjen keq në lidhje me formatimin këtu.
Unë kisha për të zgjas slides për ndeshjen widescreen projektor.
Por unë tani do të doja të flas për se si ju bëni funksionet.
Në C, ne duhet të deklarojë çdo funksion.
Ashtu si int shtoni, dhe kjo merr një int në x, y dhe një int, dhe pastaj ne të shtoni ato
dhe të kthejë atë.
>> Në JavaScript, funksionet janë në të vërtetë një lloj tjetër të ndryshueshme.
Pra, ne vetëm të themi var shtoni, dhe ajo është e barabartë me një funksion.
Një funksion që merr një x dhe një y.
Dhe çfarë do të bëjë funksion?
Ajo kthen x plus y në të njëjtën saktë sintaksës si në C. Dhe vini re se në
JavaScript, ju nuk do të jetë i tha se çfarë funksion të kthimit sepse që prej
variablat nuk kanë lloje gjithsesi, ajo nuk është e vërtetë produktive, I guess,
për të specifikuar të gjitha tuaj lloje në funksionet tuaja.
Dhe atëherë kur ju telefononi një funksion, është e të njëjtën sintaksë saktë si ju C.
vetëm të kalojë në dy argumentet tuaja.
Unë do të doja të provoni këtë në nyje tim.
A mund ta ndryshoj rrëshqitje?
>> Audienca: [padëgjueshme].
A do të merrni një kopje të slides?
>> Roger ZURAWICKI: Po.
Pra, le të kthehemi në nyje.
OK.
Kështu që unë do të them var add barabartë funksion.
Duke marrë një x, duke marrë një y.
Dhe pastaj ai e di se deklarata e nuk kanë përfunduar.
Pra, në nyje apo në tastierë tuaj, ju do të njoftimit dot dot dot.
Kështu që ju mund të mbani të shtypni kodin tuaj.
Dhe tani unë do të them y kthimi x plus.
Dhe pastaj të ngushtë mbajtëse.
Dhe moment kam mbyll mbajtëse, ajo sheh se deklarata është përfunduar.
>> Dhe tani unë mund të them se të shtoni një dhe dy.
Dhe unë do të merrni tre out.
Vini re se në qoftë se unë vetëm nuk është përdorur, ajo tregon mua kjo është një funksion.
Dhe një gjë vetëm për të i kushtoj vëmendje të është në qoftë se ju t'i jepte numrin e gabuar të
argumente, ajo do të bëjë.
Ajo do të kandidojë, por ju mund të merrni disa rezultate të vërtetë të pazakontë.
Lloj si një vlerë e mbeturinave, ju mund të mendoni për atë.
Pra ju lutem shkoni përpara dhe të përpiqemi këtë në shfletuesit tuaj.
>> OK, kështu që në interes të kohës, unë do tani lëvizin për tiparet e ardhshme në
JavaScript.
Pra, ne kemi biseduar për funksionet.
Ne kemi biseduar për sythe, nëse deklarata shumë.
Sintaksa është njëjtë si C dhe variablave.
Dhe tani unë dua të flas për vargjeve.
Më vjen keq që slides mori pak prerë.
Por në të vërtetë, në pjesën e parë, gjithçka që ju nevojitet do të punojnë.
>> Pra, ne kemi një lloj tjetër për variablave të quajtur vargjeve.
Dhe ne i përdorim kllapa katrore për të treguar ato.
Kështu në shembullin e parë, arr var, array bosh.
Kjo është lista e zbrazët, kështu që një grup Që nuk përmbajnë elemente.
Dhe ju gjithashtu mund të ketë një rrjet me tre tela.
Në C, çdo element në grup tuaj duhej të jetë e njëjtë lloji.
>> Por për shkak se në JavaScript ka vetëm një lloj, vargjeve mund të vërtetë
kanë lloje të ndryshme të vlerave.
Ashtu si këtu, ne kemi një grup me a pluskues, a bool, dhe një int.
Mënyrë që ju të merrni një gjatësi prej një grup, ju nuk mund të vërtetë kanë për të përdorur madhësinë e
apo ndonjë gjë.
Ju vetëm thonë grup dhe pastaj dot gjatësi.
Dhe kjo dot gjatësi, ju mund të mendoni kjo lloj si një e strukturës, si çdo
array ka një fushë, një variabël shtesë në brendësi të saj të quajtur gjatësi, e cila
mban gjurmët e sa kohë array juaj është.
>> Kështu që unë jam vetëm shpejt do të shkojnë në nyjeve dhe të tregojnë ju djema të njëjtën gjë.
Kështu që unë mund të ketë një rrjet.
Ajo mund të jetë lista e zbrazët.
Dhe kjo do të shtypura të më mbështetur një listë të zbrazët.
Great.
Unë mund të them tani se array ka 1, dhe 2.3, dhe e vërtetë.
Pra, të gjitha llojet e ndryshme.
Dhe vini re ajo punon vetëm gjobë.
Grup I kthehet mbështet të gjitha vlerave I dha atë.
>> Në qoftë se kam kërkuar për të marrë elementin e parë të array, sintaksa është në të vërtetë
njëjtë si në C. Ty mund të themi array zero.
Dhe ju të merrni një të tillë.
Unë mund të them të njëjtën gjë për grup dy, dhe unë të marrë e vërtetë.
Nëse unë bëj diçka jashtë array, JavaScript është një gjuhë e sigurt
sepse unë nuk do të marrë një faj seg.
Unë do të merrni papërcaktuar.
>> Dhe kjo e pacaktuar, ju mund të lloj të mendoni për atë si null.
Por kjo mund të jetë me të vërtetë i bezdisshëm, kur ju Kodi për shkak se ju do të keni për të parë se
pothuajse çdo gjë që ju bëni, ju të punuar me të është e pacaktuar.
Dhe ne do të shohim disa shembuj të kjo kur ne punojmë në Meteor.
>> Edhe pse array katër është i papërcaktuar, Unë mund të caktojë atë një vlerë.
Kështu që unë do të them se është e barabartë me një të tillë.
Atëherë, nëse unë shkoj në grup, unë kanë vlerën shtesë atje.
Dhe vini re se koleksion të tre, të cilat edhe është e pacaktuar, qëndron pacaktuar.
Kështu që unë tani kanë një rrjet me një vrimë në mes.
Por në qoftë se unë të shtypura koleksion katër, Unë do të merrni një të tillë.
Në qoftë se kam bërë koleksion të tre, unë të marrë padefinuar.
>> Pra, karakteristikë e bukur që JavaScript ju lejon të bëni është që listat mund të
të ndryshojë madhësinë.
Vargjeve, vargjeve duke qenë listat, ata të ndryshojnë madhësinë.
Dhe ju mund të specifikoni çdo vend brenda tyre.
Dhe të gjitha boshllëqet do të jetë e mbushur me këto vlera të padefinuara.
>> Pra, ne kemi biseduar rreth vargjeve.
Tani, gjëja e fundit që unë dua të mbuluar në JavaScript, dhe kjo është shumë e rëndësishme
për të kuptuar kodin që Unë jam duke shkuar për të treguar ju,
do të jetë objekte.
Dhe objektet janë një term në -
në thelb, ata janë të pranishëm në shumë gjuhë programimi.
Dhe çdo gjuhë programimi i pëlqen të mendoj për ata pak ndryshe.
>> Por unë mendoj se për Meteor, një të mirë analogji është struct C.
Në C, në qoftë se ne duam të gjetur e strukturës student, ne do të duhet të specifikojë të gjitha
gjërat brenda saj.
Pra, ajo duhet të ketë një emër.
Ajo duhet të ketë një vit.
Ajo duhet të ketë një gjini.
Por ne gjithashtu kemi për të dhënë atë lloje të gjitha ato gjëra.
>> Dhe tani që ne kemi këtë myk për struct quhet student, ne mund të kemi një
struct e re, dhe pastaj ne mund të me dorë thonë se ajo që secili prej fushave janë.
Dhe kjo është ajo ku ne i përdorim dot emrin, dot vit, dot gjininë.
Dhe pastaj ne thjesht, në vijën e fundit të Kodi këtu, unë jam vetëm shtypjes nga
emrin e studentit struct.
>> Në botën JavaScript, ka ka gjë të tillë si nxënës struct.
Ju nuk gjenerojnë një strukturë paraprakisht.
Ju në fakt vetëm, në këto kllapa, ju them se çfarë është çdo gjë.
Dhe është kjo simbol i çuditshëm me zorrës së trashë dhe pastaj presje, por ju do të
të mësohen me të shpejt.
>> Dhe kjo është në fakt një të vërtetë e lehtë, mënyrë fleksibël i vetëm
manipuluar objekte.
Vini re se në qoftë se unë dua të të marrë tani emrin nga s, unë vetëm bëj s.name.
A ka ndonjë pyetje në lidhje me këtë?
Kjo zakonisht ka qenë një shumë konfuz topic kur ne të futur njerëzit të
JavaScript.
Unë do të bëj disa shembuj të kësaj në nyje.
Po?
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Pra a kanë një shembull, të shumta
variabla të atij lloji.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: OK.
Kështu që unë mendoj në mënyrë që ju do të shkoni në lidhje është ju do të vendosni objekte në një grup,
dhe tani ju do të keni një koleksion të objekteve.
A do të përgjigjem pyetjes tuaj?
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Po.
S është një objekt.
Pra, ne mund të shkojnë në nyje dhe vetëm luajnë rreth pak.
>> Audienca: [padëgjueshme]?
>> Roger ZURAWICKI: Oh, OK.
Pra, nëse ju jeni duke i kërkuar se çfarë klasat janë, Klasat janë trajtuar shumë ndryshe,
dhe ata kanë një skemë të vërtetë të pazakontë quajtur prototyping, të cilat ju nuk e bëni
duhet të dini rreth.
Nuk ka asnjë mënyrë të caktuar për të bërë atë.
Pra, nëse ju doni të gjenerojnë të shumta, ju do vetëm lloj kanë një funksion
apo diçka.
Ju gjeneruar funksionin tuaj.
Dhe ju do të kthehen një objekt.
Kjo do të ishte më e lehtë mënyrë për të bërë atë.
A ka kjo kuptim?
OK.
Great.
Pra, një herë ne kemi një kuptim të JavaScript objekte, ata janë -
oh, po.
>> Audienca: [padëgjueshme]
shembull, çfarë është dallimi në mes "Roger" me kuotat e dyfishtë kundrejt
[Padëgjueshme] me citate të vetme.
>> Roger ZURAWICKI: OK.
Pra, kjo është në C, ne kemi vetme Kuotat e përfaqësojnë chars, dhe të dyfishtë
Kuotat e përfaqësojnë strings.
JavaScript në të vërtetë hedh këtë larg sepse ju mund të keni vargjet me
Kuotat e vetme apo të dyfishtë, dhe ka ka gjë të tillë si një char vetme.
Por në qoftë se ju vetëm kopjuar të njëjtën gjë Kodi C, JavaScript do
trajtojnë atë vetëm gjobë.
Cila është arsyeja pse unë trajtuar atë si -
kjo është arsyeja pse unë fjalë për fjalë mund të portit Kodi në këtë kuptim.
>> Dhe unë dua të ju tregojë një shembull i një objekti më të komplikuar.
Kështu që ju mund të vini re se një objekt mund të ketë strings si vlera.
Ajo mund të ketë një tjetër listë të vlerave.
Ajo mund të ketë një listë të objekteve si vlera.
Ka të vërtetë nuk ka kufizim për këtë.
Pra këtu, kjo është vetëm një demonstrim i mirë se si ju mund të merrni një shumë
lloje të ndryshme në vazhdim e sipër të gjitha në një objekt.
A ka kjo kuptim?
>> Tani, ju gjithashtu mund të ketë vargjeve të objekteve.
Dhe këtu është lloj i ngjashëm me atë që keni pyeti, në qoftë se ju mund të ketë objekte të
e njejta.
Por problemi është, nuk ka të caktuar Formati për objektet në JavaScript.
Kështu që ju duhet të specifikoni vetë.
Dhe ju duhet të bëni të sigurtë se ata janë uniforme.
Kështu që këtu, kur të krijoj një objekt, unë kam për të siguruar që secili prej tyre ka një
emrin, dhe secili ka një shtëpi.
>> Dhe atëherë unë kam një rrjet të atyre, dhe që mund të jetë vilë im.
Dhe pastaj këtu ju mund të lloj të parë për lak ndodh.
Lak për të qenë vetëm një të vërtetë të përbashkët mënyrë të kaloj mbi një rrjet
në JavaScript.
Vini re se ky model është shumë e ngjashme në C ekuivalente, ku ju
kanë int i barabartë me zero. unë është më pak se gjatësia.
Dhe pastaj unë plus plus.
>> Kjo është pothuajse e njëjtë kodi, me përjashtim të disa detaje.
Pra, ka të gjithë të kuptojnë atë që një objekt është?
Vetëm mendoni për këtë si strukturë C.
Dhe mënyra që ju hyni në fushat është vetëm me dot.
Dhe për aq kohë sa ju kujtohet se si të përdorni dot, ju do të jetë mirë.
>> OK, kështu që tani mund të gjithë lexuar atë lidhje?
Kjo është e lidhura me projektin.
A është dikush që ka probleme duke parë lidhjen?
OK, le të ndryshojë atë, atëherë.
Kjo nuk është -
Po, kjo është ndoshta Mënyra më e lehtë për të bërë atë.
Great.
>> Pra, nëse ju shkoni në këtë faqe, nuk duhet të të ketë disa udhëzime që unë do të
shkoni mbi se si ne mund të instaloni Meteor dhe për të marrë mostër e projektit tonë running.
Unë dua të të siguruar që të gjithë kanë para se të lëvizin poshtë lidhja.
A mund të lëvizë në?
OK, e madhe.
>> Kështu që këtu unë jam në faqen e internetit.
Ju do të njoftimit në dosjen README, ne kemi disa udhëzime se si
për të marrë të vendosur th up.
Ju duhet të jetë ose në CS50 aplikim ose vetëm në një Mac.
Windows-i nuk do të funksionojë.
Por në thelb çdo gjë që nuk është e Dritaret duhet të punojnë me këto
udhëzime vetëm gjobë.
Por unë mund të bëjë atë pak më e madhe si.
>> Pra, ju do të kandidojë parë palë e komandave.
Këta njerëz thjesht do të instalojë Meteor.
Unë mund të shkojnë në terminalin e mia.
Dhe në qoftë se unë të drejtuar të njëjtën gjë tani, Unë tashmë e keni të instaluar.
Pra, kjo është pak më e shkurtër.
Ajo mund të marrë pak më të gjatë për ju djema.
Por unë dua që së pari të bëni të sigurtë se ne kemi Meteor running.
Pas Meteor ka instaluar, ju duhet të jetë në gjendje për të marrë nyje në tastierë.
>> Audienca: Ata janë duke i kërkuar një fjalëkalim.
>> Roger ZURAWICKI: Kjo do të ishte tuaj përdorues fjalëkalimin, nëse ju jeni në një Mac.
Ajo vetëm ka nevojë për leje modifikojë disa fotografi të sistemit.
Pra, pyetja është, nëse ai ju pyet për një fjalëkalim, kjo është vetëm duke kërkuar që ju
për fjalëkalimin tuaj emrin kur ju hyni në Mac tuaj.
Dhe kjo është në mënyrë që ju mund të të ndryshuar sistemin fotografi.
>> Dhe kur ju jeni gati, ju mund të lëvizin në në hapin tjetër, e cila do të kopje
Kodi mostër kam nga faqja e internetit.
Dhe ju do të merrni një directory të re në tuaj directory shtëpi të quajtur Fituesit, dhe
ne mund të fillojnë të punojnë nga atje.
Kështu që unë jam vetëm kopjimi dhe pasting këto urdhëron në terminal time.
Dhe për mua, unë tashmë e klonuar atë.
Kështu që unë vetëm tani mund të lëvizin në drejtues.
Dhe unë duhet të ketë disa fotografi në atje.
Ndonjë pyetje?
>> Audienca: [padëgjueshme] nuk punon.
>> Roger ZURAWICKI: Oh, ju mund të duhet git instaluar si.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Na vjen keq?
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Oh, OK.
OK.
Kjo për shkak se ju mund të kenë nevojë të jetë i hyrë brenda për Github për të marrë këtë lidhje.
Në qoftë se ju djema mund të shihni se, më e lehtë mënyrë për të bërë atë që unë më pas do të thonë se është
shkarko zip.
Dhe kjo vetëm do të shkarkoni të gjitha dosjet.
Dhe pastaj një herë ju vënë atë në tuaj shkarko apo directory tuaj në shtëpi -
Unë rekomandoj vënë atë në tuaj directory shtëpi kështu që ne mund të gjithë
drejtuar të njëjtën komandat.
Për sa kohë që ne kemi fotografi, ne do të të jetë në gjendje të fillojë të punojë me ta.
Më lejoni të di nëse njerëzit janë të pasur probleme shkarkimit fotografi.
>> Audienca: Me directory home, ju thotë -
>> Roger ZURAWICKI: Pra directory shtëpi do të jetë John Harvard, nëse ju jeni në
aplikim CS50.
Për të marrë në directory home, vetëm lloji në C.
>> Audienca: [padëgjueshme]
Aplikim CS50 [padëgjueshme].
>> Roger ZURAWICKI: Po.
Ju dëshironi për të kandiduar komandat në terminalin tuaj.
>> Audienca: [padëgjueshme].
Kam marrë një gabim që thotë se nuk ka fotografi apo directory e tillë.
>> Roger ZURAWICKI: Ne mund të marrë një të shpejtë të thyer dhe të vetëm të sigurt se
të gjithë kanë Meteor instaluar, dhe unë do thjesht shkoni të përpiqet për të ndihmuar njerëzit.
Ju lutemi të përpiqet për të ndihmuar njëri-tjetrin në qoftë se ju jeni drejtimin në probleme.
Na vjen keq, po.
A jeni të dy në aplikim?
>> Audienca: Po.
Kam Risa
>> Roger ZURAWICKI: OK.
Nëse ju shkoni në faqen e internetit, shkoni shkoni deri në krye.
Dhe nuk ka kjo HTTPS.
>> Audienca: Copy kjo?
>> Roger ZURAWICKI: Po.
Dhe pastaj ju doni të shkruani në git klon.
Pra, nëse ju shtypni Kontrollit A -
>> Audienca: Ketu?
Dhe të bëjë [padëgjueshme]?
>> Roger ZURAWICKI: G-I-T.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Shko dhe pastaj klon.
Pra, është shumë e ngjashme me komandën ju kishte më sipër, por URL ndryshuar.
Pra, para se të ishte ky, tani është kjo.
Më lejoni të rinovuar -
po.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Kjo është shkarkuar.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Oh, kështu që nuk klon saktë.
Unë do të rregullojmë se.
Ka një gabim me duke u përpjekur për të shkarkuar fotografi.
Më lejoni të rinovuar komandën për ju djema kështu që unë mund të sigurt se do të punojë.
Më vjen keq për këtë.
Ajo duhet të jetë e njëjtë për Macs apo aplikim CS50.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Unë e kam updated Komanda për numrin dy, nëse
ju rifreskoni faqen.
Dhe me këtë, URL, ju duhet të jetë në gjendje për të shkarkuar fotografi.
>> Audienca: Pra, nëse ne jemi ende shkarkimit [padëgjueshme].
>> Roger ZURAWICKI: Nëse ju jeni ende shkarkimit Meteor?
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Po, në qoftë se ju doni për të zhvilluar në Mac tuaj.
Por ju duhet zhvilluesi Xcode mjete instaluar.
Unë e kam testuar këto komanda në CS50 aplikim, kështu që unë mund të garantoj
se ajo do të punojë.
Po. më lër të shkoj dhe të ju ndihmojë.
>> Audienca: [padëgjueshme].
Unë jap fjalëkalimin tim.
Kjo është e Mac.
Dhe pastaj unë bëj [padëgjueshme].
>> Roger ZURAWICKI: OK.
Unë do të përpiqet të rrjedhshëm të gjitha komandat vetëm në terminalin aplikim CS50.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Unë do të marrë atë të punës parë në terminal, on
Aplikim CS50, dhe pastaj terminal Mac.
>> Audienca: Pra, nëse ju bëni atë në CS50 aplikim si kjo, [e padëgjueshme].
>> Roger ZURAWICKI: Unë do të doja të lëvizur në, por në qoftë se njerëzit janë ende ka
probleme ngritjen Meteor, Kevin është më se të lumtur për të ndihmuar ju djema jashtë,
Kevin në këmishë gri.
Ajo që ne duhet të kemi është që ne jemi duke shkuar për drejtuar komandën e fundit, numri tre, në
terminal tonë.
Kur e bëjmë këtë, ne do të kandidojë Meteor.
>> Dhe ju duhet -
oh, unë tashmë kanë Meteor running.
Pra, kjo nuk do të le - le të më vetëm afër Meteor tim të tjera.
Kur kam drejtuar Meteor, ju tani duhet të shohim se -
ju duhet të shikoni në dosjen aktuale se është duke i shërbyer.
Dhe tani ajo do të thonë në server po kandidon për http://localhost.
Kjo është URL ju dëshironi për të vënë në në shfletuesin tuaj web.
>> Dhe në këtë URL, ju duhet të jetë në gjendje të hyrë në një Fituesit bukur pak.
Pra të vini re se kjo është në localhost, që do të thotë se në qoftë se ju bëni ndonjë
Ndryshimet, ju nuk do të shihni ndryshime të njëri-tjetrit.
Ndërsa në faqen e internetit unë ju tregoi në fillim, ne mund të merrni
Ndryshimet e secilit sepse të gjithë u qasjes në të njëjtën faqe interneti.
>> Pra më lejoni të vetëm të shkojnë në [? fjala?]
3000.
Kështu që ju duhet të jetë në gjendje të vetëm të konfirmuar se funksionalitetin punon.
Ju mund të zgjidhni njerëz të ndryshëm, dhe ju mund të jepni atyre pika të ndryshme.
Kështu që unë jap pikë dikush.
Ju gjithashtu mund të shihni se ata ngrihen në gradë.
>> Tani, në interes të kohës, ka janë tre karakteristika që unë kam
zbatuar.
Dhe ne jemi duke shkuar për të zbatuar fshirjes përdoruesit si funksion tonë të parë.
Por para se të shkojë përpara, janë ka ndonjë pyetje?
Ju kishte dorën tuaj.
Po?
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: A mund të kontrolloni Meteor që është instaluar?
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: host lokale 3000?
Dhe ju jeni në aplikim CS50?
Unë mund të bëj -
ju nuk duhet të jetë në një Mac.
Kjo do të punojë në aplikim.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Në normale shfletues web, po.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: A është Meteor running?
Pra OK, ka një dallim këtu.
Nëse ju jeni drejtimin e tij në aplikim, ju duhet të bëni
localhost brenda pajisjes.
Nëse ju jeni duke atë në Mac tuaj, si unë jam, atëherë unë mund të bëj
Mac tim Google Chrome.
Por në qoftë se ju jeni duke përdorur pajisjen CS50, ju duhet të bëni çdo gjë
në aplikim.
Kështu që ju duhet të përdorni Google Chrome në aplikim.
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Kjo është ende nuk punon?
>> Audienca: [padëgjueshme].
>> Roger ZURAWICKI: Pra, vetëm për të përsëritur, si mund të hyni në faqen e internetit tani.
Ju keni një URL këtu në localhost 3000.
Nëse ju jeni në aplikim CS50, ju keni për të hapur CS50
aplikim të Google Chrome.
Dhe në atë Google Chrome brenda aplikim, ju mund të shtypni në atë URL,
dhe ju duhet të shihni një drejtues.
Kështu që unë jam duke shkuar për të vetëm vënë atë në anën këtu pak.
Dhe tani unë jam duke shkuar për të hapur tim editor teksti mbi këtu.
Pra më lejoni të vetëm të sigurt se Kodi është në rregull.
OK.
Great.
>> Do të doja të tani të ecin nëpër Kodi pak.
Dhe skedari i parë unë do të doja të fillojë me të është leaderboard.html.
Ju do të jenë në gjendje për të marrë këtë kod pas seminar, kështu që unë vetëm dua të të treguar
ju në kompjuterin tim se çfarë po ndodh.
Kështu që unë shpresoj se të gjithë mund të shohin këtë.
Pra, në fillim të dosjes, ne kemi kokën tonë dhe titullin, e cila
është e ngjashme me atë që pamë në çdo dokument HTML.
Dhe pastaj ne do të kemi tag trupit këtu.
>> Ajo që unë kam zgjedhur është kryesore trupi, në thelb ajo që është
do të merrni shfaqet.
Por ka disa të reja jo-HTML gjëra, dhe kjo është në
kllapa kënd të dyfishtë.
Dhe këto janë tags template.
Pra, ju do të shihni këtu këtë parantezë Fituesit kllapa të re.
Dhe kjo është lloj i - mendojnë për të si duke e quajtur një funksion për HTML.
>> Ky është një version special i HTML.
Kjo është versioni që Meteor përdor, e cila është arsyeja pse ju mund të shfaqin të ndryshme
gjëra, të tilla si drejtues Emrat dhe buttons.
Por Fituesit ju tregon për të shkuar në template me emrin drejtues.
Pra, template nuk ka marrë shfaqet nga në vetvete, por kjo është një funksion, kështu që
do të merrni të quajtur.
Dhe ju do të zëvendësojnë në të gjithë këtë Kodi drejtë këtu në drejtues.
>> Pjesa interesante e drejtues këtu është vetëm kjo tabelë.
Nëse ju vetëm lexoni atë, lexoni këtë kod me zë të lartë, ajo duhet të jetë intuitiv
sepse Fituesit, të gjithë ne kemi këtu është një tryezë.
Kjo klasë ID gjëra që ju nuk e bëni duhet të shqetësohen për.
Vetëm e di se ka një header tryezë.
Kjo është kjo thead.
>> Dhe ai gjen një emër dhe një rezultat.
Të gjitha këto tags, si thtable, thead, ju do të vetëm të mësojnë si ju shkojnë së bashku.
Nuk është e rëndësishme që ju të mësuar përmendësh këto sepse ju thjesht mund të hyni në çdo
referencë në internet.
Ose deri në fund të semestrit, këto vetëm do të jetë shumë e njohur me ju.
>> Pas kokë të tabelës, Pjesa që unë dua të tërheq tuaj
vëmendje për të është ky tag h.
Për shkak se ajo është në kllapa të dyfishtë, kjo është një template.
Kështu që do të thotë për secilin nga lojtarët, çdo gjë që lojtarët është, ne duhet të
shfaqin atë.
Dhe ne do të shkojmë për të template lojtar.
>> Nëse do të shkoni poshtë një pak më shumë -
Unë shpresoj se të gjithë mund të shihni se.
Ne kemi template lojtar.
Dhe kjo template në thelb përcakton një qelizë tavolinë, ku keni vënë në emër
këtu dhe rezultati.
Zvogëlimi tani, ne mund të shohim se kjo copë e kodit -
dhe se ishte lojtari ynë atje poshtë -
përcakton një nga këto qeliza.
Çdo gjë që unë klikoni bëhet i verdhë.
>> Një mënyrë e thjeshtë unë mund të ndryshojë atë tani.
Sigurohuni që Meteor është ende running.
Meteor duhet të jetë një proces server, kështu që ju vetëm lënë atë
running kur ju të zhvilluara.
Le të thonë se unë të kërkuar për të ndryshuar të gjithë emrat ose rezultati.
Dhe unë do të të them unë jam duke shkuar për të shtuar pikë këtu.
Pra, ndryshimi i kam bërë këtu ishte, në vend të vetëm rezultatin, unë
shtoni pika hapësirë ​​rezultatin.
>> Unë jam duke shkuar për zmadhim jashtë, dhe unë jam do të shpëtojë dosjen time.
Dhe pas të ruaj dosjen time, kam nevojë për t'u siguruar Meteor po kandidon.
Na vjen keq për këtë.
Unë dua të ju tregojë redaktimet janë bërë në kohë reale.
Kështu që unë vetëm do të ndryshojë disa tekst.
Klikoni një lojtar.
Unë jam vënë atë në të gjitha shkronja kapitale.
Dhe kjo duhet të jetë se në qoftë se kjo është duke punuar siç duhet, kur unë të shpëtuar atë, ajo
do të rinovuar.
>> Oh, unë mendoj se tani problemi është Unë nuk jam në të drejtë directory.
OK.
Më vjen keq për këtë.
Pra këtu, ajo që ju njoftim është Ndryshimi im shkoi me.
Tani thonë se unë dua të kthehet ndryshimin.
Unë dua që të kthehen në atë që kisha.
Unë jam vetëm do të shtypni atë normalisht.
Klikoni një lojtar.
>> Momenti I shpëtuar atë, Site freskon për mua.
Dhe unë shoh ndryshim tim mbi faqe në çast.
Ky është një tipar me të vërtetë të dobishme në debugging sepse tani
Unë nuk duhet të -
kur shkruani kodin C, jo vetëm që ne kanë për të ruajtur kartelën, por na u desh të
bërë atë dhe pastaj të drejtuar atë përsëri.
Meteor është shumë e bukur, sepse ndryshe nga C, në momentin që ju ruani HTML tuaj ose
JavaScript fotografi, ndryshimi tregon deri menjëherë.
>> Një pyetje është, në këto templates, si mund ta gjej vlerat si lojtarë
ose zgjidhni një emër?
Nëse unë zoom në këtu në kodin tim, Unë e shoh këtë për çdo lojtarë.
Pra, template e di se Unë kam lojtarë disi.
Dhe ai e di se ka një emër të zgjedhur.
Ku e bën këtë të vijë nga?
Kjo vjen nga JavaScript.
>> Dhe në qoftë se ju shkoni në leaderboard.js, kjo fotografi, tani kur të shkoj këtu, ne kemi një
disa komanda të përcaktuara.
Kjo është sintaksa e veçantë Meteor.
Vini re se ju nuk keni nevojë VARs apo ndonjë gjë.
Por këto janë vetëm structs mbi structs mbi structs ose këto objekte.
Dhe të gjitha unë jam duke përcaktuar është template quajtur Fituesit.
>> Fituesit duhet të merrni një gjë të quajtur lojtarët.
Dhe ajo që është lojtarë?
Është çdo gjë që kjo shprehje kthehet.
Dhe çfarë është emri i zgjedhur?
Kjo është një kod më shumë.
Detajet e kodit ne do të mbuluar pak më vonë.
Por tani unë dua që ju të kuptoni që në këtë kod, ne jemi duke marrë
lojtarët, dhe ne jemi duke i dhënë asaj një vlerë.
Në këtë rast, kjo është një funksion që merr ekzekutuar.
Pra, ne mund të marrë vlerën mbrapa kur kemi drejtuar funksionin.
Kjo është një log.
A ka kjo kuptim?
>> Unë mund të ndryshojë mënyrën është e renditura.
Këtu, ka një objekt lloj.
Dhe ajo që ky thotë po unë jam duke shkuar për të zgjidhur nga Rezultati zbritëse parë dhe
pastaj emrin ngjitje.
Nëse unë të ndryshojë këtë për një, ajo do për të zgjidhur rezultatin ngjitje.
Pra zero duhet të jetë në krye.
Kur unë zmadhim në web faqen time, ne tani të shohim se internetit përditësuar.
Dhe rezultati është ngjiten.
>> Funksioni tjetër unë vetëm dua për të mbuluar është klikoni rritje.
Nga interes të kohës, unë nuk do të të jetë në gjendje për të mbuluar më shumë nga Meteor
Kodi, por ka shumë burime në dispozicion, dhe unë do të jem
këtu pas seminarit.
Por unë vetëm dua të mbuluar ngjarjet Kreu.
Kjo Sintaksa ju do të mësoni një Pak më vonë në leksion.
Kjo është JavaScript.
>> Ne jemi vetëm duke thënë, kur të kemi një klik, dhe kjo është në të ardhura, kjo
hash vetëm do të thotë ID.
Në tag ID rritje, atëherë ne duam për të rinovuar - fjalët kyçe Dua t'ju
për të parë është azhornimi dhe zgjidhni dhe lojtar.
Pra, cilado lojtar të zgjedhur, ne update it.
Dhe ajo që ne bëjmë është që ne rritje Rezultati i tij nga pesë.
Dhe kjo do të përshkruajnë funksionalitetin ne kemi këtu.
>> Pas përfundimit të këtij seminari, ne do të të jetë në gjendje për të parë disa kodin më shumë.
Por duke shkuar prapa në qëllimin tim se unë dua të ndryshojë vendin, kam kërkuar këtu
për të shtuar një buton hiqni në mënyrë Unë mund të fshini lojtar.
Pra, për të bërë këtë, kam nevojë për të bërë dy gjëra.
Unë kam nevojë për të rinovuar HTML, Përditëso të parë, ajo që merr shfaqet përdoruesit, dhe
atëherë kanë disa JavaScript që kur shtypet butoni, Meteor po shkon
për të bërë diçka.
Ajo do të hequr atë lojtar.
>> Pra, ka shumë të chunks të kodit që kanë në thelb tashmë
është bërë për mua.
Nëse unë shoh këtu, unë tashmë kanë një mënyrë për të marrë lojtar zgjedhur.
Kjo është kjo stuff, në qoftë se ju mund të shihni atë.
Pra, nëse unë vetëm -
Unë jam do të ketë një tjetër ngjarje.
Kështu që unë jam duke shkuar për të kopjuar atë që unë kam.
Për shkak se ky është një listë, Unë vetëm nevojë për një presje.
>> Deri tani unë jam duke shkuar për të klikoni fshini.
Dhe pastaj në vend të lojtarëve përditësimit, Unë jam duke shkuar për të bërë lojtarët të fshirë.
Dhe të gjithë lojtarët fshini nevojat është një lojtar i zgjedhur.
Pra, ky funksion është e gjitha ne kemi nevojë.
Unë kam nevojë të shtoni disa HTML here pse.
Pra, në qoftë se unë lëviz nëpër këtu, kjo është pikëpamja HTML.
Ne patëm një gjë këtu, e cila ishte një një tag.
Ju nuk duhet të shqetësohen për këtë.
>> Ajo që ka rëndësi për ju është kjo rritje ID.
Dhe kjo është ajo që na lejohet të themi, kur ne klikuar rritje të, ne duhet të
japin pesë pikë.
Dhe ju do të shihni se kjo është një buton.
Kjo është ajo që do të thotë BTN.
Dhe teksti në butonin është dhënë pesë pikë.
Pra, ajo që unë jam duke shkuar për të bërë është që unë jam duke shkuar për të kopjuar këtë linjë.
Unë jam duke shkuar për të ndryshuar ID për të fshirë.
Dhe unë jam duke shkuar për të ndryshuar tekst këtu për të fshini.
>> Pra, sigurohuni që çdo gjë është ruajtur.
Dua të kthehem në time JavaScript për të siguruar që unë kam
fshini rreshtuar këtu.
Mirë.
Kështu që unë jam duke shkuar për të shpëtuar të dy fotografi.
Mbas ruajtjes dy fotografi, ne mund të shkoni përsëri në fund.
Dhe tani ne shohim ne kemi një butonin e fshirjes.
Dhe një hap më shumë.
Ju të vini re që ju mund të merrni një gabim sepse kur unë klikoni
fshini, asgjë nuk po ndodh.
>> Një mënyrë për të korrigjoj këtë është që të shkoni përsëri në Inspect Element.
Unë jam duke bërë këtë me qëllim që kështu të mund të të parë se si ju do të korrigjoj diçka.
Në Inspect Element, ne kemi të gjitha të tekstit tonë këtu.
Unë dua të shkoj përsëri në tastierë.
Dhe çfarë ndodh kur të shkoj këtu po unë të marrë disa lloj të gabimit.
Ajo thotë se nuk ka asnjë metodë fshini.
>> Pra, çfarë është duke thënë se kjo është kur të shkoj përsëri në kodin, I quajtur lojtar
fshirë këtu.
Fshij të vërtetë nuk është e komanda e drejtë.
Pra, për të gjetur se çfarë komandën e drejtë është, nuk ka API Meteor.
Dokumentacioni unë dua të ju pikë djema të është vetëm në meteor.com.
Pra, unë kam atë deri këtu.
Kjo është vetëm kështu ju djema e di ku për të mësuar më shumë.
>> Ka një lidhje të dokumentacionit.
Dhe në thelb, unë mund vetëm e gjeni për fshini.
Dhe çfarë ju shihni, fshini është në të vërtetë të hequr.
Kjo është komanda që Unë kam nevojë për të thirrur.
Pra, tani që ne e dimë se, unë jam duke shkuar për të ndryshuar këtë fshini për të hequr.
Deri tani, kur të shkoj përsëri në drejtues time faqe, unë jam duke shkuar për të klikoni
fshini, dhe tani unë jam shkuar.
Nuk ka më shumë Roger.
Dhe unë mund të mbajë fshirjes çdo Emri i vetëm deri sa të ketë mbetur asgjë.
>> Kështu që ishte një vrojtim pak se si të përdorin Meteor.
Ju do të jetë mësuar shumë më shumë JavaScript dhe HTML nevojshme për të bërë
të duken prettier, të cilat ne do të mbulojë në [Kete jave? copë?] të vendosur për HTML
dhe JavaScript në e ardhshme [? copë?] të vendosur.
>> Pra, nuk do të marrë shqetësuar nëse jo të gjitha kjo stuff vjen lehtë për ju.
Ajo do të deri në kohën e projekti përfundimtar.
Faleminderit për treguar deri.
Lidhje Unë do update shpejt pas seminar kështu që ju mund të shihni disa më shumë
shembuj që unë kam zbatuar se si për të marrë drejtues më të avancuar
që unë kam në këtë faqe këtu në një radikal-leaderboard.meteor.
Falemnderit.
>> [Duartrokitje]