[MUZYKA GRY]
ROGER ZURAWICKI: Witam, moja Nazywam się Roger Zurawicki,
i będzie obejmujące Seminarium CS50 Meteor.
Meteor jest nowe ramy poświęcony nowego rodzaju sieci,
Nie PHP zlecania tam iz powrotem rodzaju
web widzieliśmy w zestawie PHPP, ale bardziej dynamiczny JavaScript
części sieci.
Rzeczy mogą zrobić Meteor Aktualizacja obejmuje żywo
i natychmiast komunikacji pomiędzy użytkownikami tej samej stronie internetowej.
>> W tym seminarium, mamy Kod gościł na mojej GitHub.
Możesz przejść do tego adresu URL i pobierz ją.
Jeśli wiesz, jak korzystać z Git, można sklonować repozytorium.
Jeśli nie wiesz, jak używać Git lub nie używali GitHub,
to jest zupełnie w porządku.
Pokażę wam bardzo szybko jak możemy przejść do GitHub,
i nie ma opcji, aby pobierz zip tam.
Po pobraniu tego katalogu, to może zacząć grać z naszego kodu.
>> Więcej informacji na temat Meteor można znaleźć na meteor.com.
W folderze Seminarium, faktycznie pewne projekty Meteor możemy wykorzystać.
Jeden z folderów, które mamy w naszej Projekt Seminarium jest aplikacja todos.
Więc jeśli pójdę do niego mam, zainstalowany Meteor.
Tak więc, aby go uruchomić, po prostu trzeba wpisać Meteor, a Meteor zainstaluje.
Jak widać, mamy do upewnić się, że zainstalowane Meteor.
Więc jestem po prostu będzie uruchomić go jeszcze raz
aby upewnić się, że Meteor jest prawidłowo zainstalowana.
>> Chociaż mam Meteor instalowanie, mogę ci pokazać
Niektóre pokazy na żywo z miejsc Meteor Teraz będzie na żywo w internecie.
Mam demo naszej aplikacji.
Można go pod adresem.
Jest to aplikacja do zrobienia, że mają w naszym katalogu seminarium.
Adres URL tego jest rozu-rabbit.meteor.com.
Zobaczysz, że będzie naprawdę Meteor udostępnić swoje projekty Meteor za darmo.
I na koniec seminarium, będziesz w stanie to zrobić, jak również.
>> To jest do zrobienia aplikacji.
I możesz zalogować się, stworzyć Rachunki i dodać zadania.
Możesz założyć konto, jak tak.
A teraz, gdy już konta, możesz dodać zadań.
Na przykład, jednym z zadań I może trzeba iść odebrać pranie.
A jeśli jesteś w tym strona w Internecie, będziesz
rzeczywiście zobaczyć to zadanie na komputer w czasie rzeczywistym.
>> Mogę pokazać, szybki demo to przez otwarcie Rozu-królika
w innej karcie z tym samym adresem URL.
I widzimy, że te same dane wyjdzie.
Możemy również uruchomić w innej przeglądarki.
Powiedzieć, że go uruchomić w przeglądarce Safari.
W ten sposób nie jesteś zalogowany.
Więc mamy ten sam Meteor aplikacji, a po załadowaniu
zobaczymy te same dane my w pierwszej.
Jak widać, nie jestem zalogowany tutaj.
A kiedy publiczność sprawdza dane, aktualizuje na wszystkich przeglądarkach
jednocześnie.
Jest to jeden z bardzo fajne funkcje o Meteor.
Prawie bez pracy, to mają aktualizowania aplikacji na żywo
że zmiany na wszystkich Twoje urządzenia na raz.
>> Jeśli zaznaczysz pole wyboru I tutaj w moim do zrobienia listy, będziemy mieli,
w mojej drugiej przeglądarce Chrome, poz odznaczony.
I to się dzieje, natychmiast.
Dobrze.
Wygląda więc na to Meteor instalacja jest już gotowa.
Teraz wróćmy do todos aplikacji i uruchomić to lokalnie.
>> Jeśli masz projekt Meteor, można wystarczy uruchomić go z Meteor poleceń.
Gdy to zrobisz, Meteor zrobi pewne przygotowania
aby upewnić się wszystkie kod jest w szachu.
A potem to powiedzieć, że Projekt jest gotowy do podania.
Może być konieczne, aby umożliwić firewall, jeśli komputer bloki.
>> Więc to, co każe mi Meteor teraz jest to, że na tej stronie internetowej
lokalnego na komputerze, widzę, co ten projekt Meteor jest.
Należy pamiętać, że właśnie teraz, moja aplikacja jest Nie dostępnych w Internecie.
Zajmiemy się jak zabrać Meteor aplikacja na żywo miejscu nieco później.
Więc jestem po prostu skopiować to URL teraz i przejść do Google Chrome.
>> I to jest do zrobienia listy od przykładu.
Możesz zobaczyć ich wykonania kilka innych funkcji tutaj.
Mamy różne zakładki, możemy mają te same funkcje konta,
i możemy dodać nowe listy.
Teraz jeden z naprawdę fajne cechą Meteor
jest to, że nie tylko można to działa w przeglądarce internetowej,
ale można też tworzyć rodzimych iPhone i Android
aplikacje za pośrednictwem narzędzia zwanego PhoneGap.
>> Więc niektóre projekty przyjdzie wstępnie skonfigurowane do uruchamiania
iOS, takich jak tej aplikacji todos.
Więc wszystko co musisz zrobić, aby uruchomić go w iOS Meteor, to wpisać, a następnie uruchomić iOS.
I kiedy to zrobić, Meteor ponownie przygotować pakiet.
A potem, gdy wszystko jest już gotowe, to będziesz załadować symulatora systemu iOS na mój rozkaz.
Uwaga: można uruchomić tylko iOS Jeśli masz komputer Mac.
Można uruchamiać swoje aplikacje na Android na wszystkich platformach.
>> Więc teraz można zobaczyć, że mój iPhone Symulator wpadł na ekranie.
A za chwilę, to będzie załadować z aplikacji.
Jeśli robimy to tylko trochę mniejsze, aby zmieścił się na ekranie,
widzimy, mamy naszą aplikację iPhone.
I tak nie robimy się mylić, zróbmy
pewność, że są na to samo strona, host lokalny 3000.
>> Więc tutaj jest przykładem app Meteor mam,
Aplikacja todos, działa zarówno na telefonu i przeglądarki internetowej.
A kiedy zmienić rzeczy w przeglądarce internetowej,
natychmiast idzie do telefonu.
I mogę usunąć coś na telefon, i zmienia się w przeglądarce internetowej.
>> Teraz normalnie tworzyć natywne aplikacji dla iOS lub telefonu Android,
musisz wiedzieć, albo Java lub Cel C. technologii zastosowania Meteor
aby obsługa JavaScript, żeby działać jako Twoja aplikacja nazywa PhoneGap.
Jaka aplikacja zasadniczo Jest to przeglądarka internetowa.
I Meteor obsługuje wszystkie Tricky części zaangażowane
do wniesienia do tego przeglądarka iPhone lub Android urządzenia.
Widać, że Interfejs użytkownika jest gładka,
i wygląda i czuje się bardzo podobnie jak native aplikacji.
Zauważ, że jeśli pójdę do domu Ekran teraz, mam również ikonę.
To nie jest strona internetowa, jak chcesz znaleźć w Safari.
To jest własny aplikacji.
Możesz zainstalować i usunąć go, jeśli chcesz.
>> Możemy krótko pokazać, co kod dla tego rodzaju todos aplikacja wygląda.
Jeśli spojrzeć w folderze todos, widać, istnieje wiele folderów.
Ale w ciągu seminarium, będziemy
zrozumieć, co każdy folder służy.
Chodźmy do terminalu więc Można zobaczyć pliki nieco lepiej.
>> Mam zamiar naciśnij Sterowanie C, aby zatrzymać serwer,
a teraz jestem z powrotem w aplikacji todos.
Mam różne foldery tutaj, podobnie jak Folder klienta, folderów serwera.
A te foldery po prostu oznacza, że wszystko w folderze klienta
zostanie wykonany w przeglądarce internetowej.
Wszystko w folderze serwera zostanie wykonana na serwerze.
>> Co chcę podkreślić na to, że to, co mieliśmy
kiedy mieliśmy funkcjonowanie telefonu i nasza przeglądarka, były to klienci.
Ale to, co działa w Terminal, to serwer.
Mamy inne foldery, jak lib, który jest kod biblioteki,
jak twój pomocnik funkcje, które będziesz mógł
używać zarówno klienta, jak i serwera.
I wtedy masz publicznej Folder i zasoby
Folder niezbędne do uzyskania Twoje zdjęcia i inne CSS załadowany.
>> Jeśli masz zainstalowany Meteor, będziemy kontynuować samouczek dla Meteor.
Możesz przejść do tego adresu URL, meteor.com/install,
uzyskać z wiersza poleceń, które ja pokazał, że instaluje Meteor.
Pojedziemy przez pierwsze kilka kroków, aby lepiej
czuję się, jak zainstalować Meteor.
>> Ale po pierwsze, myślę, że to ważne, przejrzymy trochę JavaScript.
Aby pokazać kilka przykładów tego, jak nasza C wiedza może być tłumaczone
do JavaScript, mam stworzył kilka przykładów.
Są one w katalogu js.
Więc jeśli w folderze Ci się seminaria spojrzeć, tam folder o nazwie js.
I tutaj mamy kilka przykładów.
>> Otwórzmy się pierwsza przykładem i zobaczyć bardzo szybko.
To, co widzimy jest twoja średnia witam polecenia świata.
Można zauważyć, że ci w C mają dość kilka linii.
I jak uczniowie CS50 wiem, potrzebujemy głównej funkcji,
i musimy to standard Biblioteka we / wy w celu wywołania printf.
>> Przyjrzyjmy się, jak JavaScript porównuje.
Mam zamiar otworzyć ex1.js.
Wypowiedziało się to, co się C kod będzie wyglądał,
i poniżej linii jest wszystko trzeba uruchomić w węźle.
Nie musisz główną funkcję, nie muszą zawierać żadnych plików,
i nie trzeba, aby powrócić.
Wystarczy zadzwonić console.log.
Jest to odpowiednik swojej printf.
>> I zajmuje to samo Argumenty printf będzie.
I aby go uruchomić, zamiast uruchamiania się Ex1,
to po prostu zadzwonić ex1.js. węzłów
Piszesz węzeł, a następnie Plik, a robi się uruchomić.
Nie ma się skompilowany.
JavaScript jest interpretowany język.
Tak że nie muszą być skompilowany przed jego uruchomienia.
Gdybym chciał uruchomić ex1.c, Muszę zrobić to pierwszy,
i wtedy mogę uruchomić plik wykonywalny aby uzyskać ten sam wynik.
>> Niech szybko pokrycie niektórych inne koncepcje JavaScript.
Spójrzmy na przykład dwa.
W ex2.js w ex2.c, możemy zobaczyć, że mamy jakiś kod.
Pozwól mi szybko przejść do lepiej edytor tekstu
że pokaże je Nowe linie nieco lepiej.
Dobrze.
Tutaj mamy przykład 2.c.
Tutaj mamy różne rodzaje że mamy do drukowania.
A jak wiemy, ma printf różne argumenty procent
aby uzyskać dostęp do różnych fragmentów danych.
Jeśli chcemy, aby wydrukować Ciąg nazywamy% s.
Jeśli chcemy wywołać pływające Numer punktu, zadzwoniliśmy% f.
I nie ma łatwego sposobu, aby zadzwonić Boolean jego prawdziwą lub fałszywą.
Ale jeśli używasz% d, można uzyskać 0 lub 1 dla fałszu i prawdy.
>> JavaScript jest nieco ładniejszy dla nas.
W JavaScript, spójrzmy na kilka Różnice mamy w tym pliku.
Po pierwsze, można zauważyć, że w C musimy zainicjować każdą zmienną z typu.
S jest gwiazdą char.
Jest to ciąg znaków, i to Nie może być innego typu.
N jest pływak.
B jest Bool.
>> Ale w JavaScript, są dynamiczne typy.
Oznacza to, że nie trzeba powiedzieć JavaScript
jakie typy zmiennych będzie.
Wystarczy powiedzieć, var dla zmiennej, nazwę zmiennej, a następnie jej wartości.
Więc var może być coś naprawdę.
To może być ciągiem.
To może być liczbą rzeczywistą.
To może być znak.
To może być logiczna.
A dziennik konsoli działa nieco inaczej.
Jeśli chcesz wydrukować numer, zadzwonić% d.
Jednak większość mogą wynosić drukowane jako ciągi dobrze.
>> Przyjrzyjmy się to w węźle aby zobaczyć, co się stanie.
Mogę zadzwonić ex2.js węzłów, i mamy printf
z CS50 wartości, N jak Liczba zmiennoprzecinkowa,
i B jako Boolean zamienione na ciąg prawdziwej.
A co, jeśli zrobiliśmy przykład 2.C.?
Cóż, mamy jeszcze trochę więcej przykrości z printf.
Zauważ, że zmiennoprzecinkowe Numer musi być sformatowany poprawnie,
i że nie można po prostu logiczna być wyświetlane jako prawda lub fałsz.
Dobrze.
Teraz spójrzmy na przykład trzy.
Na przykład trzy, pokazujemy jak można użyć pętli for.
W rzeczywistości jest to bardzo proste.
Jedną z miłych rzeczy JavaScript jest to, że opiera C.
Oznacza to, że wiele z Twoich Kod będzie bardzo podobny
i czuć się bardzo podobnie.
W pętli for, jedyną rzeczą, że zmieniła się tutaj
to zamiast int i, mamy var i.
Nadal możemy przypisać go do wartości zero, sprawdzić, że jest to mniej niż pięć,
i zwiększyć ją o jeden z operatorem ++.
Nazywamy console.log na i, a wypisze nam numer z każdej linii.
Przyjrzyjmy się go bardzo szybko aby zobaczyć, co wypisuje.
Dostajemy nowy numer w każdej linii.
Inną rzeczą, chcę Cię zauważyć z console.log
to nie trzeba pisać odwrotny ukośnik n dla nowej linii.
Console.log wydrukuje wszystko na własnej linii.
To miły funkcji że obsługa JavaScript, daje nam.
>> Teraz otwórz przykład cztery.
Na przykład cztery, najpierw w ° C, wzywamy kilka funkcji.
Zauważ, że mamy do ogłoszenia Funkcje przed ich używamy w głównym.
Jeśli mieliśmy pierwszą i główną następnie dodać, a następnie wysoki, sprawiają,
dzyń, lub GCC będzie daje nam błąd mówiąc
że nie wie, co wysokie jest.
Nie wiem, co dodatek jest.
Więc w C, trzeba być wybredna Kolejność, w której możesz zadzwonić do funkcji.
>> Przyjrzyjmy się, jak to możliwe to zrobić w JavaScript.
Mamy różne pliki, ponieważ nie kilka różnych sposobów, aby to zrobić.
Jednym ze sposobów jest dość dużo bezpośrednie tłumaczenie.
Ponieważ funkcje w C powrót rodzajów i JavaScript
naprawdę nie wiem, czy opieki o jaki rodzaj powrotu,
nie piszesz typ.
Zamiast tego, po prostu trzeba do funkcji zapisu,
i wszystko jest dość tak samo jak wcześniej.
>> Gdy masz zmienną, jak w dodać, że po prostu trzeba napisać x i y.
Nie musimy powiedzieć, x jest int.
Nie musimy powiedzieć, y jest int.
Wracamy z tej samej składni.
Na wysokiej, deklarujemy ją funkcjonować zamiast nieważne.
Zauważ, że to, czy to nieważne lub nie nieważne,
to jeszcze wszystko sama funkcja.
A my po prostu nie umieścić coś w nawiasach,
i wygląda bardzo podobnie do kodu C.
A poniżej, można nazwać go poniżej.
>> Jeśli spojrzymy na przykładzie 4b, zauważymy że zmieniłem kilka rzeczy.
Jedyne co zmieniłem Naprawdę jednak jest porządek.
Mamy takie same funkcje, ale teraz są one
oświadczył po są one wykorzystywane w console.log i wysoki na liniach 18, 19.
Jeśli tak to w C, aby rzucał błąd.
Tutaj, to działa dobrze.
I mogę pokazać Państwu dzwoniąc węzeł 4b przykład.
>> Innym sposobem możemy wywoływać funkcje jest zapisywanie funkcji jako zmienne.
Tak jak mówiłem, zmienna mogą mieć dowolnego typu.
Jednym z rodzajów zmienna może mieć to funkcja.
Więc jeśli spojrzeć na przykład 4c, co zmieniłem
tutaj jest var dodać zamiast funkcji dodatku.
A teraz dodaj równa funkcji.
Funkcja ta tutaj jest anonimowy.
To nie ma nazwy, więc jest to po prostu Funkcja a następnie nawiasy.
Składnia po tym nie zmienia, ale
trzeba pamiętać, że masz zmienną, że jesteś
przechowywania funkcję w dodatku, a Zmienna, że ​​jesteś przechowywania w wysokiej.
>> Ponieważ dodawanie i wysokie są teraz zmienne i nie działa, coś się zmienia.
Jest to wspólny problem widzę w Wiele JavaSkrypty ludzi,
i coś, aby pamiętać.
Gdy uruchomię to, zobaczmy, co się stanie.
Pojawia się błąd.
To mówiąc, niezdefiniowane w tym momencie.
Więc to mówiąc, że nie wiem co dodać, to to.
>> Bo teraz dodawać nie Funkcja, dodać jest zmienna.
I nie zostały faktycznie podane dodaj wartość jeszcze kiedy go stosować.
To prowadzi nas do np 4d, gdzie, jeśli chcesz używać zmiennych w funkcji,
wystarczy upewnić się, że uzyskać wartość, zanim są one wykorzystywane.
>> Przejdźmy do przykładu pięciu wtedy.
Tutaj mówimy o elemencie w C w C, structury
mają to do nich stałą strukturę bo trzeba je zadeklarować
przed użyciem, a mówisz Mam ucznia,
i każdy student ma dokładnie jedno nazwisko, rok, jedna płeć.
Ma mieć je wszystkie.
To nie może mieć żadnych innych wartości, i muszą być określone typy.
>> Wtedy możemy zainicjować struktura w ten miły składni
ponieważ wie zamówienia.
Więc wie, że Roger jest nazwa.
Wie, że 2016 jest roku i M jest płci
dlatego, że powiedział, że ta Lista jest studentem struktury.
A następnie można wydrukować Opisz dostępu s.name.
Zobaczymy jak będzie przekonwertować do JavaScript.
Zauważ, że s jest obecnie zmienna, i nie ma typu.
To kolejny po prostu var.
Bo to nie ma znaczenia, czy typ tej zmiennej jest wskaźnik,
to struktura, czy cokolwiek innego.
Mamy nieco innej składni.
Ta składnia jest składnia obiektu.
>> Być może już go w formacie JSON.
JSON właściwie oznacza JavaScript Object Notation.
W ten sposób można zdefiniować obiekty w JavaScripcie.
Mamy klucz, który jest wartość, podobnie jak nazwy.
I dajemy jej wartości na Druga strona okrężnicy.
I jedno, aby pamiętać, ciebie nie muszą mieć nazwę i rok
i płci dla obiektu.
Obiekt nie może mieć wartości.
To może mieć tyle, ile chcesz.
>> Możemy korzystać z tych obiektów w ciągu sam sposób będziemy używać struct, s.name.
Możemy go szybko uruchomić naprawdę wykonując węzła przykład 5.c.
Nie możemy faktycznie uruchomić plik C w węźle.
Nie wiem, co C.
To wie tylko JavaScript.
Kiedy uruchomić ex5.js, otrzymujemy wartości, których się spodziewaliśmy.
>> Przejdźmy na przykład sześć.
Tutaj po prostu chcę porozmawiać trochę nieco więcej o tablicy JavaScript
bo są nieco inna niż to, co masz
stosowane w C. Tablice są zanotowano, nie ze wspornikami, jak w C,
w nawiasy, ale nawiasach.
Możesz mieć pustą tablicę, jak arr w wierszu czwartym.
Możesz mieć tablice z wielu wartości.
A ty do nich dostęp tak samo w C.
>> Aż do linii siedem, wszystko wydaje się dość proste.
Jedna drobna różnica jest tutaj, w linii 10.
Sposób można uzyskać długość tablica jest po prostu dzwoniąc .length.
Tablica może być w rzeczywistości traktowane jak przedmiot,
i ten obiekt ma właściwości length że zadzwonisz, aby uzyskać długość to.
Zauważ, że jest inaczej w C, ponieważ w C można
znać długość Twój obiekt przed czasem.
>> Więc kolejny Zaletą tablic jest to, że można mieć różne typy.
Jeśli masz tablicę w C, nie to tablice określonej wartości,
albo wskaźnik struct lub w płynie lub [niesłyszalne].
Tutaj można mieć różne wartości.
Pierwszy raz miał liczbę zmiennoprzecinkową, to Boolean, potem drugi całkowitą.
I rzeczywiście, mogą zmienić typy też.
Spójrz na linii 16.
Tablica dwie zmienia się z bycia Numer, całkowita, na łańcuch.
>> Kolejną zaletą macierzy jest tutaj na linii 19, mają nieskończoną wielkość.
Można tylko powiedzieć, chcę setną elementem jest ciąg legit.
I to nie wydaje się, aby sensu, ponieważ tablica tylko
ma miejsce na trzy elementy, więc koniec powinien być dwa.
Ale kiedy to zrobić, niech zobacz, co tablica trzy staje.
Chcemy uruchomić to szybko z przykładowych węzłów six.js.
Dostajemy to naprawdę długo, tablica, i co się dzieje
to mamy kilka pierwszych elementów a następnie kilka wykrojów
aż dojdziemy nasz łańcuch.
JavaScript wypełnia tablica, jak jest to potrzebne.
>> Niech w końcu przejść do naszego ostatniego przykładu.
Tutaj mamy listę z różnych studentów.
Chcę porozmawiać trochę Trochę o kilka ciekawych aspektów
z pętli w JavaScript.
W C, pętle są rodzajem ograniczone.
Mają stałą strukturę, w której cię mamy zmienną, masz chorobę,
a następnie zrobić coś Na koniec pętli.
Oczywiście to działa w JavaScript, Jak widzieliśmy w poprzednich przykładach.
Ale mamy też ładniejsze sposobów w ten sposób w JavaScript.
To się nazywa pętli foreach.
>> Niestety, wróćmy na przykład siedem tutaj.
Można również powiedzieć, sekcja jest lista.
Więc daj mi każdego i lub każdy indeks w tym wykazie.
Wtedy możemy uzyskać studenta tylko przez część I dzwoni.
Tak więc cały kod zachodzącego I równe zeru i upewniając się,
jest mniejsza od długości i dodając jeden do I za każdym razem, że to
dbanie o Ciebie, a ładnie z tej pętli foreach.
>> Nie tylko pętle foreach działa na listach lub tablic,
oni również pracować w obiektach, które jest także miły.
Możesz uzyskać nazwę każda nieruchomość po prostu biorąc
Słownik lub obiektu, jak ucznia, a potem po prostu powiedzieć mi dać każdy klawisz.
Klucz byłoby to właściwości, nazwa lub dom.
Więc co się stało jest to, że możemy wydrukować pierwszą nazwą, a następnie
dom każdego ucznia.
>> Mogę uruchomić to w węźle bardzo szybko pokazać.
Dostajemy pierwsze styl C do pętli, gdzie mamy każdy obiekt jest drukowany.
A potem mamy JavaScript stylu, gdzie można po prostu
wydrukować każdy klawisz i wartości indywidualnie.
>> Dobrze.
Teraz, omówiliśmy Node.js, myślę, że jesteśmy gotowi do uruchomienia Meteor.
Tak jak mówiłem, Meteor świetną robotę pisać jakieś gotowe przykłady
dla Ciebie, które można zbadać za pomocą ten tutorial lub w folderze seminarium.
Ale tu chcę rozpocząć bardziej od podstaw.
>> Stwórzmy proste do zrobienia aplikacji.
To jest rodzaj podstawy, co do zrobić aplikację pokazałem wcześniej jest.
W tym samouczku zobaczą, że nie ma
Meteor polecenie tworzenia się utworzyć nowy projekt Meteor.
Musisz zadzwonić do tego, aby do uruchomienia projektów Meteor, ponieważ
będzie uruchomić polecenia stworzyć Meteor
Pliki niezbędne dla projektu.
>> Jeśli pójdziesz do terminalu, możemy przejdź do folderu o nazwie krok pierwszy.
I krok będzie jednym odpowiadać Pierwszym krokiem w samouczku.
Wskazówki znajdują się foldery, krok jeden, krok drugi, aż do pięciu.
I każdy z nich jest odpowiadający do etapu, w tym tutorialu.
Mam zamiar go otworzyć w moim edytorze tekstu tutaj
więc możemy zobaczyć trochę tego, co powstało.
Zauważamy, że nie Są cztery główne części.
Istnieje katalog Meteor, .meteor.
I to zazwyczaj nie trzeba dotykać.
Meteor zajmuje ten folder, i to po prostu
zapewnia, że Projekt będzie działać poprawnie.
>> Mamy też trzy pliki, plików HTML, Plik JavaScript i plików CSS.
Niech najpierw uruchomić z pliku HTML.
Na pierwszy rzut oka to wygląda jak zwykły dokument HTML.
Ale zauważ, że nie kilka różnic.
Po pierwsze, nie jest w rzeczywistości Kompletny dokument HTML.
Jesteśmy brakuje znaczniki HTML.
To jest normalne.
W Meteor, nie jesteś spodziewać do tworzenia tych tagów HTML.
To się robi dla Ciebie.
Chcesz begin-- jeśli Ciebie chcesz stworzyć stronę internetową,
po prostu trzeba zacząć z tagu głowy,
określić to, a następnie zdefiniować znacznik ciała.
>> Ale jeśli zauważysz w tym Plik HTML, mamy nowy znak.
Mamy tag szablonu.
To nie jest normalne HTML.
Jest to specjalna wersja HTML że Meteor sprawia dostępne.
To się nazywa bary kosmicznych.
Można definiować szablony jak mała moduły, rodzaj, jak funkcje pomocnicze,
w C lub kodu JavaScript.
Ten szablon będzie mieć nazwę nazwie zadania.
I można zobaczyć tutaj, na linii 13, które można nazwać te szablony.
A co Meteor zrobi to tylko wypełnienie tych zadań dla Ciebie.
>> Inną rzeczą, można zauważyć, jest nieco inaczej to każda funkcja.
Każda będzie miała zmienną Zadania i rodzaj przejść przez to
w tej pętli foreach my zobaczył w przykładzie siedmiu.
To każdy może wziąć słownik lub lista, obiekt lub listę,
i będzie to po prostu przejść przez wszystkie Wartości takie jak pętli foreach będzie.
Więc jeśli mamy kilka zadań, w tym wezwie szablon dla poszczególnych zadań.
>> Niech uruchomić projekt Meteor po prostu zobaczyć, że tak się stanie.
I uruchomić projekt Meteor z Meteor Meteor lub po prostu uruchomić.
A teraz po prostu trzeba Meteor szybko przygotować projekt,
uruchomić bazy danych jest to konieczne, a następnie po aplikacji lokalnie.
Możemy przejść do naszej przeglądarki internetowej już teraz.
I zobaczymy, że my mają bardzo prostą aplikację.
Więc to, co widzieliśmy było naprawdę pokazał się pierwszy krok, krok w jeden plik.
>> Przejdźmy do kroku drugiego tylko dlatego, Myślę, że będzie to służyć temu samemu celowi.
Ja tylko się zmieni z krokiem dwóch katalogu
i uruchomić Meteor znowu tak możemy zobaczyć Szablon po prostu pracowałem.
Tak, pytanie?
>> PUBLICZNOŚCI: Jeśli jesteśmy już pozwolenie zaprzeczyć, jest that-- co go
wezwał do tego?
ROGER ZURAWICKI: Jeśli używasz run Meteor,
i masz do tego uprawnienia zaprzeczył, niektóre z plików
może nie mieć odpowiedni zestaw uprawnień.
Więc trzeba sprawdzić, gdzie uprawnienia są wyłączone.
Mogą one być wyłączony w projekt Meteor,
lub mogą być wyłączone w Meteor same pliki.
>> PUBLICZNOŚCI: Gdybym go pobrać już teraz z GitHub, to co mam zrobić
[Niesłyszalne]?
>> ROGER ZURAWICKI: Jeśli chcesz upewnij się, że do niego dostęp,
tam polecenia można uruchomić.
Pozwól mi go szybko napisać aby inni ludzie mogą to zobaczyć.
Mam zamiar otworzyć nową kartę tutaj i iść do mojego folderu seminarium.
Chmod jest polecenie zmienić uprawnienia,
i można powiedzieć, r do zrobić rekurencyjnie dla każdego pliku.
I uprawnienia, możesz spróbować 0755 upewnij się, że mają pełny dostęp,
i wszyscy mogą przeczytać.
A jeśli po prostu uruchomić to polecenie, to zrobi
upewnić się, że uprawnienia są w sprawdź w całym katalogu.
Bieganie ls-l można pokazać uprawnienia w sposób bardziej szczegółowy.
To wygląda OK.
>> Co najważniejsze jest to, że masz wszystkie trzy
rwx dla wszystkich plików w Katalog seminarium.
Czy to rozwiąże problem?
>> PUBLICZNOŚCI: Mówi brakuje operantem [niesłyszalne].
[Niesłyszalne]
ROGER ZURAWICKI: Ty musisz upewnić się,
mają kropkę na końcu polecenia.
PUBLICZNOŚCI: [niesłyszalne].
ROGER ZURAWICKI: Wszystko w porządku.
Daj nam szybko wrócić do host lokalny, aplikacja mamy.
I zobaczysz, że mamy Kilka zadań tutaj, jak oczekiwano.
Mamy kilka CSS, który nie musisz się martwić.
Poradnik Meteor po prostu daje ci tego
Aby dokonać zrobić listę wyglądać nieco ładniejszy niż na wersję HTML.
I mamy plik JavaScript, który Pójdę do bardziej szczegółowo nieco później,
ale to właśnie zapewnia te zadania.
Jest to zadanie jeden.
To jest zadanie, dwa.
To jest zadanie, trzy.
Jest to więc dane Meteor na uzyskanie.
>> Jedną z fajnych rzeczy o Meteor jest że zmiany mogą się automatycznie.
Gdybym chciał zmienić nazwa pierwszego zadania,
więc to powiedzieć, nie jest to zadania, a ja go zapisać,
wtedy, gdy idę do sieci przeglądarki, można go odświeżyć,
i automatycznie mówi nie jest to jedno zadanie.
Możesz zrobić to samo w każdym z tych plików.
Dokonać zmian, zamiast robić Lista będę mieć to moja lista rzeczy do zrobienia.
>> I jedna rzecz, po prostu zauważyłem, że nawet nie trzeba odświeżyć.
Pomysł jest rodzajem ochłody od rozwiązania dla Ciebie z Meteor.
Po wykryciu zmiany plików, będzie załadować zmiany dla Ciebie.
To działa na wszystkich plikach, czy to HTML, CSS lub JavaScript.
Aby pokazać, co ta aplikacja będzie wyglądać jak bez CSS, mogę to wszystko usunąć.
A gdy jest przeładowana, masz teraz nie tak ładną do listy.
Postawmy tę zawartość z powrotem.
I na tyle pewnie, to odświeża, a nasz CSS jest powrotem.
Wielki.
>> Możemy teraz przejść do samouczka.
Porozmawiajmy o drugim etapie, szablony.
To jest to, co właśnie zobaczył z różnych zadań.
Meteor wyjaśni ci, co szablony i jak to działa. logiki
Ale niech tylko spojrzeć na kod do zobaczyć, czy możemy mieć sens z niego.
>> W bardzo prostych aplikacji, jak to, co mamy w prosty
zrobić, krok pierwszy, krok drugi etap trzy, cztery krok, krok pięć,
nie mamy żadnych folderów.
Nie mamy serwer Folder wspomniałem.
Nie mamy klienta folder, który został wymieniony.
Więc Meteor będzie działać wszystkie pliki.
Będzie go uruchomić zarówno na Klient, zarówno na serwerze.
>> A jeśli chcesz części swojego JavaScript kod działał tylko na kliencie,
muszą upewnić się, że masz if, tak jakby to, co
mamy w naszym pliku JavaScript tutaj.
Więc Meteor, tylko wtedy, gdy to klient, a następnie I
Aby zdefiniować szablon pomocnicze zwane zadania.
Co tak naprawdę ten kod robi to mówi, że
Obiekt o nazwie szablonu że Meteor zapewnia.
I mamy zamiar dodać pomocnika.
Pomocnicy są te zadania, takie rzeczy jak zadania.
>> Zobaczysz, że jeśli wrócimy do Plik HTML, zadzwoniliśmy każdy na zadaniach.
Zadania nie jest zdefiniowane w kodzie HTML.
Jest zdefiniowana w JavaScript.
I Meteor musi wiedzieć, jakie zadania ma kiedy idziemy do JavaScriptu tutaj.
Zadania to pomocnikiem.
Pomocnik, można myśleć że jako zmienną szablonu.
A co zadania zrobić?
Cóż, to zwraca listę wartości.
Ponieważ jest to lista, możemy nazwać siebie w nim.
Więc dlatego nazywamy każdy na zadaniach.
A teraz mamy zadanie.
>> Co to zadanie zrobić?
Cóż, to ma tę strzałkę tutaj po klamrach.
Oznacza to, że zadanie to jest szablon.
To nie jest pomocnikiem, jak to, co właśnie zobaczył.
Jest to szablon mamy zdefiniowane.
A gdzie nie określiliśmy go?
Odkryliśmy go poniżej tutaj.
>> Wszystko to nie jest renderowanie szablonu Pozycja na liście, i to nazywa tekst.
Obecnie, wydaje się, text pomocnika, ale pokażę ci
że jest to faktycznie nadal członkiem danych zadań.
Kiedy dzwonić do siebie, to idzie do Struktura danych trochę.
Podobnie jak w pętli foreach, teraz po prostu wygląda od pierwszego elementu w naszym obiektu.
Widzimy, że tekst jest zdefiniowane w naszym obiekcie.
Więc Meteor jest inteligentny, aby wiedzieć, że mówimy o tym tekście,
Nie pomocnika nazywa tekstu.
To po prostu pobiera wartość ta tutaj tekst i wyświetla go jako HTML,
i to, w jaki sposób dane idzie z JavaScriptu do HTML.
>> Przechodząc jednak w tym przykładzie my na sztywno te wartości.
Meteor ma dwa bardzo ładne rzeczy dla nas.
Oprócz odświeżenia, że ​​na żywo pokazał, zarządza również naszą bazę danych.
Jeśli miał do pracy z PHP, trzeba było skonfigurować phpMyAdmin.
Trzeba było upewnić się, że Stoły były w ryzach.
Trzeba było zrobić dużo pracy, aby upewnić się, że dane zostały poprawnie sformatowana,
i PHP może się z nim komunikować.
>> Teraz, Meteor wykorzystuje nowy paradygmat.
To jest bardziej nowoczesny sposób obsługiwać do bazy danych.
Jest to technologia o nazwie MongoDB.
Podobnie jak w JavaScript, widzieliśmy, że to nie miało znaczenia, jakiego rodzaju dane miały.
Wszystko było var.
To nie był charstar.
To nie był int.
To nie była struktura.
To było po prostu var tego, var, że.
>> MongoDB rodzaju działa w ten sam sposób.
Nie musisz zdefiniować tabele.
Nie musisz mówić stół ma nazwę, która ma int.
To ma, nie wiem, dolarów, co jest po przecinku.
To tylko te obiekty JavaScript, wszystkie te Vars, w istocie.
I to jest naprawdę potężny sposób prototyp swoją aplikację.
I dlatego Meteor korzysta z tego.
>> Jeśli idziemy do kroku trzeciego, Zobaczmy, co się zmieniło.
Jeśli spojrzymy na HTML todos, nie wiele.
CSS nie zmieniła się w ogóle.
Ale mała zmiana widzimy w HTML to zmieniliśmy, jak zadania jest określony.
Zadania obecnie funkcję.
Oznacza to, że każda razem chcemy się zadania,
mamy zamiar uruchomić tę funkcję.
To nie powróci Funkcja jako wartość.
>> Meteor jest inteligentny, aby faktycznie uruchomić Funkcja, aby zobaczyć, co się wydostać.
I zwraca to coś o nazwie zadania.
Mamy określone zadania na jednej linii, i jest to zbiór Mongo.
Mongo odnosi się do Baza danych Meteor używa,
i ten nowy po prostu oznacza, zróbmy Nowa kolekcja, nazywają go zadania.
W MySQL, byłoby to równoznaczne z Szukam zadań tabeli nazywa.
Mongo posiada kolekcje, nie tabele.
Tak to wygląda po prostu na zadania.
>> Teraz, szablon w naszym pomocnika w szablonie, wszystko
musimy zrobić, aby wszystkie zadania jest ta funkcja, znaleźć
i ten pusty klamra.
To jest bardziej szczególności do składni Mongo.
Jest mnóstwo Dokumentacja online, jak
możesz wydajne i bardzo przydatne Mongo pyta.
Ale coś w tym jest dobry wystarczy, tylko znalezienie wszystkich danych.
>> Teraz jedna z kwestii, można zobaczyć jest to, że nigdy nie dodawanie danych.
Więc co się dzieje, kiedy faktycznie uruchomić krok trzy?
Niech szybko przejść do kroku trzeciego i uruchomić Meteor.
Zauważ, że nie miałem innego Meteor Projekt działa gdzie indziej,
tak Meteor nie podoba.
Idę szybko w pobliżu inne Meteor z kontroli C,
przejść do kroku trzeciego, i ponownie uruchom Meteor.
Zauważ to zaczyna MongoDB, ponieważ MongoDB
jest częścią każdego projektu Meteor.
>> Tak mówi moja aplikacja ma błędy.
To miła funkcja Meteor ma.
To sprawia, że ​​Twój HTML jest dobrze potwierdzone.
Niech szybko zbadać, dlaczego to może być.
Wydaje Mam przypadkowo kopiowane niewłaściwy kod HTML.
Jeśli zapisać go teraz, Meteor automatycznie ponownie uruchomiony serwer,
a teraz aplikacja działa zgodnie z oczekiwaniami.
Zwróć uwagę, aby rozwiązać ten problem, można po prostu uruchomić Ten sam plik HTML z kroku drugiego,
skopiuj go do kroku trzeciego.
>> Możemy wrócić do naszego lokalnego hosta.
A teraz widzimy, mamy swoje listy zadań.
Świetne, ale pusty.
Właściwie nie ma żadnych zadań w naszej bazie danych Mongo.
Więc porozmawiajmy o Kilka sposobów, możemy to zrobić.
Jeśli wrócimy do terminalu, możemy może go zamknąć i uruchomić Meteor Mongo.
>> Jeśli znasz z jak Meteor działa,
to faktycznie daje dostęp do pełnej MongoDB dla Meteor.
Zauważ, że musisz być uruchomiony Meteor pierwsze to zadziałało.
Więc jeśli to uruchomić w nowej karcie, ja może wrócić do tego samego katalogu.
A teraz Meteor działa dobrze.
To jest szybka.
Pozwolę sobie nieco większe, dzięki czemu możemy zobaczyć.
To wygląda nieco inaczej niż co może być wykorzystane do Ciebie
tak naprawdę nie trzeba używać Mongo.
Sensem mnie tutaj jest tak aby można było korzystać z JavaScript.
Ale jeśli jesteś ciekawy, API Mongo nie
użyć SQL Structured Query Language.
Wykorzystuje własny język, który wygląda trochę jak JavaScript.
Bardzo szybko, możemy znaleźć Stół poprzez db.tasks.
I to mi mówi Okazuje się, jeśli będziemy działać znaleźć,
trochę podobny do tego, co mieliśmy z Meteor, możemy załadować wszystkie elementy.
Problemem jest to, że nie rzeczywiście mają żadnych zadań określonych.
Więc to nie może uzyskać je.
>> Możemy wstawić, choć.
Tak więc możemy uruchomić wkładkę z wkładką poleceń.
A my po prostu dać obiektu, a my po prostu
upewnij się, że format to, czego oczekujemy.
Gdybyśmy spojrzeli na drugim etapie, widzieliśmy, że każdego zadania
był obiektem z tekstem jako klucz i co
Twój zrobić artykuł był jako zmienna.
Tak więc możemy zrobić coś tutaj.
>> Możemy mieć go wstawić zadanie nazywa Pochodzę z Mongo.
I naciskamy Enter, i to działa.
Możemy uruchomić odnaleźć, a my zobaczyć, że jest obiektem tutaj.
Mongo przypisuje mu identyfikator, który cię tak naprawdę nie trzeba się martwić.
Co jest dla Ciebie ważne jest dane włożysz, to dane wyjść.
>> Wróćmy do naszej strony internetowej, i hej, naszym zadaniem załadowany.
I widać, że bo Meteor jest bardzo inteligentny
i zawsze odświeża dla ciebie, nie musiał dotykać strony.
To automatycznie ładowane.
>> Przyjrzyjmy się trochę kodu w JavaScript choć to zrobić.
Jak mamy węzeł z tyłu końca, aby wykonać z JavaScript,
możemy również uruchomić JavaScript bezpośrednio w naszych przeglądarkach.
Można to zrobić za pomocą funkcji nazywa Sprawdzić element.
Jeśli mam rację kliknij sekcja strony,
nie ma opcji, nazywa Sprawdzić element.
Jeśli używasz Przeglądarka Safari, ty jak
może należy włączyć do dewelopera Narzędzia, zanim pojawi się tej funkcji.
>> Co dbamy o to konsola.
Więc po prostu udać się do Konsola na dole.
Teraz możemy uruchomić dowolny JavaScript tutaj, jak JavaScript
Pliki pokazałem w js przykład.
Ale teraz spójrzmy na zadaniach.
Możemy uruchomić naszą komendę.
I mam nadzieję, że będę w stanie zrobić jest nieco większy, więc wszyscy widzimy.
>> Jeśli prowadzimy tasks.find i będziesz zobaczyć, że jest to dokładnie to samo kod
że zastosowań plików JavaScript w trzecim kroku, to task.find.
Możemy wykonać samo, a teraz trochę dziwne rzeczy.
Jak faktycznie uzyskać dane?
Cóż, musimy uruchomić to Komenda nazywa pobrać.
>> Jest to bardzo przydatne do debugowania.
Co pan tu jest kursora, co jest
dobry sposób, Meteor ma zoptymalizowane dane pobierania.
Kursor ma wszystkie cechy dla na żywo aktualizacji i odświeżania strony
gdy coś się zmieniło.
Ale to nie będzie nam dane.
Możemy uzyskać dane poprzez pobrać.
I widzisz mamy obiekt, a to tak jak to, co mieliśmy w Mongo,
z ID i tekst wkładamy w.
>> Jak więc wstawić element w Meteor?
Cóż, po prostu mają zadania.
I wtedy możemy uruchomić To samo polecenie insert,
dając słownika lub obiektu z tego samego formatu, tekst
a potem przychodzą z konsoli.
Spójrz wyżej, bo kiedy to zrobić, pokazuje się na stronie internetowej
automatycznie.
>> Zauważ, że możesz umieścić wszystko chcesz w tych pozycjach.
Nie muszą mają stałą strukturę.
Mógłbym mieć równe numer trzy i b równa false.
I to wszystko działa.
Mogę nawet wybrać, aby nie zawierać tekst w ogóle.
To nie jest tylko zalecane choć ze względu następnie Meteor
Nie wiem, co się wyświetla.
Jednak w każdym przypadku, że uzyskać identyfikator, a to
ID obiektu można korzystać.
>> Jak kontynuować kroku czwartego i krok pięć,
poradnik pokaże sposoby, można tworzyć elementy interfejsu użytkownika za pomocą
HTML wiesz, tworzyć różne zadania.
Spójrzmy na etapie czterech bardzo szybko.
Zobaczymy, że dodaliśmy Sekcja o wydarzeniach.
Szablony mogą mieć pomocnicy, których się nas dane.
Ale może również wywołać zdarzenia.
I to jest, gdy rzeczy staje się przydatna, ponieważ wydarzenia
są, co się stało po kliknięciu różne rzeczy na swojej stronie.
>> Tutaj, nasz kod jest mówienie nam dodać to wydarzenie.
Dodaj go po przesłaniu coś z klasy nowego zadania.
Co musisz o to selektor CSS.
Tak to wygląda po prostu na HTML elementem, który ma klasę nowe zadanie.
I wygląda na razie, jak złożyć.
Inne wydarzenia obejmują kliknij, unoszą się, kliknij dwukrotnie,
podobny do tego, co można dostać w normalnym HTML.
>> Co dajesz tutaj jest teraz funkcja.
A może masz swoje Kod w tej funkcji.
Ta funkcja jest to, co kończy się zwany w momencie składania tego nowego zadania.
Spójrzmy na HTML tak, że zrozumieć, co ten nowy zadanie.
Dodaliśmy formularz tutaj z klasy nowego zadania.
I ma wejście, które zaczyna tekstu.
I to jest miejsce, gdzie doda nasze nowe zadania.
>> Przyjrzyjmy się w kroku czwartym stronę internetową, aby zobaczyć, jak to wygląda.
Możemy zakończyć pierwszy out z MongoDB mieliśmy
z nasz poprzedni Przykład z kontroli C
I zmieńmy go na Krok czwarty katalogu.
Będziemy ponownie uruchomić Meteor aby uruchomić serwer.
I niestety, miałem Meteor działa w innym terminalu.
Więc jestem po prostu będzie upewnić się, że zamknięte.
Miejmy rzucić to i zmiany do części czwartej, kroku czwartego.
OK.
>> Teraz nasz kod Meteor jest uruchomiony.
I widać, że aktualizacje, bez nam nawet konieczności odświeżania strony.
Co zmieniło się o to teraz że nie mamy żadnych zadań,
ale mamy formularz tutaj, to pole tekstowe, aby dodać nasze nowe zadania.
I możemy wpisać nasze zadanie tutaj.
Pochodzę ze strony HTML.
Po naciśnięciu Enter, zrobiło się składać.
>> Widzimy, co się stało, jak określony przez kod JavaScript.
Co ta funkcja nie było przyjąć tekst z postaci,
a potem po prostu nazywa tasks.insert, jak my w konsoli.
Wybrali również dodać datę createdAt.
W ten sposób można byłoby określić aktualny czas.
Po tym, że oczyszcza się poprzez formę się, że wartość jest pusty.
>> I wtedy nazywa to return false do upewnij się, że nic się nie dzieje.
Kiedy return false z Formularz zdarzenia, który zatrzymuje wykonanie.
Powiedz postać ma działanie, jak złożyć do strony PHP.
Jeśli nie wrócił fałszywe, chcesz wrócić prawda.
To kończy się z tym wnioskiem.
Fałszywe Przechwytuje i zatrzymuje ją właśnie tam.
>> Więc to było trochę o demo jak Meteor działa i mamy
z samouczka na chwilę.
I możesz prosimy wolne nadal to robi.
Istnieje mnóstwo zasobów, i poradnik jest właściwie tylko
bardzo dobrze o wyjaśnienia co się dzieje.
Chcę pokazać wam teraz, w te kilka minut jesteśmy w lewo,
co to tylko niektóre cooler cechy Meteor,
i jakie są niektóre bardziej użyteczne pakiety.
Jedną z wielkich zalet Meteor jest to, że masz system pakietów.
Możesz łatwo włączyć kod że wiele tysięcy deweloperów
Napisałem na całym świecie do projektu Meteor.
Jednym z przykładów jest to, co mogłoby zrobić w kroku dziewięciu samouczka, w którym
próbujesz dodać konta do projektu Meteor.
Jeśli mamy CS50 PHP Projekt, musielibyśmy
polegać na ramach lub nasz własny kod, aby
bezpiecznie obsługiwać pewien, że hasła i nazwy użytkowników
i przechowywanie bazy i to wszystko.
>> Okazuje się, Meteor ma jedne pakiety to zrobić dla Ciebie,
i zrobić to bardzo łatwo.
Co możemy zrobić, to dodać kilka pakietów.
Więc zróbmy to prawo obecnie w naszej konsoli.
Mam zamiar zakończyć projekt i teraz przejść do prostego-todos.
Teraz jest proste-todos Projekt, który cię
będą miały po robi z etapu 11 lub kroku 12,
na koniec tego poradnika.
I niech szybko spojrzeć na to, aby zobaczyć jakie są różne cechy mamy.
Miejmy tylko upewnić, że to działa.
Czasami trwa to chwilę do odświeżenia, ale tutaj jest.
>> Mamy możliwość ukrycia wykonywać zadania, a my możemy się zalogować.
I to było zrobione z Pakiet Meteor.
To jest świetne.
Mamy teraz nazwa użytkownika i hasła zarejestruj się.
Ale co, jeśli chcemy, aby dodać inny rodzaj mechanizmu logowania?
Powiedzmy, że chciałem się zalogować w moim koncie Meteor.
Zamierzam uruchomić meteor dodatek, i to jest składnia dodanie pakietów.
Mogę powiedzieć, rachunki i accounts.meteor.
To będzie teraz znaleźć Pakiet i załadować go.
Widać, że nie mam znaleźć odpowiednią nazwę pakietu.
>> Więc jak można dowiedzieć się o pakietach?
Cóż tam świetna strona, wykonana dostępne przez ludzi Meteor,
nazywa atmospherejs.com.
Atmospherejs, jedno słowo, kropka com, jest doskonałym repozytorium
znalezienia wszystkich Meteoru pakiety w repozytorium.
Mogę szukać kont, a następnie będzie to pokaż mi wszystkie istotne rzeczy,
wszystkie pakiety z nazwą konta.
>> Mimo, że ładuje, możemy spróbować dodając kilka innych pakietów.
Może Pakiet Meteor nie działa teraz, ale mogę dodać Facebooka.
Mogę dodać konto, a następnie ponownie uruchomić projekt Meteor.
Po uruchomieniu tego, zobaczmy co zmieniło się na stronie internetowej.
Możesz see-- mógłbym trzeba go odświeżyć tutaj.
>> Mam przycisk do skonfigurować Facebook logowania.
I tu mam wszystko instrukcje Meteor
przygotował dla Was na konfigurowania aplikacji Facebook.
A może jej użyć Informacje dodać swoje identyfikatory.
Po dokonaniu rejestracji, będziesz musiał Facebook login pracy w Twojej aplikacji.
>> Jestem po prostu się dostać ID aplikacji i tajne,
po prostu pokazać, jak to może działać.
Musisz konta Facebook do korzystania z Facebooka opcje deweloperskich.
Pozwól mi tylko szybko znaleźć Klawisze Meteor, które są niezbędne.
Mam kolejny projekt Meteor że będę używać,
a ja po prostu się do podjęcia klucze z tego pliku.
>> A kiedy go znaleźć, po prostu być w stanie skopiować te klucze do mojego Facebooku.
Więc tutaj jest klucz.
I to jest tajemnica.
Nie powinno być dzielenie się tym z ludźmi.
A potem dać mu swoją aplikację w tajemnicy.
I to jest tak na Facebook wie, że jesteś.
I zapisać konfigurację.
>> Myślę, że w sposobie I zatrzymał mój Meteor aplikację.
Więc po prostu chcę zrobić upewnić się, że nadal tam jest.
OK, załóżmy, upewnij się, że nasz serwer Meteor działa tak, strona internetowa jest uruchomiona.
Zauważ, jeśli zatrzymać Meteor serwer, strona jest nadal.
To po prostu nie aktualizuje już.
Serwer Meteor jest konieczne za to, strona jest na żywo.
>> OK, już złożone, a teraz Mogę się z Facebook.
Teraz to tylko kwestia o Facebook pop-up
i wprowadzenie na koncie Informacje i logowanie.
Gdy to zrobisz, Facebook mógłby nag z jakiegoś większego bezpieczeństwa.
Więc musimy po prostu tam zatrzymać.
Jest to, że gdy skończysz z tym, musisz Facebook logowania.
>> Meteor ma kilka innych pakietów, jak również.
Możesz zalogować się na Google+.
Możesz zalogować się na GitHub.
Możesz zalogować się na Twitterze.
Albo, jeśli szukasz, będziesz znaleźć wiele innych rzeczy
jak Meetup, LinkedIn, i Meteor Developer.
Tak było Meteor Developer Pakiet szukałem.
Meteor dodać kont-meteor-developer.
W międzyczasie, również chcesz polecić
inne pakiety dla swoich projektów.
Może się okazać to pakiet jQuery.
To pozwala na użycie jQuery w Twoich klientów.
Możesz po prostu zrobić to z jednej linii, a Meteor będzie upewnić się, że jesteś na bieżąco
na jQuery.
Polecam również houston: admina.
>> To jest trochę jak phpMyAdmin rodzaju narzędzia dla MongoDB.
To pozwala na edycję Twoje dane dość łatwo
bez konieczności przechodzenia do powłoki Mongo, jak zrobiłem wcześniej w seminarium.
Więc teraz, że to działa, niech uruchomić Meteor ponownie i zobaczyć, co możemy zrobić.
>> Można zauważyć, że dodanie niektórych pakietów może je przedstawić kilka ostrzeżeń.
Nie trzeba się martwić o tym z Houston.
Więc teraz możemy mieć możliwość skonfigurować Meteor administratora.
I dają wskazówki jeśli chcesz ustawić, że się.
>> Możemy również teraz przejść do / administratora.
To jest wysyłany przez pakiet Houston.
I to jest interfejs administracyjny Meteor.
Wystarczy stworzyć konto administratora, jak tak.
A jeśli odśwież stronę, to polubisz mają niektóre kolekcje wyświetlane.
>> Jest to bardzo przydatne narzędzie, i gorąco polecam.
Widać, że z powodu houston dawał pewne błędy,
nie mamy żadnych kolekcje pokazuje się teraz.
Sposób należy użyć Houston jest upewniając się, funkcja ta staje się
nazywa się w swoich prostych-todos.
Więc houston nie wiem, co moje zadania są.
>> Założyliśmy Mongo Kolekcja zwane zadania.
Chodźmy do prostego-todos i po prostu upewnij się, że w JavaScripcie,
dodaliśmy zadania do naszych kolekcji.
Mamy teraz zapisane, a to buduje Aplikacja, orzeźwiający.
I zobaczymy.
Teraz mamy kilka zadań.
I możemy dodać kilka nowych zadań.
Ale jeśli chcemy, aby dodać zadania, zróbmy to z samej aplikacji.
>> Teraz możemy dodać jakieś dane.
Cześć, to jest zadanie.
Wydaje się trochę dziwne, że nie widzisz żadnych zadań.
Może Chcemy sprawdzić, czy mamy jakiekolwiek Błędy tutaj, a może gdzieś indziej.
Jeśli idziemy do admina, że ​​wydaje się dziwne.
Jeśli wyciągnąć repozytorium po tym seminarium,
Postaram się, że proste todos współpracuje z Houston.
Niestety, nie wydaje za pracę w tym właśnie momencie.
>> Czy są jakieś inne pytania?
Houston zwykle jest narzędzie, które działa bardzo dobrze.
Houston specjalnie jest nieco buggier niż inne,
ale polecam go, gdy to działa.
Tak.
>> PUBLICZNOŚCI: Co można zrobić z pakietem Facebooku
gdy użytkownik jest zalogowany w swoim Facebooku?
>> ROGER ZURAWICKI: Po Instrukcja zalogowany,
można wykonywać połączenia do Facebook API.
Dużo, że leży bardziej w jak Facebook otwiera swoje API.
Meteor, upewnij się, mają połączenie.
Ale wszystko po to jest sprawa uczenia się, jak korzystać z Facebook API.
PUBLICZNOŚCI: [niesłyszalne].
ROGER ZURAWICKI: Wszystko w porządku.
Dziękuję bardzo za seminarium CS50 w Meteor.
Jeśli masz jakiekolwiek pytania, możesz napisz do mnie
na mój adres poniżej seminarium.
A ja z przyjemnością odpowiedzieć na Twoje pytania.
Będę również CS50 Hackathon powinny
potrzebujesz pomocy z projektów Meteor.
Dziękujemy za oglądanie.