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

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

3
00:00:08,890 --> 00:00:11,310
Kann ich Ihre Aufmerksamkeit?

4
00:00:11,310 --> 00:00:12,090
Danke, Jungs.

5
00:00:12,090 --> 00:00:14,030
Heute möchte ich über Meteor sprechen.

6
00:00:14,030 --> 00:00:16,710
Es ist ein JavaScript-Framework.

7
00:00:16,710 --> 00:00:21,110
Wir werden es schon gehen, wie Sie
machen wirklich coole Web-Anwendungen.

8
00:00:21,110 --> 00:00:24,940
>> Bevor wir in JavaScript zu bekommen, ich habe gerade
möchte euch sagen, dass dieser Wille

9
00:00:24,940 --> 00:00:26,900
- Sie werden einen später
Stück dieses Semester.

10
00:00:26,900 --> 00:00:28,520
Es sollte etwa JavaScript sein.

11
00:00:28,520 --> 00:00:32,910
Ich denke, zuerst [unverständlich] werde
decken das Web HTML PHP Zeug, bevor wir

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

13
00:00:34,530 --> 00:00:39,650
Und in CS50, JavaScript wird als
wie eine Client-Code.

14
00:00:39,650 --> 00:00:41,970
So wird es nur in laufen
der Web-Browser.

15
00:00:41,970 --> 00:00:45,740
>> Aber dank der jüngsten Fortschritte in der
Technologie haben wir jetzt geschafft, laufen

16
00:00:45,740 --> 00:00:48,090
JavaScript-als Server als auch.

17
00:00:48,090 --> 00:00:51,630
Also das ist eine wirklich coole erstellt
Rahmen, denn jetzt können Sie schreiben

18
00:00:51,630 --> 00:00:55,250
legitim derselbe Code für
der Client und der Server.

19
00:00:55,250 --> 00:00:57,810
Und wenn Sie in Funktionen definieren Sie Ihre
Server, Ihr Kunde kann die nennen

20
00:00:57,810 --> 00:00:59,090
gleichen Funktionen.

21
00:00:59,090 --> 00:01:00,370
Und es macht es viel einfacher.

22
00:01:00,370 --> 00:01:04,519
Während vor, wenn Sie mit PHP arbeiten an
der Server, JavaScript auf der Vorderseite

23
00:01:04,519 --> 00:01:08,040
Ende, müssen Sie eine PHP-Funktion schreiben
und dann eine JavaScript-Version des

24
00:01:08,040 --> 00:01:10,880
gleiche Funktion zu tun, die
gleiche Art von Arbeit.

25
00:01:10,880 --> 00:01:14,330
>> Also, bevor wir loslegen, möchte ich
Sie eine Demo zu zeigen, was

26
00:01:14,330 --> 00:01:17,190
Meteor für Sie tun können.

27
00:01:17,190 --> 00:01:20,330
Ich werde Ihnen die Demo, das ist, was ist
Sie werden in der Lage, durch das zu schaffen

28
00:01:20,330 --> 00:01:21,580
Ende dieses Seminars.

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

30
00:01:24,260 --> 00:01:25,670
Wir gehen hier genau richtig.

31
00:01:25,670 --> 00:01:27,410
Dies ist eine Rangliste-App.

32
00:01:27,410 --> 00:01:31,970
Es ist tatsächlich aus der beispielsweise auf Basis
Meteor, dass euch gibt.

33
00:01:31,970 --> 00:01:37,220
>> Meteor ist sehr schön, denn wenn man
installieren Sie es als Paket, können Sie

34
00:01:37,220 --> 00:01:39,140
im Grunde spielen, um mit
diese vier Demos.

35
00:01:39,140 --> 00:01:41,410
Und der Rangliste ist die
erste dieser Demos.

36
00:01:41,410 --> 00:01:44,620
Nach dem Seminar, ermutige ich Sie alle
nur erkunden Sie die anderen Demos

37
00:01:44,620 --> 00:01:48,300
weil ich denke, sie sind wirklich cool, und
sie zeigen die Macht der Meteor.

38
00:01:48,300 --> 00:01:51,310
>> Also, was das ist, das ist
auf Rang gehostet.

39
00:01:51,310 --> 00:01:54,950
Dies ist nur ehrlich gesagt eine Liste von Namen.

40
00:01:54,950 --> 00:01:56,510
Und Sie können die Menschen wählen.

41
00:01:56,510 --> 00:01:57,780
Sie drehen sich gelb.

42
00:01:57,780 --> 00:02:00,060
Und dann kann Ihnen
sie fünf Punkte.

43
00:02:00,060 --> 00:02:02,850
Und Sie werden feststellen, dass die Liste
sortierten weil, wie ich mich selbst mehr zu geben

44
00:02:02,850 --> 00:02:05,850
und mehr Punkte, ich bin jetzt an der Spitze.

45
00:02:05,850 --> 00:02:07,420
Also das ist, wo wir starten.

46
00:02:07,420 --> 00:02:11,690
>> Und was Sie in der Lage, sich zu nehmen
aus diesem Seminar ist ein paar mehr

47
00:02:11,690 --> 00:02:13,600
Funktionen, die ich habe hinzugefügt
der Rangliste.

48
00:02:13,600 --> 00:02:18,240
Wir werden dabei, wie man, wie auch
fügen Sie fünf Punkte, um einen Spieler, wir können

49
00:02:18,240 --> 00:02:28,720
Spieler löschen, können wir neue Spieler hinzufügen
und wir können wählen, wie wir wollen,

50
00:02:28,720 --> 00:02:29,540
um sie zu sortieren.

51
00:02:29,540 --> 00:02:35,240
Und das sind alles sehr einfach API-Aufrufe
dass Meteor bietet für Sie.

52
00:02:35,240 --> 00:02:39,120
Sie haben auch eine Funktion, hier
zufällig auf die Noten.

53
00:02:39,120 --> 00:02:41,450
>> Also, was ist wirklich cool zu dieser
ist euch kann tatsächlich

54
00:02:41,450 --> 00:02:43,820
alle gehen auf die Website.

55
00:02:43,820 --> 00:02:46,575
Ich werde es in größeren Text hier setzen.

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

57
00:02:51,390 --> 00:02:52,640
Eine Radikal-Blei-erboard.meteor.com.

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

59
00:03:03,390 --> 00:03:07,622
Und wenn du Jungs gehen auf die Website, die Sie
sollte in der Lage, die Website bearbeiten zu können, und

60
00:03:07,622 --> 00:03:09,595
alle Bearbeitungsschritte werden sichtbar
auf alle anderen.

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

62
00:03:12,730 --> 00:03:17,740
So können Sie - sind Sie alle Jungs
in der Lage, Verbindung zu der Website?

63
00:03:17,740 --> 00:03:18,750
So spielen Sie mit ihm.

64
00:03:18,750 --> 00:03:20,440
Gehen und einige Namen zu löschen.

65
00:03:20,440 --> 00:03:21,690
Sehen Sie, was passiert.

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

67
00:03:35,370 --> 00:03:38,510
>> So sehen Sie alle spielen können.

68
00:03:38,510 --> 00:03:41,930
Dies ist nur die Standardsicherheits
Modus für Meteor.

69
00:03:41,930 --> 00:03:44,360
Sie sehen, dass jeder kann
Ändern des jeweils anderen Daten.

70
00:03:44,360 --> 00:03:44,920
Mach dir keine Sorgen.

71
00:03:44,920 --> 00:03:46,460
Meteor hat zwar Sicherheit.

72
00:03:46,460 --> 00:03:49,860
Dies ist eine sehr einfach zu realisieren
Funktion, wo man Benutzer einrichten

73
00:03:49,860 --> 00:03:50,600
und Logins.

74
00:03:50,600 --> 00:03:53,750
Aber jetzt jeder, der besucht die
Website können sich so viele geben

75
00:03:53,750 --> 00:03:55,000
zeigt, wie sie wollen.

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

77
00:03:57,140 --> 00:04:00,090
Also habe ich immer so, weil diese
ist eine tolle Möglichkeit, um loszulegen.

78
00:04:00,090 --> 00:04:02,360
Und dann haben wir nur reden werde
über die Details, wie

79
00:04:02,360 --> 00:04:03,610
Meteor macht dies möglich.

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

81
00:04:10,820 --> 00:04:15,660
>> So werde ich zu decken, was Meteor ist,
und dann werden wir brauchen nur zur Deckung der

82
00:04:15,660 --> 00:04:18,920
zwei Voraussetzungen, die CS50
wurde nicht ausreichend abgedeckt.

83
00:04:18,920 --> 00:04:21,970
Aber am Ende der Laufzeit, sollten Sie
bequem mit HTML und

84
00:04:21,970 --> 00:04:25,250
JavaScript, um wirklich die Hände
schmutzige Arbeit mit Meteor.

85
00:04:25,250 --> 00:04:28,740
Und ich denke, es ist einfach eine großartige Möglichkeit für
noch weniger komfortabel Studenten zu tun

86
00:04:28,740 --> 00:04:32,930
Abschlussarbeiten, weil sie kann wirklich
Aufenthalt in einer Sprache, und sie bekommen

87
00:04:32,930 --> 00:04:37,620
sehen die Änderungen ihrer
Arbeit sofort.

88
00:04:37,620 --> 00:04:42,520
>> Also diese Folie zeigt nur einige der
wichtigen Technologien, die Meteor JS

89
00:04:42,520 --> 00:04:43,610
gibt Ihnen.

90
00:04:43,610 --> 00:04:46,090
Meteor ist keine neue Technik
für sich allein.

91
00:04:46,090 --> 00:04:48,390
Es ist wirklich ein Konglomerat von
all diese verschiedenen Dinge

92
00:04:48,390 --> 00:04:49,920
haben wir über das Internet.

93
00:04:49,920 --> 00:04:55,650
Ebenso wie HTML, CSS, JavaScript, wir
haben einige Technologien wie Node.js,

94
00:04:55,650 --> 00:04:58,490
was ist das, was Sie ausführen
JavaScript am hinteren Ende auf

95
00:04:58,490 --> 00:05:02,520
Server sowie einige JavaScript
Bibliotheken, wie jQuery, Strich.

96
00:05:02,520 --> 00:05:06,320
>> All dies wird vertraut zu sein
Sie am Ende des Semesters.

97
00:05:06,320 --> 00:05:10,680
Und wir erhalten auch eine Datenbank namens verwenden
mongoDB, die eine wirklich

98
00:05:10,680 --> 00:05:14,250
jetzt für beliebte Datenbank
diese neuen Startups.

99
00:05:14,250 --> 00:05:18,650
Sie können es als wie MySQL denken, aber
es funktioniert sehr gut mit JavaScript.

100
00:05:18,650 --> 00:05:22,140
Und es gibt einige andere Technologien hier
und viele mehr ich nicht aufgeführt haben

101
00:05:22,140 --> 00:05:23,880
dass alle wirklich Schnittstelle
schön mit Meteor.

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

103
00:05:26,900 --> 00:05:30,540
>> Ich muss diese Folie zu setzen, weil
manchmal bekomme ich Verwirrung über diese.

104
00:05:30,540 --> 00:05:31,695
Meteor ist nur JavaScript.

105
00:05:31,695 --> 00:05:33,040
Es ist nicht PHP.

106
00:05:33,040 --> 00:05:34,360
Es ist nicht Ruby on Rails.

107
00:05:34,360 --> 00:05:37,950
Also, wenn Sie Code schreiben, wenn du willst
einen Meteor-Projekt, die Sie wirklich

108
00:05:37,950 --> 00:05:38,900
nicht verwenden können, Ruby-Code.

109
00:05:38,900 --> 00:05:41,660
Sie wirklich nicht mit PHP.

110
00:05:41,660 --> 00:05:45,800
>> Während wir werden sehen, dass die Unterschiede in der
Code und Syntax vielleicht nicht, dass sein

111
00:05:45,800 --> 00:05:48,930
anders, ich möchte Sie darauf hinweisen, dass
Meteor, alles, was Sie Code

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

113
00:05:50,660 --> 00:05:53,920
Und alles, was Sie zu zeigen,
der Benutzer HTML CSS sein.

114
00:05:53,920 --> 00:05:56,780
Aber du bist nicht wirklich mit einer der
die anderen Sprachen, dass andere

115
00:05:56,780 --> 00:05:59,250
Seminare können zu decken.

116
00:05:59,250 --> 00:06:01,020
Was Meteor ist auch ein Web-Server.

117
00:06:01,020 --> 00:06:03,930
Also selbst wenn Sie keine haben
JavaScript und Sie wollen einfach nur, um zu dienen

118
00:06:03,930 --> 00:06:07,020
CSS-und HTML-Dateien, Meteor
kann das für Sie tun.

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

120
00:06:10,520 --> 00:06:13,770
>> Und hier ist der Link wieder auf die
Demo, die ich habe euch

