1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:10,960
[Muziek]

3
00:00:10,960 --> 00:00:12,960
ROGER ZURAWICKI: Hoi, mijn
naam is Roger Zurawicki,

4
00:00:12,960 --> 00:00:16,410
en ik zal worden met betrekking tot
de CS50 Meteor seminar.

5
00:00:16,410 --> 00:00:21,520
Meteoor is een nieuw kader
gewijd aan de nieuwe vorm van web,

6
00:00:21,520 --> 00:00:25,220
niet de PHP maken verzoeken
heen en weer soort

7
00:00:25,220 --> 00:00:29,070
van web we zagen in de PHPP set,
maar hoe meer dynamische JavaScript

8
00:00:29,070 --> 00:00:31,370
delen van het web.

9
00:00:31,370 --> 00:00:36,260
Dingen Meteor kan doen
omvat Levende bijwerken

10
00:00:36,260 --> 00:00:42,380
en direct communiceren
tussen gebruikers van dezelfde website.

11
00:00:42,380 --> 00:00:46,420
>> Voor dit seminar, hebben wij
code gehost op mijn GitHub.

12
00:00:46,420 --> 00:00:49,690
U kunt naar deze URL en download het.

13
00:00:49,690 --> 00:00:53,085
Als je weet hoe je Git gebruiken,
kunt u de repository klonen.

14
00:00:53,085 --> 00:00:55,460
Als je niet weet hoe te gebruiken
Git of niet gebruikt GitHub,

15
00:00:55,460 --> 00:00:57,030
dat is helemaal prima.

16
00:00:57,030 --> 00:01:00,480
Ik zal je heel snel zien
hoe kunnen we naar GitHub,

17
00:01:00,480 --> 00:01:03,604
en er is een optie om
downloaden van een zip daar.

18
00:01:03,604 --> 00:01:06,770
Zodra u deze map downloaden, je
aan de slag kunt spelen met onze code.

19
00:01:06,770 --> 00:01:10,200

20
00:01:10,200 --> 00:01:13,190
>> Meer informatie over Meteor
is te vinden op meteor.com.

21
00:01:13,190 --> 00:01:16,580
In de map Seminar, ik eigenlijk
hebben een aantal Meteor projecten die we kunnen gebruiken.

22
00:01:16,580 --> 00:01:20,380

23
00:01:20,380 --> 00:01:26,400
Een van de mappen die wij in ons
seminar project is de todos app.

24
00:01:26,400 --> 00:01:28,780
Dus als ik in het I,
hebben Meteor geïnstalleerd.

25
00:01:28,780 --> 00:01:35,690
Dus om het uit te voeren, ik moet gewoon typen
Meteor, en Meteor zal installeren.

26
00:01:35,690 --> 00:01:38,310
Zoals u kunt zien, moeten we
ervoor zorgen dat we geïnstalleerd Meteor.

27
00:01:38,310 --> 00:01:40,562
Dus ik ga gewoon
lopen het nog een keer

28
00:01:40,562 --> 00:01:42,520
om ervoor te zorgen dat de meteoor
goed is geïnstalleerd.

29
00:01:42,520 --> 00:01:46,370

30
00:01:46,370 --> 00:01:48,450
>> Terwijl ik heb Meteor
installeren, kan ik je laten zien

31
00:01:48,450 --> 00:01:53,760
enkele live demo's van Meteor websites
gaan leven nu op het internet.

32
00:01:53,760 --> 00:01:57,990
Ik heb een demo van onze app.

33
00:01:57,990 --> 00:02:00,740
U kunt toegang krijgen op de volgende URL.

34
00:02:00,740 --> 00:02:06,350
Dit is het te doen app die we
hebben in ons seminar directory.

35
00:02:06,350 --> 00:02:09,940
De URL hiervoor is
rozu-rabbit.meteor.com.

36
00:02:09,940 --> 00:02:14,782
Je zult zien dat de meteoor ook daadwerkelijk
hosten van uw Meteor projecten gratis.

37
00:02:14,782 --> 00:02:17,490
En aan het eind van het seminar,
je zult in staat zijn om dit te doen ook.

38
00:02:17,490 --> 00:02:20,550

39
00:02:20,550 --> 00:02:22,160
>> Dit is een to do list app.

40
00:02:22,160 --> 00:02:27,740
En je kunt aanmelden, maken
rekeningen, en taken toe te voegen.

41
00:02:27,740 --> 00:02:30,020
U kunt een account aanmaken zoals zo.

42
00:02:30,020 --> 00:02:33,050

43
00:02:33,050 --> 00:02:35,850
En nu, als je eenmaal een
account kunt u taken toevoegen.

44
00:02:35,850 --> 00:02:42,780
Bijvoorbeeld, een van de taken I
Misschien moet gaan halen mijn wasgoed.

45
00:02:42,780 --> 00:02:45,160
En als je op deze
site online, zult u

46
00:02:45,160 --> 00:02:49,790
eigenlijk zien deze taak op
uw computer in real time.

47
00:02:49,790 --> 00:02:53,760
>> Ik kan je een snelle demo
deze door het openen Rozu-konijn

48
00:02:53,760 --> 00:02:56,700
in een ander tabblad met dezelfde URL.

49
00:02:56,700 --> 00:03:00,360
En we zien dat dezelfde gegevens komt.

50
00:03:00,360 --> 00:03:02,240
We kunnen het ook in
een andere browser.

51
00:03:02,240 --> 00:03:03,420
Zeg ik voer het uit in Safari.

52
00:03:03,420 --> 00:03:04,720
Op die manier zijn we niet ingelogd.

53
00:03:04,720 --> 00:03:07,750

54
00:03:07,750 --> 00:03:11,060
Dus we hebben dezelfde Meteor
app, en als het eenmaal geladen,

55
00:03:11,060 --> 00:03:13,910
we zullen dezelfde gegevens te zien
we deden in de eerste.

56
00:03:13,910 --> 00:03:16,710
Zoals je kunt zien, ben ik niet ingelogd hier.

57
00:03:16,710 --> 00:03:20,000
En wanneer het publiek controles data,
Het werkt op alle browsers

58
00:03:20,000 --> 00:03:20,910
gelijktijdig.

59
00:03:20,910 --> 00:03:23,740
Dit is een van de werkelijk
coole functies over Meteor.

60
00:03:23,740 --> 00:03:27,700
Met bijna geen werk, je
hebben een live updating app

61
00:03:27,700 --> 00:03:31,240
dat veranderingen op al
uw apparaten tegelijk.

62
00:03:31,240 --> 00:03:36,690
>> Als ik kijk het selectievakje hier
in mijn to do lijst, zullen wij,

63
00:03:36,690 --> 00:03:41,230
in mijn andere Chrome-browser,
het item afgevinkt.

64
00:03:41,230 --> 00:03:42,605
En dit gebeurt onmiddellijk.

65
00:03:42,605 --> 00:03:46,340

66
00:03:46,340 --> 00:03:47,280
Prima.

67
00:03:47,280 --> 00:03:52,730
Dus het lijkt erop Meteor
installatie is nu klaar.

68
00:03:52,730 --> 00:03:57,000
Dus laten we nu teruggaan naar de
todos app en voer deze lokaal.

69
00:03:57,000 --> 00:04:01,599
>> Als je een Meteor project, kunt u
gewoon voer het uit met het commando Meteor.

70
00:04:01,599 --> 00:04:03,640
Zodra u dit doet, Meteor
zal enige voorbereiding te doen

71
00:04:03,640 --> 00:04:06,120
om ervoor te zorgen dat alle
uw code is onder controle.

72
00:04:06,120 --> 00:04:12,440
En dan zal het u vertellen dat de
project is klaar om te worden geserveerd.

73
00:04:12,440 --> 00:04:17,750
Mogelijk moet u toestaan ​​dat uw
firewall, als uw computer blokkeert u.

74
00:04:17,750 --> 00:04:22,440
>> Dus wat Meteor is me te vertellen
op dit moment is dat op deze website

75
00:04:22,440 --> 00:04:26,100
lokaal naar mijn computer, kan ik zien
wat dit Meteor project is.

76
00:04:26,100 --> 00:04:29,290
Merk op dat op dit moment, mijn app is
niet toegankelijk is voor het internet.

77
00:04:29,290 --> 00:04:35,170
Wat we laten zien hoe u uw Meteor brengen
app om een ​​live site een beetje later.

78
00:04:35,170 --> 00:04:40,510
Dus ik ga gewoon deze te kopiëren
URL nu en ga naar Google Chrome.

79
00:04:40,510 --> 00:04:42,600
>> En dit is het te doen
lijst van het voorbeeld.

80
00:04:42,600 --> 00:04:46,080
Je kunt zien dat ze geïmplementeerd
nog een paar functies hier.

81
00:04:46,080 --> 00:04:49,210
We hebben verschillende tabs, we
dezelfde accountfuncties,

82
00:04:49,210 --> 00:04:52,141
en we kunnen nieuwe lijsten toevoegen.

83
00:04:52,141 --> 00:04:54,140
Nu, een van de echt
leuke functie over Meteor

84
00:04:54,140 --> 00:04:57,450
is dat niet alleen kan deze
werken aan uw webbrowser,

85
00:04:57,450 --> 00:05:00,030
maar u kunt ook
inheemse iPhone en Android

86
00:05:00,030 --> 00:05:02,990
apps via een tool genaamd PhoneGap.

87
00:05:02,990 --> 00:05:06,740
>> Dus sommige projecten zal komen
vooraf geconfigureerd voor running

88
00:05:06,740 --> 00:05:08,700
op iOS, zoals deze todos app.

89
00:05:08,700 --> 00:05:14,780
Dus alles wat ik moet doen om het uit te voeren in iOS
wordt het type Meteor, draaien, en dan iOS.

90
00:05:14,780 --> 00:05:17,540
En toen ik dat, Meteor doen
zal het pakket opnieuw te bereiden.

91
00:05:17,540 --> 00:05:21,670
En dan, als het eenmaal klaar is, zal het
laadt de iOS-simulator op mijn bevel.

92
00:05:21,670 --> 00:05:24,745
Opmerking u alleen kan draaien iOS-apps
als je een Mac-computer.

93
00:05:24,745 --> 00:05:27,650

94
00:05:27,650 --> 00:05:30,730
U kunt uw apps draaien op
Android op alle platformen.

95
00:05:30,730 --> 00:05:34,070

96
00:05:34,070 --> 00:05:38,290
>> Dus nu kun je zien dat mijn iPhone
simulator kwam op mijn scherm.

97
00:05:38,290 --> 00:05:40,370
En in slechts een moment,
het zal laden met de app.

98
00:05:40,370 --> 00:05:46,070

99
00:05:46,070 --> 00:05:48,490
Als we maken het gewoon een beetje
kleiner op het scherm past,

100
00:05:48,490 --> 00:05:50,780
we zien hebben we onze iPhone app.

101
00:05:50,780 --> 00:05:53,220
En gewoon zo doen we niet
in de war raken, laten we

102
00:05:53,220 --> 00:05:59,790
ervoor dat we op dezelfde
website, de lokale host 3000.

103
00:05:59,790 --> 00:06:03,490
>> Dus hier is een voorbeeld
van de Meteor app die ik heb,

104
00:06:03,490 --> 00:06:08,770
de todos app, draait zowel op
een telefoon en op een web browser.

105
00:06:08,770 --> 00:06:10,770
En toen ik veranderen stuff
in de webbrowser,

106
00:06:10,770 --> 00:06:12,675
gaat onmiddellijk naar de telefoon.

107
00:06:12,675 --> 00:06:16,500
En ik kan er iets aan de telefoon te wissen,
en verandert in de webbrowser.

108
00:06:16,500 --> 00:06:21,050
>> Nu, normaal gesproken om native te creëren
telefoon app voor iOS of Android,

109
00:06:21,050 --> 00:06:26,090
je nodig hebt om ofwel Java of weten
Objective C. De technologie Meteor toepassingen

110
00:06:26,090 --> 00:06:29,240
toestaan ​​JavaScript uit te voeren als
uw app heet PhoneGap.

111
00:06:29,240 --> 00:06:31,320
Wat uw app in wezen
is is een webbrowser.

112
00:06:31,320 --> 00:06:34,500
En Meteor behandelt alle
de lastige delen die zijn betrokken

113
00:06:34,500 --> 00:06:39,820
voor het instellen van die webbrowser
uw iPhone of je Android toestel.

114
00:06:39,820 --> 00:06:42,210
Je kunt zien dat de
gebruikersinterface is glad,

115
00:06:42,210 --> 00:06:45,290
en het ziet en voelt zeer
net als een native app.

116
00:06:45,290 --> 00:06:48,620
Merk op dat als ik naar het huis
scherm nu, krijg ik ook een icoon.

117
00:06:48,620 --> 00:06:50,880
Dit is niet een website als
je zou vinden in Safari.

118
00:06:50,880 --> 00:06:51,860
Dit is zijn eigen app.

119
00:06:51,860 --> 00:06:54,130
U kunt installeren en
verwijderen als je wilt.

120
00:06:54,130 --> 00:06:59,500

121
00:06:59,500 --> 00:07:04,436
>> We kunnen in het kort laten zien wat de code
voor dit soort todos app eruit ziet.

