1
00:00:00,000 --> 00:00:08,100

2
00:00:08,100 --> 00:00:08,890
>> ROGER ZURAWICKI: Witam wszystkich.

3
00:00:08,890 --> 00:00:11,310
Czy mogę dostać swoją uwagę?

4
00:00:11,310 --> 00:00:12,090
Dzięki, chłopaki.

5
00:00:12,090 --> 00:00:14,030
Dziś chcę mówić o Meteor.

6
00:00:14,030 --> 00:00:16,710
Jest to framework JavaScript.

7
00:00:16,710 --> 00:00:21,110
Będziemy przechodzi jak można
zrobić naprawdę fajnych aplikacji internetowych.

8
00:00:21,110 --> 00:00:24,940
>> Zanim przejdziemy do JavaScriptu, po prostu
chcę wam powiedzieć, że będzie to

9
00:00:24,940 --> 00:00:26,900
się - będziesz miał później
poskładać w tym semestrze.

10
00:00:26,900 --> 00:00:28,520
Należy o JavaScript.

11
00:00:28,520 --> 00:00:32,910
Myślę, że [niesłyszalne] Najpierw będzie
pokrycie www HTML PHP rzeczy, zanim

12
00:00:32,910 --> 00:00:34,530
przenieść do JavaScript.

13
00:00:34,530 --> 00:00:39,650
I CS50, JavaScript jest uważany
jak kod klienta.

14
00:00:39,650 --> 00:00:41,970
Więc to tylko zostanie uruchomiony w
przeglądarka.

15
00:00:41,970 --> 00:00:45,740
>> Ale dzięki ostatnim postępom w
technologii, mamy teraz udało się uruchomić

16
00:00:45,740 --> 00:00:48,090
JavaScript jako serwer, jak również.

17
00:00:48,090 --> 00:00:51,630
Tak to stworzył naprawdę fajne
ramy, ponieważ teraz można pisać

18
00:00:51,630 --> 00:00:55,250
legalnie sam kod dla
klient i serwer.

19
00:00:55,250 --> 00:00:57,810
I podczas definiowania funkcji w telefonie
serwer, klient może wezwać te

20
00:00:57,810 --> 00:00:59,090
same funkcje.

21
00:00:59,090 --> 00:01:00,370
I to sprawia, że ​​o wiele łatwiej.

22
00:01:00,370 --> 00:01:04,519
Podczas gdy wcześniej, jeśli używasz PHP na
Serwer, JavaScript na przedniej

23
00:01:04,519 --> 00:01:08,040
koniec, trzeba napisać funkcję PHP
a następnie w wersji JavaScript

24
00:01:08,040 --> 00:01:10,880
sama funkcja zrobić
sam rodzaj pracy.

25
00:01:10,880 --> 00:01:14,330
>> Więc zanim zaczniemy, chcę
pokazać demo co

26
00:01:14,330 --> 00:01:17,190
Meteor może zrobić dla Ciebie.

27
00:01:17,190 --> 00:01:20,330
Pokażę demo, która jest, co
będziesz w stanie stworzyć przez

28
00:01:20,330 --> 00:01:21,580
Koniec tego seminarium.

29
00:01:21,580 --> 00:01:24,260

30
00:01:24,260 --> 00:01:25,670
Po prostu go tutaj.

31
00:01:25,670 --> 00:01:27,410
Jest to aplikacja liderów.

32
00:01:27,410 --> 00:01:31,970
To faktycznie opiera się na przykład
że Meteor daje.

33
00:01:31,970 --> 00:01:37,220
>> Meteor jest bardzo dobre, bo kiedy
zainstalować go jako pakiet, można

34
00:01:37,220 --> 00:01:39,140
w zasadzie bawić z
te cztery dema.

35
00:01:39,140 --> 00:01:41,410
I liderów jest
Pierwszy z tych pokazów.

36
00:01:41,410 --> 00:01:44,620
Po seminarium, zachęcam was wszystkich
po prostu odkrywać inne dema

37
00:01:44,620 --> 00:01:48,300
ponieważ uważam, że są naprawdę fajne, i
oni pokazać siłę Meteor.

38
00:01:48,300 --> 00:01:51,310
>> Więc co to jest, to jest
Gości na liderów.

39
00:01:51,310 --> 00:01:54,950
To jest po prostu szczerze lista nazwisk.

40
00:01:54,950 --> 00:01:56,510
I można wybrać ludzi.

41
00:01:56,510 --> 00:01:57,780
Oni z kolei żółty.

42
00:01:57,780 --> 00:02:00,060
I wtedy można dać
im pięć punktów.

43
00:02:00,060 --> 00:02:02,850
I można zauważyć, że lista jest
sortowane, bo jak daję sobie więcej

44
00:02:02,850 --> 00:02:05,850
i więcej punktów, teraz jestem na szczycie.

45
00:02:05,850 --> 00:02:07,420
Tak to jest, gdy zaczynamy.

46
00:02:07,420 --> 00:02:11,690
>> I co będziesz mógł zabrać
z tego seminarium jest niewiele więcej

47
00:02:11,690 --> 00:02:13,600
Cechy Dodałem do
Ranking.

48
00:02:13,600 --> 00:02:18,240
Będziemy obejmujące jak, jak również
dodać pięć punktów dla gracza, możemy

49
00:02:18,240 --> 00:02:28,720
usunąć tych, możemy dodać nowych graczy,
i możemy wybrać, jak chcemy

50
00:02:28,720 --> 00:02:29,540
do ich sortowania.

51
00:02:29,540 --> 00:02:35,240
I to są wszystkie bardzo łatwy wywołań API
Meteor zapewnia, że ​​dla Ciebie.

52
00:02:35,240 --> 00:02:39,120
Trzeba tu także funkcję
do losowe wyniki.

53
00:02:39,120 --> 00:02:41,450
>> Więc co o tym naprawdę fajne
to chłopaki może faktycznie

54
00:02:41,450 --> 00:02:43,820
wszystko znajdziesz w serwisie.

55
00:02:43,820 --> 00:02:46,575
Powiem to w większym tekstu tutaj.

56
00:02:46,575 --> 00:02:51,390

57
00:02:51,390 --> 00:02:52,640
Jednym rodniki prowadzą erboard.meteor.com.

58
00:02:52,640 --> 00:03:03,390

59
00:03:03,390 --> 00:03:07,622
A kiedy wy się w serwisie, ci
powinny móc edytować stronę, a

60
00:03:07,622 --> 00:03:09,595
wszystkich zmian będą widoczne
aby wszyscy.

61
00:03:09,595 --> 00:03:12,730

62
00:03:12,730 --> 00:03:17,740
Tak można - to wy wszyscy
w stanie połączyć się do serwisu?

63
00:03:17,740 --> 00:03:18,750
Tak bawić się z nim.

64
00:03:18,750 --> 00:03:20,440
Idź i usuń niektóre nazwy.

65
00:03:20,440 --> 00:03:21,690
Zobacz, co się dzieje.

66
00:03:21,690 --> 00:03:35,370

67
00:03:35,370 --> 00:03:38,510
>> Widzisz więc każdy może grać.

68
00:03:38,510 --> 00:03:41,930
To jest właśnie bezpieczeństwo domyślne
Tryb dla Meteor.

69
00:03:41,930 --> 00:03:44,360
Widać, że każdy może
zmienić dane nawzajem.

70
00:03:44,360 --> 00:03:44,920
Nie martw się.

71
00:03:44,920 --> 00:03:46,460
Meteor ma bezpieczeństwo.

72
00:03:46,460 --> 00:03:49,860
Jest bardzo łatwo wprowadzić
funkcja, gdzie można skonfigurować użytkowników

73
00:03:49,860 --> 00:03:50,600
i loginy.

74
00:03:50,600 --> 00:03:53,750
Ale teraz każdy, kto odwiedza
strona może dać sobie jak najwięcej

75
00:03:53,750 --> 00:03:55,000
wskazuje, jak chcą.

76
00:03:55,000 --> 00:03:57,140

77
00:03:57,140 --> 00:04:00,090
Więc ja zawsze tak jest, bo to
Jest to świetny sposób, aby rozpocząć.

78
00:04:00,090 --> 00:04:02,360
A potem po prostu porozmawiać
o szczegóły, w jaki sposób

79
00:04:02,360 --> 00:04:03,610
Meteor to umożliwia.

80
00:04:03,610 --> 00:04:10,820

81
00:04:10,820 --> 00:04:15,660
>> Więc idę na pokrycie co Meteor to,
a następnie będziemy wystarczy na pokrycie

82
00:04:15,660 --> 00:04:18,920
dwa warunki wstępne, które CS50
nie pokryte wystarczająco.

83
00:04:18,920 --> 00:04:21,970
Ale do końca kadencji, należy
być wygodne zarówno HTML i

84
00:04:21,970 --> 00:04:25,250
Obsługę JavaScript w przeglądarce, by naprawdę dostać w swoje ręce
brudne pracy z Meteor.

85
00:04:25,250 --> 00:04:28,740
I myślę, że to jest po prostu świetny sposób na
nawet mniej wygodne studentów turystyczne

86
00:04:28,740 --> 00:04:32,930
projekty ostateczne, ponieważ może naprawdę
zatrzymać się w jednym języku, a oni się do

87
00:04:32,930 --> 00:04:37,620
zobacz zmiany ich
praca od zaraz.

88
00:04:37,620 --> 00:04:42,520
>> Więc ten slajd przedstawia tylko niektóre z
Główne technologie Meteor JS

89
00:04:42,520 --> 00:04:43,610
daje do Ciebie.

90
00:04:43,610 --> 00:04:46,090
Meteor nie jest nowa technologia
na własną rękę.

91
00:04:46,090 --> 00:04:48,390
To naprawdę konglomeratem
wszystkie te różne rzeczy

92
00:04:48,390 --> 00:04:49,920
mamy w internecie.

93
00:04:49,920 --> 00:04:55,650
Jak HTML, CSS, JavaScript, my
mają pewne technologie, takie jak Node.js,

94
00:04:55,650 --> 00:04:58,490
co jest, co pozwala na uruchomienie
JavaScript na tylnym końcu na swoje

95
00:04:58,490 --> 00:05:02,520
serwer, jak również niektóre JavaScript
biblioteki, takie jak jQuery, podkreślenia.

96
00:05:02,520 --> 00:05:06,320
>> Każdy z nich będzie znany
jesteś do końca semestru.

97
00:05:06,320 --> 00:05:10,680
I my również dostać się do korzystania z bazy danych o nazwie
MongoDB, co jest naprawdę

98
00:05:10,680 --> 00:05:14,250
teraz popularne w bazie
te nowe startupy.

99
00:05:14,250 --> 00:05:18,650
Możesz myśleć o tym jak jak MySQL, ale
działa bardzo ładnie z JavaScript.

100
00:05:18,650 --> 00:05:22,140
I nie ma tu jeszcze inne technologie
i wiele więcej nie mam na liście

101
00:05:22,140 --> 00:05:23,880
że interfejs naprawdę wszystko
ładnie z Meteor.

102
00:05:23,880 --> 00:05:26,900

103
00:05:26,900 --> 00:05:30,540
>> Muszę umieścić ten slajd, bo
czasami mam zamieszanie na ten temat.

104
00:05:30,540 --> 00:05:31,695
Meteor jest tylko JavaScript.

105
00:05:31,695 --> 00:05:33,040
To nie jest PHP.

106
00:05:33,040 --> 00:05:34,360
To nie jest Ruby on Rails.

107
00:05:34,360 --> 00:05:37,950
Więc jeśli piszesz kod, jeśli chcesz
napisać projekt Meteor, naprawdę

108
00:05:37,950 --> 00:05:38,900
nie można użyć kodu Ruby.

109
00:05:38,900 --> 00:05:41,660
Naprawdę nie używać PHP.

110
00:05:41,660 --> 00:05:45,800
>> Podczas gdy zobaczymy, że różnice w
Kod i składni, która może nie być

111
00:05:45,800 --> 00:05:48,930
inaczej, pragnę podkreślić, że do Ciebie
Meteor, wszystko, co jest kod

112
00:05:48,930 --> 00:05:50,660
tylko w JavaScript.

113
00:05:50,660 --> 00:05:53,920
I wszystko, co można zobaczyć na
użytkownik będzie HTML CSS.

114
00:05:53,920 --> 00:05:56,780
Ale nie jesteś w rzeczywistości za pomocą jednego z
inne języki, inne

115
00:05:56,780 --> 00:05:59,250
Seminaria mogą obejmować.

116
00:05:59,250 --> 00:06:01,020
Co Meteor jest to serwer WWW.

117
00:06:01,020 --> 00:06:03,930
Więc nawet jeśli nie ma żadnych
JavaScript i po prostu chcesz, aby służyć

118
00:06:03,930 --> 00:06:07,020
CSS i HTML plików, Meteor
może zrobić to za Ciebie.

119
00:06:07,020 --> 00:06:10,520

120
00:06:10,520 --> 00:06:13,770
>> A oto kolejny link
demo, które dostałem chłopaki

121
00:06:13,770 --> 00:06:15,380
zaczął grać z.

122
00:06:15,380 --> 00:06:18,230
Ale przejdźmy do HTML.

123
00:06:18,230 --> 00:06:22,060
Jak wiele osób tutaj ma
nie wiem czym jest HTML?

124
00:06:22,060 --> 00:06:22,670
OK, świetnie.

125
00:06:22,670 --> 00:06:25,800
I to jest zupełnie w porządku.

