1
00:00:00,000 --> 00:00:10,632

2
00:00:10,632 --> 00:00:12,340
ALLISON BUCHHOLTZ-AU:
Alle Rechte jedermann.

3
00:00:12,340 --> 00:00:13,520
Willkommen zurück in Abschnitt.

4
00:00:13,520 --> 00:00:15,315
Es ist unsere vorletzte Abschnitt.

5
00:00:15,315 --> 00:00:16,542
Es ist so traurig.

6
00:00:16,542 --> 00:00:19,500
Ich weiß nicht, was ich tun werde,
ohne zu sehen, euch jeden Montag.

7
00:00:19,500 --> 00:00:20,970
Ich denke, wir sollten just--
nur vielleicht könnten wir

8
00:00:20,970 --> 00:00:22,710
Hier treffen sich und ein Abendessen oder so etwas.

9
00:00:22,710 --> 00:00:23,270
Ich weiß nicht.

10
00:00:23,270 --> 00:00:24,370
Ich werde Essen statt zu bringen.

11
00:00:24,370 --> 00:00:26,290
Wir müssen nur zu reden.

12
00:00:26,290 --> 00:00:29,900
Aber ja, wird nächste Woche
unser letzter Abschnitt.

13
00:00:29,900 --> 00:00:32,390
>> In diesem Sinne, haben Sie ein Quiz nächste Woche.

14
00:00:32,390 --> 00:00:35,660
Ich weiß, ich habe vergessen, meine zu tun, wie,
2 Wochen Vorankündigung in der vergangenen Woche,

15
00:00:35,660 --> 00:00:39,140
aber hoffentlich euch
wusste, dass dies kommen.

16
00:00:39,140 --> 00:00:42,880
Hoffentlich ist dies eine der letzten
Mittelklausuren für euch für das Semester.

17
00:00:42,880 --> 00:00:46,950
Aber es geht zu decken alle
Material, das wir über gegangen.

18
00:00:46,950 --> 00:00:50,811
Also es ist nicht so einfach vergessen,
etwa vier Loops oder Variablen.

19
00:00:50,811 --> 00:00:52,560
Weil wir gelernt
diejenigen, die in den Anfang,

20
00:00:52,560 --> 00:00:55,870
das sind offensichtlich
Freiwild für Ihr Quiz.

21
00:00:55,870 --> 00:01:00,150
>> Es wird sein, das gleiche Format, gleiche
Länge, so dass Sie bereits daran gewöhnt.

22
00:01:00,150 --> 00:01:02,330
Es geht um sein
Codierung von Hand Probleme,

23
00:01:02,330 --> 00:01:06,270
vielleicht einige true false,
vielleicht einige kurze Antwort.

24
00:01:06,270 --> 00:01:08,090
Deshalb sollte man sein
mit dem Format vertraut

25
00:01:08,090 --> 00:01:10,940
vor allem wenn Sie nehmen
Die Praxis-Tests.

26
00:01:10,940 --> 00:01:13,950
Aber als ich hier sage, ist es
kumulativen, aber wir sind auf jeden Fall

27
00:01:13,950 --> 00:01:17,410
sein werden, auf die sich
Dinge, von Woche sechs weiter.

28
00:01:17,410 --> 00:01:24,050
Also, wir sind wahrscheinlich nicht
dich fragen, wie viele Bytes

29
00:01:24,050 --> 00:01:26,180
sind in jedem Typ oder
diese Art von Sachen,

30
00:01:26,180 --> 00:01:29,730
aber wir sind wahrscheinlich zu sein
Interesse an Dinge wie verkettete Listen,

31
00:01:29,730 --> 00:01:32,750
oder anderen Datenstrukturen,
oder verschiedene Algorithmen

32
00:01:32,750 --> 00:01:33,960
dass wir gesprochen haben.

33
00:01:33,960 --> 00:01:38,990
So stellen Sie sicher, du bist wirklich
über denen, und wenn Sie

34
00:01:38,990 --> 00:01:41,590
müssen alle Ressourcen,
hier ist jede Menge Ressourcen.

35
00:01:41,590 --> 00:01:44,790
Ich habe gerade Art gab dir
eine kurze Liste gibt.

36
00:01:44,790 --> 00:01:48,330
>> Nächste Woche wird Quiz sein
überprüfen während dieser Zeit.

37
00:01:48,330 --> 00:01:52,290
Also, wenn Sie Fragen haben,
oder spezifischen Themen,

38
00:01:52,290 --> 00:01:56,180
bestimmte Dinge auf dem Quiz,
Sie möchten, übergehen Sie bitte

39
00:01:56,180 --> 00:02:01,780
schickt sie mir vor der Zeit, so kann ich
etwas Material für diese Art der Vorbereitung.

40
00:02:01,780 --> 00:02:06,310
Und zusätzlich zu diesen
Abschnitt Überprüfung, werden wir

41
00:02:06,310 --> 00:02:09,616
Auch werden halten den Kurs weit
prüfen wie wir beim letzten Mal.

42
00:02:09,616 --> 00:02:11,490
Und es wird sein,
von den gleichen Leuten getan.

43
00:02:11,490 --> 00:02:13,030
Ich weiß nicht, ob das
macht es besser oder schlechter,

44
00:02:13,030 --> 00:02:15,670
aber es wird für mich sein,
Hannah, Davan und Gabe wieder.

45
00:02:15,670 --> 00:02:18,630
Also, wenn Sie kommen, sehen wollen
uns alle Geplänkel miteinander

46
00:02:18,630 --> 00:02:21,270
und gehen Sie durch Quiz
Kritik, sollten Sie auf jeden Fall

47
00:02:21,270 --> 00:02:22,600
kommen auch auf diesen kommenden Montag.

48
00:02:22,600 --> 00:02:26,210
So dass Sie einfach nur einen Montag Marmelade
Quiz Kritik, was gut ist verpackt

49
00:02:26,210 --> 00:02:29,840
weil Dienstag dann haben Sie
durch alles zu verarbeiten.

50
00:02:29,840 --> 00:02:32,230
>> Aber auf jeden Fall tun überprüfen
aus diesen Ressourcen.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net ist mit Abstand, I
denken, eine der nützlichsten,

52
00:02:36,030 --> 00:02:37,990
vor allem, weil es
eine Menge von Beispielcode,

53
00:02:37,990 --> 00:02:40,490
sie alle Machtpunkte hat
mit allen Notizen darauf

54
00:02:40,490 --> 00:02:44,510
die sind wirklich das, was ich am meisten zu ziehen
meiner Abschnitt Materialien aus.

55
00:02:44,510 --> 00:02:47,480
Wenn es etwas gibt in früheren
Abschnitte, die ich verschickt habe

56
00:02:47,480 --> 00:02:49,920
dass Sie möglicherweise nicht über
bekommen, lass es mich wissen.

57
00:02:49,920 --> 00:02:52,520
Wie Beispielcode in der vergangenen Woche,
wenn jemand nicht bekommen, dass,

58
00:02:52,520 --> 00:02:55,930
emailen Sie mich einfach an oder kommen mit mir reden,
und ich werde dafür sorgen, dass du das her.

59
00:02:55,930 --> 00:03:02,000
>> Also mit diesem, heute werden wir
zu sein, darüber zu reden JavaScript.

60
00:03:02,000 --> 00:03:04,690
So here we Tommy, wer ich bin
gerade ein Gespräch mit Ihnen letzte Nacht.

61
00:03:04,690 --> 00:03:06,670
Ich liebe Tommy.

62
00:03:06,670 --> 00:03:09,040
JavaScript ist sein Lieblings
Sprache, wie er sagt hier.

63
00:03:09,040 --> 00:03:14,050
Sie werden versuchen und Ihnen sagen, dass es
nicht die beste, und sie werden falsch sein.

64
00:03:14,050 --> 00:03:16,510
So Tommy ist ein JavaScript-Master.

65
00:03:16,510 --> 00:03:19,850
Ich bin an seinem nicht ganz
Ebene, aber ich war wie,

66
00:03:19,850 --> 00:03:22,900
"Tommy, wie kann ich lehren
diese Kinder JavaScript? "

67
00:03:22,900 --> 00:03:26,700
Also habe ich ein paar Tipps, damit
hoffentlich klappt.

68
00:03:26,700 --> 00:03:31,140
>> So ein paar Dinge zu wissen, ist, dass
JavaScript ist eine Client-Side-Scripting-

69
00:03:31,140 --> 00:03:35,560
Sprache, so dass während PHP ist etwas,
dass wir als weitere serverseitige,

70
00:03:35,560 --> 00:03:39,280
es wurde auf den Server hochladen,
zusammengestellt und dort ausgeführt.

71
00:03:39,280 --> 00:03:42,871
Diese Anweisung ausgeführt
auf Ihrem eigenen Rechner.

72
00:03:42,871 --> 00:03:43,370
OK?

73
00:03:43,370 --> 00:03:46,960
So können Sie einige JavaScript-Seite zu laden,
und führt sie auf Ihrem Computer.

74
00:03:46,960 --> 00:03:49,910
Syntax ist sehr ähnlich zu C und PHP.

75
00:03:49,910 --> 00:03:52,490
Wir werden durchgehen
einige Beispiele für JavaScript

76
00:03:52,490 --> 00:03:56,740
und du wirst sehen, dass die
wie wir über Variablen sprechen, Schleifen,

77
00:03:56,740 --> 00:03:58,910
Bedingungen sind alle sehr ähnlich.

78
00:03:58,910 --> 00:04:00,500
OK?

79
00:04:00,500 --> 00:04:04,490
Die Tatsache, dass sie so ähnlich sind, ist
wahrscheinlich zu einigen von euch stolpern

80
00:04:04,490 --> 00:04:08,529
oben, in manchen Fällen nur weil
Sie werden ein wenig von C integrieren

81
00:04:08,529 --> 00:04:09,570
wo es nicht sein sollte.

82
00:04:09,570 --> 00:04:14,130
Vielleicht haben Sie versucht, und geben Sie etwas,
wenn sie werden nicht eingegeben.

83
00:04:14,130 --> 00:04:16,540
>> Und dass, eine Sache,
wissen ist, dass Sie JavaScript

84
00:04:16,540 --> 00:04:19,360
wird ein dynamisch typisierten
Sprache wie PHP.

85
00:04:19,360 --> 00:04:21,410
Also, wenn Sie Jungs erinnern
aus dem Abschnitt in der vergangenen Woche,

86
00:04:21,410 --> 00:04:23,680
wenn wir waren irgendwie tut
unsere PHP-Crashkurs,

87
00:04:23,680 --> 00:04:28,860
wir sahen, wie ein String sein könnte
verwandelte sich in einen int ein, und so weiter.

88
00:04:28,860 --> 00:04:31,650

89
00:04:31,650 --> 00:04:34,850
Die Art der Ihre Variablen
werden zur Laufzeit festgelegt,

90
00:04:34,850 --> 00:04:38,180
so dass sie über ändern
die Laufzeit des Programms,

91
00:04:38,180 --> 00:04:43,109
und in der gleichen Weise, dass wir noch nie
wirklich erklären Typen für PHP-Variablen,

92
00:04:43,109 --> 00:04:45,900
werden wir werden das gleiche tun,
ist hier, wo wir nicht wirklich

93
00:04:45,900 --> 00:04:49,740
Steuern der Arten der Variablen,
so zu sprechen, wie wir es in C tun

94
00:04:49,740 --> 00:04:52,200
>> Und dann eine Sache,
das ist ziemlich cool ist

95
00:04:52,200 --> 00:04:54,090
dass Sie Fehler
überprüfen über die Konsole,

96
00:04:54,090 --> 00:04:57,240
mit diesem großen Funktion
console.log, die

97
00:04:57,240 --> 00:05:00,930
ermöglicht es Ihnen, verschiedene drucken
Variablen oder Objekte, die wir

98
00:05:00,930 --> 00:05:01,750
sprechen.

99
00:05:01,750 --> 00:05:05,720
Genau wie letzte Woche, als ich
wie: "Verwenden Sie diese Funktion," mit dump

100
00:05:05,720 --> 00:05:10,490
von Ihrem pset dies ist eine Funktion,
die Sie verwenden möchten, console.log.

101
00:05:10,490 --> 00:05:12,860
Ich war so überrascht, wie viele
Studenten an der Bürozeiten

102
00:05:12,860 --> 00:05:14,530
wusste nicht, um die Sendefunktion.

103
00:05:14,530 --> 00:05:19,010
Und ich war wie, "Jungs, dieser Wille
machen Ihnen das Leben so viel einfacher. "

104
00:05:19,010 --> 00:05:22,960
>> Na gut, das war also Art
nur eine kurze Sache, wie immer,

105
00:05:22,960 --> 00:05:24,000
Wir haben Beispiele.

106
00:05:24,000 --> 00:05:25,600
Ich weiß, Sie Jungs lieben die.

107
00:05:25,600 --> 00:05:30,930
Also hier ist ein Beispiel für eine sehr
einfache JavaScript-Datei hier.

108
00:05:30,930 --> 00:05:34,000
So ist es nur geht, um zu erstellen
Dieses Pop-up, das sagt,

109
00:05:34,000 --> 00:05:36,336
"Hallo Welt", wenn Sie
geben Sie die Seite, aber wir

110
00:05:36,336 --> 00:05:37,960
versuchen und zu Fuß durch diese ein wenig.

111
00:05:37,960 --> 00:05:43,440
So offensichtlich dies nur
wie Ihr normales index.html.

112
00:05:43,440 --> 00:05:50,280
Also, einfach unsere normale Template hier,
und wir müssen HTML, wir haben unseren Kopf,

113
00:05:50,280 --> 00:05:55,580
und wie bei CSS, wie wir
enthalten einige außerhalb Datei, oder?

114
00:05:55,580 --> 00:05:59,260
Wir haben einige script type
Text, der JavaScript ist.

115
00:05:59,260 --> 00:06:02,680
Und die Quelle hello.js,
Das ist hier unten.

116
00:06:02,680 --> 00:06:05,630
Dies ist die gesamte Datei von hello.js.

117
00:06:05,630 --> 00:06:09,080
Und dann haben wir einige haben
Titel und einige Körper HTML

118
00:06:09,080 --> 00:06:11,050
dass wir nicht wirklich über.

119
00:06:11,050 --> 00:06:15,970
>> Was passiert, ist, wenn wir diese Seite zu laden,
es wird automatisch ausgeführt, dieses Skript.

120
00:06:15,970 --> 00:06:16,470
OK?

121
00:06:16,470 --> 00:06:18,790
So JavaScript wird
automatisch ausgeführt werden.

122
00:06:18,790 --> 00:06:22,860
Also, was es tun wird, es geht
sofort wechseln und dies.

123
00:06:22,860 --> 00:06:24,110
Und es wird sagen: "Alarm.

124
00:06:24,110 --> 00:06:25,190
Hallo Welt. "

125
00:06:25,190 --> 00:06:30,840
Welche Warnung ist die Funktion,
tatsächlich erzeugt dieses Kontrollkästchen.

126
00:06:30,840 --> 00:06:31,540
OK?

127
00:06:31,540 --> 00:06:33,390
Also, es ist irgendwie alles zu umfassen.

128
00:06:33,390 --> 00:06:36,700
Es gibt nichts, wir mussten zusätzliche
um neben nur Alarm zu tun,

129
00:06:36,700 --> 00:06:40,000
und dann, was wir wollten
in unserem Alert-Box.

130
00:06:40,000 --> 00:06:40,500
OK?

131
00:06:40,500 --> 00:06:45,080
Also das ist nur eine super einfach
Beispiel dafür, was JavaScript fähig sind.

132
00:06:45,080 --> 00:06:48,110

133
00:06:48,110 --> 00:06:50,070
>> Einer der wirklich cool
Dinge, wie wir sehen werden,

134
00:06:50,070 --> 00:06:55,150
ist, dass JavaScript können Sie
um Ihre Web-Seiten zu manipulieren,

135
00:06:55,150 --> 00:06:57,720
ohne
laden sie jedes Mal.

136
00:06:57,720 --> 00:07:01,830
Also, wenn Sie zum Beispiel want-- wenn
Sie über etwas schweben,

137
00:07:01,830 --> 00:07:04,300
wenn euch jemals
gesehen wie Menüleisten,

138
00:07:04,300 --> 00:07:07,360
oder wenn Sie über einige schweben
Thema, erscheint ein Auswahlmenü,

139
00:07:07,360 --> 00:07:08,670
das ist, weil von JavaScript.

140
00:07:08,670 --> 00:07:09,170
OK?

141
00:07:09,170 --> 00:07:12,670
So dass Sie nicht Neuladen der gesamten
Seite zu ankommen dieses Menü zu zeigen,

142
00:07:12,670 --> 00:07:17,240
Sie gerade auf der Suche nach einem spezifischen
Aktion, die der Benutzer gefunden hat,

143
00:07:17,240 --> 00:07:21,800
die Ereignisse genannt, die wir bekommen werden
in, und wenn Sie sehen, dass, sagen Sie,

144
00:07:21,800 --> 00:07:25,960
"OK, bearbeiten etwas auf diese
Seite und machen es anders aussehen,

145
00:07:25,960 --> 00:07:28,270
sondern nur diese spezifischen Dinge zu bearbeiten.

146
00:07:28,270 --> 00:07:29,690
Laden Sie nicht, die ganze Sache. "

147
00:07:29,690 --> 00:07:33,110
So ist es eigentlich viel schöner, und
müssen Sie nicht auf Ihre Seiten neu zu laden,

148
00:07:33,110 --> 00:07:34,510
und es ist wirklich cool.

149
00:07:34,510 --> 00:07:38,270
>> So Variablendeklarationen,
schauen Sie sich die Art zu sehen,

150
00:07:38,270 --> 00:07:40,530
Ich ganz oben in der hier lose typisiert.

151
00:07:40,530 --> 00:07:42,570
Also das ist sehr ähnlich wie PHP.

152
00:07:42,570 --> 00:07:48,770
Wir brauchen nicht zu sagen,
JavaScript Was Typ sind wir

153
00:07:48,770 --> 00:07:50,740
erwartet jede dieser Variablen ist.

154
00:07:50,740 --> 00:07:52,560
Sie können sein, was Typen wir wollen.

155
00:07:52,560 --> 00:07:57,480
So dass Sie in diesem Fall feststellen, erklären wir
sie sehr einfach, nur mit "var"

156
00:07:57,480 --> 00:08:00,990
und dann, was wir wollen
unsere Variablennamen sein.

157
00:08:00,990 --> 00:08:05,680
Eine Sache zu beachten ist, dass, wenn Sie
setzen var vor einem Variablennamen,

158
00:08:05,680 --> 00:08:07,520
lokal Tive es.

159
00:08:07,520 --> 00:08:09,320
OK?

160
00:08:09,320 --> 00:08:14,025
Es ist völlig angemessen für Sie
vollständig nur löschen Sie die var

161
00:08:14,025 --> 00:08:18,970
und nur noch s entspricht CS50 und
das wäre nur eine globale Variable sein.

