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 MISSING MANUAL

Book Description

Die Zeiten, als Websites allein aus Texten und Bildern bestanden, sind längst vorbei. Nutzer von Webangeboten erwarten inzwischen nutzerfreundliche Formulare, eine elegante Navigation, Bookmark-fähige Stadtpläne oder interaktive Fotogalerien. Hinter vielen dieser Features verbirgt sich JavaScript - ein guter Grund also, sich mit der beliebtesten Skriptsprache des Webs zu beschäftigen.

Dieses Buch vermittelt auf verständliche Art den Aufbau und die Arbeitsweise der Sprache und richtet sich explizit an Nicht-Programmierer, die ihren Sites Interaktivität einhauchen wollen.

Erste Schritte mit JavaScript

Lernen Sie Struktur und Syntax der Sprache kennen und schreiben Sie von Anfang an gut strukturierte Skripten, die sich nahtlos in Ihre Website einfügen.

Machen Sie Ihre Website attraktiver

Peppen Sie Ihre Site mit einer JavaScript-gestützten Benutzeroberfläche, einem Kalender-Widget, der Einbindung eines Stadtplans oder anderen interaktiven Elementen auf.

Ersparen Sie sich Arbeit mit jQuery

Sie brauchen das Rad nicht neu zu erfinden, um bestimmte Skript-Aufgaben zu lösen. Nutzen Sie lieber die Vorzüge der JavaScript-Bibliothek jQuery.

Verschlanken Sie Ihre Site mit Ajax

Verbessern Sie die Kommunikation mit dem Webserver und aktualisieren Sie nur die Teile der Seite, die sich durch das Userverhalten verändert haben.

Nutzen Sie den Beispielcode zum Buch

Passen Sie den Code, den Sie von der Verlagswebsite herunterladen können, an Ihre eigenen Bedürfnisse an.