126
00:06:25,800 --> 00:06:29,410
Naprawdę nie trzeba wiedzieć wiele o
to dlatego, że pójdziemy na

127
00:06:29,410 --> 00:06:31,220
Wykorzystanie w bardzo prosty sposób.

128
00:06:31,220 --> 00:06:34,570
>> To jest to, co proste
Strona HTML wygląda.

129
00:06:34,570 --> 00:06:38,840
To może być jak twój Witaj, świecie
HTML, a zaczęliśmy w C z

130
00:06:38,840 --> 00:06:40,760
Witaj, świecie.

131
00:06:40,760 --> 00:06:44,360
Nie chcę, aby zaznaczyć na
szczegóły, czego HTML, jakiej głowy, co

132
00:06:44,360 --> 00:06:46,120
ciała, co robi tam tytuł.

133
00:06:46,120 --> 00:06:49,130
Chcę tylko podkreślić strukturę,
jak masz tagi.

134
00:06:49,130 --> 00:06:50,860
I to nawiasy ostre.

135
00:06:50,860 --> 00:06:52,380
I to jest, gdzie trzeba
Twoje opisowe.

136
00:06:52,380 --> 00:06:54,790
>> Więc możesz mieć dokument HTML.

137
00:06:54,790 --> 00:06:59,300
A potem będziesz zamknąć dokument HTML
z backslash samo.

138
00:06:59,300 --> 00:07:01,200
I masz różne rodzaje etykiet.

139
00:07:01,200 --> 00:07:02,730
I zauważ, że wszystkie one są dopasowane.

140
00:07:02,730 --> 00:07:05,300
Musisz jak znacznika body
a następnie zamknij tag ciała.

141
00:07:05,300 --> 00:07:08,620
I wewnątrz znacznika body, które będzie
zawartość swojej stronie internetowej.

142
00:07:08,620 --> 00:07:12,770
Więc ta strona po prostu wyświetlić
na białym tle i czarnym tekstem

143
00:07:12,770 --> 00:07:14,242
Witaj, świecie.

144
00:07:14,242 --> 00:07:17,610
Czy to ma sens?

145
00:07:17,610 --> 00:07:19,500
OK.

146
00:07:19,500 --> 00:07:22,640
>> Teraz mam zamiar szybko
pokrycie JavaScript.

147
00:07:22,640 --> 00:07:26,990
W słowach poprzedniej TF,
"JavaScript jest najlepszy do programowania

148
00:07:26,990 --> 00:07:28,550
język obecnie istnieją.

149
00:07:28,550 --> 00:07:30,520
Inni ludzie będą próbować
powiedzieć inaczej.

150
00:07:30,520 --> 00:07:33,840
Są w błędzie. "JavaScript jest dość
ładne, a pokażę ci, dlaczego.

151
00:07:33,840 --> 00:07:36,620

152
00:07:36,620 --> 00:07:42,380
>> Więc to jest klasyczny przykład zacząć
ze w C. Mamy Witaj, świecie.

153
00:07:42,380 --> 00:07:45,500
I można zauważyć, że nawet jeśli kurczyć
go, trzeba mieć co najmniej dwa

154
00:07:45,500 --> 00:07:46,560
linii kodu tutaj.

155
00:07:46,560 --> 00:07:48,990
Mam kilka linijek kodu.

156
00:07:48,990 --> 00:07:50,160
To może być wykonane w bardzo prosty sposób.

157
00:07:50,160 --> 00:07:53,950
Jedna linia w JavaScript z console.log,
a następnie ciąg,

158
00:07:53,950 --> 00:07:55,340
Witaj, świecie.

159
00:07:55,340 --> 00:07:59,570
>> Teraz, mimo że jesteśmy w drodze do nowego
Język JavaScript, prawie wszystkie

160
00:07:59,570 --> 00:08:02,950
umiejętności nauczyłem przez kodowanie
w C są bezpośrednio przenośny.

161
00:08:02,950 --> 00:08:07,130
Łańcuchy, więc pomysł z ciągów w
cudzysłowy, to samo.

162
00:08:07,130 --> 00:08:08,890
Średnik, to samo.

163
00:08:08,890 --> 00:08:11,190
>> Schludne cechą JavaScript
w rzeczywistości jest to, że ci

164
00:08:11,190 --> 00:08:12,360
nie trzeba średnik.

165
00:08:12,360 --> 00:08:14,950
Może to przypuszczam, że powinny
umieścić średnik tam.

166
00:08:14,950 --> 00:08:18,035
Ale powiedział, że zawsze należy próbować
umieścić swoje średników tam.

167
00:08:18,035 --> 00:08:21,160
Jest uważany za dobry styl.

168
00:08:21,160 --> 00:08:22,650
A także, że nie ma główną funkcją.

169
00:08:22,650 --> 00:08:25,580
Wystarczy uruchomić na początku pliku
rzeczy i przeczytać wiersz po wierszu.

170
00:08:25,580 --> 00:08:28,820

171
00:08:28,820 --> 00:08:32,760
>> To jest to, czego potrzeba, aby
że cześć, Program świat.

172
00:08:32,760 --> 00:08:36,059
I wtedy zauważył, że trzeba
aby przywitać, a następnie uruchomić komentarzy.

173
00:08:36,059 --> 00:08:38,530
Z JavaScript, uważa się to za
interpretowany język.

174
00:08:38,530 --> 00:08:40,780
Co musisz wiedzieć, jest to, że
nie ma decyzji.

175
00:08:40,780 --> 00:08:41,950
>> Nie ma kompilacji.

176
00:08:41,950 --> 00:08:43,440
Wystarczy uruchomić węzeł.

177
00:08:43,440 --> 00:08:47,220
I pamiętaj, węzeł jest program, który
będzie uruchomić JavaScript na konsoli,

178
00:08:47,220 --> 00:08:49,030
na czarnym polu, a nie strony.

179
00:08:49,030 --> 00:08:52,480
Tak po prostu dać mu plik, i to
zamiar wydrukować Witaj świecie.

180
00:08:52,480 --> 00:08:56,750
>> Ja faktycznie trochę demo
że dla was tutaj.

181
00:08:56,750 --> 00:08:59,380
Więc chodźmy do mnie
Node.js terminalu.

182
00:08:59,380 --> 00:09:04,470

183
00:09:04,470 --> 00:09:05,322
OK.

184
00:09:05,322 --> 00:09:06,150
Przejdźmy tutaj.

185
00:09:06,150 --> 00:09:07,930
Więc mam zamiar rozpocząć węzeł.

186
00:09:07,930 --> 00:09:10,230
I pokażę tylko chłopaki w
s jak się, że

187
00:09:10,230 --> 00:09:12,000
zainstalowany, jeśli nie.

188
00:09:12,000 --> 00:09:14,800
Pozwól, że nieco większe.

189
00:09:14,800 --> 00:09:17,800

190
00:09:17,800 --> 00:09:17,870
OK.

191
00:09:17,870 --> 00:09:20,120
Mam nadzieję, że chłopaki widzą.

192
00:09:20,120 --> 00:09:27,390
>> Więc mogę pisać kod tak jak ja
przed w console.log.

193
00:09:27,390 --> 00:09:28,915
Cześć, Roger.

194
00:09:28,915 --> 00:09:31,710

195
00:09:31,710 --> 00:09:35,330
I zauważyć, że nie musisz tego robić
średnik, ale mam to dziwne

196
00:09:35,330 --> 00:09:36,850
niezdefiniowana rzecz.

197
00:09:36,850 --> 00:09:40,310
No faktycznie, nie wspominając o
niezdefiniowana rzecz.

198
00:09:40,310 --> 00:09:43,590
Rzeczy, które chcę, aby zauważyć, jest to, że ci
nie trzeba tu główną funkcję

199
00:09:43,590 --> 00:09:45,050
uruchomić kod działa.

200
00:09:45,050 --> 00:09:46,790
I nie ma końca odwrotny ukośnik.

201
00:09:46,790 --> 00:09:50,683
Jest kilka cech, które niewiele
JavaScript może zrobić dla Ciebie.

202
00:09:50,683 --> 00:09:53,510
>> PUBLICZNOŚCI: [niesłyszalne].

203
00:09:53,510 --> 00:09:54,000
>> ROGER ZURAWICKI: O tak.

204
00:09:54,000 --> 00:09:57,460
Przykro mi z tego powodu.

205
00:09:57,460 --> 00:10:02,200
I strzałka po prostu oznacza, że ​​węzeł
jest gotowe do innego polecenia.

206
00:10:02,200 --> 00:10:05,380
Więc można mieć to zrobić proste
matematyki, jak 1 plus 1.

207
00:10:05,380 --> 00:10:10,360
I tak jak w C, te z matematyki
Symbole są takie same.

208
00:10:10,360 --> 00:10:13,750
Mogę zrobić console.log liczby.

209
00:10:13,750 --> 00:10:15,090
A następnie drukuje dwa.

210
00:10:15,090 --> 00:10:19,000
JavaScript jest miły w tym sensie, ponieważ
chociaż dwa to int,

211
00:10:19,000 --> 00:10:22,020
jak w C, jeśli nie printf z
dwa, że ​​pojawi się błąd.

212
00:10:22,020 --> 00:10:24,140
>> Ale obsługa JavaScript, wie, oh, jesteś
drukowania coś.

213
00:10:24,140 --> 00:10:25,070
Będę potrzebował ciąg.

214
00:10:25,070 --> 00:10:28,410
Więc pozwól mi przekonwertować że dwa
na ciąg dla Ciebie.

215
00:10:28,410 --> 00:10:34,970
I można też zrobić jakiś dziwne rzeczy
jak hi, a następnie plus dwa.

216
00:10:34,970 --> 00:10:39,520
Jest to kolejny przykład, jak dwa
można przekształcić w niej również.

217
00:10:39,520 --> 00:10:45,135
>> Więc z tym z drogi, niech
tylko okładka nieco więcej JavaScript.

218
00:10:45,135 --> 00:10:48,660

219
00:10:48,660 --> 00:10:50,540
Tak w C, mamy typy.

220
00:10:50,540 --> 00:10:53,925
Ilekroć stworzyliśmy nową zmienną, możemy
muszę powiedzieć, że jest to char * lub

221
00:10:53,925 --> 00:10:55,850
ciąg w przypadku CS50.

222
00:10:55,850 --> 00:10:58,350
Lub jeśli mieliśmy liczbę dziesiętną,
musieliśmy powiedzieć pływak.

223
00:10:58,350 --> 00:11:00,690
Jeśli potrzebowaliśmy Boolean,
trzeba było powiedzieć B.

224
00:11:00,690 --> 00:11:04,220
A następnie raz mieliśmy coś, co
został B, miał zostać bool.

225
00:11:04,220 --> 00:11:07,360
Nie mogliśmy zmienić na magicznie
int chyba pisaliśmy w

226
00:11:07,360 --> 00:11:09,450
nawiasy, int B.

227
00:11:09,450 --> 00:11:11,820
>> W JavaScript nie ma rodzajów.

228
00:11:11,820 --> 00:11:13,350
Wystarczy pomyśleć o tym, jak var.

229
00:11:13,350 --> 00:11:15,270
I zmienna jest, jak utworzyć nowy typ.

230
00:11:15,270 --> 00:11:19,210
Więc może mieć var ​​s jest ciągiem znaków,
var n jest pływak,

231
00:11:19,210 --> 00:11:21,230
a zmienna b jest prawdziwe.

232
00:11:21,230 --> 00:11:24,980
I jedna rzecz, że nie można zrobić w C jest
Teraz mogę powiedzieć, po tej linii, b

233
00:11:24,980 --> 00:11:26,230
równa liczbę całkowitą.

234
00:11:26,230 --> 00:11:27,400
I że działa dobrze.

235
00:11:27,400 --> 00:11:30,840
Natomiast w C, jak by to powiedzieć,
Twoja całkowita nie jest bool.

236
00:11:30,840 --> 00:11:32,770
Nie mogę zrobić dla Ciebie.

237
00:11:32,770 --> 00:11:34,050
Lub [niesłyszalne] rzucał błąd.

238
00:11:34,050 --> 00:11:37,970

239
00:11:37,970 --> 00:11:43,420
>> I mogę szybko wrócić do węzła i
pokazać niektóre z tych funkcji.

240
00:11:43,420 --> 00:11:44,960
Więc może mam var a.

241
00:11:44,960 --> 00:11:52,120
Nazywamy to "Jabłko". Teraz podczas drukowania,
Otrzymam ciąg, "Jabłko". Ale mogę

242
00:11:52,120 --> 00:11:54,900
także teraz powiedzieć, jest równa 3.

243
00:11:54,900 --> 00:11:56,610
I zauważyć, że nie ma błędów.

244
00:11:56,610 --> 00:12:00,630
I wynosi obecnie 3.

245
00:12:00,630 --> 00:12:01,880
Wszelkie pytania do tej pory?

246
00:12:01,880 --> 00:12:07,030

247
00:12:07,030 --> 00:12:07,570
Tak.

248
00:12:07,570 --> 00:12:10,780
>> PUBLICZNOŚCI: Czekaj, więc console.log
jest w zasadzie printf, prawda?

249
00:12:10,780 --> 00:12:12,180
>> ROGER ZURAWICKI: console.log
Twój printf.

250
00:12:12,180 --> 00:12:12,652
>> PUBLICZNOŚCI: Prawo.

251
00:12:12,652 --> 00:12:17,844
Więc jak to się stało, czy po prostu wpisać w ośmiu
lub [niesłyszalne], co to

