JavaScript Tutorial - Kompletter Einsteigerkurs zum JavaScript lernen

[@Adrian_Marmy]

"Wie oft kann man nen Kurs in einem Tutorial erwähnen?" - "Ja!!!" ;-) Aber davon abgesehen sehr gut erklärt. 😅👌

[@Stxxley]

[@geraldfeurstein8807]

Best teacher ever, Respekt.

[@ProgrammierenStarten]

Vielen Dank das freut uns sehr :)

[@Defzan]

Sehr schönes Tutorial😊

[@MyDeLoreanDMC-12]

Wow..... 3 std verbrachte ich mit dem Tutorial inklusive Fehlersuche, aber am Ende wurde alles gut und funktionierte. Trotzdem sollte ich bei Hello World anfangen gg. Meine geringen Python Kenntnisse brachten mir da keinen Vorteil. Danke für das Tutorial..... Sehr gut erklärt.

[@gitarrenTag]

Klasse JS-Kurs. Wie immer super erklärt. Genau was ich gesucht habe: Wie ich mit JavaScript HTML manipulieren kann, dh. Sachen ins HTM hinzufügen, verändern und ausblenden kann. Super finde ich den Teil, wo zur Laufzeit genau so viele Buttons erzeugt werden, wie es Elemente hat.

[@ChristianKeßmeyer]

Die Aufgabe wird super erklärt. Es ist leicht verständlich. Jetzt fehlt nur noch die Routine in der Nutzung;-)!

[@donkey4215]

Hallo ich hätte da eine Frage ab Minute 40:30 funktioniert das bei mir nicht da wird diese Fehlermeldung: document.getElementById('question').textContent = question.question; Könnte mir jemand helfen

[@stargroundblocks1679]

Ja hab auch alles 1zu1 abgeschrieben und es funktioniert nicht..😬

[@ele_bhlng]

@@stargroundblocks1679 habe denselben Fehler gehabt und habe die Lösung (für mich) gefunden und hoffentlich auch für Euch: In HTML hatte ich den script-Befehl oben unter Title stehen. Habe diesen nach unten gesetzt und nun geht es. (nach dem closing body-tag).

[@programmierMentor]

Das JS Script war geladen bevor das HTML gerendert war. Setz das script tag wieder in den Bereich und setze in das Script Tag wo du deine Javascript Datei lädst, das Attribut "defer" - ohne Anfrühungsstriche. sieht dann z.B. so aus: derfer sagt, warte bis HTML gerendert, dann JS. Problem hier in dem Video ist, dass grundlegende Basis Informationen nicht gezeigt werden.

[@JanHaller-g7g]

versuch sonst mal zu schauen ob du question/s und answer/s mit oder ohne s geschrieben hast! bei mir war das der fehler

[@xCore9.3rs]

46:07 bei mir wird die Frage und die Antworten nicht angezeigt, bitte helft mir! let score = 0; let currentQuestionIndex = 0; let questions = [ { question: "Was ist die Hauptstadt Deutschland?", answers: ["Uruguanda","Berlin","Östereich","Madrid"], correctcAnswer: 1 }, { question: "wie hoch ist der Eifelturm?", answers: ["10","0m","10000m","746,9m"], correctcAnswer: 3 }, { question: "Was ist meine Lieblingsfarbe?", answers: ["Braun","Blau","Durchsichtig","Alle"], correctcAnswer: 1 } ]; function displayQuestion (){ let question = question[currentQuestionIndex]; document.getElementById('question').textContent = question.question; let answersDiv = document.getElemtyById('answers') question.answers.forEach((answer, index) => { let answerButton = document.createElement('button'); answerButton.textContent = answer; answersDiv.appendChild(answerButton); }); } } displayQuestion();

[@MyDeLoreanDMC-12]

Ich weiß nicht, ob es dir nach dieser Zeit noch hift. Habe keine Ahnung und hab das Tutorial gerade selbst runtergedrückt. Also du hast am Ende eine geschwungene Klammer zuviel. 2 gehen auf und 3 gehen zu. Bei let question = question fehlt das s (let question = questions). Bei let answerDiv hast du Elemty statt Element stehen.

[@SvenMichels89]

