[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,- Jetzt werde ich dich\Ndich durch die Grundlagen führen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,der Verwendung von jQuery auf deiner Webseite.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Der erste Schritt besteht darin, die\Ndie jQuery-Bibliothek einzubinden
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,mit einem '<script>'-Tag
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Vorher haben wir JavaScript\Ninnerhalb unseres ''-Tags ein,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,aber dieses Mal werde ich\Nein "src"-Attribut hinzufügen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Und das muss ich auf eine URL setzen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Wie soll diese URL lauten?
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Wenn ich an meinem eigenen Computer arbeiten würde
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und habe jQuery heruntergeladen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,in den gleichen Ordner wie meine Webseite heruntergeladen,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Ich könnte hier einfach "jquery.js" schreiben.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Aber das wird hier bei Khan Academy nicht funktionieren.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Hier brauche ich eine absolute URL von jQuery
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,irgendwo auf einem Online-Server.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Und es gibt eine Liste von\Ndieser URLs unter jquery.com,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und ich habe eine davon\Nich hier einfach einfügen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So geht's.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,So ist es gut. Jetzt möchte ich\Nauf ein paar Dinge hinweisen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,über diese URL.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Die erste Sache ist, dass\Nsie mit "https" beginnt.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Das bedeutet, dass es sich um eine sichere URL handelt.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Wir erlauben dir nur\Nsichere Ressourcen einzubringen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,auf Khan Academy-Webseiten
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und das ist generell eine gute\NPraxis in der Webentwicklung.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Okay. Die zweite Sache\Nist, dass diese Seite
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,auf einem Google-Server: googleapis.com.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Dieser Server wird CDN genannt,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,ein Content Delivery Network,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,was bedeutet, dass er optimiert ist
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,für die Bereitstellung statischer Dateien\Nwie JavaScript-Bibliotheken
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und sie sehr schnell bereitzustellen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Diesem Google-Server vertraue ich
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und generell solltest du\Nimmer den Servern vertrauen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,von denen du Skripte einspielst
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,denn sie könnten möglicherweise\Nschädliche Dinge mit deiner Seite anstellen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Okay. Die dritte Sache ist\Ndass es eine Versionsnummer gibt
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,in dieser URL steht: 2.1.4.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Die jQuery-Bibliothek ist\Nin aktiver Entwicklung
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und es werden häufig neue Versionen veröffentlicht.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Die Zahlen weiter links
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,stehen für größere Versionsänderungen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,im Vergleich zu den Zahlen weiter rechts,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,die kleinere Versionen darstellen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Ich verwende hier jQuery 2,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,das in modernen Browsern funktioniert
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,aber im IE8 funktioniert es nicht.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Auf deiner eigenen Website,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,kannst du entscheiden, welche Version\Ndu je nach Bedarf verwenden willst.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Also gut. Wir haben also jQuery eingebunden.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Jetzt wollen wir es tatsächlich benutzen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,in einem anderen '<script>'-Tag.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Jede JavaScript-Bibliothek stellt Funktionen zur Verfügung
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und sie geben ihren Funktionen Namen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Wir müssen in der Dokumentation nachsehen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,um herauszufinden, wie diese Funktionsnamen lauten
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und was sie tatsächlich tun.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Nun, die jQuery-Bibliothek\Nstellt eine Hauptfunktion zur Verfügung
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und sie hat einen sehr kurzen Namen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Sie besteht nur aus dem Dollarzeichen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Das bedeutet, dass das erste, was wir schreiben
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Dollar ist
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,dann zwei Klammern,\Nweil es eine Funktion ist,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und natürlich ein Semikolon.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Es ist schön, dass dieser\NFunktionsname so kurz ist
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,denn wir würden diese Funktion\Ndiese Funktion sehr oft aufrufen.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Es gibt eine Menge Dinge, die wir\Nan diese Funktion übergeben können,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,aber für dieses einführende Beispiel,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,werde ich nur die Zeichenkette "h1" übergeben.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Wenn ich das getan habe,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,sagt dies jQuery, dass es
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,alle "h1"-Elemente auf der Seite zu finden
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,und sie als ein\NjQuery-Sammelobjekt zurückzugeben.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Jetzt, wo ich das getan habe,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,kann ich andere Methoden aufrufen\Nfür das jQuery-Objekt aufrufen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,aufrufen, um alle gefundenen\Nh1"-Elemente zu bearbeiten.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Wenn ich zum Beispiel den\Ninneren Text aller Elemente ändern möchte,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,kann ich die Funktion "text" aufrufen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,aufrufen und ihr einen String übergeben.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Es passiert.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Ja!
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Und wir sind fertig!
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Das ist unser erstes Stück jQuery.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Wir haben also die jQuery\NBibliothek mit dem ''-Tag eingebunden,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,jQuery angewiesen, alle\Nh1s" auf der Seite zu finden,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,zu finden und dann jQuery zu bitten\Nden Text von allen zu ändern.
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Wenn du weitermachst, werden wir\Nviel mehr durchgehen
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,mehr ins Detail gehen,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,mehr Möglichkeiten zur Auswahl und\Nund Elemente zu manipulieren,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Verwendung von jQuery zur Reaktion auf\NBenutzerereignisse auf der Seite zu reagieren,
Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,sowie lustige Sachen mit Animationen und Effekten.