121
00:06:13,770 --> 00:06:15,380
begann das Spiel mit.

122
00:06:15,380 --> 00:06:18,230
Aber lassen Sie uns nun in HTML.

123
00:06:18,230 --> 00:06:22,060
Wie viele Menschen hier haben,
Keine Ahnung, was HTML ist?

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

125
00:06:22,670 --> 00:06:25,800
Und das ist völlig in Ordnung.

126
00:06:25,800 --> 00:06:29,410
Sie haben wirklich nicht zu viel wissen
es, weil wir über die gehen

127
00:06:29,410 --> 00:06:31,220
Nutzung sehr einfach.

128
00:06:31,220 --> 00:06:34,570
>> Dies ist, was die einfache
HTML-Seite aussieht.

129
00:06:34,570 --> 00:06:38,840
Dies kann wie Ihre hallo, Welt für sein
HTML, während wir in C begann mit

130
00:06:38,840 --> 00:06:40,760
hallo, Welt.

131
00:06:40,760 --> 00:06:44,360
Ich glaube nicht, dass du auf den Stress
Details von dem, was HTML, was Kopf, was

132
00:06:44,360 --> 00:06:46,120
Körper, welche Titel dort macht.

133
00:06:46,120 --> 00:06:49,130
Ich will einfach nur, um die Struktur zu betonen,
wie Sie Tags.

134
00:06:49,130 --> 00:06:50,860
Und das ist die spitzen Klammern.

135
00:06:50,860 --> 00:06:52,380
Und das ist, wo man
Ihre Deskriptoren.

136
00:06:52,380 --> 00:06:54,790
>> So haben Sie vielleicht das HTML-Dokument.

137
00:06:54,790 --> 00:06:59,300
Und dann wirst du das HTML-Dokument zu schließen
mit Backslash elbe.

138
00:06:59,300 --> 00:07:01,200
Und Sie haben verschiedene Arten von Tags.

139
00:07:01,200 --> 00:07:02,730
Und feststellen, dass sie alle aufeinander abgestimmt.

140
00:07:02,730 --> 00:07:05,300
Du wirst wie ein Body-Tag haben
und dann ein enger Body-Tag.

141
00:07:05,300 --> 00:07:08,620
Und innerhalb des Body-Tag, das wird sein
die Inhalte Ihrer Web-Seite.

142
00:07:08,620 --> 00:07:12,770
So würde diese Web-Seite zeigen einfach
in einem weißen Hintergrund und schwarzem Text

143
00:07:12,770 --> 00:07:14,242
hallo, Welt.

144
00:07:14,242 --> 00:07:17,610
Ist das sinnvoll?

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

146
00:07:19,500 --> 00:07:22,640
>> Jetzt werde ich zu schnell
decken JavaScript.

147
00:07:22,640 --> 00:07:26,990
In den Worten eines früheren TF,
"JavaScript ist die beste Programmierung

148
00:07:26,990 --> 00:07:28,550
Sprache noch in der Existenz.

149
00:07:28,550 --> 00:07:30,520
Andere Menschen werden, um zu versuchen
sagen Sie nichts.

150
00:07:30,520 --> 00:07:33,840
Sie sind falsch. "JavaScript ist ziemlich
nett, und ich werde Ihnen zeigen, warum.

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

152
00:07:36,620 --> 00:07:42,380
>> Also das ist das klassische Beispiel beginnen wir
mit in C. Wir haben hallo, Welt.

153
00:07:42,380 --> 00:07:45,500
Und Sie merken, dass selbst wenn Sie schrumpfen
es können, müssen Sie mindestens zwei haben

154
00:07:45,500 --> 00:07:46,560
Zeilen Code hier.

155
00:07:46,560 --> 00:07:48,990
Ich habe mehrere Zeilen Code.

156
00:07:48,990 --> 00:07:50,160
Dies kann sehr einfach durchgeführt werden.

157
00:07:50,160 --> 00:07:53,950
Eine Zeile in JavaScript mit console.log,
und dann die Zeichenfolge,

158
00:07:53,950 --> 00:07:55,340
hallo, Welt.

159
00:07:55,340 --> 00:07:59,570
>> Nun, obwohl wir zu einer neuen beweglichen
Sprache JavaScript, fast alle der

160
00:07:59,570 --> 00:08:02,950
Fähigkeiten, die Sie durch die Codierung gelernt haben
in C sind direkt tragbar.

161
00:08:02,950 --> 00:08:07,130
So Saiten, die Idee der Zeichenfolgen in
Anführungszeichen, das ist das gleiche.

162
00:08:07,130 --> 00:08:08,890
Das Semikolon, das ist das gleiche.

163
00:08:08,890 --> 00:08:11,190
>> Ein nettes Feature zu JavaScript
tatsächlich ist, dass Sie

164
00:08:11,190 --> 00:08:12,360
müssen nicht das Semikolon.

165
00:08:12,360 --> 00:08:14,950
Es kann vermuten, dass Sie sollten
setzen Sie ein Semikolon gibt.

166
00:08:14,950 --> 00:08:18,035
Aber das sagte, sollten Sie immer versuchen,
um Ihre Semikolons dort setzen.

167
00:08:18,035 --> 00:08:21,160
Es gilt als guter Stil.

168
00:08:21,160 --> 00:08:22,650
Und auch, es gibt keine Hauptfunktion.

169
00:08:22,650 --> 00:08:25,580
Sie müssen nur an der Spitze der Datei starten
und lesen Sie die Dinge Zeile für Zeile.

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

171
00:08:28,820 --> 00:08:32,760
>> Dann ist das, was es braucht, um
dass hallo, Welt-Programm.

172
00:08:32,760 --> 00:08:36,059
Und dann feststellen, dass Sie zu haben,
hallo machen und dann laufen hallo.

173
00:08:36,059 --> 00:08:38,530
Mit JavaScript ist es als
eine interpretierte Sprache.

174
00:08:38,530 --> 00:08:40,780
Was Sie wissen müssen, ist, dass
es gibt keine Herstellung.

175
00:08:40,780 --> 00:08:41,950
>> Es gibt keine Kompilierung.

176
00:08:41,950 --> 00:08:43,440
Sie führen nur Knoten.

177
00:08:43,440 --> 00:08:47,220
Und denken Sie daran Knoten ist das Programm,
Ihre JavaScript auf einer Konsole laufen,

178
00:08:47,220 --> 00:08:49,030
auf einem schwarzen Kasten, nicht die Website.

179
00:08:49,030 --> 00:08:52,480
Sie haben also nur geben es die Datei, und es ist
Drucklegung hallo, Welt.

180
00:08:52,480 --> 00:08:56,750
>> Ich werde tatsächlich ein wenig Demo
dass für euch hier.

181
00:08:56,750 --> 00:08:59,380
Also gehen wir zu meinem
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
Lassen Sie uns hier bewegen.

185
00:09:06,150 --> 00:09:07,930
So werde ich zu Knoten zu starten.

186
00:09:07,930 --> 00:09:10,230
Und ich werde euch in nur zeigen
eine Sekunde, wie das zu bekommen

187
00:09:10,230 --> 00:09:12,000
installiert, wenn Sie nicht zu tun.

188
00:09:12,000 --> 00:09:14,800
Lassen Sie mich noch ein bisschen größer.

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
Ich hoffe, euch zu sehen.

192
00:09:20,120 --> 00:09:27,390
>> So kann ich Code schreiben, wie ich es tat
bevor in console.log.

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

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

195
00:09:31,710 --> 00:09:35,330
Und merke ich nicht zu tun haben, die
Semikolon, aber dann bekomme ich diese seltsame

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

197
00:09:36,850 --> 00:09:40,310
Naja, eigentlich egal über
die undefinierte Sache.

198
00:09:40,310 --> 00:09:43,590
Dinge, die ich möchte, dass Sie bemerken, ist, dass Sie
nicht die Hauptfunktion hier nicht brauchen

199
00:09:43,590 --> 00:09:45,050
Ausführen von Code zu starten.

200
00:09:45,050 --> 00:09:46,790
Und es gibt keine Backslash Ende.

201
00:09:46,790 --> 00:09:50,683
Es gibt einige kleine Features, die
JavaScript für Sie tun können.

202
00:09:50,683 --> 00:09:53,510
>> ZIELGRUPPE: [unverständlich].

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

204
00:09:54,000 --> 00:09:57,460
Ich bin mir leid.

205
00:09:57,460 --> 00:10:02,200
Und das bedeutet nur, Pfeil Knoten
ist bereit für einen weiteren Befehl.

206
00:10:02,200 --> 00:10:05,380
So können Sie es tun, einfach
Mathematik, wie 1 plus 1.

207
00:10:05,380 --> 00:10:10,360
Und genau wie in C, diese Mathematik
Symbole sind genau das gleiche.

208
00:10:10,360 --> 00:10:13,750
Ich kann console.log einer Zahl zu tun.

209
00:10:13,750 --> 00:10:15,090
Und dann druckt es zwei.

210
00:10:15,090 --> 00:10:19,000
JavaScript ist schön, in diesem Sinne, weil
obwohl zwei ist ein int,

211
00:10:19,000 --> 00:10:22,020
wie in C, wenn Sie nicht mit printf
zwei, können Sie eine Fehlermeldung erhalten würde.

212
00:10:22,020 --> 00:10:24,140
>> Aber JavaScript kennt, oh, du bist
Druck etwas.

213
00:10:24,140 --> 00:10:25,070
Ich werde einen String müssen.

214
00:10:25,070 --> 00:10:28,410
Also lassen Sie mich zu bekehren, dass zwei
in einen String für Sie.

215
00:10:28,410 --> 00:10:34,970
Und Sie können auch einige seltsame Dinge zu tun
wie hallo und dann plus zwei.

216
00:10:34,970 --> 00:10:39,520
Dies ist nur ein weiteres Beispiel, wie zwei
kann auch dort umgesetzt werden.

217
00:10:39,520 --> 00:10:45,135
>> Also mit diesem aus dem Weg, lassen Sie uns
decken nur ein bisschen JavaScript.

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

219
00:10:48,660 --> 00:10:50,540
So in C, haben wir Typen.

220
00:10:50,540 --> 00:10:53,925
Immer, wenn wir eine neue Variable erstellt, die wir
muss sagen, dass es ist oder char *

221
00:10:53,925 --> 00:10:55,850
String im Fall CS50.

222
00:10:55,850 --> 00:10:58,350
Oder wenn wir eine Dezimalzahl,
wir mussten Schwimmer sagen.

223
00:10:58,350 --> 00:11:00,690
Wenn wir brauchten einen Boolean,
wir mussten b sagen.

224
00:11:00,690 --> 00:11:04,220
Und dann, wenn wir etwas, das hatte
b wurde, musste es ein bool bleiben.

225
00:11:04,220 --> 00:11:07,360
Wir konnten nicht magisch, es zu ändern
ein int, wenn wir nicht in die geschrieben

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

227
00:11:09,450 --> 00:11:11,820
>> In JavaScript gibt es keine Typen.

228
00:11:11,820 --> 00:11:13,350
Sie, daran zu denken wie var.

229
00:11:13,350 --> 00:11:15,270
Und var ist, wie Sie eine neue Art zu erstellen.

230
00:11:15,270 --> 00:11:19,210
Also es haben kann var s ein String,
var n eine float,

231
00:11:19,210 --> 00:11:21,230
var und b wahr.

232
00:11:21,230 --> 00:11:24,980
Und eine Sache, die Sie nicht tun, ist in C
Ich kann jetzt sagen, nach dieser Zeile, b

233
00:11:24,980 --> 00:11:26,230
gleich einer ganzen Zahl.

234
00:11:26,230 --> 00:11:27,400
Und das funktioniert prima.

235
00:11:27,400 --> 00:11:30,840
Während in C, würde es so sagen:
Ihre ganze Zahl ist kein bool.

236
00:11:30,840 --> 00:11:32,770
Ich kann nichts für Sie tun.

237
00:11:32,770 --> 00:11:34,050
Oder [unverständlich] einen Fehler werfen würde.

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

239
00:11:37,970 --> 00:11:43,420
>> Und ich kann schnell wieder in den Knoten gehen und
zeigen, dass einige der Funktionalität.

240
00:11:43,420 --> 00:11:44,960
So kann ich ein var ein.

241
00:11:44,960 --> 00:11:52,120
Nennen Sie es "von Apple." Also wenn ich jetzt drucken a,
Ich meine Schnur, 'Apfel. " Aber ich kann

242
00:11:52,120 --> 00:11:54,900
jetzt auch sagen, eine gleich 3 ist.

243
00:11:54,900 --> 00:11:56,610
Und feststellen, es gibt keine Fehler.

244
00:11:56,610 --> 00:12:00,630
Und nun gleich 3 ist.

245
00:12:00,630 --> 00:12:01,880
Haben Sie Fragen so weit?

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
>> ZIELGRUPPE: Warten Sie, so console.log
ist im Grunde printf, oder?

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

