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

2
00:00:08,100 --> 00:00:08,890
>> ROGER ZURAWICKI: Hallo iedereen.

3
00:00:08,890 --> 00:00:11,310
Mag ik uw aandacht?

4
00:00:11,310 --> 00:00:12,090
Bedankt, jongens.

5
00:00:12,090 --> 00:00:14,030
Vandaag wil ik het hebben over Meteor.

6
00:00:14,030 --> 00:00:16,710
Het is een JavaScript-framework.

7
00:00:16,710 --> 00:00:21,110
We zullen gaan door hoe je kunt
maken echt cool web apps.

8
00:00:21,110 --> 00:00:24,940
>> Voordat we in JavaScript, ik
willen jullie vertellen dat dit zal

9
00:00:24,940 --> 00:00:26,900
worden - u zult een later hebben
stuk Dit semester.

10
00:00:26,900 --> 00:00:28,520
Het moet ongeveer webbrowser.

11
00:00:28,520 --> 00:00:32,910
Ik denk dat [onverstaanbaar] wordt eerst naar
betrekking op de web HTML PHP dingen voordat we

12
00:00:32,910 --> 00:00:34,530
verhuizen naar JavaScript.

13
00:00:34,530 --> 00:00:39,650
En in CS50, JavaScript wordt beschouwd
als een client code.

14
00:00:39,650 --> 00:00:41,970
Zodat hij alleen wordt uitgevoerd in
de webbrowser.

15
00:00:41,970 --> 00:00:45,740
>> Maar dankzij de recente ontwikkelingen in
technologie, hebben we nu geslaagd draaien

16
00:00:45,740 --> 00:00:48,090
JavaScript als server ook.

17
00:00:48,090 --> 00:00:51,630
Dus dit heeft geleid tot een echt cool
kader, want nu kun je schrijven

18
00:00:51,630 --> 00:00:55,250
rechtmatig dezelfde code voor
de client en de server.

19
00:00:55,250 --> 00:00:57,810
En als je functies definiëren in uw
server, kan uw klant bellen die

20
00:00:57,810 --> 00:00:59,090
dezelfde functies.

21
00:00:59,090 --> 00:01:00,370
En het maakt het een stuk makkelijker.

22
00:01:00,370 --> 00:01:04,519
Waar voorheen, als je met behulp van PHP op
de server, JavaScript-code op de voorzijde

23
00:01:04,519 --> 00:01:08,040
Uiteindelijk moet je een PHP functie schrijven
en vervolgens een JavaScript versie van de

24
00:01:08,040 --> 00:01:10,880
dezelfde functie te doen de
hetzelfde soort werk.

25
00:01:10,880 --> 00:01:14,330
>> Dus voordat we beginnen, wil ik
aan te tonen u een demo van wat

26
00:01:14,330 --> 00:01:17,190
Meteor voor u kan doen.

27
00:01:17,190 --> 00:01:20,330
Ik zal u de demo, dat is wat
je zult in staat zijn om te creëren door de

28
00:01:20,330 --> 00:01:21,580
einde van dit seminar.

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

30
00:01:24,260 --> 00:01:25,670
We gaan hier net.

31
00:01:25,670 --> 00:01:27,410
Dit is een Leaderboard app.

32
00:01:27,410 --> 00:01:31,970
Het is eigenlijk gebaseerd op het voorbeeld
dat Meteor geeft.

33
00:01:31,970 --> 00:01:37,220
>> Meteor is erg leuk, want als je
installeer het als een pakket, kunt u

34
00:01:37,220 --> 00:01:39,140
eigenlijk spelen met
deze vier demo's.

35
00:01:39,140 --> 00:01:41,410
En de Leaderboard is de
eerste van deze demo's.

36
00:01:41,410 --> 00:01:44,620
Na het seminar, moedig ik u allen
om gewoon verkennen de andere demos

37
00:01:44,620 --> 00:01:48,300
omdat ik denk dat ze echt cool, en
ze tonen u de kracht van Meteor.

38
00:01:48,300 --> 00:01:51,310
>> Dus wat dit is, dit is
gehost op Leaderboard.

39
00:01:51,310 --> 00:01:54,950
Dit is gewoon ronduit een lijst met namen.

40
00:01:54,950 --> 00:01:56,510
En je kunt mensen te selecteren.

41
00:01:56,510 --> 00:01:57,780
Ze geel.

42
00:01:57,780 --> 00:02:00,060
En dan kun je geven
ze vijf punten.

43
00:02:00,060 --> 00:02:02,850
En je zult merken dat de lijst
gesorteerde want zoals ik geef mezelf meer

44
00:02:02,850 --> 00:02:05,850
en meer punten, ik ben nu aan de top.

45
00:02:05,850 --> 00:02:07,420
Dus dit is waar we beginnen.

46
00:02:07,420 --> 00:02:11,690
>> En wat je zult in staat zijn om mee te nemen
van dit seminar is een paar meer

47
00:02:11,690 --> 00:02:13,600
functies die ik heb toegevoegd aan
de Leaderboard.

48
00:02:13,600 --> 00:02:18,240
We zullen met betrekking tot hoe u, evenals
voeg vijf punten aan een speler, kunnen we

49
00:02:18,240 --> 00:02:28,720
spelers verwijderen, kunnen we nieuwe spelers toe te voegen,
en we kunnen kiezen hoe we willen

50
00:02:28,720 --> 00:02:29,540
te sorteren.

51
00:02:29,540 --> 00:02:35,240
En deze zijn allemaal zeer eenvoudig API-aanroepen
dat Meteor biedt voor u.

52
00:02:35,240 --> 00:02:39,120
Je hebt ook een feature hier
de scores willekeurig.

53
00:02:39,120 --> 00:02:41,450
>> Dus wat is echt cool over dit
is jullie daadwerkelijk kan

54
00:02:41,450 --> 00:02:43,820
allemaal naar de site.

55
00:02:43,820 --> 00:02:46,575
Ik zet het in grotere tekst hier.

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

57
00:02:51,390 --> 00:02:52,640
One-radicaal-lood erboard.meteor.com.

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

59
00:03:03,390 --> 00:03:07,622
En wanneer jullie naar de site, gaat u
moeten kunnen de site te bewerken, en

60
00:03:07,622 --> 00:03:09,595
al uw bewerkingen zichtbaar zal zijn
aan iedereen.

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

62
00:03:12,730 --> 00:03:17,740
Zo kunt u - zijn jullie allemaal
in staat om verbinding te maken met de site?

63
00:03:17,740 --> 00:03:18,750
Zo spel rond met het.

64
00:03:18,750 --> 00:03:20,440
Gaan en beginnen met het verwijderen van een aantal namen.

65
00:03:20,440 --> 00:03:21,690
Zie wat er gebeurt.

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

67
00:03:35,370 --> 00:03:38,510
>> Zo zie je iedereen kunt spelen.

68
00:03:38,510 --> 00:03:41,930
Dit is gewoon de standaard beveiligingsinstellingen
modus voor Meteor.

69
00:03:41,930 --> 00:03:44,360
Je ziet dat iedereen kan
elkaars gegevens te wijzigen.

70
00:03:44,360 --> 00:03:44,920
Maak je geen zorgen.

71
00:03:44,920 --> 00:03:46,460
Meteor heeft wel beveiliging.

72
00:03:46,460 --> 00:03:49,860
Dit is een zeer gemakkelijk te implementeren
functie, waar je kon het opzetten van gebruikers

73
00:03:49,860 --> 00:03:50,600
en logins.

74
00:03:50,600 --> 00:03:53,750
Maar nu, iedereen die een bezoek de
site kan zichzelf zo veel geven

75
00:03:53,750 --> 00:03:55,000
wijst als ze willen.

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

77
00:03:57,140 --> 00:04:00,090
Dus ik altijd als dit omdat deze
is een leuke manier om te beginnen.

78
00:04:00,090 --> 00:04:02,360
En dan gaan we gewoon praten
over de details, hoe

79
00:04:02,360 --> 00:04:03,610
Meteor maakt dit mogelijk.

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

81
00:04:10,820 --> 00:04:15,660
>> Dus ik ga behandelen wat Meteor is,
en dan zullen we gewoon moeten betrekking hebben op de

82
00:04:15,660 --> 00:04:18,920
twee voorwaarden die CS50
heeft niet genoeg gedekt.

83
00:04:18,920 --> 00:04:21,970
Maar tegen het einde van de looptijd, moet u
comfortabel met zowel HTML en

84
00:04:21,970 --> 00:04:25,250
JavaScript om echt je handen
vuile werken met Meteor.

85
00:04:25,250 --> 00:04:28,740
En ik denk dat het gewoon een geweldige manier voor
nog minder comfortabel studenten te doen

86
00:04:28,740 --> 00:04:32,930
afstudeerprojecten want ze kan echt
verblijf in een taal, en ze krijgen om

87
00:04:32,930 --> 00:04:37,620
zie de veranderingen van hun
werken meteen.

88
00:04:37,620 --> 00:04:42,520
>> Dus dit diavoorstellingen slechts enkele van de
belangrijke technologieën die Meteor JS

89
00:04:42,520 --> 00:04:43,610
geeft aan u.

90
00:04:43,610 --> 00:04:46,090
Meteoor is geen nieuwe technologie
op zijn eigen.

91
00:04:46,090 --> 00:04:48,390
Het is echt een conglomeraat van
al deze verschillende dingen

92
00:04:48,390 --> 00:04:49,920
wij aanbieden op internet.

93
00:04:49,920 --> 00:04:55,650
Evenals HTML, CSS, JavaScript, we
hebben een aantal technologieën zoals Node.js,

94
00:04:55,650 --> 00:04:58,490
dat is wat kun je lopen
JavaScript op de back-end van uw

95
00:04:58,490 --> 00:05:02,520
server, evenals sommige JavaScript
bibliotheken, zoals jQuery, Onderstrepingsteken.

96
00:05:02,520 --> 00:05:06,320
>> Al deze zullen bekend zijn
je aan het eind van het semester.

97
00:05:06,320 --> 00:05:10,680
En we krijgen ook een database genaamd gebruiken
MongoDB, dat is een echt

98
00:05:10,680 --> 00:05:14,250
populaire databank nu
deze nieuwe startups.

99
00:05:14,250 --> 00:05:18,650
U kunt hierbij denken aan het als zoals MySQL, maar
het werkt erg mooi met JavaScript.

100
00:05:18,650 --> 00:05:22,140
En er is een aantal andere technologieën hier
en nog veel meer heb ik niet in de lijst

101
00:05:22,140 --> 00:05:23,880
dat alle interface-echt
mooi met Meteor.

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

103
00:05:26,900 --> 00:05:30,540
>> Ik moet deze dia zetten omdat
soms krijg ik verwarring over.

104
00:05:30,540 --> 00:05:31,695
Meteor is slechts webbrowser.

105
00:05:31,695 --> 00:05:33,040
Het is niet PHP.

106
00:05:33,040 --> 00:05:34,360
Het is niet Ruby on Rails.

107
00:05:34,360 --> 00:05:37,950
Dus als je code schrijft, als je wilt
schrijf een Meteor project, je echt

108
00:05:37,950 --> 00:05:38,900
kan Ruby code niet gebruiken.

109
00:05:38,900 --> 00:05:41,660
Je echt niet gebruiken PHP.

110
00:05:41,660 --> 00:05:45,800
>> Terwijl we zien dat de verschillen in
code en syntaxis misschien niet zo

111
00:05:45,800 --> 00:05:48,930
anders, ik wil benadrukken aan u dat
Meteor, alles wat je code is

112
00:05:48,930 --> 00:05:50,660
alleen in JavaScript.

113
00:05:50,660 --> 00:05:53,920
En alles wat je te tonen aan
zal de gebruiker HTML CSS zijn.

114
00:05:53,920 --> 00:05:56,780
Maar je bent niet echt gebruik van een van
de andere talen die andere

115
00:05:56,780 --> 00:05:59,250
seminaries kunnen dekken.

116
00:05:59,250 --> 00:06:01,020
Wat Meteor is ook een webserver.

117
00:06:01,020 --> 00:06:03,930
Dus zelfs als je die niet hebt
JavaScript, en je wil gewoon om te dienen

