JavaScript – Crashkurs

Der erfahrene Entwickler und Trainer Ralph Steyer bietet in diesem Video-Training einen praktischen Einstieg in JavaScript, eine der wichtigsten und verbreitetsten Programmiersprachen für Webentwicklung und -design: Er behandelt elementare Grundlagen, die Grundstrukturen von JavaScript und moderne Webseiten und das Wesen von Objekten. Darüber hinaus lernen Sie das DOM-Konzept und die Neuerungen, die mit HTML5 im Web Einzug halten, kennen.

Aus dem Inhalt

Grundlagen – so funktioniert JavaScript

Erleben sie zunächst die zentralen Grundlagen zum Umfeld, im dem Sie mit JavaScript programmieren. Von einer Einführung in geeignete Programmierwerkzeuge über den Grundaufbau einer Webseite samt der Gültigkeit von Webseiten hin zu der Einbindung von JavaScript.

Eine Programmier- und Testumgebung einrichten

Erfahren Sie, wie Sie eine Programmier- und Testumgebung für die Erstellung von Webseiten und JavaScripts einrichten bzw. welche Editoren bzw. IDEs und Browser Sie zur Verfügung haben sollten.

Die Gültigkeit von Webseiten testen

Beim W3C gibt es einen Validator, mit dem Sie die Gültigkeit von Webseiten testen können. Ebenso beinhalten Browser Tools für Entwickler, die die tatsächliche Struktur der verarbeitenden Seite verdeutlichen. .

Elementare JavaScript-Grundstrukturen

Lernen Sie elementare Grundstrukturen und die Syntax von JavaScript kennen. Diese bilden das unabdingbare Fundament jeder JavaScript-Programmierung.

Die Besonderheiten von Variablen und Datentypen

Sehen Sie, was Variablen sind und wie Sie sie unter JavaScript deklarieren und initialisieren. Bei JavaScript muss man wegen der losen Typisierung einige Besonderheiten beachten. Ein Datentyp legt fest, was man mit Daten machen kann, wie viel Speicher eingeplant werden muss und welcher Art die Daten sind.

Arrays und Funktionen verstehen und anwenden

Ein Array ist im Grunde eine Sammlung von Daten, die alle über einen gemeinsamen Namen angesprochen werden können. Der Umgang mit Arrays ist in JavaScript recht individuell und das Verständnis von elementarer Bedeutung. Funktionen fassen eine Reihe von Anweisungen im Quelltext zusammen.

Fehlersuche, Debbugging und Testverfahren

Unter anderem werden Ihnen Test- und Qualitätssicherungsverfahren vorgestellt, die man aus höheren Programmiersprachen schon lange kennt und die mittlerweile auch in JavaScript Einzug gehalten haben. Zum Beispiel können Sie mit xUnit-Testing sogar testgetriebene Entwicklung unter JavaScript durchführen.

JavaScript und Objekte

In einem weiteren Video erfahren Sie was Objekte und Klassen im Rahmen von JavaScript sind und wie sie die Programmierung von Webseiten beeinflussen bzw. überhaupt erst möglich machen.

Der DOM - das Mysterium der JavaScript-Welt

So gut wie immer werden Sie in Ihren JavaScript-Codes Objekte nutzen, die Ihnen automatisch vom Browser zu Verfügung gestellt werden. Und diese Objekte basieren auf dem DOM-Konzept.

Ereignisbehandlung und Ausnahmebehandlung

Sie lernen die verschiedenen Möglichkeiten, aus einer Webseite heraus JavaScript-Anweisungen auf Grund von Ereignissen aufzurufen und wie man mit dem resultierenden Ereignisobjekt umgehen kann. Als weiteres Thema sehen Sie Ausnahmebehandlung oder englisch Exception-Handling. Diese Kombination bietet sich an, denn auch die Ausnahmebehandlung basiert auf Ereignissen und einem Mitteilungsobjekt.

AJAX und das Web 2.0

Per AJAX kommunizieren Sie asynchron mit dem Webserver und tauschen Inhalte der Webseite laufend durch nachgeladene Informationen aus – meist unbemerkt vom Anwender und ohne kompletten Neuaufbau der Webseite.

Zeichnen mit Canvas

Als "optisches“ Highlight von HTML5 gilt zweifellos, dass Sie mit Hilfe von Canvas-Objekten und JavaScript komplexe Grafiken direkt im Browser zeichnen können. Sehen sie einen Kompaktüberblick.

Mit Aptana ein Web-Projekt anlegen

Da in diesem Video-Training oft Aptana zum Einsatz kommt, zeigt Ihnen ein eigenes Video, wie Sie diese IDE konfigurieren, ein Web-Projekt damit anlegen und ausführen.