[Hudba hrať]
ROGER ZURAWICKI: Ahoj, my Volá sa Roger Zurawicki,
a ja budem pokrývajúce seminár CS50 Meteor.
Meteor je nový rámec venovaný novému druhu webu,
Nie je PHP predkladanie žiadostí tam a späť druh
Web sme videli v sade PHPP, ale dynamickejšie JavaScript
časti webu.
Veci Meteor môže robiť zahŕňa živé Aktualizácia
a okamžite komunikáciu medzi užívateľmi rovnakej webovej stránke.
>> V tomto seminári, máme Kód hostil na mojej GitHub.
Môžete ísť na túto adresu URL a stiahnite si ju.
Ak viete, ako používať Git, môžete naklonovať repozitár.
Ak neviete, ako používať Git alebo neboli použité GitHub,
To je úplne v poriadku.
Budem sa rýchlo ukáže naozaj Ako môžeme ísť na GitHub,
a je tu možnosť na stiahnutie zips priamo tam.
Akonáhle si stiahnete tento adresár, budete môžete začať hrať s naším kódom.
>> Viac informácií o Meteor možno nájsť na meteor.com.
V priečinku seminár, som vlastne majú niektoré projekty Meteor môžeme použiť.
Jeden z zložiek, ktoré máme v našej seminárne práce je Todos app.
Takže keď som sa ísť do toho I, nainštalovaný Meteor.
Tak ho spustiť, už stačí len zadať Meteor, Meteor a nainštaluje.
Ako môžete vidieť, musíme uistite sa, že sme inštalovali Meteor.
Tak som len tak spustite ho ešte raz
aby sa ubezpečil, že Meteor Je správne nainštalovaný.
>> Aj keď som sa Meteor Inštalácia, môžem vám ukázať
Niektorí žijú ukážky Meteor stránok bude žiť práve teraz na internete.
Mám demo našej aplikácie.
Získate ich na nasledujúcej adrese URL.
To je k tomu aplikácie, ktoré sme v našej seminárnej adresára.
URL pre to je rozu-rabbit.meteor.com.
Uvidíte, že Meteor bude skutočne hostiť svoje Meteor projekty zadarmo.
A na záver seminára, budete mať možnosť to urobiť rovnako.
>> To je zoznam úloh app.
A môžete prihlásiť, vytvorte účty, a pridávať úlohy.
Môžete si vytvoriť účet ako tak.
A teraz, až budete mať účet, môžete pridávať úlohy.
Napríklad, jeden z úloh I Možno budete musieť ísť vyzdvihnúť bielizeň.
A ak ste na to site online, budete
skutočne vidieť túto úlohu na váš počítač v reálnom čase.
>> Môžem vám ukázať rýchly demo to otvorením Rozum-králičie
na iné karte sa rovnakú adresu URL.
A vidíme, že rovnaké dáta príde.
Môžeme tiež spustiť v iný prehliadač.
Povedzme, že som ho spustiť v prehliadači Safari.
Tak my nie ste prihlásený.
Takže máme rovnaký Meteor app, a akonáhle sa načíta,
uvidíme rovnaké dáta sme v prvej.
Ako môžete vidieť, nie som prihlásený tu.
A keď dáta diváci kontroly, aktualizuje na všetkých prehliadačoch
súčasne.
To je jeden z naozaj skvelých vlastností, o Meteor.
S takmer bez práce, vy majú živé aplikácie aktualizácia
že zmeny na všetkých vaše zariadenie naraz.
>> Keby som začiarknite políčko tu v mojom urobiť zoznam, budeme mať,
V mojich ďalších prehliadača Chrome, položka zaškrtnutá.
A to sa stane okamžite.
Dobrá.
Takže to vyzerá, Meteor Inštalácia je teraz pripravený.
Takže teraz sa vráťme do Todos app a spustiť to lokálne.
>> Ak máte Meteor projekt, môžete len spustiť príkazom Meteor.
Akonáhle to urobíte, Meteor bude robiť určitú prípravu
aby sa ubezpečil všetky Váš kód je v šachu.
A potom to vám poviem, že Projekt je pripravený byť doručená.
Možno budete musieť, aby vaše firewall, ak váš počítač vás blokov.
>> Takže to, čo Meteor sa mi povedať, teraz je to, že na tejto webovej stránke
miestnej môjho počítača, vidím čo to Meteor projekt.
Všimnite si, že práve teraz, moja aplikácia je nie je prístupný na internete.
Budeme na to, ako si vziať Meteor app na živé webe trochu neskôr.
Tak som len tak skopírovať tento URL sa a ísť do prehliadača Google Chrome.
>> A to je robiť Zoznam z príkladu.
Môžete vidieť, že vykonávali niekoľko ďalších funkcií tu.
Máme rôzne karty, my majú rovnaké vlastnosti účtu,
a môžeme pridať nové zoznamy.
Teraz, jeden z naozaj zaujímavé funkcie o Meteor
je to, že môže nielen to pracovať na svojom webovom prehliadači,
ale môžete tiež vytvárať natívne iPhone a Android
aplikácie cez nástroj s názvom PhoneGap.
>> Takže niektoré projekty príde vopred nakonfigurovaný pre beh
na iOS, ako je tento todos app.
Takže všetko, čo je potrebné urobiť, aby sa spustiť v iOS je typ Meteor, Spustiť a zadajte iOS.
A keď som to urobil, Meteor pripraví balíček znova.
A potom, akonáhle je pripravený, že bude nahrať simulátor iOS na môj povel.
Poznámka: je možné spustiť len iOS aplikácie Ak máte počítač Mac.
Môžete spustiť svoje aplikácie na Android na všetkých platformách.
>> Teraz teda môžete vidieť, že môj iPhone simulátor prišiel mi na obrazovke.
A za chvíľu, to bude zaťaženie s aplikáciou.
Urobíme Ak to len trochu menšie, aby sa vošli na obrazovku,
vidíme máme aplikácie pre iPhone.
A len tak my nie sa zmiasť, urobme
istí, že sme na rovnakej webové stránky, miestne hostiteľ 3000.
>> Tak tu je príklad app Meteor mám,
Todos aplikácie, beží ako na telefón a na webovom prehliadači.
A keď som sa zmeniť veci vo webovom prehliadači,
okamžite ide do telefónu.
A môžem odstrániť niečo, čo na telefóne, a mení sa vo webovom prehliadači.
>> Teraz, za normálnych okolností vytvárať natívne telefón aplikácie pre iOS a Android,
čo potrebujete vedieť buď Java alebo Cieľ C. technológie Meteor použitie
aby pre svoju prevádzku JavaScript as vaša aplikácia sa nazýva PhoneGap.
Aká je vaša aplikácia v podstate je je webový prehliadač.
A Meteor zvláda všetky chúlostivé časti zapojené
pre podanie tohto webového prehliadača váš iPhone alebo vaše Android zariadenie.
Môžete vidieť, že užívateľské rozhranie je hladká,
a vyzerá to a cíti sa veľmi podobne ako natívne aplikácie.
Všimnite si, že keď pôjdem do domu displeji sa, aj ja si ikonu.
To nie je webové stránky, ako by ste si v prehliadači Safari.
To je jeho vlastný app.
Môžete nainštalovať a zmazať, ak budete chcieť.
>> Môžeme stručne ukázať, čo kód pre tento druh aplikácie todos vyzerá.
Ak sa pozriete do zložky todos, uvidíte, existuje mnoho zložiek.
Ale v priebehu semináre, budeme
pochopiť, čo každá zložka sa používa pre.
Poďme do terminálu, takže sme môžete vidieť súbory trochu lepšie.
>> Idem stlačiť Control C zastaviť server
a teraz som späť v todos app.
Mám rôzne zložky tu, rovnako ako zložky klienta, folder server.
A tieto zložky jednoducho znamenajú, že všetko v zložke klienta
dostane popravený vo Vašom webovom prehliadači.
Všetko v priečinku servera dostane spustený na serveri.
>> To, čo chcem zdôrazniť out, je, že to, čo sme mali
keď sme mali telefón v chode a náš webový prehliadač, sa jednalo o klientov.
Ale to, čo beží v terminál, že je to server.
Máme iné zložky, ako je lib, čo je knižnica kód,
ako váš pomocník funkcie, ktoré si môžete
použitie na strane klienta a servera.
A potom budete mať verejnosť zložky a zdroje
zložky potrebné pre získanie vaše obrázky a ďalšie CSS načítaný.
>> Ak ste nainštalovali Meteor, budeme pokračovať v kurze pre Meteor.
Môžete ísť na túto adresu URL, meteor.com/install,
získať príkazového riadka, ktoré som ukázal, že nainštaluje Meteor.
Pôjdeme cez prvé niekoľko krokov, aby si lepšie
pocit o tom, ako nainštalovať Meteor.
>> Ale najprv, myslím, že je dôležité, aby kontrolujeme trochu JavaScript.
Ak chcete ukázať vám niekoľko príkladov, ako naša C znalosti môžu byť preložené
JavaScriptu, som vytvoril niekoľko príkladov.
Oni sú v adresári JS.
Takže ak v priečinku vás semináre vyzerať, je tu zložku s názvom js.
A tu, máme niekoľko príkladov.
>> Poďme otvoriť prvý Príklad a uvidíte veľmi rýchlo.
To, čo vidíme, je vaše štandardné ahoj príkaz sveta.
Všimnite si v C, ktoré vás majú úplne pár riadkov.
A ako CS50 študenti vedia, potrebujeme hlavnú funkciu,
a musíme zahrnúť štandard I / O knižnice, aby sa volanie printf.
>> Poďme sa pozrieť na to, ako JavaScript porovnáva.
Idem otvoriť ex1.js.
Vykomentováno je to, čo C kód bude vyzerať,
a pod čiarou je všetko je potrebné spustiť v uzle.
Nepotrebujete hlavnú funkciu, nemusí zahŕňať všetky súbory,
a nemusíte sa vrátiť.
Tie stačí zavolať console.log.
To je ekvivalent vášho printf.
>> A to trvá rovnaký argumenty printf by.
A aby ho spustiť, namiesto spustenia robiť V1,
by ste stačí zavolať ex1.js. uzlov
Píšete uzol a potom súbor, a to dostane spustiť.
To nie je získať skompilovaný.
JavaScript je interpretovaný jazyk.
Tak, že nemusí byť zostavujú pred tým, než to beh.
Keď som chcel bežať ex1.c, Musím urobiť to ako prvý,
a potom som si spustiť spustiteľný získať rovnaký výstup.
>> Poďme rýchlo pokryť niektoré ďalšie pojmy JavaScript.
Pozrime sa na príklad dva.
V ex2.js, v ex2.c, môžeme vidieť, že máme nejaký kód.
Dovoľte mi, aby som sa rýchlo prejsť na lepší textový editor
že ukáže tieto nové riadky trochu lepšie.
Dobrá.
Tu máme príklad 2.c.
Tu máme rôzne typy že sme vytlačenie.
A ako vieme, printf sa rôzne percent argumenty
pre prístup k rôznym častí dát.
Ak chceme vytlačiť reťazec, nazývame% s.
Ak chceme volať plávajúce číslo bodu, sme zavolali% f.
A neexistuje žiadny jednoduchý spôsob, ako volať Boolean jeho hodnotu true alebo false.
Ale ak použijete% d, môžete získať 0 alebo 1 na nepravdivé a pravdivé.
>> JavaScript je trochu krajší pre nás.
V JavaScriptu, poďme sa pozrieť na pár rozdiely máme v tomto súbore.
Po prvé, zistíte, že v C musíme inicializovať každú premennú s typom.
S je char hviezda.
Je to reťazec, a to nemôže byť akýkoľvek iný typ.
N je float.
B je Bool.
>> Ale v JavaScripte sú dynamické typy.
To znamená, že nie Potrebujete oznámiť JavaScript
aké typy vaša premennej bude.
Ste len povedať var pre premennú, názov premenné, a potom jeho hodnota.
Takže var môže byť čokoľvek, naozaj.
To môže byť reťazec.
Môže to byť číslo s plávajúcou čiarkou.
Môže to byť znak.
Môže to byť logická.
A log z konzoly funguje trochu inak.
Ak chcete tlačiť číslo, budete volať% d.
Ale väčšina hodnoty môžu byť tlačený ako reťazce v pohode.
>> Spustí to v Node vidieť, čo sa bude diať.
Môžem zavolať ex2.js uzlov, a dostaneme printf
s hodnotami CS50, N, číslo s plávajúcou čiarkou,
a potom B ako Boolean prevedený na reťazec skutočné.
Čo keď sme príklad 2.C?
No, my máme ešte stále ďalšie ťažkosti s printf.
Všimnite si, že s plávajúcou rádovou čiarkou Číslo musí byť v správnom formáte,
a že Boolean nemôže jednoducho sa zobrazí ako true alebo false.
Dobrá.
Teraz sa pozrime na príklad tri.
V príklade tri, ukazujeme Ako by ste použili pre sláčiky.
V skutočnosti je to veľmi jednoduché.
Jednou z pekných vecí JavaScript je, že je založený C.
To znamená, že veľa vašich Kód bude vyzerať veľmi podobne
a cíti sa veľmi podobne.
V pre sláčiky, jediná vec, že sa tu naozaj zmenil
je miesto int i, máme var i.
Stále môžeme priradiť k hodnote nula, skontrolujte, či je to menej ako päť,
a prírastok je jedným s prevádzkovateľom ++.
Vyzývame console.log na I, a že nám bude tlačiť číslo s každým riadkom.
Poďme spustiť veľmi rýchlo aby videli, čo to výstupy.
Dostaneme nové číslo v každom riadku.
Ďalšia vec, ktorú chcem ťa všímať s console.log
je, nemuseli písať spätné lomítko n na nový riadok.
Console.log bude tlačiť všetko na samostatnom riadku.
To je pekná vlastnosť že JavaScript nám dáva.
>> Teraz poďme otvoriť príklad štyri.
V príklade štyri, najprv v C, nazývame niekoľko funkcií.
Všimnite si, že musíme vyhlásiť funkcie predtým, než sme ich používať hlavné.
Ak by sme mali hlavné prvú a potom pridať a potom vysoko, robiť,
zvonenie, alebo GCC by nám chybové hlásenie, že
že nevie, čo je vysoké.
To nevie, čo je add.
Takže v C, musíte byť vyberavý o Poradie, v ktorom budete volať funkcie.
>> Poďme sa pozrieť na to, ako je to možné urobiť v JavaScripte.
Máme rôzne súbory, pretože tam niekoľko rôznych spôsobov, ako to dosiahnuť.
Jednou z možností je do značnej miery priamy preklad.
Vzhľadom k tomu, funkcie v C vrátiť typy, a JavaScript
nevie alebo starostlivosti o tom, aký sa vrátite,
nechcete napísať typ.
Namiesto toho, stačí písať funkcie,
a všetko je celkom podobne ako predtým.
>> Ak máte premennú, ako v pridávať, len musíme písať x a y.
Nemusíme hovoriť x je int.
Nemusíme hovoriť, y je int.
Vrátime sa rovnakou syntaxou.
Pre vysoké, sme to vyhlásiť s fungujú miesto neplatné.
Všimnite si, že to, či je to void alebo non-neplatné,
je to stále všetko rovnaké funkcie.
A my jednoducho nedávajte niečo v zátvorke,
a to vyzerá veľmi podobne ako C kód.
A ďalej, dá sa to nazvať nižšie.
>> Ak sa pozrieme na príklad 4b, môžeme všimnúť že som sa zmenil pár vecí.
Jediná vec, ktorú som sa zmenil Naozaj aj keď je poradie.
Máme rovnaký funkcie, ale teraz sú
vyhlásený po tom, čo sú zvyknutí na console.log a vysoko na linkách 18, 19.
Ak ste to v jazyku C, ako by sa hodiť chybu.
Tu to funguje v pohode.
A ja vám ukázať vám to by volanie uzla na 4b napr.
>> Ďalším spôsobom, ako môžeme volať funkcie je uložením funkcie ako premenné.
Ako som povedal, variabilný môže mať akýkoľvek typ.
Jeden z typov premennú môže mať, je funkcia.
Takže, keď sa pozriete na príklad 4c, čo som sa zmenil
Tu je var pridať miesto funkcie doplnku.
A teraz pridať rovná funkciu.
Táto funkcia je tu anonymný.
To nemá meno, takže je to len funkcie a potom v zátvorkách.
Syntax potom nemení, ale vy
to mať na pamäti, že máte premennú, že si
uloženie funkciu do doplnkov, a premenná, že ste ukladanie do vysokej.
>> Vzhľadom k tomu, pridať a vysoké sú teraz premenné a nie funkcie, niečo zmení.
Jedná sa o spoločný chyba vidím veľa JavaScriptu ľudí,
a niečo mať na pamäti.
Keď spustím to, uvidíme, čo sa stane.
Dostanem chybu.
Je hovorí nedefinované v tomto bode.
Takže je to hovorí nevie, čo pridať, je.
>> Vzhľadom k tomu, teraz pridať nie funkcie, pridať je premenná.
A ste skutočne poskytované pridať hodnotu, ale ak ste ho použili.
To nás privádza k príkladu 4D, kde v prípade, Ak chcete použiť premenné ako funkcie,
stačí, aby sa ubezpečil, že získať hodnotu, než sú zvyknutí.
>> Poďme sa presunúť na príklade päť potom.
Tu hovoríme o Štruktúry v C. C, structs
túto pevnú štruktúru na ne preto, že ich musíte deklarovať
Pred použitím, a hovoríte, mám študenta,
a každý študent má presne jedno meno, jeden rok, jedno pohlavie.
Musia mať všetky z nich.
To nemôže mať žiadne iné hodnoty, a majú byť konkrétne typy.
>> Potom môžeme inicializovať struct v tejto peknej syntaxi
pretože vie, že poradie.
Takže vie, že Roger je názov.
Je známe, že 2016 je rok a M je pohlavie
preto, že sme povedali, že to Zoznam je struct študentom.
A potom si môžete vytlačiť to, prístup s.name.
Poďme sa pozrieť, ako by sme previesť, že pre JavaScript.
Všimnite si, že to je teraz variabilný, a neexistuje žiadny typ.
Je to zase len var.
Vzhľadom k tomu, že ak nie je vec typ tejto premennej je ukazovateľ,
to je struct, alebo čokoľvek iného.
Máme trochu iný syntax.
To syntax je syntax objekt.
>> Možno ste nevideli v JSON.
JSON vlastne znamená JavaScript Object Notation.
To je, ako definovať v jazyku JavaScript objekty.
Máme kľúč, ktorý je hodnota, ako predtým.
A dáme si cení na na druhej strane hrubého čreva.
A ešte jedna vec je mať na pamäti, je vás Nemusíte mať názov a rok
a pohlavia pre objekt.
Objekt môže mať žiadne hodnoty.
To môže mať toľko, ako by ste chceli.
>> Môžeme použiť tieto objekty v práve Rovnako tak by sme použili struct, s.name.
Môžeme spustiť veľmi rýchlo tým, že robí uzol príklad 5.C.
Nemôžeme skutočne spustiť súbor C v uzle.
To nevie, čo C je.
To vie len JavaScript.
Keď sme sa spustiť ex5.js, dostaneme hodnota, ktorú sme očakávali.
>> Poďme sa presunúť na príklade šiestich.
Tu chcem hovoriť trochu niečo viac o pole JavaScriptu
pretože sú trochu iné, než to, čo ste
použitý v C. Pole notated, Nie je s konzolami, ako v C,
s zložených zátvoriek, ale zátvorkách.
Môžete mať prázdne pole, ako arr v súlade štyri.
Môžete mať pole s viacerými hodnotami.
A vy im prístup rovnako ako v C.
>> Až priamke sedem, všetko Zdá sa, celkom jednoduché.
Jeden malý rozdiel je na riadku 10.
Spôsob, ako získať dĺžku Pole je len tým, že volá .length.
Pole môže byť v skutočnosti zaobchádzať ako objekt,
a tento objekt má dĺžku vlastnosť že budete volať získať dĺžku to.
Všimnite si, že tento sa líšia v C, pretože v C vy
poznať dĺžku váš objekt dopredu.
>> Takže ďalšia pekná vec, o pole je, že môžete mať rôzne typy.
Ak máte pole v C, tam sú polia o určitú hodnotu,
buď ukazovateľ struct alebo pláva alebo [nepočuteľné].
Tu môžete mať rôzne hodnoty.
Prvýkrát som mal desatinné číslo, potom Boolean, potom ďalšie celé číslo.
A skutočne, môžu zmeniť typy taky.
Pozrite sa na riadku 16.
Array dvaja sa mení od bytia číslo, číslo, na reťazec.
>> Ďalšia pekná vec, o pole je tu na riadku 19, majú nekonečné veľkosti.
Stačí si len povedať, že chcete, aby stotinu element, že reťazec dôveryhodne.
A to sa nezdá, aby sa zmysel, pretože pole len
Má priestor pre tri prvky, takže koniec by mal byť dva.
Ale keď to urobíte, poďme uvidíme, čo sa stane polia tri.
Radi by sme bežať tak rýchlo sa napríklad uzol six.js.
My si to naozaj dlho polia, a to, čo sa stane,
sa máme niekoľko prvých prvkov a potom banda polotovarov
kým sa náš reťazec.
JavaScript vyplní pole, ako je to potrebné.
>> Poďme sa konečne ísť do našej poslednej príklad.
Tu máme zoznam z rôznych študentov.
Chcem s tebou hovoriť trochu niečo o nejaké pekné aspektoch
, Pre slučiek v JavaScripte.
V C, slučky sú trochu obmedzené.
Majú pevnú štruktúru, kde na vás majú premennú, máte podmienku,
a potom robiť niečo na konci slučky.
A samozrejme to funguje v JavaScripte, ako sme videli v predchádzajúcich príkladoch.
Ale máme tiež krajšie cesty ako to urobiť v JavaScripte.
To sa nazýva foreach slučky.
>> Je nám ľúto, vráťme na príklade siedmich tu.
Môžeme tiež povedať, časť je zoznam.
Tak mi daj každé i, alebo každý index v tomto zozname.
Potom sa môžeme dostať študent jednoduchým volaním časti i.
Takže všetko z kódu nastavenie aj rovná nule a robiť istý, že som
je menšia ako dĺžka a pridanie jedného až aj zakaždým, to je
starostlivosť o vás skôr pekne s týmto foreach slučky.
>> Nielen, že foreach slučky práce v zoznamoch alebo polí,
tiež pracovať v objektoch, čo je tiež pekné.
Môžete získať meno každá vlastnosť by len s
slovník alebo objekt, ako študent, a potom len hovorím, daj mi každý kľúč.
Kľúčovým by tieto vlastnosti, meno alebo house.
Takže to, čo sa stane je, že tlačíme najprv meno a potom sa
Dom každého študenta.
>> Môžem bežať to v Node veľmi rýchlo ukázať.
Dostaneme najprv štýl C pre sláčiky, kde dostaneme každý predmet je vytlačiť.
A potom máme JavaScript štýl, kde môžete len
vytlačiť každej klávese a vážiť samostatne.
>> Dobrá.
Teraz, keď sme sa vzťahuje Node.js, myslím, že Sme pripravení začať s Meteor.
Ako som povedal, Meteor odviedli skvelú prácu písanie nejaké hotové príklady
pre vás, ktoré si môžete prezrieť cez Tento výukový program alebo v priečinku seminára.
Ale tu chcem spustiť viac od nuly.
>> Poďme vytvoriť jednoduché urobiť aplikácie.
To je druh základu, čo sa urobiť aplikáciu, ktorú som ukázal už skôr, je.
V tomto výukovom programe Uvidíte, že je tu
príkaz Meteor vytvoriť na vytvoriť nový Meteor projekt.
Musíte volať to v poradí spustiť projekty Meteor, pretože
spustí príkazy vytvoriť Meteor
súbory potrebné pre váš projekt.
>> Ak sa vydáte do terminálu, môžeme prejsť do zložky s názvom prvý krok.
A krok jedna bude zodpovedať Prvým krokom v tutoriálu.
Oznámenia sú zložky, krok jeden, druhý krok, až do piatich.
A každý z nich zodpovedá ku kroku v tomto návode.
Idem otvoriť v mojom textovom editore tu
tak môžeme vidieť trochu toho, čo bolo vytvorené.
Všimli sme si, že tam sú štyri hlavné časti.
K dispozícii je adresár Meteor, .meteor.
A to zvyčajne nemusíte dotknúť.
Meteor sa stará o že zložka, a to len
Tým zabezpečíte, že vaša Projekt bude fungovať správne.
>> Máme tiež tri súbory, súbor HTML, súbor JavaScript a CSS súborov.
Poďme najprv začať s HTML súboru.
Na prvý pohľad to vyzerá ako normálny HTML dokumentu.
Ale všimnite si, že tam je niekoľko rozdielov.
Jeden, to nie je v skutočnosti kompletný HTML dokument.
Sme chýba HTML tagy.
To je normálne.
V Meteor, že ste sa neočakáva vytvoriť tieto HTML tagy.
To je pre teba urobil.
Chcete begin-- ak máte Chcete vytvoriť webové stránky,
stačí spustiť s tagom hlavy,
definovať, že, a potom definovať značku tela.
>> Ale ak si všimnete v tomto HTML súbor, máme novú značku.
Máme značku šablóny.
To nie je normálne HTML.
Toto je špeciálna verzia HTML že Meteor je vám k dispozícii.
Hovorí sa tomu priestor barov.
Môžete definovať šablóny je málo moduly, niečo ako pomocné funkcie,
v C alebo kód JavaScriptu.
Táto šablóna by mať názov s názvom úloha.
A môžete vidieť priamo tu on-line 13, ktoré môžete volať tieto šablóny.
A čo Meteor bude robiť, je len vyplniť týchto úloh pre vás.
>> Ďalšia vec, ktorú si môžete všimnúť, je Trošku iné je to každá funkcia.
Každý bude mať premennú úlohy a trochu prejsť
V tomto foreach slučky my Videl v príklade sedem.
To každý môže trvať slovník alebo zoznam, predmet alebo zoznam
a to si len prejsť všetky Hodnoty ako foreach slučky by.
Takže ak máme veľa úloh, to zavolá šablónu pre každú úlohu.
>> Poďme spustenie projektu Meteor len aby videl, že sa to stane.
Aj spustenie projektu Meteor s Len Meteor Meteor alebo spustiť.
A teraz Meteor len bude potrebovať rýchlo pripraviť projekt,
spustenie databázy, ako je to nutné, a potom po aplikácii lokálne.
Môžeme ísť do našej webovom prehliadači teraz.
A uvidíme, že sme majú veľmi jednoduchú aplikáciu.
Takže to, čo sme videli, sa objavil bol vlastne prvý krok, krok jeden súbor.
>> Poďme ku kroku dva len preto, že Myslím, že to bude mať rovnaký účel.
Len som sa zmení ku kroku dva adresáre
a znovu spustiť Meteor, takže môžeme vidieť šablóna sme práve pracoval.
Áno, otázka?
>> Divákov: Ak sa dostávame povolenie popieral, je that-- čo je to
volal, že?
ROGER ZURAWICKI: Ak je vediete Meteor beh,
a máte oprávnenie popieral, niektoré súbory
nemusia mať správnu sadu oprávnenie.
Takže budete musieť skontrolovať, kde oprávnenia sú preč.
Mohli by byť vypnutý v Váš Meteor projekt,
alebo by mohli byť preč v Meteor súbory sami.
>> Divákov: Keď Stiahol som si to práve teraz z GitHub, potom to, čo mám robiť
[Nepočuteľné]?
>> ROGER ZURAWICKI: Ak chcete, aby sa ubezpečil, môžete pristupovať,
je tu príkaz môžete spustiť.
Dovoľte mi, aby som rýchlo písať na to aby ostatní ľudia môžu vidieť.
Chystám sa tu otvorte novú kartu a ísť do môjho seminára zložky.
Chmod je príkaz zmeniť povolenia,
a možno povedať, r na to rekurzívne pre každý súbor.
A oprávnenia, môžete skúsiť 0755 sa uistite, že máte plný prístup,
a všetci ostatní môžu prečítať.
A ak ste práve beží tento príkaz, bude to robiť
či oprávnení sú skontrolujte, či celý adresár.
Spustenie LS-l môže ukázať oprávnenie podrobnejšie.
To vyzerá OK.
>> Čo je najdôležitejšie je že máte všetky tri
rwx pre všetky súbory v adresár seminár.
Vedeli, že vyriešiť problém?
>> Divákov: To hovorí, že chýba operant [nepočuteľné].
[Nepočuteľné]
ROGER ZURAWICKI: Vy musí sa uistiť, že
majú bodku na konci vášho príkazu.
Divákov: [nepočuteľné].
ROGER ZURAWICKI: Dobre.
Poďme sa rýchlo vrátiť do miestneho hostiteľa, app máme.
A uvidíte, že máme Niekoľko úloh tu, ako sa očakávalo.
Máme veľa CSS, ktorý nemusíte sa obávať.
Tutorial Meteor len dáva vám to
aby sa vaša urobiť zoznam vyzerať bit krajší než prostý HTML.
A máme súbor JavaScriptu, ktorý Ja pôjdem do detailov o niečo neskôr,
ale to len poskytuje tieto úlohy.
To je úloha jeden.
To je úloha dve.
To je úloha tri.
Tak toto je dátový Meteor ich získali.
>> Jedna z najlepších vecí na Meteor je že zmeny sa môže stať automaticky.
Keď som chcel zmeniť názov prvej úlohy,
tak to by som povedal, že to nie je úloha jeden, a ja uložiť,
potom, keď som sa ísť na web prehliadač, môžete aktualizovať to,
a to automaticky hovorí, že to nie je úloha jeden.
Môžete urobiť to isté v každom z týchto súborov.
Vykonať zmenu, miesto robiť zoznam, budem mať to môj zoznam úloh.
>> A ešte jedna vec, ktorú by ste si všimol, že som nemal ani aktualizovať.
Myšlienka osvieženie je druh riešených pre vás s Meteor.
Kedykoľvek sa zistí zmeny súborov, načíta zmeny pre vás.
To funguje na všetky súbory, či už to je HTML, CSS, JavaScript, alebo.
Ak chcete ukázať, čo táto aplikácia bude vyzerať ako bez CSS, môžem to všetko odstrániť.
A keď je to preložil, máte teraz nie je tak pekný zoznam úloh.
Povedzme, že obsah späť.
A určite dosť, to osviežuje, a naša CSS je späť.
Skvelé.
>> Teraz môžeme pohybovať v lekcii.
Poďme sa baviť o druhom kroku, šablóny.
To je to, čo sme práve videli s rôznymi úlohami.
Meteor vám vysvetlí, čo šablóny a ako to funguje logika.
Ale poďme sa len pozrieť na kód na zistiť, či môžeme zmysel z toho.
>> Vo veľmi jednoduchých aplikácií, ako to, čo máme v jednoduchej
k tomu, jeden krok, druhý krok, krok tri, štyri krok, krok päť,
nemáme žiadne zložky.
Nemáme server Zložka Zmienil som sa.
Nemáme klienta zložku, ktorá bola spomenutá.
Takže Meteor pobeží všetky súbory.
Bude to spustiť aj na klienta, a to ako na serveri.
>> A ak chcete súčasťou vášho JavaScriptu kód spustiť len na klientovi,
oni potrebujú, aby sa ubezpečil, že máte if, niečo ako to, čo
máme v našej JavaScriptu súbore tu.
Takže Meteor, iba v prípade, je to klient, potom som
chcete definovať šablónu pomocné tzv úlohy.
Čo tento kód vlastne Má sa to hovorí, že je to
objekt nazvaný šablóny že Meteor poskytuje.
A ak budeme pridať pomocníka.
Pomocníci sú tieto úlohy, tieto veci, ako je plnenie úloh.
>> Uvidíte, že ak sa vrátime do HTML súbor, hovorili sme každý na úlohy.
Úlohy nie je definovaný v HTML.
Je definovaný v JavaScripte.
A Meteor potrebuje vedieť, aké úlohy je keď ideme do JavaScriptu tu.
Úlohy je to pomocník.
Helper, môžete si myslíte, že to ako premennú šablóny.
A čo robiť úlohy?
No, to vráti zoznam hodnôt.
Vzhľadom k tomu, že je to zoznam, môžeme nazvať každý v ňom.
Takže to je dôvod, prečo hovoríme každý na úlohy.
A teraz máme úlohu.
>> Čo je úloha robiť?
No, to má na túto šípku tu po zložených zátvoriek.
To znamená, že úloha je šablóna.
Nie je to pomocník, ako to, čo sme práve videli.
Je to šablóna sme definovaná.
A tam, kde sme ju určiť?
Sme definovali dole tu.
>> To všetko šablóna robí, je poskytnúť položka zoznamu, a volá text.
Teraz, text sa zdá byť pomocník, ale ja vám ukážem,
že je to v skutočnosti stále dátový člen úloh.
Ak voláte každý, to ide do dátová štruktúra trochu.
Rovnako ako foreach slučky, to teraz jednoducho vyzerá na prvý prvok v našom objekte.
Vidíme, že text je tu definované v našom objekte.
Takže Meteor je šikovný, aby vedel, že hovoríme o tomto texte,
Nie je pomocník s názvom textu.
Je to len dostane hodnotu tejto Text tu a zobrazuje ho ako HTML,
a to ako dát pokračuje z JavaScriptu do HTML.
>> Pohybujúce sa však v tomto prípade tvrdo kódované týchto hodnôt.
Meteor robí dva naozaj pekné veci pre nás.
Okrem živé obnovenie, ktoré sme ukázal, že tiež spravuje databázu.
Ak by ste mali pracovať s PHP, ste museli konfigurovať phpMyAdmin.
Museli ste uistite sa, že Stoly boli všetky pod kontrolou.
Vy ste mali urobiť veľa práce, aby sa istí, že vaše dáta boli v správnom formáte,
a PHP mohli komunikovať s ním.
>> Teraz, Meteor používa nové paradigma.
Jedná sa o moderný spôsob manipulácia databázy.
Je to technológia nazývaná MongoDB.
Rovnako ako v JavaScripte, sme videli, že to Nezáležalo na tom, aké typy dát mal.
Všetko bolo var.
Nebolo charstar.
Nebolo int.
Nebolo to Struct.
Bolo to len var to, že var.
>> MongoDB pracuje druh rovnakým spôsobom.
Nemusíte definovať tabuliek.
Nemusíte hovoriť tabuľku má názov, ktorý má int.
To má, ja neviem, dolár, čo je desatinné číslo.
Je to práve tieto JavaScript objekty, všetky tieto Vars, v podstate.
A to je naozaj silný spôsob, ako prototyp vašu aplikáciu.
A to je dôvod, prečo Meteor využíva toto.
>> Ak pôjdeme do kroku tri, poďme sa pozrieť, čo sa zmenilo.
Ak sa pozrieme na todos HTML, nie moc.
CSS sa vôbec nezmenila.
Ale malá zmena vidíme v HTML Je sme zmenili, ako je definovaný úlohami.
Úlohy je teraz funkčná.
To znamená, že každý čas, chceme, aby si úlohy,
budeme spúšťať túto funkciu.
To nevracia Funkcie ako hodnota.
>> Meteor je šikovný, aby sa skutočne ubehnutá Funkcia sa pozrieť, čo sme sa dostať von.
A to vráti túto vec s názvom úlohami.
Sme definované úlohy, na linke jedna, a to je kolekcia Mongo.
Mongo sa odkazuje na databázy Meteor používa,
a tento nový jednoducho znamená, poďme Nová kolekcia, hovorte tomu úlohy.
V MySQL, to by zodpovedalo hľadá pre úlohy tabuľku s názvom.
Mongo má zbierky, nie tabuľky.
Tak to proste vyzerá pre úlohy.
>> Teraz, šablóna v našom pomocník v šablóne, všetko
musíme urobiť, aby sa všetky úloh je táto funkcia, nájsť
a to prázdne vzpera.
To je viac konkrétny syntax Mongo.
Je tu veľa dokumentácia online, ako
si môžete vytvoriť efektívnu a naozaj užitočné Mongo otázok.
Ale niečo také je dobrá stačí len nájsť všetky dáta.
>> Teraz, jeden z problémov, ktoré sa môžu zobrazovať je to, že sme sa nikdy v skutočnosti pridať dáta.
Takže to, čo sa stane, keď vlastne spustiť krok tri?
Poďme rýchlo prejsť do Tretí krok a spustite Meteor.
Všimnite si, že som mal ďalšie Meteor Projekt beží niekde inde,
takže Meteor nemá rád.
Ja som jednoducho ísť rýchlo v blízkosti druhý Meteor s Control C,
prejsť do kroku tri, a znovu spustiť Meteor.
Všimnite si, že to začína MongoDB pretože MongoDB
je súčasťou každého projektu Meteor.
>> Tak to hovorí, že moja žiadosť obsahuje chyby.
To je pekná vlastnosť Meteor má.
To zaistí, že vaše HTML je dobre overená.
Poďme sa rýchlo pozrieť na dôvod, prečo by to mohlo byť.
Zdá sa, že som omylom kopírovať nesprávny HTML kód.
Keby som uložiť hneď, Meteor automaticky reštartuje server
a teraz aplikácie bežia podľa očakávania.
Všimnite si tento problém odstrániť, stačí spustiť rovnaký HTML súbor z kroku dve,
skopírujte ho do stupňa tri.
>> Môžeme sa vrátiť k našej miestnej hostiteľa.
A teraz vidíme, máme zoznam úloh.
Skvelé, ale je to prázdna.
Nemáme vlastne mať akýkoľvek úlohy v našej databáze Mongo.
Takže poďme hovoriť o niekoľko spôsobov, ako to môžeme urobiť.
Ak sa vrátime k terminálu, my môžu zavrieť a spustiť Meteor Mongo.
>> Ak ste oboznámení s tým, ako funguje Meteor,
to vlastne dáva vám prístup na plnú MongoDB pre Meteor.
Všimnite si, že musíte byť spustený Meteor najprv pre túto prácu.
Takže keď som bežať to v novej záložke, I môže ísť späť do rovnakého adresára.
A teraz Meteor funguje v pohode.
To je výzva.
Dovoľte mi, aby som to trochu robiť väčšie, takže môžeme vidieť.
Vyzerá to trochu inak, než to, čo by mohlo byť použité pre vás
to nie je naozaj nutné použiť Mongo.
Celý bod ma tu je takže môžete použiť JavaScript.
Ale ak ste zvedaví, Mongo API nie je
používať SQL, Structured Query Language.
Používa svoj vlastný jazyk, ktorý vyzerá veľa podobne ako JavaScript.
Veľmi rýchlo sa môžeme nájsť stôl via db.tasks.
A to mi hovorí Ukazuje sa, keď narazíme nájsť,
trochu podobné tomu, čo sme mali s Meteor, môžeme načítať všetky prvky.
Problém je, že my nie v skutočnosti máte nejaké úlohy definované.
Takže to nemôže dostať.
>> Môžeme vložiť, hoci.
Takže môžeme spustiť vložku príkazom vložkou.
A my jednoducho dať objekt, a my len
uistite sa, že formát je to, čo sme očakávali.
Keď sme sa pozreli na kroku dve, sme videli, že každú úlohu
bol objekt s textom ako kľúč a bez ohľadu na
Váš cieľ položka bola ako premennú.
Takže môžeme urobiť niečo tu.
>> Môžeme si to vložiť úloha Zavolal som prišiel z Mongo.
A my stlačte klávesu Enter, a to beží.
Môžeme spustiť nájsť znova, a my vidieť, že je tu predmet.
Mongo priradí mu identifikátor, ktorý vás nie je naozaj potrebné sa obávať.
Čo je pre vás dôležité, je dátový vložíte, je dátový dostanete von.
>> Vráťme sa na našich webových stránkach, A hele, našou úlohou načítaný.
A je vidieť, že pretože Meteor je veľmi šikovný
a vždy osvieži pre teba nemusela dotknúť stránku.
To automaticky načítajú.
>> Poďme spustiť nejaký kód JavaScript hoci to urobiť.
Rovnako ako máme uzol vzadu koniec vykonať von JavaScript
môžeme tiež spúšťať JavaScript priamo v našich prehliadačoch.
Môžete to urobiť pomocou funkcie volal Skontrolujte prvok.
Keby som kliknite pravým tlačidlom myši na časť stránky,
je tu možnosť volal Skontrolujte prvok.
Ak používate browser ako Safari, vás
môže byť potrebné, aby váš developer Nástroje, ako sa dostanete túto funkciu.
>> To, čo ich zaujíma, sú konzoly.
Tak sme sa jednoducho ísť do konzoly na dne.
Teraz môžeme spustiť ľubovoľný JavaScript Tu, rovnako ako v JavaScripte
Súbory som ukázal v js príklade.
Ale teraz sa poďme pozrieť na úlohy.
Môžeme spustiť náš príkaz.
A dúfam, že budem môcť robiť to trochu väčšie, takže sa môžeme všetci vidieť.
>> Keby sme tasks.find, a budete vidieť, že to je presne rovnaký kód
že súbor používa JavaScript V treťom kroku, to task.find.
Môžeme spustiť to isté, a Teraz sme sa trochu divný veci.
Ako sa vlastne dostať dáta?
No, musíme spustiť tento Príkaz volal načítať.
>> To je veľmi užitočné pre ladenie.
Čo získate tu kurzor, a to je
príjemný spôsob, Meteor má optimalizované načítanie dát.
Tento kurzor má všetky funkcie pre živé aktualizácie a obnovením stránky
keď sa niečo zmenilo.
Ale to nebude mať nám dáta.
Môžeme získať dáta cez aport.
A vidíte, máme objekt, a Je to ako to, čo sme mali v Mongo,
s ID a textu sme sa dať do.
>> Tak ako sme sa vložiť položku v Meteor?
No, len musíme úlohy.
A potom môžeme spustiť Rovnaký príkaz insert,
dáva slovník alebo objekt s rovnakým formátom, text
a potom som prišiel z konzoly.
Pozrite sa vyššie, pretože keď som sa tomu, že sa objaví na webových stránkach
automaticky.
>> Všimnite si, že si môžete dať čokoľvek Chcete v týchto položkách.
Nemusí sa majú pevnú štruktúru.
Mohol som sa rovná číslo tri a b rovná false.
A to všetko funguje.
Ja si dokonca rozhodnúť, že patrí textu vôbec.
To jednoducho nie je odporúčané ale preto, že potom Meteor
nebude vedieť, čo sa má zobraziť.
Ale v každom prípade sme získať ID, a to je
ID objektu môžete použiť.
>> Ako sme sa pokračovať Štvrtý krok a krok päť,
tutoriál vám ukáže spôsoby, ktoré môžete vytvoriť prvky používateľského rozhrania pomocou
HTML viete, vytvárať rôzne úlohy.
Poďme sa pozrieť na stupni štyri veľmi rýchlo.
Uvidíme, že sme pridali časť o udalostiach.
Šablóny môžu mať pomocníci, ktoré sa nám získať dáta.
Ale môže tiež volať udalosti.
A to je miesto, kde veci sa stáva užitočné, pretože udalosti
sú to, čo sa stalo, keď kliknete na rôzne veci na svojich webových stránkach.
>> Tu náš kód je rozprávanie nám pridať túto udalosť.
Pridajte ju, keď ste odoslali niečo s triedou novú úlohu.
To, čo tu je volič CSS.
Tak to proste vyzerá pre HTML prvok, ktorý má triedu novú úlohu.
A vyzerá to pre prípad, ako je odoslať.
Ďalšie akcie sú Kliknite na tlačidlo, vznášať sa, dvakrát kliknete,
podobné tomu, čo vám v normálnom HTML.
>> To, čo mi ju tu je teraz funkčná.
A vy môžete mať svoj kód v tejto funkcii.
Táto funkcia je to, čo skončí dostať volal po odoslaní tejto novej úlohy.
Poďme sa pozrieť na HTML, len tak sme sa pochopiť, čo tento nový úloha.
My sme tu pridal formulár s triedou novú úlohu.
A to má vstup, ktorý trvá text.
A to je miesto, kde sme sa pridá naše nové úlohy.
>> Poďme spustiť krok, štyri v webové stránky vidieť, ako to vyzerá.
Môžeme skončiť prvý out z MongoDB sme mali
z nášho predchádzajúceho Príklad s riadiacou C.
A poďme to zmeniť na Krok štyri adresár.
Urobíme Meteor znova pre spustenie servera.
A bohužiaľ, ja mal Meteor beží v inom termináli.
Tak som len tak uistite sa, že to zatvorené.
Poďme prestať to a zmeny časti štvrtej, krok štyri.
OK.
>> Teraz beží naša Meteor kód.
A vidíte, že aktuálnosti, bez nám dokonca museli obnovovať stránku.
To, čo sa tu zmenilo, je teraz že nemáme žiadne úlohy,
ale máme formulár tu, to textové pole, pridať naše nové úlohy.
A môžeme zadať svoju úlohu tu.
Pochádzam z HTML stránky.
Keď som stlačte klávesu Enter, to mám predložiť.
>> Môžeme vidieť, čo sa stalo as definovaný kód JavaScript.
To, čo táto funkcia urobil, bolo mať text z formulára,
a potom už len volal tasks.insert, ako sme to urobili v konzole.
Oni tiež rozhodli pridať dátum Created.
To je, ako by ste zadajte aktuálny čas.
Za to, že vymaže formu tým, že Uistite sa, že hodnota je prázdny reťazec.
>> A potom to volá return false na uistite sa, že nič iného sa stane.
Keď sa vrátite z false forma udalosť, ktorá sa zastaví vykonávanie.
Povedzme, že forma má akciu, ako predloží na stránku PHP.
Ak ste sa nevrátil false, mali by ste sa vrátiť true.
To by skončiť robiť takejto žiadosti.
Falošné zachytí IT a ju zastaví práve tam.
>> Takže to bolo trochu demo o ako Meteor funguje, a máme
Bol po kurze na chvíľu.
A môžete neváhajte voľne pokračovať robiť.
Existuje veľa zdrojov, a tutorial je vlastne len
veľmi dobrý vysvetliť čo sa deje.
Ja by som vám ukázať, teraz, v tých pár minút, čo nám zostalo,
aké sú niektoré z chladiče rysy Meteor,
a aké sú niektoré z ďalšie užitočné balíčky.
Jedným z veľkých vecí, o Meteor je to, že máte balíčkovací systém.
Môžete ľahko integrovať kód že mnoho tisíc vývojárov
písali vo svete do Meteor projektu.
Jedným z príkladov je to, čo by ste mohli postupovať v kroku deviatich tutoriálu, kde
sa snažíte pridať účty do svojho Meteor projektu.
Ak máme CS50 PHP projekt, by sme mali
spoliehať na rámec alebo naše vlastné kód, aby sa
istí, že sme bezpečne zvládnuť heslá a užívateľské mená
a ukladanie do databázy a všetko.
>> Ukazuje sa, že Meteor má niektoré balíčky k tomu, že pre vás,
a to veľmi ľahko.
Čo môžeme urobiť, je pridať niekoľko balíčkov.
Tak poďme urobiť toto právo teraz v našej konzole.
Chystám sa ukončiť projekt a teraz ísť do jednoduchého-Todos.
A teraz, jednoduchý todos je projekt, ktorý vás
bude mať po vykonáva s krokom 11 alebo 12 stupňami,
Na konci tohto tutoriálu.
A nech sa rýchlo pozrieť na to vidieť Aké sú rôzne vlastnosti máme.
Povedzme, uistite sa, že je to beh.
Niekedy to chvíľu trvá obnoviť, ale tu to je.
>> Máme možnosť skryť plniť úlohy, a môžeme sa prihlásiť.
A to sa stalo s balík Meteor.
Je to skvelé.
Teraz sme užívateľské meno a hesla prihlásiť.
Ale čo keby sme chceli pridať ďalší druh mechanizmu prihlasovanie?
Povedzme, že som chcel prihlásiť s mojím Meteor účtu.
Chystám sa spustiť meteor pridať, a to je syntax pre pridávanie balíkov.
Môžem povedať, účty, a accounts.meteor.
Bude to teraz nájsť balík a načítať.
Je vidieť, že nemám našiel správny názov balíčka.
>> Tak ako sa vám zistiť, o balíčkoch?
No je tu skvelé webové stránky, vyrobený k dispozícii meteoru ľuďmi,
volal atmospherejs.com.
Atmospherejs, jedno slovo, bodka com, je veľká úložisko
pre nájdenie všetky Meteor balíčky v úložisku.
Môžem vyhľadávať účty, a potom sa ma to ukážem všetky podstatné veci,
všetky balíčky s menom účtu.
>> Aj keď to načíta, môžeme sa pokúsiť pridaním niektorých ďalších balíčkov.
Možno, že balíček Meteor nefunguje práve teraz, ale môžem dodať Facebook.
Môžem pridať konto a potom znova spustite projektu Meteor.
Akonáhle sa to začne, poďme sa pozrieť čo sa zmenilo na internetových stránkach.
Môžete see-- by som mohol musieť obnoviť tu.
>> Mám tlačidlo pre konfigurovať Facebook prihlásenie.
A tu mám všetko pokyny Meteor
pripravil pre vás zriadenie aplikácie Facebook.
A môžete ju využiť Informácie, ktoré pridať ID.
Akonáhle je toto hotovo, budete mať Facebook login prácu vo vašej aplikácii.
>> Ja som jednoducho ísť, aby si ID aplikácie a tajomstvo,
len preto, aby vám ukázať, ako by to mohlo fungovať.
Budete potrebovať účet na Facebooku používať Facebook možnosti pre vývojárov.
Dovoľte mi, aby som sa rýchlo nájsť Meteor kľúče, ktoré sú nevyhnutné.
Mám iný projekt Meteor že budem používať,
a ja som jednoducho ísť, aby sa kľúče z tohto súboru.
>> A akonáhle ho nájdem, budem len môcť skopírovať tieto kľúče do môjho Facebooku.
Takže tu je kľúčové.
A to je tajomstvo.
Tie by nemali byť zdieľať to s ľuďmi.
A potom si to dať svoj app tajomstvo.
A to je tak Facebook vie, že ty si ty.
A uložte nastavenie.
>> Myslím si, že v tomto procese I prestali mojej Meteor aplikácie.
Tak som len chcem, aby sa si istý, že je to tam stále.
OK, poďme, aby naše Meteor servera beží, takže webové stránky bežia.
Všimnite si, keď sme zastaviť Meteor Server, stránka je tam stále.
To jednoducho nebude aktualizovať už nie.
Meteor server je nutné za to, aby strana je živá.
>> OK, som predložil ju, a teraz Môžem sa prihlásiť pomocou Facebook.
Teraz je to len otázka s Facebook pop-up
a uvedenie vo vašom účte Informácie a prihlásenie.
Akonáhle to urobíte, by mohol Facebook kobylka z nejakého väčšiu bezpečnosť.
Tak sme si len zastaviť.
Ide o to, že keď budete hotoví s tým, budete mať Facebook prihlásenie.
>> Meteor má veľa iné balíky rovnako.
Môžete sa prihlásiť s Google+.
Môžete sa prihlásiť sa GitHub.
Môžete sa prihlásiť s Twitter.
Alebo ak budete hľadať, budete nájsť veľa iných vecí
ako MeetUp, LinkedIn, a Meteor Developer.
Takže Meteor Developer bol Balíček som hľadal.
meteor pridať účty-meteor-developer.
Do tej doby som Tiež chcú odporučiť
niektoré ďalšie balíky pre vaše projekty.
To by mohlo byť užitočné, aby zahŕňa balíček jQuery.
To vám umožní používať jQuery na vaše klientov.
Dalo by sa to jednoducho urobiť s jedným radom, a Meteor sa uistite, že ste až do dátumu
na jQuery.
Odporúčam tiež Houston: admin.
>> To je niečo ako phpMyAdmin druh nástroja pre vaše MongoDB.
To umožňuje editovať Vaše dáta pomerne ľahko
bez toho aby museli ísť do shellu Mongo, ako som robil predtým v seminári.
Takže teraz, že je to beh, poďme bežať Meteor znova a uvidíme, čo sa dá robiť.
>> Všimnite si, že pridávanie balíky môže nechať predložiť nejaké varovanie.
Nebudete musieť starať o tom s Houstonom.
Takže teraz môžeme mať možnosť konfigurovať Meteor admin.
A oni vám smermi Ak chcete nastaviť, aby sa.
>> Môžeme tiež idú teraz do / admin.
To je vám prináša by Houston balíčka.
A to je Meteor admin rozhranie.
Stačí vytvoriť admin účet, tak ako.
A ak si aktualizovať stránku, môžete majú niektoré zbierky objavovať.
>> Je to veľmi užitočný nástroj, a ja rozhodne odporúčam.
Môžete vidieť, že z dôvodu houston dával nejaké chyby,
nemáme žiadne zbierky ukazuje práve teraz.
Spôsob, akým by ste použili Houston uistite sa, táto funkcia dostane
volal vo svojich jednoduchý Todos.
Takže houston nie viem, čo moje úlohy.
>> Založili sme Mongo kolekcia tzv úlohy.
Poďme do jednoduchého-Todos a len Uistite sa, že v JavaScripte
sme pridali úlohy našich zbierok.
Teraz sme spasení, a to vybudovanie aplikácie, osviežujúci.
A pozrime sa.
Teraz máme nejaké úlohy.
A môžeme pridať nejaké nové úlohy.
Ale ak chceme pridávať úlohy, poďme to s aplikáciou sám.
>> Teraz môžeme pridať niektoré údaje.
Ahoj, to je úloha.
Zdá sa, že trochu divné, že my nevidíme žiadne úlohy.
Mohli by sme chcieť skontrolovať, či máme niektorý Chyby tu, alebo možno niekde inde.
Ak pôjdeme do admin, že sa zdá divné.
Ak budete ťahať úložiska po tomto seminári,
Budem sa uistite, že jednoduchý Todos pracuje s Houstonom.
Bohužiaľ, to sa nezdá bude pracovať v tejto chvíli.
>> Sú ešte nejaké ďalšie otázky?
Houston je zvyčajne Nástroj, ktorý funguje veľmi dobre.
Houston konkrétne je trochu buggier než ostatné,
ale ja odporúčam, keď to funguje.
Jo.
>> Divákov: Čo môžete robiť s balíčkom Facebook
akonáhle je zaznamenaná užívateľ so svojím Facebook?
>> ROGER ZURAWICKI: Raz používateľ je prihlásený,
môžete volať na Facebook API.
Mnoho, ktorá leží viac Ako Facebook otvorí ich API.
Meteor, uistite sa, že majú spojenie.
Ale všetko po tom je záležitosť učenie, ako používať Facebook API.
Divákov: [nepočuteľné].
ROGER ZURAWICKI: Dobre.
Veľmi vám ďakujem za tento CS50 seminár v Meteor.
Ak máte nejaké otázky, môžete mi e-mail
na moju e-mailovú adresu Zoznam semináre.
A ja budem rád, odpovedať na vaše otázky.
Budem tiež na CS50 hackathon by
budete potrebovať pomôcť s vašimi Meteor projekty.
Ďakujem vám za sledovanie.