252
00:12:17,844 --> 00:12:18,790
[Niesłyszalne]?

253
00:12:18,790 --> 00:12:19,160
>> ROGER ZURAWICKI: Prawo.

254
00:12:19,160 --> 00:12:21,690
Tak to jest -

255
00:12:21,690 --> 00:12:24,240
rzeczy w zieleni zostanie wydrukowany
na konsoli.

256
00:12:24,240 --> 00:12:27,050
A co zobaczymy dalej jest
kiedy ruszamy w internecie

257
00:12:27,050 --> 00:12:29,300
strony, nie będzie robić -

258
00:12:29,300 --> 00:12:32,650
Będzie obsługa JavaScript jest o HTML
szablon, który omówię w

259
00:12:32,650 --> 00:12:34,730
Część Meteor seminarium.

260
00:12:34,730 --> 00:12:38,730
I w tym miejscu można powiedzieć, daj mi
wartość, i to umieścić in

261
00:12:38,730 --> 00:12:39,920
Twoja strona.

262
00:12:39,920 --> 00:12:42,520
Ponieważ każda przeglądarka faktycznie
ma trochę konsolę.

263
00:12:42,520 --> 00:12:46,380
A jeśli wyglądał bardzo uważnie,
by uzyskać informacje, jak twój

264
00:12:46,380 --> 00:12:51,210
printf to pojawia się tam z
każda strona załadować.

265
00:12:51,210 --> 00:12:53,580
>> PUBLICZNOŚCI: Jak się dostać
do ekranu powłoki?

266
00:12:53,580 --> 00:12:57,680
>> ROGER ZURAWICKI: Więc jest polecenie
zwany węzeł, a chodzi o Meteor.

267
00:12:57,680 --> 00:13:01,230
Więc ja po prostu wyjść stamtąd.

268
00:13:01,230 --> 00:13:03,580
Węzeł jest program, który
działa JavaScript.

269
00:13:03,580 --> 00:13:07,070
Jeśli pójdziesz do meteor.com, ty
można zainstalować Meteor i

270
00:13:07,070 --> 00:13:08,480
Meteoryt pochodzi z węzła.

271
00:13:08,480 --> 00:13:11,470
Ponieważ Meteor to tylko zbiór
wszystkich tych pakietów oprogramowania.

272
00:13:11,470 --> 00:13:15,280
Kiedy dotrzemy do naszego przykładu, będę
chodzić wszystkim poprzez instalowanie

273
00:13:15,280 --> 00:13:17,625
Meteor, a następnie można grać
z węzła siebie.

274
00:13:17,625 --> 00:13:22,154

275
00:13:22,154 --> 00:13:23,980
OK, świetnie.

276
00:13:23,980 --> 00:13:29,640
>> Więc kolejny świetny cechą pracy
z JavaScript się pętle są takie same.

277
00:13:29,640 --> 00:13:31,430
Prawie dokładnie tak samo.

278
00:13:31,430 --> 00:13:35,530
Pętli, podczas gdy pętle, zrobić
podczas gdy pętle, jeśli inny.

279
00:13:35,530 --> 00:13:36,880
To wszystko samo z szelkami.

280
00:13:36,880 --> 00:13:38,540
To ta sama składnia.

281
00:13:38,540 --> 00:13:41,350
W przypadku pętli, trochę
szczegół, że trzeba zwrócić uwagę

282
00:13:41,350 --> 00:13:45,340
na jest zamiast int i jest równe 0,
mamy do powiedzenia var i jest równa 0.

283
00:13:45,340 --> 00:13:49,580
Ale to dlatego, że zmienne
Typy że rozmawialiśmy wcześniej.

284
00:13:49,580 --> 00:13:53,360
>> Zauważ, że printf staje
dziennika, console.log.

285
00:13:53,360 --> 00:13:57,370
I nie musimy robić procent
str. odwrotny ukośnik n, a następnie przechodzą w I.

286
00:13:57,370 --> 00:13:58,380
Można tylko powiedzieć, że.

287
00:13:58,380 --> 00:14:01,910
I to wydrukować numery
od zera do czterech.

288
00:14:01,910 --> 00:14:04,830
Jeśli chcecie spróbować, bo
Ci wychowani dobry punkt.

289
00:14:04,830 --> 00:14:08,730
Jeśli chcesz uruchomić ten kod na swojej
własnej przeglądarki, polecam,

290
00:14:08,730 --> 00:14:11,040
każdy otwiera Google Chrome.

291
00:14:11,040 --> 00:14:14,220
Google Chrome lub dowolnej przeglądarki internetowej tak naprawdę,
ale lubię Google Chrome

292
00:14:14,220 --> 00:14:17,350
bo to bardzo ujednolicone.

293
00:14:17,350 --> 00:14:24,240
>> Możesz przejść do, moim zdaniem, jeśli prawo
kliknij na dowolnej stronie internetowej, wystarczy w

294
00:14:24,240 --> 00:14:26,880
białe znaki, zobaczysz opcję
nazywa Zbadaj element.

295
00:14:26,880 --> 00:14:28,810
Jest to zazwyczaj ostatni.

296
00:14:28,810 --> 00:14:32,630
I po kliknięciu go, należy uzyskać
co do dołu pojawiają się tutaj.

297
00:14:32,630 --> 00:14:35,840

298
00:14:35,840 --> 00:14:37,780
Pozwól mi przybliżyć tutaj.

299
00:14:37,780 --> 00:14:41,390
I mamy tu kilka zakładek.

300
00:14:41,390 --> 00:14:43,580
Jeden dbasz o to konsola.

301
00:14:43,580 --> 00:14:48,820
>> I to jest konsola JavaScript
że można teraz pracować.

302
00:14:48,820 --> 00:14:49,370
Świetnie.

303
00:14:49,370 --> 00:14:52,560
Więc mogę wpisać te same rzeczy
Pisałem wcześniej w węźle.

304
00:14:52,560 --> 00:14:54,790
Jeden plus jeden jest dwa.

305
00:14:54,790 --> 00:14:59,110
Var jest równa "Apple".

306
00:14:59,110 --> 00:15:03,430
A potem wydrukować,
i jest "Apple".

307
00:15:03,430 --> 00:15:08,760
Więc w dowolnej przeglądarce internetowej, Firefox, Chrome,
Safari, co użyć, jak

308
00:15:08,760 --> 00:15:11,240
długo, jak masz dostęp do kodu JavaScript
konsoli sam rodzaj

309
00:15:11,240 --> 00:15:15,520
Kod biegałam w węźle można
może pracować w swoim własnym konsoli.

310
00:15:15,520 --> 00:15:17,530
>> PUBLICZNOŚCI: [niesłyszalne]?

311
00:15:17,530 --> 00:15:18,690
>> ROGER ZURAWICKI: Jak
dostać się do konsoli?

312
00:15:18,690 --> 00:15:22,880
Musisz kliknąć prawym przyciskiem myszy na puste miejsce
na stronie, a następnie udać się do

313
00:15:22,880 --> 00:15:26,100
Zbadaj element.

314
00:15:26,100 --> 00:15:28,290
Tak naprawdę, chciałbym żebyście
po prostu upewnij się, że może

315
00:15:28,290 --> 00:15:29,860
Zbadaj element w Chrome.

316
00:15:29,860 --> 00:15:32,630
I zobaczyć po wpisaniu w niektórych
Kod do konsoli

317
00:15:32,630 --> 00:15:33,880
, że działa poprawnie.

318
00:15:33,880 --> 00:16:15,820

319
00:16:15,820 --> 00:16:18,430
Zapraszam do zadawania pytań, jeśli
coś nie jest jasne, tutaj.

320
00:16:18,430 --> 00:16:23,340

321
00:16:23,340 --> 00:16:24,590
>> PUBLICZNOŚCI: [niesłyszalne].

322
00:16:24,590 --> 00:16:27,280

323
00:16:27,280 --> 00:16:28,200
>> ROGER ZURAWICKI: Każdy typ, prawda.

324
00:16:28,200 --> 00:16:31,370
Jest tylko jeden typ do wszystkich
zmienne w JavaScript.

325
00:16:31,370 --> 00:16:34,160
A kiedy trzeba zadeklarować
zmienna, można powiedzieć var.

326
00:16:34,160 --> 00:16:35,410
>> PUBLICZNOŚCI: [niesłyszalne].

327
00:16:35,410 --> 00:16:39,010

328
00:16:39,010 --> 00:16:40,050
>> ROGER ZURAWICKI: Tak.

329
00:16:40,050 --> 00:16:43,730
Tak, ale w JavaScript, to bardzo
inteligentne o alokacji pamięci.

330
00:16:43,730 --> 00:16:44,600
Nie ma malloc.

331
00:16:44,600 --> 00:16:45,780
Nie ma za darmo.

332
00:16:45,780 --> 00:16:48,490
Więc nie musisz się o to martwić.

333
00:16:48,490 --> 00:16:51,140
To kolejna miła funkcja, która
JavaScript oferuje.

334
00:16:51,140 --> 00:16:56,990

335
00:16:56,990 --> 00:16:58,440
>> Więc chciałbym, aby przejść dalej.

336
00:16:58,440 --> 00:17:01,360
Czy tak jest dobrze?

337
00:17:01,360 --> 00:17:02,610
OK.

338
00:17:02,610 --> 00:17:04,780

339
00:17:04,780 --> 00:17:07,720
Świetnie.

340
00:17:07,720 --> 00:17:10,660
>> PUBLICZNOŚCI: Ja tylko kłopoty
znalezienie [? Zbadaj element. ?]

341
00:17:10,660 --> 00:17:13,609

342
00:17:13,609 --> 00:17:16,250
>> ROGER ZURAWICKI: Tak wygląda Safari
nieco inny, ale ty

343
00:17:16,250 --> 00:17:18,599
mają Chrome lub Firefox?

344
00:17:18,599 --> 00:17:21,619
Są łatwiejsze
ci do pracy.

345
00:17:21,619 --> 00:17:25,079
A dla projektów, polecam
trzyma się jednej przeglądarce, ponieważ

346
00:17:25,079 --> 00:17:29,610
dostaniesz dużo błędów prawie
bo co traktuje przeglądarek

347
00:17:29,610 --> 00:17:31,980
JavaScript HTML trochę inaczej.

348
00:17:31,980 --> 00:17:35,170
Więc myślę, że twoje życie będzie dużo
łatwiejsze, jeśli trzymać się Chrome, ponieważ

349
00:17:35,170 --> 00:17:37,052
jest dostępny na wszystkich komputerach.

350
00:17:37,052 --> 00:17:38,790
I to jest dość popularne przeglądarki.

351
00:17:38,790 --> 00:17:59,860

352
00:17:59,860 --> 00:18:01,110
OK?

353
00:18:01,110 --> 00:18:03,310

354
00:18:03,310 --> 00:18:06,370
>> Więc następny temat, że powinniśmy
pokrycie w JavaScript -

355
00:18:06,370 --> 00:18:07,730
Przepraszam o formatowaniu tutaj.

356
00:18:07,730 --> 00:18:11,630
Musiałem naciągnąć slajdy pasujące
projektor panoramiczny.

357
00:18:11,630 --> 00:18:14,750
Ale ja teraz chcę mówić o
jak zrobić funkcje.

358
00:18:14,750 --> 00:18:17,410
W C, musimy zadeklarować
każda funkcja.

359
00:18:17,410 --> 00:18:22,130
Jak int dodać, a to trwa int do
x, i int y, a następnie dodać je

360
00:18:22,130 --> 00:18:23,100
i zwraca go.

361
00:18:23,100 --> 00:18:26,850
>> W JavaScript, funkcje są rzeczywiście
inny typ zmiennej.

362
00:18:26,850 --> 00:18:30,560
Więc po prostu powiedzieć var ​​dodać, a
jest równa funkcji.

363
00:18:30,560 --> 00:18:32,580
Funkcja, która zajmuje x i y.

364
00:18:32,580 --> 00:18:33,790
I co to funkcja zrobić?

365
00:18:33,790 --> 00:18:39,910
Zwraca X plus Y w dokładnie taki sam
Składnia jak w C i można zauważyć, że w

366
00:18:39,910 --> 00:18:44,290
Obsługę JavaScript w przeglądarce, nie będzie mówił, co
Funkcja zwraca, bo od

367
00:18:44,290 --> 00:18:49,160
zmienne nie mają rodzajów i tak, że
to naprawdę nie jest produktywna, jak sądzę,

368
00:18:49,160 --> 00:18:52,855
do określania wszystkich Twoich
typy w swoich funkcjach.

369
00:18:52,855 --> 00:18:55,720

370
00:18:55,720 --> 00:18:59,565
A potem, gdy wywołanie funkcji, to
dokładnie taki sam, jak C. Ciebie składnia

371
00:18:59,565 --> 00:19:03,610
po prostu przekazać w swoich dwóch argumentów.

372
00:19:03,610 --> 00:19:07,330
Chciałbym spróbować tego w moim węźle.

373
00:19:07,330 --> 00:19:09,284
Czy mogę zmienić slajd?

374
00:19:09,284 --> 00:19:10,534
>> PUBLICZNOŚCI: [niesłyszalne].

375
00:19:10,534 --> 00:19:14,639

376
00:19:14,639 --> 00:19:17,000
Dostaniemy kopię slajdów?

377
00:19:17,000 --> 00:19:18,250
>> ROGER ZURAWICKI: Tak.

378
00:19:18,250 --> 00:19:28,280

