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
• Der strenge Modus (strict mode)
• Performance-Optimierung
• Debuggen für Anfänger
• JavaScript aktivieren und deaktivieren

• Einführung in die Programmierlogik
• Grundlagen der Programmierung
• Grundlagen des DOM
• Grundlagen der Ereignisverarbeitung
• Grundlagen von Strings und Arrays
• Grundlagen der OOP

• Namensräume in JavaScript
• Umgang mit Callback-Funktionen

• Tic-Tac-Toe - Ein Browsergame programmieren

• Bildwechsler
  (Einführung in Web Animations API)
  • Animieren in JavaScript
  • Animationen synchronisieren
  • Animationen steuern
  • Extras (CSS-Dateien nachladen)

Anwendung und Praxis

• Fehlerbehandlung
• Taschenrechner
• 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
• Zusammenfassung längerer Artikel

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
• Zusammenfassung längerer Artikel

SVG

• SVG und JavaScript
• Datenvisualisierung
• interaktive Infografiken
• Funktionsplotter

Tabellen

• Tabellen dynamisch sortieren
• Datensatzauswahl aus Tabelle

Text

• Auto-Footnoter
• Text automatisch markieren

Zeit & Datum

• Validierung von Zeitangaben
• Zeitberechnung
• komfortable Timer-Funktion
• Monatskalender
• Ausführungszeiten messen

weiterführende Informationen

• Ajax
• Deprecated (obsolete Eigenschaften und Methoden)

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

• Linkliste