Modernes JavaScript (ES6): jQuery, node.js, und viel Praxis!

Von 0 zum JavaScript - Experten: Beherrsche JavaScript und werde ein gefragter Webentwickler!

4.60 (2349 reviews)
Udemy
platform
Deutsch
language
Web Development
category
instructor
15,962
students
14.5 hours
content
Feb 2021
last update
$19.99
regular price

What you will learn

Du kannst deine Webseite mit jQuery um weitere Funktionen erweitern

Du hast ein Gästebuch in JavaScript mit node.js, jQuery, und ajax entwickelt

Du schreibst modernen JavaScript - Code (ES6) und kannst so strukturiert deine Anwendung entwickeln

Du kannst Anwendungen sowohl für den Server, als auch für den Browser schreiben

Description

JavaScript - Profis werden heutzutage überall gesucht - egal ob für Webseiten oder Apps. Lerne mit diesem Kurs die Programmiersprache JavaScript und bringe deine Karriere einen guten Schritt vorwärts! 

Genau deswegen habe ich diesen Kurs entwickelt: JavaScript hat sich in den letzten Jahren massiv verändert, und zunehmend an Bedeutung gewonnen. Deswegen möchte ich dich fit machen, damit du nach Abschluss dieses Kurses ein gefragter Entwickler bist.

Um das zu erreichen, darf natürlich die Praxis nicht zu kurz kommen. Alle Beispiele zeige ich dir nicht nur in der Theorie, sondern auch in der Praxis. Dadurch wirst du perfekt für die zukünftige Anwendung vorbereitet. 

Dazu schauen wir uns verschiedene Themen an, und schauen auch über den Tellerrand. Du lernst also nicht nur die Konzepte, sondern auch, wie du es in der Praxis einsetzen kannst. Dazu gibt es auch noch viele Beispiele:

✔ Document Object Model (DOM)
✔ jQuery
✔ Ajax
✔ JavaScript auf dem Server (node.js)
✔ Webserver in Express
✔ Konzept: Event Loop
✔ Zudem: Diverse Praxisprojekte

Dieser Kurs macht dich fit für die Zukunft. Gerade im Zeitalter des Internet of Things wird JavaScript zunehmend noch weitere Verbreitung finden. Inzwischen kannst du sogar Spiele in JavaScript entwickeln. Und genau dafür ist dieser Kurs konzipiert: Um dich fit zu machen für das JavaScript, welches in den nächsten Jahren wichtig ist.

Lass mich dir noch heute die Programmiersprache JavaScript beibringen, und dich auf deinem Weg zum gefragten Programmierer unterstützen. 

Content

Hier starten

Einleitung
Installation der benötigten Tools

Erste Schritte

Hallo Welt - Programm
Variablen in JavaScript
Mathematische Grundrechenoperationen
Projekt: BMI - Rechner
Datentypen: Strings und Zahlen (+)
Strict Mode
Kommentare in JavaScript
Der Befehl: console.log
Der Wert undefined
Kurzeinführung: Objekte
Kurzeinführung ES5, ES6, ...

Funktionen

Einführung: Funktionen
Parameter übergeben
Rückgabewerte
Summe berechnen
Musterlösung: Summe berechnen!
Funktionen als Parameter übergeben
Callbacks, setTimeout(), setInterval()

Das Document Object Model

Einführung: DOM
Elemente finden (document.children)
Elemente finden (document.getElement...)
Auf Ereignisse reagieren (element.addEventListener)
Elemente verändern (innerHTML, innerText)
Elemente verändern (style, className, classList, ...)
Auf die .innerHTML - Eigenschaft zugreifen
Musterlösung: Auf die .innerHTML - Eigenschaft zugreifen

Das Document Object Model (2)

Projekt: Panel ein- bzw. ausblenden
Neues Element erstellen (createElement, appendChild)
Elemente finden (querySelector, querySelectorAll)
Darauf warten, dass Seite fertig geladen ist
Projekt: BMI - Rechner (1)
Projekt: BMI - Rechner (2)
Projekt: BMI - Rechner (3) - Ausblick: HTML5
Klickzähler!
Musterlösung: Klickzähler

Arrays

Einführung: Arrays
Mit Arrays arbeiten
Die for...of - Schleife
Mehrdimensionale Arrays

Kontrollstrukturen

Einführung: if
Booleans
Wenn dann, sonst...
Praxisprojekt: Entwickeln einer Verknüpfungstabelle
Vergleichsoperationen mit Booleans
Die for- und die while- Schleife
Break & Continue
Projekt: BMI - Rechner - Gewichtsbereich anzeigen
Projekt / Aufgabe: Reaktionstester
Projekt / Lösung: Reaktionstester

Objekte

