Knowledge Hub

Learning Journey

Frontend

UI-Pfade im Hub: HTML & CSS Grundlagen und Framework-Orientierung (React, Vue, Next.js & Co.) — weitere Unterkategorien folgen demselben Muster.

Gesamtfortschritt

0%

Nächster Schritt: HTML & CSS Grundlagen

  1. 01

    HTML & CSS Grundlagen

    Unterkategorie Frontend → HTML/CSS: erste Webseite mit Skelett, Tags, Styles und Flexbox.

    Offen · 2 Themen
    Öffnen
    • Den HTML/CSS-Pfad unter Frontend starten
    • Struktur (HTML) und Aussehen (CSS) unterscheiden
    HTMLCSSFlexboxindex.html

    Von Projektordner bis Merksatz

    Lesson · Anleitung · Übersicht

    Geführter Pfad: Ordner anlegen, HTML-Skelett, Browser, Tags, CSS-Selektoren, Klassen und Flexbox.

    • Start: `mkdir` / `index.html` / `style.css`
    • Kern: DOCTYPE, head/body, Selektoren, `.karte`
    • Layout: `display: flex`
    • Merksatz: HTML = Struktur, CSS = Aussehen

    Ganze HTML/CSS-Journey öffnen

    Bridge · Hub · 1 min

    Alle Module unter `/journey/frontend/html-css` — Browse-Lektion html-css-grundlagen.

    • Route: `/journey/frontend/html-css`
    • Browse: `/learn/html-css-grundlagen`

  2. 02

    Framework

    Unterkategorie Frontend → Framework: React, Vue, Next.js & Co. — Orientierung, wann welches Gerüst.

    Offen · 2 Themen
    Öffnen
    • Bibliothek vs. Framework unterscheiden
    • Frontend- und Backend-Frameworks grob einordnen
    ReactNext.jsVueAngularSvelte

    React, Vue, Next.js & Co.

    Lesson · Anleitung · Übersicht

    Was ein Framework ist, UI-Bibliotheken vs. Full-Stack-Gerüste, Backend-Überblick und Entscheidungshilfe.

    • Bibliothek = Werkzeuge, Framework = feste Struktur
    • React/Vue/Svelte = Oberfläche; Next/Nuxt/Angular = Gerüst
    • FastAPI/Express/Django = Backend-Logik
    • Frontend und Backend sprechen über APIs (meist JSON)

    Ganze Framework-Journey öffnen

    Bridge · Hub · 1 min

    Alle Module unter `/journey/frontend/framework` — Browse-Lektion frameworks-uebersicht.

    • Route: `/journey/frontend/framework`
    • Browse: `/learn/frameworks-uebersicht`
Framework-Orientierung