Dobrze wrócić w tym filmie mamy zamiar zacząć od zastosowania obozu Yelp, że mamy zamiar pracować do końca tego kursu.
Mamy zamiar zacząć od uzyskania podstawowe ustanowiło dzieje.
Pierwsze express aplikacja będzie io nasze pierwsze kilka tras i szablony.
Ale zanim o tym rozmawiać Chcę tylko wyjaśnić obieg tutaj i jak to będzie działać jako stale dodawać różne funkcje.
Chcę, aby być w stanie zobaczyć kod w dowolnym momencie, nie chcę po prostu, aby zobaczyć ostateczną rozwiązanie.
Więc co mam zamiar zrobić, to pracować w różnych folderach.
Więc mam katalog obozu Yelp i wówczas zamiast obozu Yelp mam zamiar dodać różne wersje.
Więc nie trzeba tego robić.
Będziesz w stanie po prostu ciągle włożyć do jednej z wersji, czy chcesz iść dalej i zrobić różne wersje.
Zawsze będę podkreślić, która wersja jesteśmy na ale głównym celem jest to, że jeśli chcesz, aby spojrzeć wstecz na to, co dodałem między wersję 2 oraz wersję 3 Można otworzyć wersję 2 oraz wersję 3 katalogi i porównać je.
OK, teraz, że to z drogi zaczynajmy tutaj.
Co mamy zamiar zrobić to skonfigurować podstawowe aplikacja zainstaluje Express i każda Tak dostaniemy katalog widoki dzieje, a następnie dodamy dwie różne drogi.
Więc będziemy mieć stronę główną zasadzie jak powitanie w obozie Yelp.
Oto mały krótką informację o tym, co robimy.
Oto przycisk rejestracji.
Tu jest link kontakt, który nie będzie faktycznie pracują jeszcze.
A następnie stamtąd mamy zamiar stworzyć stronę campingów, który będzie główną stronę naszej aplikacji, która będzie lista wszystkich kempingowych w naszej bazie danych i nie mamy jeszcze bazy danych.
Więc to tylko będzie tablicą campingu, podobnie jak to miało miejsce w poprzednim filmie z przyjaciółmi, gdzie mieliśmy tablicę znajomych.
Wkrótce będziemy migracji do nowej bazy danych teraz campingu tylko będzie mieć dwa różne fragmenty informacji.
Pod koniec campingów kurs będzie mieć od 10 do 15 różnych kawałków, ale na razie jest to tylko nazwa, jak łososia potoku lub Dewey punktu lub cokolwiek nazwa naszego campingu jest i wtedy będziemy mieć obraz, który możemy wyświetlić i obraz będzie tylko aur l.
Więc przejdźmy dalej.
Zacznę uruchamiając KMP w nim, a następnie będziemy naciśnij enter wprowadzić ponownie.
Będziemy po prostu nazywają to cam v1.
Zrobię apt takich jak mojego punktu wejścia.
I tam idziemy.
Autor i nacisnąć enter.
Jeszcze raz.
OK.
Teraz uruchom NPM zainstalować Express i tak.
Dash kreska uratować.
Nie wykazały ci to jeszcze, ale jest to znacznie prostszy sposób, jeśli chcesz zainstalować wiele pakietów na raz wystarczy oddzielić je spacją.
A jeśli spojrzeć na odgałęzienie pakietu Jason widać, że ma SJS i ekspresowych.
Więc teraz stwórzmy aplikację.
Tak i otwarcie, że i wewnątrz tutaj dodać naszą podstawową importowanie wyraźnej którym należy być bardzo wygodne z teraz wymagają Express.
I wtedy zmienna aplikacja jest równa funkcji ekspresowej jest wykonywany, a następnie będą skakać w dół i zrobić opt out słuchać co również powinno być dość znane do tej pory procesu.
Ian VI Proces port, który EMV IP i oddzwanianie i tu i zrobię dziennik konsularną, która mówi obozu Yelp jest uruchomiona.
Zróbmy serwer obozową tak po prostu i oszczędzać.
A teraz wróćmy i rozpocząć dodając naszą stronę docelową.
I jak większość aplikacji na stronie docelowej znajduje się na właściwej drodze.
Więc my właśnie zamiar dodać aplikację, która Get Flash i zaczniemy wysyłać tylko pleszka, aby upewnić się wszystko działa OK, a my po prostu wysłać to będzie wkrótce na stronie docelowej i zapisać, a następnie zaczniemy serwer upewnić się, że serwer obóz zaczął, a potem wrócić i po prostu odświeżyć na naszej drodze do celu.
OK.
I otrzymujemy odpowiedź, że wszystko, czego szukamy.
Teraz idziemy do przodu i ustawić nasze szablony więc musimy zrobić katalog nowości, które sprawiają, widoki katalogów i zrobimy szablon o nazwie lądowania, że ​​każdy z nas wewnątrz lądowania katalogu widoki.
Tak tam idziemy.
A potem będziemy otwarcie, że nawet użycie slash lądowanie, a my po prostu umieścić bardzo prosty znaczników tutaj.
Strony docelowej, a następnie odbywa się tu możemy umieścić pkt.
Witamy w obozie Oprah.
Oczywiście ten będzie być zmienione i będą urządzone w bardzo różny sposób do końca przebiegu.
Ale teraz po prostu chcemy się upewnić, że wszystko działa.
Więc wróćmy do APT.
Tak.
A pierwszą rzeczą, zrobimy to zmienić tak, aby reszta renderowanie lądowania i zostawimy się kropkę.
Tak.
A do tego trzeba dodać w aplikacji ustawić widoku silnika być J.S ..
I wtedy nie musimy pisać.
EJ jak tutaj i będziemy zapisywać zrestartować serwer.
James odświeżyć i mamy nasz szablon strony docelowej.
Wspaniały.
pracę w przyszłym Chodźmy na trasie campingu.
Więc będziemy mieć aplikację, aby uzyskać i you auroral powinny być camping slash i to powinno pokazać wszystkich kempingów, które mamy, która w tej chwili nie mamy nic.
Ale będziemy wkrótce żądania i odpowiedzi, podobnie jak to zaoszczędzić.
A potem musimy zdefiniować tablicę campingów, które będą pamiętać tylko tablicę czasowo.
Kolejna duża zmiana masz zamiar zrobić jest dodanie do bazy danych io nasze campingów są zapisywane w bazie danych na razie jest to tablica i każdy campingu ma nazwę i zdjęcie.
Tak to będzie wyglądać następująco.
Albo mamy tablicę, a następnie każdy element w tablicy jest obiektem.
I każdy z nich ma swoją nazwę, a potem po prostu powiedzieć, nazwa jest Salmon Creek gdzieś poszłam campingu niedawno i wtedy zdjęcie, a następnie będzie to adres URL obrazu, jak HTP cokolwiek to GWW obrazu dotcomów.
No to jedziemy.
A potem mamy tablicę z nich.
Tak więc możemy mieć 10 różnych campingów 100 do końca kursu.
I każdy z nich ma swoją nazwę i obraz, a następnie w końcu będą mieli takie rzeczy jak długość i szerokość geograficzna miasto i stan przestrzeni adresowej sezonowości wszystkich tych różnych atrybutów, ale zaczynamy prostą nazwę i wizerunek.
Wróćmy do Apter tak.
A co mamy zamiar zrobić, to znaleźć tę tablicę i możemy rozpocząć po prostu robi się tu do tej pory będziemy nazywać go campingów jest równa tablicę.
A potem wewnątrz tablicy i po prostu sformatować to trochę lepiej, kiedy wejść do środka tablicy mamy zamiar mieć pewne obiekty startowe.
A pierwszy z nich będzie mieć nazwę, a ja po prostu iść z Semon potoku.
Można po prostu zrobić coś i będzie miał obraz i wrócę i przesłanie zdjęć.
A potem następny zrobi to nadrobić innym miejscu będziemy nazywać go Granity wzgórze, a potem jeszcze jeden patrol górskich kóz wywołanie piersi.
W porządku.
Tak więc trzy kempingów trzy całkowicie fikcyjne nazwiska i do zdjęć.
Jestem rzeczywiście zamiar wykorzystać twórcze zdjęcia fotografia tak nie prowadzę żadnych problemów.
Te nie będą odpowiadać któregokolwiek z pól namiotowych, że ja rzeczywiście odwiedzanych, ale jestem po prostu będzie wybrać kilka zdjęć tutaj.
Chodźmy z tego, aby rozpocząć.
Więc mam zamiar skopiować obraz, który albo wrócę tu i to będzie kozice odpocząć.
Dlaczego nie.
A potem pójdziemy znowu i wezmę ten jeden tutaj.
Skopiuj go do RL A to będzie Salmon Creek.
A potem musimy jeszcze jeden, a ja po prostu wziąć ten jeden.
Oczywiście nie jest to kemping ale to nic do rzeczy tutaj.
Zachęcam do korzystania z nazwy prawdziwe pole namiotowe w obrazach portal obozowych jeśli zależy.
Jeśli nie, jeśli nienawidzisz kemping, który jest czymś myślałem o mnie nie martwić, że może to zrazić niektórych ludzi, ale jeśli kemping nienawiści co chyba jest zrozumiałe, można łatwo zmienić tę aplikację na coś innego.
Kiedy go dokończyć można uczynić go zdarzenie app Aplikacja danej partii do restauracji Przegląd strony czegoś takiego, ale warto poczekać do końca zawodów to zrobić tak, aby nie pomylić z nazywania i różnych zmiennych mamy.
Więc campingu Dzisiejsze Na razie fałszywych campingów i uratuje upewnić dodamy lub przecinki pomiędzy różnymi elementami w tablicy.
Nie jedziemy, a my zacząć od renderowania szablon redstart tynku i to będzie się nazywać camping, a my nie zamierzamy przekazać dane przez jeszcze.
Jesteśmy po prostu będzie upewnić się, że szablon działa poprawnie.
Teraz musimy zatrzymać dotyk Serwer nowe widoki plików slash upy camping, EJ my i potem będziemy otwarcie, że w górę.
Jest tak i tutaj będziemy dodać H1.
To jest strona campingu i zapisać i niech to upewnij się, że widzimy tę stronę, kiedy uruchomić serwer się możemy odświeżyć i chodźmy ciąć campingów i otrzymujemy.
To jest strona campingów.
A skoro już tu jesteśmy, że byłoby miło, aby dodać kilka miga.
Więc mam zamiar dodać link do strony docelowej, który mówi Zobacz wszystkie campingów i to zrobić i trzeba iść do szablonu kredytowej i po prostu na dole na tagu zakotwiczony w atrybucie ref i ATF musi być slash campingu.
A ja po prostu powiedzieć Ci wszystkie campingów i zapisać ponownie uruchomić serwer widok odświeżania campingów teraz przenosi nas do strony campingu.
Dobrze więc teraz chodźmy i upewnij się, że możemy przekazać dane za pośrednictwem naszego campingu do reszty rozmowy uczynić i wtedy możemy pętli to wszystko i wyświetlać każdy obraz, a każda nazwa w naszym szablonie rozpocznie przechodząc do aktualizacji nas i dodając w tym drugim argumentem, który jest przedmiotem wszystkich danych chcemy przejść i będziemy przechodzić w campingów pod campingów nazw.
Więc pamiętaj, to jest dane przekazujemy i jest to nazwa chcemy dać.
Możemy nazwać to coś, co chcieliśmy, ale jest to powszechne, aby zobaczyć je wymienić samo.
Będziemy więc zapisać się i wrócić do naszego szablonu i zaczniemy po prostu robi to camping i jeśli widzimy coś będzie wyglądać obiekt obiekt.
Jeśli zrobiłeś to poprawnie to wiemy, że mamy przeszły danych przez restart serwera lub odświeżyć RIGAUD tablicę z trzech obiektów wewnątrz.
Więc teraz niech pętli i wyświetlać każdy tytuł lub każdą nazwę i wizerunek.
Więc będę te wsporniki tutaj, ale będę pozbyć się znaku równości i zrobimy dla każdego.
Tak, że będzie to dla każdego campingu, a następnie przechodzą w tej anonimowej funkcji wywołania zwrotnego, a my nazywamy to campingu, a my tu i naciśnij enter to musimy wrócić i upewnić się, że możemy dodać w prawidłowym zamknięciu Ejay nas wsporniki i potem w dół tutaj musimy załączyć to z każdego nas.
OK.
Tak że musi pętli campingów i to co chcemy zrobić dla każdego z nich będziemy po prostu najpierw wyświetlić nazwę.
Więc zaczniemy od sojusznika.
Dlaczego nie.
A my po prostu zrobić naszą EJ s ze znakiem równości i sprawiają trochę miejsca tak, że to trochę łatwiej zobaczyć co się dzieje.
A my po prostu będzie wyświetlany wewnątrz campingu Y.
Dot nazwę i zapisać całą przestrzeń, która jest na zewnątrz.
Teraz załadować stronę i odśwież to i mamy trzy nazwiska pole kempingowe.
Ostatnią rzeczą, którą chcę zrobić, to upewnić się, że wyświetlane obrazy.
Więc wracamy tutaj i zamiast sojusznikiem zmieńmy to tak, że mamy znacznik div dla każdego campingu.
I w znaczniku div wyświetli h.
Zróbmy 4 z nazwą campingu, a następnie poniżej będzie można umieścić znacznik obrazu.
A co musimy zrobić, to dać obraz o źródło i wewnątrz cytaty zamiast U R l, jak to, co jesteś ELAS zamiar umieścić obraz z campingu i nie możemy po prostu zrobić campingu tego obrazu.
Musimy te eJay jako nawiasach.
Tak więc mamy do czynienia go wewnątrz cudzysłowu, który jest trochę mylące, aby niektóre z moich studentów na początku, bo campingu, że obraz jest już łańcuch.
I można zobaczyć tutaj, ale należy pamiętać, że kiedy gdy weźmiemy to i dodać go do szablonu te cytaty nie przychodzą wraz z nim.
To jest po prostu dodawany jako tekst.
Tak to będzie wyglądać ten dwukropek ukośnik HTP co musimy cudzysłowy wokół niego.
Więc musimy się upewnić, że jesteśmy dodając znaczniki Ejaz się wewnątrz cudzysłowów tak po prostu.
OK.
Tak więc to, co chcemy zrobić, to upewnić się, że obraz campingu używamy obrazu.
No to jedziemy.
Jestem A-G i mamy tu napisane, że w ten sam sposób, a ja zatrzymać serwer wznowiona.
Wróćmy i odśwież stronę i mamy trzy kempingów z trzech obrazów.
Dobrze świetnie.
Więc to wszystko, co chcesz robić w tym filmie było uzyskać podstawowe struktury utworzonej z naszych dwóch trasach.
Wróćmy się upewnić, zrobiliśmy wszystko, co mamy określone robić.
Tak na stronie docelowej tak zrobiliśmy, że na stronie campingu, który wymienia wszystkie campingu.
Zrobiliśmy też, że każde pole namiotowe ma nazwę i zdjęcie.