122
00:07:04,436 --> 00:07:08,260
Als je kijkt in de map todos,
je zult zien zijn er veel mappen.

123
00:07:08,260 --> 00:07:11,440
Maar in de loop
van het seminar, zullen we

124
00:07:11,440 --> 00:07:14,780
begrijpen wat elke map wordt gebruikt voor.

125
00:07:14,780 --> 00:07:17,830
Laten we naar de terminal, zodat we
kunnen de bestanden te zien een beetje beter.

126
00:07:17,830 --> 00:07:20,410
>> Ik ga op Control
C naar de server te stoppen,

127
00:07:20,410 --> 00:07:22,770
en nu ben ik terug in de todos app.

128
00:07:22,770 --> 00:07:26,660
Ik heb verschillende mappen hier, net als
de map client, de map server.

129
00:07:26,660 --> 00:07:30,500
En deze mappen gewoon betekenen dat
alles in de map client

130
00:07:30,500 --> 00:07:32,630
wordt uitgevoerd op uw web-browser.

131
00:07:32,630 --> 00:07:35,530
Alles in een server map
wordt uitgevoerd op een server.

132
00:07:35,530 --> 00:07:38,100
>> Wat ik wil wijzen
out is dat wat we hadden

133
00:07:38,100 --> 00:07:42,140
toen we onze telefoon lopen en
onze web-browser, dit waren cliënten.

134
00:07:42,140 --> 00:07:45,730
Maar wat is uitgevoerd in een
terminal, dat is de server.

135
00:07:45,730 --> 00:07:48,710
We hebben andere mappen, zoals
lib, dat is de bibliotheek code,

136
00:07:48,710 --> 00:07:51,050
als uw helper
functies, die u kunt

137
00:07:51,050 --> 00:07:53,710
te gebruiken op zowel de client en de server.

138
00:07:53,710 --> 00:07:55,820
En dan heb je een publiek
folder en middelen

139
00:07:55,820 --> 00:07:59,310
folder noodzakelijk voor het krijgen
uw afbeeldingen en andere CSS geladen.

140
00:07:59,310 --> 00:08:02,630

141
00:08:02,630 --> 00:08:09,360
>> Als u Meteor hebt geïnstalleerd, zullen we
verder met de tutorial voor Meteor.

142
00:08:09,360 --> 00:08:12,790
U kunt naar deze URL,
meteor.com/install,

143
00:08:12,790 --> 00:08:17,990
aan de opdrachtregel te krijgen dat ik
toonde u dat Meteor installeert.

144
00:08:17,990 --> 00:08:20,240
We gaan via de eerste
paar stappen naar een beter

145
00:08:20,240 --> 00:08:22,760
voelen over hoe u Meteor installeren.

146
00:08:22,760 --> 00:08:28,000
>> Maar eerst, ik vind het belangrijk dat
we een beetje van JavaScript herzien.

147
00:08:28,000 --> 00:08:32,360
Om u enkele voorbeelden van hoe tonen
onze kennis van C kan worden vertaald

148
00:08:32,360 --> 00:08:34,950
JavaScript, ik heb
creëerde een paar voorbeelden.

149
00:08:34,950 --> 00:08:36,940
Ze zijn in de js directory.

150
00:08:36,940 --> 00:08:41,750
Dus als aan de seminars map die u
kijk, er is een map met de naam js.

151
00:08:41,750 --> 00:08:44,540
En hier hebben we een paar voorbeelden.

152
00:08:44,540 --> 00:08:50,120
>> Laten we het openstellen van de eerste
voorbeeld en zie heel snel.

153
00:08:50,120 --> 00:08:53,980
Wat we zien is uw standaard
hallo wereld commando.

154
00:08:53,980 --> 00:08:56,520
Je merkt in C dat u
hebben nogal een paar regels.

155
00:08:56,520 --> 00:09:00,490
En als CS50 studenten weten,
we een belangrijke functie,

156
00:09:00,490 --> 00:09:05,730
en we moeten de standaard omvatten
I / O-bibliotheek om printf noemen.

157
00:09:05,730 --> 00:09:09,320
>> Laten we eens kijken hoe JavaScript vergelijkt.

158
00:09:09,320 --> 00:09:11,560
Ik ga ex1.js. openen

159
00:09:11,560 --> 00:09:14,650
Uitgecommentarieerd is wat de
C-code eruit zou zien,

160
00:09:14,650 --> 00:09:17,550
en de volgende lijn is alles
je nodig hebt om te draaien in Node.

161
00:09:17,550 --> 00:09:20,452
U hoeft niet een belangrijke functie nodig hebt, je
niet nodig om alle bestanden bevatten,

162
00:09:20,452 --> 00:09:21,660
en je hoeft niet terug te keren.

163
00:09:21,660 --> 00:09:23,810
Je belt gewoon console.log.

164
00:09:23,810 --> 00:09:26,370
Dit is het equivalent van uw printf.

165
00:09:26,370 --> 00:09:29,310
>> En het hetzelfde kost
argumenten printf zou doen.

166
00:09:29,310 --> 00:09:33,870
En om het uit te voeren,
in plaats van het runnen van maken EX1,

167
00:09:33,870 --> 00:09:38,930
zou je gewoon bellen Node ex1.js.

168
00:09:38,930 --> 00:09:41,830
Je schrijft Node en daarna
het bestand, en het wordt gerund.

169
00:09:41,830 --> 00:09:43,580
Wordt het niet gecompileerd.

170
00:09:43,580 --> 00:09:45,970
JavaScript is een geïnterpreteerde taal.

171
00:09:45,970 --> 00:09:49,150
Het maakt dus niet te worden
gecompileerd voordat het wordt uitgevoerd.

172
00:09:49,150 --> 00:09:53,450
Als ik wilde ex1.c draaien,
Ik moet het eerst te maken,

173
00:09:53,450 --> 00:09:59,160
en dan kan ik het programma te starten
om dezelfde output te krijgen.

174
00:09:59,160 --> 00:10:02,460
>> Laten we snel een aantal dekken
andere JavaScript concepten.

175
00:10:02,460 --> 00:10:04,490
Laten we eens kijken naar bijvoorbeeld twee.

176
00:10:04,490 --> 00:10:14,690
In ex2.js, in ex2.c, we kunnen
zien dat we een stukje code.

177
00:10:14,690 --> 00:10:16,550
Laat me snel naar
een betere teksteditor

178
00:10:16,550 --> 00:10:18,400
die deze tonen
nieuwe lijnen een beetje beter.

179
00:10:18,400 --> 00:10:21,760

180
00:10:21,760 --> 00:10:22,380
Prima.

181
00:10:22,380 --> 00:10:24,190
Hier hebben we bijvoorbeeld 2.c.

182
00:10:24,190 --> 00:10:27,360
Hier hebben we verschillende types
dat we uit te printen.

183
00:10:27,360 --> 00:10:30,880
En zoals we weten, printf neemt
verschillende procent argumenten

184
00:10:30,880 --> 00:10:34,050
om verschillende stukken gegevens.

185
00:10:34,050 --> 00:10:36,840
Als we willen afdrukken
een string, noemen we% s.

186
00:10:36,840 --> 00:10:40,390
Als we willen een drijvende bellen
punt nummer, we noemden% f.

187
00:10:40,390 --> 00:10:45,810
En er is geen gemakkelijke manier om te bellen een
Boolean door zijn waar of onwaar waarde.

188
00:10:45,810 --> 00:10:50,760
Maar als je% d gebruikt, kunt u krijgen
een 0 of een 1 voor valse en ware.

189
00:10:50,760 --> 00:10:53,270
>> JavaScript is een beetje mooier voor ons.

190
00:10:53,270 --> 00:10:57,740
In JavaScript, laten we eens kijken naar de paar
verschillen die we hebben in dit bestand.

191
00:10:57,740 --> 00:11:05,790
Ten eerste, u merken dat we in C moeten
initialiseren elke variabele met een type.

192
00:11:05,790 --> 00:11:06,940
S is een char ster.

193
00:11:06,940 --> 00:11:08,930
Het is een string, en
kan een ander type zijn.

194
00:11:08,930 --> 00:11:10,450
N is een vlotter.

195
00:11:10,450 --> 00:11:11,780
B is een Bool.

196
00:11:11,780 --> 00:11:14,220
>> Maar in JavaScript,
er dynamische types.

197
00:11:14,220 --> 00:11:16,400
Dat betekent dat je niet
moet JavaScript vertellen

198
00:11:16,400 --> 00:11:17,860
welke soorten variabelen zullen zijn.

199
00:11:17,860 --> 00:11:22,730
Je zegt gewoon var voor variabele, de naam
van de variabele, en dan zijn waarde.

200
00:11:22,730 --> 00:11:24,690
Dus een var kan alles echt zijn.

201
00:11:24,690 --> 00:11:25,640
Het kan een string zijn.

202
00:11:25,640 --> 00:11:27,300
Het kan een floating point getal zijn.

203
00:11:27,300 --> 00:11:28,560
Het kan een teken zijn.

204
00:11:28,560 --> 00:11:31,250
Het kan een Booleaanse.

205
00:11:31,250 --> 00:11:34,380
En console log werkt een beetje anders.

206
00:11:34,380 --> 00:11:37,340
Als u wilt afdrukken
een nummer, bel je% d.

207
00:11:37,340 --> 00:11:41,740
Maar de meeste waarden kunnen
afgedrukt als strings prima.

208
00:11:41,740 --> 00:11:46,220
>> Laten we draaien deze in Node
om te zien wat er zou gebeuren.

209
00:11:46,220 --> 00:11:51,880
Ik kan Node ex2.js noemen,
en we krijgen printf

210
00:11:51,880 --> 00:11:56,870
met de waarden CS50, N als
de floating point getal,

211
00:11:56,870 --> 00:12:00,620
en vervolgens op b als de Booleaanse
geconverteerd naar een string waar.

212
00:12:00,620 --> 00:12:03,830
Hoe zit het als we bijvoorbeeld 2.c?

213
00:12:03,830 --> 00:12:09,630
Nou, we hebben nog wat
meer ergernissen met printf.

214
00:12:09,630 --> 00:12:13,110
Merk op dat de floating point
getal te kunnen worden opgemaakt,

215
00:12:13,110 --> 00:12:18,120
en dat de Booleaanse kan niet alleen
worden weergegeven als waar of onwaar.

216
00:12:18,120 --> 00:12:18,620
Prima.

217
00:12:18,620 --> 00:12:22,680
Laten we nu eens kijken naar bijvoorbeeld drie.

218
00:12:22,680 --> 00:12:26,470
In voorbeeld drie, laten we zien
hoe je een zou gebruiken voor lus.

219
00:12:26,470 --> 00:12:27,630
In feite is het heel simpel.

220
00:12:27,630 --> 00:12:31,430
Een van de leuke dingen over
Javascript is dat het C gebaseerd.

221
00:12:31,430 --> 00:12:33,920
Dit betekent dat veel van
code zal erg lijken

222
00:12:33,920 --> 00:12:36,490
en voel me erg veel hetzelfde.

223
00:12:36,490 --> 00:12:39,220
In een lus, het enige wat
dat is hier echt veranderd

224
00:12:39,220 --> 00:12:41,840
is in plaats van int i, hebben we var i.

225
00:12:41,840 --> 00:12:45,470
We kunnen nog steeds toewijzen aan waarderen
nul is, controleer dan of is het minder dan vijf,

226
00:12:45,470 --> 00:12:49,390
en verhogen door een
met de operator ++.

227
00:12:49,390 --> 00:12:56,286
We noemen console.log op i, en dat
zullen wij het afdrukken van een aantal met elke lijn.

228
00:12:56,286 --> 00:12:58,410
Laten we draaien het echt snel
om te zien wat deze luidspreker.

229
00:12:58,410 --> 00:13:02,320

230
00:13:02,320 --> 00:13:03,880
We krijgen een nieuw nummer in elke lijn.

231
00:13:03,880 --> 00:13:06,920
Een ander ding dat ik wil dat je
te merken met console.log

232
00:13:06,920 --> 00:13:09,960
is dat je niet hoeft te schrijven
backslash n voor de nieuwe lijn.

233
00:13:09,960 --> 00:13:12,480
Console.log zal afdrukken
alles op zijn eigen lijn.

234
00:13:12,480 --> 00:13:14,585
Dat is een leuke feature
dat JavaScript geeft ons.

235
00:13:14,585 --> 00:13:18,440

236
00:13:18,440 --> 00:13:22,600
>> Laten we nu eens open te stellen bijvoorbeeld vier.

237
00:13:22,600 --> 00:13:28,710
In voorbeeld vier, eerst in de C,
We roepen een paar functies.

238
00:13:28,710 --> 00:13:33,290
Merk op dat we het te verklaren
functies voordat we ze gebruiken in de belangrijkste.

239
00:13:33,290 --> 00:13:37,250
Als we de belangrijkste eerste en
voeg dan en dan hoog, te maken,

240
00:13:37,250 --> 00:13:39,540
Clang, of GCC zou
geven ons een fout zeggend

241
00:13:39,540 --> 00:13:41,060
dat hij niet weet wat hoog is.

242
00:13:41,060 --> 00:13:42,780
Het weet niet wat toe te voegen is.

243
00:13:42,780 --> 00:13:46,480
Dus in C, heb je kieskeurig over de te
volgorde waarin u uw functies aan te roepen.

