O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

JavaScript für Dummies

Book Description

Sie möchten interaktive und animierte Webseiten entwickeln? Andy Harris zeigt Ihnen, wie es geht. Von den Grundlagen der JavaScript-Programmierung über Animationen bis hin zu Ajax und jQuery finden Sie in diesem Buch alles, was Sie brauchen!

Table of Contents

  1. Coverpage
  2. Titlepage
  3. Inhalt
  4. Über den Autor
  5. Kapitel Einführung
    1. Was Sie benötigen
    2. Wie dieses Buch aufgebaut ist
      1. Teil I: Mit JavaScript programmieren
      2. Teil II: Seiten mit JavaScript aufwerten
      3. Teil III: Zu AJAX aufsteigen
      4. Teil IV: Der Top-Ten-Teil
      5. Und dann gibt's noch was im Internet!
      6. Symbole, die in diesem Buch verwendet werden
      7. Wie es weitergeht
      8. Zum Abschluss
      9. Eine Anmerkung der Übersetzerin
  6. Teil I Mit JavaScript programmieren
    1. Kapitel 1 Das Web auf die nächste Ebene bringen
      1. Etwas wirklich Cooles zusammenbauen
      2. Erste Schritte
        1. Ein Überblick über die zentralen Technologien
        2. Den Computer wählen
      3. Einen Editor auswählen
        1. Vermeiden Sie problematische Werkzeuge
        2. Einen WYSIWYG-Editor verwenden
        3. Die Editoren der Programmierer
        4. Sich mit einigen bekannten Editoren vertraut machen
        5. Aptana
      4. Eine Browser-Sammlung aufbauen
        1. Einen Standard einrichten
        2. Sich für einen oder zwei Browser entscheiden
      5. Aus Firefox eine Entwicklungsmaschine machen
        1. Die Symbolleiste »Web-Developer«
        2. Der HTML Validator
        3. Firebug
    2. Kapitel 2 Schreiben Sie Ihr erstes Programm
      1. Ein Programmierer werden
        1. Einen JavaScript-Editor auswählen
        2. Einen Browser zum Testen wählen
        3. Einer Seite ein Skript hinzufügen
        4. Den JavaScript-Code einbetten
        5. Kommentare schreiben
        6. Die Methode »alert ()« für die Ausgabe verwenden
        7. Das Semikolon hinzufügen
      2. Variablen
        1. Eine Variable für die Datenablage erstellen
        2. Den Benutzer nach Informationen fragen
        3. Dem Benutzer antworten
      3. Mit einer Verknüpfung eine freundlichere Begrüßung erreichen
        1. Literale und Variablen im Vergleich
        2. Leerzeichen in verknüpften Phrasen verwenden
      4. Das String-Objekt
        1. Eine Einführung in objektorientierte Programmierung (und Kühe)
        2. Die Länge eines Strings herausfinden
        3. Text mit String-Methoden ändern
      5. Variablentypen
        1. Zahlen addieren
        2. Zahlen aus Benutzereingaben addieren
        3. Das Problem mit dynamischen Daten
        4. Das verflixte Pluszeichen
      6. Den Variablentyp ändern
        1. Werkzeuge zur Umwandlung von Variablen verwenden
        2. Eingaben korrigieren
    3. Kapitel 3 Das Verhalten eines Programms über Bedingungen ändern
      1. Mit Zufallszahlen arbeiten
        1. Einen Würfel herstellen
        2. Der Würfel ist gefallen
      2. Den Ablauf mit »if« steuern
        1. »If« und sonst nichts
        2. Bedingungen verwenden
        3. Vergleichsoperatoren
      3. Machen Sie, was ich sage, ansonsten…
      4. »else if« für komplexere Interaktionen verwenden
        1. Das Geheimnis des überflüssigen »else«
      5. Es ist Zeit für eine neue Denkweise
        1. Einen Ausdruck erstellen
        2. »Switchen« mit Stil
      6. Verschachtelte »if«-Anweisungen
        1. Verschachtelte Bedingungen erstellen
        2. Verschachtelte »if«-Anweisungen sinnvoll einsetzen
    4. Kapitel 4 Schleifen und Fehlersuche
      1. Eine zählende Schleife mit »for« herstellen
        1. Eine Standardschleife mit »for« anlegen
        2. Eine rückwärts laufende Schleife erstellen
        3. Gleich um fünf weitergehen
      2. Eine Zeit lang Schleifen drehen
        1. Eine grundlegende »while«-Schleife erstellen
        2. Vermeiden Sie Schleifenfehler
      3. Eine Einführung in bösartige Schleifen
        1. Mit einer zögerlichen Schleife umgehen
        2. Mit einer zwanghaften Schleife umgehen
      4. Den Code debuggen
        1. Hilfe durch Aptana
        2. JavaScript in IE debuggen
        3. Fehler mit Firefox finden
        4. Syntaxfehler mit Firebug einfangen
      5. Logische Fehler einfangen
        1. Mit Firebug in die Konsole protokollieren
        2. Die Konsolenausgabe beobachten
      6. Einen interaktiven Debugger verwenden
        1. Einen Haltepunkt setzen
        2. Den Debugger ablaufen lassen
        3. Die Perspektive »Debug« verwenden
        4. Ein angehaltenes Programm im Debug-Modus untersuchen
        5. Das Programm durchlaufen
        6. Die Daten von Ausdrücken betrachten
        7. Den Debugger Firebug verwenden
    5. Kapitel 5 Funktionen, Arrays und Objekte
      1. Aus Code Funktionen machen
        1. Ameisen zum Picknick einladen
        2. Über die Struktur des Liedes (und des Programms) nachdenken
        3. Das Programm »antsFunktion.html« anlegen
      2. Daten an Funktionen übergeben und von ihnen erhalten
        1. Das Hauptprogramm untersuchen
        2. Der Refrain
        3. Vom Umgang mit den Strophen
      3. Gültigkeitsbereiche
        1. Eine Einführung in lokale und globale Variablen
        2. Den Gültigkeitsbereich von Variablen untersuchen
      4. Ein Basisarray anlegen
        1. Eine Datenliste in einem Array ablegen
        2. Auf Daten im Array zugreifen
        3. Arrays mit einer »for«-Schleife verwenden
        4. Besuchen Sie noch einmal die Ameisen
      5. Mit zweidimensionalen Arrays arbeiten
        1. Die Arrays einrichten
        2. Eine Stadt erhalten
        3. Die zentrale Funktion »zentral ()« anlegen
      6. Eigene Objekte erstellen
        1. Ein Basisobjekt anlegen
        2. Einem Objekt Methoden hinzufügen
        3. Ein wiederverwendbares Objekt anlegen
        4. Das schöne, neue Objekt verwenden
      7. Eine Einführung in JSON
        1. Daten im JSON-Format ablegen
        2. Komplexere JSON-Strukturen anlegen
  7. Teil II Seiten mit JavaScript aufwerten
    1. Kapitel 6 Mit der Seite reden
      1. Das Document Object Model verstehen
        1. Sich im DOM zurechtfinden
        2. DOM-Eigenschaften mit Firebug ändern
        3. Das Objekt »document« untersuchen
      2. Das DOM über JavaScript nutzen
        1. Sich den Blues holen – im JavaScript-Stil
        2. JavaScript-Code schreiben, um Farben zu ändern
      3. Schaltflächenereignisse verwalten
        1. Das Spielfeld einrichten
        2. Anführungszeichen in Anführungszeichen unterbringen
        3. Die Funktion »farbeAendern« schreiben
      4. Texteingabe und Textausgabe verarbeiten
        1. Eine Einführung in die ereignisgesteuerte Programmierung
        2. Das XHTML-Formular erstellen
        3. »getElementById ()« für den Zugriff auf die Seite verwenden
        4. Das Textfeld verarbeiten
      5. In das Dokument schreiben
        1. Das HTML-Framework vorbereiten
        2. Den JavaScript-Anteil schreiben
        3. Das interne HTML finden
      6. Mit weiteren Textelementen arbeiten
        1. Das Formular anlegen
        2. Die Funktion schreiben
        3. Den Quellcode verstehen
    2. Kapitel 7 Für gültige Eingaben sorgen
      1. Eingabe über eine Drop-down-Liste erhalten
        1. Das Formular anlegen
        2. Das Listenfeld auslesen
      2. Die Mehrfachauswahl
        1. Ein »select«-Objekt für eine Mehrfachauswahl codieren
        2. Den JavaScript-Code schreiben
      3. Kontrollkästchen auslesen
        1. Die Seite mit den Kontrollkästchen anlegen
        2. Auf die Kontrollkästchen antworten
      4. Mit Optionsfeldern arbeiten
        1. Optionsfelder auswerten
      5. Mit regulären Ausdrücken arbeiten
        1. Reguläre Ausdrücke vorstellen
        2. Zeichen in regulären Ausdrücken
        3. Den Anfang und das Ende einer Zeile markieren
      6. Mit besonderen Zeichen arbeiten
        1. Ein Zeichen mit einem Punkt abgleichen
        2. Eine Zeichenklasse verwenden
        3. Nur Ziffern
        4. Satzzeichen markieren
      7. Wörter suchen
        1. Wiederholte Operationen
        2. Eines oder mehrere Elemente finden
        3. Null oder mehr Übereinstimmungen
        4. Die Anzahl an Zeichen festlegen
      8. Mit dem Musterspeicher arbeiten
        1. Die Erinnerungen zurückholen
        2. Muster verwenden, die im Arbeitsspeicher liegen
    3. Kapitel 8 Verschieben und bewegen
      1. Bewegung hineinbringen
        1. Einen Blick auf den HTML-Code werfen
        2. Ein Überblick über den JavaScript-Teil
        3. Globale Variablen anlegen
        4. Initialisierung
        5. Das Sprite bewegen
        6. Die Begrenzungen überprüfen
      2. Tastatureingaben auslesen
        1. Die Seite für die Tastatur anlegen
        2. Einen Blick auf »tastatur.js« werfen
        3. Die Funktion »init ()« überschreiben
        4. Eine Ereignisbehandlung einrichten
        5. Auf das Drücken von Tasten reagieren
        6. Das Geheimnis der Tastencodes enthüllen
      3. Der Maus folgen
        1. Einen Blick auf den HTML-Code werfen
        2. HTML einrichten
        3. Den Code initialisieren
        4. Den »Lauscher« für die Maus anlegen
      4. Automatische Bewegung
      5. Animation mit Bildüberlagerung: Trickfilme
        1. Die Bilder vorbereiten
        2. Die Seite anlegen
        3. Die globalen Variablen anlegen
        4. Das Interval einrichten
        5. Die Animation durch Vorladen verbessern
      6. Mit zusammengesetzten Bildern arbeiten
        1. Das Bild vorbereiten
        2. HTML und CSS einrichten
        3. Das JavaScript schreiben
        4. Globale Variablen einrichten
        5. Eine »init ()«-Funktion anlegen
        6. Das Sprite animieren
      7. Verschieben und überlagern
        1. Das HTML-Framework anlegen
        2. Den Code anlegen
        3. Globale Variablen definieren
        4. Die Daten initialisieren
        5. Das Bild animieren
        6. Das Bild aktualisieren
        7. Das Sprite verschieben
  8. Teil III Zu AJAX aufsteigen
    1. Kapitel 9 Die Grundlagen von AJAX
      1. AJAX: Die Rückkehr nach Troja
      2. AJAX ausgeschrieben
        1. A steht für asynchron
        2. J steht für JavaScript
        3. A steht für das englische… and?
        4. Und X steht für…?
      3. Grundlegende AJAX-Verbindungen herstellen
        1. Das HTML-Formular anlegen
        2. Ein »XMLHttpRequest«-Objekt erstellen
        3. Eine Verbindung zum Server öffnen
        4. Anfrage und Parameter senden
        5. Den Status überprüfen
      4. Und nun alle zusammen: Wir wollen die asynchrone Verbindung sehn!
        1. Das Programm einrichten
        2. Die Funktion »getAJAX« anlegen
        3. Die Antwort auslesen
    2. Kapitel 10 JavaScript und AJAX durch jQuery verbessern
      1. Eine Einführung in JavaScript-Bibliotheken
      2. jQuery kennenlernen
        1. jQuery installieren
        2. jQuery von Google importieren
        3. jQuery mit Aptana verwenden
      3. Die erste jQuery-Anwendung schreiben
        1. Die Seite einrichten
        2. Das jQuery-Knotenobjekt
      4. Eine Initialisierungsfunktion anlegen
        1. »$(document).ready ()« verwenden
        2. Alternativen zu »document.ready« entdecken
      5. Das jQuery-Objekt erkunden
        1. Den Stil eines Elements ändern
        2. jQuery-Objekte auswählen
        3. Die Stile modifizieren
      6. Objekte um Ereignisse erweitern
        1. Ein »hover«-Ereignis hinzufügen
        2. Klassen auf die Schnelle ändern
      7. AJAX-Anfragen mit jQuery erledigen
        1. Eine Textdatei mit AJAX einbinden
        2. CMS für Arme mit AJAX
    3. Kapitel 11 jQuery animieren
      1. Animationen vorbereiten
        1. Den Grundstein mit HTML und CSS legen
        2. Die Seite mit Startwerten versehen
        3. Mit Rückruffunktionen arbeiten
      2. Den Inhalt anzeigen und verbergen
        1. Die Sichtbarkeit ein- und ausschalten
        2. Ein Element gleiten lassen
        3. Ein Element ein- und ausblenden
      3. Die Position eines Elements mit jQuery ändern
        1. Das HTML-Framework anlegen
        2. Die Ereignisse einrichten
        3. Verkettungen
        4. Die Funktion »move ()« durch Verkettung anlegen
        5. Mit »animate ()« eine zeitabhängige Animation anlegen
        6. Nur ein Stückchen verschieben: Relative Bewegung
      4. Elemente auf die Schnelle ändern
        1. Die Seitengrundlage erstellen
        2. Den Code mit Startwerten versehen
        3. Text hinzufügen
        4. Kopieren geht über Studieren
        5. Das ist eine Hülle
        6. Stile abwechseln lassen
        7. Die Seite zurücksetzen
        8. Noch mehr Selektoren und Filter
    4. Kapitel 12 Das jQuery User Interface Toolkit
      1. Einen Blick auf den ThemeRoller werfen
      2. Den Themenpark besuchen
      3. Elemente ziehen und ablegen
      4. Die Bibliothek herunterladen
      5. Die Größe eines Themas ändern
        1. Das HTML und das Standard-CSS untersuchen
        2. Dateien importieren
        3. Ein in seiner Größe änderbares Element herstellen
        4. Elementen Themen hinzufügen
        5. Ein Symbol hinzufügen
      6. Ziehen, ablegen und zurückrufen
        1. Die Seitengrundlage anlegen
        2. Die Seite mit Startwerten versehen
        3. Das Ablegen
        4. Ablegen kann Spaß machen
        5. Elemente klonen
    5. Kapitel 13 Die Benutzerfreundlichkeit mit jQuery verbessern
      1. Designs mit vielen Elementen
        1. Das Widget Accordion
        2. Eine Oberfläche mit Registerkarte anlegen
        3. Registerkarten und AJAX
      2. Die Benutzerfreundlichkeit verbessern
        1. Das Datum
        2. Zahlen mit einem Schieberegler auswählen
        3. Auswählbare Elemente
        4. Eine sortierbare Liste anlegen
        5. Ein benutzerdefiniertes Dialogfeld anlegen
    6. Kapitel 14 Mit AJAX-Daten arbeiten
      1. Ein Überblick über serverseitige Programmierung
        1. Eine Einführung in PHP
        2. Ein Formular für eine PHP-Verarbeitung schreiben
        3. Auf die Anfrage antworten
      2. Anfragen im AJAX-Stil senden
        1. Die Daten senden
        2. Auf die Ergebnisse antworten
      3. Ein interaktiveres Formular anlegen
        1. Ein AJAX-Formular erstellen
        2. Den JavaScript-Code schreiben
        3. Das Ergebnis verarbeiten
        4. PHP für AJAX vereinfachen
      4. Mit XML-Daten arbeiten
        1. Eine Bewertung von XML
        2. XML mit jQuery abändern
        3. HTML anlegen
        4. Die Daten erhalten
        5. Die Ergebnisse verarbeiten
        6. Den Namen des Haustiers ausgeben
      5. Mit JSON-Daten arbeiten
        1. JSON verstehen
        2. JSON-Daten mit jQuery auslesen
        3. Das Framework bewältigen
        4. Die JSON-Daten empfangen
        5. Die Ergebnisse verarbeiten
  9. Teil IV Der Top-Ten-Teil
    1. Kapitel 15 (Nicht ganz) Zehn erstaunliche jQuery-Plugins
      1. Die Plugins verwenden
      2. IPWEditor
        1. Einen einfachen Editor mit editable hinzufügen
        2. Fortgeschrittenere Bearbeitungsmöglichkeiten mit FCKedit
      3. jQuery-Cookies
      4. flot
      5. Tag-Cloud
      6. Tablesorter
      7. Droppy
      8. galleria
      9. jmp3
    2. Kapitel 16 (Mehr als) Zehn großartige Quellen
      1. jQuery-PHP-Bibliothek
      2. JSAN – JavaScript Archive Network
      3. W3Schools – Einheiten für ein Selbststudium und Beispiele
      4. Google AJAX APIs
      5. Aflax
      6. MochiKit
      7. Dojo
      8. Ext JS
      9. YUI
      10. DZone
      11. AJAX-Community
      12. Dokuwelt.de
      13. AJAX-Quellensammlung von DrWeb.de
      14. JavaScript-Bibliothekensammlung von DrWeb.de
      15. JavaScript-Forum bei jswelt.de
  10. Stichwortverzeichnis