Tools und Tests

Sobald Sie beginnen, sich beim Programmieren mit den grundlegenden Web-Technologien (wie HTML, CSS und JavaScript) wohler zu fühlen, und wenn Sie mehr Erfahrung sammeln, mehr Ressourcen lesen und mehr Tipps und Tricks lernen, werden Sie auf alle Arten von Tools stoßen, von JavaScript-Frameworks über Test- und Automatisierungstools bis hin zu vielem mehr. Wenn Ihre Webprojekte größer und komplexer werden, möchten Sie einige dieser Tools nutzen und eine zuverlässige Toolchain entwickeln, um Ihrem Entwicklungsprozess Superkräfte zu verleihen.

Darüber hinaus müssen wir die plattformübergreifende Unterstützung stets im Hinterkopf behalten und sicherstellen, dass unser Code den besten Praktiken folgt, die es ermöglichen, dass unsere Projekte in verschiedenen Browsern und auf verschiedenen Geräten funktionieren, die unsere Nutzer verwenden, um das Web zu durchsuchen, und dass sie von Menschen mit Behinderungen genutzt werden können.

Herauszufinden, welche Tools Sie verwenden sollten, kann ein schwieriger Prozess sein. Daher haben wir diese Artikelsammlung zusammengestellt, um Sie über die verfügbaren Tooltypen zu informieren, was sie für Sie tun können und wie Sie die aktuellen Branchenfavoriten nutzen können.

Hinweis: Wir haben in diesem Thema eine Reihe von Tools referenziert, nicht weil wir sie unterstützen oder sie für die besten halten, sondern weil wir wissen, dass sie funktionieren und gute Unterstützung in der Branche haben. In den meisten Fällen gibt es andere verfügbare Tools, alte werden aus der Mode kommen, und neue werden zweifellos erscheinen.

Voraussetzungen

Bevor Sie versuchen, viele der hier beschriebenen Tools zu verwenden, sollten Sie wirklich die Grundlagen der Kernsprachen HTML, CSS und JavaScript erlernen. Zum Beispiel müssen Sie die Grundlagen dieser Sprachen kennen, bevor Sie Probleme in komplexem Webcode debuggen, JavaScript-Frameworks effektiv nutzen oder Tests schreiben und diese mit Testläufern gegen Ihren Code ausführen können.

Darüber hinaus sollten Sie mit dem ersten Modul in diesem Thema beginnen, das einen nützlichen Überblick über den allgemeinen Bereich bietet.

Module

Verständnis von clientseitigen Webentwicklungstools: Clientseitige Tools können einschüchternd sein, aber diese Artikelreihe zielt darauf ab, den Zweck einiger der gängigsten clientseitigen Tooltypen zu veranschaulichen, die Tools zu erklären, die Sie miteinander verketten können, wie Sie sie mit Paketmanagern installieren und mit der Befehlszeile steuern können. Wir schließen mit einem vollständigen Toolchain-Beispiel ab, das Ihnen zeigt, wie Sie produktiv werden können.
Verständnis von clientseitigen JavaScript-Frameworks: JavaScript-Frameworks sind ein wesentlicher Bestandteil der modernen Front-End-Webentwicklung und bieten Entwicklern erprobte Tools zum Erstellen von skalierbaren, interaktiven Webanwendungen. Viele moderne Unternehmen verwenden Frameworks als Standardteil ihrer Toolchain, sodass viele Front-End-Entwicklungsjobs jetzt Framework-Erfahrung erfordern. Dieses Modul gibt Ihnen einige grundlegende Hintergrundinformationen darüber, wie clientseitige Frameworks funktionieren und wie sie in Ihr Toolset passen, bevor es zu Tutorials über einige der derzeit beliebtesten geht.
Git und GitHub: Alle Entwickler werden irgendein Version Control System (VCS) verwenden, ein Tool, das es ihnen ermöglicht, mit anderen Entwicklern an einem Projekt zu kollaborieren, ohne die Gefahr, dass sie gegenseitig ihre Arbeit überschreiben, und bei Bedarf auf frühere Versionen des Code-Bestands zurückzurollen. Das beliebteste VCS (zumindest bei Webentwicklern) ist Git, zusammen mit GitHub, einer Plattform, die Hosting für Ihre Repositories und mehrere Tools zur Arbeit mit ihnen bietet. Dieses Modul zielt darauf ab, Ihnen das Wissen zu vermitteln, das Sie über beide benötigen.
Cross-Browser-Testen: Dieses Modul befasst sich speziell mit dem Testen von Webprojekten in verschiedenen Browsern. Hier betrachten wir, wie man seine Zielgruppe identifiziert (z. B. welche Nutzer, Browser und Geräte sind am wichtigsten?), wie man Tests durchführt, die Hauptprobleme, mit denen man bei verschiedenen Codearten konfrontiert wird, und wie man diese behebt/abfedert, welche Tools am nützlichsten sind, um Ihnen bei der Testung und Behebung von Problemen zu helfen, und wie man Automatisierung nutzen kann, um das Testen zu beschleunigen.