162
00:08:18,970 --> 00:08:19,580
OK?

163
00:08:19,580 --> 00:08:22,490
So können Sie es initialisieren in beide Richtungen,
nur darauf an, wie Sie es wollen.

164
00:08:22,490 --> 00:08:24,448
Also, wenn Sie die Initialisierung sind
es in einer Funktion,

165
00:08:24,448 --> 00:08:28,070
und Sie diese Variable zu wollen
bleiben innerhalb dieser Funktion Gültigkeitsbereich,

166
00:08:28,070 --> 00:08:31,620
Sie gehen zu wollen, sind
so etwas wie var nennen eine Variable,

167
00:08:31,620 --> 00:08:34,270
gegenüber, wenn Sie es wollen
Bereiche, und Sie

168
00:08:34,270 --> 00:08:36,240
kann nur tun, den Namen
die Variable und dann

169
00:08:36,240 --> 00:08:38,270
was auch immer Sie möchten es auf gleich.

170
00:08:38,270 --> 00:08:40,230
OK?

171
00:08:40,230 --> 00:08:45,580
>> Das ist irgendwie cool, was hier unten,
denn wenn wir unsere variablen merken

172
00:08:45,580 --> 00:08:47,590
b beginnt als wahr.

173
00:08:47,590 --> 00:08:51,280
Und was diese does-- können
mir jemand sagen was das bedeutet?

174
00:08:51,280 --> 00:08:54,190

175
00:08:54,190 --> 00:08:55,890
Wir haben also eine Benachrichtigung.

176
00:08:55,890 --> 00:09:00,156
Was wäre der b geben
sein am Anfang?

177
00:09:00,156 --> 00:09:00,905
ZIELGRUPPE: Boolean.

178
00:09:00,905 --> 00:09:01,330
ALLISON BUCHHOLTZ-AU: Boolean.

179
00:09:01,330 --> 00:09:01,940
Richtig.

180
00:09:01,940 --> 00:09:07,260
Und dann haben wir weisen Sie b
Dieser Saite, nicht wahr?

181
00:09:07,260 --> 00:09:11,170
Also hier, welche Art von b sein?

182
00:09:11,170 --> 00:09:12,480
Es wäre ein String sein, nicht wahr?

183
00:09:12,480 --> 00:09:14,900
Also, was ist wichtig,
Hinweis ist, dass in c, wir

184
00:09:14,900 --> 00:09:17,330
könnte fast nie tun
so ähnlich.

185
00:09:17,330 --> 00:09:22,000
Wir müssten eine Variable haben,
warf es als etwas anderes,

186
00:09:22,000 --> 00:09:27,185
vielleicht tun einige Funktion mit zwei
i, gehen aus einer Charge in eine Ganzzahl.

187
00:09:27,185 --> 00:09:31,063
Aber wenn wir bemerken hier, b
sehr leicht verändert geben.

188
00:09:31,063 --> 00:09:33,760
>> ZIELGRUPPE: Warten Sie, so können Sie nur
sein wie: "machen b eine ganze Zahl?"

189
00:09:33,760 --> 00:09:34,360
>> ALLISON BUCHHOLTZ-AU: Ja.

190
00:09:34,360 --> 00:09:36,185
Sie können einfach neu zuweisen b in eine Ganzzahl.

191
00:09:36,185 --> 00:09:36,910
>> ZIELGRUPPE: Wirklich?

192
00:09:36,910 --> 00:09:38,035
>> ALLISON BUCHHOLTZ-AU: Ja.

193
00:09:38,035 --> 00:09:39,810
Und dann wäre es ein int sein.

194
00:09:39,810 --> 00:09:43,820
So Ihre Variablen können über ändern
die Laufzeit des Programms zu.

195
00:09:43,820 --> 00:09:46,410
Sie sind nicht streng typisiert.

196
00:09:46,410 --> 00:09:49,180
Es ist sehr lose typisiert.

197
00:09:49,180 --> 00:09:50,820
OK?

198
00:09:50,820 --> 00:09:54,820
Grundsätzlich Ihre Variablen können tun, was
sie wollen, wie wir irgendwie sah mit PHP.

199
00:09:54,820 --> 00:09:59,430
Sie können einige verrückte Dinge zu tun, so
es ist wichtig, ziemlich vorsichtig.

200
00:09:59,430 --> 00:10:01,200
Benennen Sie Ihre Variablen auch.

201
00:10:01,200 --> 00:10:03,450
Wenn Sie nicht, mit einem Mal alles tun,
wirst du aussehen,

202
00:10:03,450 --> 00:10:05,783
"Warte, ich dachte, das war ein
String, und jetzt ist es ein int,

203
00:10:05,783 --> 00:10:08,170
und ich bin mir nicht sicher
was ist denn hier los. "

204
00:10:08,170 --> 00:10:12,410
Also das ist nur ein einfaches Beispiel
die zeigen, wie eine Variable kann leicht

205
00:10:12,410 --> 00:10:15,890
die Änderung des Typs über
der Verlauf eines Programms.

206
00:10:15,890 --> 00:10:16,870
>> OK.

207
00:10:16,870 --> 00:10:19,200
Also das aussehen sollte
super, super vertraut.

208
00:10:19,200 --> 00:10:21,510
Das sind unsere Schleifen in JavaScript.

209
00:10:21,510 --> 00:10:27,780
Es sind genau die gleichen, außer für
statt vier int i gleich Null ist,

210
00:10:27,780 --> 00:10:30,470
wir könnten einfach sagen var i gleich Null ist.

211
00:10:30,470 --> 00:10:34,100
Und dann haben wir unsere dieselbe Art haben könnte
der Bedingung, dieselbe Art von Update,

212
00:10:34,100 --> 00:10:36,090
i plus plus funktioniert prima.

213
00:10:36,090 --> 00:10:39,800
So fours gleich sind,
whiles gleich sind,

214
00:10:39,800 --> 00:10:41,440
und tun whiles sind genau die gleichen.

215
00:10:41,440 --> 00:10:44,070
Gleiche Art von allgemeinen Format.

216
00:10:44,070 --> 00:10:48,840
Wir stellen fest, vier, Klammern,
Klammern, es ist alles das gleiche.

217
00:10:48,840 --> 00:10:51,470
Auch wird es ein Semikolon sein
wenn wir zu Beispiel-Code.

218
00:10:51,470 --> 00:10:55,250
Du wirst sehen, es ist ziemlich
das gleiche wie c.

219
00:10:55,250 --> 00:10:59,770
>> Für Funktionsdeklarationen,
wieder, sehr ähnlich.

220
00:10:59,770 --> 00:11:05,100
Wir haben eine Funktion, die gerade
sagt, dass es eine Funktion, und dann

221
00:11:05,100 --> 00:11:07,660
der Name unseres
Funktion und die Eingänge.

222
00:11:07,660 --> 00:11:11,590
Und wieder, wenn wir feststellen, wir
Es ist kein Arten hier auch immer.

223
00:11:11,590 --> 00:11:12,090
Richtig?

224
00:11:12,090 --> 00:11:18,150
Wir haben nichts zu sagen, dass diese
müssen ints oder Doppelzimmer, oder Schwimmer sein.

225
00:11:18,150 --> 00:11:19,530
Sie konnten sein, was sie wollen.

226
00:11:19,530 --> 00:11:23,560
Wichtig ist zu bemerken, dass
müssen wir die Funktion vorher zu schreiben

227
00:11:23,560 --> 00:11:26,430
JavaScript wissen zu lassen,
dies ist eigentlich eine Funktion.

228
00:11:26,430 --> 00:11:29,820
>> Das ist also nur einige einfache Summe
Funktion, x oder y gibt,

229
00:11:29,820 --> 00:11:33,800
und dann, was auch cool
ist, dass man tatsächlich

230
00:11:33,800 --> 00:11:35,950
Zuweisen einer Funktion einer Variablen zu.

231
00:11:35,950 --> 00:11:41,770
So dass in diesem Fall nun die Summe
Funktion, die tatsächlich Summe.

232
00:11:41,770 --> 00:11:47,740
Also, wenn Sie hier bemerken, haben wir
Funktion Name Funktion Eingänge.

233
00:11:47,740 --> 00:11:48,860
Richtig?

234
00:11:48,860 --> 00:11:52,120
Hier haben wir nur Funktion und Eingänge.

235
00:11:52,120 --> 00:11:54,310
So spricht man eine anonyme Funktion.

236
00:11:54,310 --> 00:11:59,265
Und das ist etwas, was neu sein sollte
die meisten von euch, wenn nicht alle von euch.

237
00:11:59,265 --> 00:12:01,140
Also im Grunde, was das
Mittel ist, dass wir nicht

238
00:12:01,140 --> 00:12:03,050
müssen Name unseres
Funktion in diesem Fall.

239
00:12:03,050 --> 00:12:06,260
Wir können nur sagen: "OK, ich bin zu gehen
haben diese Funktion, die ausgeführt wird, hier

240
00:12:06,260 --> 00:12:08,550
sind die Eingänge, und hier ist
was es tun wird. "

241
00:12:08,550 --> 00:12:12,540
Und vor allem, wenn Sie die Zuordnung sind
eine Funktion, um einer Variablen

242
00:12:12,540 --> 00:12:14,950
dass Sie gehen zu manipulieren sind,
Sie nicht unbedingt tun,

243
00:12:14,950 --> 00:12:17,116
müssen es denn nennen
du gehst zu meinst

244
00:12:17,116 --> 00:12:20,990
ihr durch diese variable
Name, nicht von was auch immer

245
00:12:20,990 --> 00:12:22,840
die Funktion hieß eigentlich.

246
00:12:22,840 --> 00:12:23,550
OK?

247
00:12:23,550 --> 00:12:27,810
>> Also, wenn wir hier sehen, werden wir
haben einige variable Summe jetzt

248
00:12:27,810 --> 00:12:30,920
, die gleich der
Summe von drei und fünf.

249
00:12:30,920 --> 00:12:33,070
Und wir würden dieses.

250
00:12:33,070 --> 00:12:36,750
Und das wäre nur eine gewisse Warnung,
drei plus fünf ist gleich der Anzahl.

251
00:12:36,750 --> 00:12:43,950
Dieses Plus wird einfach verketten
was auch immer unsere Antwort auf die Saite.

252
00:12:43,950 --> 00:12:47,420
Auch cool, plus Strings verketten.

253
00:12:47,420 --> 00:12:53,510
>> Für JavaScript als mit PHP,
HTML, CSS und wie gesagt,

254
00:12:53,510 --> 00:12:56,450
ein großer Teil davon sind wir Art der Einnahme
die Stützräder ab hier

255
00:12:56,450 --> 00:13:02,030
und euch eine Menge Know haben
wie man wirklich verstehen, diese Dinge.

256
00:13:02,030 --> 00:13:04,280
Sie sind etwas anders,
aber sie sind nicht so fremd

257
00:13:04,280 --> 00:13:09,460
und dass man die Dinge nicht Google oder
Suchen Sie sie online mit w3 Schulen.

258
00:13:09,460 --> 00:13:12,755
Und wir wirklich erwarten Sie
Jungs, Art, Experiment

259
00:13:12,755 --> 00:13:14,400
und lernen, auf eigene Faust.

260
00:13:14,400 --> 00:13:19,490
Also, ich weiß, das könnte ein wenig scheinen
weniger gründlich als einige der Dinge, c

261
00:13:19,490 --> 00:13:21,936
wir tun, aber das ist eigentlich für einen Grund.

262
00:13:21,936 --> 00:13:25,060

263
00:13:25,060 --> 00:13:28,470
Aber hoffentlich ist es nicht zu
anders, und es ist nicht überwältigend.

264
00:13:28,470 --> 00:13:31,940
>> So Arrays in JavaScript
wieder sehr, sehr ähnlich.

265
00:13:31,940 --> 00:13:32,460
Richtig?

266
00:13:32,460 --> 00:13:36,520
Wir haben einige Variablen-Array
das ist gleich leer Klammern,

267
00:13:36,520 --> 00:13:40,340
und das ist nur ein leeres Array.

268
00:13:40,340 --> 00:13:43,420
Dies wird häufig als
wörtliche Array-Schreibweise.

269
00:13:43,420 --> 00:13:45,280
Das ist nur eine Sache, die wir es nennen.

270
00:13:45,280 --> 00:13:51,380
Wenn wir sehen, Array beiden hier haben wir einige
wörtliche Array, das drei Elemente hat,

271
00:13:51,380 --> 00:13:51,910
oder?

272
00:13:51,910 --> 00:13:54,640
Und dann haben wir einige haben
var dritte Element, das ist

273
00:13:54,640 --> 00:13:58,060
eine Variable, die gerade ist
werde diese Saite zu halten, JS.

274
00:13:58,060 --> 00:14:01,760

275
00:14:01,760 --> 00:14:06,170
>> Die Elemente, gut zu merken,
werden durch Komma getrennt,

276
00:14:06,170 --> 00:14:07,740
so wie wir es erwarten würden.

277
00:14:07,740 --> 00:14:14,630
Und Sie können auch auf diese, wie wir
in C, mit diesem Index-Schreibweise, oder?

278
00:14:14,630 --> 00:14:16,950
So verschieden von PHP
Jetzt werden wir wieder gehen

279
00:14:16,950 --> 00:14:20,180
um nur eine Art, die sich
die Dinge beim Index.

280
00:14:20,180 --> 00:14:22,189
Genau wie C, es ist auch Null-Index.

281
00:14:22,189 --> 00:14:25,230
Ich habe das Gefühl, es wäre wirklich grausam
wenn sie plötzlich JavaScript ein

282
00:14:25,230 --> 00:14:30,630
Index, und man musste komplett
überdenken, wie Sie Arrays zu denken.

283
00:14:30,630 --> 00:14:36,140
>> Eine coole Sache ist, dass statt
zu müssen, wenn Sie jemals do--

284
00:14:36,140 --> 00:14:39,240
wollte die Länge eines Arrays,
vielleicht haben Sie durchlaufen

285
00:14:39,240 --> 00:14:43,430
bis Sie einige Ende oder
Sie weiß nur, was es ist.

286
00:14:43,430 --> 00:14:49,310
Da JavaScript ist sehr locker in mehr
Möglichkeiten als nur Art, wie wir hier sehen,

287
00:14:49,310 --> 00:14:53,310
wir können einfach dieses Array zu machen
größer, weil wir uns entscheiden,.

288
00:14:53,310 --> 00:14:56,177
Wenn wir feststellen, Array drei
hat drei Dinge, um zu starten,

289
00:14:56,177 --> 00:14:58,510
aber dann ganz plötzlich,
wir sind wie: "Oh, nur ein Scherz.

290
00:14:58,510 --> 00:15:01,370
Wir sind eigentlich vor sich geht
um es zu machen 101 Sachen. "

291
00:15:01,370 --> 00:15:05,300
Also, wenn Sie schon mal in die wissen wollen
tatsächliche Länge des Arrays,

292
00:15:05,300 --> 00:15:06,680
Sie es wie folgt tun.

293
00:15:06,680 --> 00:15:10,470
Und wir werden eine Menge zu sehen
dieser Notation in Beispielen

294
00:15:10,470 --> 00:15:12,730
aber mit JavaScript
es ist in der Regel unabhängig von

295
00:15:12,730 --> 00:15:16,410
Objekt, das du sprichst
dot welcher Art von Funktion

296
00:15:16,410 --> 00:15:17,740
Sie sie angewendet werden sollen.

297
00:15:17,740 --> 00:15:18,240
OK?

298
00:15:18,240 --> 00:15:20,520
>> Also in diesem Fall unsere
Objekt Array zwei,

299
00:15:20,520 --> 00:15:23,470
und wir sagen, wir wollen, dass die
Länge der Reihe zwei.

300
00:15:23,470 --> 00:15:25,716
Also das nur Anrufe wie Länge auf, dass.

301
00:15:25,716 --> 00:15:27,090
Und das wird Ihre Länge zurück.

302
00:15:27,090 --> 00:15:32,610

303
00:15:32,610 --> 00:15:36,790
Auch etwas zu beachten ist,
dass, wenn wir beachten Sie unsere Arrays,

304
00:15:36,790 --> 00:15:39,830
im Gegensatz zu C, die sie nicht haben
um alle vom gleichen Typ sein.

305
00:15:39,830 --> 00:15:41,670
Das ist viel mehr wie PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript ist im Grunde genau wie
Diese interessante Verschmelzung von C und PHP.

307
00:15:45,905 --> 00:15:50,020

308
00:15:50,020 --> 00:15:52,170
Also werden wir in das zu bekommen.

309
00:15:52,170 --> 00:15:56,750
Denn jetzt, lass uns einfach davon ausgehen,
dass Ihre Arrays sind grundsätzlich

310
00:15:56,750 --> 00:16:00,640
wie C-Arrays, dass
sie Null indiziert.

311
00:16:00,640 --> 00:16:04,120
OK, das ist alles.

312
00:16:04,120 --> 00:16:08,850
Sie können auch einfach erweitern ein
Array-Index, was auch immer Sie wollen.

313
00:16:08,850 --> 00:16:14,260
Dies würde wahrscheinlich seg
Verschulden Sie oder geben Ihnen einige Fehler,

314
00:16:14,260 --> 00:16:15,970
JavaScript ist wie: "Nein, es ist in Ordnung.

315
00:16:15,970 --> 00:16:16,620
Ich habe diese.

316
00:16:16,620 --> 00:16:19,460
Wir werden einfach geradeaus
wo Sie wollen. "

317
00:16:19,460 --> 00:16:24,310
>> OK, so dass Objekte sind sehr wichtig.

318
00:16:24,310 --> 00:16:29,720
You guys verwenden werden eine Menge von diesen
in Ihrem P-Set, wenn ich mich richtig erinnere.

319
00:16:29,720 --> 00:16:34,780
Also die Sache, dass es sich
ähnlich wie in C sind Strukturen.

320
00:16:34,780 --> 00:16:39,290
So können Sie sich vorstellen können, wenn about--
gehen wir zum Beispiel rechts

321
00:16:39,290 --> 00:16:41,810
danach Ich denke, es wird
machen viel mehr sense--

322
00:16:41,810 --> 00:16:45,830
aber wir nutzen, um Objekte im Grunde
organisieren natürlich bezogene Informationen.

323
00:16:45,830 --> 00:16:47,780
Wenn wir darüber gesprochen
Strukturen in C, wir oft

324
00:16:47,780 --> 00:16:53,405
sprechen von einem Studenten, der einen Namen hatte,
ID, Haus, weißt du, Konzentration.

325
00:16:53,405 --> 00:16:56,030
Und das ist Art von der gleichen Sache
dass wir Objekte für Sie hier.

326
00:16:56,030 --> 00:16:59,300
Es ist einfach zu organisieren
ähnliche Informationen.

327
00:16:59,300 --> 00:17:03,620
>> Sie können auch von ihnen denken, wie mehr
ähnlich wie Arrays in PHP assoziativ.

328
00:17:03,620 --> 00:17:10,010
So würde Art der Sache sein
wo wir einige Schlüssel mit einem bestimmten Wert,

