[Musiikki soi]
ROGER ZURAWICKI: Hei, minun nimi on Roger Zurawicki,
ja aion kattaa CS50 Meteor seminaarissa.
Meteor on uudet puitteet omistettu uudenlaista web,
ei PHP tehdä pyyntöjä edestakaisin laatuaan
Web näimme PHPP asetettu, mutta dynaamisempi JavaScript
radanosien.
Asiat Meteor voi tehdä sisältää Live-päivitys
ja heti kommunikoida käyttäjien välillä samalla sivustolla.
>> Tämän seminaarin, meillä on koodi isännöi minun GitHub.
Voit siirry osoitteeseen ja lataa se.
Jos osaat käyttää Git, Voit kloonata arkistoon.
Jos et tiedä miten käyttää Git tai eivät ole käyttäneet GitHub,
että on täysin hieno.
Näytän sinulle todella nopeasti miten voimme mennä GitHub,
ja siellä on mahdollisuus lataa zip oikeassa.
Kun olet ladannut tämän hakemiston, voit Pääset alkuun leikkii meidän koodi.
>> Lisätietoa Meteor löytyy meteor.com.
Seminaarissa kansio, olen itse joitakin Meteor hankkeita voimme käyttää.
Yksi kansiot meillä on Seminaarin hanke on todos sovellus.
Joten jos menen sinne minä, on Meteor asennettuna.
Joten ajaa se, täytyy vain kirjoittaa Meteor, ja Meteor asentaa.
Kuten näette, meillä on Varmista asensimme Meteor.
Joten olen juuri menossa ajaa vielä kerran
varmistaa, että Meteor on asennettu oikein.
>> Vaikka minulla on Meteor asentaminen, voin näyttää teille
jotkut esittelyjä Meteor sivustoja menossa suorana nyt internetissä.
Minulla on demo meidän App.
Voit käyttää sitä seuraavassa osoitteessa.
Tämä on tehdä sovellus, joka meillä on meidän seminaari hakemistoon.
URL tähän on rozu-rabbit.meteor.com.
Näet että Meteor todella isäntä Meteor projekteja ilmaiseksi.
Ja lopussa seminaarin, voit tehdä tämän hyvin.
>> Tämä on tehdä luettelo sovelluksen.
Ja voit kirjautua, luoda tilejä, ja lisää tehtäviä.
Voit luoda tilin kuten niin.
Ja nyt, kun olet tili, voit lisätä tehtäviä.
Esimerkiksi, jonka yhtenä tehtävänä I ehkä mennä hakemaan pyykit.
Ja jos olet tästä sivusto verkossa, tulet
itse nähdä tämän tehtävän tietokoneesi reaaliajassa.
>> Voin näyttää sinulle nopea demo Tämän avaamalla Rozu-kani
toisessa välilehdessä samaa URL.
Ja me näemme, että samat tiedot tulee.
Voimme myös ajaa sen eri selainta.
Sano Juoksen sitä Safarissa.
Näin emme ole kirjautunut sisään.
Joten meillä on sama Meteor app, ja kun se lataa,
näemme samat tiedot teimme ensimmäinen.
Kuten näette, en ole kirjautunut sisään täällä.
Ja kun yleisö tarkastusten tiedot, se päivittää kaikki selaimet
samanaikaisesti.
Tämä on yksi niistä todella hienoja ominaisuuksia noin Meteor.
Lähes mitään työtä, et on live päivittäminen app
että muutokset kaikkiin Laitteiden kerralla.
>> Jos minä tarkistaa valintaruutu täällä minun tehdä lista, meillä on,
minun muut Chrome-selain, erä tarkastetaan pois.
Ja tämä tapahtuu silmänräpäyksessä.
Selvä.
Joten se näyttää Meteor asennus on valmis nyt.
Joten nyt mennään takaisin todos app ja suorita tämä paikallisesti.
>> Jos sinulla on Meteor projekti, voit vain ajaa sitä komennolla Meteor.
Kun teet tämän, Meteor tekee joitakin valmistelua
varmistaa kaikille koodi on kurissa.
Ja sitten se tulee kertoa, että projekti on valmis palveltavaksi.
Sinun täytyy ehkä anna palomuuri, jos tietokone estää sinua.
>> Joten mitä Meteor kertoo minulle nyt on, että tällä sivustolla
paikallinen tietokoneeseen, näen mitä tämä Meteor projekti on.
Huomaa, että juuri nyt, minun app on ei saatavilla internetissä.
Me kattaa miten tuoda Meteor app live sivuston hieman myöhemmin.
Joten olen juuri menossa kopioida tämän URL nyt ja mennä Google Chrome.
>> Ja tämä on tehtävä luetella esimerkistä.
Näet ne täytäntöön muutama enemmän ominaisuuksia täällä.
Meillä on erilaiset välilehdet, me on sama tili ominaisuudet,
ja voimme lisätä uusia luetteloita.
Nyt, yksi todella mainio ominaisuus noin Meteor
on se, että ei vain voi tämän työskennellä selaimessasi,
mutta voit myös luoda natiivi iPhone ja Android
apps kautta työkalu nimeltään PhoneGap.
>> Joten jotkut hankkeet tulevat valmiiksi konfiguroitu käynnissä
iOS, kuten tämä todos app.
Joten kaikki minun täytyy tehdä ajaa sen iOS on kirjoitettava Meteor, juosta, ja sitten iOS.
Ja kun minä, että Meteor valmistelee paketin uudelleen.
Ja sitten, kun se on valmis, se tulee ladata iOS simulaattori minun komento.
Huomautus Voit ajaa iOS apps Jos sinulla on Mac-tietokone.
Voit ajaa apps Android kaikilla alustoilla.
>> Joten nyt voit nähdä, että minun iPhone simulaattori tuli minun näytöllä.
Ja vain hetken, se tulee ladata app.
Jos teemme sen vain vähän pienemmältä näyttöön mahtuu,
näemme meillä iPhone.
Ja juuri niin emme hämmentyä, tehkäämme
Muista olemme samassa verkkosivuilla, paikallinen isäntä 3000.
>> Joten täällä on esimerkki Meteor app olen,
todos app, käynnissä sekä puhelimen ja web-selain.
Ja kun muutan juttuja Web-selaimen,
se siirtyy heti puhelimeen.
Ja voin poistaa jotain puhelimessa, ja se muuttuu selaimessa.
>> Nyt yleensä luoda natiivi puhelin app iOS tai Android,
sinun tarvitsee tietää joko Java tai Tavoite C. tekniikka Meteor käyttötarkoitukset
sallia JavaScript kulua sovellus on nimeltään PhoneGap.
Mikä sovellus olennaisesti on on web-selain.
Ja Meteor käsittelee hankala osat mukana
saattamiseksi että selaimessasi iPhonen tai Android-laitteen.
Voit nähdä, että käyttöliittymä on sileä,
ja se näyttää ja tuntuu hyvin paljon kuin syntyperäinen app.
On huomattava, että jos menen kotiin näyttö nyt, saan myös kuvaketta.
Tämä ei ole verkkosivuilla kuten haluat löytää Safari.
Tämä on oma sovellus.
Voit asentaa ja poistaa sen, jos haluat.
>> Voimme lyhyesti näyttää mitä koodi tällaista todos app näyttää.
Jos katsot todos kansioon, näet on useita kansioita.
Mutta aikana Seminaarin, me
ymmärtää, mitä kukin kansio käytetään.
Mennään terminaaliin niin me voi nähdä tiedostoja paremmin.
>> Aion painaa Ohjaus C lopettaa palvelimelle,
ja nyt olen takaisin Todos app.
Olen eri kansioihin täällä, kuten asiakas kansio palvelimelle kansioon.
Ja nämä kansiot yksinkertaisesti tarkoittaa, että kaikki asiakkaan kansioon
saa teloitettiin selaimessasi.
Kaikki palvelimen kansioon saa suorittaa palvelimella.
>> Haluan huomauttaa out on, että mitä meillä oli
kun meillä oli puhelin käynnissä ja web-selain, nämä olivat asiakkaita.
Mutta mitä käynnissä terminaali, joka on palvelin.
Meillä on muita kansioita, kuten lib, joka on kirjasto koodi,
kuten auttajan toimintoja, jotka voit
käytettäväksi sekä asiakkaan ja palvelimen.
Ja sitten on julkinen kansio ja resurssit
kansio tarpeen saada kuvia ja muita CSS ladattu.
>> Jos olet Meteor asennettu, me jatkaa opetusohjelma Meteor.
Voit siirry osoitteeseen, meteor.com/install,
saada komentorivin I osoitti, että asentaa Meteor.
Käymme läpi ensimmäisen Muutaman askeleen päästä paremmin
tuntea kuinka asentaa Meteor.
>> Mutta ensin, mielestäni on tärkeää, että tarkistamme hieman JavaScript.
Näyttää teille muutamia esimerkkejä siitä, miten Meidän C tieto voidaan kääntää
JavaScript, olen luotu muutamia esimerkkejä.
Ne ovat JS hakemistoon.
Joten jos seminaareihin kansio katso, siellä kansio nimeltä js.
Ja täällä, meillä on muutamia esimerkkejä.
>> Katsotaanpa avata ensimmäinen Esimerkiksi ja nähdä hyvin nopeasti.
Näemme tavallisesta Hello World komento.
Huomaat C, että olet on melko muutaman rivin.
Ja kuten CS50 opiskelijat tietävät, Tarvitsemme päätehtävä,
ja meidän on sisällyttävä standardin I / O-kirjasto, jotta soittaa printf.
>> Katsotaan miten JavaScript vertaa.
Aion avata ex1.js.
Kommentoitu pois on mitä C-koodia näyttäisi,
ja linja alla on kaikki sinun täytyy ajaa Node.
Sinun ei tarvitse päätehtävä, voit ei tarvitse sisällyttää mitään tiedostoja,
ja sinun ei tarvitse palauttaa.
Sinä vain soittaa console.log.
Tämä vastaa oman printf.
>> Ja se on samaa argumentteja printf olisi.
Ja jotta ajaa se, suorittamisen sijasta tehdä EX1,
voisitte vain soittaa Solmu ex1.js.
Voit kirjoittaa Solmu ja sitten tiedosto, ja se saa ajaa.
Se ei saa käännetty.
JavaScript on tulkittu kieli.
Joten se ei tarvitse olla koottu ennen sen juosta.
Jos halusin juosta ex1.c, Minun täytyy tehdä ensin,
ja sitten voin ajaa suoritettavan saada sama tuotos.
>> Katsotaanpa nopeasti kattaa joitakin muut JavaScriptin käsitteitä.
Katsotaanpa esimerkiksi kaksi.
Vuonna ex2.js vuonna ex2.c, voimme nähdä, että meillä on joitakin koodin.
Saanen nopeasti mennä parempi tekstieditori
joka näyttää nämä Uudet linjat hieman paremmin.
Selvä.
Täällä meillä on esimerkki 2.c.
Täällä meillä on erilaisia että olemme tulostamalla.
Ja kuten tiedämme, printf kestää eri prosenttia perustelut
tutustua eri kappaletta tietoja.
Jos haluamme tulostaa merkkijono, kutsumme% s.
Jos haluamme kutsua kelluva kohta numero, me kutsuimme% f.
Ja ei ole helppo tapa soittaa Boolean sen arvon tosi tai epätosi.
Mutta jos käytät% d, saat 0 tai 1 epätosi ja tosi.
>> JavaScript on vähän mukavampaa meille.
Javascript, katsokaamme muutamia erot meillä on tämän tiedoston.
Ensinnäkin, huomaat, että C meidän on alustaa jokaisen muuttujan tyyppi.
S on char tähti.
Se on merkkijono, ja se ei voi olla muuta tyyppiä.
N on float.
B on Bool.
>> Mutta JavaScript, on dynaaminen tyyppejä.
Tämä tarkoittaa sitä, että et täytyy kertoa JavaScript
millaiset muuttujat tulee.
Sinä vain sanoa var muuttujan nimi muuttujan, ja sitten sen arvo.
Joten var voi olla mitään todella.
Se voi olla merkkijono.
Se voi olla liukuluku.
Se voi olla merkki.
Se voi olla Boolen.
Ja konsoli loki toimii hieman eri tavalla.
Jos haluat tulostaa numero, soitat% d.
Mutta useimmat arvot voivat olla painettu merkkijonojen hienosti.
>> Katsotaanpa ajaa tämän Node nähdä mitä tapahtuisi.
Voin soittaa Node ex2.js, ja saamme printf
arvojen CS50, N, kun liukuluku,
ja sitten b kuten Boolen muunnetaan merkkijono totta.
Entä jos teimme esimerkiksi 2.c?
No, meillä on vielä jonkin verran enemmän ikävyyksiä kanssa printf.
Huomaa, että liukuvan pilkun numero on muotoiltu oikein,
ja että Boolen voi yksinkertaisesti näytetään tosi tai epätosi.
Selvä.
Nyt katsokaamme esimerkiksi kolme.
Esimerkissä kolme osoitamme miten käyttäisit silmukka.
Itse asiassa se on hyvin yksinkertainen.
Yksi mukavia asioita JavaScript on, että se on C-perustuu.
Tämä tarkoittaa, että paljon teidän koodi näyttää hyvin samankaltainen
ja tuntuu erittäin paljon samaa.
Vuonna silmukka, ainoa asia joka on todella muuttunut täällä
on sen sijaan int i, meillä on var i.
Voimme silti määrittää sen arvo nolla, tarkista, että se on vähemmän kuin viisi,
ja kasvattaa sitä yhdellä kanssa ++ operaattorin.
Kehotamme console.log koskevat i, ja että tulostaa meille jokaiselle linjalle.
Katsotaanpa ajaa todella nopeasti mitä se tuottaa.
Saamme uuden numeron pituinen.
Toinen asia, jonka haluan teille huomata kanssa console.log
on sinun ei tarvitse kirjoittaa kenoviiva n uuden linjan.
Console.log tulostaa kaikki omalla rivillään.
Se on mukava ominaisuus että JavaScript antaa meille.
>> Nyt avata esimerkiksi neljä.
Esimerkissä neljä, ensin C, vaadimme muutamia toimintoja.
Huomaa, että meillä on julistaa toiminnot ennen kuin käyttää niitä main.
Jos meillä olisi tärkein ensin ja lisää sitten ja sitten korkea, tee,
kalahtaa, tai GCC olisi antaa meille virheen sanomalla
että se ei tiedä, mitä suuri on.
Se ei tiedä, mitä ADD on.
Joten C, sinun täytyy olla nirso järjestyksessä, jossa soittaa toimintoja.
>> Katsotaan miten voit Tätä JavaScript.
Meillä on erilaisia ​​tiedostoja, koska siellä muutamia eri tapoja tehdä tätä.
Yksi tapa on melko paljon suora käännös.
Koska toiminnot C palata tyyppejä, ja JavaScript
ei todellakaan tiedä tai hoitoa minkälaista palaat,
et kirjoita tyyppiä.
Sen sijaan, sinun tarvitsee vain kirjoittaa funktio,
ja kaikki on melko paljon samaa kuin ennen.
>> Kun sinulla on muuttuva, kuten lisätä, meidän täytyy vain kirjoittaa x ja y.
Meidän ei tarvitse sanoa x on int.
Meidän ei tarvitse sanoa y on int.
Palaamme samaa syntaksia.
Suuren, me julistaa sen kanssa toimiakseen sijasta mitätön.
Huomaa, että onko se mitätön tai ei-mitätön,
se on silti aivan sama toiminto.
Ja me yksinkertaisesti eivät laita mitään sulkeissa
ja se näyttää hyvin paljon C-koodia.
Ja alla, voimme kutsua sitä alla.
>> Jos katsomme esimerkiksi 4b, huomaamme että olen muuttanut muutamia asioita.
Ainoa asia Olen muuttanut todella vaikka on järjestyksessä.
Meillä on sama toiminnot, mutta nyt he ovat
julisti jälkeen he käytetty console.log ja korkea radoilla 18, 19.
Jos teit tämän C, tehdä heittää virhe.
Täällä tämä toimii hienosti.
Ja voin näyttää tämän sinulle jossa solmu 4b esimerkki.
>> Toinen tapa, jolla voimme kutsua toimintoja on tallentamalla toimii muuttujia.
Kuten sanoin, muuttuva voi olla mitä tahansa.
Yksi tyyppejä muuttuja voi olla on funktio.
Joten jos tarkastellaan esimerkiksi 4c, mitä olen muuttunut
tässä var lisätä sijaan toiminto lisää.
Ja nyt lisätä yhtä kuin funktion.
Tämä toiminto tässä anonyymi.
Se ei ole nimeä, joten se on vain toiminto ja sitten suluissa.
Syntaksin jälkeen ei muutu, mutta
ei tarvitse muistaa, että sinulla on muuttuja, joka olet
tallentamiseen funktion ADD, ja muuttuja, että olet tallentamiseksi korkea.
>> Koska lisätä ja korkeat ovat nyt muuttujia eikä toimintoja, jotain muutoksia.
Tämä on yleinen vika näen paljon ihmisten JavaScript,
ja jotain pitää mielessä.
Kun olen suorittanut tämän, katsotaanpa mitä tapahtuu.
Saan virheilmoituksen.
Se sanoo määrittelemätön tässä vaiheessa.
Niin se sanoi, että se ei tiedä, mitä lisää on.
>> Koska nyt lisätä ei toiminto, lisää on muuttuva.
Ja et ole itse antanut lisää arvoa vielä kun käytit sitä.
Tästä pääsemmekin esimerkiksi 4d, jossa jos haluat käyttää muuttujia kuten toimintoja,
sinun tarvitsee vain varmistaa, että ne saavat arvon ennen niitä käytetään.
>> Siirrytään esimerkin viisi sitten.
Täällä puhutaan structs vuonna C. C, structs
on tämä kiinteä rakenne heille koska sinun täytyy ilmoittaa ne
ennen kuin käytät sitä, ja sanot Minulla on opiskelija,
ja jokaisella opiskelijalla on täsmälleen yksi nimi, vuosi, toista sukupuolta.
On ne kaikki.
Se ei voi olla mitään muita arvoja, ja niiden on oltava tietyntyyppisiä.
>> Sitten voimme alustaa struct tässä mukava syntaksin
koska se tietää järjestyksessä.
Joten se tietää, että Roger on nimi.
Se tietää, että 2016 on vuosi ja M on sukupuolten
koska kerroimme se tässä lista on struct opiskelija.
Ja sitten voit tulostaa se, päästä s.name.
Katsotaanpa, miten olisimme muuntaa että JavaScript.
Huomaa, että s on nyt muuttuja, ja ei ole tyyppiä.
Se on vain var uudelleen.
Koska sillä ei ole väliä, jos tyyppi tämä muuttuja on osoitin,
se struct, tai jotain muuta.
Meillä on hieman erilainen syntaksi.
Tämä syntaksi on esine syntaksi.
>> Olet ehkä nähnyt sen JSON.
JSON oikeasti sanoista JavaScript Object merkintätapa.
Näin voit määritellä esineitä JavaScript.
Meillä on avain, joka on arvoa, kuten nimi.
Ja me annamme sen arvot toisella puolella paksusuolen.
Ja yksi asia pitää mielessä on sinun ei tarvitse olla nimi ja vuosi
ja sukupuolen esine.
Esine ei voi olla arvoja.
Se voi olla niin monta kuin haluat.
>> Voimme käyttää näitä esineitä aivan Samalla tavalla me käyttäisimme struct, s.name.
Voimme käyttää sitä todella nopeasti tekemällä solmu esimerkiksi 5.c.
Emme voi todella ajaa C tiedosto Node.
Se ei tiedä, mitä C on.
Se vain tietää JavaScript.
Kun otamme ex5.js, saamme arvo, joka odotimme.
>> Siirrytään esimerkin kuusi.
Täällä haluan vain puhua vähän hieman lisää JavaScript-taulukoiden
koska he vähän erilainen kuin mitä olet
käytetään C. Joukkoja notated, eikä suluissa, kuten C,
kanssa aaltosulkumerkkien, mutta suluissa.
Sinulla voi olla tyhjä joukko, kuten sov linjassa neljä.
Voit paneelit useita arvoja.
Ja voit käyttää niitä juuri samalla tavalla C.
>> Jopa linja seitsemän, kaikki näyttää melko suoraviivaista.
Yksi pieni ero on täällä linja 10.
Näin saat pituus array on vain soittamalla .length.
Array voi todella olla kohdellaan kuin esine,
ja tämä kohde on pituudeltaan ominaisuus että soitat saada pituutta sen.
Huomaa, että tämä on erilainen C koska C sinua
on tiedettävä pituus objektin etuajassa.
>> Joten toinen kiva juttu paneelit on, että voit olla erilaisia.
Jos sinulla on joukko C, siellä ovat paneelit tietyn arvon,
joko struct osoitin tai kelluu tai [kuultavissa].
Täällä voit olla eri arvot.
Minulla oli ensin liukuluku, sitten Boolen, sitten toinen kokonaisluku.
Ja itse asiassa, he voivat muuttaa tyyppejä liikaa.
Katsokaa linja 16.
Array kaksi muuttuu olemasta numero, kokonaisluku, merkkijono.
>> Toinen mukava juttu paneelit on täällä rivillä 19, heillä on ääretön koko.
Voit vain sanoa haluan sadasosa elementti on merkkijono legit.
Ja tämä ei näytä tekevän järkeä, koska array vain
on tilaa kolmelle elementtejä, joten pää olisi kaksi.
Mutta kun teet tämän, katsotaanpa mitä array kolme tulee.
Haluamme ajaa näin nopeasti solmuun esimerkiksi six.js.
Saamme tämän todella kauan array, ja mitä tapahtuu
on meillä muutaman ensimmäisen elementit ja sitten nippu aihioita
kunnes saamme merkkijono.
JavaScript täyttää array sitä tarvitaan.
>> Katsotaanpa lopulta mennä meidän viimeinen esimerkki.
Täällä meillä on lista erilaisten opiskelijoiden.
Haluan puhua hieman vähän siitä kivoja näkökohtia
ja silmukoita JavaScript.
Vuonna C, silmukoita sellainen rajoitettu.
Niillä on kiinteä rakenne, jossa on muuttuva, sinulla on sairaus,
ja sitten teet jotain lopussa silmukka.
Ja tietenkin tämä toimii JavaScript, kuten näimme edellisissä esimerkeissä.
Mutta meillä on myös mukavampi tapoja tehdä tämä JavaScript.
Tätä kutsutaan tarkoitettu kaikille niille silmukka.
>> Anteeksi, mennään takaisin esimerkin seitsemän täällä.
Voimme myös sanoa kohta on lista.
Joten anna minulle joka i tai jokainen indeksi luetteloon.
Sitten voimme saada opiskelija mukaan vain soittamalla osassa i.
Joten kaikki koodi asettaa i nolla ja varmista i
on pienempi kuin pituus ja lisäämällä yhden i aina, se on
huolehtii teistä melko hienosti tämä foreach silmukka.
>> Ei vain foreach silmukoita työskennellä luetteloita tai taulukoita,
ne toimivat myös esineitä, joka on myös mukava.
Voit saada nimeä jokainen omaisuutta vain ottamalla
sanakirjan tai esine, kuten opiskelija, ja sitten vain sanomalla antaa minulle joka avain.
Avain olisi nämä ominaisuudet, nimi tai talon.
Joten mitä tulee tapahtumaan tässä on, että me tulostaa ensin nimi ja sitten
talon jokaisen opiskelijan.
>> Voin ajaa tätä Node todella nopeasti näyttämään.
Saamme ensimmäisen C tyyli silmukka, jossa saamme jokainen esine on tulostettu.
Ja sitten meillä on JavaScript tyyli, jossa voit vain
tulostaa jokainen avain ja arvostavat erikseen.
>> Selvä.
Nyt kun olemme kattaa Node.js, luulen olemme valmiit aloittamaan kanssa Meteor.
Kuten sanoin, Meteor teki hienoa työtä kirjoitettaessa jotkut valmiita esimerkkejä
sinulle, että voit tutkia läpi Tämä opetusohjelma tai seminaariin kansioon.
Mutta tässä haluan alkaa enemmän tyhjästä.
>> Luodaan helppo tehdä hakemuksen.
Tämä on tavallaan pohjan mitä on tehdä sovellus näytin teille aiemmin on.
Tässä opetusohjelmassa näkevät, että on olemassa
komento Meteor luoda kohteeseen luoda uuden Meteor projekti.
Sinun täytyy soittaa tämän, jotta ajaa Meteor hankkeita, koska se
ajaa komentoja luoda Meteor
tarvittavat tiedostot projektin.
>> Jos menet terminaali, voimme mennä kansio nimeltä vaihe yksi.
Ja astu kukaan vastaa ensimmäinen askel opetusohjelma.
Ilmoitus on kansioita, askel yksi, toinen vaihe, aina viisi.
Ja jokainen on vastaava vaiheeseen tässä opetusohjelmassa.
Aion avata minun tekstieditori täällä
jotta voimme nähdä vähän mitä luotiin.
Huomaamme, että siellä neljä pääosaa.
Ei Meteor hakemiston, .meteor.
Ja että te yleensä ei tarvitse koskea.
Meteor huolehtii kansiossa, ja se vain
varmistaa, että Hanke toimii oikein.
>> Meillä on myös kolme tiedostoa, HTML-tiedosto, JavaScript-tiedoston, ja CSS-tiedosto.
Katsotaanpa ensin aloittaa HTML-tiedosto.
Ensi silmäyksellä tämä näyttää kuten normaali HTML-dokumentti.
Mutta huomaa, että siellä on joitakin eroja.
Yksi, tämä ei ole oikeastaan täydellinen HTML-dokumentti.
Olemme puuttuu HTML tageja.
Tämä on normaalia.
Vuonna Meteor, et ole odotettavissa luoda näitä HTML tageja.
Se on sinulle tehnyt.
Haluat begin-- jos haluavat luoda verkkosivusto,
sinun tarvitsee vain käynnistää pää tag,
määritellä sen, ja sitten määritellä body.
>> Mutta jos huomaat tässä HTML-tiedosto, meillä on uusi tagi.
Meillä template.
Tämä ei ole normaalia HTML.
Tämä on erityinen versio HTML että Meteor tekee käytössäsi.
Sitä kutsutaan tilaa baareja.
Voit määrittää malleja niin vähän moduulit, ikään kuin auttaja toimintoja,
oman C tai JavaScript-koodia.
Tämä malli olisi on nimi nimeltä tehtävä.
Ja näet täällä verkossa 13, että voit kutsua näitä malleja.
Ja mitä Meteor tulee tehdä, on vain Täytä nämä tehtävät puolestasi.
>> Toinen asia saatat huomata on vähän erilainen on tämä jokaisen toiminnon.
Jokainen vie muuttujan tehtävät ja sellaista mennä läpi
että foreach silmukka me näki esimerkissä seitsemän.
Tämä jokainen voi ottaa sanakirja tai luettelo, esine tai luetteloa,
ja se täytyy vain mennä läpi kaikki arvoja, kuten foreach silmukka olisi.
Joten jos meillä on joukko tehtäviä, tämä soittaa mallin kunkin tehtävän.
>> Katsotaanpa ajaa Meteor hanke vain nähdä, että näin tapahtuu.
Juoksen Meteor hankkeen kanssa vain Meteor tai Meteor juosta.
Ja nyt Meteor vain tarvitset nopeasti valmistella hanketta,
Aloita tietokannan tarpeen, ja sitten lähettää sovelluksen paikallisesti.
Voimme mennä www-selain nyt.
Ja näemme, että me on hyvin yksinkertainen sovellus.
Joten mitä näimme ilmaantui oli oikeastaan vaihe yksi, askel yhden tiedoston.
>> Siirrytään toiseen vaiheeseen vain siksi, Mielestäni se palvelee samaa tarkoitusta.
Olen juuri menossa muuttaa vaiheeseen kaksi hakemistossa
ja ajaa Meteor uudelleen, jotta voimme nähdä mallin me vain toimii.
Kyllä, kysymys?
>> Yleisö: Jos saamme luvan kiisti, on that-- mitä se
vaati, että?
Roger ZURAWICKI: Jos käytät Meteor aikavälillä,
ja sinulla on lupa kiisti, joitain tiedostoja
ei ehkä ole oikea lupaa asetettu.
Joten sinun täytyy tarkistaa, jos käyttöoikeudet ovat pois päältä.
Ne voisivat olla pois teidän Meteor projekti,
tai ne voivat olla pois Meteor-tiedostoja itse.
>> Yleisö: Jos Latasin sen juuri nyt teidän GitHub, niin mitä pitäisi tehdä
[Äänetön]?
>> ROGER ZURAWICKI: Jos haluat varmista voit käyttää sitä,
siellä komennon voit ajaa.
Haluan nopeasti kirjoittaa se ulos jotta muut ihmiset voivat nähdä sen.
Aion avata uuden välilehden täällä ja mennä minun seminaari kansioon.
Chmod on komento muuttaa käyttöoikeuksia,
ja voit sanoa r tehdä se rekursiivisesti jokaista tiedostoa.
Ja käyttöoikeudet, voit kokeilla 0755 varmista, että sinulla on täysi pääsy,
ja kaikki muu voi lukea.
Ja jos vain ajaa Tämän komennon, se tekee
Muista käyttöoikeudet ovat Tarkista koko hakemiston.
Running ls-l voi näyttää käyttöoikeudet tarkemmin.
Tämä näyttää OK.
>> Mikä tärkeintä on että sinulla on kaikki kolme
rwx kaikki tiedostot Seminaarin hakemistoon.
Oliko että ongelman ratkaisemiseksi?
>> Yleisö: Siinä sanotaan puuttuu välineellinen [äänetön].
[Äänetön]
ROGER ZURAWICKI: You täytyy varmistaa, että sinulla
on piste lopussa komento.
Yleisö: [äänetön].
ROGER ZURAWICKI: Okei.
Olkaamme nopeasti palata paikallinen isäntä, sovellus meillä.
Ja huomaat, että meillä on muutamia tehtäviä täällä, odotetusti.
Meillä on joukko CSS, joka sinun ei tarvitse murehtia.
Meteor opetusohjelma vain antaa tämän teille
tehdä tehdä luettelo look vähän mukavampaa kuin tavallinen HTML.
Ja meillä on JavaScript-tiedoston, joka Menen tarkemmin vähän myöhemmin,
mutta se vain antaa nämä tehtävät.
Tämä on tehtävä yksi.
Tämä on tehtävä kaksi.
Tämä on tehtävä kolmen.
Joten tämä on tieto Meteor n saaminen.
>> Yksi hienoja asioita Meteor on että muutokset voivat tapahtua automaattisesti.
Jos halusin muuttaa nimen ensimmäinen tehtävä,
niin se sanoisi tämä ei ole tehtävä yksi, ja minä pelastan sen,
sitten kun menen web selain, voit päivittää sen,
ja se automaattisesti sanoo tämä ei ole tehtävään yksi.
Voit tehdä saman asian missä tahansa näistä tiedostoista.
Tee muutos, eikä tehdä lista, minulla on se minun tehdä lista.
>> Ja yksi asia juuri huomannut, että en edes tarvitse päivittää.
Ajatus virkistävä on eräänlainen Ratkottuja sinulle Meteor.
Aina se havaitsee tiedoston muutokset, se lataa muutoksia puolestasi.
Tämä toimii kaikki tiedostot, onko se HTML, CSS, tai JavaScript.
Näyttää mitä tämän sovelluksen näyttäisi kuten ilman CSS, voin poistaa sen kaiken.
Ja kun se on ladattu, sinulla on nyt ei niin hyvännäköinen tehdä lista.
Laitetaan sisällön takaisin.
Ja totisesti riittää, se virkistää, ja meidän CSS on takaisin.
Suuri.
>> Voimme nyt siirtyä kanssa opetusohjelma.
Puhutaanpa Vaiheessa kaksi malleja.
Tätä me juuri nähnyt kanssa eri tehtäviä.
Meteor selittää sinulle mitä malleja ja miten tämä logiikka toimii.
Mutta katsotaanpa katsokaa koodin katso jos voimme järkeä irti.
>> Hyvin yksinkertaisia ​​sovelluksia, kuin mitä meillä on yksinkertainen
tehdä, askel yksi, askel kaksi, askel kolme, vaihe neljä, vaihe viisi,
meillä ei ole mitään kansioita.
Meillä ei ole palvelimen kansio mainitsin.
Meillä ei ole asiakkaan kansio, joka mainittiin.
Joten Meteor toimii kaikki tiedostot.
Se tulee suorittaa sen sekä asiakas, sekä palvelimen.
>> Ja jos haluat osia JavaScript koodi voidaan suorittaa vain asiakkaan,
ne täytyy varmistaa, että sinulla on jos ilmoitus, sellainen kuin mitä
meillä on JavaScript-tiedosto täällä.
Joten Meteor, vain jos se asiakas, niin minä
haluat määrittää mallin auttaja kutsutaan tehtäviä.
Mitä tämä koodi oikeastaan ei se sanoo siellä
esineen nimeltä mallin että Meteor tarjoaa.
Ja me aiomme lisätä auttaja.
Avustajat ovat nämä tehtävät, nämä asiat, kuten tehtäviä.
>> Näet että jos menemme takaisin HTML-tiedosto, pyysimme jokaisen tehtäviin.
Tehtävät ei määritellä HTML.
Se määritellään JavaScript.
Ja Meteor on tiedettävä, mitä tehtäviä on kun menemme JavaScript täällä.
Tehtävät on tämä auttaja.
Helper, voit ajatella se mallina muuttuja.
Ja mitä tehtäviä tehdä?
No, se palauttaa listan arvoja.
Koska se on lista, voimme kutsua jokaisen siinä.
Niin, että miksi me kutsumme jokaisen tehtäviin.
Ja nyt meillä on tehtävä.
>> Mitä tehtävää tekee?
No, se on tämä nuoli täällä jälkeen aaltosulkumerkkien.
Tämä tarkoittaa tehtävänä on malli.
Se ei ole auttajaa, kuin mitä juuri näin.
Se mallin olemme määritelty.
Ja missä olemme määritelleet sen?
Olemme määritelleet sen alla täällä.
>> Kaikki tämän mallin ei on tehdä luettelokohde, ja se vaatii tekstiä.
Nyt, teksti näyttää olevan auttaja, mutta minä näytän sinulle
että tämä on itse asiassa vielä data jäsen tehtäviä.
Kun soitat jokaisen, se menee tietorakenne hieman.
Kuten foreach silmukka, se nyt vain näyttää klo ensimmäinen elementti meidän objekti.
Näemme, että teksti on määritelty täällä meidän objekti.
Joten Meteor on fiksu tietää, että me puhumme tästä tekstistä,
ei auttaja nimeltään tekstiä.
Se vain saa arvon tämän tekstiä täällä ja näyttää sen HTML,
ja se, miten tiedot menee alkaen JavaScript HTML.
>> Liikettä vaikka tässä esimerkissä me koodattu näitä arvoja.
Meteor tekee kaksi todella mukavia asioita meille.
Lisäksi live virkistää että me osoitti, se hoitaa myös meidän tietokantaan.
Jos sinulla oli työskennellä PHP, sinun piti määrittää phpMyAdmin.
Sinun piti varmistaa, että pöydät olivat kaikki kurissa.
Sinun piti tehdä paljon työtä tehdä Varmista tietosi on alustettu oikein,
ja PHP voisi kommunikoida sen kanssa.
>> Nyt Meteor käyttää uuden paradigman.
Tämä on modernimpi tapa käsittelyn tietokanta.
Se on tekniikkaa kutsutaan MongoDB.
Aivan kuten JavaScript, näimme, että se ei ole väliä, mitä tyyppejä tiedot oli.
Kaikki oli var.
Se ei ollut charstar.
Se ei ollut int.
Se ei ollut struct.
Se oli vain var tätä, var että.
>> MongoDB toimii tavallaan samalla tavalla.
Sinun ei tarvitse määritellä taulukoita.
Sinun ei tarvitse sanoa pöytä on nimi, joka on int.
Se on, en tiedä, dollari, joka on desimaalin.
Se on vain nämä JavaScript esineitä, kaikki nämä Vars, olennaisesti.
Ja tämä on todella tehokas tapa prototyyppejä app.
Ja siksi Meteor hyödyntää tätä.
>> Jos menemme vaiheeseen kolme, Katsotaan, mikä on muuttunut.
Jos katsomme todos HTML, ei paljon.
CSS ei ole muuttunut lainkaan.
Mutta pieni muutos näemme HTML on meillä muuttunut, miten tehtävät on määritelty.
Tehtävät on nyt tehtävä.
Tämä tarkoittaa sitä, että jokainen aika haluamme saada tehtäviä,
aiomme suorittaa tämän toiminnon.
Se ei palauta toimivat arvo.
>> Meteor on fiksu todella ajaa toiminto nähdä mitä saamme ulos.
Ja se palauttaa tämä asia nimeltään tehtäviä.
Olemme määritellyt tehtävät on linjalla yksi, ja se Mongo kokoelma.
Mongo viittaa tietokanta Meteor käyttää,
ja tämä uusi vain tarkoittaa tehkäämme uusi kokoelma, kutsuvat sitä tehtäviä.
MySQL, tämä vastaisi etsivät pöydän nimeltään tehtäviä.
Mongo on kokoelmia, ei taulukoita.
Joten tämä vain näyttää tehtäviin.
>> Nyt mallin meidän apulainen malliin, kaikki
meidän täytyy tehdä, jotta kaikki tehtävät on tämä toiminto, löytää
ja tämä tyhjä ahdin.
Tämä on enemmän erityisesti Mongo syntaksin.
Siellä on runsaasti asiakirjat verkossa miten
voit tehdä tehokkaasti ja todella hyödyllinen Mongo kyselee.
Mutta jotain tällaista on hyvä riittää vain löytää kaikki tiedot.
>> Nyt yksi niistä kysymyksistä, saatat nähdä on, että emme koskaan itse lisätä tietoja.
Mitä tapahtuu, kun me todella ajaa askel kolme?
Katsotaanpa nopeasti mennä vaiheeseen kolme ja ajaa Meteor.
Huomaa, että minulla oli toinen Meteor Hanke käynnissä muualla,
joten Meteor ei pidä siitä.
Olen juuri menossa nopeasti lähelle muut Meteor Control C,
mennä askel kolme, ja suorita Meteor uudelleen.
Huomaa se alkaa MongoDB koska MongoDB
on osa jokaisen Meteor hankkeen.
>> Niin se sanoo minun hakemuksen on virheitä.
Se on mukava ominaisuus Meteor on.
Se tekee varma HTML on hyvin validoitu.
Katsotaanpa pikakatsella miksi tämä voisi olla.
Näyttää siltä, ​​minulla on vahingossa kopioitu väärä HTML-koodia.
Jos tallennan sen nyt, Meteor automaattisesti uudelleen palvelimeen,
ja nyt sovellus on käynnissä odotetusti.
Ilmoitus korjata tämän, voit vain ajaa sama HTML-tiedoston vaiheesta kaksi,
kopioi se vaihe kolme.
>> Voimme mennä takaisin meidän paikallinen isäntä.
Ja nyt näemme meillä tehdä lista.
Suuri, mutta se on tyhjä.
Meillä ei oikeastaan ​​ole mitään tehtävät meidän Mongo tietokantaan.
Joten puhutaanpa muutamia tapoja voimme tehdä.
Jos menemme takaisin terminaaliin, me se voidaan sulkea ja ajaa Meteor Mongo.
>> Jos olet perehtynyt miten Meteor toimii,
Tämä todella antaa sinulle pääsyn täysimääräisesti MongoDB varten Meteor.
Huomaa, että sinun täytyy olla käynnissä Meteor ensimmäisenä tämä toimisi.
Joten jos Juoksen asiaa uudessa välilehdessä, I voi palata samaan hakemistoon.
Ja nyt Meteor toimii hienosti.
Tämä on nopea.
Haluan tehdä vähän isompi, jotta voimme nähdä.
Tämä näyttää vähän erilainen kuin mitä voisi käyttää sinua
ei todellakaan tarvitse käyttää Mongo.
Koko kohta minua tässä jotta voit käyttää JavaScript.
Mutta jos olet utelias, Mongo API ei
käyttää SQL, Structured Query Language.
Se käyttää omaa kieltä, muistuttaa paljon JavaScript.
Hyvin nopeasti, voimme löytää pöydän kautta db.tasks.
Ja se kertoo minulle Osoittautuu, jos otamme löytää,
sellainen samanlainen kuin mitä meillä oli Meteor, voimme ladata kaikki elementit.
Ongelmana on, emme oikeastaan ​​ole määritellyt tehtävät.
Joten se ei voi saada niitä.
>> Voimme lisätä, vaikka.
Joten voimme ajaa lisää komennolla Insert.
Ja me vain antaa sen objekti, ja me vain
Varmista muoto on mitä odotamme.
Jos me katsoimme vaiheessa kaksi, näimme, että jokaisen tehtävän
oli objekti tekstin kuin avain ja mitä
teidän tehdä erä oli vaihteleva.
Joten voimme tehdä jotain.
>> Voimme olla se lisätä tehtävän nimeltään Tulen Mongo.
Ja me paina Enter, ja se toimii.
Voimme ajaa löytää uudelleen, ja me nähdä, että on jokin esine täällä.
Mongo määrittää sen tunnus, jonka voit ei todellakaan tarvitse murehtia.
Mikä on sinulle tärkeää on tietojen laitat, on tiedot saat ulos.
>> Mennään takaisin meidän verkkosivuilla, ja hei, meidän tehtävämme ladattu.
Ja voit nähdä, että koska Meteor on erittäin fiksu
ja aina virkistää sinulle, minä ei tarvitse koskettaa sivulle.
Se ladataan automaattisesti.
>> Katsotaanpa ajaa joitakin koodia JavaScript vaikka tehdä tätä.
Kuten olemme Solmu takana Loppuun suorittaa ulos JavaScript,
Voimme myös suorittaa JavaScriptiä suoraan meidän selaimissa.
Voit tehdä tämän ominaisuuden nimeltään Tarkasta Element.
Jos minä oikealla klikkaa osioon,
siellä on vaihtoehto nimeltään Tarkasta Element.
Jos käytät selain, kuten Safari, voit
ehkä ota kehittäjä työkalut ennen kuin saat tätä ominaisuutta.
>> Mitä me välitämme on konsoli.
Joten me vain mennä konsoli alareunassa.
Nyt voimme käyttää mitä tahansa JavaScript täällä, kuten JavaScript
tiedostoja näytin js esimerkki.
Mutta nyt katsokaamme tehtäviä.
Voimme ajaa meidän komento.
Ja toivottavasti pääsen tekemään se vähän isompi, jotta voimme kaikki nähdä.
>> Jos me juoksemme tasks.find, ja voit nähdä, että tämä on täsmälleen sama koodi
että JavaScript-tiedoston käytöt vaiheessa kolme, tämä task.find.
Voimme ajaa saman asian, ja Nyt saamme outoja juttuja.
Miten itse saada tietoja?
No, meidän täytyy suorittaa tämän komento kutsutaan noutamaan.
>> Tämä on erittäin hyödyllinen virheenkorjaus.
Mitä saat tässä kohdistin, ja tämä on
mukava tapa Meteor on optimoitu fetching tiedot.
Tämä osoitin on kaikki ominaisuudet live päivittämistä ja virkistävä sivu
kun jotain on muuttunut.
Mutta se saa meidät tiedot.
Voimme saada dataa nouto.
Ja näet meillä esine, ja se on aivan kuin mitä meillä oli Mongo,
jossa tunnus ja teksti panemme.
>> Miten siis laita tuote Meteor?
No, meillä on vain tehtäviä.
Ja sitten voimme ajaa Sama insert komennon,
antaa sanakirjan tai esineen joiden muoto on sama, teksti
ja sitten tulen konsolista.
Tutustu yllä, sillä kun minä tehdä tämän, se näkyy sivuilla
automaattisesti.
>> Huomaa, että voit laittaa mitään Haluatko näitä eriä.
Se ei tarvitse on kiinteä rakenne.
Voisin olla sama numero kolme ja b yhtä vääriä.
Ja kaikki toimii.
Voin jopa halua sisältävät tekstiä ollenkaan.
Tämä on vain ole suositeltavaa vaikka sillä sitten Meteor
ei tiedä, mitä näyttää.
Mutta jokaisessa tapauksessa, me saada tunnus, ja se on
ID objektin voit käyttää.
>> Kuten jatkamme Neljäs vaihe ja vaihe viisi,
opetusohjelma näyttää tapoja, voit luoda käyttöliittymän elementtejä käyttäen
HTML tiedät luoda erilaisia ​​tehtäviä.
Katsotaanpa vaiheessa neljä todella nopeasti.
Näemme, että lisäsimme osio tapahtumista.
Mallit voivat olla auttajia, jotka saavat meidät tietoja.
Mutta se voi myös soittaa tapahtumia.
Ja tämä on kamaa tulee hyödyllinen, koska tapahtumia
ovat mitä tapahtuu, kun klikkaat eri asioita sivustossasi.
>> Täällä meidän koodi on kertoa meille mahdollisuuden lisätä tämän tapahtuman.
Lisää se kun olet lähettänyt jotain luokan uuden tehtävän.
Mitä sinulla täällä on CSS valitsin.
Joten tämä vain etsii HTML elementti, joka on luokan uuden tehtävän.
Ja näyttää tapahtuman, kuten lähetä.
Muita tapahtumia ovat click, leijailla, kaksoisnapsauta,
samanlainen kuin mitä saat normaalissa HTML.
>> Mitä annat sille tässä nyt funktio.
Ja voit olla koodi tähän toimintaan.
Tämä toiminto on mitä päätyy tulossa kutsutaan, kun lähetät tämän uuden tehtävän.
Katsotaanpa HTML juuri niin me ymmärtämään, mikä tämä uusi tehtävä on.
Olemme lisänneet lomake tästä luokan uusi tehtävä.
Ja se on tulo, joka vie tekstiä.
Ja tämä on, jos me lisää meidän uusia tehtäviä.
>> Katsotaanpa ajaa vaihe neljä verkkosivuilla nähdä, miltä se näyttää.
Voimme lopettaa ensin ulos of MongoDB meillä oli
meidän edellinen Esimerkiksi Control C.
Ja katsotaanpa muuttaa siitä vaihe neljä hakemistoon.
Me ajaa Meteor uudelleen Aloita palvelimelle.
Ja valitettavasti minulla oli Meteor käynnissä toisessa terminaalissa.
Joten olen juuri menossa Varmista, että tämä suljettu.
Katsotaanpa lopettaa tämän ja muutos osaan neljä, vaihe neljä.
OK.
>> Nyt meidän Meteor koodi on käynnissä.
Ja voit nähdä, että se ajan tasalle, ilman meitä edes päivittää sivu.
Mikä on muuttunut tässä nyt että meillä ei ole mitään tehtäviä,
mutta meillä on lomake tästä, tämä tekstikenttään, lisätä meidän uusia tehtäviä.
Ja voimme kirjoittaa meidän tehtävämme täällä.
Olen kotoisin HTML-sivulla.
Kun painan Enter, se sai esittänyt.
>> Voimme nähdä, mitä tapahtui, määritelty JavaScript-koodia.
Tämä toiminto ei ollut ottaa tekstin muodossa,
ja sitten soitti juuri tasks.insert, kuten teimme konsoli.
He myös päättivät lisätä createdAt päivämäärä.
Näin olisit määrittää kellonajan.
Sen jälkeen, se raivaa muodossa tekemällä Muista arvo on tyhjä merkkijono.
>> Ja sitten se kutsuu palata false varmista mitään muuta tapahdu.
Kun palaat vääriä alkaen muodossa tapahtuman, joka pysäyttää suorituksen.
Sano muoto on toimintaa, kuten tekee PHP sivulle.
Jos et olisi palannut väärä, sinun palata totta.
Se päätyisi tekemään pyyntöön.
False sieppaa sen ja pysäyttää sen oikeassa.
>> Niin, että oli hieman demon noin miten Meteor toimii, ja me olet
seurannut opetusohjelma aikaa.
Ja voit ota vapaasti jatkaa näin.
On paljon resursseja, ja opetusohjelma on oikeastaan ​​vain
erittäin hyvä noin selittää mitä tapahtuu.
En halua näyttää nyt, Muutaman minuutin meillä on jäljellä,
mitkä ovat joitakin jäähdytin ominaisuuksia Meteor,
ja mitkä ovat joitakin enemmän hyötyä paketteja.
Yksi hienoa noin Meteor on, että sinulla on paketti järjestelmässä.
Voit helposti sisällyttää koodi että monet tuhannet kehittäjät
kirjoittanut maailmanlaajuisesti omaan Meteor projekti.
Yksi esimerkki tästä on, mitä voisi do vaiheessa yhdeksän opetusohjelma, jossa
yrität lisätä tilejä sinun Meteor projekti.
Jos meillä on CS50 PHP hanke, olisimme
luottaa puitteista tai oman koodin tehdä
varma, että me turvallisesti käsitellä salasanoja ja käyttäjätunnuksia
ja tallennetaan tietokantaan ja kaikki tämä.
>> On käynyt ilmi Meteor on joitakin paketteja tehdä sen sinulle,
ja tehdä se hyvin helposti.
Mitä voimme tehdä, on lisätä muutama paketteja.
Tehdäänpä tämä oikeus nyt meidän konsoli.
Aion lopettaa hankkeen ja nyt mennä yksinkertainen todos.
Nyt yksinkertainen-todos on projekti, että olet
on sen jälkeen tehdään vaiheesta 11 tai vaiheessa 12,
lopussa tämän opetusohjelman.
Ja katsotaanpa nopeasti katsomaan sitä nähdä mitä eri ominaisuuksia meillä on.
Toivotaan vain varmista, että se on käynnissä.
Joskus se vie aikaa virkistää, mutta tässä se on.
>> Meillä on mahdollisuus piilottaa tehtävien suorittamiseen, ja voimme kirjautua sisään.
Ja tämä tehtiin Meteor paketti.
On hienoa.
Olemme nyt käyttäjätunnus ja salasana kirjaudu sisään.
Mutta mitä jos halusimme lisätä toisenlaista kirjautuminen mekanismi?
Sanotaan Halusin kirjautua sisään minun Meteor tili.
Aion juosta meteoriitti add, ja tämä syntaksi on lisätä paketteja.
Voin sanoa tilejä, ja accounts.meteor.
Se tulee nyt löytää paketti ja lataa sen.
Voit nähdä, että en ole löytänyt oikean paketin nimeä.
>> Joten miten tietää paketteja?
No siellä on hyvä sivusto, tehty käytettävissä Meteor ihmisiä,
nimeltään atmospherejs.com.
Atmospherejs, yksi sana, piste com, on suuri arkiston
löytää kaikki Meteor paketit arkistossa.
Voin etsiä tilejä, ja sitten se tulee näyttää minulle kaikki asiaankuuluvat jutut,
kaikissa pakkauksissa tilin nimi.
>> Vaikka joka lataa, voimme yrittää lisäämällä joitakin muita paketteja.
Ehkä Meteor paketti ei toimi juuri nyt, mutta voin lisätä Facebookissa.
Voin lisätä tilin ja sitten ajaa Meteor projektin uudestaan.
Kun tämä alkaa, katsotaanpa mikä on muuttunut verkkosivuilla.
Voit see-- Saatan täytyy päivittää sen tästä.
>> Minulla painiketta määrittää Facebook login.
Ja tässä, minulla on kaikki ohjeet Meteor
on valmiina teitä varten perustamalla Facebook-sovellus.
Ja voit käyttää sitä tietoa lisätä tunnukset.
Kun se on tehty, sinun on Facebook kirjautuminen työskentelevät App.
>> Olen juuri menossa App tunnus ja salainen,
vain näyttää, miten tämä voisi toimia.
Tarvitset Facebook-tilin käyttää Facebook kehittäjä vaihtoehtoja.
Saanen nopeasti löytää Meteor avaimet, jotka ovat tarpeen.
Minulla on toinen Meteor projekti että aion käyttää,
ja olen juuri menossa ottamaan avaimet tiedoston.
>> Ja kun löydän sen, minä vain pystyä kopioida nämä avaimet minun Facebook.
Joten tässä on avain.
Ja tämä on salaisuus.
Sinun ei pitäisi olla jakaa tämän ihmisten kanssa.
Ja sitten annat sen sovelluksen salaisuus.
Ja tämä on niin Facebook tietää olet sinä.
Ja säästät kokoonpano.
>> Mielestäni prosessissa I lopettanut minun Meteor app.
Joten haluan vain tehdä että se on edelleen olemassa.
OK, katsotaanpa varmista meidän Meteor palvelimen on käynnissä niin web-sivu on käynnissä.
Huomaa, jos pysähdymme Meteor palvelin, sivu on edelleen olemassa.
Se vain ei päivitä enää.
Meteor-palvelin on välttämätön siitä että sivu on live.
>> OK, olen esittänyt sitä, ja nyt Voin kirjautua Facebook.
Nyt se on vain asia ottaa Facebook pop up
ja laittamalla tilisi tietoa ja puunkorjuu.
Kun teet näin, Facebook pitää Nag jostain lisää turvallisuutta.
Joten me vain lopettaa siellä.
Lähtökohtana on, että kun olet valmis kanssa, sinulla on Facebook kirjautuminen.
>> Meteor on joukko muita paketteja samoin.
Voit kirjautua sisään Google+.
Voit kirjautua sisään GitHub.
Voit kirjautua sisään Twitter.
Tai jos haet, luultavasti löytää paljon muita asioita
kuten Meetup, LinkedIn, ja Meteor Developer.
Joten Meteor Kehittäjä oli paketti olin etsimässä.
Meteor lisätä tilejä-meteori-kehittäjä.
Tällä välin olen haluavat myös suositella
joitakin muita paketteja projekteja.
Se saattaa osoittautua hyödyllistä sisältävät jQuery paketti.
Näin voit käyttää jQuery asiakkaasi.
Voisit vain tehdä se yksi rivi, ja Meteor tulee varmistaa, että olet ajan tasalla
jQuery.
Suosittelen myös Houston: admin.
>> Tämä on ikään kuin phpMyAdmin Tällainen työkalu MongoDB.
Näin voit muokata tietosi melko helposti
ilman mennä Mongo kuori, kuten olin tehnyt aiemmin seminaarissa.
Joten nyt, että on käynnissä, katsotaanpa juosta Meteor uudelleen ja katso, mitä voimme tehdä.
>> Huomaat, että lisäämällä joitakin paketteja ehkä ne esittää joitakin varoituksia.
Sinun ei tarvitse huolehtia siitä Houston.
Voimme siis nyt mahdollisuus määrittää Meteor admin.
Ja he antavat sinulle ohjeet jos haluat määrittää, että jopa.
>> Voimme myös nyt mennä / admin.
Tämä on tuonut sinulle jonka houston paketti.
Ja tämä on Meteor admin käyttöliittymä.
Sinä vain luoda admin tili, kuten niin.
Ja jos päivittää sivua, saatat joitakin kokoelmia näy.
>> Se on erittäin hyödyllinen työkalu, ja suosittelen sitä.
Voit nähdä, että koska Houston oli antaa joitakin virheitä,
meillä ei ole mitään kokoelmia näy juuri nyt.
Miten käyttäisit Houston on jotta tämä toiminto saa
kutsutaan simple-todos.
Joten houston ei tiedä, mitä minun tehtävät ovat.
>> Olemme perustaneet Mongo kokoelma nimeltään tehtäviä.
Mennään yksinkertaisiksi-todos ja juuri Varmista, että JavaScript,
olemme lisänneet tehtäviä meidän kokoelmista.
Olemme nyt tallennettu, ja se rakentaa sovellus, virkistävä.
Ja katsotaanpa.
Nyt meillä on joitakin tehtäviä.
Ja voimme lisätä joitakin uusia tehtäviä.
Mutta jos haluamme lisätä tehtäviä, Tehdään se App itse.
>> Nyt voimme lisätä joitakin tietoja.
Hei, tämä on tehtävä.
Tuntuu outoa, että emme näe mitään tehtäviä.
Voisimme haluat tarkistaa, jos meillä mitään virheitä täällä, tai ehkä jossain muualla.
Jos menemme admin, että tuntuu oudolta.
Jos vedät arkistosta tämän jälkeen seminaarin,
Aion varmistaa, että yksinkertainen-todos toimii Houston.
Valitettavasti se ei näytä olla töissä tällä hetkellä.
>> Onko muuta kysyttävää?
Houston on normaalisti työkalu, joka toimii erittäin hyvin.
Houston nimenomaan on vähän buggier kuin toisilla,
mutta en suosittele sitä, jos se toimii.
Joo.
>> Yleisö: Mitä voit tehdä Facebook-paketti
kun käyttäjä on kirjautunut sisään Facebook?
>> Roger ZURAWICKI: Kerran käyttäjän kirjautunut,
voit soittaa Facebook API.
Paljon, että piilee enemmän miten Facebook avaa heidän API.
Meteor, varmista, että olet on yhteys.
Mutta kaikki on sen jälkeen asia opetella käyttämään Facebook API.
Yleisö: [äänetön].
ROGER ZURAWICKI: Okei.
Kiitos erittäin paljon Tämän CS50 seminaarissa Meteor.
Jos sinulla on kysyttävää, voit lähettää sähköpostia minulle
minun sähköpostiosoite alla seminaarin.
Ja otan mielelläni vastata kysymyksiin.
Otan myös olla CS50 hackathon pitäisi
tarvitset apua teidän Meteor hankkeita.
Kiitos katsomassa.