JavaScript Programmierung für Einsteiger - Inhouse von HECKER CONSULTING

JavaScript ist der Grundstein, auf dem moderne Webanwendungen entwickelt werden. Wer heutzutage im Bereich Web-Entwicklung arbeiten möchte, braucht ein solides Verständnis von JavaScript.

JavaScript - Einführung

• JavaScript - Das Fundament des Webs
• JavaScript - Historie und Entwicklung
• Überblick über die JavaScript-Landschaft
• Werkzeuge für die Arbeit mit JavaScript
• Linting und Formatierung von JavaScript-Code
• Kennenlernen, Nutzen der Browserkonsole
• Grundlagen der JavaScript-Sprache

JavaScript - Einstieg

• JavaScript in einem HTML-Dokument
• JavaScript als externe Datei
• Modernes Laden von JavaScript
• JavaScript-Bausteine
• Klassische String-Ausgabe
• Mischen von Text und Variablen mit Template-Literalen

Objekte in JavaScript

• OOP - Objekte eine praktische Einführung
• JavaScript-Objekte
• Objekt-Container
• Objekt-Eigenschaften
• Zugriff auf Objekte
• Zugriff auf Objekteigenschaften
• Ein neues Objekt erstellen
• Objekt-Methoden
• Erstellen einer neuen Methode
• Klassen - Objekt-Entwürfe
• Objekt-Konstruktoren
• Ein neues Objekt mit einem Konstruktor erstellen
• Globale Objekte
• Erstellen eines neuen Objekttyp

DOM - Document Model Object

• DOM - Einstieg
• Zugriff auf Elemente mit querySelector-Methoden
• Zugriff auf Elemente mit get-Methoden
• Ein Element finden
• Ändern von Elementklassen
• Attribute
• Inline-Stile
• Ändern von Klassen, Attributen und Stilen
• DOM-Elemente hinzufügen
• Hinzufügen eines neuen Elements

Variablen und Datentypen in JavaScript

• JavaScript-Variablen - Überblick
• var
• let
• const
• Gültigkeitsbereiche
• Datentypen
• Zuweisung versus Vergleich
• Mathematische Operatoren

Arrays in JavaScript

• Arrays im Überblick
• Array-Methoden
• Erstellen und Ändern eines Arrays

Funktionen und Methoden in JavaScript

• Funktionen und Methoden Überblick
• Eine Standardfunktion
• Die Lambda-Funktion
• Lambda-Funktionen und "this"
• Erstellen einer Funktion
• Daten mit Parametern an eine Funktion übergeben
• Rückgabe von Werten aus einer Funktion
• Übergabe von Werten zwischen Funktionen
• Callbacks - Rückrufe
• Bedingte if/else-Anweisung
• Logische Operatoren
• Bedingte switch-Anweisung
• Schleifen durch den Inhalt
• Verwendung der Array-Methode map()
• Erstellen einer fortgeschrittenen Funktion

Ereignisse in JavaScript

• DOM-Ereignisse - Einstieg
• Typische DOM-Ereignisse
• Ereignis-Listener
• Erweiterte Ereignis-Listener und "this"
• Übergabe von Argumenten durch Ereignis-Listener
• Erstellen eines Ereignis-Listener

JavaScript ist das Fundament, auf dem moderne Webanwendungen entwickelt werden. Das moderne Web läuft mit JavaScript. Das gilt auch für moderne Server undfür die Entwicklungsumgebungen auf Computern. Wer heutzutage im Bereich Web-Entwicklung arbeiten möchte, braucht ein solides Verständnis von JavaScript. Denn, wenn Sie die grundlegenden Elemente von JavaScript kennen, sind Sie gut gerüstet, um im und das Web von morgen zu entwickeln, sei es mit "Vanilla JavaScript", einem modernen JavaScript-Framework wie Angular, React, VueJS etc., im "JAMstack" oder einer nodebasierten Serverumgebung oder einfach in JavaScript-gestützten Anwendungen und Umgebungen. Als in den späten 1990er Jahren JavaScript erfunden wurden, dachte man JavaScript sei nur eine Modeerscheinung. Heute, etwa zwei Jahrzehnte später, ist JavaScript die wichtigste Sprache für alles, was im Web und auch darüber hinaus stattfindet. HTML ist die Sprache der Webinhalte, CSS ist die Sprache der Webstile und JavaScript ist die Sprache der Webanwendungen, die all dies zusammenbringt. Erhalten Sie eine umfassende Einführung in modernes JavaScript und erfahren, wie Sie es sinnvoll einsetzen können. JavaScript ist die Skriptsprache des Webs und da sich das Web von einer statischen zu einer dynamischen Umgebung entwickelt, verlagert sich der technologische Schwerpunkt von statischem Markup und Styling zu dynamischen Schnittstellen sowie erweiterte Interaktion. Einst als optional angesehen, ist JavaScript nun zu einem integralen Bestandteil des Webs und durchdringt jede Ebene. Anhand von praktischen Beispielen und Miniprojekten werden Sie ein grundlegendes Verständnis von JavaScript Stück für Stück aufbauen, von Grundprinzipien wie Variablen, Datentypen, Bedingungen und Funktionen bis hin zu fortgeschrittenen Themen wie Schleifen, DOM-Scripting und vieles mehr.