329
00:17:10,010 --> 00:17:12,859
sehr ähnlich wie PHP.

330
00:17:12,859 --> 00:17:15,780
So können Sie einige initialisieren
leeres Objekt, wie wir hier oben sehen

331
00:17:15,780 --> 00:17:17,390
nur mit geschweiften Klammern.

332
00:17:17,390 --> 00:17:19,160
So Arrays sind in eckigen Klammern.

333
00:17:19,160 --> 00:17:21,220
Leere Objekte sind geschweifte Klammern.

334
00:17:21,220 --> 00:17:24,020
Gute Unterscheidung zu haben.

335
00:17:24,020 --> 00:17:27,319
Und das sind nur zwei verschiedene
Möglichkeiten, um Eigenschaften festzulegen.

336
00:17:27,319 --> 00:17:31,460
So ist diese Art von
viel mehr von einer Weise,

337
00:17:31,460 --> 00:17:35,220
ist ähnlich wie PHP, mit unseren
assoziative Arrays, mit unseren wichtigsten,

338
00:17:35,220 --> 00:17:39,910
und unser Wert, während
dieses ist-- du wirst

339
00:17:39,910 --> 00:17:41,920
sehen diese sehr viel mehr in JavaScript.

340
00:17:41,920 --> 00:17:43,550
Dieser neigt dazu, die Konvention sein.

341
00:17:43,550 --> 00:17:47,660
Und in der gleichen Weise, die wir getan haben
Array zwei Punktlänge, dies zu sagen,

342
00:17:47,660 --> 00:17:51,580
"OK, gib mir dieses
Attribut dieses Objekts. "

343
00:17:51,580 --> 00:17:52,110
Richtig?

344
00:17:52,110 --> 00:17:55,660
So ist die gleiche Art und Weise, es war wie, "geben Sie mir
das Attribut Länge Array zwei "

345
00:17:55,660 --> 00:17:59,970
Diese sagt: "gib mir etwas
Eigentum unserer leeres Objekt. "

346
00:17:59,970 --> 00:18:02,890
Oder in diesem Fall sind wir
Zuordnung zu einem bestimmten Wert hier.

347
00:18:02,890 --> 00:18:06,200
Aber man konnte auch auf das so.

348
00:18:06,200 --> 00:18:09,090
>> Und hier ist das nur
die zwei verschiedene Warnungen.

349
00:18:09,090 --> 00:18:12,320
So würde dies die Warnungen zeigen
würde genau die gleiche sein,

350
00:18:12,320 --> 00:18:17,150
es ist nur zwei verschiedene Arten,
Zugriff auf das Element, das wir wollen.

351
00:18:17,150 --> 00:18:19,552
Heißt das sinnvoll sein, alle?

352
00:18:19,552 --> 00:18:21,510
Ich fühle mich wie dieser
wahrscheinlich sinnvoller,

353
00:18:21,510 --> 00:18:23,270
nur weil wir sind weg von PHP kommen.

354
00:18:23,270 --> 00:18:26,400
Aber wie wir mehr Beispiele, diese
buchstäblich genau das gleiche.

355
00:18:26,400 --> 00:18:28,170
Vieles davon wird ändern Sie einfach in der Syntax.

356
00:18:28,170 --> 00:18:30,710

357
00:18:30,710 --> 00:18:33,030
>> OK, also Beispiele.

358
00:18:33,030 --> 00:18:34,180
Ich liebe Beispiele.

359
00:18:34,180 --> 00:18:40,070
So, hier ist einige CS50
Variable, die ein Objekt ist,

360
00:18:40,070 --> 00:18:42,160
und speichern wir alles
Informationen über sie.

361
00:18:42,160 --> 00:18:46,680
So haben wir natürlich Lehrer,
tfs, psets und abgeklebt.

362
00:18:46,680 --> 00:18:51,840
So bemerken wir, das sind fast
alle verschiedenen Typen.

363
00:18:51,840 --> 00:18:52,340
Richtig?

364
00:18:52,340 --> 00:18:56,230
So können Objekte speichern
Attribute von verschiedenen Typen.

365
00:18:56,230 --> 00:19:01,220
Wir denken kann this-- es sehr
ähnlich wie unsere assoziativen Array in PHP.

366
00:19:01,220 --> 00:19:07,470
So Schlüssel, Wert, Schlüssel, Wert,
Schlüssel, Wert, so weiter und so fort.

367
00:19:07,470 --> 00:19:11,230
Was ebenfalls in der gleichen Weise interessant
dass wir Arrays in Arrays,

368
00:19:11,230 --> 00:19:14,690
wir können auch Objekte innerhalb haben
Objekte oder Anordnungen innerhalb von Objekten.

369
00:19:14,690 --> 00:19:18,410
Du bist nie wirklich beschränkt
nur ein einziger der Dinge.

370
00:19:18,410 --> 00:19:24,220
Wir können sehr Inceptionesque bekommen, nur
fahren Sie in den Kaninchenbau gibt.

371
00:19:24,220 --> 00:19:26,080
>> Also, wenn wir merken, wir
haben einige natürlich, dass

372
00:19:26,080 --> 00:19:31,120
ist eine Zeichenfolge, Lehrer, die ein String ist,
und Array ein int und ein Boolean.

373
00:19:31,120 --> 00:19:36,110
Also all diese verschiedenen Dinge.

374
00:19:36,110 --> 00:19:39,600
>> Na gut, so haben wir einen anderen.

375
00:19:39,600 --> 00:19:42,930
Also in diesem Fall, wir haben
eine Anordnung von Gegenständen.

376
00:19:42,930 --> 00:19:45,320
Also nur ein Objekt gern
kann ein Array darin haben.

377
00:19:45,320 --> 00:19:47,210
Wir können auch eine Reihe von Objekten.

378
00:19:47,210 --> 00:19:51,250
Das kann sinnvoll sein
denken über ähnliche Art

379
00:19:51,250 --> 00:19:54,260
wie wir hatten eine Hash-
Tisch, wir hatten eine Reihe

380
00:19:54,260 --> 00:19:56,220
all dieser verschiedenen
Arten von Strukturen, dass

381
00:19:56,220 --> 00:19:59,070
waren Hinweise auf verschiedene
Knoten und so weiter.

382
00:19:59,070 --> 00:20:01,420
Aber in diesem Fall haben wir
haben eine Reihe von Objekten.

383
00:20:01,420 --> 00:20:04,890
Also das ist wie ein Array
von assoziativen Arrays.

384
00:20:04,890 --> 00:20:09,430
Also haben wir eine erste Element hätte
ist das Objekt mit dem Namen James

385
00:20:09,430 --> 00:20:11,340
und beherbergen Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Ihr habt vielleicht noch erinnern
etwas sehr ähnlich wie diese

387
00:20:14,780 --> 00:20:21,710
mit Ihrem letzten pset, wo, wenn Sie
zog etwas aus Ihrer Datenbank,

388
00:20:21,710 --> 00:20:24,480
die erste Art von
Sache in Ihrem Array war

389
00:20:24,480 --> 00:20:27,110
alle Informationen, die über
der erste Benutzer, die es traf,

390
00:20:27,110 --> 00:20:30,765
und dann musste man Index in die
ihre Lager oder deren Cache erhalten

391
00:20:30,765 --> 00:20:32,110
oder was nicht alles.

392
00:20:32,110 --> 00:20:34,620
Also das ist sehr ähnlich
Sache, nur eine kleine Veränderung

393
00:20:34,620 --> 00:20:39,570
in der Syntax, wenig Änderung
die Worte, mit denen wir sie zu beschreiben.

394
00:20:39,570 --> 00:20:45,960
>> Also, wenn wir wollten, kann mir jemand sagen
mir, was diese Warnung wäre hier zu tun?

395
00:20:45,960 --> 00:20:48,780
Oder was dieses Stück
Code wäre für uns tun?

396
00:20:48,780 --> 00:20:50,992

397
00:20:50,992 --> 00:20:52,616
ZIELGRUPPE: Es gebe Ihnen alle Namen.

398
00:20:52,616 --> 00:20:54,900
ALLISON BUCHHOLTZ-AU: Ja, so ist es
wäre nur mit allen Namen warnen

399
00:20:54,900 --> 00:20:57,960
weil es durch zu gehen
Ferienhaus i, so dass es würde bei Null zu beginnen.

400
00:20:57,960 --> 00:21:01,330
Also würde es zu sagen, OK Wir suchen
an diesem ersten Objekt, das

401
00:21:01,330 --> 00:21:03,210
ist der erste Schlitz in unser Angebot.

402
00:21:03,210 --> 00:21:06,900
Und er sagt, "mir die
zuschreiben, den Namen des Objekts. "

403
00:21:06,900 --> 00:21:09,030
Also haben wir hier gehen, würden wir
Scan, wir würden Namen zu finden,

404
00:21:09,030 --> 00:21:11,340
und wir würden ausdrucken
James, Molly und Carl.

405
00:21:11,340 --> 00:21:14,410

406
00:21:14,410 --> 00:21:15,799
Haben Sie Fragen so weit?

407
00:21:15,799 --> 00:21:17,590
JavaScript leider
wirst du sein wirst

408
00:21:17,590 --> 00:21:20,950
tun eine Menge blickte auf Ihrem
eigenen, herauszufinden, die Syntax,

409
00:21:20,950 --> 00:21:21,910
Auseinandersetzung mit ihm.

410
00:21:21,910 --> 00:21:25,870
Aber natürlich bin ich immer hier,
Bürozeiten sind immer hier.

411
00:21:25,870 --> 00:21:28,260
Ich könnte am Dienstag dieser Woche.

412
00:21:28,260 --> 00:21:31,050
Also, wenn Sie dort sind, können Sie
besuchen Sie mich in dieser Woche.

413
00:21:31,050 --> 00:21:32,470
Es wäre großartig.

414
00:21:32,470 --> 00:21:36,260
>> OK, also DOM Document-Object Model.

415
00:21:36,260 --> 00:21:38,900
Also das ist nur ein Weg,
dass wir gerne glauben,

416
00:21:38,900 --> 00:21:45,720
darüber, wie unsere HTML und alles
in ihm organisiert.

417
00:21:45,720 --> 00:21:49,930
Das ist sehr, etwas, das
wird wahrscheinlich kommen auf dem Quiz.

418
00:21:49,930 --> 00:21:58,150
Ich weiß, mein Jahr, es war wie hier,
HTML-Datei, füllen Sie das DOM dafür.

419
00:21:58,150 --> 00:21:59,770
Und Sie füllen Sie einfach Kleinigkeiten.

420
00:21:59,770 --> 00:22:01,500
Diese sollten einfach Punkte hoffentlich.

421
00:22:01,500 --> 00:22:03,450
Hoffentlich werden Sie see--

422
00:22:03,450 --> 00:22:04,590
>> ZIELGRUPPE: [unverständlich]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON BUCHHOLTZ-AU: So
Sie sehen diesen Baum hier?

424
00:22:06,660 --> 00:22:07,200
>> ZIELGRUPPE: Ja.

425
00:22:07,200 --> 00:22:08,949
>> ALLISON BUCHHOLTZ-AU:
So dass sie den Einsatz fragen

426
00:22:08,949 --> 00:22:11,750
zu füllen, was unter dem Körper geht.

427
00:22:11,750 --> 00:22:15,770
Vielleicht unter dem Körper, haben wir einige
divs oder wir haben einige Absätze,

428
00:22:15,770 --> 00:22:19,160
und wir werden Sie bitten, füllen
ein Baum sehr ähnlich wie diese.

429
00:22:19,160 --> 00:22:21,440
Also werden wir gehen werden, durch sie.

430
00:22:21,440 --> 00:22:26,120
Also das Document-Objekt
Modell ist nur ein Weg

431
00:22:26,120 --> 00:22:31,240
zu strukturieren und zu denken,
über unsere HTML grafisch.

432
00:22:31,240 --> 00:22:33,860

433
00:22:33,860 --> 00:22:35,840
Und auch wenn wir
in mehr JavaScript

434
00:22:35,840 --> 00:22:37,640
es wird das sein,
so dass wir tatsächlich

435
00:22:37,640 --> 00:22:39,990
verschiedene manipulieren
Elemente auf der Seite.

436
00:22:39,990 --> 00:22:43,980
Wir müssen einen Weg finden, jeder Zugriff
von dem, was in unserem HTML,

437
00:22:43,980 --> 00:22:48,050
und so gibt uns eine sehr
Beton standardisiert

438
00:22:48,050 --> 00:22:51,010
über verschiedene Web-Seiten zu tun.

439
00:22:51,010 --> 00:22:53,440
>> Also, wenn wir nur zu Fuß durch
dies hier natürlich

440
00:22:53,440 --> 00:22:56,790
unser Dokument ist wie unsere gesamte Datei.

441
00:22:56,790 --> 00:22:59,350
Das offensichtlich sinnvoll
dass es das Höchste,

442
00:22:59,350 --> 00:23:03,520
und dann haben wir unsere aktuellen HTML,
das entspricht diesem Tag hier.

443
00:23:03,520 --> 00:23:08,480
Auch wenn Sie in Ihrem Gedankenstrich Tags
richtig, dann die Schaffung dieser DOM-Baum

444
00:23:08,480 --> 00:23:10,530
wird super einfach.

445
00:23:10,530 --> 00:23:12,400
Also haben wir etwas den Kopf hier.

446
00:23:12,400 --> 00:23:15,780
Wir haben einige Körper,
wir sehen, stammen aus der HTML,

447
00:23:15,780 --> 00:23:18,530
weshalb wir haben Kopf und Körper.

448
00:23:18,530 --> 00:23:22,880
Im Kopf gibt es einige
Titel-Tag, ein Ende Titel-Tag,

449
00:23:22,880 --> 00:23:24,570
so dass wir wissen, dass nach dem Kopf geht.

450
00:23:24,570 --> 00:23:28,040
Und in unserem Titel-Tag,
haben wir hallo, Welt.

451
00:23:28,040 --> 00:23:28,740
OK?

452
00:23:28,740 --> 00:23:31,311
Also das ist die ganze linke Ast.

453
00:23:31,311 --> 00:23:34,060
Und dann für die rechte Hand Zweig
Hier sehen wir, dass wir HTML,

454
00:23:34,060 --> 00:23:38,680
OK haben wir diese Kopfteil durchgeführt,
wir sind nur am Körper suchen,

455
00:23:38,680 --> 00:23:40,670
also haben wir etwas Körperbereich.

456
00:23:40,670 --> 00:23:44,350
Und darin, die einzige
was wir haben, ist Hallo, Welt.

457
00:23:44,350 --> 00:23:45,090
OK?

458
00:23:45,090 --> 00:23:54,130
Wenn wir Dinge wie gehabt
einige Halterung p und dann

459
00:23:54,130 --> 00:23:57,500
Hallo, Welt, und dann noch
Halterung p der auf Wiedersehen, Welt,

460
00:23:57,500 --> 00:24:00,080
wir würden zwei Blasen haben
kommen aus hier.

461
00:24:00,080 --> 00:24:05,550
Weil sie sowohl unter dem Körper, aber
sie getrennte Absätze dieser Fall.

462
00:24:05,550 --> 00:24:11,520
Es ist auf jeden Fall der Praxis
auf die in früheren Tests,

463
00:24:11,520 --> 00:24:14,570
sowie zahlreiche Online auf sie.

464
00:24:14,570 --> 00:24:18,260
OK so, nur können Sie diese
wir sehen, alles schön

465
00:24:18,260 --> 00:24:20,810
und zu manipulieren, Dinge
sehr systematisch.

466
00:24:20,810 --> 00:24:21,340
OK?

467
00:24:21,340 --> 00:24:23,640
Wir wissen genau, wie man
durchqueren, durch diesen Baum,

468
00:24:23,640 --> 00:24:26,910
so dass wir wissen, was wir zugreifen wollen.

469
00:24:26,910 --> 00:24:31,690
>> OK, so ist dies, warum wir wollen,
, diese Art von Modell haben,

470
00:24:31,690 --> 00:24:35,190
so dass wir Dinge wie diese zu verwenden,
und wir verstehen, was sie bedeuten,

471
00:24:35,190 --> 00:24:38,370
und sie sind standardisiert
über alle Dinge, die wir tun.

472
00:24:38,370 --> 00:24:45,900
So Dokument dot Titel ist nur
der Titel our-- alle diese

473
00:24:45,900 --> 00:24:48,960
sind ziemlich selbsterklärend,
Ich mag den Gedanken.

474
00:24:48,960 --> 00:24:51,660
Also die ersten drei
Beispiele sind nur zu sagen,

475
00:24:51,660 --> 00:24:54,770
"Okay, gib mir nur die
Titel dieser Web-Seite. "

476
00:24:54,770 --> 00:24:58,030
So wird es dir geben, was
entspricht der Titel.

477
00:24:58,030 --> 00:25:01,880
>> Document dot Körper wird dir geben
was auch immer in diesen Body-Tags.

478
00:25:01,880 --> 00:25:03,240
So können Sie zu manipulieren, dass.

479
00:25:03,240 --> 00:25:07,820
Und Dokumenten dot dot Körper
Geben HTML ist eine sehr coole eine,

480
00:25:07,820 --> 00:25:11,660
und vielleicht ist nicht wie super
intuitiv, aber der innere HTML

481
00:25:11,660 --> 00:25:13,740
entspricht dieser genau hier.

482
00:25:13,740 --> 00:25:17,410
Also, wenn Sie schon immer einmal
bearbeiten Sie den Text auf einer Seite,

483
00:25:17,410 --> 00:25:22,700
normalerweise Sie gehen zu tun
etwas mit dem Körper dot Innen HTML.

484
00:25:22,700 --> 00:25:23,820
OK?

485
00:25:23,820 --> 00:25:31,341
So inneren HTML neigt dazu, zu beziehen
was tatsächlich zwischen diesen Tags.

486
00:25:31,341 --> 00:25:31,840
OK?

487
00:25:31,840 --> 00:25:33,020
Und dann nützliche Funktionen.

488
00:25:33,020 --> 00:25:40,390
Also, wenn Sie wollen bekommen
jede von diesen, irgendein Element,

489
00:25:40,390 --> 00:25:43,140
wir haben einige Id, Klasse
Name oder Tag-Namen.

490
00:25:43,140 --> 00:25:47,100
Dies ist sehr ähnlich
Dinge, die wir mit CSS, nicht wahr?

491
00:25:47,100 --> 00:25:51,360
Wo wir einige Selektoren,
entsprechen entweder einem Tag, einer Klasse

492
00:25:51,360 --> 00:25:53,800
dass wir ihnen, oder eine ID.

493
00:25:53,800 --> 00:25:55,310
Dies ist sehr wesentlich die gleiche Weise.

494
00:25:55,310 --> 00:26:00,720
Wenn Sie etwas haben, dass
hat etwas Kategorie des Hundes,

495
00:26:00,720 --> 00:26:05,800
und Sie sagen zu Elementen von Tag-Namen,
und Sie setzen Hund in sind-- oder traurig,

