JavaScript Tutorial - Kompletter Einsteigerkurs zum JavaScript lernen

Поделиться
HTML-код
  • Опубликовано: 28 июл 2024

Комментарии • 90

  • @Adrian_Marmy
    @Adrian_Marmy 11 месяцев назад +15

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

  • @gitarrenTag
    @gitarrenTag Год назад +4

    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.

  • @heuerspitstop
    @heuerspitstop 5 месяцев назад +5

    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 😂👍

  • @kriskess42
    @kriskess42 11 месяцев назад +4

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

  • @geraldfeurstein8807
    @geraldfeurstein8807 10 месяцев назад +6

    Best teacher ever, Respekt.

  • @gamerel5028
    @gamerel5028 Год назад +3

    Echt super erklärt - dankeschön

  • @zweieckiger
    @zweieckiger 9 месяцев назад +3

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

    • @matze5497
      @matze5497 19 дней назад

      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.

  • @Defzan
    @Defzan 3 месяца назад +1

    Sehr schönes Tutorial😊

  • @svetozarzivkovic5037
    @svetozarzivkovic5037 7 месяцев назад +1

    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

  • @xCore9.3rs
    @xCore9.3rs 10 дней назад

    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();

  • @soEasytothegoal
    @soEasytothegoal 10 месяцев назад +1

    Danke für das Video!!!

  • @sabinebernhardt9667
    @sabinebernhardt9667 4 месяца назад

    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.

  • @joachimku2181
    @joachimku2181 5 месяцев назад

    top, danke!

  • @BjoernSchlieper
    @BjoernSchlieper 7 месяцев назад

    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?

  • @danigalvani6615
    @danigalvani6615 2 месяца назад

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

  • @real31iger
    @real31iger 10 месяцев назад

    Ich mag dich! Du bist Sympatisch, klatscht dein Gesicht nicht in den Code und erklärst alles deutlich! Dazu noch, du lobst die Leute, Feier ich! :D Scripte eigentlich nur mit PHP, aber ähnelt sich doch schon etwas :D Danke jedenfalls!

    • @ProgrammierenStarten
      @ProgrammierenStarten  10 месяцев назад

      Vielen Dank! Das freut uns sehr :)

    • @real31iger
      @real31iger 10 месяцев назад

      Wie uns? Ich meinte dich! :D@@ProgrammierenStarten

    • @real31iger
      @real31iger 10 месяцев назад

      Ämm, ich hab da ne Frage.. Ich würde gerne den Kurs mit euch / dir machen, aber mir sind die Zahlungsmethoden nicht verfügbar... Gibt es auch eine art vielleicht mit PSC zu zahlen? Oder via Vorkasse oder so?... lg@@ProgrammierenStarten

  • @Spandauer66
    @Spandauer66 6 месяцев назад

    cooles Video!

  • @tekkdaniels
    @tekkdaniels 6 месяцев назад

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

  • @donkey4215
    @donkey4215 10 месяцев назад +2

    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
      @stargroundblocks1679 9 месяцев назад +1

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

    • @ele_bhlng
      @ele_bhlng 4 месяца назад

      @@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
      @programmierMentor 2 месяца назад +2

      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.

  • @harryindaclub89
    @harryindaclub89 8 месяцев назад +2

    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
      @heuerspitstop 5 месяцев назад +1

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

    • @harryindaclub89
      @harryindaclub89 5 месяцев назад

      @@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
      @harryindaclub89 5 месяцев назад +1

      @@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
      @itsjonas2914 5 месяцев назад +1

      @@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
      @harryindaclub89 5 месяцев назад +1

      @@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!👍

  • @Lexiud
    @Lexiud 9 месяцев назад +2

    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,

  • @ZaneDBestPerson
    @ZaneDBestPerson 6 месяцев назад

    Dieses Video ist so gut auf doppelter Geschwindigkeit.

  • @cakiralgmail9595
    @cakiralgmail9595 5 месяцев назад

    Danke für deine Mühe, bin Anfänger in JS, alles habe ich nicht verstanden aber viel gelernt. Was bedeutet der parameter UserAnser in der Funktion , der wurde nicht definiert, woher weiß die Funktion, was es damit tun soll? Vielen Dank für eure antworten Jungs

    • @seras921
      @seras921 11 дней назад

      Also ich bin absoluter Laie und habe noch nie was mit programmieren zu tun gehabt.
      Pauschal würde ich sagen (in der Hoffnung, dass das nun nicht komplett falsch ist), dass JS die Eingabe des Users erkennt; deswegen "userAnswer" und diese Antwort dann mit der "correctAnswer" abgleicht.

  • @nolife-_-9723
    @nolife-_-9723 11 месяцев назад

    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
      @nolife-_-9723 11 месяцев назад +2

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

  • @sal8erno
    @sal8erno 7 месяцев назад +1

    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!

  • @tekkdaniels
    @tekkdaniels 6 месяцев назад +1

    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
      @ControllerArtist 5 месяцев назад +1

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

  • @ChildrensBookFactory
    @ChildrensBookFactory Год назад +1

    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

  • @mixschnack
    @mixschnack Год назад +2

    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
      @ProgrammierenStarten  Год назад

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

    • @mixschnack
      @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
      @gitarrenTag Год назад +1

      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.

  • @zweieckiger
    @zweieckiger 9 месяцев назад +1

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

  • @Kaffekanne3
    @Kaffekanne3 Год назад

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

    • @ProgrammierenStarten
      @ProgrammierenStarten  Год назад +2

      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 :)

    • @Kaffekanne3
      @Kaffekanne3 Год назад

      @@ProgrammierenStarten Das wäre cool

    • @Spandauer66
      @Spandauer66 Год назад +2

      @@Kaffekanne3 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.

  • @iambadmad
    @iambadmad 3 месяца назад

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

  • @freemanchaosm2310
    @freemanchaosm2310 Месяц назад

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

  • @BirgitSchedler-lu6kw
    @BirgitSchedler-lu6kw 4 месяца назад

    Gibt es keinen kurs wo man billig erwerben kann

  • @heuerspitstop
    @heuerspitstop 5 месяцев назад

    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 👍

  • @zweieckiger
    @zweieckiger 9 месяцев назад

    sag doch nochmal question

  • @vladislavsavchuk4151
    @vladislavsavchuk4151 10 месяцев назад

    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.

  • @TheZadidy
    @TheZadidy Год назад

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

    • @ProgrammierenStarten
      @ProgrammierenStarten  Год назад

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

    • @TheZadidy
      @TheZadidy Год назад +2

      @@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
      @TheZadidy Год назад +4

      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

  • @barfusselektrisch
    @barfusselektrisch Год назад +23

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

    • @kajita2048
      @kajita2048 10 месяцев назад +3

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

    • @mhl1740
      @mhl1740 9 месяцев назад +2

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

    • @ReiAyasuka
      @ReiAyasuka 8 месяцев назад

    • @StixxLetsPlay
      @StixxLetsPlay 6 месяцев назад +4

      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
      @barfusselektrisch 6 месяцев назад +1

      @@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.

  • @zweieckiger
    @zweieckiger 9 месяцев назад

    bei wetem kake

  • @xpaiinzexstasii979
    @xpaiinzexstasii979 9 месяцев назад +3

    Wtf warum gendern??

    • @JxstDinoooo
      @JxstDinoooo 9 месяцев назад +1

      Wtf warum nicht??

  • @generalrodcocker1018
    @generalrodcocker1018 5 месяцев назад +1

    leute, leute, leute, was soll denn das bringen? das ist auf so vielen ebenen, didaktisch schlecht und für anfänger überfordernd, dass ich gar nicht weiß wo ich anfangen soll... als erstes würde ich davon absehen für properties, variablen und klassennamen den selben namen zu nehmen. die ständige werbung zwischendrin macht das ganze noch zusätzlich unangenehm und unseriös. leute, spart euch diese tutorials, die sind zeitverschwendung.

  • @nukulus9344
    @nukulus9344 6 месяцев назад

    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

  • @UstazRabee
    @UstazRabee 8 месяцев назад

    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
      @danielsuenkel90 7 месяцев назад

      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.

  • @alexandereirih7233
    @alexandereirih7233 6 месяцев назад

    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
      @programmierMentor 2 месяца назад

      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.