118
00:06:03,930 --> 00:06:07,020
CSS en HTML-bestanden, Meteor
kan dat voor je doen.

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

120
00:06:10,520 --> 00:06:13,770
>> En hier is de link weer naar de
demo die ik heb jullie

121
00:06:13,770 --> 00:06:15,380
begon te spelen met.

122
00:06:15,380 --> 00:06:18,230
Maar laten we verder gaan naar HTML.

123
00:06:18,230 --> 00:06:22,060
Hoeveel mensen hier hebben
geen idee wat HTML is?

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

125
00:06:22,670 --> 00:06:25,800
En dat is helemaal prima.

126
00:06:25,800 --> 00:06:29,410
Je moet echt niet nodig om veel over te weten
het omdat we zullen gaan over de

127
00:06:29,410 --> 00:06:31,220
gebruik zeer eenvoudig.

128
00:06:31,220 --> 00:06:34,570
>> Dit is wat de eenvoudige
HTML-pagina eruit ziet.

129
00:06:34,570 --> 00:06:38,840
Dit kan worden als uw hello, wereld voor
HTML, terwijl we begonnen in C met

130
00:06:38,840 --> 00:06:40,760
hello, wereld.

131
00:06:40,760 --> 00:06:44,360
Ik wil niet dat je te benadrukken op de
details van wat HTML, wat hoofd, wat

132
00:06:44,360 --> 00:06:46,120
lichaam, in welke functie is daar aan het doen.

133
00:06:46,120 --> 00:06:49,130
Ik wil gewoon de structuur benadrukken,
hoe je tags.

134
00:06:49,130 --> 00:06:50,860
En dat is de hoek tussen haakjes.

135
00:06:50,860 --> 00:06:52,380
En dat is waar je hebt
uw descriptoren.

136
00:06:52,380 --> 00:06:54,790
>> Dus je zou de HTML-document.

137
00:06:54,790 --> 00:06:59,300
En dan zul je de HTML-document sluiten
met backslash hetzelfde.

138
00:06:59,300 --> 00:07:01,200
En je hebt verschillende soorten tags.

139
00:07:01,200 --> 00:07:02,730
En merken dat ze allemaal zijn afgestemd.

140
00:07:02,730 --> 00:07:05,300
Je moet als een body-tag
en vervolgens een nauwe body-tag.

141
00:07:05,300 --> 00:07:08,620
En in de body-tag, dat zal worden
de inhoud van uw webpagina.

142
00:07:08,620 --> 00:07:12,770
Dus deze webpagina zou gewoon weer
in een witte achtergrond en zwarte tekst

143
00:07:12,770 --> 00:07:14,242
hello, wereld.

144
00:07:14,242 --> 00:07:17,610
Is dat zinvol?

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

146
00:07:19,500 --> 00:07:22,640
>> Nu ga ik snel
dekken webbrowser.

147
00:07:22,640 --> 00:07:26,990
In de woorden van een eerdere TF,
"JavaScript is de beste programmering

148
00:07:26,990 --> 00:07:28,550
taal die nu in het bestaan.

149
00:07:28,550 --> 00:07:30,520
Andere mensen zullen proberen om
anders vertellen.

150
00:07:30,520 --> 00:07:33,840
Ze zijn verkeerd. "JavaScript is vrij
leuk, en ik zal je laten zien waarom.

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

152
00:07:36,620 --> 00:07:42,380
>> Dus dit is het klassieke voorbeeld beginnen we
met in C. We hebben hello, wereld.

153
00:07:42,380 --> 00:07:45,500
En je merkt dat zelfs als je krimpen
het, je moet er minstens twee

154
00:07:45,500 --> 00:07:46,560
regels code hier.

155
00:07:46,560 --> 00:07:48,990
Ik heb een aantal regels code.

156
00:07:48,990 --> 00:07:50,160
Dit kan zeer eenvoudig worden gedaan.

157
00:07:50,160 --> 00:07:53,950
Een regel in JavaScript met console.log,
en dan je touw,

158
00:07:53,950 --> 00:07:55,340
hello, wereld.

159
00:07:55,340 --> 00:07:59,570
>> Nu, hoewel we gaan verhuizen naar een nieuw
taal JavaScript, bijna alle van de

160
00:07:59,570 --> 00:08:02,950
vaardigheden die je hebt geleerd door het coderen
in C direct draagbaar.

161
00:08:02,950 --> 00:08:07,130
Dus strijkers, het idee van strings
dubbele aanhalingstekens, dat is hetzelfde.

162
00:08:07,130 --> 00:08:08,890
De puntkomma, dat is hetzelfde.

163
00:08:08,890 --> 00:08:11,190
>> Een leuk detail over JavaScript
eigenlijk u

164
00:08:11,190 --> 00:08:12,360
niet de puntkomma niet nodig.

165
00:08:12,360 --> 00:08:14,950
Het laat zich raden dat je moet
zet er een puntkomma.

166
00:08:14,950 --> 00:08:18,035
Maar dat gezegd zijnde, moet je altijd proberen
om uw puntkomma daar te zetten.

167
00:08:18,035 --> 00:08:21,160
Het wordt beschouwd als een goede stijl.

168
00:08:21,160 --> 00:08:22,650
En ook, er is geen hoofdfunctie.

169
00:08:22,650 --> 00:08:25,580
Je begint net aan het begin van het bestand
en lees dingen regel voor regel.

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

171
00:08:28,820 --> 00:08:32,760
>> Dan is dit wat er nodig is om
dat hello, world programma.

172
00:08:32,760 --> 00:08:36,059
En dan merken dat je moet
maken hallo en voer hallo.

173
00:08:36,059 --> 00:08:38,530
Met JavaScript, wordt het beschouwd als
een geïnterpreteerde taal.

174
00:08:38,530 --> 00:08:40,780
Wat u moet weten is dat
is er geen maken.

175
00:08:40,780 --> 00:08:41,950
>> Er is geen compileren.

176
00:08:41,950 --> 00:08:43,440
Je loopt gewoon knooppunt.

177
00:08:43,440 --> 00:08:47,220
En vergeet knooppunt is het programma dat
zal uw JavaScript uit te voeren op een console,

178
00:08:47,220 --> 00:08:49,030
op een zwarte doos, niet de website.

179
00:08:49,030 --> 00:08:52,480
Dus je geeft het het bestand, en het is
ter perse gaan hello, wereld.

180
00:08:52,480 --> 00:08:56,750
>> Ik zal eigenlijk wel een beetje demo van
dat voor jullie hier.

181
00:08:56,750 --> 00:08:59,380
Dus laten we gaan over naar mijn
Node.js terminal.

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
Laten we hier te verplaatsen.

185
00:09:06,150 --> 00:09:07,930
Dus ik ga naar knooppunt te starten.

186
00:09:07,930 --> 00:09:10,230
En ik zal jullie laten zien in slechts
een seconde hoe om dat te krijgen

187
00:09:10,230 --> 00:09:12,000
geïnstalleerd, als je dat niet.

188
00:09:12,000 --> 00:09:14,800
Laat me dat een beetje groter.

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
Ik hoop dat jullie kunnen zien.

192
00:09:20,120 --> 00:09:27,390
>> Dus ik kan code schrijven zoals ik deed
eerder in console.log.

193
00:09:27,390 --> 00:09:28,915
Hoi, Roger.

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

195
00:09:31,710 --> 00:09:35,330
En let op, ik heb niet te doen de
puntkomma, maar dan krijg ik een raar

196
00:09:35,330 --> 00:09:36,850
undefined ding.

197
00:09:36,850 --> 00:09:40,310
Nou eigenlijk, laat staan ​​over
de undefined ding.

198
00:09:40,310 --> 00:09:43,590
Dingen die ik wil dat u opmerkt is dat je
niet de belangrijkste functie hier niet nodig

199
00:09:43,590 --> 00:09:45,050
om te beginnen lopen code.

200
00:09:45,050 --> 00:09:46,790
En er is geen backslash einde.

201
00:09:46,790 --> 00:09:50,683
Er is wat weinig functies die
JavaScript voor u kan doen.

202
00:09:50,683 --> 00:09:53,510
>> PUBLIEK: [onverstaanbaar].

203
00:09:53,510 --> 00:09:54,000
>> ROGER ZURAWICKI: Oh ja.

204
00:09:54,000 --> 00:09:57,460
Het spijt me dat.

205
00:09:57,460 --> 00:10:02,200
En die pijl betekent gewoon knooppunt
is klaar voor een commando.

206
00:10:02,200 --> 00:10:05,380
Dus je kunt het doen eenvoudige
wiskunde, zoals 1 plus 1.

207
00:10:05,380 --> 00:10:10,360
En net als in C, deze wiskunde
symbolen zijn precies hetzelfde.

208
00:10:10,360 --> 00:10:13,750
Ik kan console.log van een nummer doen.

209
00:10:13,750 --> 00:10:15,090
En dan print twee.

210
00:10:15,090 --> 00:10:19,000
JavaScript is mooi in die zin, omdat
hoewel twee is een int,

211
00:10:19,000 --> 00:10:22,020
zoals in C, als je printf met
twee, zou je een foutmelding krijgt.

212
00:10:22,020 --> 00:10:24,140
>> Maar JavaScript kent, oh, je bent
afdrukken iets.

213
00:10:24,140 --> 00:10:25,070
Ik ga naar een string nodig.

214
00:10:25,070 --> 00:10:28,410
Dus laat ik dat omzetten twee
in een string voor je.

215
00:10:28,410 --> 00:10:34,970
En je kunt ook een aantal rare dingen doen
als hi en dan plus twee.

216
00:10:34,970 --> 00:10:39,520
Dit is slechts een voorbeeld hoe twee
kan worden omgezet in daar ook.

217
00:10:39,520 --> 00:10:45,135
>> Dus met dat uit de weg, laten we
dekken net een beetje meer webbrowser.

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

219
00:10:48,660 --> 00:10:50,540
Dus C, we typen.

220
00:10:50,540 --> 00:10:53,925
Wanneer we een nieuwe variabele, we
moet zeggen dat is het char * of

221
00:10:53,925 --> 00:10:55,850
tekenreeks in het geval CS50.

222
00:10:55,850 --> 00:10:58,350
Of als we een decimaal getal,
we moesten vlotter zeggen.

223
00:10:58,350 --> 00:11:00,690
Als we het nodig een Boolean,
we moesten b zeggen.

224
00:11:00,690 --> 00:11:04,220
En toen we eenmaal iets dat hadden
werd b, het moest een bool blijven.

225
00:11:04,220 --> 00:11:07,360
We konden niet op magische wijze veranderen in
een int tenzij we schreven in de

226
00:11:07,360 --> 00:11:09,450
haakjes, int van b.

227
00:11:09,450 --> 00:11:11,820
>> In JavaScript, er geen types.

228
00:11:11,820 --> 00:11:13,350
Je denkt alleen maar aan het als var.

229
00:11:13,350 --> 00:11:15,270
En var is hoe je een nieuw type te maken.

230
00:11:15,270 --> 00:11:19,210
Dus het kan hebben var s zijn een string,
var n een float,

231
00:11:19,210 --> 00:11:21,230
en var b trouw.

232
00:11:21,230 --> 00:11:24,980
En een ding dat je niet kunt doen in C is
Ik kan nu zeggen, na die lijn, b

233
00:11:24,980 --> 00:11:26,230
gelijk aan een geheel getal.

234
00:11:26,230 --> 00:11:27,400
En dat werkt prima.

235
00:11:27,400 --> 00:11:30,840
Terwijl in C, zou het zo zegt
je integer is geen bool.

236
00:11:30,840 --> 00:11:32,770
Dat kan ik niet voor je doen.

237
00:11:32,770 --> 00:11:34,050
Of [onverstaanbaar] zou een fout te gooien.

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

239
00:11:37,970 --> 00:11:43,420
>> En ik kan snel terug naar knooppunt te gaan en
tonen enkele van deze functies.

240
00:11:43,420 --> 00:11:44,960
Dus ik kan een var een hebben.