244
00:13:46,480 --> 00:13:49,220

245
00:13:49,220 --> 00:13:51,310
>> Laten we eens kijken naar hoe je kunt
doe dit in JavaScript.

246
00:13:51,310 --> 00:13:56,060
We hebben verschillende bestanden omdat
zijn een paar verschillende manieren om dit te doen.

247
00:13:56,060 --> 00:13:58,950
Een manier is vrij veel
een directe vertaling.

248
00:13:58,950 --> 00:14:02,180
Omdat functies C
return typen, en JavaScript

249
00:14:02,180 --> 00:14:05,210
weet niet echt of zorg
over welk type je terug,

250
00:14:05,210 --> 00:14:06,300
je niet schrijven type.

251
00:14:06,300 --> 00:14:08,100
In plaats daarvan, je hoeft alleen maar
functioneren schrijven,

252
00:14:08,100 --> 00:14:11,180
en alles is vrij
hetzelfde als voorheen.

253
00:14:11,180 --> 00:14:14,630
>> Wanneer u een variabele, zoals in
toe te voegen, we hoeven alleen maar x en y te schrijven.

254
00:14:14,630 --> 00:14:16,060
We hoeven niet te zeggen dat x een int.

255
00:14:16,060 --> 00:14:18,940
We hoeven niet te zeggen dat y een int.

256
00:14:18,940 --> 00:14:21,030
We keren terug met dezelfde syntax.

257
00:14:21,030 --> 00:14:24,230
Voor hoge, verklaren wij het met
functioneren in plaats van leegte.

258
00:14:24,230 --> 00:14:26,110
Merk op dat de vraag of
het is nietig of niet-leegte,

259
00:14:26,110 --> 00:14:28,380
het is nog steeds alle dezelfde functie.

260
00:14:28,380 --> 00:14:32,440
En we gewoon niet zet
iets haakjes

261
00:14:32,440 --> 00:14:34,690
en het lijkt erg veel op de C-code.

262
00:14:34,690 --> 00:14:37,460
En hieronder, we kunnen het hieronder noemen.

263
00:14:37,460 --> 00:14:42,730
>> Als we kijken naar bijvoorbeeld 4b, merken we
dat ik een paar dingen heb veranderd.

264
00:14:42,730 --> 00:14:45,340
Het enige wat ik heb veranderd
echt al is de orde.

265
00:14:45,340 --> 00:14:47,340
We hebben dezelfde
functies, maar nu zijn ze

266
00:14:47,340 --> 00:14:52,200
verklaard nadat ze zijn gebruikt in
console.log en hoog op de lijnen 18, 19.

267
00:14:52,200 --> 00:14:54,740
Als je dit gedaan hebt in C,
maken zou een fout te gooien.

268
00:14:54,740 --> 00:14:56,070
Hier, dit werkt prima.

269
00:14:56,070 --> 00:15:01,935
En ik kan het je laten zien door
roepen Node op 4b voorbeeld.

270
00:15:01,935 --> 00:15:05,350

271
00:15:05,350 --> 00:15:10,130
>> Een andere manier kunnen we functies aanroepen
is door het opslaan van functies als variabelen.

272
00:15:10,130 --> 00:15:13,790
Zoals ik al zei, een variabele
kan elk type hebben.

273
00:15:13,790 --> 00:15:16,720
Eén van de typen een variabele
hebben een functie.

274
00:15:16,720 --> 00:15:19,800
Dus als je kijkt naar bijvoorbeeld
4c, wat ik heb veranderd

275
00:15:19,800 --> 00:15:24,320
hier is var toe in plaats van de functie add.

276
00:15:24,320 --> 00:15:26,807
En nu toe is gelijk aan een functie.

277
00:15:26,807 --> 00:15:28,140
Deze functie is hier anoniem.

278
00:15:28,140 --> 00:15:33,346
Het heeft geen naam, dus het is gewoon
functie en dan de haakjes.

279
00:15:33,346 --> 00:15:35,220
De syntax daarna
verandert niet, maar u

280
00:15:35,220 --> 00:15:38,300
hebben om in gedachten te houden dat
je hebt een variabele die je bent

281
00:15:38,300 --> 00:15:42,940
opslaan van de functie van add, en een
variabele die je opslaan in een hogere.

282
00:15:42,940 --> 00:15:47,620
>> Omdat toevoegen en hoog zijn nu variabelen
en niet functioneert, verandert er iets.

283
00:15:47,620 --> 00:15:50,190
Dit is een veel voorkomende fout die ik zie in
veel JavaScripts van mensen,

284
00:15:50,190 --> 00:15:52,410
en iets om in het achterhoofd te houden.

285
00:15:52,410 --> 00:15:54,365
Toen ik dit lopen, laten we eens zien wat er gebeurt.

286
00:15:54,365 --> 00:15:57,410

287
00:15:57,410 --> 00:15:58,230
Ik krijg een foutmelding.

288
00:15:58,230 --> 00:16:01,000
Het zegt undefined op dit punt.

289
00:16:01,000 --> 00:16:03,520
Dus het zegt het
weet niet wat toe te voegen is.

290
00:16:03,520 --> 00:16:06,010
>> Want nu toe is geen
functie, voeg een variabele.

291
00:16:06,010 --> 00:16:10,100
En je hebt eigenlijk niet gegeven
Voeg nog een waarde wanneer je het gebruikt.

292
00:16:10,100 --> 00:16:14,460
Dat brengt ons bij voorbeeld 4d, waar als
u wilt variabelen gebruiken als functies,

293
00:16:14,460 --> 00:16:17,210
je hoeft alleen maar te zorgen dat ze
krijgen de waarde voordat ze worden gebruikt.

294
00:16:17,210 --> 00:16:20,200

295
00:16:20,200 --> 00:16:23,420
>> Laten we overgaan tot bijvoorbeeld vijf dan.

296
00:16:23,420 --> 00:16:27,390
Hier praten we over
structuren in C. In C, structuren

297
00:16:27,390 --> 00:16:30,320
hebben dit vaste structuur hen
want je hebt om ze te verklaren

298
00:16:30,320 --> 00:16:33,050
voordat je het gebruikt, en
je zeggen dat ik een student,

299
00:16:33,050 --> 00:16:36,645
en elke student heeft precies
één naam, één jaar, één geslacht.

300
00:16:36,645 --> 00:16:37,770
Het heeft om ze allemaal te hebben.

301
00:16:37,770 --> 00:16:42,280
Het kan geen andere waarden,
en ze moeten bepaalde types.

302
00:16:42,280 --> 00:16:47,540
>> Dan kunnen we initialiseren van de
struct in deze mooie syntaxis

303
00:16:47,540 --> 00:16:49,470
omdat kent de bestelling.

304
00:16:49,470 --> 00:16:51,460
Zodat het weet dat Roger is een naam.

305
00:16:51,460 --> 00:16:54,060
Het weet dat 2016 een
jaar en M is een gender

306
00:16:54,060 --> 00:16:58,200
omdat we het op deze vertelden
lijst is een struct student.

307
00:16:58,200 --> 00:17:01,607
En dan kunt u afdrukken
het, toegang s.name.

308
00:17:01,607 --> 00:17:03,690
Laten we eens kijken hoe we zouden
zetten dat JavaScript.

309
00:17:03,690 --> 00:17:06,400

310
00:17:06,400 --> 00:17:09,790
Merk op dat s is nu een
variabele, en er is geen type.

311
00:17:09,790 --> 00:17:10,920
Het is gewoon een var opnieuw.

312
00:17:10,920 --> 00:17:14,480
Omdat het niet uit of de
type van het variabele een pointer,

313
00:17:14,480 --> 00:17:17,440
het is een structuur, of iets anders.

314
00:17:17,440 --> 00:17:19,650
We hebben een iets andere syntax.

315
00:17:19,650 --> 00:17:21,890
Deze syntax is het object syntax.

316
00:17:21,890 --> 00:17:24,400
>> Je zou het moeten zien in JSON.

317
00:17:24,400 --> 00:17:27,780
JSON staat eigenlijk voor de
JavaScript Object Notation.

318
00:17:27,780 --> 00:17:31,240
Dit is hoe je definiëren
objecten in JavaScript.

319
00:17:31,240 --> 00:17:34,500
We hebben een sleutel, die is
de waarde, zoals naam.

320
00:17:34,500 --> 00:17:37,680
En we geven waarden op
de andere zijde van het colon.

321
00:17:37,680 --> 00:17:41,850
En één ding in gedachten te houden is dat je
niet nodig om een ​​naam en een jaar hebben

322
00:17:41,850 --> 00:17:42,980
en een gender voor een object.

323
00:17:42,980 --> 00:17:44,570
Een object kan geen waarden.

324
00:17:44,570 --> 00:17:46,920
Het kan zoveel als u wilt hebben.

325
00:17:46,920 --> 00:17:50,375
>> We kunnen deze objecten gebruiken in slechts de
dezelfde manier zouden we een structuur te gebruiken, s.name.

326
00:17:50,375 --> 00:17:53,810

327
00:17:53,810 --> 00:17:57,080
We kunnen het echt snel te draaien
door het doen van knooppunt bijvoorbeeld 5.c.

328
00:17:57,080 --> 00:18:00,320

329
00:18:00,320 --> 00:18:02,520
We kunnen eigenlijk niet uitvoeren van een C-bestand in Node.

330
00:18:02,520 --> 00:18:03,654
Het weet niet wat C is.

331
00:18:03,654 --> 00:18:04,695
Het kent alleen JavaScript.

332
00:18:04,695 --> 00:18:09,865
Toen we lopen het ex5.js, krijgen we
de waarde die we verwachten.

333
00:18:09,865 --> 00:18:13,490

334
00:18:13,490 --> 00:18:15,980
>> Laten we overgaan tot bijvoorbeeld zes.

335
00:18:15,980 --> 00:18:18,930
Hier Ik wil gewoon een beetje praten
iets meer over JavaScript arrays

336
00:18:18,930 --> 00:18:20,930
omdat ze een beetje
anders dan wat je bent

337
00:18:20,930 --> 00:18:26,940
gebruikt om in C. Arrays worden genoteerd,
niet de bandbreedtes zoals in C,

338
00:18:26,940 --> 00:18:28,640
met de accolades, maar haken.

339
00:18:28,640 --> 00:18:32,150
U kunt een lege array,
zoals arr in lijn vier.

340
00:18:32,150 --> 00:18:34,680
U kunt arrays
met meerdere waarden.

341
00:18:34,680 --> 00:18:39,790
En dat je ze
op precies dezelfde manier in C.

342
00:18:39,790 --> 00:18:42,990
>> Tot lijn zeven, alles
lijkt vrij eenvoudig.

343
00:18:42,990 --> 00:18:45,390
Een klein verschil is hier op lijn 10.

344
00:18:45,390 --> 00:18:48,620
De manier waarop een lengte van een krijg je
array is gewoon door te bellen gunstiger prijs, krijg.

345
00:18:48,620 --> 00:18:50,620
Een array kan eigenlijk
behandeld als een object,

346
00:18:50,620 --> 00:18:54,960
en dit object heeft een lengte woning
dat u opnemen om de lengte van het te krijgen.

347
00:18:54,960 --> 00:18:57,350
Merk op dat dit verschilt
in C omdat in C u

348
00:18:57,350 --> 00:19:01,600
moet de lengte van kennen
het object van tevoren.

349
00:19:01,600 --> 00:19:04,700
>> Dus nog een leuke van arrays
is dat u verschillende types hebben.

350
00:19:04,700 --> 00:19:07,470
Als u een array in C, is er
arrays van een specifieke waarde,

351
00:19:07,470 --> 00:19:11,900
ofwel een struct pointer
of drijft of [onverstaanbaar].

352
00:19:11,900 --> 00:19:13,700
Hier kunt u verschillende waarden hebben.

353
00:19:13,700 --> 00:19:17,560
Ik had eerst een floating point getal,
vervolgens een Booleaanse, dan een ander getal.

354
00:19:17,560 --> 00:19:19,670
En inderdaad, ze kunnen typen te veranderen.

355
00:19:19,670 --> 00:19:21,220
Kijk naar lijn 16.

356
00:19:21,220 --> 00:19:26,760
Array twee verandert van
een getal, een geheel getal, een tekenreeks.

357
00:19:26,760 --> 00:19:30,920
>> Een ander leuk ding over arrays is hier
op lijn 19, ze hebben oneindige grootte.

358
00:19:30,920 --> 00:19:35,900
Je kunt gewoon zeggen dat ik wil dat de honderdste
element om de string legit.

359
00:19:35,900 --> 00:19:38,510
En dit lijkt niet te maken
logisch omdat de array alleen

360
00:19:38,510 --> 00:19:41,080
heeft ruimte voor drie elementen,
dus het einde moet twee.

361
00:19:41,080 --> 00:19:44,800
Maar als je dit doet, laten we
zien wat scala drie wordt.

362
00:19:44,800 --> 00:19:47,460
We zouden deze snel leeg
met knooppunt bijvoorbeeld six.js.

363
00:19:47,460 --> 00:19:49,990

364
00:19:49,990 --> 00:19:52,180
We krijgen dit echt lang
array en wat gebeurt