496
00:26:05,800 --> 00:26:06,610
Klassennamen.

497
00:26:06,610 --> 00:26:07,770
Sie können Punkt in es gesetzt.

498
00:26:07,770 --> 00:26:11,780
Es wird all jene zurück
Elemente, die Sie, die diese Klasse haben.

499
00:26:11,780 --> 00:26:13,880
So dass Sie nur diejenigen manipulieren kann.

500
00:26:13,880 --> 00:26:18,430
Auf dieselbe Weise, vielleicht gerade
wollen einige Header manipulieren, so

501
00:26:18,430 --> 00:26:20,980
einige h1 Header, so wie wir.

502
00:26:20,980 --> 00:26:24,900
Sie können tun, um Elemente nach Tag
zu nennen, weil h1 ist eine Tag-Namen.

503
00:26:24,900 --> 00:26:29,270
Und in der gleichen Weise, wenn Sie wollen, um
einige einzigartige Sache, die Sie get-Tag tun können.

504
00:26:29,270 --> 00:26:31,100
Holen Element Id.

505
00:26:31,100 --> 00:26:32,710
Und sie sind tatsächlich viele von ihnen.

506
00:26:32,710 --> 00:26:36,300
Dies sind nur drei der wie sehr viele.

507
00:26:36,300 --> 00:26:39,600
Also, wenn Sie online gehen, wie
Ich werde ermutigen

508
00:26:39,600 --> 00:26:45,342
was Sie tun, und tun einige
Forschung auf eigene Faust,

509
00:26:45,342 --> 00:26:48,450
Ich empfehle auf jeden Fall
Suche in allen von ihnen.

510
00:26:48,450 --> 00:26:50,880
Sie konnten Super sein
nützlich, insbesondere, wenn

511
00:26:50,880 --> 00:26:57,180
Sie nur irgendwie zu manipulieren wollen
ganz bestimmte Dinge, ohne

512
00:26:57,180 --> 00:27:00,390
um durch zu gehen und zu versuchen
zu analysieren, alles.

513
00:27:00,390 --> 00:27:03,540
>> OK, so dass das letzte, was
ist Javascript Veranstaltungen.

514
00:27:03,540 --> 00:27:10,730
So, als ich vorhin gesprochen
über das Gehen auf eine Website,

515
00:27:10,730 --> 00:27:14,340
und wenn Sie den Mauszeiger über etwas,
oder Ihre Maus über etwas,

516
00:27:14,340 --> 00:27:15,420
etwas anderes passiert.

517
00:27:15,420 --> 00:27:17,900
Dies ist, was wir möchten
denken Sie als Ereignis.

518
00:27:17,900 --> 00:27:23,970
Also, was wir haben, dass die Macht
hilfreich sein, hier ist onclick.

519
00:27:23,970 --> 00:27:29,140
So war mir auf schweben, die, wie ich bin
ziemlich sicher, dass, nur auf schweben.

520
00:27:29,140 --> 00:27:31,300
Auch eine Menge von diesen
dass Sie suchen können.

521
00:27:31,300 --> 00:27:34,340
Es gibt eine ganze Liste Online
der verschiedene Dinge

522
00:27:34,340 --> 00:27:37,130
dass Sie hören können.

523
00:27:37,130 --> 00:27:41,220
>> Aber JavaScript Ereignisse
im Grunde nur der Reaktion auf Dinge

524
00:27:41,220 --> 00:27:42,430
dass Ihr Benutzer tut.

525
00:27:42,430 --> 00:27:42,930
Richtig?

526
00:27:42,930 --> 00:27:45,220
Also Ihren Benutzer tut
etwas, das ist ein Ereignis,

527
00:27:45,220 --> 00:27:48,340
und JavaScript reagieren
aber Sie möchten es.

528
00:27:48,340 --> 00:27:49,770
Es wird entsprechend reagieren.

529
00:27:49,770 --> 00:27:54,630
Also in diesem Fall, wir haben
einige Fenster dot onload.

530
00:27:54,630 --> 00:27:57,170
Also, was sagt, ist, "warten
bis das Fenster geladen. "

531
00:27:57,170 --> 00:27:57,780
OK?

532
00:27:57,780 --> 00:28:02,102
Also, wenn alles geladen, onload,
dann können Sie diese Funktion ausführen.

533
00:28:02,102 --> 00:28:03,810
Also, wenn alles
geladen, Sie gehen

534
00:28:03,810 --> 00:28:07,760
einige Suchtaste haben
das wird ein Element von Id,

535
00:28:07,760 --> 00:28:13,740
und er druckt was immer das
Element ist wie die Schaltfläche Suchen.

536
00:28:13,740 --> 00:28:17,050
Und dann haben wir diese Variable,
wir sagen: "OK, Onclick."

537
00:28:17,050 --> 00:28:20,390
Also, wenn wir hören ein Klicken,
auf die Schaltfläche Suchen,

538
00:28:20,390 --> 00:28:23,990
Mit dieser Funktion, die eine ist ausführen
Alarm, klickten Sie auf die Schaltfläche Suchen.

539
00:28:23,990 --> 00:28:28,910
>> Also, was passiert ist-- ist dies ein schönes
kleine grafische Darstellung hier.

540
00:28:28,910 --> 00:28:31,480
So ist unser Dokument geladen wird,
das ist unser onload,

541
00:28:31,480 --> 00:28:34,340
finden wir unsere Suche
Taste, die dieser ist.

542
00:28:34,340 --> 00:28:36,570
Wir sind für unsere Suche-Taste suchen.

543
00:28:36,570 --> 00:28:40,790
Und dann, wenn Sie die Suchtaste ist
angeklickt wird, entspricht er genau hier.

544
00:28:40,790 --> 00:28:41,980
Onclick.

545
00:28:41,980 --> 00:28:47,300
Dann haben wir endlich unsere Benutzer zu alarmieren,
was diese letzte Zeile hier.

546
00:28:47,300 --> 00:28:48,250
OK?

547
00:28:48,250 --> 00:28:52,960
So jede dieser vier Schritte einfach
entspricht den vier Kästen

548
00:28:52,960 --> 00:28:55,031
dort unten auf dem Boden.

549
00:28:55,031 --> 00:28:56,405
Heißt das sinnvoll sein, alle?

550
00:28:56,405 --> 00:29:01,120

551
00:29:01,120 --> 00:29:05,200
>> Und dann eine Sache, die ich werde einfach
sehr, sehr kurz, dass ich schon erwähnt,

552
00:29:05,200 --> 00:29:08,660
ermutigen euch zu
schau mehr in ist

553
00:29:08,660 --> 00:29:13,210
jQuery, die nur eine Bibliothek
, dass auf der Oberseite der JavaScript gebaut.

554
00:29:13,210 --> 00:29:16,480
Es ist super nützlich, da
mit den meisten Bibliotheken.

555
00:29:16,480 --> 00:29:18,320
Es gibt viele Funktionen.

556
00:29:18,320 --> 00:29:21,930
Also, wenn es überhaupt etwas, das
Sie in JavaScript zu tun möchten,

557
00:29:21,930 --> 00:29:24,880
Ihr erster Instinkt
sollte nicht sein, denken

558
00:29:24,880 --> 00:29:27,340
der, "welche Funktion sollte
I-Code? ", Es sein sollte,

559
00:29:27,340 --> 00:29:29,560
"Lassen Sie mich sehen, wie jemand ist
dies bereits für mich getan. "

560
00:29:29,560 --> 00:29:32,800
Da neun von zehn,
jemand wird es bereits getan haben,

561
00:29:32,800 --> 00:29:35,760
und sie wahrscheinlich haben es besser machen.

562
00:29:35,760 --> 00:29:39,990
Die Menschen verbringen viel Zeit mit diesen,
und JavaScript ist sehr weit verbreitet,

563
00:29:39,990 --> 00:29:42,810
so die Menschen ständig
versuchen es besser zu machen.

564
00:29:42,810 --> 00:29:47,110
Und jQuery hat eine Menge von Funktionen
das wird wahrscheinlich nützlich sein

565
00:29:47,110 --> 00:29:50,470
in das endgültige Projekt, wenn Sie
nichts mit Web-Design zu tun.

566
00:29:50,470 --> 00:29:53,480
Als Ich mag sagen, "work
intelligenter, nicht härter. "

567
00:29:53,480 --> 00:29:57,130
Wenn euch das tun, wird es groß sein.

568
00:29:57,130 --> 00:30:00,330
Als wir auf dem Hackathon, zeig ich nicht
wünschen Sie alle gestresst.

569
00:30:00,330 --> 00:30:03,600
Ich möchte, wie sein "Ich habe
dies. jQuery meine Rückseite erhalten.

570
00:30:03,600 --> 00:30:05,790
Ich brauche, um diese Funktionen zu schreiben. "

571
00:30:05,790 --> 00:30:07,636
>> Also nur zwei Dinge
denken Sie daran, ich werde

572
00:30:07,636 --> 00:30:10,220
zu lassen, euch mehr sehen
in jQuery auf eigene Faust.

573
00:30:10,220 --> 00:30:13,070
Alles, was ich sagen werde, ist es
hat einige ziemlich genial Dinge

574
00:30:13,070 --> 00:30:15,220
und kann Ihr Leben
eine ganze Reihe einfacher.

575
00:30:15,220 --> 00:30:17,150
Aber was Sie wollen
haben unabhängig von Datei

576
00:30:17,150 --> 00:30:21,020
dass Sie gehen, es zu benutzen in bist,
Sie gehen zu wollen, diese beiden Zeilen.

577
00:30:21,020 --> 00:30:25,630
Du wirst das wollen
Skript von js js jQuery Punkt.

578
00:30:25,630 --> 00:30:28,500
Und tatsächlich Ihre Quelle
wird einige URL sein.

579
00:30:28,500 --> 00:30:35,870
Wenn Sie jQuery, Google Google
tatsächlich findet alle Dateien für Sie.

580
00:30:35,870 --> 00:30:38,950
So können Sie möchte auf jeden Fall
Eingangs dass URL statt.

581
00:30:38,950 --> 00:30:41,130
Ich habe nur diese hier
der Einfachheit halber.

582
00:30:41,130 --> 00:30:45,180
All dies bedeutet, ist, wo man
finden Sie Ihre jQuery-Bibliothek.

583
00:30:45,180 --> 00:30:48,600
Es ist riesig, so dass Sie nicht möchten,
um sie auf dem eigenen Rechner hosten

584
00:30:48,600 --> 00:30:53,390
wenn Sie es vermeiden können, das ist, warum wir
neigen dazu, nur in den Google-URL setzen, dass

585
00:30:53,390 --> 00:30:55,880
beherbergt alle diese Dateien für Sie.

586
00:30:55,880 --> 00:30:56,380
OK?

587
00:30:56,380 --> 00:30:58,850
Sie Google es, ich verspreche,
es wird da sein.

588
00:30:58,850 --> 00:31:01,200
>> Und was auch immer
JavaScript-Datei, die Sie

589
00:31:01,200 --> 00:31:07,150
Hilfe, so ist dies nur einige externe
JavaScript-Datei, die Sie verwenden.

590
00:31:07,150 --> 00:31:11,570
In der gleichen Weise auf die wir verlinken, unsere CSS
Dateien, das ist die gleiche Art der Sache.

591
00:31:11,570 --> 00:31:15,480
Diese Links nur in der Datei
wo sie JavaScript ist.

592
00:31:15,480 --> 00:31:18,970
Und ich habe ein paar Beispiele
mit einfachen JavaScript.

593
00:31:18,970 --> 00:31:20,220
Also werden wir durch sie gehen werden.

594
00:31:20,220 --> 00:31:27,230
Und dann in Ihrem Index JavaScript
Das ist Ihre JavaScript-Datei hier,

595
00:31:27,230 --> 00:31:30,900
das ist eine Art der Verpackung
dass Sie für jQuery.

596
00:31:30,900 --> 00:31:33,860
Du bist fast 99,9
Prozent der Zeit gehen

597
00:31:33,860 --> 00:31:36,800
um diese in Ihrem index.js Datei haben.

598
00:31:36,800 --> 00:31:40,010
Denn was das sagt ist,
"Nichts ausführen

599
00:31:40,010 --> 00:31:43,480
bis Ihr Dokument ist eigentlich
bereit, "das ist genau das, was Sie wollen.

600
00:31:43,480 --> 00:31:46,600
Denn wenn Ihr Dokument ist noch nicht bereit,
jQuery und beginnt, Dinge zu tun,

601
00:31:46,600 --> 00:31:48,020
es ist nur ein Durcheinander.

602
00:31:48,020 --> 00:31:50,480
Also immer Du diesen Wrapper haben.

603
00:31:50,480 --> 00:31:55,760
Und dann für Dinge, die da rein, ich
werden, um Ihre Jungs eigenen Durchlesen verlassen.

604
00:31:55,760 --> 00:32:04,610
>> OK, so gibt es richtige Fragen
jetzt über JavaScript im Allgemeinen?

605
00:32:04,610 --> 00:32:07,420
Oder der DOM-Modell?

606
00:32:07,420 --> 00:32:10,780
Wenn nicht, haben wir ein paar coole
Beispiele, die wir durchlaufen kann,

607
00:32:10,780 --> 00:32:13,120
dass euch kann mir helfen, Code.

608
00:32:13,120 --> 00:32:15,877
Aber ich bin auch zu sein
super nett, und wenn Sie

609
00:32:15,877 --> 00:32:17,960
wollen nicht, etwas zu sagen
für diese, das ist in Ordnung.

610
00:32:17,960 --> 00:32:20,510
Ich kann auch Ihnen nur Beispiele.

611
00:32:20,510 --> 00:32:24,581
Aber alles, was auf der
Powerpoint, bevor wir weitermachen?

612
00:32:24,581 --> 00:32:25,080
Kühle.

613
00:32:25,080 --> 00:32:26,990
>> Ich fühle mich wie ihr Jungs, Energie benötigen.

614
00:32:26,990 --> 00:32:31,516
Also ich denke, wir werden beginnen
mit meiner Partei beispiels ersten.

615
00:32:31,516 --> 00:32:33,390
Wir haben drei Beispiele,
haben Sie die Wahl.

616
00:32:33,390 --> 00:32:37,720
So haben wir Uhr, wo wir hingehen
um eine tatsächliche Uhr, die ist zu implementieren

617
00:32:37,720 --> 00:32:41,430
gehen zu aktualisieren, wie die Zeit vergeht.

618
00:32:41,430 --> 00:32:43,310
Wir haben diese große Twitter-Funktion.

619
00:32:43,310 --> 00:32:44,560
This-- Sie wissen, was, festhalten.

620
00:32:44,560 --> 00:32:47,220
Wir werden machen diese weg.

621
00:32:47,220 --> 00:32:47,950
Bam.

622
00:32:47,950 --> 00:32:49,060
OK.

623
00:32:49,060 --> 00:32:56,132
>> Wir haben diese große Twitter-Funktion
Hier dass-- ich weiß, nicht wahr?

624
00:32:56,132 --> 00:32:57,090
Es wird großartig sein.

625
00:32:57,090 --> 00:32:58,350
Seid ihr aufgeregt?

626
00:32:58,350 --> 00:33:01,170
Das wird die Anzahl zu zählen
der Zeichen, die Sie verlassen haben,

627
00:33:01,170 --> 00:33:04,520
so dass, wenn ich schreibe gerade jetzt,
natürlich ist es immer noch, sagt 140,

628
00:33:04,520 --> 00:33:06,190
aber wir wissen, das ist nicht der Fall.

629
00:33:06,190 --> 00:33:08,570
Und dann mit unseren letzten
hier, hier klicken, um zu feiern.

630
00:33:08,570 --> 00:33:12,150
Was wird passieren, wenn
Wir klicken, wird der Hintergrund des

631
00:33:12,150 --> 00:33:13,340
gehen zu Farben zu ändern.

632
00:33:13,340 --> 00:33:17,060
So euch Ihre Wahlen des haben
die von Ihnen zuerst zu tun.

633
00:33:17,060 --> 00:33:19,800
Ich verspreche, ich werde es sehr einfach für Sie.

634
00:33:19,800 --> 00:33:22,680
Ich fühle mich wie jeder seiner Art
nur sehr dezent heute.

635
00:33:22,680 --> 00:33:25,540
Also werde ich Sie durch, wie gehen
Wir werden alle diese umzusetzen.

636
00:33:25,540 --> 00:33:28,520
Wenn Sie schlagen wollen
in, das ist toll, aber ich

637
00:33:28,520 --> 00:33:30,020
das Gefühl, jeder ist ein wenig müde.

638
00:33:30,020 --> 00:33:32,970
Also werde ich einfach gehen Sie
durch diese Beispiele.

639
00:33:32,970 --> 00:33:35,015
Haben wir etwas haben, dass
möchten wir als erstes tun?

640
00:33:35,015 --> 00:33:38,140

641
00:33:38,140 --> 00:33:39,475
Anyone?

642
00:33:39,475 --> 00:33:41,350
Keine Präferenz?

643
00:33:41,350 --> 00:33:41,867
OK.

644
00:33:41,867 --> 00:33:42,450
Weißt du was?

645
00:33:42,450 --> 00:33:43,290
Wir sind auf Party.

646
00:33:43,290 --> 00:33:48,380
Ich fühle mich wie euch brauchen eine little--
so werden wir die Partei einen ersten zu tun.

647
00:33:48,380 --> 00:33:48,880
OK.

648
00:33:48,880 --> 00:33:51,470

649
00:33:51,470 --> 00:33:56,930
>> Also, was wir haben, das ist hier--
eigentlich nicht da sein.

650
00:33:56,930 --> 00:33:57,910
Jetzt ist es gut.

651
00:33:57,910 --> 00:33:59,810
OK.

652
00:33:59,810 --> 00:34:03,110
Also, was wir hier haben, ist
nur eine einfache HTML-Seite

653
00:34:03,110 --> 00:34:07,840
dass euch sollte alles super sein
vertraut mit Ihrer letzten zwei psets.

654
00:34:07,840 --> 00:34:10,212
wir haben unsere doc Art hier.

655
00:34:10,212 --> 00:34:10,920
Kann jeder sehen?

656
00:34:10,920 --> 00:34:11,420
OK.

657
00:34:11,420 --> 00:34:12,560
Kühle.

658
00:34:12,560 --> 00:34:13,900
Wir haben unsere HTML offensichtlich.

659
00:34:13,900 --> 00:34:18,360
Wir haben einige Header, ist
auf ein Stylesheet verknüpft, dass

660
00:34:18,360 --> 00:34:21,420
nur machte meine Schrift schön und groß und Fett.

661
00:34:21,420 --> 00:34:23,489
Also keine Sorgen machen.

662
00:34:23,489 --> 00:34:26,437
>> Wir haben einige Körper mit
eine Id Hintergrund, OK?

663
00:34:26,437 --> 00:34:28,520
Denn wir werden sein
Ändern der Hintergrund.

664
00:34:28,520 --> 00:34:31,964
Also, wenn wir die Änderung der
Hintergrund unseres Körpers,