241
00:11:44,960 --> 00:11:52,120
Noem het "Apple." Dus nu bij het afdrukken van een,
Ik krijg mijn string 'Apple'. Maar ik kan

242
00:11:52,120 --> 00:11:54,900
ook nu zeggen een is gelijk aan 3.

243
00:11:54,900 --> 00:11:56,610
En let er is geen fout.

244
00:11:56,610 --> 00:12:00,630
En nu is gelijk aan 3.

245
00:12:00,630 --> 00:12:01,880
Eventuele vragen tot nu toe?

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

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

248
00:12:07,570 --> 00:12:10,780
>> PUBLIEK: Wacht, dus console.log
is in principe printf, toch?

249
00:12:10,780 --> 00:12:12,180
>> ROGER ZURAWICKI: console.log
is uw printf.

250
00:12:12,180 --> 00:12:12,652
>> PUBLIEK: Juist.

251
00:12:12,652 --> 00:12:17,844
Dus hoe komt het dat als je typt gewoon in acht
of [onverstaanbaar], wat betekent dat

252
00:12:17,844 --> 00:12:18,790
[Onverstaanbaar]?

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

254
00:12:19,160 --> 00:12:21,690
Het is dus -

255
00:12:21,690 --> 00:12:24,240
het spul in het groen wordt afgedrukt
op de console.

256
00:12:24,240 --> 00:12:27,050
En wat we hierna zien is
als we verhuizen naar het web

257
00:12:27,050 --> 00:12:29,300
pagina, zullen wij niet doen -

258
00:12:29,300 --> 00:12:32,650
JavaScript wordt met een HTML
template, die ik zal gaan in de

259
00:12:32,650 --> 00:12:34,730
Meteor deel van het seminar.

260
00:12:34,730 --> 00:12:38,730
En dat is waar je kunt zeggen, geef mij
de waarde van a, en zal een in gezet

261
00:12:38,730 --> 00:12:39,920
uw website.

262
00:12:39,920 --> 00:12:42,520
Omdat elke web browser eigenlijk
heeft een kleine console.

263
00:12:42,520 --> 00:12:46,380
En als je keek heel voorzichtig, je
zou wat informatie te krijgen, zoals je

264
00:12:46,380 --> 00:12:51,210
printf is verschijnen er met
iedere webpagina die u laadt.

265
00:12:51,210 --> 00:12:53,580
>> Publiek: Hoe ben je
naar de shell scherm?

266
00:12:53,580 --> 00:12:57,680
>> ROGER ZURAWICKI: Dus er is een commando
riep knooppunt, en het komt met Meteor.

267
00:12:57,680 --> 00:13:01,230
Dus ik zal gewoon stoppen eruit.

268
00:13:01,230 --> 00:13:03,580
Knooppunt is het programma dat
loopt webbrowser.

269
00:13:03,580 --> 00:13:07,070
Als je naar meteor.com, u
kan Meteor installeren en

270
00:13:07,070 --> 00:13:08,480
Meteoor komt met node.

271
00:13:08,480 --> 00:13:11,470
Omdat Meteor is gewoon een verzameling
van al deze softwarepakketten.

272
00:13:11,470 --> 00:13:15,280
Als we in ons voorbeeld, zal ik
loopt iedereen door het installeren

273
00:13:15,280 --> 00:13:17,625
Meteoor, en dan kun je spelen
met het knooppunt zelf.

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

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

276
00:13:23,980 --> 00:13:29,640
>> Dus een andere leuke functie over werken
JavaScript is lussen zijn hetzelfde.

277
00:13:29,640 --> 00:13:31,430
Vrijwel precies hetzelfde.

278
00:13:31,430 --> 00:13:35,530
Voor loops, terwijl loops, doen
while loops, indien anders.

279
00:13:35,530 --> 00:13:36,880
Het is allemaal het zelfde met de bretels.

280
00:13:36,880 --> 00:13:38,540
Het is dezelfde syntax.

281
00:13:38,540 --> 00:13:41,350
Bij een lus, de kleine
detail dat je moet letten

282
00:13:41,350 --> 00:13:45,340
om in plaats van int i gelijk is aan 0,
we moeten zeggen var i gelijk is aan 0.

283
00:13:45,340 --> 00:13:49,580
Maar dat komt omdat van de variabelen
types die we over hadden.

284
00:13:49,580 --> 00:13:53,360
>> Merk op dat de printf wordt
een logboek, een console.log.

285
00:13:53,360 --> 00:13:57,370
En we hoeven niet om het percentage te doen
p backslash n en vervolgens doorgeven in i.

286
00:13:57,370 --> 00:13:58,380
U kan ik alleen maar zeggen.

287
00:13:58,380 --> 00:14:01,910
En het zou de nummers af te drukken
nul tot vier.

288
00:14:01,910 --> 00:14:04,830
Als jullie dit willen proberen, omdat
je bracht een goed punt.

289
00:14:04,830 --> 00:14:08,730
Als je wilde om deze code uit te voeren op uw
eigen browser, zou ik adviseren dat

290
00:14:08,730 --> 00:14:11,040
iedereen opent Google Chrome.

291
00:14:11,040 --> 00:14:14,220
Google Chrome of een web browser echt,
maar ik hou van Google Chrome

292
00:14:14,220 --> 00:14:17,350
want het is zeer gestandaardiseerd.

293
00:14:17,350 --> 00:14:24,240
>> U kunt naar, ik denk, als je gelijk
klik op een website, alleen in de

294
00:14:24,240 --> 00:14:26,880
witte ruimte, zult u een optie zien
riep Inspect Element.

295
00:14:26,880 --> 00:14:28,810
Het is meestal het laatste.

296
00:14:28,810 --> 00:14:32,630
En wanneer u erop klikt, moet je
een ding om de bodem verschijnen hier.

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

298
00:14:35,840 --> 00:14:37,780
Laat me hier te zoomen.

299
00:14:37,780 --> 00:14:41,390
En we hebben een paar tabbladen hier.

300
00:14:41,390 --> 00:14:43,580
Degene die je geeft is de console.

301
00:14:43,580 --> 00:14:48,820
>> En dit is een JavaScript-console
dat je nu kunt werken.

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

303
00:14:49,370 --> 00:14:52,560
Dus ik kan typen in dezelfde dingen
Ik was in te tikken knooppunt.

304
00:14:52,560 --> 00:14:54,790
Een plus een is twee.

305
00:14:54,790 --> 00:14:59,110
Var a is gelijk aan "Apple".

306
00:14:59,110 --> 00:15:03,430
En dan zou ik een af ​​te drukken,
en een is 'Apple'.

307
00:15:03,430 --> 00:15:08,760
Dus in elke web browser, Firefox, Chrome,
Safari, wat je ook gebruikt, als

308
00:15:08,760 --> 00:15:11,240
Zolang u toegang tot een webbrowser hebben
console dezelfde soort

309
00:15:11,240 --> 00:15:15,520
code Ik liep in knoop je
kan draaien in je eigen console.

310
00:15:15,520 --> 00:15:17,530
>> PUBLIEK: [onverstaanbaar]?

311
00:15:17,530 --> 00:15:18,690
>> ROGER ZURAWICKI: Hoe
krijgen op de console?

312
00:15:18,690 --> 00:15:22,880
U moet rechts klikken op lege ruimte
op de pagina, en dan ga je naar

313
00:15:22,880 --> 00:15:26,100
Inspect Element.

314
00:15:26,100 --> 00:15:28,290
Dus eigenlijk, wil ik jullie
om maar zorg ervoor dat je kunt

315
00:15:28,290 --> 00:15:29,860
Inspect Element in Chrome.

316
00:15:29,860 --> 00:15:32,630
En zien wanneer u typt in sommige
code in de console

317
00:15:32,630 --> 00:15:33,880
dat het loopt goed.

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

319
00:16:15,820 --> 00:16:18,430
Voel je vrij om vragen te stellen of
iets niet duidelijk hier.

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

321
00:16:23,340 --> 00:16:24,590
>> PUBLIEK: [onverstaanbaar].

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

323
00:16:27,280 --> 00:16:28,200
>> ROGER ZURAWICKI: Elk type, rechts.

324
00:16:28,200 --> 00:16:31,370
Er is slechts een type voor alle
variabelen in JavaScript.

325
00:16:31,370 --> 00:16:34,160
En als je te verklaren
een variabele, zeg je var.

326
00:16:34,160 --> 00:16:35,410
>> PUBLIEK: [onverstaanbaar].

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

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

329
00:16:40,050 --> 00:16:43,730
Het doet, maar in JavaScript, is het zeer
slim over het toewijzen van geheugen.

330
00:16:43,730 --> 00:16:44,600
Er is geen malloc.

331
00:16:44,600 --> 00:16:45,780
Er is geen vrij.

332
00:16:45,780 --> 00:16:48,490
Dus je hoeft geen zorgen te maken over dat.

333
00:16:48,490 --> 00:16:51,140
Dat is een andere leuke feature die
JavaScript biedt.

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

335
00:16:56,990 --> 00:16:58,440
>> Dus ik wil graag om verder te gaan.

336
00:16:58,440 --> 00:17:01,360
Zou dat wel goed?

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
Geweldig.

340
00:17:07,720 --> 00:17:10,660
>> Publiek: Ik ben gewoon problemen
vinden van de [? Inspect Element. ?]

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

342
00:17:13,609 --> 00:17:16,250
>> ROGER ZURAWICKI: So Safari looks
een beetje anders, maar weet je

343
00:17:16,250 --> 00:17:18,599
hebben Chrome of Firefox?

344
00:17:18,599 --> 00:17:21,619
Deze zijn gemakkelijker
degenen om mee te werken.

345
00:17:21,619 --> 00:17:25,079
En voor uw projecten, adviseer ik
steken met een browser, omdat

346
00:17:25,079 --> 00:17:29,610
je zult een hoop bugs bijna krijgt
omdat elke browser traktaties

347
00:17:29,610 --> 00:17:31,980
JavaScript HTML een beetje anders.

348
00:17:31,980 --> 00:17:35,170
Dus ik denk dat je leven zal een stuk zijn
makkelijker als u zich aan Chrome omdat

349
00:17:35,170 --> 00:17:37,052
Het is beschikbaar op alle machines.

350
00:17:37,052 --> 00:17:38,790
En het is een vrij populaire browser.

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
>> Dus het volgende onderwerp dat we moeten
dekken in JavaScript -

355
00:18:06,370 --> 00:18:07,730
Het spijt me van de opmaak hier.

356
00:18:07,730 --> 00:18:11,630
Ik moest de dia's aan te passen rekken
de breedbeeld projector.

357
00:18:11,630 --> 00:18:14,750
Maar ik zou nu graag hebben over
hoe je functies uit te voeren.

358
00:18:14,750 --> 00:18:17,410
In C, moeten we verklaren
elke functie.

359
00:18:17,410 --> 00:18:22,130
Zoals int toe te voegen, en het duurt een int in
x, en een int y, en dan voegen we

360
00:18:22,130 --> 00:18:23,100
en terug te sturen.

361
00:18:23,100 --> 00:18:26,850
>> In JavaScript, functies zijn eigenlijk
andere variabele type.

362
00:18:26,850 --> 00:18:30,560
Dus we zeggen var voegen, en
deze gelijk is aan een functie.

363
00:18:30,560 --> 00:18:32,580
Een functie die een x en een y neemt.

364
00:18:32,580 --> 00:18:33,790
En wat doet die functie doen?

365
00:18:33,790 --> 00:18:39,910
Het keert x plus y in exact dezelfde
syntax als in C. En je merkt dat in

366
00:18:39,910 --> 00:18:44,290
JavaScript, zult u niet verteld wat de
functie geeft want sinds

367
00:18:44,290 --> 00:18:49,160
variabelen niet typen hebben hoe dan ook, het
het is niet echt productief, denk ik,

368
00:18:49,160 --> 00:18:52,855
te specificeren alle
soorten in uw functies.

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

370
00:18:55,720 --> 00:18:59,565
En dan wanneer je een functie aan te roepen, het is
exact dezelfde syntax als C. U

371
00:18:59,565 --> 00:19:03,610
gewoon langs in uw twee argumenten.