Einführung: Objekte
Einführung: Objektorientierung
Klasse erstellen
Klasse erweitern
Klasse erweitern (super)
Probleme mit this...
Motivation: Objektorientierung (1)
Motivation: Objektorientierung (2)
Projekt Objekte: Spiel entwickeln (Ausblick)
Projekt Objekte: Spiel entwickeln (1)
Projekt Objekte: Spiel entwickeln (2)
Projekt Objekte: Spiel entwickeln (3)
Projekt Objekte: Spiel entwickeln (4)

Exkurs: Prototype Inheritance

Vererbung ohne ES6 (1)
Vererbung ohne ES6 (2)
Vererbung ohne ES6 (Aufgabe)

Einführung: jQuery

Einführung: jQuery
jQuery & Ereignisse
Schleifen mit jQuery
Ereignisse (preventDefault())
Verändern des DOMs
jQuery(document).ready(function($) { ... });
Projekt: Lightbox (1)
Projekt: Lightbox (2) - schließen
Projekt: Lightbox (3) - schließen bei Escape
Projekt: Lightbox (4) - Warum ein jQuery Plugin?
Projekt: Lightbox (5) - jQuery Plugin bauen
Projekt: Lightbox (6) - jQuery Plugin bauen (2)
jQuery: .hide(), .show(), .toggle()
Projekt: BMI - Rechner auf jQuery umstellen

Expertenwissen

Parameter übergeben
Der Eventloop (1)
Der Eventloop (2)
Eine Funktion als Rückgabewert
Variablen definieren: Teil 1, Einführung
Variablen definieren: Teil 2, const
Variablen definieren: Teil 3, var
Variablen definieren: Teil 4, let
Auf Variablen von außerhalb der Funktion zugreifen
Expertenwissen: DOM ist langsam
JavaScript komprimieren
Expertenwissen: Ausblick Coffeescript

Exkurs: Node.js

Einführung: node.js
Code in mehreren Dateien
Exkurs: Was sind breakpoints?
Wir schreiben einen Webserver (1)
Wir schreiben einen Webserver (2)
Express (1)
Express (2)

Node.js: Praxisprojekt

Projekt: Gästebuch (1)
Projekt: Gästebuch (2)
Projekt: Gästebuch (3)
Projekt: Gästebuch (4)
Projekt: Gästebuch (5) - Eintrag speichern
Projekt: Gästebuch (6) - Ajax
Projekt: Gästebuch (7) - Ajax
Projekt: Gästebuch (8) - Exkurs Webpack, Babel, ...

Exkurs: Angular 2

Einführung: Angular 2
Beispiel: Angular 2

Schlussworte

ES5, ES6, ..., wann was?
Schlussworte

Screenshots

Modernes JavaScript (ES6): jQuery, node.js, und viel Praxis! - Screenshot_01Modernes JavaScript (ES6): jQuery, node.js, und viel Praxis! - Screenshot_02Modernes JavaScript (ES6): jQuery, node.js, und viel Praxis! - Screenshot_03Modernes JavaScript (ES6): jQuery, node.js, und viel Praxis! - Screenshot_04

Reviews