250
00:12:12,180 --> 00:12:12,652
>> ZIELGRUPPE: Richtig.

251
00:12:12,652 --> 00:12:17,844
Also, wie kommen, wenn Sie nur geben in acht
oder [unverständlich], was bedeutet, dass

252
00:12:17,844 --> 00:12:18,790
[Unverständlich]?

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

254
00:12:19,160 --> 00:12:21,690
So ist es -

255
00:12:21,690 --> 00:12:24,240
der Stoff in grün gedruckt wird
an der Konsole.

256
00:12:24,240 --> 00:12:27,050
Und was wir sehen, ist neben
wenn wir auf die Bahn zu bewegen

257
00:12:27,050 --> 00:12:29,300
Seite, werden wir nicht tun -

258
00:12:29,300 --> 00:12:32,650
JavaScript wird mit einer HTML-
Vorlage, die ich in der Deckung

259
00:12:32,650 --> 00:12:34,730
Meteor Teil des Seminars.

260
00:12:34,730 --> 00:12:38,730
Und das ist, wo man sagen kann, mir zu geben
der Wert von a, und es wird eine in gesetzt

261
00:12:38,730 --> 00:12:39,920
Ihre Website.

262
00:12:39,920 --> 00:12:42,520
Weil jeder Web-Browser tatsächlich
hat eine kleine Konsole.

263
00:12:42,520 --> 00:12:46,380
Und wenn Sie sehr sorgfältig geprüft, können Sie
würden einige Informationen zu bekommen, wie Ihre

264
00:12:46,380 --> 00:12:51,210
printf ist es mit Erscheinen
jeder Web-Seite zu laden.

265
00:12:51,210 --> 00:12:53,580
>> ZIELGRUPPE: Wie haben Sie
an die Shell-Bildschirm?

266
00:12:53,580 --> 00:12:57,680
>> ROGER ZURAWICKI: Also es gibt einen Befehl
genannt Knoten, und es kommt mit Meteor.

267
00:12:57,680 --> 00:13:01,230
Also werde ich nur von dort zu beenden.

268
00:13:01,230 --> 00:13:03,580
Node ist das Programm, das
läuft JavaScript.

269
00:13:03,580 --> 00:13:07,070
Wenn Sie gehen, um meteor.com Sie
können Meteor installieren und

270
00:13:07,070 --> 00:13:08,480
Meteor kommt mit Knoten.

271
00:13:08,480 --> 00:13:11,470
Da Meteor ist nur eine Sammlung
all dieser Softwarepakete.

272
00:13:11,470 --> 00:13:15,280
Als wir zu unserem Beispiel, werde ich
gehen alle durch die Installation

273
00:13:15,280 --> 00:13:17,625
Meteor, und dann können Sie spielen
Knoten mit sich.

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

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

276
00:13:23,980 --> 00:13:29,640
>> Also ein weiteres großartiges Feature über die Arbeit
mit JavaScript Schleifen gleich sind.

277
00:13:29,640 --> 00:13:31,430
So ziemlich genau das gleiche.

278
00:13:31,430 --> 00:13:35,530
For-Schleifen, while-Schleifen, tun
while-Schleifen, wenn anderes.

279
00:13:35,530 --> 00:13:36,880
Es ist alles das gleiche mit den Hosenträger.

280
00:13:36,880 --> 00:13:38,540
Es ist die gleiche Syntax.

281
00:13:38,540 --> 00:13:41,350
Im Falle einer for-Schleife, die kleine
Details, die Sie zu achten haben

282
00:13:41,350 --> 00:13:45,340
um anstelle von int i gleich 0 ist,
wir sagen var i gleich 0 ist.

283
00:13:45,340 --> 00:13:49,580
Aber das ist, weil der Variablen
Typen, die wir vorher gesprochen haben.

284
00:13:49,580 --> 00:13:53,360
>> Beachten Sie, dass die printf wird
ein Protokoll, eine console.log.

285
00:13:53,360 --> 00:13:57,370
Und wir wissen nicht, um die prozentuale tun müssen
p n Backslash und dann in i geben.

286
00:13:57,370 --> 00:13:58,380
Sie können einfach sagen, ich.

287
00:13:58,380 --> 00:14:01,910
Und es würde die Zahlen drucken
von null bis vier.

288
00:14:01,910 --> 00:14:04,830
Wenn ihr wollt, dieses zu versuchen, denn
Sie einen guten Punkt gebracht.

289
00:14:04,830 --> 00:14:08,730
Wenn Sie diesen Code auf Ihre laufen wollte
eigenen Browser, würde ich empfehlen, dass

290
00:14:08,730 --> 00:14:11,040
jedermann öffnet Google Chrome.

291
00:14:11,040 --> 00:14:14,220
Google Chrome Web-Browser oder ein wirklich,
aber Ich mag Google Chrome

292
00:14:14,220 --> 00:14:17,350
weil es sehr standardisiert.

293
00:14:17,350 --> 00:14:24,240
>> Sie können gehen, glaube ich, wenn Sie mit der rechten
klicken Sie auf eine Website, nur in der

294
00:14:24,240 --> 00:14:26,880
Leerzeichen, werden Sie sehen, eine Option
Inspect Element genannt.

295
00:14:26,880 --> 00:14:28,810
Es ist in der Regel der letzte.

296
00:14:28,810 --> 00:14:32,630
Und wenn Sie darauf klicken, erhalten Sie sollte
eine Sache auf den Grund werden hier angezeigt.

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

298
00:14:35,840 --> 00:14:37,780
Lassen Sie mich hier zoomen.

299
00:14:37,780 --> 00:14:41,390
Und wir haben ein paar Tabs hier.

300
00:14:41,390 --> 00:14:43,580
Der, den du interessiert, ist Konsole.

301
00:14:43,580 --> 00:14:48,820
>> Und das ist eine JavaScript-Konsole
dass Sie jetzt mit zu arbeiten.

302
00:14:48,820 --> 00:14:49,370
Große.

303
00:14:49,370 --> 00:14:52,560
So kann ich geben die gleichen Sachen
Ich war zuvor in Knoten eingeben.

304
00:14:52,560 --> 00:14:54,790
Eins plus eins ist zwei.

305
00:14:54,790 --> 00:14:59,110
Var a gleich "Apfel".

306
00:14:59,110 --> 00:15:03,430
Und dann würde ich ein zu drucken,
und a 'von Apple.

307
00:15:03,430 --> 00:15:08,760
So in jedem Web-Browser, Firefox, Chrome,
Safari, was auch immer Sie verwenden, wie

308
00:15:08,760 --> 00:15:11,240
Solange Sie Zugang zu einem JavaScript haben
Konsole, die gleiche Art von

309
00:15:11,240 --> 00:15:15,520
Code, den ich in Knoten ausgeführt wurde Sie
können in Ihrer eigenen Konsole ausführen.

310
00:15:15,520 --> 00:15:17,530
>> ZIELGRUPPE: [unverständlich]?

311
00:15:17,530 --> 00:15:18,690
>> ROGER ZURAWICKI: Wie
bekommen, um die Konsole?

312
00:15:18,690 --> 00:15:22,880
Sie müssen der rechten Maustaste auf eine freie Stelle
auf der Seite, und dann zu gehen

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

314
00:15:26,100 --> 00:15:28,290
Also eigentlich, würde Ich mag euch
nur stellen Sie sicher, Sie können

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

316
00:15:29,860 --> 00:15:32,630
Und sehen Sie, wenn Sie in irgendeiner Art
Code in der Konsole

317
00:15:32,630 --> 00:15:33,880
dass es richtig läuft.

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

319
00:16:15,820 --> 00:16:18,430
Fühlen Sie sich frei, Fragen zu stellen, wenn
etwas ist nicht hier klar.

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

321
00:16:23,340 --> 00:16:24,590
>> ZIELGRUPPE: [unverständlich].

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

323
00:16:27,280 --> 00:16:28,200
>> ROGER ZURAWICKI: Jede Art, richtig.

324
00:16:28,200 --> 00:16:31,370
Es gibt nur einen Typ für alle
Variablen in JavaScript.

325
00:16:31,370 --> 00:16:34,160
Und wenn Sie zu verzollen
eine Variable, sagen Sie, Var.

326
00:16:34,160 --> 00:16:35,410
>> ZIELGRUPPE: [unverständlich].

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

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

329
00:16:40,050 --> 00:16:43,730
Es tut, aber in JavaScript, ist es sehr
smart über das Zuweisen von Speicher.

330
00:16:43,730 --> 00:16:44,600
Es gibt keine malloc.

331
00:16:44,600 --> 00:16:45,780
Es gibt keinen freien.

332
00:16:45,780 --> 00:16:48,490
So brauchen Sie keine Sorgen zu machen.

333
00:16:48,490 --> 00:16:51,140
Das ist ein weiteres nettes Feature, dass
JavaScript bietet Ihnen.

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

335
00:16:56,990 --> 00:16:58,440
>> So würde Ich mag zu bewegen.

336
00:16:58,440 --> 00:17:01,360
Wäre das in Ordnung sein?

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
Große.

340
00:17:07,720 --> 00:17:10,660
>> ZIELGRUPPE: Ich bin nur mit Mühe
Suche nach der [? Inspect Element. ?]

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

342
00:17:13,609 --> 00:17:16,250
>> ROGER ZURAWICKI: Also Safari Looks
ein bisschen anders, aber glauben Sie

343
00:17:16,250 --> 00:17:18,599
haben Chrome oder Firefox?

344
00:17:18,599 --> 00:17:21,619
Das sind die einfachere
diejenigen, mit zu arbeiten.

345
00:17:21,619 --> 00:17:25,079
Und für Ihre Projekte, empfehle ich
Kleben mit einem Browser, weil

346
00:17:25,079 --> 00:17:29,610
finden Sie eine Reihe von Fehlern fast bekommen
weil alle Browser Leckereien

347
00:17:29,610 --> 00:17:31,980
JavaScript-Datei ein wenig anders.

348
00:17:31,980 --> 00:17:35,170
Also ich denke, dein Leben wird eine Menge sein
einfacher, wenn Sie bleiben, weil Chrome

349
00:17:35,170 --> 00:17:37,052
es verfügbar ist auf allen Maschinen.

350
00:17:37,052 --> 00:17:38,790
Und es ist eine ziemlich beliebte 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
>> Also das nächste Thema, dass wir
decken in JavaScript -

355
00:18:06,370 --> 00:18:07,730
Ich bin traurig über die Formatierung hier.

356
00:18:07,730 --> 00:18:11,630
Ich hatte, um die Folien zu entsprechen strecken
das Breitbild-Projektor.

357
00:18:11,630 --> 00:18:14,750
Aber ich würde jetzt gerne sprechen
wie Sie Funktionen zu tun.

358
00:18:14,750 --> 00:18:17,410
In C müssen wir erklären,
jede Funktion.

359
00:18:17,410 --> 00:18:22,130
Wie int hinzufügen, und es in einen int nimmt
x, y und ein int, und dann werden wir sie hinzufügen

360
00:18:22,130 --> 00:18:23,100
und gibt es zurück.

361
00:18:23,100 --> 00:18:26,850
>> In JavaScript sind Funktionen tatsächlich
ein weiterer Variablentyp.

362
00:18:26,850 --> 00:18:30,560
Also haben wir nur sagen var hinzufügen und
es entspricht einer Funktion.

363
00:18:30,560 --> 00:18:32,580
Eine Funktion, die eine x-und eine y erfolgt.

364
00:18:32,580 --> 00:18:33,790
Und was bedeutet das-Funktion?

365
00:18:33,790 --> 00:18:39,910
Es gibt x und y in der exakt gleichen
Syntax wie in C. Und Sie feststellen, dass in

366
00:18:39,910 --> 00:18:44,290
JavaScript, werden Sie nicht gesagt werden, was die
Funktion gibt, weil da

367
00:18:44,290 --> 00:18:49,160
Variablen nicht Typen haben trotzdem, es
es ist nicht wirklich produktiv, ich denke,

368
00:18:49,160 --> 00:18:52,855
werden, um alle Ihre Angabe
Typen in Ihrer Funktionen.

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

370
00:18:55,720 --> 00:18:59,565
Und dann, wenn Sie eine Funktion aufrufen, ist es
genau die gleiche Syntax wie C. Sie

371
00:18:59,565 --> 00:19:03,610
nur passieren in der zwei Argumente.

372
00:19:03,610 --> 00:19:07,330
Ich möchte in meinem Knoten versuchen.

373
00:19:07,330 --> 00:19:09,284
Kann ich die Folie zu ändern?

374
00:19:09,284 --> 00:19:10,534
>> ZIELGRUPPE: [unverständlich].

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

376
00:19:14,639 --> 00:19:17,000
Werden wir eine Kopie der Folien zu bekommen?

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
Also lassen Sie uns zurück zu Knoten zu gehen.

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

