[Speel van musiek]
ROGER ZURAWICKI: Hi, my naam is Roger Zurawicki,
en Ek sal bedek word die CS50 Meteor seminaar.
Meteor is 'n nuwe raamwerk gewy aan die nuwe soort van web,
nie die PHP versoeke rug en soort uit
van die web wat ons gesien het in die PHPP stel, maar die meer dinamiese JavaScript
dele van die web.
Dinge Meteor kan doen sluit Live Opdatering
en onmiddellik kommunikeer tussen die gebruikers van dieselfde webwerf.
>> Vir hierdie seminaar, ons het kode wat by my GitHub.
Jy kan gaan na hierdie URL en laai dit.
As jy weet hoe Git te gebruik, kan jy die bewaarplek kloon.
As jy nie weet hoe om te gebruik Git of nie gebruik GitHub,
dit is heeltemal fyn.
Ek sal julle vinnig werklik toon hoe kan ons gaan na GitHub,
en daar is 'n opsie om laai 'n rits reg daar.
Sodra jy hierdie gids aflaai, jy kan begin speel met ons kode.
>> Meer inligting oor die Meteor kan gevind word by meteor.com.
In die seminaar gids, het ek eintlik het 'n paar Meteor projekte wat ons kan gebruik.
Een van die dopgehou wat ons in ons seminaar projek is die Besigtig app.
So as ek gaan na dit Ek, het Meteor geïnstalleer.
So dit uit te voer, het ek net nodig om te tik Meteor, en Meteor sal installeer.
Soos jy kan sien, ons het om te seker maak dat ons Meteor geïnstalleer.
So ek is net gaan om te loop dit nog een keer
om seker te maak dat die Meteor korrek geïnstalleer is.
>> Terwyl ek Meteor installering, kan ek jou wys
sommige live demonstrasies van Meteor webwerwe gaan live nou op die internet.
Ek het 'n demo van ons jeug.
Jy kan toegang tot dit by die volgende URL.
Dit is die doen app dat ons in ons seminaar gids.
Die URL vir hierdie is rozu-rabbit.meteor.com.
Jy sal sien dat Meteor sal eintlik gasheer jou Meteor projekte gratis.
En aan die einde van die seminaar, jy sal in staat wees om dit so goed te doen.
>> Dit is 'n lys te doen app.
En jy kan inteken, skep rekeninge, en voeg take.
Jy kan 'n rekening skep soos so.
En nou, wanneer jy 'n rekening, kan jy take voeg.
Byvoorbeeld, een van die take wat ek dalk nodig om te gaan haal my wasgoed.
En as jy op hierdie webwerf online, sal jy
eintlik op sien hierdie taak jou rekenaar in real time.
>> Ek kan jou wys 'n vinnige demo van hierdie opening rozu-haas
in 'n ander blad met dieselfde URL.
En ons sien dat dieselfde data kom.
Ons kan ook dit loop in 'n ander leser.
Ek sê dit loop in Safari.
Op dié manier is ons nie in geteken nie.
So het ons dieselfde Meteor app, en sodra dit laai,
ons sal dieselfde data sien ons het in die eerste een.
Soos jy kan sien, is ek nie aangemeld hier.
En toe die gehoor tjeks data, dit updates op al die blaaier
gelyktydig.
Dit is een van die werklik koel funksies oor Meteor.
Met byna geen werk, jy het 'n lewendige opdatering app
dat veranderinge op al jou toestelle in 'n keer.
>> As ek kyk na die boks hier in my lys om te doen, sal ons,
in my ander Chrome leser, die item nagegaan af.
En dit gebeur onmiddellik.
Alle regte.
So dit lyk soos Meteor installasie is nou gereed.
So nou, laat ons gaan terug na die Besigtig app en hardloop hierdie plaaslik.
>> As jy 'n Meteor projek, kan jy net loop dit met die opdrag Meteor.
Sodra jy dit doen, Meteor sal sommige voorbereiding doen
om seker te maak almal jou kode is in toom.
En dan sal dit vir jou sê dat die projek is gereed om bedien te word.
Jy dalk nodig het om voorsiening te maak jou firewall, as jou rekenaar blokke jou.
>> So, wat Meteor vertel my nou is dat op hierdie webwerf
plaaslike tot my rekenaar, ek kan sien wat hierdie Meteor projek is.
Let daarop dat nou, my inligting is nie toeganklik vir die internet.
Ons sal dek hoe om jou Meteor te bring app na 'n lewendige webwerf 'n bietjie later.
So ek is net gaan om dit te kopieer URL nou en gaan na Google Chrome.
>> En dit is die te doen lys van die voorbeeld.
Jy kan sien hulle geïmplementeer 'n paar meer funksies hier.
Ons het verskillende tabs, ons het dieselfde rekening funksies,
en ons kan nuwe lyste voeg.
Nou, een van die werklik koel funksie oor Meteor
is dat nie net kan hierdie werk op jou webblaaier,
maar jy kan ook ' moedertaal iPhone en Android
programme deur 'n instrument genoem PhoneGap.
>> So 'n paar projekte sal kom pre-ingestel vir die uitvoer van
op IOS, soos hierdie Besigtig app.
So al wat ek nodig het om dit te doen om te loop in IOS is tik Meteor, hardloop, en dan IOS.
En toe ek dit doen, Meteor sal die pakket weer voor te berei.
En dan, wanneer dit gereed is, sal dit laai die IOS simulator op my opdrag.
Let wel jy kan net loop IOS apps as jy 'n Mac rekenaar.
Jy kan hardloop jou apps op Android op alle platforms.
>> So nou kan jy sien dat my iPhone simulator het op my skerm.
En in 'n oomblik, dit sal laai met die app.
As ons dit net 'n bietjie kleiner te pas op die skerm,
ons sien ons het ons iPhone app.
En net so het ons dit nie doen nie deurmekaar raak, kom ons maak
seker ons is op dieselfde webwerf, die plaaslike gasheer 3000.
>> So hier is 'n voorbeeld van die Meteor app wat ek het,
die Besigtig app, hardloop beide op 'n selfoon en 'n webblaaier.
En toe ek verander dinge in die web browser,
dit onmiddellik gaan na die telefoon.
En ek kan iets oor die telefoon te verwyder, en dit verander in die web browser.
>> Nou, wat normaalweg aan moedertaal skep telefoon artikels vir IOS of Android,
wat jy nodig het óf Java of om te weet Doel C. Die tegnologie Meteor gebruike
toe te laat om JavaScript te hardloop as jou inligting is PhoneGap genoem.
Wat jou app wese is 'n webblaaier.
En Meteor hanteer alle die moeilike dele betrokke
vir die totstandkoming van die web browser te jou iPhone of jou Android-toestel.
Jy kan sien dat die gebruikerskoppelvlak is glad,
en dit lyk en voel baie baie soos 'n inheemse app.
Let daarop dat as ek gaan na die huis skerm nou, ek kry ook 'n ikoon.
Dit is nie 'n webwerf soos jy wil vind in Safari.
Dit is sy eie app.
Jy kan installeer en verwyder dit as jy wil.
>> Ons kan kortliks jou wys wat die kode vir hierdie soort van todos app lyk.
As jy kyk in die Besigtig gids, sal jy sien daar is baie dopgehou.
Maar met die verloop van die seminaar, sal ons
verstaan ​​wat elke gids word gebruik vir.
Kom ons gaan in die terminale sodat ons kan die lêers 'n bietjie beter te sien.
>> Ek gaan om beheer uit te druk C die bediener te stop,
en nou is ek terug in die Besigtig app.
Ek het verskillende dopgehou hier, soos die kliënt gids, die bediener gids.
En hierdie dopgehou beteken eenvoudig dat alles in die kliënt gids
sal uitgevoer word op jou webblaaier.
Alles in 'n bediener gids sal uitgevoer word op 'n bediener.
>> Wat ek wil om te wys is dat dit wat ons gehad het
toe ons moes ons telefoon hardloop en ons webblaaier, dit was kliënte.
Maar wat se loop in 'n terminale, dit is die bediener.
Ons het ander dopgehou, soos lib, wat is die biblioteek kode,
soos jou helper funksies wat jy kan
gebruik op beide die kliënt en die bediener.
En dan moet jy 'n openbare gids en hulpbronne
gids nodig vir die kry jou beelde en ander CSS gelaai.
>> As jy Meteor geïnstalleer is, sal ons voort te gaan met die handleiding vir Meteor.
Jy kan gaan na hierdie URL, meteor.com/install,
die opdrag lyn te kry dat ek getoon dat installeer Meteor.
Ons sal deur die eerste paar stappe om 'n beter te kry
voel oor hoe Meteor te installeer.
>> Maar eers, ek dink dit is belangrik dat ons hersien 'n bietjie van JavaScript.
Om jou te wys n paar voorbeelde van hoe ons C kennis vertaal kan word
te JavaScript, ek het het 'n paar voorbeelde.
Hulle is in die JS gids.
So as in die seminare gids jy kyk, daar is 'n gids met die naam js.
En hier het ons 'n paar voorbeelde.
>> Kom ons maak die eerste voorbeeld en sien baie vinnig.
Wat ons sien is jou standaard hello world opdrag.
Jy sien in C dat jy het nogal 'n paar lyne.
En as CS50 studente weet, ons moet 'n hooffunksie,
en ons het die standaard te sluit I / O biblioteek om printf te bel.
>> Kom ons kyk na hoe JavaScript vergelyk.
Ek gaan ex1.js. oop te maak
Kommentaar uit is wat die C-kode sal lyk soos,
en die lyn hieronder is al wat jy nodig het om te hardloop in Node.
Jy hoef nie 'n hooffunksie, jy nie nodig het om enige lêers in te sluit,
en jy hoef nie om terug te keer.
Jy moet net noem console.log.
Dit is die ekwivalent van jou printf.
>> En dit neem om dieselfde argumente printf sou.
En om dit uit te voer, in plaas van loop maak ex1,
jy wil net noem Node ex1.js.
Jy skryf Node en dan die lêer, en dit raak loop.
Dit maak nie saamgestel raak.
JavaScript is 'n geïnterpreteer taal.
Daarom is dit nie nodig het om te wees saamgestel voordat dit loop.
As ek wou ex1.c om te hardloop, Ek het dit eers maak,
en dan kan ek die uitvoerbare loop dieselfde uitset te kry.
>> Kom ons gou dek 'n paar ander JavaScript konsepte.
Kom ons kyk na voorbeeld twee.
In ex2.js, in ex2.c, ons kan sien dat ons 'n paar kode.
Laat my gou na 'n beter teks editor
dat hierdie sal wys nuwe lyne 'n bietjie beter.
Alle regte.
Hier het ons 'n voorbeeld 2.C.
Hier het ons verskillende tipes dat ons uit te druk.
En as ons weet, printf neem verskillende persent argumente
om toegang te verkry verskillende stukke van data.
As ons wil druk 'n string, noem ons% s.
As ons 'n swaai in te roep punt nommer, ons noem% f.
En daar is geen maklike manier om 'n te roep Boole deur sy ware of valse waarde.
Maar as jy% d, kan jy 'n 0 of 'n 1 vir ware en vals.
>> JavaScript is 'n bietjie mooier vir ons.
In JavaScript, laat ons kyk na die paar verskille wat ons in hierdie lêer.
Eerstens, jy sien dat in C wat ons moet inisialiseer elke veranderlike met 'n tipe.
S is 'n char ster.
Dit is 'n string, en dit kan nie enige ander tipe.
N is 'n float.
B is 'n Bool.
>> Maar in JavaScript, daar is dinamiese tipes.
Dit beteken dat jy dit nie doen nie moet JavaScript te vertel
watter tipe van jou veranderlikes sal wees.
Jy sê net var vir veranderlike, die naam van die veranderlike, en dan sy waarde.
So 'n var kan enigiets wees regtig.
Dit kan 'n string wees.
Dit kan 'n drywende punt getal wees.
Dit kan 'n karakter wees.
Dit kan 'n Boole.
En konsole log werk 'n bietjie anders.
As jy wil om te druk 'n aantal, jy noem% d.
Maar die meeste waardes kan wees gedruk as snare net mooi.
>> Kom ons loop dit in Node om te sien wat gaan gebeur.
Ek kan Node ex2.js noem, en ons printf kry
met die waardes CS50, N as die swaai punt nommer,
en dan B soos die Boole omgeskakel na 'n string waar.
Wat van as ons gemaak voorbeeld 2.C?
Wel, ons het nog 'n paar meer struikelblokke met printf.
Let daarop dat die drywende punt getal het om te word korrek geformateer,
en dat die Boole kan eenvoudig nie word vertoon as waar of vals is.
Alle regte.
Kom ons kyk na voorbeeld drie nou.
In voorbeeld drie, is ons wys hoe jy sou gebruik om 'n lus vir.
In werklikheid, dit is baie eenvoudig.
Een van die mooi dinge oor JavaScript is dat dit C gebaseer is.
Dit beteken dat 'n groot deel van jou kode sal lyk baie soortgelyk
en voel baie dieselfde.
In 'n lus vir die enigste ding wat regtig hier verander
is in plaas van int i, ons het var i.
Ons kan nog steeds gee dit te waardeer nul, maak seker dat dit is minder as vyf,
en inkrementeer dit deur een met die ++ operateur.
Ons noem console.log op i, en dat sal druk ons ​​'n getal met elke lyn.
Kom ons loop dit regtig vinnig om te sien wat dit uitset.
Ons kry 'n nuwe nommer in elke lyn.
Nog 'n ding wat ek wil hê jy te met console.log sien
is jy nie het om te skryf agteroorskuinsstreep n vir die nuwe lyn.
Console.log sal druk alles op sy eie lyn.
Dit is 'n mooi eienskap dat JavaScript gee ons.
>> Laat se oopmaak byvoorbeeld vier nou.
In voorbeeld vier, eerste in die C, ons noem 'n paar funksies.
Let daarop dat ons die te verklaar funksies voordat ons dit gebruik om in die belangrikste.
As ons vernaamste eerste en voeg dan en dan hoog, maak,
klang, of GCC sou gee ons 'n fout te sê
dat dit nie weet wat hoog is, is.
Dit maak nie weet wat tel is.
So in C, jy het om te kieskeurig oor die wees volgorde waarin jy jou funksies noem.
>> Kom ons kyk na hoe jy kan doen dit in JavaScript.
Ons het verskillende lêers, want daar is 'n paar verskillende maniere om dit te doen nie.
Een manier is pretty much 'n direkte vertaling.
Omdat funksies in C terugkeer tipes, en JavaScript
nie regtig weet of sorg oor watter tipe jy terugkeer,
jy 'n tipe skryf nie.
In plaas daarvan, het jy net nodig funksie te skryf,
en alles is mooi baie dieselfde as voorheen.
>> Wanneer jy 'n veranderlike, soos in voeg, ons moet net x en y te skryf.
Ons hoef nie te sê x is 'n int.
Ons hoef nie te sê y is 'n int.
Ons keer terug met dieselfde sintaksis.
Vir 'n hoë, verklaar ons dit met funksioneer in plaas van leemte.
Let daarop dat of dit is nietig of nie-leemte,
dit is nog steeds almal dieselfde funksie.
En ons het eenvoudig gestel nie enigiets in hakies,
en dit lyk baie soos die C-kode.
En onder, kan ons dit noem hieronder.
>> As ons kyk na voorbeeld 4b, sien ons dat ek 'n paar dinge het verander.
Die enigste ding wat ek verander regtig al is die einde.
Ons het dieselfde funksies, maar nou is hulle
verklaar nadat dit gebruik word in console.log en hoog op lyne 18, 19.
As jy dit in C, maak sal 'n fout te gooi.
Hier, dit werk net mooi.
En ek kan dit vir jou wys deur roep Node op 4b voorbeeld.
>> Nog 'n manier wat ons funksies kan noem is deur die besparing funksies as veranderlikes.
Soos ek gesê het, 'n veranderlike kan enige tipe.
Een van die tipes 'n veranderlike kan hê, is 'n funksie.
So as jy kyk na voorbeeld 4C, wat ek verander
hier is var voeg in plaas van funksie byvoeging.
En nou voeg gelyk aan 'n funksie.
Hierdie funksie hier is anoniem.
Dit het nie 'n naam, so dit is net funksie en dan die hakies.
Die sintaksis daarna nie verander nie, maar jy
het om in gedagte te hou dat jy het 'n veranderlike wat jy
stoor die funksie in byvoeging, en 'n veranderlike wat jy stoor in 'n hoë.
>> Omdat voeg en hoë nou veranderlikes en nie funksies, iets verander.
Dit is 'n algemene fout wat ek sien in 'n klomp mense se Java Scripts,
en iets om in gedagte te hou.
Wanneer ek hardloop dit, laat ons sien wat gebeur.
Ek kry 'n fout.
Dit is gesê ongedefinieerde op hierdie punt.
So dit sê dit weet nie wat tel is.
>> Want nou voeg is nie 'n funksie, voeg 'n veranderlike.
En jy het nie eintlik gegee voeg 'n waarde nog wanneer jy dit gebruik.
Dit bring ons by voorbeeld 4d, waar as jy wil veranderlikes te gebruik as funksies,
jy hoef net om seker te maak hulle kry die waarde voor dit gebruik word.
>> Kom ons beweeg na byvoorbeeld vyf dan.
Hier, ons praat oor structs in C. In C, structs
hierdie vaste struktuur aan hulle want jy het om hulle te verklaar
voor jy dit gebruik, en jy sê ek het 'n student,
en elke student het presies 'n naam, 'n jaar, een geslag.
Dit het al van hulle te hê.
Dit kan nie 'n ander waardes, en hulle het spesifieke tipes.
>> Dan kan ons inisialiseer die struct in hierdie mooi sintaksis
omdat hy weet die einde.
So dit weet dat Roger is 'n naam.
Dit weet dat 2016 is 'n jaar en M is 'n geslag
want ons het dit op hierdie lys is 'n struct student.
En dan kan jy druk dit, toegang s.name.
Kom ons kyk hoe ons sou omskep wat aan JavaScript.
Let daarop dat S word nou 'n veranderlike, en daar is geen tipe.
Dit is net 'n var weer.
Want dit maak nie saak of die tipe van hierdie veranderlike is 'n wyser,
dit is 'n struct, of enigiets anders.
Ons het 'n effens verskillende sintaksis.
Hierdie syntax is die voorwerp sintaksis.
>> Jy kan gesien het dit in into.
Into staan ​​eintlik vir die JavaScript Object notasie.
Dit is hoe jy definieer voorwerpe in JavaScript.
Ons het 'n sleutel, wat is die waarde, soos naam.
En ons gee dit waardes die ander kant van die kolon.
En een ding om in gedagte te hou, is jy hoef nie 'n naam en 'n jaar te hê
en 'n geslag vir 'n voorwerp.
'N voorwerp kan geen waardes.
Dit kan soveel as wat jy wil.
>> Ons kan gebruik om hierdie voorwerpe in net die op dieselfde manier sou ons 'n struct gebruik, s.name.
Ons kan hardloop dit regtig vinnig deur dit te doen node byvoorbeeld 5.c.
Ons kan nie eintlik loop 'n C-lêer in Node.
Dit maak nie weet wat C is.
Dit weet net JavaScript.
Wanneer ons loop die ex5.js, kry ons die waarde wat ons verwag het.
>> Kom ons beweeg na byvoorbeeld ses.
Hier wil ek net 'n bietjie om te praat bietjie meer oor JavaScript skikkings
want hulle is 'n bietjie anders as wat jy
gebruik om in C. skikkings genoteer, nie met die hakies, soos in C,
met die krullerige draadjies, maar tussen hakies.
Jy kan 'n leë verskeidenheid het, soos arr in lyn vier.
Jy kan skikkings het met verskeie waardes.
En jy toegang tot hulle net dieselfde manier C.
>> Tot lyn sewe, alles lyk redelik eenvoudig.
Een klein verskil is hier op reël 10.
Die manier waarop jy 'n lengte van 'n skikking is net deur te bel .length.
'N skikking kan eintlik behandel soos 'n voorwerp,
en hierdie voorwerp het 'n lengte eiendom dat jy noem die lengte van dit te kry.
Let daarop dat hierdie is verskillende in C want in C jy
die lengte van weet jou doel voor die tyd.
>> So 'n ander nice ding oor skikkings is dat jy verskillende tipes kan hê.
As jy het 'n verskeidenheid in C, is daar is skikkings van 'n spesifieke waarde,
óf 'n struct wyser of dryf of [onhoorbaar].
Hier kan jy verskillende waardes.
Ek moes eers 'n drywende punt nommer, Dan is 'n Boole, dan weer 'n heelgetal.
En eintlik, kan hulle soorte te verander.
Kyk na lyn 16.
Array twee is verander van ' 'n getal, 'n heelgetal, na 'n string.
>> Nog 'n mooi ding oor skikkings is hier in reël 19, hulle het oneindige grootte.
Jy kan net sê ek wil die honderdste element van die string wettig te wees.
En dit lyk nie te maak sin omdat die skikking net
het plek vir drie elemente, so die einde moet twee.
Maar wanneer jy dit doen, laat ons sien wat verskeidenheid drie word.
Ons wil hierdie vinnig hardloop met node byvoorbeeld six.js.
Ons kry dit regtig lank skikking, en wat gebeur
is ons die eerste paar elemente en dan 'n klomp van die spasies
totdat ons ons string.
JavaScript vul in die skikking as dit nodig is.
>> Kom ons uiteindelik na ons laaste voorbeeld.
Hier het ons 'n lys van verskillende studente.
Ek wil 'n bietjie om te praat bietjie oor 'n paar mooi aspekte
van vir lusse in JavaScript.
In C, vir lusse soort beperk.
Hulle het 'n vaste struktuur, waar jy het 'n veranderlike, jy het 'n toestand,
en dan moet jy iets doen aan die einde van die lus.
En natuurlik is dit werk in JavaScript, soos ons gesien het in die vorige voorbeelde.
Maar ons het ook mooier maniere van hierdie doen in JavaScript.
Dit word 'n foreach lus.
>> Jammer, laat ons terug te gaan na voorbeeld sewe hier.
Ons kan ook sê artikel is 'n lys.
So gee my elke i of elke indeks in die lys.
Dan kan ons die student kry deur bel net deel van i.
So al van die kode van die opstel van i gelyk is aan nul en om seker te maak ek
minder is as die lengte en die toevoeging van een tot i elke keer, dit is
die versorging van jou eerder mooi met hierdie foreach lus.
>> Nie net doen foreach sirkelroetes werk in lyste of skikkings,
Hulle het ook werk in voorwerpe, Dit is ook lekker.
Jy kan die naam van kry elke eiendom deur net om
'n woordeboek of 'n voorwerp, soos student, en dan net sê gee my elke sleutel.
'N sleutel sou hierdie wees eienskappe, naam of huis.
So wat gaan hier gebeur, is dat ons druk eers die naam en dan
die huis van elke student.
>> Ek kan hardloop dit in Node regtig vinnig om jou te wys.
Ons kry eers die C styl vir lus, waar ons kry elke voorwerp wat gedruk.
En dan het ons die JavaScript styl, waar jy kan net
druk elke sleutel en die waarde individueel.
>> Alle regte.
Nou dat ons het gedek Node.js, ek dink ons is gereed om te begin met Meteor.
Soos ek gesê het, Meteor het 'n groot taak skryf sommige gereed gemaak voorbeelde
vir jou wat jy kan verken deur hierdie handleiding of in die seminaar gids.
Maar hier wil ek begin om meer van nuuts af.
>> Kom ons skep 'n eenvoudige aansoek te doen.
Dit is 'n soort van die basis van wat die te doen aansoek Ek julle getoon vroeër is.
In hierdie handleiding, moet jy sal sien dat daar
'n opdrag Meteor skep skep 'n nuwe Meteor projek.
Jy moet dit noem om Meteor projekte omdat dit uit te voer
sal die opdragte hardloop die Meteor te skep
lêers wat nodig is vir jou projek.
>> As jy in die terminale, kan ons gaan in die gids met die naam stap een.
En stap een sal stem ooreen met die eerste stap in die handleiding.
Kennisgewing daar dopgehou, stap een stap twee, al die pad tot vyf.
En elkeen ooreenstemmende na 'n stap in hierdie handleiding.
Ek gaan dit oop te maak in my teks editor hier
sodat ons kan sien 'n bietjie van wat geskep is.
Ons sien dat daar is vier hoofdele.
Daar is 'n Meteor gids, .meteor.
En dat jy gewoonlik hoef nie aan te raak.
Meteor sorg die gids, en dit net
maak seker dat jou projek sal korrek werk.
>> Ons het ook drie lêers, 'n HTML-lêer, 'n JavaScript-lêer, en 'n CSS-lêer.
Kom ons kyk eers begin met die HTML-lêer.
Met die eerste oogopslag, dit lyk soos 'n normale HTML dokument.
Maar let dat daar is 'n paar verskille.
Een, dit is nie eintlik 'n volledige HTML dokument.
Ons mis die HTML tags.
Dit is normaal.
In Meteor, is jy nie verwag hierdie HTML tags te skep.
Dit is vir jou gedoen.
Jy wil begin-- as jy wil 'n webwerf te skep,
jy hoef net te begin met die hoof tag,
definieer nie, en dan definieer die liggaam tag.
>> Maar as jy in hierdie kennisgewing HTML-lêer, het ons 'n nuwe etiket.
Ons het die sjabloontagcode.
Dit is nie normale HTML.
Dit is 'n spesiale weergawe van HTML Meteoriete wat maak aan u beskikbaar.
Dit is bekend as die ruimte bars.
Jy kan templates so min definieer modules, soort van soos helper funksies,
in jou C of JavaScript-kode.
Hierdie sjabloon sal 'n naam genoem taak.
En jy kan sien hier op die lyn 13 dat jy hierdie templates kan noem.
En wat Meteor sal doen, is net vul in hierdie take vir jou.
>> Nog 'n ding wat jy kan sien, is 'n bietjie anders is dit elke funksie.
Elke sal die veranderlike neem take en soort gaan deur dit
in daardie foreach lus ons gesien in voorbeeld sewe.
Dit elkeen kan 'n woordeboek te neem of 'n lys, 'n voorwerp of 'n lys,
en dit sal net gaan deur al die waardes soos 'n foreach lus sou.
So as ons 'n klomp van die take, hierdie sal die sjabloon op elke taak noem.
>> Kom ons loop die Meteor projek net om te sien dat dit gebeur.
Ek loop die Meteor projek met net Meteor of Meteor hardloop.
En nou Meteor net sal moet om vinnig te berei om die projek,
begin die databasis as dit nodig is, en dan post die app plaaslik.
Ons kan gaan na ons web browser nou.
En ons sal ons sien het 'n baie eenvoudige app.
So wat ons gesien het opgedaag was eintlik die eerste stap, die eerste stap lêer.
>> Kom ons beweeg om te stap twee net omdat Ek dink dit sal dieselfde doel dien.
Ek gaan net om te verander aan die stap twee gids
en hardloop Meteor weer, sodat ons kan sien die sjabloon het ons net saam met.
Ja, 'n vraag?
>> GEHOOR: As ons kry toestemming ontken, is that-- wat is dit
wat vir daardie?
ROGER ZURAWICKI: As jy loop Meteor termyn,
en jy het toestemming ontken, sommige van jou lêers
dalk nie die reg het om toestemming te stel.
So jy het om seker te maak waar die regte is nie.
Hulle kon af in jou Meteor projek,
of hulle kan af wees in die Meteor lêers self.
>> GEHOOR: As ek dit afgelaai het nou net uit jou GitHub, dan wat moet ek doen
[Onhoorbaar]?
>> ROGER ZURAWICKI: As jy wil hê om seker te maak jy kan dit toegang maak,
daar is 'n opdrag wat jy kan hardloop.
Laat my vinnig skryf dit uit so ander mense kan dit sien.
Ek gaan 'n nuwe blad hier oop en gaan in my seminaar gids.
Chmod is die opdrag regte te verander,
en jy kan sê r vir doen rekursief vir elke lêer.
En die regte, kan jy probeer om 0755 om seker te maak jy het volle toegang maak,
en almal kan lees.
En as jy net hardloop hierdie opdrag, sal dit maak
Maak seker dat die regte in kyk vir die hele gids.
Hardloop ls-l kan wys dat jy die regte in meer detail.
Dit lyk OK.
>> Wat is die belangrikste is dat jy al drie
rwx vir al die lêers in die seminaar gids.
Het dit die probleem op te los?
>> GEHOOR: Dit sê ontbreek operante [onhoorbaar].
[Onhoorbaar]
ROGER ZURAWICKI: Jy om seker te maak wat jy maak
'n dot aan die einde van jou opdrag.
GEHOOR: [onhoorbaar].
ROGER ZURAWICKI: Alle reg.
Laat ons vinnig terug te gaan na die plaaslike gasheer, die jeug wat ons het.
En jy sal sien dat ons 'n paar take hier, as wat verwag is.
Ons het 'n klomp van die CSS, wat jy hoef nie te bekommer nie.
Die Meteor tutoriaal gee net dit aan jou
jou te maak lys kyk 'n om te doen bietjie lekkerder as die gewone HTML.
En ons het die JavaScript-lêer, wat Ek sal 'n bietjie later in meer detail,
maar dit bied net hierdie take.
Dit is taak een.
Dit is taak twee.
Dit is taak drie.
So, dit is die data Meteor se kry.
>> Een van die koel dinge oor Meteor is dat veranderinge outomaties kan gebeur.
As ek wou die te verander Naam van die eerste taak,
so dit sou sê dit is nie taak een, en ek dit stoor,
dan wanneer ek gaan na die web leser, kan jy dit verfris
en dit sê outomaties dit is nie die taak een.
Jy kan dieselfde ding doen in enige van hierdie lêers.
Maak 'n verandering, in plaas van om te doen lys, sal ek dit my lys te doen.
>> En een ding wat jy net opgemerk, dat ek het nie eens te verfris.
Die idee van die verfrissende is 'n soort van opgelos vir jou met Meteor.
Wanneer dit ontdek die lêer verander, dit sal die veranderinge laai vir jou.
Dit werk op al die lêers, of dit is HTML, CSS, of JavaScript.
Om jou te wys wat hierdie inligting sal kyk soos sonder CSS, kan ek dit alles verwyder.
En wanneer dit herlaai, jy het nou ' 'n nie so mooi lys te doen.
Kom ons sit die inhoud rug.
En sekerlik genoeg, is dit verfris, en ons CSS is terug.
Groot.
>> Ons kan nou beweeg op met die studiemateriaal.
Kom ons praat oor stap twee, templates.
Dit is wat ons nou net gesien met die verskillende take.
Meteor sal aan u verduidelik wat templates en hoe hierdie logika werk.
Maar laat ons net kyk na die kode te kyk of ons kan sin maak uit dit.
>> In baie eenvoudige aansoeke, soos wat ons in die eenvoudige
te doen, stap een, stap twee, stap drie, stap vier, stap vyf,
ons het nie enige dopgehou.
Ons het nie die bediener nie gids ek genoem het.
Ons het nie die kliënt nie gids wat genoem is.
So Meteor sal loop al die lêers.
Dit sal loop dit beide op die kliënt, beide op die bediener.
>> En as jy wil dele van jou JavaScript kode uit te voer net op die kliënt,
wat hulle nodig het om seker te maak dat jy maak 'n IF-stelling, soort van soos wat
ons in ons JavaScript-lêer hier.
So Meteor, slegs indien dit is die kliënt, dan het ek
wil 'n sjabloon te definieer helper genoem take.
Wat hierdie kode werklik doen, is dit sê daar is
'n voorwerp genoem sjabloon dat Meteor bied.
En ons gaan 'n helper by te voeg.
Helpers is hierdie take, hierdie dinge soos die take.
>> Jy sal sien dat as ons gaan terug na die HTML-lêer, wat ons genoem het op take.
Take is nie gedefinieer in die HTML.
Dit is gedefinieer in die JavaScript.
En Meteor nodig om te weet watter take is Wanneer ons na die JavaScript hier.
Take is hierdie kneg.
Helper, kan jy dink dit as 'n sjabloon veranderlike.
En wat beteken take doen?
Wel, dit gee die lys van waardes.
Want dit is 'n lys, elkeen van ons kan noem in dit.
So dit is hoekom ons noem mekaar op take.
En nou het ons taak.
>> Wat beteken taak doen?
Wel, dit het hierdie pyl hier na die krullerige draadjies.
Dit beteken taak is 'n sjabloon.
Dit is nie 'n helper, soos wat ons nou net gesien het.
Dit is 'n sjabloon ons gedefinieer.
En waar het ons dit gedefinieer?
Ons het dit gedefinieer hieronder hier.
>> Al hierdie sjabloon doen is lewer 'n lys item, en dit noem teks.
Nou, teks lyk na 'n te wees helper, maar ek sal jou wys
dat dit eintlik nog steeds 'n data lid van take.
Wanneer jy bel elk, dit gaan in die data struktuur om 'n bietjie.
Soos die foreach lus, dit nou net lyk by die eerste element in ons voorwerp.
Ons sien dat die teks is hier gedefinieer in ons voorwerp.
So Meteor is slim om te weet dat ons praat oor hierdie teks,
nie die helper genoem teks.
Dit raak net die waarde van hierdie teks hier en vertoon dit as HTML,
en dit is hoe die data gaan uit die JavaScript aan die HTML.
>> Beweeg op al, in hierdie voorbeeld ons hard gekodeer daardie waardes.
Meteor doen twee werklik mooi dinge vir ons.
Behalwe die live verfris dat ons het, is dit bestuur ook ons ​​databasis.
As jy het om te werk met PHP, jy het phpMyAdmin te stel.
Jy het om seker te maak jou tafels was al in toom.
Jy het 'n baie werk om te doen om te maak seker dat jou inligting korrek is geformateer,
en PHP kan kommunikeer met dit.
>> Nou, Meteor gebruik 'n nuwe paradigma.
Dit is 'n meer moderne manier van die hantering van 'n databasis.
Dit is 'n tegnologie genaamd MongoDB.
Net soos in JavaScript, het ons gesien dat dit maak nie saak watter tipe die data het.
Alles was 'n var.
Dit was nie 'n charstar.
Dit was nie 'n int.
Dit was nie 'n struct.
Dit was net var hierdie, var dat.
>> MongoDB werk soort van die dieselfde manier.
Jy hoef nie jou tafels te definieer.
Jy hoef nie 'n tafel te sê het 'n naam, wat 'n int.
Dit het, weet ek nie, 'n dollar, wat 'n desimaal.
Dis net hierdie JavaScript voorwerpe, al hierdie VARs, wese.
En dit is 'n baie kragtige manier om jou inligting te prototipe.
En dit is hoekom Meteor neem voordeel van hierdie.
>> As ons na stap drie, Kom ons kyk wat het verander.
As ons kyk na die Besigtig HTML, nie veel nie.
CSS het nie verander nie.
Maar die klein verandering wat ons sien in HTML is ons verander hoe take omskryf word.
Take is nou 'n funksie.
Dit beteken dat elke tyd wat ons wil take te kry,
Ons gaan hierdie funksie uit te voer.
Dit maak nie die standaard van die funksie as 'n waarde.
>> Meteor is slim om eintlik loop die funksie om te sien wat ons kry.
En dit gee hierdie ding take genoem.
Ons het gedefinieer take op die lyn een, en dit is 'n Mongo versameling.
Mongo verwys na die databasis Meteor gebruik,
en hierdie nuwe beteken net laat maak 'n nuwe versameling, noem dit take.
In MySQL, sou dit gelykstaande wees soek na die tabel genaamd take.
Mongo het versamelings, nie tafels.
So dit net lyk vir take.
>> Nou, sjabloon in ons helper in die sjabloon, al
ons het om te doen al die te kry take is om hierdie funksie, vind
en hierdie leë stut.
Dit is meer betrokke te Mongo sintaksis.
Daar is baie van die dokumentasie aanlyn vir hoe
jy doeltreffende kan maak en werklik nuttig Mongo navrae.
Maar iets soos hierdie is 'n goeie genoeg vir net die vind van al die data.
>> Nou, een van die kwessies wat jy dalk sien is dat ons eintlik nooit data voeg.
So wat gebeur wanneer ons eintlik loop stap drie?
Kom ons gaan gou in stap drie en hardloop Meteor.
Let daarop dat ek 'n ander Meteor projek loop iewers anders,
so Meteor nie so nie.
Ek gaan net om vinnig te naby aan die ander Meteor met Control C,
gaan in stap drie, en hardloop Meteor weer.
Let daarop dat dit is die begin van MongoDB omdat MongoDB
is 'n deel van elke Meteor projek.
>> So dit sê my aansoek het foute.
Dit is 'n mooi eienskap Meteor het.
Dit maak seker dat jou HTML is goed bevestig.
Kom ons vinnig kyk na waarom dit kan wees.
Dit lyk asof ek het per ongeluk gekopieer die verkeerde HTML-kode.
As ek stoor dit nou, Meteor die bediener outomaties begin word,
En nou het die program loop as wat verwag is.
Let op hierdie op te los, kan jy net hardloop dieselfde HTML-lêer uit stap twee,
kopieer dit in stap drie.
>> Ons kan terug gaan na ons plaaslike gasheer.
En nou sien ons ons het ons lys om te doen.
Groot, maar dit is leeg.
Ons het nie eintlik enige het take in ons Mongo databasis.
So laat ons praat oor 'n paar maniere waarop ons kan dit doen.
As ons gaan terug na die terminale, ons kan dit sluit en hardloop Meteor Mongo.
>> As jy vertroud is met hoe Meteor werk,
dit gee eintlik jy toegang tot die volle MongoDB vir Meteor.
Let daarop dat jy hoef te hardloop Meteor eerste vir hierdie om te werk.
So as ek hardloop dit in 'n nuwe blad, ek kan terug gaan na dieselfde gids.
En nou Meteor werk net fyn.
Dit is 'n vinnige.
Laat my toe om dit 'n bietjie groter, sodat ons kan sien.
Dit lyk 'n bietjie anders as wat jy kan gebruik word om jou
nie regtig nodig het Mongo te gebruik.
Die hele punt van my hier is sodat jy kan gebruik JavaScript.
Maar as jy nuuskierig is, die Mongo API nie
gebruik SQL, die Structured Query Language.
Dit maak gebruik van sy eie taal wat lyk baie soos JavaScript.
Baie vinnig, kan ons vind die tafel via db.tasks.
En dit is vir my blyk as ons loop vind,
soort soortgelyk aan wat ons gehad het met Meteor, kan ons laai al die elemente.
Die probleem is, ons doen nie eintlik enige take omskryf.
So kan dit nie kry nie.
>> Ons kan voeg, al is.
So ons kan hardloop insetsel met opdrag insetsel.
En ons net gee dit 'n voorwerp, en ons het net
maak seker dat die formaat is wat ons verwag.
As ons kyk na stap twee, het ons gesien dat elke taak
was 'n voorwerp met 'n teks as die sleutel en alles
jou te doen item was as 'n veranderlike.
So kan ons iets hier te doen.
>> Ons kan dit voeg 'n taak genoem Ek kom uit Mongo.
En ons druk Enter, en dit loop.
Ons kan weer hardloop vind, en ons sien dat daar is 'n voorwerp hier.
Mongo ken dit 'n ID, wat jy nie regtig nodig het om te bekommer nie.
Wat is vir jou belangrik is die data jy sit in, is die data wat jy kry.
>> Kom ons gaan terug na ons webwerf, en hey, ons taak gelaai.
En jy kan sien dat omdat Meteor is baie slim
en altyd verfris vir jou, ek het nie die bladsy aan te raak.
Dit outomaties gelaai.
>> Kom ons loop 'n paar kode in JavaScript al om dit te doen.
Soos ons het Node in die rug eindig uit te voer uit JavaScript,
ons kan ook hardloop JavaScript direk in ons blaaiers.
Jy kan dit doen deur 'n funksie genoem Inspekteer element.
As ek regs kliek op 'n afdeling van die bladsy,
daar is 'n opsie genoem Inspekteer element.
As jy 'n leser soos Safari, jy
dalk jou ontwikkelaar in staat te stel gereedskap voordat jy hierdie funksie.
>> Wat ons omgee is die konsole.
So sal ons net na die konsole aan die onderkant.
Nou kan ons hardloop enige JavaScript hier, soos die JavaScript
lêers Ek het in die JS voorbeeld.
Maar laat ons nou kyk na die take.
Ons kan ons bevel voer.
En hopelik sal ek in staat wees om te maak dit 'n bietjie groter, sodat ons almal kan sien.
>> As ons hardloop tasks.find, en jy sal sien dat dit presies dieselfde kode
dat die JavaScript-lêer gebruike in stap drie, hierdie task.find.
Ons kan dieselfde ding hardloop, en nou het ons 'n paar vreemde dinge.
Hoe weet ons eintlik kry die data?
Wel, ons het om dit te loop opdrag genoem haal.
>> Dit is baie nuttig vir die ontfouting.
Wat jy hier kry, is 'n wyser, en dit is
'n mooi manier Meteor het new haal data.
Dit wyser het al die eienskappe vir live opdatering en die bladsy te verfris
wanneer iets het verander.
Maar dit sal nie vir ons die data.
Ons kan die data via haal.
En jy sien ons het 'n voorwerp, en dit is net soos wat ons gehad het in Mongo,
met 'n ID en die teks wat ons in.
>> So hoe voeg ons nie 'n item in Meteor?
Wel, ons moet net take.
En dan kan ons loop die dieselfde insetsel opdrag,
gee 'n woordeboek of 'n voorwerp met dieselfde formaat, teks
en dan kom ek uit die konsole.
Neem 'n blik bo want toe ek doen dit, dit wys op die webwerf
outomaties.
>> Let daarop dat jy enigiets kan sit jy wil in hierdie items.
Dit hoef nie te 'n vaste struktuur.
Ek 'n gelyk is aan die kan hê nommer drie en b gelyk aan vals.
En dit alles werk.
Ek kan selfs kies om nie te sluit 'n teks op alle.
Dit is net nie aanbeveel al, want dan Meteor
sal nie weet wat om te vertoon.
Maar in elk geval, ons kry 'n ID, en dit is
die ID van die voorwerp wat jy kan gebruik.
>> As ons voortgaan met Stap vier en stap vyf,
die handleiding sal jou wys 'n manier wat jy UI-elemente kan skep deur gebruik te maak
die HTML jy weet skep verskillende take.
Kom ons kyk na stap vier regtig vinnig.
Ons sal sien dat ons bygevoeg 'n artikel oor die gebeure.
Templates kan helpers, wat kry ons data.
Maar dit kan ook gebeure noem.
En dit is waar dinge word nuttig, want gebeure
is wat gebeur wanneer jy op verskillende dinge op jou webwerf.
>> Hier, ons kode is vertel ons hierdie gebeurtenis by te voeg.
Voeg dit wanneer jy voorgelê iets met die klas nuwe taak.
Wat jy hier het, is 'n CSS selector.
So dit net lyk vir 'n HTML element wat die klas nuwe taak.
En dit lyk vir die geleentheid, soos voorlê.
Ander gebeure sluit kliek, hover, dubbel kliek,
soortgelyk aan wat jy in die normale HTML.
>> Wat jy hier gee dit nou 'n funksie.
En jy kan jou kode in daardie funksie.
Hierdie funksie is wat eindig om genoem wanneer jy hierdie nuwe taak.
Kom ons kyk na die HTML net sodat ons verstaan ​​wat hierdie nuwe taak is.
Ons het 'n vorm wat hier bygevoeg met klas nuwe taak.
En dit het 'n inset wat neem teks.
En dit is waar ons sal ons nuwe take voeg.
>> Kom ons loop stap vier in die webwerf te sien hoe dit lyk.
Ons kan eers uit te hou van die MongoDB ons moes
van ons vorige byvoorbeeld met Control C.
En laat ons verander dit in die stap vier gids.
Ons sal weer hardloop Meteor die bediener te begin.
En helaas, ek het Meteor hardloop in 'n ander terminale.
So ek is net gaan om te maak seker dat hierdie gesluit.
Kom ons hou dit en verandering om deel te vier, stap vier.
OK.
>> Nou ons Meteor kode loop.
En jy kan sien dat dit opgedateer sonder ons selfs met die bladsy te verfris.
Wat het hier verander is nou dat ons nie enige take het nie,
maar ons het 'n vorm hier, hierdie teks boks, ons nuwe take te voeg.
En ons kan ons taak tik hier.
Ek kom uit die HTML-bladsy.
Toe ek druk Enter, het dit ingedien is.
>> Ons kan sien wat gebeur as gedefinieer deur die JavaScript-kode.
Wat hierdie funksie gedoen het, was neem die teks van die vorm,
en dan net genoem tasks.insert, soos ons gedoen het in die konsole.
Hulle het ook verkies om 'n createdAt datum by te voeg.
Dit is hoe jy spesifiseer die huidige tyd.
Daarna is dit klaar die vorm deur die maak Maak seker dat die waarde is die leë string.
>> En dan is dit 'n beroep terugkeer vals maak seker niks anders gebeur.
Wanneer jy terugkeer valse van 'n vorm gebeurtenis, wat uitvoering stop.
Sê 'n vorm het 'n aksie, soos aan 'n PHP bladsy.
As jy nog nie teruggekeer valse, sal jy terugkeer waar.
Dit sou uiteindelik die maak van daardie versoek.
Valse afsnitte nie en stop dit net daar.
>> So dit was 'n bietjie demo oor hoe Meteor werk, en ons het
na aanleiding van die handleiding vir 'n rukkie.
En jy kan voel asseblief vry om voort te gaan om dit te doen.
Daar is baie van die hulpbronne, en die handleiding is eintlik net
baie goed oor verduidelik wat gaan aan.
Ek wil hê jy moet nou wys, in die paar minute wat ons verlaat het,
wat is 'n paar van die koeler kenmerke van Meteor,
en wat is 'n paar van die meer nuttig pakkette.
Een van die groot dinge oor Meteor is dat jy 'n pakket stelsel.
Jy kan maklik inkorporeer kode dat baie duisende van die ontwikkelaars
het wêreldwyd geskryf in jou Meteor projek.
Een voorbeeld hiervan is wat jy kan doen in stap nege van die handleiding, waar
jy probeer rekeninge by te voeg aan jou Meteor projek.
As ons 'n CS50 PHP projek, sou ons
staatmaak op die raamwerk of ons eie kode te maak
seker ons veilig hanteer wagwoorde en gebruikersname
en die stoor van die databasis en al wat.
>> Dit blyk Meteor het 'n paar pakkette wat om te doen vir jou,
en dit baie maklik om te doen.
Wat ons kan doen, is 'n paar pakkette.
So kom ons doen dit reg nou in ons console.
Ek gaan die projek op te hou en nou gaan in eenvoudige Besigtig.
Nou, eenvoudige-Besigtig is die projek wat jy
sal hê nadat gedoen met stap 11 of stap 12,
aan die einde van hierdie handleiding.
En laat ons vinnig kyk na dit te sien Wat is die verskillende funksies wat ons het.
Kom ons maak net seker dat dit loop.
Soms neem dit 'n rukkie te verfris, maar hier is dit.
>> Ons het ons opsie om weg te steek voltooi take, en ons kan teken.
En dit is gedoen met die Meteor pakket.
Dit is 'n groot.
Ons het nou gebruikersnaam wagwoord teken in.
Maar wat as ons wou voeg 'n ander soort van login meganisme?
Kom ons sê ek wou inteken met my Meteor rekening.
Ek gaan meteoriet byvoeging om te hardloop, en dit is die sintaksis vir die toevoeging van pakkette.
Ek kan sê rekeninge, en accounts.meteor.
Dit gaan nou vind die pakket en laai dit.
Jy kan sien dat Ek het nie die regte pakket naam.
>> So hoe kry jy uit oor pakkette?
Wel, daar is 'n groot webwerf, gemaak beskikbaar by die Meteor mense,
genoem atmospherejs.com.
Atmospherejs, een woord, dot com, is 'n groot bron
vir die vind van al die Meteor pakkette in die repository.
Ek kan soek rekeninge, en dan dit sal my wys al die relevante dinge,
alle pakkette met die naam van die rekening se.
>> Terwyl dit laai, kan ons probeer voeg 'n paar ander pakkette.
Dalk is dit die Meteor pakket is nie werk nie nou, maar ek kan Facebook voeg.
Ek kan die rekening voeg en dan loop die Meteor projek weer.
Sodra dit begin, laat ons sien wat verander op die webwerf.
Jy kan see-- ek kan het om dit hier te verfris.
>> Ek het 'n knoppie te instel Facebook login.
En hier, ek het al die instruksies Meteor
het vir julle berei vir opstel van 'n Facebook app.
En jy kan gebruik wat inligting om jou ID's te voeg.
Sodra dit gedoen is, sal jy Facebook login werk in jou app.
>> Ek gaan net te kry 'n app ID en 'n geheim,
net om jou te wys hoe dit kan werk.
Jy sal 'n Facebook rekening nodig Facebook ontwikkelaar opsies te gebruik.
Laat my gou vind net die Meteor sleutels wat nodig is.
Ek het 'n ander Meteor projek dat ek gaan om te gebruik,
en ek is net gaan om te neem die sleutels van die lêer.
>> En sodra ek dit vind, sal ek net in staat wees om hierdie sleutels in my Facebook te kopieer.
So hier is 'n sleutel.
En dit is 'n geheim.
Jy moet nie deel dit met mense.
En dan moet jy dit gee jou app geheim.
En dit is so Facebook weet jy is jy.
En jy die opset red.
>> Ek dink in die proses het ek het gestop my Meteor app.
So ek wil net om te maak seker dit is nog steeds daar.
OK, kom ons maak seker dat ons Meteor bediener loop so die webblad is hardloop.
Let as ons ophou om die Meteor bediener, die bladsy is nog steeds daar.
Dit sal net nie meer werk.
Die Meteor bediener is nodig om seker te maak die bladsy is live.
>> OK, ek het dit voorgelê, en nou Ek kan inteken met Facebook.
Nou is dit net 'n kwessie van 'n Facebook pop up
en om in jou rekening inligting en meld in.
Sodra jy dit doen, Facebook mag nag wat jy vir 'n paar meer sekuriteit.
So ons sal net daar stop.
Die punt is dat wanneer jy klaar is met wat, sal jy Facebook login.
>> Meteor het 'n klomp van die ander pakkette sowel.
Jy kan inteken met Google.
Jy kan inteken met GitHub.
Jy kan inteken met Twitter.
Of as jy soek, sal jy vind baie van die ander dinge
soos Meetup, LinkedIn, en Meteor ontwikkelaar.
So Meteor Ontwikkelaars was die pakket Ek is op soek na.
meteoor voeg rekeninge-meteoriet-ontwikkelaar.
In die tussentyd, ek wil ook aan te beveel
sommige ander pakkette vir jou projekte.
Dit kan nuttig om te bewys sluit die jQuery pakket.
Dit laat jou toe om te gebruik jQuery in jou kliënte.
Jy kan net dit doen met 'n lyn, en Meteor sal seker maak jy is op datum
op jQuery.
Ek het ook aanbeveel houston: admin.
>> Dit is soort van soos 'phpMyAdmin soort instrument vir jou MongoDB.
Dit laat jou toe om te verander jou data baie maklik
sonder om te gaan na die Mongo dop, soos ek vroeër in die seminaar gedoen.
So nou dat hardloop, laat ons hardloop Meteor weer en sien wat ons kan doen.
>> Jy sien dat sommige pakkette voeg mag hê hulle bied 'n paar waarskuwings.
Jy sal nie hoef te bekommer oor daardie met Houston.
So kan ons nou die opsie Meteor admin op te stel.
En hulle gee jou die aanwysings As jy wil om dit te stel.
>> Ons kan ook nou na / admin.
Dit is aan u gebring deur die Houston pakket.
En dit is Meteor administrateur koppelvlak.
Jy skep net 'n administrateur rekening soos so.
En as jy die bladsy te verfris, kan jy het 'n paar versamelings vertoon.
>> Dit is 'n baie nuttige instrument, en ek sterk aanbeveel.
Jy kan sien dat omdat Houston is om 'n paar foute,
ons nie enige versamelings het nie vertoon op die oomblik.
Die manier waarop jy Houston sou gebruik is om seker te maak van hierdie funksie kry
genoem in jou eenvoudige-Besigtig.
So houston nie weet wat my take is.
>> Ons het 'n Mongo versameling genoem take.
Kom ons gaan in eenvoudige Besigtig en net maak seker dat in die JavaScript,
ons het bygevoeg take aan ons versamelings.
Ons het nou gered, en dit is die bou van die aansoek, verfrissend.
En laat ons sien.
Nou het ons 'n paar take.
En ons kan 'n paar nuwe take voeg.
Maar as ons wil take te voeg, Kom ons doen dit met die jeug self.
>> Nou kan ons 'n paar data voeg.
Hi, dit is 'n taak.
Dit lyk soort van vreemd dat ons is nie 'n take sien.
Ons wil dalk om te kyk of ons het enige foute hier, of dalk iewers anders.
As ons gaan in admin, wat lyk vreemd.
As jy trek die bewaarplek na hierdie seminaar,
Ek sal seker maak dat maak eenvoudige Besigtig werk met Houston.
Ongelukkig lyk dit nie te wees werk op hierdie oomblik.
>> Is daar enige ander vrae?
Houston is gewoonlik 'n hulpmiddel wat werk baie goed.
Houston spesifiek is 'n bietjie buggier as die ander kinders,
maar ek doen dit aanbeveel wanneer dit werk.
Ja.
>> GEHOOR: Wat kan jy doen met die Facebook-pakket
Sodra 'n gebruiker is aangeteken met hul Facebook?
>> ROGER ZURAWICKI: Een 'n gebruiker se aangemeld,
jy oproepe na die Facebook API kan maak.
Baie van daardie lê meer in hoe Facebook open hul API.
Meteor, maak seker dat jy die verband.
Maar alles daarna is 'n saak leer hoe om die Facebook API te gebruik.
GEHOOR: [onhoorbaar].
ROGER ZURAWICKI: Alle reg.
Dankie vir hierdie CS50 seminaar in Meteor.
As jy enige vrae het, jy kan my e-pos
op my e-pos adres gelys onder die seminaar.
En ek sal bly wees om te wees jou vrae beantwoord.
Ek sal ook by die CS50 Hackathon moet
jou help met jou Meteor projekte nodig.
Dankie vir jou kyk.