JavaScript Tutorial Deutsch für Anfänger.

In diesem JavaScript Tutorial stelle ich die Grundlagen von JavaScript vor und führe den Betrachter des Tutorials hin zu den professionellen JavaScript Themen. Am Ende des Kurses sollte man JavaScript gut kennen (und können ;-)).

Ich habe zu fasst allen Lektionen ein pdf-Dokument zur Verfügung gestellt. Zu manchen Themen habe ich auch eine HTML-Seite zur Verfügung gestellt. Der Kursteilnehmer braucht sich die zum Teil komplizierten Wörter nicht zu merken, da er sämtliche Ausdrücke entweder im pdf-Dokument oder in der HTML-Seite nachschlagen kann.

Der Kurs umfasst mehr als 7 Stunden Videos und ist wie folgt aufgebaut:

• Vorstellung
  Hier stelle ich mich persönlich vor. In diesem Video kann man mich „persönlich“ kennen lernen und sehen. In den späteren Videos sieht man nur eine Bildschirmaufnahme und kann mich nur noch hören und nicht mehr sehen.
  

• Eigener Server
  Wenn man Internetseiten entwickelt sollte man einem eigenen Server arbeiten. Ich stelle hier den XAMPP vor, der runtergeladen und installiert werden kann. Wenn man den XAMPP installiert hat muss man ihn starten und kann seine Websites unter dem Ordner htdocs speichern. Dann kann man seine Internetseite im Browser unter: localhost/seitenName.html (oder unter: 127.0.0.1/seitenName.html) aufrufen. Also hier alle HTML Seiten unter dem Ordner „htdocs“ speichern und dann aufrufen.
  

• Einführung
  Hier erkläre ich zunächst einiges über Entwicklungsumgebungen und gebe Links an wo man sich diese Entwicklungsumgebung downloaden kann.
  Ferner zeige ich eine einfache „Hallo“ Ausgabe in JavaScript mittels alert. Anschließend zeige ich eine Textausgabe in der Konsole mit console.log.
  Zum Schluss stelle ich JavaScript Kommentare vor, wie man Kommentare im Code hinterlegen kann.
  

• DOM 1
  Das JavaScript document Objekt ist ein mächtiges Tool.
  Zunächst erzähle ich hier etwas über das ECMA und die Entwicklung des JavaScripts also wie das JavaScript entstanden ist.
  Dann stelle ich das DOM (Document Object Model) vor und dass man mit JavaScript auf jedes einzelne HTML-Element zugreifen kann.
  Dann zeige ich hier wieder etwas JavaScript und erzähle zunächst etwas über den ‚use strict‘ Modus. Anschließend demonstriere ich wie man sich wichtige Daten vom document object auslesen kann. Und dann wie man auf einzelne Werte mittels getElementById oder mit dem document.querySelector zugreifen kann.
  

• Operatoren
  In JavaScript gibt es viele Operatoren wie z.B. * (Malnehmen) oder + (Plus), Hier stelle ich Operatoren und deren Wirkung in JavaScript vor.
  

• Variablen
  eine Einführung in Variablen und wie sie funktionieren, worauf man achten muss und wie sie eingesetzt werden.
  Am Ende stelle ich die besondere Art von Variable vor: die Arrays und zeige wie man damit Daten speichern und wieder abrufen kann.
  

• if-Statement
  In allen Programmiersprachen gibt es Bedingungsprüfungen – so auch in JavaScript. Hier stelle ich die if-Statements vor, wie man sie einsetzt und worauf man achten sollte.
  

• Schleifen
  Ein Schleife führt eine Programmier-Anweisung mehrfach durch. In JavaScript gibt es verschiedene Schleifentypen die ich in diesem Kapitel vorstellen möchte.
  

• Funktionen
  Funktionen sind ein mächtiges Werkzeug und hier gibt es auch viel vorzustellen. Auch gibt es verschiedene Funktionstypen die ich vorstellen werde.
  

• Arrays
  Bei dem Thema Variablen hatte ich die Array schon mal vorgestellt. Aber zu den Arrays gibt es noch eine Menge mehr zu wissen und das möchte ich in diesem Kapitel vorstellen.
  

• DOM 2
  Auch das Thema DOM hatte ich schon einmal angesprochen. Hier vertiefe ich das Thema.
  

• Objekt orientiertes Programmieren
  Das Thema Objekt orientiertes Programmieren ist sehr mächtig. In diesem Tutorial stelle ich einiges zum Thema JavaScript Objekte vor. Auch zeige ich die JavaScript Klassen und wie man daraus Objekte erzeugen kann.
  

• Cookies und localStorage
  Das Thema Cookies ist seit der Datenschutzgrundverordnung in aller Munde. Hier zeige ich wie man mittels JavaScript cookies verarbeitet. Auch gibt es bei den Browsern eine weitere Möglichkeit Daten ohne Cookies und zwar im localStorage zu speichern. Auch das localStorage stelle ich vor.
  

• Module
  Das Thema Module ist interessant wenn man JavaScript Code aus anderen Dateien importieren möchte. In diesem Tutorial gibt es einige Beispiele dazu.
  

• AJAX
  Das Thema AJAX ist interessant wenn man sich für eine asynchrone Kommunikation zwischen Browser und Server interessiert. Hier zeige ich an einem einfachen Beispiel wie man mit AJAX arbeiten kann.
  

• ToDo Liste
  Ich habe ziemlich viel JavaScript bisher in diesem Kurs vorgestellt und alles mit einfachsten Beispielen demonstriert. Hier möchte ich anhand eines Projektes einmal eine „richtige“ JavaScript Anwendung demonstrieren. Hier wird so zu ziemlich allen Themen, die ich durchgesprochen habe ein praktisches Beispiel gezeigt. Das Projekt kann man als zip-Datei downloaden und zu Hause selber durchexerzieren.