[Muzikos grojimo]
ROGER ZURAWICKI: Sveiki, mano vardas Roger Zurawicki,
ir aš būsiu apimantis CS50 Meteoras seminaras.
Meteoras yra nauja sistema skirtas naujos rūšies interneto,
ne PHP priėmimo prašymus pirmyn ir atgal natūra
web matėme PHPP rinkinys, bet labiau dinamiškas Javaskriptą
dalys internete.
Daiktai meteoras gali padaryti apima Live Atnaujinimas
ir iš karto bendrauti tarp vartotojų tos pačios svetainę.
>> Dėl šio seminaro, mes turime kodas patalpinta mano GitHub.
Jūs galite eiti į šį URL ir jį atsisiųsti.
Jei žinote, kaip naudoti Git, galite klonuoti saugyklą.
Jei jūs nežinote, kaip naudotis Git arba nenaudojama GitHub,
tai visiškai gerai.
Aš jums parodysiu, tikrai greitai kaip mes galime eiti į GitHub,
ir ten galimybė atsisiųsti zip teisę ten.
Kai atsisiųsti šį katalogą, jums galite pradėti žaisti su mūsų kodu.
>> Daugiau informacijos apie Meteor galima rasti meteor.com.
Seminare aplanko, aš iš tikrųjų turi keletą Meteor projektus mes galime naudoti.
Vienas iš katalogų mes turime mūsų Seminaras projektas todos progr.
Taigi, jei aš einu į jį aš, turi Meteoras įdiegta.
Taigi, norint jį paleisti, aš tiesiog reikia įvesti Meteoras ir meteoras bus įdiegti.
Kaip matote, mes turime įsitikinkite, kad mes įdiegta Meteor.
Taigi, aš tik ketina paleisti jį vieną daugiau laiko
įsitikinti, kad meteoras yra tinkamai įdiegta.
>> Nors turiu Meteor montavimas, galiu parodyti jums,
kai gyvi demo meteorų svetainių vyksta gyvos dabar internete.
Turiu mūsų app demo.
Jūs galite jį pasiekti šiuo adresu.
Tai padaryti programa, kad mes turime mūsų seminaro kataloge.
Tai URL rozu-rabbit.meteor.com.
Jūs pamatysite, kad meteoras tikrai surengti savo meteoras projektus nemokamai.
Ir tuo Seminaro pabaigoje, Galėsite tai padaryti taip pat.
>> Tai padaryti sąrašą progr.
Ir jūs galite prisijungti, sukurti sąskaitas, pridėti užduotis.
Galite sukurti paskyrą štai taip.
Ir dabar, kai jūs turite paskyrą, galite pridėti užduotis.
Pavyzdžiui, vienas iš uždavinių I gali tekti eiti pasiimti savo skalbinius.
Ir jei jūs apie tai svetainė internete, jūs
iš tikrųjų matyti šį užduotį kompiuteris realiu laiku.
>> Galiu parodyti jums greitą demo tai atidarant rožinę-triušis
kitoje kortelėje su tuo pačiu URL.
Ir mes matome, kad tie patys duomenys ateina.
Mes taip pat gali paleisti jį kitą naršyklę.
Pasakykite man paleisti jį į "Safari".
Tokiu būdu mes nesate prisijungęs.
Taigi, mes turime tą patį Meteor App, ir kai jis įkelia,
matysime tą patį duomenis mes padarė pirmasis.
Kaip matote, aš nesate prisijungęs čia.
Ir kai auditorija čekiai duomenys, jis atnaujina visų naršyklių
tuo pačiu metu.
Tai yra vienas iš tikrųjų įdomių funkcijų apie Meteor.
Su beveik nėra darbo, jūs turi gyventi atnaujinimo programą
kad pokyčiai visų Jūsų prietaisai nuo karto.
>> Jei pažymėsite žymės langelį čia aš mano daryti sąrašą, turėsime,
mano kita Chrome naršyklę, punktas patikrintas išjungtas.
Ir tai atsitinka akimirksniu.
Gerai.
Taigi atrodo, kad Meteor diegimas yra pasirengęs dabar.
Taigi dabar grįžkime prie todos programa ir paleisti tai vietoje.
>> Jei turite Meteor projektą, galite tiesiog paleisti jį su komandų Meteor.
Kai tai padarysite, Meteor bus šiek tiek pasiruošti
įsitikinti, visi Jūsų kodas yra patikrinti.
Ir tada jis tau pasakys, kad Projektas yra pasirengusi būti įteiktas.
Jums gali prireikti, kad jūsų ugniasienė, jei jūsų kompiuteris blokų jums.
>> Taigi, kas Meteoras pasakoja man dabar yra tai, kad šioje interneto svetainėje
vietos į mano kompiuterį, matau ką tai meteoras projektas.
Atkreipkite dėmesį, kad dabar, mano app yra neprieinami internete.
Mes padengti, kaip pareikšti savo Meteor programai gyva svetainėje šiek tiek vėliau.
Taigi, aš tik ketina kopijuoti tai URL dabar ir eiti į "Google Chrome".
>> Ir tai yra padaryti sąrašą iš pavyzdyje.
Jūs galite pamatyti juos įgyvendinti dar keli bruožai čia.
Turime įvairių skirtukų, mes turi tą pačią sąskaitą funkcijas,
ir mes galime pridėti naujus sąrašus.
Dabar, vienas iš tikrųjų cool funkcija apie Meteor
yra tai, kad ne tik gali tai dirbti savo naršyklėje,
bet jūs taip pat galite sukurti gimtoji iPhone "ir" Android "
Apps per įrankį, vadinamą PhoneGap.
>> Taigi kai kurie projektai bus iš anksto sukonfigūruotas veikia
iOS, kaip šis todos app.
Taigi man reikia padaryti paleisti jį į iOS tai tipo Meteor, Vykdyti, tada iOS.
Ir kai aš tai padaryti, meteoras vėl parengti paketą.
Ir tada, kai jis yra pasirengęs, jis bus įkelti iOS simuliatorius ant mano komandą.
Pastaba galite paleisti tik iOS Apps Jei turite Mac kompiuterį.
Jūs galite paleisti savo apps Android visose platformose.
>> Taigi, dabar jūs galite pamatyti, kad mano iPhone simuliatorius atėjo ant mano ekrano.
Ir tik akimirką, jis bus įkelti su app.
Jei mes tai tik šiek tiek mažesnis, kad tilptų ekrane,
matome mes turime iPhone app.
Ir tik todėl mes ne susipainioti, padarykime
Ar tikrai esame pats svetainė, vietinio kompiuterio 3000.
>> Taigi čia yra pavyzdys iš Meteor app turiu,
todos programa, veikia tiek telefonas ir interneto naršyklę.
Ir kai aš pakeisti stuff į interneto naršyklę,
iš karto eina prie telefono.
Ir aš galiu ištrinti kažką telefonu, ir jis keičia į interneto naršyklę.
>> Dabar, paprastai sukurti gimtoji telefonas app iOS ar Android,
Jums reikia žinoti, arba Java arba Objektyvūs C. technologijų Meteoras naudojimas
leisti JavaScript, nes jūsų app vadinamas PhoneGap.
Kas jūsų app esmės yra yra interneto naršyklė.
Ir Meteoras rankenos visi Gudrybės dalys, dalyvaujančios
pareikšti, kad interneto naršyklė jūsų iPhone arba Android "įrenginį.
Galite matyti, kad vartotojo sąsaja yra lygūs,
ir jis atrodo ir jaučiasi labai panašiai kaip gimtoji app.
Atkreipkite dėmesį, kad jei aš einu į namus ekranas dabar, aš taip pat gauti piktogramą.
Tai nėra, kaip svetainė norite rasti "Safari".
Tai pati programa.
Jūs galite įdiegti ir ištrinti jį, jei norite.
>> Galime trumpai parodyti jums, ką kodas šiam Todos rūšies APP atrodo.
Jei pažvelgti į todos aplanką, pamatysite yra daug aplankų.
Tačiau per kurso Seminaro, mes
suprasti, ką kiekvienas aplankas naudojamas.
Vykime į terminalą, kad mes galite pamatyti failus šiek tiek geriau.
>> Aš ruošiuosi spauskite Control C sustabdyti serverį,
ir dabar aš atgal į todos app.
Turiu įvairių aplankų čia, kaip ir klientas aplanko serverio aplanką.
Ir šie aplankai paprasčiausiai reiškia, kad viskas kliento katalogą
paleidžiama vykdyti savo naršyklėje.
Viskas serverio aplanką paleidžiama vykdyti serveryje.
>> Ką aš noriu atkreipti išeitis yra tai, ką mes turėjome
kai mes turėjome savo telefono veikimą ir mūsų interneto naršyklė, tai buvo klientai.
Bet kas veikia terminalas, tai serveris.
Mes turime kitus aplankus, pavyzdžiui, lib, kuris yra biblioteka kodas,
kaip jūsų pagalbininkas funkcijos, kurias galite
naudoti tiek kliento ir serverio.
Ir tada jūs turite visuomenės aplanko ir ištekliai
aplanko būtina gauti jūsų vaizdai ir kita CSS įkeltas.
>> Jei Meteoras įdiegta, mes toliau už Meteor pamoka.
Jūs galite eiti į šį URL, meteor.com/install,
gauti komandinę eilutę, kad aš parodė, kad montuoja Meteor.
Mes eisime per pirmas Keli žingsniai gauti geriau
manote apie tai, kaip įdiegti Meteor.
>> Bet pirmiausia, manau, kad labai svarbu, kad mes peržiūrime truputį JavaScript.
Norėdami parodyti jums keletą pavyzdžių, kaip pavyzdžius Mūsų C žinios gali būti išverstas
kad JavaScript, aš sukūrė keletą pavyzdžių.
Jie js kataloge.
Taigi, jei seminaruose aplanką atrodo, yra aplankas vadinamas JS.
Ir čia mes turime keletą pavyzdžių.
>> Leiskite atverti pirmoji pavyzdys ir pamatyti labai greitai.
Ką mes matome jūsų standartas hello world komandą.
Jūs pastebėsite, C, kuris jus turi gana keletą eilučių.
Ir kaip CS50 mokiniai žino, mes turime pagrindinę funkciją,
ir mes turime įtraukti šį standartą I / O biblioteka, siekiant skambinti printf.
>> Pažvelkime, kaip įjungti palygina.
Aš ruošiuosi atidaryti ex1.js.
Komentavo dėmesį yra tai, ką C kodas atrodys,
ir žemiau linijos yra viskas jums reikia paleisti mazgo.
Jums nereikia pagrindinę funkciją, jums nereikia jokių failų,
ir jums nereikia grąžinti.
Jūs tiesiog paskambinkite console.log.
Tai jūsų printf ekvivalentas.
>> Ir tai trunka pats argumentai printf būtų.
Ir tam, kad ją paleisti, vietoj veikia padaryti Ex1,
jūs tiesiog paskambinkite mazgas ex1.js.
Jūs rašote mazgas ir tada failą, ir jis bus paleisti.
Jis neturi gauti surinkti.
JavaScript yra aiškinama kalba.
Taigi, tai nebūtinai turi būti parengta prieš tai paleisti.
Jei aš norėjau paleisti ex1.c, Turiu padaryti jį pirma,
ir tada aš galiu paleisti vykdomąjį gauti tą patį galingumą.
>> Leiskite greitai padengti kai kiti JavaScript sąvokos.
Pažvelkime, pavyzdžiui du.
Be ex2.js iš ex2.c, mes galime matyti, kad mes turime tam tikrą kodą.
Leiskite greitai eiti geriau teksto redaktoriumi
kad parodys tai naujų linijų tiek geriau.
Gerai.
Čia mes turime pavyzdį 2.c.
Čia mes turime skirtingų tipų kad mes spausdinti.
Ir kaip žinome, printf trunka skirtingų proc argumentai
prieiti prie skirtingų vienetų duomenis.
Jei norime spausdinti eilutė, mes vadiname "% s".
Jei norime paraginti kintančios kablelio skaičius, mes vadinami% f.
Ir nėra paprastas būdas skambinti Būlio jo true arba false vertę.
Bet jei jūs naudojate% d, galite gauti 0 arba už klaidinga ir teisinga 1.
>> JavaScript yra šiek tiek gražiau už mus.
Be JavaScript, pažvelkime į keletą skirtumai turime šioje rinkmenoje.
Pirma, jūs pastebėsite, kad C turime inicijuoti kiekvienas kintamasis su tipo.
S yra char žvaigždė.
Tai eilutė, ir tai negali būti bet kokio kito tipo.
N yra plūdės.
B bool.
>> Bet JavaScript, yra dinamiškas tipai.
Tai reiškia, kad jūs neturite reikia pasakyti JavaScript
Kokių tipų kintamuosius bus.
Jūs tiesiog pasakyti var kintama, pavardė kintamojo, ir tada jo vertę.
Taigi var gali būti bet kas tikrai.
Tai gali būti eilutė.
Tai gali būti slankaus kablelio skaičius.
Tai gali būti ženklas.
Tai gali būti Būlio.
Ir konsolės žurnalas veikia šiek tiek kitaip.
Jei norite spausdinti numerį, skambindami% d.
Tačiau dauguma vertybės gali būti spausdinama kaip stygos tik baudą.
>> Leiskite paleisti tai mazgo pamatyti, kas nutiks.
Galiu skambinti mazgas ex2.js, ir mes printf
su vertybėmis CS50, N, kaip slankaus kablelio skaičius,
ir tada B kaip Būlio konvertuoti į eilutę tiesa.
Ką apie tai, jei mes padarėme pavyzdys 2.c?
Na, mes vis dar turime kai daugiau susierzinimų su printf.
Atkreipkite dėmesį, kad slankaus kablelio numeris turi būti teisingai suformatuotas,
ir kad Būlio negali tiesiog būti rodomas kaip true arba false.
Gerai.
Dabar pažvelkime, pavyzdžiui trys.
Pavyzdyje trys, mes parodome kaip galėtumėte naudotis už kilpos.
Iš tiesų, tai labai paprasta.
Vienas gražus dalykų apie JavaScript yra tai, kad ji yra C pagrįstas.
Tai reiškia, kad iš daug jūsų kodas atrodys labai panašus
ir pajusti labai pati.
Iš už kilpos, vienintelis dalykas, kad tikrai pasikeitė čia
yra vietoj int i, turime var i.
Mes vis dar galime priskirti ją vertiname nulis, patikrinkite, ar jis yra mažesnis kaip penki,
ir prieaugio jį vieną su ++ operatorius.
Mes vadiname console.log ant i, ir kad spausdinti mums numerį kiekvienoje eilutėje.
Leiskite paleisti ją tikrai greitai pamatyti, ką jis išveda.
Mes gauti naują numerį kiekvieną eilutę.
Kitas dalykas, kurį noriu jums pastebėti su console.log
yra tu neturi rašyti Backslash N naujos linijos.
Console.log spausdinti viskas savo linijos.
Štai gražus bruožas kad "JavaScript" suteikia mums.
>> Dabar galime atverti pavyzdį keturi.
Pavyzdyje keturių, pirmasis C, mes vadiname keletą funkcijų.
Atkreipkite dėmesį, kad mes turime pripažinti, funkcijos, kol mes juos naudoti pagrindinė.
Jei mes turėjome Pagrindinis pirmoji ir tada pridėti ir tada didelis, kad,
Zaszczękać arba Persijos įlankos būtų mums sakydamas klaidą
kad jis nežino, kas yra aukštai.
Jis nežino, ką pridėti,.
Taigi C, jūs turite būti smulkmeniškas apie Tvarka, kuria galite skambinti savo funkcijas.
>> Pažvelkime, kaip jūs galite tai padaryti JavaScript.
Turime įvairių failus, nes ten Yra keletas skirtingų būdų, kaip tai padaryti.
Vienas iš būdų yra gana daug tiesioginis vertimas.
Kadangi funkcijų C grįžti tipus ir "JavaScript"
tikrai ne žinoti, ar priežiūros apie kokios rūšies grįšite,
Jums nereikia rašyti tipą.
Vietoj to, jums tiesiog reikia rašyti funkciją,
ir viskas yra gana daug pati, kaip ir anksčiau.
>> Jei turite kintamąjį, kaip ir pridėti, mes tiesiog reikia parašyti X ir Y.
Mums nereikia sakyti x yra int.
Mums nereikia sakyti y yra int.
Mes grįžti su tuo pačiu sintaksė.
Didelės, mes pareiškiame, kad su veikti, o ne tuščia.
Atkreipkite dėmesį, kad tai, ar tai tuščia ar ne tuščia,
tai dar visa ta pati funkcija.
Ir mes tiesiog nedėkite nieko skliausteliuose,
ir atrodo labai panašiai kaip C kodą.
Ir toliau, mes galime jį pavadinti žemiau.
>> Jei pažvelgsime pvz 4b, pastebime, kad aš pasikeitė keletą dalykų.
Vienintelis dalykas, aš pasikeitė tikrai, nors tai tvarka.
Mes turime patį funkcijas, tačiau dabar jie
paskelbtas po to, jie naudojami console.log ir aukštos 19 eilučių 18,.
Jei tai padarė C, kad būtų mesti klaidą.
Čia tai veikia tiesiog puikiai.
Ir aš galiu parodyti, kad tai jums paskambinę mazgas apie 4b pavyzdyje.
>> Kitas būdas, kuriuo mes galime skambinti funkcijas yra taupant funkcijas kintamųjų.
Kaip ir sakiau, kintamasis gali turėti bet tipą.
Vienas iš tipų kintamasis gali turėti yra funkcija.
Taigi, jei jums pažvelgti pavyzdžiui 4c, ką aš pasikeitė
čia yra var pridėti vietoj funkcija add.
Ir dabar pridėti lygus funkciją.
Ši funkcija čia yra anoniminė.
Jis neturi pavadinimo, todėl tik funkcija ir tada skliausteliuose.
Po to sintaksė nesikeičia, bet jūs
turiu nepamiršti, kad turite kintamąjį, kad esate
saugojimo funkciją į Pridėti, kintamasis, kad jūs saugoti į aukštas.
>> Kadangi pridėti ir aukštos dabar kintamieji o ne funkcijos, kažkas keičiasi.
Tai bendra klaidą matau nuo žmonių JavaScripts daug,
ir kažkas nepamiršti.
Kai aš paleisti tai, pažiūrėkime, kas vyksta.
Gaunu klaidą.
Tai sakydamas, neapibrėžtos šiame taške.
Taigi sako, kad nežino, ką pridėti,.
>> Kadangi dabar pridėti Netiksli funkcija, pridėti, kintamasis.
Ir jūs ne iš tikrųjų suteikta pridėti vertę dar kai jūs jį naudoti.
Tai duoda mums pvz 4d, kur, jei norite naudoti kintamuosius funkcijas,
Jums tik reikia įsitikinti, kad jie gauti vertę, kol jie įpratę.
>> Pereikime prie Pavyzdžiui penkių tada.
Čia mes kalbame apie structs C C, structs
turi šią fiksuotą struktūrą prie jų nes jūs turite juos deklaruoti
prieš pradėdami jį naudoti, ir jūs sakote, aš turiu studentą,
ir kiekvienas studentas turi tiksliai vienas vardas, vieneri metai, vienos lyties.
Ji turi turėti visi iš jų.
Ji negali turėti kitų reikšmių, ir jie turi būti nustatytos konkrečios rūšys.
>> Tada mes galime inicijuoti konstrukto šiame gražus sintaksę
nes jis žino užsakymą.
Taigi žino, kad Roger yra vardas.
Jis žino, kad 2016 m metų ir M yra lyčių
nes mes pasakė jis tai sąrašas konstrukto studentas.
Ir tada jūs galite spausdinti tai, susipažinimo s.name.
Pažiūrėkime, kaip mes norėtume konvertuoti, kad į "JavaScript".
Atkreipkite dėmesį, kad ai dabar kintamasis, ir nėra jokio tipo.
Tai tiesiog var dar kartą.
Nes ji neturi reikšmės, jei tipas šio kintamojo yra žymeklis,
tai konstrukto, ar dar ką nors.
Mes turime šiek tiek kitokį sintaksė.
Ši sintaksė yra objektas sintaksė.
>> Galite matėme jį JSON.
JSON tikrųjų reiškia JavaScript objektas Žymėjimas.
Tai, kaip jūs nustatote objektai "JavaScript".
Mes turi raktą, kuris yra vertė, kaip ir pavadinimas.
Ir mes, kad tai vertybės, kita pusė, gaubtinės žarnos.
Ir vienas dalykas, reikia nepamiršti, yra jums nereikia turėti vardą ir metus
ir už objekto lyties.
Objektas gali neturi reikšmes.
Tai gali būti tiek, kiek norite.
>> Mes galime naudoti šiuos objektus tik taip pat, mes naudoti konstrukto, s.name.
Mes galime paleisti ją tikrai greitai daro mazgo pavyzdys 5.c.
Mes negalime iš tikrųjų paleisti C failo mazgo.
Jis nežino, kas C.
Jis tik žino "JavaScript".
Kai mes paleisti ex5.js, gauname vertė, kuri mes tikėjomės.
>> Pereikime prie Pavyzdžiui šeši.
Čia aš tik noriu kalbėti šiek tiek šiek tiek daugiau apie "JavaScript masyvai
nes jie šiek tiek kitoks, nei ką jūs
naudojama C matricos yra notated, ne su, pavyzdžiui, C skliausteliuose,
su garbanotieji petnešų, bet skliausteliuose.
Jūs galite turėti tuščią masyvą, kaip ARR keturiose linijos.
Jūs galite turėti matricos su keliais vertybes.
Ir jūs prie jų tik pats būdas C
>> Iki linija septyni, viskas Atrodo gana paprasta.
Vienas nedidelis skirtumas yra čia eilutėje 10 d.
Būdu jūs gaunate ilgis masyvas yra tik paskambinę .length.
Masyvas iš tikrųjų gali būti traktuojamas kaip objektas,
ir šis objektas yra ilgis turtą kad skambinate gauti jo ilgį.
Atkreipkite dėmesį, kad tai yra skirtingi C, nes C Jums
turi žinoti ilgis Jūsų objektas anksčiau laiko.
>> Taigi dar vienas gražus dalykas, apie matricas yra tai, kad jūs galite turėti skirtingų tipų.
Jei turite į C masyvą, ten yra matricos konkrečios vertės,
arba konstrukto žymeklis ar plūdes arba [nesigirdi].
Čia jūs galite turėti skirtingas reikšmes.
Aš pirmą kartą turėjo slankiojo kablelio skaičių, tada Būlio, tada dar sveikas.
Ir iš tiesų, jie gali pakeisti tipai taip pat.
Pažvelkite linijos 16.
Array du keičiasi gražu numeris, sveikasis skaičius, į eilutę.
>> Dar vienas gražus dalykas, apie masyvų čia eilutėje 19, jie turi begalinį dydį.
Jūs galite tiesiog pasakyti, kad aš noriu, kad šimtąją elementas turi būti eilutė teisėtu.
Ir tai neatrodo, kad jausmas, nes masyvas tik
turi erdvės trijų elementų, taip galas turi būti du.
Bet kai jums tai padaryti, tegul pamatyti, kas masyvo trijų tampa.
Mums būtų paleisti tai greitai su mazgo pavyzdžiui six.js.
Mes gauname tai tikrai ilgai masyvas, ir tai, kas vyksta
yra mes turime pirmuosius kelis elementus ir tada ruošinių krūva
kol mes gauti mūsų eilutę.
JavaScript užpildo masyvas, kaip jis reikalingas.
>> Leiskite pagaliau pereiti į mūsų paskutiniame pavyzdyje.
Čia mes turime sąrašą Skirtingų studentų.
Aš noriu kalbėti šiek tiek tiek apie kai kurių gražus aspektų
iš už kilpomis JavaScript.
C, už kilpomis yra rūšies ribotos.
Jie turi fiksuotą struktūrą, kur jums turi kintamąjį, sergate liga,
ir tada kažką daryti ties kilpa pabaigoje.
Ir, žinoma, tai veikia JavaScript, kaip matėme ankstesniuose pavyzdžiuose.
Tačiau mes taip pat turime gražiau būdai tai padaryti JavaScript.
Tai vadinama foreach ciklas.
>> Atsiprašome, grįžkime kad, pavyzdžiui septynių čia.
Mes taip pat galime pasakyti skyriuje yra sąrašas.
Taigi man kiekvieną I ar kiekvienas puslapis tame sąraše.
Tada mes galime gauti studentą tiesiog paskambinę skyriuje i.
Taigi visi su nustatyta I kodą lygus nuliui, ir todėl, kad aš
yra mažesnis nei ilgį, ir pridedant vieną I kiekvieną kartą, tai
rūpinasi jumis, o gražiai su šio foreach ciklas.
>> Ne tik foreach kilpų dirbti sąrašus ar matricos,
jie taip pat dirbti objektų, kuris taip pat yra gražus.
Jūs galite gauti iš vardą kas tiesiog atsižvelgiant nuosavybė
žodynas arba objektas, kaip studentas, ir tada tiesiog pasakyti, man kiekvieną klavišą.
Svarbiausia būtų tai NT, pavardė ar namas.
Taigi, kas nutiks, kad čia yra mes atsispausdinti pirmą pavadinimo ir tada
kiekvieno mokinio namuose.
>> Galiu paleisti tai mazgo tikrai greitai parodyti jums.
Mes gauname pirmasis C stiliaus linijomis, mes kiekvienas objektas yra spausdinami.
Ir tada mes turime JavaScript stilius, kur Jūs galite tiesiog
spausdinti kiekvieną raktą ir vertiname individualiai.
>> Gerai.
Dabar, kad mes, kuriems Node.js, manau, mes pasiruošę pradėti dirbti su Meteor.
Kaip ir sakiau, meteoras padarė didelį darbą rašyti keletą gatavų pavyzdžių
jums, kad jūs galite ieškoti per ši pamoka ar seminaro aplanką.
Bet čia aš noriu pradėti daugiau iš nulio.
>> Kurkime paprasta padaryti prašymą.
Tai yra rūšies, kas į bazę padaryti prašymą parodžiau jums anksčiau yra.
Šiuo samouczku, jums pamatysite, kad ten
komanda Meteoras sukurti į sukurti naują Meteor projektą.
Jums reikia skambinti tai, kad paleisti Meteor projektus, nes tai
veiks komandas sukurti Meteor
failus reikia jūsų projektui.
>> Jeigu jūs einate į terminalą, mes galime pereiti į aplanką, vadinamą vienu žingsniu.
Ir žingsnis viena bus tokia Pirmasis žingsnis pamoka.
Pranešimas yra aplankai, žingsnis vienas, du žingsnis, visi būdas iki penkių.
Ir kiekviena iš jų yra atitinkantis prie šio Tutorial žingsnis.
Aš ruošiuosi atidaryti mano teksto redaktoriumi čia
todėl mes galime pamatyti, kas buvo sukurta tiek.
Pastebime, kad Yra keturios pagrindinės dalys.
Yra Meteoras katalogas, .meteor.
Ir kad jūs paprastai nereikia liesti.
Meteoras rūpinasi kad aplankas, ir tai tik
užtikrina, kad jūsų Projektas bus dirbti tinkamai.
>> Mes taip pat turime tris failus, HTML byla, JavaScript failą ir CSS failą.
Tegul pirmasis pradėti su HTML failą.
Iš pirmo žvilgsnio tai atrodo kaip normalus HTML dokumentą.
Tačiau pastebite, kad ten Yra keletas skirtumų.
Vienas iš jų, tai yra ne iš tikrųjų pilnas HTML dokumentas.
Mes trūksta HTML žymes.
Tai yra normalu.
Be Meteor, jūs nesitikima sukurti šias HTML žymes.
Tai daroma už jus.
Jūs norite begin-- jei jus norite sukurti interneto svetainę,
jums tiesiog reikia pradėti su galvos žymeles,
apibrėžti, kad, ir tada apibrėžti kūno žymą.
>> Tačiau, jei pastebėjote šiame HTML byla, mes turime naują žymą.
Mes turime šablono žymą.
Tai nėra normalus HTML.
Tai speciali versija HTML kad meteoras daro prieinamas jums.
Tai vadinama erdvės barai.
Galite nustatyti šablonus, kaip mažai moduliai, lyg pagalbininkas funkcijas,
jūsų C arba Java kodą.
Šis šablonas būtų turi pavadinti užduotis.
Ir jūs galite pamatyti čia on-line 13, kad galite skambinti šiuos šablonus.
Ir kas Meteoras padaryti, tai tiesiog užpildykite šiuos jums užduotis.
>> Kitas dalykas, kurį pastebėsite yra tiek skiriasi tai kiekviena funkcija.
Kiekvienas imsis kintamasis užduotys ir rūšies eiti per jį
toje foreach kilpos mes mačiau Pavyzdžiui septyni.
Tai kiekvienas gali žodyną arba sąrašą, objektas ar sąrašas
ir jis bus tiesiog eiti per visus vertybės kaip foreach ciklas būtų.
Taigi, jei mes turime užduočių krūva, tai kreipsis dėl kiekvienos užduoties šabloną.
>> Leiskite paleisti Meteor projektą tik pamatyti, kad tai atsitiks.
Aš paleisti Meteor projektą tik meteoras meteoras arba paleisti.
Ir dabar Meteoras tik reikės greitai parengti projektą,
pradėti duomenų bazę būtina, ir tada rašyti app vietoje.
Mes galime eiti į mūsų interneto naršyklėje dabar.
Ir mes pamatysime, kad mes labai paprastas app.
Taigi, ką matėme parodė iš tikrųjų buvo vienas žingsnis, žingsnis vienas failas.
>> Pereikime prie antro tik todėl, kad žingsnis Manau, tai bus tas pats tikslas.
Aš tik ketina keisti prie žingsnis dviejų kataloge
ir paleisti Meteor vėl, kad galėtume pamatyti, Šablonas mes tiesiog dirbo su.
Taip, klausimas?
>> AUDITORIJA: Jei mes vis leidimas neigė, yra that-- kas ją
paragino, kad?
ROGER ZURAWICKI: Jei vykdote Meteor paleisti,
ir turite leidimą neigė, kai jūsų failams
gali neturėti tinkamą prieigos teisių rinkinį.
Taigi, jūs turite patikrinti, kur leidimus išjungti.
Jie gali būti išjungti Jūsų Meteoras projektas
arba jie gali būti išjungti Meteoras failus patys.
>> AUDITORIJA: Jei aš atsisiuntė jį tik dabar iš GitHub, tada ką turėčiau daryti
[Nesigirdi]?
>> ROGER ZURAWICKI: Jei norite įsitikinkite, kad galite jį pasiekti,
ten komandą galite paleisti.
Leiskite man greitai rašyti jį kad kiti žmonės gali jį peržiūrėti.
Aš ruošiuosi atidaryti naują skirtuką čia ir eiti į mano seminaro aplanką.
Chmod yra komanda pakeisti leidimus,
ir jūs galite pasakyti R daryti rekursyviai už kiekvieną failą.
Ir teises, galite pabandyti 0755 įsitikinkite, kad jūs turite visą informaciją,
ir visi kiti, gali skaityti.
Ir jei jūs tiesiog paleisti ši komanda, jis bus padaryti
Patikrinkite, ar leidimai yra patikrinti visą katalogą.
Veikia ls-l gali parodyti jums Permissions in išsamiau.
Tai atrodo gerai.
>> Kas svarbiausia yra kad turite visus tris
rwx pagal visus failus Seminaras katalogas.
Ar, kad išspręsti šią problemą?
>> AUDITORIJA: Ji sako nėra operant [nesigirdi].
[Nesigirdi]
ROGER ZURAWICKI: Jūs turi įsitikinti, kad jūs
turėti ne savo komandos pabaigos tašką.
Auditorija: [nesigirdi].
ROGER ZURAWICKI: Visi dešinę.
Leiskite mums greičiau grįžti į vietinio kompiuterio, programa turime.
Ir jūs pamatysite, kad mes turime Keletas užduotis čia, kaip tikėtasi.
Mes turime CSS krūva, kuri Jums nereikia nerimauti.
Meteoras pamoka tik suteikia jums apie tai
Norėdami, kad jūsų padaryti sąrašas atrodyti tiek gražiau nei paprasto HTML.
Ir mes turime JavaScript failą, kuris Aš eisiu į išsamiau tiek vėliau,
bet tai tik suteikia šias užduotis.
Tai uždavinys vienas.
Tai yra uždavinys du.
Tai yra uždavinys trys.
Taigi tai yra duomenys Meteoras darosi.
>> Vienas iš įdomių dalykų apie meteoras yra kad pokyčiai gali įvykti automatiškai.
Jei aš norėjau pakeisti Pavadinimas pirmą užduotį,
todėl būtų pasakyti, kad tai nėra užduotis viena, ir aš jį išsaugoti,
Tada, kai aš einu į internetą naršyklė, galite atnaujinti ją,
ir jis automatiškai sako tai nėra užduotį vieną.
Jūs galite padaryti tą patį, pagal bet kurį iš šių failų.
Padaryti kaita, o ne daryti sąrašas, turėsiu tai mano daryti sąrašą.
>> Ir vienas dalykas, kurį tik pastebėjau, kad aš net neturėjau atnaujinti.
Gaivus idėja yra natūra nuo išspręsta jus su Meteor.
Kai ji aptinka failo pakeitimus, jis bus įkelti pakeitimus už jus.
Tai veikia ant visų failų, ar tai HTML, CSS, JavaScript, arba.
Norėdami parodyti jums, ką ši programa atrodytų kaip be CSS, galiu visa tai pašalinti.
Ir kai ji perkrovė, dabar jūs turite ne taip gražiai padaryti sąrašą.
Leiskite įdėti tą turinį atgal.
Ir tikrai pakankamai, kad atgaivina ir mūsų CSS atgal.
Didysis.
>> Dabar galime pereiti su pamoka.
Pakalbėkime apie antrąjį etapą, šablonus.
Tai yra tai, ką mes ką tik matėme su skirtingų užduočių.
Meteoras jums paaiškins, ką šablonai ir kaip ši logika veikia.
Bet tegul tiesiog pažvelgti kodą pamatyti, jei mes galime prasmės iš jo.
>> Labai paprastas programas, patinka tai, ką mes turime paprasta
daryti, vienas žingsnis, antras žingsnis, žingsnis trys, keturi žingsnis, penki žingsnis,
mes neturime jokių aplankus.
Neturime serverį aplanko minėjau.
Neturime klientui aplanko buvo minėta.
Taigi Meteoras veiks visus failus.
Tai bus paleisti tai ir ant klientas, tiek serveryje.
>> Ir jei norite dalių savo JavaScript kodui veikti tik nuo kliento,
jiems reikia įsitikinti, kad jūs turite jei pareiškimą, lyg kas
mes turime mūsų JavaScript failą čia.
Taigi meteoras, tik tada, jei tai klientas, tada aš
norite nustatyti šabloną pagalbininkas vadinami uždaviniai.
Ką tai tikrai kodas Ar tai sako ten
objektas vadinamas šablonas kad meteoras suteikia.
Ir mes ketiname pridėti pagalbininkas.
Pagalbininkai šie uždaviniai, šie dalykai kaip užduočių.
>> Jūs pamatysite, kad jei mes einame atgal į HTML byla, mes vadinami Kiekvienas užduotis.
Užduotys nėra apibrėžta HTML.
Tai apibrėžta JavaScript.
Ir Meteoras turi žinoti, ką užduotys yra kai mes einame į "JavaScript čia.
Užduotys tai pagalbininkas.
Pagalbininkas, jūs galite galvoti kaip šabloną kintamąjį.
Ir ką užduotys daryti?
Na, jis grįžta vertybių sąrašą.
Nes tai, sąrašas mes galime skambinti vieni į jį.
Štai kodėl mes vadiname Kiekvienas užduotis.
Ir dabar mes turime užduotį.
>> Ką užduotis daryti?
Na, ji turi šį rodyklę Čia po garbanotas petnešos.
Tai reiškia, kad užduotis yra šablonas.
Tai ne pagalbininkas, patinka tai, ką mes ką tik matė.
Tai šablonas mes apibrėžti.
Ir kur mes ją apibrėžti?
Mes apibrėžta žemiau čia.
>> Visa tai šablonas nėra yra teikti sąrašo elementą, ir ragina tekstą.
Dabar, teksto atrodo, kad pagalbininkas, bet aš jums parodysiu
, kad tai yra faktiškai vis dar duomenys narys užduotis.
Kai skambinate kiekvienas, jis eina į duomenų struktūra truputį.
Kaip foreach ciklas, tai dabar tik atrodo bent pirmojo elemento mūsų objektą.
Mes matome, kad tekstas čia apibrėžta mūsų objektą.
Taigi meteoras yra protingas, kad žinau, kad mes kalbame apie šio teksto,
ne pagalbininkas vadinamas tekstas.
Jis tiesiog gauna šios vertės tekstas čia ir rodo ją kaip HTML
ir tai, kaip duomenys eina iš į HTML JavaScript.
>> Juda, nors, šiame pavyzdyje mes sunkiai koduojami šias vertybes.
Meteoras daro du tikrai gražumynai už mus.
Be gyvų atnaujinimo, kad mes parodė, kad taip pat valdo mūsų duomenų bazės.
Jei jums teko dirbti su PHP, Jums teko konfigūruoti phpMyAdmin.
Jūs turėjo įsitikinkite, kad jūsų stalai visi buvo patikrinti.
Jūs turėjo padaryti daug darbo, kad įsitikinkite, kad jūsų duomenys buvo suformatuotas teisingai,
ir PHP galėtų bendrauti su juo.
>> Dabar Meteoras naudoja naują paradigmą.
Tai moderni būdas tvarkyti duomenų bazę.
Tai technologija, vadinama MongoDB.
Kaip JavaScript, pamatėme, kad jos nėra svarbu, kokio tipo buvo nurodyti duomenys.
Viskas buvo var.
Tai buvo ne charstar.
Tai buvo ne int.
Tai buvo ne konstrukto.
Tai buvo tik var tai, var tai.
>> MongoDB darbai rūšies tuo pačiu būdu.
Jūs neturite apibrėžti savo lenteles.
Jūs neturite pasakyti lentelę turi pavadinimą, kuris turi int.
Ji, aš nežinau, dolerių, kuri yra dešimtainė.
Tai tik šie JavaScript objektai, visi šie Vars esmės.
Ir tai yra tikrai galingas būdas prototipas savo app.
Ir štai kodėl meteoras pasinaudojo tai.
>> Jei mes einame į trijų etapų, pažiūrėkime, kas pasikeitė.
Jei pažvelgsime į todos HTML, nėra daug.
CSS nepasikeitė ne visiems.
Tačiau nedidelis pokytis matome HTML yra mes pakeitėme, kaip užduotys yra apibrėžtos.
Užduotys dabar funkcija.
Tai reiškia, kad kiekvienas kartą mes norime gauti užduotis,
mes ketiname paleisti šią funkciją.
Jis negrįžta funkcija kaip vertė.
>> Meteoras yra protingas, kad iš tikrųjų paleisti funkcija pamatyti, ką mes išeiti.
Ir jis grįžta šį dalykas vadinamas užduotys.
Mes apibrėžta užduotis linija vieną, ir tai Mongo kolekcija.
Mongo yra nuoroda į duomenų bazė Meteoras naudoja,
ir ši nauja tiesiog reiškia, padarykime nauja kolekcija, skambinkite jai pavestas užduotis.
MySQL, tai būtų lygiavertis ieško stalo vadinamas užduotis.
Mongo turi kolekcijas, o ne lentelėse.
Taigi, tai tik atrodo užduotims.
>> Dabar, šablonas mūsų pagalbininkas šabloną, visi
mes turime daryti, kad gauti visus užduotis yra ši funkcija, ieškoti
ir tai tuščia petnešomis.
Tai yra daugiau, ypač į Mongo sintaksė.
Yra daug dokumentus internete, kaip
jūs galite padaryti efektyviai ir tikrai naudinga Mongo užklausomis.
Bet kažkas panašaus tai geras pakankamai ką tik rasti visus duomenis.
>> Dabar vienas iš klausimų, jūs galite pamatyti yra tai, kad mes niekada iš tikrųjų pridėti duomenis.
Taigi, kas atsitinka, kai mes iš tikrųjų paleisti trys žingsnį?
Leiskite greitai pereiti į Trečias žingsnis ir paleisti Meteor.
Atkreipkite dėmesį, kad turėjau dar vieną Meteor Projektas veikia kažkur kitur,
taip Meteoras nemėgsta, kad.
Aš tik ketina greitai arti kita meteoras su kontrolės C,
eiti į tris žingsnio, ir paleisti Meteor dar kartą.
Atkreipkite dėmesį, tai pradedant MongoDB nes MongoDB
yra kiekvieno Meteor projekto dalis.
>> Taigi ji sako mano prašymas yra klaidų.
Štai gražus bruožas meteoras yra.
Tai todėl, kad jūsų HTML pat patvirtintas.
Leiskite greitai pažvelgti, kodėl tai gali būti.
Atrodo aš netyčia nukopijuoti klaidingą HTML kodą.
Jei aš jį išsaugoti dabar meteoras automatiškai iš naujo serverį,
ir dabar app veikia kaip tikėtasi.
Atkreipkite dėmesį, kad išspręsti šią problemą, galite tiesiog paleisti pats HTML byla iš dviejų žingsnio,
nukopijuokite jį į tris žingsnio.
>> Mes galime grįžti prie mūsų vietos adresas.
Ir dabar mes matome, mes turime padaryti, sąrašą.
Puiku, bet tai tuščias.
Mes ne iš tikrųjų turėti bet užduotys mūsų Mongo duomenų bazėje.
Taigi pakalbėkime apie Keletas būdų, kaip mes galime tai padaryti.
Jei mes einame atgal į terminalą, mes gali uždaryti ir paleisti Meteor Mongo.
>> Jei esate susipažinę su tuo, kaip meteoras veikia,
tai iš tiesų suteikia jums prieigą iki galo MongoDB už Meteor.
Atkreipkite dėmesį, kad jūs turite būti paleistas Meteor pirmąjį šį darbą.
Taigi, jei aš paleisti tai naujame skirtuke, aš galite grįžti į tą patį katalogą.
Ir dabar Meteoras veikia tiesiog puikiai.
Tai greitas.
Leiskite, kad ji šiek tiek didesni, todėl mes galime pamatyti.
Tai atrodo šiek tiek kitoks, nei kas jums gali būti naudojamas su jumis
tikrai nereikia naudoti Mongo.
Esmė man čia yra taip, kad jūs galite naudoti "JavaScript".
Bet jei jūs esate smalsus, Mongo API nėra
naudoti SQL, struktūrizuotų užklausų kalba.
Jis naudoja savo kalbą, atrodo kaip JavaScript daug.
Labai greitai, galime rasti stalo per db.tasks.
Ir tai sako man Pasirodo, jei mes paleisti susirasti,
rūšies panašus į tai, ką mes turėjome su Meteoras, mes galime įkelti visus elementus.
Problema ta, kad mes ne iš tikrųjų turite apibrėžtus uždavinius.
Taigi jis negali gauti juos.
>> Mes galime įterpti, nors.
Taigi, mes galime paleisti įdėklas su komandų įdėklu.
Ir mes tiesiog suteikti jai objektas, ir mes tiesiog
įsitikinkite, kad formatas yra tai, ką mes tikimės.
Jei mes pažvelgė du žingsnio, pamatėme, kad kiekvieną užduotį
buvo su tekstu objektas kaip raktą ir kokia
Jūsų daryti punktas buvo kaip kintamąjį.
Taigi, mes galime padaryti kažką čia.
>> Mes galime jį įterpti užduotį vadinamas Aš iš Mongo.
Ir mes paspauskite Enter, ir ji veikia.
Mes galime paleisti vėl rasti, ir mes matyti, kad yra daiktas čia.
Mongo priskiria jai ID, kuris jus tikrai nereikia nerimauti.
Kas jums svarbu yra duomenų jūs įtraukėte, yra duomenys, kuriuos išeiti.
>> Grįžkime į mūsų svetainę, ir ei, mūsų užduotis įkeltas.
Ir jūs galite pamatyti, kad nes meteoras yra labai protingas
ir visada atgaivina už jus, aš neturėjo paliesti puslapį.
Ji automatiškai įkeltas.
>> Leiskite paleisti kai kodą JavaScript nors tai padaryti.
Kaip mes turime mazgas gale baigti vykdyti iš JavaScript,
mes taip pat galime paleisti "JavaScript" tiesiogiai mūsų naršyklę.
Jūs galite tai padaryti funkcija vadinamas Apžiūrėkite elementas.
Jei aš dešiniuoju pelės mygtuku spustelėkite puslapio dalyje,
ten pasirinkimas vadinamas Apžiūrėkite elementas.
Jei naudojate naršyklė kaip Safari, jūs
gali prireikti, kad jūsų kūrėjas įrankiai, prieš jums šią funkciją.
>> Kas mums rūpi tai konsolė.
Taigi mes tiesiog eikite į konsolė apačioje.
Dabar mes galime paleisti bet kokią JavaScript Čia, kaip ir "JavaScript"
failai parodžiau JS pavyzdyje.
Bet dabar pažvelkime užduotis.
Mes galime paleisti mūsų komandą.
Ir tikiuosi galės padaryti ji šiek tiek didesni, todėl mes visi galime pamatyti.
>> Jei mes paleisti tasks.find, ir jūs matyti, kad tai yra lygiai toks pats kodas
kad JavaScript failų naudojimo trijų žingsnis, ši task.find.
Mes galime paleisti tą patį, ir dabar mes kažkiek keistai stuff.
Kaip mes faktiškai gauti duomenis?
Na, mes turime paleisti tai komanda vadinama atnešti.
>> Tai yra labai naudinga derinti.
Kas jums čia yra žymeklis, ir tai yra
puikus būdas Meteoras turi Optimizuotos Gaunami duomenys.
Tai žymeklis turi visas savybes Live atnaujinimas ir gaivus puslapį
kai kažkas pasikeitė.
Bet tai nebus mums duomenis.
Mes galime gauti Via paimti duomenis.
Ir matote turime objektą, o tai tiesiog patinka tai, ką mes turėjome Mongo,
su ID ir tekste mes įdėti.
>> Taigi, kaip mes įterpti į Meteor elementą?
Na, mes tiesiog užduotis.
Ir tada mes galime paleisti pats įterpti komandą,
suteikiant žodyną ar objektą su tuo pačiu formatu, teksto
ir tada aš atėjau iš konsolės.
Paimkite virš išvaizdą, nes kai aš tai padaryti, jis rodo į svetainę
automatiškai.
>> Atkreipkite dėmesį, kad jūs galite įdėti ką nors norite iš šių elementų.
Ji neturi turi fiksuotą struktūrą.
Galėjau lygus numeris trys ir b lygus klaidinga.
Ir tai visi darbai.
Aš netgi galite pasirinkti ne įtraukti tekstą, ne visi.
Tai tiesiog nerekomenduojama nors, nes tada Meteor
nežinote ką rodyti.
Bet, kiekvienu atveju, mes gauti ID, ir kad
objekto galite naudoti ID.
>> Kaip mes ir toliau su Ketvirtas žingsnis ir penkių etapų,
pamoka parodys jums, kaip kad galite sukurti vartotojo sąsajos elementus, naudojant
HTML žinote, kad sukurti įvairias užduotis.
Pažvelkime Ketvirtas žingsnis tikrai greitai.
Pamatysime, kad mes pridėjome skyriuje apie įvykius.
Šablonai gali turėti pagalbininkai, kurie mus surasti duomenis.
Tačiau ji taip pat gali skambinti renginius.
Ir tai, kai medžiaga tampa naudinga, nes įvykių
yra tai, kas atsitiks, kai paspausite ant skirtingi dalykai jūsų svetainėje.
>> Čia, mūsų kodas yra pasakoti mums pridėti šį įvykį.
Pridėti jį, kai jūs pateiktas kažkas su klasės naujos užduoties.
Ką jūs turite čia CSS selektorius.
Taigi, tai tik atrodo už HTML elementas, kuris turi klasę naują užduotį.
Ir atrodo, kad įvykio, kaip pateikti.
Kiti renginiai apima spustelėkite, užveskite, dukart spustelėkite,
panašus į tai, ką jūs gaunate normaliai HTML.
>> Ką jūs suteikiate jai čia dabar funkcija.
Ir jūs galite turėti savo kodas šią funkciją.
Ši funkcija yra tai, ką baigiasi gauti vadinamas kai jūs pateikiate šią naują užduotį.
Pažvelkime į HTML tiesiog, kad mes suprasti, ką ši nauja užduotis.
Mes pridėjome formą čia su klasės naujos užduoties.
Ir ji turi prisidėti, kad mano tekstą.
Ir tai, kai mes pridės mūsų naujas užduotis.
>> Leiskite paleisti keturi žingsnis svetainėje norėdami pamatyti, kaip jis atrodo.
Mes galime mesti pirmasis iš iš MongoDB mes turėjome
iš mūsų Ankstesnis pavyzdys su kontrolės C.
Ir tegul pakeisti jį į Ketvirtas žingsnis katalogas.
Mes paleisti Meteor vėl pradėti serverį.
Ir, deja, turėjau Meteor veikia kitoje terminalą.
Taigi, aš tik ketina įsitikinti, kad tai uždarytas.
Leiskite mesti tai ir pokytis keturių dalies Ketvirtas žingsnis.
Gerai.
>> Dabar mūsų Meteoras kodas veikia.
Ir jūs galite pamatyti, kad ji atnaujinama, be mums net to, kad atnaujinti puslapį.
Kas čia pasikeitė dabar kad mes neturime jokių užduočių,
bet mes turime formą čia tai teksto laukelis, pridėti mūsų naujas užduotis.
Ir mes galime įrašyti mūsų užduotį čia.
Esu kilęs iš HTML puslapio.
Kai aš paspauskite "Enter", ji gavo pateikta.
>> Matome, kas atsitiko, kaip apibrėžta JavaScript kodo.
Ką ši funkcija darė, buvo imtis tekstą iš formos,
ir tada tiesiog vadinamas tasks.insert, kaip mes padarėme konsolės.
Jie taip pat nusprendė pridėti createdAt datą.
Tai kaip tai darytumėte nurodykite esamą laiką.
Po to, jis išvalo formą darant tikrai vertė yra tuščia eilutė.
>> Ir tada jis ragina grįžti klaidinga įsitikinkite, kad nieko nevyksta.
Kai grįšite klaidinga iš forma įvykis, kuris sustabdo vykdymą.
Pasakykite forma turi veiksmą, pateikti kaip į PHP puslapyje.
Jei nebuvo grąžintas klaidinga, norite grįžti tiesa.
Tai galų gale padaryti šį prašymą.
Netikros perima jį ir sustabdo jį tiesiai ten.
>> Taigi, kad buvo šiek tiek demo apie kaip meteoras veikia, ir mes
buvo po tam tikrą laiką pamoka.
Ir jūs galite prašome nemokama toliau tai daryti.
Yra daug išteklių, ir pamoka yra iš tikrųjų tik
labai gerai apie paaiškinti kas vyksta.
Aš noriu parodyti jums, dabar, keletas minučių mes palikome,
kas yra kai kurie iš aušintuvo savybės Meteor,
ir kokie yra kai kurie iš Daugiau naudingos paketai.
Vienas iš didžiausių dalykų apie Meteor yra tai, kad jūs turite paketų sistemą.
Jūs galite lengvai įtraukti kodą kad daug tūkstančių kūrėjams
parašiau pasaulyje į savo Meteor projektą.
Vienas iš pavyzdžių yra tai, ką jums gali daryti su pamoka, kur devyni žingsnio
Jūs bandote pridėti sąskaitas Jūsų Meteor projektą.
Jei mes turime CS50 PHP Projektas, mes turime
remtis sistemos ar mūsų pačių kodas padaryti
kad mes saugiai dirbti slaptažodžius ir vartotojų
ir saugoti duomenų bazę ir visi, kad.
>> Pasirodo, meteoras yra keletas paketai padaryti tai už jus,
ir tai padaryti labai lengvai.
Ką mes galime padaryti, tai pridėti keletą paketų.
Taigi darykime tą teisę dabar mūsų konsolę.
Aš ruošiuosi mesti projektą ir dabar eiti į paprastas Todos.
Dabar paprasta-todos yra projektas, kuris jus
turės po daroma su žingsnis po žingsnio 11 ar 12
ties Šiame pavyzdyje pabaigoje.
Ir tegul greitai pažvelgti tai pamatyti kas yra skirtingų funkcijų turime.
Leiskite tiesiog įsitikinkite, kad tai veikia.
Kartais tai užtrunka kol atnaujinti, bet čia ji yra.
>> Mes turime galimybę slėpti atlikti užduotis, ir mes galime prisijungti.
Ir tai buvo padaryta su Meteoras paketas.
Tai puiku.
Mes dabar naudotojo vardas ir slaptažodis žymuo.
Bet kas, jei mes norėjome įtraukti kitas prisijungimo mechanizmą natūra?
Tarkime, aš norėjau prisijungti su mano Meteor sąskaitą.
Aš ruošiuosi paleisti meteoras skelbimą, o tai yra pridėti paketus sintaksė.
Galiu pasakyti, sąskaitas ir accounts.meteor.
Tai vyksta dabar rasite paketas ir įkelti jį.
Jūs galite pamatyti, kad aš ne rasti tinkamą vaisto pavadinimą.
>> Taigi, kaip jums sužinoti apie paketus?
Na ten puikus svetainė, pagamintas prieinama Meteoro žmonių,
vadinamas atmospherejs.com.
Atmospherejs, vienas žodis, taškas com yra puikus saugykla
Ieškant visi Meteoro paketai, duomenų saugykloje.
I gali ieškoti sąskaitas, ir tada jis bus man parodyti visą susijusią medžiagą,
visi paketai su sąskaita vardo.
>> Nors, kad kroviniai, mes galime pabandyti pridedant keletą kitų paketų.
Gal Meteoras paketas neveikia dabar, bet galiu pridėti "Facebook".
Galiu pridėti sąskaitą ir tada paleisti Meteor projektą dar kartą.
Kai tai pradeda, pažiūrėkime kas pasikeitė svetainėje.
Galite see-- galėčiau turi atnaujinti jį čia.
>> Turiu mygtuką į konfigūruoti Facebook login.
Ir čia aš turiu visus instrukcijos Meteor
paruošė jums sukurti "Facebook app.
Ir jūs galite naudoti, kad Informacija pridėti savo ID.
Kai tai padaryta, jūs turėsite Facebook Login dirba jūsų app.
>> Aš tik ketina gauti App ID ir slapta,
tiesiog parodyti jums, kaip tai gali dirbti.
Jums reikės "Facebook" paskyros naudoti "Facebook" kūrėjas galimybes.
Leiskite greitai rasti Meteoras raktai, kurie yra būtini.
Turiu kitą Meteor projektą kad aš ruošiuosi naudoti,
ir aš tik ketina imtis raktai nuo šio failo.
>> Ir kai aš jį rasti, aš būsiu tik galės kopijuoti šiuos klavišus į mano "Facebook".
Taigi čia yra raktas.
Ir tai yra paslaptis.
Jūs neturėtų būti dalintis tai su žmonėmis.
Ir tada jūs suteikiate jai savo app paslaptį.
Ir tai yra taip, Facebook žino, kad tu esi.
Ir jūs išsaugoti konfigūraciją.
>> Manau, kad procesas I nustojo mano meteoras app.
Taigi, aš tik noriu, kad įsitikinkite, kad jis vis dar ten.
Gerai, tegul įsitikinkite mūsų Meteor serverį veikia taip, interneto puslapis veikia.
Atkreipkite dėmesį, jei mes nustojame Meteor serveris, puslapis vis dar egzistuoja.
Jis tiesiog nebus atnaujinti nebėra.
Meteoras serveris yra būtina už tai, puslapis yra gyvas.
>> Gerai, aš pateikė jį, ir dabar Galiu prisijungti su Facebook.
Dabar tai tik materijos atsižvelgdamas Facebook pop-up
ir įgyvendinti savo paskyros informacija ir registravimuisi.
Kai tai padarysite, "Facebook" galėtų priekabės Jums už šiek tiek daugiau saugumo.
Taigi mes tiesiog sustoti.
Esmė ta, kad kai baigsite su tuo, turėsite Facebook login.
>> Meteoras turi krūva Kitos programos, taip pat.
Jūs galite prisijungti prie "Google+".
Jūs galite prisijungti su GitHub.
Jūs galite prisijungti su Twitter.
Arba, jei jūs ieškote, jūs rasti daug kitų dalykų
kaip Meetup, LinkedIn, ir meteoras Kūrėjas.
Taigi Meteoras Kūrėjas buvo paketas aš ieškojau.
meteoras pridėti sąskaitų-meteoras kūrėjas.
Tuo tarpu, aš Taip pat noriu rekomenduoti
kai kurie kiti paketai jūsų projektus.
Tai gali būti naudinga, kad įtraukti jQuery paketą.
Tai leidžia jums naudoti JQuery savo klientams.
Jūs galite tiesiog padaryti jį su vienos linijos ir Meteoras bus įsitikinkite, kad esate iki šiol
apie JQuery.
Aš taip pat rekomenduojame Houston: admin.
>> Tai tipo kaip phpMyAdmin rūšies įrankį MongoDB.
Tai leidžia jums redaguoti Jūsų duomenys gana lengvai
nereikia eiti į Mongo lukštais, kaip aš jau padaryta anksčiau seminare.
Taigi dabar, kad tai veikia, tegul eina Meteor vėl ir pamatyti, ką mes galime padaryti.
>> Jūs pastebėsite, kad pridedant keletą paketai gali juos pateikti keletą įspėjimų.
Jums nereikės jaudintis apie tai su Houston.
Taigi dabar mes galime turėti galimybę konfigūruoti Meteor admin.
Ir jie jums kryptis jei norite nustatyti, kad iki.
>> Mes taip pat galime dabar eikite į / admin.
Tai davė jums pagal houston paketą.
Ir tai meteoras admin sąsaja.
Jūs tiesiog sukurti admin sąskaita, kaip ir.
Ir jei jūs atnaujinti puslapį, galite turi kai kolekcijos rodomi.
>> Tai labai naudinga priemonė, ir aš primygtinai rekomenduojame ją.
Jūs galite pamatyti, kad dėl Houston buvo duoti tam tikrų klaidų,
mes neturime jokių kolekcijas rodyti dabar.
Kaip jums būtų naudoti Houston yra įsitikinkite, ši funkcija tampa
vadinamas jūsų paprastas Todos.
Taigi Houston nėra žinoti, ką mano uždaviniai.
>> Mes įsteigti Mongo surinkimo vadinami uždaviniai.
Vykime į paprastą-Todos ir tik įsitikinkite, kad "JavaScript",
mes pridėjome užduotis mūsų kolekcijose.
Mes dabar išgelbėti, ir tai pastato taikymas, gaivus.
Ir pažiūrėkime.
Dabar mes turime tam tikras užduotis.
Ir mes galime pridėti keletą naujų užduočių.
Bet jei mes norime pridėti užduotis, darykime tai su pačia programa.
>> Dabar mes galime pridėti kai kuriuos duomenis.
Hi, tai yra uždavinys.
Atrodo rūšies keista, kad mes nematome jokių užduočių.
Mes galbūt norėsite patikrinti, ar mes turime bet klaidos čia, o gal kažkur kitur.
Jei mes einame į admin, kad atrodo keista.
Jei traukti saugyklą Po šio seminaro,
Aš įsitikinkite, kad paprastas todos dirba su Houston.
Deja, atrodo, kad nėra prie būti darbo šiuo metu labai.
>> Ar yra kokių nors kitų klausimų?
Houston, paprastai yra įrankis, kuris veikia labai gerai.
Hiustonas specialiai yra šiek tiek buggier nei kitų tie,
bet aš rekomenduoju jį, kai jis veikia.
Taip.
>> AUDITORIJA: Ką jūs galite padaryti su Facebook pakuotėje
kai vartotojas yra prisijungęs su savo Facebook?
>> ROGER ZURAWICKI: Kai vartotojo prisijungęs,
galite skambinti į "Facebook" API.
Daug, kad yra daugiau kaip "Facebook" atidaro savo API.
Meteoras, įsitikinkite, kad jūs turėti ryšį.
Bet viskas po to yra nesvarbu mokymosi, kaip naudoti "Facebook" API.
Auditorija: [nesigirdi].
ROGER ZURAWICKI: Visi dešinę.
Labai ačiū už tai CS50 seminaras Meteor.
Jei turite kokių nors klausimų, galite man email
mano elektroninio pašto adresą Toliau išvardyti seminare.
Ir aš būsiu laimingas atsakyti į Jūsų klausimus.
Aš taip pat ne CS50 Hackathon turėtų
jums reikia pagalbos su jūsų Meteor projektus.
Dėkojame už žiūrėti.