379
00:19:28,280 --> 00:19:29,956
Więc wróćmy do węzła.

380
00:19:29,956 --> 00:19:32,240
OK.

381
00:19:32,240 --> 00:19:38,160
Więc powiem var funkcji Dodaj równa.

382
00:19:38,160 --> 00:19:40,650
Biorąc X, biorąc y.

383
00:19:40,650 --> 00:19:43,690
I to wie, że oświadczenie jest
nie zakończone.

384
00:19:43,690 --> 00:19:47,692
Więc w węźle lub w konsoli,
zauważysz, kropka kropka kropka.

385
00:19:47,692 --> 00:19:49,660
Dzięki czemu można zachować wpisując swój kod.

386
00:19:49,660 --> 00:19:53,650
A teraz powiem powrót X plus Y.

387
00:19:53,650 --> 00:19:54,790
I zamknij nawias.

388
00:19:54,790 --> 00:20:00,260
I moment zamykam nawias, to
uważa, że ​​oświadczenie jest zakończona.

389
00:20:00,260 --> 00:20:04,730
>> I teraz mogę powiedzieć, dodać jeden i dwa.

390
00:20:04,730 --> 00:20:08,280
A ja mam trzy z.

391
00:20:08,280 --> 00:20:11,545
Należy pamiętać, że jeśli po prostu nie dodać, że
mówi mi, że jest to funkcja.

392
00:20:11,545 --> 00:20:14,630

393
00:20:14,630 --> 00:20:19,570
I jedno tylko zwrócić uwagę na
jest, jeśli dać mu złą liczbę

394
00:20:19,570 --> 00:20:23,380
argumenty, to pozwoli.

395
00:20:23,380 --> 00:20:25,890
To będzie działać, ale możesz dostać
niektóre bardzo dziwne wyniki.

396
00:20:25,890 --> 00:20:30,070
Jakby wartości śmieci,
można myśleć.

397
00:20:30,070 --> 00:20:32,060
Więc proszę iść do przodu i spróbować
to w swoich przeglądarkach.

398
00:20:32,060 --> 00:21:25,180

399
00:21:25,180 --> 00:21:29,510
>> OK, więc w interesie czas, będę
teraz przechodzimy do kolejnych funkcji w

400
00:21:29,510 --> 00:21:30,760
JavaScript.

401
00:21:30,760 --> 00:21:36,520

402
00:21:36,520 --> 00:21:38,400
Więc rozmawialiśmy o funkcjach.

403
00:21:38,400 --> 00:21:40,840
Rozmawialiśmy o pętlach,
if też.

404
00:21:40,840 --> 00:21:43,660
Składnia jest taka sama
jak C i zmiennych.

405
00:21:43,660 --> 00:21:46,090
I teraz chcę mówić o tablicach.

406
00:21:46,090 --> 00:21:48,520
Przykro mi, że slajdy
ale nieco obcięte.

407
00:21:48,520 --> 00:21:52,470
Jednak w rzeczywistości, w pierwszej sekcji
wszystko trzeba będzie działać.

408
00:21:52,470 --> 00:21:55,410
>> Więc mamy dla innego typu
zmienne zwane tablice.

409
00:21:55,410 --> 00:21:57,930
I używamy nawiasów kwadratowych
ich oznaczenia.

410
00:21:57,930 --> 00:22:01,960
Tak więc w pierwszym przykładzie
var arr, pusta tablica.

411
00:22:01,960 --> 00:22:05,900
Ta lista jest pusta, więc tablica
zawierające żadnych elementów.

412
00:22:05,900 --> 00:22:09,770
I można mieć tablicę
z trzech łańcuchów.

413
00:22:09,770 --> 00:22:13,290
W C, każdy element w tablicy
musiał być tego samego typu.

414
00:22:13,290 --> 00:22:16,940
>> Ale dlatego, że w JavaScript istnieje tylko
jeden typ, tablice mogą rzeczywiście

415
00:22:16,940 --> 00:22:18,510
mają różne typy wartości.

416
00:22:18,510 --> 00:22:22,220
Jak tutaj, mamy tablicę z
float bool i int.

417
00:22:22,220 --> 00:22:25,020

418
00:22:25,020 --> 00:22:28,510
Sposób można uzyskać długość tablicy,
w rzeczywistości nie trzeba używać rozmiaru

419
00:22:28,510 --> 00:22:29,030
czy coś.

420
00:22:29,030 --> 00:22:31,570
Wystarczy powiedzieć, tablicę i
następnie dot długości.

421
00:22:31,570 --> 00:22:36,450
I ta długość kropki, można myśleć
to trochę jak struct, jak każdy

422
00:22:36,450 --> 00:22:40,890
Tablica ma pole, dodatkowa zmienna
wewnątrz niego nazywa długość, która

423
00:22:40,890 --> 00:22:42,910
śledzi, jak długo tablica jest.

424
00:22:42,910 --> 00:22:47,280

425
00:22:47,280 --> 00:22:50,420
>> Więc ja tylko szybko pójdzie w
węzeł i pokazać wam to samo.

426
00:22:50,420 --> 00:22:55,860

427
00:22:55,860 --> 00:22:58,050
Więc może mam tablicę.

428
00:22:58,050 --> 00:23:00,280
To może być pusta lista.

429
00:23:00,280 --> 00:23:02,030
I to mi wydrukować
kopię pustą listę.

430
00:23:02,030 --> 00:23:02,530
Świetnie.

431
00:23:02,530 --> 00:23:08,560
Teraz mogę powiedzieć, że tablica
ma 1 i 2.3, i prawda.

432
00:23:08,560 --> 00:23:10,400
Więc wszystkie typy.

433
00:23:10,400 --> 00:23:11,740
I można zauważyć, że działa dobrze.

434
00:23:11,740 --> 00:23:16,330
Tablica wrócę wsporniki
wszystkie wartości dałem.

435
00:23:16,330 --> 00:23:20,440
>> Gdybym chciał się pierwszy element
tablica, składnia jest właściwie

436
00:23:20,440 --> 00:23:22,980
taki sam jak w C Ty
Można powiedzieć, tablicę zera.

437
00:23:22,980 --> 00:23:24,430
I dostać jeden.

438
00:23:24,430 --> 00:23:27,920
Mogę powiedzieć to samo na tablicy
dwa, a ja się prawdą.

439
00:23:27,920 --> 00:23:31,610
Jeśli zrobię coś poza tablicy,
JavaScript jest bezpieczny język

440
00:23:31,610 --> 00:23:33,390
bo nie dostanie winy seg.

441
00:23:33,390 --> 00:23:34,780
Wezmę niezdefiniowane.

442
00:23:34,780 --> 00:23:37,510
>> I to nieokreślone, można rodzaj
z myślą o tym, jak null.

443
00:23:37,510 --> 00:23:41,390
Ale to może być naprawdę irytujące, kiedy
Kod, ponieważ będziesz musiał sprawdzić,

444
00:23:41,390 --> 00:23:43,880
prawie wszystko, co robisz, jesteś
pracy z jest niezdefiniowana.

445
00:23:43,880 --> 00:23:47,700
I zobaczymy kilka przykładów
to, gdy pracujemy w Meteor.

446
00:23:47,700 --> 00:23:50,600
>> Chociaż tablica cztery jest nieokreślone,
Można przypisać mu wartość.

447
00:23:50,600 --> 00:23:52,570
Więc mówię, że równa się jeden.

448
00:23:52,570 --> 00:23:57,050
A potem, jeśli pójdę do tablicy, to
mają dodatkową wartość istnieje.

449
00:23:57,050 --> 00:24:02,470
I zauważyć, że tablica, która także trzy
została zdefiniowana, pozostaje niezdefiniowane.

450
00:24:02,470 --> 00:24:05,690
Więc teraz mam tablicę z
dziura w środku.

451
00:24:05,690 --> 00:24:07,750
Ale jeśli drukowane tablicy cztery,
Chciałbym dostać.

452
00:24:07,750 --> 00:24:10,960
Jeśli zrobiłem tablicę trzy, mam nieokreślone.

453
00:24:10,960 --> 00:24:13,880
>> Tak miło funkcja JavaScript
pozwala zrobić to, że listy można

454
00:24:13,880 --> 00:24:15,620
zmienić rozmiar.

455
00:24:15,620 --> 00:24:18,520
Tablice, tablice jako listy,
zmieniają rozmiar.

456
00:24:18,520 --> 00:24:22,480
Można podać dowolną lokalizację
wewnątrz nich.

457
00:24:22,480 --> 00:24:25,370
I wszystkie szczeliny zostaną wypełnione
z tych wartości niezdefiniowanych.

458
00:24:25,370 --> 00:24:31,560

459
00:24:31,560 --> 00:24:33,450
>> Więc rozmawialiśmy o tablicach.

460
00:24:33,450 --> 00:24:37,050
Teraz ostatnia rzecz, chcę na pokrycie
JavaScript, co jest bardzo ważne

461
00:24:37,050 --> 00:24:39,550
do zrozumienia, że ​​kod
Mam zamiar pokazać,

462
00:24:39,550 --> 00:24:41,530
będzie obiekty.

463
00:24:41,530 --> 00:24:45,140
I obiekty Określenie w -

464
00:24:45,140 --> 00:24:47,380
Zasadniczo występują one w
wiele języków programowania.

465
00:24:47,380 --> 00:24:50,620
A każdy język programowania lubi
myśleć o nich trochę inaczej.

466
00:24:50,620 --> 00:24:55,050
>> Ale myślę, że dla Meteor, dobry
Analogia jest C struct.

467
00:24:55,050 --> 00:24:59,410
W C, jeśli chcemy znaleźć struct
Student, musielibyśmy określić wszystkie

468
00:24:59,410 --> 00:25:00,240
rzeczy w środku.

469
00:25:00,240 --> 00:25:01,440
Więc musi to mieć nazwę.

470
00:25:01,440 --> 00:25:02,140
Musi mieć lat.

471
00:25:02,140 --> 00:25:03,650
Musi mieć płci.

472
00:25:03,650 --> 00:25:07,350
Ale musimy także dać
rodzaje tych wszystkich rzeczy.

473
00:25:07,350 --> 00:25:11,200
>> A teraz, że mamy tę formę do
struktura nazywa uczeń, możemy mieć

474
00:25:11,200 --> 00:25:14,640
Nowa struktura, a następnie możemy ręcznie
powiedzieć, co każde z pól są.

475
00:25:14,640 --> 00:25:17,740
I to, gdzie używamy kropki nazwę,
kropka roku dot płci.

476
00:25:17,740 --> 00:25:21,930
I wtedy właśnie, w ostatnim wierszu
kod tutaj, ja tylko drukowanie

477
00:25:21,930 --> 00:25:24,980
Nazwa studenta struct.

478
00:25:24,980 --> 00:25:28,220
>> W świecie JavaScript, istnieje
nie ma czegoś takiego, jak uczeń struct.

479
00:25:28,220 --> 00:25:30,660
Nie generują zaprogramowaną strukturę.

480
00:25:30,660 --> 00:25:34,680
Tak naprawdę tylko w tych nawiasach,
można powiedzieć, co wszystko jest.

481
00:25:34,680 --> 00:25:40,680
I to jest ten dziwny zapis z
jelita grubego, a następnie przecinek, ale będziesz

482
00:25:40,680 --> 00:25:41,810
przyzwyczaić się do tego wystarczająco szybko.

483
00:25:41,810 --> 00:25:44,930
>> I to jest rzeczywiście bardzo proste,
elastyczny sposób po prostu

484
00:25:44,930 --> 00:25:47,400
manipulowania obiektami.

485
00:25:47,400 --> 00:25:51,270
Można zauważyć, że jeśli chcę się dostać
Nazwa od s, po prostu zrobić s.name.

486
00:25:51,270 --> 00:25:54,090

487
00:25:54,090 --> 00:25:56,790
Czy są jakieś pytania dotyczące tego produktu?

488
00:25:56,790 --> 00:26:00,260
Zazwyczaj jest bardzo mylące
temat, gdy wprowadzamy ludzi

489
00:26:00,260 --> 00:26:02,280
JavaScript.

490
00:26:02,280 --> 00:26:04,110
Zrobię kilka przykładów tego, w węźle.

491
00:26:04,110 --> 00:26:05,010
Tak?

492
00:26:05,010 --> 00:26:06,260
>> PUBLICZNOŚCI: [niesłyszalne].

493
00:26:06,260 --> 00:26:14,130

494
00:26:14,130 --> 00:26:16,230
>> ROGER ZURAWICKI: Tak jak ty
mają Przykładowo, stwardnienie

495
00:26:16,230 --> 00:26:18,764
Zmienne tego typu.

496
00:26:18,764 --> 00:26:20,014
>> PUBLICZNOŚCI: [niesłyszalne].

497
00:26:20,014 --> 00:26:23,540

498
00:26:23,540 --> 00:26:24,790
>> PUBLICZNOŚCI: [niesłyszalne].

499
00:26:24,790 --> 00:26:37,610

500
00:26:37,610 --> 00:26:39,450
>> ROGER ZURAWICKI: OK.

501
00:26:39,450 --> 00:26:43,760
Sądzę więc, że sposób, by go o to
chcesz umieścić obiekty w tablicy,

502
00:26:43,760 --> 00:26:45,340
i teraz musisz
Tablica obiektów.

503
00:26:45,340 --> 00:26:47,547
Czy to wyjaśniło Twoje pytanie?

