Zum Inhalt springen

2. Werkzeuge der Entwicklung

Zu Zen-Modus wechseln
  • Visual Studio Code einrichten: Ordner öffnen, sinnvolle Erweiterungen, Autoformat.
  • Der Browser als Laufzeitumgebung: HTML-Datei öffnen, Konsole der DevTools benutzen.
  • Dateien und Projektstruktur: Ordnerkonventionen (index.html, style.css, script.js).
  • Screenshots und Kurzvideos der wichtigsten Handgriffe (DevTools öffnen, Konsole, Elemente-Tab).
  • Ausblick: warum Profis Entwicklungsumgebungen, Formatter und Versionsverwaltung nutzen.
  • Ein kleines Projekt als Ordner mit HTML/CSS/JS-Dateien anlegen.
  • Die Browser-Konsole zum Ausprobieren von JavaScript verwenden.
  • Fehlermeldungen in der Konsole finden und lesen.
  • Aufgabe 02 - Meine erste Webseite (Setup-Teil)