381
00:19:32,240 --> 00:19:38,160
Also werde ich sagen, gleich var Add-Funktion.

382
00:19:38,160 --> 00:19:40,650
Unter einem x, y, die ein.

383
00:19:40,650 --> 00:19:43,690
Und dann weiß er, dass die Aussage der
nicht abgeschlossen.

384
00:19:43,690 --> 00:19:47,692
So in Knoten oder in der Konsole,
Sie dot dot dot bemerken.

385
00:19:47,692 --> 00:19:49,660
So können Sie Ihren Code eingeben.

386
00:19:49,660 --> 00:19:53,650
Und jetzt werde ich sagen return x sowie y.

387
00:19:53,650 --> 00:19:54,790
Und dann schließen Sie die Klammer.

388
00:19:54,790 --> 00:20:00,260
Und in dem Moment schließe ich die Schiene, es
sieht, dass die Anweisung ist beendet.

389
00:20:00,260 --> 00:20:04,730
>> Und jetzt kann ich sagen hinzuzufügen eins und zwei.

390
00:20:04,730 --> 00:20:08,280
Und ich werde drei zu bekommen.

391
00:20:08,280 --> 00:20:11,545
Beachten Sie, dass, wenn ich nur wollte hinzufügen, wird es
sagt mir, es ist eine Funktion.

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

393
00:20:14,630 --> 00:20:19,570
Und eine Sache, nur um Aufmerksamkeit zu widmen
ist, wenn Sie die falsche Anzahl von geben

394
00:20:19,570 --> 00:20:23,380
Argumente, es zu machen.

395
00:20:23,380 --> 00:20:25,890
Es wird laufen, aber Sie vielleicht
einige wirklich seltsame Ergebnisse.

396
00:20:25,890 --> 00:20:30,070
Wie eine Art Müll-Wert,
Sie daran denken können.

397
00:20:30,070 --> 00:20:32,060
Also bitte gehen Sie vor und versuchen
dies in Ihrem Browser.

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

399
00:21:25,180 --> 00:21:29,510
>> OK, also im Interesse der Zeit, werde ich
nun zu den nächsten Features 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
Also haben wir über Funktionen gesprochen.

403
00:21:38,400 --> 00:21:40,840
Wir haben darüber gesprochen Schleifen,
wenn Aussagen zu.

404
00:21:40,840 --> 00:21:43,660
Die Syntax ist die gleiche
als C und Variablen.

405
00:21:43,660 --> 00:21:46,090
Und jetzt will ich über Arrays zu sprechen.

406
00:21:46,090 --> 00:21:48,520
Es tut mir leid, dass die Folien
habe ein bisschen abgeschnitten.

407
00:21:48,520 --> 00:21:52,470
Aber tatsächlich in dem ersten Abschnitt,
alles, was Sie brauchen, funktionieren wird.

408
00:21:52,470 --> 00:21:55,410
>> So haben wir eine andere Art für
Variablen genannt Arrays.

409
00:21:55,410 --> 00:21:57,930
Und wir eckige Klammern
um sie zu bezeichnen.

410
00:21:57,930 --> 00:22:01,960
So in dem ersten Beispiel,
var arr, leeres Array.

411
00:22:01,960 --> 00:22:05,900
Dies ist die Liste leer, so ein Array
enthält keine Elemente.

412
00:22:05,900 --> 00:22:09,770
Und Sie können auch ein Array
mit drei Saiten.

413
00:22:09,770 --> 00:22:13,290
In C, jedes Element im Array
musste vom selben Typ sein.

414
00:22:13,290 --> 00:22:16,940
>> Sondern weil es nur JavaScript
eine Art, können Arrays tatsächlich

415
00:22:16,940 --> 00:22:18,510
haben verschiedene Arten von Werten.

416
00:22:18,510 --> 00:22:22,220
Wie hier, haben wir ein Array mit
ein Schwimmer, ein bool, und ein Int.

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

418
00:22:25,020 --> 00:22:28,510
Die Art, wie Sie eine Länge eines Arrays zu erhalten,
Sie eigentlich nicht haben, um Größe zu verwenden

419
00:22:28,510 --> 00:22:29,030
oder nichts.

420
00:22:29,030 --> 00:22:31,570
Sie müssen nur sagen, Array und
dann dot Länge.

421
00:22:31,570 --> 00:22:36,450
Und dieser Punktlänge, können Sie denken
es eine Struktur Art mögen, wie jeder

422
00:22:36,450 --> 00:22:40,890
Array hat ein Feld, eine zusätzliche Variable
in der es heißt Länge, die

423
00:22:40,890 --> 00:22:42,910
verfolgt, wie lange Ihr Array ist.

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

425
00:22:47,280 --> 00:22:50,420
>> Also ich bin einfach nur schnell gehen, um in zu gehen
Knoten-und Show euch die gleiche Sache.

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

427
00:22:55,860 --> 00:22:58,050
So kann ich ein Array.

428
00:22:58,050 --> 00:23:00,280
Es kann die leere Liste sein.

429
00:23:00,280 --> 00:23:02,030
Und es wird mir zu drucken
sichern eine leere Liste.

430
00:23:02,030 --> 00:23:02,530
Große.

431
00:23:02,530 --> 00:23:08,560
Ich kann jetzt sagen, dass das Array
hat 1, und 2.3, und wahr.

432
00:23:08,560 --> 00:23:10,400
So alle verschiedenen Arten.

433
00:23:10,400 --> 00:23:11,740
Und Sie merken es funktioniert prima.

434
00:23:11,740 --> 00:23:16,330
Das Array bekomme ich Rückenstützen
alle Werte habe ich es.

435
00:23:16,330 --> 00:23:20,440
>> Wenn ich wollte, das erste Element zu erhalten
das Array, ist die Syntax tatsächlich

436
00:23:20,440 --> 00:23:22,980
die gleichen wie in C. Sie
Array kann null zu sagen.

437
00:23:22,980 --> 00:23:24,430
Und Sie erhalten ein.

438
00:23:24,430 --> 00:23:27,920
Ich kann sagen das gleiche Array
zwei, und ich bekomme richtig.

439
00:23:27,920 --> 00:23:31,610
Wenn ich etwas tun, außerhalb des Feldes,
JavaScript ist eine sichere Sprache

440
00:23:31,610 --> 00:23:33,390
weil ich nicht einen Segmentation Schuld.

441
00:23:33,390 --> 00:23:34,780
Ich werde nicht definiert.

442
00:23:34,780 --> 00:23:37,510
>> Und das nicht definiert ist, können Sie Art
denken darüber wie null.

443
00:23:37,510 --> 00:23:41,390
Aber es ist wirklich ärgerlich sein kann, wenn Sie
Code, weil Sie, dass der Check werden

444
00:23:41,390 --> 00:23:43,880
fast alles, was Sie tun, werden Sie
arbeiten mit nicht definiert ist.

445
00:23:43,880 --> 00:23:47,700
Und wir werden einige Beispiele zu sehen
dies, wenn wir in Meteor.

446
00:23:47,700 --> 00:23:50,600
>> Obwohl vier Array undefiniert ist,
Ich kann es einen Wert zuweisen.

447
00:23:50,600 --> 00:23:52,570
Also werde ich sagen, es ist gleich ein.

448
00:23:52,570 --> 00:23:57,050
Und dann, wenn ich auf Array, ich
haben den Mehrwert gibt.

449
00:23:57,050 --> 00:24:02,470
Und feststellen, dass Array drei, die auch
wurde nicht definiert ist, bleibt undefiniert.

450
00:24:02,470 --> 00:24:05,690
So habe ich jetzt ein Array mit
ein Loch in der Mitte.

451
00:24:05,690 --> 00:24:07,750
Aber wenn ich gedruckt Array vier,
Ich würde eine zu bekommen.

452
00:24:07,750 --> 00:24:10,960
Wenn ich drei Array, bekomme ich nicht definiert.

453
00:24:10,960 --> 00:24:13,880
>> Also die nette Eigenschaft, dass Javascript
können Sie tun, ist, dass die Listen können

454
00:24:13,880 --> 00:24:15,620
Größe ändern.

455
00:24:15,620 --> 00:24:18,520
Arrays, Arrays als Listen,
sie Größe zu ändern.

456
00:24:18,520 --> 00:24:22,480
Und Sie können einen beliebigen Ort angeben
in ihnen.

457
00:24:22,480 --> 00:24:25,370
Und all die Lücken gefüllt werden
mit diesen undefinierte Werte.

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

459
00:24:31,560 --> 00:24:33,450
>> Also haben wir über Arrays gesprochen.

460
00:24:33,450 --> 00:24:37,050
Nun, das letzte, was ich möchte in Deckung
JavaScript und dies ist sehr wichtig,

461
00:24:37,050 --> 00:24:39,550
zum Verständnis der Code,
Ich werde Ihnen zeigen,

462
00:24:39,550 --> 00:24:41,530
wird sich Objekte sein.

463
00:24:41,530 --> 00:24:45,140
Und Objekte sind ein Begriff in der -

464
00:24:45,140 --> 00:24:47,380
Grundsätzlich sind sie im vorliegenden
viele Programmiersprachen.

465
00:24:47,380 --> 00:24:50,620
Und jeder Programmiersprache gerne
von ihnen denken, ein bisschen anders.

466
00:24:50,620 --> 00:24:55,050
>> Aber ich denke, für Meteor, ein gutes
Analog ist die C-Struktur.

467
00:24:55,050 --> 00:24:59,410
In C, wenn wir wollen, um die Struktur zu finden
Student, müssten wir geben alles

468
00:24:59,410 --> 00:25:00,240
Dinge darin.

469
00:25:00,240 --> 00:25:01,440
So hat es einen Namen haben.

470
00:25:01,440 --> 00:25:02,140
Es muss ein Jahr.

471
00:25:02,140 --> 00:25:03,650
Es muss ein Geschlecht haben.

472
00:25:03,650 --> 00:25:07,350
Aber wir haben auch, um ihm die
Arten von all diesen Dingen.

473
00:25:07,350 --> 00:25:11,200
>> Und jetzt, da wir diese Form für die
Struktur namens Student, wir können eine

474
00:25:11,200 --> 00:25:14,640
neue Struktur, und dann können wir manuell
sagen, was die einzelnen Felder sind.

475
00:25:14,640 --> 00:25:17,740
Und das ist, wo wir Punkt Name,
dot Jahr dot Geschlecht.

476
00:25:17,740 --> 00:25:21,930
Und dann haben wir nur in der letzten Zeile der
Code hier, ich bin nur der Ausdruck

477
00:25:21,930 --> 00:25:24,980
Name des struct Student.

478
00:25:24,980 --> 00:25:28,220
>> In der JavaScript-Welt, gibt es
nicht so etwas wie Struktur Student.

479
00:25:28,220 --> 00:25:30,660
Sie erzeugen keine voreingestellten Struktur.

480
00:25:30,660 --> 00:25:34,680
Sie eigentlich nur in diesen Klammern,
Sie sagen, was alles ist.

481
00:25:34,680 --> 00:25:40,680
Und es ist diese seltsame Schreibweise mit der
Doppelpunkt und dann das Komma, aber Sie werden

482
00:25:40,680 --> 00:25:41,810
schnell genug, um daran zu gewöhnen.

483
00:25:41,810 --> 00:25:44,930
>> Und es ist eigentlich eine wirklich einfache,
flexibel von nur

484
00:25:44,930 --> 00:25:47,400
Manipulieren von Objekten.

485
00:25:47,400 --> 00:25:51,270
Sie bemerken, dass, wenn ich jetzt bekommen
Namen von s, ich habe gerade zu tun s.name.

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

487
00:25:54,090 --> 00:25:56,790
Haben Sie Fragen dazu?

488
00:25:56,790 --> 00:26:00,260
Dies hat in der Regel eine sehr verwirrende gewesen
Thema, wenn wir Menschen vorstellen

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

490
00:26:02,280 --> 00:26:04,110
Ich werde ein paar Beispiele in Knoten zu tun.

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

492
00:26:05,010 --> 00:26:06,260
>> ZIELGRUPPE: [unverständlich].

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

494
00:26:14,130 --> 00:26:16,230
>> ROGER ZURAWICKI: Also wollen Sie
habe ein Beispiel, mehrere

495
00:26:16,230 --> 00:26:18,764
Variablen dieses Typs.

496
00:26:18,764 --> 00:26:20,014
>> ZIELGRUPPE: [unverständlich].

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

498
00:26:23,540 --> 00:26:24,790
>> ZIELGRUPPE: [unverständlich].

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
Also ich denke, die Art und Weise, die Sie über zu gehen ist
Sie Objekte in einem Array setzen,

502
00:26:43,760 --> 00:26:45,340
und jetzt werden Sie eine haben
Array von Objekten.

503
00:26:45,340 --> 00:26:47,547
Heißt das, Ihre Frage zu beantworten?

