Verständnis der Tools für die clientseitige Webentwicklung
Clientseitige Tools können einschüchternd wirken, aber diese Artikelserie hat das Ziel, den Zweck einiger der gängigsten Typen clientseitiger Tools zu veranschaulichen. Wir erklären, welche Tools Sie kombinieren können, wie Sie sie mit Paketmanagern installieren und über die Befehlszeile steuern können. Abschließend bieten wir ein komplettes Toolchain-Beispiel, das Ihnen zeigt, wie Sie produktiv werden können.
Voraussetzungen
Bevor Sie mit diesem Modul beginnen, sollten Sie die Grundlagen von HTML, CSS und JavaScript gelernt haben. Sie sollten sich auch mit der Verwendung des Terminals/Befehlszeile wohlfühlen.
Anleitungen
- Überblick über clientseitige Tools
-
In diesem Artikel geben wir einen Überblick über moderne Web-Tools, welche Arten von Tools verfügbar sind und wo Sie ihnen im Lebenszyklus der Web-App-Entwicklung begegnen, sowie wie Sie Hilfe bei einzelnen Tools finden können.
- Grundlagen des Paketmanagements
-
In diesem Artikel betrachten wir Paketmanager im Detail, um zu verstehen, wie wir sie in unseren eigenen Projekten einsetzen können – um Abhängigkeiten von Projekten zu installieren, sie auf dem neuesten Stand zu halten und mehr.
- Einführung in eine komplette Toolchain
-
In den letzten Artikeln der Serie festigen wir Ihr Wissen über Tools, indem wir Ihnen den Prozess des Aufbaus einer Fallstudien-Toolchain vorstellen. Wir gehen den gesamten Weg von der Einrichtung einer sinnvollen Entwicklungsumgebung über die Implementierung von Transformationstools bis zur tatsächlichen Bereitstellung Ihrer App. In diesem Artikel stellen wir die Fallstudie vor, richten unsere Entwicklungsumgebung ein und setzen unsere Code-Transformationstools auf.
- Bereitstellung unserer App
-
Im letzten Artikel unserer Serie erweitern wir die im vorherigen Artikel aufgebaute Toolchain, sodass wir unsere Beispiel-App bereitstellen können. Wir pushen den Code zu GitHub und stellen ihn auf GitHub-Seiten bereit und zeigen Ihnen sogar, wie Sie einen einfachen Test in den Prozess integrieren können.