1
00:00:00,000 --> 00:00:07,440

2
00:00:07,440 --> 00:00:08,180
>> TOMAS REIMERS: Hallo, alle zusammen.

3
00:00:08,180 --> 00:00:09,250
Mein Name ist Tomas Reimers.

4
00:00:09,250 --> 00:00:10,500
>> MIKE RIZZO: Und ich bin Mike Rizzo.

5
00:00:10,500 --> 00:00:12,990
>> TOMAS REIMERS: Wir sind zwei von CS50s TS.

6
00:00:12,990 --> 00:00:18,910
Und heute sind wir die führende Seminar
JavaScript und CSS für Web-Anwendungen.

7
00:00:18,910 --> 00:00:22,140
Wenn Sie folgen möchten, die
Link ist gleich da drüben.

8
00:00:22,140 --> 00:00:25,190
Und wissen Sie, es zu errichten wollen
auf dem Computer kurz?

9
00:00:25,190 --> 00:00:27,460
>> Es ist der Link.

10
00:00:27,460 --> 00:00:30,390
Es ist eine kleine Website, die Links zu hat
alle Ressourcen, wir werden sein

11
00:00:30,390 --> 00:00:36,490
Sie zeigt heute und hat auch eine Menge
nützliche Informationen von uns geschrieben

12
00:00:36,490 --> 00:00:39,680
Lesen Sie mehr in der Tiefe, wenn Sie wieder gehen,
und Sie versuchen, sich daran zu erinnern, was du

13
00:00:39,680 --> 00:00:42,166
genau das haben wir gesagt, was du warst
reden, et cetera.

14
00:00:42,166 --> 00:00:43,870
>> MIKE RIZZO: In Ordnung.

15
00:00:43,870 --> 00:00:44,890
Lassen Sie uns also beginnen.

16
00:00:44,890 --> 00:00:45,700
>> TOMAS REIMERS: So möchten Sie starten?

17
00:00:45,700 --> 00:00:45,970
OK.

18
00:00:45,970 --> 00:00:47,170
>> MIKE RIZZO: Ja.

19
00:00:47,170 --> 00:00:51,730
Also zuerst wollten wir mit einem breiten starten
Übersicht über das Internet und

20
00:00:51,730 --> 00:00:54,240
Dateitypen bei der Gestaltung von Websites.

21
00:00:54,240 --> 00:00:57,550
Während dieser Präsentation wollen wir
bekommen in JavaScript in viel viel

22
00:00:57,550 --> 00:01:00,320
später, wollten wir beginnen mit
gerade, Art, wie Augenansicht des Vogels

23
00:01:00,320 --> 00:01:03,270
von dem, was eine Website ist und wie
um über die Gestaltung ein, dass

24
00:01:03,270 --> 00:01:04,800
Website für den Start.

25
00:01:04,800 --> 00:01:08,370
>> Also Jungs, an dieser Stelle - mit ihr
wird von Freitag Nacht - sollte

26
00:01:08,370 --> 00:01:11,000
Ihre CS50 Finanz eingereicht
Problem setzt.

27
00:01:11,000 --> 00:01:15,260
Ich hoffe, das war ein guter Geschmack
von welcher Web-Programmierung kann.

28
00:01:15,260 --> 00:01:18,261
Aber hier wollen wir, eine Art, geben
Sie eine andere Geschmack, als auch.

29
00:01:18,261 --> 00:01:23,190
>> TOMAS REIMERS: Also nur zur Erinnerung, was
passiert, wenn Sie in Ihrer URL zu geben

30
00:01:23,190 --> 00:01:26,650
Ihren Web-Browser, erhält diese URL
sah in den Computer.

31
00:01:26,650 --> 00:01:28,590
Und Ihren Computer angeschlossen
an einen anderen Computer,

32
00:01:28,590 --> 00:01:29,890
die Hosts, die Website.

33
00:01:29,890 --> 00:01:33,150
OK, also, wenn Sie google.com gehen, sind Sie
zu einem der Google in Verbindung

34
00:01:33,150 --> 00:01:36,496
Computer, was den
Dateien für google.com.

35
00:01:36,496 --> 00:01:38,750
>> Sie fragt dann nach einer bestimmten Datei.

36
00:01:38,750 --> 00:01:40,020
Also, wenn Sie gehen -

37
00:01:40,020 --> 00:01:41,550
Ich weiß nicht -

38
00:01:41,550 --> 00:01:48,170
example.com / index.html oder / test.html,
Sie gehen, um zu bitten sind

39
00:01:48,170 --> 00:01:49,340
dass bestimmte Datei.

40
00:01:49,340 --> 00:01:52,780
Und der Webserver gehen
um es an Sie zurück.

41
00:01:52,780 --> 00:01:54,910
>> Dann, wenn Sie durch diese Datei gehen -

42
00:01:54,910 --> 00:01:57,750

43
00:01:57,750 --> 00:01:59,950
sobald Sie Computer bekommt, dass
Datei - es wird starten

44
00:01:59,950 --> 00:02:00,820
, um eine Webseite zu bauen.

45
00:02:00,820 --> 00:02:03,020
So, jetzt hat es die HTML-Datei,
die Art, wie das ist

46
00:02:03,020 --> 00:02:05,170
Struktur der Web-Seite.

47
00:02:05,170 --> 00:02:08,620
Die HTML-Datei könnte auch Referenz
CSS-Dateien, die die Definition

48
00:02:08,620 --> 00:02:09,889
Stil der Web-Seite.

49
00:02:09,889 --> 00:02:12,970
>> JavaScript-Dateien, die definiert,
Interaktion mit der Webseite.

50
00:02:12,970 --> 00:02:15,200
Bilddateien, die nur Bilder sind.

51
00:02:15,200 --> 00:02:19,450
Und möglicherweise Links zu anderen HTML-Dateien,
die Sie dann besuchen.

52
00:02:19,450 --> 00:02:22,656

53
00:02:22,656 --> 00:02:24,380
>> MIKE RIZZO: OK, toll.

54
00:02:24,380 --> 00:02:28,980
So euch alle, vielleicht,
sorgfältig Ihre lokale Host eingerichtet

55
00:02:28,980 --> 00:02:30,810
auf Ihrem virtuellen Maschine.

56
00:02:30,810 --> 00:02:35,650
Und das nur, irgendwie ist die lokale
Domain, die Ihren Computer-Hosts

57
00:02:35,650 --> 00:02:38,760
für Sie auf eigene IP-Adresse.

58
00:02:38,760 --> 00:02:43,300
>> So in das, dann können Sie hinzufügen
um es zu Ihrer eigenen Web-Seiten.

59
00:02:43,300 --> 00:02:47,655
Ich meine, in CS50 Finanzen, die Sie haben sollten
hinzugefügt einige HTML-Seiten, die sind,

60
00:02:47,655 --> 00:02:49,410
Art, in der PHP-Wrapper verpackt.

61
00:02:49,410 --> 00:02:54,690
Aber letztlich, was Ihre PHP-Seiten
HTML Ausgabe wurden war.

62
00:02:54,690 --> 00:02:58,210
>> Aber denken zurück an den Anfang
der PSET, mussten wir gesetzt

63
00:02:58,210 --> 00:03:00,890
die Berechtigungen für alles, oder?

64
00:03:00,890 --> 00:03:07,270
Also das im Grunde nur lässt uns wissen,
wer lesen, schreiben und möglicherweise

65
00:03:07,270 --> 00:03:08,730
ausführen jede der Dateien.

66
00:03:08,730 --> 00:03:11,870
So werden wir eine schnelle tun - hm?

67
00:03:11,870 --> 00:03:15,660
>> TOMAS REIMERS: Also wir gehen
um eine schnelle Demo zu tun.

68
00:03:15,660 --> 00:03:19,560
Also nur, um Sie daran erinnern, wenn
eine Verbindung zu den Google-Computer -

69
00:03:19,560 --> 00:03:20,690
wer auch immer -

70
00:03:20,690 --> 00:03:24,060
und zuerst fragen nach einer Datei, den Computer
muss sicherstellen, dass Sie berechtigt sind

71
00:03:24,060 --> 00:03:28,790
tatsächlich anzeigen, Datei oder gelesen, dass
Datei, weil Sie nicht nur fragen kann

72
00:03:28,790 --> 00:03:30,430
für jede Datei auf dem Computer, oder?

73
00:03:30,430 --> 00:03:32,260
Das wäre ein Sicherheitsrisiko sein.

74
00:03:32,260 --> 00:03:37,020
>> Also Dateien auf den Systemen, die wir verwenden, wie
Dieses Gerät CS50, haben drei

75
00:03:37,020 --> 00:03:39,200
allgemeinen Menschen, die können
Berechtigungen für so etwas.

76
00:03:39,200 --> 00:03:41,610
Die erste ist die eigentliche
Eigentümer der Datei.

77
00:03:41,610 --> 00:03:43,820
Die zweite ist die Gruppe, die
die Datei gehört.

78
00:03:43,820 --> 00:03:46,090
Wir gehen nicht zu fokussieren
zu viel auf die.

79
00:03:46,090 --> 00:03:50,010
Und die letzte Sache ist, eine Art, wie die
Welt oder wie jeder andere auch, wer

80
00:03:50,010 --> 00:03:54,130
nicht spezifisch auf diese Datei und nicht
haben keine Eigentumsrechte über sie.

81
00:03:54,130 --> 00:04:05,650
>> Wenn wir also Besitzer, Gruppe,
und dann weltweit.

82
00:04:05,650 --> 00:04:10,510
Und dann wird jede dieser Gruppen können
können eine von drei Berechtigungen verfügen,

83
00:04:10,510 --> 00:04:13,010
OK, oder mehrere von ihnen.

84
00:04:13,010 --> 00:04:15,070
Sie können Leseberechtigungen verfügen.

85
00:04:15,070 --> 00:04:16,560
Sie können Berechtigungen verfügen.

86
00:04:16,560 --> 00:04:18,880
Und Sie haben können Ausführungsberechtigungen.

87
00:04:18,880 --> 00:04:22,060
>> Also in Bezug auf tatsächliche Dateitypen lesen
Erlaubnis ist wie wirklich lesen

88
00:04:22,060 --> 00:04:23,250
der Inhalt der Datei.

89
00:04:23,250 --> 00:04:24,730
Ein Recht Genehmigung ist schriftlich
auf die Datei.

90
00:04:24,730 --> 00:04:28,370
Ein Ausführungsberechtigung läuft die
Datei, wie Sie, wenn Sie eine zu tun laufen

91
00:04:28,370 --> 00:04:29,620
Ihre CS50-Projekte.

92
00:04:29,620 --> 00:04:32,190

93
00:04:32,190 --> 00:04:38,820
>> Also, wenn wir über das Denken Dateien
wie wenn wir, um eine HTML lesen müssen

94
00:04:38,820 --> 00:04:41,790
Datei, die Welt braucht
lesbar, oder?

95
00:04:41,790 --> 00:04:44,420
Vermutlich auch der Besitzer will
in der Lage sein, um die Datei zu bearbeiten.

96
00:04:44,420 --> 00:04:46,610
So hat der Besitzer gehen zu müssen,
Lese-und Schreibberechtigungen.

97
00:04:46,610 --> 00:04:48,710
Sie brauchen nicht wirklich auszuführen.

98
00:04:48,710 --> 00:04:50,950
>> Group, werden wir behandeln die
gleiche wie die Welt für den Moment.

99
00:04:50,950 --> 00:04:54,610
Also brauchen sie Leseberechtigungen.

100
00:04:54,610 --> 00:04:57,310
Aber sie brauchen Schreib
oder Ausführungsberechtigungen.

101
00:04:57,310 --> 00:05:01,920
Und nun, wenn wir denken zurück an ehemalige
Psets, was wir wissen, ist diese Art

102
00:05:01,920 --> 00:05:03,360
von binären aussehen, oder?

103
00:05:03,360 --> 00:05:04,210
1 steht für ja.

104
00:05:04,210 --> 00:05:05,040
0 für nein.

105
00:05:05,040 --> 00:05:06,870
Und wir tatsächlich übersetzen kann
dies zu Binär.

106
00:05:06,870 --> 00:05:10,478
>> So würden 110 in binärer 6 sein.

107
00:05:10,478 --> 00:05:13,270
100 würde 4 sein.

108
00:05:13,270 --> 00:05:14,690
Gleiche mit Welt.

109
00:05:14,690 --> 00:05:20,846
So ist die Zahl, die Sie für die bekommen würde
Berechtigungen für das würde 644 sein.

110
00:05:20,846 --> 00:05:24,400
>> MIKE RIZZO: Und wenn Sie zurück denken, um
wenn Sie etwas chmod, glaube ich,

111
00:05:24,400 --> 00:05:28,980
sie gaben dem Problem stellen Sie die
Beispiel, wo Sie tun können

112
00:05:28,980 --> 00:05:36,470
so etwas wie chmod 644
und dann den Dateinamen.

113
00:05:36,470 --> 00:05:39,980
Die 644 dann können Sie nun direkt sehen,
woher das kommt.

114
00:05:39,980 --> 00:05:42,840
So hoffnungsvoll das macht, dass
ein wenig mehr klar.

115
00:05:42,840 --> 00:05:45,600
>> Und dann der Übersichtlichkeit Sie guy -

116
00:05:45,600 --> 00:05:48,200
oh ja, hier ist das schon wieder.

117
00:05:48,200 --> 00:05:53,260
Also 600 dann wäre genau das Beispiel
gaben wir hier, wo der Besitzer hat

118
00:05:53,260 --> 00:05:56,360
Lese-und Recht-Berechtigungen während die Gruppe
Welt und haben keine Rechte haben

119
00:05:56,360 --> 00:05:58,145
Zugriff auf die Datei.

120
00:05:58,145 --> 00:06:01,500
>> TOMAS REIMERS: Und dann haben wir eine schnelle
Liste der häufigsten Berechtigungen.

121
00:06:01,500 --> 00:06:05,250
So Verzeichnisse, möchten Sie
tatsächlich chmod 711.

122
00:06:05,250 --> 00:06:08,930
Schnell beiseite - für ein Verzeichnis zu haben,
Ausführbarkeitsberechtigung bedeutet, in der Lage sein,

123
00:06:08,930 --> 00:06:11,680
, um das Verzeichnis zu öffnen.

124
00:06:11,680 --> 00:06:15,280
Bilder, CSS, JavaScript, HTML Bedürfnisse
644, weil im Grunde die Welt

125
00:06:15,280 --> 00:06:16,400
Bedürfnisse Leseberechtigungen.

126
00:06:16,400 --> 00:06:20,960
>> Und PHP, die ihr Jungs haben gesehen,
auch wenn wir nicht darüber reden,

127
00:06:20,960 --> 00:06:24,880
streng ist typischerweise mit chmod
600 Genehmigung, weil es mit laufen

128
00:06:24,880 --> 00:06:26,540
die Berechtigungen des Eigentümers.

129
00:06:26,540 --> 00:06:27,790
Wenigstens auf das Gerät.

130
00:06:27,790 --> 00:06:30,200

131
00:06:30,200 --> 00:06:36,870
>> MIKE RIZZO: Also, wenn Sie nicht speziell
angeben, welche Art von Datei

132
00:06:36,870 --> 00:06:39,480
Sie wollen eigentlich die Einstellung
bis dieser Präsentation -

133
00:06:39,480 --> 00:06:43,490
wir hatten ein Problem damit, weil
alles, was nicht korrekt chmod -

134
00:06:43,490 --> 00:06:47,550
Sie gehen zu, eine Art, eine zu bekommen sind
Fehler verboten, dass die Website

135
00:06:47,550 --> 00:06:49,700
eigentlich nicht über die Berechtigung
zu, was Datei zugreifen

136
00:06:49,700 --> 00:06:51,370
Sie wollen, dass es zugreifen.

137
00:06:51,370 --> 00:06:54,780
Und selbstverständlich, dass festgelegt werden kann -
wie in Problem-Set - durch Änderung

138
00:06:54,780 --> 00:06:56,405
Berechtigungen entsprechend.

139
00:06:56,405 --> 00:06:59,620
>> TOMAS REIMERS: Und der letzte Kommentar
schnell die lokale Entwicklung ist - wir

