Verständnis von Client-seitigen Web-Entwicklungstools

Client-seitige Tools können einschüchternd wirken, aber diese Artikelserie zielt darauf ab, den Zweck der gängigsten Typen von Client-seitigen Tools zu veranschaulichen, die Tools zu erklären, die Sie zusammenstellen können, wie Sie sie mit Paketmanagern installieren und über die Befehlszeile steuern können. Wir enden mit einem kompletten 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 auch mit der Nutzung der Terminal-/Befehlszeile vertraut sein.

Tutorials

Überblick über Client-seitige Tools

In diesem Artikel bieten 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, und wie Sie Hilfe zu einzelnen Tools finden können.

Grundlagen des Paketmanagements

In diesem Artikel werden wir uns Paketmanager genauer ansehen, um zu verstehen, wie wir sie in unseren eigenen Projekten nutzen können — um Projekt-Tool-Abhängigkeiten zu installieren, sie auf dem neuesten Stand zu halten und mehr.

Einführung einer kompletten Toolchain

In den letzten paar Artikeln der Serie werden wir Ihr Wissen über Tools festigen, indem wir Sie durch den Prozess der Erstellung einer beispielhaften Fallstudie-Toolchain führen. Wir gehen den gesamten Weg von der Einrichtung einer sinnvollen Entwicklungsumgebung und der Implementierung von Transformationstools bis hin 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 finalen Artikel unserer Serie nehmen wir die Beispiel-Toolchain, die wir im vorherigen Artikel aufgebaut haben, und erweitern sie, damit wir unsere Beispiel-App bereitstellen können. Wir schieben den Code nach GitHub und stellen ihn auf GitHub Pages bereit und zeigen Ihnen sogar, wie Sie einen einfachen Test in den Prozess integrieren können.