Bei deinem Code fehlt auch die Hälfte :) function displayQuestion(){ if(currentQuestionIndex >= questions.length){ document.getElementById("quiz-container").hidden = true; document.getElementById("result").hidden = false; document.getElementById("score").textContent = score; return; } Damit dein Score auch ausgegeben wird :) let answersDiv = document.getElemtyById('answers') // .getElementById("answers"); und nicht .getElemtyById("answers") // hier hast du das ; vergessen :D // Du fragst auch nicht ab: Ob der User überhaupt auf den Button klickt. Das wäre sehr hilfreich, sonst kommst du NIEMALS über Frage 1 hinaus :D Schau dir das Video nochmal an. Stoppe es, wenn du merkst das du nicht hinterher kommst. Schau genau nach und versuche deine Fehler zu finden. Ein paar sind noch vorhanden aber im groben und ganzen ist das nicht schlecht :) lg

[@gamerel5028]

Echt super erklärt - dankeschön

[@bananaguy69]

extremm gut

[@heuerspitstop]

3. Mal ebenfalls kein ""Hallo Welt" in DevTools... Was ist da wieder falsch, mache 1 zu 1 das Gleiche wie im Video (bzw, man sieht oft nicht ob du Enter oder eine Maustaste drückst, was wohl der Fehler ist) Das Problem ist tatsächlich, dass du zwischendurch immer irgendwelche Befehle gibst, wie Enter oder Mausklick, und nicht sagst, dass wir das auch machen müssen. Wir sehen ja deine Hände nicht. Muss sagen, dieses "Tutorial" hat mich meine letzten Nerven gekostet, danke dafür 😂👍

[@JanHaller-g7g]

Naja wenn du dich ein bisschen besser mir computer auskennen würdest und ein bisschen überlegen würdest... aber da ein paar tipps: Speichern kannst mit "ctrl s" refreshen kannst du oben links und mit tab also das über capslock kannst du einen "tab" weiter kommen. enter musst du nie drücken😊😊falls du noch fragen hast schreib einfach

[@AlexanderBinner]

Super Video. Hat mir sehr sehr geholfen. Bitte mehr davon.

[@SvenMichels89]

Sehr schönes Tutorial! Ein wenig verwirrend ist es schon mit den question/s. Sonst aber sehr, sehr gut. Hab es aus Spaß mal mitgemacht und nur einen Fehler gehabt, der hatte sich aber in meiner HTML eingeschlichen " answers // anwers " :D. Mit dem Aussehen am ende, dass fand ich nochmal einen guten Punkt. Somit hat man direkt gesehen, dass man sowas einfaches auch direkt was Professioneller aussehen lassen kann. lg

[@harryindaclub89]

Vielen Dank für das Video! Wirklich sehr gut erklärt! Ich bin gerade noch am Anfang und es ist schon echt viel, ob da jemals durch blicken werde. Bisher denk ich mir nur: "Niemals schaff ich das" oder "Ich bin zu dumm dafür"....Naja mal schauen.

[@heuerspitstop]

Also bei mir will DevTools nicht mal das "Hallo Welt" anzeigen. 3 Male versucht, nix... Wie war das bei dir? Danke im Voraus

[@harryindaclub89]

@@heuerspitstop Ich bin schon weiter, dass mit „Hallo Welt“ hat bei mir ohne Problem funktioniert. Nicht aufgeben, dass schaffst Du. Das machst Du ja einfach mit console.log.

[@harryindaclub89]

@@heuerspitstop Hi, leider wurde meine anderer Kommentar gelöscht. Also ich bin schon weiter, so dass ich Projekte nachbaue. Du musst einfach dran bleiben, manchmal ist es echt hart und man denkt, man wäre zu dumm dafür. Guck Dir am besten ein paar Tutorials an, aber dann einfach direkt selber programmieren, sonst lernst Du es nicht. Es bringt nichts hunderte Videos zu gucken, Du musst es selber umsetzen.

[@itsjonas2914]

@@harryindaclub89 glaube ich bin an der Stelle an der du vor 3 Monaten warst. Ich habe mir gerade das Video angeschaut und stelle mir ebenso die Frage ob ich das jemals programmieren kann. aber wie du schon gesagt hast ist alles eine Frage der Zeit. einfach dranbleiben