140
00:06:59,620 --> 00:07:02,000
brachte diese, aber wir wollten nur
, um es wieder zu bringen -

141
00:07:02,000 --> 00:07:06,230
wenn Sie fragen, für einen Server - so lokalen Host
zum Beispiel com oder was auch immer. -

142
00:07:06,230 --> 00:07:09,170
und Sie nicht angeben, eine bestimmte Datei,
die Datei, die Ihr Computer wird

143
00:07:09,170 --> 00:07:11,540
für nennt index.HTML fragen.

144
00:07:11,540 --> 00:07:12,790
Oder wenn das nicht vorhanden ist, index.php.

145
00:07:12,790 --> 00:07:15,560

146
00:07:15,560 --> 00:07:16,350
>> Kühl.

147
00:07:16,350 --> 00:07:19,560
Also das ist nur eine Zusammenfassung von allem,
hoffentlich, die wir behandelt haben in

148
00:07:19,560 --> 00:07:22,800
Schnitt und Vortrag
und bisher in CS50.

149
00:07:22,800 --> 00:07:26,110
Und jetzt werden wir zu sprechen beginnen
über speziell Bibliotheken.

150
00:07:26,110 --> 00:07:30,270
JavaScript-und CSS-Bibliotheken
für Web-Anwendungen.

151
00:07:30,270 --> 00:07:36,350
>> Also schnell ein Grund, warum wir
Bibliotheken ist die Programmierung -

152
00:07:36,350 --> 00:07:39,000
es gibt eine Menge von Problemen in
Programmierung, die immer wieder auftauchen

153
00:07:39,000 --> 00:07:40,570
wieder und wieder und wieder.

154
00:07:40,570 --> 00:07:43,870
Sie können feststellen, dass eine Vielzahl von Websites
brauchen die Fähigkeit, Dropdown haben

155
00:07:43,870 --> 00:07:49,100
Menüs, zum Beispiel, oder brauchen die Fähigkeit
eine sehr Standardschaltfläche haben

156
00:07:49,100 --> 00:07:51,400
Stil, was nicht sein kann,
die einfachste Sache.

157
00:07:51,400 --> 00:07:54,670
Jetzt, wo Sie beginnen, in HTML erhalten, können Sie
erkennen, dass Tasten kann tatsächlich

158
00:07:54,670 --> 00:07:57,720
sehen wirklich hässlich, wenn Sie
nichts zu tun.

159
00:07:57,720 --> 00:08:00,830
>> So viele Leute geschrieben haben
genannt Bibliotheken.

160
00:08:00,830 --> 00:08:02,990
Und in diesem Zusammenhang, sie sind
auch Rahmenbedingungen genannt.

161
00:08:02,990 --> 00:08:04,790
Wir werden die Verwendung der
zwei austauschbar.

162
00:08:04,790 --> 00:08:07,360
Und was sie sind, sie sind im Grunde
vorgefertigten Teile des Codes -

163
00:08:07,360 --> 00:08:09,130
entweder CSS oder JavaScript -

164
00:08:09,130 --> 00:08:13,240
dass sich eine Menge von der
Team, das Sie bei der Codierung haben.

165
00:08:13,240 --> 00:08:17,290
>> Also vordefinieren eine Reihe von Klassen oder
pre-definieren eine Reihe von Funktionen für die

166
00:08:17,290 --> 00:08:20,110
JavaScript ist Fall die
Sie später anrufen.

167
00:08:20,110 --> 00:08:22,690
Und dann kann man, irgendwie, erhalten
Zugang zu diesem Code ohne

168
00:08:22,690 --> 00:08:23,710
mit nichts zu tun.

169
00:08:23,710 --> 00:08:27,750
Ein Beispiel der Bibliothek war CS50.H.
Das war eine Bibliothek, die wir an Sie zurück gegeben

170
00:08:27,750 --> 00:08:32,090
in der ersten Woche, die Sie tun müssen, erlaubt
Dinge wie diese GetInt und GetString

171
00:08:32,090 --> 00:08:35,237
ohne zu schreiben
jeder Code selber.

172
00:08:35,237 --> 00:08:36,179
>> MIKE RIZZO: In Ordnung.

173
00:08:36,179 --> 00:08:40,299
So, hier, genau wie wir mussten schließen
in unserer C-Dateien der verschiedenen

174
00:08:40,299 --> 00:08:46,570
Bibliotheken, sollen auch wir in sind
unsere HTML-Dateien verschiedenen Bibliotheken.

175
00:08:46,570 --> 00:08:50,310
Zum Beispiel, wenn wir wollten schließen
eine bestimmte JavaScript-Bibliothek hier

176
00:08:50,310 --> 00:08:52,850
vielleicht eine, die wir geschrieben haben,
uns, wie es lokal gehostet

177
00:08:52,850 --> 00:08:56,000
script.js genannt, wir haben nur
Mit dieser Notation.

178
00:08:56,000 --> 00:08:59,500
>> So haben wir Skripttyp Gleichen
JavaScript-Quelle Gleichen

179
00:08:59,500 --> 00:09:01,260
Javascript.js.

180
00:09:01,260 --> 00:09:05,190
Und wenn Sie zurückdenken, um Ihre CS50
Finanz Problem eingestellt, wenn Sie in sah

181
00:09:05,190 --> 00:09:09,190
header.php im Ordner Vorlagen
Sie gesehen haben sollten

182
00:09:09,190 --> 00:09:10,970
Einige von diesen enthalten.

183
00:09:10,970 --> 00:09:13,250
Also das erste - die Skripte -

184
00:09:13,250 --> 00:09:16,080
ist mit einer JavaScript-Bibliothek.

185
00:09:16,080 --> 00:09:18,760
Einschließlich einer CSS-Bibliothek ist
ein bisschen anders.

186
00:09:18,760 --> 00:09:21,430
>> Hier kann anstelle des Skripts
TAG benötigen Sie den Link-Tag.

187
00:09:21,430 --> 00:09:27,110
Und dann der Text CSS-Typ
ist ein wenig anders.

188
00:09:27,110 --> 00:09:29,270
Sie haben nicht immer zu schließen
rel-Stylesheet.

189
00:09:29,270 --> 00:09:30,970
Aber ich denke, es ist, in der Regel,
gute Praxis.

190
00:09:30,970 --> 00:09:35,810
>> Und dann schließlich die HREF, die Sie
wahrscheinlich sah in Ihrem ATAGs für die Verknüpfung von

191
00:09:35,810 --> 00:09:39,440
in verschiedenen Links nur spezifiziert
der Link, wo zu finden.

192
00:09:39,440 --> 00:09:42,250
Zum Beispiel, wenn wir wollten, um einen Link
andere Bibliothek - sagen wir einfach -

193
00:09:42,250 --> 00:09:49,330
dass lebte in styles.css.

194
00:09:49,330 --> 00:09:54,030
Und wir wollen, dass das ist, wollte verlinken
im Web gehostet, würden wir uns zu kopieren, dass.

195
00:09:54,030 --> 00:09:58,834
Und dann fügen Sie ihn in das, was
wir hier haben, statt.

196
00:09:58,834 --> 00:10:01,340
>> TOMAS REIMERS: OK, hoffentlich
Jungs sind bereits vertraut

197
00:10:01,340 --> 00:10:02,410
mit, wie man CSS verknüpfen.

198
00:10:02,410 --> 00:10:04,000
Sie zu tun hatte, auf
Ihr letzter Satz braun.

199
00:10:04,000 --> 00:10:07,110
JavaScript einige von euch vielleicht
habe einige Erfahrung mit.

200
00:10:07,110 --> 00:10:07,980
Einige von euch vielleicht nicht.

201
00:10:07,980 --> 00:10:12,190
>> So jetzt wissen, dass eine JavaScript-Datei
ist sehr ähnlich wie in einer CSS-Datei

202
00:10:12,190 --> 00:10:15,640
das Gefühl, dass man, um es zu verbinden oder
dass man es intern sind.

203
00:10:15,640 --> 00:10:17,360
Und es ermöglicht Ihnen, Skript Dinge.

204
00:10:17,360 --> 00:10:21,820
Und wir werden Sie durch einen Spaziergang
wenig später JavaScript.

205
00:10:21,820 --> 00:10:23,560
>> Also mit einer Bibliothek -

206
00:10:23,560 --> 00:10:26,150
wenn Sie es aufgenommen haben, ist es als
einfach wie buchstäblich Aufruf der

207
00:10:26,150 --> 00:10:29,640
Funktionen oder die Zugabe
Klassennamen zu.

208
00:10:29,640 --> 00:10:32,220
Das letzte, was wir reden wollen
etwa in Bezug auf die Bibliothek -

209
00:10:32,220 --> 00:10:34,180
und dies ist eher ein technischer Hinweis -

210
00:10:34,180 --> 00:10:35,860
ist Open-Source-Lizenzierung.

211
00:10:35,860 --> 00:10:41,550
Also, wenn Sie diese tatsächlichen Bibliotheken zu finden,
Sie können sich denken, von

212
00:10:41,550 --> 00:10:47,630
Fragen mag, ist es in Ordnung, dass ich nur
Verwendung von Code ist jemand anderes, vor allem

213
00:10:47,630 --> 00:10:51,970
denn das ist etwas, was wir sehr viel
Sie sagte in diesem Kurs nicht zu tun.

214
00:10:51,970 --> 00:10:55,790
>> So im Fall von Open-Source-Lizenzierung,
viele Entwickler -

215
00:10:55,790 --> 00:10:57,540
sobald sie eine Bibliothek geschrieben habe,
was sie denken könnte

216
00:10:57,540 --> 00:10:59,450
hilfreich, um andere Menschen -

217
00:10:59,450 --> 00:11:02,420
wird es im Web zu veröffentlichen
und geben ihm eine Lizenz.

218
00:11:02,420 --> 00:11:06,620
Und eine Lizenz im Grunde sagt, dass ich hiermit
die Erlaubnis, andere

219
00:11:06,620 --> 00:11:11,250
Menschen, dieses Stück Software
mit der folgenden Art

220
00:11:11,250 --> 00:11:13,230
Bestimmungen.

221
00:11:13,230 --> 00:11:16,100
>> Wir haben einen Link zu einer Website, um gut aufgenommen
helfen, die Lizenzen in verstehen

222
00:11:16,100 --> 00:11:17,720
Falls Sie in die Arme laufen.

223
00:11:17,720 --> 00:11:21,680
Gemeinsame Bestimmungen sind Dinge wie
Sie sind herzlich eingeladen, meine Bibliothek zu verwenden, so

224
00:11:21,680 --> 00:11:23,000
solange Sie mir Kredit zu geben.

225
00:11:23,000 --> 00:11:25,670
Sie sind willkommen, meine Bibliothek
solange, wenn es bricht

226
00:11:25,670 --> 00:11:26,790
Sie nicht mir die Schuld.

227
00:11:26,790 --> 00:11:30,310
Sie sind willkommen, so lange meine Bibliothek verwenden
wie Sie sie nicht benutzen, um Geld zu machen

228
00:11:30,310 --> 00:11:31,910
für sich.

229
00:11:31,910 --> 00:11:34,130
Dies sind Arten von gemeinsamen
Bestimmungen.

230
00:11:34,130 --> 00:11:37,780
>> Aus diesem CS50 Abschlussprojekt, sie
sollte nicht super relevant sein, weil

231
00:11:37,780 --> 00:11:41,440
die Projekte, die Sie verwenden, sind Jungs
wohl eher, eine Art, bekannt.

232
00:11:41,440 --> 00:11:44,170
Aber wenn Sie tatsächlich gehen in die
Welt und starten Sie mit Bibliotheken, die

233
00:11:44,170 --> 00:11:48,100
kann oder nicht, sowie umgesetzt werden
einige der beliebtesten gehören wir sind

234
00:11:48,100 --> 00:11:49,780
sein werden, durchmachen.

235
00:11:49,780 --> 00:11:53,310
Es ist gut zu verstehen können
diese Lizenzen und

236
00:11:53,310 --> 00:11:54,560
verstehen, was sie bedeuten.

237
00:11:54,560 --> 00:11:58,120

238
00:11:58,120 --> 00:11:58,586
Und geht zurück.

239
00:11:58,586 --> 00:12:00,960
>> MIKE RIZZO: OK.

240
00:12:00,960 --> 00:12:04,850
So, jetzt bewegt auf Beispiele
der eigentliche CSS.

241
00:12:04,850 --> 00:12:07,770
An diesem Punkt so weit, könnten Sie
das nicht erlebt haben.

242
00:12:07,770 --> 00:12:10,300
Aber Sie könnten es in angetroffen haben
Ihrem täglichen Leben, wo etwas

243
00:12:10,300 --> 00:12:13,160
das sieht einen Weg, auf der einen Browser
vielleicht nicht gleich aussehen

244
00:12:13,160 --> 00:12:14,880
Weise in einem anderen Browser.

245
00:12:14,880 --> 00:12:17,400
>> Dies wird als Browser Browser
Kompatibilität.

246
00:12:17,400 --> 00:12:20,780
Und immer ist es immer mehr und
eher ein Problem, zumal

247
00:12:20,780 --> 00:12:25,260
Browser nehmen mehr und mehr Freiheiten
Dinge zu implementieren, wie sie wollen.

248
00:12:25,260 --> 00:12:28,440
So, um das zu überwinden, es gibt tatsächlich
eine große Bibliothek mit dem Namen Normalize.CSS.

249
00:12:28,440 --> 00:12:32,236

250
00:12:32,236 --> 00:12:33,770
>> TOMAS REIMERS: Wir enthalten den Link.

251
00:12:33,770 --> 00:12:36,210
An dieser Stelle ist es hilfreich, wenn
Sie Ihren Laptop in dort haben

252
00:12:36,210 --> 00:12:38,740
Suche auf der Baustelle.

253
00:12:38,740 --> 00:12:42,580
Und wir werden dieses Recht geben, Sie
jetzt einfach, weil die letzte CS50

254
00:12:42,580 --> 00:12:44,370
Projekt tatsächlich zu
Sie bitten, es zu implementieren

255
00:12:44,370 --> 00:12:45,860
ähnlich und durch Browsern.

256
00:12:45,860 --> 00:12:49,250
>> Also, nur um in der Rückseite Ihrer halten
Kopf, ist dies eine wunderbare Bibliothek

257
00:12:49,250 --> 00:12:51,170
weil es so will, eine Art,
Dinge zu standardisieren.

258
00:12:51,170 --> 00:12:54,230
In Firefox kann etwas zeigen
als ein Pixel nach links.

259
00:12:54,230 --> 00:12:58,390
Und dann Chrome kann, dass tatsächlich entscheiden
was du gemeint war 10 Pixel

260
00:12:58,390 --> 00:12:59,380
nach links.

261
00:12:59,380 --> 00:13:01,030
Und Sie, dies zu standardisieren möchten.

262
00:13:01,030 --> 00:13:05,360
Normalisieren wird tatsächlich eine wirklich gute
Job, dafür zu sorgen, dass Ihre Website

263
00:13:05,360 --> 00:13:08,070
sieht gleich in allen Browsern.

264
00:13:08,070 --> 00:13:10,660
>> MIKE RIZZO: Also wenn wir wollten nur
klicken Sie auf den Link wirklich schnell und Show

265
00:13:10,660 --> 00:13:13,140
Sie, wie das aussieht, können Sie
kann es mit Hilfe der Download

266
00:13:13,140 --> 00:13:14,670
Riesen Schaltfläche Download.

267
00:13:14,670 --> 00:13:18,520
Oder ich Sie ermutigen, mehr zu erfahren
indem Sie auf diesen Link in der unteren

268
00:13:18,520 --> 00:13:19,310
rechten Ecke.

269
00:13:19,310 --> 00:13:22,420
>> TOMAS REIMERS: Und wenn Sie tatsächlich
Mehr lesen Sie genau dort -

270
00:13:22,420 --> 00:13:24,340
klicken Sie auf die Quelle auf GitHub -

271
00:13:24,340 --> 00:13:31,720
Sie werden tatsächlich sehen die Open-Source-
Lizenz auf LICENSE.md recht.

