1
00:00:00,460 --> 00:00:07,010
Dobrze wrócić w tym filmie mamy zamiar zacząć od zastosowania obozu Yelp, że mamy zamiar pracować do końca tego kursu.

2
00:00:07,050 --> 00:00:09,280
Mamy zamiar zacząć od uzyskania podstawowe ustanowiło dzieje.

3
00:00:09,280 --> 00:00:12,720
Pierwsze express aplikacja będzie io nasze pierwsze kilka tras i szablony.

4
00:00:12,720 --> 00:00:19,890
Ale zanim o tym rozmawiać Chcę tylko wyjaśnić obieg tutaj i jak to będzie działać jako stale dodawać różne funkcje.

5
00:00:19,950 --> 00:00:25,370
Chcę, aby być w stanie zobaczyć kod w dowolnym momencie, nie chcę po prostu, aby zobaczyć ostateczną rozwiązanie.

6
00:00:25,380 --> 00:00:28,370
Więc co mam zamiar zrobić, to pracować w różnych folderach.

7
00:00:28,470 --> 00:00:33,610
Więc mam katalog obozu Yelp i wówczas zamiast obozu Yelp mam zamiar dodać różne wersje.

8
00:00:33,720 --> 00:00:34,970
Więc nie trzeba tego robić.

9
00:00:35,040 --> 00:00:40,710
Będziesz w stanie po prostu ciągle włożyć do jednej z wersji, czy chcesz iść dalej i zrobić różne wersje.

10
00:00:40,710 --> 00:00:52,580
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.

11
00:00:52,960 --> 00:00:55,770
OK, teraz, że to z drogi zaczynajmy tutaj.

12
00:00:55,830 --> 00:01:05,050
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.

13
00:01:05,130 --> 00:01:09,660
Więc będziemy mieć stronę główną zasadzie jak powitanie w obozie Yelp.

14
00:01:09,840 --> 00:01:11,750
Oto mały krótką informację o tym, co robimy.

15
00:01:11,880 --> 00:01:12,750
Oto przycisk rejestracji.

16
00:01:12,750 --> 00:01:15,760
Tu jest link kontakt, który nie będzie faktycznie pracują jeszcze.

17
00:01:15,840 --> 00:01:25,410
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.

18
00:01:25,410 --> 00:01:31,930
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.

19
00:01:32,010 --> 00:01:39,530
Wkrótce będziemy migracji do nowej bazy danych teraz campingu tylko będzie mieć dwa różne fragmenty informacji.

20
00:01:39,840 --> 00:01:55,000
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.

21
00:01:55,380 --> 00:01:56,460
Więc przejdźmy dalej.

22
00:01:56,760 --> 00:02:04,110
Zacznę uruchamiając KMP w nim, a następnie będziemy naciśnij enter wprowadzić ponownie.

23
00:02:04,380 --> 00:02:07,810
Będziemy po prostu nazywają to cam v1.

24
00:02:08,640 --> 00:02:11,990
Zrobię apt takich jak mojego punktu wejścia.

25
00:02:12,480 --> 00:02:13,790
I tam idziemy.

26
00:02:14,060 --> 00:02:17,670
Autor i nacisnąć enter.

27
00:02:17,700 --> 00:02:18,550
Jeszcze raz.

28
00:02:18,780 --> 00:02:19,300
OK.

29
00:02:19,500 --> 00:02:23,920
Teraz uruchom NPM zainstalować Express i tak.

30
00:02:23,940 --> 00:02:25,320
Dash kreska uratować.

31
00:02:25,410 --> 00:02:33,540
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ą.

32
00:02:35,820 --> 00:02:43,300
A jeśli spojrzeć na odgałęzienie pakietu Jason widać, że ma SJS i ekspresowych.

33
00:02:44,160 --> 00:02:45,590
Więc teraz stwórzmy aplikację.

34
00:02:45,680 --> 00:03:00,700
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.

