GEDOPLAN

JavaScript – Power Workshop: Der komplette Einstieg

Skalierbare Webanwendungen mit JavaScript entwickeln

  • JavaScript-Sprachgrundlagen: Typen, Klassen, Module, Namensräume
  • Ereignisverarbeitung, HTTP-Verarbeitung, Bibliotheken, Frameworks und Module, …
  • Praktische Übung: Entwickeln einer eigenständigen JavaScript-Anwendung

Beschreibung

Von der Anfängen bis zur aktuellen Version deckt dieser JavaScript-Kurs alles ab! Sie erfahren alles über die Sprachgrundlagen sowie Typen, Klassen, Module, Namensräume in JavaScript und vieles mehr. Aber das ist noch nicht alles: Im “JavaScript – Power Workshop” entwickeln Sie unter professioneller Anleitung eigenständige JavaScript-Anwendungen, so dass Sie das Gelernte direkt üben und anwenden können!

Agenda

  • JavaScript – Erste Schritte
    • Überblick und Einführung
    • Wie man JavaScript ausführt
    • JavaScript-Versionen
  • JavaScript – Grundlagen der Sprache
    • Verwendung von JavaScript mit Inline-HTML
    • Verwendung von JavaScript mit HTML-Import
    • Variablen – Grundlagen
    • Variablen – null, undefined und NaN
    • Variablen – Objekte
    • Strikter Modus
    • Dynamische Typisierung
    • Hoisting
    • Funktionen – Erstellen und Aufrufen
    • Funktionen – Argumente und Datenrückgabe
    • Kontrollstrukturen – if-Anweisung
    • Kontrollstrukturen – switch-Anweisung
    • Kontrollstrukturen – switch und break
    • Kontrollstrukturen – for-Schleife
    • Kontrollstrukturen – Verschachtelte Schleifen
    • Kontrollstrukturen – Kontrolle von Schleifen mit break und continue
    • Kontrollstrukturen – for-Schleifenvariationen
    • Kontrollstrukturen – Schleifen durch Arrays
    • Kontrollstrukturen – While-Schleife
    • Operatoren – Addition
    • Operatoren – Subtraktion
    • Operatoren – Multiplikations- und Fließkomma-Probleme
    • Operatoren – Division und Modulus
    • Operatoren – Werte vergleichen
    • Operatoren – Wichtige Vergleichsregeln
    • Operatoren – Boolesch
    • Operatoren – Ternärer Operator
    • Operatoren – Vorrang
  • JavaScript – Datentypen und Geltungsbereich
    • Primitive versus Referenztypen
    • Globaler versus lokaler Geltungsbereich
  • JavaScript – Arrays
    • Array-Grundlagen und Verwaltung von Datenelementen
    • Die forEach()-Methode
    • Arbeiten mit Elementen: push, pop, unshift und shift
    • Arbeiten mit Teilen eines Arrays: indexOf, splice und slice
    • Filtern, Zuordnen und Umkehren von Array-Elementen
    • Der Unterschied zwischen Concat und Join
    • Reduzieren von Arrays
  • JavaScript – Objekte
    • Objekt-Grundlagen und Literale Notation
    • Objekteigenschaften und das “this”-Schlüsselwort
    • Erstellung von Objekten mit Objektkonstruktoren
    • Verwendung von Object.create()
    • Einführung in JavaScript-Prototypen
    • Verwendung von Konstruktor-Funktionen
    • Konstruktor-Funktionen und -Argumente
    • Objekterstellung und Prototypen
    • Das Schlüsselwort “this”
    • “this”-Objekt setzen mit bind(), call() und apply()
    • Erstellen von Eigenschaften mittels defineProperty()
    • Wichtige eingebaute Methoden und Eigenschaften
  • JavaScript – Fehler und Fehlerbehebung
    • Fehlersuche mit den Browser-Entwickler-Tools
    • Daten in der Konsole ausgeben
    • Behandlung von Fehlern mit try und catch
  • JavaScript – Funktionen
    • Überblick und Einführung in Funktionen
    • Closures verstehen und anwenden
    • Die IIFE (Immediately Invoked Function Expression) nutzen
    • Eingebaute Methoden und Eigenschaften
  • JavaScript – Eingebaute Objekte und Funktionen
    • Überblick und Einführung in die JavaScript Standard-Objekte
    • Zeitgeber und Intervalle
    • Formate und Werte transformieren
    • String-Funktionen
    • Das Math-Objekt
    • Das Date-Objekt
    • Reguläre Ausdrücke
  • JavaScript – Arbeiten mit BOM und DOM
    • Einführung in das Browser-Object-Model und Document-Object-Model
    • Das Window-Objekt
    • Das Location-Objekt
    • Das Document-Objekt
    • Das DOM traversieren
    • Elemente auswählen
    • Selektieren von Elementen mit dem Abfrage-Selektor
    • Erstellen, Einfügen und Löschen von Elementen
    • Über Elemente und Knoten
    • Browser-Dialoge verwenden
    • Wichtige DOM-Eigenschaften und Methoden
  • JavaScript – Ereignisverarbeitung
    • Überblick und Einführung in Browser-Ereignisse
    • Das Event-Objekt
    • Event-Handler
    • Event-Listener
    • Event-Behavior
    • Eigenschaften des Ereignisobjekt
    • Änderung der Propagationsreihenfolge
  • JavaScript – HTTP-Verarbeitung
    • Überblick und Einführung in XmlHttRequest-Objekt
    • Überblick und Einführung in fetch-API
    • Setup und Senden einer GET-Anfrage
    • POST-, PUT-, DELETE-Anfragen absetzen und verarbeiten
  • JavaScript – Bibliotheken, Frameworks und Module
    • Überblick und Einführung in das Thema Wiederverwendung von Code
    • Bibliotheken verstehen und einsetzen: jQuery, Lodash, D3.js etc.
    • Frameworks verstehen und einsetzen: Angular, React, Vue.js, Svelte etc.
    • Schreiben von modularem Code
  • JavaScript – Sprach-Neuerungen und Ergänzungen
    • Let- und Block-Geltungsbereichs
    • Konstanten mit “const”
    • Neuerungen bei Lambda-Funktionen
    • Lambda-Funktionen und das Schlüsselwort “this”
    • Funktionen und Standardparameter
    • Erweiterungen des Objekt-Literals
    • Der Rest-Operator
    • Der Spread-Operator
    • Die for-of-Schleife
    • Template-Literale
    • Destrukturierung von Arrays
    • Destrukturierung von Objekten
  • JavaScript – Neuerungen bei Modulen und Klassen
    • Module Grundlagen
    • Import- und Export-Syntax
    • Module – strikter Modus und globaler Geltungsbereich
    • Grundlagen von Klassen
    • Klassen, Vererbung und Prototypen
    • Statische Methoden
    • Klassen und Module
    • Getter und Setter
    • Eingebaute Objekte erweitern
    • Erweiterbare eingebaute Objekte
  • JavaScript – Symbole
    • Symbole Grundlagen
    • Gemeinsame Symbole
    • Vorteile von (eindeutigen) IDs und Symbolen
    • Bekannte Symbole
  • JavaScript – Iteratoren und Generatoren
    • Iterator-Grundlagen
    • Erstellen eines benutzerdefinierten, iterierbaren Objekts
    • Generatoren-Grundlagen
    • Kontrolle von Iteratoren mit throw und return
  • JavaScript – Promises
    • Promises erstellen und auflösen
    • Promises verwerfen
    • Promises verknüpfen
    • Abfangen von Fehlern
    • Eingebaute Methoden – all und race
  • JavaScript – Maps und Sets
    • Maps – Erstellung und Hinzufügen von Elementen
    • Maps – Verwalten von Objekten
    • Maps – Schleifen durch Karten
    • Sets – Erstellung und Hinzufügen von Elementen
    • Sets – Verwalten von Objekten
    • Sets – Schleifen durch Sets
    • Das WeakMap und WeakSet
  • JavaScript – Die Reflect-API
    • Erstellen von Objekten mit Reflect.construct()
    • Aufrufen von Funktionen mit Reflect.apply()
    • Reflektionen und Prototypen
    • Reflect.construct(), apply() und Prototypen Interaktion
    • Zugriff auf Eigenschaften mit Reflect
    • Analysieren von Objekten mit Reflect.ownKeys()
    • Erstellen und Löschen von Eigenschaften mit Reflect
    • Verhindern von Objekterweiterungen
  • JavaScript – Die Proxy-API
    • Grundlagen von Proxies
    • Traps in Aktion
    • Proxies und Reflektionen
    • Verwendung von Proxys als Prototypen
    • Proxies als Proxies
    • Funktionen kapseln
    • Widerrufbare Proxies
  • JavaScript – Best Practices
    • Referenzen
    • Style Guides
    • Linter
    • Code Dokumentation
    • Transpiler
    • Modules
    • Loader und Bundler
    • Testing
  • Optional: JavaScript – Patterns
    • Constructor Pattern
    • Module Pattern
    • Revealing Module Pattern
    • Singleton Pattern
    • Observer Pattern
    • Mediator Pattern
    • Prototype Pattern
    • Command Pattern
    • Facade Pattern
    • Factory Pattern
    • Mixin Pattern
    • Decorator Pattern
  • Optional: JavaScript – Reaktive Programmierung mit RxJS
    • Einführung in reaktive Programmierung
    • Reaktive Programmierung versus Imperative Programmierung
    • RxJS – Reaktive Erweiterungen für JavaScript
    • RxJS-Elemente: Observable, Operatoren, Subject, Scheduler etc.
  • Optional: JavaScript – Zustandsverwaltung mit Redux
    • Einstieg in Redux
    • Redux-Elemente: State, Action, Reducer etc.