272
00:13:31,720 --> 00:13:35,740
Und Sie werden hier sehen, ist die
sehr beliebt MIT-Lizenz.

273
00:13:35,740 --> 00:13:38,940
Auch, wenn Sie durch den Text zu lesen,
Sie in der Lage, es auf der Website zu finden sein

274
00:13:38,940 --> 00:13:42,550
wir zuvor verwiesen und in der Lage,
verstehen, ohne zu lesen

275
00:13:42,550 --> 00:13:45,920
durch den juristischen Jargon.

276
00:13:45,920 --> 00:13:46,850
>> MIKE RIZZO: OK, toll.

277
00:13:46,850 --> 00:13:47,940
Also das ist, normalisieren.

278
00:13:47,940 --> 00:13:49,190
Wir wollten Ihnen
das ist wirklich schnell.

279
00:13:49,190 --> 00:13:50,030
Oh, haben Sie eine Frage haben?

280
00:13:50,030 --> 00:13:53,013
>> ZIELGRUPPE: Also, wenn Sie es herunterladen, können Sie
folgen Sie einfach diesen Code, die sie haben

281
00:13:53,013 --> 00:13:54,098
unter den Download-Button?

282
00:13:54,098 --> 00:13:55,860
>> TOMAS REIMERS: Ja, so
wenn Sie herunterladen -

283
00:13:55,860 --> 00:13:58,130
>> MIKE RIZZO: Oh, das ist ein großer Punkt.

284
00:13:58,130 --> 00:14:00,700
Also die Frage war, wie zu tun
wir tatsächlich herunterladen?

285
00:14:00,700 --> 00:14:03,260
Wenn wir also auf den Link klicken, sehen wir
dass es tatsächlich erscheint

286
00:14:03,260 --> 00:14:05,030
im Quellcode.

287
00:14:05,030 --> 00:14:08,550
Also, dies zu tun, was wir konnten
nicht nur auf Speichern unter wird.

288
00:14:08,550 --> 00:14:10,830
Speichern unter, und das sollte
bringen eine Datei.

289
00:14:10,830 --> 00:14:14,160
Und dann können wir entscheiden, sparen
es als normalize.CSS.

290
00:14:14,160 --> 00:14:15,810
Und dann müsste man es in verlinken -

291
00:14:15,810 --> 00:14:18,660
>> TOMAS REIMERS: Die gleiche Art und Weise Sie
Link in einer anderen Datei.

292
00:14:18,660 --> 00:14:22,250
Und wenn man es in zu verknüpfen, was ist toll
zu normalisieren ist es tatsächlich

293
00:14:22,250 --> 00:14:25,920
kümmern sich um all die harte
arbeiten für sich.

294
00:14:25,920 --> 00:14:27,730
Was bedeutet, dass Sie nicht haben,
, alle Klassen hinzuzufügen.

295
00:14:27,730 --> 00:14:29,690
>> Sie haben nicht zu tun, etwas seltsam.

296
00:14:29,690 --> 00:14:34,590
Es wird ohne dich zu normalisieren
nichts weiter zu tun.

297
00:14:34,590 --> 00:14:36,083
Ja, Sie haben, um es zu schließen.

298
00:14:36,083 --> 00:14:38,990

299
00:14:38,990 --> 00:14:40,240
Google Chrome reagiert nicht.

300
00:14:40,240 --> 00:14:43,270

301
00:14:43,270 --> 00:14:44,860
>> Nur eine schnelle beiseite -

302
00:14:44,860 --> 00:14:46,800
Ich habe bemerkt, wir in diese gesprungen.

303
00:14:46,800 --> 00:14:49,010
Der Rest dieser Präsentation ist
gehen, um einen schnellen Überblick können.

304
00:14:49,010 --> 00:14:50,380
Eine Befragung von Bibliotheken.

305
00:14:50,380 --> 00:14:52,710
>> Im Grunde, was sie sind.

306
00:14:52,710 --> 00:14:53,350
Was sie tun.

307
00:14:53,350 --> 00:14:54,060
Wie sie sind nützlich.

308
00:14:54,060 --> 00:14:56,540
Wie Sie vielleicht diese umzusetzen.

309
00:14:56,540 --> 00:14:59,730
Wenn Sie beginnen, sie wollen,
entlang Folgendes ein, und das Lesen durch

310
00:14:59,730 --> 00:15:01,990
sie, würde ich sehr empfehlen, dass.

311
00:15:01,990 --> 00:15:07,620
>> Alternativ können Sie gerne auch
starten Sie den Download und mit ihnen

312
00:15:07,620 --> 00:15:11,400
sie in einer Sicht nur, was sie sehen
aussehen oder was sie tun, wenn Sie

313
00:15:11,400 --> 00:15:12,270
Ihren Laptop vor sich.

314
00:15:12,270 --> 00:15:14,650
Wenn nicht, sind Sie herzlich eingeladen zu halten
Hören auf uns zu sprechen.

315
00:15:14,650 --> 00:15:15,500
Wir werden im Gespräch zu bleiben.

316
00:15:15,500 --> 00:15:18,680
Und wir haben Zeit am Ende hoffentlich
wir tatsächlich in welche Sie

317
00:15:18,680 --> 00:15:20,946
was einige dieser Bibliotheken
aussehen.

318
00:15:20,946 --> 00:15:22,320
>> MIKE RIZZO: Kühle.

319
00:15:22,320 --> 00:15:25,466
Alles klar, jetzt reden lassen
über Font gut.

320
00:15:25,466 --> 00:15:30,480
>> TOMAS REIMERS: Schrift so gut ist ein
wirklich nette Ort, vor allem für diejenigen

321
00:15:30,480 --> 00:15:32,450
von uns, die weniger künstlerisch sind
talentiert.

322
00:15:32,450 --> 00:15:36,330

323
00:15:36,330 --> 00:15:38,880
Das Ignorieren der Name Font Awesome, gibt es
Sie eine Reihe von Icons, die sind

324
00:15:38,880 --> 00:15:41,050
sehr nützlich.

325
00:15:41,050 --> 00:15:45,950
So viele Male werden Sie ein Gerät
Symbol können Sie wie ein netter x so wollen

326
00:15:45,950 --> 00:15:47,170
dass man etwas schließen.

327
00:15:47,170 --> 00:15:49,910
>> Oder Sie können eine Art von Schaltfläche Bearbeiten
mit einer Bleistiftzeichnung wie

328
00:15:49,910 --> 00:15:50,940
alle anderen hat.

329
00:15:50,940 --> 00:15:53,850
Und das ist, wenn Sie erfahren, dass
zeichnen diese Symbole können

330
00:15:53,850 --> 00:15:55,510
sehr mühsam und schwierig.

331
00:15:55,510 --> 00:15:59,160
Font Awesome - wenn Sie tatsächlich
auf die Website gehen -

332
00:15:59,160 --> 00:16:02,892
gibt Ihnen eine Menge von Symbolen unter
die Symbole an der Spitze.

333
00:16:02,892 --> 00:16:06,980
Ja, nur die Besten.

334
00:16:06,980 --> 00:16:09,030
Es wird Ihnen eine Menge
von Icons für kostenlos.

335
00:16:09,030 --> 00:16:15,210
>> Also hier sehen wir Dinge wie eine haben
Sternchen, Bars, ein Blitz, ein

336
00:16:15,210 --> 00:16:19,750
Kalender, ein Fehler, ein Buch, et cetera.

337
00:16:19,750 --> 00:16:21,110
Dies kann sehr nützlich sein.

338
00:16:21,110 --> 00:16:24,290
Die Art, wie Sie diese schließen ist, Sie sind
buchstäblich die CSS-Datei.

339
00:16:24,290 --> 00:16:29,760
Und nachdem Sie die CSS-Datei enthalten haben,
was Sie tun können, ist, die Sie erstellen ein

340
00:16:29,760 --> 00:16:33,430
Tag namens I. Es satands für
Symbol mit der Klasse FA

341
00:16:33,430 --> 00:16:34,460
Stehen für Font gut.

342
00:16:34,460 --> 00:16:36,330
Und dann, unabhängig von Klasse, die Sie möchten.

343
00:16:36,330 --> 00:16:41,220
>> Also, wenn ich wollte eine Ikone dieser Plus
Quadratur hier, würde ich geben

344
00:16:41,220 --> 00:16:43,290
es die Klasse FA.

345
00:16:43,290 --> 00:16:46,230
Und dann FA Bindestrich und Bindestrich Platz.

346
00:16:46,230 --> 00:16:50,325

347
00:16:50,325 --> 00:16:53,710
>> MIKE RIZZO: Cool, OK.

348
00:16:53,710 --> 00:16:56,980
>> TOMAS REIMERS: Und dann, die letzte CSS
Bibliothek, die wir wollen, bekommen wir durch

349
00:16:56,980 --> 00:16:59,950
versucht, es minimal auf CSS halten
Bibliotheken, weil wir erkennen, die

350
00:16:59,950 --> 00:17:03,660
Titel der Präsentation
JavaScript-Bibliotheken ist.

351
00:17:03,660 --> 00:17:07,089
Aber wir dachten, dass wir können auch
stellen Ihnen die anderen Bibliotheken

352
00:17:07,089 --> 00:17:09,569
während wir über Bibliotheken sprechen.

353
00:17:09,569 --> 00:17:11,400
>> Es ist Google Web Fonts.

354
00:17:11,400 --> 00:17:17,040
Und was Google Web Fonts können Sie
zu tun ist, Schriftarten hinzufügen, um Ihre Website,

355
00:17:17,040 --> 00:17:22,079
die eine wirklich einfache Möglichkeit, es zu machen ist
hübsch und zu Ihrem Satz unterscheiden

356
00:17:22,079 --> 00:17:24,460
von allen anderen ist, wenn es
eine schöne Schrift oder wenn es eine schöne hat

357
00:17:24,460 --> 00:17:27,790
Sammlung von Schriften.

358
00:17:27,790 --> 00:17:31,410
Google Web Fonts ist schön, im Gegensatz zu anderen
Bibliotheken in dem Sinne, dass es ein

359
00:17:31,410 --> 00:17:33,490
wirklich geführte Installation.

360
00:17:33,490 --> 00:17:38,680
>> Also, wenn Sie dem Link zu folgen, ist es
google.com / fonts, glaube ich.

361
00:17:38,680 --> 00:17:41,100
Wenn Sie folgen, dass Sie
können Sie die Schriftart auswählen.

362
00:17:41,100 --> 00:17:44,410
Sie können auf der linken Seite wählen
Dicke, schräg, et cetera.

363
00:17:44,410 --> 00:17:48,970
Und dann, wenn Sie sich entschieden haben, ein,
können Sie auf den schnellen Einsatz.

364
00:17:48,970 --> 00:17:49,820
Genau dort.

365
00:17:49,820 --> 00:17:51,590
Unten rechts der Box.

366
00:17:51,590 --> 00:17:54,380

367
00:17:54,380 --> 00:17:56,700
>> Und dann, nach unten scrollen.

368
00:17:56,700 --> 00:17:59,600

369
00:17:59,600 --> 00:18:02,650
Zunächst geben sie dir die CSS, die
Sie brauchen, um tatsächlich zu verknüpfen.

370
00:18:02,650 --> 00:18:03,330
Es ist recht.

371
00:18:03,330 --> 00:18:05,170
Sie können nur kopieren und einfügen, dass in.

372
00:18:05,170 --> 00:18:07,250
Und das schöne an diesem ist
Sie eigentlich nicht einmal zu

373
00:18:07,250 --> 00:18:08,340
laden Sie die Datei.

374
00:18:08,340 --> 00:18:11,170
>> Was es zu tun ist, es wird
um die Google-Version davon zu verknüpfen.

375
00:18:11,170 --> 00:18:14,130
Also zurück zu dem, was heißt das.

376
00:18:14,130 --> 00:18:18,270
Das bedeutet, wenn ein Benutzer
Ihre Datei herunterlädt -

377
00:18:18,270 --> 00:18:22,300
lädt Ihre HTML-Seite - Ihre HTML-
Seite wird diese Datei verweisen.

378
00:18:22,300 --> 00:18:26,790
>> Also dann, Ihren Computer vor sich geht, um zu sehen,
oh, es ist auf google.com eher gehostet

379
00:18:26,790 --> 00:18:28,170
als auf theirsite.com.

380
00:18:28,170 --> 00:18:30,370
Lassen Sie mich gehen fragen Sie Google für die Datei.

381
00:18:30,370 --> 00:18:32,800
Und dann, es geht um umfassen
es fast, als ob es ein

382
00:18:32,800 --> 00:18:35,584
Teil Ihrer eigenen Website.

383
00:18:35,584 --> 00:18:36,540
>> TOMAS REIMERS: Kühle.

384
00:18:36,540 --> 00:18:40,980
Und wenn Sie, dass sind, dann auf
fügen ihn in Ihre CSS, gibt es Ihnen

385
00:18:40,980 --> 00:18:41,830
die tatsächliche Linie.

386
00:18:41,830 --> 00:18:45,188
Sie haben also die Eigenschaft font-Familie eingestellt
gleich der Name Ihres Schriftart.

387
00:18:45,188 --> 00:18:47,936

388
00:18:47,936 --> 00:18:50,440
>> MIKE RIZZO: OK.

389
00:18:50,440 --> 00:18:52,220
Also haben wir nur mit CSS beendet.

390
00:18:52,220 --> 00:18:57,230
Und einige von euch vielleicht denken, na ja,
wir hatten einige CSS auf CS50 Finance.

391
00:18:57,230 --> 00:19:00,390
Aber CSS Bootstrap-Bibliothek war.

392
00:19:00,390 --> 00:19:05,190
Wir sind tatsächlich ein wenig Bootstrap
später unter JavaScript, weil mit

393
00:19:05,190 --> 00:19:09,660
die Bootstrap CSS-Bibliothek kommt auch
mit viel JavaScript dass

394
00:19:09,660 --> 00:19:12,060
Bootstrap-oder Twitter -
die Bootstrap gemacht -

395
00:19:12,060 --> 00:19:15,426
verwendet, um alle ihre CSS verwalten.

396
00:19:15,426 --> 00:19:19,592
>> TOMAS REIMERS: Hat jemand irgendwelche haben
Fragen, die bisher über CSS im Allgemeinen?

397
00:19:19,592 --> 00:19:20,723
Wir sind gut?

398
00:19:20,723 --> 00:19:21,216
Ehrfürchtig.

399
00:19:21,216 --> 00:19:22,495
>> MIKE RIZZO: Awesome.

400
00:19:22,495 --> 00:19:25,136
>> TOMAS REIMERS: So bewegen
auf JavaScript.

401
00:19:25,136 --> 00:19:27,900
>> MIKE RIZZO: Also reden wollten wir
über jQuery zu beginnen.

402
00:19:27,900 --> 00:19:30,780
Hat jemand von jQuery gehört
vor oder es verwendet?

403
00:19:30,780 --> 00:19:32,180
Ja, ein Paar?

404
00:19:32,180 --> 00:19:36,000
Also, wenn Sie nur mit einheimischen arbeiten
JavaScript, werden Sie sich selbst zu finden

405
00:19:36,000 --> 00:19:41,000
Eingabe eine Menge von lang Selektoren viel.

406
00:19:41,000 --> 00:19:44,400
Also, was tut, ist es jQuery bietet
eine schöne Verpackung für die JavaScript-

407
00:19:44,400 --> 00:19:48,180
Sprache, die Sie einfach auswählen können
und zu manipulieren, verschiedene Elemente

408
00:19:48,180 --> 00:19:52,470
innerhalb der Dokument-Objekt-Modell der
Web-Seite oder die DOM, was ich denke,

409
00:19:52,470 --> 00:19:54,290
Sie Jungs haben in der zu hören
Vortrag an dieser Stelle.

410
00:19:54,290 --> 00:19:57,550
>> TOMAS REIMERS: Wenn Sie nicht gehört haben
oder wenn Sie es nicht gesehen haben, Vortrag

411
00:19:57,550 --> 00:20:01,870
doch ist das Document Object Model
im Grunde, wie die Dinge dargestellt.