35
00:03:01,050 --> 00:03:15,570
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.

36
00:03:15,610 --> 00:03:34,510
Ian VI Proces port, który EMV IP i oddzwanianie i tu i zrobię dziennik konsularną, która mówi obozu Yelp jest uruchomiona.

37
00:03:35,100 --> 00:03:42,000
Zróbmy serwer obozową tak po prostu i oszczędzać.

38
00:03:42,320 --> 00:03:45,510
A teraz wróćmy i rozpocząć dodając naszą stronę docelową.

39
00:03:45,720 --> 00:03:49,210
I jak większość aplikacji na stronie docelowej znajduje się na właściwej drodze.

40
00:03:49,440 --> 00:04:18,010
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.

41
00:04:18,300 --> 00:04:18,700
OK.

42
00:04:18,720 --> 00:04:21,690
I otrzymujemy odpowiedź, że wszystko, czego szukamy.

43
00:04:21,810 --> 00:04:36,680
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.

44
00:04:36,810 --> 00:04:39,080
Tak tam idziemy.

45
00:04:39,240 --> 00:04:47,580
A potem będziemy otwarcie, że nawet użycie slash lądowanie, a my po prostu umieścić bardzo prosty znaczników tutaj.

46
00:04:47,580 --> 00:04:54,030
Strony docelowej, a następnie odbywa się tu możemy umieścić pkt.

47
00:04:54,030 --> 00:04:56,340
Witamy w obozie Oprah.

48
00:04:56,340 --> 00:05:00,900
Oczywiście ten będzie być zmienione i będą urządzone w bardzo różny sposób do końca przebiegu.

49
00:05:01,110 --> 00:05:03,750
Ale teraz po prostu chcemy się upewnić, że wszystko działa.

50
00:05:03,810 --> 00:05:05,110
Więc wróćmy do APT.

51
00:05:05,120 --> 00:05:05,770
Tak.

52
00:05:06,030 --> 00:05:12,880
A pierwszą rzeczą, zrobimy to zmienić tak, aby reszta renderowanie lądowania i zostawimy się kropkę.

53
00:05:13,000 --> 00:05:13,560
Tak.

54
00:05:13,770 --> 00:05:23,490
A do tego trzeba dodać w aplikacji ustawić widoku silnika być J.S ..

55
00:05:23,880 --> 00:05:25,100
I wtedy nie musimy pisać.

56
00:05:25,120 --> 00:05:30,630
EJ jak tutaj i będziemy zapisywać zrestartować serwer.

57
00:05:30,900 --> 00:05:35,770
James odświeżyć i mamy nasz szablon strony docelowej.

58
00:05:36,180 --> 00:05:37,400
Wspaniały.

59
00:05:37,410 --> 00:05:39,880
pracę w przyszłym Chodźmy na trasie campingu.

60
00:05:40,110 --> 00:05:50,910
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.

61
00:05:51,030 --> 00:05:56,820
Ale będziemy wkrótce żądania i odpowiedzi, podobnie jak to zaoszczędzić.

62
00:05:57,060 --> 00:06:02,760
A potem musimy zdefiniować tablicę campingów, które będą pamiętać tylko tablicę czasowo.

63
00:06:02,750 --> 00:06:12,960
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.

64
00:06:12,960 --> 00:06:14,350
Tak to będzie wyglądać następująco.

65
00:06:14,580 --> 00:06:19,840
Albo mamy tablicę, a następnie każdy element w tablicy jest obiektem.

66
00:06:19,950 --> 00:06:37,520
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.

67
00:06:37,560 --> 00:06:38,190
No to jedziemy.

68
00:06:38,490 --> 00:06:40,560
A potem mamy tablicę z nich.

69
00:06:40,740 --> 00:06:45,570
Tak więc możemy mieć 10 różnych campingów 100 do końca kursu.

70
00:06:45,690 --> 00:06:59,950
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.

