[MUSIC Playing]
Roger ZURAWICKI: Hi, im Emri është Roger Zurawicki,
dhe unë do të jetë i mbuluar seminar CS50 Meteor.
Meteor është një kuadër i ri përkushtuar për lloj të ri të internetit,
nuk PHP bërë kërkesa mbrapa dhe me radhë lloj
i web pamë në setin PHPP, por më dinamik JavaScript
pjesët e internetit.
Gjërat Meteor mund të bëjë përfshin përditësimin live
dhe menjëherë komunikimi midis përdoruesve të të njëjtit internetit.
>> Për këtë seminar, ne kemi Kodi priti në Github tim.
Ju mund të shkoni në këtë URL dhe për ta shkarkuar atë.
Nëse ju e dini se si të përdorin git, ju mund të klon depo.
Nëse ju nuk e dini se si të përdorin Git ose nuk kanë përdorur Github,
kjo është krejtësisht në rregull.
Unë do të ju tregojnë se me të vërtetë shpejt se si ne mund të shkojnë në Github,
dhe ka një opsion për shkarkoni një zip drejtë atje.
Pasi ta keni shkarkuar këtë direktori, ju mund të filloni duke luajtur me kodin tonë.
>> Më shumë informacion rreth Meteor mund të gjenden në meteor.com.
Në dosje Seminar, unë në të vërtetë kanë disa projekte meteor ne mund të përdorni.
Një nga dosjet që kemi në tonë projekt seminar është app todos.
Pra, nëse unë shkoj në të I, kanë Meteor instaluar.
Pra, për të drejtuar atë, unë vetëm duhet të shkruani Meteor, Meteor dhe do të instalojë.
Siç mund ta shikoni, ne duhet të t'u siguruar që ne të instaluar Meteor.
Kështu që unë jam vetëm duke shkuar për të të kandidojë atë një herë më shumë
për t'u siguruar që Meteor është instaluar siç duhet.
>> Ndërsa unë kam Meteor instalimi, unë mund të ju tregojnë
disa popull të jetojnë të vendeve Meteor do të jetojnë tani në internet.
Unë kam një demo e app tonë.
Ju mund të përdorni atë në adresën e mëposhtme.
Kjo është për të bërë app që ne kanë në directory tonë seminar.
URL për këtë është rozu-rabbit.meteor.com.
Ju do të shihni se Meteor do në të vërtetë presë projektet tuaja meteor falas.
Dhe në fund të seminarit, ju do të jetë në gjendje për të bërë këtë si.
>> Kjo është një për të bërë lista app.
Dhe ju mund të regjistroheni në, të krijojë llogaritë, dhe të shtoni detyra.
Ju mund të krijoni një llogari si kështu.
Dhe tani, një herë ju keni një llogari, ju mund të shtoni detyra.
Për shembull, një nga detyrat unë mund të kenë nevojë për të shkuar marr rrobat e mia.
Dhe nëse ju jeni në këtë site online, ju do të
në të vërtetë shohim këtë detyrë në kompjuteri juaj në kohë reale.
>> Unë mund të ju tregojnë një demo të shpejtë e këtë duke hapjes rozu-lepuri
në një tjetër tab me të njëjtin URL.
Dhe ne shohim se e njëjta të dhënave vjen deri.
Ne gjithashtu mund të kandidojë atë në një shfletues të ndryshme.
Thuaj kam drejtuar atë në Safari.
Në këtë mënyrë ne nuk jemi duke i loguar.
Pra, ne kemi të njëjtin Meteor app, dhe një herë ajo ngarkesa,
ne do të shohim të njëjtin dhënat ne e bëmë në një të parë.
Siç mund ta shikoni, unë nuk jam i regjistruar këtu.
Dhe kur të dhënat çeqe publikut, ajo përditësime në të gjithë shfletuesit
në të njëjtën kohë.
Kjo është një nga të vërtetë karakteristika të ftohtë rreth Meteor.
Me pothuajse asnjë punë, ju kanë një app jetojnë përditësimin
se ndryshimet në të gjitha pajisjet tuaja në një herë.
>> Nëse unë kontrolloni kutin këtu në listën time për të bërë, ne do të kemi,
në shfletuesin tim tjetër Chrome, pika kontrolluar off.
Dhe kjo ndodh menjëherë.
Dakord.
Pra, duket si Meteor instalimi është gati tani.
Pra, tani le të kthehemi në todos app dhe të drejtuar këtë vend.
>> Nëse ju keni një projekt Meteor, ju mund të vetëm drejtuar atë me Meteor komandës.
Pasi ta keni bërë këtë, Meteor do të bëjë disa përgatitje
për të siguruar që të gjithë e Kodi juaj është në kontroll.
Dhe atëherë ajo do të ju them se Projekti është gati për t'u shërbyer.
Ju mund të kenë nevojë për të lejuar tuaj firewall, nëse tuaja blloqe kompjuterike ju.
>> Pra, çfarë Meteor është thënë mua tani është se në këtë website
lokal në kompjuterin tim, unë mund të shoh çfarë ky projekt Meteor është.
Vini re se tani, app im është jo të arritshme në internet.
Ne do të mbulojë si për të sjellë Meteor tuaj app në një vend të jetojnë pak më vonë më.
Kështu që unë jam vetëm do të kopjoni këtë URL tani dhe shko në Google Chrome.
>> Dhe kjo është për të bërë lista nga shembulli.
Ju mund të shihni ata zbatuar disa karakteristika më shumë këtu.
Ne kemi skeda të ndryshme, ne kanë të njëjtat karakteristika e llogarisë,
dhe ne mund të shtoni listat e reja.
Tani, një nga të vërtetë tipar i ftohtë për Meteor
është se jo vetëm që mund të këtë punojnë në shfletuesin tuaj web,
por ju gjithashtu mund të krijoni amtare iPhone dhe Android
Apps përmes një mjet të quajtur PhoneGap.
>> Pra, disa projekte do të vijë para-konfiguruar për drejtimin
në iOS, si këtë app todos.
Kështu që të gjitha unë duhet të bëni për të drejtuar atë në IOS është e tipit Meteor, të drejtuar, dhe pastaj IOS.
Dhe kur unë bëj atë, Meteor do të përgatisë paketën përsëri.
Dhe pastaj, një herë është e gatshme, ajo do të ngarkesës imitues IOS në komandën time.
Shënim ju mund të kandidojë vetëm iOS Apps në qoftë se ju keni një kompjuter Mac.
Ju mund të kandidojë Apps tuaja në Android në të gjitha platformat.
>> Pra, tani ju mund të shihni se iPhone tim imitues doli në ekran e mia.
Dhe në vetëm një moment, ajo do të ngarkesës me app.
Nëse ne e bëjnë atë vetëm pak më e vogël për të përshtaten në ekran,
ne shohim ne kemi iPhone aplikacionin tonë.
Dhe vetëm kështu ne nuk bëjmë merrni hutuar, le të bëjë
i sigurt ne jemi në të njëjtën Faqja e internetit, host lokale 3000.
>> Kështu që këtu është një shembull i app meteor kam,
app todos, kandidon si në një telefon dhe në një shfletues.
Dhe kur unë të ndryshojë gjëra në shfletuesin web,
ai menjëherë shkon në telefon.
Dhe unë mund të fshini diçka në telefon, dhe ajo ndryshon në shfletues.
>> Tani, normalisht për të krijuar amtare app telefon për IOS ose Android,
ju duhet të dini ose Java ose Objektivi C. teknologjisë Meteor përdorime
për të lejuar JavaScript për të kandiduar si app juaj është quajtur PhoneGap.
Çfarë app tuaj në thelb është është një shfletues web.
Dhe Meteor trajton të gjithë pjesët e ndërlikuar të përfshirë
për të sjellë atë shfletues web për të iPhone juaj ose pajisja juaj Android.
Ju mund të shihni se Ndërfaqja e përdoruesit është e qetë,
dhe kjo duket dhe ndjehet shumë shumë si një app amtare.
Vini re se në qoftë se unë shkoj në shtëpi ekran tani, unë gjithashtu të merrni një ikonë.
Kjo nuk është një website si ju do të gjeni në Safari.
Kjo është app e vet.
Ju mund ta instaloni dhe fshini atë nëse ju dëshironi.
>> Ne mund të ju tregojë shkurtimisht çfarë kodi për këtë lloj të todos app duket si.
Nëse ju shikoni në dosjen todos, ju do të shihni se ka shumë dosje.
Por gjatë rrjedhës i seminarit, ne do të
kuptuar se çfarë secili dosje është përdorur për të.
Le të shkojnë në terminalin kështu ne mund të shihni fotografi pak më mirë.
>> Unë jam duke shkuar për të shtypni Kontrollit C për të ndaluar server,
dhe tani unë jam përsëri në app todos.
Unë kam dosje të ndryshme këtu, si dosje klient, dosje server.
Dhe këto dosje thjesht do të thotë se çdo gjë në dosjen e klientit
merr ekzekutuar në shfletuesin tuaj web.
Çdo gjë në një dosje server merr ekzekutuar në një server.
>> Ajo që unë dua të theksoj jashtë është se ajo që kemi pasur
kur ne kishim telefonit drejtimin tonë dhe shfletuesi tonë të internetit, këto ishin klientë.
Por çfarë po kandidon në një terminal, kjo është server.
Ne kemi dosje të tjera, si lib, e cila është kodi bibliotekë,
si ndihmëtar tuaj funksionet, të cilat ju mund të
përdorin në të dy klientit dhe serverit.
Dhe atëherë ju keni një publik dosje dhe burime
dosje të nevojshme për marrjen e imazhet tuaja dhe të tjera CSS ngarkuar.
>> Nëse ju keni të instaluar Meteor, ne do të vazhdojmë me punë praktike për Meteor.
Ju mund të shkoni në këtë URL, meteor.com/install,
për të marrë në vijën e komandave që unë ju tregoi se instalon Meteor.
Ne do të kalojnë nëpër të parë disa hapa për të marrë një më të mirë
të ndjehen për mënyrën se si për të instaluar Meteor.
>> Por së pari, unë mendoj se është e rëndësishme që ne të shqyrtojë pak JavaScript.
Për të ju tregojmë disa shembuj se si njohuritë tona C mund të përkthehet
në JavaScript, unë kam krijuar disa shembuj.
Ata janë në directory JS.
Pra, në qoftë se në seminaret dosje ju shikoni, ka një dosje të quajtur js.
Dhe në këtu, ne kemi disa shembuj.
>> Le të hapë i parë shembull dhe të shohim shumë shpejt.
Ajo që ne shohim është standardi juaj përshëndetje komandën botërore.
Ju njoftim C që t'ju kanë mjaft disa rreshta.
Dhe si studentë CS50 di, ne kemi nevojë për një funksion kryesor,
dhe ne duhet të përfshijë standarde I / O biblioteka në mënyrë të quajnë printf.
>> Le të shohim se si e krahason JavaScript.
Unë jam duke shkuar për të hapur ex1.js.
Komentuar jashtë është çfarë e C kod do të duken si,
dhe linja më poshtë është e gjitha ju keni nevojë për të kandiduar në Nyja.
Ju nuk keni nevojë për një funksion kryesor, ju nuk kanë nevojë që të përfshijë ndonjë fotografi,
dhe ju nuk keni nevojë të kthehen.
Ju vetëm thirrje console.log.
Kjo është ekuivalente e printf tuaj.
>> Dhe ai merr të njëjtën gjë Argumentet printf do.
Dhe në mënyrë që të drejtuar atë, në vend të duke bërë EX1,
ju vetëm do të thërrasë ex1.js. nyje
Ju shkruaj Nyja dhe pastaj file, dhe ajo merr të kandidojë.
Ajo nuk ka marrë përpiluar.
JavaScript është një gjuhë e interpretuar.
Pra, ajo nuk ka nevojë të jetë hartuar para se të kandidojë.
Nëse unë të kërkuar për të kandiduar ex1.c, Unë kam për të bërë atë më parë,
dhe pastaj unë mund të drejtuar ekzekutueshme për të marrë të njëjtin output.
>> Le të shpejt të mbulojë disa koncepte të tjera JavaScript.
Le të shikojmë në shembullin dy.
Në ex2.js, në ex2.c, ne mund të shohim se ne kemi disa kodin.
Më lejoni të shpejt të shkojnë në një editor teksti të mirë
që do të tregojnë këto Linjat e reja të pak më të mirë.
Dakord.
Këtu kemi shembull 2.c.
Këtu kemi lloje të ndryshme se ne jemi shtypjen nga.
Dhe siç e dimë, printf merr qind argumente të ndryshme
për të hyrë në pjesë të ndryshme të të dhënave.
Nëse ne duam të shtypura një varg, ne e quajmë% s.
Nëse ne duam të thirrur një lundrues Numri pikë, ne i quajtur% f.
Dhe nuk ka asnjë mënyrë e lehtë për të thirrur një Boolean nga vlera e saj e vërtetë apo e rreme.
Por në qoftë se ju përdorni% d, ju mund të merrni a 0 ose një 1 për rreme dhe të vërteta.
>> JavaScript është pak nicer për ne.
Në JavaScript, le të shohim në disa Dallimet ne kemi në këtë skedë.
Së pari, ju vëreni se në C ne kemi për të nisja çdo ndryshore me një lloj.
S është një yll char.
Është një varg, dhe ajo nuk mund të jetë çdo lloj tjetër.
N është një noton.
B është një bool.
>> Por në JavaScript, ka lloje dinamike.
Kjo do të thotë se ju nuk e bëni nevojë për të të treguar JavaScript
çfarë lloje variabla tuaja do të jetë.
Ju vetëm të them var për ndryshore, emri i variablit, dhe pastaj vlera e saj.
Pra, një var mund të jetë çdo gjë të vërtetë.
Ajo mund të jetë një varg.
Ajo mund të jetë një numër lundrues pikë.
Ajo mund të jetë një karakter.
Ajo mund të jetë një Boolean.
Dhe konsol log punon pak ndryshe.
Nëse ju doni të shtypura një numër, ju telefononi% d.
Por shumica Vlerat mund të jenë të shtypura si strings vetëm gjobë.
>> Le të drejtuar këtë në Nyja për të parë se çfarë do të ndodhë.
Unë mund të telefononi ex2.js nyje, dhe ne të merrni printf
me CS50 vlerave, N si numër lundrues pikë,
dhe pastaj B si Boolean konvertuar në një varg të vërtetë.
Po në lidhje me nëse kemi bërë shembull 2.c?
E pra, ne ende kemi disa më shumë annoyances me printf.
Vini re se pikë lundrues numër duhet të jetë i formatuar si duhet,
dhe se Boolean nuk mund thjesht të shfaqet si e vërtetë apo e rreme.
Dakord.
Tani le të shohim në shembullin e tretë.
Në shembullin e tretë, ne jemi duke treguar se si ju do të përdorni një për lak.
Në fakt, kjo është shumë e thjeshtë.
Një nga gjërat e këndshme rreth JavaScript është se ajo bazohet C.
Kjo do të thotë se një shumë e juaj Kodi do të duken shumë të ngjashme
dhe ndihem shumë e shumë të njëjtën gjë.
Në një për lak, e vetmja gjë që ka ndryshuar me të vërtetë këtu
është në vend të int i, ne kemi var i.
Ne ende mund të caktojë atë për vlerën zero, kontrolloni që është më pak se pesë,
dhe rrisim atë nga një me operatorin ++.
Ne e quajmë console.log në i, dhe që do të na shkruar një numër me çdo linjë.
Le të drejtuar atë me të vërtetë shpejt për të parë se çfarë ajo nxjerr.
Ne kemi marrë një numër të ri në çdo linjë.
Një tjetër gjë që unë dua të ju në njoftim me console.log
është që ju nuk keni për të shkruar backslash n për linjën e re.
Console.log do të shtypura çdo gjë në linjën e vet.
Kjo është një karakteristikë e bukur se JavaScript na jep.
>> Tani le të hapë shembull katër.
Në shembullin e katërt, për herë të parë në C, ne jemi duke e quajtur një funksione pak.
Vini re se ne duhet të deklarojë Funksionet e para ne i përdorim ato në kryesor.
Nëse do të kishim kryesor i parë dhe pastaj shtoni dhe pastaj të lartë, të bëjë,
tingëllimë, ose GCC do na japin një gabim duke thënë
se ajo nuk e di se çfarë është e lartë.
Ajo nuk e di se çfarë është add.
Pra në C, ju duhet të jetë Italian për mënyrë në të cilën ju e quani funksionet tuaja.
>> Le të shohim se si ju mund të bëni këtë në JavaScript.
Ne kemi fotografi të ndryshme sepse aty disa mënyra të ndryshme për të bërë këtë.
Një mënyrë është shumë e shumë të një përkthim i drejtpërdrejtë.
Sepse funksionet në C kthehen lloje, dhe JavaScript
nuk ka të vërtetë e di ose kujdes për çfarë lloji të ktheheni,
ju nuk do të shkruaj një lloj.
Në vend të kësaj, ju vetëm duhet për të shkruar funksionin,
dhe çdo gjë është shumë e shumë e njëjtë si më parë.
>> Kur ju keni një ndryshore, si në shtoni, ne vetëm duhet të shkruani x dhe y.
Ne nuk kemi nevojë për të thënë x është një int.
Ne nuk kemi nevojë për të thënë y është një int.
Ne kthim me të njëjtën sintaksë.
Për të lartë, ne deklarojnë atë me funksionojnë në vend të pavlefshme.
Vini re se nëse është e pavlefshme ose jo-pavlefshëm,
kjo është ende e të gjithë të njëjtën funksion.
Dhe ne thjesht nuk e vënë çdo gjë në kllapa,
dhe kjo duket shumë e shumë si të kodit C.
Dhe më poshtë, ne mund të telefononi atë poshtë.
>> Nëse ne shikojmë në shembullin 4b, vërejmë që unë e kam ndryshuar disa gjëra.
E vetmja gjë që unë kam ndryshuar me të vërtetë edhe pse është e rendit.
Ne kemi të njëjtën gjë funksionet, por tani ata janë
deklaroi pas ata janë përdorur në console.log dhe të lartë në linjat 18, 19.
Nëse ju e bëri këtë në C, të bëjë do të hedhin një gabim.
Këtu, kjo punon vetëm gjobë.
Dhe unë mund të tregojnë këtë për ju nga duke e quajtur Nyja për shembull 4b.
>> Një tjetër mënyrë ne mund të telefononi funksionet është duke kursyer funksione si variabla.
Ashtu si thashë, një variabël mund të ketë ndonjë lloj.
Një nga llojet një variabël mund të ketë një funksion.
Pra, nëse ju shikoni në shembull 4c, ajo që unë kam ndryshuar
këtu është var shtuar në vend të funksionit add.
Dhe tani e shtuar e barabartë me një funksion.
Ky funksion këtu është anonim.
Ajo nuk ka emër, kështu që është vetëm Funksioni dhe pastaj kllapa.
Sintaksa pas se nuk ndryshon, por ju
duhet të mbani në mend se ju keni një ndryshore që ju jeni
ruajtjen funksionin në shtese, dhe a variabël që ju jeni ruajtjen në të lartë.
>> Për shkak të shtoni dhe të lartë tani janë variabla dhe jo të funksioneve, ndryshon diçka.
Kjo është një bug i zakonshëm unë shoh në një shumë e Javascripts njerëzve,
dhe diçka për të mbajtur në mend.
Kur unë të drejtuar këtë, le të shohim se çfarë ndodh.
Unë të marrë një gabim.
Është thënë se pa definuar në këtë pikë.
Pra është e thënë atë nuk e di çfarë është shtuar.
>> Sepse tani e shtuar nuk është një funksion, shtoni një ndryshore.
Dhe ju nuk keni dhënë në të vërtetë shtoni një vlerë akoma kur keni përdorur atë.
Kjo na sjell në shembull 4D, ku nëse ju doni të përdorni variabla si funksione,
ju vetëm duhet të bëni të sigurtë që ata marrë vlerën para se ata janë përdorur.
>> Le të lëvizin për shembull pesë atëherë.
Këtu, ne flasim për structs në C. Në C, structs
kanë këtë strukturë të caktuar në to sepse ju duhet të deklarojnë ato
para se ju përdorni atë, dhe ju thonë se unë kam një student,
dhe çdo nxënës ka saktësisht një emër, një vit, një gjini.
Ajo duhet të ketë të gjithë ata.
Ajo nuk mund të ketë ndonjë vlerave të tjera, dhe ata duhet të jenë lloje të veçanta.
>> Atëherë ne mund të iniciojnë struct në këtë sintaksë të bukur
sepse ajo e di rendin.
Kështu që e di se Roger është një emër.
Ajo e di se 2016 është një vit dhe M është një gjini
sepse ne tha ajo kjo Lista është një student struct.
Dhe pastaj ju mund të shtypura ajo, qasjen s.name.
Le të shohim se si ne do të kthyer që në JavaScript.
Vini re se s është tani një variabël, dhe nuk ka asnjë lloj.
Është vetëm një var përsëri.
Për shkak se ajo nuk ka rëndësi nëse Lloji i kësaj variable është një akrep,
kjo është një struct, apo ndonjë gjë tjetër.
Ne kemi një sintaksë paksa të ndryshme.
Kjo Sintaksa është sintaksë objekt.
>> Ju mund të keni parë atë në JSON.
JSON në të vërtetë qëndron për JavaScript simbol Object.
Kjo është se si ju define objektet në JavaScript.
Ne kemi një çelës, i cili është vlera, si emër.
Dhe ne japim ajo vlerëson në Ana tjetër e zorrës së trashë.
Dhe një gjë për të mbajtur në mend është të ju nuk duhet të ketë një emër dhe një vit
dhe një gjinore për një objekt.
Një objekt mund të nuk kanë vlera.
Ajo mund të ketë sa më shumë si ju dëshironi.
>> Ne mund të përdorim këto objekte në vetëm njëjtën mënyrë ne do të përdorim një e strukturës, s.name.
Ne mund të kandidojë atë me të vërtetë shpejt duke bërë nyje shembull 5.c.
Ne nuk mund të vërtetë të drejtuar një skedar C në Nyja.
Ajo nuk e di se çfarë C është.
Ajo vetëm e di JavaScript.
Kur ne të drejtuar ex5.js, ne marrim vlera, të cilat ne i pritur.
>> Le të lëvizin për shembull gjashtë.
Këtu unë vetëm dua të flas pak pak më shumë rreth vargjeve JavaScript
sepse ata janë pak e ndryshme se ajo që ju jeni
përdoret për të në C. Vargjeve janë notated, jo me kllapa si në C,
me formatimin e teksteve kaçurrel, por kllapa.
Ju mund të keni një rrjet të zbrazët, si arr në linjë katër.
Ju mund të keni vargjeve me vlera të shumëfishta.
Dhe ju të hyrë në to vetëm të njëjtën mënyrë në C.
>> Deri në rreshtuar shtatë, çdo gjë Duket shumë i thjeshtë.
Një ndryshim i vogël është këtu në linjë 10.
Mënyrë që ju të merrni një gjatësi prej një array është vetëm duke telefonuar .length.
Një koleksion fakt mund të jetë trajtohet si një objekt,
dhe ky objekt ka një pronë gjatësi që ju të telefononi për të marrë gjatësinë e saj.
Vini re se kjo është e ndryshme në C sepse në C ju
duhet ta dini gjatësinë e objekt tuaj para kohe.
>> Pra, një tjetër gjë e bukur për vargjeve është se ju mund të ketë lloje të ndryshme.
Nëse ju keni një koleksion në C, atje janë të vargjeve të një vlerë të veçantë,
ose një akrep struct ose gjithandej ose [e padëgjueshme].
Këtu, ju mund të kenë vlera të ndryshme.
I pari kishte një numër lundrues pikë, pastaj një Boolean, pastaj një tjetër numër i plotë.
Dhe në të vërtetë, ata mund të ndryshojë lloje shumë.
Shikoni në linjë 16.
Array dy po ndryshon nga të qenit një numër, një integer, tek një varg.
>> Një tjetër gjë e bukur për vargjeve është këtu në linjë 19, ata kanë madhësinë e pafund.
Ju mund të them vetëm unë dua të qindta element të jetë string legit.
Dhe kjo nuk duket për të bërë kuptim sepse array vetëm
ka hapësirë ​​për tre elemente, kështu përfundimtar duhet të jetë dy.
Por kur ju bëni këtë, le të shih çfarë array tre bëhet.
Ne do të kandidojë kjo shpejt me shembull nyjë six.js.
Ne kemi marrë këtë të vërtetë e gjatë array, dhe çfarë ndodh
po ne kemi elementet e para pak dhe pastaj një bandë e boshllëqet
deri sa të kemi vargun tonë.
JavaScript mbush në array siç është e nevojshme.
>> Le të më në fund të shkojnë në shembullin tonë të fundit.
Këtu kemi një listë studentët e ndryshme.
Unë dua të flas pak bit për disa aspekte të bukur
e për sythe në JavaScript.
Në C, për sythe janë lloj i kufizuar.
Ata kanë një strukturë të caktuar, ku ju kanë një ndryshore, ju keni një gjendje,
dhe pastaj ju bëni diçka në fund të lak.
Dhe sigurisht kjo punon në JavaScript, siç e kemi parë në shembujt e mëparshëm.
Por ne gjithashtu kemi mënyra nicer e bërë këtë në JavaScript.
Kjo është quajtur një lak foreach.
>> Na vjen keq, le të kthehemi për shembull shtatë këtu.
Ne gjithashtu mund të them seksion është një listë.
Pra, më jepni çdo i ose çdo indeks në atë listë.
Atëherë ne mund të merrni nxënësin nga vetëm duke e quajtur pjesë të i.
Pra të gjithë e kodit të përcaktimit të i barabartë me zero dhe duke e bërë të sigurt i
është më pak se gjatësia dhe duke shtuar një për të i çdo herë, kjo është e
duke u kujdesur për ju në vend bukur me këtë lak foreach.
>> Jo vetëm që sythe foreach punojnë në listat apo vargjeve,
ata gjithashtu punojnë në objekte, e cila është edhe e bukur.
Ju mund të merrni emrin e çdo pronë nga vetëm duke marrë
një fjalor ose një objekt, si student, dhe pastaj vetëm duke thënë të më jepni çdo çelës.
Një kyç do të jetë këto Pronat, emri apo shtëpi.
Pra, çfarë do të ndodhë këtu është se ne të shtypura nga i pari emrin dhe pastaj
shtëpi e çdo studenti.
>> Unë mund të kandidojë në këtë Nyja me të vërtetë shpejt për të treguar ju.
Ne kemi marrë për herë të parë stilin e C për lak, ku ne kemi marrë çdo objekt duke u shtypur jashtë.
Dhe pastaj ne kemi JavaScript-in stil, ku ju mund vetëm
shtypura nga çdo çelës dhe vlerësojnë individualisht.
>> Dakord.
Tani që ne kemi mbuluar Node.js, unë mendoj ne jemi të gatshëm për të marrë filluar me Meteor.
Ashtu si thashë, Meteor bëri një punë të madhe i shkruar në disa shembuj të gatshme
për ju që ju mund të shqyrtojë përmes ky tutorial ose në dosjen e seminarit.
Por këtu unë dua të fillojnë më shumë nga e para.
>> Le të krijojnë një të thjeshtë për të bërë aplikimin.
Kjo është lloj i bazës së çfarë për bëni aplikimin unë ju tregoi më herët është.
Në këtë tutorial, ju do të shihni se ka
një Meteor komandë të krijuar për krijoni një projekt të ri Meteor.
Ju duhet për të thirrur këtë në mënyrë për të drejtuar projekte meteor sepse ajo
do të kandidojë komandat për të krijuar Meteor
fotografi të nevojshme për projektin tuaj.
>> Nëse ju shkoni në terminal, ne mund të shkoni në dosje të quajtur hap një.
Dhe hap një do të korrespondojnë me Hapi i parë në këtë tutorial.
Njoftimi ka dosje, hap një, hap dy, të gjithë rrugën deri në pesë.
Dhe secili prej tyre është i korrespondon nje hap ne kete tutorial.
Unë jam duke shkuar për të hapur atë në editor teksti tim këtu
kështu që ne mund të shohim një grimë e asaj që u krijua.
Vërejmë se atje janë katër pjesë kryesore.
Ka një directory Meteor, .meteor.
Dhe që ju zakonisht nuk kanë nevojë për të prekur.
Meteor kujdeset për se dosje, dhe ajo vetëm
e bën të sigurt që tuaj Projekti do të funksionoj në rregull.
>> Ne gjithashtu kemi tri fotografi, një fotografi HTML, një fotografi JavaScript, dhe një skedar CSS.
Le të së pari të fillojë me skedar HTML.
Në shikim të parë, kjo duket si një dokument normal HTML.
Por vini re se atje disa dallime.
Një, kjo nuk është në të vërtetë një dokument i plotë HTML.
Ne jemi të humbur të HTML tags.
Kjo është normale.
Në Meteor, ju nuk jeni duke pritur për të krijuar këto HTML tags.
Kjo është bërë për ju.
Ju dëshironi të begin-- nëse ju dua të krijuar një faqe interneti,
ju vetëm duhet të fillojë me tag kokë,
përcaktojnë se, dhe pastaj define tag trupit.
>> Por në qoftë se ju të vini re në këtë Skedar HTML, ne kemi një kod të ri.
Ne kemi tag template.
Kjo nuk është HTML normal.
Ky është një version special i HTML që Meteor bën në dispozicion për ju.
Ajo që quhet bare hapësirë.
Ju mund të përcaktojë templates si pak modulet, lloj si funksionet ndihmëse,
në C tuaj ose kod JavaScript.
Kjo template do të të ketë një emër të quajtur detyrë.
Dhe ju mund të shihni të drejtë këtu në linjë 13 që ju mund të telefononi këto templates.
Dhe çfarë Meteor do të bëjë është vetëm plotësoni këto detyra për ju.
>> Një tjetër gjë që ju mund të vëreni është një pak e ndryshme është kjo çdo funksion.
Secili do të marrë variablin Detyrat dhe lloj të shkuar nëpërmjet saj
në atë foreach loop ne e pa në shembullin e shtatë.
Kjo secili mund të marrë një fjalor ose një listë, një objekt ose një listë,
dhe ai do të shkojë vetëm nëpër të gjitha Vlerat si një lak foreach do.
Pra, në qoftë se ne kemi një bandë e detyrave, ky do të thërrasë template në çdo detyrë.
>> Le të drejtuar projektin Meteor vetëm për të parë se kjo ndodh.
I drejtuar projektin Meteor me vetëm Meteor apo Meteor kandidojë.
Dhe tani Meteor vetëm do të duhet të shpejt të përgatisë projektin,
të fillojë bazën e të dhënave të nevojshme, dhe pastaj të postoni app në nivel lokal.
Ne mund të shkojnë në shfletuesin tonë të internetit tani.
Dhe ne do të shohim se ne kanë një app shumë të thjeshtë.
Pra, ajo që ne pa treguar deri në të vërtetë ishte hap një, hap një skedar.
>> Le të lëvizin për në hap dy vetëm sepse Unë mendoj se kjo do të shërbejë për të njëjtin qëllim.
Unë jam vetëm do të ndryshojë në hap dy directory
dhe të drejtuar Meteor përsëri kështu që ne mund të shohim template ne vetëm ka punuar me të.
Po, një pyetje?
>> AUDIENCA: Leja Nëse ne jemi duke marrë mohuar, është that-- çfarë është ajo
bëri thirrje për këtë?
Roger ZURAWICKI: Nëse ju jeni duke drejtuar Meteor,
dhe ju keni leje mohuar, disa nga dosjet tuaja
mund të mos kenë të drejtë grup leje.
Kështu që ju duhet të kontrolloni se ku lejet janë jashtë.
Ata mund të jenë jashtë në projekti juaj Meteor,
ose ata mund të jenë jashtë në Meteor fotografi veten e tyre.
>> AUDIENCA: Nëse unë shkarkuar atë vetëm tani nga Github tuaj, atëherë çfarë duhet të bëj
[E padëgjueshme]?
>> Roger ZURAWICKI: Nëse doni për t'u siguruar që ju mund të hyni në atë,
ka një komandë ju mund të kandidojë.
Le të më shpejt të shkruar atë jashtë kështu që njerëzit e tjerë mund të shohin atë.
Unë jam duke shkuar për të hapur një skedë të re këtu dhe të shkojnë në dosjen time seminar.
Chmod është komanda për të ndryshuar lejet,
dhe ju mund të thoni r për të bërë atë Recursively për çdo skedar.
Dhe lejet, ju mund të përpiquni 0755 për t'u siguruar që ju të keni qasje të plotë,
dhe të gjithë të tjerët mund të lexoni.
Dhe në qoftë se ju vetëm të drejtuar kjo komandë, ajo do të të bëjë
Sigurohuni lejet janë në kontrolloni për tërë directory.
Drejtimin ls-l mund të ju tregojnë lejet në më shumë detaje.
Kjo duket OK.
>> Çfarë është më e rëndësishme është që ju të keni të gjitha tre
rwx për të gjitha dosjet në Lista seminar.
A e që të zgjidhë problemin?
>> AUDIENCA: Ajo thotë se mungojnë operant [e padëgjueshme].
[E padëgjueshme]
Roger ZURAWICKI: Ju duhet të sigurohemi që ju të
kanë një pikë në fund të komandën tuaj.
Audienca: [padëgjueshme].
Roger ZURAWICKI: Në rregull.
Le të shpejt të kthehemi në host lokale, app kemi.
Dhe ju do të shihni se ne kemi një Disa detyra këtu, si e pritura.
Ne kemi një bandë e CSS, e cila ju nuk keni nevojë për t'u shqetësuar rreth.
Meteor tutorial vetëm jep kjo për ju
për të bërë tuaj për të bërë sy listë a bit nicer se sa HTML të thjeshtë.
Dhe ne kemi skedarin JavaScript, e cila Unë do të shkoj në detaje më shumë pak më vonë,
por ajo vetëm jep këto detyra.
Kjo është detyrë e një.
Kjo është detyrë e dy.
Kjo është detyra tre.
Pra, kjo është dhënave Meteor-së duke marrë.
>> Një nga gjërat e ftohtë në lidhje Meteor është se ndryshimet mund të ndodhë automatikisht.
Nëse unë të kërkuar për të ndryshuar emrin e detyrës së parë,
kështu ajo do të thonë se kjo nuk është e Detyra e një, dhe unë për të shpëtuar atë,
atëherë kur unë shkoj në web shfletues, ju mund të rifreskoni atë,
dhe kjo automatikisht thotë kjo nuk është detyrë një të tillë.
Ju mund të bëni të njëjtën gjë në ndonjë nga këto fotografi.
Bëni një ndryshim, në vend të për të bërë lista, unë do të duhet ajo tim për të bërë lista.
>> Dhe një gjë që ju vetëm vënë re, që unë as që ka pasur për të rifreskuar.
Ideja e flladit është lloj i zgjidhur për ju me Meteor.
Sa herë që zbulon ndryshimet e file, ajo do të ngarkesës ndryshimet për ju.
Kjo punon në të gjitha dosjet, nëse kjo është HTML, CSS, ose JavaScript.
Për të treguar se çfarë kjo app do të dukej si pa CSS, unë mund të hiqni të gjitha.
Dhe kur është rifurnizuar, ju tani keni a jo si i pashëm për të bërë lista.
Le të vënë atë përmbajtje përsëri.
Dhe me siguri të mjaftueshme, atë freskon, dhe CSS ynë është mbrapa.
I madh.
>> Ne tani mund të lëvizin më me tutorial.
Le të flasim për hapin e dytë, templates.
Kjo është ajo që ne vetëm e pa me detyra të ndryshme.
Meteor do të shpjegojë për ju se çfarë templates dhe se si kjo logjikë funksionon.
Por le të vetëm shikoni në kodin ndaj të shohim nëse ne mund të bëjë kuptim nga ajo.
>> Në aplikimet shumë të thjeshtë, si ajo që ne kemi në të thjeshtë
për të bërë, hap një, hap dy, hap tre, katër hap, hap pesë,
ne nuk kemi ndonjë dosje.
Ne nuk kemi server dosje përmenda.
Ne nuk kemi klientin dosje që u përmend.
Pra Meteor do të kandidojë të gjitha dosjet.
Ajo do të drejtuar atë si në klient, të dy në server.
>> Dhe në qoftë se ju doni pjesët e juaj JavaScript Kodi për të kandiduar vetëm në të klientit,
ata duhet të bëni të sigurtë që ju keni një nëse deklaratë, lloj si ajo
ne kemi në dosjen tonë JavaScript këtu.
Pra Meteor, vetëm nëse është klienti, atëherë unë
duan për të përcaktuar një template ndihmëse quajtur detyra.
Çfarë ky kod vërtet nuk është ajo thotë se nuk ka
një objekt i quajtur template që Meteor ofron.
Dhe ne jemi duke shkuar për të shtuar një ndihmëtar.
Ndihmëtarë janë këto detyra, këto gjëra të tilla si detyrat.
>> Ju do të shihni se në qoftë se ne të kthehemi në Skedar HTML, ne i quajtur secili në detyra.
Detyrat nuk është përcaktuar në HTML.
Është e definuar në JavaScript.
Dhe Meteor ka nevojë të dijë se çfarë është detyra kur ne shkojmë në JavaScript këtu.
Detyrat është kjo ndihmëtar.
Helper, ju mund të mendoni ajo si një variabël template.
Dhe çfarë bën detyra të bëj?
E pra, ajo kthen listën e vlerave.
Për shkak se ajo është një listë, ne mund të telefononi secili në të.
Pra, kjo është arsyeja pse ne e quajmë njëri mbi detyrat.
Dhe tani ne kemi detyrë.
>> Çfarë do të detyrë të bëjë?
E pra, ajo ka këtë shigjetë këtu pas formatimin e teksteve kaçurrel.
Kjo do të thotë detyrë është një template.
Kjo nuk është një ndihmë, si ajo që ne vetëm e pa.
Kjo është një template që kemi përcaktuar.
Dhe ku kemi përcaktuar atë?
Ne e kemi përcaktuar atë poshtë të drejtë këtu.
>> E gjithë kjo template nuk është suvatoj një artikull listë, dhe ajo e quan tekstin.
Tani, teksti duket të jetë një helper, por unë do të ju tregojnë
se kjo është në të vërtetë ende një anëtar të dhënave të detyrave.
Kur ju telefononi secili, ajo shkon në Struktura e të dhënave pak.
Ashtu si lak foreach, ajo tani vetëm duket në elementin e parë në objekt tonë.
Ne e shohim se teksti është definuar këtu në objektin tonë.
Pra Meteor është i zgjuar për të dini se ne jemi duke folur për këtë tekst,
nuk ndihmëtar i quajtur teksti.
Ajo thjesht merr vlerën e kësaj Teksti këtu dhe tregon atë si HTML,
dhe kjo është se si të dhënave shkon nga JavaScript në HTML.
>> Moving në pse, në këtë shembull ne vështirë koduar ato vlera.
Meteor bën dy të vërtetë gjëra të bukur për ne.
Përveç refresh gjallë që ne tregoi, ai gjithashtu menaxhon database tonë.
Nëse keni pasur për të punuar me PHP, ju desh të konfiguroni phpMyAdmin.
Ju kishte për të siguruar tuaj tavolina ishin të gjithë në kontroll.
Ju kishte për të bërë shumë punë për të bërë i sigurt të dhënat tuaja është formatuar si duhet,
dhe PHP mund të komunikojnë me të.
>> Tani, Meteor përdor një model të ri.
Kjo është një mënyrë më moderne e trajtimit të një bazë të dhënash.
Kjo është një teknologji të quajtur MongoDB.
Ashtu si në JavaScript, pamë se ajo nuk ka rëndësi se çfarë lloje pasur të dhënat.
Çdo gjë ishte një var.
Kjo nuk ishte një charstar.
Kjo nuk ishte një int.
Kjo nuk ishte një struct.
Ajo ishte vetëm var kjo, var se.
>> MongoDB punon lloj të njëjtën mënyrë.
Ju nuk keni për të përcaktuar tavolina tuaja.
Ju nuk keni për të thënë një tavolinë ka një emri, e cila ka një int.
Ajo ka, unë nuk e di, a dollar, e cila është një decimal.
Është vetëm këto JavaScript objekte, të gjitha këto VARs, në thelb.
Dhe kjo është një me të vërtetë i fuqishëm mënyrë për prototip app tuaj.
Dhe kjo është arsyeja pse Meteor merr përfitojnë nga kjo.
>> Nëse ne do të shkojmë në hap tre, le të shohim se çfarë ka ndryshuar.
Nëse ne shikojmë në HTML todos, jo shumë.
CSS nuk ka ndryshuar fare.
Por ndryshim i vogël që ne të shohim në HTML është që ne kemi ndryshuar mënyrën se si është përcaktuar detyrat.
Detyrat është tani një funksion.
Kjo do të thotë se çdo kohë ne duam të marrë detyrat,
ne jemi duke shkuar për të drejtuar këtë funksion.
Ajo nuk ka kthim funksion si një vlerë.
>> Meteor është i zgjuar që në fakt të drejtuar Funksioni për të parë se çfarë ne të merrni jashtë.
Dhe ai kthehet këtë gjë të quajtur detyra.
Ne kemi përcaktuar detyrat në përputhje njërën, dhe kjo është një koleksion Mongo.
Mongo është duke iu referuar baza e të dhënave Meteor përdor,
dhe ky i ri thjesht do të thotë le të bëjë një koleksion të ri, telefononi atë detyrat.
Në MySQL, kjo do të ishte e barabartë me kërkoni për detyrat tryezë të quajtur.
Mongo ka koleksione jo, tavolina.
Pra, kjo vetëm duket për detyra.
>> Tani, template në tonë ndihmës në template, të gjithë
ne duhet të bëjmë për të marrë të gjithë Detyrat është ky funksion, gjeni
dhe kjo mbajtëse bosh.
Kjo është më e veçantë për Mongo sintaksë.
Ka shumë të Dokumentacioni online për mënyrën se si
ju mund të bëni efikas dhe të vërtetë e dobishme Mongo pyetje.
Por diçka e tillë është e mirë të mjaftueshme për të vetëm të gjetur të gjitha të dhënat.
>> Tani, një nga çështjet që ju mund të shihni është se ne kurrë nuk të vërtetë të shtoni të dhëna.
Pra, çfarë ndodh kur ne në të vërtetë të drejtuar hap të tre?
Le të shpejt të shkojnë në hap tre dhe drejtuar Meteor.
Vini re se kam pasur një tjetër Meteor Projekti running diku tjetër,
kështu Meteor nuk ka si se.
Unë jam vetëm duke shkuar për të shpejt afër Meteor tjetër me Kontrollit C,
shkoni në hapin e tre, dhe drejtuar Meteor përsëri.
Vini re se është duke filluar MongoDB sepse MongoDB
është një pjesë e çdo projekti Meteor.
>> Pra, ai thotë se aplikimi im ka gabime.
Kjo është një karakteristikë e bukur Meteor ka.
Kjo e bën të sigurt tuaj HTML është e vërtetuar mirë.
Le të shpejt të shohim pse kjo mund të jetë.
Duket se unë kam rastësisht kopjuar kodin HTML gabuar.
Nëse unë ta ruani atë tani, Meteor automatikisht rifilluar server,
dhe tani app po kandidon si pritet.
Njoftim për të rregulluar këtë, ju vetëm mund të kandidojë njëjtë skedar HTML nga hapi dy,
kopje atë në hap tre.
>> Ne mund të kthehemi në host tonë lokale.
Dhe tani ne shohim ne duhet tonë për të bërë lista.
Great, por është e zbrazët.
Ne në fakt nuk kanë ndonjë Detyrat në database tonë Mongo.
Pra, le të flasim për një disa mënyra që ne mund të bëjmë atë.
Nëse ne të kthehemi në terminal, ne mund të ngushtë dhe të drejtuar Meteor Mongo.
>> Nëse ju jeni të njohur me mënyrën se si punon Meteor,
kjo në të vërtetë ju jep qasje në MongoDB plotë për Meteor.
Vini re se ju duhet të jetë duke Meteor i parë për këtë për të punuar.
Pra, nëse unë të drejtuar këtë në një skedë të re, unë mund të kthehemi në të njëjtën directory.
Dhe tani Meteor punon vetëm gjobë.
Kjo është një shpejtë.
Më lejoni të bëjë atë pak më e madhe kështu që ne mund të shohim.
Kjo duket pak e ndryshme se çfarë ju mund të përdoren për ju
nuk duhet të vërtetë për të përdorur Mongo.
Të gjithë pika e mua këtu është kështu që ju mund të përdorni JavaScript.
Por në qoftë se ju jeni kurioz, API Mongo nuk bën
përdorin SQL, i strukturuar Query Language.
Ajo përdor gjuhën e vet që duket shumë si JavaScript.
Shumë shpejt, ne mund të gjeni Tabela nëpërmjet db.tasks.
Dhe kjo është thënë mua rezulton në qoftë se kemi drejtuar gjetur,
lloj i ngjashëm me atë që kemi pasur me Meteor, ne mund të ngarkesës të gjitha elementet.
Problemi është, ne nuk bëjmë në të vërtetë kanë ndonjë detyrat e përcaktuara.
Pra, ajo nuk mund t'i merrni ato.
>> Ne mund të futni, edhe pse.
Pra, ne mund të kandidojë insert me insert komandës.
Dhe ne vetëm t'i jepte një objekt, dhe ne vetëm
sigurohuni format është ajo që ne presim.
Nëse ne shikuar në hap dy, ne pamë se çdo detyrë
ishte një objekt me një tekst si çelësi dhe çfarëdo
tuaj artikull të bëja ishte si një variabël.
Pra, ne mund të bëjmë diçka këtu.
>> Ne mund të kemi atë të futur një detyrë i quajtur unë vij nga Mongo.
Dhe ne shtypni Enter, dhe ajo shkon.
Ne mund të kandidojë gjejmë përsëri, dhe ne shoh se ka një objekt këtu.
Mongo cakton atë një ID, e cila ju nuk duhet të vërtetë për t'u shqetësuar rreth.
Çfarë është e rëndësishme për ju është të dhënave keni vënë në, është e të dhënave që ju të merrni jashtë.
>> Le të kthehemi në faqen tonë të internetit, dhe hej, detyra jonë ngarkuar.
Dhe ju mund të shihni se sepse Meteor është shumë i zgjuar
dhe gjithmonë freskon për ju, unë nuk duhet të prekë në faqe.
Ajo i ngarkuar automatikisht.
>> Le të kandidojë disa kodin në JavaScript pse për të bërë këtë.
Ashtu si ne kemi Nyja në shpinë të përfundojë për të ekzekutuar jashtë JavaScript,
ne gjithashtu mund të drejtuar JavaScript-in direkt në shfletues tona.
Ju mund ta bëni këtë me një tipar i quajtur Inspect Element.
Nëse unë right click mbi një seksion i faqes,
ka një alternativë i quajtur Inspect Element.
Nëse ju jeni drejtimin e një shfletues si Safari, ju
mund të kenë nevojë për të mundësuar zhvilluesi tuaj Mjetet para jush të marrë këtë funksion.
>> Ajo që ne intereson është konsol.
Pra, ne do të shkojmë vetëm për të console në fund.
Tani ne mund të drejtuar ndonjë JavaScript-in këtu, si në JavaScript
Fotografi të kam treguar në shembullin e JS.
Por tani le të shohim në detyra.
Ne mund të drejtuar komandën tonë.
Dhe shpresojmë se unë do të jetë në gjendje për të bërë atë pak më e madhe kështu që ne të gjithë mund të shohim.
>> Nëse ne të drejtuar tasks.find, dhe ju do të shoh se ky është i njëjti kod i saktë
që e JavaScript përdorime fotografi në hapin e tretë, kjo task.find.
Ne mund të drejtuar të njëjtën gjë, dhe tani ne kemi marrë disa sende të pazakontë.
Si nuk kemi të vërtetë të marrë të dhënat?
E pra, ne kemi për të drejtuar këtë komandë quajtur shkoj të marr.
>> Kjo është shumë e dobishme për debugging.
Çfarë ju merrni këtu është një kursorin, dhe kjo është
një mënyrë e mirë Meteor ka optimizuar dhënat kartelë.
Kjo kursori ka të gjitha karakteristikat për përditësimin jetojnë dhe freskuese faqe
kur diçka ka ndryshuar.
Por kjo nuk do të na marrë të dhënat.
Ne mund të merrni të dhënat nëpërmjet shkoj të marr.
Dhe ju shihni ne kemi një objekt, dhe ajo është vetëm si ajo që kemi pasur në Mongo,
me një ID dhe tekstin ne kemi vënë në.
>> Deri sa nuk kemi futur një objekt në Meteor?
E pra, ne vetëm duhet detyrat.
Dhe atëherë ne mund të drejtuar njëjtë insert komandës,
duke i dhënë një fjalor ose një objekt me të njëjtin format, tekstin
dhe pastaj unë vij nga tastierë.
Hidhni një sy më sipër, sepse kur unë bëni këtë, ajo tregon deri në faqen e internetit
automatikisht.
>> Vini re se ju mund të vënë asgjë ju doni në këto objekte.
Ajo nuk duhet të kanë një strukturë të caktuar.
Unë mund të ketë një të barabartë me numër tre dhe b barabartë me false.
Dhe të gjitha veprat.
Unë mund edhe të zgjidhni të mos përfshijnë një tekst në të gjitha.
Kjo thjesht nuk është e rekomanduar pse sepse atëherë Meteor
nuk do të dini se çfarë për të shfaqur.
Por në çdo rast, ne të marrë një ID, dhe kjo është
ID e objektit që ju mund të përdorni.
>> Ndërsa ne vazhdojmë me hap katër dhe hap pesë,
tutorial do të ju tregojnë mënyra se ju mund të krijoni elemente UI duke përdorur
HTML ju dini për të krijuar detyra të ndryshme.
Le të shikojmë në hapin e katërt të vërtetë shpejt.
Ne do të shohim se kemi shtuar një seksion në lidhje me ngjarjet.
Templates mund të ketë ndihmëtarë, të cilat na marrin të dhëna.
Por ai gjithashtu mund të telefononi ngjarjet.
Dhe kjo është ajo ku gjëra bëhet e dobishme, sepse ngjarjet
po çfarë ndodh kur ju klikoni në gjëra të ndryshme në web faqen tuaj.
>> Këtu, kodi ynë është thënë ne të shtoni këtë ngjarje.
Shtoni atë kur ju keni paraqitur diçka me detyrën e klasës së re.
Çfarë keni këtu është një përzgjedhës CSS.
Pra, kjo vetëm duket për një HTML element që ka për detyrë të klasit të re.
Dhe kjo duket për ngjarjen, si paraqesë.
Ngjarje të tjera përfshijnë click, rri pezull, klikoni dy herë,
të ngjashme me atë që ju merrni në HTML normale.
>> Çfarë ju jepni atë këtu është tani një funksion.
Dhe ju mund të ketë tuaj Kodi në këtë funksion.
Ky funksion është ajo përfundon deri duke marrë quhet kur ju të paraqesë këtë detyrë të re.
Le të shikojmë në HTML vetëm kështu ne kuptuar se çfarë kjo detyrë e re është.
Ne kemi shtuar një formë këtu me detyrë të klasës së re.
Dhe kjo ka një kontribut që merr tekstin.
Dhe kjo është ajo ku ne do të shtojë detyrat tona të reja.
>> Le të kandidojë hap katër në Faqja e internetit për të parë atë që duket si.
Ne mund të lë jashtë e parë i MongoDB kemi pasur
nga e mëparshme ynë Shembulli me i Kontrollit C.
Dhe le të ndryshuar atë në hap katër directory.
Ne do të kandidojë përsëri Meteor për të filluar server.
Dhe për fat të keq, kam pasur Meteor running në një tjetër terminal.
Kështu që unë jam vetëm duke shkuar për të të siguruar që kjo të mbyllura.
Le të lë kjo dhe ndryshim në pjesën e katër, hap katër.
OK.
>> Tani kodi ynë Meteor po kandidon.
Dhe ju mund të shihni se ajo përditësuar, pa na edhe që ka për të rifreskoni faqen.
Çfarë ka ndryshuar këtu është tani se ne nuk kemi ndonjë detyrat,
por ne kemi një formë këtu, kjo kuti teksti, për të shtuar detyrat tona të reja.
Dhe ne mund të shtypni detyrën tonë këtu.
Unë vij nga faqja e HTML.
Kur unë shtypni Enter, ajo u dorëzuar.
>> Ne mund të shohim se çfarë ka ndodhur si të përcaktuara nga kodi JavaScript.
Çfarë ky funksion bëri ishte marrin tekstin nga forma,
dhe pastaj i quajtur vetëm tasks.insert, si ne e bëmë në tastierë.
Ata gjithashtu zgjodhi për të shtuar një datë createdAt.
Kjo është se si ju do të specifikojnë kohën e tanishme.
Pas kësaj, ajo hap formularin duke e bërë i sigurt vlerë të string i zbrazët.
>> Dhe pastaj ai e quan të kthehen rreme në sigurohuni që asgjë tjetër nuk ndodh.
Kur ju të ktheheni false nga një formë ngjarje, që ndalon ekzekutimin.
Thuaj një formë ka një veprim, si paraqesë në një faqe PHP.
Nëse ju nuk e kishte kthyer false, ju do të ktheheni e vërtetë.
Ajo do të përfundojnë duke e bërë atë kërkesë.
Kap e rreme atë dhe ndalon atë të drejtë atje.
>> Kështu që ishte një demo pak për si punon Meteor, dhe ne kemi
ndjekur tutorial për një kohë.
Dhe ju mund të ju lutem mos të lirë të vazhdojnë duke bërë këtë.
Ka shumë të burimeve, dhe tutorial është në të vërtetë vetëm
shumë e mirë për të shpjeguar çfarë po ndodh.
Unë dua të ju tregojnë se tani, në edhe pak minuta ne kemi mbetur,
cilat janë disa nga Karakteristika të pije freskuese të Meteor,
dhe cilat janë disa nga paketa më shumë të dobishme.
Një nga gjërat e mëdha për Meteor është se ju keni një sistem paketë.
Ju mund lehtë të inkorporojë kodin që mijëra zhvilluesit
kanë shkruar në të gjithë botën në projektin tuaj Meteor.
Një shembull i kësaj është ajo që ju mund të të bëjë në hapin e nëntë të tutorial, ku
ju jeni duke u përpjekur për të shtuar llogaritë për projektin tuaj Meteor.
Nëse ne kemi një PHP CS50 projekt, ne do të kemi
të mbështetet në kuadrin ose vetë kodi ynë për të bërë
i sigurt se ne të sigurt trajtuar fjalëkalime dhe usernames
dhe ruajtjen e të dhënave dhe të gjithë se.
>> Ajo rezulton Meteor ka disa paketa për të bërë këtë për ju,
dhe për të bërë atë shumë të lehtë.
Ajo që ne mund të bëjmë është të shtoni disa paketa.
Pra, le të bëjë atë të drejtë tani në tonë tastierë.
Unë jam duke shkuar për të lënë projektin dhe tani shkojnë në të thjeshtë-todos.
Tani, të thjeshtë-todos është projekt që ju
do të ketë pas duke u bërë me hapit 11 ose hapit 12,
në fund të këtij tutorial.
Dhe le të shpejt shikoni në atë për të parë se çfarë janë karakteristika të ndryshme që kemi.
Le të vetëm sigurohuni që është running.
Ndonjëherë kjo merr një kohë për të rifreskuar, por këtu është.
>> Ne kemi opsionin tonë për të fshehur Detyrat e plotë, dhe ne mund të nënshkruajë në.
Dhe kjo është bërë me paketë Meteor.
Është e madhe.
Ne tani kemi emri përdorues dhe shenjë fjalëkalimin në.
Por, çfarë nëse ne të kërkuar për të shtuar një tjetër lloj i mekanizmit login?
Le të thonë se unë të kërkuar për të hyrë brënda në me llogarinë time Meteor.
Unë jam duke shkuar për të drejtuar meteor shtesë, dhe kjo është sintaksë për të shtuar paketa.
Unë mund të them llogaritë, dhe accounts.meteor.
Ajo do të gjejnë tani paketë dhe ngarkesës atë.
Ju mund të shihni se unë nuk kam gjetur emrin e duhur paketë.
>> Deri sa ju të gjeni rreth paketave?
E pra ka një website i madh, i bërë në dispozicion nga populli Meteor,
i quajtur atmospherejs.com.
Atmospherejs, një fjalë, dot com, është një depo e madhe
për të gjetur të gjitha të Meteor paketa në depo.
Unë mund të kërkoni llogari, dhe pastaj ai do të më tregojë të gjitha stuff përkatës,
të gjitha paketat me emrin e llogarisë së.
>> Ndërsa se ngarkesa, ne mund të përpiqemi duke shtuar disa paketa të tjera.
Ndoshta paketë Meteor nuk është duke punuar e drejtë tani, por unë mund të shtoni Facebook.
Unë mund të shtoni llogari dhe pastaj të drejtuar projektin Meteor përsëri.
Pasi kjo fillon, le të shohim çfarë ka ndryshuar në faqen e internetit.
Ju mund të see-- unë mund të duhet ta rifreskoni atë këtu.
>> Unë kam një buton për të konfiguroni Facebook login.
Dhe këtu, unë kam të gjithë udhëzimet Meteor
ka përgatitur për ju për ngritjen e një Facebook app.
Dhe ju mund të përdorni atë informacion për të shtuar kartat e identitetit tuaj.
Pasi që është bërë, ju do të keni Facebook login punuar në app tuaj.
>> Unë jam vetëm duke shkuar për të marrë një ID app dhe një sekret,
vetëm për të ju tregojnë se si kjo mund të punojnë.
Ju do të duhet një llogari Facebook për të përdorur zhvilluesi opsione Facebook.
Më lejoni vetëm të shpejt të gjetur Çelësat Meteor që janë të nevojshme.
Unë kam një tjetër projekt Meteor që unë jam duke shkuar për të përdorur,
dhe unë jam vetëm duke shkuar për të marrë çelësat nga këtë dosje.
>> Dhe një herë unë gjej atë, unë vetëm do të jetë në gjendje të kopjoni këto çelësat në Facebook tim.
Kështu që këtu është një kyç.
Dhe kjo është e fshehtë.
Ju nuk duhet të jetë ndarjen e kjo me njerëz.
Dhe pastaj ju jepni sekret tuaj app.
Dhe kjo është aq Facebook e di se ju jeni.
Dhe ju ruani konfigurimin.
>> Unë mendoj se në procesin e Parë kanë ndaluar komponenten time Meteor.
Kështu që unë vetëm dua të bëj i sigurt se është ende atje.
OK, le të siguruar serverin tonë Meteor po kandidon kaq web faqe po kandidon.
Njoftim në qoftë se ne të ndaluar Meteor server, faqe është ende atje.
Ajo thjesht nuk do update më.
Server Meteor është e nevojshme për të bërë të sigurtë faqe është e gjallë.
>> OK, unë e kam dorëzuar atë, dhe tani Unë mund të nënshkruajë në me Facebook.
Tani ajo është vetëm një çështje e të paturit e një pop up Facebook
dhe vënien në llogarinë tuaj informacion dhe të hyni në.
Pasi ta keni bërë këtë, Facebook mund gërdallë ju për disa siguri më shumë.
Pra, ne do të ndalet vetëm atje.
Çështja është se kur ju jeni bërë me atë, ju do të keni Facebook login.
>> Meteor ka një bandë e paketa të tjera si.
Ju mund të hyni me Google +.
Ju mund të hyni me Github.
Ju mund të hyni me Twitter.
Ose në qoftë se ju kërkoni, ju do të gjeni shumë gjëra të tjera
si Meetup, LinkedIn, dhe Meteor Developer.
Pra Meteor Zhvilluesish ishte Paketa unë isha duke kërkuar për të.
meteor të shtoni llogaritë-meteor-zhvilluesi i saj.
Në ndërkohë, unë gjithashtu duan për të rekomanduar
disa paketa të tjera për projektet tuaja.
Kjo mund të provojë të dobishme për të përfshijnë paketën jQuery.
Kjo ju lejon të përdorni jQuery në klientët tuaj.
Ju vetëm mund të bëjë atë me një rresht, dhe Meteor do të bëni të sigurtë që ju jeni deri në datën
në jQuery.
Unë gjithashtu rekomandojmë houston: admin.
>> Kjo është lloj i si një phpMyAdmin lloj mjet për MongoDB tuaj.
Kjo ju lejon të redaktoni të dhënat tuaja mjaft lehtë
pa pasur nevojë të shkojë në shell Mongo, si unë kishte bërë më herët në këtë seminar.
Pra, tani që kjo është drejtimin, le të kandidojë Meteor përsëri dhe të shohim se çfarë mund të bëjmë.
>> Ju vëreni se duke shtuar disa paketa mund të kenë ata paraqesin disa paralajmërime.
Ju nuk do të duhet të shqetësohen gati se me houston.
Pra, ne tani mund të keni mundësi për të konfiguruar Meteor admin.
Dhe ata të ju jap drejtimet në qoftë se ju doni të vendosur se deri.
>> Ne gjithashtu mund tani të shkojnë në / admin.
Kjo është sjellë tek ju nga paketën Houston.
Dhe kjo është Meteor admin ndërfaqe.
Ju vetëm të krijojë një llogari admin, si kështu.
Dhe në qoftë se ju rifreskoni faqen, ju mund të kanë disa koleksione treguar deri.
>> Është një mjet shumë i dobishëm, dhe unë fuqimisht rekomandoj atë.
Ju mund të shihni se për shkak houston ishte duke i dhënë disa gabime,
ne nuk kemi ndonjë koleksione duke treguar deri tani.
Mënyrë që ju do të përdorni Houston është duke u siguruar ky funksion merr
quajtur në tuaj të thjeshtë-todos.
Pra houston nuk bën e di se çfarë detyrat e mia janë.
>> Ne kemi ngritur një Mongo grumbullimit të quajtur detyra.
Le të shkojnë në të thjeshtë-todos dhe vetëm të sigurt se në JavaScript,
ne kemi shtuar detyra të koleksioneve tona.
Ne e kemi ruajtur tani, dhe ajo e ndërtimit aplikimit, freskuese.
Dhe le të shohim.
Tani ne kemi disa detyra.
Dhe ne mund të shtoni disa detyra të reja.
Por në qoftë se ne duam të shtoni detyra, le të bëjë atë me app vetë.
>> Tani ne mund të shtoni disa të dhëna.
Hi, kjo është një detyrë.
Duket lloj çuditshme që ne nuk jemi duke parë çdo detyrë.
Ne mund të dëshironi të kontrolloni nëse kemi marrë ndonjë gabime këtu, apo ndoshta diku tjetër.
Nëse ne shkojmë në admin, që duket e çuditshme.
Nëse ju tërheq depo pas këtij seminari,
Unë do të sigurt se i thjeshtë-todos punon me houston.
Për fat të keq, kjo nuk duket të të jetë duke punuar në këtë moment.
>> A ka pyetje të tjera?
Houston normalisht eshte a mjet që punon shumë mirë.
Houston në mënyrë specifike është pak buggier se ato të tjera,
por unë bëj rekomandoj atë kur ajo punon.
Vërtet.
>> AUDIENCA: Çfarë mund të bëni me paketën Facebook
dikur një përdorues është në Anglisht in me Facebook e tyre?
>> Roger ZURAWICKI: Pasi një përdorues të identifikuar,
ju mund të bëni thirrje për API Facebook.
Një shumë e që qëndron më shumë në si Facebook hap API e tyre.
Meteor, sigurohuni që ju të kanë lidhje.
Por çdo gjë pasi që është një çështje të mësuarit se si të përdorin API Facebook.
Audienca: [padëgjueshme].
Roger ZURAWICKI: Në rregull.
Ju faleminderit shumë për ky seminar CS50 në Meteor.
Nëse keni ndonjë pyetje, ju mund të email mua
në adresën e-mail listuara më poshtë seminarit.
Dhe unë do të jenë të lumtur për përgjigje pyetjeve tuaja.
Unë gjithashtu do të jetë në CS50 Hackathon duhet
ju duhet të ndihmojë me projektet tuaja Meteor.
Faleminderit për shikimin.