Seminar JavaScript und jQuery für Webdesigner

Was ist JavaScript?

• Begriffe JavaScript und EcmaScript
• Unterschied zwischen JavaScript-Interpreter und HTML-Renderer
• Document Object Model

Erste Schritte

• Ressourcen für die JavaScript-Entwicklung
• Übersicht über JavaScript-Engines
• Einfügen von JavaScript in HTML
• Ausgabe auf der Konsole

Grundlagen der Sprache

• Variablen und Datentypen
• Dynamische Typisierung
• Operatoren und Ausdrücke
• Zahlen und Zeichenketten
• Berechnungen
• Namenskonventionen

Programmablauf steuern

• Bedingte Anweisungen
• Wiederholungen

Anweisungen zu Funktionen zusammenfassen

• Funktionen
• Übergabe von Parametern
• Rips abfangen
• Variablen

Objektbegriff in Javascript

• Objekte in EcmaScript
• DOM-Objekte
• Objekte erstellen
• Array - Objekt
• String - Objekt und String - Methoden
• Datum und die Uhrzeit

Sicheren und guten Code entwickeln

• Debugging im Browser
• Fehlerbehandlung
• Kapselung
• Werkzeuge für Codequalität

APIs

• DOM Stufe 2
• HTML5-APIs
• Web-APIs

Dokument-Objektmodell

• Finden und Ändern von HTML-Elementen
• Elemente erstellen
• CSS - Stile lesen und ändern

Benutzerereignisse

• Grundlagen von Ereignissen
• Reagieren auf Ereignisse
• Laden und Verlassen einer Website
• Maus
• Lesen der Tastatur
• Event Bubbling

Grundlagen von jQuery

• Lizenz und Download
• Online-Ressourcen
• Anwendungen
• Erste Beispiele

Einführung

• jQuery-Objekte
• Sammlung und Filter
• Zugriff auf Elemente in der Sammlung
• Ereignisbehandlung
• Ändern des Inhalts von Elementen
• Elemente, Attribute und Inhalte

Stiländerungen und Animationen

• CSS-Eigenschaften
• Vordefinierte Animationen anwenden
• Eigene Animationen erstellen
• Erweitern Sie die Möglichkeiten mit jQuery UI

Formulare

• Ereignisse für Formulare
• Eingaben prüfen
• Selektoren für Formularelemente und Zustände

jQuery als REST-Client

• JSON-Daten von einem Server holen
• Tabelle mit JSON-Daten füllen

jQuery UI

• Einsatzmöglichkeiten von jQuery UI
• Widgets in der Übersicht
• Theming