JavaScript Debuggen direkt mit Visual Studio Code

Поділитися
Вставка
  • Опубліковано 4 лют 2025

КОМЕНТАРІ • 38

  • @tomscall3811
    @tomscall3811 3 роки тому +2

    Vielen Dank. Wiedermal hoch interessant & nützlich. Hab immer davon gehört, aber nie richtig mich damit bechäftigt.

  • @NeverCodeAlone
    @NeverCodeAlone 3 роки тому +1

    Toll gemacht...vielen Dank!!

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Herzlichen Dank fürs reinschauen 🙂

    • @NeverCodeAlone
      @NeverCodeAlone 3 роки тому

      @@ProgrammierenMario ich bin mittlerweile eine echter Fan und würde mich total freuen wenn wir mal was zusammen auf UA-cam machen 😎

  • @torikoshimabukuru3456
    @torikoshimabukuru3456 3 роки тому +1

    Hey Mario mal wieder ein supper Tutorial! Thx!!!

  • @yt7042
    @yt7042 2 роки тому +1

    Nach deinem heutigen Video habe ich mal geschaut ob du schon Videos gemacht hast zum Thema Debugging. Dieses Video ist schon mal ein guter Anfang, aber ich glaube das Thema lässt sich ausbauen. Nimm doch mal ein komplexeres Beispiel und baue ein paar Fehler ein die du dann debuggst.

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Gute Idee! Hatte das Thema eine Zeit lang aus den Augen verloren, weil das Video nicht so gut performt hat. 😅 Muss auch immer schauen was gefragt ist.

  • @dagobertduck3100
    @dagobertduck3100 3 роки тому +1

    danke dafür

  • @andreasstankovsky1130
    @andreasstankovsky1130 3 роки тому +1

    Hallo Mario, blöde Frage, aber ich bin ziemlicher Newbie: was ist denn der Inhalt dieser index.hmtl Datei?

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Nur ein leeres HTML Gerüst wo die JavaScript Datei eingebunden wurde. Das ist leider notwendig wenn man im Browser die Console für Ausgaben verwenden möchte.

    • @andreasstankovsky1130
      @andreasstankovsky1130 3 роки тому +1

      @@ProgrammierenMario Danke für die Antwort, habs jetzt hinbekommen, dass es läuft

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Fantastisch! :)

  • @torikoshimabukuru3456
    @torikoshimabukuru3456 3 роки тому +1

    Hey Mario ich hab mal ne frage erkennst du warum der compiler nie die continue anweisung durchgeht?
    let nummerderpicturebox2 = [];
    nummerderpicturebox2.push(3);
    nummerderpicturebox2.push(2);
    for (let i= 0; i

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Hallo Toriko, deine Syntax ist korrekt und es funktioniert auch alles wie erwartet. Das continue bricht den aktuellen Schleifendurchlauf ab und macht direkt mit dem nächsten weiter wenn die Bedingung zuvor true ist. Also wird demzufolge 2 und 3 nicht ausgegeben, weil das nachfolgende console.log ja in diesen Fällen übersprungen wird.

    • @torikoshimabukuru3456
      @torikoshimabukuru3456 3 роки тому +1

      Oh je, ich hatte die zahlen im array als string übergeben, darum wurde die continue anweisung nie durchgegangen.
      Das war mir ne dicke fette lehre, komme ja von der typisierten c# aber bei js muss man ja höllisch aufpassen ;)

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Ja in JavaScript bestimmt der Wert den Typ, was ich sogar persönlich besser finde.

  • @michaelhorn269
    @michaelhorn269 Рік тому

    You made my day. Thanks

  • @haukekonradcoding
    @haukekonradcoding 2 роки тому +1

    Hi Mario, ich bekomme immer ein 'Unbound Breakpoint' hast du ein Tipp wie ich das weg bekomme?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Kannst du mir etwas mehr erzählen? Benutzt du vllt. ein Framework oder ein build tool oder ähnliches wo du evtl. eine Source Map brauchst?

    • @haukekonradcoding
      @haukekonradcoding 2 роки тому

      @@ProgrammierenMario Ich habe es mit deinem Beispiel ausprobiert. Auf einem anderen Rechner funktioniert es, gibt es Plugins für VS Code die das stören können?
      Wegen Frameworks, wie sieht es denn aus wenn ich Svelete verwende, was muss ich da ändern?
      Vielleicht kennst du dich da auch aus.

  • @markuslemcke
    @markuslemcke 2 роки тому +1

    Hallo, tolles Video. Frage: Wie kann ich Javascript auf einem Ipad debuggen?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Dazu musst du in den Safari Einstellungen die Web Development Tools aktivieren

    • @markuslemcke
      @markuslemcke 2 роки тому +1

      @@ProgrammierenMario Habe ich. Habe das Ipad auch per USB mit dem Laptop verbunden. Wenn Du ein Video machen könntest, das wäre super!

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Falls ich mir mal ein iPad zulegen sollte, kann ich gerne ein Video dazu machen ;)

    • @markuslemcke
      @markuslemcke 2 роки тому +1

      @@ProgrammierenMario okay. andere Frage: Wie stellst Du sicher, dass Dein Javascript-Code auf allen Betriebssystemen funktioniert?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Das Betriebssystem spielt keine große Rolle. JavaScript wird im Browser ausgeführt. Damals gab es weit mehr Unterschiede als Heute. Wenn ich unsicher bin ob eine bestimmte Sache nicht von allen Browsern unterstützt wird, dann schaue ich auf die Website caniuse.com/
      Da kannst du dies sehr gut einsehen. Neben JavaScript auch HTML und CSS.
      Wenn dir das nicht reicht kannst du auch auf Cross Browser Test Tools zurückgreifen, z.b. Testim oder BrowserStack.

  • @Marcinemos
    @Marcinemos 3 роки тому +1

  • @loomi28
    @loomi28 3 роки тому +1

    Eine PHP und MySQL Reihe wäre super.

  • @asensiodias1593
    @asensiodias1593 2 роки тому +1

    Ich bin gerade am Anfang und schaffe es nicht. Meine JavaScript-Datei in Visual Studio zu erstellen

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Hi, benutzt du wirklich Visual Studio Code oder verwendest du Visual Studio? Sind zwei unterschiedliche Programme.

    • @asensiodias1593
      @asensiodias1593 2 роки тому +1

      @@ProgrammierenMario nehme Visual Studio Code

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Ok, dann hast du links eine Iconleiste. Bei dem ersten Icon oben kannst du den Explorer ein und ausschalten. Ist ein kleiner Bereich welcher sich daneben öffnet und schließt. Dort hast du oben wieder Icons wo du Dateien und Verzeichnisse erstellen kannst. Du kannst hier jede Art von Datei erstellen indem du den Namen der Datei schreibst, gefolgt von einem Punkt und dem Dateityp. z.B. app.js
      Hoffe das hilft dir erstmal weiter.