504
00:26:47,547 --> 00:26:48,797
>> PUBLICZNOŚCI: [niesłyszalne].

505
00:26:48,797 --> 00:26:50,890

506
00:26:50,890 --> 00:26:51,260
>> ROGER ZURAWICKI: Tak.

507
00:26:51,260 --> 00:26:52,430
S to jeden obiekt.

508
00:26:52,430 --> 00:26:57,455
Więc możemy przejść do węzła i tylko
poeksperymentować trochę.

509
00:26:57,455 --> 00:26:58,705
>> PUBLICZNOŚCI: [niesłyszalne]?

510
00:26:58,705 --> 00:27:04,880

511
00:27:04,880 --> 00:27:05,440
>> ROGER ZURAWICKI: Oh, OK.

512
00:27:05,440 --> 00:27:10,660
Więc jeśli pytasz co zajęcia są,
Zajęcia są traktowane bardzo różnie,

513
00:27:10,660 --> 00:27:14,510
i mają bardzo dziwny system
nazywa prototypów, które nie

514
00:27:14,510 --> 00:27:15,620
trzeba wiedzieć.

515
00:27:15,620 --> 00:27:17,910
Nie ma ustalony sposób to zrobić.

516
00:27:17,910 --> 00:27:21,160
Więc jeśli chcesz, aby wygenerować wiele, ci
to po prostu rodzaj posiada funkcję

517
00:27:21,160 --> 00:27:22,100
czy coś.

518
00:27:22,100 --> 00:27:24,340
Wygenerować własną funkcję.

519
00:27:24,340 --> 00:27:26,765
I może zwrócić obiekt.

520
00:27:26,765 --> 00:27:29,550
To byłoby najprostszym
sposób to zrobić.

521
00:27:29,550 --> 00:27:32,454
Czy to ma sens?

522
00:27:32,454 --> 00:27:33,704
OK.

523
00:27:33,704 --> 00:27:36,182

524
00:27:36,182 --> 00:27:36,650
Świetnie.

525
00:27:36,650 --> 00:27:39,820
Więc raz mamy zrozumienie
JavaScript obiekty, są -

526
00:27:39,820 --> 00:27:41,082
och, tak.

527
00:27:41,082 --> 00:27:42,026
>> PUBLICZNOŚCI: [niesłyszalne]

528
00:27:42,026 --> 00:27:45,802
Na przykład, jaka jest różnica między
"Roger" w porównaniu z cudzysłowy

529
00:27:45,802 --> 00:27:47,510
[Niesłyszalne] w pojedynczych cudzysłowach.

530
00:27:47,510 --> 00:27:47,810
>> ROGER ZURAWICKI: OK.

531
00:27:47,810 --> 00:27:52,730
Tak to jest w C, mamy singiel
cytaty reprezentujące znaki i podwójne

532
00:27:52,730 --> 00:27:54,550
cytaty stanowiące ciągi.

533
00:27:54,550 --> 00:27:57,920
JavaScript rzeczywiście rzuca to z dala
bo możesz mieć ciągi

534
00:27:57,920 --> 00:28:01,570
pojedyncze lub podwójne cudzysłowy, a tam
nie ma czegoś takiego, jak jednym char.

535
00:28:01,570 --> 00:28:04,400
Ale jeśli po prostu kopiowane sam
Kod C, JavaScript byłoby

536
00:28:04,400 --> 00:28:05,610
traktować go po prostu w porządku.

537
00:28:05,610 --> 00:28:07,710
I dlatego traktuje go jako -

538
00:28:07,710 --> 00:28:12,540
dlatego mogę dosłownie portu
Kod w tym sensie.

539
00:28:12,540 --> 00:28:15,420
>> I chcę pokazać wam przykład
o bardziej skomplikowanych obiektów.

540
00:28:15,420 --> 00:28:19,890
Tak więc można zauważyć, że jeden obiekt
może mieć ciągi jako wartości.

541
00:28:19,890 --> 00:28:21,530
Może mieć innej listy wartości.

542
00:28:21,530 --> 00:28:23,820
To może mieć listę
obiektów jako wartości.

543
00:28:23,820 --> 00:28:25,870
Naprawdę nie ma ograniczeń co do tego.

544
00:28:25,870 --> 00:28:29,070
Więc, to jest po prostu dobry pokaz
w jaki sposób można uzyskać wiele

545
00:28:29,070 --> 00:28:33,290
dzieje się różne typy
w jednym obiekcie.

546
00:28:33,290 --> 00:28:34,540
Czy to ma sens?

547
00:28:34,540 --> 00:28:41,090

548
00:28:41,090 --> 00:28:44,700
>> Teraz możesz również
tablice obiektów.

549
00:28:44,700 --> 00:28:48,530
I tu jest trochę podobne do tego, co
zapytał, czy można mieć obiekty

550
00:28:48,530 --> 00:28:49,190
samego typu.

551
00:28:49,190 --> 00:28:52,960
Ale problemem jest to, że nie ma stałego
Format dla obiektów w JavaScript.

552
00:28:52,960 --> 00:28:55,020
Więc trzeba im określić siebie.

553
00:28:55,020 --> 00:28:57,600
I trzeba się upewnić,
że są one jednolite.

554
00:28:57,600 --> 00:29:00,410
Więc, kiedy utworzyć obiekt, mam
aby upewnić się, że każdy z nich ma

555
00:29:00,410 --> 00:29:01,910
Imię i nazwisko, a każdy z nich ma dom.

556
00:29:01,910 --> 00:29:05,620
>> A potem mam tablicę z tych,
i to może być moja chata.

557
00:29:05,620 --> 00:29:08,290
I to tutaj możesz rodzaj
zobacz na pętli dzieje.

558
00:29:08,290 --> 00:29:14,090
Dla pętli jest tylko bardzo powszechne
sposób, aby przechodzić na tablicę

559
00:29:14,090 --> 00:29:15,150
w JavaScript.

560
00:29:15,150 --> 00:29:18,010
Zauważ, że ten wzór jest bardzo podobny
do równowartości C, gdzie

561
00:29:18,010 --> 00:29:21,470
mają int i jest równa zeru. ja
jest mniejsza niż długość.

562
00:29:21,470 --> 00:29:23,634
I wtedy Plus Plus.

563
00:29:23,634 --> 00:29:26,035
>> To niemal ten sam kod,
z wyjątkiem kilku szczegółach.

564
00:29:26,035 --> 00:29:29,460

565
00:29:29,460 --> 00:29:33,120
Więc nie wszyscy rozumieją
co obiekt jest?

566
00:29:33,120 --> 00:29:35,820
Pomyśl o tym jak o C struktury.

567
00:29:35,820 --> 00:29:38,784
I sposób uzyskać dostęp do pól
tylko z kropką.

568
00:29:38,784 --> 00:29:41,950
I tak długo, jak to możliwe, jak
używać kropki, wszystko będzie w porządku.

569
00:29:41,950 --> 00:29:55,300

570
00:29:55,300 --> 00:29:58,790
>> OK, więc teraz może każdy
Przeczytałem, że link?

571
00:29:58,790 --> 00:30:02,220
To jest link do projektu.

572
00:30:02,220 --> 00:30:04,950
Czy ktoś kłopoty
widząc link?

573
00:30:04,950 --> 00:30:06,251
OK, zmieńmy go potem.

574
00:30:06,251 --> 00:30:14,430

575
00:30:14,430 --> 00:30:15,680
To nie jest -

576
00:30:15,680 --> 00:30:21,900

577
00:30:21,900 --> 00:30:24,240
Tak, to jest to chyba
Najprostszym sposobem, aby to zrobić.

578
00:30:24,240 --> 00:30:32,390

579
00:30:32,390 --> 00:30:34,560
Świetnie.

580
00:30:34,560 --> 00:30:38,270
>> Więc jeśli będziesz w tym miejscu, nie powinna
być pewne wskazówki, że będę

581
00:30:38,270 --> 00:30:42,550
przejść na jak możemy zainstalować Meteor
i dostać nasze funkcjonowanie projektu próbka.

582
00:30:42,550 --> 00:30:47,900

583
00:30:47,900 --> 00:30:50,180
Chcę upewnić się, każdy ma
Link zanim przejdę.

584
00:30:50,180 --> 00:31:16,250

585
00:31:16,250 --> 00:31:17,500
Czy mogę przejść?

586
00:31:17,500 --> 00:31:20,683

587
00:31:20,683 --> 00:31:23,680
OK, świetnie.

588
00:31:23,680 --> 00:31:25,890
>> Więc jestem tutaj, na stronie internetowej.

589
00:31:25,890 --> 00:31:28,740
Zauważysz w pliku readme,
mamy kilka wskazówek, w jaki sposób

590
00:31:28,740 --> 00:31:30,200
aby th skonfigurować.

591
00:31:30,200 --> 00:31:33,920
Musisz być w CS50
urządzenia lub po prostu na komputerze Mac.

592
00:31:33,920 --> 00:31:35,330
Windows nie będzie działać.

593
00:31:35,330 --> 00:31:37,760
Ale w zasadzie wszystko, co nie jest
Okna powinny pracować z nich

594
00:31:37,760 --> 00:31:39,820
Instrukcje dobrze.

595
00:31:39,820 --> 00:31:41,470
Ale mogę to zrobić nieco
większe, jak również.

596
00:31:41,470 --> 00:31:45,610

597
00:31:45,610 --> 00:31:48,820
>> Więc można uruchomić pierwszy
Para poleceń.

598
00:31:48,820 --> 00:31:50,450
Ci faceci po prostu zainstalować Meteor.

599
00:31:50,450 --> 00:31:54,870

600
00:31:54,870 --> 00:31:58,530
Mogę iść do mojego terminalu.

601
00:31:58,530 --> 00:32:02,710
I jeśli uruchomię to samo teraz,
Mam już zainstalowany.

602
00:32:02,710 --> 00:32:03,710
Więc jest nieco krótszy.

603
00:32:03,710 --> 00:32:05,155
Może to potrwać nieco dłużej
dla was.

604
00:32:05,155 --> 00:32:08,160

605
00:32:08,160 --> 00:32:13,530
Ale chcę najpierw upewnij
że mamy Meteor bieg.

606
00:32:13,530 --> 00:32:16,780
Po zainstalowaniu Meteor, należy
móc uzyskać węzła w konsoli.

607
00:32:16,780 --> 00:32:19,430
>> PUBLICZNOŚCI: Pytają
o hasło.

608
00:32:19,430 --> 00:32:22,110
>> ROGER ZURAWICKI: To będzie Twój
hasło użytkownika, jeśli na komputerze Mac.

609
00:32:22,110 --> 00:32:27,030
To po prostu potrzebuje pozwolenie na
zmodyfikować pewne pliki systemowe.

610
00:32:27,030 --> 00:32:30,690
Więc pytanie, jeśli poprosi o
hasło, to po prostu z prośbą

611
00:32:30,690 --> 00:32:33,510
o twoje hasło, nazwę użytkownika, gdy
zalogować się do komputera Mac.

612
00:32:33,510 --> 00:32:35,770
I to jest tak, że można
zmienić pliki systemowe.

613
00:32:35,770 --> 00:32:46,670

614
00:32:46,670 --> 00:32:51,260
>> A kiedy jesteś gotowy, możesz przejść
do następnego etapu, którym może kopiować

615
00:32:51,260 --> 00:32:54,220
Mam przykładowy kod ze strony internetowej.

616
00:32:54,220 --> 00:32:58,330
I dostaniesz nowy katalog w telefonie
katalog domowy zwany liderów i

617
00:32:58,330 --> 00:32:59,670
możemy rozpocząć pracę tam.

618
00:32:59,670 --> 00:33:09,680

619
00:33:09,680 --> 00:33:14,620
Więc jestem po prostu kopiując i wklejając je
Polecenia do mojego terminalu.

620
00:33:14,620 --> 00:33:16,780
I dla mnie, ja już sklonowane go.

621
00:33:16,780 --> 00:33:21,470
Więc mogę już teraz przenieść
do liderów.

622
00:33:21,470 --> 00:33:23,450
I powinienem mieć kilka
Pliki tam.

623
00:33:23,450 --> 00:33:29,880

624
00:33:29,880 --> 00:33:31,113
Masz pytanie?

625
00:33:31,113 --> 00:33:34,430
>> PUBLICZNOŚCI: [niesłyszalne] nie działa.

626
00:33:34,430 --> 00:33:36,741
>> ROGER ZURAWICKI: Och, to polubisz
Potrzebujemy również zainstalowany git.

627
00:33:36,741 --> 00:33:39,150
>> PUBLICZNOŚCI: [niesłyszalne].

628
00:33:39,150 --> 00:33:40,162
>> ROGER ZURAWICKI: Przepraszam?

629
00:33:40,162 --> 00:33:41,412
>> PUBLICZNOŚCI: [niesłyszalne].

630
00:33:41,412 --> 00:33:44,500

631
00:33:44,500 --> 00:33:47,390
>> ROGER ZURAWICKI: Oh, OK.

632
00:33:47,390 --> 00:33:47,720
OK.

633
00:33:47,720 --> 00:33:52,860
To dlatego, że być może trzeba będzie
zalogowany na GitHub, aby ten link.

634
00:33:52,860 --> 00:33:58,160
Jeśli faceci widzą, że najprostszym
sposób to zrobić i powiedzieć, to wtedy

635
00:33:58,160 --> 00:33:59,270
pobierz zip.

636
00:33:59,270 --> 00:34:02,010
I będzie to po prostu pobranie
wszystkie pliki.

