Installation von grundlegender Software

In diesem Artikel richten wir Sie mit dem Nötigsten ein — einem Texteditor und einigen modernen Webbrowsern.

Sie haben wahrscheinlich bereits einen einfachen Texteditor auf Ihrem Computer. Standardmäßig enthält Windows Notepad und macOS kommt mit TextEdit. Linux-Distributionen variieren; die Ubuntu 22.04 LTS-Version enthält standardmäßig den GNOME Text Editor.

Für die Webentwicklung können Sie wahrscheinlich besser als Notepad oder TextEdit abschneiden. Wir empfehlen, mit Visual Studio Code zu beginnen, einem kostenlosen Editor, der Live-Vorschauen und Code-Hinweise bietet.

Für den Anfang installieren wir ein paar Desktop-Webbrowser, um unseren Code zu testen. Stellen Sie sicher, dass Sie mindestens zwei dieser Browser aus zwei verschiedenen Familien installieren (damit Sie nicht in zwei Browsern testen, die denselben Rendering-Engine verwenden):

• Chromium: Chrome, Opera, Brave, Microsoft Edge
• Gecko: Firefox
• WebKit: Safari (nur macOS und iOS)

Einige Beispiele müssen von einem Webserver ausgeführt werden, um erfolgreich zu funktionieren. Wie das geht, erfahren Sie in Wie richten Sie einen lokalen Testserver ein?

Die folgende Liste sieht vielleicht beängstigend aus, aber glücklicherweise können Sie ohne Kenntnisse der meisten dieser Werkzeuge mit der Webentwicklung beginnen.

• Ein Computer. Das mag für einige offensichtlich klingen, aber einige von Ihnen lesen diesen Artikel auf Ihrem Telefon oder einem Computer in der Bibliothek. Für ernsthafte Webentwicklung ist es besser, in einen Desktop- oder Laptop-Computer zu investieren, der Windows, macOS oder Linux ausführt.
• Ein Texteditor, um Code zu schreiben. Dies könnte ein Texteditor sein (z.B. Visual Studio Code, Notepad++, Sublime Text, GNU Emacs oder VIM), oder ein hybrider Editor (z.B. Dreamweaver oder WebStorm). Office-Dokument-Editoren sind hierfür nicht geeignet, da sie auf versteckte Elemente angewiesen sind, die mit den von Webbrowsern verwendeten Rendering-Engines interferieren.
• Webbrowser, um den Code zu testen. Derzeit sind die meistgenutzten Browser Firefox, Chrome, Safari und Microsoft Edge. Sie sollten auch testen, wie Ihre Website auf mobilen Geräten und in anderen Browsern, die Ihre Zielgruppe möglicherweise verwendet, funktioniert. Lynx, ein textbasierter Terminal-Webbrowser, ist hervorragend, um zu sehen, wie Ihre Website von sehbehinderten Nutzern erlebt wird.
• Ein Grafikeditor, wie GIMP, Figma, Paint.NET, Photoshop, Sketch oder XD, um Bilder oder Grafiken für Ihre Webseiten zu erstellen.
• Ein Versionskontrollsystem, um Dateien auf Servern zu verwalten, in einem Team an einem Projekt zusammenzuarbeiten, Code und Ressourcen zu teilen und Bearbeitungskonflikte zu vermeiden. Derzeit ist Git das beliebteste Versionskontrollsystem zusammen mit dem Hosting-Service GitHub oder GitLab.

Für weitere Informationen über andere projektspezifische Werkzeuge, insbesondere für die clientseitige Webentwicklung, lesen Sie unseren Verstehen der clientseitigen Webentwicklungstools Leitfaden.

• Übersicht: Einführung ins Web
• Weiter