412
00:20:01,870 --> 00:20:05,290
So HTML Art sieht aus wie ein Baum
wenn Sie tatsächlich zeichnen es aus.

413
00:20:05,290 --> 00:20:06,850
Sie haben das HTML-Element an der Spitze.

414
00:20:06,850 --> 00:20:07,560
Sie haben die Kopf und Körper.

415
00:20:07,560 --> 00:20:09,500
>> Und dann, dass Sie innerhalb
haben alles andere.

416
00:20:09,500 --> 00:20:10,660
Das ist als DOM genannt -

417
00:20:10,660 --> 00:20:12,120
Document Object Model.

418
00:20:12,120 --> 00:20:16,090
So ein Modell, das Objekte repräsentiert
das Dokument ist eine einfache Möglichkeit, zu denken

419
00:20:16,090 --> 00:20:18,560
darüber.

420
00:20:18,560 --> 00:20:22,520
Und einer der großen Sache über jQuery
ist es wirklich sinn Verfahrgeschwindigkeit

421
00:20:22,520 --> 00:20:26,460
und zu manipulieren, dass Elemente innerhalb
dass unglaublich einfach.

422
00:20:26,460 --> 00:20:30,300
>> So einfach, in der Tat, dass die Mehrheit der
JavaScript-Bibliotheken oder wenn nicht die

423
00:20:30,300 --> 00:20:34,200
Mehrheit, die große Mehrheit von Einsen
Sie sehen tatsächlich benötigen jQuery so

424
00:20:34,200 --> 00:20:37,530
dass sie sich einfach laufen
weil, wenn Sie nicht haben, jQuery, Sie

425
00:20:37,530 --> 00:20:40,540
würde eine Menge Zeit verschwenden,
herauszufinden, wie man bestimmte auswählen

426
00:20:40,540 --> 00:20:43,660
Elemente und wie man andere Dinge zu tun.

427
00:20:43,660 --> 00:20:47,950
Und die andere große Sache über jQuery
ist, dass es Cross-Browser-kompatibel.

428
00:20:47,950 --> 00:20:51,550
>> Also denken Sie daran zurück, als wir sagten, dass
nicht alle Browser implementieren

429
00:20:51,550 --> 00:20:53,100
Dinge die gleiche Weise?

430
00:20:53,100 --> 00:20:55,120
Dies ist auch in JavaScript wahr.

431
00:20:55,120 --> 00:20:58,220
Und einer der großen Vorteile von jQuery
ist, dass sie erkennt, das

432
00:20:58,220 --> 00:21:00,300
Browser und erkennen die
geeignete Methode.

433
00:21:00,300 --> 00:21:03,420
>> Also, wenn Sie benötigen, um ein Element auszuwählen,
Internet Explorer könnte sagen, du bist

434
00:21:03,420 --> 00:21:05,770
soll auf diese Weise zu tun.

435
00:21:05,770 --> 00:21:08,300
Firefox könnte die richtige sagen
So ist dieser Weg.

436
00:21:08,300 --> 00:21:09,710
jQuery kümmert sich nicht.

437
00:21:09,710 --> 00:21:12,550
Wenn Sie sagen, ein jQuery wählen
Element wird es herausfinden, wie es ist

438
00:21:12,550 --> 00:21:16,290
soll es im Browser tun das
Benutzer gerade befindet, und führen Sie dann

439
00:21:16,290 --> 00:21:18,584
es so.

440
00:21:18,584 --> 00:21:22,650
>> MIKE RIZZO: Lassen Sie uns also nicht darüber reden
die Verwendung von jQuery ein wenig.

441
00:21:22,650 --> 00:21:27,670
Genau wie PHP, jQuery hat eine besondere
Vorliebe für die Dollar-Zeichen.

442
00:21:27,670 --> 00:21:30,880
So werden Sie feststellen, dass jede jQuery -

443
00:21:30,880 --> 00:21:32,060
gut, nicht alle.

444
00:21:32,060 --> 00:21:35,210
Sie können manchmal den Dollar ersetzen
Schild mit dem Wort jQuery.

445
00:21:35,210 --> 00:21:38,980
Aber in der Regel, nur weil es
kürzer, wenn Sie sehen, dass jQuery

446
00:21:38,980 --> 00:21:41,420
verwendet, es wird mit einem Dollar-Zeichen sein.

447
00:21:41,420 --> 00:21:47,030
>> So, hier sind wir nur die einen Beginn
Wähler für ein Element im DOM.

448
00:21:47,030 --> 00:21:52,850
Hier haben wir das Dollarzeichen, gefolgt
durch offene Klammern und Anführungszeichen.

449
00:21:52,850 --> 00:21:56,130
Und innerhalb der Anführungszeichen gehen unsere Selektoren
für die verschiedenen Elemente.

450
00:21:56,130 --> 00:21:59,810
Genau wie in CSS, brauchten wir Selektoren
in der Lage, verschiedene Elemente zu stylen

451
00:21:59,810 --> 00:22:00,840
innerhalb der Seite.

452
00:22:00,840 --> 00:22:06,555
Diese unterschiedlichen Selektoren übersetzen
genau in jQuery und JavaScript

453
00:22:06,555 --> 00:22:07,820
in den meisten Fällen.

454
00:22:07,820 --> 00:22:10,120
>> Hier haben wir also einen Punkt foo.

455
00:22:10,120 --> 00:22:14,780
Also, wenn Sie von der Vorlesung erinnern,
der Punkt bedeutet nur die Klasse.

456
00:22:14,780 --> 00:22:18,850
Also sind wir die Auswahl Element
mit class foo.

457
00:22:18,850 --> 00:22:22,670
Also, wenn ich gehen Sie vor und öffnen unsere
JavaScript-Konsole hier wirklich schnell

458
00:22:22,670 --> 00:22:26,830
nur nachzuweisen, dass es, wenn ich nur geben die
Dollarzeichen, sehen wir, dass es einige

459
00:22:26,830 --> 00:22:28,090
Funktion, die angezeigt wird.

460
00:22:28,090 --> 00:22:29,420
Und es ist nur von jQuery definiert.

461
00:22:29,420 --> 00:22:32,120
>> TOMAS REIMERS: Für die von Ihnen
nicht vertraut, ist die Konsole ein Werkzeug

462
00:22:32,120 --> 00:22:35,430
innerhalb von Chrome, die Ihnen ermöglicht,
im Grunde, führen Sie JavaScript in den

463
00:22:35,430 --> 00:22:36,450
aktuellen Seite.

464
00:22:36,450 --> 00:22:39,420
Diese werden Sie unglaublich nützlich finden, wenn
Sie tatsächlich Debugging und Sie

465
00:22:39,420 --> 00:22:42,400
müssen, wie sein, wie ist der aktuelle
Wert einer globalen Variablen oder was

466
00:22:42,400 --> 00:22:43,910
ist etwas anderes?

467
00:22:43,910 --> 00:22:47,620
Es ist eine Art, wie GDB mit Ausnahme
dass Sie tatsächlich

468
00:22:47,620 --> 00:22:51,600
manipulieren Elemente auf der Seite mit
es eine viel einfachere Art und Weise.

469
00:22:51,600 --> 00:22:55,080
Und es auch nicht, im Grunde, überprüfen
mit dir, bevor es irgendetwas tut.

470
00:22:55,080 --> 00:22:58,660
>> Während also könnte wie GDB sein, sind Sie
sicher, dass Sie den nächsten Schritt ausführen?

471
00:22:58,660 --> 00:22:59,830
Die Konsole ist in real.

472
00:22:59,830 --> 00:23:03,690
So wie die Webseite Rendering und
zu tun, was es tut, das

473
00:23:03,690 --> 00:23:05,720
Rats auch daneben läuft.

474
00:23:05,720 --> 00:23:08,330
Und Sie können impute Code kannst
dass-Konsole, die

475
00:23:08,330 --> 00:23:09,260
auf der Seite ausgeführt werden.

476
00:23:09,260 --> 00:23:12,190
>> MIKE RIZZO: Also, um die Konsole eingeben,
Ich denke, ich sollte kurz

477
00:23:12,190 --> 00:23:13,750
erwähnen, wie das zu tun.

478
00:23:13,750 --> 00:23:17,850
In den letzten Probleme, die Sie haben können
Gebraucht Chrome inspizieren Element

479
00:23:17,850 --> 00:23:20,440
Funktionen oder Ansicht-Seite Quelle -

480
00:23:20,440 --> 00:23:23,870
und diejenigen, zugänglich nur durch das Recht sind
Klicken Sie auf der Seite oder einem bestimmten

481
00:23:23,870 --> 00:23:28,430
Element und dabei entweder inspizieren
Element oder Ansicht-Seite Quelle.

482
00:23:28,430 --> 00:23:31,190
Wir können auch auf die JavaScript-
Konsole direkt durch

483
00:23:31,190 --> 00:23:33,630
Auswahl prüfen Element.

484
00:23:33,630 --> 00:23:37,930
Also dann einfach auf Konsole
auf der rechten Seite.

485
00:23:37,930 --> 00:23:41,900
>> Alternativ können Sie auch gegangen sein könnte
an der oberen rechten Ecke,

486
00:23:41,900 --> 00:23:46,820
welche aus auf diesem Bildschirm, wo geschnitten wird,
es hat die drei Striche.

487
00:23:46,820 --> 00:23:52,010
Und Sie gehen auf Tools und
dann JavaScript-Konsole

488
00:23:52,010 --> 00:23:53,240
hier, wo sehen können -

489
00:23:53,240 --> 00:23:54,370
zumindest unter Windows -

490
00:23:54,370 --> 00:23:59,680
die Tastenkombination Shift-Steuerung ist J. Also
wenn wir ein Element auswählen wollte

491
00:23:59,680 --> 00:24:06,060
auf der Seite, so wie ich zeigte,
vor, wir tun Dollarzeichen offen parens

492
00:24:06,060 --> 00:24:08,180
und dann zitiert.

493
00:24:08,180 --> 00:24:11,750
>> Eine interessante Sache ist, in der Regel,
Apostrophe und Anführungszeichen sind

494
00:24:11,750 --> 00:24:12,370
austauschbar.

495
00:24:12,370 --> 00:24:16,050
So viele Menschen nutzen nur einzelne
Anführungszeichen, weil sie schneller zu tippen sind

496
00:24:16,050 --> 00:24:19,780
als doppelte Anführungszeichen, weil Sie nicht tun
müssen die Umschalttaste gedrückt halten.

497
00:24:19,780 --> 00:24:21,770
Also werde ich nur tun, dass gerade jetzt.

498
00:24:21,770 --> 00:24:24,510
>> Deshalb möchte ich etwas auswählen
mit Klasse.

499
00:24:24,510 --> 00:24:27,200
Container, nur weil ich weiß, das ist
ist etwas, das auf unsere

500
00:24:27,200 --> 00:24:28,740
Web-Seite jetzt.

501
00:24:28,740 --> 00:24:29,520
Und ich drücken Sie Enter.

502
00:24:29,520 --> 00:24:31,670
Und wir können sehen, dass es sie ausgewählt.

503
00:24:31,670 --> 00:24:34,990
So zeigt sich, dass es
kehrte das Objekt.

504
00:24:34,990 --> 00:24:36,620
Also, das ist eine Grundauswahl.

505
00:24:36,620 --> 00:24:40,080
Wenn wir wollten eigentlich zu manipulieren,
Sie müssten etwas nennen

506
00:24:40,080 --> 00:24:43,925
auf diese Auswahl, die
werden wir in später.

507
00:24:43,925 --> 00:24:49,030
>> TOMAS REIMERS: Also, nur um zu sehen, dass
mehr in die Tiefe, ist dies nicht anders

508
00:24:49,030 --> 00:24:52,245
als die Funktion Anrufe, die wir in C gemacht
Der Name der Funktion ist hier ein

509
00:24:52,245 --> 00:24:52,580
wenig seltsam.

510
00:24:52,580 --> 00:24:55,640
Es ist Dollar-Zeichen.

511
00:24:55,640 --> 00:24:57,010
Es ist nur ein Name einer Funktion.

512
00:24:57,010 --> 00:24:58,810
Es ist nichts Besonderes.

513
00:24:58,810 --> 00:25:00,450
>> Wir haben offene Klammern.

514
00:25:00,450 --> 00:25:03,880
Dann haben wir unsere ein Argument, das
in diesem Fall geschieht, ein String sein,

515
00:25:03,880 --> 00:25:05,680
Das ist ein Selektor dafür.

516
00:25:05,680 --> 00:25:08,130
Und dann haben wir unsere
geschlossene Klammer.

517
00:25:08,130 --> 00:25:09,960
Das ist es.

518
00:25:09,960 --> 00:25:11,500
>> Es ist nicht so, dass eine völlig andere.

519
00:25:11,500 --> 00:25:12,900
Obwohl, es sieht sehr seltsam.

520
00:25:12,900 --> 00:25:17,220
Und das kann, irgendwie, ein Knack sein
Punkt für eine Menge Leute.

521
00:25:17,220 --> 00:25:21,460
>> MIKE RIZZO: So ähnlich, wenn wir wollten
um ein Element, das eine ID hat zu wählen,

522
00:25:21,460 --> 00:25:23,470
jetzt wollen wir auswählen, indem
ID statt Klasse.

523
00:25:23,470 --> 00:25:28,080
Es wäre eine ähnliche Sache sein, wo wir
nur die scharfe Zeichen für ID zu tun.

524
00:25:28,080 --> 00:25:33,576
Also werden wir hier alle Auswahl
Elemente, die ID-Bar haben.

525
00:25:33,576 --> 00:25:35,400
>> TOMAS REIMERS: Und das erstreckt.

526
00:25:35,400 --> 00:25:36,450
Das CSS erstreckt.

527
00:25:36,450 --> 00:25:42,260
Genau wie in CSS, können Sie alle wählen
Links, die die Klasse foo haben.

528
00:25:42,260 --> 00:25:43,420
Hier ist es das Gleiche.

529
00:25:43,420 --> 00:25:52,750
>> Sie könnten a.foo tun, die wählen würde
alle Links mit der Klasse foo.

530
00:25:52,750 --> 00:25:58,860
Sie könnten eine scharfe Bar tun, was würden
wählen Sie den Link mit der ID-Bar und so

531
00:25:58,860 --> 00:25:59,770
weiter und so fort.

532
00:25:59,770 --> 00:26:02,120
Alle CSS-Selektor ist ein gültiger
jQuery-Selektor.

533
00:26:02,120 --> 00:26:03,370
>> MIKE RIZZO: Ja.

534
00:26:03,370 --> 00:26:07,996

535
00:26:07,996 --> 00:26:11,460
OK, jetzt ist in ein wenig erhalten lassen
der Manipulation, die wir tun können,

536
00:26:11,460 --> 00:26:12,870
unsere jQuery.

537
00:26:12,870 --> 00:26:19,280
So jQuery hat eine besondere Art
der Notation, wo wir gerade verwenden

538
00:26:19,280 --> 00:26:20,170
ein Punkt am Ende.

539
00:26:20,170 --> 00:26:23,340
Und Sie von diesem wie in denken kann
C wie wir hatten unterschiedliche Strukturen.

540
00:26:23,340 --> 00:26:27,110
Und um in diese Strukturen zu gehen, würden Sie
Verwenden Sie einen Punkt, um in sie zu erhalten.

541
00:26:27,110 --> 00:26:28,480
>> Dies ist, eine Art, eine ähnliche Sache.

542
00:26:28,480 --> 00:26:33,570
Nur jetzt haben wir diese Funktionen innerhalb
Wähler, dass wir auf es nennen.

543
00:26:33,570 --> 00:26:38,640
So, hier das erste Beispiel
Sie sehen können, ist ein CSS-Selektor.

544
00:26:38,640 --> 00:26:45,290
Und im Grunde, was das tut, ist es
gilt das erste Element CSS dies

545
00:26:45,290 --> 00:26:46,230
Sache, die Sie ausgewählt -

546
00:26:46,230 --> 00:26:47,720
dieses Element, das Sie ausgewählt -

547
00:26:47,720 --> 00:26:49,290
mit dem Wert dieser.

548
00:26:49,290 --> 00:26:55,390
>> TOMAS REIMERS: Also eine einfache Übersetzung von
das wäre, wenn jQuery, im Grunde,