[@harryindaclub89]

@@itsjonas2914 Das schaffst Du! Es werden noch Tage kommen, die Dir jeden Nerv rauben. Nicht aufgeben! Wenn nicht gib Dir einen Tag Ruhe und versuche nächsten Tag weiter!👍

[@ZaneDBestPerson]

Dieses Video ist so gut auf doppelter Geschwindigkeit.

[@zweieckiger]

krig den text nicxht angezeigt könte daran liegen das question.question am ande auch js verwirt und nicht nur mich

[@matze5497]

Habe das gleiche Problem. Er meckert: Uncaught TypeError: Cannot read properties of undefined (reading 'question') wenn ich bei der letzten Frage bin, er springt nicht in die if abfrage.

[@charlesbaah9001]

@@matze5497 Bei mir genau so

[@JanHaller-g7g]

schaut mal nach ob ihr "question/s" richtig geschrieben habt mit "s" oder ohne... Ps: das war bei mir das problem

[@soEasytothegoal]

Danke für das Video!!!

[@ProgrammierenStarten]

Sehr gerne 😍

[@svetozarzivkovic5037]

1. Bei mir kommt zwar keine Fehlermeldung und ist auch nichts rot unterstrichen, aber ab "letAnswersDiv = getElementbyId...... habe Ich alles 1:1 so geschrieben wie im Video und gespeichert und trotzdem zeigt er mir nicht alle 4 Auswahlmöglichkeiten an sondern nur die Frage und den Button "Nächste Frage" 2. Bei function checkAnswer kommt folgende Fehlermeldung = Signature declarations can only be used in TypeScript files.ts(8017) ? Kann mir jemand weiterhelfen

[@JanHaller-g7g]

du musst aufpassen mit dem question/s und answer/s mit s oder ohne

[@mixschnack]

Toll, wie du den Camel-Case erklärst. :) Schade allerdings, dass du nicht darauf eingehst, warum als Worttrenner nicht der Unterstrich oder der Bindestrich verwendet wird.

[@ProgrammierenStarten]

Hey das sind zwei unterschiedliche Konventionen. Du kannst auch Unterstriche verwenden :D

[@mixschnack]

@@ProgrammierenStarten Ja, aber du erklärst nicht, warum du dich für die Camel-Notation und nicht für eine andere entschieden hast.

[@gitarrenTag]

Das hat glaube ich damit zu tun, in welcher (Programmier-)Skriptsprache programmiert wird. Bei JavaScript/Pascal etc. ist das glaube ich eher CamelCase. Bei Python verwenden sie immer die Unterstriche. Ich denke, ein JavaScript würde komisch aussehen, wenn Unterstriche verwendet, ebenso wenn in Python Variablen mit CamelCase geschrieben wird. Funktionieren würde beides, denn in fast allen Programmiersprachen gilt, dass Variablen nicht mit einer Zahl beginnen und keine Sonderzeichen enthalten dürfen.

[@tekkdaniels]

script.js:24 Uncaught ReferenceError: Cannot access 'question' before initialization at displayQeustion (script.js:24:32) at script.js:46:1

[@danigalvani6615]

Wie kann ich den die Fragen und Antworten mischen? So dass sie nicht immer in der gleichen Reihenfolge angezeigt werden?

[@devyannis]

Es ist auch möglich in Visual Studio Code mit einem Ausrufezeichen ein HTML Grundgerüst zu bauen.

[@sabinebernhardt9667]

Mein NetBeans meckert das script-tag im html-tag an, wenn es nicht im head oder body steht. darf denn ein script-tag direkt im html-tag stehen? Funktionieren tut es super und ist auch toll erklärt.

[@BjoernSchlieper]

Klasse Video, alles sehr gut erklärt, was da passiert. Für mich ein wenig störend ist, auch wenn's kein HTML-Kurs ist und es ja trotzdem funktioniert, dass title und der Link zum bootstrap-CSS im header landen und nicht im head der HTML-Datei. Gibt's dafür einen Grund?

[@jashal8894]

Richtig gut.

[@UstazRabee]