372
00:19:03,610 --> 00:19:07,330
Ik wil deze proberen in mijn node.

373
00:19:07,330 --> 00:19:09,284
Kan ik de glijbaan?

374
00:19:09,284 --> 00:19:10,534
>> PUBLIEK: [onverstaanbaar].

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

376
00:19:14,639 --> 00:19:17,000
Krijgen we een kopie van de dia's?

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

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

379
00:19:28,280 --> 00:19:29,956
Dus laten we terugkeren naar knooppunt te gaan.

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

381
00:19:32,240 --> 00:19:38,160
Dus ik zal zeggen var add gelijk functie.

382
00:19:38,160 --> 00:19:40,650
Inname van een x, het nemen van een y.

383
00:19:40,650 --> 00:19:43,690
En dan weet dat de instructie
niet voltooid.

384
00:19:43,690 --> 00:19:47,692
Dus in het knooppunt of in je console,
je zult merken dot dot dot.

385
00:19:47,692 --> 00:19:49,660
Zodat u kunt blijven typen van uw code.

386
00:19:49,660 --> 00:19:53,650
En nu zal ik zeggen return x plus y.

387
00:19:53,650 --> 00:19:54,790
En sluit de brace.

388
00:19:54,790 --> 00:20:00,260
En het moment dat ik sluit de brace, het
ziet dat de verklaring is voltooid.

389
00:20:00,260 --> 00:20:04,730
>> En nu kan ik zeggen voeg een en twee.

390
00:20:04,730 --> 00:20:08,280
En ik krijg drie.

391
00:20:08,280 --> 00:20:11,545
Merk op dat als ik gewoon toe te voegen, het
vertelt me ​​dat het een functie.

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

393
00:20:14,630 --> 00:20:19,570
En een ding alleen maar om aandacht te besteden aan
is als je het de verkeerde aantal

394
00:20:19,570 --> 00:20:23,380
argumenten, zal het maken.

395
00:20:23,380 --> 00:20:25,890
Het zal lopen, maar je zou kunnen krijgen
sommige echt raar resultaten.

396
00:20:25,890 --> 00:20:30,070
Zoiets als een vuilnis waarde,
je kunt denken.

397
00:20:30,070 --> 00:20:32,060
Dus ga je gang en probeer
dit in uw browser.

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

399
00:21:25,180 --> 00:21:29,510
>> OK, dus in het belang van de tijd, zal ik
nu verder met de volgende functies in

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
Dus we hebben gesproken over functies.

403
00:21:38,400 --> 00:21:40,840
We hebben gesproken over loops,
als verklaringen ook.

404
00:21:40,840 --> 00:21:43,660
De syntax is hetzelfde
als C en variabelen.

405
00:21:43,660 --> 00:21:46,090
En nu wil ik het hebben over arrays.

406
00:21:46,090 --> 00:21:48,520
Het spijt me dat de dia's
kreeg een beetje afgesneden.

407
00:21:48,520 --> 00:21:52,470
Maar eigenlijk, in het eerste deel,
alles wat je nodig zal werken.

408
00:21:52,470 --> 00:21:55,410
>> Dus we hebben een ander type voor
variabelen genoemd arrays.

409
00:21:55,410 --> 00:21:57,930
En we gebruiken vierkante haken
te duiden.

410
00:21:57,930 --> 00:22:01,960
Dus in het eerste voorbeeld,
var arr, lege array.

411
00:22:01,960 --> 00:22:05,900
Dit is de lege lijst, dus een array
die geen elementen.

412
00:22:05,900 --> 00:22:09,770
En je kunt ook een array
met drie snaren.

413
00:22:09,770 --> 00:22:13,290
In C, elk element in de array
moest hetzelfde type zijn.

414
00:22:13,290 --> 00:22:16,940
>> Maar omdat in JavaScript is er slechts
een type, arrays kan eigenlijk

415
00:22:16,940 --> 00:22:18,510
verschillende typen waarden.

416
00:22:18,510 --> 00:22:22,220
Net als hier, hebben we een array met
een vlotter, een bool, en een int.

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

418
00:22:25,020 --> 00:22:28,510
De manier krijg je een lengte van een array,
je eigenlijk niet hoeft te gebruiken grootte van

419
00:22:28,510 --> 00:22:29,030
of iets.

420
00:22:29,030 --> 00:22:31,570
Je gewoon scala zeggen en
dan dot lengte.

421
00:22:31,570 --> 00:22:36,450
En deze dot lengte, kunt u denken aan
het als een soort van structuur, hoe elk

422
00:22:36,450 --> 00:22:40,890
array heeft een veld, een extra variabele
erin genaamd lengte, die

423
00:22:40,890 --> 00:22:42,910
houdt bij hoe lang je array is.

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

425
00:22:47,280 --> 00:22:50,420
>> Dus ik ben gewoon snel gaan in te gaan
knooppunt en tonen jullie hetzelfde.

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

427
00:22:55,860 --> 00:22:58,050
Dus kan ik een array.

428
00:22:58,050 --> 00:23:00,280
Het kan de lege lijst zijn.

429
00:23:00,280 --> 00:23:02,030
En het zal me drukken
terug een lege lijst.

430
00:23:02,030 --> 00:23:02,530
Geweldig.

431
00:23:02,530 --> 00:23:08,560
Ik kan nu zeggen dat de array
heeft 1, en 2.3, en waar.

432
00:23:08,560 --> 00:23:10,400
Dus alle verschillende soorten.

433
00:23:10,400 --> 00:23:11,740
En je merkt het werkt prima.

434
00:23:11,740 --> 00:23:16,330
De array ik rugsteunen
alle van de waarden die ik gaf.

435
00:23:16,330 --> 00:23:20,440
>> Als ik wilde het eerste element van krijgen
de array, de syntax is eigenlijk

436
00:23:20,440 --> 00:23:22,980
hetzelfde als in C. U
kan matrix nul zeggen.

437
00:23:22,980 --> 00:23:24,430
En je krijgt een.

438
00:23:24,430 --> 00:23:27,920
Ik kan hetzelfde voor matrix zeggen
twee, en ik krijg waar.

439
00:23:27,920 --> 00:23:31,610
Als ik iets doe buiten de array,
JavaScript is een veilige taal

440
00:23:31,610 --> 00:23:33,390
omdat ik een seg storing niet zal krijgen.

441
00:23:33,390 --> 00:23:34,780
Ik krijg undefined.

442
00:23:34,780 --> 00:23:37,510
>> En deze undefined, kan je soort
van denken over het als null.

443
00:23:37,510 --> 00:23:41,390
Maar het kan echt vervelend zijn als je
code want je moet om te controleren of

444
00:23:41,390 --> 00:23:43,880
bijna alles wat je doet, je
werken is niet gedefinieerd.

445
00:23:43,880 --> 00:23:47,700
En we zullen een aantal voorbeelden van te zien
dit wanneer we werken in Meteor.

446
00:23:47,700 --> 00:23:50,600
>> Hoewel de serie vier ongedefinieerd,
Ik kan het toekennen van een waarde.

447
00:23:50,600 --> 00:23:52,570
Dus ik zal zeggen dat het gelijk is aan een.

448
00:23:52,570 --> 00:23:57,050
En dan als ik naar array, I
hebben er de extra waarde.

449
00:23:57,050 --> 00:24:02,470
En merk op die array drie, die ook
werd undefined, blijft undefined.

450
00:24:02,470 --> 00:24:05,690
Dus ik heb nu een array met
een gat in het midden.

451
00:24:05,690 --> 00:24:07,750
Maar als ik gedrukt serie vier,
Ik zou krijgen.

452
00:24:07,750 --> 00:24:10,960
Als ik dat deed reeks drie, krijg ik undefined.

453
00:24:10,960 --> 00:24:13,880
>> Dus de leuke feature die JavaScript
stelt u in staat om te doen is dat de lijsten kan

454
00:24:13,880 --> 00:24:15,620
grootte veranderen.

455
00:24:15,620 --> 00:24:18,520
Arrays, arrays zijnde lijsten,
ze veranderen grootte.

456
00:24:18,520 --> 00:24:22,480
En u kunt elke locatie op te geven
binnenkant van hen.

457
00:24:22,480 --> 00:24:25,370
En alle gaten worden gevuld
deze ongedefinieerde waarden.

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

459
00:24:31,560 --> 00:24:33,450
>> Dus we hebben gesproken over arrays.

460
00:24:33,450 --> 00:24:37,050
Nu, het laatste wat ik wil gaan in
JavaScript, en dit is zeer belangrijk

461
00:24:37,050 --> 00:24:39,550
het begrijpen van de code die
Ik ga je laten zien,

462
00:24:39,550 --> 00:24:41,530
zal objecten.

463
00:24:41,530 --> 00:24:45,140
En objecten zijn een begrip in -

464
00:24:45,140 --> 00:24:47,380
principe, zij aanwezig zijn
vele programmeertalen.

465
00:24:47,380 --> 00:24:50,620
En elke programmeertaal graag
van hen denken een beetje anders.

466
00:24:50,620 --> 00:24:55,050
>> Maar ik denk dat voor Meteor, een goede
analogie is de C struct.

467
00:24:55,050 --> 00:24:59,410
In C, als we willen dat de structuur te vinden
student, zouden we moeten opgeven alle

468
00:24:59,410 --> 00:25:00,240
dingen erin.

469
00:25:00,240 --> 00:25:01,440
Dus het heeft een naam hebben.

470
00:25:01,440 --> 00:25:02,140
Het moet een jaar.

471
00:25:02,140 --> 00:25:03,650
Het moet een geslacht hebben.

472
00:25:03,650 --> 00:25:07,350
Maar we hebben ook te geven de
types van al die dingen.

473
00:25:07,350 --> 00:25:11,200
>> En nu hebben we deze vorm voor de
struct genaamd student, kunnen we een

474
00:25:11,200 --> 00:25:14,640
nieuwe structuur, en dan kunnen we handmatig
zeggen wat elk van de velden.

475
00:25:14,640 --> 00:25:17,740
En dat is waar we gebruik dot naam,
dot jaar, dot geslacht.

476
00:25:17,740 --> 00:25:21,930
En dan zijn we gewoon, in de laatste regel van
code hier, ik ben gewoon het afdrukken van de

477
00:25:21,930 --> 00:25:24,980
de naam van de struct student.

478
00:25:24,980 --> 00:25:28,220
>> In de JavaScript-wereld, is er
niet zoiets als struct student.

479
00:25:28,220 --> 00:25:30,660
U hoeft niet het genereren van een vooraf ingestelde structuur.

480
00:25:30,660 --> 00:25:34,680
Je eigenlijk alleen maar in deze beugels,
je zegt wat alles is.

481
00:25:34,680 --> 00:25:40,680
En het is een raar aantekening met de
dikke darm en vervolgens de komma, maar u zult

482
00:25:40,680 --> 00:25:41,810
wennen snel genoeg.

483
00:25:41,810 --> 00:25:44,930
>> En het is eigenlijk een heel eenvoudig,
flexibele manier van slechts

484
00:25:44,930 --> 00:25:47,400
manipuleren van objecten.

485
00:25:47,400 --> 00:25:51,270
Je merkt dat als ik wil nu krijgen
naam van s, ik doe s.name.

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

487
00:25:54,090 --> 00:25:56,790
Zijn er nog vragen over dit?

488
00:25:56,790 --> 00:26:00,260
Dit meestal een zeer verwarrend is geweest
onderwerp als we mensen kennis te

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

490
00:26:02,280 --> 00:26:04,110
Ik zal wat voorbeelden van dit in knooppunt.

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

492
00:26:05,010 --> 00:26:06,260
>> PUBLIEK: [onverstaanbaar].

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

494
00:26:14,130 --> 00:26:16,230
>> ROGER ZURAWICKI: Jij ook
een voorbeeld, verschillende

495
00:26:16,230 --> 00:26:18,764
variabelen van dat type.

496
00:26:18,764 --> 00:26:20,014
>> PUBLIEK: [onverstaanbaar].

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

498
00:26:23,540 --> 00:26:24,790
>> PUBLIEK: [onverstaanbaar].

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
Dus ik denk dat de manier waarop je zou gaan over is
zou je objecten in een array te zetten,

