1 Einführung ıs. 1.1 Was mache ich mit JavaScript? Was kann JavaScript nicht? Browser und mobile Browser...

Größe: px

Ab Seite anzeigen:

Download "1 Einführung ıs. 1.1 Was mache ich mit JavaScript? Was kann JavaScript nicht? Browser und mobile Browser..."

Leon Jaeger
vor 6 Jahren
Abrufe

Inhalt 1 Einführung ıs 1.1 Was mache ich mit JavaScript?... 15 1.2 Was kann JavaScript nicht?... 16 1.3 Browser und mobile Browser... 17 1.4 ECMAScript... 17 1.5 Aufbau des Buchs... 17 1.6 Einrichten der Arbeitsumgebung.

1 Inhalt 1 Einführung ıs 1.1 Was mache ich mit JavaScript? Was kann JavaScript nicht? Browser und mobile Browser ECMAScript Aufbau des Buchs Einrichten der Arbeitsumgebung Eine erste HTML-Datei Die Codierung UTF Einige Sonderzeichen JavaScript innerhalb einer HTML-Datei JavaScript aus externer D a te i Kommentare Kein JavaScript möglich Grundlagen der Programmierung Speicherung von Werten Speicherung von Zeichenketten Namensregeln Ein-und Ausgabe von Zeichenketten Speichern von Zahlen Speichern von Wahrheitswerten Konstanten Berechnungen durchführen Rechenoperatoren Zuweisungsoperatoren Eingabe von Zahlen... 40

2 2.3 Verschiedene Zweige eines Programms Verzweigungen mit»if... eise« Bestätigung anfordern Mehrere Bedingungen verknüpfen Eingabe von Zahlen p rü fen Wert und Typ von Variablen prüfen Priorität der Operatoren Verzweigungen mit»switch... case« Programmteile wiederholen Schleifen mit»for« Schleifen und Tabellen Schleifen mit»while« Schleifen mit»do... w hile« Ein Spiel als Gedächtnistraining Fehler finden, Fehler vermeiden Entwicklung eines Programms Fehler finden mit»onerror« Ausnahmebehandlung mit»try... catch« Ausnahmen werfen mit»throw« Firebug, Programm debuggen Programme zerlegen mit eigenen Funktionen Einfache Funktionen Funktionen auslagern Funktionen mit Parametern Funktionen mit Rückgabewert Beliebige Anzahl von Parametern Vorgabewerte für Parameter Restliche Parameter Gültigkeitsbereich von Variablen Anonyme Funktionen Objektunabhängige Funktionen nutzen Die Funktion»eval()«... 83

3 3 Eigene Objekte ss 3.1 Objekte und Eigenschaften Methoden Objekt in O bjekt Vererbung Operationen mit Objekten Zugriffsoperatoren Verweise auf Objekte erzeugen und vergleichen Instanzen prüfen Typ e rm itteln Eigenschaften prüfen Kompakter Zugriff auf Eigenschaften Eigenschaften löschen Klassen in ECMAScript Objekte in İSO N Ereignisse юз 4.1 Techniken der Ereignisbehandlung Klassische Ereignisbehandlung Erste Eventhandler Formulare und Ajax Ereignisse im Form ular Maus-Ereignisse Ereignisse als Eigenschaften Das Ereignisobjekt Event Listener Bubbling und Capturing Externer Event Listener

4 5.1 Baum und Knoten Knoten abrufen Kindknoten Knoten hinzufügen Knoten ändern Knoten löschen Eine Tabelle erzeugen Standardobjekte nutzen из 6.1 Felder für große Datenmengen Felder erzeugen Elemente hinzufügen und entfernen Weitere Methoden Felder und Funktionen Sortieren von Zahlenfeldern Elemente in einem Feld fin d e n Felder von Objekten Felder und Objekte in JSON Zeichenketten verarbeiten Operationen mit Zeichenketten Hyperlinks und Anker Reguläre Ausdrücke Zahlen und M athem atik Objekt»Number« Erweiterung des»number«-objekts Objekt»Math« Winkelfunktionen Datum und Uhrzeit nutzen Zeitangaben erzeugen Zeitangaben ausgeben