Hi, in der Minute 9:13 steht bei mir keine Hallo Welt. Sondern: Page layout may be unexpected due to Quirks Mode. KAnn mir einer Helfen?

[@danielsuenkel90]

hast da nen roten unterstrich bei correctAnswer in JS bei let questions ? dann machst n komma davor dann ging das bei mir quasi dann so ,correctAnswer: 0 z.B.

[@Spandauer66]

cooles Video!

[@joachimku2181]

top, danke!

[@tekkdaniels]

hab alles 1 zu 1 gemacht wie du, funktioniert leider garnichts so richtig, was mich zu tiefst frustriert, da ich schon etwas erfahrener bin

[@ControllerArtist]

oft vergisst man ein "," oder ein ";"

[@sal8erno]

Eine gute Einführung in verständlicher Art und Weise erklärt. Doch eine Sache die ich für „Komplette Einsteiger“ absolut irritierend finde ist, dass die Indexdatei (ich würde mal sagen völlig falsch; warum eigentlich) dargestellt wird, für „EINSTEIGER“ ohne HTML-Kenntnisse wohl kaum nachvollziehbar! Ansonsten, wie dauernd angepreist, ein nettes Werbevideo für einen nicht kostenfreien JavaScript Kurs!

[@zweieckiger]

ich hab das gefühl er hat nen kurs gab es auch noch anderen Inhalt?

[@Lexiud]

Gutes Video, auch 4 Monate später . Am Ende wird es jedoch wirklich schnell, da hätte man sich gerne mehr Zeit lassen können, meiner Meinung nach,

[@isas213]

Ich habe gehört, dass TypeScript das neue JavScript sein soll. Macht es Sinn JavaScript noch zu lernen? Eher TS oder JS?

[@ProgrammierenStarten]

Es macht definitiv Sinn JavaScript zu lernen. TypeScript bringt noch zusätzliche Features wie zB typisierung. Können dazu aber auch mal ein Video machen :)

[@isas213]

@@ProgrammierenStarten Das wäre cool

[@Spandauer66]

@@isas213 JS ist ja auch für TS die Grundlage. TS bietet einfach noch mehr Umfang und fügt optionale Typen, Klassen und Module zu JavaScript hinzu. Dazu unterstützt TS Tools für JavaScript-Applikationen.

[@nolife-_-9723]

Habe alles Schritt für Schritt befolgt, habe aber scheinbar irgendwo nen Fehler gemacht weil ich wieder Errors bekomme wie z.B. Uncaught TypeError: Cannot read properties of undefinded (reading "question") oder das gleiche nochmal aber diesmal mit ("correctAnswer")

[@nolife-_-9723]

Hab den Fehler gefunden... habe 2 buchstaben vertauscht...

[@Mr_Zen_MV]

Bin ich der Einzige dem aufgefallen ist dass er , !! und zu Geschwister-Elementen gemacht hat? :D

[@BirgitSchedler-lu6kw]

Gibt es keinen kurs wo man billig erwerben kann

[@R.Ramon.Dieterich]

Ich danke Ihnen vilmals für ihr informatives kontent. Könnten Sie mal einen Komplett Kurs zu Godot's Entwicklersprache GD Script machen ? Dazu haben sie zwar schon eine ganze Video Reihe gemacht, es wehre nur schön alles nochmal in einem Video zu haben

[@ProgrammierenStarten]

Vielen Dank für dein Feedback! :) Haben wir als Wunsch notiert :)

[@R.Ramon.Dieterich]

@@ProgrammierenStarten Danke

[@heuerspitstop]

Habe EXAKT das Gleiche gemacht aber bei mir taucht nichts im DevTool auf, nur der > Sowas ist der Grund warum ich keinen Bock darauf habe... Und meine Hände sind zu Groß, vertippe mich ständig... Könnte kot***, man braucht diesen Mist heutzutage nun mal. Trotzdem Danke für das Video 👍

[@freemanchaosm2310]

lol als ich mit javascript angefangen habe , hab ich exakt das selbe gebaut xD

[@barfusselektrisch]

Wenn ich bei der Einleitung schon Gendersprache lese bin ich raus. Das versaut direkt den Spass an einem Tutorial. 😢

[@kajita2048]

