Schulhof-Programmierung erklärt dir kurz Visual-Studio-Code
Visual-Studio-Code – Ein Quelltext-Editor mit dem du deinen Code schreiben kannst
Wo schreibe ich den Code rein in Visual-Studio-Code? Was brauche ich, um cool zu starten? – Eine einfache Einführung in Visual-Studio-Code und wie du schnell durchstarten kannst, oder ein Code-Projekt aufbauen kannst.
Visual-Studio-Code
Wo schreibe ich eigentlich meinen Code rein?
Download von Visual-Studio-Code findest du hier
Visual-Studio-Code ist ein sehr beliebter Quelltext-Editor, den du nutzen kannst, um deinen Code zu schreiben. Das Problem, gerade für Anfänger hat Visual-Studio-Code unendlich viele Möglichkeiten, Einstellungen und sogenannte Extensions, oder auch Erweiterungen. Kennst du diese nicht, wird es schnell schwierig, sich hier gezielt einzuarbeiten. Das erste was du machen solltest, wenn du mit diesem Quelltext-Editor Code schreibst, dass du dir den Live-Server danach installierst. Wie du das machst findest du unten in vielen Videos. Er ist dazu da, dass du praktisch die Ausgabe sehen kannst, also das was du programmiert hast. Der Live-Server ist eine sogenannte Extension, also eine Erweiterung. Auf Visual-Studio-Code gibt es viele Extension.
Welche Extensions soll ich mir runterladen?
Es gibt einige gute Videos im Netz, wo sogenannte Erweiterungen empfohlen werden.
Video aus dem Netz Video ( welche Extensions)
Schulhof-Programmierung hat dir hier mal wichtige Videos zusammengestellt zum Thema Visual-Studio-Code, die dir helfen könnten, damit du lernst dich mit Visual-Studio-Code schnell einzuarbeiten. Willst du z. B. eine Webseite coden in Visual-Studio-Code so kannst du dies natürlich mit HTML als Grundgerüst, CSS für das Styling und Java-Script machen. Mit java-Script schreibst du z. B. Funktionen oder Schleifen.
Beispiel 1 Webseite Coden mit HTML, CSS und Java-Script Video
Beispiel 2 Webseite Coden mit HTML, CSS und Java-Script Video
Erwähnenswert wäre hier sicherlich noch, wenn du neu bist, dass man eine Webseite nicht nur so coden kann, sondern man kann auch andere Technik einsetzen. Nämlich z. B. mit einem CMS-System wie WordPress zu arbeiten. Das geht natürlich auch.
Grafik- Wie installiere ich den Live-Server in 3 Schritten ( einfache Erklärung)
Live-Server-installieren in 3 Schritten.
Beispiel-Oberfläche Visual-Studio-Code
Video 1 Die Installation Video
Video 2 Live-Server in Visual-Studio-Code in 15 Minuten ( Sehr wichtig !) Video
Video 3 Visual-Studio-Code- welche Erweiterung für Barrierfreiheit kann ich nehmen? Video
Video 2a Hilfe, meine Bilder werden nicht angezeigt in visual-Studio-Code Video
Video 2b Visual-Studio-Code abspeichern, live-server, ausdrucken in 5 Minuten Video
Video 2c Console einrichten Visual-Studio-Code Video
Video 2d Visual-Studio-Code für Anfänger Video
Video 3 Visual Studio-Code – Extensions ( Erweiterungen) Video
Video 4 Wie erzeuge ich nur mit einem Ausrufezeichen ein gesamtes HTML-Gerüst Video
Video 6 10 Profi-Tipps zum Thema Visual-Studio-Code Video
Video 7 Visual-Studio-Code und Git Video ( Engl)
Video 8 Wie kann ich den Code ausdrucken? Video (deutsch)
Video 9 Einen Botton programmieren, mit der Aufschrift „drucken“ und ein Vorschaufenster erzeugen Video
Hilfe, ich bin neu in der Programmierung. Check den Programmier-Erklär-Baum