JavaScript

Für die Entwicklung dynamischer Webseiten ist JavaScript unerlässlich. Mit ihr lassen sich kleine Hilfsroutinen bis hin zu komplexen Frameworks schreiben.

Sprachelemente

• Kommentare
• Bezeichner
• Reservierte Wörter
• Steuerzeichen und besondere Notationen
• Variablen
• Datentypen
• Operatoren
• Funktionen
• Arrays

Kontrollstrukturen

• Anweisungen
• Bedingte Anweisungen
• Schleifen

Grundlegende Konzepte

• Objekte - Eigenschaften und Methoden
• Module und Kapselung
• Vererbung
• Objektverfügbarkeit und this-Kontext

Standardobjekte

• Array
• Boolean
• Date
• Function
• Map
• Math
• Number
• Object
• RegExp
• String
• Symbol

Schnittstellen

• Window
• History
• Location
• Navigator
• Screen

• DOM
  • Document
  • Element
  • Event
    • Übersicht aller Events
  • EventTarget
  • Node

• Animation
• Canvas 2D
• Drag and Drop
• File Upload
• Geolocation
• IndexedDB
• Shared Worker
• Web Storage
• Web Worker
• WebGL
• XMLHttpRequest

Tutorials

• Einführung
• Einbindung in HTML
• JavaScript aktivieren und deaktivieren
• Namensräume in JavaScript
• Der strenge Modus (strict mode)

• Einführung in die Programmierlogik
• Grundlagen der Programmierung
• Grundlagen des DOM
• Tic-Tac-Toe - Ein Browsergame programmieren
• Grundlagen der OOP
• Debuggen für Anfänger

• Fader-Framework (Lehrgang zum Erstellen einer Slideshow)
  • Animieren in JavaScript
  • Bilderslideshow
  • Der objektorientierte Ansatz
  • Projekt: Fader-Framework

• Umgang mit Callback-Funktionen

Anwendung und Praxis

• Fehlerbehandlung
• Taschenrechner
• komfortable Timer-Funktion
• Wertübergabe zwischen verschiedenen HTML-Dokumenten
• gleichverteilte Zufallszahlen

App-Entwicklung

• hybride App
• Mobile Web-App mit HTML5
• interaktive Webanwendung

Canvas

• Color Picker
• Funktionsplotter

CSS

• JavaScript und CSS
• Stylesheets dynamisch wechseln
• Stylesheets dynamisch ändern

Drag & Drop

• Drag and Drop-Quiz (HTML5)
• Drag and Drop (ohne Drag & Drop API)

Fenster und Frames

• Fenster- und Frameszugriff
• Popup-Boxen

Formulare

• Formulareingaben validieren‏‎
• Formular-Templates nachladen
• Text an Cursorposition einfügen

Inhalte präsentieren:

• zugängliches Akkordeon
• zugängliche Dialog-Boxen‏‎
• zugängliche Registerkarten

Menüs und Navigationen

• Kontextmenü
• zugängliche Dropdown-Navigation
• Verkettete Auswahllisten
• Navigation bei Bedarf fixieren

Sicherheit

• Sicherheitskonzepte
• Cross Site Scripting
• Local Machine Zone Lockdown

Speicher

• Cookies setzen und auslesen
• ToDo-Liste mit LocalStorage

SVG

• SVG und JavaScript
• Datenvisualisierung
• interaktive Infografiken
• Funktionsplotter

Tabellen

• Tabellen dynamisch sortieren
• Datensatzauswahl aus Tabelle
• Monatskalender

Text

• Auto-Footnoter
• Text automatisch markieren

weiterführende Informationen

• Ajax
• Deprecated (obsolete Eigenschaften und Methoden)

• Entstehung und Standardisierung (Geschichte von JavaScript)
• JavaScript Object Notation (JSON)

• Linkliste