665
00:34:31,964 --> 00:34:35,965
wir erinnern uns von vor zwei Wochen
wenn es sich um Web-Seiten zu tun haben.

666
00:34:35,965 --> 00:34:36,840
So gut, dass zu haben.

667
00:34:36,840 --> 00:34:39,270
Und wir haben einige Id entspricht Partei.

668
00:34:39,270 --> 00:34:43,909
Dies h ref Pfund bedeutet nur, dass
es wird auf die gleiche Seite zu gehen.

669
00:34:43,909 --> 00:34:47,120
Und klicken Sie hier zum Feiern,
weshalb, wenn wir auf sie,

670
00:34:47,120 --> 00:34:48,940
es sollte die Farben ändern, Gott sei Dank.

671
00:34:48,940 --> 00:34:54,322
>> Und dann haben wir ein Skript, dass hier
wird nur diese Partei dot js verbunden

672
00:34:54,322 --> 00:34:58,100
Datei, die leer ist, weil
haben wir hier noch nicht aktiv.

673
00:34:58,100 --> 00:35:00,450
Und es ist so traurig.

674
00:35:00,450 --> 00:35:06,100
Doch schon bald wird es zu ändern
Farben und es wird fantastisch.

675
00:35:06,100 --> 00:35:10,520
>> Also ich werde einfach gehen euch
durch, wie wir diesen Ansatz.

676
00:35:10,520 --> 00:35:14,030
So ist die erste Sache,
wir möchten Sie vielleicht tun,

677
00:35:14,030 --> 00:35:18,050
wenn wir ändern den Hintergrund
der Körper, das erste, was wir vielleicht

678
00:35:18,050 --> 00:35:22,730
tun müssen, ist tatsächlich greifen
was der Körper ist, nicht wahr?

679
00:35:22,730 --> 00:35:27,690
So wollen wir die Summe haben unsere
Hintergrund, und wenn Sie bemerken,

680
00:35:27,690 --> 00:35:29,567
Ich habe gerade automatisch starten Sie einfach mit der Eingabe.

681
00:35:29,567 --> 00:35:32,400
Es ist nichts Besonderes, dass wir
müssen für unsere JavaScript-Dateien zu tun.

682
00:35:32,400 --> 00:35:35,820
Ich kann das Deklarieren von Variablen zu starten,
und erklärte Zufallsfunktionen.

683
00:35:35,820 --> 00:35:38,110
Und es ist viel freier Form.

684
00:35:38,110 --> 00:35:41,930
Es ist wie mit C, haben wir euch alle
diese harten Regeln, und Sie aufgewachsen sind,

685
00:35:41,930 --> 00:35:43,220
so sind wir wie "ausgehen.

686
00:35:43,220 --> 00:35:44,000
Sei frei.

687
00:35:44,000 --> 00:35:44,870
Tun Sie, was Sie wollen. "

688
00:35:44,870 --> 00:35:46,280
Und das ist, was JavaScript ist.

689
00:35:46,280 --> 00:35:48,390
So haben wir hier einige Hintergrundinformationen.

690
00:35:48,390 --> 00:35:55,900
Mit unserem DOM-Modell, wir wissen, wir
tun können, Dokument dot erhalten Element,

691
00:35:55,900 --> 00:36:00,290
und wenn wir hier bemerken,
unsere Körper eine ID.

692
00:36:00,290 --> 00:36:00,930
Richtig?

693
00:36:00,930 --> 00:36:06,310
So können wir wissen Dokument erhalten, indem
Id, und hier ist ein einfaches.

694
00:36:06,310 --> 00:36:08,295
Was ist unsere Id, die wir hier?

695
00:36:08,295 --> 00:36:09,170
ZIELGRUPPE: Hintergrund.

696
00:36:09,170 --> 00:36:11,280
ALLISON BUCHHOLTZ-AU: Hintergrund.

697
00:36:11,280 --> 00:36:12,230
Perfect.

698
00:36:12,230 --> 00:36:14,250
Und das Semikolon am Ende.

699
00:36:14,250 --> 00:36:15,610
Das hat sich nicht weg noch weg.

700
00:36:15,610 --> 00:36:17,330
Sie müssen noch Ihre Semikolon.

701
00:36:17,330 --> 00:36:17,830
OK.

702
00:36:17,830 --> 00:36:19,690
Also das ist unsere erste.

703
00:36:19,690 --> 00:36:23,880
Und wenn wir auf etwas, wir
wollen, dass etwas passiert, oder?

704
00:36:23,880 --> 00:36:28,270
So wollen wir könnten einige variable
dass wartet auf einen Klick.

705
00:36:28,270 --> 00:36:32,410
Was wir tun werden ist, dass wir zu gehen
unsere Verbindung mehr ähnlich einer Taste.

706
00:36:32,410 --> 00:36:43,140
So werden wir etwas Taste haben, dass
gleich dokumentieren dot erhalten Element Id.

707
00:36:43,140 --> 00:36:48,670
Und wenn ich über das Gespräch
Klicken Sie den Link oder klicken Sie hier zum Feiern

708
00:36:48,670 --> 00:36:51,850
Link, was könnte meine Id hier sein?

709
00:36:51,850 --> 00:36:52,590
Partei.

710
00:36:52,590 --> 00:36:55,200
Richtig.

711
00:36:55,200 --> 00:36:56,500
OK nicht schlecht so weit.

712
00:36:56,500 --> 00:36:59,060
Jeder bekommt, was wir tun?

713
00:36:59,060 --> 00:37:02,100
>> OK, so jetzt haben wir unsere
Taste, und wir wollen,

714
00:37:02,100 --> 00:37:04,140
Dinge zu ändern, wenn wir darauf klicken.

715
00:37:04,140 --> 00:37:08,750
Also, wenn wir daran denken, aus unserer Powerpoint,
sehr einfach, was wir tun können

716
00:37:08,750 --> 00:37:12,140
gerade Knopf dot onclick, nicht wahr?

717
00:37:12,140 --> 00:37:14,750

718
00:37:14,750 --> 00:37:18,730
Und das wird eine Funktion gleich.

719
00:37:18,730 --> 00:37:20,620
Dies ist eine anonyme Funktion.

720
00:37:20,620 --> 00:37:24,620
Und das nur as-- eigentlich bin ich
geht das ein wenig größer zu machen.

721
00:37:24,620 --> 00:37:27,330
>> Also, was ich gerade tat
hier ist was ich sage, OK,

722
00:37:27,330 --> 00:37:31,810
wenn wir auf unseren Button, der ist
Link, die wir eben erwähnten,

723
00:37:31,810 --> 00:37:34,270
werden wir ausführen
Diese anonyme Funktion.

724
00:37:34,270 --> 00:37:35,845
Wir brauchen keine Eingänge.

725
00:37:35,845 --> 00:37:37,220
Es ist uns egal, was der Benutzer sagt.

726
00:37:37,220 --> 00:37:38,800
Wenn sie darauf klicken, sind wir
werde alles tun, was wir wollen,

727
00:37:38,800 --> 00:37:40,660
Das ist die Hintergrundfarbe.

728
00:37:40,660 --> 00:37:42,640
OK?

729
00:37:42,640 --> 00:37:47,224
Also das ist, warum wir überhaupt Vorleistungen nicht,
wir haben nur diese anonyme Funktion.

730
00:37:47,224 --> 00:37:49,390
Und jetzt sind wir eigentlich vor sich geht
um diese Funktion zu schreiben.

731
00:37:49,390 --> 00:37:55,040
>> So gibt es eine Reihe von Möglichkeiten, wie Sie
könnte eine zufällige Farbe zu erzeugen.

732
00:37:55,040 --> 00:37:59,010
Die Art, wie ich es gemacht habe war,
erzeugen drei Zufallszahlen

733
00:37:59,010 --> 00:38:01,910
und wandeln sie in ein RGB-Tripel.

734
00:38:01,910 --> 00:38:06,130
Also das nur zeigt Ihnen ein paar coole
Dinge, wenn Sie so wollen, "oh sind,

735
00:38:06,130 --> 00:38:08,464
Ich muss einen zufälligen generieren
Nummer. ", wenn Sie es gegoogelt,

736
00:38:08,464 --> 00:38:09,630
das ist, was Sie finden würde.

737
00:38:09,630 --> 00:38:17,580
>> So haben wir drei verschiedene
Dinge, var, nicht mehr rot, grün.

738
00:38:17,580 --> 00:38:18,080
Richtig?

739
00:38:18,080 --> 00:38:20,740
Das sind also die drei
Dinge, die eine Farbe zu machen.

740
00:38:20,740 --> 00:38:22,220
Blau, Rot und Grün.

741
00:38:22,220 --> 00:38:22,960
Kühle.

742
00:38:22,960 --> 00:38:27,050
Und was wir tun können, ist, dass wir wissen,
die sie braucht, um zwischen 255 sein,

743
00:38:27,050 --> 00:38:30,140
und wenn Sie sah einige
Zufallszahlengenerator,

744
00:38:30,140 --> 00:38:36,000
Sie könnte so etwas wie Mathe bekommen
dot Zufalls, die, wenn Sie diese nachschlagen

745
00:38:36,000 --> 00:38:39,230
kehrt nach einer bestimmten Anzahl
zwischen null und eins.

746
00:38:39,230 --> 00:38:39,980
OK?

747
00:38:39,980 --> 00:38:44,470
Und was für Zahlen tun unser
RGB Tripel gehen zwischen?

748
00:38:44,470 --> 00:38:47,240
Null und was?

749
00:38:47,240 --> 00:38:49,000
Was kann sie gehen bis zu?

750
00:38:49,000 --> 00:38:49,950
255.

751
00:38:49,950 --> 00:38:53,320
Also, wenn Mathematik dot Zufalls
geht zwischen Null und Eins,

752
00:38:53,320 --> 00:38:56,365
wie könnten wir wollen diese konvertieren?

753
00:38:56,365 --> 00:38:56,990
ZIELGRUPPE: Zeit?

754
00:38:56,990 --> 00:38:57,830
ALLISON BUCHHOLTZ-AU: Ja, genau.

755
00:38:57,830 --> 00:38:58,677
So Es ist 255.

756
00:38:58,677 --> 00:39:00,888
>> ZIELGRUPPE: [unverständlich]
Es ist, als [unverständlich].

757
00:39:00,888 --> 00:39:02,471
ALLISON BUCHHOLTZ-AU: Math dot zufällig.

758
00:39:02,471 --> 00:39:03,096
ZIELGRUPPE: Kühl.

759
00:39:03,096 --> 00:39:04,580
ALLISON BUCHHOLTZ-AU: Ja.

760
00:39:04,580 --> 00:39:06,300
JavaScript dauert nur kümmern.

761
00:39:06,300 --> 00:39:07,580
OK.

762
00:39:07,580 --> 00:39:09,360
So können wir, daß für alle diese tun.

763
00:39:09,360 --> 00:39:10,540
Richtig?

764
00:39:10,540 --> 00:39:16,480
Math dot zufälligen Zeitpunkten 255.

765
00:39:16,480 --> 00:39:17,740
Kopieren Sie die.

766
00:39:17,740 --> 00:39:18,820
Kühle.

767
00:39:18,820 --> 00:39:23,350
Also die Sache ist, kann dies
eine ganze Zahl nicht zurück.

768
00:39:23,350 --> 00:39:24,080
Richtig?

769
00:39:24,080 --> 00:39:26,450
Vielleicht eine Zahl erhalten wir
zwischen null und eins,

770
00:39:26,450 --> 00:39:32,150
und es bewirkt, dass es leicht sein,
ausgeschaltet, und unsere RGBs nicht Schwimmer sein.

771
00:39:32,150 --> 00:39:33,360
Sie müssen Ganzzahlen sein.

772
00:39:33,360 --> 00:39:37,610
Also, wenn Sie diese versuchte, würde es wahrscheinlich
haben etwas fehlerhaftes Verhalten.

773
00:39:37,610 --> 00:39:38,810
Es wäre etwas abgefahren sein.

774
00:39:38,810 --> 00:39:43,200
Also, was wir tun, ist, dass wir machen wollen
sicher, dass diese abgerundet sind,

775
00:39:43,200 --> 00:39:45,400
und man könnte so oder so zu runden.

776
00:39:45,400 --> 00:39:47,110
Ich abgerundet mit Boden.

777
00:39:47,110 --> 00:39:49,680
Also ich habe immer dafür gesorgt,
dass sie abgerundet.

778
00:39:49,680 --> 00:39:54,440
Doch geht aus der, wie einfach es
war es nur eine Zufallszahl zu erhalten,

779
00:39:54,440 --> 00:39:57,920
wie denken Sie, wir
könnte Boden diese Nummer?

780
00:39:57,920 --> 00:40:00,720
Es ist sehr ähnlich.

781
00:40:00,720 --> 00:40:02,810
Irgendeine Idee?

782
00:40:02,810 --> 00:40:06,450
Also, wenn zufällig war nur mathematische Punkt
zufällig, so denken Sie, würden wir Boden tun?

783
00:40:06,450 --> 00:40:09,670
Math dot Boden.

784
00:40:09,670 --> 00:40:11,340
Und Sie können auch tun math dot Decke.

785
00:40:11,340 --> 00:40:14,030
Runde ist ziemlich zweideutig
weil Sie nicht tun,

786
00:40:14,030 --> 00:40:16,110
, ob sie runden oder abrunden.

787
00:40:16,110 --> 00:40:20,797
Also in der Regel haben wir immer Mathematik zu tun
Punkt Stock, Mathematik dot Decke.

788
00:40:20,797 --> 00:40:21,380
Aber honestly--

789
00:40:21,380 --> 00:40:22,780
>> ZIELGRUPPE: Funktioniert Boden abrunden?

790
00:40:22,780 --> 00:40:24,740
>> ALLISON BUCHHOLTZ-AU: Etage rundet.

791
00:40:24,740 --> 00:40:26,990
Und das ist nur eine Auswahl von meiner Seite.

792
00:40:26,990 --> 00:40:32,370
>> So, jetzt haben wir unsere drei Zahlen
, die nach dem Zufallsprinzip generiert haben,

793
00:40:32,370 --> 00:40:36,610
und das, was wir jetzt tun ist, wir sind
gerade dabei, den Hintergrund zu ändern.

794
00:40:36,610 --> 00:40:37,310
OK?

795
00:40:37,310 --> 00:40:41,490
So haben wir bereits unsere
Hintergrund Art gespeichert

796
00:40:41,490 --> 00:40:43,280
in diesem Element namens Hintergrund.

797
00:40:43,280 --> 00:40:47,300
Also, was werden Sie feststellen, ist, wenn
Sie spielte mit diesem,

798
00:40:47,300 --> 00:40:50,460
wir, um den Stil zu ändern.

799
00:40:50,460 --> 00:40:53,812
Und das ist Art von etwas, das
Sie Google und herauszufinden,

800
00:40:53,812 --> 00:40:55,020
gerne, wie Sie die Farbe zu ändern.

801
00:40:55,020 --> 00:40:59,210
>> Aber die Art des Zugriffs ist diese Farbe
Hintergrund dot Stil Punkthintergrund.

802
00:40:59,210 --> 00:41:03,490
Also das ist zu sagen gegeben
dieses Objekt, Hintergrund,

803
00:41:03,490 --> 00:41:06,920
der sich auf die
Element Id da oben,

804
00:41:06,920 --> 00:41:10,690
wir werden bei der Suche
Stil in der Art,

805
00:41:10,690 --> 00:41:13,280
wir werden im Hintergrund suchen.

806
00:41:13,280 --> 00:41:14,270
OK?

807
00:41:14,270 --> 00:41:17,630
Und wenn Sie gehen und schauen Sie diese auf,
es könnte ein wenig mehr Sinn machen,

808
00:41:17,630 --> 00:41:21,930
aber das ist im Grunde nur sagen:
"Gib mir dieses sehr speziellen Attribut

809
00:41:21,930 --> 00:41:25,770
von dem, was ich bereits festgelegt. "

810
00:41:25,770 --> 00:41:32,340
Also, was wir verändern es ist
einige RGB, weil es Sinn macht.

811
00:41:32,340 --> 00:41:34,780
Wir verwenden RGB verdreifacht, nicht wahr?

812
00:41:34,780 --> 00:41:41,530
Und wir have-- Ich möchte, dass ich
Holen Sie sich die richtige Anzahl von Zitaten in hier.

813
00:41:41,530 --> 00:41:43,940
Also, was wir tun, ist, dass wir
RGB, und wir werden

814
00:41:43,940 --> 00:41:46,800
zu-- das ist wie
Verkettung, die rot ist.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
Und dann wollen wir eine Komma.

817
00:41:52,610 --> 00:41:59,925
Und dann wollen wir und grün,
dann einige Komma, und einige blau.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Also diese Pluspunkte gerade
meine, wie Verkettung.

820
00:42:14,120 --> 00:42:19,810
Also das ist nur die Schaffung dieser
Zeichenfolge, die im RGB los ist.

821
00:42:19,810 --> 00:42:20,310
OK?

822
00:42:20,310 --> 00:42:23,200

823
00:42:23,200 --> 00:42:26,684
>> ZIELGRUPPE: [unverständlich] und dann
die grüne ein Plus dann den roten.

824
00:42:26,684 --> 00:42:30,163
>> ALLISON BUCHHOLTZ-AU: Ja,
weil ich durcheinander, dass bis.

825
00:42:30,163 --> 00:42:30,890
Dass die eigene Ordnung.

826
00:42:30,890 --> 00:42:32,110
Oh, warte.

827
00:42:32,110 --> 00:42:32,610
Nein.

828
00:42:32,610 --> 00:42:36,770
Denn ich brauche, um sicherzustellen,
dass ich all diese recht.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Also werde ich in uno momento erklären.

831
00:42:43,950 --> 00:42:47,040
Grün, blau, perfekt.

832
00:42:47,040 --> 00:42:47,971
Jetzt bin ich fertig.

833
00:42:47,971 --> 00:42:48,470
Ich glaube.

834
00:42:48,470 --> 00:42:51,570

835
00:42:51,570 --> 00:42:52,530
>> OK.

836
00:42:52,530 --> 00:42:58,085
Also, was es ist, dass Hintergrund
wird sich bis zu einem gewissen Zeichenfolge festgelegt werden.

837
00:42:58,085 --> 00:42:58,585
Richtig?

838
00:42:58,585 --> 00:42:59,710
Welches ist, was wir hier haben.

839
00:42:59,710 --> 00:43:05,870
Es wird einige RGB 255 Komma
255 Komma Null, oder welche Anzahl auch immer

840
00:43:05,870 --> 00:43:06,512
haben es.

841
00:43:06,512 --> 00:43:08,220
Wir sind so hier,
wir haben einige String.

842
00:43:08,220 --> 00:43:11,910
Und was wir tun wollen, ist, wir sind
Art der dynamischen Erstellung

843
00:43:11,910 --> 00:43:14,010
dass, wenn wir dieses Programm tatsächlich ausgeführt.