549
00:26:55,390 --> 00:26:57,790
nahm nur foo.

550
00:26:57,790 --> 00:27:05,480
Und dann in CSS, sagte,
Farbe rot und schließen.

551
00:27:05,480 --> 00:27:06,670
Es ist die gleiche Idee.

552
00:27:06,670 --> 00:27:08,800
Was es gemacht wird ist es ausgewählt
Alle Elemente foo.

553
00:27:08,800 --> 00:27:10,170
Und dann wird es angewendet wird.

554
00:27:10,170 --> 00:27:15,884
Art, die Eigenschaft Farbe
gleich rot.

555
00:27:15,884 --> 00:27:21,070
>> MIKE RIZZO: Ebenso können wir auch verändern
Der tatsächliche Inhalt was

556
00:27:21,070 --> 00:27:24,870
zeigt auf der HTML-Code der Seite, die
ist wirklich cool, weil es bedeutet, dass Ihre

557
00:27:24,870 --> 00:27:28,095
Web-Seiten können nun vollständig dynamisch sein
und müssen nicht statisch sein

558
00:27:28,095 --> 00:27:31,660
dass Sie mit PHP drucken
am Anfang der

559
00:27:31,660 --> 00:27:33,320
die Seite geladen.

560
00:27:33,320 --> 00:27:36,810
Also hier, wenn wir verändern wollte der
tatsächlichen HTML der Seite, nun würden wir

561
00:27:36,810 --> 00:27:43,550
rufen Sie die HTML-Funktion, die dann nur
Einsätze, was wir in angeben

562
00:27:43,550 --> 00:27:45,390
das Element, das wir ausgewählt.

563
00:27:45,390 --> 00:27:49,810
So, hier sind wir mit der Auswahl Element
class foo und dann sagen, es ist HTML

564
00:27:49,810 --> 00:27:52,200
es ist jetzt hallo Welt.

565
00:27:52,200 --> 00:27:55,600
>> TOMAS REIMERS: Und wenn Sie darüber nachdenken,
was sind nützliche Anwendungen

566
00:27:55,600 --> 00:28:00,800
diese, diese CSS ein, das erste, was
Sie beginnen können, ist zu denken,

567
00:28:00,800 --> 00:28:03,070
auch in Bezug auf Drop Down Menüs.

568
00:28:03,070 --> 00:28:08,350
Sie könnten beginnen, Dinge wie tun, wenn
ein Benutzer über den oberen Teil schwebt

569
00:28:08,350 --> 00:28:11,970
von einem Dropdown, machen möchten Sie
der untere Teil sichtbar.

570
00:28:11,970 --> 00:28:12,540
Right?

571
00:28:12,540 --> 00:28:15,610
>> Also in CSS, haben wir Eigenschaften
, etwas sichtbar zu machen.

572
00:28:15,610 --> 00:28:19,330
Dinge wie Display keine Doppelpunkt
wäre es unsichtbar zu machen.

573
00:28:19,330 --> 00:28:21,190
Anzeigeblock wäre es sichtbar zu machen.

574
00:28:21,190 --> 00:28:25,860
Oder noch einfacher, wenn Sie gehen, möchten Sie
Dinge wie Sichtbarkeit Gleichen

575
00:28:25,860 --> 00:28:27,520
sichtbar und Sichtbarkeit gleich ausgeblendet.

576
00:28:27,520 --> 00:28:30,330

577
00:28:30,330 --> 00:28:34,780
>> Und man konnte anfangen, die Dinge umzusetzen
wie Dropdown-Menüs rechts

578
00:28:34,780 --> 00:28:38,410
nachdem Sie durch die Vorstellung davon, wie bekommen
können Sie herausfinden, wenn dieser geöffnet wird,

579
00:28:38,410 --> 00:28:39,850
die wir durch ganz kurz bekommen.

580
00:28:39,850 --> 00:28:42,160
Aber wir beginnen können, um zu sehen,
Anwendungen dafür.

581
00:28:42,160 --> 00:28:45,540
In einem ähnlichen Sinn, wenn Sie versuchen würden
und umzusetzen, sagen wir mal, ein Chat

582
00:28:45,540 --> 00:28:48,620
Motor und Sie ein wenig machen wollen
Sprechblase kommen, wann immer Sie haben

583
00:28:48,620 --> 00:28:52,880
bekam eine neue Nachricht, sobald Sie die
neue Nachricht, können Sie ein wenig machen

584
00:28:52,880 --> 00:28:55,890
Sprechblase durch Veränderung kommen
das HTML der Seite, oder?

585
00:28:55,890 --> 00:29:00,540
Durch die Zugabe, dass zusätzliche Sprechblase
mit dem zusätzlichen Text drin.

586
00:29:00,540 --> 00:29:01,140
Ja?

587
00:29:01,140 --> 00:29:07,750
>> ZIELGRUPPE: Also würden Sie dies innerhalb einbetten
der HTML-Code in ein bisschen wie ein

588
00:29:07,750 --> 00:29:10,534
[Unverständlich]?

589
00:29:10,534 --> 00:29:12,940
>> MIKE RIZZO: Richtig.

590
00:29:12,940 --> 00:29:16,190
Ja, wir dazu kommen
in ein wenig.

591
00:29:16,190 --> 00:29:18,810
Ja, es ist ähnlich wie ein
etwas zu PHP.

592
00:29:18,810 --> 00:29:21,240
Nicht ganz ähnlich.

593
00:29:21,240 --> 00:29:24,730
>> Eine gute Unterscheidung zu machen ist, was dieser
tatsächlich bearbeiten, wenn wir bearbeiten

594
00:29:24,730 --> 00:29:28,480
die Seite, weil es nicht sein
die Bearbeitung der eigentlichen Datei, die wird

595
00:29:28,480 --> 00:29:31,380
auf dem Server aufbewahrt, weil die Welt
sollte nicht über die Berechtigung

596
00:29:31,380 --> 00:29:32,610
Ihre Dateien bearbeiten.

597
00:29:32,610 --> 00:29:36,080
Dies ist nur bearbeiten, was auf der Seite
und was innerhalb angezeigt

598
00:29:36,080 --> 00:29:36,950
der Browser.

599
00:29:36,950 --> 00:29:40,340
Also, wenn Sie die Seite neu zu laden, nachdem waren,
sagen, etwas zu löschen, da wir

600
00:29:40,340 --> 00:29:44,730
sehen wir mit dem Entfernen Anruf machen können,
das Ding dann wieder.

601
00:29:44,730 --> 00:29:48,590
>> TOMAS REIMERS: Also eine Art zu denken
das ist, wenn ich den Computer und

602
00:29:48,590 --> 00:29:50,170
Mike ist, sozusagen, der Server.

603
00:29:50,170 --> 00:29:53,850
Was passieren wird ist, dass ich zu gehen
Mike fragen, hey, kann ich eine Kopie

604
00:29:53,850 --> 00:29:54,630
Diese Web-Seite?

605
00:29:54,630 --> 00:29:56,190
Und er wird mir eine Kopie davon geben.

606
00:29:56,190 --> 00:29:57,430
>> Nein, es ist nicht das Original Sache.

607
00:29:57,430 --> 00:29:58,620
Es ist nur eine Kopie.

608
00:29:58,620 --> 00:30:00,450
Und dann wäre es wie, oh, sein
es gibt hier kein JavaScript.

609
00:30:00,450 --> 00:30:02,450
Klar, ich sollte das ändern
Seite so sein.

610
00:30:02,450 --> 00:30:04,250
Und ich bin der Bearbeitung Ihre Kopie.

611
00:30:04,250 --> 00:30:05,920
>> Aber das ist nicht bewirken
die eigentliche Kopie.

612
00:30:05,920 --> 00:30:08,480
Und wenn ich ihn noch einmal fragen
aktualisieren Sie die Seite, -

613
00:30:08,480 --> 00:30:10,060
hey, ich habe noch eine saubere Kopie -

614
00:30:10,060 --> 00:30:11,440
er wird mir
eine andere saubere Kopie.

615
00:30:11,440 --> 00:30:14,240
Und dann werde ich das Gleiche tun
wie, oh, JS das hier, das sagt

616
00:30:14,240 --> 00:30:14,866
um dies zu bearbeiten.

617
00:30:14,866 --> 00:30:17,460
Und ich werde zu halten, das zu tun.

618
00:30:17,460 --> 00:30:20,930
>> MIKE RIZZO: Also eine wirklich coole Sache
dass Sie tun können, ist mit jQuery

619
00:30:20,930 --> 00:30:24,350
verschiedenen Arten tatsächlich hinzufügen
von Animationen auf Ihre Seite.

620
00:30:24,350 --> 00:30:27,440
Ich weiß nicht, ob Sie jemals gesehen haben, wo
Sie versuchen, eine Füllung ein Formular

621
00:30:27,440 --> 00:30:31,250
online und Sie nicht ausfüllen
die Dinge richtig.

622
00:30:31,250 --> 00:30:33,440
So ein kleines Ding rutscht
an der Spitze und sagt, dass Sie

623
00:30:33,440 --> 00:30:34,820
nicht richtig getan.

624
00:30:34,820 --> 00:30:36,260
Bitte versuchen Sie es erneut.

625
00:30:36,260 --> 00:30:37,890
Und dann ist es auch nur schieben kann bis.

626
00:30:37,890 --> 00:30:40,710
>> Stellt sich heraus, jQuery hat eingebaute Funktionen
machen, dass all das

627
00:30:40,710 --> 00:30:44,180
Animation wirklich, wirklich einfach.

628
00:30:44,180 --> 00:30:46,750
So gibt es zunächst die Fade
out-Funktion, die

629
00:30:46,750 --> 00:30:47,710
Sie auf etwas nennen können.

630
00:30:47,710 --> 00:30:55,650
Und es ist ein Weg, um die CSS ändern
das Element in einer animierten Weg.

631
00:30:55,650 --> 00:30:58,480
So ist es auch immer Element nimmt
Sie nennen es ausgeblendet auf.

632
00:30:58,480 --> 00:31:03,990
Und dann, es ändert sich langsam die Deckkraft
bis er geht völlig transparent.

633
00:31:03,990 --> 00:31:07,330
>> TOMAS REIMERS: Die andere beliebt
wird nach unten rutschen, die machen

634
00:31:07,330 --> 00:31:08,800
etwas erscheinen, indem Sie sie nach unten.

635
00:31:08,800 --> 00:31:12,840
So im Fall von dem Dropdown-Menü,
wieder, als wir erfuhren, wie zu erkennen

636
00:31:12,840 --> 00:31:15,310
wenn dies wurde über schwebte,
Sie konnte nur sagen, dieses unten

637
00:31:15,310 --> 00:31:16,910
Teil schieben jetzt nach unten.

638
00:31:16,910 --> 00:31:19,270
Und dann erscheint es
durch Schieben nach unten.

639
00:31:19,270 --> 00:31:22,042

640
00:31:22,042 --> 00:31:26,590
>> MIKE RIZZO: Und dann, wenn Sie nur
eine Art von Animation Sie daran, dass

641
00:31:26,590 --> 00:31:29,080
jQuery nicht notwendigerweise.

642
00:31:29,080 --> 00:31:32,690
Zum Beispiel, sagen wir, jQuery
ist mit einer Rutsche bieten Ihnen

643
00:31:32,690 --> 00:31:33,750
nach unten und nach oben schieben.

644
00:31:33,750 --> 00:31:36,740
Nun, sagen wir, Sie zu rutschen wollte
etwas von der linken oder von

645
00:31:36,740 --> 00:31:39,880
die richtige Art von wie der CS50
Haupt Seite tut, wenn

646
00:31:39,880 --> 00:31:42,080
Sie zu einer neuen Platte zu gehen.

647
00:31:42,080 --> 00:31:45,030
Sie würden dann wahrscheinlich
Umsetzung es selbst mit der

648
00:31:45,030 --> 00:31:49,310
animieren Funktion in jQuery.

649
00:31:49,310 --> 00:31:51,350
>> So ähnlich, die Sie gerade zu animieren.

650
00:31:51,350 --> 00:31:55,850
Und dann, in ihr dauert es ein
Wörterbuch der unterschiedlichen Werte

651
00:31:55,850 --> 00:31:57,340
dass man eigentlich passieren.

652
00:31:57,340 --> 00:32:06,960
Also hier, wenn wir zu animieren wollte der
Element foo so daß seine Breite entweder

653
00:32:06,960 --> 00:32:10,880
ausdehnt oder zusammenzieht, um 80 Pixel,
je nachdem, was es derzeit ist.

654
00:32:10,880 --> 00:32:14,100
Wir würden uns nur passieren, dass
das Argument, in ihr.

655
00:32:14,100 --> 00:32:18,060
>> Animieren Sie haben auch einige andere Argumente
dass man es könnte passieren, zum Beispiel,

656
00:32:18,060 --> 00:32:21,150
die Geschwindigkeit der Animation
Sie will es geben.

657
00:32:21,150 --> 00:32:26,220
Und um das zu tun, würde ich einfach sagen,
Google schnell jQuery animieren.

658
00:32:26,220 --> 00:32:31,710
Und dann, die Erziehung dieser Seite können Sie
sehen, dass es eine Reihe von verschiedenen bekam

659
00:32:31,710 --> 00:32:33,560
Eigenschaften, die Sie es weitergeben.

660
00:32:33,560 --> 00:32:35,990
>> Und ich ermutige Sie - wann immer Sie kommen
auf etwas, das Sie nicht tun

661
00:32:35,990 --> 00:32:40,390
wissen oder wollen einfach nur mehr über eine Lern
besondere Methode, die Sie aufrufen können

662
00:32:40,390 --> 00:32:41,270
auf etwas -

663
00:32:41,270 --> 00:32:44,440
nur Google es. jQuery ist extrem
gut dokumentiert.

664
00:32:44,440 --> 00:32:49,140
Und oft gibt es eine Menge von
Beispiele, die sie für Sie.

665
00:32:49,140 --> 00:32:52,470
Wenn wir nach unten scrollen -

666
00:32:52,470 --> 00:32:53,720
Weg nach unten -

667
00:32:53,720 --> 00:32:57,660

668
00:32:57,660 --> 00:32:59,190
dass wir verwenden können, wie gut.

669
00:32:59,190 --> 00:33:02,480
>> Auch hier tatsächlich geht, wenn ein Entwickler
durch die Mühe des Schreibens ein

670
00:33:02,480 --> 00:33:05,810
Bibliothek, wollen sie in der Regel
jemand, es zu benutzen.

671
00:33:05,810 --> 00:33:09,400
So wird neben gehen
sein, eine Dokumentation.

672
00:33:09,400 --> 00:33:12,270
Und dass die Dokumentation kann in der Regel
auf der Projektseite, die ist gefunden

673
00:33:12,270 --> 00:33:14,970
Deshalb gaben wir Ihnen die Original-Website in
der Anfang, mit dem Sie die Links

674
00:33:14,970 --> 00:33:18,080
Projektseiten, so können Sie
sehen, dass die Dokumentation.

675
00:33:18,080 --> 00:33:22,670
>> Typischerweise wird die Projektseite bei
von [unverständlich], können Sie das gesagt, es

676
00:33:22,670 --> 00:33:23,940
Namen der Klassen.

677
00:33:23,940 --> 00:33:27,250
Im Fall von JavaScript gibt es
Sie den Namen der Funktionen.

678
00:33:27,250 --> 00:33:35,310
By the way, wenn wir nach oben an die Spitze,
eine kurze Randnotiz auf Funktionen

679
00:33:35,310 --> 00:33:39,080
wenn Sie eine Funktion implementiert sehen
wie diese mit der Fest

680
00:33:39,080 --> 00:33:43,800
Klammern in der Mitte, das heißt
dass diese Eigenschaft ist optional.

681
00:33:43,800 --> 00:33:44,750
Nur ein Heads-up.

682
00:33:44,750 --> 00:33:47,350
Ich habe eine Menge von Fragen gesehen
darüber.

683
00:33:47,350 --> 00:33:50,370
>> So, hier können wir sehen, dass die
animieren dauert Eigenschaften