502
00:26:43,760 --> 00:26:45,340
en nu heb je een hebt
array van objecten.

503
00:26:45,340 --> 00:26:47,547
Is dat een antwoord op je vraag?

504
00:26:47,547 --> 00:26:48,797
>> PUBLIEK: [onverstaanbaar].

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

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

507
00:26:51,260 --> 00:26:52,430
S is een object.

508
00:26:52,430 --> 00:26:57,455
Dus we kunnen gaan in het knooppunt en gewoon
spelen een beetje rond.

509
00:26:57,455 --> 00:26:58,705
>> PUBLIEK: [onverstaanbaar]?

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
Dus als je vraagt ​​welke klassen zijn,
klassen zijn zeer verschillend behandeld,

513
00:27:10,660 --> 00:27:14,510
en ze hebben een echt raar regeling
genaamd prototyping, welke niet

514
00:27:14,510 --> 00:27:15,620
moet weten over.

515
00:27:15,620 --> 00:27:17,910
Er is geen vaste manier om het te doen.

516
00:27:17,910 --> 00:27:21,160
Dus als je wilt meerdere, je genereert
zou gewoon een soort van een functie

517
00:27:21,160 --> 00:27:22,100
of zoiets.

518
00:27:22,100 --> 00:27:24,340
Je genereert je eigen functie.

519
00:27:24,340 --> 00:27:26,765
En je zou een object terug.

520
00:27:26,765 --> 00:27:29,550
Dat zou het makkelijkst
manier om het te doen.

521
00:27:29,550 --> 00:27:32,454
Is dat logisch?

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
Geweldig.

525
00:27:36,650 --> 00:27:39,820
We dus eens een goed begrip van
JavaScript voorwerpen ze -

526
00:27:39,820 --> 00:27:41,082
oh, ja.

527
00:27:41,082 --> 00:27:42,026
>> PUBLIEK: [onverstaanbaar]

528
00:27:42,026 --> 00:27:45,802
Bijvoorbeeld, wat is het verschil tussen
"Roger" dubbele aanhalingstekens versus

529
00:27:45,802 --> 00:27:47,510
[Onverstaanbaar] met enkele quotes.

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

531
00:27:47,810 --> 00:27:52,730
Dus dit is in C, hebben we de enige
citaten vertegenwoordigen tekens, en dubbele

532
00:27:52,730 --> 00:27:54,550
citaten vertegenwoordigen snaren.

533
00:27:54,550 --> 00:27:57,920
JavaScript gooit eigenlijk dit weg
omdat je snaren met u hebben

534
00:27:57,920 --> 00:28:01,570
enkele of dubbele aanhalingstekens, en er is
niet zoiets als een enkele char.

535
00:28:01,570 --> 00:28:04,400
Maar als je gewoon gekopieerd hetzelfde
C-code, JavaScript zou

536
00:28:04,400 --> 00:28:05,610
behandel het prima.

537
00:28:05,610 --> 00:28:07,710
Dat is waarom ik behandeld als -

538
00:28:07,710 --> 00:28:12,540
dat is waarom ik letterlijk kan poort
de code in die zin.

539
00:28:12,540 --> 00:28:15,420
>> En ik wil u een voorbeeld zien
van een gecompliceerd object.

540
00:28:15,420 --> 00:28:19,890
Dus je kunt merken dat het ene object
kan strings als waarden hebben.

541
00:28:19,890 --> 00:28:21,530
Het kan nog een lijst met waarden.

542
00:28:21,530 --> 00:28:23,820
Het kan een lijst zijn
objecten als waarden.

543
00:28:23,820 --> 00:28:25,870
Er is echt geen limiet aan deze.

544
00:28:25,870 --> 00:28:29,070
Dus hier, het is gewoon een goede demonstratie
hoe je veel kunt krijgen

545
00:28:29,070 --> 00:28:33,290
verschillende types gaande
alles in een object.

546
00:28:33,290 --> 00:28:34,540
Heeft dit zin?

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

548
00:28:41,090 --> 00:28:44,700
>> Nu, kunt u ook
arrays van objecten.

549
00:28:44,700 --> 00:28:48,530
En hier is een beetje vergelijkbaar met wat je
vroeg, als je voorwerpen kunt hebben

550
00:28:48,530 --> 00:28:49,190
hetzelfde type.

551
00:28:49,190 --> 00:28:52,960
Maar het probleem is, is er geen vaste
formaat voor objecten in JavaScript.

552
00:28:52,960 --> 00:28:55,020
Dus je moet ze zelf aan te geven.

553
00:28:55,020 --> 00:28:57,600
En je moet ervoor zorgen
dat ze uniform.

554
00:28:57,600 --> 00:29:00,410
Dus hier, wanneer ik een object te maken, ik heb
om ervoor te zorgen dat elk heeft een

555
00:29:00,410 --> 00:29:01,910
naam, en elk heeft een huis.

556
00:29:01,910 --> 00:29:05,620
>> En dan heb ik een array van die,
en dat kan mijn huisje zijn.

557
00:29:05,620 --> 00:29:08,290
En dan hier kunt u soort
zie de lus aan de hand.

558
00:29:08,290 --> 00:29:14,090
De lus wordt gewoon echt een gemeenschappelijke
manier te doorkruisen over een array

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

560
00:29:15,150 --> 00:29:18,010
Merk op dat dit patroon is zeer vergelijkbaar
aan de C-equivalent, waar u

561
00:29:18,010 --> 00:29:21,470
hebben int i gelijk is aan nul. ik
kleiner is dan de lengte.

562
00:29:21,470 --> 00:29:23,634
En dan heb ik plus plus.

563
00:29:23,634 --> 00:29:26,035
>> Het is bijna dezelfde code,
behalve een paar details.

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

565
00:29:29,460 --> 00:29:33,120
Dus doet iedereen begrijpt
wat een object is?

566
00:29:33,120 --> 00:29:35,820
Denk maar aan het als een C struct.

567
00:29:35,820 --> 00:29:38,784
En de manier waarop je toegang tot de velden
is gewoon met de stip.

568
00:29:38,784 --> 00:29:41,950
En zolang je weet hoe je
Gebruik de stip, zul je wel goed.

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

570
00:29:55,300 --> 00:29:58,790
>> OK, dus nu kan iedereen
lees die link?

571
00:29:58,790 --> 00:30:02,220
Dit is de link naar het project.

572
00:30:02,220 --> 00:30:04,950
Is er iemand problemen
het zien van de link?

573
00:30:04,950 --> 00:30:06,251
OK, laten we dan veranderen.

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

575
00:30:14,430 --> 00:30:15,680
Het is niet -

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

577
00:30:21,900 --> 00:30:24,240
Ja, dat is waarschijnlijk de
gemakkelijkste manier om het te doen.

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

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

580
00:30:34,560 --> 00:30:38,270
>> Dus als je naar deze site, er moet
een aantal instructies die ik zal

581
00:30:38,270 --> 00:30:42,550
gaan over hoe we Meteor kan installeren
en krijg onze steekproef project lopen.

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

583
00:30:47,900 --> 00:30:50,180
Ik wil ervoor zorgen dat iedereen heeft
de link naar beneden voordat ik beweeg.

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

585
00:31:16,250 --> 00:31:17,500
Kan ik verder gaan?

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

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

588
00:31:23,680 --> 00:31:25,890
>> Dus hier ben ik op de website.

589
00:31:25,890 --> 00:31:28,740
U zult merken in de readme-bestand,
hebben we een aantal instructies over hoe

590
00:31:28,740 --> 00:31:30,200
te krijgen e zetten.

591
00:31:30,200 --> 00:31:33,920
U moet zich hetzij in de CS50
toestel of gewoon op een Mac.

592
00:31:33,920 --> 00:31:35,330
Windows zal niet werken.

593
00:31:35,330 --> 00:31:37,760
Maar eigenlijk alles dat is niet
Windows zou moeten werken met deze

594
00:31:37,760 --> 00:31:39,820
instructies prima.

595
00:31:39,820 --> 00:31:41,470
Maar ik kan het een beetje te maken
ook groter.

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

597
00:31:45,610 --> 00:31:48,820
>> Dus kom je de eerste
paar opdrachten.

598
00:31:48,820 --> 00:31:50,450
Deze jongens zullen gewoon Meteor installeren.

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

600
00:31:54,870 --> 00:31:58,530
Ik kan gaan in mijn terminal.

601
00:31:58,530 --> 00:32:02,710
En als ik zonder het zelfde ding nu,
Ik heb al geïnstalleerd.

602
00:32:02,710 --> 00:32:03,710
Dus het is een beetje korter.

603
00:32:03,710 --> 00:32:05,155
Het is misschien een beetje langer duren
voor jullie.

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

605
00:32:08,160 --> 00:32:13,530
Maar ik wil eerst zeker
dat we Meteor lopen.

606
00:32:13,530 --> 00:32:16,780
Na Meteor heeft geïnstalleerd, moet u
in staat zijn om het knooppunt te krijgen in de console.

607
00:32:16,780 --> 00:32:19,430
>> PUBLIEK: Ze vragen
voor een wachtwoord.

608
00:32:19,430 --> 00:32:22,110
>> ROGER ZURAWICKI: Dat zou je kunnen
gebruikerswachtwoord, als je op een Mac.

609
00:32:22,110 --> 00:32:27,030
Het toestemming moet gewoon
bepaalde systeembestanden te wijzigen.

610
00:32:27,030 --> 00:32:30,690
Dus de vraag is, als het u vraagt ​​om
een wachtwoord, het is gewoon je vragen

611
00:32:30,690 --> 00:32:33,510
voor uw gebruikersnaam wachtwoord wanneer
u inlogt op uw Mac.

612
00:32:33,510 --> 00:32:35,770
En dit is, zodat u kunt
systeembestanden veranderen.

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

614
00:32:46,670 --> 00:32:51,260
>> En als je klaar bent, kun je verder gaan
de volgende stap, die kopieer

615
00:32:51,260 --> 00:32:54,220
voorbeeldcode heb ik van de website.

616
00:32:54,220 --> 00:32:58,330
En je krijgt een nieuwe map in uw
home-directory genaamd leaderboard, en

617
00:32:58,330 --> 00:32:59,670
we kunnen beginnen te werken vanaf daar.

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

619
00:33:09,680 --> 00:33:14,620
Dus ik ben gewoon te kopiëren en deze plakken
commando in mijn terminal.

620
00:33:14,620 --> 00:33:16,780
En voor mij, ik gekloond het al.

621
00:33:16,780 --> 00:33:21,470
Dus ik kan gewoon nu bewegen
in leaderboard.

622
00:33:21,470 --> 00:33:23,450
En ik moet een paar hebben
bestanden in.

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

624
00:33:29,880 --> 00:33:31,113
Heeft u nog vragen?

625
00:33:31,113 --> 00:33:34,430
>> PUBLIEK: [onverstaanbaar] werkt niet.

626
00:33:34,430 --> 00:33:36,741
>> ROGER ZURAWICKI: Oh, zou je
git geïnstalleerd moet ook.

627
00:33:36,741 --> 00:33:39,150
>> PUBLIEK: [onverstaanbaar].

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

629
00:33:40,162 --> 00:33:41,412
>> PUBLIEK: [onverstaanbaar].

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
Dat komt omdat je zou moeten zijn
ingelogd op GitHub om deze link te krijgen.

634
00:33:52,860 --> 00:33:58,160
Als jullie dat kunnen zien, is de gemakkelijkste
manier om het te doen ik zou dan zeggen is

635
00:33:58,160 --> 00:33:59,270
downloaden van de zip.

636
00:33:59,270 --> 00:34:02,010
En dit zal gewoon downloaden
alle bestanden.

637
00:34:02,010 --> 00:34:05,510
En dan als je het eenmaal in je
downloaden of je home directory -

638
00:34:05,510 --> 00:34:07,360
Ik raad je het in je
home directory, zodat we allemaal kunnen

639
00:34:07,360 --> 00:34:09,210
lopen dezelfde opdrachten.

640
00:34:09,210 --> 00:34:15,230
Zolang we hebben de bestanden, zullen we
in staat zijn om te beginnen werken met hen.

