JavaScript, DOM und CSS Bearbeitung in Visual Studio Code

10 Minuten Webentwicklung von Anfang bis zum Ende in Visual Studio Code: 00:00 Was braucht man und warum? 00:53 Ordner und Applikation öffnen 01:16 Lokalen Server starten (CMD+`) 02:09 Ein Browser für die App 03:37 Console.log() in VS Code! 04:48 Breakpoints sind nicht so schwierig 06:01 Edge Developer tools in VS Code: DOM, HTM, CSS und Netzwerk 08:24 Und das Ganze automatisch Resourcen: Christian Heilmann https://christianheilmann.com Twitter: https://twitter.com/codepo8 https://twitter.com/EdgeDevTools Microsoft Edge: https://microsoft.com/de-de/edge Visual Studio Code: https://code.visualstudio.com Demo App "Dog Browser": https://codepo8.github.io/dog-browser/ Demo App "Dog Browser" how to: https://christianheilmann.com/2020/10/29/writing-a-dog-picture-browser-in-200-lines-of-code/ Reload server: https://www.npmjs.com/package/reload Edge DevTools extension für VS Code: https://aka.ms/devtools-for-code Dokumentation: https://docs.microsoft.com/en-us/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension