1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI: Ahoj všetci. 3 00:00:08,890 --> 00:00:11,310 Môžem získať vašu pozornosť? 4 00:00:11,310 --> 00:00:12,090 Vďaka, chlapci. 5 00:00:12,090 --> 00:00:14,030 Dnes chcem hovoriť o Meteor. 6 00:00:14,030 --> 00:00:16,710 Jedná sa o rámcovú JavaScript. 7 00:00:16,710 --> 00:00:21,110 Budeme sa prechádza, ako môžete aby naozaj cool webové aplikácie. 8 00:00:21,110 --> 00:00:24,940 >> Než sme sa dostali do JavaScriptu, len som Chcete povedať, že chlapci, že to bude 9 00:00:24,940 --> 00:00:26,900 sa - budete mať neskôr poskladať tento semester. 10 00:00:26,900 --> 00:00:28,520 Malo by to byť o JavaScriptu. 11 00:00:28,520 --> 00:00:32,910 Myslím, že [nepočuteľný] je najprv bude pokrývajú web HTML PHP veci, než sme 12 00:00:32,910 --> 00:00:34,530 presunúť do JavaScriptu. 13 00:00:34,530 --> 00:00:39,650 A CS50, JavaScript je považovaný za ako kód klienta. 14 00:00:39,650 --> 00:00:41,970 Takže je to len dostane spustiť v webový prehliadač. 15 00:00:41,970 --> 00:00:45,740 >> Ale vďaka nedávnej pokroky v technológie, sme teraz podarilo spustiť 16 00:00:45,740 --> 00:00:48,090 JavaScript ako server. 17 00:00:48,090 --> 00:00:51,630 Tak toto sa vytvoril naozaj cool rámec, pretože teraz môžete písať 18 00:00:51,630 --> 00:00:55,250 oprávnene rovnaký kód klient a server. 19 00:00:55,250 --> 00:00:57,810 A pri definovaní funkcie vo vašom Server, klient môže volať tie, 20 00:00:57,810 --> 00:00:59,090 rovnaké funkcie. 21 00:00:59,090 --> 00:01:00,370 A to robí to oveľa jednoduchšie. 22 00:01:00,370 --> 00:01:04,519 Zatiaľ čo predtým, ak používate PHP na servera, JavaScript na prednej strane 23 00:01:04,519 --> 00:01:08,040 koniec, budete musieť napísať funkciu PHP a potom verzia Java scripty z 24 00:01:08,040 --> 00:01:10,880 rovnakú funkciu robiť rovnaký druh práce. 25 00:01:10,880 --> 00:01:14,330 >> Takže než začneme, chcem ukázať vám ukážku toho, čo 26 00:01:14,330 --> 00:01:17,190 Meteor môže urobiť pre vás. 27 00:01:17,190 --> 00:01:20,330 Ukážem vám demo, čo je to, čo budete môcť vytvoriť pomocou 28 00:01:20,330 --> 00:01:21,580 Koniec tohto seminára. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Práve sme sa ísť tu. 31 00:01:25,670 --> 00:01:27,410 To je aplikácia Leaderboard. 32 00:01:27,410 --> 00:01:31,970 Je to vlastne vychádza z príkladu že Meteor vám dáva. 33 00:01:31,970 --> 00:01:37,220 >> Meteor je veľmi príjemné, pretože keď nainštalujte ju ako balíček, môžete 34 00:01:37,220 --> 00:01:39,140 v podstate hrať sa s Tieto štyri dema. 35 00:01:39,140 --> 00:01:41,410 A Leaderboard je Prvý z týchto ukážok. 36 00:01:41,410 --> 00:01:44,620 Po seminári, Chcel by som vyzvať vás všetky len preskúmať ďalšie ukážky 37 00:01:44,620 --> 00:01:48,300 pretože si myslím, že sú naozaj cool, a oni vám ukázať silu Meteor. 38 00:01:48,300 --> 00:01:51,310 >> Takže, čo to je, to je umiestnený na rebríčku. 39 00:01:51,310 --> 00:01:54,950 To je len úprimne zoznam mien. 40 00:01:54,950 --> 00:01:56,510 A môžete si vybrať ľudí. 41 00:01:56,510 --> 00:01:57,780 Oni sa sfarbí na žlto. 42 00:01:57,780 --> 00:02:00,060 A potom si môžete dať je päť bodov. 43 00:02:00,060 --> 00:02:02,850 A zistíte, že zoznam je triedené, pretože ako som sa dať sám seba viac 44 00:02:02,850 --> 00:02:05,850 a viac bodov, ja som teraz na vrchole. 45 00:02:05,850 --> 00:02:07,420 Tak toto je miesto, kde začneme. 46 00:02:07,420 --> 00:02:11,690 >> A čo budete môcť odniesť z tohto seminára je niekoľko ďalších 47 00:02:11,690 --> 00:02:13,600 funkcie som pridané do Leaderboard. 48 00:02:13,600 --> 00:02:18,240 Budeme sa tu zaoberať, ako, rovnako ako pridať päť bodov hráči, môžeme 49 00:02:18,240 --> 00:02:28,720 odstránenie hráča, môžeme pridávať nových hráčov, a môžeme si vybrať, ako chceme, 50 00:02:28,720 --> 00:02:29,540 je zoradiť. 51 00:02:29,540 --> 00:02:35,240 A to všetko sú veľmi jednoduché volanie API že Meteor poskytuje pre vás. 52 00:02:35,240 --> 00:02:39,120 Máte tiež funkciu tu Randomize skóre. 53 00:02:39,120 --> 00:02:41,450 >> Takže to, čo je naozaj v pohode o tom Je vy môžete vlastne 54 00:02:41,450 --> 00:02:43,820 ísť všetci na mieste. 55 00:02:43,820 --> 00:02:46,575 Dám to do väčšej texte tu. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 One-skupinu-olovo erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 A keď vy choďte na stránky, vám by mal byť schopný upravovať stránky, a 60 00:03:07,622 --> 00:03:09,595 všetky vaše úpravy budú viditeľné pre všetky ostatné. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Tak môžete - sú vy všetci schopní sa pripojiť k webu? 63 00:03:17,740 --> 00:03:18,750 Takže hrať sa s ním. 64 00:03:18,750 --> 00:03:20,440 Choď a začať odstránením niektorých mien. 65 00:03:20,440 --> 00:03:21,690 Pozrite sa, čo sa stane. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Tak vidíte, každý môže hrať. 68 00:03:38,510 --> 00:03:41,930 To je len východiskový zabezpečenie režim pre Meteor. 69 00:03:41,930 --> 00:03:44,360 Môžete vidieť, že každý môže zmeniť navzájom údaje. 70 00:03:44,360 --> 00:03:44,920 Nebojte sa. 71 00:03:44,920 --> 00:03:46,460 Meteor má mať istotu. 72 00:03:46,460 --> 00:03:49,860 To je veľmi ľahko implementovať funkcie, kde ste si mohli nastaviť užívateľa 73 00:03:49,860 --> 00:03:50,600 a prihlásenie. 74 00:03:50,600 --> 00:03:53,750 Ale práve teraz, každý, kto navštívi stránky môžu dať sami, ako veľa 75 00:03:53,750 --> 00:03:55,000 zdôrazňuje, ako chcú. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 Takže som vždy takto, pretože to je zábavný spôsob, ako začať. 78 00:04:00,090 --> 00:04:02,360 A potom sa budeme len hovoriť o podrobnostiach, ako 79 00:04:02,360 --> 00:04:03,610 Meteor je to možné. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Tak idem na pokrytie čo Meteor je, a potom budeme len potrebovať na pokrytie 82 00:04:15,660 --> 00:04:18,920 dva predpoklady, ktoré CS50 sa nevzťahuje dosť. 83 00:04:18,920 --> 00:04:21,970 Ale do konca funkčného obdobia, mali by ste byť spokojní ako s HTML a 84 00:04:21,970 --> 00:04:25,250 JavaScript naozaj dostať svoje ruky špinavé prácu s Meteor. 85 00:04:25,250 --> 00:04:28,740 A myslím, že je to jednoducho skvelý spôsob, ako pre dokonca aj menej pohodlné študenti robiť 86 00:04:28,740 --> 00:04:32,930 Konečné projekty, pretože môže naozaj pobyt v jednom jazyku, a oni si 87 00:04:32,930 --> 00:04:37,620 pozri zmeny ich pracovať hneď. 88 00:04:37,620 --> 00:04:42,520 >> Takže tento snímok ukazuje len niektoré z hlavné technológie, ktoré Meteor JS 89 00:04:42,520 --> 00:04:43,610 dáva na vás. 90 00:04:43,610 --> 00:04:46,090 Meteor nie je nová technológia na jeho vlastné. 91 00:04:46,090 --> 00:04:48,390 Je to naozaj konglomerátom všetky tieto rôzne veci 92 00:04:48,390 --> 00:04:49,920 máme na internete. 93 00:04:49,920 --> 00:04:55,650 Rovnako ako HTML, CSS, JavaScript, sme majú niektoré technológie, ako Node.js, 94 00:04:55,650 --> 00:04:58,490 čo je to, čo umožňuje spúšťať JavaScript na zadnom konci na vašom 95 00:04:58,490 --> 00:05:02,520 servera, ako aj niektoré JavaScript knižnice, ako jQuery, podčiarkovník. 96 00:05:02,520 --> 00:05:06,320 >> Všetky z nich budú oboznámení so ste na konci semestra. 97 00:05:06,320 --> 00:05:10,680 A tiež sa používať databázu s názvom MongoDB, čo je naozaj 98 00:05:10,680 --> 00:05:14,250 populárne databázy teraz Tieto nové štartoch. 99 00:05:14,250 --> 00:05:18,650 Môžete myslieť na to, ako ako MySQL, ale funguje to veľmi pekne s JavaScriptom. 100 00:05:18,650 --> 00:05:22,140 A tam je nejaké iné technológie tu a mnoho ďalších som uvedený 101 00:05:22,140 --> 00:05:23,880 že všetky interface naozaj pekne sa Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Musím dať tento snímku, pretože Niekedy mám zmätok o tom. 104 00:05:30,540 --> 00:05:31,695 Meteor je iba JavaScript. 105 00:05:31,695 --> 00:05:33,040 Nie je PHP. 106 00:05:33,040 --> 00:05:34,360 Je to Ruby on Rails. 107 00:05:34,360 --> 00:05:37,950 Takže ak píšete kód, ak chcete napísať projekt Meteor, naozaj 108 00:05:37,950 --> 00:05:38,900 nemožno použiť Ruby kód. 109 00:05:38,900 --> 00:05:41,660 Vy naozaj nemusíte používať PHP. 110 00:05:41,660 --> 00:05:45,800 >> Aj keď uvidíme, že rozdiely v kód a syntax nemusí byť, že 111 00:05:45,800 --> 00:05:48,930 iný, chcem zdôrazniť vám, že Meteor všetko, čo je kód 112 00:05:48,930 --> 00:05:50,660 iba v JavaScripte. 113 00:05:50,660 --> 00:05:53,920 A všetko, čo ukázať užívateľ bude HTML CSS. 114 00:05:53,920 --> 00:05:56,780 Ale vy vlastne používate niektorý z ďalšie jazyky, ktoré ostatní 115 00:05:56,780 --> 00:05:59,250 semináre by sa mala týkať. 116 00:05:59,250 --> 00:06:01,020 Čo Meteor je tiež je webový server. 117 00:06:01,020 --> 00:06:03,930 Takže aj keď nemáte žiadne JavaScript, a vy jednoducho chcete slúžiť 118 00:06:03,930 --> 00:06:07,020 CSS a HTML súbory, Meteor môže urobiť pre vás. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> A tu je odkaz znova demo, ktoré som vám chlapci 121 00:06:13,770 --> 00:06:15,380 začal hrať s 122 00:06:15,380 --> 00:06:18,230 Ale poďme sa presunúť na HTML. 123 00:06:18,230 --> 00:06:22,060 Koľko ľudí tu má žiadny nápad, čo je HTML? 124 00:06:22,060 --> 00:06:22,670 OK skvele. 125 00:06:22,670 --> 00:06:25,800 A to je úplne v poriadku. 126 00:06:25,800 --> 00:06:29,410 Vy naozaj nemusíte vedieť nič o to preto, že pôjdeme cez 127 00:06:29,410 --> 00:06:31,220 použitie veľmi jednoducho. 128 00:06:31,220 --> 00:06:34,570 >> To je to, čo jednoduché HTML stránka vyzerá. 129 00:06:34,570 --> 00:06:38,840 To môže byť rovnako ako vaša Hello, World pre HTML, zatiaľ čo sme začali v jazyku C s 130 00:06:38,840 --> 00:06:40,760 ahoj, svet. 131 00:06:40,760 --> 00:06:44,360 Nechcem, aby si dôraz na Podrobnosti o tom, čo HTML, akú hlavu, čo 132 00:06:44,360 --> 00:06:46,120 telo, čo titul je tam robí. 133 00:06:46,120 --> 00:06:49,130 Chcem len zdôrazniť štruktúru, ako máte tagy. 134 00:06:49,130 --> 00:06:50,860 A to je lomené zátvorky. 135 00:06:50,860 --> 00:06:52,380 A to je miesto, kde máte Vaše deskriptory. 136 00:06:52,380 --> 00:06:54,790 >> Takže môžete mať dokument HTML. 137 00:06:54,790 --> 00:06:59,300 A potom budete zatvorte dokument vo formáte HTML s lomítkom rovnakú vec. 138 00:06:59,300 --> 00:07:01,200 A budete mať rôzne druhy značiek. 139 00:07:01,200 --> 00:07:02,730 A všimnite si, že sú to všetko uzavreté. 140 00:07:02,730 --> 00:07:05,300 Budete mať ako tagu body a potom v blízkosti tela tag. 141 00:07:05,300 --> 00:07:08,620 A vnútri tagu body, ktoré bude obsah svojej webovej stránky. 142 00:07:08,620 --> 00:07:12,770 Tak to webová stránka by sa jednoducho zobraziť na bielom pozadí a čierny text 143 00:07:12,770 --> 00:07:14,242 ahoj, svet. 144 00:07:14,242 --> 00:07:17,610 Znamená to, že má zmysel? 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Teraz idem rýchlo pokrytie JavaScript. 147 00:07:22,640 --> 00:07:26,990 Slovami predchádzajúceho TF, "JavaScript je najlepší programovací 148 00:07:26,990 --> 00:07:28,550 jazyk v súčasnej dobe v existenciu. 149 00:07:28,550 --> 00:07:30,520 Ostatní ľudia budú snažiť poviem inak. 150 00:07:30,520 --> 00:07:33,840 Mýlia sa. "JavaScript je dosť pekné, a ja vám ukážem, prečo. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Tak to je klasický príklad začneme sa v C. Máme ahoj, svet. 153 00:07:42,380 --> 00:07:45,500 A zistíte, že aj keď sa zmenšiť to, musíte mať aspoň dva 154 00:07:45,500 --> 00:07:46,560 riadkov kódu tu. 155 00:07:46,560 --> 00:07:48,990 Mám niekoľko riadkov kódu. 156 00:07:48,990 --> 00:07:50,160 To možno vykonať veľmi jednoducho. 157 00:07:50,160 --> 00:07:53,950 Jeden riadok v JavaScripte sa console.log, a potom sa vaše reťazec, 158 00:07:53,950 --> 00:07:55,340 ahoj, svet. 159 00:07:55,340 --> 00:07:59,570 >> Teraz, aj keď ideme do nového jazyk JavaScript, takmer všetky 160 00:07:59,570 --> 00:08:02,950 zručnosti, ktoré sa naučili od kódovania v C sú priamo prenosné. 161 00:08:02,950 --> 00:08:07,130 Takže reťazca, myšlienka reťazcov v dvojité úvodzovky, je to rovnaké. 162 00:08:07,130 --> 00:08:08,890 Bodkočiarka, že je to rovnaké. 163 00:08:08,890 --> 00:08:11,190 >> Užitočná funkcia o JavaScriptu v skutočnosti je to, že vám 164 00:08:11,190 --> 00:08:12,360 Nemusíte bodkočiarku. 165 00:08:12,360 --> 00:08:14,950 Možno odhadnúť, že by ste mali dať bodkočiarku tam. 166 00:08:14,950 --> 00:08:18,035 Ale to povedal, mali by ste sa vždy snažiť aby vaše bodkočiarkami tam. 167 00:08:18,035 --> 00:08:21,160 To je považované za dobrý štýl. 168 00:08:21,160 --> 00:08:22,650 A tiež, že to nie je hlavnou funkciou. 169 00:08:22,650 --> 00:08:25,580 Stačí len začať v hornej časti súboru a čítať veci, riadok po riadku. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Tak to je to, čo je potrebné, aby že ahoj, svet programu. 172 00:08:32,760 --> 00:08:36,059 A potom zistíte, že budete musieť aby ahoj a potom spustiť ahoj. 173 00:08:36,059 --> 00:08:38,530 S JavaScriptu, je to považované za interpretovaný jazyk. 174 00:08:38,530 --> 00:08:40,780 Čo potrebujete vedieť, je, že nie je výroba. 175 00:08:40,780 --> 00:08:41,950 >> Nie je kompilácie. 176 00:08:41,950 --> 00:08:43,440 Stačí len spustiť uzol. 177 00:08:43,440 --> 00:08:47,220 A pamätajte uzol je program, ktorý pobeží váš JavaScript na konzole, 178 00:08:47,220 --> 00:08:49,030 na čiernom poli, nie webové stránky. 179 00:08:49,030 --> 00:08:52,480 Takže stačí dať súbor, a to bude tlačiť ahoj, svet. 180 00:08:52,480 --> 00:08:56,750 >> Budem vlastne robiť trochu demo že pre vás tu. 181 00:08:56,750 --> 00:08:59,380 Takže poďme sa k mojej Node.js terminál. 182 00:08:59,380 --> 00:09:04,470 183 00:09:04,470 --> 00:09:05,322 OK. 184 00:09:05,322 --> 00:09:06,150 Poďme sa sem. 185 00:09:06,150 --> 00:09:07,930 Takže ja idem začať uzol. 186 00:09:07,930 --> 00:09:10,230 A ja ti ukážem vám ľudí v práve sec, ako sa dostať, že 187 00:09:10,230 --> 00:09:12,000 nainštalovaný, ak nemáte. 188 00:09:12,000 --> 00:09:14,800 Dovoľte mi, aby som to trochu väčšie. 189 00:09:14,800 --> 00:09:17,800 190 00:09:17,800 --> 00:09:17,870 OK. 191 00:09:17,870 --> 00:09:20,120 Dúfam, že vy môžete vidieť. 192 00:09:20,120 --> 00:09:27,390 >> Tak som písať kód, ako som to urobil než v console.log. 193 00:09:27,390 --> 00:09:28,915 Ahoj, Roger. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 A všimnite si nemám robiť bodkočiarka, ale potom som si to divný 196 00:09:35,330 --> 00:09:36,850 nedefinované vec. 197 00:09:36,850 --> 00:09:40,310 No vlastne, to nevadí o nedefinované vec. 198 00:09:40,310 --> 00:09:43,590 Veci, chcem aby ste si všimli, že vám nepotrebujú tu hlavné funkcie 199 00:09:43,590 --> 00:09:45,050 spustiť spustenie kódu. 200 00:09:45,050 --> 00:09:46,790 A nie je to žiadny koniec lomítko. 201 00:09:46,790 --> 00:09:50,683 Tam je niekoľko málo funkcií, ktoré JavaScript môže urobiť pre vás. 202 00:09:50,683 --> 00:09:53,510 >> DIVÁKOV: [nepočuteľné]. 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI: Ach jo. 204 00:09:54,000 --> 00:09:57,460 Je mi ľúto, že. 205 00:09:57,460 --> 00:10:02,200 A že šípka znamená len uzol je pripravený na ďalší príkaz. 206 00:10:02,200 --> 00:10:05,380 Takže si môžete nechať urobiť jednoduché matematika, ako 1 plus 1. 207 00:10:05,380 --> 00:10:10,360 A rovnako ako v C, tieto matematiky symboly sú rovnako. 208 00:10:10,360 --> 00:10:13,750 Môžem console.log čísla. 209 00:10:13,750 --> 00:10:15,090 A potom sa to vytlačí dve. 210 00:10:15,090 --> 00:10:19,000 JavaScript je príjemné v tom zmysle, pretože aj keď dva je int, 211 00:10:19,000 --> 00:10:22,020 rovnako ako v C, ak ste printf sa dva, mali by ste si chybu. 212 00:10:22,020 --> 00:10:24,140 >> Ale JavaScript vie, oh, si tlač niečo. 213 00:10:24,140 --> 00:10:25,070 Budem potrebovať reťazec. 214 00:10:25,070 --> 00:10:28,410 Takže mi dovoľte previesť, že dvaja do reťazca pre vás. 215 00:10:28,410 --> 00:10:34,970 A môžete si tiež urobiť nejaké podivné veci ako hi a potom plus dva. 216 00:10:34,970 --> 00:10:39,520 To je len ďalší príklad toho, ako dva môžu byť prevedené v aj tam. 217 00:10:39,520 --> 00:10:45,135 >> Takže sa, že z cesty, poďme len pokrytie trochu viac JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Takže v C, máme typy. 220 00:10:50,540 --> 00:10:53,925 Kedykoľvek sme vytvorili novú premennú, môžeme musím povedať, že to je to char * alebo 221 00:10:53,925 --> 00:10:55,850 reťazec v prípade CS50. 222 00:10:55,850 --> 00:10:58,350 Alebo keď sme mali desatinné číslo, sme museli hovoriť plávať. 223 00:10:58,350 --> 00:11:00,690 Ak by sme potrebovali Boolean, sme museli povedať, b 224 00:11:00,690 --> 00:11:04,220 A potom raz sme mali niečo, čo bola b, musela zostať bool. 225 00:11:04,220 --> 00:11:07,360 Nemohli sme mávnutím čarovného prútika zmeniť ho na int, pokiaľ sme písali v 226 00:11:07,360 --> 00:11:09,450 zátvorky, int B. 227 00:11:09,450 --> 00:11:11,820 >> V JavaScript, nie sú typy. 228 00:11:11,820 --> 00:11:13,350 Myslíš si, že to ako var. 229 00:11:13,350 --> 00:11:15,270 A var je, ako si vytvoriť nový typ. 230 00:11:15,270 --> 00:11:19,210 Takže to môže mať var y je reťazec, var n je plavák, 231 00:11:19,210 --> 00:11:21,230 a var b je pravdivý. 232 00:11:21,230 --> 00:11:24,980 A ešte jedna vec, ktorú nemôžete urobiť v C je Teraz môžem povedať, po tomto riadku, b 233 00:11:24,980 --> 00:11:26,230 sa rovná celé číslo. 234 00:11:26,230 --> 00:11:27,400 A to funguje v pohode. 235 00:11:27,400 --> 00:11:30,840 Zatiaľ čo v C, bolo by to povedal, ako vaše číslo nie je bool. 236 00:11:30,840 --> 00:11:32,770 Nemôžem to urobiť za vás. 237 00:11:32,770 --> 00:11:34,050 Alebo [nepočuteľný] by hádzať chybu. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> A ja sa rýchlo vrátiť do uzla a ukazujú niektoré z týchto funkcií. 240 00:11:43,420 --> 00:11:44,960 Takže môžem mať var a 241 00:11:44,960 --> 00:11:52,120 Nazvime to "Apple". Takže teraz, keď som sa tlače, Získam reťazec "Apple". Ale môžem 242 00:11:52,120 --> 00:11:54,900 tiež teraz povedať, rovná 3. 243 00:11:54,900 --> 00:11:56,610 A všimnite si, že to nie je chyba. 244 00:11:56,610 --> 00:12:00,630 A teraz sa rovná 3. 245 00:12:00,630 --> 00:12:01,880 Akékoľvek otázky tak ďaleko? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Áno. 248 00:12:07,570 --> 00:12:10,780 >> DIVÁKOV: Počkajte, tak console.log je v podstate printf, že jo? 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI: Console.log je vaša printf. 250 00:12:12,180 --> 00:12:12,652 >> DIVÁKOV: Správne. 251 00:12:12,652 --> 00:12:17,844 Tak ako to, že ak ste práve zadať osem alebo [nepočuteľné], čo robí, že 252 00:12:17,844 --> 00:12:18,790 [Nepočuteľný]? 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI: Správne. 254 00:12:19,160 --> 00:12:21,690 Tak to je - 255 00:12:21,690 --> 00:12:24,240 veci zelene sa vytlačí na konzole. 256 00:12:24,240 --> 00:12:27,050 A to, čo uvidíme ďalej, je keď sme sa presunúť na web 257 00:12:27,050 --> 00:12:29,300 strana, nebudeme robiť - 258 00:12:29,300 --> 00:12:32,650 JavaScript sa s HTML šablóny, ktoré budem pokrytie 259 00:12:32,650 --> 00:12:34,730 Meteor časť seminára. 260 00:12:34,730 --> 00:12:38,730 A to je miesto, kde si môžete povedať, daj mi hodnota, a to bude dať in 261 00:12:38,730 --> 00:12:39,920 vaše webové stránky. 262 00:12:39,920 --> 00:12:42,520 Pretože každý webový prehliadač v skutočnosti má malú konzolu. 263 00:12:42,520 --> 00:12:46,380 A keď sa pozriete pozorne, môžete by sa získať nejaké informácie, ako je vaše 264 00:12:46,380 --> 00:12:51,210 printf sa tam objaviť sa každej webovej stránky načítať. 265 00:12:51,210 --> 00:12:53,580 >> DIVÁKOV: Ako ste sa dostal na obrazovke shellu? 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI: Takže tam je príkaz tzv uzol, a je dodávaný s Meteor. 267 00:12:57,680 --> 00:13:01,230 Tak som si len skončiť von. 268 00:13:01,230 --> 00:13:03,580 Uzol je program, ktorý beží JavaScript. 269 00:13:03,580 --> 00:13:07,070 Ak pôjdete do meteor.com, môžete môžete nainštalovať Meteor, a 270 00:13:07,070 --> 00:13:08,480 Meteor prichádza s uzlom. 271 00:13:08,480 --> 00:13:11,470 Vzhľadom k tomu, Meteor je len zbierka všetkých týchto softvérových balíkov. 272 00:13:11,470 --> 00:13:15,280 Keď sme sa k nášmu príkladu, budem chodiť všetci cez inštaláciu 273 00:13:15,280 --> 00:13:17,625 Meteor, a potom môžete hrať sa uzol sami. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 OK, dobre. 276 00:13:23,980 --> 00:13:29,640 >> Takže ďalšia skvelá vlastnosť o prácu s JavaScript slučky sú rovnaké. 277 00:13:29,640 --> 00:13:31,430 Skoro presne to isté. 278 00:13:31,430 --> 00:13:35,530 Pre slučky, while, robiť while, if else. 279 00:13:35,530 --> 00:13:36,880 Je to všetko rovnaké s zátvoriek. 280 00:13:36,880 --> 00:13:38,540 Je to rovnaká syntaxe. 281 00:13:38,540 --> 00:13:41,350 V prípade cykle for, malý detail, že musíte venovať pozornosť 282 00:13:41,350 --> 00:13:45,340 aby sa namiesto int i sa rovná 0, musíme povedať, var i rovná 0. 283 00:13:45,340 --> 00:13:49,580 Ale to je preto, že z premenných typy, ktoré sme hovorili predtým. 284 00:13:49,580 --> 00:13:53,360 >> Všimnite si, že printf sa log, console.log. 285 00:13:53,360 --> 00:13:57,370 A nepotrebujeme k tomu percenta p spätné lomítko n a potom odovzdať i 286 00:13:57,370 --> 00:13:58,380 Stačí si len povedať, že som. 287 00:13:58,380 --> 00:14:01,910 A to by tlačiť čísla od nuly do štyroch. 288 00:14:01,910 --> 00:14:04,830 Ak vy chcete skúsiť, pretože ste vychovávaný dobrý postreh. 289 00:14:04,830 --> 00:14:08,730 Ak by ste chceli spustiť tento kód na vašom vlastný prehliadač, by som odporučil, aby 290 00:14:08,730 --> 00:14:11,040 Všetci sa otvorí prehliadač Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome alebo akýkoľvek webový prehliadač v skutočnosti, ale páči sa mi Google Chrome 292 00:14:14,220 --> 00:14:17,350 pretože je to veľmi štandardizované. 293 00:14:17,350 --> 00:14:24,240 >> Môžete ísť, verím, že ak kliknete pravým kliknite na ľubovoľnej webovej stránky, len v 294 00:14:24,240 --> 00:14:26,880 biely priestor, uvidíte možnosť tzv Skontrolujte Element. 295 00:14:26,880 --> 00:14:28,810 Je to zvyčajne posledná. 296 00:14:28,810 --> 00:14:32,630 A keď na neho kliknete, mali by ste si vec na dne sa tu objavujú. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Dovoľte mi priblížiť tu. 299 00:14:37,780 --> 00:14:41,390 A máme niekoľko záložiek tu. 300 00:14:41,390 --> 00:14:43,580 Ten vám záleží je konzola. 301 00:14:43,580 --> 00:14:48,820 >> A to je konzola JavaScript že teraz môžete pracovať. 302 00:14:48,820 --> 00:14:49,370 Skvelé. 303 00:14:49,370 --> 00:14:52,560 Takže môžem zadať rovnaké veci Bol som písať pred v uzle. 304 00:14:52,560 --> 00:14:54,790 Jedna plus jedna sú dve. 305 00:14:54,790 --> 00:14:59,110 Var sa rovná "Apple". 306 00:14:59,110 --> 00:15:03,430 A potom by som vytlačiť, a je "Apple". 307 00:15:03,430 --> 00:15:08,760 Takže v ľubovoľnom webovom prehliadači, Firefox, Chrome, Safari, čo použiť, pretože 308 00:15:08,760 --> 00:15:11,240 ak máte prístup k JavaScriptu konzoly, rovnaký druh 309 00:15:11,240 --> 00:15:15,520 Kód som bežal v uzol, ktorý možno spustiť vo vašom vlastnom konzole. 310 00:15:15,520 --> 00:15:17,530 >> DIVÁKOV: [nepočuteľné]? 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI: Ako dostať do konzoly? 312 00:15:18,690 --> 00:15:22,880 Musíte kliknite pravým tlačidlom myši na prázdne miesto na stránke, a potom idete na 313 00:15:22,880 --> 00:15:26,100 Skontrolujte Element. 314 00:15:26,100 --> 00:15:28,290 Takže vlastne, rád by som vás chlapci len uistiť, že môžete 315 00:15:28,290 --> 00:15:29,860 Skontrolujte, či prvok v prehliadači Chrome. 316 00:15:29,860 --> 00:15:32,630 A vidíte, keď napíšete nejaký kód do konzoly 317 00:15:32,630 --> 00:15:33,880 že to beží správne. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Neváhajte sa opýtať nejaké otázky, ak niečo nie je jasné, tu. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> DIVÁKOV: [nepočuteľné]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI: Akýkoľvek typ, že jo. 324 00:16:28,200 --> 00:16:31,370 Je tu len jeden typ pre všetky premenné v JavaScripte. 325 00:16:31,370 --> 00:16:34,160 A keď máte deklarovať premenná, hovoríte var. 326 00:16:34,160 --> 00:16:35,410 >> DIVÁKOV: [nepočuteľné]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI: Jo. 329 00:16:40,050 --> 00:16:43,730 To áno, ale v JavaScripte, je to veľmi šikovný o prideľovanie pamäte. 330 00:16:43,730 --> 00:16:44,600 Neexistuje žiadny malloc. 331 00:16:44,600 --> 00:16:45,780 Neexistuje zadarmo. 332 00:16:45,780 --> 00:16:48,490 Takže sa nemusíte báť, že. 333 00:16:48,490 --> 00:16:51,140 To je ďalšia pekná vlastnosť, že JavaScript poskytuje. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Takže by som chcel ísť ďalej. 336 00:16:58,440 --> 00:17:01,360 Bolo by to v poriadku? 337 00:17:01,360 --> 00:17:02,610 OK. 338 00:17:02,610 --> 00:17:04,780 339 00:17:04,780 --> 00:17:07,720 Skvelé. 340 00:17:07,720 --> 00:17:10,660 >> DIVÁKOV: Ja som len problémy hľadanie [? Skontrolujte Element. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI: Tak Safari vzhľad trochu iná, ale vy 343 00:17:16,250 --> 00:17:18,599 majú Chrome alebo Firefox? 344 00:17:18,599 --> 00:17:21,619 Tí, ktorí sú jednoduchšie ty s ním pracovať. 345 00:17:21,619 --> 00:17:25,079 A pre vaše projekty, odporúčam držať sa jedného prehliadača nasledujúcich dôvodov 346 00:17:25,079 --> 00:17:29,610 budete mať veľa chýb takmer pretože každý prehliadač zaobchádza 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML trochu inak. 348 00:17:31,980 --> 00:17:35,170 Takže myslím, že tvoj život bude oveľa jednoduchšie, ak sa budete držať na Chrome, pretože 349 00:17:35,170 --> 00:17:37,052 je k dispozícii u všetkých strojov. 350 00:17:37,052 --> 00:17:38,790 A to je veľmi populárny prehliadač. 351 00:17:38,790 --> 00:17:59,860 352 00:17:59,860 --> 00:18:01,110 OK? 353 00:18:01,110 --> 00:18:03,310 354 00:18:03,310 --> 00:18:06,370 >> Takže ďalšia téma, ktoré by sme mali pokrytie v JavaScripte - 355 00:18:06,370 --> 00:18:07,730 Ospravedlňujem sa za formátovanie tu. 356 00:18:07,730 --> 00:18:11,630 Musel som natiahnuť snímky tak, aby zodpovedali širokouhlý projektor. 357 00:18:11,630 --> 00:18:14,750 Ale ja by som teraz chcel hovoriť o ako to robíte funkcie. 358 00:18:14,750 --> 00:18:17,410 V jazyku C, musíme vyhlásiť, každá funkcia. 359 00:18:17,410 --> 00:18:22,130 Rovnako ako int pridať, a to trvá int do x, a int y, a potom pridáme im 360 00:18:22,130 --> 00:18:23,100 a vráti ho. 361 00:18:23,100 --> 00:18:26,850 >> V JavaScriptu, funkcie sú v skutočnosti iný typ premennej. 362 00:18:26,850 --> 00:18:30,560 Takže sme jednoducho povedať var pridať, a sa rovná funkciu. 363 00:18:30,560 --> 00:18:32,580 Funkcia, ktorá zoberie x a y. 364 00:18:32,580 --> 00:18:33,790 A čo to má funkcie robiť? 365 00:18:33,790 --> 00:18:39,910 Vráti X plus Y v presne rovnakej syntax ako v C. A zistíte, že v 366 00:18:39,910 --> 00:18:44,290 JavaScript, nebudete hovoriť, čo Funkcia vracia, pretože od 367 00:18:44,290 --> 00:18:49,160 premenné nemajú typy rovnako, je to to naozaj nie je produktívne, myslím, 368 00:18:49,160 --> 00:18:52,855 byť určenie všetkých vašich typy vo svojich funkciách. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 A potom, keď voláte funkciu, je to presne rovnaký syntax ako C. vás 371 00:18:59,565 --> 00:19:03,610 len prejsť vo svojich dvoch argumentov. 372 00:19:03,610 --> 00:19:07,330 Chcel by som to skúsiť v mojom uzla. 373 00:19:07,330 --> 00:19:09,284 Môžem zmeniť snímku? 374 00:19:09,284 --> 00:19:10,534 >> DIVÁKOV: [nepočuteľné]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Budeme si kópiu snímky? 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI: Áno. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Takže poďme späť k uzlu. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 Tak som si povedal var add rovná funkciu. 382 00:19:38,160 --> 00:19:40,650 Užívanie x, pričom v y. 383 00:19:40,650 --> 00:19:43,690 A potom vie, že vyhlásenie je nie je dokončená. 384 00:19:43,690 --> 00:19:47,692 Takže v uzla, alebo vo vašej konzole, si všimnete dot dot dot. 385 00:19:47,692 --> 00:19:49,660 Takže môžete mať zadaním kódu. 386 00:19:49,660 --> 00:19:53,650 A teraz poviem return x naviac y. 387 00:19:53,650 --> 00:19:54,790 A potom zatvorte rovnátka. 388 00:19:54,790 --> 00:20:00,260 A vo chvíli, keď som sa zavrieť rovnátka, je vidí, že vyhlásenie je dokončená. 389 00:20:00,260 --> 00:20:04,730 >> A teraz môžem povedať, pridať jeden a dva. 390 00:20:04,730 --> 00:20:08,280 A ja dostanem tri z 391 00:20:08,280 --> 00:20:11,545 Všimnite si, že keď som sa pridať, je mi hovorí, že je to funkcia. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 A ešte jedna vec, ktorú jednoducho venovať pozornosť keď je vám to dať zlé číslo 394 00:20:19,570 --> 00:20:23,380 argumenty, bude to robiť. 395 00:20:23,380 --> 00:20:25,890 To bude fungovať, ale môžete dostať niektoré naozaj podivné výsledky. 396 00:20:25,890 --> 00:20:30,070 Niečo ako hodnoty na odpadky, môžete myslieť na to. 397 00:20:30,070 --> 00:20:32,060 Takže prosím, choďte do toho a skúste to vo vašich prehliadačoch. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> OK, tak v záujme času, budem Teraz sa presunieme na ďalšie funkcií v 400 00:21:29,510 --> 00:21:30,760 JavaScript. 401 00:21:30,760 --> 00:21:36,520 402 00:21:36,520 --> 00:21:38,400 Takže sme hovorili o funkciách. 403 00:21:38,400 --> 00:21:40,840 Hovorili sme o slučkách, if príliš. 404 00:21:40,840 --> 00:21:43,660 Syntax je rovnaká ako C a premenných. 405 00:21:43,660 --> 00:21:46,090 A teraz chcem hovoriť o pole. 406 00:21:46,090 --> 00:21:48,520 Je mi ľúto, že zábery dostal trochu odrezaný. 407 00:21:48,520 --> 00:21:52,470 Ale v skutočnosti, v prvej časti, všetko, čo potrebujete bude fungovať. 408 00:21:52,470 --> 00:21:55,410 >> Takže máme iný typ pre premenné s názvom poľa. 409 00:21:55,410 --> 00:21:57,930 A používame hranaté zátvorky ich označenie. 410 00:21:57,930 --> 00:22:01,960 Takže v prvom príklade, var arr, prázdne polia. 411 00:22:01,960 --> 00:22:05,900 Toto je zoznam prázdny, takže pole neobsahujúce žiadne prvky. 412 00:22:05,900 --> 00:22:09,770 A môžete mať aj rad s tromi reťazci. 413 00:22:09,770 --> 00:22:13,290 V jazyku C, každý prvok v poli musel byť rovnakého typu. 414 00:22:13,290 --> 00:22:16,940 >> Ale pretože v JavaScriptu je len jeden druh, môže pole v skutočnosti 415 00:22:16,940 --> 00:22:18,510 majú rôzne typy hodnôt. 416 00:22:18,510 --> 00:22:22,220 Rovnako ako tu, máme pole s float, bool a int. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 Spôsob, ako získať dĺžku poľa, nemáte skutočne nutné použiť veľkosť 419 00:22:28,510 --> 00:22:29,030 alebo tak niečo. 420 00:22:29,030 --> 00:22:31,570 Stačí povedať, polia a potom dot dĺžku. 421 00:22:31,570 --> 00:22:36,450 A táto dĺžka bodka, môže si myslíte, že je to niečo ako struct, ako každý 422 00:22:36,450 --> 00:22:40,890 pole je pole, naviac premennú vnútri je tzv dĺžka, ktorá 423 00:22:40,890 --> 00:22:42,910 udržuje informácie o tom, ako dlho vaše pole je. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Takže som len rýchlo ísť do uzlov a ukázať vám, chlapci to isté. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Takže môžem mať celý rad. 428 00:22:58,050 --> 00:23:00,280 To môže byť prázdny zoznam. 429 00:23:00,280 --> 00:23:02,030 A to mi bude tlačiť späť prázdny zoznam. 430 00:23:02,030 --> 00:23:02,530 Skvelé. 431 00:23:02,530 --> 00:23:08,560 Teraz môžem povedať, že pole má 1 a 2.3, a pravda. 432 00:23:08,560 --> 00:23:10,400 Takže všetky rôzne typy. 433 00:23:10,400 --> 00:23:11,740 A zistíte, že funguje v pohode. 434 00:23:11,740 --> 00:23:16,330 Pole sa vrátim podpery všetky hodnoty dal som to. 435 00:23:16,330 --> 00:23:20,440 >> Ak by som sa chcel dostať na prvý prvok pole, syntax je vlastne 436 00:23:20,440 --> 00:23:22,980 rovnako ako v C. Tie Dá sa povedať, pole nulové. 437 00:23:22,980 --> 00:23:24,430 A dostanete jeden. 438 00:23:24,430 --> 00:23:27,920 Môžem povedať to isté pole dva, a ja si to pravda. 439 00:23:27,920 --> 00:23:31,610 Ak sa mi niečo mimo poľa, JavaScript je bezpečný jazyk 440 00:23:31,610 --> 00:23:33,390 pretože nebudem mať poruchu seg. 441 00:23:33,390 --> 00:23:34,780 Dôjdem definovaný. 442 00:23:34,780 --> 00:23:37,510 >> A to undefined, môžete druh o tom premýšľať ako null. 443 00:23:37,510 --> 00:23:41,390 Ale môže to byť naozaj nepríjemné, keď ste Kód pretože budete musieť skontrolovať, či 444 00:23:41,390 --> 00:23:43,880 takmer všetko, čo robíte, budete práca s nie je definované. 445 00:23:43,880 --> 00:23:47,700 A uvidíme niekoľko príkladov , Keď pracujeme v Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Aj keď rad štyri je undefined, Môžem priradiť mu hodnotu. 447 00:23:50,600 --> 00:23:52,570 Tak som si povedal, že sa rovná jednej. 448 00:23:52,570 --> 00:23:57,050 A potom keď som ísť na pole, som majú pridanú hodnotu tam. 449 00:23:57,050 --> 00:24:02,470 A všimnite si, že pole tri, čo tiež bola definovaná, zostáva nedefinovaný. 450 00:24:02,470 --> 00:24:05,690 Takže som teraz mať pole s diera v strede. 451 00:24:05,690 --> 00:24:07,750 Ale keď som vytlačiť rad štyri, Ja by som si ho. 452 00:24:07,750 --> 00:24:10,960 Keby som to urobil rad tri, dostanem nedefinované. 453 00:24:10,960 --> 00:24:13,880 >> Tak pekná vlastnosť, že JavaScript môžete urobiť, je, že zoznam môže 454 00:24:13,880 --> 00:24:15,620 zmeniť veľkosť. 455 00:24:15,620 --> 00:24:18,520 Polia, polia sú zoznamy, sa zmení veľkosť. 456 00:24:18,520 --> 00:24:22,480 A môžete zadať ľubovoľné miesto vnútri nich. 457 00:24:22,480 --> 00:24:25,370 A všetky medzery budú vyplnené s týmito nedefinované hodnoty. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Takže sme hovorili o pole. 460 00:24:33,450 --> 00:24:37,050 Teraz, posledná vec, ktorú chcem pokrývať JavaScript, a to je veľmi dôležité, 461 00:24:37,050 --> 00:24:39,550 k pochopeniu kódu, ktorý Chystám sa vám ukázať, 462 00:24:39,550 --> 00:24:41,530 bude objekty. 463 00:24:41,530 --> 00:24:45,140 A objekty sú termín v - 464 00:24:45,140 --> 00:24:47,380 v podstate, že sú prítomné vo mnoho programovacích jazykov. 465 00:24:47,380 --> 00:24:50,620 A každý programovací jazyk má rád myslíte, že z nich trochu inak. 466 00:24:50,620 --> 00:24:55,050 >> Ale myslím, že pre Meteor, dobré Analógia je C struct. 467 00:24:55,050 --> 00:24:59,410 V jazyku C, ak chceme nájsť struct študent, museli by sme špecifikovať všetky 468 00:24:59,410 --> 00:25:00,240 veci vnútri neho. 469 00:25:00,240 --> 00:25:01,440 Tak to má mať meno. 470 00:25:01,440 --> 00:25:02,140 To má mať rok. 471 00:25:02,140 --> 00:25:03,650 To musí mať pohlavia. 472 00:25:03,650 --> 00:25:07,350 Ale musíme tiež dať typy všetkých týchto vecí. 473 00:25:07,350 --> 00:25:11,200 >> A teraz, keď máme túto formu pre struct tzv študent, môžeme mať 474 00:25:11,200 --> 00:25:14,640 nové struct, a potom môžeme ručne povedať, čo každý z polí. 475 00:25:14,640 --> 00:25:17,740 A to je miesto, kde budeme používať dot názov, dot rok, dot pohlavia. 476 00:25:17,740 --> 00:25:21,930 A potom sme sa len v poslednom riadku Kód tu, ja som len vytlačiť 477 00:25:21,930 --> 00:25:24,980 meno na struct študenta. 478 00:25:24,980 --> 00:25:28,220 >> Vo svete JavaScript, je žiadna taká vec ako struct študenta. 479 00:25:28,220 --> 00:25:30,660 Nemusíte vytvárať predvoľby štruktúru. 480 00:25:30,660 --> 00:25:34,680 Vy vlastne len v týchto zátvorkách, môžete povedať, čo všetko je. 481 00:25:34,680 --> 00:25:40,680 A to je to divný zápis s hrubého čreva a potom čiarka, ale budete 482 00:25:40,680 --> 00:25:41,810 zvyknúť si na to skoro. 483 00:25:41,810 --> 00:25:44,930 >> A je to vlastne veľmi jednoduché, flexibilný spôsob, ako len 484 00:25:44,930 --> 00:25:47,400 manipulácia s objektmi. 485 00:25:47,400 --> 00:25:51,270 Všimnite si, že ak chcem teraz dostať meno od s, len som to s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Existujú nejaké otázky ohľadom tohto? 488 00:25:56,790 --> 00:26:00,260 To zvyčajne bolo veľmi mätúce tému, keď sme sa predstaviť ľuďom 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Budem robiť nejaké príklady tohto v uzle. 491 00:26:04,110 --> 00:26:05,010 Áno? 492 00:26:05,010 --> 00:26:06,260 >> DIVÁKOV: [nepočuteľné]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI: Takže myslíš, majú napríklad násobok 495 00:26:16,230 --> 00:26:18,764 premennej tohto typu. 496 00:26:18,764 --> 00:26:20,014 >> DIVÁKOV: [nepočuteľné]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> DIVÁKOV: [nepočuteľné]. 499 00:26:24,790 --> 00:26:37,610 500 00:26:37,610 --> 00:26:39,450 >> ROGER ZURAWICKI: OK. 501 00:26:39,450 --> 00:26:43,760 Takže myslím, že tak, ako by ste ísť o je by ste klásť žiadne predmety do poľa, 502 00:26:43,760 --> 00:26:45,340 a teraz budete mať pole objektov. 503 00:26:45,340 --> 00:26:47,547 Znamená to, že odpoveď na vašu otázku? 504 00:26:47,547 --> 00:26:48,797 >> DIVÁKOV: [nepočuteľné]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI: Áno. 507 00:26:51,260 --> 00:26:52,430 S je jeden objekt. 508 00:26:52,430 --> 00:26:57,455 Takže môžeme ísť do uzla a len pohrajte sa trochu. 509 00:26:57,455 --> 00:26:58,705 >> DIVÁKOV: [nepočuteľné]? 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI: Oh, OK. 512 00:27:05,440 --> 00:27:10,660 Takže ak sa pýtate, aké triedy sú, Triedy sa zaobchádza veľmi rozdielne, 513 00:27:10,660 --> 00:27:14,510 a majú naozaj divný systém tzv prototypov, ktoré nie 514 00:27:14,510 --> 00:27:15,620 potrebujete vedieť. 515 00:27:15,620 --> 00:27:17,910 Neexistuje žiadny pevný spôsob, ako to urobiť. 516 00:27:17,910 --> 00:27:21,160 Takže ak chcete generovať viac, vám by sa len tak majú funkciu 517 00:27:21,160 --> 00:27:22,100 alebo tak niečo. 518 00:27:22,100 --> 00:27:24,340 Môžete vytvárať svoje vlastné funkcie. 519 00:27:24,340 --> 00:27:26,765 A vy by ste sa vrátiť objekt. 520 00:27:26,765 --> 00:27:29,550 To by bolo najjednoduchšie spôsob, ako to urobiť. 521 00:27:29,550 --> 00:27:32,454 Má to zmysel? 522 00:27:32,454 --> 00:27:33,704 OK. 523 00:27:33,704 --> 00:27:36,182 524 00:27:36,182 --> 00:27:36,650 Skvelé. 525 00:27:36,650 --> 00:27:39,820 Takže akonáhle máme pochopenie JavaScript objekty, ktoré sú - 526 00:27:39,820 --> 00:27:41,082 ach, áno. 527 00:27:41,082 --> 00:27:42,026 >> DIVÁKOV: [nepočuteľné] 528 00:27:42,026 --> 00:27:45,802 napríklad, aký je rozdiel medzi "Roger" s úvodzovkami porovnanie 529 00:27:45,802 --> 00:27:47,510 [Nepočuteľné] s apostrofy. 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 Takže je to v C, máme jeden citácie predstavujúce znaky, a dvakrát kliknite 532 00:27:52,730 --> 00:27:54,550 citácie predstavujúce reťazca. 533 00:27:54,550 --> 00:27:57,920 JavaScript vlastne hádže to preč pretože môžete mať reťazca s 534 00:27:57,920 --> 00:28:01,570 jednoduché alebo dvojité úvodzovky, a tam je žiadna taká vec ako jeden char. 535 00:28:01,570 --> 00:28:04,400 Ale ak ste práve skopírovali rovnaké C kód, JavaScript by 536 00:28:04,400 --> 00:28:05,610 zaobchádzajte s ňou v pohode. 537 00:28:05,610 --> 00:28:07,710 Čo je dôvod, prečo som sa zaobchádza ako - 538 00:28:07,710 --> 00:28:12,540 To je dôvod, prečo som si doslova portu kód v tomto zmysle. 539 00:28:12,540 --> 00:28:15,420 >> A chcem vám ukázať príklad zložitejšieho objektu. 540 00:28:15,420 --> 00:28:19,890 Takže si môžete všimnúť, že jeden objekt môže mať reťazca ako hodnoty. 541 00:28:19,890 --> 00:28:21,530 To môže mať ďalší zoznam hodnôt. 542 00:28:21,530 --> 00:28:23,820 To by mohlo mať zoznam objekty ako hodnoty. 543 00:28:23,820 --> 00:28:25,870 Je tu naozaj žiadny limit na to. 544 00:28:25,870 --> 00:28:29,070 Tak tu je to len dobrá demonštrácia o tom, ako sa môžete dostať veľa 545 00:28:29,070 --> 00:28:33,290 rôzne typy deje všetko v jednom objekte. 546 00:28:33,290 --> 00:28:34,540 Má to zmysel? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Teraz môžete mať pole objektov. 549 00:28:44,700 --> 00:28:48,530 A tu je trochu podobný tomu, čo opýtal sa, či môžete mať predmety 550 00:28:48,530 --> 00:28:49,190 rovnakého typu. 551 00:28:49,190 --> 00:28:52,960 Ale problém je, že neexistuje žiadna pevná formát pre objekty v JavaScripte. 552 00:28:52,960 --> 00:28:55,020 Takže budete musieť zadať sami. 553 00:28:55,020 --> 00:28:57,600 A musíte sa uistiť, že sú jednotné. 554 00:28:57,600 --> 00:29:00,410 Takže tu, keď som sa vytvoriť objekt, mám Uistite sa, že každý z nich má 555 00:29:00,410 --> 00:29:01,910 pomenovať, a každý z nich má dom. 556 00:29:01,910 --> 00:29:05,620 >> A potom mám rad tých, a to môže byť moja chata. 557 00:29:05,620 --> 00:29:08,290 A potom tu môžete druh pozri pre slučky deje. 558 00:29:08,290 --> 00:29:14,090 Pre slučky, že len naozaj bežné spôsob, ako prejsť cez pole 559 00:29:14,090 --> 00:29:15,150 v JavaScriptu. 560 00:29:15,150 --> 00:29:18,010 Všimnite si, že tento model je veľmi podobný na ekvivalent C, kde vám 561 00:29:18,010 --> 00:29:21,470 majú int i rovná nule. ja je menšia než dĺžka. 562 00:29:21,470 --> 00:29:23,634 A potom som plus plus. 563 00:29:23,634 --> 00:29:26,035 >> Je to skoro rovnaký kód, až na pár detailov. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Takže to všetci pochopili čo objekt je? 566 00:29:33,120 --> 00:29:35,820 Len si myslím o tom ako C struct. 567 00:29:35,820 --> 00:29:38,784 A ako môžete pristupovať polia je len s bodkou. 568 00:29:38,784 --> 00:29:41,950 A tak dlho, ako si spomeniete, ako sa použiť bodku, budete v poriadku. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> OK, tak teraz môže každý čítal, že odkaz? 571 00:29:58,790 --> 00:30:02,220 Toto je odkaz na projekt. 572 00:30:02,220 --> 00:30:04,950 Je niekto problémy vidieť odkaz? 573 00:30:04,950 --> 00:30:06,251 OK, poďme to zmeniť potom. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Nie je to - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Jo, to je asi Najjednoduchší spôsob, ako to urobiť. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Skvelé. 580 00:30:34,560 --> 00:30:38,270 >> Takže ak idete na týchto stránkach, preto by mali byť byť niektoré inštrukcie, že budem 581 00:30:38,270 --> 00:30:42,550 prejsť na to, ako môžeme nainštalovať Meteor a dostať naše ukážkovej projektu v chode. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Chcem, aby sa ubezpečil, každý má odkaz dole, ako som pohnúť. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Môžem ďalej? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 OK, dobre. 588 00:31:23,680 --> 00:31:25,890 >> Tak som tu na webe. 589 00:31:25,890 --> 00:31:28,740 Určite ste si všimli v súbore readme, máme nejaké inštrukcie o tom, ako 590 00:31:28,740 --> 00:31:30,200 aby sa tý nastaviť. 591 00:31:30,200 --> 00:31:33,920 Musíte byť buď v CS50 zariadenie alebo len na Mac. 592 00:31:33,920 --> 00:31:35,330 Windows nebude fungovať. 593 00:31:35,330 --> 00:31:37,760 Ale v podstate čokoľvek, čo nie je Windows by mali pracovať s týmito 594 00:31:37,760 --> 00:31:39,820 Pokyny v pohode. 595 00:31:39,820 --> 00:31:41,470 Ale môžem, aby to trochu ako aj väčšie. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Takže budete spúšťať prvý pár príkazov. 598 00:31:48,820 --> 00:31:50,450 Títo chalani sa len nainštalovať Meteor. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Môžem ísť do môjho terminálu. 601 00:31:58,530 --> 00:32:02,710 A keď som spustiť to isté teraz, Ja už mám nainštalovaný. 602 00:32:02,710 --> 00:32:03,710 Takže je to o niečo kratšie. 603 00:32:03,710 --> 00:32:05,155 To môže trvať trochu dlhšie pre vás. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Ale ja chcem, aby najprv sa uistite, že máme Meteor chod. 606 00:32:13,530 --> 00:32:16,780 Po nainštalovaný Meteor, mali by ste mať možnosť získať uzol v konzole. 607 00:32:16,780 --> 00:32:19,430 >> DIVÁKOV: Pýtajú na zadanie hesla. 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI: To by bolo vaše užívateľské heslo, ak ste na počítači Mac. 609 00:32:22,110 --> 00:32:27,030 Je to jednoducho potrebuje povolenie na zmeniť niektoré systémové súbory. 610 00:32:27,030 --> 00:32:30,690 Takže otázka je, či vás to spýta na heslo, je to len s dotazom, 611 00:32:30,690 --> 00:32:33,510 Pre vaše užívateľské meno a heslo, ak sa prihlásite do vášho počítača Mac. 612 00:32:33,510 --> 00:32:35,770 A je to tak, že môžete zmeniť systémové súbory. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> A keď budete chcieť, môžete prejsť na k ďalšiemu kroku, ktorý bude kopírovať 615 00:32:51,260 --> 00:32:54,220 Ukážkový kód mám z webových stránok. 616 00:32:54,220 --> 00:32:58,330 A budete mať nový adresár vo vašom domovský adresár s názvom leaderboard, a 617 00:32:58,330 --> 00:32:59,670 môžeme začať pracovať odtiaľ. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Takže som len kopírovanie a vkladanie týchto príkazy do môjho terminálu. 620 00:33:14,620 --> 00:33:16,780 A pre mňa, už som klonovať ho. 621 00:33:16,780 --> 00:33:21,470 Tak som si práve teraz pohybovať do rebríčka. 622 00:33:21,470 --> 00:33:23,450 A mal som niekoľko Súbory v tam. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Akékoľvek otázky? 625 00:33:31,113 --> 00:33:34,430 >> DIVÁKOV: [nepočuteľné] nefunguje. 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI: Oh, možno budete Potrebujete git nainštalovaný rovnako. 627 00:33:36,741 --> 00:33:39,150 >> DIVÁKOV: [nepočuteľné]. 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI: Je nám ľúto? 629 00:33:40,162 --> 00:33:41,412 >> DIVÁKOV: [nepočuteľné]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI: Oh, OK. 632 00:33:47,390 --> 00:33:47,720 OK. 633 00:33:47,720 --> 00:33:52,860 To preto, že možno budete musieť byť prihlásiť sa GitHub, aby sa tento odkaz. 634 00:33:52,860 --> 00:33:58,160 Ak vy môžete vidieť, že najjednoduchšie spôsob, ako robiť to by som teda povedať, 635 00:33:58,160 --> 00:33:59,270 stiahnuť zips. 636 00:33:59,270 --> 00:34:02,010 A to bude len sťahovať všetky súbory. 637 00:34:02,010 --> 00:34:05,510 A potom, akonáhle dáte ju do stiahnuť alebo váš domovský adresár - 638 00:34:05,510 --> 00:34:07,360 Odporúčam uvedenie vo vašom domovský adresár, takže sa všetci môžeme 639 00:34:07,360 --> 00:34:09,210 spustiť rovnaké príkazy. 640 00:34:09,210 --> 00:34:15,230 Tak dlho, ako budeme mať súbory, budeme môcť začať pracovať s nimi. 641 00:34:15,230 --> 00:34:17,969 Dajte mi vedieť, či sú ľudia s Problém sťahovanie súborov. 642 00:34:17,969 --> 00:34:21,040 >> DIVÁKOV: Do domovského adresára, máte na mysli - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI: Tak domovský adresár by byť John Harvard, ak ste v 644 00:34:24,989 --> 00:34:27,460 CS50 spotrebiča. 645 00:34:27,460 --> 00:34:33,651 Ak chcete získať do svojho domovského adresára, stačí zadať C. 646 00:34:33,651 --> 00:34:34,145 >> DIVÁKOV: [nepočuteľné] 647 00:34:34,145 --> 00:34:37,610 CS50 zariadení [nepočuteľný]. 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI: Áno. 649 00:34:38,650 --> 00:34:40,480 Ak chcete spustiť príkazy v termináli. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> DIVÁKOV: [nepočuteľné]. 652 00:34:45,390 --> 00:34:50,800 Dostal som chybu, ktorá hovorí, že nie takýto súbor alebo adresár. 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI: Môžeme mať rýchly zlomiť a len sa uistite, že 654 00:34:52,739 --> 00:34:56,760 každý má nainštalovaný Meteor, a budem len tak sa snaží pomáhať ľuďom von. 655 00:34:56,760 --> 00:34:59,130 Prosím, pokúste sa vzájomne si pomáhať v prípade, utekáš do problémov. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 Ospravedlňujeme sa, jo. 658 00:35:05,580 --> 00:35:08,930 Ste obaja v prístroji? 659 00:35:08,930 --> 00:35:09,350 >> DIVÁKOV: Jo. 660 00:35:09,350 --> 00:35:13,190 Mám Risa 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 Ak sa vydáte späť na internetových stránkach, ísť prejdite až na vrchol. 663 00:35:20,740 --> 00:35:23,580 A tam je to HTTPS. 664 00:35:23,580 --> 00:35:25,810 >> DIVÁKOV: Skopírujte toto? 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI: Jo. 666 00:35:26,230 --> 00:35:28,950 A potom budete chcieť zadajte príkaz git clone. 667 00:35:28,950 --> 00:35:30,814 Takže ak ste stlačte Ctrl A - 668 00:35:30,814 --> 00:35:33,718 >> DIVÁKOV: Tu? 669 00:35:33,718 --> 00:35:36,410 A to [nepočuteľný]? 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI: G-I-T. 671 00:35:37,307 --> 00:35:38,557 >> DIVÁKOV: [nepočuteľné]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI: Git a potom klonovať. 674 00:35:42,670 --> 00:35:46,610 Takže je to veľmi podobný príkazu, mal vyššie, ale URL zmenilo. 675 00:35:46,610 --> 00:35:49,010 Takže pred tým, než bol tento, teraz je to to. 676 00:35:49,010 --> 00:35:50,680 Dovoľte mi, aby som aktualizácie - 677 00:35:50,680 --> 00:35:51,354 jo. 678 00:35:51,354 --> 00:35:52,604 >> DIVÁKOV: [nepočuteľné]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI: Toto je stiahnuť. 681 00:35:58,076 --> 00:35:59,326 >> DIVÁKOV: [nepočuteľné]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI: Aha, tak to ani klon správne. 684 00:36:05,690 --> 00:36:07,920 Budem napraviť. 685 00:36:07,920 --> 00:36:10,190 Je tu chyba, so snahou k stiahnutiu súborov. 686 00:36:10,190 --> 00:36:13,820 Dovoľte mi, aby som aktualizovať príkaz pre vás takže môžem uistiť, že to bude fungovať. 687 00:36:13,820 --> 00:36:17,025 Je mi ľúto, že. 688 00:36:17,025 --> 00:36:21,618 To by malo byť rovnaké pre Macs alebo CS50 zariadení. 689 00:36:21,618 --> 00:36:22,868 >> DIVÁKOV: [nepočuteľné]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI: Aktualizoval som Príkaz k je-li číslo dva, 692 00:36:51,190 --> 00:36:52,910 aktualizovať stránku. 693 00:36:52,910 --> 00:36:56,520 A s tým, URL, mali by ste byť schopné sťahovať súbory. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> DIVÁKOV: Takže keď sme ešte sťahovanie [nepočuteľný]. 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI: Ak ste Stále stiahnutie Meteor? 697 00:37:05,930 --> 00:37:07,180 >> DIVÁKOV: [nepočuteľné]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI: Áno, ak chcete rozvíjať na vašom počítači Mac. 700 00:37:11,910 --> 00:37:14,145 Ale musíte sa Xcode vývojárov nástroje inštalované. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Testoval som tieto príkazy na CS50 zariadenie, takže môžem zaručiť 703 00:37:24,550 --> 00:37:25,440 , Že to bude fungovať. 704 00:37:25,440 --> 00:37:26,710 Áno. nechaj ma ísť a pomôže vám. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> DIVÁKOV: [nepočuteľné]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Dávam svoje heslo. 709 00:37:40,372 --> 00:37:42,240 To je Mac. 710 00:37:42,240 --> 00:37:43,490 A potom som si [nepočuteľný]. 711 00:37:43,490 --> 00:37:51,114 712 00:37:51,114 --> 00:37:52,580 >> ROGER ZURAWICKI: OK. 713 00:37:52,580 --> 00:37:57,080 Chcel by som skúsiť spustiť všetky príkazy iba v CS50 spotrebiča termináli. 714 00:37:57,080 --> 00:37:58,330 >> DIVÁKOV: [nepočuteľné]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI: Ja by som si to pracovať Prvý na termináli, na 717 00:38:02,570 --> 00:38:04,830 CS50 zariadenie, a potom terminál Mac. 718 00:38:04,830 --> 00:38:08,130 >> DIVÁKOV: Takže ak ste to na CS50 spotrebičom, ako že, [nepočuteľný]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI: Chcel by som sa pohybovať , Ale ak ľudia stále majú 721 00:38:15,850 --> 00:38:20,190 Problém nastavenie Meteor, Kevin je viac ako radi pomôžu vám chalani von, 722 00:38:20,190 --> 00:38:21,440 Kevin v sivej košeli. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Čo by sme mali mať, ich budeme spustite posledný príkaz, číslo tri, vo 725 00:38:32,170 --> 00:38:33,710 náš terminál. 726 00:38:33,710 --> 00:38:37,320 Keď to urobíme, budeme spúšťať Meteor. 727 00:38:37,320 --> 00:38:39,040 >> A vy by ste mali - 728 00:38:39,040 --> 00:38:41,200 oh, už mám Meteor beží. 729 00:38:41,200 --> 00:38:45,230 Takže to nenechá - dovoľte mi, aby som Len zavriem ďalšie Meteor. 730 00:38:45,230 --> 00:38:49,640 Pri spustení Meteor, tie by mal teraz vidieť, že - 731 00:38:49,640 --> 00:38:51,490 mali by ste vidieť aktuálny adresár že to slúži. 732 00:38:51,490 --> 00:38:55,476 A teraz sa to povie servera beží na http://localhost. 733 00:38:55,476 --> 00:38:58,860 To je URL, ktoré chcete dať vo vo Vašom webovom prehliadači. 734 00:38:58,860 --> 00:39:05,410 >> A na tej URL, mali by ste byť schopní prístup peknú rebríčku. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Tak zistíte, že je to na localhost, čo znamená, že ak vykonáte niektorú 737 00:39:14,530 --> 00:39:17,320 zmeny, nebudeš sa pozri navzájom zmeny. 738 00:39:17,320 --> 00:39:20,830 Vzhľadom k tomu, na internetových stránkach som vám ukázal na začiatku, mohli by sme získať 739 00:39:20,830 --> 00:39:23,380 Zmeny všetci sú, pretože všetci bol prístup na rovnakej webovej stránky. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Takže dovoľte mi ísť na [? slovo?] 742 00:39:29,540 --> 00:39:35,570 3000. 743 00:39:35,570 --> 00:39:38,820 Takže by ste mali byť schopní len potvrdiť , Že funkcia funguje. 744 00:39:38,820 --> 00:39:44,790 Môžete si vybrať rôzne ľudí, a môžete dať im rôzne body. 745 00:39:44,790 --> 00:39:46,710 Tak som sa dať niekoho bodov. 746 00:39:46,710 --> 00:39:50,420 Môžete tiež vidieť, že oni sa zdvihnú v poradí. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Teraz, v záujme času, tam sú tri vlastnosti, ktoré som 749 00:39:57,360 --> 00:39:58,020 realizovaný. 750 00:39:58,020 --> 00:40:03,760 A budeme realizovať mazanie Užívatelia sú našou prvý prvok. 751 00:40:03,760 --> 00:40:06,360 Ale skôr, než budeme pokračovať, sú Existujú nejaké otázky? 752 00:40:06,360 --> 00:40:09,010 Mal si ruku. 753 00:40:09,010 --> 00:40:10,480 Áno? 754 00:40:10,480 --> 00:40:11,730 >> DIVÁKOV: [nepočuteľné]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI: Je možné zistiť že Meteor je nainštalovaný? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> DIVÁKOV: [nepočuteľné]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI: Miestne hostiteľ 3000? 761 00:40:32,680 --> 00:40:36,550 A ty si v CS50 zariadení? 762 00:40:36,550 --> 00:40:37,800 Môžem robiť - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 nemusíte byť na Mac. 765 00:40:41,210 --> 00:40:43,558 To bude fungovať v prístroji. 766 00:40:43,558 --> 00:40:45,880 >> DIVÁKOV: [nepočuteľné]. 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI: V normálnej webový prehliadač, jo. 768 00:40:47,520 --> 00:40:49,170 >> DIVÁKOV: [nepočuteľné]. 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI: Je Meteor beží? 770 00:40:52,100 --> 00:40:54,180 Takže OK, tam je rozdiel tu. 771 00:40:54,180 --> 00:40:56,300 Ak používate ho vo spotrebič, čo musíte urobiť, 772 00:40:56,300 --> 00:40:58,400 localhost vnútri spotrebiča. 773 00:40:58,400 --> 00:41:00,860 Ak používate ho vo vašom počítači Mac, ako ja, potom môžem urobiť 774 00:41:00,860 --> 00:41:02,460 môj Mac Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Ale ak používate CS50 spotrebiče čo musíte urobiť všetko, 776 00:41:05,520 --> 00:41:06,350 v prístroji. 777 00:41:06,350 --> 00:41:09,022 Takže budete musieť použiť Google Chrome v prístroji. 778 00:41:09,022 --> 00:41:10,350 >> DIVÁKOV: [nepočuteľné]. 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI: Je to stále nefunguje? 780 00:41:12,188 --> 00:41:13,438 >> DIVÁKOV: [nepočuteľné]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI: Tak len zopakovať, ako si prístup na webové stránky teraz. 783 00:41:42,390 --> 00:41:46,380 Máte URL tady na localhost 3000. 784 00:41:46,380 --> 00:41:49,600 Ak ste v CS50 spotrebiče musíte otvoriť CS50 785 00:41:49,600 --> 00:41:51,320 spotrebič v Google Chrome. 786 00:41:51,320 --> 00:41:54,850 A v tom Google Chrome v rámci zariadenie, môžete zadať túto adresu URL, 787 00:41:54,850 --> 00:41:56,400 a mali by ste vidieť rebríčku. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Takže budem len dať to preč na strane tady trochu. 790 00:42:04,800 --> 00:42:09,600 A teraz idem otvoriť môj textový editor tu. 791 00:42:09,600 --> 00:42:16,040 Takže len sa uistite, že kód je v poriadku. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Skvelé. 794 00:42:19,750 --> 00:42:22,360 >> Rád by som sa teraz prejsť Kód trochu. 795 00:42:22,360 --> 00:42:26,110 A prvý súbor Chcel by som začať s IS leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Budete mať možnosť získať tento kód po seminár, takže chcem len ukázať, 797 00:42:31,520 --> 00:42:33,960 ste na mojom počítači to, čo sa deje. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 Takže dúfam, že si každý môže vidieť. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Takže na začiatku súboru, sme majú našu hlavu a titul, ktorý 802 00:42:51,590 --> 00:42:54,510 je podobné tomu, čo sme videli v každom HTML dokumente. 803 00:42:54,510 --> 00:42:56,990 A potom budeme mať tag tu telo. 804 00:42:56,990 --> 00:42:59,920 >> Čo som vybraný, je hlavným telo, v podstate to, čo je 805 00:42:59,920 --> 00:43:01,470 bude sa zobrazuje. 806 00:43:01,470 --> 00:43:05,560 Ale tam sú niektoré nové non-HTML veci, a to v 807 00:43:05,560 --> 00:43:06,710 dvojité lomené zátvorky. 808 00:43:06,710 --> 00:43:08,600 A to sú šablóny tagy. 809 00:43:08,600 --> 00:43:13,770 Takže uvidíte tú tento držiak držiak nový leaderboard. 810 00:43:13,770 --> 00:43:17,390 A je to druh - myslieť na to, ako volanie funkcie pre HTML. 811 00:43:17,390 --> 00:43:19,320 >> Toto je špeciálna verzia HTML. 812 00:43:19,320 --> 00:43:22,730 Je to verzia, ktorá Meteor používa, čo je dôvod, prečo si môžete zobraziť rôzne 813 00:43:22,730 --> 00:43:26,190 veci, ako je napríklad rebríčka Mená a tlačidlá. 814 00:43:26,190 --> 00:43:30,870 Ale leaderboard vám povie, ísť na šablóna s názvom rebríčku. 815 00:43:30,870 --> 00:43:34,746 Takže šablóna nedostane zobraziť sama o sebe, ale je to funkcia, takže 816 00:43:34,746 --> 00:43:35,390 bude pokrytý. 817 00:43:35,390 --> 00:43:41,030 A budete nahradiť v tom všetkom Kód tu do rebríčka. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Zaujímavá časť rebríčka tu je práve táto tabuľka. 820 00:43:48,820 --> 00:43:52,910 Ak ste práve čítať, prečítajte si tento kód nahlas, by malo byť intuitívne 821 00:43:52,910 --> 00:43:57,390 pretože leaderboard, všetko, čo tu je tabuľka. 822 00:43:57,390 --> 00:44:00,410 Toto číslo trieda veci nemusíte je potrebné sa obávať. 823 00:44:00,410 --> 00:44:02,460 Len viem, že tam je záhlavie tabuľky. 824 00:44:02,460 --> 00:44:03,630 To je to thead. 825 00:44:03,630 --> 00:44:06,860 >> A zistí, že mená a skóre. 826 00:44:06,860 --> 00:44:12,150 Všetky tieto značky, ako thtable, thead, budete len naučiť za pochodu. 827 00:44:12,150 --> 00:44:15,540 To nie je dôležité, že ste zapamätať to preto, že môžete len prístup k akejkoľvek 828 00:44:15,540 --> 00:44:16,520 reference on-line. 829 00:44:16,520 --> 00:44:20,610 Alebo na konci semestra, tieto bude len veľmi dobre oboznámení s vami. 830 00:44:20,610 --> 00:44:22,840 >> Po hlavičke tabuľky, časť, ktorá chcem nakresliť svoj 831 00:44:22,840 --> 00:44:24,900 pozornosť, je to h tag. 832 00:44:24,900 --> 00:44:27,180 Vzhľadom k tomu, že je do dvojitých hranatých zátvoriek, je to šablóna. 833 00:44:27,180 --> 00:44:30,980 Takže to znamená, že pre každý z hráčov, bez ohľadu na hráčovi je, musíme 834 00:44:30,980 --> 00:44:31,500 zobraziť. 835 00:44:31,500 --> 00:44:32,965 A ideme na šablónu prehrávača. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Ak sa posunúť dole trochu viac - 838 00:44:39,890 --> 00:44:40,980 Dúfam, že každý môže vidieť, že. 839 00:44:40,980 --> 00:44:42,900 Máme šablónu prehrávač. 840 00:44:42,900 --> 00:44:49,080 A táto šablóna v podstate definuje bunky tabuľky, kde si dať do názvu 841 00:44:49,080 --> 00:44:50,330 tu a skóre. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Zoomovanie sa teraz môžeme vidieť že tento kus kódu - 844 00:44:56,720 --> 00:44:59,060 a to bol náš hráč tam dole - 845 00:44:59,060 --> 00:45:01,070 vymedzuje jeden z týchto buniek. 846 00:45:01,070 --> 00:45:02,890 Každá vec, ktorú som kliknite na tlačidlo zožltne. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Jednoduchý spôsob, ako by som to teraz zmeniť. 849 00:45:08,660 --> 00:45:10,150 Uistite sa, že Meteor je stále spustený. 850 00:45:10,150 --> 00:45:12,540 Meteor by mal byť proces servera, takže stačí nechať 851 00:45:12,540 --> 00:45:14,020 beží, keď ste vyvinuli. 852 00:45:14,020 --> 00:45:18,280 Povedzme, že som chcel zmeniť všetky názvy alebo skóre. 853 00:45:18,280 --> 00:45:23,320 A povedal by som, že idem sem pridať body. 854 00:45:23,320 --> 00:45:27,215 Takže zmena, ktorú som tu robil bolo, namiesto toho len skóre, Aj 855 00:45:27,215 --> 00:45:30,280 pridať skóre priestoru bodov. 856 00:45:30,280 --> 00:45:32,775 >> Chystám sa vzdialite, a ja som ísť zachrániť svoj súbor. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 A potom, čo som zachrániť svoju súbor, musím aby sa ubezpečil, Meteor beží. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Je mi to ľúto. 861 00:45:57,610 --> 00:46:00,330 Chcem vám ukázať editácia sa uskutočňuje v reálnom čase. 862 00:46:00,330 --> 00:46:06,180 Tak som si len zmeniť nejaký text. 863 00:46:06,180 --> 00:46:07,600 Kliknite na prehrávač. 864 00:46:07,600 --> 00:46:10,040 Dávam to vo všetkých veľkých písmenách. 865 00:46:10,040 --> 00:46:14,540 A to tak, že, ak je tento pracovný správne, keď uložím to, že 866 00:46:14,540 --> 00:46:16,801 by sa aktualizovať. 867 00:46:16,801 --> 00:46:20,420 >> Myslím, že práve teraz je problém Nie som v správnom adresári. 868 00:46:20,420 --> 00:46:24,940 869 00:46:24,940 --> 00:46:26,870 OK. 870 00:46:26,870 --> 00:46:28,160 Je mi ľúto, že. 871 00:46:28,160 --> 00:46:32,860 Tak tu, čo zistíte, je môj zmena prešla. 872 00:46:32,860 --> 00:46:34,540 Teraz hovoria, že chcete vrátiť zmeny. 873 00:46:34,540 --> 00:46:36,200 Chcem sa vrátiť k tomu, čo som mal. 874 00:46:36,200 --> 00:46:37,640 Idem na to písať normálne. 875 00:46:37,640 --> 00:46:39,180 Kliknite na prehrávač. 876 00:46:39,180 --> 00:46:42,920 >> V okamihu, keď som ju uložiť, miesto osviežuje pre mňa. 877 00:46:42,920 --> 00:46:44,740 A vidím svoju zmenu na miesto okamžite. 878 00:46:44,740 --> 00:46:48,170 To je naozaj užitočné funkcie pri ladení, pretože teraz 879 00:46:48,170 --> 00:46:49,640 Nemám na - 880 00:46:49,640 --> 00:46:52,920 keď píšeme kód v C, nie len my má súbor uložiť, ale museli sme 881 00:46:52,920 --> 00:46:54,750 aby ho a spustite ho znova. 882 00:46:54,750 --> 00:46:58,750 Meteor je veľmi pekné, pretože na rozdiel od C v okamihu, keď uložíte HTML alebo 883 00:46:58,750 --> 00:47:01,070 JavaScript súbor, zmena sa objavia okamžite. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Jedna otázka je, v týchto šablónach, ako získam hodnoty, ako sú prehrávače 886 00:47:09,140 --> 00:47:11,520 alebo vyberte meno? 887 00:47:11,520 --> 00:47:17,130 Mám-li priblížiť tu na mojom kóde, Vidím to u každého hráča. 888 00:47:17,130 --> 00:47:19,970 Takže vie, že šablóna Mám hráčov nejako. 889 00:47:19,970 --> 00:47:22,110 A vie, že tam je vybrané meno. 890 00:47:22,110 --> 00:47:23,220 Kde sa to tu vzalo? 891 00:47:23,220 --> 00:47:25,180 To pochádza z jazyka JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> A ak idete na leaderboard.js, tento súbor, teraz, keď som ísť sem, máme 893 00:47:30,980 --> 00:47:33,460 niekoľko príkazov definované. 894 00:47:33,460 --> 00:47:36,400 Toto je špeciálny syntaxe, Meteor. 895 00:47:36,400 --> 00:47:38,600 Všimnite si, že nemusíte Vars alebo tak niečo. 896 00:47:38,600 --> 00:47:42,990 Ale to sú len štruktúr na základe štruktúr na základe štruktúr alebo týchto objektoch. 897 00:47:42,990 --> 00:47:45,910 A všetko, čo som definovanie je šablóna tzv leaderboard. 898 00:47:45,910 --> 00:47:47,900 >> Leaderboard by mal dostať čomu sa hovorí hráča. 899 00:47:47,900 --> 00:47:48,840 A čo je hráčovi? 900 00:47:48,840 --> 00:47:51,860 Je to, čo tento výraz vracia. 901 00:47:51,860 --> 00:47:53,020 A čo je vybraný názov? 902 00:47:53,020 --> 00:47:54,630 Je to trochu viac kódu. 903 00:47:54,630 --> 00:47:56,810 Podrobnosti o kód, ktorý sme si pokrytie o niečo neskôr. 904 00:47:56,810 --> 00:48:02,210 Ale teraz chcem, aby ste pochopili, že v tomto kóde, berieme 905 00:48:02,210 --> 00:48:04,350 hráčov, a dávame mu hodnotu. 906 00:48:04,350 --> 00:48:07,000 V tomto prípade, je to funkcia že dostane popravený. 907 00:48:07,000 --> 00:48:10,290 Takže môžeme získať hodnotu späť keď sme sa spustiť funkciu. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 To je log. 910 00:48:13,520 --> 00:48:14,770 Má to zmysel? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Môžem zmeniť spôsob, akým sa to triediť. 913 00:48:25,010 --> 00:48:27,230 Tu, tam je druh objektu. 914 00:48:27,230 --> 00:48:31,660 A čo to hovorí, že ich budem triediť podľa skóre zostupne prvej a 915 00:48:31,660 --> 00:48:33,170 pomenujte vzostupne. 916 00:48:33,170 --> 00:48:36,630 Je-li to zmeniť na jeden, to sa deje triediť skóre vzostupne. 917 00:48:36,630 --> 00:48:39,120 Takže nula by mal byť na vrchole. 918 00:48:39,120 --> 00:48:43,370 A keď som sa priblížiť na mojich webových stránkach, sme Teraz vidíme, že webové stránky aktualizované. 919 00:48:43,370 --> 00:48:44,923 A výsledok je zliesť. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Ďalšie funkcie len chcem na pokrytie je kliknutie prírastok. 922 00:48:53,980 --> 00:48:57,910 Zo záujmu času, nebudem byť schopný pokryť viac Meteor 923 00:48:57,910 --> 00:49:00,690 kód, ale existuje veľa zdrojov, k dispozícii, a budem 924 00:49:00,690 --> 00:49:03,560 tu po seminári. 925 00:49:03,560 --> 00:49:07,680 Ale len chcem pokryť Leaderboard udalosti. 926 00:49:07,680 --> 00:49:10,520 Táto syntax sa dozviete niečo neskôr v prednáške. 927 00:49:10,520 --> 00:49:12,870 To je JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Sme len hovorím, keď sme sa cvaknutie, a to je na prírastku, to 929 00:49:16,720 --> 00:49:19,160 hash jednoducho znamená ID. 930 00:49:19,160 --> 00:49:23,945 Na štítku prírastok ID, potom chceme aktualizovať - ​​kľúčové slová, chcem ťa 931 00:49:23,945 --> 00:49:26,740 sledovať je aktualizácia a vybrať a hráč. 932 00:49:26,740 --> 00:49:29,080 Takže podľa toho, čo hráč je zvolený, sme ju aktualizovať. 933 00:49:29,080 --> 00:49:31,260 A to, čo robíme, je, že prírastok jeho skóre päť. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 A to popísať činnosť Máme tu. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> Po skončení tohto seminára, budeme byť schopní vidieť nejaký ďalší kód. 938 00:49:54,510 --> 00:50:00,400 Ale ísť späť do svojho cieľa, že chcem, aby zmeniť miesto, chcel som sem 939 00:50:00,400 --> 00:50:03,400 pridať tlačidlo Odobrať tak Môžem zmazať prehrávač. 940 00:50:03,400 --> 00:50:05,390 Takže na to, že musím urobiť dve veci. 941 00:50:05,390 --> 00:50:09,680 Musím aktualizovať HTML, aktualizovať zobraziť to, čo dostane zobrazí užívateľovi, a 942 00:50:09,680 --> 00:50:15,080 potom nejaký JavaScript, ktorý pri stlačení tlačidla, Meteor sa deje 943 00:50:15,080 --> 00:50:15,690 niečo urobiť. 944 00:50:15,690 --> 00:50:18,040 Bude to odstrániť tento prehrávač. 945 00:50:18,040 --> 00:50:20,720 >> Takže tam je veľa kúsky kódu , Ktoré majú v podstate už 946 00:50:20,720 --> 00:50:22,610 bol pre mňa urobil. 947 00:50:22,610 --> 00:50:26,160 Keď sa pozriem tu, už mám cestu ako sa dostať do vybraného hráča. 948 00:50:26,160 --> 00:50:29,880 To je to vec, pokiaľ ho vidíte. 949 00:50:29,880 --> 00:50:31,346 Takže keď som - 950 00:50:31,346 --> 00:50:35,160 Budem mať ďalšiu akciu. 951 00:50:35,160 --> 00:50:37,900 Takže budem kopírovať to, čo mám. 952 00:50:37,900 --> 00:50:40,740 Pretože sa jedná o zoznam, Potrebujem len čiarku. 953 00:50:40,740 --> 00:50:45,480 >> Takže teraz budem Kliknite na tlačidlo Odstrániť. 954 00:50:45,480 --> 00:50:48,840 A potom miesto hráčov aktualizácia, Budem robiť hráčov vymazať. 955 00:50:48,840 --> 00:50:51,620 A všetci hráči odstránenie potreby je zvolený hráčom. 956 00:50:51,620 --> 00:50:56,500 Takže táto funkcia je všetko, čo potrebujeme. 957 00:50:56,500 --> 00:51:01,550 Ja treba pridať niektoré HTML tu hoci. 958 00:51:01,550 --> 00:51:05,180 Takže keď som sa prechádzať sem, To je pohľad HTML. 959 00:51:05,180 --> 00:51:08,300 Mali sme niečo tu, ktorý bol tag. 960 00:51:08,300 --> 00:51:09,610 Nemusíte sa obávať, že. 961 00:51:09,610 --> 00:51:12,000 >> Na čom záleží na vás je toto ID prírastok. 962 00:51:12,000 --> 00:51:14,990 A to je to, čo nám umožnilo povedať, kedy sme klikli prírastok, musíme 963 00:51:14,990 --> 00:51:16,410 dať päť bodov. 964 00:51:16,410 --> 00:51:18,240 A uvidíte, že je to tlačidlo. 965 00:51:18,240 --> 00:51:20,150 To je to, čo BTN znamená. 966 00:51:20,150 --> 00:51:23,190 A text v tlačidle je dať päť bodov. 967 00:51:23,190 --> 00:51:26,440 Takže, čo budem robiť, je, že som bude kopírovať tento riadok. 968 00:51:26,440 --> 00:51:29,910 Chystám sa zmeniť ID, ktorú chcete odstrániť. 969 00:51:29,910 --> 00:51:34,310 A ja idem pre zmenu text tu odstrániť. 970 00:51:34,310 --> 00:51:35,980 >> Takže uistite sa, že všetko, čo je uložené. 971 00:51:35,980 --> 00:51:39,010 Chcem sa vrátiť do môjho JavaScript aby sa ubezpečil, že mám 972 00:51:39,010 --> 00:51:40,880 odstrániť postavili tu. 973 00:51:40,880 --> 00:51:41,780 Dobrá. 974 00:51:41,780 --> 00:51:43,145 Takže idem zachrániť obidva súbory. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 Po uložení oboch súborov sme Môžete sa vrátiť ku dnu. 977 00:51:49,320 --> 00:51:51,550 A teraz vidíme, máme Tlačidlo vymazanie. 978 00:51:51,550 --> 00:51:56,050 A ešte jeden krok. 979 00:51:56,050 --> 00:51:58,200 Všimnite si, môžete dostať chyba, pretože keď som kliknite na tlačidlo 980 00:51:58,200 --> 00:52:00,610 odstrániť, nič sa nedeje. 981 00:52:00,610 --> 00:52:03,930 >> Spôsob, ako ladiť to je ísť späť na Skontrolujte Element. 982 00:52:03,930 --> 00:52:07,820 Ja robím schválne, takže môžete vidieť, ako by ste ladiť niečo. 983 00:52:07,820 --> 00:52:11,210 V Skontrolujte Element, máme všetky naše texte tu dole. 984 00:52:11,210 --> 00:52:13,320 Chcem sa vrátiť do konzoly. 985 00:52:13,320 --> 00:52:19,230 A čo sa stane, keď som ísť sem je, že som si nejaké chyby. 986 00:52:19,230 --> 00:52:21,660 To hovorí, že neexistuje žiadny spôsob odstránenia. 987 00:52:21,660 --> 00:52:30,770 >> Takže, čo to hovorí, je, keď idem späť na kód, volal som prehrávač 988 00:52:30,770 --> 00:52:31,870 odstrániť tu. 989 00:52:31,870 --> 00:52:34,430 Odstrániť je v skutočnosti nie je právo príkazu. 990 00:52:34,430 --> 00:52:39,740 Takže zistiť, čo je správne príkaz je, že je Meteor API. 991 00:52:39,740 --> 00:52:42,680 Dokumentácia Chcem ťa upozorniť chlapci, je len na meteor.com. 992 00:52:42,680 --> 00:52:45,190 Tak som si to tu. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 To je len tak vy viete, kde sa dozviete viac. 995 00:52:51,370 --> 00:52:54,420 >> Tam je odkaz na dokumentáciu. 996 00:52:54,420 --> 00:52:59,410 A v podstate, môžem len sa nájsť pre odstránenie. 997 00:52:59,410 --> 00:53:03,220 A to, čo vidíte, odstráňte je skutočne odstrániť. 998 00:53:03,220 --> 00:53:05,400 To je príkaz, ktorý Musím zavolať. 999 00:53:05,400 --> 00:53:09,620 Takže teraz, keď vieme, že idem zmeniť toto odstrániť odstrániť. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Takže teraz, keď som sa vrátiť do môjho rebríčka miesto, budem kliknite 1002 00:53:18,010 --> 00:53:19,450 odstrániť, a teraz som preč. 1003 00:53:19,450 --> 00:53:21,290 K dispozícii je viac Roger. 1004 00:53:21,290 --> 00:53:25,470 A môžem pokračovať odstránením každý Jediný kým nebudem mať nič. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> Takže to bolo trochu náhľad o tom, ako používať Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Budete sa učiť oveľa viac JavaScript HTML a nevyhnutné, aby sa 1009 00:53:42,380 --> 00:53:46,970 to vyzerá krajšie, ktoré budeme pokrývať tento týždeň [? kus?] nastavený na HTML 1010 00:53:46,970 --> 00:53:49,630 a JavaScript v budúcom [? kus?] nastavená. 1011 00:53:49,630 --> 00:53:53,150 >> Takže sa nemusíte si robiť starosti, ak nie všetky tohle príde ľahké pre vás. 1012 00:53:53,150 --> 00:53:56,410 To bude v čase konečný projekt. 1013 00:53:56,410 --> 00:53:58,030 Vďaka za ukazovať. 1014 00:53:58,030 --> 00:54:01,380 Odkaz budem aktualizovať čoskoro po seminár, takže môžete vidieť niektoré ďalšie 1015 00:54:01,380 --> 00:54:05,630 príklady, ktoré som realizované na tom, ako získať viac pokročilé rebríčku 1016 00:54:05,630 --> 00:54:08,640 že mám na týchto webových stránkach tu na jedno-skupinu-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Ďakujem. 1019 00:54:21,260 --> 00:54:22,760 >> [APPLAUSE] 1020 00:54:22,760 --> 00:56:58,070