ich muss dir echt gratulieren, mache grad deine videos durch - super erklärungen, übersichtlich und ruhig vorgetragen, und auch immer das kommentiert was du am bildschirm machst/klickst. fühl mich bei deinem kanal super aufgehoben - danke !
Da weiß ich gleich gar nicht was ich antworten soll. 😅 Ich bedanke mich für dein Lob und freu mich sehr das ich dir weiterhelfen kann mit meinen Tutorials ✌️🙂
Danke Mario, Dein Video hier hat mir die Entscheidung erleichtert, von Atom zu VSC zu wechseln. Du hast eine sympathische Art und Weise, Sachverhalte zu vermitteln. Schöne Grüße aus Saalfeld
Einfach Klasse. Nun habe ich endlich grün wie es bei dir aussieht. Ich hatte standart Farben und jedesmal dachte ich es sein Fehler , weil es rot war, bei dir eben grün. DANKE
Hab gelegentlich immer mal bei dir rein geschaut und jetzt löst du mal eben mein nervigstes Problem (Word Wrap), sehr geil. Werde wohl öfter mal reinschauen bei dir. 👍
Vielen Dank für dieses Video. Ich habe sehr nützliche Informationen bekommen und freue mich schon auf die nächsten Tutorials, die ich mir nach und nach ansehen werde. Lasse Abbo und Daumen da!
@@ProgrammierenMario Nein. Wenn ich Lust habe lerne ich ein bisschen HTML, CSS und Javascript oder beschäftige mich mit Python und Kotlin. Java habe ich aufgegeben, obwohl ich mir gerade das Buch "Java lernen mit BlueJ" von David J. Barnes gekauft habe. Am meisten interessiere ich mich für die didaktischen Methoden zur Vermittlung der Grundlagenkenntnisse in den einzelnen Disziplinen.
Schon lustig, eigentlich habe ich dank dir bereits gelernt mit Vs Code umzugehen aber dennoch hilft das Video einem weiter. Es gibt halt dann doch noch Commands in Html die einem vieles vereinfachen. Nur vom Deutschen Packet würde ich die Pfoten lassen den das gibt nur ein Chaos deshalb lerne ich Englisch auf Abi Niveau nebenher.
@@ProgrammierenMario Eine Notenverwaltung für einen Chor, also einmal die Bestandsverwaltung und dann die Ausgabe und Rücknahme der Noten an die 50 Mitglieder. Der Notenwart soll online u.a. abfragen können, welche Noten sich bei Mitglied xy in der Mappe befinden. Die jeweils 50 Kopien der etwa 360 Lieder werden zentral gelagert und bei Bedarf ausgegeben. Ich habe da schon was im Internet gefunden, was ich angepasst habe, aber die Verknüpfung der Tabellen "Lied" und "Mitglied" muss ich noch selbst programmieren. Habe das bislang mit nano im Linux-Terminal gemacht!
Würde da zu einer Verknüpfungstabelle tendieren welche jeweils den Fremdschlüssel vom Lied und des Mitglieds enthält je Datensatz. Ein Mitglied kann ja mehrere Lieder haben und jedes Lied kann es ja auch öfters geben und somit auch an unterschiedliche Mitglieder ausgegeben werden. Sehr schönes Projekt auf jeden Fall, und sehr Praxisnah. Happy Coding ✌️🙂
@@ProgrammierenMario Danke! Du hast die Aufgabe richtig verstanden. Genau das will ich machen. Ich bin heute erst auf dich gestoßen und muss mir mal ansehen, ob du auch schon was über PHP gemacht hast. Auf jeden Fall habe ich dich abonniert!
Super Tipps danke. Besonders die Einstellung Word Wrap. Das hat richtig genervt vorher :) . Könntest du ein Video zu Git bzw. Git Hub machen und wie man es in VS Code verwendet ? Das wäre cool👍.
Sehr gutes Tutorial, aber ganz am Anfang muss man erst einen Ordner anlegen, wäre schön gewesen, wenn ich diese kleine Hürde mit diesem Video genommen hätte!
Danke für deine Videos, alles bestens. Habe folgendes Problem bei meinem imac 27 zoll, auf einmal nimmt visuell code keine Tastaturbefehlee an, was kann ich tun
Eingaben blockiert Ich habe mit dem Visual Code Editor auch das Problem wie der Herr Steinbach das am Beginn die Eingaben blockiert sind. Erst wenn ich wie wild auf der Tastatur rum hämmere kann ich plötzlich schreiben. Ich glaube zu mindestens die Ursache gefunden zu haben: Im der Menüleiste unten links gibt es nach dem öffnen einer Datei die Anzeige: - - Normal - -. Diese sollte aber in den Modus: - - Insert - - wechseln wenn man deinen Angaben zufolge einen Doppel-Click auf die Datei macht. Das passiert bei mir aber nicht, außer ich wende die Methode an wie oben. Ansonsten kann ich nur sagen, super Tutorials!
Vielen Dank für deinen Tipp. Leider habe ich unten links in der Menüleiste solch eine Anzeige nicht. Ich habe an dieser Stelle nur 2 Icons die mir Fehler und Warnungen anzeigen. Diese Sache ist echt Mysteriös und ich hoffe das sich dies noch Auflösen wird :)
Hallo Mario Ich finde deine Beiträge super, vielen vielen Dank dafür, möchte nicht wissen wieviel Zeit deinerseits da drauf geht (und uns erspart bleibt) Du hast mich auf VSC gebracht und ich bin fast ganz glücklich damit, wenn nur die doofen "Quicktip" nicht wären. D.h. ich finde die Tips schon OK, aber sie sollten nicht so nahe am Cursor sein (lande häufig bei MDN). Hab mir schon die Finger wund gegoogelt, aber ausser ganz ausschalten nichts gefunden. Kennst du was, wie man den Offset der Quick-Meldungen ändern kann?
Hallo, leider kannst du den Offset nicht einstellen. Zumindest ist mir aktuell nichts bekannt. Was du aber machen kannst ist den Delay nach oben zu Schrauben. Sodass der Quicktip erst viel später erscheint. Suche in den Einstellungen mal nach: Hover Delay Und für den Editor müssten da 300 Millisekunden drin stehen. Das kannst du locker mal auf 2000-3000 Millisekunden stellen. Dann ist es nicht ganz so störend. Und es kommt erst wenn du 2-3 Sekunden mit der Maus über dem Element bleibst.
Danke für die interessanten Videos. Ich bin nicht direkt ein Anfänger ;-) aber man kann ja mal über den eigenen Tellerrand hinaussehen und du erklärst das recht unterhaltsam. So ingesamt sollte ich mir eine bessere Entwicklerumgebung zulegen, und da scheint VS Code eine gute Sache zu sein. Aber: So etwas wie Site-Management mitsamt FTP scheint es da nicht zu geben - oder hab ich das übersehen? Ich habe gut 40 Verzeichnisse für Websites auf der lokalen Platte und wenn irgendwo was zu ändern ist, lade ich die entsprechenden Dateien schnell runter, ändere und lade es gleich wieder hoch. Getestet wird am Server, geht ja schnell. Natürlich hat jede Website einen eigenen FTP-Zugang, der muss fix mit dem Projekt verbunden sein und keinesfalls darf da was verwechselt werden. Momentan verwende ich einen steinalten Dreamweaver MX, mit dem geht das super (solange es nicht SFTP ist, das kann er nicht..) Und da ist auch der Code Editor unbrauchbar, deswegen schaue ich nach Ersatz. Die FTP-Plugins für VS Code scheinen allesamt recht brachial zu sein..
Hallo Chio, Erweiterungen bzgl. FTP für VS Code gibt es einige. Darüber hinaus könntest du ja auch das Programm Filezilla verwenden für den Upload deiner Projekte. Also das du es voneinander trennst. Wenn du es aber direkt in VS Code haben möchtest dann schau dir mal die Erweiterung "SFTP" von liximomo an. Da kannst du für jedes Projekt im .vscode Ordner eine Konfigurationsdatei anlegen mit Zugangsdaten usw. auch welche Ordner/Dateien für den Upload ignoriert werden sollen und vielen weiteren Einstellungen die du da Hinterlegen kannst. Du hast dann auch einen neuen Menüpunkt für den Up/Download links in der Iconleiste wenn du die Datei angelegt hast. Wäre auch ein schönes Thema für ein Tutorial...ich notiere es mir mal ;-) Grüße...
Ja ich vermute seit dem letzten Update wurde eine Einstellung dafür geändert. Gehe mal in die Einstellungen und suche nach Emmet bzw. "Trigger Expansion On Tab" und mach dort ein Häkchen rein. Dann müsste es wieder funktionieren.
Hi Mario, super erklärt, ich arbeite auch mit diesem Editor. Hab da aber ein Problem, wenn ich darin php-files aufmachen möchte, kommt immer diese Fehlermeldung "...Kann nicht überprüft werden, da eine PHP-Installation nicht gefunden werden konnte. Verwenden Sie die Einstellung „php.validate.executablePath“, um die ausführbare PHP-Datei zu konfigurieren..." Also editieren geht alles, aber mich nervt eben jedes Mal diese Meldung. Weiß nicht was ich da wo einstellen muss. Arbeite mit MacBookPro. Erreiche ich Dich per Mail? da könnt ich dir auch mal Screenshot senden
Hi, wenn du diese nervige Meldung nicht mehr haben möchtest, dann brauchst du nur diese Einstellung in deinen VS Code Settings setzen. Suche mal in den Settings unter User nach "php.validate.executablePath". Bei dem Ergebnis hast du einen Link "Edit settings.json". Damit öffnest du diese Datei. Nun musst du in das JSON Objekt z.B. folgenden Eintrag hinzufügen: "php.validate.executablePath": "C:/xampp/php/php.exe" Gib hier den Pfad zu der php.exe an welche auf deinem Rechner liegt. Das wars. Die Meldung kommt nicht mehr :)
@@ProgrammierenMario Ich hab MAC, also kein XAMPP. Weiß nicht, wie ich da eine PHP.Exe finde? Gibt es da eine andere Möglichkeit. Hab zwar gelesen, dass Mac PHP integriert haben soll, aber kenne mich da zu wenig aus. kann ich Dich irgendwie vielleicht tel. erreichen? VG Olaf aus Thüringen
Tolles Viedeo, habe nur ein Problem.. Installiert auf dem Mac 2017 aber das Programm nimm keine Tastatur eingaben an, also ich kann nichts eingeben. Was mache ich falsch. Danke für deine Antwort
Solch ein Problem ist mir bis jetzt nicht bekannt und ich kann es auch leider nicht reproduzieren. Habe auch eben mal danach gegoogelt und konnte dazu nichts finden. Wenn die Tastatur in anderen Programmen einwandfrei funktioniert und du sonst keine Probleme hast hilft es vielleicht VS Code nochmal neu zu installieren.
Welche VS Code Version verwendest du? Es gab zwischenzeitlich mal ein Bug bzgl. Emmet in VS Code. Emmet ist für diese Autovervollständigung verantwortlich. Ich verwende aktuell 1.72.2 als Vergleich.
@@ProgrammierenMario also wo steht die Version? Aber wenn ich auf Update gehe dann kommt keins verfügbar. Also gehe ich von der aktuellsten Version aus. mmh.
Als VS Code extension ist mir aktuell nichts bekannt. Du kannst das aber zumindest für CSS und JS direkt im Chrome Browser machen z.B. mit dem Coverage Tab, eine Beschreibung findest du hier: developer.chrome.com/docs/devtools/coverage/
Mich interessiert das mit Datenbankprogrammierung SQL und PHP zusammen. - Besucher schreibt was in die Datenbank rein, es wird gespeichert. - Dann die Datenbank durchsuchen. - Datenbank Verknüpfung usw. wo finde ich das, wie so was programmiert wird? - Es soll leicht verständlich sein, sodass man auch mitkommt. - Ich bin ganz neu, in diesem Bereich und möchte sehr gerne Profi werden. - Gibt es da eine Gruppe, wo man sich treffen kann, um so was gemeinsam zu lernen?
Hallo Sonja, generell gibt es wirklich sehr viele Tutorials auf UA-cam oder als Blogartikel. Bücher gibt es ebenfalls zu allen Themenbereichen mithilfe du lernen kannst. Leider kann ich da nichts genaues empfehlen. Jeder lernt individuell und anders. Was dir am besten liegt kannst nur du herausfinden. Wenn du aber komplett neu in der Web Entwicklung bist würde ich dir aber empfehlen eher mit HTML, CSS und JavaScript zu beginnen. Der Einstieg ist hier einfacher und du wirst es sowieso brauchen um Inhalte darzustellen und dynamisch auszutauschen oder auf Benutzer eingaben zu reagieren. Die Einstiegshürde ist da ziemlich gering. SQL, PHP usw. sind sehr viel komplexer und auch abstrakter und könnte dich als Anfänger eher frustrieren. Wichtig ist das du dir ein erstes einfaches Projekt als Ziel setzt, welches du beim lernen umsetzt. Das kann am Anfang auch eine einfache statische Website sein. Die du später immer und immer wieder erweiterst, auch dann mit Backend (PHP, SQL usw.). Hoffe das hilft dir erstmal ein wenig. ;-)
Hallo Mario, ich wurde durch Dich auf Visual Studio Code aufmerksam. Wirklich alles gut erklärt! Ich nutze ein Uralt-Dreamweaver und denke nach, umzusteigen. Für mich ist eine Vorschau-Funktion wichtig, damit ich mein Layout überprüfen kann. Ich habe deshalb "LIve Server Preview" installiert. Nun nutze ich für einige Sachen PHP. PHP-Seiten werden leider in der Vorschau aber nicht angezeigt, sondern nur HTML-Seiten. Kannst Du mir etwas empfehlen, wie ich PHP-Seiten in der Vorschau anzeigen lassen kann? Es ist nicht unbedingt notwendig, dass die Inhalte, die über PHP eingebunden werden sollen, in der Vorschau von Visual Studio Code auch angezeigt werden. Mir geht es nur darum, dass ich Seiten, die auf .php enden, überhaupt angezeigt werden, weil meine Seiten alle auf .php enden. Hast Du da einen Tipp? Einen Test-Server auf meinem Rechner zu installieren und diesen mit Visual Studio Code zu verknüpfen (Stichwort: Extension "Live Server"), dazu fehlt mir das technische Verständnis.
hallo, mal eine frage, ich hab ein neuen laptop und da vs installiert aber ich bekomme das emmet nicht hin . es lässt sich nicht aktivieren . hast du mir ein tip
Deaktiviere mal alle Erweiterungen. Dann drück mal STRG + SHIFT + P und gib oben in die Command Palette Settings User JSON ein und öffne die settings.json Datei. Alles in der Datei löschen dann speichern. Und dann nochmal versuchen ob Emmet geht. Es gibt immer mal wieder Erweiterungen die fehlerhaft sind oder das Verhalten von VSCode verändern.
Du kannst mit gedrückter STRG Taste + Maustaste einen Ordner oder mehrere markieren und ENF Taste drücken oder rechte Maustaste aus Ordner und löschen auswählen.
@@ProgrammierenMario Danke! Nur kurz: Ich wollte. bzw. habe eine Datei (Folder) von meinem Laptop auf VSC geladen, sprich "Open Folder... mir ist es aber missverständlich gelungen "Alles was in meinen Downloads auf dem Laptop war auf VSC in einer Folder Names "Downloads übergetragen! Auf Deutsch gesagt jeden "Mist vom Laptop (Download Mappe)! Habe aber alles in VSC gelöscht, aber es wurde auch alles gleichzeitig auf meinem Laptop auch gelöscht! Wie das??? Hoffe du verstehst die Situation!? Apropo, habe sogar VSC gelöscht, und neu installiert aber VSC hat die Download alle weiterhin drin gehabt und nicht vergesen! Bitte um Hilfe! Danke
Wenn du in VS Code Dateien oder Ordner löschst dann sind diese auch auf dem Rechner weg. VS Code greift direkt auf das Dateisystem zu und alle Änderungen etc. wirken sich direkt aus. Wenn du VS Code entfernst und neu installierst dann bezieht sich dies nur auf das Programm selbst und nur auf Dateien und Ordner die zum Programm VS Code gehören. Alle sonstigen Projekte, Ordner und Dateien bleiben dabei unberührt. Hoffe das hilft dir erstmal weiter.
@@ProgrammierenMario Entschuldige! Jetzt habe ich es herrausgefunden! Ich musste eine andere Folder auf meinem Laptop machen, und nur das im VSC mit "open Folder öffnen! Jetzt ist nur das drin was ich wollte! Danke nochmal Mario!
Ein SUPER Video, Deine Art es zu Präsentieren gefällt mir seht gut. Habe jetzt schon mehrere deiner Videos angesehen. Bin erst vor ein paar Wochen auf VS Code aufmerksam geworden, hatte davor alles mit Notepad++ gemacht. Bin aber auch nur ein Laie bzw. habe nur wenig Ahnung von dem, was ich da mache. Habe eine statische "Webseite" (html, Java,JQuery) per Zufall übernommen, die auf Github "gehostet" wird. Vorher hatte ich mit Programmieren nix am Hut. Die besteht nur aus der index.html und style.css. Die index.html besteht aus ca. 4000 Zeilen, wo ich mir am Anfang eine Inhaltsangabe gemacht habe, ab welcher Zeile, welcher Bereich (15 Stück) anfängt. Mit Strg+G kann man diese Zeile ja gut anspringen, aber ich suche noch eine Möglichkeit, dort "Sprungpunkte" in den Code einzubauen, womit ich dann per Tastenkombination immer einen weiter oder zurück springen kann. Gibt es sowas in VS Code? Diese intelligenten Vorschläge und Vervollständigen ist SUPER, erspart mir viel Arbeit, da ich nur mit 2-3 Fingern Suchsystem schreibe.
Hallo Martin, erstmal vielen lieben Dank für deinen ausführlichen Kommentar und dein Feedback. Es gibt eine schöne Erweiterung für VS Code die du dir installieren kannst. Schau dir mal die Erweiterung "Comment Anchors" an. Mit dieser hast du einen neuen Hauptbereich links in der Navigation und du kannst innerhalb deiner Datei dann mit Hilfe von Kommentaren Anker setzen. Alle Anker erscheinen dann links in der Sidebar, welche du dann bequem anspringen kannst. Auf der Seite der Erweiterung ist auch alles erklärt was du alles damit machen kannst. Hoffe dies hilft dir erstmal weiter ;-) marketplace.visualstudio.com/items?itemName=ExodiusStudios.comment-anchors
@@ProgrammierenMario DANKE DANKE DANKE Das ist SUPER. Installiert und sofort schon die ersten Anchors eingebaut, funktioniert PRIMA. Auch dein "Bracket Pair Colorizer2 " ist eine Tolle Erweiterung.
@@ProgrammierenMario Was ich noch sagen wollte. Das "automatische Speichern" in VS Code in Zusammenhang mit dem "Live Server" finde ich eine tolle Sache. Den Browser im Vollbild im Hintergrund und das VS Code nur in der unteren Bildschirmhälfte. Den Browser dahin gescrollt, das man die zu bearbeitende Stelle in der oberen Hälfte sieht. Wenn ich jetzt in VS Code etwas Schreibe/Programmiere sehe ich sofort das Ergebnis, denn VS Code speichert sobald ich aufhöre zu tippen. Für einen "echten" Programmierer wie dich ist das wahrscheinlich uninteressant, da du ja weißt, was du machst, aber für "Laien / Anfänger" ist das meiner Meinung nach eine tolle Sache. Gerade auch wenn man mit Farben "rumspielt", jede Farbänderung sieht man sofort, ohne "lästiges" speichern. Für die Sidebar hatte ich mir das VS Code dann auf ca. zwei drittel der rechten Bildschirmseite gemacht. Eventuell wäre das noch etwas für ein Tutorial, falls du noch mal was mit VS Code machst.
Heutzutage kann man sich das schon echt komfortabel einrichten. Wenn ich da noch an früher denke....oh man. Aber bis auf das automatische Speichern mache ich das in meinen Videos ja schon so, nur das ich den Browser links neben VS Code offen habe. Das automatische Speichern würde mich persönlich nerven z.B. in JavaScript oder anderen Programmiersprachen weil es dann ständig Fehler hageln würde wenn ich eine Anweisung noch nicht fertig geschrieben habe usw. Da speichere ich lieber manuell^^ Beruflich habe ich eh ein ganz anderes Setup über 2-3 Monitore. Wäre natürlich interessant so ein Setup mal zu zeigen. Wüsste nur nicht wie ich sowas sinnvoll aufnehmen könnte da ich ja nur ein Bildschirm aufnehmen kann bzw. gleichzeitig im Video anzeigen/schneiden kann. ;-)
Dir gefällt das Video? Schau dir am besten noch an welche Extensions ich für VS Code verwende: ua-cam.com/video/ZfR1DqzdHeU/v-deo.html
danke für die Hilfe , es lag wohl an den erweiterungen, habe die meisten rausgeschmissen. jetzt geht es mit dem ! zeichen auch.
Ich habe mit ein Fernstudium als Web Designer angefangen, und finde deine Videos sehr gut.
Freut mich, danke! Ich wünsche dir viel Erfolg :)
ich muss dir echt gratulieren, mache grad deine videos durch - super erklärungen, übersichtlich und ruhig vorgetragen, und auch immer das kommentiert was du am bildschirm machst/klickst. fühl mich bei deinem kanal super aufgehoben - danke !
Da weiß ich gleich gar nicht was ich antworten soll. 😅
Ich bedanke mich für dein Lob und freu mich sehr das ich dir weiterhelfen kann mit meinen Tutorials ✌️🙂
Du machst wirklich super Tutorials! Genau das passende Tempo und immer ein angenehmer Umfang. Auch immer alles sehr verständlich rübergebracht :)
Danke für das Lob!
Super gemacht lieber Mario. Vielen Dank :-)
✌️🙂
Danke Mario,
Dein Video hier hat mir die Entscheidung erleichtert, von Atom zu VSC zu wechseln.
Du hast eine sympathische Art und Weise, Sachverhalte zu vermitteln.
Schöne Grüße aus Saalfeld
Das freut mich sehr. Schöne Grüße 🖖
Hey, du leistest wirklich eine tolle Arbeit. Man versteht alles sofort es ist einfach und sachlich erklärt ! Mir macht es Spaß dir zuzusehen.
Vielen Dank! Freut mich sehr :)
Einfach Klasse. Nun habe ich endlich grün wie es bei dir aussieht. Ich hatte standart Farben und jedesmal dachte ich es sein Fehler , weil es rot war, bei dir eben grün. DANKE
Grün beruhigt und ist sehr angenehm. Hab auch viele Pflanzen hier stehen. Bei Rot komm ich mir vor als würde ich im Schlachthaus sitzen. ;)
Danke für deine tollen Tutorials! Macht echt Laune zu schauen. Mach weiter so
Vielen Dank ✌️
Habe schon mehrere Videos angeschaut. Super, besten Dank. Informativ und angenehm zu schauen. Top!
Freut mich wenn ich helfen kann ✌️🙂
klasse Tutorial.
Steige nach 5 Jahren Abstinenz wieder in die Programmierung ein (HTML, PHP, MySQL,....)
Deine Tuts kann ich sehr gutgebrauchen.
Das freut mich sehr! 🙌
Das macht echt Spaß, bei dir was zu lernen!
Freut mich ✌️🙂
Hallo Mario, sage, ich glaube, dass ich etwas verstellt habe!
Darf ich dich um einen Tipp bitten?
LG
Hab gelegentlich immer mal bei dir rein geschaut und jetzt löst du mal eben mein nervigstes Problem (Word Wrap), sehr geil.
Werde wohl öfter mal reinschauen bei dir. 👍
Fantastisch! Dann hat es ja super gepasst ✌️
Vielen Dank für dieses Video. Ich habe sehr nützliche Informationen bekommen und freue mich schon auf die nächsten Tutorials, die ich mir nach und nach ansehen werde. Lasse Abbo und Daumen da!
Freut mich sehr das meine Tutorials weiterhelfen. Herzlich willkommen 🙏 Gibt es ein bestimmtes Thema welches dich besonders interessiert?
@@ProgrammierenMario Nein. Wenn ich Lust habe lerne ich ein bisschen HTML, CSS und Javascript oder beschäftige mich mit Python und Kotlin. Java habe ich aufgegeben, obwohl ich mir gerade das Buch "Java lernen mit BlueJ" von David J. Barnes gekauft habe. Am meisten interessiere ich mich für die didaktischen Methoden zur Vermittlung der Grundlagenkenntnisse in den einzelnen Disziplinen.
Na das klingt doch super. Wünsche dir viel Erfolg und noch ein schönes Wochenende...Grüße ;-)
Top erklärt. Manche Tastatur Kürzel habe ich noch gar nicht gekannt.
Vielen Dank, freut mich sehr das ich dir weiterhelfen konnte ✌️🙂
Top Video, danke ☺️🙏
Gern geschehen :)
Der echte Hardcore-Programmierer nimmt edlin. :D
Und ich dachte schon VIM ist die Qual der Wahl. Aber der ist wohl schon zu komfortabel 😂
Cool gemacht weiter so
Freut mich! Danke :)
Schon lustig,
eigentlich habe ich dank dir bereits gelernt mit Vs Code umzugehen
aber dennoch hilft das Video einem weiter.
Es gibt halt dann doch noch Commands in Html
die einem vieles vereinfachen.
Nur vom Deutschen Packet würde ich die Pfoten lassen
den das gibt nur ein Chaos deshalb lerne ich Englisch auf Abi Niveau nebenher.
Gern geschehen! Als ich angefangen habe VS Code zu verwenden gab es noch kein deutsches Sprachpaket. Habe mich einfach daran gewöhnt.
Moin, doch ein super informatives Video. Danke!
Vielen Dank und viel Spaß beim coden ✌️🙂
Sehr gut erklärt und so schön unaufgeregt! Für mein PHP-Projekt arbeite ich mich hiermit ein. Danke!
Besten Dank... was für ein Projekt möchtest du denn mit PHP umsetzen?
@@ProgrammierenMario Eine Notenverwaltung für einen Chor, also einmal die Bestandsverwaltung und dann die Ausgabe und Rücknahme der Noten an die 50 Mitglieder. Der Notenwart soll online u.a. abfragen können, welche Noten sich bei Mitglied xy in der Mappe befinden. Die jeweils 50 Kopien der etwa 360 Lieder werden zentral gelagert und bei Bedarf ausgegeben. Ich habe da schon was im Internet gefunden, was ich angepasst habe, aber die Verknüpfung der Tabellen "Lied" und "Mitglied" muss ich noch selbst programmieren. Habe das bislang mit nano im Linux-Terminal gemacht!
Würde da zu einer Verknüpfungstabelle tendieren welche jeweils den Fremdschlüssel vom Lied und des Mitglieds enthält je Datensatz. Ein Mitglied kann ja mehrere Lieder haben und jedes Lied kann es ja auch öfters geben und somit auch an unterschiedliche Mitglieder ausgegeben werden. Sehr schönes Projekt auf jeden Fall, und sehr Praxisnah. Happy Coding ✌️🙂
@@ProgrammierenMario Danke! Du hast die Aufgabe richtig verstanden. Genau das will ich machen. Ich bin heute erst auf dich gestoßen und muss mir mal ansehen, ob du auch schon was über PHP gemacht hast. Auf jeden Fall habe ich dich abonniert!
Zu PHP habe ich derzeit leider noch nix. Wird aber sehr wahrscheinlich irgendwann mal ein Thema werden ;-)
Super Tipps danke. Besonders die Einstellung Word Wrap. Das hat richtig genervt vorher :) . Könntest du ein Video zu Git bzw. Git Hub machen und wie man es in VS Code verwendet ? Das wäre cool👍.
Ja sehr gerne sogar. Steht schon eine Weile auf meiner Liste. 😅
@@ProgrammierenMario Super 😄👍
sympathisch:D
✌️🙂
TOP Videos! Danke dafür.
Vielen Dank ✌️
Super Danke Mario!
Gerne doch ;-)
Sehr gutes Tutorial, aber ganz am Anfang muss man erst einen Ordner anlegen, wäre schön gewesen, wenn ich diese kleine Hürde mit diesem Video genommen hätte!
Vielen Dank, ja ich hatte das Projekt vom Video davor geöffnet. Freut mich das du die Hürde dennoch gemeistert hast 😉
Danke für deine Videos, alles bestens. Habe folgendes Problem bei meinem imac 27 zoll, auf einmal nimmt visuell code keine Tastaturbefehlee an, was kann ich tun
Es gab schon bei anderen ein ähnliches Problem. Da war eine Erweiterung daran Schuld. Hast du vor kurzem eine installiert? z. B. Die Vim Erweiterung.
Geiles ding💪weiter so
Vielen Dank ✌️
Eingaben blockiert
Ich habe mit dem Visual Code Editor auch das Problem wie der Herr Steinbach das am Beginn die Eingaben blockiert sind. Erst wenn ich wie wild auf der Tastatur rum hämmere kann ich plötzlich schreiben.
Ich glaube zu mindestens die Ursache gefunden zu haben:
Im der Menüleiste unten links gibt es nach dem öffnen einer Datei die Anzeige:
- - Normal - -.
Diese sollte aber in den Modus:
- - Insert - -
wechseln wenn man deinen Angaben zufolge einen Doppel-Click auf die Datei macht.
Das passiert bei mir aber nicht, außer ich wende die Methode an wie oben.
Ansonsten kann ich nur sagen, super Tutorials!
Vielen Dank für deinen Tipp. Leider habe ich unten links in der Menüleiste solch eine Anzeige nicht. Ich habe an dieser Stelle nur 2 Icons die mir Fehler und Warnungen anzeigen.
Diese Sache ist echt Mysteriös und ich hoffe das sich dies noch Auflösen wird :)
Hallo Mario
Ich finde deine Beiträge super, vielen vielen Dank dafür, möchte nicht wissen wieviel Zeit deinerseits da drauf geht (und uns erspart bleibt)
Du hast mich auf VSC gebracht und ich bin fast ganz glücklich damit, wenn nur die doofen "Quicktip" nicht wären. D.h. ich finde die Tips schon OK, aber sie sollten nicht so nahe am Cursor sein (lande häufig bei MDN). Hab mir schon die Finger wund gegoogelt, aber ausser ganz ausschalten nichts gefunden. Kennst du was, wie man den Offset der Quick-Meldungen ändern kann?
Hallo, leider kannst du den Offset nicht einstellen. Zumindest ist mir aktuell nichts bekannt.
Was du aber machen kannst ist den Delay nach oben zu Schrauben. Sodass der Quicktip erst viel später erscheint.
Suche in den Einstellungen mal nach: Hover Delay
Und für den Editor müssten da 300 Millisekunden drin stehen. Das kannst du locker mal auf 2000-3000 Millisekunden stellen. Dann ist es nicht ganz so störend. Und es kommt erst wenn du 2-3 Sekunden mit der Maus über dem Element bleibst.
Danke für die interessanten Videos. Ich bin nicht direkt ein Anfänger ;-) aber man kann ja mal über den eigenen Tellerrand hinaussehen und du erklärst das recht unterhaltsam. So ingesamt sollte ich mir eine bessere Entwicklerumgebung zulegen, und da scheint VS Code eine gute Sache zu sein.
Aber: So etwas wie Site-Management mitsamt FTP scheint es da nicht zu geben - oder hab ich das übersehen?
Ich habe gut 40 Verzeichnisse für Websites auf der lokalen Platte und wenn irgendwo was zu ändern ist, lade ich die entsprechenden Dateien schnell runter, ändere und lade es gleich wieder hoch. Getestet wird am Server, geht ja schnell. Natürlich hat jede Website einen eigenen FTP-Zugang, der muss fix mit dem Projekt verbunden sein und keinesfalls darf da was verwechselt werden.
Momentan verwende ich einen steinalten Dreamweaver MX, mit dem geht das super (solange es nicht SFTP ist, das kann er nicht..) Und da ist auch der Code Editor unbrauchbar, deswegen schaue ich nach Ersatz.
Die FTP-Plugins für VS Code scheinen allesamt recht brachial zu sein..
Hallo Chio, Erweiterungen bzgl. FTP für VS Code gibt es einige. Darüber hinaus könntest du ja auch das Programm Filezilla verwenden für den Upload deiner Projekte. Also das du es voneinander trennst. Wenn du es aber direkt in VS Code haben möchtest dann schau dir mal die Erweiterung "SFTP" von liximomo an. Da kannst du für jedes Projekt im .vscode Ordner eine Konfigurationsdatei anlegen mit Zugangsdaten usw. auch welche Ordner/Dateien für den Upload ignoriert werden sollen und vielen weiteren Einstellungen die du da Hinterlegen kannst. Du hast dann auch einen neuen Menüpunkt für den Up/Download links in der Iconleiste wenn du die Datei angelegt hast.
Wäre auch ein schönes Thema für ein Tutorial...ich notiere es mir mal ;-)
Grüße...
Bei mir funktioniert das mit den Formeln nicht. Es erscheint nicht wie bei dir, die vorgefertigten Zeilen. Weiß jemand woran das liegen könnte?
Ja ich vermute seit dem letzten Update wurde eine Einstellung dafür geändert.
Gehe mal in die Einstellungen und suche nach Emmet bzw. "Trigger Expansion On Tab" und mach dort ein Häkchen rein. Dann müsste es wieder funktionieren.
Hi Mario, super erklärt, ich arbeite auch mit diesem Editor. Hab da aber ein Problem, wenn ich darin php-files aufmachen möchte, kommt immer diese Fehlermeldung "...Kann nicht überprüft werden, da eine PHP-Installation nicht gefunden werden konnte. Verwenden Sie die Einstellung „php.validate.executablePath“, um die ausführbare PHP-Datei zu konfigurieren..." Also editieren geht alles, aber mich nervt eben jedes Mal diese Meldung. Weiß nicht was ich da wo einstellen muss. Arbeite mit MacBookPro. Erreiche ich Dich per Mail? da könnt ich dir auch mal Screenshot senden
Hi, wenn du diese nervige Meldung nicht mehr haben möchtest, dann brauchst du nur diese Einstellung in deinen VS Code Settings setzen. Suche mal in den Settings unter User nach "php.validate.executablePath".
Bei dem Ergebnis hast du einen Link "Edit settings.json". Damit öffnest du diese Datei. Nun musst du in das JSON Objekt z.B. folgenden Eintrag hinzufügen:
"php.validate.executablePath": "C:/xampp/php/php.exe"
Gib hier den Pfad zu der php.exe an welche auf deinem Rechner liegt.
Das wars. Die Meldung kommt nicht mehr :)
@@ProgrammierenMario Ich hab MAC, also kein XAMPP. Weiß nicht, wie ich da eine PHP.Exe finde? Gibt es da eine andere Möglichkeit. Hab zwar gelesen, dass Mac PHP integriert haben soll, aber kenne mich da zu wenig aus. kann ich Dich irgendwie vielleicht tel. erreichen? VG Olaf aus Thüringen
Tolles Viedeo, habe nur ein Problem.. Installiert auf dem Mac 2017 aber das Programm nimm keine Tastatur eingaben an, also ich kann nichts eingeben.
Was mache ich falsch. Danke für deine Antwort
Solch ein Problem ist mir bis jetzt nicht bekannt und ich kann es auch leider nicht reproduzieren. Habe auch eben mal danach gegoogelt und konnte dazu nichts finden. Wenn die Tastatur in anderen Programmen einwandfrei funktioniert und du sonst keine Probleme hast hilft es vielleicht VS Code nochmal neu zu installieren.
in mein VS funktioniert das mit der Kurzschreibweise nicht. wenn ich ul>li*5 eingebe und dann die tab taste drücke kommt
woran kann das liegen?
Welche VS Code Version verwendest du? Es gab zwischenzeitlich mal ein Bug bzgl. Emmet in VS Code. Emmet ist für diese Autovervollständigung verantwortlich. Ich verwende aktuell 1.72.2 als Vergleich.
@@ProgrammierenMario also wo steht die Version? Aber wenn ich auf Update gehe dann kommt keins verfügbar. Also gehe ich von der aktuellsten Version aus.
mmh.
@@ProgrammierenMario auch die gleiche version aber vielleicht mach ich was falsch. ich schaue mir das nochmal an
ralph
wie kann ich aus einer NFT-Datei viele tausende programmieren, und wie kann ich eine webseite erstellen
Bezüglich dem Website erstellen habe ich einige Tutorials über HTML, CSS und JavaScript. Ich lade dich gerne ein da einmal reinzuschauen ;)
Hallo Mario, gibt es in VSCode Extensions, mit denen man nicht benutzten Code (html, css, js) auffinden kann, bzw. löschen?
Als VS Code extension ist mir aktuell nichts bekannt. Du kannst das aber zumindest für CSS und JS direkt im Chrome Browser machen z.B. mit dem Coverage Tab, eine Beschreibung findest du hier: developer.chrome.com/docs/devtools/coverage/
Mich interessiert das mit Datenbankprogrammierung SQL und PHP zusammen.
- Besucher schreibt was in die Datenbank rein, es wird gespeichert.
- Dann die Datenbank durchsuchen.
- Datenbank Verknüpfung usw. wo finde ich das, wie so was programmiert wird?
- Es soll leicht verständlich sein, sodass man auch mitkommt.
- Ich bin ganz neu, in diesem Bereich und möchte sehr gerne Profi werden.
- Gibt es da eine Gruppe, wo man sich treffen kann, um so was gemeinsam zu lernen?
Hallo Sonja, generell gibt es wirklich sehr viele Tutorials auf UA-cam oder als Blogartikel. Bücher gibt es ebenfalls zu allen Themenbereichen mithilfe du lernen kannst. Leider kann ich da nichts genaues empfehlen. Jeder lernt individuell und anders. Was dir am besten liegt kannst nur du herausfinden. Wenn du aber komplett neu in der Web Entwicklung bist würde ich dir aber empfehlen eher mit HTML, CSS und JavaScript zu beginnen. Der Einstieg ist hier einfacher und du wirst es sowieso brauchen um Inhalte darzustellen und dynamisch auszutauschen oder auf Benutzer eingaben zu reagieren. Die Einstiegshürde ist da ziemlich gering. SQL, PHP usw. sind sehr viel komplexer und auch abstrakter und könnte dich als Anfänger eher frustrieren. Wichtig ist das du dir ein erstes einfaches Projekt als Ziel setzt, welches du beim lernen umsetzt. Das kann am Anfang auch eine einfache statische Website sein. Die du später immer und immer wieder erweiterst, auch dann mit Backend (PHP, SQL usw.). Hoffe das hilft dir erstmal ein wenig. ;-)
Hallo Mario,
ich wurde durch Dich auf Visual Studio Code aufmerksam. Wirklich alles gut erklärt! Ich nutze ein Uralt-Dreamweaver und denke nach, umzusteigen. Für mich ist eine Vorschau-Funktion wichtig, damit ich mein Layout überprüfen kann. Ich habe deshalb "LIve Server Preview" installiert. Nun nutze ich für einige Sachen PHP. PHP-Seiten werden leider in der Vorschau aber nicht angezeigt, sondern nur HTML-Seiten. Kannst Du mir etwas empfehlen, wie ich PHP-Seiten in der Vorschau anzeigen lassen kann? Es ist nicht unbedingt notwendig, dass die Inhalte, die über PHP eingebunden werden sollen, in der Vorschau von Visual Studio Code auch angezeigt werden. Mir geht es nur darum, dass ich Seiten, die auf .php enden, überhaupt angezeigt werden, weil meine Seiten alle auf .php enden. Hast Du da einen Tipp? Einen Test-Server auf meinem Rechner zu installieren und diesen mit Visual Studio Code zu verknüpfen (Stichwort: Extension "Live Server"), dazu fehlt mir das technische Verständnis.
Schau mal hier rein -> PHP Live Server für Visual Studio Code
ua-cam.com/video/R_kYdYIP-QM/v-deo.html
Vllt passt es ja bei dir 😉
hallo, mal eine frage, ich hab ein neuen laptop und da vs installiert aber ich bekomme das emmet nicht hin . es lässt sich nicht aktivieren . hast du mir ein tip
Deaktiviere mal alle Erweiterungen. Dann drück mal STRG + SHIFT + P und gib oben in die Command Palette Settings User JSON ein und öffne die settings.json Datei. Alles in der Datei löschen dann speichern. Und dann nochmal versuchen ob Emmet geht. Es gibt immer mal wieder Erweiterungen die fehlerhaft sind oder das Verhalten von VSCode verändern.
@@ProgrammierenMario da kommt nix , meinst du oben in der leiste oder links bei search extensions?
Danke
ah doch in der liste stand settings , du bist ein Genie. hast du übrigens meine mail mit meiner frage bekommen ?
gruss ralph aus leipzig
Da muss ich mal nachschauen :)
Wie kann man Buttons wie z.B. bei einer Anmeldung für "fortfahren" machen?
Bin mir gerade nicht sicher was du genau meinst 🤷♂️
@@ProgrammierenMario Man drückt einen Button und dann startet ein Spiel.
ist das auch zum programmieren mit python oder anderen Programmiersprachen gedacht oder bezieht es sich nur um Websiten entwicklung
VS Code ist universell einsetzbar und für so gut wie alle Programmiersprachen geeignet. Es gibt auch unzählige Erweiterungen für so gut wie alles ;-)
@@ProgrammierenMario Vielen Dank für die schnelle qualtative Antwort.
Das gibt nen abo😅✌️
Freut mich...Herzlich Willkommen :-)
Hallo Mario! Wie kann ich eine oder sogar mehrere Folder löschen??? Danke!
Du kannst mit gedrückter STRG Taste + Maustaste einen Ordner oder mehrere markieren und ENF Taste drücken oder rechte Maustaste aus Ordner und löschen auswählen.
@@ProgrammierenMario Danke! Nur kurz: Ich wollte. bzw. habe eine Datei (Folder) von meinem Laptop auf VSC geladen, sprich "Open Folder... mir ist es aber missverständlich gelungen "Alles was in meinen Downloads auf dem Laptop war auf VSC in einer Folder Names "Downloads übergetragen! Auf Deutsch gesagt jeden "Mist vom Laptop (Download Mappe)! Habe aber alles in VSC gelöscht, aber es wurde auch alles gleichzeitig auf meinem Laptop auch gelöscht! Wie das??? Hoffe du verstehst die Situation!? Apropo, habe sogar VSC gelöscht, und neu installiert aber VSC hat die Download alle weiterhin drin gehabt und nicht vergesen! Bitte um Hilfe! Danke
Wenn du in VS Code Dateien oder Ordner löschst dann sind diese auch auf dem Rechner weg. VS Code greift direkt auf das Dateisystem zu und alle Änderungen etc. wirken sich direkt aus. Wenn du VS Code entfernst und neu installierst dann bezieht sich dies nur auf das Programm selbst und nur auf Dateien und Ordner die zum Programm VS Code gehören. Alle sonstigen Projekte, Ordner und Dateien bleiben dabei unberührt. Hoffe das hilft dir erstmal weiter.
@@ProgrammierenMario Danke! Verstehe, aber weiterhelfen nicht wirklich, weil ich jetzt nicht weiss was ich machen soll?
@@ProgrammierenMario Entschuldige! Jetzt habe ich es herrausgefunden! Ich musste eine andere Folder auf meinem Laptop machen, und nur das im VSC mit "open Folder öffnen! Jetzt ist nur das drin was ich wollte! Danke nochmal Mario!
Wie können wir wissen welche Attribute für was gehören? Müssen wir die nicht auswendig lernen?
Ich steh gerade aufm Schlauch. Was meinst du genau? 😅
Ein SUPER Video, Deine Art es zu Präsentieren gefällt mir seht gut. Habe jetzt schon mehrere deiner Videos angesehen. Bin erst vor ein paar Wochen auf VS Code aufmerksam geworden, hatte davor alles mit Notepad++ gemacht. Bin aber auch nur ein Laie bzw. habe nur wenig Ahnung von dem, was ich da mache. Habe eine statische "Webseite" (html, Java,JQuery) per Zufall übernommen, die auf Github "gehostet" wird. Vorher hatte ich mit Programmieren nix am Hut. Die besteht nur aus der index.html und style.css. Die index.html besteht aus ca. 4000 Zeilen, wo ich mir am Anfang eine Inhaltsangabe gemacht habe, ab welcher Zeile, welcher Bereich (15 Stück) anfängt. Mit Strg+G kann man diese Zeile ja gut anspringen, aber ich suche noch eine Möglichkeit, dort "Sprungpunkte" in den Code einzubauen, womit ich dann per Tastenkombination immer einen weiter oder zurück springen kann. Gibt es sowas in VS Code? Diese intelligenten Vorschläge und Vervollständigen ist SUPER, erspart mir viel Arbeit, da ich nur mit 2-3 Fingern Suchsystem schreibe.
Hallo Martin, erstmal vielen lieben Dank für deinen ausführlichen Kommentar und dein Feedback. Es gibt eine schöne Erweiterung für VS Code die du dir installieren kannst. Schau dir mal die Erweiterung "Comment Anchors" an. Mit dieser hast du einen neuen Hauptbereich links in der Navigation und du kannst innerhalb deiner Datei dann mit Hilfe von Kommentaren Anker setzen. Alle Anker erscheinen dann links in der Sidebar, welche du dann bequem anspringen kannst. Auf der Seite der Erweiterung ist auch alles erklärt was du alles damit machen kannst. Hoffe dies hilft dir erstmal weiter ;-)
marketplace.visualstudio.com/items?itemName=ExodiusStudios.comment-anchors
@@ProgrammierenMario DANKE DANKE DANKE
Das ist SUPER. Installiert und sofort schon die ersten Anchors eingebaut, funktioniert PRIMA. Auch dein "Bracket Pair Colorizer2 " ist eine Tolle Erweiterung.
Freut mich sehr das ich dir weiterhelfen konnte... Happy Coding ;-)
@@ProgrammierenMario Was ich noch sagen wollte.
Das "automatische Speichern" in VS Code in Zusammenhang mit dem "Live Server" finde ich eine tolle Sache. Den Browser im Vollbild im Hintergrund und das VS Code nur in der unteren Bildschirmhälfte. Den Browser dahin gescrollt, das man die zu bearbeitende Stelle in der oberen Hälfte sieht. Wenn ich jetzt in VS Code etwas Schreibe/Programmiere sehe ich sofort das Ergebnis, denn VS Code speichert sobald ich aufhöre zu tippen.
Für einen "echten" Programmierer wie dich ist das wahrscheinlich uninteressant, da du ja weißt, was du machst, aber für "Laien / Anfänger" ist das meiner Meinung nach eine tolle Sache. Gerade auch wenn man mit Farben "rumspielt", jede Farbänderung sieht man sofort, ohne "lästiges" speichern. Für die Sidebar hatte ich mir das VS Code dann auf ca. zwei drittel der rechten Bildschirmseite gemacht.
Eventuell wäre das noch etwas für ein Tutorial, falls du noch mal was mit VS Code machst.
Heutzutage kann man sich das schon echt komfortabel einrichten. Wenn ich da noch an früher denke....oh man.
Aber bis auf das automatische Speichern mache ich das in meinen Videos ja schon so, nur das ich den Browser links neben VS Code offen habe. Das automatische Speichern würde mich persönlich nerven z.B. in JavaScript oder anderen Programmiersprachen weil es dann ständig Fehler hageln würde wenn ich eine Anweisung noch nicht fertig geschrieben habe usw. Da speichere ich lieber manuell^^
Beruflich habe ich eh ein ganz anderes Setup über 2-3 Monitore. Wäre natürlich interessant so ein Setup mal zu zeigen. Wüsste nur nicht wie ich sowas sinnvoll aufnehmen könnte da ich ja nur ein Bildschirm aufnehmen kann bzw. gleichzeitig im Video anzeigen/schneiden kann. ;-)