844
00:43:14,010 --> 00:43:16,570
Das ist also etwas String.

845
00:43:16,570 --> 00:43:20,290
Plus-verkettet mit
der Wert, den rot hat,

846
00:43:20,290 --> 00:43:23,320
die verkettet ihn mit ein
Komma, das es verkettet

847
00:43:23,320 --> 00:43:26,090
mit welchem ​​grün ist, und
so weiter und so fort.

848
00:43:26,090 --> 00:43:26,660
OK?

849
00:43:26,660 --> 00:43:32,210
Bis zum Schluss, das der ist
schließenden Klammern des RGB hier.

850
00:43:32,210 --> 00:43:32,800
OK?

851
00:43:32,800 --> 00:43:37,230
>> Also, was ist los
erzeugen eine gewisse Befehl wirklich

852
00:43:37,230 --> 00:43:42,770
dh RGB aus drei Zahlen
dass Hintergrund ist nun eingestellt.

853
00:43:42,770 --> 00:43:43,940
OK?

854
00:43:43,940 --> 00:43:46,510
Also mal sehen, ob das funktioniert.

855
00:43:46,510 --> 00:43:49,720
Ich hoffe, dass dies der Fall, weil, wenn es
nicht, ich werde sein Echt traurig.

856
00:43:49,720 --> 00:43:50,250
Oh nein.

857
00:43:50,250 --> 00:43:52,710
OK, halten Sie auf.

858
00:43:52,710 --> 00:43:56,730
Definitiv Hintergrund
dot Stil Punkthintergrund.

859
00:43:56,730 --> 00:43:59,569
Ich bin auf jeden Fall fehlt
etwas, nur gering.

860
00:43:59,569 --> 00:44:00,610
Glaubst du nicht, dass Jungs hassen?

861
00:44:00,610 --> 00:44:04,020
Wenn es nur ein kleiner kleiner Fehler?

862
00:44:04,020 --> 00:44:04,990
Allmächtigen Hintergrund.

863
00:44:04,990 --> 00:44:08,391

864
00:44:08,391 --> 00:44:08,890
RGB.

865
00:44:08,890 --> 00:44:09,765
>> ZIELGRUPPE: [unverständlich]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
ALLISON BUCHHOLTZ-AU: Nein

868
00:44:12,770 --> 00:44:14,050
Ich habe versucht, diese vor der Klasse.

869
00:44:14,050 --> 00:44:16,570
Ich habe alles, was ich zuvor
Klasse bei Ich war wie,

870
00:44:16,570 --> 00:44:17,970
"Warte, was habe ich falsch gemacht?"

871
00:44:17,970 --> 00:44:23,190
Denn ich war wie, "Ich werde wahrscheinlich
Einander diese bis zu einem bestimmten Zeitpunkt. "

872
00:44:23,190 --> 00:44:24,150
Plus-grün.

873
00:44:24,150 --> 00:44:26,250
Alles sieht aus wie es ist
ordnungsgemäß verkettet.

874
00:44:26,250 --> 00:44:29,620

875
00:44:29,620 --> 00:44:30,520
OK.

876
00:44:30,520 --> 00:44:31,870
>> ZIELGRUPPE: [unverständlich]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON BUCHHOLTZ-AU: Oh, dort gehen Sie.

878
00:44:33,810 --> 00:44:35,520
Das ist, was ich brauchte.

879
00:44:35,520 --> 00:44:36,805
Sieh dir das an.

880
00:44:36,805 --> 00:44:40,090
Tiffany zu retten.

881
00:44:40,090 --> 00:44:40,590
Perfect.

882
00:44:40,590 --> 00:44:41,090
OK.

883
00:44:41,090 --> 00:44:43,834
Nun wollen wir sehen, ob es funktioniert.

884
00:44:43,834 --> 00:44:44,816
Oh mein Gott.

885
00:44:44,816 --> 00:44:45,641
OK.

886
00:44:45,641 --> 00:44:46,140
Warten Sie mal.

887
00:44:46,140 --> 00:44:48,280
>> ZIELGRUPPE: Raum nach dem zweiten Plus.

888
00:44:48,280 --> 00:44:50,310
>> ALLISON BUCHHOLTZ-AU: Welche?

889
00:44:50,310 --> 00:44:52,910
Oh, Moment mal, halte durch.

890
00:44:52,910 --> 00:44:54,870
Raum Verschleiß?

891
00:44:54,870 --> 00:44:57,209
>> ZIELGRUPPE: Zweite Plus
die grüne Verkettung.

892
00:44:57,209 --> 00:44:58,250
ALLISON BUCHHOLTZ-AU: Oh.

893
00:44:58,250 --> 00:44:59,570
ZIELGRUPPE: Es gibt keinen Platz
nach plus, ja.

894
00:44:59,570 --> 00:45:00,790
ALLISON BUCHHOLTZ-AU: Sie
brauchen Sie nicht, dass, aber--

895
00:45:00,790 --> 00:45:01,190
ZIELGRUPPE: Oh, Sie nicht?

896
00:45:01,190 --> 00:45:01,910
ALLISON BUCHHOLTZ-AU: Es sieht ziemlich.

897
00:45:01,910 --> 00:45:02,530
ZIELGRUPPE: OK.

898
00:45:02,530 --> 00:45:03,030
OK.

899
00:45:03,030 --> 00:45:05,170
>> ALLISON BUCHHOLTZ AU:
Mal sehen, ob das funktioniert.

900
00:45:05,170 --> 00:45:05,670
OK.

901
00:45:05,670 --> 00:45:07,836
Ich bin natürlich in Ermangelung an
diese Demo, das erinnert mich an

902
00:45:07,836 --> 00:45:12,810
einer Vorlesung die zweite Woche,
aber ich weiß, dass dies funktionieren wird.

903
00:45:12,810 --> 00:45:15,860
Ich weiß, das wird funktionieren.

904
00:45:15,860 --> 00:45:16,580
So nah.

905
00:45:16,580 --> 00:45:22,330
Wenn ich nicht versehentlich gelöscht
mein Skript in diesem Fall.

906
00:45:22,330 --> 00:45:24,035
Nein, es ist Partei dot js.

907
00:45:24,035 --> 00:45:25,776
OK halten.

908
00:45:25,776 --> 00:45:28,650
Ich werde diese zu kopieren, und ich bin auch
gerade dabei, alles zu löschen,

909
00:45:28,650 --> 00:45:30,108
weil ich diese Arbeits zuvor.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Ich verspreche, es funktioniert.

912
00:45:33,770 --> 00:45:36,160
Wenn nicht, werde ich Ihnen zeigen, was Tommy ist.

913
00:45:36,160 --> 00:45:38,890
Und da.

914
00:45:38,890 --> 00:45:42,380
>> ZIELGRUPPE: Sie verweisen Party
dot CSS, und es ist eine Partei dot js.

915
00:45:42,380 --> 00:45:45,940
>> ALLISON BUCHHOLTZ-AU: Ah, gut
hier ist Party dot js.

916
00:45:45,940 --> 00:45:49,187
OK, was habe ich anders machen?

917
00:45:49,187 --> 00:45:50,520
OK, wir werden sehen, ob das funktioniert jetzt.

918
00:45:50,520 --> 00:45:54,180

919
00:45:54,180 --> 00:45:54,980
Bam.

920
00:45:54,980 --> 00:46:02,110
Also, ich weiß nicht, was ich tat, anders,
aber das ist, was passieren soll.

921
00:46:02,110 --> 00:46:03,230
Irgendwie cool.

922
00:46:03,230 --> 00:46:06,650
Ich habe auf diese, wie immer.

923
00:46:06,650 --> 00:46:11,185
Aber wir können versuchen und sehen, was ich tat,
anders, dass dieser hatte.

924
00:46:11,185 --> 00:46:14,560
Ich weiß nicht wie es euch geht, aber diese
sieht im Grunde, was ich gerade schrieb.

925
00:46:14,560 --> 00:46:17,950
Es war vermutlich ein fehl
Semikolon irgendwo ist mein Ding.

926
00:46:17,950 --> 00:46:22,064
Eigentlich nach, ich glaube, ich fehlte
Semikolon hier tatsächlich.

927
00:46:22,064 --> 00:46:24,230
Aber ich konnte nicht, weil es zu sehen
es war aus dem Bildschirm.

928
00:46:24,230 --> 00:46:29,040
>> Aber wenn wir bemerken, das ist ziemlich
sehr genau, was ich gerade geschrieben habe.

929
00:46:29,040 --> 00:46:33,010
Ich denke, dass wahrscheinlich der schwierigste Teil über
das ist nur eine Art dieser Sache Recht

930
00:46:33,010 --> 00:46:36,830
hier, Verständnis
was es dort zu tun.

931
00:46:36,830 --> 00:46:42,230
Diese Art von Dingen, die Sie lernen,
wirklich nur durch googeln und ehrlich

932
00:46:42,230 --> 00:46:42,880
nur versucht.

933
00:46:42,880 --> 00:46:46,770
Wenn Sie denken, es gibt einige
Attribut, es ist wahrscheinlich.

934
00:46:46,770 --> 00:46:48,382
Also probieren Sie es.

935
00:46:48,382 --> 00:46:49,090
Sehen, was passiert.

936
00:46:49,090 --> 00:46:53,000
Wie gesagt, es gibt eine Menge von
Experimentieren mit JavaScript

937
00:46:53,000 --> 00:46:56,810
und PHP, und alles,
Zeug, und vor allem CSS.

938
00:46:56,810 --> 00:47:00,046
Das ist der einzige wahre
Weise, sie zu verstehen.

939
00:47:00,046 --> 00:47:07,100
>> OK, so dass nach diesem Fiasko mit Party
dot js, haben wir zwei weitere Optionen.

940
00:47:07,100 --> 00:47:10,650
Wir haben Uhr oder Twitter.

941
00:47:10,650 --> 00:47:12,190
Sie sind beide interessant.

942
00:47:12,190 --> 00:47:17,720
Vielleicht nicht ganz so viel Spaß wie Partei,
die eine kühle kleine Strobe hatte

943
00:47:17,720 --> 00:47:19,595
was am Ende.

944
00:47:19,595 --> 00:47:21,714
Habt ihr eine Präferenz?

945
00:47:21,714 --> 00:47:22,380
ZIELGRUPPE: Uhr?

946
00:47:22,380 --> 00:47:22,950
ALLISON BUCHHOLTZ-AU: Uhr?

947
00:47:22,950 --> 00:47:23,450
OK.

948
00:47:23,450 --> 00:47:25,390
Kühle.

949
00:47:25,390 --> 00:47:30,460
>> Also noch einmal, haben wir unsere
leere JavaScript-Datei.

950
00:47:30,460 --> 00:47:35,800
Und wie wir sehen hier, wir
haben einige sehr einfache HTML.

951
00:47:35,800 --> 00:47:40,010
Wir haben unser Stylesheet, dass nur
formatiert, wie es aussehen soll.

952
00:47:40,010 --> 00:47:42,860
Wir haben unsere div mit
eine Id von Uhr, die

953
00:47:42,860 --> 00:47:44,420
nur sagt: "Dies sollte eine Uhr sein."

954
00:47:44,420 --> 00:47:47,650
Und wir müssen unseren Link
unsere JavaScript-Datei

955
00:47:47,650 --> 00:47:51,400
das ist eigentlich los, um
erzeugen unsere Uhr für uns.

956
00:47:51,400 --> 00:47:56,060
Da die kühle Sache ist, dass man
gesetzt JavaScript automatisch aktualisiert

957
00:47:56,060 --> 00:47:56,963
selbst.

958
00:47:56,963 --> 00:47:57,810
OK?

959
00:47:57,810 --> 00:48:01,580
Also anstatt zu warten, für die
Benutzer die Aktualisierung auf eine Seite schlagen

960
00:48:01,580 --> 00:48:03,840
so dass Sie bekommen können
aktualisierte Zeit, JavaScript

961
00:48:03,840 --> 00:48:06,760
kann es zu aktualisieren aber es mag.

962
00:48:06,760 --> 00:48:12,082
>> So wie bei unserem letzten, wir wollten
für den Zugriff auf unseren Hintergrund, nicht wahr?

963
00:48:12,082 --> 00:48:14,790
Also, was tun Sie vielleicht denken die sein
erste, was wir hier tun?

964
00:48:14,790 --> 00:48:19,538
Wenn wir solche Abheben
diese Art von Paradigma hier?

965
00:48:19,538 --> 00:48:22,200
Wir wollen wahrscheinlich
Zugriff auf unsere Uhr, nicht wahr?

966
00:48:22,200 --> 00:48:24,724
Also, wir haben einige var
Uhr, die equals--

967
00:48:24,724 --> 00:48:26,140
was wir denken, es geht zu sein?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Document dot erhalten Element nach-- ich auch
Liebe Sublime-- Id und unsere Id Uhr.

970
00:48:42,670 --> 00:48:43,585
Semikolon.

971
00:48:43,585 --> 00:48:45,710
Haben Sie, um sicherzustellen, bekommen
diese Semikolons diesmal,

972
00:48:45,710 --> 00:48:47,835
weil ich das Gefühl, dass
das Problem war beim letzten Mal.

973
00:48:47,835 --> 00:48:55,980
OK so, wie ich sagte gerade mit dem Versuch,
sie JavaScript erfrischen sich,

974
00:48:55,980 --> 00:48:59,655
gibt es diese große Funktion, I
wissen, dass es sich als nützlich im vergangenen Jahr kam,

975
00:48:59,655 --> 00:49:02,780
Ich bin mir nicht sicher, dass es praktisch ist dafür
pset, aber es wird festgelegten Intervall bezeichnet.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
Und das ist eigentlich wirklich
kühlen, wenn euch etwas tun

978
00:49:08,200 --> 00:49:11,460
mit der Zeit oder immer
aktuelle Informationen.

979
00:49:11,460 --> 00:49:13,700
Auf einer Webseite für eine endgültige
Projekt ist wahrscheinlich diese

980
00:49:13,700 --> 00:49:16,240
eine Funktion, die Sie wollen,
bekommen Super kennen.

981
00:49:16,240 --> 00:49:19,730
Was Intervall tut, ist, dass
wir werden es eine Funktion geben,

982
00:49:19,730 --> 00:49:21,830
und wie oft es sein sollte
rufen Sie diese Funktion.

983
00:49:21,830 --> 00:49:22,430
OK?

984
00:49:22,430 --> 00:49:26,890
>> Also in diesem Fall, wir sind gerade dabei,
erstellen eine anonyme Funktion wieder,

985
00:49:26,890 --> 00:49:31,530
OK, das wird erhalten
unser Tag, und unsere Zeit,

986
00:49:31,530 --> 00:49:33,780
und dann die Dinge zu aktualisieren und anzeigen.

987
00:49:33,780 --> 00:49:35,130
Also werden wir darüber keine Sorgen.

988
00:49:35,130 --> 00:49:39,120
Wir werden sein wie hier erzeugen Uhr.

989
00:49:39,120 --> 00:49:41,750
Aber was wir brauchen, ist, wie
oft, es zu aktualisieren.

990
00:49:41,750 --> 00:49:43,930
Also in diesem Fall, es ist nur Millisekunden.

991
00:49:43,930 --> 00:49:46,877
Also werden wir gerade dabei,
tun 100 Millisekunden.

992
00:49:46,877 --> 00:49:48,210
Natürlich völlig frei wählbar.

993
00:49:48,210 --> 00:49:50,600
Wenn Sie wollten, dass es zu aktualisieren
viel langsamer, könnten Sie.

994
00:49:50,600 --> 00:49:53,300
Wir können herum
mit dem festgelegten Intervall,

995
00:49:53,300 --> 00:49:57,240
wie groß unsere Intervall, nachdem wir
ein Arbeitstakt, die hoffentlich werde ich

996
00:49:57,240 --> 00:49:59,660
bekommen.

997
00:49:59,660 --> 00:50:04,110
Also das ist einfach nur sagen: "OK, Anruf
diese Funktion alle 100 Millisekunden. "

998
00:50:04,110 --> 00:50:04,805
OK?

999
00:50:04,805 --> 00:50:07,280
Das ist alles was sie tut.

1000
00:50:07,280 --> 00:50:12,290
>> Also, was wir wollen, dass unsere Funktion
zu tun ist, wir wollen einige Datum haben

1001
00:50:12,290 --> 00:50:14,200
und einige Zeit ist das, was
wir gehen zu müssen.

1002
00:50:14,200 --> 00:50:19,740
So können wir mit unseren starten
Datum entspricht etwas,

1003
00:50:19,740 --> 00:50:22,708
und unsere Zeit gleich etwas
dass wir noch nicht wissen.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
Oder eigentlich, wir müssen nur Datum, weil
Termin wird alles umfassen.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
Auch wenn Sie nur etwas über Google
was Sie tun wollen, wenn Sie schreiben, "OK,

1008
00:50:40,010 --> 00:50:41,980
Ich möchte die Zeit zu bekommen
über JavaScript "es

1009
00:50:41,980 --> 00:50:45,890
wird Ihnen diese große
Funktion namens get Datum.

1010
00:50:45,890 --> 00:50:48,664
Buchstäblich, die meisten Dinge
dass Sie tun möchten,

1011
00:50:48,664 --> 00:50:50,830
JavaScript ist zu haben,
es für Sie schon gemacht.

1012
00:50:50,830 --> 00:50:55,770
So ist es buchstäblich wie neu
bekommen Datum, das creating-- ist

1013
00:50:55,770 --> 00:50:58,600
oder neues Datum, rather--
welche zu erzeugen ist

1014
00:50:58,600 --> 00:51:03,690
ein Gegenstand, der ein Datum repräsentiert.

1015
00:51:03,690 --> 00:51:08,200
>> Und was wir hier zu tun ist
Dies ist-- Ich werde dies zu schreiben,

1016
00:51:08,200 --> 00:51:10,820
und dann erklären, was es tut.

1017
00:51:10,820 --> 00:51:12,560
Also werde ich sicherstellen, dass ich diese richtig zu machen.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> OK, was diese Funktion
tut, ist, dass wir gerade sind

1020
00:51:23,440 --> 00:51:30,680
Erstellen von HTML, die tatsächlich ist
werde innerhalb unseres div id der Uhr gehen.

1021
00:51:30,680 --> 00:51:34,610
Also, was vor sich geht, zu tun
befindet sich nur erzeugen eine Schnur, OK?

1022
00:51:34,610 --> 00:51:38,510
Das wird dann sein wird
in unsere HTML transplantiert.

1023
00:51:38,510 --> 00:51:42,130
Im Grunde, was es zu tun ist,
was auch immer wir--, was ich dir zeigen

1024
00:51:42,130 --> 00:51:49,070
ist, dass alles, was wir sagen, ist HTML,
wir werden diesen Text hier ersetzen

1025
00:51:49,070 --> 00:51:51,090
mit dem, was HTML ist.

1026
00:51:51,090 --> 00:51:56,390
Also das wird ermöglichen
wir unsere Uhr dot ändern