504
00:26:47,547 --> 00:26:48,797
>> ZIELGRUPPE: [unverständlich].

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 ist ein Objekt.

508
00:26:52,430 --> 00:26:57,455
So können wir in den Knoten gehen und einfach
spielen, um ein kleines bisschen.

509
00:26:57,455 --> 00:26:58,705
>> ZIELGRUPPE: [unverständlich]?

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
Also, wenn Sie fragen, was Klassen sind,
Klassen sind sehr unterschiedlich behandelt,

513
00:27:10,660 --> 00:27:14,510
und sie haben eine wirklich seltsame Regelung haben
Prototyping genannt, die Sie nicht tun

514
00:27:14,510 --> 00:27:15,620
zum Thema wissen müssen.

515
00:27:15,620 --> 00:27:17,910
Es gibt keine festgelegten Weg, es zu tun.

516
00:27:17,910 --> 00:27:21,160
Also, wenn Sie mehrere, die Sie erzeugen wollen
würde nur irgendwie haben eine Funktion

517
00:27:21,160 --> 00:27:22,100
oder so etwas.

518
00:27:22,100 --> 00:27:24,340
Sie erzeugen Ihre eigene Funktion.

519
00:27:24,340 --> 00:27:26,765
Und Sie würden ein Objekt zurückgeben.

520
00:27:26,765 --> 00:27:29,550
Das wäre die einfachste sein
Weg, es zu tun.

521
00:27:29,550 --> 00:27:32,454
Heißt das Sinn?

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
Große.

525
00:27:36,650 --> 00:27:39,820
Also noch haben wir ein Verständnis von
JavaScript-Objekte, sind sie -

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

527
00:27:41,082 --> 00:27:42,026
>> ZIELGRUPPE: [unverständlich]

528
00:27:42,026 --> 00:27:45,802
Beispiel, was ist der Unterschied zwischen
"Roger" mit Anführungszeichen im Vergleich

529
00:27:45,802 --> 00:27:47,510
[Unverständlich] mit einfachen Anführungszeichen.

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

531
00:27:47,810 --> 00:27:52,730
Also das ist in C, haben wir die einzelnen
Zitate, die Zeichen, und doppelklicken

532
00:27:52,730 --> 00:27:54,550
Zitate, die Saiten.

533
00:27:54,550 --> 00:27:57,920
JavaScript wirft tatsächlich diese weg
da kann man Strings mit haben

534
00:27:57,920 --> 00:28:01,570
einfache oder doppelte Anführungszeichen, und es gibt
nicht so etwas wie einen einzelnen Char.

535
00:28:01,570 --> 00:28:04,400
Aber wenn Sie nur kopiert den gleichen
C-Code, JavaScript würde

536
00:28:04,400 --> 00:28:05,610
behandeln sie einfach gut.

537
00:28:05,610 --> 00:28:07,710
Welches ist, warum ich es so behandelt -

538
00:28:07,710 --> 00:28:12,540
das ist, warum kann ich buchstäblich Port
der Code in diesem Sinne.

539
00:28:12,540 --> 00:28:15,420
>> Und ich will Ihnen ein Beispiel, um zu zeigen
einer komplizierteren Objekt.

540
00:28:15,420 --> 00:28:19,890
So können Sie feststellen, dass ein Objekt
können Zeichenfolgen als Werte.

541
00:28:19,890 --> 00:28:21,530
Es kann eine weitere Liste von Werten haben.

542
00:28:21,530 --> 00:28:23,820
Es könnte eine Liste haben
Objekte als Werte.

543
00:28:23,820 --> 00:28:25,870
Es gibt wirklich keine Grenze für diese.

544
00:28:25,870 --> 00:28:29,070
So, hier ist es nur eine gute Demonstration
wie Sie eine Menge bekommen

545
00:28:29,070 --> 00:28:33,290
verschiedene Typen los
alles in einem Objekt.

546
00:28:33,290 --> 00:28:34,540
Macht das Sinn?

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

548
00:28:41,090 --> 00:28:44,700
>> Nun können Sie auch
Objektarrays.

549
00:28:44,700 --> 00:28:48,530
Und hier ist eine Art ähnlich, was Sie
gefragt, ob Sie können Objekte haben

550
00:28:48,530 --> 00:28:49,190
elben Typs.

551
00:28:49,190 --> 00:28:52,960
Aber das Problem ist, gibt es keinen festen
Format für Objekte in JavaScript.

552
00:28:52,960 --> 00:28:55,020
So müssen Sie sie selbst festlegen.

553
00:28:55,020 --> 00:28:57,600
Und Sie müssen sicherstellen,
dass sie einheitlich.

554
00:28:57,600 --> 00:29:00,410
Also hier, wenn ich ein Objekt zu erstellen, habe ich
um sicherzustellen, dass jeder hat eine

555
00:29:00,410 --> 00:29:01,910
nennen, und jeder hat ein Haus.

556
00:29:01,910 --> 00:29:05,620
>> Und dann habe ich eine Reihe von Personen,
und das kann meiner Hütte sein.

557
00:29:05,620 --> 00:29:08,290
Und dann können Sie hier Art von
siehe die for-Schleife geht.

558
00:29:08,290 --> 00:29:14,090
Die for-Schleife, nur ein wirklich gemeinsamen
Weg zu durchqueren über ein Array

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

560
00:29:15,150 --> 00:29:18,010
Beachten Sie, dass sich dieses Muster sehr ähnlich ist
zum C Äquivalent, in dem Sie

561
00:29:18,010 --> 00:29:21,470
haben int i gleich Null ist. ich
kleiner ist als die Länge.

562
00:29:21,470 --> 00:29:23,634
Und dann habe ich plus plus.

563
00:29:23,634 --> 00:29:26,035
>> Es ist fast der gleiche Code,
bis auf ein paar Details.

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

565
00:29:29,460 --> 00:29:33,120
So kann jeder verstehen
was für ein Objekt?

566
00:29:33,120 --> 00:29:35,820
Nur über sie denken, wie eine C-Struktur.

567
00:29:35,820 --> 00:29:38,784
Und so, wie Sie auf die Felder
ist nur mit dem Punkt.

568
00:29:38,784 --> 00:29:41,950
Und so lange wie Sie sich erinnern, wie man
verwenden Sie den Punkt, werden Sie in Ordnung sein.

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

570
00:29:55,300 --> 00:29:58,790
>> OK, so jetzt kann jeder
Lesen Sie diesen Link?

571
00:29:58,790 --> 00:30:02,220
Hier ist der Link zum Projekt.

572
00:30:02,220 --> 00:30:04,950
Ist jemand Probleme
sehen den Link?

573
00:30:04,950 --> 00:30:06,251
OK, ändern wir es dann.

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

575
00:30:14,430 --> 00:30:15,680
Es ist nicht -

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

577
00:30:21,900 --> 00:30:24,240
Ja, das ist wahrscheinlich, dass die
einfachste Weg, es zu tun.

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

579
00:30:32,390 --> 00:30:34,560
Große.

580
00:30:34,560 --> 00:30:38,270
>> Also, wenn Sie auf diese Seite gehen, es sollte
werden einige Anweisungen, dass ich

581
00:30:38,270 --> 00:30:42,550
übergehen, wie wir Meteor installieren
und erhalten Sie unsere Beispielprojekt läuft.

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

583
00:30:47,900 --> 00:30:50,180
Ich möchte sicherstellen, dass jeder hat
der Link, bevor ich mich bewege.

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

585
00:31:16,250 --> 00:31:17,500
Kann ich auf?

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

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

588
00:31:23,680 --> 00:31:25,890
>> Also bin ich hier auf der Website.

589
00:31:25,890 --> 00:31:28,740
Sie werden in der Readme-Datei bemerken,
wir haben einige Anweisungen, wie

590
00:31:28,740 --> 00:31:30,200
zu bekommen th eingerichtet.

591
00:31:30,200 --> 00:31:33,920
Sie müssen entweder in der CS50 sein
Gerät oder einfach nur auf einem Mac.

592
00:31:33,920 --> 00:31:35,330
Windows wird nicht funktionieren.

593
00:31:35,330 --> 00:31:37,760
Aber im Grunde alles, was nicht ist
Windows sollte damit arbeiten

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

595
00:31:39,820 --> 00:31:41,470
Aber ich kann es ein bisschen zu machen
größer als gut.

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

597
00:31:45,610 --> 00:31:48,820
>> So werden Sie der erste Lauf
Paar von Befehlen.

598
00:31:48,820 --> 00:31:50,450
Diese Jungs werden einfach installieren Meteor.

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

600
00:31:54,870 --> 00:31:58,530
Ich kann in meinem Terminal zu gehen.

601
00:31:58,530 --> 00:32:02,710
Und wenn ich die gleiche Sache jetzt,
Ich habe bereits installiert ist.

602
00:32:02,710 --> 00:32:03,710
So ist es ein bisschen kürzer.

603
00:32:03,710 --> 00:32:05,155
Es könnte etwas länger dauern
für euch.

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

605
00:32:08,160 --> 00:32:13,530
Aber ich möchte Sie zunächst sicher,
dass wir Meteor läuft.

606
00:32:13,530 --> 00:32:16,780
Nach Meteor installiert hat, sollten Sie
in der Lage, in der Konsolen zu bekommen.

607
00:32:16,780 --> 00:32:19,430
>> ZIELGRUPPE: Sie sind gefragt
nach einem Passwort.

608
00:32:19,430 --> 00:32:22,110
>> ROGER ZURAWICKI: Das wäre Ihr
Benutzer-Passwort, wenn Sie auf einem Mac arbeiten.

609
00:32:22,110 --> 00:32:27,030
Es muss nur die Erlaubnis,
einige Systemdateien ändern.

610
00:32:27,030 --> 00:32:30,690
So war die Frage, ob es fragt Sie nach
ein Passwort, es ist nur gefragt,

611
00:32:30,690 --> 00:32:33,510
Ihren Benutzernamen vergessen, wenn
Sie in Ihrem Mac anmelden.

612
00:32:33,510 --> 00:32:35,770
Und das ist, so dass Sie
Systemdateien ändern.

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

614
00:32:46,670 --> 00:32:51,260
>> Und wenn Sie fertig sind, können Sie bewegen sich
zu dem nächsten Schritt, der kopiert werden soll

615
00:32:51,260 --> 00:32:54,220
Beispielcode habe ich von der Website.

616
00:32:54,220 --> 00:32:58,330
Und Sie werden ein neues Verzeichnis in erhalten Sie Ihre
Home-Verzeichnis genannt Rangliste und

617
00:32:58,330 --> 00:32:59,670
können wir anfangen zu arbeiten von dort aus.

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

619
00:33:09,680 --> 00:33:14,620
Also ich bin einfach nur kopieren und einfügen diese
Befehle in meinem Terminal.

620
00:33:14,620 --> 00:33:16,780
Und für mich ist, ich es bereits geklont.

621
00:33:16,780 --> 00:33:21,470
So kann ich gerade jetzt bewegen
in der Bestenliste.

622
00:33:21,470 --> 00:33:23,450
Und ich sollte ein paar haben
Dateien dort.

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

624
00:33:29,880 --> 00:33:31,113
Haben Sie Fragen?

625
00:33:31,113 --> 00:33:34,430
>> ZIELGRUPPE: [unverständlich] funktioniert nicht.

626
00:33:34,430 --> 00:33:36,741
>> ROGER ZURAWICKI: Ach, könnten Sie
müssen git installiert als auch.

627
00:33:36,741 --> 00:33:39,150
>> ZIELGRUPPE: [unverständlich].

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

629
00:33:40,162 --> 00:33:41,412
>> ZIELGRUPPE: [unverständlich].

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
Das ist, weil Sie brauchen, um sein
bei GitHub eingeloggt, um diesen Link zu bekommen.

634
00:33:52,860 --> 00:33:58,160
Wenn euch das sehe, ist die einfachste
Weg, es zu tun, dann würde ich sagen, ist

635
00:33:58,160 --> 00:33:59,270
laden Sie die zip.

636
00:33:59,270 --> 00:34:02,010
Und das wird einfach herunterladen
alle Dateien.

637
00:34:02,010 --> 00:34:05,510
Und dann, wenn Sie es in Ihrem
herunterladen oder Ihr Home-Verzeichnis -

638
00:34:05,510 --> 00:34:07,360
Ich empfehle Sie sie in Ihr
Home-Verzeichnis, so können wir alle

639
00:34:07,360 --> 00:34:09,210
laufen die gleichen Befehle.

640
00:34:09,210 --> 00:34:15,230
Solange wir die Dateien, werden wir
der Lage sein, mit ihnen zu arbeiten.

641
00:34:15,230 --> 00:34:17,969
Lassen Sie mich wissen, wenn die Menschen mit
Probleme beim Herunterladen der Dateien.

642
00:34:17,969 --> 00:34:21,040
>> ZUSCHAUER: Mit dem Home-Verzeichnis,
Sie meinen -