641
00:34:15,230 --> 00:34:17,969
Laat me weten als mensen hebben
problemen het downloaden van de bestanden.

642
00:34:17,969 --> 00:34:21,040
>> Publiek: Door home directory,
je bedoelt -

643
00:34:21,040 --> 00:34:24,989
>> ROGER ZURAWICKI: Dus home directory zou
zijn John Harvard, als je in

644
00:34:24,989 --> 00:34:27,460
de CS50 apparaat.

645
00:34:27,460 --> 00:34:33,651
Om uw home directory te krijgen,
typ je gewoon in C.

646
00:34:33,651 --> 00:34:34,145
>> PUBLIEK: [onverstaanbaar]

647
00:34:34,145 --> 00:34:37,610
CS50 apparaat [onverstaanbaar].

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

649
00:34:38,650 --> 00:34:40,480
U wilt de opdrachten uit te voeren
in uw terminal.

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

651
00:34:44,899 --> 00:34:45,390
>> PUBLIEK: [onverstaanbaar].

652
00:34:45,390 --> 00:34:50,800
Ik heb een fout die niet zegt
bestand of map.

653
00:34:50,800 --> 00:34:52,739
>> ROGER ZURAWICKI: We kunnen snel nemen
breken en gewoon ervoor zorgen dat

654
00:34:52,739 --> 00:34:56,760
iedereen heeft Meteor geïnstalleerd, en ik zal
ga gewoon proberen om mensen te helpen.

655
00:34:56,760 --> 00:34:59,130
Probeer elkaar te helpen als
je draait in de problemen.

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

657
00:35:04,640 --> 00:35:05,580
Sorry, ja.

658
00:35:05,580 --> 00:35:08,930
Bent u zowel in het toestel?

659
00:35:08,930 --> 00:35:09,350
>> PUBLIEK: Ja.

660
00:35:09,350 --> 00:35:13,190
Ik heb de RISA

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

662
00:35:14,300 --> 00:35:20,740
Als je terug naar de website te gaan,
ga omhoog naar de top.

663
00:35:20,740 --> 00:35:23,580
En er is een HTTPS.

664
00:35:23,580 --> 00:35:25,810
>> PUBLIEK: Kopieer dit?

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

666
00:35:26,230 --> 00:35:28,950
En dan wil je
typ git clone.

667
00:35:28,950 --> 00:35:30,814
Dus als u op Control A -

668
00:35:30,814 --> 00:35:33,718
>> PUBLIEK: Hier?

669
00:35:33,718 --> 00:35:36,410
En doe [onverstaanbaar]?

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

671
00:35:37,307 --> 00:35:38,557
>> PUBLIEK: [onverstaanbaar].

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

673
00:35:40,410 --> 00:35:42,670
>> ROGER ZURAWICKI: Git en dan klonen.

674
00:35:42,670 --> 00:35:46,610
Dus het is zeer vergelijkbaar met de opdracht die u
had boven, maar de URL veranderd.

675
00:35:46,610 --> 00:35:49,010
Dus voordat het dit was, nu is het dit.

676
00:35:49,010 --> 00:35:50,680
Laat me het actualiseren van de -

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

678
00:35:51,354 --> 00:35:52,604
>> PUBLIEK: [onverstaanbaar].

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

680
00:35:56,000 --> 00:35:58,076
>> ROGER ZURAWICKI: Dit wordt gedownload.

681
00:35:58,076 --> 00:35:59,326
>> PUBLIEK: [onverstaanbaar].

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

683
00:36:02,930 --> 00:36:05,690
>> ROGER ZURAWICKI: Oh, dus het
niet correct te klonen.

684
00:36:05,690 --> 00:36:07,920
Ik zal dat bevestigen.

685
00:36:07,920 --> 00:36:10,190
Er is een fout met het proberen
om de bestanden te downloaden.

686
00:36:10,190 --> 00:36:13,820
Laat ik het actualiseren van de opdracht voor jullie
dus ik kan er zeker van dat het zal werken.

687
00:36:13,820 --> 00:36:17,025
Het spijt me dat.

688
00:36:17,025 --> 00:36:21,618
Het moet hetzelfde zijn voor
Mac's of CS50 apparaat.

689
00:36:21,618 --> 00:36:22,868
>> PUBLIEK: [onverstaanbaar].

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

691
00:36:49,320 --> 00:36:51,190
>> ROGER ZURAWICKI: Ik heb bijgewerkt de
opdracht voor nummer twee, indien

692
00:36:51,190 --> 00:36:52,910
u de pagina te vernieuwen.

693
00:36:52,910 --> 00:36:56,520
En met dit, URL, je zou moeten zijn
in staat om de bestanden te downloaden.

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

695
00:37:00,162 --> 00:37:02,550
>> Publiek: Dus als we nog steeds
downloaden [onverstaanbaar].

696
00:37:02,550 --> 00:37:05,930
>> ROGER ZURAWICKI: Als je
nog steeds het downloaden Meteor?

697
00:37:05,930 --> 00:37:07,180
>> PUBLIEK: [onverstaanbaar].

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

699
00:37:09,860 --> 00:37:11,910
>> ROGER ZURAWICKI: Ja, als je wilt
te ontwikkelen op je Mac.

700
00:37:11,910 --> 00:37:14,145
Maar je moet de Xcode developer nodig
tools geinstalleerd.

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

702
00:37:21,530 --> 00:37:24,550
Ik heb deze commando's getest op de CS50
toestel, dus kan ik garanderen

703
00:37:24,550 --> 00:37:25,440
dat het zal werken.

704
00:37:25,440 --> 00:37:26,710
Ja. laat me gaan en je te helpen.

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

706
00:37:30,558 --> 00:37:31,808
>> PUBLIEK: [onverstaanbaar].

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

708
00:37:39,440 --> 00:37:40,372
Ik ben mijn wachtwoord geven.

709
00:37:40,372 --> 00:37:42,240
Dit is Mac.

710
00:37:42,240 --> 00:37:43,490
En dan doe ik [onverstaanbaar].

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
Ik zou proberen draaien alle opdrachten
uitsluitend in het CS50 apparaat terminal.

714
00:37:57,080 --> 00:37:58,330
>> PUBLIEK: [onverstaanbaar].

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

716
00:38:00,220 --> 00:38:02,570
>> ROGER ZURAWICKI: Ik zou het werkend te krijgen
eerst de terminal, op de

717
00:38:02,570 --> 00:38:04,830
CS50 apparaat, en vervolgens
de Mac terminal.

718
00:38:04,830 --> 00:38:08,130
>> PUBLIEK: Dus als je het op de CS50
apparaat verwijderen als dat, [onverstaanbaar].

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

720
00:38:13,650 --> 00:38:15,850
>> ROGER ZURAWICKI: Ik wil graag verhuizen
op, maar als mensen nog steeds problemen

721
00:38:15,850 --> 00:38:20,190
moeite het opzetten van Meteor, Kevin is meer
dan helpen u graag bij jongens,

722
00:38:20,190 --> 00:38:21,440
Kevin in het grijze shirt.

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

724
00:38:26,320 --> 00:38:32,170
Wat we moeten hebben is dat we gaan
lopen de laatste opdracht, nummer drie, in

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

726
00:38:33,710 --> 00:38:37,320
Als we dat doen, zullen we lopen Meteor.

727
00:38:37,320 --> 00:38:39,040
>> En je moet -

728
00:38:39,040 --> 00:38:41,200
oh, ik heb al Meteor lopen.

729
00:38:41,200 --> 00:38:45,230
Dus het is niet van plan te laten - laat me
net sluit mijn andere Meteor.

730
00:38:45,230 --> 00:38:49,640
Wanneer ik Meteor, u
moet nu zien dat -

731
00:38:49,640 --> 00:38:51,490
moet u de huidige directory te zien
dat het serveren.

732
00:38:51,490 --> 00:38:55,476
En nu het gaat om de server te zeggen
draait op http://localhost.

733
00:38:55,476 --> 00:38:58,860
Dat is de URL die u wilt zetten
in in uw webbrowser.

734
00:38:58,860 --> 00:39:05,410
>> En op die URL, moet u in staat om
toegang tot een leuke kleine leaderboard.

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

736
00:39:10,030 --> 00:39:14,530
Zo merken dat dit op localhost,
wat betekent dat als u doen

737
00:39:14,530 --> 00:39:17,320
veranderingen, je bent niet van plan om
zie elkaars veranderingen.

738
00:39:17,320 --> 00:39:20,830
Overwegende dat op de website heb ik laten zien
aan het begin, konden we

739
00:39:20,830 --> 00:39:23,380
wijzigingen van iedereen omdat iedereen
werd de toegang tot dezelfde website.

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

741
00:39:27,010 --> 00:39:29,540
>> Dus laat me gewoon naar [? woord?]

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

743
00:39:35,570 --> 00:39:38,820
Dus je moet in staat zijn om gewoon te bevestigen
dat de functionaliteit werkt.

744
00:39:38,820 --> 00:39:44,790
U kunt verschillende mensen te selecteren, en
je kunt ze verschillende punten geven.

745
00:39:44,790 --> 00:39:46,710
Dus ik geef iemand punten.

746
00:39:46,710 --> 00:39:50,420
Je kunt ook zien dat
ze stijgen in rang.

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

748
00:39:53,450 --> 00:39:57,360
>> Nu, in het belang van de tijd, is er
zijn drie functies die ik heb

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

750
00:39:58,020 --> 00:40:03,760
En we gaan implementeren verwijderen
gebruikers als onze eerste speelfilm.

751
00:40:03,760 --> 00:40:06,360
Maar voordat we verder gaan, zijn
er nog vragen?

752
00:40:06,360 --> 00:40:09,010
Je had je hand omhoog.

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

754
00:40:10,480 --> 00:40:11,730
>> PUBLIEK: [onverstaanbaar].

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

756
00:40:20,980 --> 00:40:22,450
>> ROGER ZURAWICKI: Kun je controleren
dat Meteor is geïnstalleerd?

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

758
00:40:25,160 --> 00:40:26,410
>> PUBLIEK: [onverstaanbaar].

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

760
00:40:31,440 --> 00:40:32,680
>> ROGER ZURAWICKI: Lokale gastheer 3000?

761
00:40:32,680 --> 00:40:36,550
En je bent in de CS50 apparaat?

762
00:40:36,550 --> 00:40:37,800
Ik kan doen -

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

764
00:40:39,870 --> 00:40:41,210
je hoeft niet te worden op een Mac.

765
00:40:41,210 --> 00:40:43,558
Dit werkt in het toestel.

766
00:40:43,558 --> 00:40:45,880
>> PUBLIEK: [onverstaanbaar].

767
00:40:45,880 --> 00:40:47,520
>> ROGER ZURAWICKI: In de normale
webbrowser, ja.

768
00:40:47,520 --> 00:40:49,170
>> PUBLIEK: [onverstaanbaar].

769
00:40:49,170 --> 00:40:52,100
>> ROGER ZURAWICKI: Is Meteor running?

770
00:40:52,100 --> 00:40:54,180
Nou ja, er is een onderscheid.

771
00:40:54,180 --> 00:40:56,300
Als u gebruik maakt van het in de
toestel, je hoeft te doen

772
00:40:56,300 --> 00:40:58,400
localhost binnen het apparaat.

773
00:40:58,400 --> 00:41:00,860
Als u gebruik maakt van het in je Mac,
zoals ik ben, dan kan ik doen

774
00:41:00,860 --> 00:41:02,460
mijn Mac Google Chrome.

775
00:41:02,460 --> 00:41:05,520
Maar als je met de CS50 apparaat,
je moet alles doen

776
00:41:05,520 --> 00:41:06,350
in het toestel.

777
00:41:06,350 --> 00:41:09,022
Dus je moet gebruik maken van Google
Chroom in het toestel.

778
00:41:09,022 --> 00:41:10,350
>> PUBLIEK: [onverstaanbaar].

779
00:41:10,350 --> 00:41:12,188
>> ROGER ZURAWICKI: Het is
nog steeds niet?

780
00:41:12,188 --> 00:41:13,438
>> PUBLIEK: [onverstaanbaar].

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

