Auf einen Blick. Auf einen Blick

Größe: px

Ab Seite anzeigen:

Download "Auf einen Blick. Auf einen Blick"

Gerd Bach
vor 6 Jahren
Abrufe

Auf einen Blick Auf einen Blick 1 Einführung... 15 2 Grundlagen der Programmierung... 29 3 Eigene Objekte... 85 4 Ereignisse... 103 5 Das Document Object Model (DOM)... 127 6 Standardobjekte nutzen.

1 Auf einen Blick Auf einen Blick 1 Einführung Grundlagen der Programmierung Eigene Objekte Ereignisse Das Document Object Model (DOM) Standardobjekte nutzen Browserobjekte nutzen Ajax Cascading Style Sheets (CSS) Zweidimensionale Grafiken und Animationen mit SVG Dreidimensionale Grafiken und Animationen mit Three.js jquery jquery UI jquery mobile Cookies Beispielprojekte HTML

2 1 Einführung 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 Datei 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

3 2.3 Verschiedene Zweige eines Programms Verzweigungen mit»if else« Bestätigung anfordern Mehrere Bedingungen verknüpfen Eingabe von Zahlen prü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 while« 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()« Eigene Objekte Objekte und Eigenschaften Methoden Objekt in Objekt Vererbung Operationen mit Objekten Zugriffsoperatoren Verweise auf Objekte erzeugen und vergleichen Instanzen prüfen Typ ermitteln Eigenschaften prüfen Kompakter Zugriff auf Eigenschaften Eigenschaften löschen Klassen in ECMAScript Objekte in JSON Ereignisse Techniken der Ereignisbehandlung Klassische Ereignisbehandlung Erste Eventhandler Formulare und Ajax Ereignisse im Formular Maus-Ereignisse Ereignisse als Eigenschaften Das Ereignisobjekt Event Listener Bubbling und Capturing Externer Event Listener

4 5 Das Document Object Model (DOM) Baum und Knoten Knoten abrufen Kindknoten Erweiterung des»date«-objekts Mit Zeitangaben rechnen Zweite Erweiterung des»date«-objekts Abläufe zeitlich steuern Können Sie Zeiten schätzen? Feiertage in NRW Knoten hinzufügen Knoten ändern Knoten löschen Eine Tabelle erzeugen Standardobjekte nutzen 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 finden Felder von Objekten Felder und Objekte in JSON Zeichenketten verarbeiten Operationen mit Zeichenketten Hyperlinks und Anker Reguläre Ausdrücke Zahlen und Mathematik Objekt»Number« Erweiterung des»number«-objekts Objekt»Math« Winkelfunktionen Datum und Uhrzeit nutzen Zeitangaben erzeugen Zeitangaben ausgeben 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 RadioButtons und CheckBoxen Auswahlmenüs Versteckte Formularelemente Lernspiel: Hauptstädte der Europäischen Union Dynamische Änderung von Auswahlmenüs Der Bildschirm, Objekt»screen«

5 8 Ajax Hallo Ajax Ein wenig Theorie Animierte Änderung der Farbe Animierter Bildwechsel Animierter Wurf Animierter Sternenhimmel 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 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

6 Das 3D-Objekt 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 mobile Aufbau Bereiche auf- und zuklappen Ereignisse auf mobilen Geräten Reaktionstraining Formulare senden Elemente eines -Formulars Weitere Formularelemente jquery Aufbau Selektoren und Methoden Ereignisse Animationen Beispiel: sinusförmige Bewegung Cookies Cookies schreiben Cookies lesen Cookies löschen Werden Cookies akzeptiert? Beispiel für die Nutzung jquery und Ajax Beispielprojekte jquery UI Aufbau Elemente verschieben Elemente zu einem Ziel verschieben Elemente im Raster verschieben Menü mit Untermenü Bereiche auf- und zuklappen Geldanlage Fitnesswerte Volkslauf Nummer der Kreditkarte prüfen Patience Memory Snake Kopfrechnen

7 17 HTML HTML5-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.1 Installation des Pakets»WAMP Stack« A.2 Liste der Schlüsselwörter Index

Ähnliche Dokumente

Michael Seeboerger-Weichselbaum. Das Einsteigerseminar JavaScript 4., überarbeitete Auflage

Michael Seeboerger-Weichselbaum Das Einsteigerseminar JavaScript 4., überarbeitete Auflage Inhaltsverzeichnis Vorwort 11 Einleitung und Ziel des Buches 13 Schreibweisen 14 Die Beispiele aus dem Buch 15