365
00:19:52,180 --> 00:19:55,100
is hebben we de eerste paar elementen
en dan een bos van blanks

366
00:19:55,100 --> 00:19:56,580
totdat we onze string.

367
00:19:56,580 --> 00:19:58,580
JavaScript vult de
toegerust, als het nodig is.

368
00:19:58,580 --> 00:20:01,790

369
00:20:01,790 --> 00:20:05,420
>> Laten we eindelijk naar onze laatste voorbeeld.

370
00:20:05,420 --> 00:20:08,180
Hier hebben we een lijst
van verschillende studenten.

371
00:20:08,180 --> 00:20:11,350
Ik wil een beetje praten
beetje over een aantal leuke aspecten

372
00:20:11,350 --> 00:20:14,240
van lussen in JavaScript.

373
00:20:14,240 --> 00:20:17,500
In C, voor het loops zijn soort beperkt.

374
00:20:17,500 --> 00:20:21,490
Ze hebben een vaste structuur, waar u
hebben een variabel, u een aandoening heeft,

375
00:20:21,490 --> 00:20:23,850
en dan moet je iets doen
aan het einde van de lus.

376
00:20:23,850 --> 00:20:27,560
En natuurlijk werkt dit in JavaScript,
zoals we zagen in de vorige voorbeelden.

377
00:20:27,560 --> 00:20:31,030
Maar we hebben ook mooiere manieren
dit doen in JavaScript.

378
00:20:31,030 --> 00:20:33,870
Dit heet een foreach lus.

379
00:20:33,870 --> 00:20:36,580
>> Sorry, laten we terug gaan
voorbeeld zeven in.

380
00:20:36,580 --> 00:20:39,320
We kunnen ook zeggen sectie is een lijst.

381
00:20:39,320 --> 00:20:43,250
Dus geef me elke i of
elke index in die lijst.

382
00:20:43,250 --> 00:20:46,255
Dan kunnen we de student te krijgen
door gewoon te bellen sectie van i.

383
00:20:46,255 --> 00:20:50,690
Dus alle code van de instelling i
gelijk aan nul en ervoor zorgen dat i

384
00:20:50,690 --> 00:20:54,420
kleiner is dan de lengte
toevoegen van een i telkens, dat

385
00:20:54,420 --> 00:21:00,220
het verzorgen van je liever
mooi met deze foreach lus.

386
00:21:00,220 --> 00:21:02,830
>> Niet alleen foreach loops
werken in lijsten of arrays,

387
00:21:02,830 --> 00:21:06,130
ze werken ook in objecten,
dat is ook leuk.

388
00:21:06,130 --> 00:21:10,240
U kunt de naam van krijgen
elke eigenschap door gewoon het nemen van

389
00:21:10,240 --> 00:21:15,030
een woordenboek of een object, zoals studenten,
en dan gewoon te zeggen geef me elke toets.

390
00:21:15,030 --> 00:21:18,920
Een belangrijk zouden dit
eigenschappen, naam of huis.

391
00:21:18,920 --> 00:21:22,870
Dus wat er gaat gebeuren hier is dat
we uitprinten eerst de naam en vervolgens

392
00:21:22,870 --> 00:21:24,920
het huis van elke student.

393
00:21:24,920 --> 00:21:29,170
>> Ik kan deze draaien in Node
heel snel om te laten zien.

394
00:21:29,170 --> 00:21:35,510
We krijgen eerst de C-stijl voor lus, waar
we krijgen elk object dat wordt afgedrukt.

395
00:21:35,510 --> 00:21:38,910
En dan hebben we de JavaScript
stijl, waar u kunt gewoon

396
00:21:38,910 --> 00:21:41,510
uitprinten elke sleutel
en de waarde van individueel.

397
00:21:41,510 --> 00:21:45,560

398
00:21:45,560 --> 00:21:47,050
>> Prima.

399
00:21:47,050 --> 00:21:52,850
Nu we hebben behandeld Node.js, denk ik
we zijn klaar om te beginnen met Meteor.

400
00:21:52,850 --> 00:21:56,070
Zoals ik al zei, Meteor heeft een geweldige job
van het schrijven van een aantal kant en klare voorbeelden

401
00:21:56,070 --> 00:22:00,600
voor u dat u kunt verkennen door middel van
deze tutorial of in de map seminar.

402
00:22:00,600 --> 00:22:03,750
Maar hier wil ik
beginnen meer vanaf nul.

403
00:22:03,750 --> 00:22:06,810
>> Laten we een eenvoudig toepassing te doen.

404
00:22:06,810 --> 00:22:14,140
Dit soort van de basis van wat de
doen applicatie heb ik laten zien dat eerder is.

405
00:22:14,140 --> 00:22:16,990
In deze tutorial, je
zal zien dat er

406
00:22:16,990 --> 00:22:20,180
een commando Meteor creëren om
maak een nieuw Meteor project.

407
00:22:20,180 --> 00:22:24,510
Je nodig hebt om dit te roepen om
Meteor projecten, omdat het uit te voeren

408
00:22:24,510 --> 00:22:27,470
zullen de opdrachten uit te voeren
naar de Meteor creëren

409
00:22:27,470 --> 00:22:31,100
bestanden die nodig zijn voor uw project.

410
00:22:31,100 --> 00:22:35,920
>> Als je in de terminal, we kunnen
ga naar de map met de naam stap één.

411
00:22:35,920 --> 00:22:41,240
En stap één zal overeenkomen met
de eerste stap in de tutorial.

412
00:22:41,240 --> 00:22:44,020
Opmerking Er zijn folders, stap
een stap twee, tot aan vijf.

413
00:22:44,020 --> 00:22:47,835
En elk correspondeert
om een ​​stap in deze tutorial.

414
00:22:47,835 --> 00:22:50,960

415
00:22:50,960 --> 00:22:52,780
Ik ga om het te openen
hier in mijn tekstverwerker

416
00:22:52,780 --> 00:22:56,280
zodat we een beetje van wat er gemaakt kan zien.

417
00:22:56,280 --> 00:22:58,530
We merken dat er
zijn vier grote delen.

418
00:22:58,530 --> 00:23:01,170
Er is een Meteor directory, .meteor.

419
00:23:01,170 --> 00:23:03,180
En dat je meestal
niet hoeft aan te raken.

420
00:23:03,180 --> 00:23:05,070
Meteor verzorgt
die map, en het gewoon

421
00:23:05,070 --> 00:23:08,640
zorgt ervoor dat uw
project zal correct werken.

422
00:23:08,640 --> 00:23:14,580
>> We hebben ook drie bestanden, een HTML-bestand,
een JavaScript-bestand en een CSS-bestand.

423
00:23:14,580 --> 00:23:18,670
Laten we eerst beginnen met het HTML-bestand.

424
00:23:18,670 --> 00:23:21,310
Op het eerste gezicht lijkt dit
als een normale HTML-document.

425
00:23:21,310 --> 00:23:23,490
Maar merk op dat er
zijn een paar verschillen.

426
00:23:23,490 --> 00:23:26,520
Eén, dit niet echt
een complete HTML-document.

427
00:23:26,520 --> 00:23:28,640
We missen de HTML-tags.

428
00:23:28,640 --> 00:23:29,700
Dit is normaal.

429
00:23:29,700 --> 00:23:33,560
In Meteor, je bent niet verwacht
om deze HTML-tags te maken.

430
00:23:33,560 --> 00:23:35,260
Dat is voor u gedaan.

431
00:23:35,260 --> 00:23:38,380
U wilt begin-- als u
willen een website te maken,

432
00:23:38,380 --> 00:23:40,430
je hoeft alleen maar om te beginnen
met het hoofd tag,

433
00:23:40,430 --> 00:23:43,510
bepalen dat, en dan
definiëren de body-tag.

434
00:23:43,510 --> 00:23:48,940
>> Maar als je merkt in dit
HTML-bestand, hebben we een nieuwe tag.

435
00:23:48,940 --> 00:23:50,350
Wij hebben de template tag.

436
00:23:50,350 --> 00:23:52,050
Dit is niet normaal HTML.

437
00:23:52,050 --> 00:23:55,300
Dit is een speciale versie van HTML
dat Meteor maakt voor u beschikbaar.

438
00:23:55,300 --> 00:23:57,660
Het heet ruimte bars.

439
00:23:57,660 --> 00:24:00,980
U kunt sjablonen zo weinig te definiëren
modules, net zoiets als helper functies,

440
00:24:00,980 --> 00:24:03,660
in uw C of JavaScript-code.

441
00:24:03,660 --> 00:24:06,020
Deze sjabloon zou
hebben een naam genoemd taak.

442
00:24:06,020 --> 00:24:10,520
En je kunt hier zien op de lijn
13 dat u kunt deze sjablonen noemen.

443
00:24:10,520 --> 00:24:14,380
En wat Meteor zal doen is gewoon
in deze taken voor u invullen.

444
00:24:14,380 --> 00:24:17,540

445
00:24:17,540 --> 00:24:22,580
>> Een ander ding dat je zou kunnen opmerken is een
beetje anders is dit elke functie.

446
00:24:22,580 --> 00:24:26,130
Elk van hen zal de variabele nemen
taken en de aard van de door het gaan

447
00:24:26,130 --> 00:24:28,810
in dat foreach lus wij
zag in bijvoorbeeld zeven.

448
00:24:28,810 --> 00:24:34,200
Deze kunnen elk een woordenboek te nemen
of een lijst, een object of een lijst,

449
00:24:34,200 --> 00:24:38,820
en het zal alleen maar gaan door alle van de
waarden als een foreach lus zou doen.

450
00:24:38,820 --> 00:24:44,110
Dus als we een heleboel taken, dit
de sjabloon op elke taak noemen.

451
00:24:44,110 --> 00:24:49,590
>> Laten we lopen het Meteor project
gewoon om te zien dat dit gebeurt.

452
00:24:49,590 --> 00:24:53,260
Ik ren de Meteor project met
gewoon Meteor of Meteor draaien.

453
00:24:53,260 --> 00:24:56,690
En nu Meteor gewoon zal moeten
om het project snel te bereiden,

454
00:24:56,690 --> 00:25:03,320
start de database nodig,
en dan post de app lokaal.

455
00:25:03,320 --> 00:25:07,200
We kunnen nu naar onze web browser.

456
00:25:07,200 --> 00:25:10,215
En we zullen zien dat we
een zeer eenvoudige applicatie.

457
00:25:10,215 --> 00:25:22,190

458
00:25:22,190 --> 00:25:29,130
Dus wat we zagen opdagen was eigenlijk
de eerste stap, de stap één bestand.

459
00:25:29,130 --> 00:25:33,260
>> Laten we verder gaan met stap twee alleen omdat
Ik denk dat het zal hetzelfde doel dienen.

460
00:25:33,260 --> 00:25:36,500
Ik ga gewoon om te veranderen
om de stap twee directory

461
00:25:36,500 --> 00:25:39,550
en voer Meteor weer zodat we kunnen zien
de sjabloon we gewoon gewerkt.

462
00:25:39,550 --> 00:25:43,560

463
00:25:43,560 --> 00:25:45,730
Ja, een vraag?

464
00:25:45,730 --> 00:25:49,724
>> Publiek: Als we krijgen toestemming
ontkend, is dat-- wat is het

465
00:25:49,724 --> 00:25:50,390
riep voor dat?

466
00:25:50,390 --> 00:25:52,154

467
00:25:52,154 --> 00:25:54,070
ROGER ZURAWICKI: Als
je draait Meteor run,

468
00:25:54,070 --> 00:25:57,280
en je toestemming hebt
ontkend, sommige van uw bestanden

469
00:25:57,280 --> 00:25:59,070
misschien niet de juiste toestemming set.

470
00:25:59,070 --> 00:26:03,970
Dus je moet controleren waar
de toestemmingen zijn uitgeschakeld.

471
00:26:03,970 --> 00:26:06,030
Zij konden off in
uw Meteor project,

472
00:26:06,030 --> 00:26:08,550
of ze kunnen weg in de te
Meteor-bestanden zelf.

473
00:26:08,550 --> 00:26:13,742
>> Publiek: Als ik gedownload het nu net
uit je GitHub, dan wat moet ik doen

474
00:26:13,742 --> 00:26:16,110
[Onverstaanbaar]?

475
00:26:16,110 --> 00:26:20,110
>> ROGER ZURAWICKI: Als u wilt
om te controleren of u toegang hebt,

476
00:26:20,110 --> 00:26:21,450
er is een opdracht die u kunt uitvoeren.

477
00:26:21,450 --> 00:26:26,590
Laat me snel schrijf het uit
zodat andere mensen het kunnen zien.

478
00:26:26,590 --> 00:26:30,670
Ik ga een nieuw tabblad hier openen
en ga in mijn seminar map.

479
00:26:30,670 --> 00:26:33,500

480
00:26:33,500 --> 00:26:36,490
Chmod is het commando
om machtigingen te wijzigen,

481
00:26:36,490 --> 00:26:40,060
en je kunt r zeggen voor het doen
recursief voor elk bestand.

482
00:26:40,060 --> 00:26:46,040
En machtigingen, kunt u proberen 0755
om ervoor te zorgen dat u volledige toegang,

483
00:26:46,040 --> 00:26:47,820
en iedereen kan lezen.

