1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:10,960 [MUZYKA GRY] 3 00:00:10,960 --> 00:00:12,960 ROGER ZURAWICKI: Witam, moja Nazywam się Roger Zurawicki, 4 00:00:12,960 --> 00:00:16,410 i będzie obejmujące Seminarium CS50 Meteor. 5 00:00:16,410 --> 00:00:21,520 Meteor jest nowe ramy poświęcony nowego rodzaju sieci, 6 00:00:21,520 --> 00:00:25,220 Nie PHP zlecania tam iz powrotem rodzaju 7 00:00:25,220 --> 00:00:29,070 web widzieliśmy w zestawie PHPP, ale bardziej dynamiczny JavaScript 8 00:00:29,070 --> 00:00:31,370 części sieci. 9 00:00:31,370 --> 00:00:36,260 Rzeczy mogą zrobić Meteor Aktualizacja obejmuje żywo 10 00:00:36,260 --> 00:00:42,380 i natychmiast komunikacji pomiędzy użytkownikami tej samej stronie internetowej. 11 00:00:42,380 --> 00:00:46,420 >> W tym seminarium, mamy Kod gościł na mojej GitHub. 12 00:00:46,420 --> 00:00:49,690 Możesz przejść do tego adresu URL i pobierz ją. 13 00:00:49,690 --> 00:00:53,085 Jeśli wiesz, jak korzystać z Git, można sklonować repozytorium. 14 00:00:53,085 --> 00:00:55,460 Jeśli nie wiesz, jak używać Git lub nie używali GitHub, 15 00:00:55,460 --> 00:00:57,030 to jest zupełnie w porządku. 16 00:00:57,030 --> 00:01:00,480 Pokażę wam bardzo szybko jak możemy przejść do GitHub, 17 00:01:00,480 --> 00:01:03,604 i nie ma opcji, aby pobierz zip tam. 18 00:01:03,604 --> 00:01:06,770 Po pobraniu tego katalogu, to może zacząć grać z naszego kodu. 19 00:01:06,770 --> 00:01:10,200 20 00:01:10,200 --> 00:01:13,190 >> Więcej informacji na temat Meteor można znaleźć na meteor.com. 21 00:01:13,190 --> 00:01:16,580 W folderze Seminarium, faktycznie pewne projekty Meteor możemy wykorzystać. 22 00:01:16,580 --> 00:01:20,380 23 00:01:20,380 --> 00:01:26,400 Jeden z folderów, które mamy w naszej Projekt Seminarium jest aplikacja todos. 24 00:01:26,400 --> 00:01:28,780 Więc jeśli pójdę do niego mam, zainstalowany Meteor. 25 00:01:28,780 --> 00:01:35,690 Tak więc, aby go uruchomić, po prostu trzeba wpisać Meteor, a Meteor zainstaluje. 26 00:01:35,690 --> 00:01:38,310 Jak widać, mamy do upewnić się, że zainstalowane Meteor. 27 00:01:38,310 --> 00:01:40,562 Więc jestem po prostu będzie uruchomić go jeszcze raz 28 00:01:40,562 --> 00:01:42,520 aby upewnić się, że Meteor jest prawidłowo zainstalowana. 29 00:01:42,520 --> 00:01:46,370 30 00:01:46,370 --> 00:01:48,450 >> Chociaż mam Meteor instalowanie, mogę ci pokazać 31 00:01:48,450 --> 00:01:53,760 Niektóre pokazy na żywo z miejsc Meteor Teraz będzie na żywo w internecie. 32 00:01:53,760 --> 00:01:57,990 Mam demo naszej aplikacji. 33 00:01:57,990 --> 00:02:00,740 Można go pod adresem. 34 00:02:00,740 --> 00:02:06,350 Jest to aplikacja do zrobienia, że mają w naszym katalogu seminarium. 35 00:02:06,350 --> 00:02:09,940 Adres URL tego jest rozu-rabbit.meteor.com. 36 00:02:09,940 --> 00:02:14,782 Zobaczysz, że będzie naprawdę Meteor udostępnić swoje projekty Meteor za darmo. 37 00:02:14,782 --> 00:02:17,490 I na koniec seminarium, będziesz w stanie to zrobić, jak również. 38 00:02:17,490 --> 00:02:20,550 39 00:02:20,550 --> 00:02:22,160 >> To jest do zrobienia aplikacji. 40 00:02:22,160 --> 00:02:27,740 I możesz zalogować się, stworzyć Rachunki i dodać zadania. 41 00:02:27,740 --> 00:02:30,020 Możesz założyć konto, jak tak. 42 00:02:30,020 --> 00:02:33,050 43 00:02:33,050 --> 00:02:35,850 A teraz, gdy już konta, możesz dodać zadań. 44 00:02:35,850 --> 00:02:42,780 Na przykład, jednym z zadań I może trzeba iść odebrać pranie. 45 00:02:42,780 --> 00:02:45,160 A jeśli jesteś w tym strona w Internecie, będziesz 46 00:02:45,160 --> 00:02:49,790 rzeczywiście zobaczyć to zadanie na komputer w czasie rzeczywistym. 47 00:02:49,790 --> 00:02:53,760 >> Mogę pokazać, szybki demo to przez otwarcie Rozu-królika 48 00:02:53,760 --> 00:02:56,700 w innej karcie z tym samym adresem URL. 49 00:02:56,700 --> 00:03:00,360 I widzimy, że te same dane wyjdzie. 50 00:03:00,360 --> 00:03:02,240 Możemy również uruchomić w innej przeglądarki. 51 00:03:02,240 --> 00:03:03,420 Powiedzieć, że go uruchomić w przeglądarce Safari. 52 00:03:03,420 --> 00:03:04,720 W ten sposób nie jesteś zalogowany. 53 00:03:04,720 --> 00:03:07,750 54 00:03:07,750 --> 00:03:11,060 Więc mamy ten sam Meteor aplikacji, a po załadowaniu 55 00:03:11,060 --> 00:03:13,910 zobaczymy te same dane my w pierwszej. 56 00:03:13,910 --> 00:03:16,710 Jak widać, nie jestem zalogowany tutaj. 57 00:03:16,710 --> 00:03:20,000 A kiedy publiczność sprawdza dane, aktualizuje na wszystkich przeglądarkach 58 00:03:20,000 --> 00:03:20,910 jednocześnie. 59 00:03:20,910 --> 00:03:23,740 Jest to jeden z bardzo fajne funkcje o Meteor. 60 00:03:23,740 --> 00:03:27,700 Prawie bez pracy, to mają aktualizowania aplikacji na żywo 61 00:03:27,700 --> 00:03:31,240 że zmiany na wszystkich Twoje urządzenia na raz. 62 00:03:31,240 --> 00:03:36,690 >> Jeśli zaznaczysz pole wyboru I tutaj w moim do zrobienia listy, będziemy mieli, 63 00:03:36,690 --> 00:03:41,230 w mojej drugiej przeglądarce Chrome, poz odznaczony. 64 00:03:41,230 --> 00:03:42,605 I to się dzieje, natychmiast. 65 00:03:42,605 --> 00:03:46,340 66 00:03:46,340 --> 00:03:47,280 Dobrze. 67 00:03:47,280 --> 00:03:52,730 Wygląda więc na to Meteor instalacja jest już gotowa. 68 00:03:52,730 --> 00:03:57,000 Teraz wróćmy do todos aplikacji i uruchomić to lokalnie. 69 00:03:57,000 --> 00:04:01,599 >> Jeśli masz projekt Meteor, można wystarczy uruchomić go z Meteor poleceń. 70 00:04:01,599 --> 00:04:03,640 Gdy to zrobisz, Meteor zrobi pewne przygotowania 71 00:04:03,640 --> 00:04:06,120 aby upewnić się wszystkie kod jest w szachu. 72 00:04:06,120 --> 00:04:12,440 A potem to powiedzieć, że Projekt jest gotowy do podania. 73 00:04:12,440 --> 00:04:17,750 Może być konieczne, aby umożliwić firewall, jeśli komputer bloki. 74 00:04:17,750 --> 00:04:22,440 >> Więc to, co każe mi Meteor teraz jest to, że na tej stronie internetowej 75 00:04:22,440 --> 00:04:26,100 lokalnego na komputerze, widzę, co ten projekt Meteor jest. 76 00:04:26,100 --> 00:04:29,290 Należy pamiętać, że właśnie teraz, moja aplikacja jest Nie dostępnych w Internecie. 77 00:04:29,290 --> 00:04:35,170 Zajmiemy się jak zabrać Meteor aplikacja na żywo miejscu nieco później. 78 00:04:35,170 --> 00:04:40,510 Więc jestem po prostu skopiować to URL teraz i przejść do Google Chrome. 79 00:04:40,510 --> 00:04:42,600 >> I to jest do zrobienia listy od przykładu. 80 00:04:42,600 --> 00:04:46,080 Możesz zobaczyć ich wykonania kilka innych funkcji tutaj. 81 00:04:46,080 --> 00:04:49,210 Mamy różne zakładki, możemy mają te same funkcje konta, 82 00:04:49,210 --> 00:04:52,141 i możemy dodać nowe listy. 83 00:04:52,141 --> 00:04:54,140 Teraz jeden z naprawdę fajne cechą Meteor 84 00:04:54,140 --> 00:04:57,450 jest to, że nie tylko można to działa w przeglądarce internetowej, 85 00:04:57,450 --> 00:05:00,030 ale można też tworzyć rodzimych iPhone i Android 86 00:05:00,030 --> 00:05:02,990 aplikacje za pośrednictwem narzędzia zwanego PhoneGap. 87 00:05:02,990 --> 00:05:06,740 >> Więc niektóre projekty przyjdzie wstępnie skonfigurowane do uruchamiania 88 00:05:06,740 --> 00:05:08,700 iOS, takich jak tej aplikacji todos. 89 00:05:08,700 --> 00:05:14,780 Więc wszystko co musisz zrobić, aby uruchomić go w iOS Meteor, to wpisać, a następnie uruchomić iOS. 90 00:05:14,780 --> 00:05:17,540 I kiedy to zrobić, Meteor ponownie przygotować pakiet. 91 00:05:17,540 --> 00:05:21,670 A potem, gdy wszystko jest już gotowe, to będziesz załadować symulatora systemu iOS na mój rozkaz. 92 00:05:21,670 --> 00:05:24,745 Uwaga: można uruchomić tylko iOS Jeśli masz komputer Mac. 93 00:05:24,745 --> 00:05:27,650 94 00:05:27,650 --> 00:05:30,730 Można uruchamiać swoje aplikacje na Android na wszystkich platformach. 95 00:05:30,730 --> 00:05:34,070 96 00:05:34,070 --> 00:05:38,290 >> Więc teraz można zobaczyć, że mój iPhone Symulator wpadł na ekranie. 97 00:05:38,290 --> 00:05:40,370 A za chwilę, to będzie załadować z aplikacji. 98 00:05:40,370 --> 00:05:46,070 99 00:05:46,070 --> 00:05:48,490 Jeśli robimy to tylko trochę mniejsze, aby zmieścił się na ekranie, 100 00:05:48,490 --> 00:05:50,780 widzimy, mamy naszą aplikację iPhone. 101 00:05:50,780 --> 00:05:53,220 I tak nie robimy się mylić, zróbmy 102 00:05:53,220 --> 00:05:59,790 pewność, że są na to samo strona, host lokalny 3000. 103 00:05:59,790 --> 00:06:03,490 >> Więc tutaj jest przykładem app Meteor mam, 104 00:06:03,490 --> 00:06:08,770 Aplikacja todos, działa zarówno na telefonu i przeglądarki internetowej. 105 00:06:08,770 --> 00:06:10,770 A kiedy zmienić rzeczy w przeglądarce internetowej, 106 00:06:10,770 --> 00:06:12,675 natychmiast idzie do telefonu. 107 00:06:12,675 --> 00:06:16,500 I mogę usunąć coś na telefon, i zmienia się w przeglądarce internetowej. 108 00:06:16,500 --> 00:06:21,050 >> Teraz normalnie tworzyć natywne aplikacji dla iOS lub telefonu Android, 109 00:06:21,050 --> 00:06:26,090 musisz wiedzieć, albo Java lub Cel C. technologii zastosowania Meteor 110 00:06:26,090 --> 00:06:29,240 aby obsługa JavaScript, żeby działać jako Twoja aplikacja nazywa PhoneGap. 111 00:06:29,240 --> 00:06:31,320 Jaka aplikacja zasadniczo Jest to przeglądarka internetowa. 112 00:06:31,320 --> 00:06:34,500 I Meteor obsługuje wszystkie Tricky części zaangażowane 113 00:06:34,500 --> 00:06:39,820 do wniesienia do tego przeglądarka iPhone lub Android urządzenia. 114 00:06:39,820 --> 00:06:42,210 Widać, że Interfejs użytkownika jest gładka, 115 00:06:42,210 --> 00:06:45,290 i wygląda i czuje się bardzo podobnie jak native aplikacji. 116 00:06:45,290 --> 00:06:48,620 Zauważ, że jeśli pójdę do domu Ekran teraz, mam również ikonę. 117 00:06:48,620 --> 00:06:50,880 To nie jest strona internetowa, jak chcesz znaleźć w Safari. 118 00:06:50,880 --> 00:06:51,860 To jest własny aplikacji. 119 00:06:51,860 --> 00:06:54,130 Możesz zainstalować i usunąć go, jeśli chcesz. 120 00:06:54,130 --> 00:06:59,500 121 00:06:59,500 --> 00:07:04,436 >> Możemy krótko pokazać, co kod dla tego rodzaju todos aplikacja wygląda. 122 00:07:04,436 --> 00:07:08,260 Jeśli spojrzeć w folderze todos, widać, istnieje wiele folderów. 123 00:07:08,260 --> 00:07:11,440 Ale w ciągu seminarium, będziemy 124 00:07:11,440 --> 00:07:14,780 zrozumieć, co każdy folder służy. 125 00:07:14,780 --> 00:07:17,830 Chodźmy do terminalu więc Można zobaczyć pliki nieco lepiej. 126 00:07:17,830 --> 00:07:20,410 >> Mam zamiar naciśnij Sterowanie C, aby zatrzymać serwer, 127 00:07:20,410 --> 00:07:22,770 a teraz jestem z powrotem w aplikacji todos. 128 00:07:22,770 --> 00:07:26,660 Mam różne foldery tutaj, podobnie jak Folder klienta, folderów serwera. 129 00:07:26,660 --> 00:07:30,500 A te foldery po prostu oznacza, że wszystko w folderze klienta 130 00:07:30,500 --> 00:07:32,630 zostanie wykonany w przeglądarce internetowej. 131 00:07:32,630 --> 00:07:35,530 Wszystko w folderze serwera zostanie wykonana na serwerze. 132 00:07:35,530 --> 00:07:38,100 >> Co chcę podkreślić na to, że to, co mieliśmy 133 00:07:38,100 --> 00:07:42,140 kiedy mieliśmy funkcjonowanie telefonu i nasza przeglądarka, były to klienci. 134 00:07:42,140 --> 00:07:45,730 Ale to, co działa w Terminal, to serwer. 135 00:07:45,730 --> 00:07:48,710 Mamy inne foldery, jak lib, który jest kod biblioteki, 136 00:07:48,710 --> 00:07:51,050 jak twój pomocnik funkcje, które będziesz mógł 137 00:07:51,050 --> 00:07:53,710 używać zarówno klienta, jak i serwera. 138 00:07:53,710 --> 00:07:55,820 I wtedy masz publicznej Folder i zasoby 139 00:07:55,820 --> 00:07:59,310 Folder niezbędne do uzyskania Twoje zdjęcia i inne CSS załadowany. 140 00:07:59,310 --> 00:08:02,630 141 00:08:02,630 --> 00:08:09,360 >> Jeśli masz zainstalowany Meteor, będziemy kontynuować samouczek dla Meteor. 142 00:08:09,360 --> 00:08:12,790 Możesz przejść do tego adresu URL, meteor.com/install, 143 00:08:12,790 --> 00:08:17,990 uzyskać z wiersza poleceń, które ja pokazał, że instaluje Meteor. 144 00:08:17,990 --> 00:08:20,240 Pojedziemy przez pierwsze kilka kroków, aby lepiej 145 00:08:20,240 --> 00:08:22,760 czuję się, jak zainstalować Meteor. 146 00:08:22,760 --> 00:08:28,000 >> Ale po pierwsze, myślę, że to ważne, przejrzymy trochę JavaScript. 147 00:08:28,000 --> 00:08:32,360 Aby pokazać kilka przykładów tego, jak nasza C wiedza może być tłumaczone 148 00:08:32,360 --> 00:08:34,950 do JavaScript, mam stworzył kilka przykładów. 149 00:08:34,950 --> 00:08:36,940 Są one w katalogu js. 150 00:08:36,940 --> 00:08:41,750 Więc jeśli w folderze Ci się seminaria spojrzeć, tam folder o nazwie js. 151 00:08:41,750 --> 00:08:44,540 I tutaj mamy kilka przykładów. 152 00:08:44,540 --> 00:08:50,120 >> Otwórzmy się pierwsza przykładem i zobaczyć bardzo szybko. 153 00:08:50,120 --> 00:08:53,980 To, co widzimy jest twoja średnia witam polecenia świata. 154 00:08:53,980 --> 00:08:56,520 Można zauważyć, że ci w C mają dość kilka linii. 155 00:08:56,520 --> 00:09:00,490 I jak uczniowie CS50 wiem, potrzebujemy głównej funkcji, 156 00:09:00,490 --> 00:09:05,730 i musimy to standard Biblioteka we / wy w celu wywołania printf. 157 00:09:05,730 --> 00:09:09,320 >> Przyjrzyjmy się, jak JavaScript porównuje. 158 00:09:09,320 --> 00:09:11,560 Mam zamiar otworzyć ex1.js. 159 00:09:11,560 --> 00:09:14,650 Wypowiedziało się to, co się C kod będzie wyglądał, 160 00:09:14,650 --> 00:09:17,550 i poniżej linii jest wszystko trzeba uruchomić w węźle. 161 00:09:17,550 --> 00:09:20,452 Nie musisz główną funkcję, nie muszą zawierać żadnych plików, 162 00:09:20,452 --> 00:09:21,660 i nie trzeba, aby powrócić. 163 00:09:21,660 --> 00:09:23,810 Wystarczy zadzwonić console.log. 164 00:09:23,810 --> 00:09:26,370 Jest to odpowiednik swojej printf. 165 00:09:26,370 --> 00:09:29,310 >> I zajmuje to samo Argumenty printf będzie. 166 00:09:29,310 --> 00:09:33,870 I aby go uruchomić, zamiast uruchamiania się Ex1, 167 00:09:33,870 --> 00:09:38,930 to po prostu zadzwonić ex1.js. węzłów 168 00:09:38,930 --> 00:09:41,830 Piszesz węzeł, a następnie Plik, a robi się uruchomić. 169 00:09:41,830 --> 00:09:43,580 Nie ma się skompilowany. 170 00:09:43,580 --> 00:09:45,970 JavaScript jest interpretowany język. 171 00:09:45,970 --> 00:09:49,150 Tak że nie muszą być skompilowany przed jego uruchomienia. 172 00:09:49,150 --> 00:09:53,450 Gdybym chciał uruchomić ex1.c, Muszę zrobić to pierwszy, 173 00:09:53,450 --> 00:09:59,160 i wtedy mogę uruchomić plik wykonywalny aby uzyskać ten sam wynik. 174 00:09:59,160 --> 00:10:02,460 >> Niech szybko pokrycie niektórych inne koncepcje JavaScript. 175 00:10:02,460 --> 00:10:04,490 Spójrzmy na przykład dwa. 176 00:10:04,490 --> 00:10:14,690 W ex2.js w ex2.c, możemy zobaczyć, że mamy jakiś kod. 177 00:10:14,690 --> 00:10:16,550 Pozwól mi szybko przejść do lepiej edytor tekstu 178 00:10:16,550 --> 00:10:18,400 że pokaże je Nowe linie nieco lepiej. 179 00:10:18,400 --> 00:10:21,760 180 00:10:21,760 --> 00:10:22,380 Dobrze. 181 00:10:22,380 --> 00:10:24,190 Tutaj mamy przykład 2.c. 182 00:10:24,190 --> 00:10:27,360 Tutaj mamy różne rodzaje że mamy do drukowania. 183 00:10:27,360 --> 00:10:30,880 A jak wiemy, ma printf różne argumenty procent 184 00:10:30,880 --> 00:10:34,050 aby uzyskać dostęp do różnych fragmentów danych. 185 00:10:34,050 --> 00:10:36,840 Jeśli chcemy, aby wydrukować Ciąg nazywamy% s. 186 00:10:36,840 --> 00:10:40,390 Jeśli chcemy wywołać pływające Numer punktu, zadzwoniliśmy% f. 187 00:10:40,390 --> 00:10:45,810 I nie ma łatwego sposobu, aby zadzwonić Boolean jego prawdziwą lub fałszywą. 188 00:10:45,810 --> 00:10:50,760 Ale jeśli używasz% d, można uzyskać 0 lub 1 dla fałszu i prawdy. 189 00:10:50,760 --> 00:10:53,270 >> JavaScript jest nieco ładniejszy dla nas. 190 00:10:53,270 --> 00:10:57,740 W JavaScript, spójrzmy na kilka Różnice mamy w tym pliku. 191 00:10:57,740 --> 00:11:05,790 Po pierwsze, można zauważyć, że w C musimy zainicjować każdą zmienną z typu. 192 00:11:05,790 --> 00:11:06,940 S jest gwiazdą char. 193 00:11:06,940 --> 00:11:08,930 Jest to ciąg znaków, i to Nie może być innego typu. 194 00:11:08,930 --> 00:11:10,450 N jest pływak. 195 00:11:10,450 --> 00:11:11,780 B jest Bool. 196 00:11:11,780 --> 00:11:14,220 >> Ale w JavaScript, są dynamiczne typy. 197 00:11:14,220 --> 00:11:16,400 Oznacza to, że nie trzeba powiedzieć JavaScript 198 00:11:16,400 --> 00:11:17,860 jakie typy zmiennych będzie. 199 00:11:17,860 --> 00:11:22,730 Wystarczy powiedzieć, var dla zmiennej, nazwę zmiennej, a następnie jej wartości. 200 00:11:22,730 --> 00:11:24,690 Więc var może być coś naprawdę. 201 00:11:24,690 --> 00:11:25,640 To może być ciągiem. 202 00:11:25,640 --> 00:11:27,300 To może być liczbą rzeczywistą. 203 00:11:27,300 --> 00:11:28,560 To może być znak. 204 00:11:28,560 --> 00:11:31,250 To może być logiczna. 205 00:11:31,250 --> 00:11:34,380 A dziennik konsoli działa nieco inaczej. 206 00:11:34,380 --> 00:11:37,340 Jeśli chcesz wydrukować numer, zadzwonić% d. 207 00:11:37,340 --> 00:11:41,740 Jednak większość mogą wynosić drukowane jako ciągi dobrze. 208 00:11:41,740 --> 00:11:46,220 >> Przyjrzyjmy się to w węźle aby zobaczyć, co się stanie. 209 00:11:46,220 --> 00:11:51,880 Mogę zadzwonić ex2.js węzłów, i mamy printf 210 00:11:51,880 --> 00:11:56,870 z CS50 wartości, N jak Liczba zmiennoprzecinkowa, 211 00:11:56,870 --> 00:12:00,620 i B jako Boolean zamienione na ciąg prawdziwej. 212 00:12:00,620 --> 00:12:03,830 A co, jeśli zrobiliśmy przykład 2.C.? 213 00:12:03,830 --> 00:12:09,630 Cóż, mamy jeszcze trochę więcej przykrości z printf. 214 00:12:09,630 --> 00:12:13,110 Zauważ, że zmiennoprzecinkowe Numer musi być sformatowany poprawnie, 215 00:12:13,110 --> 00:12:18,120 i że nie można po prostu logiczna być wyświetlane jako prawda lub fałsz. 216 00:12:18,120 --> 00:12:18,620 Dobrze. 217 00:12:18,620 --> 00:12:22,680 Teraz spójrzmy na przykład trzy. 218 00:12:22,680 --> 00:12:26,470 Na przykład trzy, pokazujemy jak można użyć pętli for. 219 00:12:26,470 --> 00:12:27,630 W rzeczywistości jest to bardzo proste. 220 00:12:27,630 --> 00:12:31,430 Jedną z miłych rzeczy JavaScript jest to, że opiera C. 221 00:12:31,430 --> 00:12:33,920 Oznacza to, że wiele z Twoich Kod będzie bardzo podobny 222 00:12:33,920 --> 00:12:36,490 i czuć się bardzo podobnie. 223 00:12:36,490 --> 00:12:39,220 W pętli for, jedyną rzeczą, że zmieniła się tutaj 224 00:12:39,220 --> 00:12:41,840 to zamiast int i, mamy var i. 225 00:12:41,840 --> 00:12:45,470 Nadal możemy przypisać go do wartości zero, sprawdzić, że jest to mniej niż pięć, 226 00:12:45,470 --> 00:12:49,390 i zwiększyć ją o jeden z operatorem ++. 227 00:12:49,390 --> 00:12:56,286 Nazywamy console.log na i, a wypisze nam numer z każdej linii. 228 00:12:56,286 --> 00:12:58,410 Przyjrzyjmy się go bardzo szybko aby zobaczyć, co wypisuje. 229 00:12:58,410 --> 00:13:02,320 230 00:13:02,320 --> 00:13:03,880 Dostajemy nowy numer w każdej linii. 231 00:13:03,880 --> 00:13:06,920 Inną rzeczą, chcę Cię zauważyć z console.log 232 00:13:06,920 --> 00:13:09,960 to nie trzeba pisać odwrotny ukośnik n dla nowej linii. 233 00:13:09,960 --> 00:13:12,480 Console.log wydrukuje wszystko na własnej linii. 234 00:13:12,480 --> 00:13:14,585 To miły funkcji że obsługa JavaScript, daje nam. 235 00:13:14,585 --> 00:13:18,440 236 00:13:18,440 --> 00:13:22,600 >> Teraz otwórz przykład cztery. 237 00:13:22,600 --> 00:13:28,710 Na przykład cztery, najpierw w ° C, wzywamy kilka funkcji. 238 00:13:28,710 --> 00:13:33,290 Zauważ, że mamy do ogłoszenia Funkcje przed ich używamy w głównym. 239 00:13:33,290 --> 00:13:37,250 Jeśli mieliśmy pierwszą i główną następnie dodać, a następnie wysoki, sprawiają, 240 00:13:37,250 --> 00:13:39,540 dzyń, lub GCC będzie daje nam błąd mówiąc 241 00:13:39,540 --> 00:13:41,060 że nie wie, co wysokie jest. 242 00:13:41,060 --> 00:13:42,780 Nie wiem, co dodatek jest. 243 00:13:42,780 --> 00:13:46,480 Więc w C, trzeba być wybredna Kolejność, w której możesz zadzwonić do funkcji. 244 00:13:46,480 --> 00:13:49,220 245 00:13:49,220 --> 00:13:51,310 >> Przyjrzyjmy się, jak to możliwe to zrobić w JavaScript. 246 00:13:51,310 --> 00:13:56,060 Mamy różne pliki, ponieważ nie kilka różnych sposobów, aby to zrobić. 247 00:13:56,060 --> 00:13:58,950 Jednym ze sposobów jest dość dużo bezpośrednie tłumaczenie. 248 00:13:58,950 --> 00:14:02,180 Ponieważ funkcje w C powrót rodzajów i JavaScript 249 00:14:02,180 --> 00:14:05,210 naprawdę nie wiem, czy opieki o jaki rodzaj powrotu, 250 00:14:05,210 --> 00:14:06,300 nie piszesz typ. 251 00:14:06,300 --> 00:14:08,100 Zamiast tego, po prostu trzeba do funkcji zapisu, 252 00:14:08,100 --> 00:14:11,180 i wszystko jest dość tak samo jak wcześniej. 253 00:14:11,180 --> 00:14:14,630 >> Gdy masz zmienną, jak w dodać, że po prostu trzeba napisać x i y. 254 00:14:14,630 --> 00:14:16,060 Nie musimy powiedzieć, x jest int. 255 00:14:16,060 --> 00:14:18,940 Nie musimy powiedzieć, y jest int. 256 00:14:18,940 --> 00:14:21,030 Wracamy z tej samej składni. 257 00:14:21,030 --> 00:14:24,230 Na wysokiej, deklarujemy ją funkcjonować zamiast nieważne. 258 00:14:24,230 --> 00:14:26,110 Zauważ, że to, czy to nieważne lub nie nieważne, 259 00:14:26,110 --> 00:14:28,380 to jeszcze wszystko sama funkcja. 260 00:14:28,380 --> 00:14:32,440 A my po prostu nie umieścić coś w nawiasach, 261 00:14:32,440 --> 00:14:34,690 i wygląda bardzo podobnie do kodu C. 262 00:14:34,690 --> 00:14:37,460 A poniżej, można nazwać go poniżej. 263 00:14:37,460 --> 00:14:42,730 >> Jeśli spojrzymy na przykładzie 4b, zauważymy że zmieniłem kilka rzeczy. 264 00:14:42,730 --> 00:14:45,340 Jedyne co zmieniłem Naprawdę jednak jest porządek. 265 00:14:45,340 --> 00:14:47,340 Mamy takie same funkcje, ale teraz są one 266 00:14:47,340 --> 00:14:52,200 oświadczył po są one wykorzystywane w console.log i wysoki na liniach 18, 19. 267 00:14:52,200 --> 00:14:54,740 Jeśli tak to w C, aby rzucał błąd. 268 00:14:54,740 --> 00:14:56,070 Tutaj, to działa dobrze. 269 00:14:56,070 --> 00:15:01,935 I mogę pokazać Państwu dzwoniąc węzeł 4b przykład. 270 00:15:01,935 --> 00:15:05,350 271 00:15:05,350 --> 00:15:10,130 >> Innym sposobem możemy wywoływać funkcje jest zapisywanie funkcji jako zmienne. 272 00:15:10,130 --> 00:15:13,790 Tak jak mówiłem, zmienna mogą mieć dowolnego typu. 273 00:15:13,790 --> 00:15:16,720 Jednym z rodzajów zmienna może mieć to funkcja. 274 00:15:16,720 --> 00:15:19,800 Więc jeśli spojrzeć na przykład 4c, co zmieniłem 275 00:15:19,800 --> 00:15:24,320 tutaj jest var dodać zamiast funkcji dodatku. 276 00:15:24,320 --> 00:15:26,807 A teraz dodaj równa funkcji. 277 00:15:26,807 --> 00:15:28,140 Funkcja ta tutaj jest anonimowy. 278 00:15:28,140 --> 00:15:33,346 To nie ma nazwy, więc jest to po prostu Funkcja a następnie nawiasy. 279 00:15:33,346 --> 00:15:35,220 Składnia po tym nie zmienia, ale 280 00:15:35,220 --> 00:15:38,300 trzeba pamiętać, że masz zmienną, że jesteś 281 00:15:38,300 --> 00:15:42,940 przechowywania funkcję w dodatku, a Zmienna, że ​​jesteś przechowywania w wysokiej. 282 00:15:42,940 --> 00:15:47,620 >> Ponieważ dodawanie i wysokie są teraz zmienne i nie działa, coś się zmienia. 283 00:15:47,620 --> 00:15:50,190 Jest to wspólny problem widzę w Wiele JavaSkrypty ludzi, 284 00:15:50,190 --> 00:15:52,410 i coś, aby pamiętać. 285 00:15:52,410 --> 00:15:54,365 Gdy uruchomię to, zobaczmy, co się stanie. 286 00:15:54,365 --> 00:15:57,410 287 00:15:57,410 --> 00:15:58,230 Pojawia się błąd. 288 00:15:58,230 --> 00:16:01,000 To mówiąc, niezdefiniowane w tym momencie. 289 00:16:01,000 --> 00:16:03,520 Więc to mówiąc, że nie wiem co dodać, to to. 290 00:16:03,520 --> 00:16:06,010 >> Bo teraz dodawać nie Funkcja, dodać jest zmienna. 291 00:16:06,010 --> 00:16:10,100 I nie zostały faktycznie podane dodaj wartość jeszcze kiedy go stosować. 292 00:16:10,100 --> 00:16:14,460 To prowadzi nas do np 4d, gdzie, jeśli chcesz używać zmiennych w funkcji, 293 00:16:14,460 --> 00:16:17,210 wystarczy upewnić się, że uzyskać wartość, zanim są one wykorzystywane. 294 00:16:17,210 --> 00:16:20,200 295 00:16:20,200 --> 00:16:23,420 >> Przejdźmy do przykładu pięciu wtedy. 296 00:16:23,420 --> 00:16:27,390 Tutaj mówimy o elemencie w C w C, structury 297 00:16:27,390 --> 00:16:30,320 mają to do nich stałą strukturę bo trzeba je zadeklarować 298 00:16:30,320 --> 00:16:33,050 przed użyciem, a mówisz Mam ucznia, 299 00:16:33,050 --> 00:16:36,645 i każdy student ma dokładnie jedno nazwisko, rok, jedna płeć. 300 00:16:36,645 --> 00:16:37,770 Ma mieć je wszystkie. 301 00:16:37,770 --> 00:16:42,280 To nie może mieć żadnych innych wartości, i muszą być określone typy. 302 00:16:42,280 --> 00:16:47,540 >> Wtedy możemy zainicjować struktura w ten miły składni 303 00:16:47,540 --> 00:16:49,470 ponieważ wie zamówienia. 304 00:16:49,470 --> 00:16:51,460 Więc wie, że Roger jest nazwa. 305 00:16:51,460 --> 00:16:54,060 Wie, że 2016 jest roku i M jest płci 306 00:16:54,060 --> 00:16:58,200 dlatego, że powiedział, że ta Lista jest studentem struktury. 307 00:16:58,200 --> 00:17:01,607 A następnie można wydrukować Opisz dostępu s.name. 308 00:17:01,607 --> 00:17:03,690 Zobaczymy jak będzie przekonwertować do JavaScript. 309 00:17:03,690 --> 00:17:06,400 310 00:17:06,400 --> 00:17:09,790 Zauważ, że s jest obecnie zmienna, i nie ma typu. 311 00:17:09,790 --> 00:17:10,920 To kolejny po prostu var. 312 00:17:10,920 --> 00:17:14,480 Bo to nie ma znaczenia, czy typ tej zmiennej jest wskaźnik, 313 00:17:14,480 --> 00:17:17,440 to struktura, czy cokolwiek innego. 314 00:17:17,440 --> 00:17:19,650 Mamy nieco innej składni. 315 00:17:19,650 --> 00:17:21,890 Ta składnia jest składnia obiektu. 316 00:17:21,890 --> 00:17:24,400 >> Być może już go w formacie JSON. 317 00:17:24,400 --> 00:17:27,780 JSON właściwie oznacza JavaScript Object Notation. 318 00:17:27,780 --> 00:17:31,240 W ten sposób można zdefiniować obiekty w JavaScripcie. 319 00:17:31,240 --> 00:17:34,500 Mamy klucz, który jest wartość, podobnie jak nazwy. 320 00:17:34,500 --> 00:17:37,680 I dajemy jej wartości na Druga strona okrężnicy. 321 00:17:37,680 --> 00:17:41,850 I jedno, aby pamiętać, ciebie nie muszą mieć nazwę i rok 322 00:17:41,850 --> 00:17:42,980 i płci dla obiektu. 323 00:17:42,980 --> 00:17:44,570 Obiekt nie może mieć wartości. 324 00:17:44,570 --> 00:17:46,920 To może mieć tyle, ile chcesz. 325 00:17:46,920 --> 00:17:50,375 >> Możemy korzystać z tych obiektów w ciągu sam sposób będziemy używać struct, s.name. 326 00:17:50,375 --> 00:17:53,810 327 00:17:53,810 --> 00:17:57,080 Możemy go szybko uruchomić naprawdę wykonując węzła przykład 5.c. 328 00:17:57,080 --> 00:18:00,320 329 00:18:00,320 --> 00:18:02,520 Nie możemy faktycznie uruchomić plik C w węźle. 330 00:18:02,520 --> 00:18:03,654 Nie wiem, co C. 331 00:18:03,654 --> 00:18:04,695 To wie tylko JavaScript. 332 00:18:04,695 --> 00:18:09,865 Kiedy uruchomić ex5.js, otrzymujemy wartości, których się spodziewaliśmy. 333 00:18:09,865 --> 00:18:13,490 334 00:18:13,490 --> 00:18:15,980 >> Przejdźmy na przykład sześć. 335 00:18:15,980 --> 00:18:18,930 Tutaj po prostu chcę porozmawiać trochę nieco więcej o tablicy JavaScript 336 00:18:18,930 --> 00:18:20,930 bo są nieco inna niż to, co masz 337 00:18:20,930 --> 00:18:26,940 stosowane w C. Tablice są zanotowano, nie ze wspornikami, jak w C, 338 00:18:26,940 --> 00:18:28,640 w nawiasy, ale nawiasach. 339 00:18:28,640 --> 00:18:32,150 Możesz mieć pustą tablicę, jak arr w wierszu czwartym. 340 00:18:32,150 --> 00:18:34,680 Możesz mieć tablice z wielu wartości. 341 00:18:34,680 --> 00:18:39,790 A ty do nich dostęp tak samo w C. 342 00:18:39,790 --> 00:18:42,990 >> Aż do linii siedem, wszystko wydaje się dość proste. 343 00:18:42,990 --> 00:18:45,390 Jedna drobna różnica jest tutaj, w linii 10. 344 00:18:45,390 --> 00:18:48,620 Sposób można uzyskać długość tablica jest po prostu dzwoniąc .length. 345 00:18:48,620 --> 00:18:50,620 Tablica może być w rzeczywistości traktowane jak przedmiot, 346 00:18:50,620 --> 00:18:54,960 i ten obiekt ma właściwości length że zadzwonisz, aby uzyskać długość to. 347 00:18:54,960 --> 00:18:57,350 Zauważ, że jest inaczej w C, ponieważ w C można 348 00:18:57,350 --> 00:19:01,600 znać długość Twój obiekt przed czasem. 349 00:19:01,600 --> 00:19:04,700 >> Więc kolejny Zaletą tablic jest to, że można mieć różne typy. 350 00:19:04,700 --> 00:19:07,470 Jeśli masz tablicę w C, nie to tablice określonej wartości, 351 00:19:07,470 --> 00:19:11,900 albo wskaźnik struct lub w płynie lub [niesłyszalne]. 352 00:19:11,900 --> 00:19:13,700 Tutaj można mieć różne wartości. 353 00:19:13,700 --> 00:19:17,560 Pierwszy raz miał liczbę zmiennoprzecinkową, to Boolean, potem drugi całkowitą. 354 00:19:17,560 --> 00:19:19,670 I rzeczywiście, mogą zmienić typy też. 355 00:19:19,670 --> 00:19:21,220 Spójrz na linii 16. 356 00:19:21,220 --> 00:19:26,760 Tablica dwie zmienia się z bycia Numer, całkowita, na łańcuch. 357 00:19:26,760 --> 00:19:30,920 >> Kolejną zaletą macierzy jest tutaj na linii 19, mają nieskończoną wielkość. 358 00:19:30,920 --> 00:19:35,900 Można tylko powiedzieć, chcę setną elementem jest ciąg legit. 359 00:19:35,900 --> 00:19:38,510 I to nie wydaje się, aby sensu, ponieważ tablica tylko 360 00:19:38,510 --> 00:19:41,080 ma miejsce na trzy elementy, więc koniec powinien być dwa. 361 00:19:41,080 --> 00:19:44,800 Ale kiedy to zrobić, niech zobacz, co tablica trzy staje. 362 00:19:44,800 --> 00:19:47,460 Chcemy uruchomić to szybko z przykładowych węzłów six.js. 363 00:19:47,460 --> 00:19:49,990 364 00:19:49,990 --> 00:19:52,180 Dostajemy to naprawdę długo, tablica, i co się dzieje 365 00:19:52,180 --> 00:19:55,100 to mamy kilka pierwszych elementów a następnie kilka wykrojów 366 00:19:55,100 --> 00:19:56,580 aż dojdziemy nasz łańcuch. 367 00:19:56,580 --> 00:19:58,580 JavaScript wypełnia tablica, jak jest to potrzebne. 368 00:19:58,580 --> 00:20:01,790 369 00:20:01,790 --> 00:20:05,420 >> Niech w końcu przejść do naszego ostatniego przykładu. 370 00:20:05,420 --> 00:20:08,180 Tutaj mamy listę z różnych studentów. 371 00:20:08,180 --> 00:20:11,350 Chcę porozmawiać trochę Trochę o kilka ciekawych aspektów 372 00:20:11,350 --> 00:20:14,240 z pętli w JavaScript. 373 00:20:14,240 --> 00:20:17,500 W C, pętle są rodzajem ograniczone. 374 00:20:17,500 --> 00:20:21,490 Mają stałą strukturę, w której cię mamy zmienną, masz chorobę, 375 00:20:21,490 --> 00:20:23,850 a następnie zrobić coś Na koniec pętli. 376 00:20:23,850 --> 00:20:27,560 Oczywiście to działa w JavaScript, Jak widzieliśmy w poprzednich przykładach. 377 00:20:27,560 --> 00:20:31,030 Ale mamy też ładniejsze sposobów w ten sposób w JavaScript. 378 00:20:31,030 --> 00:20:33,870 To się nazywa pętli foreach. 379 00:20:33,870 --> 00:20:36,580 >> Niestety, wróćmy na przykład siedem tutaj. 380 00:20:36,580 --> 00:20:39,320 Można również powiedzieć, sekcja jest lista. 381 00:20:39,320 --> 00:20:43,250 Więc daj mi każdego i lub każdy indeks w tym wykazie. 382 00:20:43,250 --> 00:20:46,255 Wtedy możemy uzyskać studenta tylko przez część I dzwoni. 383 00:20:46,255 --> 00:20:50,690 Tak więc cały kod zachodzącego I równe zeru i upewniając się, 384 00:20:50,690 --> 00:20:54,420 jest mniejsza od długości i dodając jeden do I za każdym razem, że to 385 00:20:54,420 --> 00:21:00,220 dbanie o Ciebie, a ładnie z tej pętli foreach. 386 00:21:00,220 --> 00:21:02,830 >> Nie tylko pętle foreach działa na listach lub tablic, 387 00:21:02,830 --> 00:21:06,130 oni również pracować w obiektach, które jest także miły. 388 00:21:06,130 --> 00:21:10,240 Możesz uzyskać nazwę każda nieruchomość po prostu biorąc 389 00:21:10,240 --> 00:21:15,030 Słownik lub obiektu, jak ucznia, a potem po prostu powiedzieć mi dać każdy klawisz. 390 00:21:15,030 --> 00:21:18,920 Klucz byłoby to właściwości, nazwa lub dom. 391 00:21:18,920 --> 00:21:22,870 Więc co się stało jest to, że możemy wydrukować pierwszą nazwą, a następnie 392 00:21:22,870 --> 00:21:24,920 dom każdego ucznia. 393 00:21:24,920 --> 00:21:29,170 >> Mogę uruchomić to w węźle bardzo szybko pokazać. 394 00:21:29,170 --> 00:21:35,510 Dostajemy pierwsze styl C do pętli, gdzie mamy każdy obiekt jest drukowany. 395 00:21:35,510 --> 00:21:38,910 A potem mamy JavaScript stylu, gdzie można po prostu 396 00:21:38,910 --> 00:21:41,510 wydrukować każdy klawisz i wartości indywidualnie. 397 00:21:41,510 --> 00:21:45,560 398 00:21:45,560 --> 00:21:47,050 >> Dobrze. 399 00:21:47,050 --> 00:21:52,850 Teraz, omówiliśmy Node.js, myślę, że jesteśmy gotowi do uruchomienia Meteor. 400 00:21:52,850 --> 00:21:56,070 Tak jak mówiłem, Meteor świetną robotę pisać jakieś gotowe przykłady 401 00:21:56,070 --> 00:22:00,600 dla Ciebie, które można zbadać za pomocą ten tutorial lub w folderze seminarium. 402 00:22:00,600 --> 00:22:03,750 Ale tu chcę rozpocząć bardziej od podstaw. 403 00:22:03,750 --> 00:22:06,810 >> Stwórzmy proste do zrobienia aplikacji. 404 00:22:06,810 --> 00:22:14,140 To jest rodzaj podstawy, co do zrobić aplikację pokazałem wcześniej jest. 405 00:22:14,140 --> 00:22:16,990 W tym samouczku zobaczą, że nie ma 406 00:22:16,990 --> 00:22:20,180 Meteor polecenie tworzenia się utworzyć nowy projekt Meteor. 407 00:22:20,180 --> 00:22:24,510 Musisz zadzwonić do tego, aby do uruchomienia projektów Meteor, ponieważ 408 00:22:24,510 --> 00:22:27,470 będzie uruchomić polecenia stworzyć Meteor 409 00:22:27,470 --> 00:22:31,100 Pliki niezbędne dla projektu. 410 00:22:31,100 --> 00:22:35,920 >> Jeśli pójdziesz do terminalu, możemy przejdź do folderu o nazwie krok pierwszy. 411 00:22:35,920 --> 00:22:41,240 I krok będzie jednym odpowiadać Pierwszym krokiem w samouczku. 412 00:22:41,240 --> 00:22:44,020 Wskazówki znajdują się foldery, krok jeden, krok drugi, aż do pięciu. 413 00:22:44,020 --> 00:22:47,835 I każdy z nich jest odpowiadający do etapu, w tym tutorialu. 414 00:22:47,835 --> 00:22:50,960 415 00:22:50,960 --> 00:22:52,780 Mam zamiar go otworzyć w moim edytorze tekstu tutaj 416 00:22:52,780 --> 00:22:56,280 więc możemy zobaczyć trochę tego, co powstało. 417 00:22:56,280 --> 00:22:58,530 Zauważamy, że nie Są cztery główne części. 418 00:22:58,530 --> 00:23:01,170 Istnieje katalog Meteor, .meteor. 419 00:23:01,170 --> 00:23:03,180 I to zazwyczaj nie trzeba dotykać. 420 00:23:03,180 --> 00:23:05,070 Meteor zajmuje ten folder, i to po prostu 421 00:23:05,070 --> 00:23:08,640 zapewnia, że Projekt będzie działać poprawnie. 422 00:23:08,640 --> 00:23:14,580 >> Mamy też trzy pliki, plików HTML, Plik JavaScript i plików CSS. 423 00:23:14,580 --> 00:23:18,670 Niech najpierw uruchomić z pliku HTML. 424 00:23:18,670 --> 00:23:21,310 Na pierwszy rzut oka to wygląda jak zwykły dokument HTML. 425 00:23:21,310 --> 00:23:23,490 Ale zauważ, że nie kilka różnic. 426 00:23:23,490 --> 00:23:26,520 Po pierwsze, nie jest w rzeczywistości Kompletny dokument HTML. 427 00:23:26,520 --> 00:23:28,640 Jesteśmy brakuje znaczniki HTML. 428 00:23:28,640 --> 00:23:29,700 To jest normalne. 429 00:23:29,700 --> 00:23:33,560 W Meteor, nie jesteś spodziewać do tworzenia tych tagów HTML. 430 00:23:33,560 --> 00:23:35,260 To się robi dla Ciebie. 431 00:23:35,260 --> 00:23:38,380 Chcesz begin-- jeśli Ciebie chcesz stworzyć stronę internetową, 432 00:23:38,380 --> 00:23:40,430 po prostu trzeba zacząć z tagu głowy, 433 00:23:40,430 --> 00:23:43,510 określić to, a następnie zdefiniować znacznik ciała. 434 00:23:43,510 --> 00:23:48,940 >> Ale jeśli zauważysz w tym Plik HTML, mamy nowy znak. 435 00:23:48,940 --> 00:23:50,350 Mamy tag szablonu. 436 00:23:50,350 --> 00:23:52,050 To nie jest normalne HTML. 437 00:23:52,050 --> 00:23:55,300 Jest to specjalna wersja HTML że Meteor sprawia dostępne. 438 00:23:55,300 --> 00:23:57,660 To się nazywa bary kosmicznych. 439 00:23:57,660 --> 00:24:00,980 Można definiować szablony jak mała moduły, rodzaj, jak funkcje pomocnicze, 440 00:24:00,980 --> 00:24:03,660 w C lub kodu JavaScript. 441 00:24:03,660 --> 00:24:06,020 Ten szablon będzie mieć nazwę nazwie zadania. 442 00:24:06,020 --> 00:24:10,520 I można zobaczyć tutaj, na linii 13, które można nazwać te szablony. 443 00:24:10,520 --> 00:24:14,380 A co Meteor zrobi to tylko wypełnienie tych zadań dla Ciebie. 444 00:24:14,380 --> 00:24:17,540 445 00:24:17,540 --> 00:24:22,580 >> Inną rzeczą, można zauważyć, jest nieco inaczej to każda funkcja. 446 00:24:22,580 --> 00:24:26,130 Każda będzie miała zmienną Zadania i rodzaj przejść przez to 447 00:24:26,130 --> 00:24:28,810 w tej pętli foreach my zobaczył w przykładzie siedmiu. 448 00:24:28,810 --> 00:24:34,200 To każdy może wziąć słownik lub lista, obiekt lub listę, 449 00:24:34,200 --> 00:24:38,820 i będzie to po prostu przejść przez wszystkie Wartości takie jak pętli foreach będzie. 450 00:24:38,820 --> 00:24:44,110 Więc jeśli mamy kilka zadań, w tym wezwie szablon dla poszczególnych zadań. 451 00:24:44,110 --> 00:24:49,590 >> Niech uruchomić projekt Meteor po prostu zobaczyć, że tak się stanie. 452 00:24:49,590 --> 00:24:53,260 I uruchomić projekt Meteor z Meteor Meteor lub po prostu uruchomić. 453 00:24:53,260 --> 00:24:56,690 A teraz po prostu trzeba Meteor szybko przygotować projekt, 454 00:24:56,690 --> 00:25:03,320 uruchomić bazy danych jest to konieczne, a następnie po aplikacji lokalnie. 455 00:25:03,320 --> 00:25:07,200 Możemy przejść do naszej przeglądarki internetowej już teraz. 456 00:25:07,200 --> 00:25:10,215 I zobaczymy, że my mają bardzo prostą aplikację. 457 00:25:10,215 --> 00:25:22,190 458 00:25:22,190 --> 00:25:29,130 Więc to, co widzieliśmy było naprawdę pokazał się pierwszy krok, krok w jeden plik. 459 00:25:29,130 --> 00:25:33,260 >> Przejdźmy do kroku drugiego tylko dlatego, Myślę, że będzie to służyć temu samemu celowi. 460 00:25:33,260 --> 00:25:36,500 Ja tylko się zmieni z krokiem dwóch katalogu 461 00:25:36,500 --> 00:25:39,550 i uruchomić Meteor znowu tak możemy zobaczyć Szablon po prostu pracowałem. 462 00:25:39,550 --> 00:25:43,560 463 00:25:43,560 --> 00:25:45,730 Tak, pytanie? 464 00:25:45,730 --> 00:25:49,724 >> PUBLICZNOŚCI: Jeśli jesteśmy już pozwolenie zaprzeczyć, jest that-- co go 465 00:25:49,724 --> 00:25:50,390 wezwał do tego? 466 00:25:50,390 --> 00:25:52,154 467 00:25:52,154 --> 00:25:54,070 ROGER ZURAWICKI: Jeśli używasz run Meteor, 468 00:25:54,070 --> 00:25:57,280 i masz do tego uprawnienia zaprzeczył, niektóre z plików 469 00:25:57,280 --> 00:25:59,070 może nie mieć odpowiedni zestaw uprawnień. 470 00:25:59,070 --> 00:26:03,970 Więc trzeba sprawdzić, gdzie uprawnienia są wyłączone. 471 00:26:03,970 --> 00:26:06,030 Mogą one być wyłączony w projekt Meteor, 472 00:26:06,030 --> 00:26:08,550 lub mogą być wyłączone w Meteor same pliki. 473 00:26:08,550 --> 00:26:13,742 >> PUBLICZNOŚCI: Gdybym go pobrać już teraz z GitHub, to co mam zrobić 474 00:26:13,742 --> 00:26:16,110 [Niesłyszalne]? 475 00:26:16,110 --> 00:26:20,110 >> ROGER ZURAWICKI: Jeśli chcesz upewnij się, że do niego dostęp, 476 00:26:20,110 --> 00:26:21,450 tam polecenia można uruchomić. 477 00:26:21,450 --> 00:26:26,590 Pozwól mi go szybko napisać aby inni ludzie mogą to zobaczyć. 478 00:26:26,590 --> 00:26:30,670 Mam zamiar otworzyć nową kartę tutaj i iść do mojego folderu seminarium. 479 00:26:30,670 --> 00:26:33,500 480 00:26:33,500 --> 00:26:36,490 Chmod jest polecenie zmienić uprawnienia, 481 00:26:36,490 --> 00:26:40,060 i można powiedzieć, r do zrobić rekurencyjnie dla każdego pliku. 482 00:26:40,060 --> 00:26:46,040 I uprawnienia, możesz spróbować 0755 upewnij się, że mają pełny dostęp, 483 00:26:46,040 --> 00:26:47,820 i wszyscy mogą przeczytać. 484 00:26:47,820 --> 00:26:50,100 A jeśli po prostu uruchomić to polecenie, to zrobi 485 00:26:50,100 --> 00:26:55,800 upewnić się, że uprawnienia są w sprawdź w całym katalogu. 486 00:26:55,800 --> 00:26:59,160 Bieganie ls-l można pokazać uprawnienia w sposób bardziej szczegółowy. 487 00:26:59,160 --> 00:27:01,290 To wygląda OK. 488 00:27:01,290 --> 00:27:03,900 >> Co najważniejsze jest to, że masz wszystkie trzy 489 00:27:03,900 --> 00:27:06,610 rwx dla wszystkich plików w Katalog seminarium. 490 00:27:06,610 --> 00:27:09,415 491 00:27:09,415 --> 00:27:11,330 Czy to rozwiąże problem? 492 00:27:11,330 --> 00:27:13,735 >> PUBLICZNOŚCI: Mówi brakuje operantem [niesłyszalne]. 493 00:27:13,735 --> 00:27:17,980 494 00:27:17,980 --> 00:27:18,740 [Niesłyszalne] 495 00:27:18,740 --> 00:27:20,490 ROGER ZURAWICKI: Ty musisz upewnić się, 496 00:27:20,490 --> 00:27:23,022 mają kropkę na końcu polecenia. 497 00:27:23,022 --> 00:27:23,938 PUBLICZNOŚCI: [niesłyszalne]. 498 00:27:23,938 --> 00:27:36,395 499 00:27:36,395 --> 00:27:37,520 ROGER ZURAWICKI: Wszystko w porządku. 500 00:27:37,520 --> 00:27:42,220 Daj nam szybko wrócić do host lokalny, aplikacja mamy. 501 00:27:42,220 --> 00:27:46,640 I zobaczysz, że mamy Kilka zadań tutaj, jak oczekiwano. 502 00:27:46,640 --> 00:27:49,330 503 00:27:49,330 --> 00:27:51,990 Mamy kilka CSS, który nie musisz się martwić. 504 00:27:51,990 --> 00:27:53,740 Poradnik Meteor po prostu daje ci tego 505 00:27:53,740 --> 00:27:58,010 Aby dokonać zrobić listę wyglądać nieco ładniejszy niż na wersję HTML. 506 00:27:58,010 --> 00:28:02,290 I mamy plik JavaScript, który Pójdę do bardziej szczegółowo nieco później, 507 00:28:02,290 --> 00:28:04,272 ale to właśnie zapewnia te zadania. 508 00:28:04,272 --> 00:28:04,980 Jest to zadanie jeden. 509 00:28:04,980 --> 00:28:05,740 To jest zadanie, dwa. 510 00:28:05,740 --> 00:28:06,590 To jest zadanie, trzy. 511 00:28:06,590 --> 00:28:09,720 Jest to więc dane Meteor na uzyskanie. 512 00:28:09,720 --> 00:28:15,590 >> Jedną z fajnych rzeczy o Meteor jest że zmiany mogą się automatycznie. 513 00:28:15,590 --> 00:28:18,990 Gdybym chciał zmienić nazwa pierwszego zadania, 514 00:28:18,990 --> 00:28:22,490 więc to powiedzieć, nie jest to zadania, a ja go zapisać, 515 00:28:22,490 --> 00:28:26,370 wtedy, gdy idę do sieci przeglądarki, można go odświeżyć, 516 00:28:26,370 --> 00:28:30,861 i automatycznie mówi nie jest to jedno zadanie. 517 00:28:30,861 --> 00:28:32,860 Możesz zrobić to samo w każdym z tych plików. 518 00:28:32,860 --> 00:28:37,940 Dokonać zmian, zamiast robić Lista będę mieć to moja lista rzeczy do zrobienia. 519 00:28:37,940 --> 00:28:40,980 >> I jedna rzecz, po prostu zauważyłem, że nawet nie trzeba odświeżyć. 520 00:28:40,980 --> 00:28:43,960 Pomysł jest rodzajem ochłody od rozwiązania dla Ciebie z Meteor. 521 00:28:43,960 --> 00:28:48,970 Po wykryciu zmiany plików, będzie załadować zmiany dla Ciebie. 522 00:28:48,970 --> 00:28:53,110 To działa na wszystkich plikach, czy to HTML, CSS lub JavaScript. 523 00:28:53,110 --> 00:28:57,990 Aby pokazać, co ta aplikacja będzie wyglądać jak bez CSS, mogę to wszystko usunąć. 524 00:28:57,990 --> 00:29:04,720 A gdy jest przeładowana, masz teraz nie tak ładną do listy. 525 00:29:04,720 --> 00:29:06,370 Postawmy tę zawartość z powrotem. 526 00:29:06,370 --> 00:29:11,343 I na tyle pewnie, to odświeża, a nasz CSS jest powrotem. 527 00:29:11,343 --> 00:29:11,843 Wielki. 528 00:29:11,843 --> 00:29:15,700 529 00:29:15,700 --> 00:29:20,010 >> Możemy teraz przejść do samouczka. 530 00:29:20,010 --> 00:29:23,360 Porozmawiajmy o drugim etapie, szablony. 531 00:29:23,360 --> 00:29:27,140 To jest to, co właśnie zobaczył z różnych zadań. 532 00:29:27,140 --> 00:29:31,550 Meteor wyjaśni ci, co szablony i jak to działa. logiki 533 00:29:31,550 --> 00:29:34,760 Ale niech tylko spojrzeć na kod do zobaczyć, czy możemy mieć sens z niego. 534 00:29:34,760 --> 00:29:38,030 535 00:29:38,030 --> 00:29:41,460 >> W bardzo prostych aplikacji, jak to, co mamy w prosty 536 00:29:41,460 --> 00:29:44,550 zrobić, krok pierwszy, krok drugi etap trzy, cztery krok, krok pięć, 537 00:29:44,550 --> 00:29:45,700 nie mamy żadnych folderów. 538 00:29:45,700 --> 00:29:47,533 Nie mamy serwer Folder wspomniałem. 539 00:29:47,533 --> 00:29:50,510 Nie mamy klienta folder, który został wymieniony. 540 00:29:50,510 --> 00:29:52,290 Więc Meteor będzie działać wszystkie pliki. 541 00:29:52,290 --> 00:29:55,210 Będzie go uruchomić zarówno na Klient, zarówno na serwerze. 542 00:29:55,210 --> 00:29:58,840 >> A jeśli chcesz części swojego JavaScript kod działał tylko na kliencie, 543 00:29:58,840 --> 00:30:02,350 muszą upewnić się, że masz if, tak jakby to, co 544 00:30:02,350 --> 00:30:04,890 mamy w naszym pliku JavaScript tutaj. 545 00:30:04,890 --> 00:30:08,010 Więc Meteor, tylko wtedy, gdy to klient, a następnie I 546 00:30:08,010 --> 00:30:12,355 Aby zdefiniować szablon pomocnicze zwane zadania. 547 00:30:12,355 --> 00:30:15,050 548 00:30:15,050 --> 00:30:19,260 Co tak naprawdę ten kod robi to mówi, że 549 00:30:19,260 --> 00:30:21,800 Obiekt o nazwie szablonu że Meteor zapewnia. 550 00:30:21,800 --> 00:30:23,270 I mamy zamiar dodać pomocnika. 551 00:30:23,270 --> 00:30:27,680 Pomocnicy są te zadania, takie rzeczy jak zadania. 552 00:30:27,680 --> 00:30:33,890 >> Zobaczysz, że jeśli wrócimy do Plik HTML, zadzwoniliśmy każdy na zadaniach. 553 00:30:33,890 --> 00:30:35,750 Zadania nie jest zdefiniowane w kodzie HTML. 554 00:30:35,750 --> 00:30:37,770 Jest zdefiniowana w JavaScript. 555 00:30:37,770 --> 00:30:42,610 I Meteor musi wiedzieć, jakie zadania ma kiedy idziemy do JavaScriptu tutaj. 556 00:30:42,610 --> 00:30:45,550 Zadania to pomocnikiem. 557 00:30:45,550 --> 00:30:49,830 Pomocnik, można myśleć że jako zmienną szablonu. 558 00:30:49,830 --> 00:30:51,000 A co zadania zrobić? 559 00:30:51,000 --> 00:30:53,580 Cóż, to zwraca listę wartości. 560 00:30:53,580 --> 00:30:56,750 Ponieważ jest to lista, możemy nazwać siebie w nim. 561 00:30:56,750 --> 00:30:58,590 Więc dlatego nazywamy każdy na zadaniach. 562 00:30:58,590 --> 00:30:59,730 A teraz mamy zadanie. 563 00:30:59,730 --> 00:31:02,850 564 00:31:02,850 --> 00:31:03,990 >> Co to zadanie zrobić? 565 00:31:03,990 --> 00:31:07,740 Cóż, to ma tę strzałkę tutaj po klamrach. 566 00:31:07,740 --> 00:31:09,130 Oznacza to, że zadanie to jest szablon. 567 00:31:09,130 --> 00:31:11,100 To nie jest pomocnikiem, jak to, co właśnie zobaczył. 568 00:31:11,100 --> 00:31:12,872 Jest to szablon mamy zdefiniowane. 569 00:31:12,872 --> 00:31:14,080 A gdzie nie określiliśmy go? 570 00:31:14,080 --> 00:31:16,950 Odkryliśmy go poniżej tutaj. 571 00:31:16,950 --> 00:31:21,160 >> Wszystko to nie jest renderowanie szablonu Pozycja na liście, i to nazywa tekst. 572 00:31:21,160 --> 00:31:24,160 Obecnie, wydaje się, text pomocnika, ale pokażę ci 573 00:31:24,160 --> 00:31:26,610 że jest to faktycznie nadal członkiem danych zadań. 574 00:31:26,610 --> 00:31:29,230 575 00:31:29,230 --> 00:31:33,670 Kiedy dzwonić do siebie, to idzie do Struktura danych trochę. 576 00:31:33,670 --> 00:31:39,130 Podobnie jak w pętli foreach, teraz po prostu wygląda od pierwszego elementu w naszym obiektu. 577 00:31:39,130 --> 00:31:41,850 Widzimy, że tekst jest zdefiniowane w naszym obiekcie. 578 00:31:41,850 --> 00:31:45,350 Więc Meteor jest inteligentny, aby wiedzieć, że mówimy o tym tekście, 579 00:31:45,350 --> 00:31:47,630 Nie pomocnika nazywa tekstu. 580 00:31:47,630 --> 00:31:52,120 To po prostu pobiera wartość ta tutaj tekst i wyświetla go jako HTML, 581 00:31:52,120 --> 00:31:55,475 i to, w jaki sposób dane idzie z JavaScriptu do HTML. 582 00:31:55,475 --> 00:32:03,320 583 00:32:03,320 --> 00:32:07,030 >> Przechodząc jednak w tym przykładzie my na sztywno te wartości. 584 00:32:07,030 --> 00:32:10,440 Meteor ma dwa bardzo ładne rzeczy dla nas. 585 00:32:10,440 --> 00:32:15,050 Oprócz odświeżenia, że ​​na żywo pokazał, zarządza również naszą bazę danych. 586 00:32:15,050 --> 00:32:18,750 Jeśli miał do pracy z PHP, trzeba było skonfigurować phpMyAdmin. 587 00:32:18,750 --> 00:32:21,320 Trzeba było upewnić się, że Stoły były w ryzach. 588 00:32:21,320 --> 00:32:24,760 Trzeba było zrobić dużo pracy, aby upewnić się, że dane zostały poprawnie sformatowana, 589 00:32:24,760 --> 00:32:27,880 i PHP może się z nim komunikować. 590 00:32:27,880 --> 00:32:30,170 >> Teraz, Meteor wykorzystuje nowy paradygmat. 591 00:32:30,170 --> 00:32:32,310 To jest bardziej nowoczesny sposób obsługiwać do bazy danych. 592 00:32:32,310 --> 00:32:34,580 Jest to technologia o nazwie MongoDB. 593 00:32:34,580 --> 00:32:38,740 Podobnie jak w JavaScript, widzieliśmy, że to nie miało znaczenia, jakiego rodzaju dane miały. 594 00:32:38,740 --> 00:32:39,640 Wszystko było var. 595 00:32:39,640 --> 00:32:40,570 To nie był charstar. 596 00:32:40,570 --> 00:32:40,930 To nie był int. 597 00:32:40,930 --> 00:32:41,970 To nie była struktura. 598 00:32:41,970 --> 00:32:44,210 To było po prostu var tego, var, że. 599 00:32:44,210 --> 00:32:46,320 >> MongoDB rodzaju działa w ten sam sposób. 600 00:32:46,320 --> 00:32:48,160 Nie musisz zdefiniować tabele. 601 00:32:48,160 --> 00:32:50,860 Nie musisz mówić stół ma nazwę, która ma int. 602 00:32:50,860 --> 00:32:54,710 To ma, nie wiem, dolarów, co jest po przecinku. 603 00:32:54,710 --> 00:32:58,360 To tylko te obiekty JavaScript, wszystkie te Vars, w istocie. 604 00:32:58,360 --> 00:33:02,780 I to jest naprawdę potężny sposób prototyp swoją aplikację. 605 00:33:02,780 --> 00:33:06,190 I dlatego Meteor korzysta z tego. 606 00:33:06,190 --> 00:33:11,080 >> Jeśli idziemy do kroku trzeciego, Zobaczmy, co się zmieniło. 607 00:33:11,080 --> 00:33:15,480 Jeśli spojrzymy na HTML todos, nie wiele. 608 00:33:15,480 --> 00:33:17,170 CSS nie zmieniła się w ogóle. 609 00:33:17,170 --> 00:33:22,420 Ale mała zmiana widzimy w HTML to zmieniliśmy, jak zadania jest określony. 610 00:33:22,420 --> 00:33:23,800 Zadania obecnie funkcję. 611 00:33:23,800 --> 00:33:25,800 Oznacza to, że każda razem chcemy się zadania, 612 00:33:25,800 --> 00:33:27,480 mamy zamiar uruchomić tę funkcję. 613 00:33:27,480 --> 00:33:29,230 To nie powróci Funkcja jako wartość. 614 00:33:29,230 --> 00:33:33,710 >> Meteor jest inteligentny, aby faktycznie uruchomić Funkcja, aby zobaczyć, co się wydostać. 615 00:33:33,710 --> 00:33:36,650 I zwraca to coś o nazwie zadania. 616 00:33:36,650 --> 00:33:40,650 Mamy określone zadania na jednej linii, i jest to zbiór Mongo. 617 00:33:40,650 --> 00:33:43,170 Mongo odnosi się do Baza danych Meteor używa, 618 00:33:43,170 --> 00:33:48,420 i ten nowy po prostu oznacza, zróbmy Nowa kolekcja, nazywają go zadania. 619 00:33:48,420 --> 00:33:53,540 W MySQL, byłoby to równoznaczne z Szukam zadań tabeli nazywa. 620 00:33:53,540 --> 00:33:56,350 Mongo posiada kolekcje, nie tabele. 621 00:33:56,350 --> 00:34:00,100 Tak to wygląda po prostu na zadania. 622 00:34:00,100 --> 00:34:04,820 >> Teraz, szablon w naszym pomocnika w szablonie, wszystko 623 00:34:04,820 --> 00:34:08,380 musimy zrobić, aby wszystkie zadania jest ta funkcja, znaleźć 624 00:34:08,380 --> 00:34:11,710 i ten pusty klamra. 625 00:34:11,710 --> 00:34:14,150 To jest bardziej szczególności do składni Mongo. 626 00:34:14,150 --> 00:34:16,159 Jest mnóstwo Dokumentacja online, jak 627 00:34:16,159 --> 00:34:19,360 możesz wydajne i bardzo przydatne Mongo pyta. 628 00:34:19,360 --> 00:34:25,560 Ale coś w tym jest dobry wystarczy, tylko znalezienie wszystkich danych. 629 00:34:25,560 --> 00:34:30,100 >> Teraz jedna z kwestii, można zobaczyć jest to, że nigdy nie dodawanie danych. 630 00:34:30,100 --> 00:34:35,020 Więc co się dzieje, kiedy faktycznie uruchomić krok trzy? 631 00:34:35,020 --> 00:34:37,550 Niech szybko przejść do kroku trzeciego i uruchomić Meteor. 632 00:34:37,550 --> 00:34:42,870 633 00:34:42,870 --> 00:34:45,650 Zauważ, że nie miałem innego Meteor Projekt działa gdzie indziej, 634 00:34:45,650 --> 00:34:49,110 tak Meteor nie podoba. 635 00:34:49,110 --> 00:34:52,810 Idę szybko w pobliżu inne Meteor z kontroli C, 636 00:34:52,810 --> 00:34:55,780 przejść do kroku trzeciego, i ponownie uruchom Meteor. 637 00:34:55,780 --> 00:35:01,070 638 00:35:01,070 --> 00:35:03,180 Zauważ to zaczyna MongoDB, ponieważ MongoDB 639 00:35:03,180 --> 00:35:06,370 jest częścią każdego projektu Meteor. 640 00:35:06,370 --> 00:35:09,190 >> Tak mówi moja aplikacja ma błędy. 641 00:35:09,190 --> 00:35:10,590 To miła funkcja Meteor ma. 642 00:35:10,590 --> 00:35:13,700 To sprawia, że ​​Twój HTML jest dobrze potwierdzone. 643 00:35:13,700 --> 00:35:17,710 Niech szybko zbadać, dlaczego to może być. 644 00:35:17,710 --> 00:35:26,110 Wydaje Mam przypadkowo kopiowane niewłaściwy kod HTML. 645 00:35:26,110 --> 00:35:30,610 Jeśli zapisać go teraz, Meteor automatycznie ponownie uruchomiony serwer, 646 00:35:30,610 --> 00:35:34,650 a teraz aplikacja działa zgodnie z oczekiwaniami. 647 00:35:34,650 --> 00:35:39,220 Zwróć uwagę, aby rozwiązać ten problem, można po prostu uruchomić Ten sam plik HTML z kroku drugiego, 648 00:35:39,220 --> 00:35:40,380 skopiuj go do kroku trzeciego. 649 00:35:40,380 --> 00:35:43,290 650 00:35:43,290 --> 00:35:45,917 >> Możemy wrócić do naszego lokalnego hosta. 651 00:35:45,917 --> 00:35:47,500 A teraz widzimy, mamy swoje listy zadań. 652 00:35:47,500 --> 00:35:50,070 Świetne, ale pusty. 653 00:35:50,070 --> 00:35:54,210 Właściwie nie ma żadnych zadań w naszej bazie danych Mongo. 654 00:35:54,210 --> 00:35:57,930 Więc porozmawiajmy o Kilka sposobów, możemy to zrobić. 655 00:35:57,930 --> 00:36:03,240 Jeśli wrócimy do terminalu, możemy może go zamknąć i uruchomić Meteor Mongo. 656 00:36:03,240 --> 00:36:05,320 >> Jeśli znasz z jak Meteor działa, 657 00:36:05,320 --> 00:36:14,100 to faktycznie daje dostęp do pełnej MongoDB dla Meteor. 658 00:36:14,100 --> 00:36:17,570 Zauważ, że musisz być uruchomiony Meteor pierwsze to zadziałało. 659 00:36:17,570 --> 00:36:23,840 Więc jeśli to uruchomić w nowej karcie, ja może wrócić do tego samego katalogu. 660 00:36:23,840 --> 00:36:29,040 661 00:36:29,040 --> 00:36:32,570 A teraz Meteor działa dobrze. 662 00:36:32,570 --> 00:36:33,600 To jest szybka. 663 00:36:33,600 --> 00:36:36,350 664 00:36:36,350 --> 00:36:38,790 Pozwolę sobie nieco większe, dzięki czemu możemy zobaczyć. 665 00:36:38,790 --> 00:36:41,550 To wygląda nieco inaczej niż co może być wykorzystane do Ciebie 666 00:36:41,550 --> 00:36:42,869 tak naprawdę nie trzeba używać Mongo. 667 00:36:42,869 --> 00:36:45,410 Sensem mnie tutaj jest tak aby można było korzystać z JavaScript. 668 00:36:45,410 --> 00:36:48,250 Ale jeśli jesteś ciekawy, API Mongo nie 669 00:36:48,250 --> 00:36:50,730 użyć SQL Structured Query Language. 670 00:36:50,730 --> 00:36:55,570 Wykorzystuje własny język, który wygląda trochę jak JavaScript. 671 00:36:55,570 --> 00:37:00,520 Bardzo szybko, możemy znaleźć Stół poprzez db.tasks. 672 00:37:00,520 --> 00:37:08,940 I to mi mówi Okazuje się, jeśli będziemy działać znaleźć, 673 00:37:08,940 --> 00:37:13,450 trochę podobny do tego, co mieliśmy z Meteor, możemy załadować wszystkie elementy. 674 00:37:13,450 --> 00:37:17,330 Problemem jest to, że nie rzeczywiście mają żadnych zadań określonych. 675 00:37:17,330 --> 00:37:20,600 Więc to nie może uzyskać je. 676 00:37:20,600 --> 00:37:22,130 >> Możemy wstawić, choć. 677 00:37:22,130 --> 00:37:25,170 Tak więc możemy uruchomić wkładkę z wkładką poleceń. 678 00:37:25,170 --> 00:37:29,140 A my po prostu dać obiektu, a my po prostu 679 00:37:29,140 --> 00:37:31,840 upewnij się, że format to, czego oczekujemy. 680 00:37:31,840 --> 00:37:35,030 Gdybyśmy spojrzeli na drugim etapie, widzieliśmy, że każdego zadania 681 00:37:35,030 --> 00:37:39,590 był obiektem z tekstem jako klucz i co 682 00:37:39,590 --> 00:37:41,640 Twój zrobić artykuł był jako zmienna. 683 00:37:41,640 --> 00:37:44,680 Tak więc możemy zrobić coś tutaj. 684 00:37:44,680 --> 00:37:50,160 >> Możemy mieć go wstawić zadanie nazywa Pochodzę z Mongo. 685 00:37:50,160 --> 00:37:52,570 I naciskamy Enter, i to działa. 686 00:37:52,570 --> 00:37:56,900 Możemy uruchomić odnaleźć, a my zobaczyć, że jest obiektem tutaj. 687 00:37:56,900 --> 00:38:01,810 Mongo przypisuje mu identyfikator, który cię tak naprawdę nie trzeba się martwić. 688 00:38:01,810 --> 00:38:06,690 Co jest dla Ciebie ważne jest dane włożysz, to dane wyjść. 689 00:38:06,690 --> 00:38:10,500 >> Wróćmy do naszej strony internetowej, i hej, naszym zadaniem załadowany. 690 00:38:10,500 --> 00:38:13,987 I widać, że bo Meteor jest bardzo inteligentny 691 00:38:13,987 --> 00:38:16,570 i zawsze odświeża dla ciebie, nie musiał dotykać strony. 692 00:38:16,570 --> 00:38:19,160 To automatycznie ładowane. 693 00:38:19,160 --> 00:38:23,520 >> Przyjrzyjmy się trochę kodu w JavaScript choć to zrobić. 694 00:38:23,520 --> 00:38:26,120 Jak mamy węzeł z tyłu końca, aby wykonać z JavaScript, 695 00:38:26,120 --> 00:38:29,280 możemy również uruchomić JavaScript bezpośrednio w naszych przeglądarkach. 696 00:38:29,280 --> 00:38:31,970 Można to zrobić za pomocą funkcji nazywa Sprawdzić element. 697 00:38:31,970 --> 00:38:34,210 Jeśli mam rację kliknij sekcja strony, 698 00:38:34,210 --> 00:38:36,730 nie ma opcji, nazywa Sprawdzić element. 699 00:38:36,730 --> 00:38:38,840 Jeśli używasz Przeglądarka Safari, ty jak 700 00:38:38,840 --> 00:38:45,430 może należy włączyć do dewelopera Narzędzia, zanim pojawi się tej funkcji. 701 00:38:45,430 --> 00:38:46,930 >> Co dbamy o to konsola. 702 00:38:46,930 --> 00:38:48,930 Więc po prostu udać się do Konsola na dole. 703 00:38:48,930 --> 00:38:52,110 704 00:38:52,110 --> 00:38:55,970 Teraz możemy uruchomić dowolny JavaScript tutaj, jak JavaScript 705 00:38:55,970 --> 00:38:58,860 Pliki pokazałem w js przykład. 706 00:38:58,860 --> 00:39:02,040 Ale teraz spójrzmy na zadaniach. 707 00:39:02,040 --> 00:39:04,955 Możemy uruchomić naszą komendę. 708 00:39:04,955 --> 00:39:07,830 I mam nadzieję, że będę w stanie zrobić jest nieco większy, więc wszyscy widzimy. 709 00:39:07,830 --> 00:39:14,390 710 00:39:14,390 --> 00:39:18,450 >> Jeśli prowadzimy tasks.find i będziesz zobaczyć, że jest to dokładnie to samo kod 711 00:39:18,450 --> 00:39:24,840 że zastosowań plików JavaScript w trzecim kroku, to task.find. 712 00:39:24,840 --> 00:39:29,100 Możemy wykonać samo, a teraz trochę dziwne rzeczy. 713 00:39:29,100 --> 00:39:31,050 Jak faktycznie uzyskać dane? 714 00:39:31,050 --> 00:39:34,860 Cóż, musimy uruchomić to Komenda nazywa pobrać. 715 00:39:34,860 --> 00:39:37,150 >> Jest to bardzo przydatne do debugowania. 716 00:39:37,150 --> 00:39:41,000 Co pan tu jest kursora, co jest 717 00:39:41,000 --> 00:39:44,890 dobry sposób, Meteor ma zoptymalizowane dane pobierania. 718 00:39:44,890 --> 00:39:48,270 Kursor ma wszystkie cechy dla na żywo aktualizacji i odświeżania strony 719 00:39:48,270 --> 00:39:49,650 gdy coś się zmieniło. 720 00:39:49,650 --> 00:39:51,280 Ale to nie będzie nam dane. 721 00:39:51,280 --> 00:39:52,720 Możemy uzyskać dane poprzez pobrać. 722 00:39:52,720 --> 00:39:56,880 I widzisz mamy obiekt, a to tak jak to, co mieliśmy w Mongo, 723 00:39:56,880 --> 00:40:00,040 z ID i tekst wkładamy w. 724 00:40:00,040 --> 00:40:04,200 >> Jak więc wstawić element w Meteor? 725 00:40:04,200 --> 00:40:07,250 Cóż, po prostu mają zadania. 726 00:40:07,250 --> 00:40:09,990 I wtedy możemy uruchomić To samo polecenie insert, 727 00:40:09,990 --> 00:40:17,520 dając słownika lub obiektu z tego samego formatu, tekst 728 00:40:17,520 --> 00:40:22,340 a potem przychodzą z konsoli. 729 00:40:22,340 --> 00:40:27,240 Spójrz wyżej, bo kiedy to zrobić, pokazuje się na stronie internetowej 730 00:40:27,240 --> 00:40:29,660 automatycznie. 731 00:40:29,660 --> 00:40:33,291 >> Zauważ, że możesz umieścić wszystko chcesz w tych pozycjach. 732 00:40:33,291 --> 00:40:35,040 Nie muszą mają stałą strukturę. 733 00:40:35,040 --> 00:40:39,790 Mógłbym mieć równe numer trzy i b równa false. 734 00:40:39,790 --> 00:40:41,600 I to wszystko działa. 735 00:40:41,600 --> 00:40:46,000 Mogę nawet wybrać, aby nie zawierać tekst w ogóle. 736 00:40:46,000 --> 00:40:48,320 To nie jest tylko zalecane choć ze względu następnie Meteor 737 00:40:48,320 --> 00:40:50,920 Nie wiem, co się wyświetla. 738 00:40:50,920 --> 00:40:53,110 Jednak w każdym przypadku, że uzyskać identyfikator, a to 739 00:40:53,110 --> 00:40:54,785 ID obiektu można korzystać. 740 00:40:54,785 --> 00:41:01,120 741 00:41:01,120 --> 00:41:03,280 >> Jak kontynuować kroku czwartego i krok pięć, 742 00:41:03,280 --> 00:41:06,870 poradnik pokaże sposoby, można tworzyć elementy interfejsu użytkownika za pomocą 743 00:41:06,870 --> 00:41:13,130 HTML wiesz, tworzyć różne zadania. 744 00:41:13,130 --> 00:41:15,440 Spójrzmy na etapie czterech bardzo szybko. 745 00:41:15,440 --> 00:41:18,290 Zobaczymy, że dodaliśmy Sekcja o wydarzeniach. 746 00:41:18,290 --> 00:41:20,874 Szablony mogą mieć pomocnicy, których się nas dane. 747 00:41:20,874 --> 00:41:22,040 Ale może również wywołać zdarzenia. 748 00:41:22,040 --> 00:41:25,300 I to jest, gdy rzeczy staje się przydatna, ponieważ wydarzenia 749 00:41:25,300 --> 00:41:28,590 są, co się stało po kliknięciu różne rzeczy na swojej stronie. 750 00:41:28,590 --> 00:41:33,790 >> Tutaj, nasz kod jest mówienie nam dodać to wydarzenie. 751 00:41:33,790 --> 00:41:38,860 Dodaj go po przesłaniu coś z klasy nowego zadania. 752 00:41:38,860 --> 00:41:41,910 Co musisz o to selektor CSS. 753 00:41:41,910 --> 00:41:45,870 Tak to wygląda po prostu na HTML elementem, który ma klasę nowe zadanie. 754 00:41:45,870 --> 00:41:47,940 I wygląda na razie, jak złożyć. 755 00:41:47,940 --> 00:41:51,050 Inne wydarzenia obejmują kliknij, unoszą się, kliknij dwukrotnie, 756 00:41:51,050 --> 00:41:54,450 podobny do tego, co można dostać w normalnym HTML. 757 00:41:54,450 --> 00:41:56,770 >> Co dajesz tutaj jest teraz funkcja. 758 00:41:56,770 --> 00:42:01,210 A może masz swoje Kod w tej funkcji. 759 00:42:01,210 --> 00:42:06,360 Ta funkcja jest to, co kończy się zwany w momencie składania tego nowego zadania. 760 00:42:06,360 --> 00:42:12,170 Spójrzmy na HTML tak, że zrozumieć, co ten nowy zadanie. 761 00:42:12,170 --> 00:42:15,570 Dodaliśmy formularz tutaj z klasy nowego zadania. 762 00:42:15,570 --> 00:42:19,880 I ma wejście, które zaczyna tekstu. 763 00:42:19,880 --> 00:42:22,605 I to jest miejsce, gdzie doda nasze nowe zadania. 764 00:42:22,605 --> 00:42:25,520 765 00:42:25,520 --> 00:42:29,780 >> Przyjrzyjmy się w kroku czwartym stronę internetową, aby zobaczyć, jak to wygląda. 766 00:42:29,780 --> 00:42:32,710 Możemy zakończyć pierwszy out z MongoDB mieliśmy 767 00:42:32,710 --> 00:42:35,300 z nasz poprzedni Przykład z kontroli C 768 00:42:35,300 --> 00:42:37,690 I zmieńmy go na Krok czwarty katalogu. 769 00:42:37,690 --> 00:42:41,000 770 00:42:41,000 --> 00:42:42,920 Będziemy ponownie uruchomić Meteor aby uruchomić serwer. 771 00:42:42,920 --> 00:42:46,850 772 00:42:46,850 --> 00:42:50,510 I niestety, miałem Meteor działa w innym terminalu. 773 00:42:50,510 --> 00:42:53,080 Więc jestem po prostu będzie upewnić się, że zamknięte. 774 00:42:53,080 --> 00:43:01,805 Miejmy rzucić to i zmiany do części czwartej, kroku czwartego. 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 nasz kod Meteor jest uruchomiony. 778 00:43:13,250 --> 00:43:19,480 I widać, że aktualizacje, bez nam nawet konieczności odświeżania strony. 779 00:43:19,480 --> 00:43:24,410 Co zmieniło się o to teraz że nie mamy żadnych zadań, 780 00:43:24,410 --> 00:43:29,530 ale mamy formularz tutaj, to pole tekstowe, aby dodać nasze nowe zadania. 781 00:43:29,530 --> 00:43:31,550 I możemy wpisać nasze zadanie tutaj. 782 00:43:31,550 --> 00:43:34,564 Pochodzę ze strony HTML. 783 00:43:34,564 --> 00:43:36,105 Po naciśnięciu Enter, zrobiło się składać. 784 00:43:36,105 --> 00:43:39,180 785 00:43:39,180 --> 00:43:44,540 >> Widzimy, co się stało, jak określony przez kod JavaScript. 786 00:43:44,540 --> 00:43:49,930 Co ta funkcja nie było przyjąć tekst z postaci, 787 00:43:49,930 --> 00:43:53,680 a potem po prostu nazywa tasks.insert, jak my w konsoli. 788 00:43:53,680 --> 00:43:56,410 Wybrali również dodać datę createdAt. 789 00:43:56,410 --> 00:43:59,840 W ten sposób można byłoby określić aktualny czas. 790 00:43:59,840 --> 00:44:03,220 Po tym, że oczyszcza się poprzez formę się, że wartość jest pusty. 791 00:44:03,220 --> 00:44:06,550 >> I wtedy nazywa to return false do upewnij się, że nic się nie dzieje. 792 00:44:06,550 --> 00:44:10,350 Kiedy return false z Formularz zdarzenia, który zatrzymuje wykonanie. 793 00:44:10,350 --> 00:44:14,520 Powiedz postać ma działanie, jak złożyć do strony PHP. 794 00:44:14,520 --> 00:44:16,980 Jeśli nie wrócił fałszywe, chcesz wrócić prawda. 795 00:44:16,980 --> 00:44:18,500 To kończy się z tym wnioskiem. 796 00:44:18,500 --> 00:44:20,590 Fałszywe Przechwytuje i zatrzymuje ją właśnie tam. 797 00:44:20,590 --> 00:44:23,510 798 00:44:23,510 --> 00:44:28,610 >> Więc to było trochę o demo jak Meteor działa i mamy 799 00:44:28,610 --> 00:44:30,980 z samouczka na chwilę. 800 00:44:30,980 --> 00:44:33,560 I możesz prosimy wolne nadal to robi. 801 00:44:33,560 --> 00:44:37,760 Istnieje mnóstwo zasobów, i poradnik jest właściwie tylko 802 00:44:37,760 --> 00:44:40,400 bardzo dobrze o wyjaśnienia co się dzieje. 803 00:44:40,400 --> 00:44:44,362 Chcę pokazać wam teraz, w te kilka minut jesteśmy w lewo, 804 00:44:44,362 --> 00:44:46,320 co to tylko niektóre cooler cechy Meteor, 805 00:44:46,320 --> 00:44:48,772 i jakie są niektóre bardziej użyteczne pakiety. 806 00:44:48,772 --> 00:44:51,730 Jedną z wielkich zalet Meteor jest to, że masz system pakietów. 807 00:44:51,730 --> 00:44:55,620 Możesz łatwo włączyć kod że wiele tysięcy deweloperów 808 00:44:55,620 --> 00:44:58,840 Napisałem na całym świecie do projektu Meteor. 809 00:44:58,840 --> 00:45:02,410 Jednym z przykładów jest to, co mogłoby zrobić w kroku dziewięciu samouczka, w którym 810 00:45:02,410 --> 00:45:07,435 próbujesz dodać konta do projektu Meteor. 811 00:45:07,435 --> 00:45:10,010 812 00:45:10,010 --> 00:45:13,690 Jeśli mamy CS50 PHP Projekt, musielibyśmy 813 00:45:13,690 --> 00:45:17,810 polegać na ramach lub nasz własny kod, aby 814 00:45:17,810 --> 00:45:20,820 bezpiecznie obsługiwać pewien, że hasła i nazwy użytkowników 815 00:45:20,820 --> 00:45:23,120 i przechowywanie bazy i to wszystko. 816 00:45:23,120 --> 00:45:25,670 >> Okazuje się, Meteor ma jedne pakiety to zrobić dla Ciebie, 817 00:45:25,670 --> 00:45:29,160 i zrobić to bardzo łatwo. 818 00:45:29,160 --> 00:45:31,950 Co możemy zrobić, to dodać kilka pakietów. 819 00:45:31,950 --> 00:45:37,450 Więc zróbmy to prawo obecnie w naszej konsoli. 820 00:45:37,450 --> 00:45:42,460 Mam zamiar zakończyć projekt i teraz przejść do prostego-todos. 821 00:45:42,460 --> 00:45:47,450 822 00:45:47,450 --> 00:45:50,050 Teraz jest proste-todos Projekt, który cię 823 00:45:50,050 --> 00:45:53,500 będą miały po robi z etapu 11 lub kroku 12, 824 00:45:53,500 --> 00:45:55,250 na koniec tego poradnika. 825 00:45:55,250 --> 00:45:58,642 I niech szybko spojrzeć na to, aby zobaczyć jakie są różne cechy mamy. 826 00:45:58,642 --> 00:46:01,610 Miejmy tylko upewnić, że to działa. 827 00:46:01,610 --> 00:46:04,400 Czasami trwa to chwilę do odświeżenia, ale tutaj jest. 828 00:46:04,400 --> 00:46:09,710 >> Mamy możliwość ukrycia wykonywać zadania, a my możemy się zalogować. 829 00:46:09,710 --> 00:46:11,770 I to było zrobione z Pakiet Meteor. 830 00:46:11,770 --> 00:46:12,270 To jest świetne. 831 00:46:12,270 --> 00:46:14,910 Mamy teraz nazwa użytkownika i hasła zarejestruj się. 832 00:46:14,910 --> 00:46:19,170 Ale co, jeśli chcemy, aby dodać inny rodzaj mechanizmu logowania? 833 00:46:19,170 --> 00:46:22,560 Powiedzmy, że chciałem się zalogować w moim koncie Meteor. 834 00:46:22,560 --> 00:46:27,270 Zamierzam uruchomić meteor dodatek, i to jest składnia dodanie pakietów. 835 00:46:27,270 --> 00:46:32,160 Mogę powiedzieć, rachunki i accounts.meteor. 836 00:46:32,160 --> 00:46:35,720 To będzie teraz znaleźć Pakiet i załadować go. 837 00:46:35,720 --> 00:46:40,480 Widać, że nie mam znaleźć odpowiednią nazwę pakietu. 838 00:46:40,480 --> 00:46:42,820 >> Więc jak można dowiedzieć się o pakietach? 839 00:46:42,820 --> 00:46:46,380 Cóż tam świetna strona, wykonana dostępne przez ludzi Meteor, 840 00:46:46,380 --> 00:46:47,780 nazywa atmospherejs.com. 841 00:46:47,780 --> 00:46:52,520 Atmospherejs, jedno słowo, kropka com, jest doskonałym repozytorium 842 00:46:52,520 --> 00:46:57,660 znalezienia wszystkich Meteoru pakiety w repozytorium. 843 00:46:57,660 --> 00:47:05,140 Mogę szukać kont, a następnie będzie to pokaż mi wszystkie istotne rzeczy, 844 00:47:05,140 --> 00:47:07,320 wszystkie pakiety z nazwą konta. 845 00:47:07,320 --> 00:47:10,180 846 00:47:10,180 --> 00:47:13,270 >> Mimo, że ładuje, możemy spróbować dodając kilka innych pakietów. 847 00:47:13,270 --> 00:47:19,380 Może Pakiet Meteor nie działa teraz, ale mogę dodać Facebooka. 848 00:47:19,380 --> 00:47:22,860 849 00:47:22,860 --> 00:47:27,190 Mogę dodać konto, a następnie ponownie uruchomić projekt Meteor. 850 00:47:27,190 --> 00:47:33,260 851 00:47:33,260 --> 00:47:36,900 Po uruchomieniu tego, zobaczmy co zmieniło się na stronie internetowej. 852 00:47:36,900 --> 00:47:40,010 853 00:47:40,010 --> 00:47:44,580 Możesz see-- mógłbym trzeba go odświeżyć tutaj. 854 00:47:44,580 --> 00:47:47,320 >> Mam przycisk do skonfigurować Facebook logowania. 855 00:47:47,320 --> 00:47:49,765 I tu mam wszystko instrukcje Meteor 856 00:47:49,765 --> 00:47:52,960 przygotował dla Was na konfigurowania aplikacji Facebook. 857 00:47:52,960 --> 00:47:58,990 A może jej użyć Informacje dodać swoje identyfikatory. 858 00:47:58,990 --> 00:48:04,130 Po dokonaniu rejestracji, będziesz musiał Facebook login pracy w Twojej aplikacji. 859 00:48:04,130 --> 00:48:08,559 >> Jestem po prostu się dostać ID aplikacji i tajne, 860 00:48:08,559 --> 00:48:10,100 po prostu pokazać, jak to może działać. 861 00:48:10,100 --> 00:48:16,000 862 00:48:16,000 --> 00:48:20,360 Musisz konta Facebook do korzystania z Facebooka opcje deweloperskich. 863 00:48:20,360 --> 00:48:31,160 864 00:48:31,160 --> 00:48:35,290 Pozwól mi tylko szybko znaleźć Klawisze Meteor, które są niezbędne. 865 00:48:35,290 --> 00:48:46,994 866 00:48:46,994 --> 00:48:49,160 Mam kolejny projekt Meteor że będę używać, 867 00:48:49,160 --> 00:48:55,590 a ja po prostu się do podjęcia klucze z tego pliku. 868 00:48:55,590 --> 00:49:14,410 869 00:49:14,410 --> 00:49:20,930 >> A kiedy go znaleźć, po prostu być w stanie skopiować te klucze do mojego Facebooku. 870 00:49:20,930 --> 00:49:23,489 Więc tutaj jest klucz. 871 00:49:23,489 --> 00:49:24,280 I to jest tajemnica. 872 00:49:24,280 --> 00:49:26,071 Nie powinno być dzielenie się tym z ludźmi. 873 00:49:26,071 --> 00:49:28,870 874 00:49:28,870 --> 00:49:30,910 A potem dać mu swoją aplikację w tajemnicy. 875 00:49:30,910 --> 00:49:33,560 I to jest tak na Facebook wie, że jesteś. 876 00:49:33,560 --> 00:49:37,630 877 00:49:37,630 --> 00:49:39,080 I zapisać konfigurację. 878 00:49:39,080 --> 00:49:45,160 879 00:49:45,160 --> 00:49:48,640 >> Myślę, że w sposobie I zatrzymał mój Meteor aplikację. 880 00:49:48,640 --> 00:49:52,290 Więc po prostu chcę zrobić upewnić się, że nadal tam jest. 881 00:49:52,290 --> 00:49:54,962 882 00:49:54,962 --> 00:49:58,610 OK, załóżmy, upewnij się, że nasz serwer Meteor działa tak, strona internetowa jest uruchomiona. 883 00:49:58,610 --> 00:50:02,440 Zauważ, jeśli zatrzymać Meteor serwer, strona jest nadal. 884 00:50:02,440 --> 00:50:04,700 To po prostu nie aktualizuje już. 885 00:50:04,700 --> 00:50:10,290 Serwer Meteor jest konieczne za to, strona jest na żywo. 886 00:50:10,290 --> 00:50:14,050 >> OK, już złożone, a teraz Mogę się z Facebook. 887 00:50:14,050 --> 00:50:17,400 Teraz to tylko kwestia o Facebook pop-up 888 00:50:17,400 --> 00:50:21,710 i wprowadzenie na koncie Informacje i logowanie. 889 00:50:21,710 --> 00:50:24,520 890 00:50:24,520 --> 00:50:27,930 Gdy to zrobisz, Facebook mógłby nag z jakiegoś większego bezpieczeństwa. 891 00:50:27,930 --> 00:50:29,810 Więc musimy po prostu tam zatrzymać. 892 00:50:29,810 --> 00:50:34,110 Jest to, że gdy skończysz z tym, musisz Facebook logowania. 893 00:50:34,110 --> 00:50:37,850 >> Meteor ma kilka innych pakietów, jak również. 894 00:50:37,850 --> 00:50:39,200 Możesz zalogować się na Google+. 895 00:50:39,200 --> 00:50:40,500 Możesz zalogować się na GitHub. 896 00:50:40,500 --> 00:50:42,170 Możesz zalogować się na Twitterze. 897 00:50:42,170 --> 00:50:44,870 Albo, jeśli szukasz, będziesz znaleźć wiele innych rzeczy 898 00:50:44,870 --> 00:50:49,170 jak Meetup, LinkedIn, i Meteor Developer. 899 00:50:49,170 --> 00:50:53,100 Tak było Meteor Developer Pakiet szukałem. 900 00:50:53,100 --> 00:50:56,170 Meteor dodać kont-meteor-developer. 901 00:50:56,170 --> 00:51:06,192 902 00:51:06,192 --> 00:51:07,900 W międzyczasie, również chcesz polecić 903 00:51:07,900 --> 00:51:11,340 inne pakiety dla swoich projektów. 904 00:51:11,340 --> 00:51:14,670 Może się okazać to pakiet jQuery. 905 00:51:14,670 --> 00:51:17,909 To pozwala na użycie jQuery w Twoich klientów. 906 00:51:17,909 --> 00:51:21,200 Możesz po prostu zrobić to z jednej linii, a Meteor będzie upewnić się, że jesteś na bieżąco 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 Polecam również houston: admina. 910 00:51:27,450 --> 00:51:31,550 >> To jest trochę jak phpMyAdmin rodzaju narzędzia dla MongoDB. 911 00:51:31,550 --> 00:51:33,890 To pozwala na edycję Twoje dane dość łatwo 912 00:51:33,890 --> 00:51:37,950 bez konieczności przechodzenia do powłoki Mongo, jak zrobiłem wcześniej w seminarium. 913 00:51:37,950 --> 00:51:43,160 914 00:51:43,160 --> 00:51:47,101 Więc teraz, że to działa, niech uruchomić Meteor ponownie i zobaczyć, co możemy zrobić. 915 00:51:47,101 --> 00:51:56,240 916 00:51:56,240 --> 00:52:00,720 >> Można zauważyć, że dodanie niektórych pakietów może je przedstawić kilka ostrzeżeń. 917 00:52:00,720 --> 00:52:02,720 Nie trzeba się martwić o tym z Houston. 918 00:52:02,720 --> 00:52:06,040 919 00:52:06,040 --> 00:52:10,810 Więc teraz możemy mieć możliwość skonfigurować Meteor administratora. 920 00:52:10,810 --> 00:52:15,080 I dają wskazówki jeśli chcesz ustawić, że się. 921 00:52:15,080 --> 00:52:17,750 922 00:52:17,750 --> 00:52:20,440 >> Możemy również teraz przejść do / administratora. 923 00:52:20,440 --> 00:52:23,280 To jest wysyłany przez pakiet Houston. 924 00:52:23,280 --> 00:52:27,470 I to jest interfejs administracyjny Meteor. 925 00:52:27,470 --> 00:52:30,660 Wystarczy stworzyć konto administratora, jak tak. 926 00:52:30,660 --> 00:52:38,150 A jeśli odśwież stronę, to polubisz mają niektóre kolekcje wyświetlane. 927 00:52:38,150 --> 00:52:40,980 928 00:52:40,980 --> 00:52:43,460 >> Jest to bardzo przydatne narzędzie, i gorąco polecam. 929 00:52:43,460 --> 00:52:46,717 930 00:52:46,717 --> 00:52:49,050 Widać, że z powodu houston dawał pewne błędy, 931 00:52:49,050 --> 00:52:52,330 nie mamy żadnych kolekcje pokazuje się teraz. 932 00:52:52,330 --> 00:52:56,800 Sposób należy użyć Houston jest upewniając się, funkcja ta staje się 933 00:52:56,800 --> 00:52:58,860 nazywa się w swoich prostych-todos. 934 00:52:58,860 --> 00:53:01,370 Więc houston nie wiem, co moje zadania są. 935 00:53:01,370 --> 00:53:04,490 >> Założyliśmy Mongo Kolekcja zwane zadania. 936 00:53:04,490 --> 00:53:11,390 Chodźmy do prostego-todos i po prostu upewnij się, że w JavaScripcie, 937 00:53:11,390 --> 00:53:16,295 dodaliśmy zadania do naszych kolekcji. 938 00:53:16,295 --> 00:53:19,340 939 00:53:19,340 --> 00:53:25,670 Mamy teraz zapisane, a to buduje Aplikacja, orzeźwiający. 940 00:53:25,670 --> 00:53:26,750 I zobaczymy. 941 00:53:26,750 --> 00:53:29,090 Teraz mamy kilka zadań. 942 00:53:29,090 --> 00:53:32,630 I możemy dodać kilka nowych zadań. 943 00:53:32,630 --> 00:53:35,840 Ale jeśli chcemy, aby dodać zadania, zróbmy to z samej aplikacji. 944 00:53:35,840 --> 00:53:39,660 945 00:53:39,660 --> 00:53:41,050 >> Teraz możemy dodać jakieś dane. 946 00:53:41,050 --> 00:53:53,410 Cześć, to jest zadanie. 947 00:53:53,410 --> 00:53:57,080 Wydaje się trochę dziwne, że nie widzisz żadnych zadań. 948 00:53:57,080 --> 00:54:00,290 949 00:54:00,290 --> 00:54:05,260 Może Chcemy sprawdzić, czy mamy jakiekolwiek Błędy tutaj, a może gdzieś indziej. 950 00:54:05,260 --> 00:54:08,810 951 00:54:08,810 --> 00:54:20,260 Jeśli idziemy do admina, że ​​wydaje się dziwne. 952 00:54:20,260 --> 00:54:24,080 Jeśli wyciągnąć repozytorium po tym seminarium, 953 00:54:24,080 --> 00:54:27,580 Postaram się, że proste todos współpracuje z Houston. 954 00:54:27,580 --> 00:54:30,370 Niestety, nie wydaje za pracę w tym właśnie momencie. 955 00:54:30,370 --> 00:54:34,810 956 00:54:34,810 --> 00:54:37,640 >> Czy są jakieś inne pytania? 957 00:54:37,640 --> 00:54:41,800 Houston zwykle jest narzędzie, które działa bardzo dobrze. 958 00:54:41,800 --> 00:54:44,510 Houston specjalnie jest nieco buggier niż inne, 959 00:54:44,510 --> 00:54:49,470 ale polecam go, gdy to działa. 960 00:54:49,470 --> 00:54:50,080 Tak. 961 00:54:50,080 --> 00:54:52,395 >> PUBLICZNOŚCI: Co można zrobić z pakietem Facebooku 962 00:54:52,395 --> 00:54:54,270 gdy użytkownik jest zalogowany w swoim Facebooku? 963 00:54:54,270 --> 00:54:55,978 >> ROGER ZURAWICKI: Po Instrukcja zalogowany, 964 00:54:55,978 --> 00:54:59,540 można wykonywać połączenia do Facebook API. 965 00:54:59,540 --> 00:55:02,890 Dużo, że leży bardziej w jak Facebook otwiera swoje API. 966 00:55:02,890 --> 00:55:05,120 Meteor, upewnij się, mają połączenie. 967 00:55:05,120 --> 00:55:09,300 Ale wszystko po to jest sprawa uczenia się, jak korzystać z Facebook API. 968 00:55:09,300 --> 00:55:10,216 PUBLICZNOŚCI: [niesłyszalne]. 969 00:55:10,216 --> 00:55:17,756 970 00:55:17,756 --> 00:55:18,880 ROGER ZURAWICKI: Wszystko w porządku. 971 00:55:18,880 --> 00:55:21,670 Dziękuję bardzo za seminarium CS50 w Meteor. 972 00:55:21,670 --> 00:55:24,060 Jeśli masz jakiekolwiek pytania, możesz napisz do mnie 973 00:55:24,060 --> 00:55:28,319 na mój adres poniżej seminarium. 974 00:55:28,319 --> 00:55:30,110 A ja z przyjemnością odpowiedzieć na Twoje pytania. 975 00:55:30,110 --> 00:55:33,020 Będę również CS50 Hackathon powinny 976 00:55:33,020 --> 00:55:35,550 potrzebujesz pomocy z projektów Meteor. 977 00:55:35,550 --> 00:55:37,650 Dziękujemy za oglądanie. 978 00:55:37,650 --> 00:55:38,816