JavaScript - Der Kurs zum kostenlosen Lernen und Nachschlagen

JavaScript
Kurs starten >>

In der Schulung JavaScript lernen Sie, mit JavaScript Dynamik und Interaktivität auf Webseiten zu ermöglichen. Sie beherrschen sowohl die programmiertechnischen Grundlagen als auch praxisrelevante Tricks und Kniffe dieser Skriptsprache. Sie werden in dieser Schulung praxisorientiert an immer komplexere Herausforderungen der JavaScript-Programmierung herangeführt. Im Laufe Ihres Lernfortschritts lernen Sie die Eigenschaften von JavaScript kennen und erproben diese Kenntnisse an funktionalen Beispielen.

Inhalt

• Vorwort
• Grundlagen
  • Was ist JavaScript ?
  • Java und JavaScript
  • Entstehung von JavaScript
  • Varianten von JavaScript
    • Clientseitiges JavaScript
    • Serverseitiges JavaScript
    • Kern-JavaScript
    • JavaScript- Versionen (JavaScript 1.5 und JScript.NET)
  • VBScript
  • Verständnistest zu Grundlagen
  • Hausarbeit zu Grundlagen
• Der Anfang
  • Die Einbindung von JavaScript in HTML
  • JavaScript in separaten Dateien
  • Kommentare
  • Variablen
    • Deklaration und Initialisierung von Variablen
    • Variablen mit booleschen Werten
    • Variablen und ihre Datentypen
    • Laufzeittypisierung
  • Operatoren
    • Rechenoperatoren (arithmetische Operatoren)
    • Inkrement- und Dekrementoperatoren
    • Zuweisungsoperatoren
    • Bitweise Operatoren
    • Mathematische Operationen
  • Lösungen
  • Verständnistest zu Der Anfang
  • Hausarbeit zu Der Anfang
• Fallunterscheidungen und Schleifen
  • Die if-Anweisung
    • Funktionsweise einer if-Anweisung
    • if-Anweisung bei booleschen Variablen
    • Geschachtelte if-Anweisungen
    • Bedingte Ausdrücke
  • Boolesche Ausdrücke
  • Die switch-Anweisung
  • Die while-Schleife
    • Einsatz der while-Schleife
  • Die do-while-Schleife
  • Die for-Schleife
    • Funktionsweise einer for-Schleife
    • Unterschiedliche Schrittweiten
    • Weitere Möglichkeiten der for-Schleife
  • Beeinflussung von Schleifen mit continue und break
    • break
    • continue
  • Lösungen
  • Verständnistest zu Fallunterscheidungen und Schleifen
  • Hausarbeit zu Fallunterscheidungen und Schleifen
• Funktionen
  • Funktionsaufruf
    • Funktionen mit Rückgabewert
  • Vordefinierte Funktionen
    • eval()
    • parseInt()
    • parseFloat()
    • isNaN ()
    • isFinite()
    • escape()
    • unescape()
  • Selbsterstellte Funktionen
    • Funktionsparameter
    • Rückgabewerte
  • Lokale und globale Variablen in Funktionen
  • Aufruf über Formulare
  • Lösungen
  • Verständnistest zu Funktionen
  • Hausarbeit zu Funktionen
• Arrays
  • Elemente von Arrays
  • Grundlegende Anwendungsbeispiele
    • Festgelegte Anzahl von Arrayfeldern
    • Freie Anzahl von Arrayelementen
  • Ausgabe von Array-Elementen
  • Arbeiten mit Arrays
    • Anzahl der Elemente feststellen
    • for-Schleife mit Zähler
    • for-in-Schleife
    • Reihenfolge von Elementen
    • Sortierung numerischer Werte
    • Reihenfolge von Elementen umkehren
    • Array-Elemente zu Zeichenketten verknüpfen
    • Elemente herauskopieren
  • Assoziative Arrays
  • Mehrdimensionale Arrays
    • Zugriff auf Elemente mehrdimensionaler Arrays
    • Zugriff auf mehrdimensionale Arrays mittels Schleifen
  • Collections
    • Zugriff auf die Collection images mit Nummern
    • Zugriff auf die Collection images über das Attribut name
  • Lösungen
  • Verständnistest zu Arrays
  • Hausarbeit zu Arrays
• Objekte
  • Definition von Objekten
  • Anwenden von Objekten
    • Auslesen von Eigenschaften
    • Setzen von Eigenschaften
    • Aufruf von Methoden
    • Ein leeres Objekt
  • Browser-Objekte
  • Das Objekt window
    • window.open
    • window.close
    • window.focus
    • window.resizeTo, window.moveTo
    • window.alert, window.confirm, window.prompt
  • Das Objekt document
    • document.write
    • document.writeln
    • document.open
    • document.close
  • Das Objekt history
  • Das Objekt location
    • location.href
    • location.replace()
  • Das Objekt navigator
  • Das Objekt screen
  • Lösungen
  • Verständnistest zu Objekte
  • Hausarbeit zu Objekte
