Es gibt eine interessante Unterscheidung, die Jeremy Keith in diesem Beitrag zwischen Prototypen-Code und Produktions-Code definiert, und ich denke die ganze Woche darüber nach
…manchmal verwenden wir die Materialien der Front-End-Entwicklung – HTML, CSS und JavaScript –, um etwas zu produzieren, das nicht für die Produktion bestimmt ist. Ich spreche vom Prototyping.
Interessant ist, dass – wenn es um Prototyping geht – unsere üblichen Frontend-Prioritäten über Bord gehen können und sollten. Die Priorität ist jetzt Geschwindigkeit. Wenn das bedeutet, Semantik oder Leistung zu opfern, dann sei es so. Wenn ich einen Prototypen baue und mich frage: „Nun, was ist der richtige Klassenname für diese Komponente?“, dann weiß ich, dass ich in der falschen Denkweise bin. Diese Frage mag für Produktionscode gültig sein, aber für Prototypen ist sie Zeitverschwendung.
Ich liebe die Art und Weise, wie Jeremy all das formuliert und wie er beschreibt, dass diese beiden Umgebungen völlig getrennte Denkweisen erfordern. Beim Prototyping können wir beispielsweise die Optimierung für Barrierefreiheit oder Leistung wahrscheinlich vernachlässigen und sogar unsere CSS-Standards schleifen lassen, um etwas so schnell wie möglich im Browser zu testen.
Anfang des Jahres habe ich einige ähnliche Gedanken wiederholt, als ich ein wenig über Prototyping im Browser schrieb.
Ich schätze, dass der Code, den ein Designer und/oder Frontend-Entwickler zum ersten Mal schreibt, niemals in einer Produktionsumgebung landen sollte. Der Spielraum und die Freiheit, mit dem Code in einer sicheren Umgebung verrückt zu spielen, konzentrieren Ihre Aufmerksamkeit auf das Design und dessen Kompatibilität mit den Einschränkungen eines Browsers. Danach können Sie sich überlegen, wie Sie den Code von einem heißen, dampfenden Haufen Müll zu schöner, blitzsauberer, produktionsreifer Poesie verfeinern. Die Umwandlung der statischen Mockups in einen interaktiven Prototyp ist der erste Schritt, aber es ist entscheidend, einen nächsten Schritt zu haben, um Ihre Codestandards durchzusetzen.