484
00:26:47,820 --> 00:26:50,100
En als je gewoon lopen
deze opdracht, zal het goedmaken

485
00:26:50,100 --> 00:26:55,800
ervoor dat de permissies zijn in
kijk voor de hele map.

486
00:26:55,800 --> 00:26:59,160
Hardlopen ls-l kunt u de
toestemmingen in meer detail.

487
00:26:59,160 --> 00:27:01,290
Dit ziet er goed uit.

488
00:27:01,290 --> 00:27:03,900
>> Wat het meest belangrijk is
dat u alle drie

489
00:27:03,900 --> 00:27:06,610
rwx voor alle bestanden in
het seminar directory.

490
00:27:06,610 --> 00:27:09,415

491
00:27:09,415 --> 00:27:11,330
Wist dat het probleem op te lossen?

492
00:27:11,330 --> 00:27:13,735
>> Publiek: Het zegt ontbrekende
operante [onverstaanbaar].

493
00:27:13,735 --> 00:27:17,980

494
00:27:17,980 --> 00:27:18,740
[Onverstaanbaar]

495
00:27:18,740 --> 00:27:20,490
ROGER ZURAWICKI: U
moet ervoor zorgen dat u

496
00:27:20,490 --> 00:27:23,022
hebben een punt aan het einde van uw opdracht.

497
00:27:23,022 --> 00:27:23,938
Publiek: [onverstaanbaar].

498
00:27:23,938 --> 00:27:36,395

499
00:27:36,395 --> 00:27:37,520
ROGER ZURAWICKI: Oké.

500
00:27:37,520 --> 00:27:42,220
Laten we snel terug te gaan naar de
lokale host, de app die we hebben.

501
00:27:42,220 --> 00:27:46,640
En je zult zien dat we een
enkele taken hier, zoals verwacht.

502
00:27:46,640 --> 00:27:49,330

503
00:27:49,330 --> 00:27:51,990
We hebben een heleboel CSS, waarvan
je hoeft geen zorgen te maken over.

504
00:27:51,990 --> 00:27:53,740
De Meteor zelfstudie
alleen geeft deze aan u

505
00:27:53,740 --> 00:27:58,010
om je te maken te doen lijst uiterlijk een
beetje mooier dan de gewone HTML.

506
00:27:58,010 --> 00:28:02,290
En we hebben het JavaScript-bestand, dat
Ik zal een beetje later meer in detail te gaan,

507
00:28:02,290 --> 00:28:04,272
maar het gewoon biedt deze taken.

508
00:28:04,272 --> 00:28:04,980
Dit is de taak van één.

509
00:28:04,980 --> 00:28:05,740
Dit is de taak van twee.

510
00:28:05,740 --> 00:28:06,590
Dit is de taak van de drie.

511
00:28:06,590 --> 00:28:09,720
Dus dit is de gegevens Meteor's krijgen.

512
00:28:09,720 --> 00:28:15,590
>> Een van de leuke dingen over Meteor is
dat wijzigingen automatisch kan gebeuren.

513
00:28:15,590 --> 00:28:18,990
Als ik wilde het veranderen
de naam van de eerste taak,

514
00:28:18,990 --> 00:28:22,490
dus het zou zeggen dat dit niet
taak, en ik sla het op,

515
00:28:22,490 --> 00:28:26,370
dan wanneer ik naar het web
browser, kunt u het vernieuwen,

516
00:28:26,370 --> 00:28:30,861
en het zegt automatisch
dit is niet de taak van één.

517
00:28:30,861 --> 00:28:32,860
U kunt hetzelfde doen
in deze bestanden.

518
00:28:32,860 --> 00:28:37,940
Maak een verandering, in plaats van te doen
lijst, zal ik het op mijn to do list.

519
00:28:37,940 --> 00:28:40,980
>> En een ding dat je gewoon opgevallen,
dat ik had niet eens op te frissen.

520
00:28:40,980 --> 00:28:43,960
Het idee van verfrissende is een soort
van de voor u opgelost met Meteor.

521
00:28:43,960 --> 00:28:48,970
Wanneer het bestand veranderingen detecteert,
het zal de veranderingen te laden voor u.

522
00:28:48,970 --> 00:28:53,110
Dit werkt op alle bestanden, of
het is HTML, CSS of JavaScript.

523
00:28:53,110 --> 00:28:57,990
Om te laten zien wat deze app zou kijken
als zonder CSS, kan ik het allemaal te verwijderen.

524
00:28:57,990 --> 00:29:04,720
En als het herladen, je hebt nu
een niet zo mooi uitziende to do list.

525
00:29:04,720 --> 00:29:06,370
Laten we die inhoud terug.

526
00:29:06,370 --> 00:29:11,343
En zeker genoeg, het
verfrist, en onze CSS is terug.

527
00:29:11,343 --> 00:29:11,843
Grote.

528
00:29:11,843 --> 00:29:15,700

529
00:29:15,700 --> 00:29:20,010
>> We kunnen nu verder met de tutorial.

530
00:29:20,010 --> 00:29:23,360
Laten we praten over stap twee, sjablonen.

531
00:29:23,360 --> 00:29:27,140
Dit is wat we net zagen
de verschillende taken.

532
00:29:27,140 --> 00:29:31,550
Meteor zal u uitleggen wat
templates en hoe deze logica werkt.

533
00:29:31,550 --> 00:29:34,760
Maar laten we gewoon kijken naar de code
kijken of we zin kan van te maken.

534
00:29:34,760 --> 00:29:38,030

535
00:29:38,030 --> 00:29:41,460
>> In zeer eenvoudige toepassingen,
zoals wat we hebben in de eenvoudige

536
00:29:41,460 --> 00:29:44,550
doen, stap één, stap twee stappen
drie, stap vier, stap vijf,

537
00:29:44,550 --> 00:29:45,700
we geen mappen.

538
00:29:45,700 --> 00:29:47,533
We niet de server hebben
folder die ik noemde.

539
00:29:47,533 --> 00:29:50,510
We hebben niet de cliënt
map die werd genoemd.

540
00:29:50,510 --> 00:29:52,290
Dus Meteor worden alle bestanden uit te voeren.

541
00:29:52,290 --> 00:29:55,210
Het zal het zowel draaien op de
client, zowel op de server.

542
00:29:55,210 --> 00:29:58,840
>> En als je wilt delen van je JavaScript
code kan worden uitgevoerd alleen op de client,

543
00:29:58,840 --> 00:30:02,350
ze nodig hebben om ervoor te zorgen dat u
een if-statement, net zoiets als wat

544
00:30:02,350 --> 00:30:04,890
we hebben in ons JavaScript-bestand hier.

545
00:30:04,890 --> 00:30:08,010
Dus Meteor, alleen als
het is de klant, dan moet ik

546
00:30:08,010 --> 00:30:12,355
een sjabloon wilt definiëren
helper genoemd taken.

547
00:30:12,355 --> 00:30:15,050

548
00:30:15,050 --> 00:30:19,260
Wat deze code echt
doet is het zegt dat er

549
00:30:19,260 --> 00:30:21,800
een object met de naam sjabloon
dat Meteor biedt.

550
00:30:21,800 --> 00:30:23,270
En we gaan naar een helper voegen.

551
00:30:23,270 --> 00:30:27,680
Helpers zijn deze taken,
deze dingen, zoals de taken.

552
00:30:27,680 --> 00:30:33,890
>> Je zult zien dat als we terug gaan naar de
HTML-bestand, we noemden elkaar op taken.

553
00:30:33,890 --> 00:30:35,750
Taken wordt niet gedefinieerd in de HTML.

554
00:30:35,750 --> 00:30:37,770
Het is gedefinieerd in het JavaScript.

555
00:30:37,770 --> 00:30:42,610
En Meteor moet weten welke taken is
wanneer gaan we de JavaScript hier.

556
00:30:42,610 --> 00:30:45,550
Taken is dit helper.

557
00:30:45,550 --> 00:30:49,830
Helper, kunt u denken aan
als sjabloon variabel.

558
00:30:49,830 --> 00:30:51,000
En wat doet taken te doen?

559
00:30:51,000 --> 00:30:53,580
Nou, het geeft de lijst met waarden.

560
00:30:53,580 --> 00:30:56,750
Want het is een lijst,
kunnen we elk gesprek in.

561
00:30:56,750 --> 00:30:58,590
Dus dat is de reden waarom elke roepen we taken.

562
00:30:58,590 --> 00:30:59,730
En nu hebben we de taak.

563
00:30:59,730 --> 00:31:02,850

564
00:31:02,850 --> 00:31:03,990
>> Wat doet taak te doen?

565
00:31:03,990 --> 00:31:07,740
Nou, het heeft deze pijl
hier na de accolades.

566
00:31:07,740 --> 00:31:09,130
Dat betekent taak een sjabloon.

567
00:31:09,130 --> 00:31:11,100
Het is niet een helper,
zoals wat we net zagen.

568
00:31:11,100 --> 00:31:12,872
Het is een sjabloon die we hebben gedefinieerd.

569
00:31:12,872 --> 00:31:14,080
En waar hebben we gedefinieerd het?

570
00:31:14,080 --> 00:31:16,950
We hebben het hieronder omschreven hier.

571
00:31:16,950 --> 00:31:21,160
>> Alle deze sjabloon maakt is de render
een item in de lijst, en het roept tekst.

572
00:31:21,160 --> 00:31:24,160
Nu, tekst lijkt te zijn een
helper, maar ik zal je laten zien

573
00:31:24,160 --> 00:31:26,610
dat dit eigenlijk nog steeds
een data-lid van taken.

574
00:31:26,610 --> 00:31:29,230

575
00:31:29,230 --> 00:31:33,670
Wanneer u elk gesprek, het gaat in
de datastructuur een beetje.

576
00:31:33,670 --> 00:31:39,130
Net als de foreach lus, is het nu net lijkt
het eerste element in ons object.

577
00:31:39,130 --> 00:31:41,850
We zien dat de tekst is
hier gedefinieerd in onze object.

578
00:31:41,850 --> 00:31:45,350
Dus Meteor is slim om te weten dat
we praten over deze tekst,

579
00:31:45,350 --> 00:31:47,630
niet de helper genoemd tekst.

580
00:31:47,630 --> 00:31:52,120
Het wordt steeds de waarde van deze
tekst hier en geeft dit als HTML,

581
00:31:52,120 --> 00:31:55,475
en dat is hoe de gegevens gaat
van de JavaScript om de HTML.

582
00:31:55,475 --> 00:32:03,320

583
00:32:03,320 --> 00:32:07,030
>> Doorstroming echter in dit voorbeeld
we hard gecodeerd die waarden.

584
00:32:07,030 --> 00:32:10,440
Meteor doet twee echt
leuke dingen voor ons.

585
00:32:10,440 --> 00:32:15,050
Naast de live-refresh dat we
vertoonden, zij beheert ook onze database.

586
00:32:15,050 --> 00:32:18,750
Als je moest werken met PHP,
je moest phpMyAdmin te configureren.

587
00:32:18,750 --> 00:32:21,320
Je moest ervoor zorgen dat uw
tafels waren allemaal onder controle.

588
00:32:21,320 --> 00:32:24,760
Je moest een hoop werk te doen om ervoor te
ervoor dat uw gegevens correct is geformatteerd,

589
00:32:24,760 --> 00:32:27,880
en PHP kan ermee communiceren.

590
00:32:27,880 --> 00:32:30,170
>> Nu, Meteor maakt gebruik van een nieuw paradigma.

591
00:32:30,170 --> 00:32:32,310
Dit is een meer moderne manier
de behandeling van een database.

592
00:32:32,310 --> 00:32:34,580
Het is een technologie genaamd MongoDB.

593
00:32:34,580 --> 00:32:38,740
Net als in JavaScript, dat zagen we
maakte niet uit welke soorten de gegevens had.

594
00:32:38,740 --> 00:32:39,640
Alles was een var.

595
00:32:39,640 --> 00:32:40,570
Het was geen charstar.

596
00:32:40,570 --> 00:32:40,930
Het was niet een int.

597
00:32:40,930 --> 00:32:41,970
Het was geen structuur.

598
00:32:41,970 --> 00:32:44,210
Het was gewoon var dit, var dat.

599
00:32:44,210 --> 00:32:46,320
>> MongoDB werkt soort op dezelfde manier.

600
00:32:46,320 --> 00:32:48,160
Je hoeft niet om uw tabellen te definiëren.

601
00:32:48,160 --> 00:32:50,860
Je hoeft niet om een ​​tafel te zeggen
heeft een naam, die een int heeft.

602
00:32:50,860 --> 00:32:54,710
Het heeft, weet ik niet, een
dollar, dat is een decimaal.

603
00:32:54,710 --> 00:32:58,360
Het is gewoon deze JavaScript-objecten,
al deze vars, wezen.

604
00:32:58,360 --> 00:33:02,780
En dit is een echt krachtig
manier om uw app prototype.

605
00:33:02,780 --> 00:33:06,190
En dat is waarom Meteor
maakt gebruik van deze.

606
00:33:06,190 --> 00:33:11,080
>> Als we naar stap drie,
laten we eens zien wat er veranderd is.

607
00:33:11,080 --> 00:33:15,480
Als we kijken naar de todos HTML, niet veel.

608
00:33:15,480 --> 00:33:17,170
CSS is niet veranderd.