1027
00:51:56,390 --> 00:52:00,940
HTML entfernt, nur der Text dieser
sollte eine Uhr sein, um tatsächlich zu zeigen

1028
00:52:00,940 --> 00:52:05,630
die Zahlen und Dinge, die wir uns interessieren
zu, und tatsächlich Uhr sein.

1029
00:52:05,630 --> 00:52:09,810
>> Also, was wir tun werden, ist, wir sind
gehen mit dem Generieren von HTML.

1030
00:52:09,810 --> 00:52:16,520
So in der gleichen Weise, die wir früher
zu tun, und ist gleich für ganze Zahlen,

1031
00:52:16,520 --> 00:52:20,461
Sie können jetzt tun, dass für Streicher,
außer es wird ihnen zu verketten.

1032
00:52:20,461 --> 00:52:20,960
Richtig?

1033
00:52:20,960 --> 00:52:26,070
Wie wir mit Party dot js, diese gerade gesehen
verkettet alle diese Dinge zusammen.

1034
00:52:26,070 --> 00:52:31,970
So können Sie verschiedene Bits zu verketten
HTML von Variablen oder Bits von Strings

1035
00:52:31,970 --> 00:52:33,750
dass Sie zu schreiben
sich selbst, und dies nur

1036
00:52:33,750 --> 00:52:38,650
wirklich können Sie dynamisch
erzeugen HTML, was ziemlich cool ist.

1037
00:52:38,650 --> 00:52:42,040
Also, wenn Sie etwas haben,
sehr benutzerspezifischen,

1038
00:52:42,040 --> 00:52:44,130
dies ermöglicht es Ihnen, das zu tun.

1039
00:52:44,130 --> 00:52:47,550
>> So haben wir HTML, um ich zu gehen
versuchen, sicherzustellen, dass ich diese richtig zu machen.

1040
00:52:47,550 --> 00:52:49,890
Also werden wir einige h1 Header zu tun.

1041
00:52:49,890 --> 00:52:53,610
Also, was ist wichtig zu erkennen,
ist, dass dies eigentlich nur HTML.

1042
00:52:53,610 --> 00:52:54,460
Richtig?

1043
00:52:54,460 --> 00:52:56,610
Wir schreiben tatsächlichen
HTML-Code in hier, es ist

1044
00:52:56,610 --> 00:53:01,090
nicht nur eine Zeichenfolge in der normalen
Weise, dass wir darüber nachdenken würde.

1045
00:53:01,090 --> 00:53:02,930
So haben wir einige HTML.

1046
00:53:02,930 --> 00:53:04,940
Dies wird als eine Zeichenfolge hier aber.

1047
00:53:04,940 --> 00:53:10,380
Und das tun wir Datum dot-- wir
wollen unsere Stunden.

1048
00:53:10,380 --> 00:53:12,910
Auch zu sehen, wenn Sie waren
bis nichts über Datum,

1049
00:53:12,910 --> 00:53:16,160
es wäre Ihnen sagen, das sind alles
die Attribute dieses Datum hat.

1050
00:53:16,160 --> 00:53:17,670
Und hier ist, was man darauf verwenden können.

1051
00:53:17,670 --> 00:53:20,620
So wird es wahrscheinlich hat Dinge wie
Stunden bekommen, und erhalten Minuten,

1052
00:53:20,620 --> 00:53:24,669
und erhalten Sekunden und Millisekunden zu erhalten,
und wer weiß, was sie sonst noch haben.

1053
00:53:24,669 --> 00:53:27,210
Aber wenn Sie in der Suche
Dokumentation, werden alle da sein.

1054
00:53:27,210 --> 00:53:31,980
>> So haben wir bekommen Stunden
und wir wollen würde

1055
00:53:31,980 --> 00:53:35,614
verketten, dass with-- Ich bin
werde dies hier zu bewegen.

1056
00:53:35,614 --> 00:53:38,780
Also, wenn wir richtige Erzeugung jetzt sind wir
tatsächlich Erzeugung der Zeit, nicht wahr?

1057
00:53:38,780 --> 00:53:43,590
Wir haben Stunden, und dann, was ist
zwischen Stunden und Minuten?

1058
00:53:43,590 --> 00:53:45,080
Sie haben ein Semikolon, oder?

1059
00:53:45,080 --> 00:53:48,010
Deshalb wollen wir eine Semikolon hier.

1060
00:53:48,010 --> 00:53:51,780
Und dann wollen wir unsere erhalten
Minuten, so dass in der gleichen Weise

1061
00:53:51,780 --> 00:53:56,450
dass wir bisher bekommen dot Stunden
Wie können wir unsere Minuten zu bekommen?

1062
00:53:56,450 --> 00:54:01,542
Es ist buchstäblich Datums-Punkt erhalten
Minuten, die ich mag.

1063
00:54:01,542 --> 00:54:03,250
Es ist wie, "oh, wie
bekomme ich meine Minuten? "

1064
00:54:03,250 --> 00:54:05,850
Ich habe gerade meine Minuten.

1065
00:54:05,850 --> 00:54:07,500
>> OK.

1066
00:54:07,500 --> 00:54:10,990
Und dann haben wir hier einen weiteren Doppelpunkt.

1067
00:54:10,990 --> 00:54:16,350
Und dann, wenn wir wollen, um unsere
Sekunden, wie könnten wir unser zweites zu bekommen?

1068
00:54:16,350 --> 00:54:17,400
Datum dot erhalten Sekunden.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Ich denke, es ist ziemlich cool.

1071
00:54:21,590 --> 00:54:23,589
Und was ist wichtig,
zu realisieren, ist, dass wir auch

1072
00:54:23,589 --> 00:54:31,730
müssen unsere HTML-Tag hier in der Nähe, weil
es sollte immer noch gültig HTML, so h1 ist.

1073
00:54:31,730 --> 00:54:33,481
Kühle.

1074
00:54:33,481 --> 00:54:43,110
>> So nach, dass können wir tun Uhr
dot Innen HTML ist gleich HTML.

1075
00:54:43,110 --> 00:54:43,930
OK?

1076
00:54:43,930 --> 00:54:46,470
Also denken Sie daran, wie ich sagte,
Innen HTML grundsätzlich

1077
00:54:46,470 --> 00:54:50,610
erfolgt, was auch immer zwischen dem
zwei Tags, die wir gesprochen

1078
00:54:50,610 --> 00:54:54,470
und Einsätze oder manipuliert
was ist da drin?

1079
00:54:54,470 --> 00:54:58,290
Also, was es tut, wenn
gehen wir zurück zu unserer Uhr,

1080
00:54:58,290 --> 00:55:04,180
ist, dass Takt bezeichnet
alles, was in diesem div.

1081
00:55:04,180 --> 00:55:09,770
Dies ist der innere HTML
dieser Id Uhr div.

1082
00:55:09,770 --> 00:55:13,930
Und so, es wird es sich ändern
die HTML, die wir gerade erzeugt wird,

1083
00:55:13,930 --> 00:55:16,750
die, die, hoffentlich,
hoffentlich, hoffentlich,

1084
00:55:16,750 --> 00:55:21,026
wird die Zeit zeigen.

1085
00:55:21,026 --> 00:55:23,960
Wir werden sehen.

1086
00:55:23,960 --> 00:55:25,170
Natürlich.

1087
00:55:25,170 --> 00:55:26,860
So viele technische Probleme.

1088
00:55:26,860 --> 00:55:31,480
Allisons just-- Ich bin
mein Spiel heute Jungs.

1089
00:55:31,480 --> 00:55:34,136
OK, das funktioniert.

1090
00:55:34,136 --> 00:55:35,760
Uhr dot Innen HTML.

1091
00:55:35,760 --> 00:55:42,097
Es war HTML Wirklich?

1092
00:55:42,097 --> 00:55:43,180
Auch dies ist, was passiert.

1093
00:55:43,180 --> 00:55:48,750
Wenn Sie nicht sehen können, etwas, das Sie,
Schauen Sie sich den Quellcode.

1094
00:55:48,750 --> 00:55:49,250
OK.

1095
00:55:49,250 --> 00:55:51,912

1096
00:55:51,912 --> 00:55:54,870
Sie wollen wissen, einen kühlen umgehen
dass wir gehen, um hier zu tun?

1097
00:55:54,870 --> 00:55:55,740
>> ZIELGRUPPE: Können Sie Großbuchstaben zu tun?

1098
00:55:55,740 --> 00:55:56,580
Die Großbuchstaben?

1099
00:55:56,580 --> 00:55:58,996
Denn Sie haben zu Stunden,
und dann bekommen Minuten.

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON BUCHHOLTZ-AU: Es
ist zu Stunden und get-- oh.

1101
00:56:02,590 --> 00:56:04,945
Sie sind-- goldenen Stern.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
Es ist alles ein Test, Jungs.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Ich verspreche, es wurde vor der Klasse arbeiten.

1106
00:56:17,330 --> 00:56:22,590
>> OK, aber etwas kühl zu wissen ist,
dass Sie, wenn manchmal also-- können

1107
00:56:22,590 --> 00:56:26,560
Ihre externe Dateien
immer ein wenig verrückt,

1108
00:56:26,560 --> 00:56:30,960
Sie können auch einfach legte sie gerade
hier, die Dinge zu beheben neigt.

1109
00:56:30,960 --> 00:56:35,840
Außer das ist wie wirklich hässlich.

1110
00:56:35,840 --> 00:56:38,050
Natürlich formatieren alles.

1111
00:56:38,050 --> 00:56:41,425
Stellen Sie sicher, es ist alles recht.

1112
00:56:41,425 --> 00:56:41,925
OK.

1113
00:56:41,925 --> 00:56:47,200

1114
00:56:47,200 --> 00:56:50,621
>> Ich wollte alle coolen Demos zu tun,
und sie sind einfach nicht funktioniert.

1115
00:56:50,621 --> 00:56:51,555
OK.

1116
00:56:51,555 --> 00:56:53,890
Skript var Uhr.

1117
00:56:53,890 --> 00:57:00,350
Wie auch immer, was wichtig ist,
dass dies die allgemein

1118
00:57:00,350 --> 00:57:01,870
dass Sie JavaScript formatieren.

1119
00:57:01,870 --> 00:57:04,490
Wie Sie sehen können, kann es
manchmal sehr pingelig,

1120
00:57:04,490 --> 00:57:08,780
auch wenn es buchstäblich
vor 2 Sekunden arbeiten.

1121
00:57:08,780 --> 00:57:11,820
Oder nicht 2 Sekunden vor,
aber sehr, sehr vor kurzem.

1122
00:57:11,820 --> 00:57:16,070
>> Also, um Ihnen zu zeigen, was es aussehen sollte,
und um Ihnen zu zeigen, dass ich nicht verrückt,

1123
00:57:16,070 --> 00:57:19,730
und dass alles, was ist genau die
gleiche, das ist, was es aussehen sollte.

1124
00:57:19,730 --> 00:57:27,410
Sie sind gerade dabei, dieses Oberteil tun
hier, und wenn man Seite Quelle anzuzeigen,

1125
00:57:27,410 --> 00:57:32,160
wenn Sie feststellen, hat er einige
verrückter Dinge, vereinfachte ich es.

1126
00:57:32,160 --> 00:57:35,710
Auch Kredite an Tommy
McWilliam, die tatsächlich

1127
00:57:35,710 --> 00:57:38,810
hat mir geholfen, diese Beispiele zu erstellen,
weshalb ich weiß, dass sie funktionieren.

1128
00:57:38,810 --> 00:57:41,560
Da Tommy ist ein JavaScript-Master.

1129
00:57:41,560 --> 00:57:43,180
Aber wenn wir bemerken, haben wir eine Reihe.

1130
00:57:43,180 --> 00:57:45,170
Wir haben hier unsere Uhr-Funktion.

1131
00:57:45,170 --> 00:57:48,450
Dies ist um so, dass Javascript
wir gerade geschrieben haben, oder ein Teil davon.

1132
00:57:48,450 --> 00:57:51,470
Wir schrieben nur diese eine hier.

1133
00:57:51,470 --> 00:57:54,260
Und er hat eine extra
Funktion, die nur füllt es

1134
00:57:54,260 --> 00:57:57,790
indem er vor einem eine Null
Schreiben oder vor einer Reihe, wenn es

1135
00:57:57,790 --> 00:57:59,412
nur einer von ihnen.

1136
00:57:59,412 --> 00:58:02,120
Also, wenn Sie feststellen, das ist ziemlich
sehr genau, was wir gerade geschrieben haben.

1137
00:58:02,120 --> 00:58:06,230
Sie haben einige variablen Takt dass
hat unser Element, erhalten Element nach ID,

1138
00:58:06,230 --> 00:58:07,252
was Uhr.

1139
00:58:07,252 --> 00:58:08,960
Wir haben unsere festgelegten Intervall
Funktion, das ist

1140
00:58:08,960 --> 00:58:12,670
eine anonyme Funktion
dass führt all dies.

1141
00:58:12,670 --> 00:58:16,940
Wir haben einige Start Reihe von
HTML, die wir dann dynamisch

1142
00:58:16,940 --> 00:58:20,750
erzeugen, indem er einige
h1 Header, verkettet

1143
00:58:20,750 --> 00:58:23,950
mit bekommen die Stunden plus
unsere Doppelpunkt, sowie immer

1144
00:58:23,950 --> 00:58:26,860
die Minuten, plus weitere
Doppelpunkt, sowie unsere Sekunden,

1145
00:58:26,860 --> 00:58:29,330
und schließlich die Endung HTML dafür.

1146
00:58:29,330 --> 00:58:34,210
Und dann haben wir unsere Uhr aktualisiert
dot Innen HTML, HTML,

1147
00:58:34,210 --> 00:58:37,640
und wir aktualisieren alle 100 Millisekunden.

1148
00:58:37,640 --> 00:58:39,060
OK?

1149
00:58:39,060 --> 00:58:42,470
>> Siehe Ich verspreche, ich bin nicht verrückt.

1150
00:58:42,470 --> 00:58:43,440
Ich weiß nicht.

1151
00:58:43,440 --> 00:58:47,160
Ich weiß nicht, warum sie mich nicht mag.

1152
00:58:47,160 --> 00:58:54,030
Ich fühle mich wie sieht gleich aus,
aber anscheinend ist es hasst mich.

1153
00:58:54,030 --> 00:58:59,600
>> Also mal sehen, ob die dritte Runde geht besser.

1154
00:58:59,600 --> 00:59:00,970
Wir sind dabei, zu sehen.

1155
00:59:00,970 --> 00:59:02,910
Ich bin nicht sicher, wie das wird zu gehen.

1156
00:59:02,910 --> 00:59:06,700
Ist jeder zumindest immer die
Nachteile, wie gerade das allgemeine Thema

1157
00:59:06,700 --> 00:59:08,480
von JavaScript, wenn?

1158
00:59:08,480 --> 00:59:15,660
Ich hoffe, das ist zumindest sinnvoll, mehr
als zu zeigen, dass es ein wenig pingelig.

1159
00:59:15,660 --> 00:59:21,190
Aber das Problem Set wird sehr lustig werden.

1160
00:59:21,190 --> 00:59:22,590
Es wird großartig sein.

1161
00:59:22,590 --> 00:59:24,820
Es wird nicht ganz so langweilig,
da dies, glaube ich nicht.

1162
00:59:24,820 --> 00:59:28,100
Sie werden tatsächlich erhalten
sehen wirklich coole Dinge.

1163
00:59:28,100 --> 00:59:31,734
>> So nicht zuletzt,
wir werden die Twitter ausprobieren.

1164
00:59:31,734 --> 00:59:32,900
Ich bin jetzt wirklich Angst, Leute.

1165
00:59:32,900 --> 00:59:35,762
Ich weiß nicht, wie das gehen wird.

1166
00:59:35,762 --> 00:59:39,930
Aber nur, um Ihnen ein wenig
mehr Geschmack, und dies tatsächlich

1167
00:59:39,930 --> 00:59:44,190
Manipulation von Strings und
Eingänge, was wir tun werden

1168
00:59:44,190 --> 00:59:50,960
ist, wenn wir merken, hier mit HTML--
dieser hat ein wenig mehr schreiben--

1169
00:59:50,960 --> 00:59:57,200
wir haben einige Textbereich, die
entspricht diesem Textfeld hier.

1170
00:59:57,200 --> 00:59:58,030
OK?

1171
00:59:58,030 --> 01:00:00,420
Und das hat eine ID von Text.

1172
01:00:00,420 --> 01:00:04,520
Wir umgestaltet es ein wenig
mit irgendeiner Breite und Höhe

1173
01:00:04,520 --> 01:00:07,310
dass wir vorgegebenen habe,
und wir haben H1,

1174
01:00:07,310 --> 01:00:11,260
was nur ist unser Kopf eine,
steht für unser noch Zeichen zur Verfügung.

1175
01:00:11,260 --> 01:00:14,570
Wir gaben ihm etwas Id
Zeichen möglich,

1176
01:00:14,570 --> 01:00:18,660
und dann haben wir ein Skript
hier, ich bin wirklich davon

1177
01:00:18,660 --> 01:00:20,790
Hoffnung dritten Mal die
der Zauber hier, Leute.

1178
01:00:20,790 --> 01:00:26,750
>> Also, was wir tun wollen,
in der gleichen allgemeinen Venen

1179
01:00:26,750 --> 01:00:31,480
dass wir mit Uhr dot js getan
und Party-Punkt js wie wir bemerkt,

1180
01:00:31,480 --> 01:00:35,980
wird wir von wirklich greifen begonnen
die Dinge, die uns wichtig, nicht wahr?

1181
01:00:35,980 --> 01:00:42,330
So dass in diesem Fall gibt es zwei
Dinge, die wir kümmern uns um, OK?

1182
01:00:42,330 --> 01:00:47,199
Eine Sache, die wir eigentlich ganz
Blick in und Zeichendaten aus,

1183
01:00:47,199 --> 01:00:48,990
und eine Sache,
wir sind wirklich zu ändern.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Es gibt also unsere HTML.

1186
01:00:53,730 --> 01:01:00,370
Wenn dies unserer Webseite hier, was ist
die Daten, die wir auf der Suche?

1187
01:01:00,370 --> 01:01:03,860
Es wird was auch immer
der Text in unsere Boxen, oder?

1188
01:01:03,860 --> 01:01:05,310
Also, was ich geben Sie hier.

1189
01:01:05,310 --> 01:01:08,150
Das ist, was ich wissen will, oder
das ist, was ich will, zu betrachten.

1190
01:01:08,150 --> 01:01:10,690
Und was wird sein,
Wechsel auf unserer Webseite?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
Die Zeichen möglich.

1193
01:01:14,880 --> 01:01:19,550
So in der gleichen Weise wir wollen
starten, indem Initialisierung von Variablen

1194
01:01:19,550 --> 01:01:22,030
dass tatsächlich auf jene Elemente zu halten.

1195
01:01:22,030 --> 01:01:22,890
OK?

1196
01:01:22,890 --> 01:01:29,930
Wenn wir also einige var
das ist unser Textbereich,

