[Zenelejátszási]
Roger ZURAWICKI: Hi, my név Roger Zurawicki,
és én lesz, amely A CS50 Meteor szemináriumon.
Meteor egy új keretet fordítani az új típusú internetes,
Nem a PHP kérelmek benyújtása oda-vissza a fajta
A web láttuk a PHPP szett, de a dinamikusabb JavaScript
részeit a web.
A dolgok Meteor tehet tartalmaz élő frissítése
és azonnal kommunikál felhasználók között az ugyanazon a honlapon.
>> Erre a szemináriumra, van kódot adott otthont a GitHub.
Mehetsz erre URL és töltsd le.
Ha tudod, hogyan kell használni Git, lehet klónozni a tárolóból.
Ha nem tudod, hogyan kell használni Git, vagy nem használják GitHub,
ez teljesen rendben van.
Megmutatom neked nagyon gyorsan hogyan tudunk menni GitHub,
és van egy lehetőség, hogy letölt egy zip ott.
Miután letöltötte ezt a könyvtárat, Lehet elkezdeni játszani a kódunkat.
>> További információk Meteor megtalálható a meteor.com.
A szeminárium mappát, Igazából Van néhány Meteor projektek tudjuk használni.
Az egyik mappák már a mi szeminárium projekt a todos app.
Tehát, ha megyek bele azt, Van Meteor telepítve.
Tehát futtatni, csak be kell gépelni Meteor, és a Meteor telepíti.
Mint láthatjuk, van, hogy győződjön meg arról, mi telepített Meteor.
Szóval én csak fog futni még egyszer
hogy győződjön meg arról, hogy Meteor megfelelően telepítve.
>> Míg én Meteor Telepítés, meg tudom mutatni,
néhány élő bemutatóját Meteor oldalak élesben most az interneten.
Nekem van egy demo a mi kb.
Úgy érheti el, a következő címen.
Ez az, hogy nem app, hogy mi Van a mi szemináriumi könyvtárban.
Az URL mert ez rozu-rabbit.meteor.com.
Látni fogod, hogy Meteor ténylegesen fogadó a Meteor projektek ingyen.
És a végén a szeminárium, Ön képes lesz arra, hogy ezt is.
>> Ez a teendők app.
És lehet jelentkezni, hozzon létre számlák, és adjunk hozzá feladatokat.
Akkor létrehozhat egy fiókot így.
És most, ha van egy véve, felveheti feladatokat.
Például, az egyik a feladatok I Lehet, hogy menjen vegye fel a ruhákat.
És ha ezen honlapján online, akkor
valóban látni ezt a feladatot a számítógép valós időben.
>> Meg tudom mutatni egy gyors demo Ennek megnyitásával Rozu-nyúl
egy másik lapon az azonos URL-t.
És azt látjuk, hogy ugyanazokat az adatokat jön létre.
Azt is futtatni a egy másik böngészőt.
Mondjuk én futtatni a Safari.
Így nem vagyunk bejelentkezve.
Tehát akkor ugyanaz a Meteor app, és amint betölti,
majd meglátjuk ugyanazokat az adatokat tettük az első.
Mint láthatjuk, nem vagyok bejelentkezve itt.
És amikor a közönség ellenőrzi az adatok, frissíti az összes böngésző
egyidejűleg.
Ez az egyik a valóban nagyszerű tulajdonsága mintegy Meteor.
Szinte nincs munka, akkor Van egy élő frissítése app
hogy a változások az összes A készülékek egyszerre.
>> Ha megnézem a jelölőnégyzetet itt az én teendők, mi lesz,
az én másik Chrome böngészőt, A tétel kipipálva.
És ez történik azonnal.
Rendben van.
Szóval úgy néz ki Meteor telepítés készen áll most.
Tehát most menjünk vissza a todos app, és futtatni ezt helyben.
>> Ha van egy Meteor projekt, akkor Csak adjuk ki a parancsot Meteor.
Miután ezt, Meteor Némi előkészítés
hogy megbizonyosodjon arról, minden Ön kódja sakkban.
És akkor elmondom, hogy a projekt készen kell kézbesíteni.
Lehet, hogy kell, hogy a tűzfalat, ha a számítógép blokkokat.
>> Tehát mi Meteor azt mondja nekem, most az, hogy ezen a honlapon
helyi számítógépem, látom, mi ez a Meteor projekt.
Ne feledje, hogy most, az én app nem hozzáférhető az interneten.
Majd kiterjed, hogyan kell hozni a Meteor app egy élő helyszínen egy kicsit később.
Szóval én csak fog másolni ezt URL most és bekerülnek a Google Chrome.
>> És ez az, hogy nem listáját a példát.
Láthatjuk őket végre még néhány funkciók itt.
Van más lapok, mi ugyanolyan account jellemzői,
és mi is hozzá új listákat.
Most, az egyik igazán hűvös vonás mintegy Meteor
az, hogy nem csak ez a működik a böngésző,
de akkor is létrehozhat natív iPhone és Android
apps keresztül nevű eszköz PhoneGap.
>> Szóval néhány projektet jön előre konfigurált futásra
iOS, mint ez todos app.
Szóval csak annyit kell tennie, hogy futtatni iOS Az a fajta Meteor, futni, majd iOS.
És amikor megteszem, Meteor elkészíti a csomagot újra.
És majd ha ez kész, akkor az betölteni az iOS szimulátorban én parancsot.
Megjegyzés Csak futni iOS alkalmazások ha van egy Mac számítógépen.
Fuss el alkalmazásokat Android minden platformon.
>> Szóval most láthatjuk, hogy az én iPhone szimulátor feljött a monitoron.
És egy pillanat, ez lesz teher a app.
Ha teszünk azért egy kicsit Kisebb, hogy illeszkedjen a képernyőn,
látjuk már a mi iPhone app.
És csak hogy mi nem összezavarodnak, tegyük
Biztos, hogy ugyanazon a honlapján, a helyi állomás 3000.
>> Tehát itt egy példa A Meteor app van,
A todos app, futó egyaránt a telefont, és a böngészőben.
És amikor változtatni cucc A webböngésző,
azonnal megy a telefont.
És tudom törölni valamit a telefonon, és ez megváltoztatja a böngésző.
>> Most, általában létrehozni natív telefon app for iOS vagy Android,
tudnod kell, akár a Java vagy Cél C. A technológia Meteor felhasználása
hogy JavaScript futtatása a Ön app hívják PhoneGap.
Milyen a app alapvetően van egy web böngészőt.
És Meteor kezeli az összes A trükkös érintett részeket
vonatkozóan, hogy, hogy webböngésző Az iPhone vagy Android készülék.
Láthatjuk, hogy a felhasználói felület sima,
és úgy néz ki, és úgy érzi, nagyon mint egy natív alkalmazás.
Figyeljük meg, hogy ha megy a haza képernyőn, most is kap egy ikon.
Ez nem egy weboldal, mint volna találni Safari.
Ez a saját app.
Telepítheti és törli, ha szeretne.
>> Mi lehet röviden mutassa meg, mi a kód az ilyen típusú todos app néz ki, mint.
Ha megnézzük a todos mappát, látni fogja sok mappa.
De során A szeminárium, akkor
megérteni, mi minden mappa használható.
Menjünk be a terminálba így Láthatjuk a fájlokat egy kicsit jobb.
>> Megyek nyomja vezérlés C megállítani a szerver,
és most itt vagyok a todos app.
Van különböző mappákban van, mint a az ügyfél mappát, a szerver mappát.
És ezeket a mappákat egyszerűen azt jelenti, hogy mindent az ügyfél mappa
kerül végrehajtásra a böngészőben.
Minden, ami a kiszolgáló mappa kerül végrehajtásra, a szerveren.
>> Amit én szeretnék mutatni ki az, hogy mi volt
amikor már a telefonon futó és web böngésző, ezek voltak az ügyfelek.
De mi fut a terminál, ez a szerver.
Van más mappákat, mint a lib, amely könyvtári kódok
mint a segítője funkciók, amelyek segítségével
használja mind a kliens és a szerver.
És akkor van egy nyilvános mappa és erőforrások
mappa szükséges kapok a képeket és egyéb CSS betöltve.
>> Ha Meteor telepítve, akkor folytassa a tutorial Meteor.
Mehetsz erre URL, meteor.com/install,
hogy a parancsot, amely azt megmutatta, hogy telepíti Meteor.
Mi megy át az első néhány lépést, hogy jobban
éreznek, hogyan kell telepíteni Meteor.
>> De először, azt hiszem, fontos, hogy áttekintjük egy kicsit a JavaScript.
Hogy mutassa meg néhány példát arra, hogyan a C tudást lehet fordítani
a JavaScript, én már létrehozott egy néhány példát.
Ezek a js könyvtárban.
Tehát, ha a szemináriumok mappát Nézd, ott van egy dosszié hívott js.
És itt van egy pár példát.
>> Nyissuk fel az első Például megtekinthet nagyon gyorsan.
Amit látunk, az a szokásos hello world parancsot.
Ön hirdetmény C, hogy Van jó néhány sort.
És mint CS50 diákok tudják, szükségünk van egy fő funkciója,
és mi van, hogy tartalmazza a szabvány I / O könyvtár annak érdekében, hogy hívja printf.
>> Nézzük meg, hogyan JavaScript összehasonlítja.
Megyek, hogy nyissa ex1.js.
Kommentezve az, amit a C kód nézne,
és a vonal alatti minden el kell indítani az Node.
Önnek nem kell a fő funkciója, akkor Nem kell, hogy tartalmazza azokat a fájlokat,
és akkor nem kell visszatérni.
Csak hívd console.log.
Ez megegyezik a printf.
>> És tart ugyanazon érvek printf lenne.
És annak érdekében, hogy futtatni, ahelyett, hogy a make EX1,
akkor csak hívj Node ex1.js.
Írsz Node majd A fájl, és fusson le.
Nem kap össze.
A JavaScript egy interpretált nyelv.
Tehát ez nem kell, hogy legyen előtt összeállított ez fut.
Ha akartam futni ex1.c, Azt kell, hogy ez az első,
és akkor én is a futtatáshoz hogy ugyanazt a kimenetet.
>> Menjünk gyorsan terjed ki bizonyos Más JavaScript fogalmak.
Nézzük meg például kettő.
A ex2.js, a ex2.c, tudjuk látni, hogy van néhány kódot.
Hadd gyorsan menni jobb szövegszerkesztő
hogy megmutatja ezeknek új vonalak egy kicsit jobb.
Rendben van.
Itt van például 2.c.
Itt van a különböző típusú hogy mi vagyunk a nyomtatást.
És mint tudjuk, printf tart különböző százalékkal érvek
eléréséhez különböző adattartalommal.
Ha szeretnénk nyomtatni egy string, hívjuk% s.
Ha meg akarunk hívni egy úszó pont száma, hívtuk% f.
És nincs egyszerű módja, hogy hívja a Logikai, annak igaz vagy hamis értékkel.
De ha használja% d, akkor kap 0 illetve 1 hamis, vagy igaz.
>> A JavaScript egy kicsit szebb számunkra.
A JavaScript nézzük meg a pár különbségek vannak a fájlban.
Először is, azt veszi észre, hogy a C meg kell alaphelyzetbe minden változó egy típust.
S egy char csillag.
Ez egy húr, és ez nem lehet semmilyen más típusú.
N egy úszó.
B egy Bool.
>> De JavaScript, vannak olyan dinamikus típusú.
Ez azt jelenti, hogy te nem el kell mondanom JavaScript
milyen típusú a változó lesz.
Csak azt mondom var változó, a név A változót, majd az értékét.
Tehát a var bármi lehet igazán.
Ez lehet egy húr.
Ez lehet egy lebegőpontos szám.
Ez lehet egy karaktert.
Ez lehet egy Boole.
És konzol log kicsit másképpen.
Ha szeretné kinyomtatni Számos, hívja% d.
De a legtöbb értékek lehetnek nyomtatásra húrok csak finom.
>> Fussunk ennek a Csomópont hogy mi fog történni.
Hívhatom Node ex2.js, és kapunk printf
értékekkel CS50, N, mint A lebegőpontos szám,
és ezt követően b mint a Boole- alakítani egy string igaz.
Mi a helyzet, ha tettünk például 2.c?
Nos, még mindig van néhány További kellemetlenségek a printf.
Figyeljük meg, hogy a lebegőpontos számot is meg kell megfelelően formázva,
és hogy a logikai nem lehet egyszerűen megjelenni igaz vagy hamis.
Rendben van.
Most nézzük meg például három.
Ebben például három, szeretetet mutatunk hogyan kellene használni a for ciklus.
Sőt, ez nagyon egyszerű.
Az egyik legjobb dolog JavaScript az, hogy ez a C alapul.
Ez azt jelenti, hogy sok a kód nagyon hasonló,
és úgy érzi, nagyon hasonló.
Egy for ciklus, az egyetlen dolog, hogy igazán változott itt
a helyett int i, van var i.
Még mindig hozzárendeli azt értékeljük nulla, ellenőrizze, hogy ez kevesebb, mint öt,
és megnöveljük az egyik A ++ operátor.
Felhívjuk console.log I, és azt kiírja nekünk egy számot soronként.
Fussunk hogy nagyon gyorsan hogy mi kiadja.
Kapunk egy új számot minden sorban.
A másik dolog, azt akarom, észrevenni a console.log
az, hogy nem kell írni backslash n az új vonal.
Console.log nyomtat mindent a saját járatán.
Ez egy szép vonás hogy a JavaScript ad nekünk.
>> Most nyit például négy.
A példában négy, először a C, hívjuk fel néhány funkciót.
Figyeljük meg, hogy van, hogy állapítsa meg a funkciók, mielőtt használjuk őket fő.
Ha kellett fő első és majd adjunk hozzá, majd nagy, hogy,
csengés, vagy GCC lenne adjon nekünk egy hiba mondás
hogy nem tudja, mi jó van.
Nem tudom, mi add van.
Tehát a C, van, hogy válogatós a hogy milyen sorrendben hívja fel a funkciókat.
>> Nézzük meg, hogyan lehet Ehhez a JavaScript.
Van más fájlokat, mert ott néhány különböző módon lehet megtenni.
Egy út van elég sok közvetlen fordítása.
Mivel funkciókat C vissza típusok és JavaScript
nem igazán tudja, vagy ápolási arról, hogy milyen típust vissza,
ha nem írja a típus.
Ehelyett, csak meg kell hogy írjon a funkció,
és minden szép sok ugyanaz, mint korábban.
>> Ha van egy változó, mint hozzá, már csak be kell írni x és y.
Nem kell mondani, x egy int.
Nem kell mondani, y int.
Térünk vissza, ugyanazt a szintaxist.
A nagy kijelentjük, hogy a lel, hanem semmis.
Figyeljük meg, hogy e ez érvénytelen vagy nem érvénytelen,
ez még mindig az összes ugyanazt a funkciót.
És egyszerűen nem tesz semmit, zárójelben,
és úgy néz ki, nagyon hasonlít a C kódot.
És alatt, nevezhetjük alább.
>> Ha megnézzük például 4b, azt vesszük észre, hogy már megváltozott néhány dolog.
Az egyetlen dolog, amit megváltozott Igazán azonban a sorrend.
Mi ugyanazt funkciók, de most ők
után bejelentett ők használják console.log és a magas vonalakon 18, 19.
Ha ezt tette a C, hogy dobja a hibát.
Itt, ebben a szerkezet csak finom.
És tudom mutatni, hogy ez neked hív csomópont 4b példa.
>> Egy másik módja nevezhetjük funkciók van azzal, hogy akár funkcionál változók.
Mint mondtam, a változó lehet bármilyen típusú.
Az egyik típus egy változó lehet egy olyan funkció.
Tehát, ha megnézi például 4c, amit én változott
Itt var ehelyett a funkció add.
És most hozzá megegyezik a funkciót.
Ez a funkció itt anonim.
Nincs neve, így csak funkciót, majd zárójelben.
A szintaxis után, hogy nem változik, de
nem kell, hogy szem előtt tartani, hogy van egy változót, hogy te
tároló funkciót a kiegészítő, és a változó, hogy te tárolására be magas.
>> Mert hozzá és nagy most változók és nem funkciókat, valami megváltozik.
Ez egy gyakori hiba, amit látok egy csomó ember JavaScriptek,
és valami szem előtt tartani.
Amikor futtatom ezt lássuk, mi történik.
Kapok egy hiba.
Ez mondván definiálatlan ezen a ponton.
Szóval ez mondván, Nem tudja, mit hozzáadni.
>> Mert most hozzá nem egy funkciót, adjunk hozzá egy változó.
És akkor még nem ténylegesen adott adjunk hozzá egy értéket még ha használta.
Ez elvezet minket például 4d, ahol, ha használni kívánt változók függvényei,
akkor csak meg kell győződjön meg róla, kap értéket, mielőtt ők használják.
>> Térjünk át a példában öt majd.
Itt beszélünk Struktúrák a C. C, Struktúrák
Van ez a fix szerkezetű nekik mert meg kell, hogy állapítsa meg őket
használatba vétel előtt, és akkor mondom, van egy diák,
és minden tanulónak pontosan egy név, egy év, és egyik nem.
Azt, hogy rendelkezik az összes őket.
Ez nem volt más értékeket, és nekik kell bizonyos típusú.
>> Aztán elindíthatjuk a struct ebben a szép szintaxis
mert ismeri a sorrendben.
Tehát tudja, hogy Roger egy nevet.
Tudja, hogy 2016 a évben, és M nemek
mert azt mondta, hogy ez a lista egy struct diák.
És akkor lehet nyomtatni ez, hozzáférés s.name.
Lássuk, hogyan is kellene átalakítani, hogy a JavaScript.
Figyeljük meg, hogy s most egy változó, és nincs típus.
Ez csak egy var újra.
Mivel ez nem számít, ha a típusú ez a változó a mutatót,
ez egy struct, vagy bármi más.
Van egy kicsit másképp néz ki.
Ez a forma a tárgy szintaxis.
>> Talán láttad azt JSON.
JSON valóban kiemelkedik a JavaScript Object Notation.
Ez hogyan határozzák meg objektumok JavaScript.
Van egy kulcs, amely Az érték, mint a neve.
És mi adunk neki értékek a másik oldalon a vastagbél.
És egy dolog, hogy tartsa szem előtt, akkor Nem kell, hogy egy név és egy év
és a nemek egy objektum.
Az objektum nincs értékeket.
Ez annyi, mint szeretné.
>> Tudjuk használni ezeket a tárgyakat csak a ugyanúgy ahogy mi a struct, s.name.
Mi is futtathatjuk, nagyon gyorsan ezzel node például 5.C.
Nem tudjuk valójában fut egy C fájl Node.
Nem tudom, mi C.
Csak azt tudja, JavaScript.
Amikor fut a ex5.js, megkapjuk Az érték, amit várt.
>> Térjünk át a példában hat.
Itt én csak azt szeretném, hogy beszéljünk egy kicsit kicsit többet JavaScript tömbök
mert ők egy kicsit más, mint amit te
használt in C. A tömbök lejegyzett, Nem a zárójelben mint C-ben
A kapcsos zárójelek, de zárójelben.
Tudod van egy üres tömböt, mint arr sorban négy.
Egyszerre tömbök összetett adatokat.
És Ön azokat csak az azonos módon C.
>> A vonalon hét, mindent Úgy tűnik, elég egyértelmű.
Egy kis különbség van a 10-es vonal.
Az, hogy kapsz egy hosszát array csak hívja .length.
Egy tömb is lehet kezelték, mint egy tárgy,
és ez az objektum hossza ingatlan hogy hívja, hogy a hossza.
Figyeljük meg, hogy ez más a C, mert a C meg
Tudnunk kell, a hossza Ön tárgyat idő előtt.
>> Tehát egy másik szép dolog a tömbök az, hogy akkor van a különböző típusú.
Ha van egy tömbben C-ben vektorunk egy bizonyos értéket,
akár egy struct pointer vagy úszik vagy [hallható].
Itt különböző értékeket.
Először volt egy lebegőpontos szám, Ezután egy logikai, majd egy másik egész.
És valóban, meg tudják változtatni típusú is.
Nézd vonalon 16.
Array két változik attól, hogy Számos, egész, hogy egy húr.
>> Másik jó dolog a tömbök itt A 19 vonal, hogy van végtelen méretű.
Tudod csak mondani akarok századszor eleme, hogy a húr legális.
És ez nem úgy tűnik, hogy értelme, mert a tömb csak
van hely a három elem, így a végén legyen kettő.
De ha ezt megteszi, hadd mi tömb három válik.
Szeretnénk futtatni ezt gyorsan nyirokcsomó például six.js.
Kapunk ez tényleg hosszú tömb, és mi történik
van már az első néhány elem majd egy csomó üres
amíg mi megkapjuk a húr.
JavaScript kitölti a tömb, mint arra szükség van.
>> Nézzük végül menni az utolsó példa.
Itt van egy lista Különböző diákok.
Szeretnék beszélni egy kicsit kicsit a néhány szép szempontok
for ciklusokat a JavaScript.
A C, a hurkokat a fajta korlátozott.
Nekik van egy fix szerkezet, ahol Van egy változó, van egy feltétele,
majd teszel valamit végén a hurok.
És persze ez működik JavaScript, mint láttuk az előző példákban.
De mi is szebb módon Az ezt a JavaScript.
Ezt nevezik a foreach ciklus.
>> Sajnáljuk, menjünk vissza hogy például hét itt.
Azt is mondhatjuk, részben egy lista.
Így add nekem minden i vagy minden index az említett jegyzékbe.
Akkor juthatunk a hallgató mindössze hívja szakasza i.
Tehát az összes kódot a beállítás I nullával egyenlő, és gondoskodjanak arról i
kisebb, mint a hossza, és eggyel i minden alkalommal, ez
vigyáz rád, nem szépen ezt a foreach ciklus.
>> Nem csak foreach hurok dolgozni listák vagy tömbök,
ők is dolgoznak tárgyak, ami szintén jó.
Lehet kapni a nevét Minden tulajdon csak figyelembe
egy szótár vagy egy tárgy, mint a diák, majd csak azt mondom, hogy nekem minden gombot.
A legfontosabb lenne ezeknek tulajdonságok, nevét vagy házat.
Tehát mi fog történni az, hogy kinyomtatjuk először a nevet, majd
A ház minden diák.
>> Tudom futtatni ezt a Csomópont nagyon gyorsan, hogy mutassa meg.
Kapunk első a C stílust loop, ahol megkapjuk minden tárgy kinyomtatását.
És akkor mi van a JavaScript stílus, ahol csak
nyomtassa ki minden gombja és értékeljük egyénileg.
>> Rendben van.
Most, hogy már lefedett Node.js, azt hiszem, készen állunk, hogy megkezdte Meteor.
Mint mondtam, Meteor nagyszerű munkát Az írás néhány kész példák
Önnek, hogy felfedezheti keresztül ez a bemutató, vagy a szemináriumon mappába.
De itt szeretném indul tovább a semmiből.
>> Hozzunk létre egy egyszerű csinálni alkalmazást.
Ez a fajta az alapja annak, amit a való Teendők alkalmazás mutattam neked korábban is.
Ebben a leírásban, akkor látni fogja, hogy van
Parancs Meteor létre, hogy hozzon létre egy új Meteor projekt.
Meg kell hívni ezt annak érdekében, futtatni Meteor projektek mert
majd futtatni a parancsokat hogy megteremtse a Meteor
szükséges fájlokat a projekthez.
>> Ha bemegy a terminál, tudjuk menj be a mappát nevű lépés.
És az első lépés megfelel majd Az első lépés a bemutató.
Közlemény mappák, step egy, a második lépésben, egészen öt.
És mindegyik megfelel egy lépés a bemutató.
Megyek megnyitásához az én szövegszerkesztő itt
így láthatjuk egy kicsit, hogy mi jött létre.
Azt vesszük észre, hogy ott Négy fő részből áll.
Van egy Meteor könyvtár, .meteor.
És hogy általában Nem kell, hogy érintse.
Meteor gondoskodik abban a mappában, és ez csak
gondoskodik arról, hogy a projekt fog működni.
>> Mi is három fájlokat, a HTML fájlt, egy JavaScript fájlt, és a CSS fájlban.
Nézzük először indul a HTML fájlt.
Első pillantásra ez úgy néz ki mint egy hagyományos HTML dokumentum.
De észre, hogy van néhány különbség.
Az egyik, ez valójában nem egy teljes HTML dokumentumot.
Mi hiányzik a HTML tag.
Ez normális.
A Meteor, akkor nem várható, hogy ezeket a HTML címkék.
Ez kész az Ön számára.
Szeretnéd begin-- ha szeretnénk létrehozni egy honlapot,
Önnek csak meg kell kezdeni a fejét tag,
meghatározzák, hogy majd meghatározzák a body tag.
>> De ha azt veszi észre, ebben a HTML fájlt, van egy új tag.
Megvan a template tag.
Ez nem normális HTML.
Ez egy speciális változata a HTML hogy Meteor teszi elérhetővé az Ön számára.
Úgy hívják helyet bárok.
Megadhatjuk a sablonokat kicsit modulok, olyan, mint a segítő funkciókat,
a C vagy a JavaScript kódot.
Ez a sablon lenne Van egy neve, amit a feladatot.
És láthatjuk itt, a vonal 13 hogy akkor hívja ezeket a sablonokat.
És mi Meteor fog tenni csak töltse ki ezeket a feladatokat az Ön számára.
>> A másik dolog, talán észre egy kicsit más ez az egyes funkciók.
Minden megteszi a változó feladatok és ilyen menjen át rajta
abban foreach ciklus vagyunk láttam példát hét.
Ez minden eltarthat egy szótár vagy egy lista, egy tárgy vagy egy listát,
és akkor csak menjen végig az értékeket, mint egy foreach ciklus lenne.
Tehát, ha van egy csomó feladat, ennek hívja a sablon minden feladatot.
>> Fussunk a Meteor projekt csak hogy lássa, hogy ez megtörténik.
Én vezetem a Meteor projekt Csak Meteor Meteor vagy futni.
És most Meteor csak meg kell hogy rövid időn belül elkészülhet a projekt,
az adatbázis elindításához szükséges, majd tegye a app helyben.
Elmehetünk a webböngésző most.
És majd meglátjuk, hogy mi Van egy nagyon egyszerű alkalmazás.
Tehát amit láttunk mutatott fel valójában Az első lépés, az első lépés a fájl.
>> Térjünk át a második lépésre csak azért, mert Azt hiszem, ez ugyanazt a célt szolgálja.
Én csak meg fog változni A második lépés könyvtár
és futtassa Meteor újra, így láthatjuk, A sablon mi csak együtt dolgozott.
Igen, a kérdés?
>> Közönség: Ha mi vagyunk egyre engedélye elutasították, van hogy-- mi ez
szólított fel, hogy?
Roger ZURAWICKI: Ha futsz Meteor távon,
és van engedélye tagadta, hogy bizonyos fájlok
Lehet, hogy nem rendelkezik a megfelelő engedéllyel set.
Így van, hogy ellenőrizze, ha jogosultságait ki.
Ők lehetnek le a Meteor projekt,
illetve lehet off a Meteor fájlokat magukat.
>> Közönség: Ha Letöltöttem most az Ön GitHub, akkor mit kell tennem
[Hallhatatlan]?
>> Roger ZURAWICKI: Ha azt szeretné, hogy megbizonyosodjon arról, van-e hozzáférése,
van egy parancs futtatható.
Hadd gyorsan írjon ki így a többi ember láthatja.
Megyek egy új lapot nyit itt és bemegy az én szemináriumot mappába.
Chmod parancs az engedélyek módosítása
és azt lehet mondani r a csináld rekurzívan minden fájlt.
És jogosítványok, akkor próbáljon 0755 hogy győződjön meg arról, hogy korlátlanul hozzáférjen,
és mindenki más tudja olvasni.
És ha csak futni ezt a parancsot, ez lesz, hogy
Ellenőrizze, hogy a jogosultságok vannak ellenőrizze az egész könyvtárat.
Futó ls-l akkor megmutathatjuk a engedélyeket részletesebben.
Ez úgy néz ki OK.
>> Mi a legfontosabb az, hogy van mindhárom
rwx az összes fájlt A szeminárium könyvtárban.
Tudta, hogy megoldja a problémát?
>> Közönség: Azt mondja hiányzik operant [hallhatatlan].
[Hallhatatlan]
Roger ZURAWICKI: You meg kell győződjön meg róla,
van egy pont a végén a parancs.
Közönség: [hallható].
Roger ZURAWICKI: Rendben.
Tegyük gyorsan menjen vissza a helyi gépre, az alkalmazás van.
És látni fogod, hogy van egy néhány feladat van, mint várták.
Van egy csomó CSS, amely Önnek nem kell aggódnia.
A Meteor bemutató Csak adja ezt neked
hogy a Tennivaló lista pillantást a kicsit szebb, mint a sima HTML.
És mi van a JavaScript fájl, ami Én megyek be részletesebben egy kicsit később,
de ez csak biztosítja ezeket a feladatokat.
Ez a feladatot az egyik.
Ez feladat kettő.
Ez a feladatot három.
Tehát ez az adat Meteor Kezd.
>> Az egyik jó dolog a Meteor hogy a változások automatikusan történhet.
Ha meg akartam változtatni a Nevét az első feladat,
így mondanám, ez nem feladat, és én menteni,
majd amikor megyek a web böngészőjében, frissítjük,
és ez automatikusan azt mondja, ez nem megbízzák egy.
Meg tudod csinálni ugyanezt bármelyik ezeket a fájlokat.
Hogy a változás, ahelyett, hogy ezt listáját, én lesz az én teendők.
>> És egy dolog, amit csak észre, hogy nem is kell frissíteni.
Az az elképzelés, frissítő kedves megoldott az Ön számára a Meteor.
Amikor úgy érzékeli, hogy a fájl változások, akkor betölti a változásokat az Ön számára.
Ez működik az összes fájlt, hogy ez HTML, CSS, JavaScript vagy.
Hogy mutassa meg, mi ez app nézne mint nélküle a CSS, tudom eltávolítani az egészet.
És ha ez reloaded, most már van egy nem olyan csinos teendők.
Mondjuk, hogy a tartalom vissza.
És biztosan elég, felfrissíti, és a CSS vissza.
Nagy.
>> Most már lépni a tutorial.
Beszéljünk a második lépésben, sablonok.
Ez az, amit most láttam a különböző feladatokat.
Meteor fogja magyarázni, mi sablonok, és hogyan ez a logika működik.
De nézzük csak nézd meg a kódot hátha tudunk értelme belőle.
>> Nagyon egyszerű alkalmazások, mint amit mi ebben az egyszerû
csinálni, az első lépés, második lépés, lépésről Három, négy lépésben, lépésben öt,
nincs mappát.
Nincs a szerver mappa már említettem.
Nincs a kliens mappát, hogy szóba került.
Tehát Meteor fog futni az összes fájlt.
Nem lesz futtatni mind a kliens, mind a szerver.
>> És ha azt szeretnénk, részei a JavaScript kódot futtatni csak az ügyfél,
úgy kell győződnie arról, hogy van az if, olyan, mint mi
mi a mi JavaScript fájlban van.
Tehát Meteor, csak akkor, ha ez az ügyfél, akkor én
akarunk határozni egy sablont helper nevű feladatokat.
Mi ez a kód valóban csinál, azt mondja, ott van
Egy objektum neve template hogy Meteor biztosít.
És mi lesz, hogy adjunk egy segítő.
Segítők ezeket a feladatokat, Ezek a dolgok, mint a feladatokat.
>> Látni fogod, hogy ha visszamegyünk az HTML fájlt, hívtuk az egyes feladatokon.
Feladatok nincs definiálva a HTML.
Ez határozza meg a JavaScript.
És Meteor tudnia kell, hogy milyen feladatokat is amikor bemegy a JavaScript itt.
Feladatok ez segítő.
Segítő, amit gondol el sablonként változó.
És mit jelent feladatokat csinálni?
Nos, visszatér a fenti értékek.
Mert ez a lista, nevezhetjük minden benne.
Szóval ezért hívjuk minden a feladatokat.
És most van feladata.
>> Mit jelent feladatot csinálni?
Nos, van ez a nyíl után itt a kapcsos zárójelek.
Ez azt jelenti feladat egy sablon.
Ez nem egy segítő, mint amit most láttam.
Ez egy sablont, amit megadott.
És hol vagyunk határozta meg?
Már határozta meg a jobbra lent van.
>> Mindez template-nak van render a lista elemet, és arra kéri a szöveget.
Most, úgy tűnik, hogy a szöveg egy helper, de én megmutatom
hogy ez valójában még mindig egy adat tagja feladatokat.
Ha hívják egymást, megy be az adatstruktúra egy kicsit.
Mint a foreach ciklus, most csak úgy néz ki az első eleme a tárgyat.
Látjuk, hogy a szöveg meghatározott itt a tárgyat.
Tehát Meteor okos, hogy tudja, hogy beszélünk ezt a szöveget,
Nem a segítő úgynevezett szöveget.
Ez csak egyre ennek az értékét szöveg itt, és megjeleníti a HTML,
és hogy ez hogyan adat megy A JavaScript a HTML.
>> Továbblépve bár, ebben a példában mi bedrótozott ezeket az értékeket.
Meteor csinál két igazán Szép dolog számunkra.
Különben az élő frissítési hogy megmutatta, hogy kezeli az adatbázisunkban.
Ha kellett, hogy a PHP-t, meg kellett beállítani phpMyAdmin.
Meg kellett bizonyosodni, hogy a asztalok voltak a csekket.
Meg kellett tennem egy csomó munka, hogy arról az Ön adatainak megfelelően formázva,
és PHP lehetett kommunikálni vele.
>> Most, Meteor használ egy új paradigma.
Ez egy modernebb módon A kezelő adatbázis.
Ez egy technológia az úgynevezett MongoDB.
Csakúgy, mint a JavaScript, azt láttuk, hogy Nem számított, milyen típusú adatot kellett.
Minden egy var.
Nem volt charstar.
Nem volt int.
Nem volt egy struct.
Ez csak var ebben, var, hogy.
>> MongoDB működik fajta ugyanúgy.
Nem kell, hogy meghatározza a táblákat.
Nem kell, hogy mondjuk egy asztalra van neve, amelynek int.
Azt, nem tudom, a dollár, ami a decimális.
Csak ezek a JavaScript objektumok, Mindezen Vars, alapvetően.
És ez egy nagyon erős Így a prototípus a kb.
És ezért Meteor kihasználja ezt.
>> Ha elmegyünk a harmadik lépésre, lássuk, mi változott.
Ha megnézzük a todos HTML, nem sok.
CSS nem változott.
De a kis változás, amit látni HTML az megváltoztattuk a feladatok meghatározása.
Feladatok most függvényében.
Ez azt jelenti, hogy minden Ezúttal szeretnénk kapni feladatokat,
fogunk futni ezt a funkciót.
Nem jelenik meg a funkciót, mint érték.
>> Meteor okos, hogy ténylegesen futtatják funkciót, hogy mi jutunk ki.
És visszatér ez a dolog nevű feladatokat.
Már meghatározott feladatokat az egyes vonalon, és ez egy Mongo gyűjteménye.
Mongo utal Az adatbázis Meteor használ,
és ez az új csak azt jelenti, tegyük Új kollekció, nevezzük feladatokat.
A MySQL, ez lenne egyenértékű keres az asztal nevű feladatokat.
Mongo van gyűjtemények és nem táblázatokat.
Szóval ez csak úgy néz ki a feladatokat.
>> Most, sablon a mi segítője a sablont, minden
meg kell tennünk, hogy minden a feladatok ezt a funkciót, megtalálja
és ezt az üres zárójel.
Ez több, különösen a Mongo szintaxis.
Van elég dokumentáció online hogyan
tudod, hogy a hatékony és Nagyon hasznos Mongo lekérdezi.
De valami ilyesmi jó elég csak a megállapítás az összes adatot.
>> Most, az egyik kérdés, lehet látni az, hogy mi sosem adatok bevitelében.
Tehát mi történik, ha a ténylegesen megtett lépés a három?
Menjünk gyorsan megy a harmadik lépésre, és fuss Meteor.
Figyeljük meg, hogy volt egy másik Meteor projekt fut valahol máshol,
így Meteor nem tetszik.
Én csak megy, hogy gyorsan közel A másik Meteor Control C,
bemegy a harmadik lépés, és fuss Meteor újra.
Figyeljük meg, ez kezd MongoDB mert MongoDB
egy része minden Meteor projekt.
>> Szóval azt mondja a kérelmet hibákat.
Ez egy szép vonás Meteor van.
Ez garantálja, hogy a HTML jól érvényesített.
Menjünk gyorsan nézd meg, hogy ez miért lehet.
Úgy tűnik, hogy véletlenül másolt rossz HTML kódot.
Ha én most már elmenthető, Meteor automatikusan újraindul a szerver,
és most a app fut, mint várták.
Figyeljük meg, hogy erősít ez, elég annyi, hogy Ugyanez a HTML fájlt második lépés,
másold be a harmadik lépést.
>> Mehetünk vissza a helyi host.
És most azt látjuk, mi van a teendők.
Nagy, de üres.
Mi valójában nem rendelkezik feladatokat a Mongo adatbázisban.
Szóval beszéljünk a Néhány módon tudunk csinálni.
Ha visszamegyünk a terminálra, amit lehet zárni, és fuss Meteor Mongo.
>> Ha még nem ismeri azzal, hogy hogyan Meteor működik,
ebben valóban ad hozzáférést A teljes MongoDB a Meteor.
Figyeljük meg, hogy van, hogy fut Meteor első, hogy ez működjön.
Tehát, ha futok és ezt egy új fület, I mehet vissza a könyvtárba.
És most Meteor működik, csak finom.
Ez a prompt.
Hadd tegyem egy kicsit nagyobb, így láthatjuk.
Ez úgy néz ki, egy kicsit más, mint mit lehet használni arra, amit
Nem igazán kell használni Mongo.
Az egész pont engem itt hogy tudod használni JavaScript.
De ha kíváncsi vagy, A Mongo API nem
SQL, a Structured Query Language.
Használja saját nyelvét, hogy néz ki, mint a JavaScript.
Nagyon gyorsan meg tudjuk találni A táblázat segítségével db.tasks.
És ez azt súgja Kiderül, ha futunk találni,
fajta hasonló ahhoz, amit mi volt Meteor, tudunk tölteni minden elemét.
A probléma az, mi nem tulajdonképpen bármilyen meghatározott feladatok.
Így nem tud velük.
>> Mi lehet beszúrni, mégis.
Így tudjuk futtatni betét paranccsal betét.
És mi csak add egy tárgy, és mi csak
ellenőrizze, hogy a formátum, amit várunk.
Ha megnéztük a második lépésben, láttuk, hogy minden feladatot
tárgya volt egy szöveges a kulcs, és bármilyen
A Tennivaló elem volt, mint egy változó.
Így nem tehetünk valamit.
>> Mi lehet ez be egy feladatot nevű jövök Mongo.
És nyomja meg az Entert, és fut.
Mi lehet futtatni újra megtalálni, és mi látni, hogy van egy objektum itt.
Mongo hozzárendel egy azonosító, amelyet Nem igazán kell aggódnia.
Mi a fontos neked, az adatok teszel, az adatok kijutni.
>> Térjünk vissza a honlapunkon, és hé, a mi feladatunk betöltve.
És láthatjuk, hogy mert Meteor nagyon okos
és mindig felfrissíti az Ön számára, azt nem kell hozzányúlni az oldalon.
Ez automatikusan betöltődik.
>> Fussunk néhány kódot JavaScript bár erre.
Mint mi Node a hátsó a végén, hogy végre ki JavaScript,
mi is fut JavaScript közvetlenül a mi böngészőben.
Ezt megteheti egy funkció nevű Elem vizsgálata.
Ha jobb gombbal a Az oldal egy részének,
van egy lehetőség nevű Elem vizsgálata.
Ha fut egy böngésző, mint a Safari, akkor
engedélyeznie kell a fejlesztői eszközöket, mire ezt a funkciót.
>> Mit törődünk az a konzol.
Szóval csak megy a konzol alján.
Most fut semmilyen JavaScript Itt, mint a JavaScript
fájlok megmutattam a js példa.
De most nézzük meg a feladatokat.
Mi lehet futtatni a parancsot.
És remélhetőleg képes leszek, hogy ez egy kicsit nagyobb, így mindannyian láthatjuk.
>> Ha futunk tasks.find, és azt is megtudhatod látom, hogy ez pontosan ugyanazt a kódot
hogy a JavaScript fájlod A harmadik lépés, ez task.find.
Mi lehet futtatni ugyanazt a dolgot, és Most viszont valami furcsa dolog.
Hogyan tényleg csak az adatok?
Nos, azt kell futtatni ezt nevű parancsot letölteni.
>> Ez nagyon hasznos a hibakeresés.
Mit kap itt a kurzort, és ez
szép módon meteor optimalizált Adatok behozása.
Ez a kurzor mindazokat a funkciókat a élő frissítése és az oldal frissítésével
ha valami megváltozott.
De ez nem fog minket az adatokat.
Tudjuk, hogy az adatokat keresztül letölteni.
És látod, van egy tárgy, és olyan, mint ami a miénk volt a Mongo,
azonosítóval és a szöveg teszünk.
>> Szóval hogyan beillesztése Meteor?
Nos, már csak meg feladatokat.
És akkor tudjuk futtatni a Ugyanez insert parancs,
így a szótárba, vagy egy tárgy azonos formátumban, szöveges
majd jövök a konzol.
Vessen egy pillantást a fenti, mert amikor Ehhez azt mutatja fel a honlapon
automatikusan.
>> Figyeljük meg, hogy ha nem tud semmit szeretné ezeket az elemeket.
Nem kell Van egy meghatározott struktúra.
Tudtam egy egyenlő a száma három és b hamisra.
És minden működik.
Azt is választhatja, hogy nem tartalmazzák a szöveget egyáltalán.
Ez csak nem ajánlott mert bár akkor Meteor
Nem tudom, hogy mi jelenjen meg.
De minden esetben, mi kap egy azonosítót, és ez az,
Az ID a tárgy használhatja.
>> Ahogy folytatja a negyedik lépésre és az ötödik
A leírás megmutatja, oly módon, hogy hozhat létre UI elemek segítségével
A HTML tudod, hogy hozzon létre a különböző feladatokat.
Nézzük meg a negyedik lépésben nagyon gyorsan.
Meglátjuk, hogy mi hozzáadott egy része a rendezvények.
Sablonok lehet segítők, ami minket adatokat.
De ez is felhívhatja eseményeket.
És ez az, ahol a cucc hasznára is válik, hiszen az eseményeket
van, mi történne, ha rákattint különböző dolgokat az Ön weboldalán.
>> Itt, a kódunk mondja bennünket, hogy adjunk ennek az eseménynek.
Add meg, ha már benyújtott valamit az osztály új feladat.
Mit kell itt egy CSS választó.
Szóval ez csak úgy néz ki, hogy egy HTML elem, amely az osztály új feladat.
És úgy néz ki az eseményre, mint benyújtani.
Egyéb események közé klikk, hover, dupla kattintás,
hasonló ahhoz, amit kapsz normál HTML.
>> Mit adsz, hogy itt most egy funkciót.
És akkor már a kódot, hogy a funkció.
Ez a funkció, amit végül kapok nevű Ha Ön ezt az új feladatot.
Nézzük meg a HTML csak azért, megérteni, mi ez az új feladat az.
Felvettünk egy űrlapot itt osztályú új feladatot.
És van egy input vevő szöveget.
És ez az, ahol növeli az új feladatokat.
>> Fussunk Negyedik lépés honlapon, hogy hogy néz ki.
Mi lehet leszokni első ki A MongoDB volt
Eddigi Például a Control C.
És nézzük megváltoztassa A negyedik lépésben könyvtárban.
Fogjuk futtatni Meteor újra elindítani a szervert.
És sajnos, volt Meteor fut egy másik terminálra.
Szóval én csak fog győződjön meg róla, ez a zárt.
Nézzük leszokni, és a változás a negyedik rész, negyedik lépésre.
OK.
>> Most a Meteor-kód fut.
És láthatjuk, hogy naprakészen nélkül us is kelljen frissíteni kell az oldalt.
Mi változott itt most hogy nincs olyan feladatokat,
de van egy űrlapot itt, ebben a mezőbe, hogy adjunk új feladatokat.
És mi is írja a mi feladatunk itt.
Jövök a HTML oldalon.
Mikor nyomja meg az Entert, akkor kapta be.
>> Láthatjuk, hogy mi történt, mint által meghatározott JavaScript kódot.
Milyen ez a funkció az volt, hogy a szöveget a formában,
majd csak úgynevezett tasks.insert, mint tettük azt a konzolt.
Ők is úgy döntött, hogy adjunk egy CreatedAt dátumot.
Ez hogyan lenne adja meg a pontos időt.
Ezt követően, hogy törli formájában azáltal, hogy arról az érték üres string.
>> Majd meghívja return false hogy győződjön meg róla, semmi más nem történik.
Ha return false egy formában esemény, hogy megáll a végrehajtásban.
Mondjuk egy forma olyan intézkedéseket, mint benyújtja a PHP oldalon.
Ha még nem tért vissza hamis, azt vissza igaz.
Ez a végén így a kérésnek.
Hamis elfogta és megáll ott, ahol van.
>> Szóval ez egy kicsit demo mintegy hogyan Meteor működik, és mi már
követték a bemutató egy darabig.
És akkor kérjük szabadon folytathatja ezt.
Rengeteg olyan források, és a bemutató valójában csak
nagyon jó a magyarázatát mi folyik itt.
Én meg akarom mutatni, most, A néhány perc van hátra,
mik a hűvösebb jellemzői Meteor,
és mik a További hasznos csomagot.
Az egyik legjobb dolog a Meteor az, hogy van egy csomagkezelő rendszer.
Könnyedén bele kódot hogy sok ezer fejlesztő
megírtuk világszerte be a Meteor projekt.
Egy példa erre az, ami lehet, hogy ezt a lépést kilenc bemutató, ahol
próbál felvenni számlák a Meteor projekt.
Ha van egy CS50 PHP projekt, mi lett volna,
afelől, hogy a keret vagy a saját kóddal, hogy
Biztos, hogy biztonságosan kezelni jelszó és felhasználónév
és tárolása az adatbázis és minden adott.
>> Kiderül, Meteor vannak csomagokat kell csinálni, hogy az Ön számára,
és ezt nagyon könnyen.
Mit tehetünk, hogy adjunk néhány csomagot.
Tehát lássuk, hogy jobb most a mi konzolon.
Megyek, hogy kilép a projektet, és most bemegy egyszerű todos.
Most, egyszerű todos van hogy a projekt mely
majd miután végzett a 11. lépéssel vagy a 12. lépésben,
végén ez a bemutató.
És nézzük gyorsan nézd meg, hogy Melyek a különböző funkciók van.
Nézzük csak, hogy biztos, ami futtatja.
Néha eltart egy ideig, frissíteni, de itt van.
>> Megvan a lehetőség, hogy elrejtse a feladatok elvégzése, és mi lehet jelentkezni.
És ez végeztük A Meteor csomagot.
Ez nagyszerű.
Most felhasználónév és jelszó Bejelentkezés.
De mi lenne, ha volna hozzá másfajta bejelentkezést?
Mondjuk akartam jelentkezni be my Meteor venni.
Megyek futni meteor add, és ez a szintaxis használható hozzátéve csomagok.
Azt lehet mondani, számlák, és accounts.meteor.
Ez fog most meg A csomag és a terhelés.
Láthatjuk, hogy én nem megtalálta a megfelelő csomag neve.
>> Szóval hogyan lehet megtudni csomagokat?
Hát van egy nagyszerű weboldal készült rendelkezésre a Meteor emberek,
nevű atmospherejs.com.
Atmospherejs, egy szó, dot com, egy nagy tároló
a megállapítás minden a Meteor csomagokat a tárolóban.
Azt is keresni számlák, majd megmutatom én minden releváns dolgokat,
minden csomagoláson a fiók nevét.
>> Míg betölti, megpróbálhatjuk hozzá néhány más csomagok.
Lehet, hogy a Meteor csomag nem működik most, de én is hozzá Facebook.
Azt is hozzá a fiókot, majd futtassa a Meteor projekt újra.
Amint ez kezd, lássuk mi változott a honlapon.
Akkor csak-- talán kell frissíteni itt.
>> Van egy gombot beállítani Facebook login.
És itt, már az összes Az utasítások Meteor
elkészítette az Ön számára felállításáról Facebook app.
És tudod használni, hogy információt adni a azonosítókat.
Ha ez kész, akkor meg Facebook login dolgozik a kb.
>> Én csak megy, hogy Egy alkalmazás azonosítót és titkos,
csak hogy megmutassam, hogy ez hogyan működik.
Szükséged lesz egy Facebook fiók használja a Facebook fejlesztői lehetőségek.
Hadd gyorsan megtalálja a Meteor kulcsokat, amelyek szükségesek.
Van egy másik Meteor projekt hogy fogok használni,
én meg csak megy, hogy A kulcsokat a fájlból.
>> És ha egyszer megtalálom, én csak képes másolni ezeket a kulcsokat az én Facebook.
Tehát itt van egy kulcs.
És ez titok.
Nem kellene megosztjuk ezt az emberekkel.
És akkor, hogy ez a app titok.
És ez így van Facebook tudja, hogy te is.
És akkor a konfiguráció mentéséhez.
>> Azt hiszem, a folyamat I leálltak a Meteor app.
Szóval én csak azt szeretném, hogy Biztos, hogy még mindig ott van.
OK, győződjön meg róla, mi Meteor szerveren fut, így a weboldalon fut.
Figyeljük meg, ha megállunk a Meteor szerver, az oldal még mindig ott van.
Ez egyszerűen nem fog frissíteni többé.
A Meteor szerveren van szükség ügyelve arra, hogy az oldal élőben.
>> OK, én már benyújtotta, és most Be tudok jelentkezni a Facebook.
Most már csak egy kérdés amelynek a Facebook pop up
és üzembe fiókjában információs és fakitermelés.
Ha megteszed, hogy a Facebook talán nag akkor néhány nagyobb biztonság érdekében.
Szóval majd csak megáll ott.
A lényeg, hogy ha végeztél azzal, akkor meg Facebook login.
>> Meteor van egy csomó más csomagok is.
Akkor jelentkezzen be a Google + -on.
Akkor jelentkezzen be a GitHub.
Akkor jelentkezzen be a Twitter.
Vagy ha keres, akkor találni sok más dolog
mint Meetup, LinkedIn, és a Meteor Developer.
Tehát Meteor Developer volt csomag kerestem.
meteor hozzá fiókok-meteor-fejlesztő.
Közben én is szeretnénk ajánlani
más csomagok a projektek.
Lehetővé válhat, hogy tartalmazza a jQuery csomagot.
Ez lehetővé teszi, hogy jQuery a kliensek.
Lehet csak csinálni egy sorban, és Meteor győződjön meg róla, valóban frissek
A jQuery.
Azt is javasoljuk Houston: admin.
>> Ez olyan, mint egy phpMyAdmin fajta eszköz a MongoDB.
Ez lehetővé teszi, hogy módosítsuk Az adatok viszonylag könnyen
anélkül, hogy menjen a Mongo shell, mint azt tette korábban a szemináriumon.
Tehát most, hogy ezzel fut, fussunk Meteor újra és meglátjuk, mit tudunk tenni.
>> Azt veszi észre, hogy a hozzá néhány csomag Lehet, hogy nekik bemutatni néhány figyelmeztetések.
Akkor nem kell aggódni erről a Houston.
Szóval most már van lehetőség beállítani Meteor admin.
És adnak az irányokat Ha szeretné beállítani, hogy fel.
>> Mi is most megy / admin.
Ez hozta neked A Houston csomagot.
És ez Meteor admin felületen.
Te csak létre admin fiók, így.
És ha frissítse az oldalt, akkor lehet, hogy Van néhány gyűjtemények felbukkan.
>> Ez egy nagyon hasznos eszköz, és én erősen ajánlom.
Láthatjuk, hogy azért, mert Houston adta néhány hibát,
nincs semmilyen gyűjtemények felbukkan most.
Az, hogy ezt kell használnod Houston ügyelve arra, hogy ezt a funkciót kap
hívják a simple-todos.
Tehát Houston nem hogy mi az én feladatok.
>> Létrehoztunk egy Mongo kollekció, feladatokat.
Menjünk egyszerű todos és csak győződjön meg arról, hogy a JavaScript,
van hozzá feladatokat a kollekciókat.
Már most mentette, és ez az épület Az alkalmazás frissítő.
És lássuk.
Most már bizonyos feladatokat.
És mi is hozzá néhány új feladatot.
De ha azt akarjuk, hogy adjunk feladatokat, csináljuk a app is.
>> Most egy kis adatot.
Helló, ez egy feladat.
Úgy tűnik, furcsa, hogy nem látunk semmilyen feladatot.
Azt érdemes megnézni, ha van olyan hibák itt, vagy talán valahol máshol.
Ha bemegyünk admin, hogy furcsának tűnik.
Ha húzza a repository után ez a szeminárium,
Teszek róla, hogy egyszerű todos működik Houston.
Sajnos, úgy tűnik, nem lehet dolgozni ebben a pillanatban.
>> Van más kérdés?
Houston általában egy eszköz, amely nagyon jól működik.
Houston kifejezetten egy kicsit hibásabb, mint a többinek,
de én nem ajánlom, ha működik.
Igen.
>> Közönség: Mit tehet, A Facebook csomag
Egyszer egy felhasználó be van jelentkezve a maguk Facebook?
>> Roger ZURAWICKI: Egyszer a felhasználó bejelentkezett,
fel is hívhatjuk a Facebook API.
Sok fekszik, hogy több how Facebook megnyitja a API.
Meteor, győződjön meg róla, van kapcsolat.
De minden után, hogy a kérdés a tanulás, hogyan kell használni a Facebook API.
Közönség: [hallható].
Roger ZURAWICKI: Rendben.
Köszönöm szépen, hogy ez a CS50 szeminárium Meteor.
Ha bármilyen kérdése van, akkor írjon nekem
az én e-mail cím Az alább felsorolt ​​szemináriumon.
És én leszek boldog, hogy válaszolni a kérdéseire.
Én is a CS50 Hackathon kell
segítségre van szüksége a Meteor projektek.
Köszönjük, hogy figyeli.