- Bietet einen Überblick über die wichtigsten Techniken, um Websites und Webanwendungen ohne Build-Tools oder Frameworks zu erstellen – nur mit Editor, Browser und Webstandards (reines HTML/CSS/JavaScript)
- Behandelte Themen sind unter anderem:
- Components: Einsatz von Web Components als grundlegende Bausteine, um mit reinem HTML, JavaScript und CSS höherwertige Primitive zu erstellen und so den komponentenbasierten Ansatz von Frameworks wie React oder Vue zu ersetzen
- Styling: Die Möglichkeiten von modernem CSS maximal ausnutzen, um den Komfort von CSS Modules, PostCSS und SASS zu ersetzen
- Sites: Webprojekte auf Basis von Web Components erstellen und ohne Build-Tools, Frameworks oder serverseitige Logik in Produktion deployen
- Applications: Wie man mit Vanilla-Technologien Single-Page-Webanwendungen baut, Routing umsetzt und den State verwaltet
- Dieses Tutorial richtet sich an Menschen, die HTML, CSS und JavaScript bereits kennen. Wenn du gerade erst mit dem Lernen von Webentwicklung beginnst, ist diese Seite noch nicht die richtige für dich
Warum sollte man das tun?
- Moderne Webentwicklungs-Frameworks ermöglichen es, schnell funktionsreiche und gut strukturierte Webanwendungen zu entwickeln. Diese Fülle an Funktionen hat jedoch den Preis von komplexeren Frameworks und Tools, wodurch Projekte regelmäßig gewartet werden müssen, um sicher und aktuell zu bleiben
- Webentwicklung im Plain-Vanilla-Stil trifft eine andere Wahl: Sie verzichtet auf kurzfristigen Komfort zugunsten langfristiger Vorteile wie Einfachheit und praktisch null Wartungsaufwand. Möglich ist dieser Ansatz durch moderne Browserumgebungen mit hervorragender Unterstützung für Webstandards
- Probiere zuerst einige populäre Webentwicklungs-Frameworks aus, lerne, warum du vielleicht ohne sie arbeiten möchtest, und verwende den Plain-Vanilla-Ansatz erst dann, wenn du sicher darin bist, eine Codebasis ohne Hilfe eines Frameworks zu strukturieren
- Nutze diesen Ansatz, wenn du die Werkzeuge des Browsers besser kennenlernen möchtest oder Websites und Anwendungen bauen willst, die keine Wartung benötigen, äußerst stabil sind und langfristig Bestand haben. Letztlich beruhen die hier beschriebenen Techniken ausschließlich auf Webstandards – und Webstandards bestehen seit Jahrzehnten
9 Kommentare
Selbst beim Erstellen einer einfachen Karten-App mit Vanilla wird der Code schon ziemlich langatmig.
Wenn man einen Ansatz für Sites oder Anwendungen verwenden möchte, die praktisch keine Wartung brauchen, sehr stabil sind und auf lange Sicht aufgebaut werden, dann scheint die Antwort damit wohl schon klar zu sein. Warum macht man das nicht..?
Alle sagen, das sei lästig, lol
Damals, als die Tiger noch Pfeife rauchten.... so haben wir das geschrieben...
int main(int argc, char *argv) {
...
char url = getenv("QUERY_STRING");
...
printf("HTTP/1.0 200 OK");
..
blahblah...
...
}
Das erinnert mich daran, dass ich früher mal eine SPA mit Vanilla umgesetzt habe … Damals war ich noch totaler Anfänger und kannte
fetchnicht, also habe ich alles einzeln mit XHR gemacht …Man sagt ja, am Ende des Tunings landet man wieder beim Original …
Getunte Spezifikationen könnten vielleicht in die Standardausstattung aufgenommen werden..
In der 800. Folge von Syntax.fm war John Resig zu Gast! ^^