Teilnehmerkreis und Voraussetzungen

Entwickler, Programmierer mit Erfahrung in HTML, CSS und einer Programmiersprache, die mit JavaScript moderne, komplexe, reaktionsschnelle sowie skalierbare Webanwendungen entwickeln wollen.

Schulungstermine

09.12.–11.12.2024

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

13.01.–15.01.2025

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

17.02.–19.02.2025

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

24.03.–26.03.2025

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

28.04.–30.04.2025

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

19.05.–21.05.2025

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

23.06.–25.06.2025

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

28.07.–30.07.2025

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

25.08.–27.08.2025

Online
3 Tage
Rabatt ab 2 Personen
Plätze frei

1.860,00 €
Details

Diese Schulung bieten wir auch als maßgeschneiderte Firmenschulung an

GEDOPLAN erstellt für Sie auf Ihre Unternehmensziele zugeschnittene Firmenschulung.
Durch unser modulares Schulungssystem sind wir in der Lage, anhand Ihrer Angaben eine individuelle Schulung zu gestalten. Denn die optimale Weiterbildung Ihrer Mitarbeiter nach Ihren Vorgaben und Anforderungen stehen bei uns im Mittelpunkt.
Bei Interesse nehmen Sie bitte Kontakt, wir führen dann gerne mit Ihnen ein unverbindliches Gespräch

Firmenschulung anfragen

Sie brauchen eine maßgeschneiderte Schulung?

GEDOPLAN erstellt für Sie auf Ihre Unternehmensziele zugeschnittene Firmenschulungen. Durch unser modulares Schulungssystem sind wir in der Lage, anhand Ihrer Angaben eine individuelle Schulung zu gestalten. Denn die optimale Weiterbildung Ihrer Mitarbeiter nach Ihren Vorgaben und Anforderungen stehen bei uns im Mittelpunkt. Bei Interesse nehmen Sie bitte Kontakt mit uns auf, wir führen dann gerne mit Ihnen ein unverbindliches Gespräch.

GEDOPLAN - Telefonkontakt

030 / 20 89 82 63 0

GEDOPLAN - E-Mail Kontakt

Tim.Neumann@GEDOPLAN.de

Firmenschulung anfragen

Weitere Schulungen

Es wurden keine Ergebnisse gefunden, die deinen Suchkriterien entsprechen.
Vorträge & News zum Thema
Es wurden keine Ergebnisse gefunden, die deinen Suchkriterien entsprechen.

News aus Schulung, Beratung & Softwareentwicklung

News aus Schulung, Beratung & Softwareentwicklung