1197
01:01:29,930 --> 01:01:33,681
und wir haben einige var, die übrigen ist.

1198
01:01:33,681 --> 01:01:34,180
Richtig?

1199
01:01:34,180 --> 01:01:36,190
So werden diese zu gehen
Halten Sie diese beiden Dinge.

1200
01:01:36,190 --> 01:01:42,370
So dass die gleiche Art der Sache,
Dokument dot-- OK, bin ich

1201
01:01:42,370 --> 01:01:45,920
werde sicherstellen, dass dies
diesmal funktionieren.

1202
01:01:45,920 --> 01:01:49,620
Ich bin sehr hartnäckig.

1203
01:01:49,620 --> 01:01:53,310
OK, also, wenn wir wollen, dass unsere
Textbereich nach

1204
01:01:53,310 --> 01:01:55,710
unsere HTML, was ist unser Kennung?

1205
01:01:55,710 --> 01:01:56,420
Was ist unsere Id?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
Es ist gerade dabei, Text, weil sein
das schafft unsere Textbereich, OK,

1208
01:02:05,540 --> 01:02:10,320
und unsere Id ist Text, das ist also
wie wir packen was da drin ist.

1209
01:02:10,320 --> 01:02:12,130
OK, Semikolon.

1210
01:02:12,130 --> 01:02:13,940
Ich werde Super sein
präzise darüber,

1211
01:02:13,940 --> 01:02:16,300
denn ich will diese, diese Zeit zu arbeiten.

1212
01:02:16,300 --> 01:02:22,120
OK, das gleiche tun,
erhalten Element Id.

1213
01:02:22,120 --> 01:02:25,970
Ich bin wirklich fragen, was hat
verursacht die beiden anderen in Unordnung zu bringen.

1214
01:02:25,970 --> 01:02:29,750
OK, dann in diesem,
Was wollen wir den Zugang?

1215
01:02:29,750 --> 01:02:30,760
Was ist unsere Id hier?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Wir haben eine andere Id in
unsere HTML, was ist das?

1218
01:02:36,261 --> 01:02:37,552
ZIELGRUPPE: Übrige Zeichen.

1219
01:02:37,552 --> 01:02:39,343
ALLISON BUCHHOLTZ-AU:
Übrige Zeichen.

1220
01:02:39,343 --> 01:02:43,360

1221
01:02:43,360 --> 01:02:44,330
>> OK.

1222
01:02:44,330 --> 01:02:46,010
Kühle.

1223
01:02:46,010 --> 01:02:49,800
Also ich bin gerade dabei,
schreibe wirklich schnell.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Ich werde einfach diese in Sekunden schreiben.

1226
01:02:55,330 --> 01:02:56,190
So Textbereich.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
Was interessant ist, B function-- es
gibt viele Funktionen, die nicht nur

1229
01:03:06,180 --> 01:03:09,690
vor dem Kauf
Maus, aber der Tastatur.

1230
01:03:09,690 --> 01:03:10,190
OK?

1231
01:03:10,190 --> 01:03:16,540
Man kann also sagen, wenn Sie eine beliebige Taste ist
gedrückt, können Sie so etwas tun kann.

1232
01:03:16,540 --> 01:03:20,450
Also die, die wir verwenden
wird auf die wichtigsten aufgerufen, die

1233
01:03:20,450 --> 01:03:25,320
sagt, ", wenn Sie eine beliebige Taste auf gedrückt haben
Tastatur, wenn der Benutzer aufgehoben wurde

1234
01:03:25,320 --> 01:03:28,064
ihre Finger von dieser Taste,
und der Schlüssel ist zu unpressed,

1235
01:03:28,064 --> 01:03:29,480
dann werden wir etwas tun. "

1236
01:03:29,480 --> 01:03:29,980
OK?

1237
01:03:29,980 --> 01:03:31,370
Also das macht Sinn, nicht wahr?

1238
01:03:31,370 --> 01:03:33,540
Da jedes Zeichen
wir geben, werden wir

1239
01:03:33,540 --> 01:03:36,550
um unsere Finger abheben zu müssen
davon, so, wenn die Taste nach oben geht,

1240
01:03:36,550 --> 01:03:40,980
wir wissen können, zu verringern
unsere Zeichen möglich.

1241
01:03:40,980 --> 01:03:44,440
>> Also haben wir etwas auf die wichtigsten
auf, und in der gleichen Weise,

1242
01:03:44,440 --> 01:03:47,480
wir werden sagen,
"OK, wenn wir das tun, werden wir

1243
01:03:47,480 --> 01:03:55,110
gehen, um eine Funktion zu erstellen, dass
wird sich E in diesem Fall nehmen ",

1244
01:03:55,110 --> 01:03:58,800
und das, was wir wollen, ist
Berechnung der verbleibenden Anzahl.

1245
01:03:58,800 --> 01:04:02,510
OK, also lasst uns einfach starten
durch die Schaffung eines variablen.

1246
01:04:02,510 --> 01:04:05,830
Wir haben also eine Variable r,
das wird vertreten

1247
01:04:05,830 --> 01:04:07,720
wie viele Zeichen die wir verlassen haben.

1248
01:04:07,720 --> 01:04:08,890
OK?

1249
01:04:08,890 --> 01:04:14,540
Wir wissen, dass wir mit
140, und wenn wir wissen wollen,

1250
01:04:14,540 --> 01:04:18,360
sagen wir mal, die Länge dieses
Zeichenfolge, die eingegeben worden ist,

1251
01:04:18,360 --> 01:04:20,860
Habt ihr eine Ahnung,
wie wir das tun?

1252
01:04:20,860 --> 01:04:23,900
Direkt an der Hand auf der Basis
Dinge, wie wenn wir wollten Stunden

1253
01:04:23,900 --> 01:04:25,870
wir gewöhnen Stunden.

1254
01:04:25,870 --> 01:04:28,860
Wir wissen, dass unser Objekt
Textbereich, konnte aber ihr Jungs

1255
01:04:28,860 --> 01:04:33,050
denken Sie an, was man nach ihm kommen?

1256
01:04:33,050 --> 01:04:35,280
Irgendwelche Ideen?

1257
01:04:35,280 --> 01:04:41,730
>> Also das hier ist Art von weniger
intuitive, aber es ist Wert Punktlänge.

1258
01:04:41,730 --> 01:04:44,700
Also gib mir einige
Wert Attribut,

1259
01:04:44,700 --> 01:04:46,500
ist eigentlich die Länge dieser Zeichenkette.

1260
01:04:46,500 --> 01:04:50,340
Also, es wird sagen: "OK, ich bin auf der Suche
bei dieser ganzen String in Textbereich,

1261
01:04:50,340 --> 01:04:52,730
und ich werde sagen,
Sie, wie lange es ist. "

1262
01:04:52,730 --> 01:04:55,500
Denn wenn wir uns erinnern, Strings
sind wirklich nur Arrays,

1263
01:04:55,500 --> 01:04:58,110
so dass wir einfach die Länge von ihnen.

1264
01:04:58,110 --> 01:05:01,860
So haben wir das.

1265
01:05:01,860 --> 01:05:04,058
Kühle.

1266
01:05:04,058 --> 01:05:09,360
>> Dann, was wir tun wollen, ist, dass wir
nie wollen, um dem Benutzer erlauben,

1267
01:05:09,360 --> 01:05:12,340
Eingabe über
140 Zeichen, oder?

1268
01:05:12,340 --> 01:05:15,610
Denn wenn wir, wie "Oh, Sie sagen,
nur so viel Rest "

1269
01:05:15,610 --> 01:05:20,522
und dann sollen sie das tun,
Wie auch immer, wir haben gelogen.

1270
01:05:20,522 --> 01:05:22,230
Und dies ist ein anderer
Sache, dass JavaScript

1271
01:05:22,230 --> 01:05:24,530
kann wirklich gut sein
für, ist Benutzervalidierung

1272
01:05:24,530 --> 01:05:29,062
und dafür sorgen, dass Ihre
Benutzer innerhalb einer Regelung passt

1273
01:05:29,062 --> 01:05:30,270
dass Sie sie zur Verfügung gestellt haben.

1274
01:05:30,270 --> 01:05:36,020
Also, wenn Sie Dinge wie was tun wollen
sicher, dass jemand Eingabe ihrer E-Mail-Adresse,

1275
01:05:36,020 --> 01:05:40,242
oder dafür sorgen, dass, wenn sie
Geben Sie zwei Passwörter, abgestimmt sie.

1276
01:05:40,242 --> 01:05:41,200
JavaScript kann das tun.

1277
01:05:41,200 --> 01:05:44,010
Sie wäre so etwas wie, "wann
das Formular gesendet wird, "oder ähnliches,

1278
01:05:44,010 --> 01:05:48,170
"Wenn Formular absenden Button
geklickt haben, lassen Sie diese Dinge. "

1279
01:05:48,170 --> 01:05:49,670
Und wir, dass JavaScript fähig sind.

1280
01:05:49,670 --> 01:05:52,680
Also das ist genau das, was
werden wir hier zu tun.

1281
01:05:52,680 --> 01:05:57,810
>> Also, was könnte ein Weg, um zu überprüfen, ob
sie haben mehr als 140 Zeichen gegangen?

1282
01:05:57,810 --> 01:06:03,310
Was wird geschehen
unseren Wert von r, wenn sie versuchen?

1283
01:06:03,310 --> 01:06:04,760
Es wird negativ sein, nicht wahr?

1284
01:06:04,760 --> 01:06:07,380
Oder es wird weniger sein
als oder gleich Null ist.

1285
01:06:07,380 --> 01:06:13,690
So können wir ein zu verwenden, wenn dies
Genau wie alles andere.

1286
01:06:13,690 --> 01:06:14,270
OK?

1287
01:06:14,270 --> 01:06:20,480
Und wir haben einige Textbereich dot
Wert, und was wir hier machen

1288
01:06:20,480 --> 01:06:29,940
ist, dass wir nur cutting-- was ist das?

1289
01:06:29,940 --> 01:06:30,900
Entschuldigung.

1290
01:06:30,900 --> 01:06:32,732
Dieses, wir wollen einfach nur return false.

1291
01:06:32,732 --> 01:06:34,030
Ich habe mich verwirrt.

1292
01:06:34,030 --> 01:06:36,560
Alle frazzled von den Dingen nicht.

1293
01:06:36,560 --> 01:06:40,010
OK, wir wollen einfach nur
return false, und dann werden wir

1294
01:06:40,010 --> 01:06:44,160
wollen die Anzeige
restlichen Zeichen, oder?

1295
01:06:44,160 --> 01:06:48,720
So mit der Uhr, haben wir
etwas mit Innen HTML, oder?

1296
01:06:48,720 --> 01:06:52,070
Wo wir es gleich einige
Variable, so was können wir hier machen?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
Was werden wir die Änderung der inneren HTML?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> ZIELGRUPPE: Die geblieben?

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON BUCHHOLTZ-AU:
Wir ändern übrigen.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
In Ordnung, und was machen wir
wollen es gleich eingestellt?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
Es wird r, denn das
sollte unser Zeichen möglich.

1306
01:07:18,437 --> 01:07:19,600
OK?

1307
01:07:19,600 --> 01:07:26,060
Also ich bin wirklich nervös, um zu sehen, wenn
das funktioniert jetzt, aber wir werden sehen.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Lassen Sie diese.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
Das ist wirklich schnell.

1312
01:07:37,700 --> 01:07:38,970
[Unverständlich] OK.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Auch ich bin nur werde Ihnen zeigen.

1315
01:07:45,990 --> 01:07:49,430
Aus welchem ​​Grund,
Bergwerk entscheidet, nicht zu arbeiten,

1316
01:07:49,430 --> 01:07:53,354
aber was ich dir zeigen werde ist, dass diese
ist-- oh Ich sollte, dass in.

1317
01:07:53,354 --> 01:07:57,470
OK, stellen wir die gleiche Art von
Sache hier, bekommen Sie den Textbereich.

1318
01:07:57,470 --> 01:08:01,070
>> Auch, wenn Sie guy Nachricht, wenn es
überhaupt etwas, was Sie tun wollen,

1319
01:08:01,070 --> 01:08:04,080
und Sie nicht wissen, wie zu tun
es, klicken Sie einfach Seitenquelltext,

1320
01:08:04,080 --> 01:08:06,632
und sie werden Ihnen sagen.

1321
01:08:06,632 --> 01:08:07,840
Manchmal es wird verschlüsselt werden.

1322
01:08:07,840 --> 01:08:11,147
Für Ihre pset, verschlüsseln wir alles,
so es sieht wie Kauderwelsch.

1323
01:08:11,147 --> 01:08:13,480
Aber wenn es jemals ein wirklich
coole Website, die Sie mögen,

1324
01:08:13,480 --> 01:08:17,729
wenn Sie nur klicken Sie auf Seite Quelle,
es wird Ihnen sagen, wie es geht.

1325
01:08:17,729 --> 01:08:20,770
Also noch einmal, intelligenter zu arbeiten, nicht härter.

1326
01:08:20,770 --> 01:08:24,250
Und wie man hier alle sehen
diese Dinge sind die gleichen.

1327
01:08:24,250 --> 01:08:31,930
diese hier dauert nur einige substring
dass, vergesse ich genau das, was das bedeutet.

1328
01:08:31,930 --> 01:08:36,980
Aber es offensichtlich dauert einige substring
der Wert von null bis zehn,

1329
01:08:36,980 --> 01:08:41,540
und gibt false zurück, was aufhören sollte
der Benutzer von mehr einzugeben,

1330
01:08:41,540 --> 01:08:46,040
und dann natürlich aktualisiert
die innere HTML gibt.

1331
01:08:46,040 --> 01:08:47,410
>> Kühle.

1332
01:08:47,410 --> 01:08:53,000
So groß Imbisse von heute,
Experiment betrachten Quellcode

1333
01:08:53,000 --> 01:08:58,359
denn es wird Ihnen helfen, eine Menge,
und jeder, manchmal JavaScript

1334
01:08:58,359 --> 01:09:03,200
kann schwierig zu handhaben sein und nicht
immer so funktionieren, wie Sie es erwarten,

1335
01:09:03,200 --> 01:09:05,700
sondern nur immer wieder versuchen,
weil ich verspreche, es wird.

1336
01:09:05,700 --> 01:09:08,376
Ich verspreche allen diesen Beispielen
wurden vor dem Unterricht arbeiten.

1337
01:09:08,376 --> 01:09:09,750
Ich verstehe nicht, was passiert ist.

1338
01:09:09,750 --> 01:09:13,069
Ich habe wirklich alles das gleiche.

1339
01:09:13,069 --> 01:09:17,660
>> Eine weitere Sache, die ich will nur
zeigen euch, die super nützlich sein kann,

1340
01:09:17,660 --> 01:09:21,630
wird in-- was vor der Arbeit?

1341
01:09:21,630 --> 01:09:23,935
Wir bekamen Partei der Arbeit, nicht wahr?

1342
01:09:23,935 --> 01:09:26,569
Ich glaube schon.

1343
01:09:26,569 --> 01:09:27,069
Ja.

1344
01:09:27,069 --> 01:09:27,630
Wir taten.

1345
01:09:27,630 --> 01:09:28,250
Ehrfürchtig.

1346
01:09:28,250 --> 01:09:31,189
OK, so eine Sache,
Sie Jungs wissen sollten

1347
01:09:31,189 --> 01:09:33,340
ist das Konsolenprotokoll, das ich darüber gesprochen.

1348
01:09:33,340 --> 01:09:37,040
So trösten Punkt Protokoll hallo.

1349
01:09:37,040 --> 01:09:40,430
Also das ist eine Art, die
JavaScript Äquivalent printf.

1350
01:09:40,430 --> 01:09:42,810
Also, wenn Sie schon immer einmal
überprüfen Sie Ihre Variablen

1351
01:09:42,810 --> 01:09:49,649
oder sehen, was dort vor sich geht, was
Sie tun können, ist, wenn wir untersuchen Element,

1352
01:09:49,649 --> 01:09:51,899
ist das, was Sie gehen wollen
zu, und Sie gehen, um zu trösten,

1353
01:09:51,899 --> 01:09:53,770
Sie sehen, dass es gedruckt hallo.

1354
01:09:53,770 --> 01:09:55,750
>> So konnten wir es haben
Druck, was wir wollten.

1355
01:09:55,750 --> 01:10:04,170
Wenn wir wollten, dass es Hintergrund zu drucken
dot Stil Punkthintergrund,

1356
01:10:04,170 --> 01:10:08,454
wir sollten in der Lage, das zu sehen
RGB dreimal so kommt.

1357
01:10:08,454 --> 01:10:11,140
Oder nicht.

1358
01:10:11,140 --> 01:10:13,520
Vergesse ich genau, wie Sie
drucken Sie eine Variable so,

1359
01:10:13,520 --> 01:10:17,249
aber Sie sollten in der Lage zu sein,
Drucken Sie solche Dinge.

1360
01:10:17,249 --> 01:10:19,040
Das wird sehr nützlich sein
für Ihre pset, wenn

1361
01:10:19,040 --> 01:10:23,330
Sie versuchen zu manipulieren sind
koordiniert und so weiter.

1362
01:10:23,330 --> 01:10:25,270
So dass sie auch dieses Stück in der Klasse zu ändern.

1363
01:10:25,270 --> 01:10:30,750
Dies unterscheidet sich von den letzten Jahren, so dass
einfach nur schön sein, Ihre TFs oder die TFs

1364
01:10:30,750 --> 01:10:36,350
bei Sprechstunden statt, denn wir sind
Art des Lernens zusammen mit euch.

1365
01:10:36,350 --> 01:10:41,230
Aber das Konsolenprotokoll war super, super
hilfreich für JavaScript im Vorjahr.

1366
01:10:41,230 --> 01:10:42,740
So lieben es.

1367
01:10:42,740 --> 01:10:43,780
Erfahren Sie, wie man es benutzt.

1368
01:10:43,780 --> 01:10:49,026
Es ist einfacher zu benutzen als GDB, so dass
sollte mindestens ein Pluspunkt sein.

1369
01:10:49,026 --> 01:10:50,650
Aber danke Jungs Lager mit mir.

1370
01:10:50,650 --> 01:10:53,400
Es tut mir leid, dass mein
Beispiele aus irgendeinem Grund

1371
01:10:53,400 --> 01:10:55,410
wollte einfach nicht zu
arbeiten mit mir, aber ich

1372
01:10:55,410 --> 01:11:01,010
hoffen, dass es half Art erhalten Sie ein
etwas mehr in der Zone von JavaScript.

1373
01:11:01,010 --> 01:11:04,980
Und schicken Sie mir Ihre Fragen für
nächste Woche, so kann ich Super repariert werden kann,

1374
01:11:04,980 --> 01:11:09,420
und ich werde Süßigkeiten und sogar extra bringen
Süßigkeiten, denn es war lächerlich.

1375
01:11:09,420 --> 01:11:14,000
Aber ihr seid großartig,
und haben eine wunderbare Woche.

1376
01:11:14,000 --> 01:11:15,584