643
00:34:21,040 --> 00:34:24,989
>> ROGER ZURAWICKI: Also Home-Verzeichnis würde
John Harvard sein, wenn Sie in sind

644
00:34:24,989 --> 00:34:27,460
das CS50-Appliance.

645
00:34:27,460 --> 00:34:33,651
Um zu Ihrem Home-Verzeichnis zu bekommen,
nur in C geben

646
00:34:33,651 --> 00:34:34,145
>> ZIELGRUPPE: [unverständlich]

647
00:34:34,145 --> 00:34:37,610
CS50 Gerät [unverständlich].

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

649
00:34:38,650 --> 00:34:40,480
Sie möchten die Befehle ausführen
in Ihrem Terminal.

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

651
00:34:44,899 --> 00:34:45,390
>> ZIELGRUPPE: [unverständlich].

652
00:34:45,390 --> 00:34:50,800
Ich eine Fehlermeldung, dass nicht bekam
Datei oder Verzeichnis.

653
00:34:50,800 --> 00:34:52,739
>> ROGER ZURAWICKI: Wir können eine schnelle nehmen
brechen und so stellen Sie sicher, dass

654
00:34:52,739 --> 00:34:56,760
jeder hat Meteor installiert, und ich werde
gehen Sie einfach versuchen, Menschen zu helfen.

655
00:34:56,760 --> 00:34:59,130
Bitte versuchen sich gegenseitig zu helfen, wenn
Sie Probleme laufen.

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

657
00:35:04,640 --> 00:35:05,580
Es tut uns leid, ja.

658
00:35:05,580 --> 00:35:08,930
Sind Sie beide in das Gerät?

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

660
00:35:09,350 --> 00:35:13,190
Ich habe die RISA

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

662
00:35:14,300 --> 00:35:20,740
Wenn Sie zurück auf die Website zu gehen,
gehen nach oben an die Spitze.

663
00:35:20,740 --> 00:35:23,580
Und es ist das HTTPS.

664
00:35:23,580 --> 00:35:25,810
>> ZIELGRUPPE: Kopieren Sie das?

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

666
00:35:26,230 --> 00:35:28,950
Und dann wollen
geben git clone.

667
00:35:28,950 --> 00:35:30,814
Also, wenn Sie Kontrolle A drücken -

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

669
00:35:33,718 --> 00:35:36,410
Und tun [unverständlich]?

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

671
00:35:37,307 --> 00:35:38,557
>> ZIELGRUPPE: [unverständlich].

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

673
00:35:40,410 --> 00:35:42,670
>> ROGER ZURAWICKI: Git und dann zu klonen.

674
00:35:42,670 --> 00:35:46,610
So ist es sehr ähnlich zu dem Befehl
hatte oben, aber die URL geändert.

675
00:35:46,610 --> 00:35:49,010
Also, bevor es war diese, jetzt ist es diese.

676
00:35:49,010 --> 00:35:50,680
Lassen Sie mich zu aktualisieren, die -

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

678
00:35:51,354 --> 00:35:52,604
>> ZIELGRUPPE: [unverständlich].

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

680
00:35:56,000 --> 00:35:58,076
>> ROGER ZURAWICKI: Dies wird heruntergeladen.

681
00:35:58,076 --> 00:35:59,326
>> ZIELGRUPPE: [unverständlich].

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

683
00:36:02,930 --> 00:36:05,690
>> ROGER ZURAWICKI: Oh, so ist es
nicht richtig zu klonen.

684
00:36:05,690 --> 00:36:07,920
Ich werde das beheben.

685
00:36:07,920 --> 00:36:10,190
Es ist ein Fehler, mit dem Versuch,
um die Dateien herunterladen.

686
00:36:10,190 --> 00:36:13,820
Lassen Sie mich den Befehl aktualisieren für euch
so kann ich sicherstellen, dass es funktionieren wird.

687
00:36:13,820 --> 00:36:17,025
Ich bin mir leid.

688
00:36:17,025 --> 00:36:21,618
Es sollte das gleiche für sein
Macs oder CS50-Appliance.

689
00:36:21,618 --> 00:36:22,868
>> ZIELGRUPPE: [unverständlich].

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

691
00:36:49,320 --> 00:36:51,190
>> ROGER ZURAWICKI: Ich habe die aktualisierte
Befehl für die Nummer zwei, wenn

692
00:36:51,190 --> 00:36:52,910
Sie die Seite aktualisieren.

693
00:36:52,910 --> 00:36:56,520
Und mit diesem, URL, sollten Sie sich
in der Lage, die Dateien herunterzuladen.

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

695
00:37:00,162 --> 00:37:02,550
>> ZIELGRUPPE: Also, wenn wir noch
Download [unverständlich].

696
00:37:02,550 --> 00:37:05,930
>> ROGER ZURAWICKI: Wenn Sie
noch heruntergeladen Meteor?

697
00:37:05,930 --> 00:37:07,180
>> ZIELGRUPPE: [unverständlich].

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

699
00:37:09,860 --> 00:37:11,910
>> ROGER ZURAWICKI: Ja, wenn Sie wollen,
auf Ihrem Mac zu entwickeln.

700
00:37:11,910 --> 00:37:14,145
Aber Sie müssen die Xcode Entwickler
Tools installiert.

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

702
00:37:21,530 --> 00:37:24,550
Ich habe diese Befehle auf dem CS50 getestet
Gerät, so kann ich garantieren

703
00:37:24,550 --> 00:37:25,440
dass es funktionieren wird.

704
00:37:25,440 --> 00:37:26,710
Ja. lassen Sie mich gehen und dir helfen.

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

706
00:37:30,558 --> 00:37:31,808
>> ZIELGRUPPE: [unverständlich].

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

708
00:37:39,440 --> 00:37:40,372
Ich mein Passwort zu geben.

709
00:37:40,372 --> 00:37:42,240
Das ist Mac.

710
00:37:42,240 --> 00:37:43,490
Und dann muss ich [unverständlich].

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
Ich würde versuchen, laufen alle Befehle
ausschließlich im CS50-Appliance-Terminal.

714
00:37:57,080 --> 00:37:58,330
>> ZIELGRUPPE: [unverständlich].

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

716
00:38:00,220 --> 00:38:02,570
>> ROGER ZURAWICKI: Ich würde es arbeiten
erste auf dem Endgerät, auf das

717
00:38:02,570 --> 00:38:04,830
CS50 Gerät und dann
die Mac-Terminal.

718
00:38:04,830 --> 00:38:08,130
>> ZIELGRUPPE: Also, wenn Sie es auf dem CS50 tun
Appliance so, [unverständlich].

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

720
00:38:13,650 --> 00:38:15,850
>> ROGER ZURAWICKI: Ich würde gerne umziehen
auf, aber wenn die Menschen immer noch mit

721
00:38:15,850 --> 00:38:20,190
Probleme beim Einrichten Meteor, ist Kevin mehr
als glücklich, euch zu helfen,

722
00:38:20,190 --> 00:38:21,440
Kevin im grauen T-Shirt.

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

724
00:38:26,320 --> 00:38:32,170
Was wir haben, ist, wir sollten zu gehen
führen Sie den letzten Befehl, Nummer drei, in

725
00:38:32,170 --> 00:38:33,710
unserem Terminal.

726
00:38:33,710 --> 00:38:37,320
Wenn wir das tun, werden wir Meteor laufen.

727
00:38:37,320 --> 00:38:39,040
>> Und Sie sollten -

728
00:38:39,040 --> 00:38:41,200
oh, ich habe bereits Meteor läuft.

729
00:38:41,200 --> 00:38:45,230
So wird es nicht zu lassen - lassen Sie mich
schließen Sie einfach meine anderen Meteor.

730
00:38:45,230 --> 00:38:49,640
Wenn ich Meteor, Sie
sollten jetzt sehen, dass -

731
00:38:49,640 --> 00:38:51,490
sollten Sie das aktuelle Verzeichnis zu sehen
dass es dient.

732
00:38:51,490 --> 00:38:55,476
Und jetzt wird es, den Server zu sagen,
auf http://localhost läuft.

733
00:38:55,476 --> 00:38:58,860
Das ist die URL, die Sie setzen wollen
in in Ihrem Web-Browser.

734
00:38:58,860 --> 00:39:05,410
>> Und auf dieser URL, sollten Sie in der Lage zu sein,
Zugriff auf eine nette kleine Liste.

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

736
00:39:10,030 --> 00:39:14,530
Also feststellen, dass dies auf localhost,
was bedeutet, dass, wenn Sie eines tun

737
00:39:14,530 --> 00:39:17,320
Änderungen, werden Sie nicht auf
sehen jedes andere Änderungen.

738
00:39:17,320 --> 00:39:20,830
Während auf der Website, die ich Ihnen gezeigt,
am Anfang, wir könnten

739
00:39:20,830 --> 00:39:23,380
jedermanns Veränderungen, weil jeder
wurde auf das gleiche Website.

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

741
00:39:27,010 --> 00:39:29,540
>> Also lassen Sie mich nur auf [gehen? Wort?]

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

743
00:39:35,570 --> 00:39:38,820
So sollten Sie in der Lage, nur bestätigen
dass die Funktionalität arbeitet.

744
00:39:38,820 --> 00:39:44,790
Sie können verschiedene Menschen zu wählen, und
Sie können sie verschiedene Punkte zu geben.

745
00:39:44,790 --> 00:39:46,710
Also gebe ich jemand Punkten.

746
00:39:46,710 --> 00:39:50,420
Sie können auch sehen, dass
sie steigen im Rang.

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

748
00:39:53,450 --> 00:39:57,360
>> Nun, im Interesse der Zeit gab
sind drei Eigenschaften, die ich habe

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

750
00:39:58,020 --> 00:40:03,760
Und wir werden das Löschen implementieren
Benutzer als unsere erste Funktion.

751
00:40:03,760 --> 00:40:06,360
Aber bevor wir weiterziehen, sind
noch Fragen?

752
00:40:06,360 --> 00:40:09,010
Du hattest deine Hand auf.

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

754
00:40:10,480 --> 00:40:11,730
>> ZIELGRUPPE: [unverständlich].

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

756
00:40:20,980 --> 00:40:22,450
>> ROGER ZURAWICKI: Können Sie überprüfen
dass Meteor ist installiert?

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

758
00:40:25,160 --> 00:40:26,410
>> ZIELGRUPPE: [unverständlich].

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

760
00:40:31,440 --> 00:40:32,680
>> ROGER ZURAWICKI: Local Host 3000?

761
00:40:32,680 --> 00:40:36,550
Und Sie in der CS50 Gerät sind?

762
00:40:36,550 --> 00:40:37,800
Ich tun kann -

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

764
00:40:39,870 --> 00:40:41,210
Sie müssen nicht auf einem Mac sein.

765
00:40:41,210 --> 00:40:43,558
Dies wird in dem Gerät zu arbeiten.

766
00:40:43,558 --> 00:40:45,880
>> ZIELGRUPPE: [unverständlich].

767
00:40:45,880 --> 00:40:47,520
>> ROGER ZURAWICKI: In der normalen
Web-Browser, ja.

768
00:40:47,520 --> 00:40:49,170
>> ZIELGRUPPE: [unverständlich].

769
00:40:49,170 --> 00:40:52,100
>> ROGER ZURAWICKI: Ist Meteor läuft?

770
00:40:52,100 --> 00:40:54,180
So OK, es gibt hier eine Unterscheidung.

771
00:40:54,180 --> 00:40:56,300
Wenn Sie in die Lauf es sind
Gerät, zu tun haben, die Sie

772
00:40:56,300 --> 00:40:58,400
localhost in das Gerät.

773
00:40:58,400 --> 00:41:00,860
Wenn Sie in Ihrem Mac mit dabei sind,
wie ich bin, dann kann ich tun

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

775
00:41:02,460 --> 00:41:05,520
Aber wenn Sie das Gerät CS50 sind,
Sie, alles zu tun haben

776
00:41:05,520 --> 00:41:06,350
im Gerät.

777
00:41:06,350 --> 00:41:09,022
Also, Google zu nutzen müssen Sie
Chrome im Gerät.

778
00:41:09,022 --> 00:41:10,350
>> ZIELGRUPPE: [unverständlich].

779
00:41:10,350 --> 00:41:12,188
>> ROGER ZURAWICKI: Es ist
immer noch nicht funktioniert?

780
00:41:12,188 --> 00:41:13,438
>> ZIELGRUPPE: [unverständlich].

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

782
00:41:39,170 --> 00:41:42,390
>> ROGER ZURAWICKI: Also nur zu wiederholen,
wie wollen Sie jetzt auf die Website zugreifen.

783
00:41:42,390 --> 00:41:46,380
Sie haben hier eine URL auf
localhost 3000.

784
00:41:46,380 --> 00:41:49,600
Wenn Sie in der CS50 Gerät sind,
Sie haben CS50 öffnen

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