609
00:33:17,170 --> 00:33:22,420
Maar de kleine verandering zien we in HTML
is we hebben veranderd hoe de taken wordt gedefinieerd.

610
00:33:22,420 --> 00:33:23,800
Taken is nu een functie.

611
00:33:23,800 --> 00:33:25,800
Dat betekent dat elke
keer willen we taken krijgen,

612
00:33:25,800 --> 00:33:27,480
we gaan om deze functie uit te voeren.

613
00:33:27,480 --> 00:33:29,230
Het komt niet terug de
functie als een waarde.

614
00:33:29,230 --> 00:33:33,710
>> Meteor is slim om daadwerkelijk lopen de
functie om te zien wat we krijgen.

615
00:33:33,710 --> 00:33:36,650
En het keert dit ding heet taken.

616
00:33:36,650 --> 00:33:40,650
We hebben gedefinieerde taken op lijn één,
en het is een Mongo collectie.

617
00:33:40,650 --> 00:33:43,170
Mongo verwijst naar
database Meteor gebruikt,

618
00:33:43,170 --> 00:33:48,420
en deze nieuwe betekent gewoon laten maken
een nieuwe collectie, noem het taken.

619
00:33:48,420 --> 00:33:53,540
In MySQL, zou dit gelijk te zijn
op zoek naar de tabel met de naam taken.

620
00:33:53,540 --> 00:33:56,350
Mongo heeft collecties, geen tabellen.

621
00:33:56,350 --> 00:34:00,100
Dus dit ziet er gewoon voor taken.

622
00:34:00,100 --> 00:34:04,820
>> Nu, sjabloon in onze
helper in de matrijs, alle

623
00:34:04,820 --> 00:34:08,380
we moeten doen om alle te krijgen
taken wordt deze functie, vindt

624
00:34:08,380 --> 00:34:11,710
en dit lege brace.

625
00:34:11,710 --> 00:34:14,150
Dit is bijzonder Mongo syntax.

626
00:34:14,150 --> 00:34:16,159
Er is genoeg
documentatie online hoe

627
00:34:16,159 --> 00:34:19,360
kunt u efficiënter te maken en
echt nuttig Mongo queries.

628
00:34:19,360 --> 00:34:25,560
Maar zoiets als dit is goed
genoeg voor alleen het vinden van alle data.

629
00:34:25,560 --> 00:34:30,100
>> Nu, een van de problemen die je zou kunnen zien
is dat we eigenlijk nooit gegevens toe te voegen.

630
00:34:30,100 --> 00:34:35,020
Dus wat gebeurt er als we
eigenlijk stap drie lopen?

631
00:34:35,020 --> 00:34:37,550
Laten we snel gaan in
stap drie en uitvoeren Meteor.

632
00:34:37,550 --> 00:34:42,870

633
00:34:42,870 --> 00:34:45,650
Merk op dat ik had een andere Meteor
project loopt ergens anders,

634
00:34:45,650 --> 00:34:49,110
dus Meteor houdt niet van dat.

635
00:34:49,110 --> 00:34:52,810
Ik ga gewoon om snel te dicht bij
de andere Meteor met Controle C,

636
00:34:52,810 --> 00:34:55,780
ga naar stap drie,
en lopen weer Meteor.

637
00:34:55,780 --> 00:35:01,070

638
00:35:01,070 --> 00:35:03,180
Merkt het begint
MongoDB omdat MongoDB

639
00:35:03,180 --> 00:35:06,370
is een onderdeel van elk Meteor project.

640
00:35:06,370 --> 00:35:09,190
>> Dus het zegt mijn aanvraag heeft fouten.

641
00:35:09,190 --> 00:35:10,590
Dat is een leuke feature Meteor heeft.

642
00:35:10,590 --> 00:35:13,700
Het zorgt ervoor dat uw
HTML is goed gevalideerd.

643
00:35:13,700 --> 00:35:17,710
Laten we snel kijken naar de redenen waarom dit zou kunnen zijn.

644
00:35:17,710 --> 00:35:26,110
Het lijkt erop dat ik per ongeluk
kopieerde de verkeerde HTML-code.

645
00:35:26,110 --> 00:35:30,610
Als ik sla het nu, Meteor
automatisch herstart de server,

646
00:35:30,610 --> 00:35:34,650
en nu is de app loopt zoals verwacht.

647
00:35:34,650 --> 00:35:39,220
Merkt dit op te lossen, kun je gewoon
hetzelfde HTML bestand van stap twee,

648
00:35:39,220 --> 00:35:40,380
kopieer het in stap drie.

649
00:35:40,380 --> 00:35:43,290

650
00:35:43,290 --> 00:35:45,917
>> We kunnen terug te gaan naar onze lokale host.

651
00:35:45,917 --> 00:35:47,500
En nu zien we dat we onze to do list.

652
00:35:47,500 --> 00:35:50,070
Geweldig, maar het is leeg.

653
00:35:50,070 --> 00:35:54,210
We hebben eigenlijk geen
taken in onze Mongo database.

654
00:35:54,210 --> 00:35:57,930
Dus laten we praten over een
weinige manieren waarop we kunnen dat doen.

655
00:35:57,930 --> 00:36:03,240
Als we teruggaan naar de terminal, we
kan te sluiten en uit te voeren Meteor Mongo.

656
00:36:03,240 --> 00:36:05,320
>> Als je bekend bent
met hoe Meteor werkt,

657
00:36:05,320 --> 00:36:14,100
Dit geeft u eigenlijk de toegang
om de volledige MongoDB voor Meteor.

658
00:36:14,100 --> 00:36:17,570
Merk op dat je hoeft te draaien
Meteoor eerste om dit te laten werken.

659
00:36:17,570 --> 00:36:23,840
Dus als ik dit in een nieuw tabblad, ik
kunt terug gaan naar dezelfde directory.

660
00:36:23,840 --> 00:36:29,040

661
00:36:29,040 --> 00:36:32,570
En nu Meteor werkt prima.

662
00:36:32,570 --> 00:36:33,600
Dit is een vraag.

663
00:36:33,600 --> 00:36:36,350

664
00:36:36,350 --> 00:36:38,790
Laat me het een beetje
groter zodat we kunnen zien.

665
00:36:38,790 --> 00:36:41,550
Dit ziet er een beetje anders dan
wat je zou kunnen worden gebruikt om u te

666
00:36:41,550 --> 00:36:42,869
niet echt nodig om Mongo gebruiken.

667
00:36:42,869 --> 00:36:45,410
Het hele punt van mij is hier
zodat u JavaScript kunt gebruiken.

668
00:36:45,410 --> 00:36:48,250
Maar als je nieuwsgierig bent,
de Mongo API niet

669
00:36:48,250 --> 00:36:50,730
Gebruik SQL, de Structured Query Language.

670
00:36:50,730 --> 00:36:55,570
Het maakt gebruik van de eigen taal die
lijkt veel op JavaScript.

671
00:36:55,570 --> 00:37:00,520
Heel snel, we kunnen vinden
de tafel via db.tasks.

672
00:37:00,520 --> 00:37:08,940
En het is me te vertellen
blijkt als we lopen te vinden,

673
00:37:08,940 --> 00:37:13,450
soort vergelijkbaar met wat we hadden met
Meteoor, kunnen we alle elementen te laden.

674
00:37:13,450 --> 00:37:17,330
Het probleem is, we doen niet
eigenlijk geen gedefinieerde taken.

675
00:37:17,330 --> 00:37:20,600
Dus het kan ze niet krijgen.

676
00:37:20,600 --> 00:37:22,130
>> We kunnen voegen, dat wel.

677
00:37:22,130 --> 00:37:25,170
Dus we kunnen insert draaien
met commando insert.

678
00:37:25,170 --> 00:37:29,140
En we geven het gewoon
een object, en we gewoon

679
00:37:29,140 --> 00:37:31,840
zorg ervoor dat het formaat is wat we verwachten.

680
00:37:31,840 --> 00:37:35,030
Als we gekeken naar stap twee,
we dat elke taak zag

681
00:37:35,030 --> 00:37:39,590
was een object met een tekst
als sleutel en wat

682
00:37:39,590 --> 00:37:41,640
je te doen punt was als een variabele.

683
00:37:41,640 --> 00:37:44,680
Dus we kunnen iets doen hier.

684
00:37:44,680 --> 00:37:50,160
>> We kunnen het hebben een taak in te voegen
riep ik kom uit Mongo.

685
00:37:50,160 --> 00:37:52,570
En wij op Enter, en het loopt.

686
00:37:52,570 --> 00:37:56,900
We kunnen lopen vinden opnieuw, en we
zien dat er hier een object.

687
00:37:56,900 --> 00:38:01,810
Mongo wijst deze een ID, die u
niet echt zorgen te maken over.

688
00:38:01,810 --> 00:38:06,690
Wat is belangrijk voor u is de data
je in, is de gegevens die u eruit te komen.

689
00:38:06,690 --> 00:38:10,500
>> Laten we terug gaan naar onze website,
en hey, onze taak geladen.

690
00:38:10,500 --> 00:38:13,987
En je kunt dat zien
want Meteor is erg slim

691
00:38:13,987 --> 00:38:16,570
en altijd verfrist voor u, ik
had niet om de pagina te raken.

692
00:38:16,570 --> 00:38:19,160
Het automatisch geladen.

693
00:38:19,160 --> 00:38:23,520
>> Laten we lopen een stukje code in
JavaScript hoewel dit doen.

694
00:38:23,520 --> 00:38:26,120
Zoals we hebben Node in de rug
uiteindelijk uit te voeren buiten JavaScript,

695
00:38:26,120 --> 00:38:29,280
kunnen we ook draaien JavaScript
direct in onze browsers.

696
00:38:29,280 --> 00:38:31,970
U kunt dit doen door een functie
riep Inspecteer Element.

697
00:38:31,970 --> 00:38:34,210
Als ik klik met de rechtermuisknop op een
sectie van de pagina,

698
00:38:34,210 --> 00:38:36,730
er is een optie
riep Inspecteer Element.

699
00:38:36,730 --> 00:38:38,840
Als u gebruik maakt van een
browser zoals Safari, u

700
00:38:38,840 --> 00:38:45,430
Mogelijk moet u de ontwikkelaar in staat
gereedschappen voordat je deze functie.

701
00:38:45,430 --> 00:38:46,930
>> Wat we de zorg over is de console.

702
00:38:46,930 --> 00:38:48,930
Dus we zullen gewoon naar de
console onderaan.

703
00:38:48,930 --> 00:38:52,110

704
00:38:52,110 --> 00:38:55,970
Nu kunnen we geen JavaScript draaien
hier, net als de JavaScript

705
00:38:55,970 --> 00:38:58,860
bestanden die ik liet zien in de js voorbeeld.

706
00:38:58,860 --> 00:39:02,040
Maar laten we nu eens kijken naar taken.

707
00:39:02,040 --> 00:39:04,955
We kunnen onze opdracht uit te voeren.

708
00:39:04,955 --> 00:39:07,830
En hopelijk zal ik in staat zijn om te maken
het een beetje groter, zodat we allemaal kunnen zien.

709
00:39:07,830 --> 00:39:14,390

710
00:39:14,390 --> 00:39:18,450
>> Als we lopen tasks.find, en je zult
zien dat dit exact dezelfde code

711
00:39:18,450 --> 00:39:24,840
dat de JavaScript-bestand gebruik
in stap drie, dit task.find.

712
00:39:24,840 --> 00:39:29,100
We kunnen hetzelfde draaien, en
nu krijgen we een aantal rare dingen.

713
00:39:29,100 --> 00:39:31,050
Hoe komen we eigenlijk krijgen de gegevens?

714
00:39:31,050 --> 00:39:34,860
Nou, we hebben om dit te voeren
commando genaamd halen.

715
00:39:34,860 --> 00:39:37,150
>> Dit is erg handig voor het debuggen.

716
00:39:37,150 --> 00:39:41,000
Wat je hier krijgt is
een cursor, en dit is

717
00:39:41,000 --> 00:39:44,890
een leuke manier Meteor heeft
geoptimaliseerd ophalen van gegevens.

718
00:39:44,890 --> 00:39:48,270
Deze cursor heeft alle functies voor
live-actualisering en de pagina te vernieuwen

719
00:39:48,270 --> 00:39:49,650
als er iets is veranderd.

720
00:39:49,650 --> 00:39:51,280
Maar het zal niet ons de gegevens.

721
00:39:51,280 --> 00:39:52,720
We kunnen de gegevens via halen krijgen.

722
00:39:52,720 --> 00:39:56,880
En je ziet hebben we een object, en
het is net als wat we hadden in Mongo,

723
00:39:56,880 --> 00:40:00,040
met een ID en de tekst zetten we in.

724
00:40:00,040 --> 00:40:04,200
>> Dus hoe kunnen we op een item in Meteor te voegen?

725
00:40:04,200 --> 00:40:07,250
Nou, we hebben taken.

726
00:40:07,250 --> 00:40:09,990
En dan kunnen we lopen het
Hetzelfde insert commando,

727
00:40:09,990 --> 00:40:17,520
het geven van een woordenboek of een object
met hetzelfde formaat, tekst

728
00:40:17,520 --> 00:40:22,340
en dan kom ik uit de console.