684
00:33:50,370 --> 00:33:51,800
als notwendiges Argument.

685
00:33:51,800 --> 00:33:54,870
Und alles andere ist optional.

686
00:33:54,870 --> 00:33:56,136
Randnotiz -

687
00:33:56,136 --> 00:33:58,090
Sie davon, sortieren
der, wie man-Seiten.

688
00:33:58,090 --> 00:34:04,275
Man Seiten Dokumentation für C-und
für eine Menge anderer Dinge, wie gut.

689
00:34:04,275 --> 00:34:11,020
>> MIKE RIZZO: So haben wir gelernt, wie man
ändern verschiedene CSS auf der Seite,

690
00:34:11,020 --> 00:34:14,040
animieren, und entfernen Sie fügen HTML.

691
00:34:14,040 --> 00:34:16,889
Aber einer der wirklich stärkste
Dinge über JavaScript

692
00:34:16,889 --> 00:34:18,270
und vor allem jQuery -

693
00:34:18,270 --> 00:34:22,570
was es zu tun ist, können Sie reagieren auf
verschiedene Elemente, die passieren.

694
00:34:22,570 --> 00:34:25,380
Zum Beispiel haben wir hier
ein Event-Handler.

695
00:34:25,380 --> 00:34:28,210
Und das bedeutet nur, wenn dies
Ereignis eintritt, erledigen wir das in ein

696
00:34:28,210 --> 00:34:29,280
bestimmte Weise.

697
00:34:29,280 --> 00:34:35,159
>> Also hier die generische jQuery Veranstaltung
Handler ist der Punkt auf.

698
00:34:35,159 --> 00:34:42,949
Und dann, das erste, was Sie bereitgestellt
Veranstaltung ist es, was es sein sollte

699
00:34:42,949 --> 00:34:43,810
werden für das Hören.

700
00:34:43,810 --> 00:34:45,610
So, hier ist es das, dass Klick
wir warten.

701
00:34:45,610 --> 00:34:49,250
>> TOMAS REIMERS: Alternativ haben Sie
auf schweben, das ist ein sehr populäres.

702
00:34:49,250 --> 00:34:52,000
Also zurück zu meinem Dropdown-Menü Idee.

703
00:34:52,000 --> 00:34:54,239
Sie müssten das oberste auf schweben.

704
00:34:54,239 --> 00:34:56,096
Und dann könnte man das ändern.

705
00:34:56,096 --> 00:34:56,830
>> MIKE RIZZO: Richtig.

706
00:34:56,830 --> 00:35:01,680
Und dann, wenn das passiert, es ist nur
führt diese Funktion, die wir geben es

707
00:35:01,680 --> 00:35:05,080
als Argument und dass
es warnt hallo oder hallo.

708
00:35:05,080 --> 00:35:08,900
>> TOMAS REIMERS: So im Fall von
JavaScript ist dies ein Ort, den wir brauchen, um

709
00:35:08,900 --> 00:35:12,970
uns von C. Wir können tatsächlich entfernen
nehmen Funktionen als Argumente.

710
00:35:12,970 --> 00:35:15,940
Und es gibt eine Menge wirklich
komplexe Weise, dies zu tun.

711
00:35:15,940 --> 00:35:17,940
Wir werden einen Weg zu fördern,
das ist, können Sie definieren, die

712
00:35:17,940 --> 00:35:19,270
genau dort zu funktionieren.

713
00:35:19,270 --> 00:35:22,540
>> Also, wenn Sie für eine Funktion als fragst
ein Parameter, sind Sie im Grunde nur

714
00:35:22,540 --> 00:35:24,500
gehen, um die Funktion zu definieren
auf der Stelle.

715
00:35:24,500 --> 00:35:27,090
Und die Art, wie Sie eine Funktion definieren
Sie ist in JavaScript

716
00:35:27,090 --> 00:35:28,820
buchstäblich sagen Funktion.

717
00:35:28,820 --> 00:35:30,130
Dann, in der Regel den Namen
der Funktion.

718
00:35:30,130 --> 00:35:32,510
Aber wir sind nie zu verweisen
diese Funktion wieder.

719
00:35:32,510 --> 00:35:34,040
Also lassen wir es namenlos.

720
00:35:34,040 --> 00:35:40,440
>> Dann die Klammern, dann die geschweiften
Hosenträger, und dann wird der Code innerhalb dieser.

721
00:35:40,440 --> 00:35:42,540
So verstehen wir, dies kann
ein wenig verwirrend.

722
00:35:42,540 --> 00:35:45,180
So geben wir Ihnen die allgemeine Form der
was für ein Event-Handler sieht aus wie

723
00:35:45,180 --> 00:35:47,790
unten, was auf Veranstaltungen.

724
00:35:47,790 --> 00:35:50,598
Und dann, im Inneren, dass Ihr Code.

725
00:35:50,598 --> 00:35:52,478
>> MIKE RIZZO: Gibt es
Fragen zu diesem Thema?

726
00:35:52,478 --> 00:35:54,818
Dies kann ein wenig verwirrend sein
das erste Mal, wenn Sie es sehen.

727
00:35:54,818 --> 00:35:57,550
>> TOMAS REIMERS: Sie wollen tatsächlich
öffnen, eine Datei und zeigen ihnen einige

728
00:35:57,550 --> 00:35:58,155
jQuery jetzt?

729
00:35:58,155 --> 00:35:59,853
>> MIKE RIZZO: Ja, lass uns das tun.

730
00:35:59,853 --> 00:36:00,256
OK.

731
00:36:00,256 --> 00:36:02,490
>> TOMAS REIMERS: So, jetzt sind wir
im Gerät.

732
00:36:02,490 --> 00:36:07,730
Und was wir getan haben, ist, dass wir genommen haben die
Freiheit zu schaffen, sowohl eine index.html

733
00:36:07,730 --> 00:36:10,100
Datei, die verbindet
eine JavaScript-Datei.

734
00:36:10,100 --> 00:36:12,880
Und können wir öffnen, die -

735
00:36:12,880 --> 00:36:15,170
ja.

736
00:36:15,170 --> 00:36:16,630
Nun, es tut zwei Dinge.

737
00:36:16,630 --> 00:36:18,350
>> Die erste ist mit ihr verknüpften
die Datei JavaScript.

738
00:36:18,350 --> 00:36:21,250
Und wir werden sehen, dass hier oben.

739
00:36:21,250 --> 00:36:25,340
Wir sehen, dass in der Spitze der
HTML-Dokument, besonders.

740
00:36:25,340 --> 00:36:28,260
So haben Sie es sehen werden, dass
wir im Grunde sagen, SRC,

741
00:36:28,260 --> 00:36:29,590
steht für die Quelle.

742
00:36:29,590 --> 00:36:30,630
Und das ist die URL.

743
00:36:30,630 --> 00:36:32,700
>> Also hier kann man sagen, wir haben
jQuery enthalten.

744
00:36:32,700 --> 00:36:34,290
Und wir habe auch Skripte.

745
00:36:34,290 --> 00:36:40,630
Die andere Möglichkeit, ist JavaScript umfassen
dass Sie einen Inline-Skript enthalten

746
00:36:40,630 --> 00:36:44,600
Tag als wir am Boden, wo es
sagt Skript-Typ ist Text JavaScript.

747
00:36:44,600 --> 00:36:46,960
>> Also wir sagen, hör zu, wir sind
über ein Skript enthalten.

748
00:36:46,960 --> 00:36:51,890
Und die Art des Skripts ist
JavaScript, das eine Art von Text ist.

749
00:36:51,890 --> 00:36:52,550
Ganz einfach.

750
00:36:52,550 --> 00:36:56,490
>> MIKE RIZZO: Also, irgendwie, bekommt
Ihre Frage, wie wir sind

751
00:36:56,490 --> 00:37:02,340
JavaScript in unsere Dateien, denn wenn wir
hatte PHP, wir tun etwas.

752
00:37:02,340 --> 00:37:07,570
Und dann haben unsere PHP-Funktionen -
sagen wir, Aktien zu tun

753
00:37:07,570 --> 00:37:09,150
etwas mit, dass -

754
00:37:09,150 --> 00:37:10,490
geht dort.

755
00:37:10,490 --> 00:37:13,860
, Nun die Script-Tags Allerdings haben wir
dass wir es geben, die eigentlich

756
00:37:13,860 --> 00:37:19,470
Teil der HTML selbst, weil es nicht
Fälschen als eine HTML-Datei, wie es

757
00:37:19,470 --> 00:37:25,070
ist in PHP, denn wenn man tatsächlich gehen in
und Blick auf die Quelle der Seite,

758
00:37:25,070 --> 00:37:28,430
Sie werden diese Script-Tags in dort zu sehen
mit der JavaScript-mit verbundenen

759
00:37:28,430 --> 00:37:29,800
sie darin.

760
00:37:29,800 --> 00:37:31,760
>> Also dann, wenn wir es wollten
schreiben einige JavaScript -

761
00:37:31,760 --> 00:37:37,110
lasst uns einfach sagen, dass wir, um Körper verändern wollte
denn im Moment habe ich nicht

762
00:37:37,110 --> 00:37:40,020
alle anderen Tags, ich kann wirklich
bearbeiten neben Körper.

763
00:37:40,020 --> 00:37:42,450
Sagen wir einfach, ich wollte
ändern Sie die CSS davon.

764
00:37:42,450 --> 00:37:46,190
Also werden wir weiter gehen und Veränderung
die Farbe ist rot.

765
00:37:46,190 --> 00:37:47,380
>> Also habe ich die Datei speichern.

766
00:37:47,380 --> 00:37:52,700
Gehen wir zurück zu unserer Web-Seite zu gelangen, aktualisieren,
und es tut es automatisch

767
00:37:52,700 --> 00:37:55,920
weil es nicht scheinen, wie es gewartet
überhaupt, weil wir nicht hören

768
00:37:55,920 --> 00:37:59,450
für eine Veranstaltung oder so etwas.

769
00:37:59,450 --> 00:38:02,800
>> TOMAS REIMERS: Also, wenn wir wieder nach, dass
Datei im Besonderen - die HTML

770
00:38:02,800 --> 00:38:04,710
Datei - was wirst du
zu sehen ist, wir haben -

771
00:38:04,710 --> 00:38:06,810
daran erinnern, dass dieser geladen ist,
Art, chronologisch.

772
00:38:06,810 --> 00:38:09,910
Also müssen wir zunächst den Kopf.
es lädt diese beiden Dateien.

773
00:38:09,910 --> 00:38:10,800
Dann gehen wir auf den Körper.

774
00:38:10,800 --> 00:38:11,640
Und wir sehen, hallo Welt.

775
00:38:11,640 --> 00:38:13,030
So machen wir hallo Welt.

776
00:38:13,030 --> 00:38:15,240
>> Und dann das letzte, was wir haben
ist haben wir das Skript-Tag.

777
00:38:15,240 --> 00:38:20,880
So führt es das Skript-Tag, denn es ist
nicht sagen, es für etwas warten.

778
00:38:20,880 --> 00:38:24,700
Und das ist das Grund
Weg um JavaScript auszuführen.

779
00:38:24,700 --> 00:38:29,200
>> Mit dieser sagte, können Sie das Skript setzen
markieren Sie in der Kopfzeile nur

780
00:38:29,200 --> 00:38:31,240
um diesen Punkt zu zeigen?

781
00:38:31,240 --> 00:38:34,450

782
00:38:34,450 --> 00:38:35,700
Und laufen, dass.

783
00:38:35,700 --> 00:38:38,880

784
00:38:38,880 --> 00:38:41,070
Wir werden feststellen, dass es
nicht die Farbe ändern.

785
00:38:41,070 --> 00:38:44,210
Und dies ist eines der Probleme
JavaScript ist, dass die Dinge sind geladen

786
00:38:44,210 --> 00:38:45,930
in chronologischer Reihenfolge.

787
00:38:45,930 --> 00:38:49,750
>> Also zu dem Zeitpunkt, dass die Code
ausgeführt wurde, wählten wir -

788
00:38:49,750 --> 00:38:52,530
zurück -

789
00:38:52,530 --> 00:38:53,670
der Körper-Tag.

790
00:38:53,670 --> 00:38:57,560
Der Body-Tag ist noch nicht vorhanden, weil
JavaScript ist in Einklang mit HTML.

791
00:38:57,560 --> 00:39:01,790
So wie der Browser wählen Körper.

792
00:39:01,790 --> 00:39:02,760
Es gibt nicht so etwas noch.

793
00:39:02,760 --> 00:39:03,600
So können wir ignorieren.

794
00:39:03,600 --> 00:39:05,330
Und wir weitermachen.

795
00:39:05,330 --> 00:39:07,200
>> Und dann definieren wir einen Body-Tag.

796
00:39:07,200 --> 00:39:09,670
Aber das wird nie aktualisiert.

797
00:39:09,670 --> 00:39:12,560
Also, wenn Sie die Umsetzung Skript sind
Tags, stellen Sie sicher, dass Sie platzieren

798
00:39:12,560 --> 00:39:15,502
nach dem Body-Tag.

799
00:39:15,502 --> 00:39:16,820
Nächste Folie.

800
00:39:16,820 --> 00:39:17,830
>> MIKE RIZZO: OK.

801
00:39:17,830 --> 00:39:19,330
Also änderten wir etwas.

802
00:39:19,330 --> 00:39:21,910
Aber es sah nicht so aus, wie es beantwortet
uns überhaupt, weil es nur irgendwie

803
00:39:21,910 --> 00:39:24,150
tat es, sobald es die Seite geladen.

804
00:39:24,150 --> 00:39:27,700
So, jetzt, statt dies zu tun, warum
haben wir nicht einen Ereignishandler hinzuzufügen.

805
00:39:27,700 --> 00:39:31,020
>> Lassen Sie uns also etwas tun,
an dem Körper wieder.

806
00:39:31,020 --> 00:39:33,490
Und sagen wir, wir tun es auf -

807
00:39:33,490 --> 00:39:34,500
klicken.

808
00:39:34,500 --> 00:39:35,750
Wir werden eine Funktion hinzuzufügen.

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> TOMAS REIMERS: Wir ändern
es ist eine rote Farbe wieder.

811
00:39:39,690 --> 00:39:40,000
Warum nicht?

812
00:39:40,000 --> 00:39:41,680
>> MIKE RIZZO: Ja, wir ändern
seine "Farbe zu rot wieder.

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
Gut.

815
00:39:46,900 --> 00:39:48,480
Also lassen Sie die Seite neu laden.

816
00:39:48,480 --> 00:39:49,530
OK, wir sehen -

817
00:39:49,530 --> 00:39:52,290
wie erwartet, ist es nicht ein noch rot.

818
00:39:52,290 --> 00:39:53,610
Aber dann können wir weitermachen und klicken Sie darauf.

819
00:39:53,610 --> 00:39:54,270
>> TOMAS REIMERS: Und es ist rot.

820
00:39:54,270 --> 00:39:56,090
>> MIKE RIZZO: Und es tut
rot wie erwartet.

821
00:39:56,090 --> 00:39:59,010
>> TOMAS REIMERS: Und wir können sehen, wie
können wir anfangen zu bauen sehr grundlegende

822
00:39:59,010 --> 00:40:00,170
Interaktion.

823
00:40:00,170 --> 00:40:03,850
Andere Dinge, die wir vielleicht zu tun ist,
wenn wir nicht wollen, um den Körper zu machen

824
00:40:03,850 --> 00:40:07,230
Farbe rot, wir machen den HTML-
Hintergrundfarbe rot.

825
00:40:07,230 --> 00:40:08,480
Nur so ist es das gleiche CSS.

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> Und wenn wir es ändern, können wir sehen
sehr dramatische Auswirkungen einer Änderung der

828
00:40:23,320 --> 00:40:25,510
gesamte Seite.

829
00:40:25,510 --> 00:40:29,100
Also noch einmal, wenn Sie Dinge, die Umsetzung,
Sie können eine Komponente haben

830
00:40:29,100 --> 00:40:30,150
, die dazu bestimmt ist, angeklickt werden.

831
00:40:30,150 --> 00:40:32,710
Nehmen wir an, eine Exit-Taste und
eine ganze andere Komponente,

