1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:10,960 [Hudba hrať] 3 00:00:10,960 --> 00:00:12,960 ROGER ZURAWICKI: Ahoj, my Volá sa Roger Zurawicki, 4 00:00:12,960 --> 00:00:16,410 a ja budem pokrývajúce seminár CS50 Meteor. 5 00:00:16,410 --> 00:00:21,520 Meteor je nový rámec venovaný novému druhu webu, 6 00:00:21,520 --> 00:00:25,220 Nie je PHP predkladanie žiadostí tam a späť druh 7 00:00:25,220 --> 00:00:29,070 Web sme videli v sade PHPP, ale dynamickejšie JavaScript 8 00:00:29,070 --> 00:00:31,370 časti webu. 9 00:00:31,370 --> 00:00:36,260 Veci Meteor môže robiť zahŕňa živé Aktualizácia 10 00:00:36,260 --> 00:00:42,380 a okamžite komunikáciu medzi užívateľmi rovnakej webovej stránke. 11 00:00:42,380 --> 00:00:46,420 >> V tomto seminári, máme Kód hostil na mojej GitHub. 12 00:00:46,420 --> 00:00:49,690 Môžete ísť na túto adresu URL a stiahnite si ju. 13 00:00:49,690 --> 00:00:53,085 Ak viete, ako používať Git, môžete naklonovať repozitár. 14 00:00:53,085 --> 00:00:55,460 Ak neviete, ako používať Git alebo neboli použité GitHub, 15 00:00:55,460 --> 00:00:57,030 To je úplne v poriadku. 16 00:00:57,030 --> 00:01:00,480 Budem sa rýchlo ukáže naozaj Ako môžeme ísť na GitHub, 17 00:01:00,480 --> 00:01:03,604 a je tu možnosť na stiahnutie zips priamo tam. 18 00:01:03,604 --> 00:01:06,770 Akonáhle si stiahnete tento adresár, budete môžete začať hrať s naším kódom. 19 00:01:06,770 --> 00:01:10,200 20 00:01:10,200 --> 00:01:13,190 >> Viac informácií o Meteor možno nájsť na meteor.com. 21 00:01:13,190 --> 00:01:16,580 V priečinku seminár, som vlastne majú niektoré projekty Meteor môžeme použiť. 22 00:01:16,580 --> 00:01:20,380 23 00:01:20,380 --> 00:01:26,400 Jeden z zložiek, ktoré máme v našej seminárne práce je Todos app. 24 00:01:26,400 --> 00:01:28,780 Takže keď som sa ísť do toho I, nainštalovaný Meteor. 25 00:01:28,780 --> 00:01:35,690 Tak ho spustiť, už stačí len zadať Meteor, Meteor a nainštaluje. 26 00:01:35,690 --> 00:01:38,310 Ako môžete vidieť, musíme uistite sa, že sme inštalovali Meteor. 27 00:01:38,310 --> 00:01:40,562 Tak som len tak spustite ho ešte raz 28 00:01:40,562 --> 00:01:42,520 aby sa ubezpečil, že Meteor Je správne nainštalovaný. 29 00:01:42,520 --> 00:01:46,370 30 00:01:46,370 --> 00:01:48,450 >> Aj keď som sa Meteor Inštalácia, môžem vám ukázať 31 00:01:48,450 --> 00:01:53,760 Niektorí žijú ukážky Meteor stránok bude žiť práve teraz na internete. 32 00:01:53,760 --> 00:01:57,990 Mám demo našej aplikácie. 33 00:01:57,990 --> 00:02:00,740 Získate ich na nasledujúcej adrese URL. 34 00:02:00,740 --> 00:02:06,350 To je k tomu aplikácie, ktoré sme v našej seminárnej adresára. 35 00:02:06,350 --> 00:02:09,940 URL pre to je rozu-rabbit.meteor.com. 36 00:02:09,940 --> 00:02:14,782 Uvidíte, že Meteor bude skutočne hostiť svoje Meteor projekty zadarmo. 37 00:02:14,782 --> 00:02:17,490 A na záver seminára, budete mať možnosť to urobiť rovnako. 38 00:02:17,490 --> 00:02:20,550 39 00:02:20,550 --> 00:02:22,160 >> To je zoznam úloh app. 40 00:02:22,160 --> 00:02:27,740 A môžete prihlásiť, vytvorte účty, a pridávať úlohy. 41 00:02:27,740 --> 00:02:30,020 Môžete si vytvoriť účet ako tak. 42 00:02:30,020 --> 00:02:33,050 43 00:02:33,050 --> 00:02:35,850 A teraz, až budete mať účet, môžete pridávať úlohy. 44 00:02:35,850 --> 00:02:42,780 Napríklad, jeden z úloh I Možno budete musieť ísť vyzdvihnúť bielizeň. 45 00:02:42,780 --> 00:02:45,160 A ak ste na to site online, budete 46 00:02:45,160 --> 00:02:49,790 skutočne vidieť túto úlohu na váš počítač v reálnom čase. 47 00:02:49,790 --> 00:02:53,760 >> Môžem vám ukázať rýchly demo to otvorením Rozum-králičie 48 00:02:53,760 --> 00:02:56,700 na iné karte sa rovnakú adresu URL. 49 00:02:56,700 --> 00:03:00,360 A vidíme, že rovnaké dáta príde. 50 00:03:00,360 --> 00:03:02,240 Môžeme tiež spustiť v iný prehliadač. 51 00:03:02,240 --> 00:03:03,420 Povedzme, že som ho spustiť v prehliadači Safari. 52 00:03:03,420 --> 00:03:04,720 Tak my nie ste prihlásený. 53 00:03:04,720 --> 00:03:07,750 54 00:03:07,750 --> 00:03:11,060 Takže máme rovnaký Meteor app, a akonáhle sa načíta, 55 00:03:11,060 --> 00:03:13,910 uvidíme rovnaké dáta sme v prvej. 56 00:03:13,910 --> 00:03:16,710 Ako môžete vidieť, nie som prihlásený tu. 57 00:03:16,710 --> 00:03:20,000 A keď dáta diváci kontroly, aktualizuje na všetkých prehliadačoch 58 00:03:20,000 --> 00:03:20,910 súčasne. 59 00:03:20,910 --> 00:03:23,740 To je jeden z naozaj skvelých vlastností, o Meteor. 60 00:03:23,740 --> 00:03:27,700 S takmer bez práce, vy majú živé aplikácie aktualizácia 61 00:03:27,700 --> 00:03:31,240 že zmeny na všetkých vaše zariadenie naraz. 62 00:03:31,240 --> 00:03:36,690 >> Keby som začiarknite políčko tu v mojom urobiť zoznam, budeme mať, 63 00:03:36,690 --> 00:03:41,230 V mojich ďalších prehliadača Chrome, položka zaškrtnutá. 64 00:03:41,230 --> 00:03:42,605 A to sa stane okamžite. 65 00:03:42,605 --> 00:03:46,340 66 00:03:46,340 --> 00:03:47,280 Dobrá. 67 00:03:47,280 --> 00:03:52,730 Takže to vyzerá, Meteor Inštalácia je teraz pripravený. 68 00:03:52,730 --> 00:03:57,000 Takže teraz sa vráťme do Todos app a spustiť to lokálne. 69 00:03:57,000 --> 00:04:01,599 >> Ak máte Meteor projekt, môžete len spustiť príkazom Meteor. 70 00:04:01,599 --> 00:04:03,640 Akonáhle to urobíte, Meteor bude robiť určitú prípravu 71 00:04:03,640 --> 00:04:06,120 aby sa ubezpečil všetky Váš kód je v šachu. 72 00:04:06,120 --> 00:04:12,440 A potom to vám poviem, že Projekt je pripravený byť doručená. 73 00:04:12,440 --> 00:04:17,750 Možno budete musieť, aby vaše firewall, ak váš počítač vás blokov. 74 00:04:17,750 --> 00:04:22,440 >> Takže to, čo Meteor sa mi povedať, teraz je to, že na tejto webovej stránke 75 00:04:22,440 --> 00:04:26,100 miestnej môjho počítača, vidím čo to Meteor projekt. 76 00:04:26,100 --> 00:04:29,290 Všimnite si, že práve teraz, moja aplikácia je nie je prístupný na internete. 77 00:04:29,290 --> 00:04:35,170 Budeme na to, ako si vziať Meteor app na živé webe trochu neskôr. 78 00:04:35,170 --> 00:04:40,510 Tak som len tak skopírovať tento URL sa a ísť do prehliadača Google Chrome. 79 00:04:40,510 --> 00:04:42,600 >> A to je robiť Zoznam z príkladu. 80 00:04:42,600 --> 00:04:46,080 Môžete vidieť, že vykonávali niekoľko ďalších funkcií tu. 81 00:04:46,080 --> 00:04:49,210 Máme rôzne karty, my majú rovnaké vlastnosti účtu, 82 00:04:49,210 --> 00:04:52,141 a môžeme pridať nové zoznamy. 83 00:04:52,141 --> 00:04:54,140 Teraz, jeden z naozaj zaujímavé funkcie o Meteor 84 00:04:54,140 --> 00:04:57,450 je to, že môže nielen to pracovať na svojom webovom prehliadači, 85 00:04:57,450 --> 00:05:00,030 ale môžete tiež vytvárať natívne iPhone a Android 86 00:05:00,030 --> 00:05:02,990 aplikácie cez nástroj s názvom PhoneGap. 87 00:05:02,990 --> 00:05:06,740 >> Takže niektoré projekty príde vopred nakonfigurovaný pre beh 88 00:05:06,740 --> 00:05:08,700 na iOS, ako je tento todos app. 89 00:05:08,700 --> 00:05:14,780 Takže všetko, čo je potrebné urobiť, aby sa spustiť v iOS je typ Meteor, Spustiť a zadajte iOS. 90 00:05:14,780 --> 00:05:17,540 A keď som to urobil, Meteor pripraví balíček znova. 91 00:05:17,540 --> 00:05:21,670 A potom, akonáhle je pripravený, že bude nahrať simulátor iOS na môj povel. 92 00:05:21,670 --> 00:05:24,745 Poznámka: je možné spustiť len iOS aplikácie Ak máte počítač Mac. 93 00:05:24,745 --> 00:05:27,650 94 00:05:27,650 --> 00:05:30,730 Môžete spustiť svoje aplikácie na Android na všetkých platformách. 95 00:05:30,730 --> 00:05:34,070 96 00:05:34,070 --> 00:05:38,290 >> Teraz teda môžete vidieť, že môj iPhone simulátor prišiel mi na obrazovke. 97 00:05:38,290 --> 00:05:40,370 A za chvíľu, to bude zaťaženie s aplikáciou. 98 00:05:40,370 --> 00:05:46,070 99 00:05:46,070 --> 00:05:48,490 Urobíme Ak to len trochu menšie, aby sa vošli na obrazovku, 100 00:05:48,490 --> 00:05:50,780 vidíme máme aplikácie pre iPhone. 101 00:05:50,780 --> 00:05:53,220 A len tak my nie sa zmiasť, urobme 102 00:05:53,220 --> 00:05:59,790 istí, že sme na rovnakej webové stránky, miestne hostiteľ 3000. 103 00:05:59,790 --> 00:06:03,490 >> Tak tu je príklad app Meteor mám, 104 00:06:03,490 --> 00:06:08,770 Todos aplikácie, beží ako na telefón a na webovom prehliadači. 105 00:06:08,770 --> 00:06:10,770 A keď som sa zmeniť veci vo webovom prehliadači, 106 00:06:10,770 --> 00:06:12,675 okamžite ide do telefónu. 107 00:06:12,675 --> 00:06:16,500 A môžem odstrániť niečo, čo na telefóne, a mení sa vo webovom prehliadači. 108 00:06:16,500 --> 00:06:21,050 >> Teraz, za normálnych okolností vytvárať natívne telefón aplikácie pre iOS a Android, 109 00:06:21,050 --> 00:06:26,090 čo potrebujete vedieť buď Java alebo Cieľ C. technológie Meteor použitie 110 00:06:26,090 --> 00:06:29,240 aby pre svoju prevádzku JavaScript as vaša aplikácia sa nazýva PhoneGap. 111 00:06:29,240 --> 00:06:31,320 Aká je vaša aplikácia v podstate je je webový prehliadač. 112 00:06:31,320 --> 00:06:34,500 A Meteor zvláda všetky chúlostivé časti zapojené 113 00:06:34,500 --> 00:06:39,820 pre podanie tohto webového prehliadača váš iPhone alebo vaše Android zariadenie. 114 00:06:39,820 --> 00:06:42,210 Môžete vidieť, že užívateľské rozhranie je hladká, 115 00:06:42,210 --> 00:06:45,290 a vyzerá to a cíti sa veľmi podobne ako natívne aplikácie. 116 00:06:45,290 --> 00:06:48,620 Všimnite si, že keď pôjdem do domu displeji sa, aj ja si ikonu. 117 00:06:48,620 --> 00:06:50,880 To nie je webové stránky, ako by ste si v prehliadači Safari. 118 00:06:50,880 --> 00:06:51,860 To je jeho vlastný app. 119 00:06:51,860 --> 00:06:54,130 Môžete nainštalovať a zmazať, ak budete chcieť. 120 00:06:54,130 --> 00:06:59,500 121 00:06:59,500 --> 00:07:04,436 >> Môžeme stručne ukázať, čo kód pre tento druh aplikácie todos vyzerá. 122 00:07:04,436 --> 00:07:08,260 Ak sa pozriete do zložky todos, uvidíte, existuje mnoho zložiek. 123 00:07:08,260 --> 00:07:11,440 Ale v priebehu semináre, budeme 124 00:07:11,440 --> 00:07:14,780 pochopiť, čo každá zložka sa používa pre. 125 00:07:14,780 --> 00:07:17,830 Poďme do terminálu, takže sme môžete vidieť súbory trochu lepšie. 126 00:07:17,830 --> 00:07:20,410 >> Idem stlačiť Control C zastaviť server 127 00:07:20,410 --> 00:07:22,770 a teraz som späť v todos app. 128 00:07:22,770 --> 00:07:26,660 Mám rôzne zložky tu, rovnako ako zložky klienta, folder server. 129 00:07:26,660 --> 00:07:30,500 A tieto zložky jednoducho znamenajú, že všetko v zložke klienta 130 00:07:30,500 --> 00:07:32,630 dostane popravený vo Vašom webovom prehliadači. 131 00:07:32,630 --> 00:07:35,530 Všetko v priečinku servera dostane spustený na serveri. 132 00:07:35,530 --> 00:07:38,100 >> To, čo chcem zdôrazniť out, je, že to, čo sme mali 133 00:07:38,100 --> 00:07:42,140 keď sme mali telefón v chode a náš webový prehliadač, sa jednalo o klientov. 134 00:07:42,140 --> 00:07:45,730 Ale to, čo beží v terminál, že je to server. 135 00:07:45,730 --> 00:07:48,710 Máme iné zložky, ako je lib, čo je knižnica kód, 136 00:07:48,710 --> 00:07:51,050 ako váš pomocník funkcie, ktoré si môžete 137 00:07:51,050 --> 00:07:53,710 použitie na strane klienta a servera. 138 00:07:53,710 --> 00:07:55,820 A potom budete mať verejnosť zložky a zdroje 139 00:07:55,820 --> 00:07:59,310 zložky potrebné pre získanie vaše obrázky a ďalšie CSS načítaný. 140 00:07:59,310 --> 00:08:02,630 141 00:08:02,630 --> 00:08:09,360 >> Ak ste nainštalovali Meteor, budeme pokračovať v kurze pre Meteor. 142 00:08:09,360 --> 00:08:12,790 Môžete ísť na túto adresu URL, meteor.com/install, 143 00:08:12,790 --> 00:08:17,990 získať príkazového riadka, ktoré som ukázal, že nainštaluje Meteor. 144 00:08:17,990 --> 00:08:20,240 Pôjdeme cez prvé niekoľko krokov, aby si lepšie 145 00:08:20,240 --> 00:08:22,760 pocit o tom, ako nainštalovať Meteor. 146 00:08:22,760 --> 00:08:28,000 >> Ale najprv, myslím, že je dôležité, aby kontrolujeme trochu JavaScript. 147 00:08:28,000 --> 00:08:32,360 Ak chcete ukázať vám niekoľko príkladov, ako naša C znalosti môžu byť preložené 148 00:08:32,360 --> 00:08:34,950 JavaScriptu, som vytvoril niekoľko príkladov. 149 00:08:34,950 --> 00:08:36,940 Oni sú v adresári JS. 150 00:08:36,940 --> 00:08:41,750 Takže ak v priečinku vás semináre vyzerať, je tu zložku s názvom js. 151 00:08:41,750 --> 00:08:44,540 A tu, máme niekoľko príkladov. 152 00:08:44,540 --> 00:08:50,120 >> Poďme otvoriť prvý Príklad a uvidíte veľmi rýchlo. 153 00:08:50,120 --> 00:08:53,980 To, čo vidíme, je vaše štandardné ahoj príkaz sveta. 154 00:08:53,980 --> 00:08:56,520 Všimnite si v C, ktoré vás majú úplne pár riadkov. 155 00:08:56,520 --> 00:09:00,490 A ako CS50 študenti vedia, potrebujeme hlavnú funkciu, 156 00:09:00,490 --> 00:09:05,730 a musíme zahrnúť štandard I / O knižnice, aby sa volanie printf. 157 00:09:05,730 --> 00:09:09,320 >> Poďme sa pozrieť na to, ako JavaScript porovnáva. 158 00:09:09,320 --> 00:09:11,560 Idem otvoriť ex1.js. 159 00:09:11,560 --> 00:09:14,650 Vykomentováno je to, čo C kód bude vyzerať, 160 00:09:14,650 --> 00:09:17,550 a pod čiarou je všetko je potrebné spustiť v uzle. 161 00:09:17,550 --> 00:09:20,452 Nepotrebujete hlavnú funkciu, nemusí zahŕňať všetky súbory, 162 00:09:20,452 --> 00:09:21,660 a nemusíte sa vrátiť. 163 00:09:21,660 --> 00:09:23,810 Tie stačí zavolať console.log. 164 00:09:23,810 --> 00:09:26,370 To je ekvivalent vášho printf. 165 00:09:26,370 --> 00:09:29,310 >> A to trvá rovnaký argumenty printf by. 166 00:09:29,310 --> 00:09:33,870 A aby ho spustiť, namiesto spustenia robiť V1, 167 00:09:33,870 --> 00:09:38,930 by ste stačí zavolať ex1.js. uzlov 168 00:09:38,930 --> 00:09:41,830 Píšete uzol a potom súbor, a to dostane spustiť. 169 00:09:41,830 --> 00:09:43,580 To nie je získať skompilovaný. 170 00:09:43,580 --> 00:09:45,970 JavaScript je interpretovaný jazyk. 171 00:09:45,970 --> 00:09:49,150 Tak, že nemusí byť zostavujú pred tým, než to beh. 172 00:09:49,150 --> 00:09:53,450 Keď som chcel bežať ex1.c, Musím urobiť to ako prvý, 173 00:09:53,450 --> 00:09:59,160 a potom som si spustiť spustiteľný získať rovnaký výstup. 174 00:09:59,160 --> 00:10:02,460 >> Poďme rýchlo pokryť niektoré ďalšie pojmy JavaScript. 175 00:10:02,460 --> 00:10:04,490 Pozrime sa na príklad dva. 176 00:10:04,490 --> 00:10:14,690 V ex2.js, v ex2.c, môžeme vidieť, že máme nejaký kód. 177 00:10:14,690 --> 00:10:16,550 Dovoľte mi, aby som sa rýchlo prejsť na lepší textový editor 178 00:10:16,550 --> 00:10:18,400 že ukáže tieto nové riadky trochu lepšie. 179 00:10:18,400 --> 00:10:21,760 180 00:10:21,760 --> 00:10:22,380 Dobrá. 181 00:10:22,380 --> 00:10:24,190 Tu máme príklad 2.c. 182 00:10:24,190 --> 00:10:27,360 Tu máme rôzne typy že sme vytlačenie. 183 00:10:27,360 --> 00:10:30,880 A ako vieme, printf sa rôzne percent argumenty 184 00:10:30,880 --> 00:10:34,050 pre prístup k rôznym častí dát. 185 00:10:34,050 --> 00:10:36,840 Ak chceme vytlačiť reťazec, nazývame% s. 186 00:10:36,840 --> 00:10:40,390 Ak chceme volať plávajúce číslo bodu, sme zavolali% f. 187 00:10:40,390 --> 00:10:45,810 A neexistuje žiadny jednoduchý spôsob, ako volať Boolean jeho hodnotu true alebo false. 188 00:10:45,810 --> 00:10:50,760 Ale ak použijete% d, môžete získať 0 alebo 1 na nepravdivé a pravdivé. 189 00:10:50,760 --> 00:10:53,270 >> JavaScript je trochu krajší pre nás. 190 00:10:53,270 --> 00:10:57,740 V JavaScriptu, poďme sa pozrieť na pár rozdiely máme v tomto súbore. 191 00:10:57,740 --> 00:11:05,790 Po prvé, zistíte, že v C musíme inicializovať každú premennú s typom. 192 00:11:05,790 --> 00:11:06,940 S je char hviezda. 193 00:11:06,940 --> 00:11:08,930 Je to reťazec, a to nemôže byť akýkoľvek iný typ. 194 00:11:08,930 --> 00:11:10,450 N je float. 195 00:11:10,450 --> 00:11:11,780 B je Bool. 196 00:11:11,780 --> 00:11:14,220 >> Ale v JavaScripte sú dynamické typy. 197 00:11:14,220 --> 00:11:16,400 To znamená, že nie Potrebujete oznámiť JavaScript 198 00:11:16,400 --> 00:11:17,860 aké typy vaša premennej bude. 199 00:11:17,860 --> 00:11:22,730 Ste len povedať var pre premennú, názov premenné, a potom jeho hodnota. 200 00:11:22,730 --> 00:11:24,690 Takže var môže byť čokoľvek, naozaj. 201 00:11:24,690 --> 00:11:25,640 To môže byť reťazec. 202 00:11:25,640 --> 00:11:27,300 Môže to byť číslo s plávajúcou čiarkou. 203 00:11:27,300 --> 00:11:28,560 Môže to byť znak. 204 00:11:28,560 --> 00:11:31,250 Môže to byť logická. 205 00:11:31,250 --> 00:11:34,380 A log z konzoly funguje trochu inak. 206 00:11:34,380 --> 00:11:37,340 Ak chcete tlačiť číslo, budete volať% d. 207 00:11:37,340 --> 00:11:41,740 Ale väčšina hodnoty môžu byť tlačený ako reťazce v pohode. 208 00:11:41,740 --> 00:11:46,220 >> Spustí to v Node vidieť, čo sa bude diať. 209 00:11:46,220 --> 00:11:51,880 Môžem zavolať ex2.js uzlov, a dostaneme printf 210 00:11:51,880 --> 00:11:56,870 s hodnotami CS50, N, číslo s plávajúcou čiarkou, 211 00:11:56,870 --> 00:12:00,620 a potom B ako Boolean prevedený na reťazec skutočné. 212 00:12:00,620 --> 00:12:03,830 Čo keď sme príklad 2.C? 213 00:12:03,830 --> 00:12:09,630 No, my máme ešte stále ďalšie ťažkosti s printf. 214 00:12:09,630 --> 00:12:13,110 Všimnite si, že s plávajúcou rádovou čiarkou Číslo musí byť v správnom formáte, 215 00:12:13,110 --> 00:12:18,120 a že Boolean nemôže jednoducho sa zobrazí ako true alebo false. 216 00:12:18,120 --> 00:12:18,620 Dobrá. 217 00:12:18,620 --> 00:12:22,680 Teraz sa pozrime na príklad tri. 218 00:12:22,680 --> 00:12:26,470 V príklade tri, ukazujeme Ako by ste použili pre sláčiky. 219 00:12:26,470 --> 00:12:27,630 V skutočnosti je to veľmi jednoduché. 220 00:12:27,630 --> 00:12:31,430 Jednou z pekných vecí JavaScript je, že je založený C. 221 00:12:31,430 --> 00:12:33,920 To znamená, že veľa vašich Kód bude vyzerať veľmi podobne 222 00:12:33,920 --> 00:12:36,490 a cíti sa veľmi podobne. 223 00:12:36,490 --> 00:12:39,220 V pre sláčiky, jediná vec, že sa tu naozaj zmenil 224 00:12:39,220 --> 00:12:41,840 je miesto int i, máme var i. 225 00:12:41,840 --> 00:12:45,470 Stále môžeme priradiť k hodnote nula, skontrolujte, či je to menej ako päť, 226 00:12:45,470 --> 00:12:49,390 a prírastok je jedným s prevádzkovateľom ++. 227 00:12:49,390 --> 00:12:56,286 Vyzývame console.log na I, a že nám bude tlačiť číslo s každým riadkom. 228 00:12:56,286 --> 00:12:58,410 Poďme spustiť veľmi rýchlo aby videli, čo to výstupy. 229 00:12:58,410 --> 00:13:02,320 230 00:13:02,320 --> 00:13:03,880 Dostaneme nové číslo v každom riadku. 231 00:13:03,880 --> 00:13:06,920 Ďalšia vec, ktorú chcem ťa všímať s console.log 232 00:13:06,920 --> 00:13:09,960 je, nemuseli písať spätné lomítko n na nový riadok. 233 00:13:09,960 --> 00:13:12,480 Console.log bude tlačiť všetko na samostatnom riadku. 234 00:13:12,480 --> 00:13:14,585 To je pekná vlastnosť že JavaScript nám dáva. 235 00:13:14,585 --> 00:13:18,440 236 00:13:18,440 --> 00:13:22,600 >> Teraz poďme otvoriť príklad štyri. 237 00:13:22,600 --> 00:13:28,710 V príklade štyri, najprv v C, nazývame niekoľko funkcií. 238 00:13:28,710 --> 00:13:33,290 Všimnite si, že musíme vyhlásiť funkcie predtým, než sme ich používať hlavné. 239 00:13:33,290 --> 00:13:37,250 Ak by sme mali hlavné prvú a potom pridať a potom vysoko, robiť, 240 00:13:37,250 --> 00:13:39,540 zvonenie, alebo GCC by nám chybové hlásenie, že 241 00:13:39,540 --> 00:13:41,060 že nevie, čo je vysoké. 242 00:13:41,060 --> 00:13:42,780 To nevie, čo je add. 243 00:13:42,780 --> 00:13:46,480 Takže v C, musíte byť vyberavý o Poradie, v ktorom budete volať funkcie. 244 00:13:46,480 --> 00:13:49,220 245 00:13:49,220 --> 00:13:51,310 >> Poďme sa pozrieť na to, ako je to možné urobiť v JavaScripte. 246 00:13:51,310 --> 00:13:56,060 Máme rôzne súbory, pretože tam niekoľko rôznych spôsobov, ako to dosiahnuť. 247 00:13:56,060 --> 00:13:58,950 Jednou z možností je do značnej miery priamy preklad. 248 00:13:58,950 --> 00:14:02,180 Vzhľadom k tomu, funkcie v C vrátiť typy, a JavaScript 249 00:14:02,180 --> 00:14:05,210 nevie alebo starostlivosti o tom, aký sa vrátite, 250 00:14:05,210 --> 00:14:06,300 nechcete napísať typ. 251 00:14:06,300 --> 00:14:08,100 Namiesto toho, stačí písať funkcie, 252 00:14:08,100 --> 00:14:11,180 a všetko je celkom podobne ako predtým. 253 00:14:11,180 --> 00:14:14,630 >> Ak máte premennú, ako v pridávať, len musíme písať x a y. 254 00:14:14,630 --> 00:14:16,060 Nemusíme hovoriť x je int. 255 00:14:16,060 --> 00:14:18,940 Nemusíme hovoriť, y je int. 256 00:14:18,940 --> 00:14:21,030 Vrátime sa rovnakou syntaxou. 257 00:14:21,030 --> 00:14:24,230 Pre vysoké, sme to vyhlásiť s fungujú miesto neplatné. 258 00:14:24,230 --> 00:14:26,110 Všimnite si, že to, či je to void alebo non-neplatné, 259 00:14:26,110 --> 00:14:28,380 je to stále všetko rovnaké funkcie. 260 00:14:28,380 --> 00:14:32,440 A my jednoducho nedávajte niečo v zátvorke, 261 00:14:32,440 --> 00:14:34,690 a to vyzerá veľmi podobne ako C kód. 262 00:14:34,690 --> 00:14:37,460 A ďalej, dá sa to nazvať nižšie. 263 00:14:37,460 --> 00:14:42,730 >> Ak sa pozrieme na príklad 4b, môžeme všimnúť že som sa zmenil pár vecí. 264 00:14:42,730 --> 00:14:45,340 Jediná vec, ktorú som sa zmenil Naozaj aj keď je poradie. 265 00:14:45,340 --> 00:14:47,340 Máme rovnaký funkcie, ale teraz sú 266 00:14:47,340 --> 00:14:52,200 vyhlásený po tom, čo sú zvyknutí na console.log a vysoko na linkách 18, 19. 267 00:14:52,200 --> 00:14:54,740 Ak ste to v jazyku C, ako by sa hodiť chybu. 268 00:14:54,740 --> 00:14:56,070 Tu to funguje v pohode. 269 00:14:56,070 --> 00:15:01,935 A ja vám ukázať vám to by volanie uzla na 4b napr. 270 00:15:01,935 --> 00:15:05,350 271 00:15:05,350 --> 00:15:10,130 >> Ďalším spôsobom, ako môžeme volať funkcie je uložením funkcie ako premenné. 272 00:15:10,130 --> 00:15:13,790 Ako som povedal, variabilný môže mať akýkoľvek typ. 273 00:15:13,790 --> 00:15:16,720 Jeden z typov premennú môže mať, je funkcia. 274 00:15:16,720 --> 00:15:19,800 Takže, keď sa pozriete na príklad 4c, čo som sa zmenil 275 00:15:19,800 --> 00:15:24,320 Tu je var pridať miesto funkcie doplnku. 276 00:15:24,320 --> 00:15:26,807 A teraz pridať rovná funkciu. 277 00:15:26,807 --> 00:15:28,140 Táto funkcia je tu anonymný. 278 00:15:28,140 --> 00:15:33,346 To nemá meno, takže je to len funkcie a potom v zátvorkách. 279 00:15:33,346 --> 00:15:35,220 Syntax potom nemení, ale vy 280 00:15:35,220 --> 00:15:38,300 to mať na pamäti, že máte premennú, že si 281 00:15:38,300 --> 00:15:42,940 uloženie funkciu do doplnkov, a premenná, že ste ukladanie do vysokej. 282 00:15:42,940 --> 00:15:47,620 >> Vzhľadom k tomu, pridať a vysoké sú teraz premenné a nie funkcie, niečo zmení. 283 00:15:47,620 --> 00:15:50,190 Jedná sa o spoločný chyba vidím veľa JavaScriptu ľudí, 284 00:15:50,190 --> 00:15:52,410 a niečo mať na pamäti. 285 00:15:52,410 --> 00:15:54,365 Keď spustím to, uvidíme, čo sa stane. 286 00:15:54,365 --> 00:15:57,410 287 00:15:57,410 --> 00:15:58,230 Dostanem chybu. 288 00:15:58,230 --> 00:16:01,000 Je hovorí nedefinované v tomto bode. 289 00:16:01,000 --> 00:16:03,520 Takže je to hovorí nevie, čo pridať, je. 290 00:16:03,520 --> 00:16:06,010 >> Vzhľadom k tomu, teraz pridať nie funkcie, pridať je premenná. 291 00:16:06,010 --> 00:16:10,100 A ste skutočne poskytované pridať hodnotu, ale ak ste ho použili. 292 00:16:10,100 --> 00:16:14,460 To nás privádza k príkladu 4D, kde v prípade, Ak chcete použiť premenné ako funkcie, 293 00:16:14,460 --> 00:16:17,210 stačí, aby sa ubezpečil, že získať hodnotu, než sú zvyknutí. 294 00:16:17,210 --> 00:16:20,200 295 00:16:20,200 --> 00:16:23,420 >> Poďme sa presunúť na príklade päť potom. 296 00:16:23,420 --> 00:16:27,390 Tu hovoríme o Štruktúry v C. C, structs 297 00:16:27,390 --> 00:16:30,320 túto pevnú štruktúru na ne preto, že ich musíte deklarovať 298 00:16:30,320 --> 00:16:33,050 Pred použitím, a hovoríte, mám študenta, 299 00:16:33,050 --> 00:16:36,645 a každý študent má presne jedno meno, jeden rok, jedno pohlavie. 300 00:16:36,645 --> 00:16:37,770 Musia mať všetky z nich. 301 00:16:37,770 --> 00:16:42,280 To nemôže mať žiadne iné hodnoty, a majú byť konkrétne typy. 302 00:16:42,280 --> 00:16:47,540 >> Potom môžeme inicializovať struct v tejto peknej syntaxi 303 00:16:47,540 --> 00:16:49,470 pretože vie, že poradie. 304 00:16:49,470 --> 00:16:51,460 Takže vie, že Roger je názov. 305 00:16:51,460 --> 00:16:54,060 Je známe, že 2016 je rok a M je pohlavie 306 00:16:54,060 --> 00:16:58,200 preto, že sme povedali, že to Zoznam je struct študentom. 307 00:16:58,200 --> 00:17:01,607 A potom si môžete vytlačiť to, prístup s.name. 308 00:17:01,607 --> 00:17:03,690 Poďme sa pozrieť, ako by sme previesť, že pre JavaScript. 309 00:17:03,690 --> 00:17:06,400 310 00:17:06,400 --> 00:17:09,790 Všimnite si, že to je teraz variabilný, a neexistuje žiadny typ. 311 00:17:09,790 --> 00:17:10,920 Je to zase len var. 312 00:17:10,920 --> 00:17:14,480 Vzhľadom k tomu, že ak nie je vec typ tejto premennej je ukazovateľ, 313 00:17:14,480 --> 00:17:17,440 to je struct, alebo čokoľvek iného. 314 00:17:17,440 --> 00:17:19,650 Máme trochu iný syntax. 315 00:17:19,650 --> 00:17:21,890 To syntax je syntax objekt. 316 00:17:21,890 --> 00:17:24,400 >> Možno ste nevideli v JSON. 317 00:17:24,400 --> 00:17:27,780 JSON vlastne znamená JavaScript Object Notation. 318 00:17:27,780 --> 00:17:31,240 To je, ako definovať v jazyku JavaScript objekty. 319 00:17:31,240 --> 00:17:34,500 Máme kľúč, ktorý je hodnota, ako predtým. 320 00:17:34,500 --> 00:17:37,680 A dáme si cení na na druhej strane hrubého čreva. 321 00:17:37,680 --> 00:17:41,850 A ešte jedna vec je mať na pamäti, je vás Nemusíte mať názov a rok 322 00:17:41,850 --> 00:17:42,980 a pohlavia pre objekt. 323 00:17:42,980 --> 00:17:44,570 Objekt môže mať žiadne hodnoty. 324 00:17:44,570 --> 00:17:46,920 To môže mať toľko, ako by ste chceli. 325 00:17:46,920 --> 00:17:50,375 >> Môžeme použiť tieto objekty v práve Rovnako tak by sme použili struct, s.name. 326 00:17:50,375 --> 00:17:53,810 327 00:17:53,810 --> 00:17:57,080 Môžeme spustiť veľmi rýchlo tým, že robí uzol príklad 5.C. 328 00:17:57,080 --> 00:18:00,320 329 00:18:00,320 --> 00:18:02,520 Nemôžeme skutočne spustiť súbor C v uzle. 330 00:18:02,520 --> 00:18:03,654 To nevie, čo C je. 331 00:18:03,654 --> 00:18:04,695 To vie len JavaScript. 332 00:18:04,695 --> 00:18:09,865 Keď sme sa spustiť ex5.js, dostaneme hodnota, ktorú sme očakávali. 333 00:18:09,865 --> 00:18:13,490 334 00:18:13,490 --> 00:18:15,980 >> Poďme sa presunúť na príklade šiestich. 335 00:18:15,980 --> 00:18:18,930 Tu chcem hovoriť trochu niečo viac o pole JavaScriptu 336 00:18:18,930 --> 00:18:20,930 pretože sú trochu iné, než to, čo ste 337 00:18:20,930 --> 00:18:26,940 použitý v C. Pole notated, Nie je s konzolami, ako v C, 338 00:18:26,940 --> 00:18:28,640 s zložených zátvoriek, ale zátvorkách. 339 00:18:28,640 --> 00:18:32,150 Môžete mať prázdne pole, ako arr v súlade štyri. 340 00:18:32,150 --> 00:18:34,680 Môžete mať pole s viacerými hodnotami. 341 00:18:34,680 --> 00:18:39,790 A vy im prístup rovnako ako v C. 342 00:18:39,790 --> 00:18:42,990 >> Až priamke sedem, všetko Zdá sa, celkom jednoduché. 343 00:18:42,990 --> 00:18:45,390 Jeden malý rozdiel je na riadku 10. 344 00:18:45,390 --> 00:18:48,620 Spôsob, ako získať dĺžku Pole je len tým, že volá .length. 345 00:18:48,620 --> 00:18:50,620 Pole môže byť v skutočnosti zaobchádzať ako objekt, 346 00:18:50,620 --> 00:18:54,960 a tento objekt má dĺžku vlastnosť že budete volať získať dĺžku to. 347 00:18:54,960 --> 00:18:57,350 Všimnite si, že tento sa líšia v C, pretože v C vy 348 00:18:57,350 --> 00:19:01,600 poznať dĺžku váš objekt dopredu. 349 00:19:01,600 --> 00:19:04,700 >> Takže ďalšia pekná vec, o pole je, že môžete mať rôzne typy. 350 00:19:04,700 --> 00:19:07,470 Ak máte pole v C, tam sú polia o určitú hodnotu, 351 00:19:07,470 --> 00:19:11,900 buď ukazovateľ struct alebo pláva alebo [nepočuteľné]. 352 00:19:11,900 --> 00:19:13,700 Tu môžete mať rôzne hodnoty. 353 00:19:13,700 --> 00:19:17,560 Prvýkrát som mal desatinné číslo, potom Boolean, potom ďalšie celé číslo. 354 00:19:17,560 --> 00:19:19,670 A skutočne, môžu zmeniť typy taky. 355 00:19:19,670 --> 00:19:21,220 Pozrite sa na riadku 16. 356 00:19:21,220 --> 00:19:26,760 Array dvaja sa mení od bytia číslo, číslo, na reťazec. 357 00:19:26,760 --> 00:19:30,920 >> Ďalšia pekná vec, o pole je tu na riadku 19, majú nekonečné veľkosti. 358 00:19:30,920 --> 00:19:35,900 Stačí si len povedať, že chcete, aby stotinu element, že reťazec dôveryhodne. 359 00:19:35,900 --> 00:19:38,510 A to sa nezdá, aby sa zmysel, pretože pole len 360 00:19:38,510 --> 00:19:41,080 Má priestor pre tri prvky, takže koniec by mal byť dva. 361 00:19:41,080 --> 00:19:44,800 Ale keď to urobíte, poďme uvidíme, čo sa stane polia tri. 362 00:19:44,800 --> 00:19:47,460 Radi by sme bežať tak rýchlo sa napríklad uzol six.js. 363 00:19:47,460 --> 00:19:49,990 364 00:19:49,990 --> 00:19:52,180 My si to naozaj dlho polia, a to, čo sa stane, 365 00:19:52,180 --> 00:19:55,100 sa máme niekoľko prvých prvkov a potom banda polotovarov 366 00:19:55,100 --> 00:19:56,580 kým sa náš reťazec. 367 00:19:56,580 --> 00:19:58,580 JavaScript vyplní pole, ako je to potrebné. 368 00:19:58,580 --> 00:20:01,790 369 00:20:01,790 --> 00:20:05,420 >> Poďme sa konečne ísť do našej poslednej príklad. 370 00:20:05,420 --> 00:20:08,180 Tu máme zoznam z rôznych študentov. 371 00:20:08,180 --> 00:20:11,350 Chcem s tebou hovoriť trochu niečo o nejaké pekné aspektoch 372 00:20:11,350 --> 00:20:14,240 , Pre slučiek v JavaScripte. 373 00:20:14,240 --> 00:20:17,500 V C, slučky sú trochu obmedzené. 374 00:20:17,500 --> 00:20:21,490 Majú pevnú štruktúru, kde na vás majú premennú, máte podmienku, 375 00:20:21,490 --> 00:20:23,850 a potom robiť niečo na konci slučky. 376 00:20:23,850 --> 00:20:27,560 A samozrejme to funguje v JavaScripte, ako sme videli v predchádzajúcich príkladoch. 377 00:20:27,560 --> 00:20:31,030 Ale máme tiež krajšie cesty ako to urobiť v JavaScripte. 378 00:20:31,030 --> 00:20:33,870 To sa nazýva foreach slučky. 379 00:20:33,870 --> 00:20:36,580 >> Je nám ľúto, vráťme na príklade siedmich tu. 380 00:20:36,580 --> 00:20:39,320 Môžeme tiež povedať, časť je zoznam. 381 00:20:39,320 --> 00:20:43,250 Tak mi daj každé i, alebo každý index v tomto zozname. 382 00:20:43,250 --> 00:20:46,255 Potom sa môžeme dostať študent jednoduchým volaním časti i. 383 00:20:46,255 --> 00:20:50,690 Takže všetko z kódu nastavenie aj rovná nule a robiť istý, že som 384 00:20:50,690 --> 00:20:54,420 je menšia ako dĺžka a pridanie jedného až aj zakaždým, to je 385 00:20:54,420 --> 00:21:00,220 starostlivosť o vás skôr pekne s týmto foreach slučky. 386 00:21:00,220 --> 00:21:02,830 >> Nielen, že foreach slučky práce v zoznamoch alebo polí, 387 00:21:02,830 --> 00:21:06,130 tiež pracovať v objektoch, čo je tiež pekné. 388 00:21:06,130 --> 00:21:10,240 Môžete získať meno každá vlastnosť by len s 389 00:21:10,240 --> 00:21:15,030 slovník alebo objekt, ako študent, a potom len hovorím, daj mi každý kľúč. 390 00:21:15,030 --> 00:21:18,920 Kľúčovým by tieto vlastnosti, meno alebo house. 391 00:21:18,920 --> 00:21:22,870 Takže to, čo sa stane je, že tlačíme najprv meno a potom sa 392 00:21:22,870 --> 00:21:24,920 Dom každého študenta. 393 00:21:24,920 --> 00:21:29,170 >> Môžem bežať to v Node veľmi rýchlo ukázať. 394 00:21:29,170 --> 00:21:35,510 Dostaneme najprv štýl C pre sláčiky, kde dostaneme každý predmet je vytlačiť. 395 00:21:35,510 --> 00:21:38,910 A potom máme JavaScript štýl, kde môžete len 396 00:21:38,910 --> 00:21:41,510 vytlačiť každej klávese a vážiť samostatne. 397 00:21:41,510 --> 00:21:45,560 398 00:21:45,560 --> 00:21:47,050 >> Dobrá. 399 00:21:47,050 --> 00:21:52,850 Teraz, keď sme sa vzťahuje Node.js, myslím, že Sme pripravení začať s Meteor. 400 00:21:52,850 --> 00:21:56,070 Ako som povedal, Meteor odviedli skvelú prácu písanie nejaké hotové príklady 401 00:21:56,070 --> 00:22:00,600 pre vás, ktoré si môžete prezrieť cez Tento výukový program alebo v priečinku seminára. 402 00:22:00,600 --> 00:22:03,750 Ale tu chcem spustiť viac od nuly. 403 00:22:03,750 --> 00:22:06,810 >> Poďme vytvoriť jednoduché urobiť aplikácie. 404 00:22:06,810 --> 00:22:14,140 To je druh základu, čo sa urobiť aplikáciu, ktorú som ukázal už skôr, je. 405 00:22:14,140 --> 00:22:16,990 V tomto výukovom programe Uvidíte, že je tu 406 00:22:16,990 --> 00:22:20,180 príkaz Meteor vytvoriť na vytvoriť nový Meteor projekt. 407 00:22:20,180 --> 00:22:24,510 Musíte volať to v poradí spustiť projekty Meteor, pretože 408 00:22:24,510 --> 00:22:27,470 spustí príkazy vytvoriť Meteor 409 00:22:27,470 --> 00:22:31,100 súbory potrebné pre váš projekt. 410 00:22:31,100 --> 00:22:35,920 >> Ak sa vydáte do terminálu, môžeme prejsť do zložky s názvom prvý krok. 411 00:22:35,920 --> 00:22:41,240 A krok jedna bude zodpovedať Prvým krokom v tutoriálu. 412 00:22:41,240 --> 00:22:44,020 Oznámenia sú zložky, krok jeden, druhý krok, až do piatich. 413 00:22:44,020 --> 00:22:47,835 A každý z nich zodpovedá ku kroku v tomto návode. 414 00:22:47,835 --> 00:22:50,960 415 00:22:50,960 --> 00:22:52,780 Idem otvoriť v mojom textovom editore tu 416 00:22:52,780 --> 00:22:56,280 tak môžeme vidieť trochu toho, čo bolo vytvorené. 417 00:22:56,280 --> 00:22:58,530 Všimli sme si, že tam sú štyri hlavné časti. 418 00:22:58,530 --> 00:23:01,170 K dispozícii je adresár Meteor, .meteor. 419 00:23:01,170 --> 00:23:03,180 A to zvyčajne nemusíte dotknúť. 420 00:23:03,180 --> 00:23:05,070 Meteor sa stará o že zložka, a to len 421 00:23:05,070 --> 00:23:08,640 Tým zabezpečíte, že vaša Projekt bude fungovať správne. 422 00:23:08,640 --> 00:23:14,580 >> Máme tiež tri súbory, súbor HTML, súbor JavaScript a CSS súborov. 423 00:23:14,580 --> 00:23:18,670 Poďme najprv začať s HTML súboru. 424 00:23:18,670 --> 00:23:21,310 Na prvý pohľad to vyzerá ako normálny HTML dokumentu. 425 00:23:21,310 --> 00:23:23,490 Ale všimnite si, že tam je niekoľko rozdielov. 426 00:23:23,490 --> 00:23:26,520 Jeden, to nie je v skutočnosti kompletný HTML dokument. 427 00:23:26,520 --> 00:23:28,640 Sme chýba HTML tagy. 428 00:23:28,640 --> 00:23:29,700 To je normálne. 429 00:23:29,700 --> 00:23:33,560 V Meteor, že ste sa neočakáva vytvoriť tieto HTML tagy. 430 00:23:33,560 --> 00:23:35,260 To je pre teba urobil. 431 00:23:35,260 --> 00:23:38,380 Chcete begin-- ak máte Chcete vytvoriť webové stránky, 432 00:23:38,380 --> 00:23:40,430 stačí spustiť s tagom hlavy, 433 00:23:40,430 --> 00:23:43,510 definovať, že, a potom definovať značku tela. 434 00:23:43,510 --> 00:23:48,940 >> Ale ak si všimnete v tomto HTML súbor, máme novú značku. 435 00:23:48,940 --> 00:23:50,350 Máme značku šablóny. 436 00:23:50,350 --> 00:23:52,050 To nie je normálne HTML. 437 00:23:52,050 --> 00:23:55,300 Toto je špeciálna verzia HTML že Meteor je vám k dispozícii. 438 00:23:55,300 --> 00:23:57,660 Hovorí sa tomu priestor barov. 439 00:23:57,660 --> 00:24:00,980 Môžete definovať šablóny je málo moduly, niečo ako pomocné funkcie, 440 00:24:00,980 --> 00:24:03,660 v C alebo kód JavaScriptu. 441 00:24:03,660 --> 00:24:06,020 Táto šablóna by mať názov s názvom úloha. 442 00:24:06,020 --> 00:24:10,520 A môžete vidieť priamo tu on-line 13, ktoré môžete volať tieto šablóny. 443 00:24:10,520 --> 00:24:14,380 A čo Meteor bude robiť, je len vyplniť týchto úloh pre vás. 444 00:24:14,380 --> 00:24:17,540 445 00:24:17,540 --> 00:24:22,580 >> Ďalšia vec, ktorú si môžete všimnúť, je Trošku iné je to každá funkcia. 446 00:24:22,580 --> 00:24:26,130 Každý bude mať premennú úlohy a trochu prejsť 447 00:24:26,130 --> 00:24:28,810 V tomto foreach slučky my Videl v príklade sedem. 448 00:24:28,810 --> 00:24:34,200 To každý môže trvať slovník alebo zoznam, predmet alebo zoznam 449 00:24:34,200 --> 00:24:38,820 a to si len prejsť všetky Hodnoty ako foreach slučky by. 450 00:24:38,820 --> 00:24:44,110 Takže ak máme veľa úloh, to zavolá šablónu pre každú úlohu. 451 00:24:44,110 --> 00:24:49,590 >> Poďme spustenie projektu Meteor len aby videl, že sa to stane. 452 00:24:49,590 --> 00:24:53,260 Aj spustenie projektu Meteor s Len Meteor Meteor alebo spustiť. 453 00:24:53,260 --> 00:24:56,690 A teraz Meteor len bude potrebovať rýchlo pripraviť projekt, 454 00:24:56,690 --> 00:25:03,320 spustenie databázy, ako je to nutné, a potom po aplikácii lokálne. 455 00:25:03,320 --> 00:25:07,200 Môžeme ísť do našej webovom prehliadači teraz. 456 00:25:07,200 --> 00:25:10,215 A uvidíme, že sme majú veľmi jednoduchú aplikáciu. 457 00:25:10,215 --> 00:25:22,190 458 00:25:22,190 --> 00:25:29,130 Takže to, čo sme videli, sa objavil bol vlastne prvý krok, krok jeden súbor. 459 00:25:29,130 --> 00:25:33,260 >> Poďme ku kroku dva len preto, že Myslím, že to bude mať rovnaký účel. 460 00:25:33,260 --> 00:25:36,500 Len som sa zmení ku kroku dva adresáre 461 00:25:36,500 --> 00:25:39,550 a znovu spustiť Meteor, takže môžeme vidieť šablóna sme práve pracoval. 462 00:25:39,550 --> 00:25:43,560 463 00:25:43,560 --> 00:25:45,730 Áno, otázka? 464 00:25:45,730 --> 00:25:49,724 >> Divákov: Ak sa dostávame povolenie popieral, je that-- čo je to 465 00:25:49,724 --> 00:25:50,390 volal, že? 466 00:25:50,390 --> 00:25:52,154 467 00:25:52,154 --> 00:25:54,070 ROGER ZURAWICKI: Ak je vediete Meteor beh, 468 00:25:54,070 --> 00:25:57,280 a máte oprávnenie popieral, niektoré súbory 469 00:25:57,280 --> 00:25:59,070 nemusia mať správnu sadu oprávnenie. 470 00:25:59,070 --> 00:26:03,970 Takže budete musieť skontrolovať, kde oprávnenia sú preč. 471 00:26:03,970 --> 00:26:06,030 Mohli by byť vypnutý v Váš Meteor projekt, 472 00:26:06,030 --> 00:26:08,550 alebo by mohli byť preč v Meteor súbory sami. 473 00:26:08,550 --> 00:26:13,742 >> Divákov: Keď Stiahol som si to práve teraz z GitHub, potom to, čo mám robiť 474 00:26:13,742 --> 00:26:16,110 [Nepočuteľné]? 475 00:26:16,110 --> 00:26:20,110 >> ROGER ZURAWICKI: Ak chcete, aby sa ubezpečil, môžete pristupovať, 476 00:26:20,110 --> 00:26:21,450 je tu príkaz môžete spustiť. 477 00:26:21,450 --> 00:26:26,590 Dovoľte mi, aby som rýchlo písať na to aby ostatní ľudia môžu vidieť. 478 00:26:26,590 --> 00:26:30,670 Chystám sa tu otvorte novú kartu a ísť do môjho seminára zložky. 479 00:26:30,670 --> 00:26:33,500 480 00:26:33,500 --> 00:26:36,490 Chmod je príkaz zmeniť povolenia, 481 00:26:36,490 --> 00:26:40,060 a možno povedať, r na to rekurzívne pre každý súbor. 482 00:26:40,060 --> 00:26:46,040 A oprávnenia, môžete skúsiť 0755 sa uistite, že máte plný prístup, 483 00:26:46,040 --> 00:26:47,820 a všetci ostatní môžu prečítať. 484 00:26:47,820 --> 00:26:50,100 A ak ste práve beží tento príkaz, bude to robiť 485 00:26:50,100 --> 00:26:55,800 či oprávnení sú skontrolujte, či celý adresár. 486 00:26:55,800 --> 00:26:59,160 Spustenie LS-l môže ukázať oprávnenie podrobnejšie. 487 00:26:59,160 --> 00:27:01,290 To vyzerá OK. 488 00:27:01,290 --> 00:27:03,900 >> Čo je najdôležitejšie je že máte všetky tri 489 00:27:03,900 --> 00:27:06,610 rwx pre všetky súbory v adresár seminár. 490 00:27:06,610 --> 00:27:09,415 491 00:27:09,415 --> 00:27:11,330 Vedeli, že vyriešiť problém? 492 00:27:11,330 --> 00:27:13,735 >> Divákov: To hovorí, že chýba operant [nepočuteľné]. 493 00:27:13,735 --> 00:27:17,980 494 00:27:17,980 --> 00:27:18,740 [Nepočuteľné] 495 00:27:18,740 --> 00:27:20,490 ROGER ZURAWICKI: Vy musí sa uistiť, že 496 00:27:20,490 --> 00:27:23,022 majú bodku na konci vášho príkazu. 497 00:27:23,022 --> 00:27:23,938 Divákov: [nepočuteľné]. 498 00:27:23,938 --> 00:27:36,395 499 00:27:36,395 --> 00:27:37,520 ROGER ZURAWICKI: Dobre. 500 00:27:37,520 --> 00:27:42,220 Poďme sa rýchlo vrátiť do miestneho hostiteľa, app máme. 501 00:27:42,220 --> 00:27:46,640 A uvidíte, že máme Niekoľko úloh tu, ako sa očakávalo. 502 00:27:46,640 --> 00:27:49,330 503 00:27:49,330 --> 00:27:51,990 Máme veľa CSS, ktorý nemusíte sa obávať. 504 00:27:51,990 --> 00:27:53,740 Tutorial Meteor len dáva vám to 505 00:27:53,740 --> 00:27:58,010 aby sa vaša urobiť zoznam vyzerať bit krajší než prostý HTML. 506 00:27:58,010 --> 00:28:02,290 A máme súbor JavaScriptu, ktorý Ja pôjdem do detailov o niečo neskôr, 507 00:28:02,290 --> 00:28:04,272 ale to len poskytuje tieto úlohy. 508 00:28:04,272 --> 00:28:04,980 To je úloha jeden. 509 00:28:04,980 --> 00:28:05,740 To je úloha dve. 510 00:28:05,740 --> 00:28:06,590 To je úloha tri. 511 00:28:06,590 --> 00:28:09,720 Tak toto je dátový Meteor ich získali. 512 00:28:09,720 --> 00:28:15,590 >> Jedna z najlepších vecí na Meteor je že zmeny sa môže stať automaticky. 513 00:28:15,590 --> 00:28:18,990 Keď som chcel zmeniť názov prvej úlohy, 514 00:28:18,990 --> 00:28:22,490 tak to by som povedal, že to nie je úloha jeden, a ja uložiť, 515 00:28:22,490 --> 00:28:26,370 potom, keď som sa ísť na web prehliadač, môžete aktualizovať to, 516 00:28:26,370 --> 00:28:30,861 a to automaticky hovorí, že to nie je úloha jeden. 517 00:28:30,861 --> 00:28:32,860 Môžete urobiť to isté v každom z týchto súborov. 518 00:28:32,860 --> 00:28:37,940 Vykonať zmenu, miesto robiť zoznam, budem mať to môj zoznam úloh. 519 00:28:37,940 --> 00:28:40,980 >> A ešte jedna vec, ktorú by ste si všimol, že som nemal ani aktualizovať. 520 00:28:40,980 --> 00:28:43,960 Myšlienka osvieženie je druh riešených pre vás s Meteor. 521 00:28:43,960 --> 00:28:48,970 Kedykoľvek sa zistí zmeny súborov, načíta zmeny pre vás. 522 00:28:48,970 --> 00:28:53,110 To funguje na všetky súbory, či už to je HTML, CSS, JavaScript, alebo. 523 00:28:53,110 --> 00:28:57,990 Ak chcete ukázať, čo táto aplikácia bude vyzerať ako bez CSS, môžem to všetko odstrániť. 524 00:28:57,990 --> 00:29:04,720 A keď je to preložil, máte teraz nie je tak pekný zoznam úloh. 525 00:29:04,720 --> 00:29:06,370 Povedzme, že obsah späť. 526 00:29:06,370 --> 00:29:11,343 A určite dosť, to osviežuje, a naša CSS je späť. 527 00:29:11,343 --> 00:29:11,843 Skvelé. 528 00:29:11,843 --> 00:29:15,700 529 00:29:15,700 --> 00:29:20,010 >> Teraz môžeme pohybovať v lekcii. 530 00:29:20,010 --> 00:29:23,360 Poďme sa baviť o druhom kroku, šablóny. 531 00:29:23,360 --> 00:29:27,140 To je to, čo sme práve videli s rôznymi úlohami. 532 00:29:27,140 --> 00:29:31,550 Meteor vám vysvetlí, čo šablóny a ako to funguje logika. 533 00:29:31,550 --> 00:29:34,760 Ale poďme sa len pozrieť na kód na zistiť, či môžeme zmysel z toho. 534 00:29:34,760 --> 00:29:38,030 535 00:29:38,030 --> 00:29:41,460 >> Vo veľmi jednoduchých aplikácií, ako to, čo máme v jednoduchej 536 00:29:41,460 --> 00:29:44,550 k tomu, jeden krok, druhý krok, krok tri, štyri krok, krok päť, 537 00:29:44,550 --> 00:29:45,700 nemáme žiadne zložky. 538 00:29:45,700 --> 00:29:47,533 Nemáme server Zložka Zmienil som sa. 539 00:29:47,533 --> 00:29:50,510 Nemáme klienta zložku, ktorá bola spomenutá. 540 00:29:50,510 --> 00:29:52,290 Takže Meteor pobeží všetky súbory. 541 00:29:52,290 --> 00:29:55,210 Bude to spustiť aj na klienta, a to ako na serveri. 542 00:29:55,210 --> 00:29:58,840 >> A ak chcete súčasťou vášho JavaScriptu kód spustiť len na klientovi, 543 00:29:58,840 --> 00:30:02,350 oni potrebujú, aby sa ubezpečil, že máte if, niečo ako to, čo 544 00:30:02,350 --> 00:30:04,890 máme v našej JavaScriptu súbore tu. 545 00:30:04,890 --> 00:30:08,010 Takže Meteor, iba v prípade, je to klient, potom som 546 00:30:08,010 --> 00:30:12,355 chcete definovať šablónu pomocné tzv úlohy. 547 00:30:12,355 --> 00:30:15,050 548 00:30:15,050 --> 00:30:19,260 Čo tento kód vlastne Má sa to hovorí, že je to 549 00:30:19,260 --> 00:30:21,800 objekt nazvaný šablóny že Meteor poskytuje. 550 00:30:21,800 --> 00:30:23,270 A ak budeme pridať pomocníka. 551 00:30:23,270 --> 00:30:27,680 Pomocníci sú tieto úlohy, tieto veci, ako je plnenie úloh. 552 00:30:27,680 --> 00:30:33,890 >> Uvidíte, že ak sa vrátime do HTML súbor, hovorili sme každý na úlohy. 553 00:30:33,890 --> 00:30:35,750 Úlohy nie je definovaný v HTML. 554 00:30:35,750 --> 00:30:37,770 Je definovaný v JavaScripte. 555 00:30:37,770 --> 00:30:42,610 A Meteor potrebuje vedieť, aké úlohy je keď ideme do JavaScriptu tu. 556 00:30:42,610 --> 00:30:45,550 Úlohy je to pomocník. 557 00:30:45,550 --> 00:30:49,830 Helper, môžete si myslíte, že to ako premennú šablóny. 558 00:30:49,830 --> 00:30:51,000 A čo robiť úlohy? 559 00:30:51,000 --> 00:30:53,580 No, to vráti zoznam hodnôt. 560 00:30:53,580 --> 00:30:56,750 Vzhľadom k tomu, že je to zoznam, môžeme nazvať každý v ňom. 561 00:30:56,750 --> 00:30:58,590 Takže to je dôvod, prečo hovoríme každý na úlohy. 562 00:30:58,590 --> 00:30:59,730 A teraz máme úlohu. 563 00:30:59,730 --> 00:31:02,850 564 00:31:02,850 --> 00:31:03,990 >> Čo je úloha robiť? 565 00:31:03,990 --> 00:31:07,740 No, to má na túto šípku tu po zložených zátvoriek. 566 00:31:07,740 --> 00:31:09,130 To znamená, že úloha je šablóna. 567 00:31:09,130 --> 00:31:11,100 Nie je to pomocník, ako to, čo sme práve videli. 568 00:31:11,100 --> 00:31:12,872 Je to šablóna sme definovaná. 569 00:31:12,872 --> 00:31:14,080 A tam, kde sme ju určiť? 570 00:31:14,080 --> 00:31:16,950 Sme definovali dole tu. 571 00:31:16,950 --> 00:31:21,160 >> To všetko šablóna robí, je poskytnúť položka zoznamu, a volá text. 572 00:31:21,160 --> 00:31:24,160 Teraz, text sa zdá byť pomocník, ale ja vám ukážem, 573 00:31:24,160 --> 00:31:26,610 že je to v skutočnosti stále dátový člen úloh. 574 00:31:26,610 --> 00:31:29,230 575 00:31:29,230 --> 00:31:33,670 Ak voláte každý, to ide do dátová štruktúra trochu. 576 00:31:33,670 --> 00:31:39,130 Rovnako ako foreach slučky, to teraz jednoducho vyzerá na prvý prvok v našom objekte. 577 00:31:39,130 --> 00:31:41,850 Vidíme, že text je tu definované v našom objekte. 578 00:31:41,850 --> 00:31:45,350 Takže Meteor je šikovný, aby vedel, že hovoríme o tomto texte, 579 00:31:45,350 --> 00:31:47,630 Nie je pomocník s názvom textu. 580 00:31:47,630 --> 00:31:52,120 Je to len dostane hodnotu tejto Text tu a zobrazuje ho ako HTML, 581 00:31:52,120 --> 00:31:55,475 a to ako dát pokračuje z JavaScriptu do HTML. 582 00:31:55,475 --> 00:32:03,320 583 00:32:03,320 --> 00:32:07,030 >> Pohybujúce sa však v tomto prípade tvrdo kódované týchto hodnôt. 584 00:32:07,030 --> 00:32:10,440 Meteor robí dva naozaj pekné veci pre nás. 585 00:32:10,440 --> 00:32:15,050 Okrem živé obnovenie, ktoré sme ukázal, že tiež spravuje databázu. 586 00:32:15,050 --> 00:32:18,750 Ak by ste mali pracovať s PHP, ste museli konfigurovať phpMyAdmin. 587 00:32:18,750 --> 00:32:21,320 Museli ste uistite sa, že Stoly boli všetky pod kontrolou. 588 00:32:21,320 --> 00:32:24,760 Vy ste mali urobiť veľa práce, aby sa istí, že vaše dáta boli v správnom formáte, 589 00:32:24,760 --> 00:32:27,880 a PHP mohli komunikovať s ním. 590 00:32:27,880 --> 00:32:30,170 >> Teraz, Meteor používa nové paradigma. 591 00:32:30,170 --> 00:32:32,310 Jedná sa o moderný spôsob manipulácia databázy. 592 00:32:32,310 --> 00:32:34,580 Je to technológia nazývaná MongoDB. 593 00:32:34,580 --> 00:32:38,740 Rovnako ako v JavaScripte, sme videli, že to Nezáležalo na tom, aké typy dát mal. 594 00:32:38,740 --> 00:32:39,640 Všetko bolo var. 595 00:32:39,640 --> 00:32:40,570 Nebolo charstar. 596 00:32:40,570 --> 00:32:40,930 Nebolo int. 597 00:32:40,930 --> 00:32:41,970 Nebolo to Struct. 598 00:32:41,970 --> 00:32:44,210 Bolo to len var to, že var. 599 00:32:44,210 --> 00:32:46,320 >> MongoDB pracuje druh rovnakým spôsobom. 600 00:32:46,320 --> 00:32:48,160 Nemusíte definovať tabuliek. 601 00:32:48,160 --> 00:32:50,860 Nemusíte hovoriť tabuľku má názov, ktorý má int. 602 00:32:50,860 --> 00:32:54,710 To má, ja neviem, dolár, čo je desatinné číslo. 603 00:32:54,710 --> 00:32:58,360 Je to práve tieto JavaScript objekty, všetky tieto Vars, v podstate. 604 00:32:58,360 --> 00:33:02,780 A to je naozaj silný spôsob, ako prototyp vašu aplikáciu. 605 00:33:02,780 --> 00:33:06,190 A to je dôvod, prečo Meteor využíva toto. 606 00:33:06,190 --> 00:33:11,080 >> Ak pôjdeme do kroku tri, poďme sa pozrieť, čo sa zmenilo. 607 00:33:11,080 --> 00:33:15,480 Ak sa pozrieme na todos HTML, nie moc. 608 00:33:15,480 --> 00:33:17,170 CSS sa vôbec nezmenila. 609 00:33:17,170 --> 00:33:22,420 Ale malá zmena vidíme v HTML Je sme zmenili, ako je definovaný úlohami. 610 00:33:22,420 --> 00:33:23,800 Úlohy je teraz funkčná. 611 00:33:23,800 --> 00:33:25,800 To znamená, že každý čas, chceme, aby si úlohy, 612 00:33:25,800 --> 00:33:27,480 budeme spúšťať túto funkciu. 613 00:33:27,480 --> 00:33:29,230 To nevracia Funkcie ako hodnota. 614 00:33:29,230 --> 00:33:33,710 >> Meteor je šikovný, aby sa skutočne ubehnutá Funkcia sa pozrieť, čo sme sa dostať von. 615 00:33:33,710 --> 00:33:36,650 A to vráti túto vec s názvom úlohami. 616 00:33:36,650 --> 00:33:40,650 Sme definované úlohy, na linke jedna, a to je kolekcia Mongo. 617 00:33:40,650 --> 00:33:43,170 Mongo sa odkazuje na databázy Meteor používa, 618 00:33:43,170 --> 00:33:48,420 a tento nový jednoducho znamená, poďme Nová kolekcia, hovorte tomu úlohy. 619 00:33:48,420 --> 00:33:53,540 V MySQL, to by zodpovedalo hľadá pre úlohy tabuľku s názvom. 620 00:33:53,540 --> 00:33:56,350 Mongo má zbierky, nie tabuľky. 621 00:33:56,350 --> 00:34:00,100 Tak to proste vyzerá pre úlohy. 622 00:34:00,100 --> 00:34:04,820 >> Teraz, šablóna v našom pomocník v šablóne, všetko 623 00:34:04,820 --> 00:34:08,380 musíme urobiť, aby sa všetky úloh je táto funkcia, nájsť 624 00:34:08,380 --> 00:34:11,710 a to prázdne vzpera. 625 00:34:11,710 --> 00:34:14,150 To je viac konkrétny syntax Mongo. 626 00:34:14,150 --> 00:34:16,159 Je tu veľa dokumentácia online, ako 627 00:34:16,159 --> 00:34:19,360 si môžete vytvoriť efektívnu a naozaj užitočné Mongo otázok. 628 00:34:19,360 --> 00:34:25,560 Ale niečo také je dobrá stačí len nájsť všetky dáta. 629 00:34:25,560 --> 00:34:30,100 >> Teraz, jeden z problémov, ktoré sa môžu zobrazovať je to, že sme sa nikdy v skutočnosti pridať dáta. 630 00:34:30,100 --> 00:34:35,020 Takže to, čo sa stane, keď vlastne spustiť krok tri? 631 00:34:35,020 --> 00:34:37,550 Poďme rýchlo prejsť do Tretí krok a spustite Meteor. 632 00:34:37,550 --> 00:34:42,870 633 00:34:42,870 --> 00:34:45,650 Všimnite si, že som mal ďalšie Meteor Projekt beží niekde inde, 634 00:34:45,650 --> 00:34:49,110 takže Meteor nemá rád. 635 00:34:49,110 --> 00:34:52,810 Ja som jednoducho ísť rýchlo v blízkosti druhý Meteor s Control C, 636 00:34:52,810 --> 00:34:55,780 prejsť do kroku tri, a znovu spustiť Meteor. 637 00:34:55,780 --> 00:35:01,070 638 00:35:01,070 --> 00:35:03,180 Všimnite si, že to začína MongoDB pretože MongoDB 639 00:35:03,180 --> 00:35:06,370 je súčasťou každého projektu Meteor. 640 00:35:06,370 --> 00:35:09,190 >> Tak to hovorí, že moja žiadosť obsahuje chyby. 641 00:35:09,190 --> 00:35:10,590 To je pekná vlastnosť Meteor má. 642 00:35:10,590 --> 00:35:13,700 To zaistí, že vaše HTML je dobre overená. 643 00:35:13,700 --> 00:35:17,710 Poďme sa rýchlo pozrieť na dôvod, prečo by to mohlo byť. 644 00:35:17,710 --> 00:35:26,110 Zdá sa, že som omylom kopírovať nesprávny HTML kód. 645 00:35:26,110 --> 00:35:30,610 Keby som uložiť hneď, Meteor automaticky reštartuje server 646 00:35:30,610 --> 00:35:34,650 a teraz aplikácie bežia podľa očakávania. 647 00:35:34,650 --> 00:35:39,220 Všimnite si tento problém odstrániť, stačí spustiť rovnaký HTML súbor z kroku dve, 648 00:35:39,220 --> 00:35:40,380 skopírujte ho do stupňa tri. 649 00:35:40,380 --> 00:35:43,290 650 00:35:43,290 --> 00:35:45,917 >> Môžeme sa vrátiť k našej miestnej hostiteľa. 651 00:35:45,917 --> 00:35:47,500 A teraz vidíme, máme zoznam úloh. 652 00:35:47,500 --> 00:35:50,070 Skvelé, ale je to prázdna. 653 00:35:50,070 --> 00:35:54,210 Nemáme vlastne mať akýkoľvek úlohy v našej databáze Mongo. 654 00:35:54,210 --> 00:35:57,930 Takže poďme hovoriť o niekoľko spôsobov, ako to môžeme urobiť. 655 00:35:57,930 --> 00:36:03,240 Ak sa vrátime k terminálu, my môžu zavrieť a spustiť Meteor Mongo. 656 00:36:03,240 --> 00:36:05,320 >> Ak ste oboznámení s tým, ako funguje Meteor, 657 00:36:05,320 --> 00:36:14,100 to vlastne dáva vám prístup na plnú MongoDB pre Meteor. 658 00:36:14,100 --> 00:36:17,570 Všimnite si, že musíte byť spustený Meteor najprv pre túto prácu. 659 00:36:17,570 --> 00:36:23,840 Takže keď som bežať to v novej záložke, I môže ísť späť do rovnakého adresára. 660 00:36:23,840 --> 00:36:29,040 661 00:36:29,040 --> 00:36:32,570 A teraz Meteor funguje v pohode. 662 00:36:32,570 --> 00:36:33,600 To je výzva. 663 00:36:33,600 --> 00:36:36,350 664 00:36:36,350 --> 00:36:38,790 Dovoľte mi, aby som to trochu robiť väčšie, takže môžeme vidieť. 665 00:36:38,790 --> 00:36:41,550 Vyzerá to trochu inak, než to, čo by mohlo byť použité pre vás 666 00:36:41,550 --> 00:36:42,869 to nie je naozaj nutné použiť Mongo. 667 00:36:42,869 --> 00:36:45,410 Celý bod ma tu je takže môžete použiť JavaScript. 668 00:36:45,410 --> 00:36:48,250 Ale ak ste zvedaví, Mongo API nie je 669 00:36:48,250 --> 00:36:50,730 používať SQL, Structured Query Language. 670 00:36:50,730 --> 00:36:55,570 Používa svoj vlastný jazyk, ktorý vyzerá veľa podobne ako JavaScript. 671 00:36:55,570 --> 00:37:00,520 Veľmi rýchlo sa môžeme nájsť stôl via db.tasks. 672 00:37:00,520 --> 00:37:08,940 A to mi hovorí Ukazuje sa, keď narazíme nájsť, 673 00:37:08,940 --> 00:37:13,450 trochu podobné tomu, čo sme mali s Meteor, môžeme načítať všetky prvky. 674 00:37:13,450 --> 00:37:17,330 Problém je, že my nie v skutočnosti máte nejaké úlohy definované. 675 00:37:17,330 --> 00:37:20,600 Takže to nemôže dostať. 676 00:37:20,600 --> 00:37:22,130 >> Môžeme vložiť, hoci. 677 00:37:22,130 --> 00:37:25,170 Takže môžeme spustiť vložku príkazom vložkou. 678 00:37:25,170 --> 00:37:29,140 A my jednoducho dať objekt, a my len 679 00:37:29,140 --> 00:37:31,840 uistite sa, že formát je to, čo sme očakávali. 680 00:37:31,840 --> 00:37:35,030 Keď sme sa pozreli na kroku dve, sme videli, že každú úlohu 681 00:37:35,030 --> 00:37:39,590 bol objekt s textom ako kľúč a bez ohľadu na 682 00:37:39,590 --> 00:37:41,640 Váš cieľ položka bola ako premennú. 683 00:37:41,640 --> 00:37:44,680 Takže môžeme urobiť niečo tu. 684 00:37:44,680 --> 00:37:50,160 >> Môžeme si to vložiť úloha Zavolal som prišiel z Mongo. 685 00:37:50,160 --> 00:37:52,570 A my stlačte klávesu Enter, a to beží. 686 00:37:52,570 --> 00:37:56,900 Môžeme spustiť nájsť znova, a my vidieť, že je tu predmet. 687 00:37:56,900 --> 00:38:01,810 Mongo priradí mu identifikátor, ktorý vás nie je naozaj potrebné sa obávať. 688 00:38:01,810 --> 00:38:06,690 Čo je pre vás dôležité, je dátový vložíte, je dátový dostanete von. 689 00:38:06,690 --> 00:38:10,500 >> Vráťme sa na našich webových stránkach, A hele, našou úlohou načítaný. 690 00:38:10,500 --> 00:38:13,987 A je vidieť, že pretože Meteor je veľmi šikovný 691 00:38:13,987 --> 00:38:16,570 a vždy osvieži pre teba nemusela dotknúť stránku. 692 00:38:16,570 --> 00:38:19,160 To automaticky načítajú. 693 00:38:19,160 --> 00:38:23,520 >> Poďme spustiť nejaký kód JavaScript hoci to urobiť. 694 00:38:23,520 --> 00:38:26,120 Rovnako ako máme uzol vzadu koniec vykonať von JavaScript 695 00:38:26,120 --> 00:38:29,280 môžeme tiež spúšťať JavaScript priamo v našich prehliadačoch. 696 00:38:29,280 --> 00:38:31,970 Môžete to urobiť pomocou funkcie volal Skontrolujte prvok. 697 00:38:31,970 --> 00:38:34,210 Keby som kliknite pravým tlačidlom myši na časť stránky, 698 00:38:34,210 --> 00:38:36,730 je tu možnosť volal Skontrolujte prvok. 699 00:38:36,730 --> 00:38:38,840 Ak používate browser ako Safari, vás 700 00:38:38,840 --> 00:38:45,430 môže byť potrebné, aby váš developer Nástroje, ako sa dostanete túto funkciu. 701 00:38:45,430 --> 00:38:46,930 >> To, čo ich zaujíma, sú konzoly. 702 00:38:46,930 --> 00:38:48,930 Tak sme sa jednoducho ísť do konzoly na dne. 703 00:38:48,930 --> 00:38:52,110 704 00:38:52,110 --> 00:38:55,970 Teraz môžeme spustiť ľubovoľný JavaScript Tu, rovnako ako v JavaScripte 705 00:38:55,970 --> 00:38:58,860 Súbory som ukázal v js príklade. 706 00:38:58,860 --> 00:39:02,040 Ale teraz sa poďme pozrieť na úlohy. 707 00:39:02,040 --> 00:39:04,955 Môžeme spustiť náš príkaz. 708 00:39:04,955 --> 00:39:07,830 A dúfam, že budem môcť robiť to trochu väčšie, takže sa môžeme všetci vidieť. 709 00:39:07,830 --> 00:39:14,390 710 00:39:14,390 --> 00:39:18,450 >> Keby sme tasks.find, a budete vidieť, že to je presne rovnaký kód 711 00:39:18,450 --> 00:39:24,840 že súbor používa JavaScript V treťom kroku, to task.find. 712 00:39:24,840 --> 00:39:29,100 Môžeme spustiť to isté, a Teraz sme sa trochu divný veci. 713 00:39:29,100 --> 00:39:31,050 Ako sa vlastne dostať dáta? 714 00:39:31,050 --> 00:39:34,860 No, musíme spustiť tento Príkaz volal načítať. 715 00:39:34,860 --> 00:39:37,150 >> To je veľmi užitočné pre ladenie. 716 00:39:37,150 --> 00:39:41,000 Čo získate tu kurzor, a to je 717 00:39:41,000 --> 00:39:44,890 príjemný spôsob, Meteor má optimalizované načítanie dát. 718 00:39:44,890 --> 00:39:48,270 Tento kurzor má všetky funkcie pre živé aktualizácie a obnovením stránky 719 00:39:48,270 --> 00:39:49,650 keď sa niečo zmenilo. 720 00:39:49,650 --> 00:39:51,280 Ale to nebude mať nám dáta. 721 00:39:51,280 --> 00:39:52,720 Môžeme získať dáta cez aport. 722 00:39:52,720 --> 00:39:56,880 A vidíte, máme objekt, a Je to ako to, čo sme mali v Mongo, 723 00:39:56,880 --> 00:40:00,040 s ID a textu sme sa dať do. 724 00:40:00,040 --> 00:40:04,200 >> Tak ako sme sa vložiť položku v Meteor? 725 00:40:04,200 --> 00:40:07,250 No, len musíme úlohy. 726 00:40:07,250 --> 00:40:09,990 A potom môžeme spustiť Rovnaký príkaz insert, 727 00:40:09,990 --> 00:40:17,520 dáva slovník alebo objekt s rovnakým formátom, text 728 00:40:17,520 --> 00:40:22,340 a potom som prišiel z konzoly. 729 00:40:22,340 --> 00:40:27,240 Pozrite sa vyššie, pretože keď som sa tomu, že sa objaví na webových stránkach 730 00:40:27,240 --> 00:40:29,660 automaticky. 731 00:40:29,660 --> 00:40:33,291 >> Všimnite si, že si môžete dať čokoľvek Chcete v týchto položkách. 732 00:40:33,291 --> 00:40:35,040 Nemusí sa majú pevnú štruktúru. 733 00:40:35,040 --> 00:40:39,790 Mohol som sa rovná číslo tri a b rovná false. 734 00:40:39,790 --> 00:40:41,600 A to všetko funguje. 735 00:40:41,600 --> 00:40:46,000 Ja si dokonca rozhodnúť, že patrí textu vôbec. 736 00:40:46,000 --> 00:40:48,320 To jednoducho nie je odporúčané ale preto, že potom Meteor 737 00:40:48,320 --> 00:40:50,920 nebude vedieť, čo sa má zobraziť. 738 00:40:50,920 --> 00:40:53,110 Ale v každom prípade sme získať ID, a to je 739 00:40:53,110 --> 00:40:54,785 ID objektu môžete použiť. 740 00:40:54,785 --> 00:41:01,120 741 00:41:01,120 --> 00:41:03,280 >> Ako sme sa pokračovať Štvrtý krok a krok päť, 742 00:41:03,280 --> 00:41:06,870 tutoriál vám ukáže spôsoby, ktoré môžete vytvoriť prvky používateľského rozhrania pomocou 743 00:41:06,870 --> 00:41:13,130 HTML viete, vytvárať rôzne úlohy. 744 00:41:13,130 --> 00:41:15,440 Poďme sa pozrieť na stupni štyri veľmi rýchlo. 745 00:41:15,440 --> 00:41:18,290 Uvidíme, že sme pridali časť o udalostiach. 746 00:41:18,290 --> 00:41:20,874 Šablóny môžu mať pomocníci, ktoré sa nám získať dáta. 747 00:41:20,874 --> 00:41:22,040 Ale môže tiež volať udalosti. 748 00:41:22,040 --> 00:41:25,300 A to je miesto, kde veci sa stáva užitočné, pretože udalosti 749 00:41:25,300 --> 00:41:28,590 sú to, čo sa stalo, keď kliknete na rôzne veci na svojich webových stránkach. 750 00:41:28,590 --> 00:41:33,790 >> Tu náš kód je rozprávanie nám pridať túto udalosť. 751 00:41:33,790 --> 00:41:38,860 Pridajte ju, keď ste odoslali niečo s triedou novú úlohu. 752 00:41:38,860 --> 00:41:41,910 To, čo tu je volič CSS. 753 00:41:41,910 --> 00:41:45,870 Tak to proste vyzerá pre HTML prvok, ktorý má triedu novú úlohu. 754 00:41:45,870 --> 00:41:47,940 A vyzerá to pre prípad, ako je odoslať. 755 00:41:47,940 --> 00:41:51,050 Ďalšie akcie sú Kliknite na tlačidlo, vznášať sa, dvakrát kliknete, 756 00:41:51,050 --> 00:41:54,450 podobné tomu, čo vám v normálnom HTML. 757 00:41:54,450 --> 00:41:56,770 >> To, čo mi ju tu je teraz funkčná. 758 00:41:56,770 --> 00:42:01,210 A vy môžete mať svoj kód v tejto funkcii. 759 00:42:01,210 --> 00:42:06,360 Táto funkcia je to, čo skončí dostať volal po odoslaní tejto novej úlohy. 760 00:42:06,360 --> 00:42:12,170 Poďme sa pozrieť na HTML, len tak sme sa pochopiť, čo tento nový úloha. 761 00:42:12,170 --> 00:42:15,570 My sme tu pridal formulár s triedou novú úlohu. 762 00:42:15,570 --> 00:42:19,880 A to má vstup, ktorý trvá text. 763 00:42:19,880 --> 00:42:22,605 A to je miesto, kde sme sa pridá naše nové úlohy. 764 00:42:22,605 --> 00:42:25,520 765 00:42:25,520 --> 00:42:29,780 >> Poďme spustiť krok, štyri v webové stránky vidieť, ako to vyzerá. 766 00:42:29,780 --> 00:42:32,710 Môžeme skončiť prvý out z MongoDB sme mali 767 00:42:32,710 --> 00:42:35,300 z nášho predchádzajúceho Príklad s riadiacou C. 768 00:42:35,300 --> 00:42:37,690 A poďme to zmeniť na Krok štyri adresár. 769 00:42:37,690 --> 00:42:41,000 770 00:42:41,000 --> 00:42:42,920 Urobíme Meteor znova pre spustenie servera. 771 00:42:42,920 --> 00:42:46,850 772 00:42:46,850 --> 00:42:50,510 A bohužiaľ, ja mal Meteor beží v inom termináli. 773 00:42:50,510 --> 00:42:53,080 Tak som len tak uistite sa, že to zatvorené. 774 00:42:53,080 --> 00:43:01,805 Poďme prestať to a zmeny časti štvrtej, krok štyri. 775 00:43:01,805 --> 00:43:02,305 OK. 776 00:43:02,305 --> 00:43:11,220 777 00:43:11,220 --> 00:43:13,250 >> Teraz beží naša Meteor kód. 778 00:43:13,250 --> 00:43:19,480 A vidíte, že aktuálnosti, bez nám dokonca museli obnovovať stránku. 779 00:43:19,480 --> 00:43:24,410 To, čo sa tu zmenilo, je teraz že nemáme žiadne úlohy, 780 00:43:24,410 --> 00:43:29,530 ale máme formulár tu, to textové pole, pridať naše nové úlohy. 781 00:43:29,530 --> 00:43:31,550 A môžeme zadať svoju úlohu tu. 782 00:43:31,550 --> 00:43:34,564 Pochádzam z HTML stránky. 783 00:43:34,564 --> 00:43:36,105 Keď som stlačte klávesu Enter, to mám predložiť. 784 00:43:36,105 --> 00:43:39,180 785 00:43:39,180 --> 00:43:44,540 >> Môžeme vidieť, čo sa stalo as definovaný kód JavaScript. 786 00:43:44,540 --> 00:43:49,930 To, čo táto funkcia urobil, bolo mať text z formulára, 787 00:43:49,930 --> 00:43:53,680 a potom už len volal tasks.insert, ako sme to urobili v konzole. 788 00:43:53,680 --> 00:43:56,410 Oni tiež rozhodli pridať dátum Created. 789 00:43:56,410 --> 00:43:59,840 To je, ako by ste zadajte aktuálny čas. 790 00:43:59,840 --> 00:44:03,220 Za to, že vymaže formu tým, že Uistite sa, že hodnota je prázdny reťazec. 791 00:44:03,220 --> 00:44:06,550 >> A potom to volá return false na uistite sa, že nič iného sa stane. 792 00:44:06,550 --> 00:44:10,350 Keď sa vrátite z false forma udalosť, ktorá sa zastaví vykonávanie. 793 00:44:10,350 --> 00:44:14,520 Povedzme, že forma má akciu, ako predloží na stránku PHP. 794 00:44:14,520 --> 00:44:16,980 Ak ste sa nevrátil false, mali by ste sa vrátiť true. 795 00:44:16,980 --> 00:44:18,500 To by skončiť robiť takejto žiadosti. 796 00:44:18,500 --> 00:44:20,590 Falošné zachytí IT a ju zastaví práve tam. 797 00:44:20,590 --> 00:44:23,510 798 00:44:23,510 --> 00:44:28,610 >> Takže to bolo trochu demo o ako Meteor funguje, a máme 799 00:44:28,610 --> 00:44:30,980 Bol po kurze na chvíľu. 800 00:44:30,980 --> 00:44:33,560 A môžete neváhajte voľne pokračovať robiť. 801 00:44:33,560 --> 00:44:37,760 Existuje veľa zdrojov, a tutorial je vlastne len 802 00:44:37,760 --> 00:44:40,400 veľmi dobrý vysvetliť čo sa deje. 803 00:44:40,400 --> 00:44:44,362 Ja by som vám ukázať, teraz, v tých pár minút, čo nám zostalo, 804 00:44:44,362 --> 00:44:46,320 aké sú niektoré z chladiče rysy Meteor, 805 00:44:46,320 --> 00:44:48,772 a aké sú niektoré z ďalšie užitočné balíčky. 806 00:44:48,772 --> 00:44:51,730 Jedným z veľkých vecí, o Meteor je to, že máte balíčkovací systém. 807 00:44:51,730 --> 00:44:55,620 Môžete ľahko integrovať kód že mnoho tisíc vývojárov 808 00:44:55,620 --> 00:44:58,840 písali vo svete do Meteor projektu. 809 00:44:58,840 --> 00:45:02,410 Jedným z príkladov je to, čo by ste mohli postupovať v kroku deviatich tutoriálu, kde 810 00:45:02,410 --> 00:45:07,435 sa snažíte pridať účty do svojho Meteor projektu. 811 00:45:07,435 --> 00:45:10,010 812 00:45:10,010 --> 00:45:13,690 Ak máme CS50 PHP projekt, by sme mali 813 00:45:13,690 --> 00:45:17,810 spoliehať na rámec alebo naše vlastné kód, aby sa 814 00:45:17,810 --> 00:45:20,820 istí, že sme bezpečne zvládnuť heslá a užívateľské mená 815 00:45:20,820 --> 00:45:23,120 a ukladanie do databázy a všetko. 816 00:45:23,120 --> 00:45:25,670 >> Ukazuje sa, že Meteor má niektoré balíčky k tomu, že pre vás, 817 00:45:25,670 --> 00:45:29,160 a to veľmi ľahko. 818 00:45:29,160 --> 00:45:31,950 Čo môžeme urobiť, je pridať niekoľko balíčkov. 819 00:45:31,950 --> 00:45:37,450 Tak poďme urobiť toto právo teraz v našej konzole. 820 00:45:37,450 --> 00:45:42,460 Chystám sa ukončiť projekt a teraz ísť do jednoduchého-Todos. 821 00:45:42,460 --> 00:45:47,450 822 00:45:47,450 --> 00:45:50,050 A teraz, jednoduchý todos je projekt, ktorý vás 823 00:45:50,050 --> 00:45:53,500 bude mať po vykonáva s krokom 11 alebo 12 stupňami, 824 00:45:53,500 --> 00:45:55,250 Na konci tohto tutoriálu. 825 00:45:55,250 --> 00:45:58,642 A nech sa rýchlo pozrieť na to vidieť Aké sú rôzne vlastnosti máme. 826 00:45:58,642 --> 00:46:01,610 Povedzme, uistite sa, že je to beh. 827 00:46:01,610 --> 00:46:04,400 Niekedy to chvíľu trvá obnoviť, ale tu to je. 828 00:46:04,400 --> 00:46:09,710 >> Máme možnosť skryť plniť úlohy, a môžeme sa prihlásiť. 829 00:46:09,710 --> 00:46:11,770 A to sa stalo s balík Meteor. 830 00:46:11,770 --> 00:46:12,270 Je to skvelé. 831 00:46:12,270 --> 00:46:14,910 Teraz sme užívateľské meno a hesla prihlásiť. 832 00:46:14,910 --> 00:46:19,170 Ale čo keby sme chceli pridať ďalší druh mechanizmu prihlasovanie? 833 00:46:19,170 --> 00:46:22,560 Povedzme, že som chcel prihlásiť s mojím Meteor účtu. 834 00:46:22,560 --> 00:46:27,270 Chystám sa spustiť meteor pridať, a to je syntax pre pridávanie balíkov. 835 00:46:27,270 --> 00:46:32,160 Môžem povedať, účty, a accounts.meteor. 836 00:46:32,160 --> 00:46:35,720 Bude to teraz nájsť balík a načítať. 837 00:46:35,720 --> 00:46:40,480 Je vidieť, že nemám našiel správny názov balíčka. 838 00:46:40,480 --> 00:46:42,820 >> Tak ako sa vám zistiť, o balíčkoch? 839 00:46:42,820 --> 00:46:46,380 No je tu skvelé webové stránky, vyrobený k dispozícii meteoru ľuďmi, 840 00:46:46,380 --> 00:46:47,780 volal atmospherejs.com. 841 00:46:47,780 --> 00:46:52,520 Atmospherejs, jedno slovo, bodka com, je veľká úložisko 842 00:46:52,520 --> 00:46:57,660 pre nájdenie všetky Meteor balíčky v úložisku. 843 00:46:57,660 --> 00:47:05,140 Môžem vyhľadávať účty, a potom sa ma to ukážem všetky podstatné veci, 844 00:47:05,140 --> 00:47:07,320 všetky balíčky s menom účtu. 845 00:47:07,320 --> 00:47:10,180 846 00:47:10,180 --> 00:47:13,270 >> Aj keď to načíta, môžeme sa pokúsiť pridaním niektorých ďalších balíčkov. 847 00:47:13,270 --> 00:47:19,380 Možno, že balíček Meteor nefunguje práve teraz, ale môžem dodať Facebook. 848 00:47:19,380 --> 00:47:22,860 849 00:47:22,860 --> 00:47:27,190 Môžem pridať konto a potom znova spustite projektu Meteor. 850 00:47:27,190 --> 00:47:33,260 851 00:47:33,260 --> 00:47:36,900 Akonáhle sa to začne, poďme sa pozrieť čo sa zmenilo na internetových stránkach. 852 00:47:36,900 --> 00:47:40,010 853 00:47:40,010 --> 00:47:44,580 Môžete see-- by som mohol musieť obnoviť tu. 854 00:47:44,580 --> 00:47:47,320 >> Mám tlačidlo pre konfigurovať Facebook prihlásenie. 855 00:47:47,320 --> 00:47:49,765 A tu mám všetko pokyny Meteor 856 00:47:49,765 --> 00:47:52,960 pripravil pre vás zriadenie aplikácie Facebook. 857 00:47:52,960 --> 00:47:58,990 A môžete ju využiť Informácie, ktoré pridať ID. 858 00:47:58,990 --> 00:48:04,130 Akonáhle je toto hotovo, budete mať Facebook login prácu vo vašej aplikácii. 859 00:48:04,130 --> 00:48:08,559 >> Ja som jednoducho ísť, aby si ID aplikácie a tajomstvo, 860 00:48:08,559 --> 00:48:10,100 len preto, aby vám ukázať, ako by to mohlo fungovať. 861 00:48:10,100 --> 00:48:16,000 862 00:48:16,000 --> 00:48:20,360 Budete potrebovať účet na Facebooku používať Facebook možnosti pre vývojárov. 863 00:48:20,360 --> 00:48:31,160 864 00:48:31,160 --> 00:48:35,290 Dovoľte mi, aby som sa rýchlo nájsť Meteor kľúče, ktoré sú nevyhnutné. 865 00:48:35,290 --> 00:48:46,994 866 00:48:46,994 --> 00:48:49,160 Mám iný projekt Meteor že budem používať, 867 00:48:49,160 --> 00:48:55,590 a ja som jednoducho ísť, aby sa kľúče z tohto súboru. 868 00:48:55,590 --> 00:49:14,410 869 00:49:14,410 --> 00:49:20,930 >> A akonáhle ho nájdem, budem len môcť skopírovať tieto kľúče do môjho Facebooku. 870 00:49:20,930 --> 00:49:23,489 Takže tu je kľúčové. 871 00:49:23,489 --> 00:49:24,280 A to je tajomstvo. 872 00:49:24,280 --> 00:49:26,071 Tie by nemali byť zdieľať to s ľuďmi. 873 00:49:26,071 --> 00:49:28,870 874 00:49:28,870 --> 00:49:30,910 A potom si to dať svoj app tajomstvo. 875 00:49:30,910 --> 00:49:33,560 A to je tak Facebook vie, že ty si ty. 876 00:49:33,560 --> 00:49:37,630 877 00:49:37,630 --> 00:49:39,080 A uložte nastavenie. 878 00:49:39,080 --> 00:49:45,160 879 00:49:45,160 --> 00:49:48,640 >> Myslím si, že v tomto procese I prestali mojej Meteor aplikácie. 880 00:49:48,640 --> 00:49:52,290 Tak som len chcem, aby sa si istý, že je to tam stále. 881 00:49:52,290 --> 00:49:54,962 882 00:49:54,962 --> 00:49:58,610 OK, poďme, aby naše Meteor servera beží, takže webové stránky bežia. 883 00:49:58,610 --> 00:50:02,440 Všimnite si, keď sme zastaviť Meteor Server, stránka je tam stále. 884 00:50:02,440 --> 00:50:04,700 To jednoducho nebude aktualizovať už nie. 885 00:50:04,700 --> 00:50:10,290 Meteor server je nutné za to, aby strana je živá. 886 00:50:10,290 --> 00:50:14,050 >> OK, som predložil ju, a teraz Môžem sa prihlásiť pomocou Facebook. 887 00:50:14,050 --> 00:50:17,400 Teraz je to len otázka s Facebook pop-up 888 00:50:17,400 --> 00:50:21,710 a uvedenie vo vašom účte Informácie a prihlásenie. 889 00:50:21,710 --> 00:50:24,520 890 00:50:24,520 --> 00:50:27,930 Akonáhle to urobíte, by mohol Facebook kobylka z nejakého väčšiu bezpečnosť. 891 00:50:27,930 --> 00:50:29,810 Tak sme si len zastaviť. 892 00:50:29,810 --> 00:50:34,110 Ide o to, že keď budete hotoví s tým, budete mať Facebook prihlásenie. 893 00:50:34,110 --> 00:50:37,850 >> Meteor má veľa iné balíky rovnako. 894 00:50:37,850 --> 00:50:39,200 Môžete sa prihlásiť s Google+. 895 00:50:39,200 --> 00:50:40,500 Môžete sa prihlásiť sa GitHub. 896 00:50:40,500 --> 00:50:42,170 Môžete sa prihlásiť s Twitter. 897 00:50:42,170 --> 00:50:44,870 Alebo ak budete hľadať, budete nájsť veľa iných vecí 898 00:50:44,870 --> 00:50:49,170 ako MeetUp, LinkedIn, a Meteor Developer. 899 00:50:49,170 --> 00:50:53,100 Takže Meteor Developer bol Balíček som hľadal. 900 00:50:53,100 --> 00:50:56,170 meteor pridať účty-meteor-developer. 901 00:50:56,170 --> 00:51:06,192 902 00:51:06,192 --> 00:51:07,900 Do tej doby som Tiež chcú odporučiť 903 00:51:07,900 --> 00:51:11,340 niektoré ďalšie balíky pre vaše projekty. 904 00:51:11,340 --> 00:51:14,670 To by mohlo byť užitočné, aby zahŕňa balíček jQuery. 905 00:51:14,670 --> 00:51:17,909 To vám umožní používať jQuery na vaše klientov. 906 00:51:17,909 --> 00:51:21,200 Dalo by sa to jednoducho urobiť s jedným radom, a Meteor sa uistite, že ste až do dátumu 907 00:51:21,200 --> 00:51:21,825 na jQuery. 908 00:51:21,825 --> 00:51:24,330 909 00:51:24,330 --> 00:51:27,450 Odporúčam tiež Houston: admin. 910 00:51:27,450 --> 00:51:31,550 >> To je niečo ako phpMyAdmin druh nástroja pre vaše MongoDB. 911 00:51:31,550 --> 00:51:33,890 To umožňuje editovať Vaše dáta pomerne ľahko 912 00:51:33,890 --> 00:51:37,950 bez toho aby museli ísť do shellu Mongo, ako som robil predtým v seminári. 913 00:51:37,950 --> 00:51:43,160 914 00:51:43,160 --> 00:51:47,101 Takže teraz, že je to beh, poďme bežať Meteor znova a uvidíme, čo sa dá robiť. 915 00:51:47,101 --> 00:51:56,240 916 00:51:56,240 --> 00:52:00,720 >> Všimnite si, že pridávanie balíky môže nechať predložiť nejaké varovanie. 917 00:52:00,720 --> 00:52:02,720 Nebudete musieť starať o tom s Houstonom. 918 00:52:02,720 --> 00:52:06,040 919 00:52:06,040 --> 00:52:10,810 Takže teraz môžeme mať možnosť konfigurovať Meteor admin. 920 00:52:10,810 --> 00:52:15,080 A oni vám smermi Ak chcete nastaviť, aby sa. 921 00:52:15,080 --> 00:52:17,750 922 00:52:17,750 --> 00:52:20,440 >> Môžeme tiež idú teraz do / admin. 923 00:52:20,440 --> 00:52:23,280 To je vám prináša by Houston balíčka. 924 00:52:23,280 --> 00:52:27,470 A to je Meteor admin rozhranie. 925 00:52:27,470 --> 00:52:30,660 Stačí vytvoriť admin účet, tak ako. 926 00:52:30,660 --> 00:52:38,150 A ak si aktualizovať stránku, môžete majú niektoré zbierky objavovať. 927 00:52:38,150 --> 00:52:40,980 928 00:52:40,980 --> 00:52:43,460 >> Je to veľmi užitočný nástroj, a ja rozhodne odporúčam. 929 00:52:43,460 --> 00:52:46,717 930 00:52:46,717 --> 00:52:49,050 Môžete vidieť, že z dôvodu houston dával nejaké chyby, 931 00:52:49,050 --> 00:52:52,330 nemáme žiadne zbierky ukazuje práve teraz. 932 00:52:52,330 --> 00:52:56,800 Spôsob, akým by ste použili Houston uistite sa, táto funkcia dostane 933 00:52:56,800 --> 00:52:58,860 volal vo svojich jednoduchý Todos. 934 00:52:58,860 --> 00:53:01,370 Takže houston nie viem, čo moje úlohy. 935 00:53:01,370 --> 00:53:04,490 >> Založili sme Mongo kolekcia tzv úlohy. 936 00:53:04,490 --> 00:53:11,390 Poďme do jednoduchého-Todos a len Uistite sa, že v JavaScripte 937 00:53:11,390 --> 00:53:16,295 sme pridali úlohy našich zbierok. 938 00:53:16,295 --> 00:53:19,340 939 00:53:19,340 --> 00:53:25,670 Teraz sme spasení, a to vybudovanie aplikácie, osviežujúci. 940 00:53:25,670 --> 00:53:26,750 A pozrime sa. 941 00:53:26,750 --> 00:53:29,090 Teraz máme nejaké úlohy. 942 00:53:29,090 --> 00:53:32,630 A môžeme pridať nejaké nové úlohy. 943 00:53:32,630 --> 00:53:35,840 Ale ak chceme pridávať úlohy, poďme to s aplikáciou sám. 944 00:53:35,840 --> 00:53:39,660 945 00:53:39,660 --> 00:53:41,050 >> Teraz môžeme pridať niektoré údaje. 946 00:53:41,050 --> 00:53:53,410 Ahoj, to je úloha. 947 00:53:53,410 --> 00:53:57,080 Zdá sa, že trochu divné, že my nevidíme žiadne úlohy. 948 00:53:57,080 --> 00:54:00,290 949 00:54:00,290 --> 00:54:05,260 Mohli by sme chcieť skontrolovať, či máme niektorý Chyby tu, alebo možno niekde inde. 950 00:54:05,260 --> 00:54:08,810 951 00:54:08,810 --> 00:54:20,260 Ak pôjdeme do admin, že sa zdá divné. 952 00:54:20,260 --> 00:54:24,080 Ak budete ťahať úložiska po tomto seminári, 953 00:54:24,080 --> 00:54:27,580 Budem sa uistite, že jednoduchý Todos pracuje s Houstonom. 954 00:54:27,580 --> 00:54:30,370 Bohužiaľ, to sa nezdá bude pracovať v tejto chvíli. 955 00:54:30,370 --> 00:54:34,810 956 00:54:34,810 --> 00:54:37,640 >> Sú ešte nejaké ďalšie otázky? 957 00:54:37,640 --> 00:54:41,800 Houston je zvyčajne Nástroj, ktorý funguje veľmi dobre. 958 00:54:41,800 --> 00:54:44,510 Houston konkrétne je trochu buggier než ostatné, 959 00:54:44,510 --> 00:54:49,470 ale ja odporúčam, keď to funguje. 960 00:54:49,470 --> 00:54:50,080 Jo. 961 00:54:50,080 --> 00:54:52,395 >> Divákov: Čo môžete robiť s balíčkom Facebook 962 00:54:52,395 --> 00:54:54,270 akonáhle je zaznamenaná užívateľ so svojím Facebook? 963 00:54:54,270 --> 00:54:55,978 >> ROGER ZURAWICKI: Raz používateľ je prihlásený, 964 00:54:55,978 --> 00:54:59,540 môžete volať na Facebook API. 965 00:54:59,540 --> 00:55:02,890 Mnoho, ktorá leží viac Ako Facebook otvorí ich API. 966 00:55:02,890 --> 00:55:05,120 Meteor, uistite sa, že majú spojenie. 967 00:55:05,120 --> 00:55:09,300 Ale všetko po tom je záležitosť učenie, ako používať Facebook API. 968 00:55:09,300 --> 00:55:10,216 Divákov: [nepočuteľné]. 969 00:55:10,216 --> 00:55:17,756 970 00:55:17,756 --> 00:55:18,880 ROGER ZURAWICKI: Dobre. 971 00:55:18,880 --> 00:55:21,670 Veľmi vám ďakujem za tento CS50 seminár v Meteor. 972 00:55:21,670 --> 00:55:24,060 Ak máte nejaké otázky, môžete mi e-mail 973 00:55:24,060 --> 00:55:28,319 na moju e-mailovú adresu Zoznam semináre. 974 00:55:28,319 --> 00:55:30,110 A ja budem rád, odpovedať na vaše otázky. 975 00:55:30,110 --> 00:55:33,020 Budem tiež na CS50 hackathon by 976 00:55:33,020 --> 00:55:35,550 budete potrebovať pomôcť s vašimi Meteor projekty. 977 00:55:35,550 --> 00:55:37,650 Ďakujem vám za sledovanie. 978 00:55:37,650 --> 00:55:38,816