JavaScript Schulung (Kompakt)

In dieser JavaScript Schulung lernst du Schritt für Schritt modernes JavaScript – von den Grundlagen bis zu praxisnahen Patterns für professionelle Web-Apps. Du verstehst Syntax & Typen, arbeitest mit DOM & Events, nutzt ES6+ Features (let/const, Arrow Functions, Modules), baust asynchrone Logik mit Promises/async-await, konsumierst REST-APIs und strukturierst Projekte sauber mit Modulen, Tooling und Best Practices. Ideal als JavaScript Kurs für Einsteiger und Umsteiger in Frontend-Entwicklung.

Jetzt JavaScript Komplett buchen: JavaScript Schulung mit modernen ES6+-Features, DOM/Events, Fetch/async-await und praxisnahen Labs – Live-Online, vor Ort oder Inhouse.

Ziele und Erwartungen der Teilnehmenden

• Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar

Einführung in JavaScript

• Einführung in die Entwicklungsumgebung

• Ressourcen für die JavaScript-Entwicklung

• Debugging im Browser

• Überblick über die JavaScript Engines

• JavaScript in HTML einfügen

Sprachgrundlagen

• Variablen und Datentypen

• Umgang mit dynamischer Typisierung

• Ausdrücke

• Arbeiten mit Zahlen und Zeichenketten

• Berechnungen durchführen

• Namenskonventionen

Programmfluss steuern

• Bedingte Anweisungen

• Wiederholungen

Anweisungen zu Funktionen zusammenfassen

• Funktionen erstellen

• Parameter übergeben und entgegen nehmen

• Rückgabewerte abfangen

• Gültigkeitsbereich von Variablen

• Arrow Funktionen

Referenztypen verwenden

• Array­ - Objekt und Array­Methoden

• String­ - Objekt und String­ - Methoden

• Datum und Uhrzeit nutzen

Browser-­Objekte

• Hierarchie der JavaScript­Objekte

• Browser - ­Objekte kennen und nutzen

JavaScript stabil und sicher entwickeln

• Richtig dokumentieren

• 'use strict';

• Fehlerbehandlung mit try catch und throw

• Kapselung

• Verwenden von Lintern

Auf Benutzerereignisse reagieren

• Grundlagen zu Events

• Auf Ereignisse reagieren

• Eine Webseite laden und verlassen

• Mausereignisse

• Tastatur auslesen

Praktische Unterstützung durch KI

• Überblick über gängige KI-Tools (z. B. Windsurf)

• Code-Erstellung mit Copilot Web

• Autovervollständigung & kommentarbasiertes Coding

• Prompting für Code & Fehlersuche

• Unterstützung bei Dokumentation & Refactoring

Beispielprojekt Formularvalidierung

• HTML­Formular erstellen

• Formulardaten auslesen

• Daten prüfen

• Fehlermeldung ausgeben

• Daten versenden
  

Der Objektbegriff in Javascript

• ECMA- und Browserobjekte

• Eigene Objekte erstellen

ES6 Module erstellen und importieren

• Funktionen, Konstanten und Klassen im- und exportieren

• Konflikte vermeiden durch den Einsatz von Aliasen

Document Object Model

• HTML­ - Elemente finden

• Inhalte ändern

• HTML - ­Elemente und Attribute erstellen

• CSS­ - Stile lesen und ändern

Fortgeschrittenes Eventhandling

• Capturing und Bubbling

• Eventdelegation

• Datenübergabe

Browserübergreifende Programmierung

• Cross Browser Event Handling

• Feature Detection

Fehlerbehandlung

• Exception-Handling mit try/catch

Eigene Konstruktor-Funktionen erstellen

• Der Kontext von this in Konstruktor-Funktionen

• Den prototype um Methoden und Eigenschaften erweitern

• Prototypen auf Objekte übertragen

• Die prototypische Kette verstehen

Eigene Klassen mit class erstellen

• Instanzen erstellen

• Öffentliche und private Methoden erstellen

• Konstruktoren hinzufügen

• Arbeiten mit statischen Methoden

• Klassen vererben

Objekteigenschaften mittels PropertyDescriptor bearbeiten

Asynchrone Programmierung mit Promises

• Funktionsweise von Promises

• Promises erfolgreich beenden und fehlschlagen lassen

• Die Zustände pending, fulfilled und rejected

• Arbeiten mit den Methoden then, catch und finally

• Anschlussaktionen nach Auflösung mehrere Promises durchführen oder auf Fehler reagieren

AJAX

• Daten senden und empfangen mit fetch-Methode

• Das XHR­ - Objekt

• JSON - ­Verarbeitung

• XML - ­Verarbeitung

Eigene asynchrone Funktionen erstellen

• Die async und await

• asynchrone Klassenmethoden

Daten im Browser speichern

• Cookies setzen und auslesen

• Local Storage verwenden

Beispielprojekt

• Daten per Ajax holen

• Daten anzeigen

• Daten ändern

• Daten per Ajax senden

Unsere JavaScript Schulung richtet sich an HTML-Entwickler, Web-Master und Web-Designer mit HTML/HTML5-Kenntnissen.

Für deinen Besuch der JavaScript Schulung empfehlen wir HTML/HTML5-Kenntnisse.