Plain Vanilla Web

• Plain Vanilla Web ist ein Tutorial, das beschreibt, wie man Websites und Webanwendungen nur mit Editor, Browser und Webstandards erstellt
• Es gliedert sich in Komponenten, Styling, Sites und Anwendungen und behandelt Web Components, modernes CSS, clientseitiges Routing und Zustandsverwaltung auf Vanilla-Art
• Der Fokus liegt darauf, die Komplexität von Frameworks und Tooling zu reduzieren, statt die Bequemlichkeit moderner Web-Frameworks in den Vordergrund zu stellen
• Es richtet sich an Leser, die bereits mit HTML, CSS und JavaScript vertraut sind, und ist noch nicht für Personen geeignet, die gerade erst mit Webentwicklung beginnen
• Der Ansatz zielt darauf ab, auch bei Verzicht auf einen Teil kurzfristiger Bequemlichkeit langfristig von Einfachheit und nahezu wartungsfreiem Betrieb zu profitieren

---

Sites und Anwendungen nur mit Webstandards erstellen

• Plain Vanilla Web zeigt, wie man Websites und Webanwendungen mit Schwerpunkt auf HTML, JavaScript und CSS erstellt
  • Benötigt werden nur ein Editor, ein Browser und Webstandards
  • Behandelt wird ein Ansatz ohne Abhängigkeit von Build-Tools, Frameworks oder serverseitiger Logik
• Der Lernpfad besteht aus vier Bereichen
  • Components: Mit Web Components werden auf Basis von plain HTML, JavaScript und CSS höherwertige Primitive erstellt
  • Styling: Modernes CSS ersetzt Komfortfunktionen von CSS Modules, PostCSS und SASS
  • Sites: Vanilla-Websites ohne Build-Tools, Frameworks oder serverseitige Logik erstellen und online bereitstellen
  • Applications: Mit Vanilla-Strategien für clientseitiges Routing und Zustandsverwaltung Single-Page-Anwendungen erstellen

Geeignete Zielgruppe und Einstieg

• Dieser Ansatz priorisiert geringere Komplexität gegenüber dem Funktionsreichtum moderner Web-Frameworks
  • Er reduziert die Belastung durch Frameworks und Tooling, verzichtet dafür aber auf einen Teil kurzfristiger Bequemlichkeit
  • Langfristig zielt er auf Einfachheit und einen Zustand ab, der praktisch wartungsfrei ist
• Er eignet sich für Menschen, die bereits mit HTML, CSS und JavaScript umgehen können und der Tooling-Komplexität entkommen möchten
  • Für Personen, die gerade erst anfangen, Webentwicklung zu lernen, ist er noch nicht geeignet
  • Einsteiger können mit HTML for People oder dem The Odin Project Foundations Course beginnen
• Der nächste Schritt besteht darin zu lernen, wie man mit Web Components Inhalte, Styles und Verhalten kombiniert
  • Der Einstiegslink ist Get Started