729
00:40:22,340 --> 00:40:27,240
Neem een ​​kijkje boven, want toen ik
Dit doen, het verschijnt op de website

730
00:40:27,240 --> 00:40:29,660
automatisch.

731
00:40:29,660 --> 00:40:33,291
>> Merk op dat je iets kunt zetten
je wilt in deze items.

732
00:40:33,291 --> 00:40:35,040
Het hoeft niet te
een vaste structuur.

733
00:40:35,040 --> 00:40:39,790
Ik kon gelijk aan het hebben
nummer drie en b gelijk is aan vals.

734
00:40:39,790 --> 00:40:41,600
En het allemaal werkt.

735
00:40:41,600 --> 00:40:46,000
Ik kan zelfs kiezen om niet te
onder andere een tekst helemaal.

736
00:40:46,000 --> 00:40:48,320
Dit is gewoon niet aanbevolen
hoewel want dan Meteor

737
00:40:48,320 --> 00:40:50,920
zullen niet weten wat te laten zien.

738
00:40:50,920 --> 00:40:53,110
Maar in elk geval, we
krijgen een ID, en dat is

739
00:40:53,110 --> 00:40:54,785
de ID van het object dat u kunt gebruiken.

740
00:40:54,785 --> 00:41:01,120

741
00:41:01,120 --> 00:41:03,280
>> Als we doorgaan met
stap vier en stap vijf,

742
00:41:03,280 --> 00:41:06,870
de tutorial zal u tonen hoe dat
je UI-elementen te creëren met behulp van

743
00:41:06,870 --> 00:41:13,130
de HTML je weet te
maken verschillende taken.

744
00:41:13,130 --> 00:41:15,440
Laten we eens kijken naar stap vier heel snel.

745
00:41:15,440 --> 00:41:18,290
We zullen zien dat we toegevoegd
een sectie over evenementen.

746
00:41:18,290 --> 00:41:20,874
Templates kunnen hebben
helpers, die ons gegevens op te halen.

747
00:41:20,874 --> 00:41:22,040
Maar het kan ook gebeurtenissen noemen.

748
00:41:22,040 --> 00:41:25,300
En dit is waar spul
wordt nuttig, omdat gebeurtenissen

749
00:41:25,300 --> 00:41:28,590
worden wat er gebeurt wanneer u klikt op
verschillende dingen op uw website.

750
00:41:28,590 --> 00:41:33,790
>> Hier, onze code is te vertellen
ons naar dit evenement toe te voegen.

751
00:41:33,790 --> 00:41:38,860
Voeg het toe als je hebt ingediend
iets met de klas nieuwe taak.

752
00:41:38,860 --> 00:41:41,910
Wat je hier hebt is een CSS selector.

753
00:41:41,910 --> 00:41:45,870
Dus dit ziet er gewoon voor een HTML-
element dat de klasse nieuwe taak heeft.

754
00:41:45,870 --> 00:41:47,940
En het ziet er voor het evenement, zoals in te dienen.

755
00:41:47,940 --> 00:41:51,050
Andere evenementen zijn onder
klik, hover, dubbelklikken,

756
00:41:51,050 --> 00:41:54,450
vergelijkbaar met wat je krijgt in de normale HTML.

757
00:41:54,450 --> 00:41:56,770
>> Wat je hier geven is nu een functie.

758
00:41:56,770 --> 00:42:01,210
En kunt u uw
code die functie.

759
00:42:01,210 --> 00:42:06,360
Deze functie is wat eindigt krijgt
aangeroepen wanneer u deze nieuwe taak in te dienen.

760
00:42:06,360 --> 00:42:12,170
Laten we eens kijken naar de HTML zodat we
begrijpen wat deze nieuwe taak is.

761
00:42:12,170 --> 00:42:15,570
We hebben hier een formulier toegevoegd
met klasse nieuwe taak.

762
00:42:15,570 --> 00:42:19,880
En het heeft een ingang die tekst neemt.

763
00:42:19,880 --> 00:42:22,605
En dit is waar we
zal onze nieuwe taken toe te voegen.

764
00:42:22,605 --> 00:42:25,520

765
00:42:25,520 --> 00:42:29,780
>> Laten we stap vier draaien in de
website om te zien hoe het eruit ziet.

766
00:42:29,780 --> 00:42:32,710
We kunnen first out stoppen
van de MongoDB we hadden

767
00:42:32,710 --> 00:42:35,300
van onze vorige
voorbeeld Beheer C.

768
00:42:35,300 --> 00:42:37,690
En laten we veranderen in
de stap vier directory.

769
00:42:37,690 --> 00:42:41,000

770
00:42:41,000 --> 00:42:42,920
We zullen opnieuw uitvoeren Meteor
Om de server.

771
00:42:42,920 --> 00:42:46,850

772
00:42:46,850 --> 00:42:50,510
En helaas, had ik Meteor
uitgevoerd in een andere terminal.

773
00:42:50,510 --> 00:42:53,080
Dus ik ga gewoon
zorg ervoor dat deze gesloten.

774
00:42:53,080 --> 00:43:01,805
Laten we stoppen met deze en verandering
om deel vier, stap vier.

775
00:43:01,805 --> 00:43:02,305
OK.

776
00:43:02,305 --> 00:43:11,220

777
00:43:11,220 --> 00:43:13,250
>> Nu onze Meteor code wordt uitgevoerd.

778
00:43:13,250 --> 00:43:19,480
En je kunt zien dat het bijgewerkt, zonder
dat we het zelfs om de pagina te vernieuwen.

779
00:43:19,480 --> 00:43:24,410
Wat is hier veranderd is nu
dat we geen taken hebben,

780
00:43:24,410 --> 00:43:29,530
maar we hebben hier een formulier, dit
tekstvak, om onze nieuwe taken toevoegen.

781
00:43:29,530 --> 00:43:31,550
En we kunnen onze taak hier te typen.

782
00:43:31,550 --> 00:43:34,564
Ik kom uit de HTML-pagina.

783
00:43:34,564 --> 00:43:36,105
Toen ik op Enter, werd voorgelegd.

784
00:43:36,105 --> 00:43:39,180

785
00:43:39,180 --> 00:43:44,540
>> We kunnen zien wat er gebeurd als
gedefinieerd door de JavaScript-code.

786
00:43:44,540 --> 00:43:49,930
Wat deze functie deed was
Neem de tekst uit de vorm,

787
00:43:49,930 --> 00:43:53,680
en dan belde net tasks.insert,
zoals we deden in de console.

788
00:43:53,680 --> 00:43:56,410
Ze hebben ook besloten om een ​​createdAt datum toe te voegen.

789
00:43:56,410 --> 00:43:59,840
Dit is hoe je dat zou
geef de huidige tijd.

790
00:43:59,840 --> 00:44:03,220
Daarna klaart het formulier door het maken van
ervoor dat de waarde is de lege string.

791
00:44:03,220 --> 00:44:06,550
>> En dan roept hij return false naar
zorg ervoor dat er niets anders gebeurt.

792
00:44:06,550 --> 00:44:10,350
Wanneer u return false vanaf een
vorm evenement, dat de uitvoering stopt.

793
00:44:10,350 --> 00:44:14,520
Zeggen een vorm heeft een actie,
als onderwerpen aan een PHP-pagina.

794
00:44:14,520 --> 00:44:16,980
Als je niet was teruggekeerd
vals, zou je ware terug.

795
00:44:16,980 --> 00:44:18,500
Het zou uiteindelijk het maken van dat verzoek.

796
00:44:18,500 --> 00:44:20,590
Valse onderscheppen en
stopt het daar.

797
00:44:20,590 --> 00:44:23,510

798
00:44:23,510 --> 00:44:28,610
>> Dus dat was een beetje demo over
hoe Meteor werkt, en we hebben

799
00:44:28,610 --> 00:44:30,980
geweest na de tutorial voor een tijdje.

800
00:44:30,980 --> 00:44:33,560
En je kunt gelieve te voelen
vrij te blijven doen.

801
00:44:33,560 --> 00:44:37,760
Er zijn tal van middelen,
en de tutorial is eigenlijk alleen

802
00:44:37,760 --> 00:44:40,400
zeer goed over te leggen
wat is er aan de hand.

803
00:44:40,400 --> 00:44:44,362
Ik wil u nu laten zien, in
de paar minuten die we nog hebben,

804
00:44:44,362 --> 00:44:46,320
Wat zijn de
koeler kenmerken van Meteor,

805
00:44:46,320 --> 00:44:48,772
en wat zijn enkele van de
nuttiger pakketten.

806
00:44:48,772 --> 00:44:51,730
Een van de grote dingen over Meteor
is dat je een pakket systeem.

807
00:44:51,730 --> 00:44:55,620
U kunt gemakkelijk de code op te nemen
dat vele duizenden ontwikkelaars

808
00:44:55,620 --> 00:44:58,840
wereldwijd hebben geschreven
in uw Meteor project.

809
00:44:58,840 --> 00:45:02,410
Een voorbeeld hiervan is wat je misschien
doen in stap negen van de tutorial, waar

810
00:45:02,410 --> 00:45:07,435
je probeert om accounts toe te voegen
om uw Meteor project.

811
00:45:07,435 --> 00:45:10,010

812
00:45:10,010 --> 00:45:13,690
Als we een CS50 PHP
project, zouden we

813
00:45:13,690 --> 00:45:17,810
te vertrouwen op het raamwerk
of onze eigen code aan te maken

814
00:45:17,810 --> 00:45:20,820
zorgen dat we veilig hanteren
wachtwoorden en gebruikersnamen

815
00:45:20,820 --> 00:45:23,120
en opslaan van de database
en dat allemaal.

816
00:45:23,120 --> 00:45:25,670
>> Het blijkt Meteor heeft een aantal
pakketten om dat te doen voor u,

817
00:45:25,670 --> 00:45:29,160
en dat heel gemakkelijk.

818
00:45:29,160 --> 00:45:31,950
Wat we wel kunnen doen is het toevoegen van een paar pakketten.

819
00:45:31,950 --> 00:45:37,450
Dus laten we dat doen recht
nu in onze console.

820
00:45:37,450 --> 00:45:42,460
Ik ga om het project af te sluiten en
nu gaan in eenvoudige-todos.

821
00:45:42,460 --> 00:45:47,450

822
00:45:47,450 --> 00:45:50,050
Nu, eenvoudige-todos is
het project dat u

823
00:45:50,050 --> 00:45:53,500
zal na gedaan
met stap 11 of stap 12,

824
00:45:53,500 --> 00:45:55,250
Aan het einde van deze tutorial.

825
00:45:55,250 --> 00:45:58,642
En laten we snel naar kijken om te zien
wat zijn de verschillende functies die we hebben.

826
00:45:58,642 --> 00:46:01,610
Laten we gewoon zorgen dat het draait.

827
00:46:01,610 --> 00:46:04,400
Soms duurt het een tijdje
om te vernieuwen, maar hier is het.

828
00:46:04,400 --> 00:46:09,710
>> Wij hebben onze mogelijkheid om te verbergen
taken uit te voeren, en we kunnen aanmelden.

829
00:46:09,710 --> 00:46:11,770
En dit werd gedaan
de Meteor pakket.

830
00:46:11,770 --> 00:46:12,270
Het is geweldig.

831
00:46:12,270 --> 00:46:14,910
We hebben nu gebruikersnaam
en wachtwoord aanmelden.

832
00:46:14,910 --> 00:46:19,170
Maar wat als we wilden voegen
een ander soort login mechanisme?

833
00:46:19,170 --> 00:46:22,560
Laten we zeggen dat ik wilde om in te loggen
met mijn Meteor rekening.

834
00:46:22,560 --> 00:46:27,270
Ik ga meteoor add draaien, en dit
is de syntaxis voor het toevoegen van pakketten.

835
00:46:27,270 --> 00:46:32,160
Ik kan accounts, en accounts.meteor zeggen.

836
00:46:32,160 --> 00:46:35,720
Het gaat nu vinden
de verpakking en deze te laden.

837
00:46:35,720 --> 00:46:40,480
Je kunt zien dat ik niet
vond de juiste naam van het pakket.

838
00:46:40,480 --> 00:46:42,820
>> Dus hoe kan je te weten komen over pakketten?

839
00:46:42,820 --> 00:46:46,380
Wel is er een geweldige website, gemaakt
beschikbaar gesteld door de Meteor mensen,

840
00:46:46,380 --> 00:46:47,780
riep atmospherejs.com.

841
00:46:47,780 --> 00:46:52,520
Atmospherejs, één woord, dot
com, is een grote opslagplaats

842
00:46:52,520 --> 00:46:57,660
voor het vinden van alle Meteor
pakketten in de repository.

843
00:46:57,660 --> 00:47:05,140
Ik kan zoeken accounts, en dan
het zal mij alle relevante dingen te laten zien,

844
00:47:05,140 --> 00:47:07,320
alle pakketten met de naam van de account.

845
00:47:07,320 --> 00:47:10,180

846
00:47:10,180 --> 00:47:13,270
>> Terwijl dat laadt, kunnen we proberen
het toevoegen van enkele andere pakketten.

847
00:47:13,270 --> 00:47:19,380
Misschien is de Meteor pakket werkt niet
nu, maar ik kan Facebook toevoegen.