Ich boykottiere eigentlich jeden vergenderten Content, aber er ist als Dozent wirklich gut, auch wenn er leider gendert

[@mhl1740]

Mich nervt sowas auch. Aber die Inhalte sind immer super und es gilt: "Sein Kanal - seine Regeln"!

[@ReiAyasuka]

Hä

[@StixxLetsPlay]

Wenn euch sowas blockiert und davon abhält, sachen zu lernen, dann bleibt hald dumm. Ist zwar eine massiv kleinliche und kindische Haltung, aber das ist ja euer Problem.

[@barfusselektrisch]

@@StixxLetsPlay Das hier vorgestellte Video ist ja nicht die einzige Stelle, an der man etwas lernen kann. Auch ist nicht belegt, dass alle, die Gendersprache ablehnen, generell dumm sind und dauerhaft bleiben. Ich könnte mir vorstellen, dass Du auch bestimmte ideologische, politische oder religiöse Haltungen ablehnst, die neben einem fachlichen Kontext vermittelt werden und somit auf einen Videokonsum verzichtest. PS: Übrigens bin ich Abonnent des Kanals. Dennoch kann ich bestimmte Dinge kritisieren, die wiederum der Kanalbetreiber für sich annehmen oder ablehnen kann.

[@DLM930]

Es klappt nicht

[@iambadmad]

hallo, bei mir kann er. document.getElementById('quiz-result').hidden= false und displayQuestion(); nicht umsetzten. Wieso nicht, könnte mir jmd. bitte helfen?

[@thomashering1482]

Der Witz ist: Vor ca. 25 Jahren hieß es: Lass den scheiß. X % haben Javascript im Browser eh deaktiviert... und heute...

[@TheZadidy]

ich find das video sehr gut. finde persönlich nur dein naming schrecklich.

[@ProgrammierenStarten]

Danke für dein Feedback :) wieso findest du das naming schrecklich? :)

[@TheZadidy]

@@ProgrammierenStarten Minute 37:28 äusserer namespace let questions ... innerer namescpace let question = questions... ich verstehe es wenn ich dir zusaschaue aber ich denke ein fremder wäre erstmal verwirrt denke es wäre einfacher zu sagen let current_question = questions... weil welches questions ist jetzt angesprochen

[@TheZadidy]

minute 39:17 zeile 25 question.question ist für einen einsteier/anfänger super verwirrend oder auch für einen fremden der deinen code liest (tbh das sit eig die einzige stelle wo das naming nicht meins ist der rest ist abolut in ordnung

[@zweieckiger]

sag doch nochmal question

[@xpaiinzexstasii979]

Wtf warum gendern??

[@JxstDinoooo]

Wtf warum nicht??

[@zweieckiger]

bei wetem kake

[@alexandereirih7233]

Super erklärt, jedch wenn ich es 1:1 nachbaue oder von GitHub copy and paste mache funktioniert das nicht .... Fehlermeldung: quiz.js:34 Uncaught TypeError: Cannot set properties of null (setting 'textContent') at displayQuestion (quiz.js:34:53) at quiz.js:48:1

[@programmierMentor]

Problem ist, dass er hier nicht korrekt zeigt, wie man mit Javascript umgeht wenn man es mittels Tag im Bereich lädt, das JS ist vor dem HTML geladen, dadurch hat die JS Methode das Element nicht gefunden.

[@andreasfischer9097]

Die Hauptstadt von Berlin ist Pankow.

[@nukulus9344]

Was soll ich machen wenn das "Hallo Welt" nicht bei mir auf der Console steht. Edit: ich habs direkt alleine herausgefunden. ich hab das einfach auf console.log(print=("Hallo Welt")) geändert Neues Problem: ich gebe was im Title ein und es kommt nicht oben auf der Seite vor Edit: ich glaube das kann einfach nicht aktualisiert werden, aber warum ist die Frage Problem gelöst: hat einfach 15 minuten gedauert, warum auch immer Neues Problem: die Antworten zeigen sich nicht an auf den Knöpfen

[@vladislavsavchuk4151]

Servus, ich habe es komplett gleich nachgebaut und trotzdem zeigt er mir in der Console an „Live reload enabled. Index.html:40“ Wär übelst korrekt wenn jemand HILFT.