782
00:41:39,170 --> 00:41:42,390
>> ROGER ZURAWICKI: Dus gewoon om te herhalen,
hoe krijg je toegang nu de website.

783
00:41:42,390 --> 00:41:46,380
Je hebt een URL hier op
localhost 3000.

784
00:41:46,380 --> 00:41:49,600
Als je in de CS50 apparaat,
je moet CS50 openen

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

786
00:41:51,320 --> 00:41:54,850
En in dat Google Chrome binnen de
apparaat, kunt u in die URL,

787
00:41:54,850 --> 00:41:56,400
en je moet een leaderboard te zien.

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

789
00:41:58,990 --> 00:42:04,800
Dus ik ga gewoon zet het uit
aan de kant hier een beetje.

790
00:42:04,800 --> 00:42:09,600
En nu ga ik open mijn
teksteditor hier.

791
00:42:09,600 --> 00:42:16,040
Dus laat me maar zorg ervoor dat
de code in orde is.

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

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

794
00:42:19,750 --> 00:42:22,360
>> Ik wil nu eerst door
de code een beetje.

795
00:42:22,360 --> 00:42:26,110
En het eerste bestand zou ik willen beginnen
met IS leaderboard.html.

796
00:42:26,110 --> 00:42:31,520
Je zult in staat om deze code te krijgen na
het seminar, dus ik wil gewoon laten zien

797
00:42:31,520 --> 00:42:33,960
u op mijn computer wat er gaande is.

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

799
00:42:39,130 --> 00:42:40,970
Dus ik hoop dat iedereen kan dit zien.

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

801
00:42:47,970 --> 00:42:51,590
Dus aan het begin van het bestand, we
hebben ons hoofd en de titel, die

802
00:42:51,590 --> 00:42:54,510
is vergelijkbaar met wat we zagen
in elk HTML-document.

803
00:42:54,510 --> 00:42:56,990
En dan gaan we hebben
de body-tag hier.

804
00:42:56,990 --> 00:42:59,920
>> Wat ik heb gekozen is de belangrijkste
lichaam, eigenlijk wat is

805
00:42:59,920 --> 00:43:01,470
gaat krijgen weergegeven.

806
00:43:01,470 --> 00:43:05,560
Maar er zijn enkele nieuwe niet-HTML
dingen, en dat is in de

807
00:43:05,560 --> 00:43:06,710
dubbele punthaken.

808
00:43:06,710 --> 00:43:08,600
En dit zijn template tags.

809
00:43:08,600 --> 00:43:13,770
Zo zult u hier ziet deze beugel
bracket nieuwe leaderboard.

810
00:43:13,770 --> 00:43:17,390
En dit is een soort van - denk aan het
als het aanroepen van een functie voor HTML.

811
00:43:17,390 --> 00:43:19,320
>> Dit is een speciale versie van HTML.

812
00:43:19,320 --> 00:43:22,730
Het is de versie die Meteor gebruikt, die
is de reden waarom je anders kunt weergeven

813
00:43:22,730 --> 00:43:26,190
dingen, zoals het leaderboard
namen en knoppen.

814
00:43:26,190 --> 00:43:30,870
Maar leaderboard vertelt dat je naar de
sjabloon met de naam leaderboard.

815
00:43:30,870 --> 00:43:34,746
Dus sjabloon wordt niet weergegeven door
zelf, maar het is een functie, dus het

816
00:43:34,746 --> 00:43:35,390
wordt gecalled.

817
00:43:35,390 --> 00:43:41,030
En je zult vervangen in dit alles
code hier in leaderboard.

818
00:43:41,030 --> 00:43:44,510

819
00:43:44,510 --> 00:43:48,820
>> Het interessante deel van leaderboard
hier is gewoon deze tabel.

820
00:43:48,820 --> 00:43:52,910
Als je net hebt gelezen, lees deze code
hardop, moet het intuïtief

821
00:43:52,910 --> 00:43:57,390
omdat leaderboard, alles wat we
hier hebben is een tafel.

822
00:43:57,390 --> 00:44:00,410
Deze ID klasse dingen die je niet
zorgen te maken over.

823
00:44:00,410 --> 00:44:02,460
Weet gewoon dat er een tafel header.

824
00:44:02,460 --> 00:44:03,630
Dat is dit thead.

825
00:44:03,630 --> 00:44:06,860
>> En het vindt een naam en een score.

826
00:44:06,860 --> 00:44:12,150
Al deze labels, zoals thtable, thead,
je moet alleen leren als je verder gaat.

827
00:44:12,150 --> 00:44:15,540
Het is niet belangrijk dat je onthouden
deze want je kunt zomaar een toegang

828
00:44:15,540 --> 00:44:16,520
Reference Online.

829
00:44:16,520 --> 00:44:20,610
Of aan het einde van het semester, deze
zal gewoon zijn zeer vertrouwd met jou.

830
00:44:20,610 --> 00:44:22,840
>> Na de kop van de tabel, de
deel dat ik wil tekenen uw

831
00:44:22,840 --> 00:44:24,900
aandacht voor is dit h tag.

832
00:44:24,900 --> 00:44:27,180
Omdat het in dubbele haken,
het is een sjabloon.

833
00:44:27,180 --> 00:44:30,980
Dat betekent voor elke speler,
wat spelers, we moeten

834
00:44:30,980 --> 00:44:31,500
weer te geven.

835
00:44:31,500 --> 00:44:32,965
En we gaan naar de speler sjabloon.

836
00:44:32,965 --> 00:44:35,680

837
00:44:35,680 --> 00:44:39,890
>> Als we naar beneden scrollen een beetje meer -

838
00:44:39,890 --> 00:44:40,980
Ik hoop dat iedereen kan dat zien.

839
00:44:40,980 --> 00:44:42,900
We hebben de speler sjabloon.

840
00:44:42,900 --> 00:44:49,080
En dit sjabloon definieert in feite een
tabelcel, waar je in de naam

841
00:44:49,080 --> 00:44:50,330
hier en de score.

842
00:44:50,330 --> 00:44:52,540

843
00:44:52,540 --> 00:44:56,720
Uitzoomen nu, kunnen we zien
dat dit stuk code -

844
00:44:56,720 --> 00:44:59,060
en dat was onze speler daar beneden -

845
00:44:59,060 --> 00:45:01,070
vermeldt een van deze cellen.

846
00:45:01,070 --> 00:45:02,890
Elk ding dat ik klik
wordt geel.

847
00:45:02,890 --> 00:45:06,690

848
00:45:06,690 --> 00:45:08,660
>> Een eenvoudige manier kon ik het nu veranderen.

849
00:45:08,660 --> 00:45:10,150
Zorg ervoor Meteor nog loopt.

850
00:45:10,150 --> 00:45:12,540
Meteoor moet een server proces,
zodat u gewoon laten

851
00:45:12,540 --> 00:45:14,020
uitgevoerd wanneer u ontwikkeld.

852
00:45:14,020 --> 00:45:18,280
Laten we zeggen dat ik wilde veranderen
alle namen of de score.

853
00:45:18,280 --> 00:45:23,320
En ik zou zeggen ik ga
om punten hier toevoegen.

854
00:45:23,320 --> 00:45:27,215
Dus de verandering die ik hier gemaakt was,
in plaats van alleen score, I

855
00:45:27,215 --> 00:45:30,280
voeg score ruimte punten.

856
00:45:30,280 --> 00:45:32,775
>> Ik ga om uit te zoomen, en ik ben
ga mijn bestand op te slaan.

857
00:45:32,775 --> 00:45:35,510

858
00:45:35,510 --> 00:45:39,830
En nadat ik mijn dossier, moet ik
om ervoor te zorgen Meteor draait.

859
00:45:39,830 --> 00:45:55,650

860
00:45:55,650 --> 00:45:57,610
Sorry daarvoor.

861
00:45:57,610 --> 00:46:00,330
Ik wil je laten zien bewerkingen
werden gedaan in real time.

862
00:46:00,330 --> 00:46:06,180
Dus zal ik gewoon wat tekst te veranderen.

863
00:46:06,180 --> 00:46:07,600
Klik op een speler.

864
00:46:07,600 --> 00:46:10,040
Ik zet het in hoofdletters.

865
00:46:10,040 --> 00:46:14,540
En het moet zijn dat als dit werkt
goed, toen ik sla het op, het

866
00:46:14,540 --> 00:46:16,801
zou werken.

867
00:46:16,801 --> 00:46:20,420
>> Oh, ik denk dat nu het probleem is
Ik ben niet in de juiste directory.

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
Het spijt me dat.

871
00:46:28,160 --> 00:46:32,860
Dus hier, wat je opvalt is
mijn verandering ging door.

872
00:46:32,860 --> 00:46:34,540
Zeggen nu wil ik de verandering terug.

873
00:46:34,540 --> 00:46:36,200
Ik wil terug naar wat ik had.

874
00:46:36,200 --> 00:46:37,640
Ik ga gewoon normaal typen.

875
00:46:37,640 --> 00:46:39,180
Klik op een speler.

876
00:46:39,180 --> 00:46:42,920
>> Op het moment dat ik het heb opgeslagen, de
website verfrist voor mij.

877
00:46:42,920 --> 00:46:44,740
En ik zie mijn verandering op
de site onmiddellijk.

878
00:46:44,740 --> 00:46:48,170
Dit is echt een handige functie
in debuggen want nu

879
00:46:48,170 --> 00:46:49,640
Ik hoef niet te -

880
00:46:49,640 --> 00:46:52,920
wanneer we schrijven C-code, niet alleen hebben we
hebben om het bestand op te slaan, maar we moesten

881
00:46:52,920 --> 00:46:54,750
maken en dan weer draaien.

882
00:46:54,750 --> 00:46:58,750
Meteor is erg leuk omdat in tegenstelling tot C,
het moment dat u uw HTML of opslaan

883
00:46:58,750 --> 00:47:01,070
JavaScript-bestand, de verandering
verschijnt onmiddellijk.

884
00:47:01,070 --> 00:47:05,050

885
00:47:05,050 --> 00:47:09,140
>> Een vraag is, in deze templates, hoe
krijg ik de waarden als spelers

886
00:47:09,140 --> 00:47:11,520
of selecteer een naam?

887
00:47:11,520 --> 00:47:17,130
Als ik in te zoomen hier in mijn code,
Ik zie dit voor elke speler.

888
00:47:17,130 --> 00:47:19,970
Dus de sjabloon weet dat
Ik heb de spelers een of andere manier.

889
00:47:19,970 --> 00:47:22,110
En hij weet dat er
een gekozen naam.

890
00:47:22,110 --> 00:47:23,220
Waar komt dit vandaan?

891
00:47:23,220 --> 00:47:25,180
Dat afkomstig is van de webbrowser.

892
00:47:25,180 --> 00:47:30,980
>> En als je naar leaderboard.js, dit
file, nu als ik ga hier, we hebben een

893
00:47:30,980 --> 00:47:33,460
paar commando's gedefinieerd.

894
00:47:33,460 --> 00:47:36,400
Dit is speciaal Meteor syntax.

895
00:47:36,400 --> 00:47:38,600
Merk op dat je niet nodig hebt
vars of iets.

896
00:47:38,600 --> 00:47:42,990
Maar dit zijn slechts structs op structs
op structs of deze objecten.

897
00:47:42,990 --> 00:47:45,910
En alles wat ik definiëren is de template
genoemd leaderboard.

898
00:47:45,910 --> 00:47:47,900
>> Leaderboard zou een te krijgen
ding genaamd spelers.

899
00:47:47,900 --> 00:47:48,840
En wat is de spelers?

900
00:47:48,840 --> 00:47:51,860
Het is wat deze uitdrukking terug.

901
00:47:51,860 --> 00:47:53,020
En wat is gekozen naam?

902
00:47:53,020 --> 00:47:54,630
Het is wat meer code.

903
00:47:54,630 --> 00:47:56,810
De details van de code die we zult
bestrijken een beetje later.

904
00:47:56,810 --> 00:48:02,210
Maar nu ik wil dat je begrijpt
dat in deze code, nemen we

905
00:48:02,210 --> 00:48:04,350
spelers, en we geven er een waarde aan.