848
00:47:19,380 --> 00:47:22,860

849
00:47:22,860 --> 00:47:27,190
Ik kan de account toevoegen en vervolgens
lopen de Meteor project opnieuw.

850
00:47:27,190 --> 00:47:33,260

851
00:47:33,260 --> 00:47:36,900
Zodra deze begint, laten we eens kijken
wat er veranderd is op de website.

852
00:47:36,900 --> 00:47:40,010

853
00:47:40,010 --> 00:47:44,580
U kunt see-- ik misschien
hebben om het hier te vernieuwen.

854
00:47:44,580 --> 00:47:47,320
>> Ik heb een knop om
configureren Facebook login.

855
00:47:47,320 --> 00:47:49,765
En hier, ik heb alle
de instructies Meteor

856
00:47:49,765 --> 00:47:52,960
heeft voor u bereid voor
het opzetten van een Facebook-app.

857
00:47:52,960 --> 00:47:58,990
En u kunt gebruiken dat
informatie om uw ID's toe te voegen.

858
00:47:58,990 --> 00:48:04,130
Als dat is gebeurd, moet je
Facebook login werken in je app.

859
00:48:04,130 --> 00:48:08,559
>> Ik ga gewoon om te krijgen
een app-id en een geheim,

860
00:48:08,559 --> 00:48:10,100
gewoon om te laten zien hoe dit zou kunnen werken.

861
00:48:10,100 --> 00:48:16,000

862
00:48:16,000 --> 00:48:20,360
U ontvangt een Facebook-account nodig
aan Facebook ontwikkelaar opties gebruiken.

863
00:48:20,360 --> 00:48:31,160

864
00:48:31,160 --> 00:48:35,290
Laat me gewoon snel de
Meteor sleutels die nodig zijn.

865
00:48:35,290 --> 00:48:46,994

866
00:48:46,994 --> 00:48:49,160
Ik heb nog een Meteor project
dat ik ga gebruiken,

867
00:48:49,160 --> 00:48:55,590
en ik ben gewoon gaan nemen
de sleutels van dat bestand.

868
00:48:55,590 --> 00:49:14,410

869
00:49:14,410 --> 00:49:20,930
>> En zodra ik vind het, zal ik gewoon in staat zijn
om deze toetsen te kopiëren naar mijn Facebook.

870
00:49:20,930 --> 00:49:23,489
Dus hier is een sleutel.

871
00:49:23,489 --> 00:49:24,280
En dit is geheim.

872
00:49:24,280 --> 00:49:26,071
Je moet niet
het delen van deze met mensen.

873
00:49:26,071 --> 00:49:28,870

874
00:49:28,870 --> 00:49:30,910
En dan geef je je app geheim.

875
00:49:30,910 --> 00:49:33,560
En dit is zo Facebook
weet jij bent jij.

876
00:49:33,560 --> 00:49:37,630

877
00:49:37,630 --> 00:49:39,080
En u de configuratie op te slaan.

878
00:49:39,080 --> 00:49:45,160

879
00:49:45,160 --> 00:49:48,640
>> Ik denk dat in het proces dat ik
mijn Meteor app zijn gestopt.

880
00:49:48,640 --> 00:49:52,290
Dus ik wil gewoon
zeker dat het er nog steeds.

881
00:49:52,290 --> 00:49:54,962

882
00:49:54,962 --> 00:49:58,610
OK, laten we ervoor zorgen dat onze Meteor server
wordt uitgevoerd zodat de webpagina wordt uitgevoerd.

883
00:49:58,610 --> 00:50:02,440
Merken als we stoppen met de Meteor
server, de pagina is er nog steeds.

884
00:50:02,440 --> 00:50:04,700
Het zal gewoon niet meer te werken.

885
00:50:04,700 --> 00:50:10,290
De Meteor server is noodzakelijk
voor te zorgen dat de pagina live is.

886
00:50:10,290 --> 00:50:14,050
>> OK, ik heb het voorgelegd, en nu
Ik kan inloggen met Facebook.

887
00:50:14,050 --> 00:50:17,400
Nu is het gewoon een kwestie van
het hebben van een Facebook-pop-up

888
00:50:17,400 --> 00:50:21,710
en het opzetten van uw account
informatie en in te loggen.

889
00:50:21,710 --> 00:50:24,520

890
00:50:24,520 --> 00:50:27,930
Zodra je dat doet, Facebook zou
nag u voor wat meer zekerheid.

891
00:50:27,930 --> 00:50:29,810
Dus we zullen er gewoon stoppen.

892
00:50:29,810 --> 00:50:34,110
Het punt is dat als je klaar bent
met dat, zul je Facebook login.

893
00:50:34,110 --> 00:50:37,850
>> Meteor heeft een heleboel
andere pakketten ook.

894
00:50:37,850 --> 00:50:39,200
U kunt inloggen met Google+.

895
00:50:39,200 --> 00:50:40,500
U kunt inloggen met GitHub.

896
00:50:40,500 --> 00:50:42,170
U kunt inloggen met Twitter.

897
00:50:42,170 --> 00:50:44,870
Of als je zoekt, zul je
vinden tal van andere dingen

898
00:50:44,870 --> 00:50:49,170
zoals Meetup, LinkedIn,
en Meteor Developer.

899
00:50:49,170 --> 00:50:53,100
Dus Meteor Developer was de
pakket dat ik zocht.

900
00:50:53,100 --> 00:50:56,170
meteoor add rekeningen-meteoor-ontwikkelaar.

901
00:50:56,170 --> 00:51:06,192

902
00:51:06,192 --> 00:51:07,900
In de tussentijd, ik
ook willen adviseren

903
00:51:07,900 --> 00:51:11,340
sommige andere pakketten voor uw projecten.

904
00:51:11,340 --> 00:51:14,670
Het zou nuttig kunnen zijn om
onder meer de jQuery-pakket.

905
00:51:14,670 --> 00:51:17,909
Dit stelt u in staat om te gebruiken
jQuery in uw klanten.

906
00:51:17,909 --> 00:51:21,200
Je kon gewoon doen met één lijn, en
Meteoor zal ervoor zorgen dat je up to date

907
00:51:21,200 --> 00:51:21,825
op jQuery.

908
00:51:21,825 --> 00:51:24,330

909
00:51:24,330 --> 00:51:27,450
Ik adviseer ook houston: admin.

910
00:51:27,450 --> 00:51:31,550
>> Dit is als een soort van phpMyAdmin
soort hulpmiddel voor uw MongoDB.

911
00:51:31,550 --> 00:51:33,890
Dit stelt u in staat om te bewerken
uw gegevens vrij gemakkelijk

912
00:51:33,890 --> 00:51:37,950
zonder te gaan naar de Mongo shell,
zoals ik had eerder in het seminar gedaan.

913
00:51:37,950 --> 00:51:43,160

914
00:51:43,160 --> 00:51:47,101
Dus nu dat die draait, laten draaien
Meteoor opnieuw en zien wat we kunnen doen.

915
00:51:47,101 --> 00:51:56,240

916
00:51:56,240 --> 00:52:00,720
>> Je merkt dat het toevoegen van enkele pakketten
misschien hebben ze presenteren een aantal waarschuwingen.

917
00:52:00,720 --> 00:52:02,720
U zult geen zorgen te maken
daarover met Houston.

918
00:52:02,720 --> 00:52:06,040

919
00:52:06,040 --> 00:52:10,810
Dus we kunnen nu de mogelijkheid
Meteor admin configureren.

920
00:52:10,810 --> 00:52:15,080
En ze geven u de aanwijzingen
als je wilt om dat op te zetten.

921
00:52:15,080 --> 00:52:17,750

922
00:52:17,750 --> 00:52:20,440
>> We kunnen nu ook naar / admin.

923
00:52:20,440 --> 00:52:23,280
Dit wordt u aangeboden
door de Houston-pakket.

924
00:52:23,280 --> 00:52:27,470
En dit is Meteor admin interface.

925
00:52:27,470 --> 00:52:30,660
U maakt gewoon een
admin-account, zoals zo.

926
00:52:30,660 --> 00:52:38,150
En als je de pagina vernieuwt, zou je
hebben een aantal collecties opdagen.

927
00:52:38,150 --> 00:52:40,980

928
00:52:40,980 --> 00:52:43,460
>> Het is een zeer nuttig instrument,
en ik sterk aanbevelen.

929
00:52:43,460 --> 00:52:46,717

930
00:52:46,717 --> 00:52:49,050
Je kunt zien dat, omdat
Houston werd het geven van een aantal fouten,

931
00:52:49,050 --> 00:52:52,330
we geen collecties hebben
toont nu omhoog.

932
00:52:52,330 --> 00:52:56,800
De manier waarop je zou houston gebruiken is
zorg ervoor dat deze functie krijgt

933
00:52:56,800 --> 00:52:58,860
genoemd in uw eenvoudige-todos.

934
00:52:58,860 --> 00:53:01,370
Dus houston niet
weet wat mijn taken zijn.

935
00:53:01,370 --> 00:53:04,490
>> We zetten een Mongo
collectie genaamd taken.

936
00:53:04,490 --> 00:53:11,390
Laten we gaan in eenvoudige-todos en net
Zorg ervoor dat in de JavaScript,

937
00:53:11,390 --> 00:53:16,295
we hebben de taken toegevoegd aan onze collectie.

938
00:53:16,295 --> 00:53:19,340

939
00:53:19,340 --> 00:53:25,670
We hebben nu opgeslagen, en het is de bouw van
de toepassing, verfrissend.

940
00:53:25,670 --> 00:53:26,750
En laten we zien.

941
00:53:26,750 --> 00:53:29,090
Nu hebben we een aantal taken.

942
00:53:29,090 --> 00:53:32,630
En we kunnen een aantal nieuwe taken toe te voegen.

943
00:53:32,630 --> 00:53:35,840
Maar als we willen taken toevoegen,
laten we het doen met de app zelf.

944
00:53:35,840 --> 00:53:39,660

945
00:53:39,660 --> 00:53:41,050
>> Nu kunnen we een aantal gegevens toe te voegen.

946
00:53:41,050 --> 00:53:53,410
Hoi, dit is een taak.

947
00:53:53,410 --> 00:53:57,080
Het lijkt een beetje vreemd dat
we niet zien geen taken.

948
00:53:57,080 --> 00:54:00,290

949
00:54:00,290 --> 00:54:05,260
Wij zou willen kijken of we kregen elke
fouten hier, of misschien ergens anders.

950
00:54:05,260 --> 00:54:08,810

951
00:54:08,810 --> 00:54:20,260
Als we gaan in admin, dat lijkt vreemd.

952
00:54:20,260 --> 00:54:24,080
Als je de repository te trekken
Na dit seminar,

953
00:54:24,080 --> 00:54:27,580
Ik zal ervoor zorgen dat
eenvoudige-todos werkt met Houston.

954
00:54:27,580 --> 00:54:30,370
Helaas lijkt het niet te
te werken op dit moment.

955
00:54:30,370 --> 00:54:34,810

956
00:54:34,810 --> 00:54:37,640
>> Zijn er nog andere vragen?

957
00:54:37,640 --> 00:54:41,800
Houston normaal een
tool die heel goed werkt.

958
00:54:41,800 --> 00:54:44,510
Houston specifiek is een beetje
buggier dan de andere,

959
00:54:44,510 --> 00:54:49,470
maar ik raad het als het werkt.

960
00:54:49,470 --> 00:54:50,080
Yeah.

961
00:54:50,080 --> 00:54:52,395
>> Publiek: Wat kunt u doen
met de Facebook-pakket

962
00:54:52,395 --> 00:54:54,270
zodra een gebruiker is aangemeld
in met hun Facebook?

963
00:54:54,270 --> 00:54:55,978
>> ROGER ZURAWICKI: Eens
een gebruiker ingelogd,

964
00:54:55,978 --> 00:54:59,540
kunt u bellen naar de Facebook-API te maken.

965
00:54:59,540 --> 00:55:02,890
Een groot deel van dat ligt meer in
hoe Facebook opent hun API.

966
00:55:02,890 --> 00:55:05,120
Meteoor, zorg ervoor dat je
de verbinding.

967
00:55:05,120 --> 00:55:09,300
Maar alles na dat is een kwestie
van leren hoe je de Facebook-API gebruiken.

968
00:55:09,300 --> 00:55:10,216
Publiek: [onverstaanbaar].

969
00:55:10,216 --> 00:55:17,756

970
00:55:17,756 --> 00:55:18,880
ROGER ZURAWICKI: Oké.

971
00:55:18,880 --> 00:55:21,670
Dank u zeer voor
Dit CS50 seminar in Meteor.

972
00:55:21,670 --> 00:55:24,060
Als u vragen heeft,
kunt u mij mailen

973
00:55:24,060 --> 00:55:28,319
naar mijn e-mailadres
onder het seminar vermeld.

974
00:55:28,319 --> 00:55:30,110
En ik zal blij zijn om
antwoord op uw vragen.

975
00:55:30,110 --> 00:55:33,020
Ik zal ook bij de
CS50 Hackathon moet

976
00:55:33,020 --> 00:55:35,550
u helpen met uw Meteor projecten nodig.

977
00:55:35,550 --> 00:55:37,650
Bedankt voor het kijken.

978
00:55:37,650 --> 00:55:38,816