832
00:40:32,710 --> 00:40:33,830
das bedeutet wird, um zu reagieren.

833
00:40:33,830 --> 00:40:35,755
Also würde man ein Fenster entfernen
wenn das passiert.

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> MIKE RIZZO: OK.

836
00:40:40,700 --> 00:40:42,200
Nur als Beispiel -

837
00:40:42,200 --> 00:40:44,400
Sie nicht bekommen, diese früher zu sehen -

838
00:40:44,400 --> 00:40:47,500
Ich werde nur zeigen, was es sieht
gerne, wenn wir etwas zu verbergen.

839
00:40:47,500 --> 00:40:52,220
Also werde ich weiter gehen und nicht nach oben schieben.

840
00:40:52,220 --> 00:40:54,440
>> TOMAS REIMERS: Möchten Sie, dass in einer wickeln
Absatz-Typ, bevor wir das tun?

841
00:40:54,440 --> 00:40:55,132
>> MIKE RIZZO: OK.

842
00:40:55,132 --> 00:40:59,135
Ja, warum machen wir nicht einfach so, dass
wir können es ein wenig mehr zu wählen.

843
00:40:59,135 --> 00:41:00,490
>> TOMAS REIMERS: Und lassen Sie uns
geben ihm eine Klasse.

844
00:41:00,490 --> 00:41:01,740
>> MIKE RIZZO: Ja.

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
OK, also mal sehen.

847
00:41:09,920 --> 00:41:14,820
Anstelle von den tatsächlichen Körper
jetzt, ich werde einfach immer alles wählen mit

848
00:41:14,820 --> 00:41:18,780
Klasse hallo, was wir hier
nur noch eine Sache.

849
00:41:18,780 --> 00:41:20,900
Also sollten wir nicht zu haben,
Sorgen darüber.

850
00:41:20,900 --> 00:41:23,080
>> Also werde ich es aktualisieren.

851
00:41:23,080 --> 00:41:24,230
Ich werde weitermachen und klicken Sie darauf.

852
00:41:24,230 --> 00:41:27,890
Und es, irgendwie, hat eine seltsame Folie
bis Ding, das so aussah, dass nicht

853
00:41:27,890 --> 00:41:29,580
attraktiv.

854
00:41:29,580 --> 00:41:31,060
Generell sie sehen ziemlich nett.

855
00:41:31,060 --> 00:41:32,720
Ich denke, das - für manche
Grund - nicht.

856
00:41:32,720 --> 00:41:36,640
Ich werde nur eine Fade-Out zu tun, so
Sie kann das auch aussehen.

857
00:41:36,640 --> 00:41:38,100
Viel schöner.

858
00:41:38,100 --> 00:41:41,150
>> Und dann, wenn ich mich öffnen, die JavaScript
Konsole wieder und wir sehen wollen, was

859
00:41:41,150 --> 00:41:43,900
es sieht so aus, als wir es in. verblassen

860
00:41:43,900 --> 00:41:46,920
Nun, ich nenne nur verblassen in auf sie.

861
00:41:46,920 --> 00:41:48,830
Und es verblasst heranzoomen

862
00:41:48,830 --> 00:41:56,150
>> Ebenso könnten wir eigentlich auch passieren
ein Argument, zu verblassen oder ausgeblendet,

863
00:41:56,150 --> 00:41:57,640
welche, ist eine Art, die Geschwindigkeit davon.

864
00:41:57,640 --> 00:42:02,220
Lassen Sie uns also weiter gehen und sagen, wir wollen
sie gehen langsam verblassen in.

865
00:42:02,220 --> 00:42:04,250
Also ich denke, es schien immer noch
ziemlich schnell.

866
00:42:04,250 --> 00:42:06,180
Aber es war langsamer als zuvor.

867
00:42:06,180 --> 00:42:10,340
>> TOMAS REIMERS: Und wenn Sie finden möchten
mehr über diese Dinge wieder

868
00:42:10,340 --> 00:42:13,410
nur auf die jQuery-Dokumentation zu gehen,
die wir euch gegeben haben, und lesen

869
00:42:13,410 --> 00:42:13,735
durch diese.

870
00:42:13,735 --> 00:42:15,790
Sie dokumentieren ihre Funktionen
unglaublich gut.

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> MIKE RIZZO: OK.

873
00:42:19,570 --> 00:42:21,560
Also ich denke, wir zurück zu diesem gehen.

874
00:42:21,560 --> 00:42:23,490
Und wir können über unsere letzten Seite sprechen.

875
00:42:23,490 --> 00:42:24,690
Nun, wir können mit Bootstrap beenden.

876
00:42:24,690 --> 00:42:27,140
Und dann werden wir es zu öffnen
für einige Fragen.

877
00:42:27,140 --> 00:42:30,180
Und wenn euch irgendwelche Ideen,
Sie möchten, um zu versuchen, zu werfen und sehen,

878
00:42:30,180 --> 00:42:34,150
wenn wir sie mit zu implementieren
JavaScript-schnell.

879
00:42:34,150 --> 00:42:37,890
>> Also wirklich schnell über Bootstrap, die
wurde automatisch enthalten

880
00:42:37,890 --> 00:42:41,700
Ihre letzte Problem in der CSS-Ordner festgelegt
und tatsächlich in Ihrem verknüpft

881
00:42:41,700 --> 00:42:43,190
header.php.

882
00:42:43,190 --> 00:42:46,740
Also könnte man Klassen hinzugefügt haben, die
innerhalb Bootstrap definiert.

883
00:42:46,740 --> 00:42:50,490
Und es würde automatisch gestylt haben
die Dinge entsprechend.

884
00:42:50,490 --> 00:42:54,550
>> TOMAS REIMERS: Also Bootstrap ist ein sehr
magische Sache von den Menschen entwickelt

885
00:42:54,550 --> 00:42:55,340
bei Twitter.

886
00:42:55,340 --> 00:42:57,230
Und was es bedeutet wurde, um zu tun war -

887
00:42:57,230 --> 00:43:00,740
vor Websites waren wirklich schwer zu machen
schön aussehen, vor allem, wenn wir

888
00:43:00,740 --> 00:43:02,200
eine Menge von gemeinsamen Komponenten.

889
00:43:02,200 --> 00:43:04,770
So viele Tasten auf der
Web gleich aussahen.

890
00:43:04,770 --> 00:43:08,960
>> Viele Textfelder können gemacht werden
besser aussehen als die Standard-Text

891
00:43:08,960 --> 00:43:13,620
Feld, das Sie wirklich wissen, wahrscheinlich aus
alt Websites oder wirklich schlecht gemacht

892
00:43:13,620 --> 00:43:18,210
Websites, die nur aussehen wie wörtliche
Textfelder ohne jegliche Form von Text

893
00:43:18,210 --> 00:43:21,190
Schatten und jede Art der schöne Kontur.

894
00:43:21,190 --> 00:43:24,540
Also, was Bootstrap tat, war es gesagt, gut,
Wir haben viele gemeinsame Stile.

895
00:43:24,540 --> 00:43:28,210
Warum machen wir nicht einen gemeinsamen Satz von CSS
und einen gemeinsamen Satz von JavaScript als

896
00:43:28,210 --> 00:43:32,210
gut, die sie stylen können wie und welche
Dinge wie Tropfen geben den Menschen

897
00:43:32,210 --> 00:43:34,610
Down-Menüs, die Menschen geben kann
Dinge wie Modalverben.

898
00:43:34,610 --> 00:43:38,580
>> Modal ist, was über die Seite öffnet
wenn es streng genommen

899
00:43:38,580 --> 00:43:41,090
etwas, das weiter inhibiert
Interaktion, bis Sie

900
00:43:41,090 --> 00:43:43,110
interagieren.

901
00:43:43,110 --> 00:43:45,820
So etwas ist, sind Sie sicher
Sie, diese Sache zu löschen?

902
00:43:45,820 --> 00:43:49,100
Man kann nicht wirklich etwas anderes zu tun
bis Sie ja oder nein sagen.

903
00:43:49,100 --> 00:43:52,720
>> Es hat all dies und es ist verpackt
zusammen und sagte, hier gehen wir.

904
00:43:52,720 --> 00:43:54,630
Die Leute können jetzt diese benutzen.

905
00:43:54,630 --> 00:43:56,830
Und finden Sie es über
bei getbootstrap.com.

906
00:43:56,830 --> 00:44:00,480
Es wurde automatisch innerhalb enthalten
Ihre letzte Problem eingestellt.

907
00:44:00,480 --> 00:44:04,160
Und Sie mehr als willkommen sind
verwenden Sie es auf Ihrem Abschlussprojekt.

908
00:44:04,160 --> 00:44:06,950
Und wenn Sie folgen möchten, dass
verlinken auf Bootstrap zu bekommen.

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> Sie hier sehen, ist die
Bootstrap CSS Ort.

911
00:44:15,700 --> 00:44:16,860
Sie werden sehen, Bootstrap.

912
00:44:16,860 --> 00:44:20,450
Und wenn Sie nach unten scrollen, werden Sie sehen,
wie man es herunterladen, wie Sie

913
00:44:20,450 --> 00:44:21,900
installieren Sie es, et cetera.

914
00:44:21,900 --> 00:44:24,700
>> MIKE RIZZO: Und Sie können auch,
Interessanterweise passen sie an

915
00:44:24,700 --> 00:44:27,770
sein, welcher Art von Themen
dass du willst.

916
00:44:27,770 --> 00:44:31,270
Ich weiß, dass ist etwas, was ich für meine tat
Abschlussprojekt, als ich die Klasse

917
00:44:31,270 --> 00:44:32,050
war es besonders an.

918
00:44:32,050 --> 00:44:34,540
Eine andere Version der Bootstrap dass
hatte ein anderes Farbschema und

919
00:44:34,540 --> 00:44:36,700
verschiedene Formen von einigen
verschiedene Dinge.

920
00:44:36,700 --> 00:44:38,250
Also habe ich Sie ermutigen, mit dem zu spielen.

921
00:44:38,250 --> 00:44:39,440
Es ist eine Art Spaß zu tun.

922
00:44:39,440 --> 00:44:43,230
>> TOMAS REIMERS: Blick über den oberen
wieder, es ist sehr ähnlich wie die Schrift

923
00:44:43,230 --> 00:44:44,970
Unglaubliche Seite.

924
00:44:44,970 --> 00:44:47,810
Eine Menge an Dokumentation beginnt
scheinen ähnlich, wenn du hast

925
00:44:47,810 --> 00:44:48,940
gesehen, genug davon.

926
00:44:48,940 --> 00:44:51,260
So, hier haben wir die CSS
Komponente davon.

927
00:44:51,260 --> 00:44:53,540
Und Sie werden sehen, wie es
Dinge zu stylen.

928
00:44:53,540 --> 00:44:56,780
Also, wenn Sie auf den Tischen auf, zum Beispiel,
Sie können sofort eine

929
00:44:56,780 --> 00:45:01,710
Tabelle recht einfach durch Hinzufügen
die Klasse Tabelle, um sie.

930
00:45:01,710 --> 00:45:03,150
>> Gleiche Dinge für Tasten.

931
00:45:03,150 --> 00:45:12,140
Wenn Sie fügen einfach die Klasse und BTN BTN
Verzug oder BTN primäre, können Sie

932
00:45:12,140 --> 00:45:16,240
bekommen eine dieser Tasten
mit diesen vorgefertigten Stile.

933
00:45:16,240 --> 00:45:18,570
Und dann, wenn Sie suchen
etwas komplexer, als einfach

934
00:45:18,570 --> 00:45:24,100
Neugestaltung, was w bereits haben, auf über
die Lasche an der Oberseite JavaScript wir

935
00:45:24,100 --> 00:45:25,120
haben eine Reihe von Komponenten.

936
00:45:25,120 --> 00:45:30,410
>> Hier haben wir also Übergänge, Modalverben,
Dropdown-Listen, Tabulatoren und Tooltips.

937
00:45:30,410 --> 00:45:35,530
Ein Tooltip ist, was erscheint unter Ihrer
Maus, wenn Sie auf etwas zu schweben.

938
00:45:35,530 --> 00:45:40,280
Popovers, Warnungen, Knöpfe, zusammenklappbar
Akkordeons ist das, was

939
00:45:40,280 --> 00:45:41,190
sie sind in der Regel genannt.

940
00:45:41,190 --> 00:45:43,045
Karussells, die Flip-
wie durch Bilder.

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> Das sind also die Komponenten
von Bootstrap.

943
00:45:54,840 --> 00:45:57,620
Ich möchte Sie ermutigen
hoch gehen sie betrachten.

944
00:45:57,620 --> 00:46:01,780
Es gibt einen JavaScript-Komponente
und eine CSS-Komponente.

945
00:46:01,780 --> 00:46:03,880
Fühlen Sie sich frei, um sie, wie du willst verwenden.

946
00:46:03,880 --> 00:46:06,730
Wir gehen nicht zu viel in sie gehen
weil wir das Gefühl, die Dokumentation

947
00:46:06,730 --> 00:46:09,360
ist wirklich gut gemacht.

948
00:46:09,360 --> 00:46:10,540
Und ja.

949
00:46:10,540 --> 00:46:14,500
Haben Sie Fragen dazu haben?

950
00:46:14,500 --> 00:46:19,430
>> MIKE RIZZO: Also als wirklich schnell
Seite, das Design dieser Web-Seite,

951
00:46:19,430 --> 00:46:21,830
wir schnell zusammen, für
diese Darstellung

952
00:46:21,830 --> 00:46:24,290
Verwendung Bootstrap tatsächlich getan.

953
00:46:24,290 --> 00:46:27,810
Wie Sie sehen können, wenn wir diese anklicken
verschiedenen Registerkarten, wir sind eigentlich nie

954
00:46:27,810 --> 00:46:30,750
Verlassen dieses aktuelle Seite index.html.

955
00:46:30,750 --> 00:46:36,400
Also, was wir haben, ist verschiedenen divs
innerhalb dieser index.html.

956
00:46:36,400 --> 00:46:39,610
Und dann, wenn wir auf einen anderen
Tab, es ist nur die Änderung

957
00:46:39,610 --> 00:46:41,590
die eigenen Auftritt.

958
00:46:41,590 --> 00:46:47,390
>> So ist es entsprechend positioniert sie,
ändert den HTML-Code der Seite, so dass

959
00:46:47,390 --> 00:46:52,330
der aktuellen Registerkarte als aktiv markiert, so
es anders und sieht erscheint

960
00:46:52,330 --> 00:46:52,820
wirklich nett.

961
00:46:52,820 --> 00:46:57,260
>> TOMAS REIMERS: So, dass alles getan wurde
ohne uns zu schreiben fast jedes CSS.

962
00:46:57,260 --> 00:47:01,440
Wir sehen auch eine Kopfzeile über der Spitze,
was die Farben sind von uns.

963
00:47:01,440 --> 00:47:04,800
Aber die tatsächliche legt es auf die
oben auf der Seite und macht

964
00:47:04,800 --> 00:47:06,660
es war Bootstrap blättern.

965
00:47:06,660 --> 00:47:09,720
Und dann auch noch für eine andere Bibliothek - das
ist nicht, was wir darüber geredet, aber ein

966
00:47:09,720 --> 00:47:11,580
Sie googeln können, wenn Sie möchten.

967
00:47:11,580 --> 00:47:15,130
Dies wird prettify.js genannt.

968
00:47:15,130 --> 00:47:20,650
Und es wird der Code-Syntax markieren
für Sie sowohl mit CSS und JavaScript.

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> Das letzte, was wir reden wollen
bevor wir veröffentlichen Sie heraus in die

971
00:47:27,070 --> 00:47:30,620
Welt, um in Bibliotheken suchen, um herauszufinden,
wie man sie benutzt und hoffentlich

972
00:47:30,620 --> 00:47:34,640
Dokumentation lesen und zu finden, was Sie
Notwendigkeit ist, wie Bibliotheken zu finden.

973
00:47:34,640 --> 00:47:37,000
Also das erste ist, dass wir gerade sind
gehen, um Google zu schieben.

974
00:47:37,000 --> 00:47:37,810
Go Google.