Rene
August 20, 2023
Der Kurs ist verständlich und man kommt mit Vorwissen in HTML und CSS sehr schnell voran, vielen Dank Herr Seemann
Markus
April 18, 2023
Für Anfänger mit Sicherheit ein sehr guter Kurs. Jedoch waren häufigen Wiederholungen wie z.B. „counter = counter + 1;  counter++;“ etwas störend.
Rita
March 14, 2023
Die Sprache wurde gut erklärt, aber ich hätte mir mehr Aufgaben gewünscht. Der Exkurs über Angular 2 war recht dürftig, viel mehr als dass es Angular gibt wurde nicht vermittelt.
Markus
January 2, 2023
Umfassend, gut verständlich - die volle Punktzahl, weil ich nichts auszusetzen habe. Auch im Verhältnis zu Jannis' ohnehin hohem Qualitätsniveau einer der sehr guten Kurse.
Christian
August 9, 2022
Das Wissen wird systematisch und leicht verständlich vermittelt. Praktische Beispiele und Aufgaben sind gut - Learning by doing
Steve
May 4, 2022
Das ist der Zweite Kurs den ich von Jannis Seemann gemacht habe. Ich finde diesen Kurs optimal für Menschen die sich gerne viel selber beibringen möchten und können. Es ist schön durch einige Exkurse zu Erfahren in welche Richtung man vielleicht in Zukunft möchte oder vielleicht das wissen erlangt entscheiden zu können welcher der beste Ansatz ist. Die die im Laufe des Kurses zu Problemen geführt haben wurden alle in den Kommentaren beantwortet und geklärt. Ich hätte mir gerne mehr eigenständige Aufgaben zischen den Verschiedenen Lektionen gewünscht.
Jens
April 6, 2022
Super Kurs und toll erklärt. Angular brach ein bisschen plötzlich ab und ein Mini-Exkurs zu React wäre schön gewesen. Vielen Dank!!
Reda
February 21, 2022
Ich bin total begeistert von diesem Dozenten und daher auch einige Kurse von ihm gekauft. Er macht das sehr verständlich, unabhängig von der Komplexität. Und das ist eine Fähigkeit, welcher nicht jeder besitzt.
Manuel
November 19, 2021
Im Großen und Ganzen war der Kurs gut. Ich hatte teilweise etwas Probleme beim Verständnis. Die Sprechgeschwindigkeit ist echt schnell x) würde den Kurs weiterempfehlen.
Gregor
November 14, 2021
Für die Intention vieles rund um JavaScript gehört zu haben, finde ich den Kurs perfekt. Es werden Grundlagen und Ausblicke vermittelt, mit denen man bei größerem Interesse oder eigenen Projekten auch eine konkrete Vorstellung davon bekommt, was man nutzen und recherchieren sollte. Man merkt dem Dozenten an, dass er sehr tief in dem Thema drin ist! Deshalb bekommt man leider auch oft so Sätze wie "das ist eben so" oder "[...]das hat was damit zu tun, dass [...], aber soll jetzt keine Rolle spielen." zu hören. Für mich persönlich wäre es etwas einfacher gewesen, wenn man etwas mehr Struktur in den Kurs gebracht hätte. Z.B. erst Variablen und deren Unterschiede erklären und dann let benutzt. Oder z.B. die HTML+CSS3 Dateien bereitstellt und nicht noch im Kurs viel darauf eingeht, denn schließlich ist man wegen JavaScript da und nicht CSS3. Weiter hätte ich mir gewünscht, dass man sich etwas mehr Zeit für Erklärungen genommen hätte, anstatt nodeJS in das doch recht komplexe und große Thema JavaScript + jQuery reinzuquetschen. Letzten Endes kann ich den Kurs trotzdem empfehlen, gerade für Leute, die sich für die ein oder andere Stelle auch zu helfen wissen, z.B. ein Thema mal im Internet nachschlagen.
Hakan
November 2, 2021
Was gibt es an einem Kurs großes zu bewerten, der keinerlei Datenbankabfragen vorweisen kann und auch keinerlei Sicherheitsfragen beantwortet. Die kleinen Projekte waren ganz nett, aber weder beim Spiel, noch bei der Gallery, gab es fertige Lösungen, die auch nur halbwegs das wiederspiegeln, was diese Projekte hätten können und beinhalten müssen, was eigentlich ein Muss gewesen wäre. Ich habe auch den PHP Kurs gemacht und ohne meine Vorerfahrungen hätte ich null, aber auch wirklich null gelernt.... Vielleicht das nächste mal weniger ausholendes Fachdeutsch und sich auf das wesentliche konzentrieren, dieses dann bis zum Ende durch exerzieren und nicht bei der hälfte aufhören!
Wolfgang
May 16, 2021
Der Kurs ist gut gegliedert und und bringt vieles aus meiner Erinnerung zurück. Grundlagen, die ich noch nie so ganz verstanden hatte, werden hier gut erklärt. Bin sehr zufrieden!
Adrian
April 15, 2021
Toll erklärt und speziell im Abschnitt Expertenwissen auf die spezielleren bzw. komplizierteren Sachen eingegangen.
Lora
April 14, 2021
Ich bin sehr zufrieden mit dem Kurs, da der Tutor jede Konstellation sehr verständlich, ausführlich und v.a. anschaulich erklärt. Die Praxisbeispiele sind sehr nützlich und helfen besonders, das Gelernte schnell umzusetzen und sich alles langfristig zu merken. Die Lektionen sind in einer logischen Weise, sehr strukturiert und spannend aufgebaut. Der Rückblick in die Entstehungsgeschichte sowie die wertvollen Tipps und persönlichen Empfehlungen runden das Ganze sehr positiv ab. Ich bin sehr beeindruckt und begeistert und konnte mir diese Materie dadurch sehr schnell aneignen.
Armin
March 24, 2021
Dieser Kurs ist fuer blutige Anfaenger bestimmt ein Alptraum. Fuer Leute die schon eine Sprache koennen oder schon gewisse Erfahrung mit JavaScript haben, ist dieser Kurs eine gute Ergaenzung. Einziger Verbesserungswunsch ist das der Dozent etwas mehr an seinen Vermittlungsfaehigkeiten arbeiten kann.

Charts

Price

Modernes JavaScript (ES6): jQuery, node.js, und viel Praxis! - Price chart

Rating

Modernes JavaScript (ES6): jQuery, node.js, und viel Praxis! - Ratings chart

Enrollment distribution

Modernes JavaScript (ES6): jQuery, node.js, und viel Praxis! - Distribution chart
1077838
udemy ID
1/16/2017
course created date
11/1/2019
course indexed date
Bot
course submited by