637
00:34:02,010 --> 00:34:05,510
A następnie raz umieścić go w
pobierz lub katalogiem -

638
00:34:05,510 --> 00:34:07,360
Polecam umieszczenie go w
katalog domowy, więc możemy wszystko

639
00:34:07,360 --> 00:34:09,210
uruchomić te same polecenia.

640
00:34:09,210 --> 00:34:15,230
Tak długo, jak mamy pliki, będziemy
być w stanie rozpocząć pracę z nimi.

641
00:34:15,230 --> 00:34:17,969
Daj mi znać, jeśli ludzie mają
Problem pobierania plików.

642
00:34:17,969 --> 00:34:21,040
>> PUBLICZNOŚCI: Według katalogu domowym,
masz na myśli -

643
00:34:21,040 --> 00:34:24,989
>> ROGER ZURAWICKI: katalog domowy by więc
być John Harvard, jeśli w

644
00:34:24,989 --> 00:34:27,460
Urządzenie CS50.

645
00:34:27,460 --> 00:34:33,651
Aby dostać się do katalogu domowego,
wpisz w C.

646
00:34:33,651 --> 00:34:34,145
>> PUBLICZNOŚCI: [niesłyszalne]

647
00:34:34,145 --> 00:34:37,610
CS50 urządzenie [niesłyszalne].

648
00:34:37,610 --> 00:34:38,650
>> ROGER ZURAWICKI: Tak.

649
00:34:38,650 --> 00:34:40,480
Chcesz uruchomić polecenia
w terminalu.

650
00:34:40,480 --> 00:34:44,899

651
00:34:44,899 --> 00:34:45,390
>> PUBLICZNOŚCI: [niesłyszalne].

652
00:34:45,390 --> 00:34:50,800
Mam błąd, który mówi, że nie
takiego pliku lub katalogu.

653
00:34:50,800 --> 00:34:52,739
>> ROGER ZURAWICKI: Możemy podjąć szybkie
złamać i po prostu upewnić się, że

654
00:34:52,739 --> 00:34:56,760
każdy ma zainstalowany Meteor, i będę
tylko iść próbować pomagać ludziom.

655
00:34:56,760 --> 00:34:59,130
Proszę spróbować pomóc sobie nawzajem, jeśli
używasz do problemów.

656
00:34:59,130 --> 00:35:04,640

657
00:35:04,640 --> 00:35:05,580
Niestety, tak.

658
00:35:05,580 --> 00:35:08,930
Czy jesteś zarówno w urządzeniu?

659
00:35:08,930 --> 00:35:09,350
>> PUBLICZNOŚCI: Tak.

660
00:35:09,350 --> 00:35:13,190
Mam Risa

661
00:35:13,190 --> 00:35:14,300
>> ROGER ZURAWICKI: OK.

662
00:35:14,300 --> 00:35:20,740
Jeśli wrócisz do strony internetowej,
go przewinąć do góry.

663
00:35:20,740 --> 00:35:23,580
I jest to HTTPS.

664
00:35:23,580 --> 00:35:25,810
>> PUBLICZNOŚCI: Skopiuj ten?

665
00:35:25,810 --> 00:35:26,230
>> ROGER ZURAWICKI: Tak.

666
00:35:26,230 --> 00:35:28,950
A następnie chcesz
wpisz w git clone.

667
00:35:28,950 --> 00:35:30,814
Więc jeśli naciśniesz kontrolować -

668
00:35:30,814 --> 00:35:33,718
>> PUBLICZNOŚCI: Tutaj?

669
00:35:33,718 --> 00:35:36,410
I zrobić [niesłyszalne]?

670
00:35:36,410 --> 00:35:37,307
>> ROGER ZURAWICKI: G-I-T.

671
00:35:37,307 --> 00:35:38,557
>> PUBLICZNOŚCI: [niesłyszalne].

672
00:35:38,557 --> 00:35:40,410

673
00:35:40,410 --> 00:35:42,670
>> ROGER ZURAWICKI: Git, a następnie sklonować.

674
00:35:42,670 --> 00:35:46,610
Więc to jest bardzo podobne do polecenia, które
miał powyżej, ale URL zmianie.

675
00:35:46,610 --> 00:35:49,010
Więc zanim było to, teraz to.

676
00:35:49,010 --> 00:35:50,680
Pozwól mi aktualizacji -

677
00:35:50,680 --> 00:35:51,354
tak.

678
00:35:51,354 --> 00:35:52,604
>> PUBLICZNOŚCI: [niesłyszalne].

679
00:35:52,604 --> 00:35:56,000

680
00:35:56,000 --> 00:35:58,076
>> ROGER ZURAWICKI: To jest pobierany.

681
00:35:58,076 --> 00:35:59,326
>> PUBLICZNOŚCI: [niesłyszalne].

682
00:35:59,326 --> 00:36:02,930

683
00:36:02,930 --> 00:36:05,690
>> ROGER ZURAWICKI: Och, tak, to
nie sklonować poprawnie.

684
00:36:05,690 --> 00:36:07,920
Będzie to naprawić.

685
00:36:07,920 --> 00:36:10,190
Nie ma błędu z próby
aby pobrać pliki.

686
00:36:10,190 --> 00:36:13,820
Pozwól mi zaktualizować polecenia dla was
więc mogę się upewnić, to będzie działać.

687
00:36:13,820 --> 00:36:17,025
Przykro mi z tego powodu.

688
00:36:17,025 --> 00:36:21,618
Powinno być samo
Mac lub CS50 urządzenia.

689
00:36:21,618 --> 00:36:22,868
>> PUBLICZNOŚCI: [niesłyszalne].

690
00:36:22,868 --> 00:36:49,320

691
00:36:49,320 --> 00:36:51,190
>> ROGER ZURAWICKI: Zaktualizowałem
komenda numer dwa, jeśli

692
00:36:51,190 --> 00:36:52,910
odświeżeniu strony.

693
00:36:52,910 --> 00:36:56,520
I z tego, URL, należy być
stanie pobrać pliki.

694
00:36:56,520 --> 00:37:00,162

695
00:37:00,162 --> 00:37:02,550
>> PUBLICZNOŚCI: Więc jeśli nadal jesteśmy
pobieranie [niesłyszalne].

696
00:37:02,550 --> 00:37:05,930
>> ROGER ZURAWICKI: Jeśli jesteś
wciąż pobierając Meteor?

697
00:37:05,930 --> 00:37:07,180
>> PUBLICZNOŚCI: [niesłyszalne].

698
00:37:07,180 --> 00:37:09,860

699
00:37:09,860 --> 00:37:11,910
>> ROGER ZURAWICKI: Tak, jeśli chcesz
opracowanie na komputerze Mac.

700
00:37:11,910 --> 00:37:14,145
Ale trzeba dewelopera Xcode
Narzędzia zainstalowane.

701
00:37:14,145 --> 00:37:21,530

702
00:37:21,530 --> 00:37:24,550
Przetestowałem te polecenia na CS50
Urządzenie, więc mogę zagwarantować

703
00:37:24,550 --> 00:37:25,440
że zadziała.

704
00:37:25,440 --> 00:37:26,710
Tak. pozwól mi iść i pomóc.

705
00:37:26,710 --> 00:37:30,558

706
00:37:30,558 --> 00:37:31,808
>> PUBLICZNOŚCI: [niesłyszalne].

707
00:37:31,808 --> 00:37:39,440

708
00:37:39,440 --> 00:37:40,372
Daję hasła.

709
00:37:40,372 --> 00:37:42,240
To jest Mac.

710
00:37:42,240 --> 00:37:43,490
A następnie zrobić [niesłyszalne].

711
00:37:43,490 --> 00:37:51,114

712
00:37:51,114 --> 00:37:52,580
>> ROGER ZURAWICKI: OK.

713
00:37:52,580 --> 00:37:57,080
Chciałbym spróbować uruchomić wszystkie polecenia
jedynie w terminalu CS50 urządzenia.

714
00:37:57,080 --> 00:37:58,330
>> PUBLICZNOŚCI: [niesłyszalne].

715
00:37:58,330 --> 00:38:00,220

716
00:38:00,220 --> 00:38:02,570
>> ROGER ZURAWICKI: Chciałbym dostać to działa
Najpierw na terminalu na

717
00:38:02,570 --> 00:38:04,830
Urządzenie CS50, a następnie
Terminal Mac.

718
00:38:04,830 --> 00:38:08,130
>> PUBLICZNOŚCI: Więc jeśli robisz to na CS50
urządzenia tak, [niesłyszalne].

719
00:38:08,130 --> 00:38:13,650

720
00:38:13,650 --> 00:38:15,850
>> ROGER ZURAWICKI: Chciałbym przenieść
, ale jeśli ludzie wciąż mają

721
00:38:15,850 --> 00:38:20,190
Problem konfigurowania Meteor, Kevin jest bardziej
niż szczęśliwi, aby pomóc facetów,

722
00:38:20,190 --> 00:38:21,440
Kevin w szarej koszuli.

723
00:38:21,440 --> 00:38:26,320

724
00:38:26,320 --> 00:38:32,170
Co powinniśmy mieć to będziemy
uruchom ostatnie polecenie, numer trzy, w

725
00:38:32,170 --> 00:38:33,710
nasz terminal.

726
00:38:33,710 --> 00:38:37,320
Kiedy to zrobimy, będziemy działać Meteor.

727
00:38:37,320 --> 00:38:39,040
>> I zalecana -

728
00:38:39,040 --> 00:38:41,200
Och, mam już Meteor bieg.

729
00:38:41,200 --> 00:38:45,230
Więc to nie pozwolę, żeby - pozwól mi
tylko zamknąć moją drugą Meteor.

730
00:38:45,230 --> 00:38:49,640
Kiedy uruchomić Meteor, ty
Należy zauważyć, że obecnie -

731
00:38:49,640 --> 00:38:51,490
powinieneś zobaczyć aktualny katalog
że to służący.

732
00:38:51,490 --> 00:38:55,476
A teraz to się mówi serwerowi
działa na http://localhost.

733
00:38:55,476 --> 00:38:58,860
To URL chcesz umieścić
się w przeglądarce internetowej.

734
00:38:58,860 --> 00:39:05,410
>> I na tym URL, powinieneś być w stanie
dostęp ładny mały liderów.

735
00:39:05,410 --> 00:39:10,030

736
00:39:10,030 --> 00:39:14,530
Więc zauważyć, że jest to na localhost,
co oznacza, że ​​jeśli nie każdy

737
00:39:14,530 --> 00:39:17,320
zmiany, nie zamierzamy
zobacz zmiany nawzajem.

738
00:39:17,320 --> 00:39:20,830
Natomiast na stronie pokazałem ci
na początku, możemy uzyskać

739
00:39:20,830 --> 00:39:23,380
Zmiany wysoka, bo każdy
został dostęp do tej samej witryny.

740
00:39:23,380 --> 00:39:27,010

741
00:39:27,010 --> 00:39:29,540
>> Pozwólcie mi iść do [? słowo?]

742
00:39:29,540 --> 00:39:35,570
3000.

743
00:39:35,570 --> 00:39:38,820
Więc powinieneś być w stanie po prostu potwierdzić
Funkcje, które działa.

744
00:39:38,820 --> 00:39:44,790
Można wybrać różne osoby, a
można im różne punkty.

745
00:39:44,790 --> 00:39:46,710
Więc daję punktów kogoś.

746
00:39:46,710 --> 00:39:50,420
Można również zauważyć, że
powstaną w rankingu.

747
00:39:50,420 --> 00:39:53,450

748
00:39:53,450 --> 00:39:57,360
>> Teraz, w interesie czasu, nie
Są trzy cechy, które ja

749
00:39:57,360 --> 00:39:58,020
realizowane.

750
00:39:58,020 --> 00:40:03,760
I mamy zamiar realizować usuwanie
użytkowników, jak nasz pierwszy film.

751
00:40:03,760 --> 00:40:06,360
Ale zanim przejdziemy dalej, to
jakieś pytania?

752
00:40:06,360 --> 00:40:09,010
Miałeś rękę.

753
00:40:09,010 --> 00:40:10,480
Tak?

754
00:40:10,480 --> 00:40:11,730
>> PUBLICZNOŚCI: [niesłyszalne].

755
00:40:11,730 --> 00:40:20,980

756
00:40:20,980 --> 00:40:22,450
>> ROGER ZURAWICKI: Czy można sprawdzić
że Meteor jest zainstalowany?

757
00:40:22,450 --> 00:40:25,160

758
00:40:25,160 --> 00:40:26,410
>> PUBLICZNOŚCI: [niesłyszalne].

759
00:40:26,410 --> 00:40:31,440

760
00:40:31,440 --> 00:40:32,680
>> ROGER ZURAWICKI: lokalny gospodarz 3000?

761
00:40:32,680 --> 00:40:36,550
I jesteś w urządzeniu CS50?

762
00:40:36,550 --> 00:40:37,800
Co mogę zrobić -

763
00:40:37,800 --> 00:40:39,870

764
00:40:39,870 --> 00:40:41,210
nie musisz być na komputerze Mac.

765
00:40:41,210 --> 00:40:43,558
To będzie działać w urządzeniu.

766
00:40:43,558 --> 00:40:45,880
>> PUBLICZNOŚCI: [niesłyszalne].

767
00:40:45,880 --> 00:40:47,520
>> ROGER ZURAWICKI: W normalny
przeglądarka, tak.

768
00:40:47,520 --> 00:40:49,170
>> PUBLICZNOŚCI: [niesłyszalne].