Table of Contents

  1. JavaScript MISSING MANUAL
    1. Fehlende Danksagungen
      1. Über das kreative Team
      2. Danksagungen
      3. Die Missing Manual-Reihe
    2. Einführung
      1. Was ist JavaScript?
        1. Ein bisschen Geschichte
        2. JavaScript ist überall
        3. JavaScript ist nicht allein
      2. HTML: Das Skelett
        1. Wie HTML-Tags funktionieren
        2. CSS: Webseiten mit Stil
        3. Stil-Anatomie
      3. Software zur JavaScript-Programmierung
        1. Freie Programme
        2. Kommerzielle Software
      4. Über dieses Buch
        1. Die Herangehensweise dieses Buchs an JavaScript
        2. Ein kurzer Überblick
        3. Der Beispielcode zum Buch
        4. Über MissingManuals.com
      5. Die absoluten Basics
        1. Über diese Pfeile
    3. I. Erste Schritte mit JavaScript
      1. 1. Ihr erstes JavaScript-Programm
        1. Einführung in die Programmierung
          1. Was ist ein Computerprogramm?
        2. JavaScript in eine Seite einfügen
          1. Externe JavaScript-Dateien
        3. Ihr erstes JavaScript-Programm
        4. Text auf eine Webseite schreiben
        5. Eine externe JavaScript-Datei einbinden
        6. Fehler aufspüren
          1. Die JavaScript-Konsole von Firefox
          2. Das Fehlerdialogfenster des Internet Explorer anzeigen
          3. Auf die Safari-Fehlerkonsole zugreifen
      2. 2. Die Grammatik von Java-Script
        1. Anweisungen
        2. Befehle
        3. Datentypen
          1. Zahlen
          2. Strings
          3. Boolesche Werte
        4. Variablen
          1. Variablen erstellen
          2. Variablen verwenden
        5. Datentypen und Variablen
          1. Einfache Mathematik
          2. Reihenfolge mathematischer Operationen
          3. Strings kombinieren
          4. Zahlen und Strings kombinieren
          5. Werte in Variablen ändern
        6. Übung: Meldungen mit Variablen erstellen
        7. Übung: Nach Informationen fragen
        8. Arrays
          1. Arrays erstellen
          2. Auf Elemente in einem Array zugreifen
          3. Elemente einem Array hinzufügen
          4. Elemente aus einem Array löschen
          5. Elemente mit splice( ) hinzufügen und entfernen
        9. Übung: Eine Webseite mit Arrays schreiben
        10. Kommentare
          1. Wann Sie Kommentare verwenden
          2. Kommentare in diesem Buch
      3. 3. Logik und Steuerung für Ihre Programme
        1. Programme intelligent reagieren lassen
          1. Grundlagen bedingter Anweisungen
          2. Plan B
          3. Mehr als eine Bedingung
          4. Komplexere Bedingungen
          5. Bedingte Anweisungen verschachteln
          6. Tipps zum Schreiben konditionaler Anweisungen
        2. Übung: Bedingte Anweisungen verwenden
        3. Sich wiederholende Aufgaben mit Schleifen lösen
          1. while-Schleifen
          2. Schleifen und Arrays
          3. for-Schleifen
          4. do/while-Schleifen
        4. Funktionen: Nützlichen Code zu Befehlen machen
          1. Mini-Übung
          2. Informationen an Funktionen übergeben
          3. Informationen von Funktionen empfangen
          4. Variablenkollisionen vermeiden
        5. Übung: Ein einfaches Quiz
      4. 4. Mit Wörtern, Zahlen und Datumswerten arbeiten
        1. Eine kurze Einführung in Objekte
        2. Strings
          1. Die Länge eines Strings bestimmen
          2. Die Schreibweise eines Strings ändern
          3. Strings durchsuchen: die indexOf( )-Technik
          4. Teile eines Strings mit slice( ) extrahieren
        3. Muster in Strings suchen
          1. Einen einfachen regulären Ausdruck erstellen und verwenden
          2. Reguläre Ausdrücke bauen
          3. Teilmuster gruppieren
          4. Nützliche reguläre Ausdrücke
          5. Muster vergleichen
          6. Text ersetzen
          7. Reguläre Ausdrücke ausprobieren
        4. Zahlen
          1. Strings in Zahlen umwandeln
          2. Auf Zahlen prüfen
          3. Zahlen runden
          4. Währungswerte formatieren
          5. Zufallszahlen erzeugen
        5. Datum und Uhrzeit
          1. Den Monat ermitteln
          2. Den Wochentag ermitteln
          3. Die Zeit ermitteln
          4. Ein anderes als das heutige Datum erstellen
        6. Übung: Verschiedene Datumsformate anlegen
          1. Überblick
          2. Die Funktion schreiben
      5. 5. Webseiten dynamisch ändern
        1. Webseiten verändern: ein Überblick
        2. Das Document Object Model verstehen
          1. Ein Seitenelement auswählen
          2. Inhalt einer Seite hinzufügen
          3. Fortsetzung: Mond-Quiz
          4. Das Problem mit dem DOM
        3. JavaScript-Bibliotheken
          1. Erste Schritte mit jQuery
        4. Seitenelemente auswählen (Fortsetzung)
          1. Einfache Selektoren
          2. Fortgeschrittene Selektoren
          3. jQuery-Filter
          4. jQuery-Auswahlen verstehen
        5. Inhalte einer Seite hinzufügen
          1. Auswahl ersetzen und entfernen
        6. Tag-Attribute festlegen und lesen
          1. Klassen
          2. CSS-Eigenschaften lesen und ändern
          3. Mehrere CSS-Eigenschaften auf einmal ändern
        7. HTML-Attribute lesen, festlegen und löschen
        8. Kreative Überschriften
        9. Alle Elemente in einer Auswahl bearbeiten
          1. Anonyme Funktionen
          2. this und $(this)
        10. Automatische Pull Quotes
          1. Überblick
          2. Programmierung
      6. 6. Aktion/Reaktion: Seiten mit Events zum Leben erwecken
        1. Was sind Events?
          1. Maus-Events
          2. Dokument-/Fenster-Events
          3. Formular-Events
          4. Tastatur-Events
        2. Events mit Funktionen verwenden
          1. Inline-Events
          2. Das traditionelle Modell
          3. Die moderne Methode
          4. Die jQuery-Methode
        3. Übung: Tabellenreihen hervorheben
        4. Weitere Event-Konzepte in jQuery
          1. Warten, bis das HTML geladen wurde
          2. jQuery-Events
          3. Das Event-Objekt
          4. Das normale Verhalten eines Events unterbrechen
          5. Events entfernen
        5. Fortgeschrittenes Event-Management
        6. Übung: Einseitige FAQ
          1. Überblick
          2. Die Programmierung
      7. 7. Schönere Bilder
        1. Bilder austauschen
          1. Das src-Attribut eines Bilds ändern
          2. Bilder vorladen
          3. Rollover-Bilder
        2. Übung: Rollover-Effekte hinzufügen
          1. Überblick
          2. Die Programmierung
        3. jQuery-Effekte
          1. Einblenden und Ausblenden
          2. Elemente einblenden und ausblenden
          3. Slide-Effekte
          4. Animation
        4. Übung: Fotogalerie mit Effekten
          1. Überblick
          2. Die Programmierung
        5. Eine erweiterte Fotogalerie mit der jQuery-lightBox
          1. Grundlagen
          2. lightBox anpassen
        6. Übung: lightBox-Fotogalerie
        7. Animierte Diashows mit Cycle
          1. Die Grundlagen
          2. Das Cycle-Plug-in anpassen
        8. Übung: eine automatische Diashow
    4. II. Funktionen f¨r Webseiten
      1. 8. Die Navigation optimieren
        1. Link-Grundlagen
          1. Links auswählen mit JavaScript
          2. Das Ziel eines Links ermitteln
          3. Dem Link nicht folgen
        2. Externe Links in einem neuen Fenster öffnen
        3. Neue Fenster erstellen
          1. Fenstereigenschaften
        4. Seiten in einem Fenster auf derselben Seite öffnen
          1. Das Aussehen eines Greybox-Fensters anpassen
          2. Übung: Eine Seite in der Seite öffnen
        5. Übung: Größere Links
          1. Überblick
          2. Die Programmierung
        6. Animierte Navigationsmenüs
          1. Das HTML
          2. Das CSS
          3. Das JavaScript
          4. Die Übung
      2. 9. Webformulare verbessern
        1. Formulare verstehen
          1. Formularelemente auswählen
          2. Den Wert eines Formularelements lesen und festlegen
          3. Feststellen, ob Buttons und Kästchen ausgewählt sind
          4. Formular-Events
        2. Formulare mit Pfiff
          1. Fokus auf das erste Feld eines Formulars
          2. Felder aktivieren und deaktivieren
          3. Formularoptionen anzeigen und ausblenden
        3. Übung: Einfache Formularverbesserungen
          1. Felder fokussieren
          2. Formularfelder deaktivieren
          3. Formularfelder verstecken
        4. Formularvalidierung
          1. jQuery-Validierungs-Plug-in
          2. Einfache Validierung
          3. Erweiterte Validierung
          4. Erweiterte Fehlermeldungen stylen
        5. Validierungsübung
          1. Einfache Validierung
          2. Validierung für Fortgeschrittene
          3. Kontrollkästchen und Radibuttons validieren
          4. Fehlermeldungen formatieren
      3. 10. Erweitern Sie Ihre Benutzeroberfläche
        1. Informationen mit Akkordeon-Registern verstecken
          1. Akkordeons anpassen
          2. Akkordeon-Übung
        2. Informationen in Tabbed Panels organisieren
          1. Tabs und Panels formatieren
          2. Das Tabs-Plug-in anpassen
          3. Übung: Tabbed Panels
        3. Tooltipps
          1. Tooltipps mit dem title-Attribut
          2. Tooltipps aus einer anderen Webseite
          3. Tooltipps mit verstecktem Inhalt
          4. Anzeige der Tooltipps steuern
          5. Tooltipps formatieren
          6. Cluetip-Übung
        4. Sortierbare Tabellen
          1. Die Tabelle stylen
          2. Tablesorter-Übung
    5. III. Ajax: Mit dem Webserver kommunizieren
      1. 11. Einführung in Ajax
        1. Was ist Ajax?
        2. Ajax: Die Grundlagen
          1. Puzzleteile
          2. Mit dem Webserver sprechen
        3. Ajax mit jQuery
          1. Die load( )-Funktion
          2. Übung: Die load( )-Funktion
          3. Die Funktionen get( ) und post( )
          4. Daten für die Übermittlung an den Server formatieren
          5. Daten vom Server verarbeiten
          6. Übung: Die get( )-Funktion
        4. JSON
          1. Auf JSON-Daten zugreifen
          2. Komplexe JSON-Objekte
      2. 12. Einfache Ajax-Programmierung
        1. Tabs-Plug-in
          1. Text und Symbol für den Ladevorgang ändern
          2. Übung mit Ajax-Tabs
        2. Google Maps in Ihrer Website
          1. Einen Ort für die Karte festlegen
          2. Weitere jMap-Optionen
          3. Marker und HTML-Blasen einfügen
          4. Wegbeschreibung
          5. jMaps-Übung
    6. IV. Fehlersuche, Tipps und Tricks
      1. 13. Fehlersuche und Debugging
        1. Die wichtigsten JavaScript-Programmierfehler
          1. Nicht geschlossene Interpunktionszeichen
          2. Anführungszeichen
          3. Reservierte Wörter verwenden
          4. Einzelne Gleichheitszeichen in bedingten Anweisungen
          5. Groß-/Kleinschreibung
          6. Falscher Pfad zu einer externen JavaScript-Datei
          7. Falsche Pfade innerhalb von externen JavaScript-Dateien
          8. Variablen und Funktionen verschwinden
        2. Debugging mit Firebug
          1. Firebug installieren und aktivieren
          2. Fehler anzeigen mit Firebug
          3. Den Skriptfortschritt mit console.log() überwachen
          4. Übung: Die Firebug-Konsole
          5. Effizienteres Debuggen
        3. Debugging-Übung
      2. 14. Wie es weitergeht
        1. Alles zusammen
          1. Externe JavaScript-Dateien
        2. Effizienteres JavaScript schreiben
          1. Einstellungen in Variablen
          2. Ternärer Operator
          3. Die switch-Anweisung
          4. Effiziente Verwendung des jQuery-Objekts
        3. Schnell ladendes JavaScript erstellen
          1. YUI Compressor unter Windows
          2. YUI Compressor auf dem Mac
    7. V. Anhang
      1. A. JavaScript-Ressourcen
        1. Referenzen
          1. Websites
          2. Bücher
        2. Einfaches JavaScript
          1. Artikel und Präsentationen
          2. Websites
          3. Bücher
        3. jQuery
          1. Artikel
          2. Websites
          3. Bücher
        4. Das DOM
          1. Artikel und Präsentationen
          2. Websites
          3. Bücher
        5. Ajax
          1. Websites
          2. Bücher
        6. Fortgeschrittenes JavaScript
          1. Artikel und Präsentationen
          2. Websites
          3. Bücher
        7. CSS
          1. Websites
          2. Bücher
        8. JavaScript-Software
    8. Kolophon