Tip:
Highlight text to annotate it
X
>> ROGER ZURAWICKI: Ahoj všetci.
Môžem získať vašu pozornosť?
Vďaka, chlapci.
Dnes chcem hovoriť o Meteor.
Jedná sa o rámcovú JavaScript.
Budeme sa prechádza, ako môžete aby naozaj cool webové aplikácie.
>> Než sme sa dostali do JavaScriptu, len som Chcete povedať, že chlapci, že to bude
sa - budete mať neskôr poskladať tento semester.
Malo by to byť o JavaScriptu.
Myslím, že [nepočuteľný] je najprv bude pokrývajú web HTML PHP veci, než sme
presunúť do JavaScriptu.
A CS50, JavaScript je považovaný za ako kód klienta.
Takže je to len dostane spustiť v webový prehliadač.
>> Ale vďaka nedávnej pokroky v technológie, sme teraz podarilo spustiť
JavaScript ako server.
Tak toto sa vytvoril naozaj cool rámec, pretože teraz môžete písať
oprávnene rovnaký kód klient a server.
A pri definovaní funkcie vo vašom Server, klient môže volať tie,
rovnaké funkcie.
A to robí to oveľa jednoduchšie.
Zatiaľ čo predtým, ak používate PHP na servera, JavaScript na prednej strane
koniec, budete musieť napísať funkciu PHP a potom verzia Java scripty z
rovnakú funkciu robiť rovnaký druh práce.
>> Takže než začneme, chcem ukázať vám ukážku toho, čo
Meteor môže urobiť pre vás.
Ukážem vám demo, čo je to, čo budete môcť vytvoriť pomocou
Koniec tohto seminára.
Práve sme sa ísť tu.
To je aplikácia Leaderboard.
Je to vlastne vychádza z príkladu že Meteor vám dáva.
>> Meteor je veľmi príjemné, pretože keď nainštalujte ju ako balíček, môžete
v podstate hrať sa s Tieto štyri dema.
A Leaderboard je Prvý z týchto ukážok.
Po seminári, Chcel by som vyzvať vás všetky len preskúmať ďalšie ukážky
pretože si myslím, že sú naozaj cool, a oni vám ukázať silu Meteor.
>> Takže, čo to je, to je umiestnený na rebríčku.
To je len úprimne zoznam mien.
A môžete si vybrať ľudí.
Oni sa sfarbí na žlto.
A potom si môžete dať je päť bodov.
A zistíte, že zoznam je triedené, pretože ako som sa dať sám seba viac
a viac bodov, ja som teraz na vrchole.
Tak toto je miesto, kde začneme.
>> A čo budete môcť odniesť z tohto seminára je niekoľko ďalších
funkcie som pridané do Leaderboard.
Budeme sa tu zaoberať, ako, rovnako ako pridať päť bodov hráči, môžeme
odstránenie hráča, môžeme pridávať nových hráčov, a môžeme si vybrať, ako chceme,
je zoradiť.
A to všetko sú veľmi jednoduché volanie API že Meteor poskytuje pre vás.
Máte tiež funkciu tu Randomize skóre.
>> Takže to, čo je naozaj v pohode o tom Je vy môžete vlastne
ísť všetci na mieste.
Dám to do väčšej texte tu.
One-skupinu-olovo erboard.meteor.com.
A keď vy choďte na stránky, vám by mal byť schopný upravovať stránky, a
všetky vaše úpravy budú viditeľné pre všetky ostatné.
Tak môžete - sú vy všetci schopní sa pripojiť k webu?
Takže hrať sa s ním.
Choď a začať odstránením niektorých mien.
Pozrite sa, čo sa stane.
>> Tak vidíte, každý môže hrať.
To je len východiskový zabezpečenie režim pre Meteor.
Môžete vidieť, že každý môže zmeniť navzájom údaje.
Nebojte sa.
Meteor má mať istotu.
To je veľmi ľahko implementovať funkcie, kde ste si mohli nastaviť užívateľa
a prihlásenie.
Ale práve teraz, každý, kto navštívi stránky môžu dať sami, ako veľa
zdôrazňuje, ako chcú.
Takže som vždy takto, pretože to je zábavný spôsob, ako začať.
A potom sa budeme len hovoriť o podrobnostiach, ako
Meteor je to možné.
>> Tak idem na pokrytie čo Meteor je, a potom budeme len potrebovať na pokrytie
dva predpoklady, ktoré CS50 sa nevzťahuje dosť.
Ale do konca funkčného obdobia, mali by ste byť spokojní ako s HTML a
JavaScript naozaj dostať svoje ruky špinavé prácu s Meteor.
A myslím, že je to jednoducho skvelý spôsob, ako pre dokonca aj menej pohodlné študenti robiť
Konečné projekty, pretože môže naozaj pobyt v jednom jazyku, a oni si
pozri zmeny ich pracovať hneď.
>> Takže tento snímok ukazuje len niektoré z hlavné technológie, ktoré Meteor JS
dáva na vás.
Meteor nie je nová technológia na jeho vlastné.
Je to naozaj konglomerátom všetky tieto rôzne veci
máme na internete.
Rovnako ako HTML, CSS, JavaScript, sme majú niektoré technológie, ako Node.js,
čo je to, čo umožňuje spúšťať JavaScript na zadnom konci na vašom
servera, ako aj niektoré JavaScript knižnice, ako jQuery, podčiarkovník.
>> Všetky z nich budú oboznámení so ste na konci semestra.
A tiež sa používať databázu s názvom MongoDB, čo je naozaj
populárne databázy teraz Tieto nové štartoch.
Môžete myslieť na to, ako ako MySQL, ale funguje to veľmi pekne s JavaScriptom.
A tam je nejaké iné technológie tu a mnoho ďalších som uvedený
že všetky interface naozaj pekne sa Meteor.
>> Musím dať tento snímku, pretože Niekedy mám zmätok o tom.
Meteor je iba JavaScript.
Nie je PHP.
Je to Ruby on Rails.
Takže ak píšete kód, ak chcete napísať projekt Meteor, naozaj
nemožno použiť Ruby kód.
Vy naozaj nemusíte používať PHP.
>> Aj keď uvidíme, že rozdiely v kód a syntax nemusí byť, že
iný, chcem zdôrazniť vám, že Meteor všetko, čo je kód
iba v JavaScripte.
A všetko, čo ukázať užívateľ bude HTML CSS.
Ale vy vlastne používate niektorý z ďalšie jazyky, ktoré ostatní
semináre by sa mala týkať.
Čo Meteor je tiež je webový server.
Takže aj keď nemáte žiadne JavaScript, a vy jednoducho chcete slúžiť
CSS a HTML súbory, Meteor môže urobiť pre vás.
>> A tu je odkaz znova demo, ktoré som vám chlapci
začal hrať s
Ale poďme sa presunúť na HTML.
Koľko ľudí tu má žiadny nápad, čo je HTML?
OK skvele.
A to je úplne v poriadku.
Vy naozaj nemusíte vedieť nič o to preto, že pôjdeme cez
použitie veľmi jednoducho.
>> To je to, čo jednoduché HTML stránka vyzerá.
To môže byť rovnako ako vaša Hello, World pre HTML, zatiaľ čo sme začali v jazyku C s
ahoj, svet.
Nechcem, aby si dôraz na Podrobnosti o tom, čo HTML, akú hlavu, čo
telo, čo titul je tam robí.
Chcem len zdôrazniť štruktúru, ako máte tagy.
A to je lomené zátvorky.
A to je miesto, kde máte Vaše deskriptory.
>> Takže môžete mať dokument HTML.
A potom budete zatvorte dokument vo formáte HTML s lomítkom rovnakú vec.
A budete mať rôzne druhy značiek.
A všimnite si, že sú to všetko uzavreté.
Budete mať ako tagu body a potom v blízkosti tela tag.
A vnútri tagu body, ktoré bude obsah svojej webovej stránky.
Tak to webová stránka by sa jednoducho zobraziť na bielom pozadí a čierny text
ahoj, svet.
Znamená to, že má zmysel?
OK.
>> Teraz idem rýchlo pokrytie JavaScript.
Slovami predchádzajúceho TF, "JavaScript je najlepší programovací
jazyk v súčasnej dobe v existenciu.
Ostatní ľudia budú snažiť poviem inak.
Mýlia sa. "JavaScript je dosť pekné, a ja vám ukážem, prečo.
>> Tak to je klasický príklad začneme sa v C. Máme ahoj, svet.
A zistíte, že aj keď sa zmenšiť to, musíte mať aspoň dva
riadkov kódu tu.
Mám niekoľko riadkov kódu.
To možno vykonať veľmi jednoducho.
Jeden riadok v JavaScripte sa console.log, a potom sa vaše reťazec,
ahoj, svet.
>> Teraz, aj keď ideme do nového jazyk JavaScript, takmer všetky
zručnosti, ktoré sa naučili od kódovania v C sú priamo prenosné.
Takže reťazca, myšlienka reťazcov v dvojité úvodzovky, je to rovnaké.
Bodkočiarka, že je to rovnaké.
>> Užitočná funkcia o JavaScriptu v skutočnosti je to, že vám
Nemusíte bodkočiarku.
Možno odhadnúť, že by ste mali dať bodkočiarku tam.
Ale to povedal, mali by ste sa vždy snažiť aby vaše bodkočiarkami tam.
To je považované za dobrý štýl.
A tiež, že to nie je hlavnou funkciou.
Stačí len začať v hornej časti súboru a čítať veci, riadok po riadku.
>> Tak to je to, čo je potrebné, aby že ahoj, svet programu.
A potom zistíte, že budete musieť aby ahoj a potom spustiť ahoj.
S JavaScriptu, je to považované za interpretovaný jazyk.
Čo potrebujete vedieť, je, že nie je výroba.
>> Nie je kompilácie.
Stačí len spustiť uzol.
A pamätajte uzol je program, ktorý pobeží váš JavaScript na konzole,
na čiernom poli, nie webové stránky.
Takže stačí dať súbor, a to bude tlačiť ahoj, svet.
>> Budem vlastne robiť trochu demo že pre vás tu.
Takže poďme sa k mojej Node.js terminál.
OK.
Poďme sa sem.
Takže ja idem začať uzol.
A ja ti ukážem vám ľudí v práve sec, ako sa dostať, že
nainštalovaný, ak nemáte.
Dovoľte mi, aby som to trochu väčšie.
OK.
Dúfam, že vy môžete vidieť.
>> Tak som písať kód, ako som to urobil než v console.log.
Ahoj, Roger.
A všimnite si nemám robiť bodkočiarka, ale potom som si to divný
nedefinované vec.
No vlastne, to nevadí o nedefinované vec.
Veci, chcem aby ste si všimli, že vám nepotrebujú tu hlavné funkcie
spustiť spustenie kódu.
A nie je to žiadny koniec lomítko.
Tam je niekoľko málo funkcií, ktoré JavaScript môže urobiť pre vás.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Ach jo.
Je mi ľúto, že.
A že šípka znamená len uzol je pripravený na ďalší príkaz.
Takže si môžete nechať urobiť jednoduché matematika, ako 1 plus 1.
A rovnako ako v C, tieto matematiky symboly sú rovnako.
Môžem console.log čísla.
A potom sa to vytlačí dve.
JavaScript je príjemné v tom zmysle, pretože aj keď dva je int,
rovnako ako v C, ak ste printf sa dva, mali by ste si chybu.
>> Ale JavaScript vie, oh, si tlač niečo.
Budem potrebovať reťazec.
Takže mi dovoľte previesť, že dvaja do reťazca pre vás.
A môžete si tiež urobiť nejaké podivné veci ako hi a potom plus dva.
To je len ďalší príklad toho, ako dva môžu byť prevedené v aj tam.
>> Takže sa, že z cesty, poďme len pokrytie trochu viac JavaScript.
Takže v C, máme typy.
Kedykoľvek sme vytvorili novú premennú, môžeme musím povedať, že to je to char * alebo
reťazec v prípade CS50.
Alebo keď sme mali desatinné číslo, sme museli hovoriť plávať.
Ak by sme potrebovali Boolean, sme museli povedať, b
A potom raz sme mali niečo, čo bola b, musela zostať bool.
Nemohli sme mávnutím čarovného prútika zmeniť ho na int, pokiaľ sme písali v
zátvorky, int B.
>> V JavaScript, nie sú typy.
Myslíš si, že to ako var.
A var je, ako si vytvoriť nový typ.
Takže to môže mať var y je reťazec, var n je plavák,
a var b je pravdivý.
A ešte jedna vec, ktorú nemôžete urobiť v C je Teraz môžem povedať, po tomto riadku, b
sa rovná celé číslo.
A to funguje v pohode.
Zatiaľ čo v C, bolo by to povedal, ako vaše číslo nie je bool.
Nemôžem to urobiť za vás.
Alebo [nepočuteľný] by hádzať chybu.
>> A ja sa rýchlo vrátiť do uzla a ukazujú niektoré z týchto funkcií.
Takže môžem mať var a
Nazvime to "Apple". Takže teraz, keď som sa tlače, Získam reťazec "Apple". Ale môžem
tiež teraz povedať, rovná 3.
A všimnite si, že to nie je chyba.
A teraz sa rovná 3.
Akékoľvek otázky tak ďaleko?
Áno.
>> DIVÁKOV: Počkajte, tak console.log je v podstate printf, že jo?
>> ROGER ZURAWICKI: Console.log je vaša printf.
>> DIVÁKOV: Správne.
Tak ako to, že ak ste práve zadať osem alebo [nepočuteľné], čo robí, že
[Nepočuteľný]?
>> ROGER ZURAWICKI: Správne.
Tak to je -
veci zelene sa vytlačí na konzole.
A to, čo uvidíme ďalej, je keď sme sa presunúť na web
strana, nebudeme robiť -
JavaScript sa s HTML šablóny, ktoré budem pokrytie
Meteor časť seminára.
A to je miesto, kde si môžete povedať, daj mi hodnota, a to bude dať in
vaše webové stránky.
Pretože každý webový prehliadač v skutočnosti má malú konzolu.
A keď sa pozriete pozorne, môžete by sa získať nejaké informácie, ako je vaše
printf sa tam objaviť sa každej webovej stránky načítať.
>> DIVÁKOV: Ako ste sa dostal na obrazovke shellu?
>> ROGER ZURAWICKI: Takže tam je príkaz tzv uzol, a je dodávaný s Meteor.
Tak som si len skončiť von.
Uzol je program, ktorý beží JavaScript.
Ak pôjdete do meteor.com, môžete môžete nainštalovať Meteor, a
Meteor prichádza s uzlom.
Vzhľadom k tomu, Meteor je len zbierka všetkých týchto softvérových balíkov.
Keď sme sa k nášmu príkladu, budem chodiť všetci cez inštaláciu
Meteor, a potom môžete hrať sa uzol sami.
OK, dobre.
>> Takže ďalšia skvelá vlastnosť o prácu s JavaScript slučky sú rovnaké.
Skoro presne to isté.
Pre slučky, while, robiť while, if else.
Je to všetko rovnaké s zátvoriek.
Je to rovnaká syntaxe.
V prípade cykle for, malý detail, že musíte venovať pozornosť
aby sa namiesto int i sa rovná 0, musíme povedať, var i rovná 0.
Ale to je preto, že z premenných typy, ktoré sme hovorili predtým.
>> Všimnite si, že printf sa log, console.log.
A nepotrebujeme k tomu percenta p spätné lomítko n a potom odovzdať i
Stačí si len povedať, že som.
A to by tlačiť čísla od nuly do štyroch.
Ak vy chcete skúsiť, pretože ste vychovávaný dobrý postreh.
Ak by ste chceli spustiť tento kód na vašom vlastný prehliadač, by som odporučil, aby
Všetci sa otvorí prehliadač Google Chrome.
Google Chrome alebo akýkoľvek webový prehliadač v skutočnosti, ale páči sa mi Google Chrome
pretože je to veľmi štandardizované.
>> Môžete ísť, verím, že ak kliknete pravým kliknite na ľubovoľnej webovej stránky, len v
biely priestor, uvidíte možnosť tzv Skontrolujte Element.
Je to zvyčajne posledná.
A keď na neho kliknete, mali by ste si vec na dne sa tu objavujú.
Dovoľte mi priblížiť tu.
A máme niekoľko záložiek tu.
Ten vám záleží je konzola.
>> A to je konzola JavaScript že teraz môžete pracovať.
Skvelé.
Takže môžem zadať rovnaké veci Bol som písať pred v uzle.
Jedna plus jedna sú dve.
Var sa rovná "Apple".
A potom by som vytlačiť, a je "Apple".
Takže v ľubovoľnom webovom prehliadači, Firefox, Chrome, Safari, čo použiť, pretože
ak máte prístup k JavaScriptu konzoly, rovnaký druh
Kód som bežal v uzol, ktorý možno spustiť vo vašom vlastnom konzole.
>> DIVÁKOV: [nepočuteľné]?
>> ROGER ZURAWICKI: Ako dostať do konzoly?
Musíte kliknite pravým tlačidlom myši na prázdne miesto na stránke, a potom idete na
Skontrolujte Element.
Takže vlastne, rád by som vás chlapci len uistiť, že môžete
Skontrolujte, či prvok v prehliadači Chrome.
A vidíte, keď napíšete nejaký kód do konzoly
že to beží správne.
Neváhajte sa opýtať nejaké otázky, ak niečo nie je jasné, tu.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Akýkoľvek typ, že jo.
Je tu len jeden typ pre všetky premenné v JavaScripte.
A keď máte deklarovať premenná, hovoríte var.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Jo.
To áno, ale v JavaScripte, je to veľmi šikovný o prideľovanie pamäte.
Neexistuje žiadny malloc.
Neexistuje zadarmo.
Takže sa nemusíte báť, že.
To je ďalšia pekná vlastnosť, že JavaScript poskytuje.
>> Takže by som chcel ísť ďalej.
Bolo by to v poriadku?
OK.
Skvelé.
>> DIVÁKOV: Ja som len problémy hľadanie [? Skontrolujte Element. ?]
>> ROGER ZURAWICKI: Tak Safari vzhľad trochu iná, ale vy
majú Chrome alebo Firefox?
Tí, ktorí sú jednoduchšie ty s ním pracovať.
A pre vaše projekty, odporúčam držať sa jedného prehliadača nasledujúcich dôvodov
budete mať veľa chýb takmer pretože každý prehliadač zaobchádza
JavaScript HTML trochu inak.
Takže myslím, že tvoj život bude oveľa jednoduchšie, ak sa budete držať na Chrome, pretože
je k dispozícii u všetkých strojov.
A to je veľmi populárny prehliadač.
OK?
>> Takže ďalšia téma, ktoré by sme mali pokrytie v JavaScripte -
Ospravedlňujem sa za formátovanie tu.
Musel som natiahnuť snímky tak, aby zodpovedali širokouhlý projektor.
Ale ja by som teraz chcel hovoriť o ako to robíte funkcie.
V jazyku C, musíme vyhlásiť, každá funkcia.
Rovnako ako int pridať, a to trvá int do x, a int y, a potom pridáme im
a vráti ho.
>> V JavaScriptu, funkcie sú v skutočnosti iný typ premennej.
Takže sme jednoducho povedať var pridať, a sa rovná funkciu.
Funkcia, ktorá zoberie x a y.
A čo to má funkcie robiť?
Vráti X plus Y v presne rovnakej syntax ako v C. A zistíte, že v
JavaScript, nebudete hovoriť, čo Funkcia vracia, pretože od
premenné nemajú typy rovnako, je to to naozaj nie je produktívne, myslím,
byť určenie všetkých vašich typy vo svojich funkciách.
A potom, keď voláte funkciu, je to presne rovnaký syntax ako C. vás
len prejsť vo svojich dvoch argumentov.
Chcel by som to skúsiť v mojom uzla.
Môžem zmeniť snímku?
>> DIVÁKOV: [nepočuteľné].
Budeme si kópiu snímky?
>> ROGER ZURAWICKI: Áno.
Takže poďme späť k uzlu.
OK.
Tak som si povedal var add rovná funkciu.
Užívanie x, pričom v y.
A potom vie, že vyhlásenie je nie je dokončená.
Takže v uzla, alebo vo vašej konzole, si všimnete dot dot dot.
Takže môžete mať zadaním kódu.
A teraz poviem return x naviac y.
A potom zatvorte rovnátka.
A vo chvíli, keď som sa zavrieť rovnátka, je vidí, že vyhlásenie je dokončená.
>> A teraz môžem povedať, pridať jeden a dva.
A ja dostanem tri z
Všimnite si, že keď som sa pridať, je mi hovorí, že je to funkcia.
A ešte jedna vec, ktorú jednoducho venovať pozornosť keď je vám to dať zlé číslo
argumenty, bude to robiť.
To bude fungovať, ale môžete dostať niektoré naozaj podivné výsledky.
Niečo ako hodnoty na odpadky, môžete myslieť na to.
Takže prosím, choďte do toho a skúste to vo vašich prehliadačoch.
>> OK, tak v záujme času, budem Teraz sa presunieme na ďalšie funkcií v
JavaScript.
Takže sme hovorili o funkciách.
Hovorili sme o slučkách, if príliš.
Syntax je rovnaká ako C a premenných.
A teraz chcem hovoriť o pole.
Je mi ľúto, že zábery dostal trochu odrezaný.
Ale v skutočnosti, v prvej časti, všetko, čo potrebujete bude fungovať.
>> Takže máme iný typ pre premenné s názvom poľa.
A používame hranaté zátvorky ich označenie.
Takže v prvom príklade, var arr, prázdne polia.
Toto je zoznam prázdny, takže pole neobsahujúce žiadne prvky.
A môžete mať aj rad s tromi reťazci.
V jazyku C, každý prvok v poli musel byť rovnakého typu.
>> Ale pretože v JavaScriptu je len jeden druh, môže pole v skutočnosti
majú rôzne typy hodnôt.
Rovnako ako tu, máme pole s float, bool a int.
Spôsob, ako získať dĺžku poľa, nemáte skutočne nutné použiť veľkosť
alebo tak niečo.
Stačí povedať, polia a potom dot dĺžku.
A táto dĺžka bodka, môže si myslíte, že je to niečo ako struct, ako každý
pole je pole, naviac premennú vnútri je tzv dĺžka, ktorá
udržuje informácie o tom, ako dlho vaše pole je.
>> Takže som len rýchlo ísť do uzlov a ukázať vám, chlapci to isté.
Takže môžem mať celý rad.
To môže byť prázdny zoznam.
A to mi bude tlačiť späť prázdny zoznam.
Skvelé.
Teraz môžem povedať, že pole má 1 a 2.3, a pravda.
Takže všetky rôzne typy.
A zistíte, že funguje v pohode.
Pole sa vrátim podpery všetky hodnoty dal som to.
>> Ak by som sa chcel dostať na prvý prvok pole, syntax je vlastne
rovnako ako v C. Tie Dá sa povedať, pole nulové.
A dostanete jeden.
Môžem povedať to isté pole dva, a ja si to pravda.
Ak sa mi niečo mimo poľa, JavaScript je bezpečný jazyk
pretože nebudem mať poruchu seg.
Dôjdem definovaný.
>> A to undefined, môžete druh o tom premýšľať ako null.
Ale môže to byť naozaj nepríjemné, keď ste Kód pretože budete musieť skontrolovať, či
takmer všetko, čo robíte, budete práca s nie je definované.
A uvidíme niekoľko príkladov , Keď pracujeme v Meteor.
>> Aj keď rad štyri je undefined, Môžem priradiť mu hodnotu.
Tak som si povedal, že sa rovná jednej.
A potom keď som ísť na pole, som majú pridanú hodnotu tam.
A všimnite si, že pole tri, čo tiež bola definovaná, zostáva nedefinovaný.
Takže som teraz mať pole s diera v strede.
Ale keď som vytlačiť rad štyri, Ja by som si ho.
Keby som to urobil rad tri, dostanem nedefinované.
>> Tak pekná vlastnosť, že JavaScript môžete urobiť, je, že zoznam môže
zmeniť veľkosť.
Polia, polia sú zoznamy, sa zmení veľkosť.
A môžete zadať ľubovoľné miesto vnútri nich.
A všetky medzery budú vyplnené s týmito nedefinované hodnoty.
>> Takže sme hovorili o pole.
Teraz, posledná vec, ktorú chcem pokrývať JavaScript, a to je veľmi dôležité,
k pochopeniu kódu, ktorý Chystám sa vám ukázať,
bude objekty.
A objekty sú termín v -
v podstate, že sú prítomné vo mnoho programovacích jazykov.
A každý programovací jazyk má rád myslíte, že z nich trochu inak.
>> Ale myslím, že pre Meteor, dobré ***ógia je C struct.
V jazyku C, ak chceme nájsť struct študent, museli by sme špecifikovať všetky
veci vnútri neho.
Tak to má mať meno.
To má mať rok.
To musí mať pohlavia.
Ale musíme tiež dať typy všetkých týchto vecí.
>> A teraz, keď máme túto formu pre struct tzv študent, môžeme mať
nové struct, a potom môžeme ručne povedať, čo každý z polí.
A to je miesto, kde budeme používať dot názov, dot rok, dot pohlavia.
A potom sme sa len v poslednom riadku Kód tu, ja som len vytlačiť
meno na struct študenta.
>> Vo svete JavaScript, je žiadna taká vec ako struct študenta.
Nemusíte vytvárať predvoľby štruktúru.
Vy vlastne len v týchto zátvorkách, môžete povedať, čo všetko je.
A to je to divný zápis s hrubého čreva a potom čiarka, ale budete
zvyknúť si na to skoro.
>> A je to vlastne veľmi jednoduché, flexibilný spôsob, ako len
manipulácia s objektmi.
Všimnite si, že ak chcem teraz dostať meno od s, len som to s.name.
Existujú nejaké otázky ohľadom tohto?
To zvyčajne bolo veľmi mätúce tému, keď sme sa predstaviť ľuďom
JavaScript.
Budem robiť nejaké príklady tohto v uzle.
Áno?
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Takže myslíš, majú napríklad násobok
premennej tohto typu.
>> DIVÁKOV: [nepočuteľné].
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: OK.
Takže myslím, že tak, ako by ste ísť o je by ste klásť žiadne predmety do poľa,
a teraz budete mať pole objektov.
Znamená to, že odpoveď na vašu otázku?
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Áno.
S je jeden objekt.
Takže môžeme ísť do uzla a len pohrajte sa trochu.
>> DIVÁKOV: [nepočuteľné]?
>> ROGER ZURAWICKI: Oh, OK.
Takže ak sa pýtate, aké triedy sú, Triedy sa zaobchádza veľmi rozdielne,
a majú naozaj divný systém tzv prototypov, ktoré nie
potrebujete vedieť.
Neexistuje žiadny pevný spôsob, ako to urobiť.
Takže ak chcete generovať viac, vám by sa len tak majú funkciu
alebo tak niečo.
Môžete vytvárať svoje vlastné funkcie.
A vy by ste sa vrátiť objekt.
To by bolo najjednoduchšie spôsob, ako to urobiť.
Má to zmysel?
OK.
Skvelé.
Takže akonáhle máme pochopenie JavaScript objekty, ktoré sú -
ach, áno.
>> DIVÁKOV: [nepočuteľné]
napríklad, aký je rozdiel medzi "Roger" s úvodzovkami porovnanie
[Nepočuteľné] s apostrofy.
>> ROGER ZURAWICKI: OK.
Takže je to v C, máme jeden citácie predstavujúce znaky, a dvakrát kliknite
citácie predstavujúce reťazca.
JavaScript vlastne hádže to preč pretože môžete mať reťazca s
jednoduché alebo dvojité úvodzovky, a tam je žiadna taká vec ako jeden char.
Ale ak ste práve skopírovali rovnaké C kód, JavaScript by
zaobchádzajte s ňou v pohode.
Čo je dôvod, prečo som sa zaobchádza ako -
To je dôvod, prečo som si doslova portu kód v tomto zmysle.
>> A chcem vám ukázať príklad zložitejšieho objektu.
Takže si môžete všimnúť, že jeden objekt môže mať reťazca ako hodnoty.
To môže mať ďalší zoznam hodnôt.
To by mohlo mať zoznam objekty ako hodnoty.
Je tu naozaj žiadny limit na to.
Tak tu je to len dobrá demonštrácia o tom, ako sa môžete dostať veľa
rôzne typy deje všetko v jednom objekte.
Má to zmysel?
>> Teraz môžete mať pole objektov.
A tu je trochu podobný tomu, čo opýtal sa, či môžete mať predmety
rovnakého typu.
Ale problém je, že neexistuje žiadna pevná formát pre objekty v JavaScripte.
Takže budete musieť zadať sami.
A musíte sa uistiť, že sú jednotné.
Takže tu, keď som sa vytvoriť objekt, mám Uistite sa, že každý z nich má
pomenovať, a každý z nich má dom.
>> A potom mám rad tých, a to môže byť moja chata.
A potom tu môžete druh pozri pre slučky deje.
Pre slučky, že len naozaj bežné spôsob, ako prejsť cez pole
v JavaScriptu.
Všimnite si, že tento model je veľmi podobný na ekvivalent C, kde vám
majú int i rovná nule. ja je menšia než dĺžka.
A potom som plus plus.
>> Je to skoro rovnaký kód, až na pár detailov.
Takže to všetci pochopili čo objekt je?
Len si myslím o tom ako C struct.
A ako môžete pristupovať polia je len s bodkou.
A tak dlho, ako si spomeniete, ako sa použiť bodku, budete v poriadku.
>> OK, tak teraz môže každý čítal, že odkaz?
Toto je odkaz na projekt.
Je niekto problémy vidieť odkaz?
OK, poďme to zmeniť potom.
Nie je to -
Jo, to je asi Najjednoduchší spôsob, ako to urobiť.
Skvelé.
>> Takže ak idete na týchto stránkach, preto by mali byť byť niektoré inštrukcie, že budem
prejsť na to, ako môžeme nainštalovať Meteor a dostať naše ukážkovej projektu v ***.
Chcem, aby sa ubezpečil, každý má odkaz dole, ako som pohnúť.
Môžem ďalej?
OK, dobre.
>> Tak som tu na webe.
Určite ste si všimli v súbore readme, máme nejaké inštrukcie o tom, ako
aby sa tý nastaviť.
Musíte byť buď v CS50 zariadenie alebo len na Mac.
Windows nebude fungovať.
Ale v podstate čokoľvek, čo nie je Windows by mali pracovať s týmito
Pokyny v pohode.
Ale môžem, aby to trochu ako aj väčšie.
>> Takže budete spúšťať prvý pár príkazov.
Títo chalani sa len nainštalovať Meteor.
Môžem ísť do môjho terminálu.
A keď som spustiť to isté teraz, Ja už mám nainštalovaný.
Takže je to o niečo kratšie.
To môže trvať trochu dlhšie pre vás.
Ale ja chcem, aby najprv sa uistite, že máme Meteor chod.
Po nainštalovaný Meteor, mali by ste mať možnosť získať uzol v konzole.
>> DIVÁKOV: Pýtajú na zadanie hesla.
>> ROGER ZURAWICKI: To by bolo vaše užívateľské heslo, ak ste na počítači Mac.
Je to jednoducho potrebuje povolenie na zmeniť niektoré systémové súbory.
Takže otázka je, či vás to spýta na heslo, je to len s dotazom,
Pre vaše užívateľské meno a heslo, ak sa prihlásite do vášho počítača Mac.
A je to tak, že môžete zmeniť systémové súbory.
>> A keď budete chcieť, môžete prejsť na k ďalšiemu kroku, ktorý bude kopírovať
Ukážkový kód mám z webových stránok.
A budete mať nový adresár vo vašom domovský adresár s názvom leaderboard, a
môžeme začať pracovať odtiaľ.
Takže som len kopírovanie a vkladanie týchto príkazy do môjho terminálu.
A pre mňa, už som klonovať ho.
Tak som si práve teraz pohybovať do rebríčka.
A mal som niekoľko Súbory v tam.
Akékoľvek otázky?
>> DIVÁKOV: [nepočuteľné] nefunguje.
>> ROGER ZURAWICKI: Oh, možno budete Potrebujete git nainštalovaný rovnako.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Je nám ľúto?
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Oh, OK.
OK.
To preto, že možno budete musieť byť prihlásiť sa GitHub, aby sa tento odkaz.
Ak vy môžete vidieť, že najjednoduchšie spôsob, ako robiť to by som teda povedať,
stiahnuť zips.
A to bude len sťahovať všetky súbory.
A potom, akonáhle dáte ju do stiahnuť alebo váš domovský adresár -
Odporúčam uvedenie vo vašom domovský adresár, takže sa všetci môžeme
spustiť rovnaké príkazy.
Tak dlho, ako budeme mať súbory, budeme môcť začať pracovať s nimi.
Dajte mi vedieť, či sú ľudia s Problém sťahovanie súborov.
>> DIVÁKOV: Do domovského adresára, máte na mysli -
>> ROGER ZURAWICKI: Tak domovský adresár by byť John Harvard, ak ste v
CS50 spotrebiča.
Ak chcete získať do svojho domovského adresára, stačí zadať C.
>> DIVÁKOV: [nepočuteľné]
CS50 zariadení [nepočuteľný].
>> ROGER ZURAWICKI: Áno.
Ak chcete spustiť príkazy v termináli.
>> DIVÁKOV: [nepočuteľné].
Dostal som chybu, ktorá hovorí, že nie takýto súbor alebo adresár.
>> ROGER ZURAWICKI: Môžeme mať rýchly zlomiť a len sa uistite, že
každý má nainštalovaný Meteor, a budem len tak sa snaží pomáhať ľuďom von.
Prosím, pokúste sa vzájomne si pomáhať v prípade, utekáš do problémov.
Ospravedlňujeme sa, jo.
Ste obaja v prístroji?
>> DIVÁKOV: Jo.
Mám Risa
>> ROGER ZURAWICKI: OK.
Ak sa vydáte späť na internetových stránkach, ísť prejdite až na vrchol.
A tam je to HTTPS.
>> DIVÁKOV: Skopírujte toto?
>> ROGER ZURAWICKI: Jo.
A potom budete chcieť zadajte príkaz git clone.
Takže ak ste stlačte Ctrl A -
>> DIVÁKOV: Tu?
A to [nepočuteľný]?
>> ROGER ZURAWICKI: G-I-T.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Git a potom klonovať.
Takže je to veľmi podobný príkazu, mal vyššie, ale URL zmenilo.
Takže pred tým, než bol tento, teraz je to to.
Dovoľte mi, aby som aktualizácie -
jo.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Toto je stiahnuť.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Aha, tak to ani klon správne.
Budem napraviť.
Je tu chyba, so snahou k stiahnutiu súborov.
Dovoľte mi, aby som aktualizovať príkaz pre vás takže môžem uistiť, že to bude fungovať.
Je mi ľúto, že.
To by malo byť rovnaké pre Macs alebo CS50 zariadení.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Aktualizoval som Príkaz k je-li číslo dva,
aktualizovať stránku.
A s tým, URL, mali by ste byť schopné sťahovať súbory.
>> DIVÁKOV: Takže keď sme ešte sťahovanie [nepočuteľný].
>> ROGER ZURAWICKI: Ak ste Stále stiahnutie Meteor?
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Áno, ak chcete rozvíjať na vašom počítači Mac.
Ale musíte sa Xcode vývojárov nástroje inštalované.
Testoval som tieto príkazy na CS50 zariadenie, takže môžem zaručiť
, Že to bude fungovať.
Áno. nechaj ma ísť a pomôže vám.
>> DIVÁKOV: [nepočuteľné].
Dávam svoje heslo.
To je Mac.
A potom som si [nepočuteľný].
>> ROGER ZURAWICKI: OK.
Chcel by som skúsiť spustiť všetky príkazy iba v CS50 spotrebiča termináli.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Ja by som si to pracovať Prvý na termináli, na
CS50 zariadenie, a potom terminál Mac.
>> DIVÁKOV: Takže ak ste to na CS50 spotrebičom, ako že, [nepočuteľný].
>> ROGER ZURAWICKI: Chcel by som sa pohybovať , Ale ak ľudia stále majú
Problém nastavenie Meteor, Kevin je viac ako radi pomôžu vám chalani von,
Kevin v sivej košeli.
Čo by sme mali mať, ich budeme spustite posledný príkaz, číslo tri, vo
náš terminál.
Keď to urobíme, budeme spúšťať Meteor.
>> A vy by ste mali -
oh, už mám Meteor beží.
Takže to nenechá - dovoľte mi, aby som Len zavriem ďalšie Meteor.
Pri spustení Meteor, tie by mal teraz vidieť, že -
mali by ste vidieť aktuálny adresár že to slúži.
A teraz sa to povie servera beží na http://localhost.
To je URL, ktoré chcete dať vo vo Vašom webovom prehliadači.
>> A na tej URL, mali by ste byť schopní prístup peknú rebríčku.
Tak zistíte, že je to na localhost, čo znamená, že ak vykonáte niektorú
zmeny, nebudeš sa pozri navzájom zmeny.
Vzhľadom k tomu, na internetových stránkach som vám ukázal na začiatku, mohli by sme získať
Zmeny všetci sú, pretože všetci bol prístup na rovnakej webovej stránky.
>> Takže dovoľte mi ísť na [? slovo?]
3000.
Takže by ste mali byť schopní len potvrdiť , Že funkcia funguje.
Môžete si vybrať rôzne ľudí, a môžete dať im rôzne body.
Tak som sa dať niekoho bodov.
Môžete tiež vidieť, že oni sa zdvihnú v poradí.
>> Teraz, v záujme času, tam sú tri vlastnosti, ktoré som
realizovaný.
A budeme realizovať mazanie Užívatelia sú našou prvý prvok.
Ale skôr, než budeme pokračovať, sú Existujú nejaké otázky?
Mal si ruku.
Áno?
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Je možné zistiť že Meteor je nainštalovaný?
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Miestne hostiteľ 3000?
A ty si v CS50 zariadení?
Môžem robiť -
nemusíte byť na Mac.
To bude fungovať v prístroji.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: V normálnej webový prehliadač, jo.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Je Meteor beží?
Takže OK, tam je rozdiel tu.
Ak používate ho vo spotrebič, čo musíte urobiť,
localhost vnútri spotrebiča.
Ak používate ho vo vašom počítači Mac, ako ja, potom môžem urobiť
môj Mac Google Chrome.
Ale ak používate CS50 spotrebiče čo musíte urobiť všetko,
v prístroji.
Takže budete musieť použiť Google Chrome v prístroji.
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Je to stále nefunguje?
>> DIVÁKOV: [nepočuteľné].
>> ROGER ZURAWICKI: Tak len zopakovať, ako si prístup na webové stránky teraz.
Máte URL tady na localhost 3000.
Ak ste v CS50 spotrebiče musíte otvoriť CS50
spotrebič v Google Chrome.
A v tom Google Chrome v rámci zariadenie, môžete zadať túto adresu URL,
a mali by ste vidieť rebríčku.
Takže budem len dať to preč na strane tady trochu.
A teraz idem otvoriť môj textový editor tu.
Takže len sa uistite, že kód je v poriadku.
OK.
Skvelé.
>> Rád by som sa teraz prejsť Kód trochu.
A prvý súbor Chcel by som začať s IS leaderboard.html.
Budete mať možnosť získať tento kód po seminár, takže chcem len ukázať,
ste na mojom počítači to, čo sa deje.
Takže dúfam, že si každý môže vidieť.
Takže na začiatku súboru, sme majú našu hlavu a titul, ktorý
je podobné tomu, čo sme videli v každom HTML dokumente.
A potom budeme mať tag tu telo.
>> Čo som vybraný, je hlavným telo, v podstate to, čo je
bude sa zobrazuje.
Ale tam sú niektoré nové non-HTML veci, a to v
dvojité lomené zátvorky.
A to sú šablóny tagy.
Takže uvidíte tú tento držiak držiak nový leaderboard.
A je to druh - myslieť na to, ako volanie funkcie pre HTML.
>> Toto je špeciálna verzia HTML.
Je to verzia, ktorá Meteor používa, čo je dôvod, prečo si môžete zobraziť rôzne
veci, ako je napríklad rebríčka Mená a tlačidlá.
Ale leaderboard vám povie, ísť na šablóna s názvom rebríčku.
Takže šablóna nedostane zobraziť sama o sebe, ale je to funkcia, takže
bude pokrytý.
A budete nahradiť v tom všetkom Kód tu do rebríčka.
>> Zaujímavá časť rebríčka tu je práve táto tabuľka.
Ak ste práve čítať, prečítajte si tento kód nahlas, by malo byť intuitívne
pretože leaderboard, všetko, čo tu je tabuľka.
Toto číslo trieda veci nemusíte je potrebné sa obávať.
Len viem, že tam je záhlavie tabuľky.
To je to thead.
>> A zistí, že mená a skóre.
Všetky tieto značky, ako thtable, thead, budete len naučiť za pochodu.
To nie je dôležité, že ste zapamätať to preto, že môžete len prístup k akejkoľvek
reference on-line.
Alebo na konci semestra, tieto bude len veľmi dobre oboznámení s vami.
>> Po hlavičke tabuľky, časť, ktorá chcem nakresliť svoj
pozornosť, je to h tag.
Vzhľadom k tomu, že je do dvojitých hranatých zátvoriek, je to šablóna.
Takže to znamená, že pre každý z hráčov, bez ohľadu na hráčovi je, musíme
zobraziť.
A ideme na šablónu prehrávača.
>> Ak sa posunúť dole trochu viac -
Dúfam, že každý môže vidieť, že.
Máme šablónu prehrávač.
A táto šablóna v podstate definuje bunky tabuľky, kde si dať do názvu
tu a skóre.
Zoomovanie sa teraz môžeme vidieť že tento kus kódu -
a to bol náš hráč tam dole -
vymedzuje jeden z týchto buniek.
Každá vec, ktorú som kliknite na tlačidlo zožltne.
>> Jednoduchý spôsob, ako by som to teraz zmeniť.
Uistite sa, že Meteor je stále spustený.
Meteor by mal byť proces servera, takže stačí nechať
beží, keď ste vyvinuli.
Povedzme, že som chcel zmeniť všetky názvy alebo skóre.
A povedal by som, že idem sem pridať body.
Takže zmena, ktorú som tu robil bolo, namiesto toho len skóre, Aj
pridať skóre priestoru bodov.
>> Chystám sa vzdialite, a ja som ísť zachrániť svoj súbor.
A potom, čo som zachrániť svoju súbor, musím aby sa ubezpečil, Meteor beží.
Je mi to ľúto.
Chcem vám ukázať editácia sa uskutočňuje v reálnom čase.
Tak som si len zmeniť nejaký text.
Kliknite na prehrávač.
Dávam to vo všetkých veľkých písmenách.
A to tak, že, ak je tento pracovný správne, keď uložím to, že
by sa aktualizovať.
>> Myslím, že práve teraz je problém Nie som v správnom adresári.
OK.
Je mi ľúto, že.
Tak tu, čo zistíte, je môj zmena prešla.
Teraz hovoria, že chcete vrátiť zmeny.
Chcem sa vrátiť k tomu, čo som mal.
Idem na to písať normálne.
Kliknite na prehrávač.
>> V okamihu, keď som ju uložiť, miesto osviežuje pre mňa.
A vidím svoju zmenu na miesto okamžite.
To je naozaj užitočné funkcie pri ladení, pretože teraz
Nemám na -
keď píšeme kód v C, nie len my má súbor uložiť, ale museli sme
aby ho a spustite ho znova.
Meteor je veľmi pekné, pretože na rozdiel od C v okamihu, keď uložíte HTML alebo
JavaScript súbor, zmena sa objavia okamžite.
>> Jedna otázka je, v týchto šablónach, ako získam hodnoty, ako sú prehrávače
alebo vyberte meno?
Mám-li priblížiť tu na mojom kóde, Vidím to u každého hráča.
Takže vie, že šablóna Mám hráčov nejako.
A vie, že tam je vybrané meno.
Kde sa to tu vzalo?
To pochádza z jazyka JavaScript.
>> A ak idete na leaderboard.js, tento súbor, teraz, keď som ísť sem, máme
niekoľko príkazov definované.
Toto je špeciálny syntaxe, Meteor.
Všimnite si, že nemusíte Vars alebo tak niečo.
Ale to sú len štruktúr na základe štruktúr na základe štruktúr alebo týchto objektoch.
A všetko, čo som definovanie je šablóna tzv leaderboard.
>> Leaderboard by mal dostať čomu sa hovorí hráča.
A čo je hráčovi?
Je to, čo tento výraz vracia.
A čo je vybraný názov?
Je to trochu viac kódu.
Podrobnosti o kód, ktorý sme si pokrytie o niečo neskôr.
Ale teraz chcem, aby ste pochopili, že v tomto kóde, berieme
hráčov, a dávame mu hodnotu.
V tomto prípade, je to funkcia že dostane popravený.
Takže môžeme získať hodnotu späť keď sme sa spustiť funkciu.
To je log.
Má to zmysel?
>> Môžem zmeniť spôsob, akým sa to triediť.
Tu, tam je druh objektu.
A čo to hovorí, že ich budem triediť podľa skóre zostupne prvej a
pomenujte vzostupne.
Je-li to zmeniť na jeden, to sa deje triediť skóre vzostupne.
Takže nula by mal byť na vrchole.
A keď som sa priblížiť na mojich webových stránkach, sme Teraz vidíme, že webové stránky aktualizované.
A výsledok je zliesť.
>> Ďalšie funkcie len chcem na pokrytie je kliknutie prírastok.
Zo záujmu času, nebudem byť schopný pokryť viac Meteor
kód, ale existuje veľa zdrojov, k dispozícii, a budem
tu po seminári.
Ale len chcem pokryť Leaderboard udalosti.
Táto syntax sa dozviete niečo neskôr v prednáške.
To je JavaScript.
>> Sme len hovorím, keď sme sa cvaknutie, a to je na prírastku, to
hash jednoducho znamená ID.
Na štítku prírastok ID, potom chceme aktualizovať - kľúčové slová, chcem ťa
sledovať je aktualizácia a vybrať a hráč.
Takže podľa toho, čo hráč je zvolený, sme ju aktualizovať.
A to, čo robíme, je, že prírastok jeho skóre päť.
A to popísať činnosť Máme tu.
>> Po skončení tohto seminára, budeme byť schopní vidieť nejaký ďalší kód.
Ale ísť späť do svojho cieľa, že chcem, aby zmeniť miesto, chcel som sem
pridať tlačidlo Odobrať tak Môžem zmazať prehrávač.
Takže na to, že musím urobiť dve veci.
Musím aktualizovať HTML, aktualizovať zobraziť to, čo dostane zobrazí užívateľovi, a
potom nejaký JavaScript, ktorý pri stlačení tlačidla, Meteor sa deje
niečo urobiť.
Bude to odstrániť tento prehrávač.
>> Takže tam je veľa kúsky kódu , Ktoré majú v podstate už
bol pre mňa urobil.
Keď sa pozriem tu, už mám cestu ako sa dostať do vybraného hráča.
To je to vec, pokiaľ ho vidíte.
Takže keď som -
Budem mať ďalšiu akciu.
Takže budem kopírovať to, čo mám.
Pretože sa jedná o zoznam, Potrebujem len čiarku.
>> Takže teraz budem Kliknite na tlačidlo Odstrániť.
A potom miesto hráčov aktualizácia, Budem robiť hráčov vymazať.
A všetci hráči odstránenie potreby je zvolený hráčom.
Takže táto funkcia je všetko, čo potrebujeme.
Ja treba pridať niektoré HTML tu hoci.
Takže keď som sa prechádzať sem, To je pohľad HTML.
Mali sme niečo tu, ktorý bol tag.
Nemusíte sa obávať, že.
>> Na čom záleží na vás je toto ID prírastok.
A to je to, čo nám umožnilo povedať, kedy sme klikli prírastok, musíme
dať päť bodov.
A uvidíte, že je to tlačidlo.
To je to, čo BTN znamená.
A text v tlačidle je dať päť bodov.
Takže, čo budem robiť, je, že som bude kopírovať tento riadok.
Chystám sa zmeniť ID, ktorú chcete odstrániť.
A ja idem pre zmenu text tu odstrániť.
>> Takže uistite sa, že všetko, čo je uložené.
Chcem sa vrátiť do môjho JavaScript aby sa ubezpečil, že mám
odstrániť postavili tu.
Dobrá.
Takže idem zachrániť obidva súbory.
Po uložení oboch súborov sme Môžete sa vrátiť ku dnu.
A teraz vidíme, máme Tlačidlo vymazanie.
A ešte jeden krok.
Všimnite si, môžete dostať chyba, pretože keď som kliknite na tlačidlo
odstrániť, nič sa nedeje.
>> Spôsob, ako ladiť to je ísť späť na Skontrolujte Element.
Ja robím schválne, takže môžete vidieť, ako by ste ladiť niečo.
V Skontrolujte Element, máme všetky naše texte tu dole.
Chcem sa vrátiť do konzoly.
A čo sa stane, keď som ísť sem je, že som si nejaké chyby.
To hovorí, že neexistuje žiadny spôsob odstránenia.
>> Takže, čo to hovorí, je, keď idem späť na kód, volal som prehrávač
odstrániť tu.
Odstrániť je v skutočnosti nie je právo príkazu.
Takže zistiť, čo je správne príkaz je, že je Meteor API.
Dokumentácia Chcem ťa upozorniť chlapci, je len na meteor.com.
Tak som si to tu.
To je len tak vy viete, kde sa dozviete viac.
>> Tam je odkaz na dokumentáciu.
A v podstate, môžem len sa nájsť pre odstránenie.
A to, čo vidíte, odstráňte je skutočne odstrániť.
To je príkaz, ktorý Musím zavolať.
Takže teraz, keď vieme, že idem zmeniť toto odstrániť odstrániť.
Takže teraz, keď som sa vrátiť do môjho rebríčka miesto, budem kliknite
odstrániť, a teraz som preč.
K dispozícii je viac Roger.
A môžem pokračovať odstránením každý Jediný kým nebudem mať nič.
>> Takže to bolo trochu náhľad o tom, ako používať Meteor.
Budete sa učiť oveľa viac JavaScript HTML a nevyhnutné, aby sa
to vyzerá krajšie, ktoré budeme pokrývať tento týždeň [? kus?] nastavený na HTML
a JavaScript v budúcom [? kus?] nastavená.
>> Takže sa nemusíte si robiť starosti, ak nie všetky tohle príde ľahké pre vás.
To bude v čase konečný projekt.
Vďaka za ukazovať.
Odkaz budem aktualizovať čoskoro po seminár, takže môžete vidieť niektoré ďalšie
príklady, ktoré som realizované na tom, ako získať viac pokročilé rebríčku
že mám na týchto webových stránkach tu na jedno-skupinu-leaderboard.meteor.
Ďakujem.
>> [APPLAUSE]