Tip:
Highlight text to annotate it
X
>> ROGER ZURAWICKI: Hei kaikille.
Voinko saada huomiota?
Kiitos kaverit.
Tänään haluan puhua Meteor.
Se on JavaScript puitteet.
Menemme läpi, miten voit tehdä todella siistiä verkkosovelluksia.
>> Ennen kuin pääsemme JavaScript, minä vain Haluan kertoa teille, että tämä tahto
on - sinulla on myöhemmin pala tällä lukukaudella.
Tuen tulisi olla JavaScript.
Mielestäni [kuultavissa] ensin menossa kattaa web HTML PHP juttuja ennen kuin
siirtyä JavaScript.
Ja CS50, JavaScript pidetään kuten asiakasnumero.
Niin se vain saa ajaa web-selain.
>> Mutta kiitos viime kehitysten teknologiaa, olemme nyt onnistuneet toimimaan
JavaScript palvelimena samoin.
Joten tämä on luonut todella cool kehys koska nyt voit kirjoittaa
oikeutetusti samaa tunnusta asiakas ja palvelin.
Ja kun määrittelet toimintojen käyttämiseen palvelin, asiakas voi soittaa niitä
samat toiminnot.
Ja se tekee siitä paljon helpompaa.
Kun taas ennen, jos käytät PHP palvelin, JavaScript edessä
Lopulta sinun täytyy kirjoittaa PHP funktio ja sitten JavaScript versio
sama toiminto tehdä samanlaista työtä.
>> Joten ennen kuin aloitamme, haluan näyttämään demo siitä, mitä
Meteor voi tehdä sinulle.
Minä näytän sinulle demo, joka on mitä voit luoda vuoteen
loppuun tämän seminaarin.
Me vain mennä täällä.
Tämä on Leaderboard sovellus.
Se on oikeastaan perustuu ulos esimerkiksi että Meteor antaa sinulle.
>> Meteor on erittäin mukavaa, koska kun asenna se paketti, voit
pohjimmiltaan leikkiä nämä neljä demoja.
Ja leaderboardisi Ensimmäinen näistä demoja.
Seminaarin jälkeen, kehotan teitä kaikkia vain tutkia muita demot
koska mielestäni he todella cool, ja ne osoittavat sinulle voimaa Meteor.
>> Joten mitä tämä on, tämä on isännöi tulostaululle.
Tämä on vain suoraan sanottuna nimilista.
Ja voit valita ihmisiä.
He kellastua.
Ja sitten voit antaa ne viisi pistettä.
Ja huomaat, että luettelo on lajitellut koska kuten Annan itselleni lisää
ja enemmän pisteitä, olen nyt huipulla.
Joten tämä on, jos aloitamme.
>> Ja mitä voit ottaa pois Tämän seminaarin on muutama enemmän
ominaisuuksia Olen lisätään tulostaululle.
Tulemme kattaa miten sekä Lisätään viisi pistettä pelaaja, voimme
poistaa pelaajia, voimme lisätä uusia pelaajia, ja voimme valita, miten haluamme
lajitella ne.
Ja nämä ovat kaikki erittäin helppo API että Meteor tarjoaa sinulle.
Sinulla on myös ominaisuus täällä Satunnaista tulokset.
>> Joten mitä todella siistiä tästä on te voi itse
kaikki mene sivustolla.
Laitan sen isompi teksti tähän.
One-radikaali-johtoon erboard.meteor.com.
Ja kun te mennä sivuston, voit olisi voitava muokata sivuston, ja
kaikki muutokset näkyvät kaikille muillekin.
Voit siis - te olette kaikki saa yhteyden sivuston?
Joten leikkiä sen kanssa.
Mene ja aloittaa poistamalla joitakin nimiä.
Katso mitä tapahtuu.
>> Niin näet kaikki voivat pelata.
Tämä on vain oletus turvallisuus tila Meteor.
Näet, että jokainen voi muuttaa toistensa tietoja.
Älä huoli.
Meteor ei ole turvallisuutta.
Tämä on hyvin helposti toteutettavissa ominaisuus, jossa voit määrittää käyttäjille
ja kirjautumisia.
Mutta juuri nyt, joku joka vierailee sivusto voi antaa itselleen niin monta
kohdat kuin he haluavat.
Niin olen aina näin, koska tämä on hauska tapa päästä alkuun.
Ja sitten me vain puhua yksityiskohdista, miten
Meteor tekee tämän mahdolliseksi.
>> Joten aion kattaa mitä Meteor on, ja sitten me vain täytyy kattaa
kaksi lähtökohtaa, että CS50 ei kuulu tarpeeksi.
Mutta loppuun mennessä aikavälillä sinun pitäisi olla mukava sekä HTML
JavaScript todella saada käsiinsä likainen kanssa Meteor.
Ja mielestäni se on vain hyvä tapa vielä vähemmän mukava opiskelijoita tekemään
lopullinen hankkeita, koska ne voivat todella pysyä yhdellä kielellä, ja he saavat
nähdä muutoksia niiden toimi heti.
>> Joten tämä diaesityksiä vain joitakin tärkeiden teknologioiden että Meteor JS
antaa sinulle.
Meteor ei ole uusi tekniikka omasta.
Se on todella rykelmä kaikki nämä eri asioita
meillä on internet.
Sekä HTML, CSS, JavaScript, me on joitakin tekniikoita, kuten Node.js,
joka on mitä voit ajaa JavaScript loppupäätä teidän
palvelin, samoin jotkut JavaScript kirjastot, kuten jQuery, alaviiva.
>> Kaikki nämä ovat tuttuja sinulle lukukauden loppuun.
Ja saamme myös käyttää tietokanta nimeltä MongoDB, joka on todella
suosittu tietokanta nyt Näiden uusien startup.
Voit ajatella sitä kuten MySQL, mutta se toimii oikein hyvin JavaScript.
Ja siellä on joitakin muita tekniikoita täällä ja paljon muuta en ole lueteltu
että kaikki käyttöliittymä todella hienosti Meteor.
>> Joudun laittaa tämän dian, koska joskus saan sekaannusta tästä.
Meteor on vain JavaScript.
Se ei ole PHP.
Se ei ole Ruby on Rails.
Joten jos kirjoitat koodia, jos haluat kirjoittaa Meteor projekti, todella
voi käyttää Ruby koodia.
Et todellakaan käytä PHP.
>> Vaikka näemme, että erot koodi ja syntaksin ole ehkä
erilaisia, haluan korostaa teille, että Meteor, kaikki mitä koodi on
vain JavaScript.
Ja kaiken, näytät käyttäjä on HTML CSS.
Mutta et itse käytä mitään muilla kielillä, että muut
seminaareja voisi kattaa.
Mikä Meteor on myös on web-palvelin.
Joten vaikka sinulla ei ole mitään JavaScript ja haluat vain palvella
CSS ja HTML-tiedostoja, Meteor voi tehdä sen puolestasi.
>> Ja tässä linkki uudelleen demo, että sain teille
alkoi pelata.
Mutta katsotaanpa siirtyä HTML.
Kuinka monta ihmistä täällä on ole aavistustakaan, mitä HTML on?
OK suuri.
Ja se on täysin kunnossa.
Sinun ei todellakaan tarvitse tietää paljon sitä, koska me menemme yli
käyttö hyvin yksinkertaisesti.
>> Tämä on mitä yksinkertainen HTML sivu näyttää.
Tämä voi olla kuin oman hei, maailma HTML, kun taas aloitimme C
Hello, world.
En halua sinun stressiä Tietoa siitä, mitä HTML, mitä pää, mitä
kehon, mitä otsikko tekee siellä.
Haluan vain korostaa rakenteen, miten olet tageja.
Ja se kulmaraudat.
Ja se jos sinulla on sinun kuvaajat.
>> Joten saatat olla HTML-dokumentti.
Ja sitten voit sulkea HTML-asiakirja kanssa kenoviiva sama asia.
Ja sinulla on erilaisia tunnisteita.
Ja huomaa, että he kaikki yhteen.
Sinulla on kuin body ja sitten lähellä body.
Ja sisällä body, joka tulee olemaan sisältöä web-sivulla.
Joten tällä sivulla yksinkertaisesti näyttää valkoisella pohjalla ja musta teksti
Hello, world.
Tarkoittaako tämä järkevää?
OK.
>> Nyt aion nopeasti kattavat JavaScript.
Vuonna sanat edellisen TF, "JavaScript on paras ohjelma
kieltä tällä hetkellä olemassa.
Muut ihmiset yrittävät kertoa toisin.
He ovat väärässä. "Javascript on melko mukava, ja minä näytän sinulle miksi.
>> Joten tämä on klassinen esimerkki alamme kanssa C. Meillä on Hello, world.
Ja huomaat, että vaikka sinulla kutistua se, sinulla on oltava vähintään kaksi
riviä koodia täällä.
Minulla on useita riviä koodia.
Tämä voidaan tehdä hyvin yksinkertaisesti.
Yksi rivi JavaScript kanssa console.log, ja sitten merkkijono,
Hello, world.
>> Nyt, vaikka olemme siirtymässä uuteen kieli JavaScript, lähes kaikki
taitoja olet oppinut koodaus C ovat suoraan kannettavaan.
Joten jouset, ajatus jousille lainausmerkkeihin, se on sama.
Puolipiste, se on sama.
>> Siisti ominaisuus noin JavaScript todellisuudessa on, että te
ei tarvitse puolipistettä.
Se voi arvata, että sinun pitäisi laittaa puolipiste siellä.
Mutta se sanoi, sinun pitäisi aina yrittää laittaa puolipistettä siellä.
Se käsitteli hyvä tyyli.
Ja myös, ei ole päätehtävä.
Sinä vain aloittaa yläosassa tiedoston ja lukea asioita rivi riviltä.
>> Sitten tämä on se mitä tehdä että hei, maailma-ohjelma.
Ja sitten huomaat, että sinulla on tehdä hei ja sitten ajaa hei.
JavaScript, sitä pidetään tulkittu kieli.
Mitä sinun tarvitsee tietää on, että ei ole päätöksenteossa.
>> Ei ole käännöksen.
Sinä vain ajaa solmu.
Ja muistakaa solmu on ohjelma, joka ajaa oman JavaScript-konsoli,
on musta laatikko, ei verkkosivuilla.
Joten voit vain antaa sen tiedoston, ja se on painoon Hello, world.
>> Minä itse tehdä vähän demo että te täällä.
Joten mennään yli minun Node.js pääte.
OK.
Lähdetään täältä.
Joten aion aloittaa solmuun.
Ja minä näytän teille vain s miten saada että
asennettu, jos et.
Haluan tehdä vähän isompi.
OK.
Toivottavasti te voi nähdä.
>> Joten en voi kirjoittaa koodia kuten tein aiemmin console.log.
Hei, Roger.
Ja huomaan ei tarvitse tehdä puolipiste, mutta sitten saan tämän outo
määrittelemätön asia.
No, oikeastaan, olkoon menneeksi määrittelemätön asia.
Asioita, jotka haluan teidän huomaavan, että sinun ei tarvitse päätehtävä täällä
alkavat näkyä koodia.
Ja ei ole kenoviiva loppua.
Siellä on joitakin pikku ominaisuuksia, jotka JavaScript voi tehdä sinulle.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Ai niin.
Olen pahoillani siitä.
Ja että nuoli tarkoittaa vain solmun on valmis toinen komento.
Joten voit olla se tehdä yksinkertaisia matematiikka, kuten 1 plus 1.
Ja aivan kuten C, nämä matematiikka symbolit ovat aivan sama.
Voin tehdä console.log useita.
Ja se tulostaa kaksi.
JavaScript on kiva siinä mielessä, koska vaikka kaksi on int,
kuten C, jos et printf kanssa kaksi, saisit virhe.
>> Mutta JavaScript tietää, oh, olet tulostus jotain.
Aion tarvitsevat merkkijono.
Joten haluan muuntaa että kaksi osaksi merkkijono sinulle.
Ja voit myös tehdä joitakin outoja juttuja kuten hi ja sitten plus kaksi.
Tämä on vain yksi esimerkki siitä, miten kaksi voidaan muuntaa myös siellä.
>> Niin, että pois tieltä, katsotaanpa vain kansi hieman JavaScript.
Joten C, olemme tyyppejä.
Aina kun loimme uuden muuttujan, me täytyy sanoa, että se on char * tai
merkkijono tapauksessa CS50.
Tai jos meillä olisi desimaaliluku, meillä oli sanottavana kellua.
Jos me tarvitaan totuusarvoarvoja meillä oli sanottavana b.
Ja sitten kun meillä oli jotain, oli b, se joutui jäämään bool.
Emme voineet maagisesti muuttaa sen int ellemme kirjoitti
suluissa, int b.
>> JavaScript ei ole tyyppejä.
Sinä vain ajatella sitä var.
Ja var on, miten voit luoda uudenlainen.
Joten se voi olla var s on merkkijono, var n on float,
ja var b on totta.
Ja yksi asia, että et voi tehdä C on Voin nyt sanoa, kun että linja, b
vastaa kokonaisluku.
Ja joka toimii hienosti.
Kun taas C, se sanoisi kuin sinun kokonaisluku ei bool.
En voi tehdä sen puolestasi.
Tai [äänetön] olisi heittää virheen.
>> Ja voin nopeasti mennä takaisin solmuun ja näyttää joitakin vastaavia toimintoja.
Jotta voin olla var.
Kutsuvat sitä "Apple." Joten nyt kun tulostan, Saan merkkijono, "Apple." Mutta en voi
myös nyt sanoa vastaa 3.
Ja huomaat ei ole mitään virhettä.
Ja nyt vastaa 3.
Kysyttävää tähän mennessä?
Kyllä.
>> Yleisö: Odota, niin console.log on pohjimmiltaan printf, eikö?
>> ROGER ZURAWICKI: console.log on sinun printf.
>> Yleisö: Oikea.
Joten miten ihmeessä jos vain kirjoittaa kahdeksassa tai [äänetön], mitä se
[Äänetön]?
>> ROGER ZURAWICKI: Oikea.
Joten se on -
stuff vihreä tulostetaan konsoliin.
Ja mitä näemme seuraavaksi on kun siirrymme web
sivulla, emme tee -
JavaScript tulee ottaa HTML malli, joissa pääsen kattaa
Meteor osa seminaaria.
Ja se jos voit sanoa, anna minulle arvo, ja se laittaa sisään
sivuston.
Koska jokainen web-selain todella on pieni konsoli.
Ja jos katsoi tarkkaan, voit olisi saada joitakin tietoja, kuten teidän
printf on siellä näkyvän kanssa jokainen Web-sivu ladataan.
>> Yleisö: Miten pääsit kuoreen näytön?
>> ROGER ZURAWICKI: Joten on komento nimeltään solmu, ja se tulee Meteor.
Joten minä vain lopettaa pois sieltä.
Solmu on ohjelma, joka kulkee JavaScript.
Jos menet meteor.com, sinulle voi asentaa Meteor, ja
Meteor mukana solmuun.
Koska Meteor on vain kokoelma Kaikkien näiden ohjelmistopaketteja.
Kun pääsemme Esimerkiksi minä kävellä kaikki läpi asennusta
Meteoriitti, ja sitten voit pelata solmuun itse.
OK, hyvä.
>> Joten toinen suuri ominaisuus työskentelystä JavaScript on silmukat ovat samat.
Aika paljon täsmälleen sama.
Silmukoita, mutta silmukoita, tehdä samalla silmukoita, jos muu.
Se on aivan sama kanssa henkselit.
Se on sama syntaksi.
Kun kyseessä on silmukka, pikku yksityiskohtaisesti, että sinun täytyy kiinnittää huomiota
to on sen sijaan int i on 0, meillä on sanottavaa var i on yhtä kuin 0.
Mutta se johtuu muuttujien tyyppejä, joista puhuimme aiemmin.
>> Huomaa, että printf tulee loki, console.log.
Ja meidän ei tarvitse tehdä prosenttia p kenoviiva n ja sitten siirtää i..
Voit vain sanoa.
Ja se tulostaa numerot nollasta neljään.
Jos te haluatte kokeilla tätä, koska toit jopa hyvä pointti.
Jos halusi suorittaa tämä koodi oman selaimen, Neuvoisin
jokainen avaa Google Chrome.
Google Chrome tai selain todella, mutta pidän Google Chrome
koska se on hyvin vakioitu.
>> Voit mennä, uskon, jos oikea Napsauta minkä tahansa sivuston, vain
valkoinen tila, näet vaihtoehdon nimeltään Tarkasta Element.
Se on yleensä viimeinen.
Ja kun klikkaat sitä, sinun pitäisi saada asia pohjaan näkyvät tässä.
Saanen zoomata täällä.
Ja meillä on muutamia välilehtiä täällä.
Yksi välität on konsoli.
>> Ja tämä on JavaScript-konsoli että voit nyt työskennellä.
Suuri.
Joten en voi kirjoittaa samat jutut Olin kirjoittamalla ennen solmussa.
Yksi plus yksi on kaksi.
Var vastaa "Apple".
Ja sitten minä tulostaa, ja on "Apple".
Joten millä tahansa selaimella, Firefox, Chrome, Safari, mitä käytät, kuten
kauan kuin sinulla on pääsy JavaScript konsoli, samanlaista
koodi Juoksin solmussa sinua voi ajaa oman konsolin.
>> Yleisö: [kuultavissa]?
>> ROGER ZURAWICKI: Miten päästä konsoli?
Sinun täytyy klikkaa hiiren oikealla tyhjää tilaa sivulla, ja sitten menet
Tarkasta Element.
Joten oikeastaan, haluaisin te vain varmista, että voit
Tarkasta Element Chrome.
Ja katso, kun kirjoitat joissakin koodi konsoliin
että se toimii oikein.
Voit vapaasti esittää kysymyksiä, jos jotain ei ole selvää täällä.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Mikä tahansa, oikealla.
On vain yksi tyyppi kaikille muuttujat JavaScript.
Ja kun sinulla on julistaa muuttuja, sanot var.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Joo.
Se, mutta JavaScript, se on hyvin fiksu muistin allokointi.
Ei ole malloc.
Ei ole ilmainen.
Joten sinun ei tarvitse huolehtia siitä.
Se on toinen mukava ominaisuus, että JavaScript tarjoaa sinulle.
>> Joten haluaisin siirtyä eteenpäin.
Olisiko se ok?
OK.
Suuri.
>> Yleisö: Olen vain ongelmia löytää [? Tarkasta Element. ?]
>> ROGER ZURAWICKI: So Safari näyttää vähän erilainen, mutta oletteko
on Chrome tai Firefox?
Ne ovat helpommin niitä toimimaan.
Ja projekteja, suosittelen pysyy yhdellä selaimella, koska
saat paljon vikoja lähes koska jokainen selain kohtelee
JavaScript HTML hieman eri tavalla.
Joten mielestäni elämäsi on paljon helpompaa, jos olet kiinni Chrome koska
se on saatavilla kaikissa koneissa.
Ja se on melko suosittu selain.
OK?
>> Joten seuraava aihe, että meidän pitäisi kattaa JavaScript -
Olen pahoillani muotoilun täällä.
Jouduin venyttää dioja vastaamaan laajakuva projektori.
Mutta olisin nyt haluaisin puhua miten teet toimintoja.
C, meillä on julistaa jokainen toiminto.
Kuten int lisätä, ja se kestää int osaksi x, ja int y, ja sitten lisäämme ne
ja palauttaa sen.
>> JavaScript, toiminnot ovat todella toisen muuttujan tyyppi.
Joten me vain sanoa var lisätä, ja se vastaa funktio.
Funktio, joka ottaa x ja y.
Ja mitä se toiminto tekee?
Se palauttaa x plus y täsmälleen sama syntaksin C. Ja huomaat, että
JavaScript, et kertonut mitä funktio palauttaa koska vuodesta
muuttujia ei ole tyyppiä joka tapauksessa, se se ei oikeastaan ole tuottavaa, luulisin,
olla täsmennetään kaikki tyypit omassa toimintoja.
Ja sitten kun soitat toiminto, se on täsmälleen sama syntaksi kuin C. You
vain siirtää teidän kaksi argumenttia.
Haluaisin kokeilla tätä minun solmussa.
Voinko vaihtaa dian?
>> Yleisö: [kuultavissa].
Saammeko kopion dioja?
>> ROGER ZURAWICKI: Kyllä.
Joten mennään takaisin solmuun.
OK.
Niin minä sanon var add vastaa toimintoa.
Kun x ottaen y.
Ja sitten se tietää, että lausuma: n ei valmistunut.
Niin solmussa tai konsoli, huomaat dot dot dot.
Joten voit pitää kirjoittaa koodia.
Ja nyt minä sanon paluuta x plus y.
Ja sulje ahdin.
Ja hetken suljen ahdin, se näkee, että selvitys on valmis.
>> Ja nyt voin sanoa lisätä yksi ja kaksi.
Ja saan kolme.
Huomaa, että jos en vain lisätä, se kertoo minulle se on tehtävä.
Ja yksi asia vain kiinnittää huomiota on jos annat sille väärä numero
argumentteja, se tekee.
Se ajaa, mutta saatat saada joitakin todella outoja tuloksia.
Kind of kuten roskat arvo, Voit ajatella sitä.
Joten mene eteenpäin ja kokeilla tämä teidän selaimissa.
>> OK, joten edun ajan, minä Siirrymme seuraavaan ominaisuuksia
JavaScript.
Joten olemme puhuneet toimintoja.
Olemme puhuneet silmukoita, jos lausunnot liikaa.
Syntaksi on sama C-ja muuttujia.
Ja nyt haluan puhua taulukot.
Olen pahoillani, että diat sai vähän katkaista.
Mutta todellisuudessa ensimmäisessä osassa, kaikki mitä tarvitset toimii.
>> Joten meillä on toinen tyyppi muuttujia kutsutaan taulukot.
Ja käytämme hakasulkeiden tarkoittamaan niitä.
Niin ensimmäisessä esimerkissä, var arr, tyhjä array.
Tämä on tyhjä lista, joten array jotka eivät sisällä elementtejä.
Ja voit myös array kolme jousille.
C, jokainen osa teidän array täytyi olla samaa tyyppiä.
>> Mutta koska JavaScript on vain yhtä tyyppiä, taulukot voi todella
on erilaisia arvoja.
Kuten täällä, meillä on array float, bool, ja int.
Näin saat pituus array, et itse tarvitse käyttää koko
tai jotain.
Sanoit array ja Sitten dot pituus.
Ja tämä piste pituus, voit ajatella se ikään kuin struct, miten jokainen
array on kenttä, ylimääräinen muuttuja sen sisälle nimeltään pituus, joka
seuraa, kuinka kauan array on.
>> Joten olen vain nopeasti aio mennä solmu-ja show te sama asia.
Jotta voin olla jono.
Se voi olla tyhjä lista.
Ja se tulostaa minua takaisin tyhjän listan.
Suuri.
Voin nyt sanoa, että matriisi on 1 ja 2.3, ja totta.
Joten kaikki erilaisia.
Ja huomaat se toimii hienosti.
Array palaan tukee kaikki arvot annoin sen.
>> Jos halusin saada ensimmäinen osa array, syntaksi on todella
sama kuin C. You voi sanoa array nolla.
Ja saat yhden.
Voin sanoa samaa array kaksi, ja saan totta.
Jos teen jotain ulkopuolella jono, JavaScript on turvallinen kieli
koska en saa seg vika.
Haen määrittelemätön.
>> Ja tämä määrittelemätön, voit kind ja miettiä sitä null.
Mutta se voi olla todella ärsyttävää kun koodia, koska sinun täytyy tarkistaa, että
melkein kaikki mitä teet, olet toimi on määrittelemätön.
Ja tulemme näkemään joitain esimerkkejä tämän, kun toimimme Meteor.
>> Vaikka array neljä on määrittämätön, Voin määrittää sen arvon.
Joten sanon sen on yksi.
Ja sitten jos menen array, I on lisäarvoa siellä.
Ja huomaa, että joukko kolme, joka myös on määrittelemätön, pysyy määrittelemätön.
Joten minulla on nyt array reikä keskellä.
Mutta jos minä painettu array neljä, Haluaisin saada yksi.
Jos en array kolme, saan määrittelemätön.
>> Niin mukava ominaisuus, että JavaScript voit tehdä on, että listoja
muuttaa kokoa.
Taulukot, taulukot ovat luettelot, ne muuttuvat koko.
Ja voit määrittää missä tahansa sisällä niitä.
Ja kaikki aukot täytetään näitä määrittelemätön arvoja.
>> Joten olemme puhuneet ryhmät.
Nyt viimeinen asia, jonka haluan kattamaan JavaScript, ja tämä on erittäin tärkeää
ymmärtämiseen koodi, joka Aion näyttää teille,
tulee olemaan esineitä.
Ja esineet ovat aikavälillä -
pohjimmiltaan, ne ovat läsnä monia ohjelmointikieliä.
Ja jokainen ohjelmointikieli tykkää ajatella niitä hieman eri tavalla.
>> Mutta luulen Meteor, hyvä analogia on C struct.
C, jos haluamme löytää struct opiskelija, olisimme määritä kaikki
asioita sisälle.
Joten sillä on oltava nimi.
Sillä on oltava vuodessa.
Sillä on oltava sukupuoli.
Mutta meillä on myös antaa sille tyyppisiä kaikki nämä asiat.
>> Ja nyt kun meillä on tämä muotti struct kutsutaan opiskelija, voimme olla
uusi struct, ja sitten voimme manuaalisesti sanoa, mitä kukin kentät ovat.
Ja se jos käytämme dot nimi, dot vuoden dot sukupuoli.
Ja sitten me vain, viimeisellä rivillä koodin tähän, olen vain tulostamalla
Nimi struct opiskelija.
>> JavaScript-maailmassa on ole sellaista asiaa kuin struct opiskelija.
Et tuottaa ennalta rakennetta.
Olet itse juuri näissä suluissa, sanot mitä kaikki on.
Ja se on tämä outo merkintätapa kanssa paksusuolen ja sitten pilkku, mutta sinun
tottuu pian riitä.
>> Ja se on todella helppoa, joustava tapa vain
manipuloimalla esineitä.
Huomaat, että jos haluan nyt saada name alkaen s, en vain s.name.
Onko kysyttävää?
Tämä yleensä on ollut hyvin sekava aihe, kun esittelemme ihmisiä
JavaScript.
Teen joitakin esimerkkejä tästä solmussa.
Kyllä?
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Niin sinäkin on esimerkiksi useita
muuttujat tätä tyyppiä.
>> Yleisö: [kuultavissa].
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: OK.
Joten kai miten menisi noin on voisitte laittaa esineitä array,
ja nyt sinulla on erilaisia esineitä.
Vastaako tuo kysymykseesi?
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Kyllä.
S on yksi kohde.
Joten voimme mennä solmuun ja vain pelata noin vähän.
>> Yleisö: [kuultavissa]?
>> ROGER ZURAWICKI: Oh, OK.
Joten jos kysyt mitä luokat ovat, luokat kohdellaan hyvin eri tavoin,
ja heillä on todella outo järjestelmä nimeltään prototyyppien, joka et
tarvitsee tietää.
Ei ole kiinteää tapa tehdä se.
Joten jos haluat luoda useita, voit olisi juuri sellainen on toiminto
tai jotain.
Voit luoda oman toiminnon.
Ja voisitte palata esine.
Se olisi helpoin tapa tehdä se.
Onko järkeä?
OK.
Suuri.
Joten kun meillä on ymmärrys JavaScript esineitä, ne ovat -
Voi, kyllä.
>> Yleisö: [kuultavissa]
Esimerkiksi mitä eroa "Roger" lainausmerkkeihin vs.
[Äänetön] kanssa puolilainausmerkkejä.
>> ROGER ZURAWICKI: OK.
Joten tämä on C, meillä on yksi lainauksia edustaa merkkiä, ja kaksinkertainen
lainausmerkkejä edustavat jouset.
JavaScript oikeastaan heittää tätä pois koska sinulla voi olla jonoja
yhden tai lainausmerkkeihin, ja siellä on ole sellaista asiaa kuin yksi char.
Mutta jos vain kopioidaan sama C-koodia, JavaScript olisi
käsitellä sitä hienosti.
Minkä vuoksi olen kohdelleet -
Siksi voin kirjaimellisesti portti koodi siinä mielessä.
>> Ja haluan näyttää teille esimerkin of monimutkaisempi objekti.
Joten voit huomata, että yksi kohde voi olla merkkijonoja arvot.
Se voi olla toinen lista arvoja.
Se voisi olla luettelo objekteja arvot.
Siellä oikeastaan mitään rajaa tähän.
Joten tässä, se on vain hyvä osoitus miten voit saada paljon
erityyppisiä tekeillä kaikki yhdessä esine.
Onko tässä mitään järkeä?
>> Nyt voit myös olla ryhmät esineitä.
Ja tässä on tavallaan samanlainen kuin mitä kysyi, jos voit olla esineitä
samaa tyyppiä.
Mutta ongelma on, ei ole vahvistettu muodossa esineitä JavaScript.
Joten sinun täytyy määrittää ne itse.
Ja sinun täytyy varmistaa, että ne ovat yhdenmukaiset.
Joten tässä, kun luon esine, minulla on varmistaa, että jokaisella on
nimi, ja jokaisella on talossa.
>> Ja sitten minulla on joukko niitä, ja että voi olla minun mökki.
Ja sitten täällä voit eräänlainen ks silmukan meneillään.
Silmukka on vain todella yleinen tapa kulkea yli array
JavaScript.
Huomaa, että tämä malli on hyvin samankaltainen to C vastaavan, jossa
on int i on nolla. minä on vähemmän kuin pituus.
Ja sitten minä plus plus.
>> Se on melkein sama koodi, lukuun ottamatta muutamia yksityiskohtia.
Joten ei kaikki ymmärrä mikä esine on?
Ajatelkaa sitä C struct.
Ja miten voit käyttää kentät on pelkästään piste.
Ja niin kauan kuin muistat, miten käyttää piste, sinun on hieno.
>> OK, joten nyt voi jokainen Lue tämä yhteys?
Tämä on linkki hankkeen.
Onko kukaan ongelmia nähdä linkin?
OK, nyt muuttaa sitä sitten.
Se ei ole -
Joo, se on luultavasti Helpoin tapa tehdä se.
Suuri.
>> Joten jos menet tämän sivuston ei pitäisi olla joitakin ohjeita että minä
mennä yli siitä, miten voimme asentaa Meteor ja saada meidän näyte projekti käynnissä.
Haluan varmistaa, että kaikilla on linkki alas ennen kuin siirryn.
Voinko siirtyä eteenpäin?
OK, hyvä.
>> Joten tässä olen verkkosivuilta.
Huomaat versiotietojen, meillä on joitakin ohjeita siitä, miten
päästä th perustaa.
Sinun täytyy olla joko CS50 laite tai vain Macissa.
Windows ei toimi.
Mutta periaatteessa mitä se ei ole Windowsin pitäisi työskennellä näiden
ohjeet hienosti.
Mutta voin tehdä sen hieman isompi samoin.
>> Joten voit ajaa ensimmäistä komentopari.
Nämä kaverit ovat vain asentaa Meteor.
Voin mennä minun terminaaliin.
Ja jos juoksen saman asian nyt Minulla on se jo asennettuna.
Joten se on hieman lyhyempi.
Se saattaa kestää hieman kauemmin teitä.
Mutta haluan ensin varmistaa että meillä on Meteor käynnissä.
Jälkeen Meteor on asennettu, sinun pitäisi voi saada solmuun konsolin.
>> Yleisö: he pyytävät salasanaa.
>> ROGER ZURAWICKI: Se olisi teidän käyttäjän salasanan, jos olet Mac.
Se vain vaatii luvan muuttaa joitakin järjestelmän tiedostot.
Joten kysymys oli, jos se kysyy salasanan, se vain pyytää sinua
käyttäjätunnusta salasana kun kirjaudut sisään Mac.
Ja tämä on niin, että voit muuttaa järjestelmän tiedostoja.
>> Ja kun olet valmis, voit siirtyä eteenpäin seuraavaan vaiheeseen, joka kopioi
mallikoodi Minulla verkkosivuilla.
Ja saat uuden hakemistoon oman kotihakemiston kutsutaan leaderboard, ja
voimme aloittaa työt siellä.
Joten olen vain kopioimalla ja liittämällä nämä komennot minun terminaaliin.
Ja minulle, olen jo kloonattu sitä.
Joten voin vain nyt siirtyä osaksi leaderboard.
Ja minun pitäisi olla muutama tiedostoja siellä.
Kaikki kysymykset?
>> Yleisö: [kuultavissa] ei toimi.
>> ROGER ZURAWICKI: Voi, saatat täytyy git asennettu myös.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Anteeksi?
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Oh, OK.
OK.
Tämä johtuu siitä, sinun on ehkä kirjautunut sisään GitHub saada linkki.
Jos te voi nähdä, että helpoin tapa tehdä se olisin sitten sanoa ei
lataa zip.
Ja tämä vain ladata kaikki tiedostot.
Ja sitten kun olet laita se ladata tai kotihakemistosi -
Suosittelen laitat sen omassa kotihakemiston joten voimme kaikki
ajaa samoja komentoja.
Niin kauan kuin meillä on tiedostoja, me pystyä aloittamaan heidän kanssaan.
Kerrothan, jos ihmiset joutuvat lataamisesta tiedostoja.
>> Yleisö: By kotihakemiston, Tarkoititko -
>> ROGER ZURAWICKI: Niin kotihakemiston olisi olla John Harvard, jos olet
CS50 laite.
Saada kotihakemistoosi, kirjoita vain C.
>> Yleisö: [kuultavissa]
CS50 laite [kuultavissa].
>> ROGER ZURAWICKI: Kyllä.
Haluat suorittaa komentoja terminaalisovellus.
>> Yleisö: [kuultavissa].
Sain virheilmoituksen, jossa lukee ei Tiedostoa tai hakemistoa.
>> ROGER ZURAWICKI: Voimme ottaa nopeasti tauko ja vain varmista, että
kaikilla on Meteor asennettu, ja minä vain mennä yrittää auttaa ihmisiä ulos.
Yritä auttaa toisiaan, jos olet ajautumassa ongelmiin.
Anteeksi, joo.
Oletko niin laite?
>> Yleisö: Joo.
Minulla on RISA
>> ROGER ZURAWICKI: OK.
Jos menet takaisin verkkosivuilla, Siirry selaamalla ylös.
Ja on tämä HTTPS.
>> Yleisö: Kopioi tämä?
>> ROGER ZURAWICKI: Joo.
Ja sitten haluat kirjoita git klooni.
Joten jos painat Ctrl -
>> Yleisö: Here?
Ja tehdä [kuultavissa]?
>> ROGER ZURAWICKI: G-I-T.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Git ja sitten klooni.
Joten on hyvin samanlainen komento oli edellä, mutta URL-osoite muuttunut.
Joten ennen kuin se oli tämä, nyt se on tämä.
Saanen päivittää -
joo.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Tämä on ladattu.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Voi, niin se ei klooni oikein.
Korjaan sen.
On virhe yrittää ladata tiedostoja.
Saanen päivittää komento te jotta voin varmistaa, että se toimii.
Olen pahoillani siitä.
Sen pitäisi olla sama Mac-ja CS50 laite.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: olen päivittänyt komento numero kaksi, jos
päivität sivun.
Ja tämä, URL, sinun pitäisi olla pysty lataamaan tiedostoja.
>> Yleisö: Joten jos olemme yhä lataaminen [äänetön].
>> ROGER ZURAWICKI: Jos olet vielä lataamalla Meteor?
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Kyllä, jos haluat kehittää Macissa.
Mutta sinun täytyy Xcode-kehitystyökalut työkaluja asennettu.
Olen testannut näitä komentoja CS50 laite, joten voin taata
että se toimii.
Kyllä. anna minun mennä ja auttaa sinua.
>> Yleisö: [kuultavissa].
Annan salasanani.
Tämä on Mac.
Ja sitten teen [kuultavissa].
>> ROGER ZURAWICKI: OK.
Haluaisin kokeilla käynnissä koko komennot ainoastaan CS50 laitteen terminaali.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: saisin sen toimimaan ensin terminaalin puolesta
CS50 laite, ja sitten Mac pääte.
>> Yleisö: Joten jos teet sen CS50 laitteeseen; sellaista, [äänetön].
>> ROGER ZURAWICKI: Haluaisin liikkua , mutta jos ihmiset ovat vielä ottaa
ongelmia asentaa Meteor, Kevin on enemmän kuin mielellään auttaa sinua kaverit,
Kevin harmaa paita.
Mitä meidän pitäisi olla on aiomme suorittaa viimeisen komennon, numero kolme, vuonna
terminaaliimme.
Kun teemme sen, me ajaa Meteor.
>> Ja sinun pitäisi -
Voi, minulla on jo Meteor käynnissä.
Joten se ei tule päästää - haluan sulje minun muita Meteor.
Kun olen suorittanut Meteor, voit pitäisi nyt nähdä, että -
sinun pitäisi nähdä nykyisen hakemiston että se palvelee.
Ja nyt se aikoo sanoa palvelimelle on käynnissä http://localhost.
Tuo URL haluat laittaa in selaimessasi.
>> Ja että URL, sinun pitäisi pystyä käyttää mukava pieni leaderboard.
Niin huomaa, että tämä on localhost, mikä tarkoittaa, että jos et mitään
muutokset, et aio nähdä toistensa muutoksia.
Ottaa huomioon, että sivustolla näytin alussa, saisimme
kaikkien muutosten koska kaikki oli päästä samalla sivustolla.
>> Joten haluan vain mennä [? sana?]
3000.
Joten sinun pitäisi pystyä vain vahvistaa se, että toiminto toimii.
Voit valita erilaisia ihmisiä, ja voit antaa heille eri kohdista.
Joten annan jonkun pistettä.
Voit myös nähdä, että ne nousevat arvossa.
>> Nyt edun aikaa, siellä kolme ominaisuuksia, jotka olen
täytäntöön.
Ja me aiomme toteuttaa poistaminen käyttäjille kuin meidän ensimmäinen pitkä.
Mutta ennen kuin siirrymme eteenpäin, ovat Onko mitään kysyttävää?
Sinulla oli käsi ylös.
Kyllä?
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Voitko tarkistaa että Meteor on asennettu?
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Paikallinen isäntä 3000?
Ja olet CS50 laitetta?
Voin tehdä -
sinun ei tarvitse olla Mac.
Tämä toimii laitteen.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Normaalissa web-selain, joo.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Onko Meteor käynnissä?
Joten OK, siellä ero tässä.
Jos käytät sitä laitteen, sinun täytyy tehdä
localhost sisällä laitteen.
Jos käytät sitä Macin, kuin olen, niin voin tehdä
Mac Google Chrome.
Mutta jos käytät CS50 laitetta, sinun täytyy tehdä kaikki
laitteeseen.
Joten sinun täytyy käyttää Google Chrome laitteen.
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Se on vieläkään toimi?
>> Yleisö: [kuultavissa].
>> ROGER ZURAWICKI: Joten vain toistaa, miten käyttää verkkosivuilla nyt.
Sinulla on URL täällä localhost 3000.
Jos olet CS50 laitteen sinun täytyy avata CS50
laite on Google Chrome.
Ja siitä, että Google Chrome sisällä laite, voit kirjoittaa sen URL,
ja sinun pitäisi nähdä leaderboard.
Joten aion vain laittaa se pois puolelle tässä hieman.
Ja nyt aion avaan tekstieditori tänne.
Joten haluan vain varmistaa, että koodi on kunnossa.
OK.
Suuri.
>> Haluaisin nyt kulkea koodia hieman.
Ja ensimmäinen tiedosto Haluaisin aloittaa IS leaderboard.html.
Voit saada tämän koodin jälkeen seminaari, joten haluan vain näyttää
olet minun tietokone mitä tapahtuu.
Joten toivon jokainen voi nähdä tämän.
Joten aivan alussa tiedoston, me on meidän pää ja otsikko, joka
on samanlainen kuin mitä näimme jokaisessa HTML-dokumentti.
Ja sitten me aiomme olla body täällä.
>> Mitä olen valinnut on tärkein elin, periaatteessa mitä
aikoo saada näkyviin.
Mutta on olemassa joitakin uusia ei-HTML asioita, ja se on
kaksinkertainen kulmaraudat.
Ja nämä ovat mallien elementtejä.
Niin näet täällä kiinnike kiinnike uusi leaderboard.
Ja tämä on tavallaan - ajattele sitä kutsuvan toiminto HTML.
>> Tämä on erityinen versio HTML.
Se versio, joka Meteor käyttää, joka Siksi voit näyttää eri
asioita, kuten leaderboard nimet ja painikkeet.
Mutta leaderboard kertoo mennä mallin kanssa nimellä leaderboard.
Joten malli ei saa näkyviin itse, mutta se on funktio, joten se
saavat kutsutaan.
Ja voit korvata tässä kaikessa koodi täällä osaksi leaderboard.
>> Mielenkiintoinen osa leaderboard täällä on vain tässä taulukossa.
Jos vain lukenut sen, lukemaan tätä koodia ääneen, se on intuitiivinen
koska leaderboard, kaikki me on tässä taulukossa.
Tämä ID-luokan kamaa et tarvitse pelätä.
Vain tietää, että siellä on taulukon otsikkoon.
Se on tämän thead.
>> Ja se löytää nimi ja pisteet.
Kaikki nämä tunnisteet, kuten thtable, thead, voit vain oppia matkan varrella.
Se ei ole tärkeää, että et muistaa Näiden koska voit käyttää mitä tahansa
Reference Online.
Tai loppuun mennessä lukukauden, nämä vain on hyvin tuttu sinulle.
>> Jälkeen otsikon taulukon osa että haluan kiinnittää
huomiota on tämän h tag.
Koska se on kaksinkertainen suluissa, se on malli.
Niin se tarkoittaa, että kunkin pelaajia, mitä pelaajien, meidän on
näyttää sen.
Ja menemme soittimen malli.
>> Jos me selaa hieman enemmän -
Toivottavasti jokainen voi nähdä, että.
Meillä on pelaaja malli.
Ja tätä mallia pohjimmiltaan määrittelee taulukon solun, jossa voit laittaa nimi
täällä ja pisteet.
Loitonnettaessa nyt voimme nähdä että tämä kimpale koodi -
ja se oli meidän pelaaja siellä -
määritellään yksi näistä soluista.
Jokainen asia, että klikkaan tulee keltainen.
>> Yksinkertainen tapa voisin muuttaa sitä nyt.
Varmista Meteor on edelleen käynnissä.
Meteor pitäisi olla palvelimen prosessi, joten sinun tarvitsee vain jättää sen
käynnissä, kun kehittynyt.
Sanotaan Halusin muuttaa kaikki nimet tai pisteet.
Ja sanoisin aion lisätä seikkaa.
Joten muutos tein täällä oli, eikä vain pisteet, I
lisätä pisteet tilaa pistettä.
>> Aion loitontaa, ja olen aikoo pelastaa minun arkistoida.
Ja sen jälkeen voin tallentaa tiedoston, tarvitsen varmistaa Meteor on käynnissä.
Pahoillani siitä.
Haluan näyttää sinulle muokkausta tehtiin reaaliajassa.
Joten minä vain muuttaa tekstiä.
Napsauta pelaaja.
Laitan sen kokonaan isoilla kirjaimilla.
Ja sen pitäisi olla, että jos tämä toimii oikein, kun tallennat sen, se
saattaa ajan tasalle.
>> Luulen, että nyt ongelma on En ole oikeassa hakemistossa.
OK.
Olen pahoillani siitä.
Joten tässä, mitä huomaat on minun muutos meni läpi.
Nyt sanoa haluan palata muutosta.
Haluan mennä takaisin siihen, mitä minulla oli.
Olen juuri menossa kirjoittaa sitä normaalisti.
Napsauta pelaaja.
>> Tällä hetkellä minulla tallentaa sen, sivusto päivittyy minulle.
Ja näen muutoksen sivuston hetkessä.
Tämä on todella hyödyllinen ominaisuus debugging koska nyt
Minulla ei tarvitse -
kun kirjoittaa C-koodia, ei ainoastaan meidän täytyy tallentaa tiedoston, mutta jouduimme
tee se ja suorita se sitten uudelleen.
Meteor on erittäin mukavaa, koska toisin kuin C, Siitä hetkestä, kun tallentaa HTML-tai
JavaScript-tiedoston, muutos näkyy heti.
>> Yksi kysymys on, näissä malleja, miten saan arvoista, kuten pelaajat
tai valitse nimi?
Jos minä suurentaa täällä minun koodi, Näen tämän jokaiselle pelaajille.
Joten malli tietää, että Minulla on pelaajia jotenkin.
Ja se tietää, että siellä on valittu nimi.
Mistä tämä tuli?
Joka tulee JavaScript.
>> Ja jos menet leaderboard.js, tämä tiedosto, nyt kun menen tänne, meillä on
muutamia komentoja määritelty.
Tämä on erityinen Meteor syntaksin.
Huomaa, että et tarvitse Vars tai mitään.
Mutta nämä ovat vain structs upon structs kun structs tai näitä esineitä.
Ja kaikki olen määriteltäessä on malli nimeltään leaderboard.
>> Leaderboard pitäisi saada asia sanottu pelaajia.
Ja mikä on pelaajia?
Se mitä tämä ilmaus palauttaa.
Ja mikä on valittu nimi?
Se on hieman enemmän koodia.
Yksityiskohdat koodin näytämme kattavat hieman myöhemmin.
Mutta juuri nyt haluan teidän ymmärtävän että tässä koodi, otamme
pelaajia, ja annamme sille arvon.
Tässä tapauksessa se on funktio että saa teloitettiin.
Jotta voimme saada arvon takaisin kun otamme toiminto.
Tämä on loki.
Onko järkeä?
>> Voin muuttaa tapaa, jolla se on järjestetty.
Täällä, siellä on eräänlainen objekti.
Ja mitä tämä kertoo on Aion lajitella by pisteet laskeva ensimmäinen ja
Sitten nimi nouseva.
Jos muutan tätä yhteen, se tulee lajitella pisteet nouseva.
Joten nolla pitäisi olla päällä.
Ja kun minä zoomata minun verkkosivuilla, me nyt nähdä, että sivusto ajan tasalla.
Ja pisteet on nousta.
>> Seuraavan toiminto haluan vain kattamaan on click verran.
Out of edun aikaa, en pystyä kattamaan suuremman osan Meteor
koodia, mutta on olemassa runsaasti resursseja saatavilla, ja aion olla
tässä seminaarin jälkeen.
Mutta haluan vain kattamaan leaderboard tapahtumia.
Tämä syntaksi opit vähän myöhemmin luento.
Tämä on JavaScript.
>> Olemme vain sanomalla, kun saamme napsautuksella, ja se on lisäys, tämä
hash vain tarkoittaa tunnus.
Inkrementillä tunnistuselementtiin, niin haluamme päivittää - avainsanoja haluan sinun
katsella on päivitetty ja Valitse ja soitin.
Joten kumpi pelaajan valittu, päivitämme sitä.
Ja mitä teemme, on meidän kasvattaa sen pisteet viidellä.
Ja jotka kuvaavat toiminnallisuutta olemme täällä.
>> Päätyttyä Tämän seminaarin näytämme voitava nähdä enemmän koodia.
Mutta menee takaisin minun tavoite, että haluan muuttaa sivuston, halusin tänne
lisätä poista-painiketta niin Voin poistaa pelaaja.
Niin tehdä, että tarvitsen tehdä kaksi asiaa.
Minun täytyy päivittää HTML, päivitä tarkastella, mitä saa näytetään käyttäjälle, ja
Sitten on joitakin JavaScript, että kun painiketta painetaan, Meteor on menossa
tehdä jotain.
Se tulee poistaa, että pelaaja.
>> Niin on olemassa paljon paloina koodia jotka ovat periaatteessa jo
tehty minulle.
Kun katson täällä, minulla on jo tapa saada valittu pelaaja.
Se on tätä kamaa, jos näet sen.
Joten jos vain -
Aion olla toinen tapahtuma.
Joten aion kopioida mitä minulla on.
Koska tämä on lista, Tarvitsen vain pilkku.
>> Joten nyt aion valitse Poista.
Ja niin sen sijaan että pelaajat päivityksen, Aion tehdä pelaajille poistaa.
Ja kaikki pelaajat poistaa tarpeisiin on valittu pelaaja.
Joten tämä toiminto on kaikki mitä tarvitsemme.
En tarvitse lisätä joitakin HTML tässä kuitenkin.
Jos siis selaa täällä, Tämä on HTML-näkymään.
Meillä oli juttu täällä, joka oli tag.
Sinun ei tarvitse huolehtia siitä.
>> Mitä asioita sinulle on Tämän ID lisäys.
Ja tämä on mitä saa meidät sanomaan, kun me napsautetaan lisäys, meidän on
antaa viisi pistettä.
Ja näet, että tämä on painike.
Sitähän BTN tarkoittaa.
Ja teksti-painiketta on antaa viisi pistettä.
Joten mitä aion tehdä, on olen menossa kopioida tämä rivi.
Aion muuttaa ID poistaa.
Ja aion muuttaa teksti tähän poistaa.
>> Joten varmista, että kaikki on tallennettu.
Haluan mennä takaisin minun JavaScript varmistaa, että minulla on
poistaa rivissä täällä.
Hyvä.
Joten aion säästää sekä tiedostoja.
Kun olet tallentanut molemmat tiedostot, me voi mennä takaisin pohjaan.
Ja nyt näemme meillä delete-näppäintä.
Ja yksi askel.
Huomaat saatat saada virheen, koska kun klikkaa
poistaa, mitään ei tapahdu.
>> Tapa debug tämä on mennä takaisin Tarkasta Element.
Teen tämän tarkoituksella, jotta voit miten te debug jotain.
Vuonna Tarkasta Element, meillä on Kaikki tekstiä tänne.
Haluan mennä takaisin konsoliin.
Ja mitä tapahtuu, kun menen täällä on saan jonkinlaista virhettä.
Se väittää, ettei mikään menetelmä poistaa.
>> Joten mitä tämä sanoo, kun menen takaisin koodia, pyysin pelaaja
poistaa täältä.
Poista ei oikeastaan ole oikea komento.
Joten selvittää, mitä oikea komento on, siellä on Meteor API.
Asiakirjat haluan kohta sinua kaverit on juuri meteor.com.
Joten minulla on se täällä.
Tämä on vain niin te tiedätte mistä oppia lisää.
>> Siellä on linkki asiakirjat.
Ja periaatteessa, voin vain älä löytää delete.
Ja mitä näet, poistaa on todella poistaa.
Tämä on käsky, että Minun täytyy soittaa.
Joten nyt me tiedämme, että aion muuttaa tätä poistaa poistaa.
Joten nyt kun menen takaisin minun leaderboard sivusto, aion napsauta
poistaa, ja nyt olen poissa.
Ei enää Roger.
Ja voin jatkaa poistetaan kaikki yhden nimen kunnes minulla ei ole mitään jäljellä.
>> Niin että oli hieman esikatselu siitä, miten käyttää Meteor.
Sinulta oppia paljon enemmän JavaScript ja HTML tarpeen tehdä
se näyttää kauniimpi, mitä käsitellään vuonna tämän viikon [? pala?] asetetut HTML
ja JavaScript seuraavan [? pala?] asetettu.
>> Joten älä huolestu, jos ei kaikki tätä tavaraa tulee helposti teille.
Se Mennessä opinnäytetyön.
Kiitos näy.
Linkki I päivittyy pian seminaari, jotta voit nähdä enemmän
esimerkkejä siitä, että olen lisännyt siihen, miten saada kehittyneempiä leaderboard
että minulla on tällä sivustolla täällä one-radikaali-leaderboard.meteor.
Kiitos.
>> [APPLAUSE]