71
00:07:00,600 --> 00:07:02,110
Wróćmy do Apter tak.

72
00:07:02,310 --> 00:07:11,900
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ę.

73
00:07:12,210 --> 00:07:19,660
A potem wewnątrz tablicy i po prostu sformatować to trochę lepiej, kiedy wejść do środka tablicy mamy zamiar mieć pewne obiekty startowe.

74
00:07:19,800 --> 00:07:25,590
A pierwszy z nich będzie mieć nazwę, a ja po prostu iść z Semon potoku.

75
00:07:26,000 --> 00:07:30,210
Można po prostu zrobić coś i będzie miał obraz i wrócę i przesłanie zdjęć.

76
00:07:30,330 --> 00:07:44,580
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.

77
00:07:44,580 --> 00:07:45,110
W porządku.

78
00:07:45,120 --> 00:07:48,960
Tak więc trzy kempingów trzy całkowicie fikcyjne nazwiska i do zdjęć.

79
00:07:48,960 --> 00:07:53,540
Jestem rzeczywiście zamiar wykorzystać twórcze zdjęcia fotografia tak nie prowadzę żadnych problemów.

80
00:07:53,550 --> 00:07:58,920
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.

81
00:07:59,070 --> 00:08:01,540
Chodźmy z tego, aby rozpocząć.

82
00:08:01,690 --> 00:08:07,550
Więc mam zamiar skopiować obraz, który albo wrócę tu i to będzie kozice odpocząć.

83
00:08:07,590 --> 00:08:08,340
Dlaczego nie.

84
00:08:08,630 --> 00:08:13,160
A potem pójdziemy znowu i wezmę ten jeden tutaj.

85
00:08:13,590 --> 00:08:17,800
Skopiuj go do RL A to będzie Salmon Creek.

86
00:08:18,300 --> 00:08:21,630
A potem musimy jeszcze jeden, a ja po prostu wziąć ten jeden.

87
00:08:21,690 --> 00:08:26,180
Oczywiście nie jest to kemping ale to nic do rzeczy tutaj.

88
00:08:26,340 --> 00:08:31,390
Zachęcam do korzystania z nazwy prawdziwe pole namiotowe w obrazach portal obozowych jeśli zależy.

89
00:08:31,440 --> 00:08:42,660
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.

90
00:08:42,750 --> 00:08:55,990
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.

91
00:08:56,190 --> 00:09:05,410
Więc campingu Dzisiejsze Na razie fałszywych campingów i uratuje upewnić dodamy lub przecinki pomiędzy różnymi elementami w tablicy.

92
00:09:05,420 --> 00:09:15,170
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.

93
00:09:15,170 --> 00:09:18,170
Jesteśmy po prostu będzie upewnić się, że szablon działa poprawnie.

94
00:09:18,380 --> 00:09:29,370
Teraz musimy zatrzymać dotyk Serwer nowe widoki plików slash upy camping, EJ my i potem będziemy otwarcie, że w górę.

95
00:09:31,370 --> 00:09:35,000
Jest tak i tutaj będziemy dodać H1.

96
00:09:35,030 --> 00:09:52,850
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.

97
00:09:52,850 --> 00:09:54,190
To jest strona campingów.

98
00:09:54,440 --> 00:09:57,430
A skoro już tu jesteśmy, że byłoby miło, aby dodać kilka miga.

99
00:09:57,470 --> 00:10:13,490
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.

100
00:10:13,820 --> 00:10:26,610
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.

101
00:10:26,630 --> 00:10:52,690
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.

102
00:10:52,700 --> 00:10:57,220
Więc pamiętaj, to jest dane przekazujemy i jest to nazwa chcemy dać.

103
00:10:57,320 --> 00:11:00,950
Możemy nazwać to coś, co chcieliśmy, ale jest to powszechne, aby zobaczyć je wymienić samo.

104
00:11:01,160 --> 00:11:11,770
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.

