JavaScript von Anfang bis zum Profi
JavaScript für Anfänger, am Ende des Kurses wird professionelles JavaScript verwendet
Description
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-Statements
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.Nachrichten-Boxen, Tooltips und Link-Steuerungen
Mit JavaScript kann man auch H-T-M-L- Elemente erzeugen. Es gibt ein paar Videos in dem ich zeige, wie man eine Art Msgbox mit JavaScript erstellen kann.Auch wollte ich zeigen, wie man Tooltips mit JavaScript erzeugen kann. Das sind so kleine Popups die erscheinen, wenn man zum Beispiel mit der Maus über einen Link fährt.
Wichtig finde ich auch dass man die Weiterleitung mit einem Link unterbinden kann; also wie man das on-click event einsetzt.
What You Will Learn!
- JavaScript von Grund auf kennen lernen. Zuerst werden Grundlagen gelegt und darauf aufbauend wird professionelles JavaScript Wissen vermittelt.
- Insgesamt gibt es über 15 Stunden Video Material das JavaScript vorstellt.
- Angefangen mit Variablen, if-Statmets Schleifen, Funktionen, Objekte und AJAX
- Zum Abschluss werden mehrere Projekte aufgesetzt, mit dem die gelernten JavaScript Technologien angewendet werden.
Who Should Attend!
- Webentwickler oder die, die Webentwickler werden wollen
- JavaScript ist einfach spitze!!!