786
00:41:51,320 --> 00:41:54,850
Und in diesem Google Chrome innerhalb der
Gerät, können Sie in dieser URL eingeben,

787
00:41:54,850 --> 00:41:56,400
und Sie sollten eine Rangliste zu sehen.

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

789
00:41:58,990 --> 00:42:04,800
Also werde ich nur ihn weg
auf die Seite hier ein wenig.

790
00:42:04,800 --> 00:42:09,600
Und jetzt werde ich öffne meine
Texteditor hier.

791
00:42:09,600 --> 00:42:16,040
Lassen Sie mich also nur sicherstellen, dass
der Code ist in Ordnung.

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

793
00:42:17,580 --> 00:42:19,750
Große.

794
00:42:19,750 --> 00:42:22,360
>> Ich möchte nun zu Fuß durch
der Code ein wenig.

795
00:42:22,360 --> 00:42:26,110
Und die erste Datei, die ich damit beginnen wollen,
mit leaderboard.html heißt.

796
00:42:26,110 --> 00:42:31,520
Sie werden nach der Lage, diesen Code zu erhalten
das Seminar, so möchte ich nur um zu zeigen

797
00:42:31,520 --> 00:42:33,960
Sie auf dem Computer, was los ist.

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

799
00:42:39,130 --> 00:42:40,970
Ich hoffe also, jeder kann das sehen.

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

801
00:42:47,970 --> 00:42:51,590
So dass am Anfang der Datei, die wir
haben unseren Kopf und den Titel, die

802
00:42:51,590 --> 00:42:54,510
ist ähnlich zu dem, was wir sahen
in jedem HTML-Dokument.

803
00:42:54,510 --> 00:42:56,990
Und dann werden wir haben
der Body-Tag hier.

804
00:42:56,990 --> 00:42:59,920
>> Was ich gewählt habe, ist die Haupt
Körper, im Grunde, was

805
00:42:59,920 --> 00:43:01,470
gehen, um angezeigt zu bekommen.

806
00:43:01,470 --> 00:43:05,560
Aber es gibt einige neue Nicht-HTML-
Dinge, und das ist in der

807
00:43:05,560 --> 00:43:06,710
doppelten spitzen Klammern.

808
00:43:06,710 --> 00:43:08,600
Und das sind Template-Tags.

809
00:43:08,600 --> 00:43:13,770
So werden Sie hier sehen diese Klammer
Klammer neue Leaderboard.

810
00:43:13,770 --> 00:43:17,390
Und dies ist eine Art - man denke an sie
als Aufruf einer Funktion für HTML.

811
00:43:17,390 --> 00:43:19,320
>> Dies ist eine spezielle Version von HTML.

812
00:43:19,320 --> 00:43:22,730
Es ist die Version, die Meteor verwendet, die
ist, warum Sie anders darstellen kann

813
00:43:22,730 --> 00:43:26,190
Dinge, wie die Rangliste
Namen und Tasten.

814
00:43:26,190 --> 00:43:30,870
Aber Rangliste sagt Ihnen, die gehen
Vorlage mit dem Namen Liste.

815
00:43:30,870 --> 00:43:34,746
Also Vorlage nicht angezeigt durch zu bekommen
selbst, sondern es ist eine Funktion, so dass es

816
00:43:34,746 --> 00:43:35,390
wird aufgerufen.

817
00:43:35,390 --> 00:43:41,030
Und Sie werden in all das ersetzen
Code direkt hier in der Bestenliste.

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

819
00:43:44,510 --> 00:43:48,820
>> Der interessante Teil der Rangliste
hier ist nur diese Tabelle.

820
00:43:48,820 --> 00:43:52,910
Wenn Sie nur lesen, lesen Sie diesen Code
laut sollte intuitiv sein

821
00:43:52,910 --> 00:43:57,390
Leaderboard, weil alles, was wir
hier haben ist ein Tisch.

822
00:43:57,390 --> 00:44:00,410
Diese ID-Klasse Sachen, die Sie nicht tun
sich Sorgen machen müssen.

823
00:44:00,410 --> 00:44:02,460
Genau wissen, dass es eine Tabellenkopf.

824
00:44:02,460 --> 00:44:03,630
Das ist das thead.

825
00:44:03,630 --> 00:44:06,860
>> Und er findet einen Namen und eine Partitur.

826
00:44:06,860 --> 00:44:12,150
Alle diese Tags, wie thtable, thead,
Sie müssen nur lernen, wie Sie gehen.

827
00:44:12,150 --> 00:44:15,540
Es ist nicht wichtig, dass Sie merken,
diese, weil man einfach die Wartung

828
00:44:15,540 --> 00:44:16,520
Referenz online.

829
00:44:16,520 --> 00:44:20,610
Oder bis zum Ende des Semesters, diese
wird gerade sehr vertraut mit dir sein.

830
00:44:20,610 --> 00:44:22,840
>> Nachdem die Kopfzeile der Tabelle, die
Teil, möchte ich ziehen Sie Ihre

831
00:44:22,840 --> 00:44:24,900
Aufmerksamkeit ist diese h-Tag.

832
00:44:24,900 --> 00:44:27,180
Weil es in doppelte eckige Klammern,
es ist eine Schablone.

833
00:44:27,180 --> 00:44:30,980
Das heißt also, für jeden der Spieler,
was auch immer die Spieler ist, müssen wir

834
00:44:30,980 --> 00:44:31,500
anzeigen.

835
00:44:31,500 --> 00:44:32,965
Und wir gehen auf den Player-Vorlage.

836
00:44:32,965 --> 00:44:35,680

837
00:44:35,680 --> 00:44:39,890
>> Wenn wir nach unten scrollen, ein bisschen mehr -

838
00:44:39,890 --> 00:44:40,980
Ich hoffe, jeder kann das sehen.

839
00:44:40,980 --> 00:44:42,900
Wir haben die Player-Vorlage.

840
00:44:42,900 --> 00:44:49,080
Und diese Vorlage definiert im Grunde ein
Tabellenzelle, wo Sie in den Namen setzen

841
00:44:49,080 --> 00:44:50,330
hier und die Punktzahl.

842
00:44:50,330 --> 00:44:52,540

843
00:44:52,540 --> 00:44:56,720
Verkleinern jetzt können wir sehen,
dass dieses Stück Code -

844
00:44:56,720 --> 00:44:59,060
und das war unser Spieler dort unten -

845
00:44:59,060 --> 00:45:01,070
definiert eine dieser Zellen.

846
00:45:01,070 --> 00:45:02,890
Jede Sache, die ich auf
wird gelb.

847
00:45:02,890 --> 00:45:06,690

848
00:45:06,690 --> 00:45:08,660
>> Ein einfacher Weg, ich könnte es jetzt zu ändern.

849
00:45:08,660 --> 00:45:10,150
Stellen Sie sicher, Meteor läuft noch.

850
00:45:10,150 --> 00:45:12,540
Meteor sollte ein Server-Prozess sein,
so dass Sie nur lassen Sie es

851
00:45:12,540 --> 00:45:14,020
laufen, wenn Sie entwickelt.

852
00:45:14,020 --> 00:45:18,280
Sagen wir, ich wollte ändern
alle Namen oder die Punktzahl.

853
00:45:18,280 --> 00:45:23,320
Und ich würde sagen, ich werde
Punkte hier hinzufügen.

854
00:45:23,320 --> 00:45:27,215
So ist die Veränderung, die ich hier gemacht wurde,
statt nur Gäste, ich

855
00:45:27,215 --> 00:45:30,280
Kerb Raumpunkte.

856
00:45:30,280 --> 00:45:32,775
>> Ich werde zu verkleinern, und ich bin
werde meine Datei zu speichern.

857
00:45:32,775 --> 00:45:35,510

858
00:45:35,510 --> 00:45:39,830
Und nachdem ich meine Datei zu speichern, muss ich
um sicherzustellen, dass Meteor läuft.

859
00:45:39,830 --> 00:45:55,650

860
00:45:55,650 --> 00:45:57,610
Tut mir leid.

861
00:45:57,610 --> 00:46:00,330
Ich möchte Ihnen zeigen, Bearbeitungen
wurden in Echtzeit.

862
00:46:00,330 --> 00:46:06,180
Also werde ich nur einen Text zu ändern.

863
00:46:06,180 --> 00:46:07,600
Klicken Sie auf einen Spieler.

864
00:46:07,600 --> 00:46:10,040
Ich setze es in Großbuchstaben.

865
00:46:10,040 --> 00:46:14,540
Und sollte es sein, dass, wenn diese Arbeits
richtig, wenn ich es zu retten, ist es

866
00:46:14,540 --> 00:46:16,801
würde zu aktualisieren.

867
00:46:16,801 --> 00:46:20,420
>> Oh, ich glaube, jetzt ist das Problem
Ich bin nicht im richtigen Verzeichnis.

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
Ich bin mir leid.

871
00:46:28,160 --> 00:46:32,860
So, hier, was Sie bemerken ist,
meinen Wechsel ging durch.

872
00:46:32,860 --> 00:46:34,540
Jetzt sagen, ich will, um die Änderung zurück.

873
00:46:34,540 --> 00:46:36,200
Ich will zurück zu dem, was ich hatte.

874
00:46:36,200 --> 00:46:37,640
Ich bin gerade dabei, es in der Regel eingeben.

875
00:46:37,640 --> 00:46:39,180
Klicken Sie auf einen Spieler.

876
00:46:39,180 --> 00:46:42,920
>> Der Moment, als ich speichern, die
Website aktualisiert, für mich.

877
00:46:42,920 --> 00:46:44,740
Und ich sehe meinen Wechsel auf
die Seite sofort.

878
00:46:44,740 --> 00:46:48,170
Dies ist ein wirklich hilfreiches Feature
bei der Fehlersuche, denn jetzt

879
00:46:48,170 --> 00:46:49,640
Ich weiß nicht -

880
00:46:49,640 --> 00:46:52,920
wenn wir C-Code zu schreiben, haben wir nicht nur
haben, um die Datei zu speichern, aber wir hatten

881
00:46:52,920 --> 00:46:54,750
machen es und führen Sie es noch einmal.

882
00:46:54,750 --> 00:46:58,750
Meteor ist sehr schön, denn im Gegensatz zu C,
sobald Sie Ihre HTML-oder speichern

883
00:46:58,750 --> 00:47:01,070
JavaScript-Datei, die Änderung
zeigt sofort auf.

884
00:47:01,070 --> 00:47:05,050

885
00:47:05,050 --> 00:47:09,140
>> Eine Frage ist, in diesen Vorlagen, wie
bekomme ich die Werte wie Spieler

886
00:47:09,140 --> 00:47:11,520
oder wählen Sie einen Namen?

887
00:47:11,520 --> 00:47:17,130
Wenn ich Bilder in hier in meinen Code,
Ich sehe das für jeden Spieler.

888
00:47:17,130 --> 00:47:19,970
So ist die Vorlage, weiß, dass
Ich habe die Spieler irgendwie.

889
00:47:19,970 --> 00:47:22,110
Und sie weiß, dass es
eine ausgewählte Namen.

890
00:47:22,110 --> 00:47:23,220
Wo kommt das her?

891
00:47:23,220 --> 00:47:25,180
Das kommt von der JavaScript.

892
00:47:25,180 --> 00:47:30,980
>> Und wenn Sie gehen, um leaderboard.js, diese
Datei, wenn ich jetzt hier gehen, haben wir eine

893
00:47:30,980 --> 00:47:33,460
paar Befehle definiert.

894
00:47:33,460 --> 00:47:36,400
Dies ist eine spezielle Syntax Meteor.

895
00:47:36,400 --> 00:47:38,600
Beachten Sie, dass Sie nicht brauchen,
vars oder nichts.

896
00:47:38,600 --> 00:47:42,990
Aber das sind nur auf Strukturen Structs
Strukturen oder auf diese Objekte.

897
00:47:42,990 --> 00:47:45,910
Und alles, was ich definieren, ist die Vorlage
genannt Liste.

898
00:47:45,910 --> 00:47:47,900
>> Rangliste sollte eine bekommen
Ding namens Spieler.

899
00:47:47,900 --> 00:47:48,840
Und was die Spieler?

900
00:47:48,840 --> 00:47:51,860
Es ist, was dieser Ausdruck zurück.

901
00:47:51,860 --> 00:47:53,020
Und was ist ausgewählt Name?

902
00:47:53,020 --> 00:47:54,630
Es ist etwas mehr Code.

903
00:47:54,630 --> 00:47:56,810
Die Details der Code wir werden
decken ein bisschen später.

904
00:47:56,810 --> 00:48:02,210
Aber jetzt möchte ich Sie zu verstehen,
dass in diesem Code nehmen wir

905
00:48:02,210 --> 00:48:04,350
Spieler, und wir geben sie einen Wert.