• Das Document Object Model
  • Die Objekthierarchie
    • Das Dokument als Baumstruktur
    • Vorteile der Anwendung des DOM
    • Unterscheidbarkeit von Elementen
  • Objekte einer HTML-Seite
    • Objekte in Collections
  • Steuern von Frames und Fenstern
    • Erstellen von Frames
    • Frames definieren
    • Verschachtelung von Framesets
    • Ansprechen der unterschiedlichen Frames und Fenster
  • Umgang mit Bilddateien
  • Einfache Bildwechsel mit JavaScript
    • Automatisierter Bildwechsel
    • Zeitverzögerungen erzwingen
    • Ein Banner-Rotator
    • Eine größere JavaScript-Animation
  • Lösungen
  • Verständnistest zu Das Document Object Model
  • Hausarbeit zu Das Document Object Model
• Vordefinierte Objekte
  • Zeichenketten und das Objekt String
    • Methoden der String-Objekte
    • Eigenschaft ermitteln – length
    • Methoden zur Einbettung in HTML-Auszeichnungen anwenden
    • Methoden zur Ermittlung bestimmter Zeichen
    • Umwandlung in Groß- und Kleinbuchstaben
  • Das Objekt Date
    • Ein Date-Objekt erzeugen
    • Methoden des Objekts Date
    • Die get-Methoden
    • Die set-Methoden
    • Date-Objekte und Zeichenketten
    • Zeitdifferenzen
  • Das Objekt Math
  • Lösungen
  • Verständnistest zu Vordefinierte Objekte
  • Hausarbeit zu Vordefinierte Objekte
• Events
  • Was sind Ereignisse?
  • Event-Handler als HTML-Attribute
  • Event-Handler als Objekteigenschaften
  • Rückgabewerte von Event-Handlern
  • Event-Objekte
    • Arbeit mit Event-Objekten im Internet Explorer
    • Arbeit mit Event-Objekten in Netscape-Browsern
    • Browserübergreifende Nutzung von Event-Objekten
  • Event-Bubbling
  • Lösungen
  • Verständnistest zu Events
  • Hausarbeit zu Events
• Eingabemöglichkeiten in Formularen
  • Verfügbare Formularfelder
  • Input-Objekte
    • Button
    • Checkbox
    • Radio
    • FileUpload
    • Hidden
    • Password
    • Reset
    • Submit
    • Text
    • Select
    • Textarea
  • Zugriff auf Formulare
  • Auslesen von Formularen
  • Lösungen
  • Verständnistest zu Eingabemöglichkeiten in Formularen
  • Hausarbeit zu Eingabemöglichkeiten in Formularen
• Cookies
  • Was sind Cookies?
  • Diskussion um Cookies
  • Sicherheit bei Cookies
  • Eigenschaften von Cookies
  • Ein erster Cookie
  • Verfallsdatum von Cookies
  • Funktion zum Auslesen eines Cookies
  • Speichern von Arrayinhalten
  • Optionale Angaben
  • Lösungen
  • Verständnistest zu Cookies
  • Hausarbeit zu Cookies
• Unterschiede zwischen Internet Explorer und Netscape-Browsern
  • Sichere Browsererkennung
    • Browsererkennung anhand von Objekten
  • Das Objekt style
  • Das Objekt Layer im Netscape Navigator 4.7
  • Lösungen
  • Verständnistest zu Unterschiede zwischen Internet Explorer und Netscape-Browsern
  • Hausarbeit zu Unterschiede zwischen Internet Explorer und Netscape-Browsern
• JavaScript Anwendungsbeispiele und Reguläre Ausdrücke
  • Die persönliche Begrüßung
  • Reguläre Ausdrücke
  • Syntax regulärer Ausdrücke
  • Objekte für reguläre Ausdrücke
  • Formulareingaben überprüfen
  • Lösungen
  • Verständnistest zu JavaScript Anwendungsbeispiele und Reguläre Ausdrücke
  • Hausarbeit zu JavaScript Anwendungsbeispiele und Reguläre Ausdrücke
• Anwendungsbeispiele mit dynamischem HTML
  • Ein sich drehendes Bild
  • Rollover-Effekt
  • Weitere DHTML-Anwendungen
    • Waagerechte Menüleiste
    • Senkrechte Menüleiste
    • Animierter Text
  • Elemente dynamisch hinzufügen
    • Elemente in eine Liste einfügen
  • Lösungen
  • Verständnistest zu Anwendungsbeispiele mit dynamischem HTML
  • Hausarbeit zu Anwendungsbeispiele mit dynamischem HTML