Dein Einstieg in JavaScript - Programmiere ein Clicker-Spiel - JavaScript Tutorial - Deutsch

JavaScript gehört neben HTML und CSS zur heiligen Dreifaltigkeit, die jeder Webentwickler beherrschen sollte. Anders als HTML und CSS ist JavaScript eine richtige Programmiersprache. Man kann mit ihr also Logiken abbilden und Verhaltensweisen definieren. Das eröffnet nahezu unbegrenzte Möglichkeiten: man kann mit JavaScript Spiele programmieren, Formulardaten auswerten, Apps erstellen und vieles mehr. Deshalb werden wir in diesem Video den Einstieg in JavaScript wagen und ein kleines Clicker-Spiel erstellen.

00:00 Einleitung
00:43 Was ist JavaScript?
01:18 JavaScript im Browser - die Konsole
02:37 Wohin schreibt man JavaScript? - Das Script Tag
03:24 Wohin schreibt man JavaScript? - Externes JavaScript
04:58 Der erste JavaScript Code - Erstellen einer Log-Nachricht
05:24 Eigenschaften und Methoden von Objekten
07:50 Funktionen in JavaScript
09:30 Das onclick-Attribut für HTML Buttons
11:40 Auswählen und manipulieren von HTML Elementen in JavaScript
14:00 Variablen in JavaScript
17:45 Bedingungen (If-Anweisungen) in JavaScript
19:25 Ändern von Attributwerten mit JavaScript
21:55 Erstellen weiterer Stufen
23:45 Wenn-Dann-Sonst-Konstrukte mit if-else in JavaScript
24:17 Benachrichtigungen mit der alert Methode in JavaScript
25:00 Abonniert den Kanal :)

[RageHeartful]

Tolles Video - endlich mal einer, der alles vernünftig erklärt und was noch Wichtiger ist strukturiert vorgeht. Ich habe mir schon viele JS-Videos angesehen, aber deines ist mit Abstand das Beste von allen. Weiter so - habe dich gleich abonniert :-)

[DaMacroMcCrew]

Hi, bin gerade quasi in einer Weiterbildung zum Webentwickler. Habe schon viele deiner Videos geschaut, aber nun möchte ich auch gerne mal ein Lob abseits des Like Buttons da lassen. Sehr strukturiert und ohne viel "Um den heißen Brei reden". Einfach Top! ♥
Vielen lieben Dank!

[ProgrammierenMario]

Wirklich hervorragend erklärt und das an einem wunderschönen Beispiel. Mal was anderes als To-Do-Listen. ;-)
Auch wenn man es natürlich auch optimaler umsetzen könnte, ist das verwenden von mehreren if Anweisungen vollkommen ausreichend für Anfänger und einfach verständlich für den Einstieg.
Freu mich auf weitere Tutorials von dir.... Unbedingt weiter machen.

[ThomasL-zn]

Super erklärt, so macht das lernen Spaß, Danke dafür :)

[richardesponja]

Ich fand dieses Video am besten bis dato, da auch alles erklärt wurde. Wusste die meiste Zeit nicht einmal was ich da mache. Danke, weiter so!

[-elektrostahl_]

Ein wirklich tolles Tutorial mit vielen wichtigen Details. Vielen Dank !!

[betulgoek]

Danke für die Erklärung! ich hoffe du machst noch mehr Videos zum Thema JS, interessant wäre eine Webanwendungen zu implementieren.

[onurolmez]

Wieder einmal eine sehr starke Arbeit. Kurz knapp und super verständlich!

[evrideatschi]

Ein wirklich tolles, verständliches Video!

[myytkn]

Ein tolles Video aber ich habe nicht ganz JS verstanden von daher muss ich mir mehrmals angucken. Ob du noch ein Video machen kannst wäre nicht schlecht.

[fhungsk]

Eine Super Erklärung. Würdest du bitte noch weitere Spiele-Tutorials einplanen? Vielleicht ein Jump and Run Game z.B. :) Danke

[joystudiotv]

danke endlich kann ich eigene spiele entwickeln danke danke danke

[seylim]

Ich habe hier wirklich mehr gelernt als nur ein kleines simples Spiel zu erstellen. Wie du Methoden, Attribute und Funktionen erklärt hast ergibt für mich endlich Sinn.
Verbesserungsvorschlag: Etwas an deiner Erzählerstimme arbeiten oder einfach mehr Enthusiasmus zeigen, klang manchmal echt monoton.

[aluuusch]

Ein didaktisch perfektes Video ---> Abo

[reiseindiebildung]

sehr gut erklärt. abo izz da. freue mich auf viele weitere videos

[asibakis]

Tolles Video, sehr gut erklärt. kannst d mir bitte sagen wo ich den zip runterladen kann, weil ich nicht gefunden

[pietromantova]

nice, gutes Video!! erstmal abonieren

[PurpleGreenLeaf]

Tolles Video und verständlich! Mal ne frage?
Würde es nicht auch so klappen den wert um 1 zu erhöhen...
Hätte man nicht, anstatt (anzahlGegossen = anzahlGegossen + 1;) einfach nur (anzahlGegossen++;) schreiben können?
Damit sich der Wert um 1 erhört in der Function? xD

[reiseindiebildung]

vielen Dank, ich komme sehr gut mit. Kannst du vielleicht mal bei Gelegenheit ein Chatbot mit voreingestellten Fragen und dazugehörigen Antworten programmieren. So eine Art FAQ aber als Chatbot mir Profilbild Chatfenster und mit diesem realitätseffekt ... als ob jemand live schreibt (diese 3 kleinen Pünktchen)

[youtubeEXIT]

supa inhalt!!! jedoch ist der sound etwas drückend... hoffentlich nur bei mir, meine boxen sind schon in die jahre gekommen :)