975
00:47:37,810 --> 00:47:41,150
>> Das ist buchstäblich das, was wir tun, wenn wir
brauchen, um etwas zu tun ist, wir Google.

976
00:47:41,150 --> 00:47:44,730
Gibt es eine JavaScript-Bibliothek,
ermöglicht es mir, in eine Zeit zu manipulieren

977
00:47:44,730 --> 00:47:45,400
sinnvoller Weg?

978
00:47:45,400 --> 00:47:49,510
Also, wenn ich weiß, dass einige Benutzer die Erstellung
angemeldet hier, und das ist der

979
00:47:49,510 --> 00:47:53,010
aktuelle Zeit, wie kann ich das berechnen
Unterschied, dass ohne

980
00:47:53,010 --> 00:47:55,020
berechnen, es selbst?

981
00:47:55,020 --> 00:47:59,630
Also das ist eigentlich eine gemeinsame Sache,
JavaScript Zeit-Bibliothek.

982
00:47:59,630 --> 00:48:02,440
Und hier sind wir Moment.js--
die beliebteste.

983
00:48:02,440 --> 00:48:06,530
>> Wenn wir eine Bibliothek zu manipulieren
etwas Farbe in der Lage zu sein,

984
00:48:06,530 --> 00:48:08,650
erzeugen eine Reihe von zufälligen Farben -

985
00:48:08,650 --> 00:48:10,660
möglicherweise, um eine generieren
Stil oder etwas -

986
00:48:10,660 --> 00:48:13,480
wir könnten etwas wie Google
JavaScript-Farbbibliothek.

987
00:48:13,480 --> 00:48:15,620
Und ich bin sicher, dass wir Pop-up mit
tausend und einer von ihnen.

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
Sie sind willkommen, um durch sie zu lesen.

990
00:48:21,410 --> 00:48:24,610
>> So sind die meisten Dinge - wenn Sie sie finden -
gehen auf einen der gehostet werden

991
00:48:24,610 --> 00:48:25,920
Websites, die Host-Code.

992
00:48:25,920 --> 00:48:26,960
Sie sind es ein paar beliebtesten.

993
00:48:26,960 --> 00:48:30,870
Die beliebtesten, von
Bisher ist github.com.

994
00:48:30,870 --> 00:48:35,300
Und wenn Sie auf GitHub zu gehen, es ist eigentlich
wo Normalisieren wurde veranstaltet.

995
00:48:35,300 --> 00:48:36,950
Also, wenn Sie wieder zu, dass man gehen wollen.

996
00:48:36,950 --> 00:48:38,135
Zeigen Sie ihnen, dass.

997
00:48:38,135 --> 00:48:40,516
>> MIKE RIZZO: Und das ist eigentlich, wo
dies wird auch gehostet wird, wenn Sie bemerkt.

998
00:48:40,516 --> 00:48:41,000
>> TOMAS REIMERS: Ja.

999
00:48:41,000 --> 00:48:49,078
Also, wenn Sie gehen über Normalisieren
und gehen auf die GitHub.

1000
00:48:49,078 --> 00:48:51,936
Waren ist das?

1001
00:48:51,936 --> 00:48:54,620
>> MIKE RIZZO: Das kleine Katze Sache
ist die GitHub-Symbol.

1002
00:48:54,620 --> 00:48:56,330
>> TOMAS REIMERS: Oh.

1003
00:48:56,330 --> 00:49:02,180
So GitHub verwendet eine Methode namens
Git zum Speichern von Code.

1004
00:49:02,180 --> 00:49:05,150
Ist Sie nicht wissen, was das ist oder
es Ihnen Angst, das ist in Ordnung.

1005
00:49:05,150 --> 00:49:16,100
Sie müssen nicht wissen, was Git ist
weil GitHub hat eine Download-Button

1006
00:49:16,100 --> 00:49:17,200
unten rechts.

1007
00:49:17,200 --> 00:49:21,350
>> Der andere nützliche Sache, zu wissen,
GitHub ist über die meisten Produkte

1008
00:49:21,350 --> 00:49:23,200
wird ein Lese mich.

1009
00:49:23,200 --> 00:49:25,400
Und wenn sie nicht über eine Website,
lies mich darüber, wie Sie sprechen

1010
00:49:25,400 --> 00:49:28,310
installieren Sie es, wie Sie es verwenden, was es
tut, et cetera, et cetera, et cetera.

1011
00:49:28,310 --> 00:49:31,033
Was wir im Grunde schon
Gehen Sie durch.

1012
00:49:31,033 --> 00:49:32,326
>> MIKE RIZZO: Internet ist Kündigen.

1013
00:49:32,326 --> 00:49:34,020
>> TOMAS REIMERS: Das ist in Ordnung.

1014
00:49:34,020 --> 00:49:36,980
Die letzten beiden Dinge, die wir wollten
, darüber zu sprechen -

1015
00:49:36,980 --> 00:49:38,750
wir über Git gesprochen haben -

1016
00:49:38,750 --> 00:49:40,290
ist die Fehlersuche.

1017
00:49:40,290 --> 00:49:43,020
Und dieser ist nicht für so relevant
das Endprodukt, wie es

1018
00:49:43,020 --> 00:49:44,870
50, wenn Sie verlassen.

1019
00:49:44,870 --> 00:49:48,310
Und wenn Sie in Produkte laufen
Umsetzung Bibliotheken oder Umsetzung

1020
00:49:48,310 --> 00:49:50,230
Ihr eigenes Projekt, Sie gehen
Fragen haben, oder du bist

1021
00:49:50,230 --> 00:49:51,660
gehen, um Fragen zu suchen.

1022
00:49:51,660 --> 00:49:53,060
>> Auch Google es.

1023
00:49:53,060 --> 00:49:54,630
Das ist buchstäblich das, was wir tun.

1024
00:49:54,630 --> 00:49:56,400
Das klingt jetzt albern.

1025
00:49:56,400 --> 00:49:58,310
Aber buchstäblich wir Google es.

1026
00:49:58,310 --> 00:50:01,810
Und wieder eines der ersten Dinge,
Sie ist in der Regel in laufen

1027
00:50:01,810 --> 00:50:06,550
stackoverflow.com, das ist eine wunderbare
Frage und Antwort Sicht.

1028
00:50:06,550 --> 00:50:10,530
>> Es ist wunderbar, denn Sie können sowohl
schreiben Sie die Fragen und suchen

1029
00:50:10,530 --> 00:50:12,760
Antworten, sondern auch, weil
Es hat bereits eine Menge von

1030
00:50:12,760 --> 00:50:14,590
vorbelegt Inhalt gibt.

1031
00:50:14,590 --> 00:50:18,510
Also in der Regel, wenn ein Programmier googeln
Frage innerhalb der ersten

1032
00:50:18,510 --> 00:50:22,620
Paar trifft Sie bereits ausgeführt haben
in sie während Ihr Problem Sets.

1033
00:50:22,620 --> 00:50:27,840
>> Und dann der letzte wirklich kurze Sache
JSFIDDLE ist, die - heute haben wir

1034
00:50:27,840 --> 00:50:32,110
mache eine Menge Arbeit mit
JavaScript HTML CSS.

1035
00:50:32,110 --> 00:50:39,820
JSFIDDLE ist eine Web-App, die im Grunde
können Sie Ihre HTML-nehmen, IHRE

1036
00:50:39,820 --> 00:50:42,820
JavaScript-links unten, und
Ihre CSS oben rechts.

1037
00:50:42,820 --> 00:50:47,840
Und dann kann es schaffen eine schnelle machen
von IT-und sehen, wie es interagiert.

1038
00:50:47,840 --> 00:50:50,500
Es ist sehr nützlich, wenn Menschen versuchen
um einen Proof of Concept zu tun wie

1039
00:50:50,500 --> 00:50:52,910
das ist, wie Sie es
tun ein Dropdown-Menü.

1040
00:50:52,910 --> 00:50:54,980
Vielleicht ein schnell aufzudecken oder was auch immer.

1041
00:50:54,980 --> 00:50:56,560
>> MIKE RIZZO: Also gehen wir
vor und klicken Sie auf diese.

1042
00:50:56,560 --> 00:50:57,820
Ein kurzer Hinweis -

1043
00:50:57,820 --> 00:51:00,430
Erwägung, bevor wir
Dabei auf Klick.

1044
00:51:00,430 --> 00:51:04,380
Stellt sich heraus, JCorey Korea hat auch einen eingebauten
im Click-Ereignishandler, dass es

1045
00:51:04,380 --> 00:51:07,020
verwendet, nur weil es Zahlen Sie
gehen, um eine Menge Dinge tun zu wollen

1046
00:51:07,020 --> 00:51:08,410
wenn Sie etwas wollen, klicken Sie auf.

1047
00:51:08,410 --> 00:51:09,690
>> Ebenso hat sie auch eine Schwebeflug.

1048
00:51:09,690 --> 00:51:12,850
Aber den vollen Umfang zu erhalten
die, an der jQuery aussehen

1049
00:51:12,850 --> 00:51:15,320
Dokumentation und es tun.

1050
00:51:15,320 --> 00:51:18,760
Ich habe hier etwas dumm.

1051
00:51:18,760 --> 00:51:21,490
>> TOMAS REIMERS: Also ich habe einen wirklich schnell
Programm hier, das sagt

1052
00:51:21,490 --> 00:51:22,640
-Taste auf Klick.

1053
00:51:22,640 --> 00:51:23,890
Dann haben wir eine for-Schleife.

1054
00:51:23,890 --> 00:51:26,810
Für i kleiner als 404.

1055
00:51:26,810 --> 00:51:29,530
Es ist nur los, um Pop-up
diese Warnmeldungen.

1056
00:51:29,530 --> 00:51:33,425
>> MIKE RIZZO: Und was war das
Code 404 stand in HTML?

1057
00:51:33,425 --> 00:51:34,145
Erinnert sich noch jemand?

1058
00:51:34,145 --> 00:51:35,450
Nicht gefunden, richtig.

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
Chrome auch diese ordentliche hinzugefügt
Sache, wo Sie können -

1061
00:51:40,885 --> 00:51:43,430
>> TOMAS REIMERS: Weil Leute wie
Mike begann, dies zu tun und eine Menge

1062
00:51:43,430 --> 00:51:47,230
Nutzer ärgerlich, die erlaubt
Sie sehen Info.

1063
00:51:47,230 --> 00:51:48,286
>> MIKE RIZZO: Ja.

1064
00:51:48,286 --> 00:51:50,690
>> TOMAS REIMERS: Haben wir Fragen haben
über dieses, über JavaScript

1065
00:51:50,690 --> 00:51:53,420
Bibliotheken, Bibliotheken zu finden, oder
welche Web-Entwicklung sieht

1066
00:51:53,420 --> 00:51:55,400
wie in der realen Welt?

1067
00:51:55,400 --> 00:51:56,880
Wir laufen gegen die Zeit.

1068
00:51:56,880 --> 00:52:00,400
Also ich bin mir nicht sicher, dass wir
, Zeit zu implementieren

1069
00:52:00,400 --> 00:52:02,290
es sei denn, es ist wirklich schnell.

1070
00:52:02,290 --> 00:52:04,580
Sind wir gut?

1071
00:52:04,580 --> 00:52:08,110
>> MIKE RIZZO: Alles, was Sie Kerle möchten
in, wie, wirklich schnell zu sehen, zwei

1072
00:52:08,110 --> 00:52:09,556
Minuten oder weniger?

1073
00:52:09,556 --> 00:52:10,870
>> TOMAS REIMERS: Alles
können wir klären?

1074
00:52:10,870 --> 00:52:12,500
Wie in zu schreiben -

1075
00:52:12,500 --> 00:52:13,260
>> ZIELGRUPPE: [unverständlich]?

1076
00:52:13,260 --> 00:52:16,070
>> MIKE RIZZO: Ja, so that -

1077
00:52:16,070 --> 00:52:18,065
>> TOMAS REIMERS: Sie können einfach auf
Ctrl-U auf der Website.

1078
00:52:18,065 --> 00:52:19,275
>> MIKE RIZZO: Oh, ich wusste nicht, dass.

1079
00:52:19,275 --> 00:52:22,290
>> TOMAS REIMERS: Ich denke, ja.

1080
00:52:22,290 --> 00:52:23,300
Strg-U. Ja.

1081
00:52:23,300 --> 00:52:25,970
>> MIKE RIZZO: Oh, das ist also die
Code für die Website.

1082
00:52:25,970 --> 00:52:29,580
Aber wenn Sie tatsächlich herunterladen möchten unsere
Dateien und alles, es gehostet wird

1083
00:52:29,580 --> 00:52:32,650
auf github.com

1084
00:52:32,650 --> 00:52:34,850
>> TOMAS REIMERS: Slash meinen Namen -

1085
00:52:34,850 --> 00:52:38,504
Tomas Reimers - Schrägstrich
CS50 Bindestrich Seminars.

1086
00:52:38,504 --> 00:52:40,710
>> MIKE RIZZO: Und Sie können
alles, was es zu finden.

1087
00:52:40,710 --> 00:52:42,310
>> TOMAS REIMERS: Dies ist, was GitHub
aussieht, übrigens.

1088
00:52:42,310 --> 00:52:44,910
Also noch einmal, wenn Sie eine offene Quelle zu sehen
Projekt, in der Regel, sie werden ein Lese sein

1089
00:52:44,910 --> 00:52:45,950
mich gibt, dass Sie lesen können.

1090
00:52:45,950 --> 00:52:50,200
Und wenn Sie wieder gehen, werden Sie feststellen, dass
Sie die Download-zip haben, wird die

1091
00:52:50,200 --> 00:52:52,130
können Sie den Quellcode herunterladen
Code gehören die

1092
00:52:52,130 --> 00:52:53,666
Produkt in Ihrem eigenen Sache.

1093
00:52:53,666 --> 00:52:56,890
>> MIKE RIZZO: Ja, und wenn wir nur auf
auf die index.html wirklich schnell -

1094
00:52:56,890 --> 00:52:59,180
>> TOMAS REIMERS: Sie sehen hier ist der
Source-Code für unsere Website.

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> MIKE RIZZO: Auch, ich habe vergessen, rechts zu schieben
vor mit dem großen Tisch es

1097
00:53:06,070 --> 00:53:09,860
enthalten, aber es gibt auch eine Tabelle
von chmods, die wir aufgenommen

1098
00:53:09,860 --> 00:53:13,210
nur für Ihre Klarheit.

1099
00:53:13,210 --> 00:53:16,940
Aber wenn wir zu scrollen ganz nach unten, um die
Boden, wir haben nicht wirklich sehr zu tun

1100
00:53:16,940 --> 00:53:21,160
viel mit der JavaScript-
Zeug überhaupt mit diesem.

1101
00:53:21,160 --> 00:53:26,610
Es ist ausschließlich von allem
anderes, das wir hatten.

1102
00:53:26,610 --> 00:53:28,730
>> Ich danke euch für die kommenden
und Hören.

1103
00:53:28,730 --> 00:53:29,830
Wir hoffen, das war wirklich hilfreich.

1104
00:53:29,830 --> 00:53:33,020
Wenn Sie einen JavaScript verwandten haben
Fragen oder wollen einfach nur reden

1105
00:53:33,020 --> 00:53:36,240
was anderes wie das, was andere coole Dinge
Sie mit JavaScript tun können, freuen wir uns

1106
00:53:36,240 --> 00:53:37,186
mit Ihnen zu sprechen.

1107
00:53:37,186 --> 00:53:40,010
>> TOMAS REIMERS: Wenn Sie eine Frage haben
über Ihr Projekt oder wenn das sein kann

1108
00:53:40,010 --> 00:53:42,740
relevant ist, werden wir wahrscheinlich halten rund
ein bisschen nach diesem.

1109
00:53:42,740 --> 00:53:44,640
Aber anders als das, haben
ein gutes Wochenende.

1110
00:53:44,640 --> 00:53:45,845
>> MIKE RIZZO: Ja, zu genießen.

1111
00:53:45,845 --> 00:53:46,120
See you guys.

1112
00:53:46,120 --> 00:53:47,370
>> TOMAS REIMERS: See ya.

1113
00:53:47,370 --> 00:53:47,926