5 6.4.3 Erweiterung des»date«-objekts M it Zeitangaben rechnen Zweite Erweiterung des»date«-objekts Abläufe zeitlich steuern Können Sie Zeiten schätzen? Feiertage in NRW Browserobjekte nutzen Das Browserfenster, Objekt»window« Größe und Position Fenster öffnen und schließen Zeitliche Abläufe starten und stoppen Die Historie, Objekt»history« Die Adresse, Objekt»location« Eigenschaften und Methoden Senden von Datei zu Datei Das Dokument, Objekt»document« Alle Anker, Eigenschaft»anchors« Alle Hyperlinks, Eigenschaft»links« Alle Bilder, Eigenschaft»images« Eigenschaften Diashow und Einzelbild Alle Formulare, Eigenschaft»forms« Zugriff auf Formulare Formulare kontrollieren, Textfelder Radioßuttons und CheckBoxen Auswahlmenüs Versteckte Formularelemente Lernspiel: Hauptstädte der Europäischen U nion Dynamische Änderung von Auswahlmenüs Der Bildschirm, Objekt»screen«

6 8.1 Hallo A ja x Ein wenig Theorie Parameter senden XML-Datei lesen Einzelnes Objekt Sammlung von Objekten Vorschläge beim Suchen JSON-Datei lesen Einzelnes Objekt Sammlung von Objekten Cascading Style Sheets (CSS) Aufbau und Regeln Orte und Selektoren Kombinationen Kaskadierung und Überlagerung Position und verwandte Eigenschaften Position und Größe Lage in z-richtung Bildausschnitt Transparenz CSS und JavaScript CSS-Eigenschaften ändern Regeln vorhandener Styles ändern Name der Eigenschaften für CSS und JavaScript Position und verwandte Eigenschaften ändern Sichtbarkeit ändern Animation Fünf Animationen, Aufbau Animierte Änderung der Position Animierte Änderung des Ausschnitts Animierte Änderung der Transparenz

7 9.4.5 Animierte Änderung der Farbe Animierter Bildwechsel Animierter W u rf Animierter Sternenhimmel Zweidimensionale Grafiken und Animationen mit SVG Eine SVG-Datei erstellen Grundformen Rechteck Kreis und Ellipse Linie, Polylinie und Polygon Pfade Gefüllte Pfade Gruppen, nicht gefüllte und geschlossene Pfade Pfade mit Kurven Animationen Ablauf der Beispielanimationen Zeitgesteuerte Animationen Ereignisgesteuerte Animationen Rotationen Zugriff auf SVG-Elemente mit JavaScript Erzeugen von SVG-Elementen mit JavaScript Dreidimensionale Grafiken und Animationen mit Three.js Eine erste 3D-Grafik Das 3D-Koordinatensystem Der Aufbau des Programms Die Zeichnungsfläche und die Grafikszene

8 Das 3 D-0 bje kt mit Geometrie und Material Die Kamera Die Lichtquelle und die Darstellung Eine Animation Position, Perspektive und Licht Verschiedene Formen Rechteck Quader Kegel Kugel Torus jquery Aufbau Selektoren und M ethoden Ereignisse Animationen Beispiel: sinusförmige Bewegung jquery und A ja x jquery Ul Aufbau Elemente verschieben Elemente zu einem Ziel verschieben Elemente im Raster verschieben Menü mit Untermenü Bereiche auf- und zuklappen

9 14.1 Aufbau Bereiche auf- und zuklappen Ereignisse auf mobilen Geräten Reaktionstraining Formularesenden Elemente eines -Formulars Weitere Formularelemente Cookies bs? 15.1 Cookies schreiben Cookies lesen Cookies löschen Werden Cookies akzeptiert? Beispiel für die Nutzung Beispielprojekte Geldanlage Fitnesswerte Volkslauf Nummer der Kreditkarte prüfen Patience M em ory Snake Kopfrechnen

10 17.1 HTMLS-Fähigkeit testen Allgemeine Formularelemente Elemente für Zahlen Elemente für Zeitangaben Validierung von Formularen Audiodateien abspielen Videodateien abspielen Zeichnungen im Canvas Bild im Canvas Text im Canvas Standortdaten nutzen Waytracking Lagesensoren nutzen Beschleunigungssensoren nutzen Anhang 451 A.l Installation des Pakets»WAMP Stack« A.2 Liste der Schlüsselwörter Index 453

Ähnliche Dokumente

Inhalt. Teil I: Der Sprachkern von JavaScript

Inhalt. Teil I: Der Sprachkern von JavaScript Inhalt Vorwort.... 1 Einführung in JavaScript... 1 1.1 Der JavaScript-Sprachkern... 4 1.2 Clientseitiges JavaScript... 9 Teil I: Der Sprachkern von JavaScript 2 Die lexikalische Struktur... 21 2.1 Zeichensatz...