906
00:48:04,350 --> 00:48:07,000
In diesem Fall ist es eine Funktion
dass wird ausgeführt.

907
00:48:07,000 --> 00:48:10,290
So können wir den Wert zurück
wenn wir führen Sie die Funktion.

908
00:48:10,290 --> 00:48:12,830

909
00:48:12,830 --> 00:48:13,520
Dies ist ein Protokoll.

910
00:48:13,520 --> 00:48:14,770
Heißt das Sinn?

911
00:48:14,770 --> 00:48:23,170

912
00:48:23,170 --> 00:48:25,010
>> Ich kann das so, wie es sortiert ändern.

913
00:48:25,010 --> 00:48:27,230
Hier gibt es eine Art Objekt.

914
00:48:27,230 --> 00:48:31,660
Und was das ist, sagt, ich werde zu sortieren
nach Punkten absteigend ersten und

915
00:48:31,660 --> 00:48:33,170
nennen aufsteigend.

916
00:48:33,170 --> 00:48:36,630
Wenn ich dies für eine ändern, es geht
um Gäste aufsteigend zu sortieren.

917
00:48:36,630 --> 00:48:39,120
Also Null sollte auf der Spitze.

918
00:48:39,120 --> 00:48:43,370
Und wenn ich in meine Website zu vergrößern, haben wir
jetzt sehen, dass die Website aktualisiert.

919
00:48:43,370 --> 00:48:44,923
Und die Punktzahl steigen.

920
00:48:44,923 --> 00:48:49,010

921
00:48:49,010 --> 00:48:53,980
>> Die nächste Funktion möchte ich nur
zu decken ist, klicken Sie Schritt.

922
00:48:53,980 --> 00:48:57,910
Aus dem Interesse der Zeit, ich will nicht
in der Lage sein, mehr von der Meteor decken

923
00:48:57,910 --> 00:49:00,690
Code, aber es gibt viele Ressourcen
zur Verfügung, und ich werde sein

924
00:49:00,690 --> 00:49:03,560
hier nach dem Seminar.

925
00:49:03,560 --> 00:49:07,680
Aber ich will nur decken
die Rangliste Veranstaltungen.

926
00:49:07,680 --> 00:49:10,520
Diese Syntax lernen Sie ein
Etwas später in der Vorlesung.

927
00:49:10,520 --> 00:49:12,870
Dies ist kein JavaScript.

928
00:49:12,870 --> 00:49:16,720
>> Wir sagen nur, wenn wir einen Klick
und es ist auf den Zuwachs, diese

929
00:49:16,720 --> 00:49:19,160
Hash bedeutet nur, ID.

930
00:49:19,160 --> 00:49:23,945
Auf der Zuwachs ID-Tag, dann möchten wir
zu aktualisieren - die Schlüsselbegriffe möchte ich Sie

931
00:49:23,945 --> 00:49:26,740
zu beobachten ist und Update
auswählen und Spieler.

932
00:49:26,740 --> 00:49:29,080
Also je nachdem, welcher Spieler ausgewählt,
Wir aktualisieren.

933
00:49:29,080 --> 00:49:31,260
Und was wir tun ist, wir erhöhen
seine Punktzahl durch fünf.

934
00:49:31,260 --> 00:49:37,700

935
00:49:37,700 --> 00:49:40,340
Und das wird die Funktionalität beschreiben
wir hier haben.

936
00:49:40,340 --> 00:49:50,270

937
00:49:50,270 --> 00:49:54,510
>> Nach dem Ende des Seminars werden wir
in der Lage sein, etwas mehr Code zu sehen.

938
00:49:54,510 --> 00:50:00,400
Aber zurück zu meinem Ziel, das möchte ich
ändern Sie den Ort, hier wollte ich über

939
00:50:00,400 --> 00:50:03,400
um ein Entfernen-Button hinzufügen, damit
Ich kann den Player zu löschen.

940
00:50:03,400 --> 00:50:05,390
So, das zu tun, muss ich
zwei Dinge tun.

941
00:50:05,390 --> 00:50:09,680
Ich muss die Datei zu aktualisieren, aktualisieren Sie die
zu sehen, was wird dem Benutzer angezeigt, und

942
00:50:09,680 --> 00:50:15,080
dann haben einige JavaScript dass, wenn die
-Taste gedrückt wird, wird Meteor gehen

943
00:50:15,080 --> 00:50:15,690
etwas zu tun.

944
00:50:15,690 --> 00:50:18,040
Es geht um diesen Spieler zu entfernen.

945
00:50:18,040 --> 00:50:20,720
>> So gibt es eine Menge von Codeteile
, die im Grunde bereits

946
00:50:20,720 --> 00:50:22,610
wurde für mich getan.

947
00:50:22,610 --> 00:50:26,160
Wenn ich mir hier, ich habe bereits einen Weg
bekommen den ausgewählten Spieler.

948
00:50:26,160 --> 00:50:29,880
Das ist das Zeug, wenn man es sehen können.

949
00:50:29,880 --> 00:50:31,346
Also, wenn ich nur -

950
00:50:31,346 --> 00:50:35,160
Ich werde eine andere Veranstaltung.

951
00:50:35,160 --> 00:50:37,900
So werde ich zu kopieren, was ich habe.

952
00:50:37,900 --> 00:50:40,740
Da es sich um eine Liste,
Ich brauche nur ein Komma.

953
00:50:40,740 --> 00:50:45,480
>> So, jetzt werde ich auf Löschen.

954
00:50:45,480 --> 00:50:48,840
Und dann anstatt der Spieler-Update
Ich werde tun, Spieler zu löschen.

955
00:50:48,840 --> 00:50:51,620
Und alle Spieler löschen Bedürfnisse
ist eine ausgewählte Spieler.

956
00:50:51,620 --> 00:50:56,500
Also diese Funktion ist alles was wir brauchen.

957
00:50:56,500 --> 00:51:01,550
Ich muss einige hinzufügen
HTML hier aber.

958
00:51:01,550 --> 00:51:05,180
Also, wenn ich hier unten zu scrollen,
Hier ist die HTML-Ansicht.

959
00:51:05,180 --> 00:51:08,300
Wir hatten eine Sache hier,
das war ein ein Tag.

960
00:51:08,300 --> 00:51:09,610
Sie brauchen keine Sorgen zu machen.

961
00:51:09,610 --> 00:51:12,000
>> Was ist für Sie ist
diese ID-Schrittweite.

962
00:51:12,000 --> 00:51:14,990
Und dies ist es, was uns erlaubt, zu sagen, wenn
wir geklickt Schritt, wir müssen

963
00:51:14,990 --> 00:51:16,410
geben fünf Punkte.

964
00:51:16,410 --> 00:51:18,240
Und Sie werden sehen, dass dies eine Taste.

965
00:51:18,240 --> 00:51:20,150
Das ist, was das bedeutet, btn.

966
00:51:20,150 --> 00:51:23,190
Und der Text in der Taste
ist fünf Punkte geben.

967
00:51:23,190 --> 00:51:26,440
Also, was ich zu tun ist, bin ich
gehen, um diese Zeile zu kopieren.

968
00:51:26,440 --> 00:51:29,910
Ich werde, um die ID zu löschen ändern.

969
00:51:29,910 --> 00:51:34,310
Und ich werde das ändern
Text hier, um zu löschen.

970
00:51:34,310 --> 00:51:35,980
>> So stellen Sie sicher, dass alles gespeichert.

971
00:51:35,980 --> 00:51:39,010
Ich will zurück zu meinem JavaScript gehen
, um sicherzustellen, dass ich

972
00:51:39,010 --> 00:51:40,880
löschen hier gefüttert.

973
00:51:40,880 --> 00:51:41,780
Gut.

974
00:51:41,780 --> 00:51:43,145
Also werde ich die beiden Dateien zu speichern.

975
00:51:43,145 --> 00:51:46,060

976
00:51:46,060 --> 00:51:49,320
Nach dem Speichern Sie beide Dateien, die wir
kann wieder auf den Boden zu gehen.

977
00:51:49,320 --> 00:51:51,550
Und nun sehen wir, dass wir
ein Löschen-Taste.

978
00:51:51,550 --> 00:51:56,050
Und noch ein Schritt.

979
00:51:56,050 --> 00:51:58,200
Man merkt, man könnte eine bekommen
Fehler, weil, wenn ich auf

980
00:51:58,200 --> 00:52:00,610
löschen, nichts passiert.

981
00:52:00,610 --> 00:52:03,930
>> Ein Weg, dies zu prüfen, ist zu gehen
zurück zum Element Untersuchen.

982
00:52:03,930 --> 00:52:07,820
Ich mache das mit Absicht so können Sie
sehen, wie Sie etwas zu debuggen.

983
00:52:07,820 --> 00:52:11,210
In Inspect Element, haben wir
alle unsere Text hier unten.

984
00:52:11,210 --> 00:52:13,320
Ich will zurück auf die Konsole zu gehen.

985
00:52:13,320 --> 00:52:19,230
Und was passiert, wenn ich hier gehen
ist bekomme ich eine Art von Fehler.

986
00:52:19,230 --> 00:52:21,660
Es sagt, es gibt keine Methode zu löschen.

987
00:52:21,660 --> 00:52:30,770
>> Also, was es sagt, ist, wenn ich gehe,
zurück zum Code, rief ich Spieler

988
00:52:30,770 --> 00:52:31,870
hier löschen.

989
00:52:31,870 --> 00:52:34,430
Löschen ist eigentlich nicht
der richtige Befehl.

990
00:52:34,430 --> 00:52:39,740
So erfahren Sie, was die richtige Befehl
wird, da ist der Meteor-API.

991
00:52:39,740 --> 00:52:42,680
Die Dokumentation möchte ich Sie darauf hinweisen
Jungs ist nur bei meteor.com.

992
00:52:42,680 --> 00:52:45,190
So habe ich es hier oben.

993
00:52:45,190 --> 00:52:48,510

994
00:52:48,510 --> 00:52:51,370
Das ist nur, damit Sie wissen, Jungs
wo um mehr zu erfahren.

995
00:52:51,370 --> 00:52:54,420
>> Es ist ein Link auf die Dokumentation.

996
00:52:54,420 --> 00:52:59,410
Und im Grunde, kann ich nur
Sie finden zum Löschen.

997
00:52:59,410 --> 00:53:03,220
Und was Sie sehen, löschen
tatsächlich zu entfernen.

998
00:53:03,220 --> 00:53:05,400
Das ist der Befehl,
Ich muss anrufen.

999
00:53:05,400 --> 00:53:09,620
So, jetzt wissen wir, dass, ich werde
dies zu ändern, zu löschen, um zu entfernen.

1000
00:53:09,620 --> 00:53:13,060

1001
00:53:13,060 --> 00:53:18,010
So, jetzt, wenn ich zurück zu meiner Rangliste gehen
Ort, ich werde Sie

1002
00:53:18,010 --> 00:53:19,450
zu löschen, und jetzt bin ich weg.

1003
00:53:19,450 --> 00:53:21,290
Es ist nicht mehr Roger.

1004
00:53:21,290 --> 00:53:25,470
Und ich kann weitermachen Löschen jeder
einzigen Namen, bis ich nichts mehr übrig.

1005
00:53:25,470 --> 00:53:33,600

1006
00:53:33,600 --> 00:53:36,060
>> Das war also eine kleine Vorschau
, wie die Meteor zu verwenden.

1007
00:53:36,060 --> 00:53:38,990

1008
00:53:38,990 --> 00:53:42,380
Sie werden lernen, viel mehr JavaScript
HTML und notwendig, um

1009
00:53:42,380 --> 00:53:46,970
es schöner aussehen, die wir behandeln in
dieser Woche [? Stück?] für HTML gesetzt

1010
00:53:46,970 --> 00:53:49,630
und JavaScript in den nächsten
[? Stück?] eingestellt.

1011
00:53:49,630 --> 00:53:53,150
>> So erhalten Sie nicht besorgt, wenn nicht alle
das Zeug kommt einfach zu Ihnen.

1012
00:53:53,150 --> 00:53:56,410
Es wird die Zeit von By
das endgültige Projekt.

1013
00:53:56,410 --> 00:53:58,030
Vielen Dank für die Ansicht auf.

1014
00:53:58,030 --> 00:54:01,380
Der Link, den ich bald nach Aktualisierung der
Seminar so dass Sie etwas mehr zu sehen

1015
00:54:01,380 --> 00:54:05,630
Beispiele, die ich auf geführt, wie
um die erweiterte Leaderboard

1016
00:54:05,630 --> 00:54:08,640
dass ich auf dieser Webseite hier bei
ein Radikal-leaderboard.meteor.

1017
00:54:08,640 --> 00:54:19,550

1018
00:54:19,550 --> 00:54:21,260
Danke.

1019
00:54:21,260 --> 00:54:22,760
>> [Applaus]

1020
00:54:22,760 --> 00:56:58,070