769
00:40:49,170 --> 00:40:52,100
>> ROGER ZURAWICKI: Czy Meteor bieganie?

770
00:40:52,100 --> 00:40:54,180
Więc OK, nie ma tu rozróżnienia.

771
00:40:54,180 --> 00:40:56,300
Jeśli używasz go w
Urządzenie, co musisz zrobić,

772
00:40:56,300 --> 00:40:58,400
localhost wewnątrz urządzenia.

773
00:40:58,400 --> 00:41:00,860
Jeśli używasz go w komputerze Mac,
jak jestem, to mogę zrobić

774
00:41:00,860 --> 00:41:02,460
mój Mac Google Chrome.

775
00:41:02,460 --> 00:41:05,520
Ale jeśli używasz urządzenia CS50,
trzeba zrobić wszystko

776
00:41:05,520 --> 00:41:06,350
w urządzeniu.

777
00:41:06,350 --> 00:41:09,022
Więc trzeba korzystać z Google
Chrome w urządzeniu.

778
00:41:09,022 --> 00:41:10,350
>> PUBLICZNOŚCI: [niesłyszalne].

779
00:41:10,350 --> 00:41:12,188
>> ROGER ZURAWICKI: To
Nadal nie działa?

780
00:41:12,188 --> 00:41:13,438
>> PUBLICZNOŚCI: [niesłyszalne].

781
00:41:13,438 --> 00:41:39,170

782
00:41:39,170 --> 00:41:42,390
>> ROGER ZURAWICKI: Więc po prostu powtórzyć,
w jaki sposób uzyskać dostęp do strony internetowej już teraz.

783
00:41:42,390 --> 00:41:46,380
Masz tu adres URL
localhost 3000.

784
00:41:46,380 --> 00:41:49,600
Jeśli w urządzeniu CS50,
musisz otworzyć CS50

785
00:41:49,600 --> 00:41:51,320
Appliance Google Chrome.

786
00:41:51,320 --> 00:41:54,850
I w tym Google Chrome w ciągu
Urządzenie można wpisać w tym URL,

787
00:41:54,850 --> 00:41:56,400
i powinieneś zobaczyć liderów.

788
00:41:56,400 --> 00:41:58,990

789
00:41:58,990 --> 00:42:04,800
Więc mam zamiar po prostu umieścić go
na stronie tutaj trochę.

790
00:42:04,800 --> 00:42:09,600
A teraz mam zamiar otworzyć moje
edytor tekstu tutaj.

791
00:42:09,600 --> 00:42:16,040
Więc pozwól mi po prostu upewnić się, że
Kod jest w porządku.

792
00:42:16,040 --> 00:42:17,580
OK.

793
00:42:17,580 --> 00:42:19,750
Świetnie.

794
00:42:19,750 --> 00:42:22,360
>> Chciałbym teraz przejść przez
Kod bitowy.

795
00:42:22,360 --> 00:42:26,110
I pierwszy plik Chciałbym zacząć
z znaczy leaderboard.html.

796
00:42:26,110 --> 00:42:31,520
Będziesz w stanie uzyskać ten kod po
seminarium, więc po prostu chcę pokazać

797
00:42:31,520 --> 00:42:33,960
jesteś na moim komputerze, co się dzieje.

798
00:42:33,960 --> 00:42:39,130

799
00:42:39,130 --> 00:42:40,970
Więc mam nadzieję, że każdy może to zobaczyć.

800
00:42:40,970 --> 00:42:47,970

801
00:42:47,970 --> 00:42:51,590
Tak więc już na początku pliku, że
Posiadamy głową i tytuł, który

802
00:42:51,590 --> 00:42:54,510
jest podobny do tego, co widzieliśmy
w każdym dokumencie HTML.

803
00:42:54,510 --> 00:42:56,990
I wtedy będziemy mieć
tag tutaj ciało.

804
00:42:56,990 --> 00:42:59,920
>> Co mam wybrany jest głównym
ciała, w zasadzie to, co jest

805
00:42:59,920 --> 00:43:01,470
będzie się wyświetlany.

806
00:43:01,470 --> 00:43:05,560
Ale są pewne nowe nie-HTML
rzeczy, i to w

807
00:43:05,560 --> 00:43:06,710
podwójne nawiasy.

808
00:43:06,710 --> 00:43:08,600
I to są szablony tagi.

809
00:43:08,600 --> 00:43:13,770
Więc można zobaczyć tutaj ten wspornik
Uchwyt nowy baner.

810
00:43:13,770 --> 00:43:17,390
I to jest rodzaj - myśleć
jak wywołanie funkcji dla HTML.

811
00:43:17,390 --> 00:43:19,320
>> Jest to specjalna wersja HTML.

812
00:43:19,320 --> 00:43:22,730
Jest to wersja, która wykorzystuje Meteor, który
Dlatego można wyświetlać różne

813
00:43:22,730 --> 00:43:26,190
rzeczy, jak na przykład tablicy
Nazwy i przyciski.

814
00:43:26,190 --> 00:43:30,870
Ale mówi, liderów, aby przejść do
szablon z nazwą tablicy.

815
00:43:30,870 --> 00:43:34,746
Więc szablon nie zostanie wyświetlony przez
Sam, ale to funkcja, więc

816
00:43:34,746 --> 00:43:35,390
będzie się nazywa.

817
00:43:35,390 --> 00:43:41,030
I będziesz zastępować w tym wszystkim
kod tutaj do liderów.

818
00:43:41,030 --> 00:43:44,510

819
00:43:44,510 --> 00:43:48,820
>> Interesującą częścią tablicy
o to właśnie w tej tabeli.

820
00:43:48,820 --> 00:43:52,910
Jeśli po prostu czytać, czytać ten kod
głośno, powinno być intuicyjne

821
00:43:52,910 --> 00:43:57,390
ponieważ liderów, wszyscy jesteśmy
tu jest tabela.

822
00:43:57,390 --> 00:44:00,410
Ten identyfikator klasy rzeczy, których nie
trzeba się martwić.

823
00:44:00,410 --> 00:44:02,460
Po prostu wiem, że tam jest nagłówek tabeli.

824
00:44:02,460 --> 00:44:03,630
To ta thead.

825
00:44:03,630 --> 00:44:06,860
>> I stwierdzi, nazwę i wynik.

826
00:44:06,860 --> 00:44:12,150
Wszystkie te znaczniki, jak thtable, thead,
będziesz po prostu uczyć się jak iść.

827
00:44:12,150 --> 00:44:15,540
To nie jest ważne, aby zapamiętać
to dlatego, że można po prostu przejść każdy

828
00:44:15,540 --> 00:44:16,520
odwoływać się w Internecie.

829
00:44:16,520 --> 00:44:20,610
Lub do końca semestru, te
będzie po prostu bardzo dobrze zaznajomieni z tobą.

830
00:44:20,610 --> 00:44:22,840
>> Po nagłówku tabeli,
części, które chcę zwrócić

831
00:44:22,840 --> 00:44:24,900
uwagę na to h znacznik.

832
00:44:24,900 --> 00:44:27,180
Bo to jest w podwójnych nawiasach,
to jest szablon.

833
00:44:27,180 --> 00:44:30,980
To znaczy, że za każdym z graczy,
co gracze są, musimy

834
00:44:30,980 --> 00:44:31,500
wyświetlić go.

835
00:44:31,500 --> 00:44:32,965
I idziemy do szablonu gracza.

836
00:44:32,965 --> 00:44:35,680

837
00:44:35,680 --> 00:44:39,890
>> Jeśli przewinąć nieco więcej -

838
00:44:39,890 --> 00:44:40,980
Mam nadzieję, że każdy może zobaczyć.

839
00:44:40,980 --> 00:44:42,900
Mamy szablon player.

840
00:44:42,900 --> 00:44:49,080
I to w zasadzie definiuje szablon
komórki tabeli, w którym można umieścić w nazwie

841
00:44:49,080 --> 00:44:50,330
tu i wynik.

842
00:44:50,330 --> 00:44:52,540

843
00:44:52,540 --> 00:44:56,720
Powiększanie się teraz, możemy zobaczyć
że ten fragment kodu -

844
00:44:56,720 --> 00:44:59,060
i że tam był nasz zawodnik -

845
00:44:59,060 --> 00:45:01,070
oznacza jedną z tych komórek.

846
00:45:01,070 --> 00:45:02,890
Każda rzecz, że kliknę
staje się żółty.

847
00:45:02,890 --> 00:45:06,690

848
00:45:06,690 --> 00:45:08,660
>> Prosty sposób mogę to teraz zmienić.

849
00:45:08,660 --> 00:45:10,150
Upewnij się, Meteor nadal działa.

850
00:45:10,150 --> 00:45:12,540
Meteor powinien być proces serwera,
tak po prostu zostawić go

851
00:45:12,540 --> 00:45:14,020
uruchomiony, gdy opracowany.

852
00:45:14,020 --> 00:45:18,280
Powiedzmy, że chciałem, aby zmienić
wszystkie nazwy i wynik.

853
00:45:18,280 --> 00:45:23,320
I chciałbym powiedzieć, że będę
dodać punkty tutaj.

854
00:45:23,320 --> 00:45:27,215
Więc zmiana Zrobiłem tu był,
a nie tylko wynik, ja

855
00:45:27,215 --> 00:45:30,280
dodać punkty przestrzeni.

856
00:45:30,280 --> 00:45:32,775
>> Mam zamiar pomniejszyć, a ja jestem
uratuje mój plik.

857
00:45:32,775 --> 00:45:35,510

858
00:45:35,510 --> 00:45:39,830
I po mogę zapisać plik, muszę
aby upewnić się, Meteor jest uruchomiony.

859
00:45:39,830 --> 00:45:55,650

860
00:45:55,650 --> 00:45:57,610
Przepraszam.

861
00:45:57,610 --> 00:46:00,330
Chcę pokazać zmiany
przeprowadzono w czasie rzeczywistym.

862
00:46:00,330 --> 00:46:06,180
Więc ja po prostu zmienić tekst.

863
00:46:06,180 --> 00:46:07,600
Kliknij piłkarza.

864
00:46:07,600 --> 00:46:10,040
Kładę go we wszystkich czapkach.

865
00:46:10,040 --> 00:46:14,540
Powinna też być tak, że gdy jest to pracuje
prawidłowo, kiedy zapisać, że

866
00:46:14,540 --> 00:46:16,801
będzie zaktualizować.

867
00:46:16,801 --> 00:46:20,420
>> Och, myślę, że teraz jest problem
Nie jestem w odpowiednim katalogu.

868
00:46:20,420 --> 00:46:24,940

869
00:46:24,940 --> 00:46:26,870
OK.

870
00:46:26,870 --> 00:46:28,160
Przykro mi z tego powodu.

871
00:46:28,160 --> 00:46:32,860
Więc, co można zauważyć, jest
moja zmiana przeszła.

872
00:46:32,860 --> 00:46:34,540
Teraz, że chcę, aby przywrócić zmiany.

873
00:46:34,540 --> 00:46:36,200
Chcę wrócić do tego, co miałem.

874
00:46:36,200 --> 00:46:37,640
Jestem po prostu się do tego typu normalnie.

875
00:46:37,640 --> 00:46:39,180
Kliknij piłkarza.

876
00:46:39,180 --> 00:46:42,920
>> W chwili, gdy go zapisać,
Strona odświeża się dla mnie.

877
00:46:42,920 --> 00:46:44,740
I widzę zmiany na
miejsce natychmiast.

878
00:46:44,740 --> 00:46:48,170
Jest to bardzo pomocna funkcja
debugowanie, ponieważ teraz

879
00:46:48,170 --> 00:46:49,640
I nie trzeba -

880
00:46:49,640 --> 00:46:52,920
kiedy piszemy kod w C, nie tylko nie
trzeba zapisać plik, ale musieliśmy

881
00:46:52,920 --> 00:46:54,750
zrobić to, a następnie uruchom go ponownie.

882
00:46:54,750 --> 00:46:58,750
Meteor jest bardzo dobre, bo w przeciwieństwie do C,
Chwilę zapisać HTML lub

883
00:46:58,750 --> 00:47:01,070
Plik JavaScript, zmiana
pojawia się natychmiast.

884
00:47:01,070 --> 00:47:05,050

885
00:47:05,050 --> 00:47:09,140
>> Jedno pytanie jest, w tych szablonach, jak
mogę uzyskać wartości, takich jak odtwarzacze

886
00:47:09,140 --> 00:47:11,520
lub wybierz nazwę?

887
00:47:11,520 --> 00:47:17,130
Gdybym powiększyć tutaj do mojego kodu,
Widzę to na każdym graczy.

888
00:47:17,130 --> 00:47:19,970
Więc wie, że szablon
Mam tych jakoś.

889
00:47:19,970 --> 00:47:22,110
I wie, że nie jest
wybrana nazwa.

890
00:47:22,110 --> 00:47:23,220
Skąd to się wzięło?

891
00:47:23,220 --> 00:47:25,180
Że pochodzi z języka JavaScript.

892
00:47:25,180 --> 00:47:30,980
>> I jeśli pójdziesz do leaderboard.js, to
plik, teraz kiedy idę tutaj, mamy

893
00:47:30,980 --> 00:47:33,460
zdefiniowane kilka poleceń.

894
00:47:33,460 --> 00:47:36,400
To jest specjalna składnia Meteor.

895
00:47:36,400 --> 00:47:38,600
Zauważ, że nie musisz
Vars lub cokolwiek.