906
00:48:04,350 --> 00:48:07,000
In dit geval is een functie
dat wordt uitgevoerd.

907
00:48:07,000 --> 00:48:10,290
Dus we kunnen de waarde terug te krijgen
wanneer we lopen de functie.

908
00:48:10,290 --> 00:48:12,830

909
00:48:12,830 --> 00:48:13,520
Dit is een logboek.

910
00:48:13,520 --> 00:48:14,770
Is dat logisch?

911
00:48:14,770 --> 00:48:23,170

912
00:48:23,170 --> 00:48:25,010
>> Ik kan de manier waarop het wilt sorteren.

913
00:48:25,010 --> 00:48:27,230
Hier is er een soort object.

914
00:48:27,230 --> 00:48:31,660
En wat dit zegt is dat ik ga om te sorteren
door score aflopend eerste en

915
00:48:31,660 --> 00:48:33,170
dan naam oplopend.

916
00:48:33,170 --> 00:48:36,630
Als ik dit wijzigen in een, het gaat
tot score oplopende.

917
00:48:36,630 --> 00:48:39,120
Dus nul moet worden op de top.

918
00:48:39,120 --> 00:48:43,370
En toen ik inzoomen op mijn website, we
nu zien dat de website bijgewerkt.

919
00:48:43,370 --> 00:48:44,923
En de score stijgen.

920
00:48:44,923 --> 00:48:49,010

921
00:48:49,010 --> 00:48:53,980
>> De volgende functie Ik wil gewoon
te dekken is klik increment.

922
00:48:53,980 --> 00:48:57,910
Uit het belang van de tijd, zal ik niet
in staat zijn om meer van de Meteor dekken

923
00:48:57,910 --> 00:49:00,690
code, maar er zijn tal van middelen
beschikbaar zijn, en ik zal

924
00:49:00,690 --> 00:49:03,560
hier na het seminar.

925
00:49:03,560 --> 00:49:07,680
Maar ik wil gewoon te dekken
het leaderboard evenementen.

926
00:49:07,680 --> 00:49:10,520
Deze syntax je een leren
Wat later in de lezing.

927
00:49:10,520 --> 00:49:12,870
Dit is webbrowser.

928
00:49:12,870 --> 00:49:16,720
>> We zijn gewoon te zeggen, als we een klik,
en het is op de toename, deze

929
00:49:16,720 --> 00:49:19,160
hash betekent gewoon ID.

930
00:49:19,160 --> 00:49:23,945
Op de increment ID-tag, dan willen we
bij te werken - de sleutel woorden die ik wil dat je

931
00:49:23,945 --> 00:49:26,740
naar te kijken is actualisering en
selecteren en speler.

932
00:49:26,740 --> 00:49:29,080
Dus afhankelijk van welke speler geselecteerd,
we updaten.

933
00:49:29,080 --> 00:49:31,260
En wat we doen is dat we verhogen
zijn score door vijf.

934
00:49:31,260 --> 00:49:37,700

935
00:49:37,700 --> 00:49:40,340
En dat zal de functionaliteit beschrijven
we hier hebben.

936
00:49:40,340 --> 00:49:50,270

937
00:49:50,270 --> 00:49:54,510
>> Na afloop van dit seminar zullen we
in staat zijn om wat meer code te zien.

938
00:49:54,510 --> 00:50:00,400
Maar terug te gaan naar mijn doel dat ik wil
de site te wijzigen, wilde ik hier meer dan

939
00:50:00,400 --> 00:50:03,400
een knop verwijderen toevoegen zodat
Ik kan de speler verwijderen.

940
00:50:03,400 --> 00:50:05,390
Dus om dat te doen, moet ik
twee dingen doen.

941
00:50:05,390 --> 00:50:09,680
Ik moet de HTML te werken, werkt u de
zie, wat wordt getoond aan de gebruiker, en

942
00:50:09,680 --> 00:50:15,080
dan hebben enkele JavaScript dat wanneer de
knop wordt ingedrukt, Meteor gaat

943
00:50:15,080 --> 00:50:15,690
om iets te doen.

944
00:50:15,690 --> 00:50:18,040
Het gaat om die speler te verwijderen.

945
00:50:18,040 --> 00:50:20,720
>> Dus er zijn veel stukjes code
dat in principe al

946
00:50:20,720 --> 00:50:22,610
is gedaan voor mij.

947
00:50:22,610 --> 00:50:26,160
Als ik kijk hier, ik heb al een manier
krijgen de geselecteerde speler.

948
00:50:26,160 --> 00:50:29,880
Dat is dit spul, als je het kan zien.

949
00:50:29,880 --> 00:50:31,346
Dus als ik gewoon -

950
00:50:31,346 --> 00:50:35,160
Ik ga naar een ander evenement.

951
00:50:35,160 --> 00:50:37,900
Dus ik ga om te kopiëren wat ik heb.

952
00:50:37,900 --> 00:50:40,740
Want dit is een lijst,
Ik heb gewoon een komma.

953
00:50:40,740 --> 00:50:45,480
>> Dus nu ga ik klik verwijderen.

954
00:50:45,480 --> 00:50:48,840
En dan in plaats van spelers update
Ik ga doen spelers verwijderen.

955
00:50:48,840 --> 00:50:51,620
En alle spelers verwijderen behoeften
een geselecteerde speler.

956
00:50:51,620 --> 00:50:56,500
Dus deze functie is alles wat we nodig hebben.

957
00:50:56,500 --> 00:51:01,550
Ik moet wat toevoegen
HTML hier wel.

958
00:51:01,550 --> 00:51:05,180
Dus als ik scroll hier naar beneden,
Dit is de HTML-weergave.

959
00:51:05,180 --> 00:51:08,300
We hadden een ding hier,
dat was een een tag.

960
00:51:08,300 --> 00:51:09,610
U hoeft geen zorgen te maken over dat.

961
00:51:09,610 --> 00:51:12,000
>> Wat is belangrijk voor u is
deze ID increment.

962
00:51:12,000 --> 00:51:14,990
En dit is wat ons toeliet om te zeggen, wanneer
we geklikt increment, moeten we

963
00:51:14,990 --> 00:51:16,410
geef vijf punten.

964
00:51:16,410 --> 00:51:18,240
En je zult zien dat dit een knop.

965
00:51:18,240 --> 00:51:20,150
Dat is wat de BTN betekent.

966
00:51:20,150 --> 00:51:23,190
En de tekst in de knop
is geef vijf punten.

967
00:51:23,190 --> 00:51:26,440
Dus wat ik ga doen is ik ben
gaat deze lijn te kopiëren.

968
00:51:26,440 --> 00:51:29,910
Ik ga om het ID te verwijderen veranderen.

969
00:51:29,910 --> 00:51:34,310
En ik ga veranderen de
tekst hier om te verwijderen.

970
00:51:34,310 --> 00:51:35,980
>> Dus zorg ervoor dat alles is opgeslagen.

971
00:51:35,980 --> 00:51:39,010
Ik wil terug naar mijn JavaScript gaan
om ervoor te zorgen dat ik

972
00:51:39,010 --> 00:51:40,880
verwijderen hier opgesteld.

973
00:51:40,880 --> 00:51:41,780
Goed.

974
00:51:41,780 --> 00:51:43,145
Dus ik ga naar beide bestanden op te slaan.

975
00:51:43,145 --> 00:51:46,060

976
00:51:46,060 --> 00:51:49,320
Na het opslaan van beide bestanden, we
kan terug naar de bodem gaan.

977
00:51:49,320 --> 00:51:51,550
En nu zien we dat we hebben
een Wissen-toets.

978
00:51:51,550 --> 00:51:56,050
En nog een stap.

979
00:51:56,050 --> 00:51:58,200
Je merkt dat je zou kunnen krijgen een
fout omdat als ik klik

980
00:51:58,200 --> 00:52:00,610
verwijderen, er gebeurt niets.

981
00:52:00,610 --> 00:52:03,930
>> Een manier om dit te debuggen is om te gaan
terug naar Inspect Element.

982
00:52:03,930 --> 00:52:07,820
Ik doe dit met opzet, zodat u kunt
zien hoe je iets zou debuggen.

983
00:52:07,820 --> 00:52:11,210
In Inspect Element, we hebben
al onze tekst hier beneden.

984
00:52:11,210 --> 00:52:13,320
Ik wil terug naar de console gaan.

985
00:52:13,320 --> 00:52:19,230
En wat gebeurt er als ik ga hier
is Ik krijg een soort van fout.

986
00:52:19,230 --> 00:52:21,660
Het zegt dat er geen methode te verwijderen.

987
00:52:21,660 --> 00:52:30,770
>> Dus wat dit zegt is als ik ga
terug naar de code, ik belde speler

988
00:52:30,770 --> 00:52:31,870
verwijderen hier.

989
00:52:31,870 --> 00:52:34,430
Delete is eigenlijk niet
de juiste opdracht.

990
00:52:34,430 --> 00:52:39,740
Dus om uit te vinden wat het juiste commando
is, is er de Meteor API.

991
00:52:39,740 --> 00:52:42,680
De documentatie Ik wil u wijzen
jongens om net aan meteor.com.

992
00:52:42,680 --> 00:52:45,190
Dus ik heb het hier.

993
00:52:45,190 --> 00:52:48,510

994
00:52:48,510 --> 00:52:51,370
Dit is gewoon zo jullie weten
waar om meer te leren.

995
00:52:51,370 --> 00:52:54,420
>> Er is een link naar de documentatie.

996
00:52:54,420 --> 00:52:59,410
En eigenlijk kan ik alleen maar
weet te vinden om te verwijderen.

997
00:52:59,410 --> 00:53:03,220
En wat je ziet, verwijderen
is eigenlijk te verwijderen.

998
00:53:03,220 --> 00:53:05,400
Dat is de opdracht die
Ik moet bellen.

999
00:53:05,400 --> 00:53:09,620
Dus nu weten we dat, ik ga
te veranderen verwijderen te verwijderen.

1000
00:53:09,620 --> 00:53:13,060

1001
00:53:13,060 --> 00:53:18,010
Dus nu, wanneer ik terug naar mijn leaderboard gaan
plaats, ik ga klikken

1002
00:53:18,010 --> 00:53:19,450
verwijderen, en nu ben ik weg.

1003
00:53:19,450 --> 00:53:21,290
Er is geen Roger meer.

1004
00:53:21,290 --> 00:53:25,470
En ik kan blijven gaan schrappen van elke
enkele naam totdat ik heb niets meer.

1005
00:53:25,470 --> 00:53:33,600

1006
00:53:33,600 --> 00:53:36,060
>> Dus dat was een kleine preview
hoe Meteor gebruiken.

1007
00:53:36,060 --> 00:53:38,990

1008
00:53:38,990 --> 00:53:42,380
U zult leren veel meer JavaScript
en HTML noodzakelijk om

1009
00:53:42,380 --> 00:53:46,970
het lijkt mooier, die we zullen bespreken in
van deze week [? stuk?] instelt voor HTML

1010
00:53:46,970 --> 00:53:49,630
en JavaScript volgende
[? stuk?] ingesteld.

1011
00:53:49,630 --> 00:53:53,150
>> Dus wees niet ongerust, zo niet alle
dit spul komt gemakkelijk aan u.

1012
00:53:53,150 --> 00:53:56,410
Het zal de tijd van de door de
het uiteindelijke project.

1013
00:53:56,410 --> 00:53:58,030
Bedankt voor het komen opdagen.

1014
00:53:58,030 --> 00:54:01,380
De link die ik zal bijgewerkt zodra de
seminar zodat je wat meer zien

1015
00:54:01,380 --> 00:54:05,630
voorbeelden die ik op heb geïmplementeerd hoe
tot de meer geavanceerde leaderboard te krijgen

1016
00:54:05,630 --> 00:54:08,640
dat ik op deze website hier bij
een radicaal-leaderboard.meteor.

1017
00:54:08,640 --> 00:54:19,550

1018
00:54:19,550 --> 00:54:21,260
Dank u.

1019
00:54:21,260 --> 00:54:22,760
>> [Applaus]

1020
00:54:22,760 --> 00:56:58,070