105
00:11:11,810 --> 00:11:21,800
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.

106
00:11:22,740 --> 00:11:26,840
Więc teraz niech pętli i wyświetlać każdy tytuł lub każdą nazwę i wizerunek.

107
00:11:27,290 --> 00:11:32,020
Więc będę te wsporniki tutaj, ale będę pozbyć się znaku równości i zrobimy dla każdego.

108
00:11:32,150 --> 00:11:55,640
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.

109
00:11:56,240 --> 00:11:56,880
OK.

110
00:11:57,080 --> 00:12:02,850
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ę.

111
00:12:03,080 --> 00:12:05,190
Więc zaczniemy od sojusznika.

112
00:12:05,270 --> 00:12:05,890
Dlaczego nie.

113
00:12:06,050 --> 00:12:14,700
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.

114
00:12:14,900 --> 00:12:18,190
A my po prostu będzie wyświetlany wewnątrz campingu Y.

115
00:12:18,340 --> 00:12:22,750
Dot nazwę i zapisać całą przestrzeń, która jest na zewnątrz.

116
00:12:23,120 --> 00:12:28,460
Teraz załadować stronę i odśwież to i mamy trzy nazwiska pole kempingowe.

117
00:12:28,460 --> 00:12:31,880
Ostatnią rzeczą, którą chcę zrobić, to upewnić się, że wyświetlane obrazy.

118
00:12:31,880 --> 00:12:40,290
Więc wracamy tutaj i zamiast sojusznikiem zmieńmy to tak, że mamy znacznik div dla każdego campingu.

119
00:12:40,400 --> 00:12:44,390
I w znaczniku div wyświetli h.

120
00:12:44,390 --> 00:12:52,530
Zróbmy 4 z nazwą campingu, a następnie poniżej będzie można umieścić znacznik obrazu.

121
00:12:53,450 --> 00:13:09,160
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.

122
00:13:09,200 --> 00:13:11,030
Musimy te eJay jako nawiasach.

123
00:13:11,330 --> 00:13:19,250
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.

124
00:13:19,700 --> 00:13:26,820
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.

125
00:13:26,900 --> 00:13:28,350
To jest po prostu dodawany jako tekst.

126
00:13:28,430 --> 00:13:33,800
Tak to będzie wyglądać ten dwukropek ukośnik HTP co musimy cudzysłowy wokół niego.

127
00:13:33,980 --> 00:13:39,080
Więc musimy się upewnić, że jesteśmy dodając znaczniki Ejaz się wewnątrz cudzysłowów tak po prostu.

128
00:13:39,410 --> 00:13:39,770
OK.

129
00:13:39,800 --> 00:13:45,800
Tak więc to, co chcemy zrobić, to upewnić się, że obraz campingu używamy obrazu.

130
00:13:45,800 --> 00:13:46,540
No to jedziemy.

131
00:13:46,760 --> 00:13:54,670
Jestem A-G i mamy tu napisane, że w ten sam sposób, a ja zatrzymać serwer wznowiona.

132
00:13:54,980 --> 00:14:01,650
Wróćmy i odśwież stronę i mamy trzy kempingów z trzech obrazów.

133
00:14:01,670 --> 00:14:02,300
Dobrze świetnie.

134
00:14:02,300 --> 00:14:07,270
Więc to wszystko, co chcesz robić w tym filmie było uzyskać podstawowe struktury utworzonej z naszych dwóch trasach.

135
00:14:07,280 --> 00:14:10,060
Wróćmy się upewnić, zrobiliśmy wszystko, co mamy określone robić.

136
00:14:10,340 --> 00:14:15,740
Tak na stronie docelowej tak zrobiliśmy, że na stronie campingu, który wymienia wszystkie campingu.

137
00:14:15,860 --> 00:14:19,390
Zrobiliśmy też, że każde pole namiotowe ma nazwę i zdjęcie.