896
00:47:38,600 --> 00:47:42,990
Ale to są tylko elemencie na elemencie
na elemencie lub tych obiektów.

897
00:47:42,990 --> 00:47:45,910
I wszystko co mam jest szablon definiowania
nazywa liderów.

898
00:47:45,910 --> 00:47:47,900
>> Ranking powinien dostać
rzecz zwana graczy.

899
00:47:47,900 --> 00:47:48,840
I to, co jest gracze?

900
00:47:48,840 --> 00:47:51,860
To co to wyrażenie zwraca.

901
00:47:51,860 --> 00:47:53,020
I to, co jest zaznaczone na imię?

902
00:47:53,020 --> 00:47:54,630
To trochę więcej kodu.

903
00:47:54,630 --> 00:47:56,810
Dane kodu będziemy
pokrycie nieco później.

904
00:47:56,810 --> 00:48:02,210
Ale teraz chcę, aby zrozumieć,
że w tym kodzie, bierzemy

905
00:48:02,210 --> 00:48:04,350
gracze, i dajemy mu wartość.

906
00:48:04,350 --> 00:48:07,000
W tym przypadku jest to funkcja
który zostanie wykonany.

907
00:48:07,000 --> 00:48:10,290
Tak więc możemy uzyskać wartość z powrotem
po uruchomieniu funkcji.

908
00:48:10,290 --> 00:48:12,830

909
00:48:12,830 --> 00:48:13,520
To jest dziennik.

910
00:48:13,520 --> 00:48:14,770
Czy to ma sens?

911
00:48:14,770 --> 00:48:23,170

912
00:48:23,170 --> 00:48:25,010
>> Mogę zmienić sposób to sortowanie.

913
00:48:25,010 --> 00:48:27,230
Tutaj, jest przedmiotem sortowania.

914
00:48:27,230 --> 00:48:31,660
I co to mówi, to idę do sortowania
przez wynik malejąco pierwszy i

915
00:48:31,660 --> 00:48:33,170
następnie nazwa rosnąco.

916
00:48:33,170 --> 00:48:36,630
Jeśli zmienić to na jeden, to będzie
sortować wynik rosnącej.

917
00:48:36,630 --> 00:48:39,120
Więc zero powinno być na górze.

918
00:48:39,120 --> 00:48:43,370
I kiedy powiększyć mojej stronie,
teraz widać, że strona aktualizowana.

919
00:48:43,370 --> 00:48:44,923
I wynik jest wznieść.

920
00:48:44,923 --> 00:48:49,010

921
00:48:49,010 --> 00:48:53,980
>> Następna funkcja po prostu chcę
kliknij na pokrycie jest przyrost.

922
00:48:53,980 --> 00:48:57,910
Z odsetek czasu, nie będę
w stanie pokryć więcej Meteor

923
00:48:57,910 --> 00:49:00,690
kod, ale jest wiele zasobów
dostępne, a ja będę

924
00:49:00,690 --> 00:49:03,560
tutaj po seminarium.

925
00:49:03,560 --> 00:49:07,680
Ale chcę tylko okładka
klasyfikacji generalnej imprezy.

926
00:49:07,680 --> 00:49:10,520
Składnia tego dowiesz
nieco później w wykładzie.

927
00:49:10,520 --> 00:49:12,870
To jest obsługa JavaScript.

928
00:49:12,870 --> 00:49:16,720
>> Po prostu mówiąc, gdy mamy kliknięcie,
i to na przyrost ten

929
00:49:16,720 --> 00:49:19,160
hash tylko oznacza identyfikator.

930
00:49:19,160 --> 00:49:23,945
Na etykiecie przyrost ID, a następnie chcemy
do aktualizacji - słowa kluczowe Chcę ci

931
00:49:23,945 --> 00:49:26,740
do oglądania i jest aktualizacja
wybrać i odtwarzacz.

932
00:49:26,740 --> 00:49:29,080
Tak więc w zależności od tego odtwarzacz jest wybrany,
my je zaktualizować.

933
00:49:29,080 --> 00:49:31,260
I co możemy zrobić, to zwiększamy
jego wynik przez pięć.

934
00:49:31,260 --> 00:49:37,700

935
00:49:37,700 --> 00:49:40,340
I że opisuje funkcjonalność
my tu mamy.

936
00:49:40,340 --> 00:49:50,270

937
00:49:50,270 --> 00:49:54,510
>> Po zakończeniu seminarium, będziemy
mogli zobaczyć trochę więcej kodu.

938
00:49:54,510 --> 00:50:00,400
Ale wracając do mojego celu, że chcę
zmienić stronę, chciałem tutaj

939
00:50:00,400 --> 00:50:03,400
dodać przycisk usunąć, więc
Można usunąć z odtwarzacza.

940
00:50:03,400 --> 00:50:05,390
Tak, aby to zrobić, muszę
zrobić dwie rzeczy.

941
00:50:05,390 --> 00:50:09,680
Muszę zaktualizować HTML, zaktualizować
zobacz, co zostanie przedstawione na użytkownika, i

942
00:50:09,680 --> 00:50:15,080
potem jakieś JavaScript że kiedy
przycisk jest wciśnięty, Meteor ma zamiar

943
00:50:15,080 --> 00:50:15,690
coś zrobić.

944
00:50:15,690 --> 00:50:18,040
To będzie usunąć ten odtwarzacz.

945
00:50:18,040 --> 00:50:20,720
>> Tak więc istnieje wiele fragmentów kodu
które mają w zasadzie już

946
00:50:20,720 --> 00:50:22,610
zostało zrobione dla mnie.

947
00:50:22,610 --> 00:50:26,160
Jeśli patrzę tu, mam już drogę
uzyskania wybranego gracza.

948
00:50:26,160 --> 00:50:29,880
To jest ta rzecz, jeśli można to zobaczyć.

949
00:50:29,880 --> 00:50:31,346
Więc jeśli po prostu -

950
00:50:31,346 --> 00:50:35,160
Zamierzam mieć inną imprezę.

951
00:50:35,160 --> 00:50:37,900
Więc mam zamiar skopiować, co mam.

952
00:50:37,900 --> 00:50:40,740
Ponieważ jest to lista,
Muszę tylko przecinek.

953
00:50:40,740 --> 00:50:45,480
>> Więc teraz mam zamiar kliknąć przycisk Usuń.

954
00:50:45,480 --> 00:50:48,840
I wtedy zamiast gracza aktualizacji,
Mam zamiar zrobić gracze usunąć.

955
00:50:48,840 --> 00:50:51,620
I wszyscy gracze usunąć potrzeb
jest wybrany piłkarzem.

956
00:50:51,620 --> 00:50:56,500
Więc ta funkcja jest wszystko, czego potrzebujemy.

957
00:50:56,500 --> 00:51:01,550
I trzeba dodać niektóre
HTML tu jednak.

958
00:51:01,550 --> 00:51:05,180
Więc jeśli przewiń tutaj,
to jest widok HTML.

959
00:51:05,180 --> 00:51:08,300
Mieliśmy rzeczy tutaj,
który był znacznik.

960
00:51:08,300 --> 00:51:09,610
Nie musisz się o to martwić.

961
00:51:09,610 --> 00:51:12,000
>> Co dla ciebie jest spraw
Identyfikator ten przyrost.

962
00:51:12,000 --> 00:51:14,990
I to jest to, co pozwala nam powiedzieć, kiedy
my kliknięciu przyrost, musimy

963
00:51:14,990 --> 00:51:16,410
dać pięć punktów.

964
00:51:16,410 --> 00:51:18,240
, A zobaczysz, że jest to przycisk.

965
00:51:18,240 --> 00:51:20,150
To oznacza btn.

966
00:51:20,150 --> 00:51:23,190
I tekst w przycisku
to daje pięć punktów.

967
00:51:23,190 --> 00:51:26,440
Więc, co mam zamiar zrobić, to jestem
będzie skopiować ten wiersz.

968
00:51:26,440 --> 00:51:29,910
Zamierzam zmienić identyfikator do usunięcia.

969
00:51:29,910 --> 00:51:34,310
I mam zamiar zmienić
tekst tutaj aby usunąć.

970
00:51:34,310 --> 00:51:35,980
>> Więc upewnij się, wszystko jest zapisane.

971
00:51:35,980 --> 00:51:39,010
Chcę wrócić do mojego JavaScript
aby upewnić się, że mam

972
00:51:39,010 --> 00:51:40,880
usunąć kolejce tutaj.

973
00:51:40,880 --> 00:51:41,780
Dobry.

974
00:51:41,780 --> 00:51:43,145
Więc mam zamiar zapisać oba pliki.

975
00:51:43,145 --> 00:51:46,060

976
00:51:46,060 --> 00:51:49,320
Po zapisaniu obu plików, możemy
mogą wrócić do dołu.

977
00:51:49,320 --> 00:51:51,550
A teraz widzimy, mamy
przycisk Usuń.

978
00:51:51,550 --> 00:51:56,050
I jeszcze jeden krok.

979
00:51:56,050 --> 00:51:58,200
Można zauważyć można dostać
błąd, ponieważ po kliknięciu

980
00:51:58,200 --> 00:52:00,610
usunąć, nic się nie dzieje.

981
00:52:00,610 --> 00:52:03,930
>> Sposób do debugowania to jest iść
Powrót do Zbadaj element.

982
00:52:03,930 --> 00:52:07,820
Robię to celowo, dzięki czemu można
zobacz jak można debugować coś.

983
00:52:07,820 --> 00:52:11,210
W Zbadaj element, mamy
wszystkie z naszego tekstu tutaj.

984
00:52:11,210 --> 00:52:13,320
Chcę wrócić do konsoli.

985
00:52:13,320 --> 00:52:19,230
A co się stanie, kiedy go tutaj
jest uzyskać jakiś błąd.

986
00:52:19,230 --> 00:52:21,660
Mówi, że nie ma metody usuwania.

987
00:52:21,660 --> 00:52:30,770
>> Więc co to mówi to, kiedy idę
powrót do kodu, zadzwoniłem gracza

988
00:52:30,770 --> 00:52:31,870
usunąć tutaj.

989
00:52:31,870 --> 00:52:34,430
Usuń nie jest właściwie
prawo polecenia.

990
00:52:34,430 --> 00:52:39,740
Tak, aby dowiedzieć się, co prawda komenda
jest, jest API Meteor.

991
00:52:39,740 --> 00:52:42,680
Dokumentacja chcę zwrócić ci
faceci to tylko w meteor.com.

992
00:52:42,680 --> 00:52:45,190
Więc mam go tutaj.

993
00:52:45,190 --> 00:52:48,510

994
00:52:48,510 --> 00:52:51,370
To jest po prostu tak, wiecie
gdzie dowiedzieć się więcej.

995
00:52:51,370 --> 00:52:54,420
>> Tam jest link do dokumentacji.

996
00:52:54,420 --> 00:52:59,410
I w zasadzie, mogę tylko
znajdę dla usunięcia.

997
00:52:59,410 --> 00:53:03,220
I to, co widzisz, usunąć
jest faktycznie usunąć.

998
00:53:03,220 --> 00:53:05,400
To jest polecenie, które
Muszę zadzwonić.

999
00:53:05,400 --> 00:53:09,620
Więc teraz, że wiemy, że idę
to zmienić usunąć usunąć.

1000
00:53:09,620 --> 00:53:13,060

1001
00:53:13,060 --> 00:53:18,010
Więc teraz, kiedy wrócę do mojej tablicy
strona, będę kliknij

1002
00:53:18,010 --> 00:53:19,450
usunąć, a teraz mnie nie ma.

1003
00:53:19,450 --> 00:53:21,290
Nie ma więcej Roger.

1004
00:53:21,290 --> 00:53:25,470
I mogę iść dalej usunięcie każdego
Pojedynczy nazwa aż już nic.

1005
00:53:25,470 --> 00:53:33,600

1006
00:53:33,600 --> 00:53:36,060
>> Więc to było trochę podgląd
jak używać Meteor.

1007
00:53:36,060 --> 00:53:38,990

1008
00:53:38,990 --> 00:53:42,380
Będziesz się uczyć dużo więcej JavaScript
i HTML konieczne, aby

1009
00:53:42,380 --> 00:53:46,970
to wyglądać ładniej, które omówimy w
w tym tygodniu [? kawałek?] ustawiony na HTML

1010
00:53:46,970 --> 00:53:49,630
i JavaScript w następnym
[? kawałek?] ustaw.

1011
00:53:49,630 --> 00:53:53,150
>> Więc nie martwić, jeśli nie wszystkie
ten materiał jest łatwy do Ciebie.

1012
00:53:53,150 --> 00:53:56,410
Będzie przez czas
projekt końcowy.

1013
00:53:56,410 --> 00:53:58,030
Dzięki za pokazanie się.

1014
00:53:58,030 --> 00:54:01,380
Link będę wkrótce po aktualizacji
seminarium, dzięki czemu można zobaczyć trochę więcej

1015
00:54:01,380 --> 00:54:05,630
przykłady, że już wdrożone, w jaki sposób
aby uzyskać bardziej zaawansowane liderów

1016
00:54:05,630 --> 00:54:08,640
że mam na tej stronie tutaj w
jeden rodniki leaderboard.meteor.

1017
00:54:08,640 --> 00:54:19,550

1018
00:54:19,550 --> 00:54:21,260
Dziękuję.

1019
00:54:21,260 --> 00:54:22,760
>> [Aplauz]

1020
00:54:22,760 --> 00:56:58,070